/*--------------------------------------------
   doc title: Fixtures Live 2 column template master stylesheet
   filename: fixtures_live.css
   author: Jamie Brighton @ Crunch Digital Solutions
   created: 22/11/2007
   last modified date: 22/11/2007
   last modified by: Jamie Brighton
   
   ------------------

   1. defaults
   2. structure
   3. navigation
   4. headings, typography, links
   5. forms
   6. images
   7. iframes
   8. Fixtures Live specific styles

--------------------------------------------*/

/*-------- 1. defaults --------*/

*
		{
		margin: 0;
		padding: 0;
		}

body
		{
		font-family: tahoma, arial, sans-serif;
		font-size: 62.5%;
		color: #000;
		text-align: center;
      padding: 0 0 25px 0;
      background: #E1E1E1 url('/inc/img/background_page.gif') 50% 0 repeat-y;
		}

img
		{
		border: 0;
		}

a		
		{
		text-decoration: none;
		}



/*-------- 2. structure --------*/
#wrapper
		{
      margin: 0 auto 0 auto;
      text-align: left;
      width: 990px;
	  height: 100%;
	  background: #fff url(/inc/img/background_left_column.gif) repeat-y;
      }

#header
      {
      background: url('/inc/img/header_main.jpg') 50% 50% no-repeat;
      height: 142px;
      text-align: right;
      }

#page
      {
      text-align: center;
      height: 100%;
      overflow: hidden;
      background: #fff;
      }

#left_column
      {
      background: #FFFFFF url(/inc/img/background_left_column.gif) repeat-y scroll 0%;
      float: left;
      text-align: left;
      width: 194px;
      padding: 6px 0 0 6px;
      min-height: 410px;
	  display: inline;
	  min-height: 100%;
      }
#right_column
      {
      float: right;
      width: 207px
      }
#page_content
      {
      background: #fff;

      }  
#content
      {
      text-align: left;
      margin: 5px 0 15px 22px;
      width: 545px;
      float: left;

      }

.section
      {
      padding: 10px 0x 0 0;
      margin: 5px 0 10px 0;
      }
.apisection
      {
      padding: 10px 10px 0 8px;
      margin: 0 0 10px 0;
      }
#page_content_sub_nav
      {
      background: #B0CAE5;
      width: 786px;
      float: left;

      }
#footer
      {

      }
#footer_left
      {
      float: left;
      width: 205px;

      }
#footer_right
      {
      float: right;
      padding-top: 30px;
      margin: 0 0 0 0px;
      width: 200px;
      }
#footer_sub_nav
		{
      margin: 5px auto 0 auto;
      text-align: right;
      color: #fff;
      width: 988px;
      }
#footer img
    {
	float: left;
	}
#footer p
    {
	float: right;
	padding: 9px 25px 0 0;
	color: #000;
	font-size: 0.8em;
	}
#footer a
	{
	color: #000;
	}

.cleaner
      {
      background:transparent none repeat scroll 0%;
      border:medium none;
      clear:both;
      font-size:1px;
      height:1px;
      margin:0pt;
      padding:0pt;
      }
 
 #black_divider
      {
      margin: 0 0 10px 0;
      clear: both;
      display: block;
      border: 1px solid black;
      width: 720px;
      }
.login
      {
      text-align: left;
      margin-left: 10px;
      background: #0075BE;
      padding:10px 10px 10px 25px;
      margin-right: 8px;
      color: #fff;

      }
.login form
      {
      position:relative;
      left: 35px;
      }
#Submit22
      {
      margin-left: 10px;
      font-size: 0.9em;
      color: #fff;
      border: 1px solid #fff;
      background: #0075BE;
      }
/*-------- 3. navigation --------*/

#listMenuRoot
      {
      background-color: #fff;
      float: left;
      margin: 0 0 10px 0;
      }
#listMenuRoot li, #newsMenuRoot li
      {
      border-top: 0;
	  border-left: 0;
	  border-right: 0;
      border-bottom: 1px solid #fff;
      padding: 4px 20px 4px 20px;
      list-style: none;
      width: 140px;
      font-size: 1.2em;
      background: #DADAE9 url('/inc/img/background_menu_grey_arrow.gif') 3px 5px no-repeat;
      }
#listMenuRoot li ul
      {
      border-top: 2px solid #fff;
      margin: 6px 0 0 -20px;
      width: 181px;
      }
#listMenuRoot li ul li
      {
      background: #E3E5E8;
      border: 0 !important;
      padding: 3px 0 3px 40px;
      margin: 0;
      font-size: 1em;
      width: 140px;
      overflow: hidden;
      }
ul.childlevel
      {
      background-color: #fff;
      }
.parent
      {
      }
.parentlevel .childlevel a
      {
      color: #000;
      font-weight: normal;
      }
.parentlevel a
      {
      color: #000;
      }
.parentlevel a:hover, .childlevel a:hover
      {
      text-decoration: underline;
      }
a.menu_selected
      {
      font-weight: bold;
      color: #fff;
      }
li.menu_selected
      {
      background: #060A6B url('/inc/img/background_menu_white_arrow.gif') 3px 5px no-repeat !important;
      }
#listMenuRoot li ul
      {
      margin-bottom: -4px;
      padding-bottom: 0 !important;
      }
#listMenuRoot li ul li a.menu_selected
      {
      color: #000 !important;
	  font-weight: bold;
      }
#newsMenuRoot
      {
      float: right;
      margin: 10px 2px 10px 3px;
      list-style: none;
      height: 30px;
      }
#newsMenuRoot li
      {
      display: block;
            height: 30px;
      }
#newsMenuRoot li a img
      {
      vertical-align: middle;
      float: right;
      margin: 1px 5px 0 0;
      }
a.news
      {
      float: left;
      margin: 10px 0 0 19px;
      font-size: 0.9em;
      color: #000;
      }

		/*-- page content sub nav --*/
#page_content_submenu
		{
		list-style: none;
      display: block;
      height: 28px;
      background: #B0CAE5;
      margin-right: 3px;
		}

#page_content_submenu li
		{
		color: #fff;
		display: inline;
		list-style-type: none;
		text-align: left;
		}

#page_content_submenu a
		{
      border-right: 1px solid #fff;
		display: block;
		font-size: 0.85em;
		float: left;
		color: #fff;
      font-weight: bold;
      padding: 7px 10px 7px 10px;

		}

#page_content_submenu a:hover
		{
		text-decoration: underline;
		}

#page_content_submenu a.selected
		{
		color: #fff;
		background-color: #336699;
      }      




/*-------- 4. headings, typography, links --------*/
		/*-- headers --*/
h1
      {
      color: #00ADEF;
      font-size: 1.4em;
      margin: 10px 0 0 10px;
      padding: 6px 0 8px 0;
	  background: #fff url(/inc/img/background_headings.gif) 0 100% repeat-x;
      }
h2
      {
      color: #696969;
      font-size: 1em;
      margin: 0 0 5px 0;
      }

		/*-- typography --*/
p
      {
      line-height: 1.3em;
      }
.section p
      {
      padding: 2px 20px 5px 8px;
      }
.section h2
      {
      padding: 10px 20px 0 8px;
      }
p.newsarticle, p.rssarticle
      {
      margin-bottom: 10px;
      color: #000;

      }
#left_column p.newsarticle
      {
      margin-left: 15px;
      }
p.rssarticle
      {
      margin-bottom: 0px;
      }
#left_column p
      {
            font-size: 1.2em;

      padding: 0 5px 0 5px;
      float: left;
      width: 164px;
      }
#left_column h1
      {
      width: 164px;
      color: #A40047 !important;
      font-size: 1em;
      float: left;

      text-align: left;
      margin-top: 20px;
      margin-bottom: 10px;
      margin-left: 8px;
      background: none !important;
      height: 15px;
      }
#left_column h2
      {
      font-size: 0.9em;
      float: left;
      text-align: left;
      padding-left: 19px;
      margin-right: 10px;
      color: #000 !important;
      width: 164px;

      }
#footer_sub_nav a
      {
      color: #fff;
      font-size: 0.85em;
      }

#footer_sub_nav a:hover
      {
      text-decoration: underline;
      }
   
/*-------- 5. forms --------*/


/*-------- 6. images --------*/
#header_login
      {
      float: right;
      margin: 110px 10px 0 0;
      }

#logo
      {
      float: left;
      margin: 5px 0 0 28px;
      }
#left_column img
      {
      margin-left: 0;
      }
#logos
	 {
	 margin: 25px 0 0 0 !important;
	 }
#logos_fl
   {
   margin: 45px 0 0 0;
   border-top: 1px solid #D3D3D3;
   padding: 0 26px 0 0;
   }
#logos_crunch
   {
   border-top: 1px solid #D3D3D3;
   padding: 0 26px 0 0;
   }
/*-------- 7. iframes --------*/

#right_column iframe
      {
      }
iframe#fixtures_calendar
      {
      width: 189px;
      height: 400px;
      }
#footer_right iframe
      {
      border-top: 3px solid black;
      margin-left: 10px;
      padding: 15px 6px 0 20px;
      }
   
/*-------- 8. Fixtures Live Specific Styles --------*/

#fl /* ID of main Fixtures Live API area */
      {
      float: left;
      width: 520px;
      padding: 10px 0 0 10px;
      }
.newscontent, #downloadcontent
   {
      margin: 10px;
      font-size: 1.2em;
      line-height: 1.3em;
   }
.newscontent table
      {
      margin-bottom: 10px;
      }
.newscontent td.paralevel2
      {
      font-weight: bold;
      }
div.newscontent table tr td p a.epublink
      {
      color: #fff;
      background: #0296CD;
      margin: 0 2px 0 2px;
      padding: 0 5px 0 5px;
      font-weight: normal !important;
      font-style: normal !important;
      }
div.newscontent table tr td p
      {
      padding-left: 0 !important;
      }
div.newscontent table tr td.paralevel2
      {
      color: #01337D;
      }
.rssheading a
      {
      color: #01337D;
      font-weight: bold;
      }
.rssheading
   {
   margin-bottom: 5px;
   }
.rsspara
      {
      margin-bottom: 12px;
      }
div.newscontent table tr td a
      {
      color: #000;
      text-decoration: underline;
      }
div.newscontent table tr td a:hover
      {
      color: #000;
      text-decoration: none;
      }

      #gallerywrapper
		{
      margin: 0 auto 0 auto;
      text-align: left;
      border: 1px solid #fff;
		background-color: #fff;
      }

#galleryheader
      {
      background: url('/inc/img/header_main.jpg');
      height: 142px;
      text-align: right;
      }
#gallerycontent
      {
      text-align: center;
      }
#gallerybreadcrumbsets, #gallerybreadcrumb
      {
      height: 20px;
      margin: 0 10px 15px 10px;
      padding: 12px 0 0 0;
      }
#gallerybreadcrumb
      {
      border-bottom: 1px solid black;      
      }
#galleryfootersets, #galleryfooter
      {
      height: 50px;
      margin: 15px 10px 0 10px;
      padding: 15px 0 0 0;
      }
#galleryfooter
      {
      border-top: 1px solid black;
      }
#footerdisclaimer
      {
      width: 200px;
      font-size: 0.9em;
      float: left;
      }
.border
      {
      border: 3px solid #66CE35;
      }
.navigation
      {
      display: block;
      margin: 8px 0 8px 0;
      }
#breadcrumbleft
      {
      width: 140px;
      font-size: 0.85em;
      border-right: 1px solid black;
      height: 20px;
      float: left;
      }
#albumtitle
      {
      font-size: 1.2em;
      font-weight: bold;
      margin: -2px 0 -5px 155px;
      }
#imgtitle
      {
      font-size: 1.3em;
      font-weight: bold;
      text-align: center;
      width: 390px;
      }