/*--------------------------------------------
   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: arial, sans-serif;
		font-size: 0.8em;
		color: #000;
		text-align: center;
      padding: 0 0 25px 0;
      background: #336699 url('/inc/img/background_page.jpg') 50% 0 repeat-x;
		}

img
		{
		border: 0;
		}

a		
		{
		text-decoration: none;
		}



/*-------- 2. structure --------*/
#wrapper
		{
      margin: 0 auto 0 auto;
      text-align: left;
      width: 988px;
      border: 1px solid #fff;
		background-color: #fff;
      }

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

#page
      {
      text-align: center;
      background: url('/inc/img/background_left_column.gif') repeat-y;
      height: 100%;
      overflow: hidden;
      }

#left_column
      {
      float: left;
      text-align: left;
      width: 196px;
      padding: 0 0 0 5px;
      background: #fff url('/inc/img/background_left_column.gif') repeat-y;
      }
#right_column
      {
      float: right;
      width: 207px
      }
#page_content
      {

      }  
#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
      {
      background: url('/inc/img/background_left_column.gif') repeat-y;
      width: 988px;
      color: #fff;
      text-align: left;
      margin: 0 auto 25px auto;
      clear: both;
      }
#footer_left
      {
      float: left;
      width: 205px;

      }
#footer_right
      {
      float: left;
      padding-top: 30px;
      margin: 0 0 0 0px;
      }
#footer_sub_nav
		{
      margin: 5px auto 0 auto;
      text-align: right;
      color: #fff;
      width: 988px;
      }

.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;
      }
/*-------- 3. navigation --------*/

#listMenuRoot
      {
      float: right;
      margin: 29px 2px 10px 3px;
      }
#listMenuRoot li, #newsMenuRoot li
      {
      background: url('/inc/img/background_navigation.gif') no-repeat;
	  border-bottom: 1px solid #545c74;
      padding: 2px 0 3px 20px;
      list-style: none;
      margin: -1px 0 5px 0;
      width: 164px;
      }
#listMenuRoot li ul
      {
      margin: 10px 0 0 0;
      }
#listMenuRoot li ul li
      {
      background: #fff;
      padding: 3px 0 3px 20px;
      margin: 0;
      font-size: 0.85em;
      width: 144px;
      border-bottom: 0px solid #808080 !important;
	  }

.parentlevel a, .childlevel a
      {
      color: #000;
      }
.parentlevel a:hover, .childlevel a:hover
      {
      text-decoration: underline;
      }
.menu_selected
      {
      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;
      }
#newsMenuRoot li a.news
      {
      float: left;
      width: 90px;
      }

		/*-- 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: #000;
      font-size: 1.2em;
      margin: 0 0 5px 0;
      padding: 5px 0 3px 10px;
      background: #fff url('/inc/img/background_headings.gif') no-repeat;
      height: 29px;
      }
h2
      {
      color: #696969;
      font-size: 1em;
      margin: 0 0 5px 0;
      }

		/*-- typography --*/
p
      {
      color: #696969;
      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;
      margin-right: 10px;
      }
p.rssarticle
      {
      margin-bottom: 0px;
      }
#left_column p
      {
      font-size: 0.85em;
      padding: 0 5px 0 5px;
      float: right;
      }
#left_column h1
      {
      color: #ff0000 !important;
      font-size: 1em;
      float: right;
      width: 180px;
      text-align: left;
      margin-top: 20px;
      background: none !important;
      height: 15px;
      }
#left_column h2
      {
      font-size: 0.9em;
      float: right;
      width: 170px;
      text-align: left;
      margin-right: 10px;
      }
#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;
      }

#footer img
      {
      float: right;
      margin: 0 5px 0 0;
      }
#logo
      {
      float: left;
      margin-left: 55px;
      }


/*-------- 7. iframes --------*/

#right_column iframe
      {
      padding-top: 10px;
      }
iframe#fixtures_calendar
      {
      width: 189px;
      height: 600px;
      }
#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;
      }

#logos_ssco
      {
      margin-top: 40px;
      }
.paralevel2
      {
      color: #696969;
      font-size: 1em;
      margin: 0 0 5px 0;
	  font-weight: bold;
	  padding: 0 0 3px 8px;
	  }