﻿/* CSS Document */

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.7em;}

#wrapper { width:775px; margin:0px auto;}
.clear {clear:both; color:#fff; margin:0; padding:0;}
img { border:0;}
#wrapper #content {width:775px;}

a {
    color: #000;
}

a:hover {
    text-decoration: none;
}

/* HEADER STYLES*/
#idHeader p
{
    text-align: right;
    margin: 0px 5px 0 0;
    padding: 0 0 0 0;
}
#idHeader p a {
	margin: 10px 0 0 0;
	color: #7b8187;
	text-decoration:none;
}
h1#printonly {
	display:none;
}
#idHeader p.function_links {
    padding: 110px 0 0;
    margin: 0;
    color: #a0a0a0;
}

#idHeader p.function_links a  {
    color: #a0a0a0;
    margin: 0 5px;
}

#idHeader p.function_links a:hover  {
    color: #0e0e0e;
}

/* NAVIGATION STYLE */

#wrapper #content #nav a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

#nav {  height:24px; position:relative; z-index:99; }
#nav ul { margin:0; padding:0; list-style:none; }
#nav li { display: block; float:left; position:relative; width:80px; margin:0 3px; padding:5px 0 5px 0; text-align:center; }
#nav li.first { margin:0 3px 0 0;}
#nav li.last { margin:0 0 0 3px;}

#nav li:hover { background:#FFF; }
#nav ul ul {
	position: absolute;
	left: 0px;
	display:none;
	top: 21px;
	z-index: 1;
	list-style-type: none;
	padding:0px;
	margin:0px;
}
*html #nav ul ul {top: 22px;}
*:first-child+html #nav ul ul {top: 22px;}


#nav ul li:hover ul {
	display: block;
	padding:0px;
	margin:2px 0 0 0;
}

#nav ul li ul li {
	float: none;
	display: block;
	background: #dae0e3;
	width: 110px;
	padding:0px;
	margin:0;
	position: relative;
	z-index: 99;
	
}

#nav ul li ul li a {
	text-transform: none;
	display: block;
	padding:5px;
	height:15px;
	text-align: left;
	position: relative;
	z-index: 99;
}
#nav ul li ul li a:hover {
	background:#FFF;
}
#nav li a:hover {
	background:#fff;
	display: block;
}
#nav li a {
	display: block;
	text-decoration: none;
}


/* Mian content styles */

#wrapper #content #left {float:left; width:565px; background:#fff;}
#wrapper #content #left #home {	margin:15px 0 0 32px ;}
/*#wrapper #content #left #home h1 { font-size:24px; font-weight:normal;}*/
#wrapper #content #left #home p { padding:0 135px 0 0;}
#wrapper #content #left #login {	margin:15px 0 0 32px ;}
/*#wrapper #content #left #login h1 { font-size:24px;}*/
#wrapper #content #left #login p { width:350px; display:inline-block; padding:0 0 0 0;}
#wrapper #content #left #login img { margin:10px 0 0 120px;}
#wrapper #content #left #contact {	margin:15px 0 0 32px ;}
/*#wrapper #content #left #contact h1 { font-size:24px;}*/
#wrapper #content #left #contact p { padding:0 135px 0 0;}
#wrapper #content #left #contact img{ margin:10px 0 0 120px;}
#wrapper #content #left #roh {	margin:15px 0 0 32px ;}
/*#wrapper #content #left #roh h1{ font-size:24px; font-weight:normal;}*/
#wrapper #content #left #roh h2{ font-size:12px;}
#wrapper #content #left #roh p{ padding:0 135px 0 0;}
#wrapper #content #left #roh .table { margin:0px; padding:0px 0px;}
#wrapper #content #left #roh p.info {display:inline-block; width:150px; float:left;   margin:0px; padding:0px 0px; clear:both;}
#wrapper #content #left #roh p.subtitle { font-weight:bold;  margin:10px 0 0 0; padding:0px 0px; }
#wrapper #content #left #roh p.result { display:inline-block;   margin:0px; padding:0px 0px;}
#wrapper #content #left #newscontent {	margin:15px 0 0 32px ;}
/*#wrapper #content #left #newscontent h1{ font-size:24px; margin:0px; font-weight:normal;}*/
#wrapper #content #left #newscontent p{ padding:0 60px 0 0;}
#wrapper #content #left #newscontent p.date { margin:0px; padding:0px;}
#wrapper #content #left #newscontent img {padding: 0px 10px 10px 0;}
#wrapper #content #left #table { margin:15px 0 0 32px ;	width:365px;}
/*#wrapper #content #left #table h1 { font-weight:normal; font-size:18px; margin:0px; padding:5px 0px;}*/
#wrapper #content #left #table h2 { font-weight:normal; font-size:14px; color:#fbbe00; margin:0px; padding:0px;}
#wrapper #content #left #table p { font-size:14px; margin:5px 0; }
#wrapper #content #left #table p span {width:200px;}
#wrapper #content #left #table p span.result { margin-left:200px;}
#wrapper #content #left #table .table { border-bottom:1px black solid; margin:0px; padding:5px 0px;}
#wrapper #content #left #table p.info {display:inline-block; width:330px; float:left; clear:both; }
#wrapper #content #left #table p.result {display:inline-block;}
#wrapper #content #left #table p.fix {display:block;}

#wrapper #content #news {
	float:right;
	width:210px;
	margin:15px 0 0 0;
}

#wrapper #content #news {
	width:210px;
}
#wrapper #content #news h2{
	font-size:16px;
	padding:0px;
	margin-top:0px;
}

#wrapper #content #news h3{
	font-size:14px;
	padding:0 0 10px 0;
	margin:0px;
}
#wrapper #content #news a{
	text-decoration:none;
	color:#000;}


#wrapper #content #news p{
	padding:0px;
	margin:0px;
}
#wrapper #content #news img {
	padding-bottom:35px;
	width:210px;
}
/* League page styles */
#wrapper #content #league {float:left; width:775px;}
#wrapper #content #league #cms {	margin:47px 0 0 32px ;}
/*#wrapper #content #league #cms h1 { font-size:24px; font-weight:normal;}*/
#wrapper #content #league #cms p { padding:0 10px 0 0;}
#wrapper #content #league #table { margin:47px 0 0 32px ;	width:710px;}
#wrapper #content #league #table.custom { margin:47px 0 0 32px ;	width:610px;}
/*#wrapper #content #league #table h1 { font-weight:normal; font-size:18px; margin:0px; padding:5px 0px;}*/
#wrapper #content #league #table h2 { font-weight:normal; font-size:14px; color:#fbbe00; margin:0px; padding:0px;}
#wrapper #content #league #table p { font-size:14px; margin:5px 0; }
#wrapper #content #league #table .table {  margin:0px; padding:5px 0px;}
#wrapper #content #league #table p.info {display:inline-block; margin:0px; padding:5px 0px;  width:190px; padding-left:10px; text-align:left; float:left; background:#fff;}
#wrapper #content #league #table p.result {display:inline-block; width:45px; /*float:left;*/ float:none;  margin:0px; padding:5px 0px; text-align:center; background:#fff;}
#wrapper #content #league #table p.area { float:left; width:430px; margin:0px; padding:5px 0px; text-align:left; background:#fff;}
#wrapper #content #league #table p.number {background:#fff;}
*html #wrapper #content #league #table p.area {width:425px; }
#wrapper #content #league #table p{ float:left;  width:25px; margin:0px; padding:5px 0px; text-align:center; }
#wrapper #content #league #table p.numbercolour {float:left; margin:0px; padding:5px 0px;  width:25px; text-align:center;}
#wrapper #content #league #table p.infocolour { display:inline-block;  margin:0px; padding:5px 0px; width:190px; float:left; text-align:left; padding-left:10px; background:#ebebec;}
#wrapper #content #league #table p.resultcolour { display:inline-block; width:45px; float:left; margin:0px; padding:5px 0px; text-align:center;}
#wrapper #content #league #table p.areacolour { float:left; width:430px; margin:0px; padding:5px 0px; background:#ebebec; text-align:left; }


/*#wrapper #content #league #table.cmsl p.numbercolour, #wrapper #content #league #table.csml p.resultcolour {background:#F7A30A;}
#wrapper #content #league #table.bdml p.numbercolour, #wrapper #content #league #table.bdml p.resultcolour {background:#E60D2E;}
#wrapper #content #league #table.kaml p.numbercolour, #wrapper #content #league #table.kaml p.resultcolour {background:#A8B50A;}
#wrapper #content #league #table.rookiesl p.numbercolour, #wrapper #content #league #table.rookiesl p.resultcolour {background:#1A75CF;}*/
.CSMl  {background:#F7A30A;}
.BDMl {background:#E60D2E;}
.KAMl {background:#A8B50A;}
.ROOKIESl {background:#1A75CF;}
.GENERICl {background:#ebebec;}



/* Corporate sales styles */

#wrapper #content #Coroporate {	margin:47px 0 0 32px ; width:720px;}
/*#wrapper #content #Coroporate  h1 { font-size:24px; font-weight:normal; display:inline; }*/
h1 { font-size:24px; font-weight:normal; display:inline; }
h4 { font-size:18px; font-weight:normal; margin-bottom:2px;}
#wrapper #content #Coroporate  p { padding:0 10px 0 0;}
#wrapper #content #Coroporate .company { padding-top:10px;}
#wrapper #content #Coroporate  .company  p.company { font-weight:bold; margin:0px; padding:0px 0px; }
#wrapper #content #Coroporate  .company p.telenumber {font-weight:bold; margin:0px; padding:0px 0px; }
#wrapper #content #Coroporate .person { padding:15px 0px; border-bottom:1px #000 solid; }
#wrapper #content #Coroporate  .person img {float:left; padding:0 20px 10px 0;}
#wrapper #content #Coroporate  .person p { margin:0px; padding:1px 0px;}
#wrapper #content #Coroporate  .person .office { padding:35px 0 0 0;}
#wrapper #content #Coroporate span {margin-left:200px;}
 /* Roll of Honour styles */
 #wrapper #content #roh {	margin:47px 0 0 32px ; width:720px;}
/*#wrapper #content #roh  h1 { font-size:24px; font-weight:normal; }*/
#wrapper #content #roh  p { padding:0 10px 0 0;}
#wrapper #content #roh .company { padding-top:10px;}
#wrapper #content #roh  .company  p.company { font-weight:bold; margin:0px; padding:0px 0px; }
#wrapper #content #roh  .company p.telenumber {font-weight:bold; margin:0px; padding:0px 0px; }
#wrapper #content #roh .person { padding:15px 0px; border-bottom:1px #000 solid; }
#wrapper #content #roh  .person img {float:left; padding:0 20px 10px 0;}
#wrapper #content #roh  .person p { margin:0px; padding:1px 0px;}
#wrapper #content #roh  .person .office { padding:35px 0 0 0;}
#wrapper #content #roh span {margin-left:200px;}






/* Text inputs / Select label */
label.preField {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	width: 10em;
}

/* Label when inside an inline section */
form .inlineSection .oneField .inlineLabel {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 7em;
	white-space: normal;
}

sup {
	vertical-align:top;
}

body 
{
    background: #dadfe3 url('/media/images/bg-dce1e5.gif') repeat-y; 
}

#idHeader
{
    background: #dadfe3 url('/media/images/bg-dce1e5.gif') repeat-y;  
    height: 130px; 
    position: relative;
    z-index: 99; 
}

#idFooter {
    background: #dadfe3 url('/media/images/bg-dce1e5.gif') repeat-y;    
}

#idContent 
{
    /*background: #fff;*/
}
.wrapper 
{
    width:775px; margin:0 auto 10px auto;   
}

#login p 
{
    padding: 0 10px;
    margin: 0;
    text-align: center;    
}

#login h1 {
    padding: 0;
    margin: 10px 10px 0 10px;
    display: block;
    text-indent: -9999px;
    width: 120px;
    height: 51px;
    background: url('/media/images/log_in.jpg') no-repeat;
}

#login input.login_input {
    border: 0;
    background: #FFF;
    width: 250px;
    padding: 3px;
}

#login label {
    margin: 5px 0 0 0;
}

#login input.login_submit {
    margin: 10px 0 0 0;
}

.inner 
{
    padding: 1px 0;
    background: #fff;
    //display: inline-block;    
}
.inner:after 
{
    content: '';
    clear: both;
    display: block;    
}
.top_images_cnt 
{
    float: right;
    width: 556px;
    height: 85px;    
}
.top_images_cnt object {
    position: relative;
    z-index: 5;
}
.logo_cnt 
{
    float: left;
    width: 219px;
    height: 85px;    
}
.imglogo  
{
    width: 160px;
    height: 49px;
    margin: 18px 29px 18px 30px;     
}
.header 
{
    background: #fff;
    width: 775px;
    height: 85px;
    //display: inline-block;    
}
.header:after 
{
    content: '';
    display: block;
    clear: both;
}

.nav_cnt {
    padding: 106px 0 0 0;
    float: left; 
}

#mb-logo 
{
    display: block;
    background: url('/media/images/logo-mb.png') no-repeat;
    width: 50px;
    height: 50px; 
    margin: 40px 10px 0 75px;
    position: absolute;
    top: 0;
    left: 0;
}
#logo-corporate-sales 
{
    display: block;
    width: 114px;
    height: 20px;
    background: url('/media/images/logo-corporate-sales.png') no-repeat;
    float:right; 
    margin: 5px 0 10px 10px;    
}
#logo-mb2 
{
    display: block;
    background: url('/media/images/logo-mb2.png') no-repeat;
    width: 151px;
    height: 15px;
    float:left;
    margin: 5px 10px 14px 28px;
}