/*
INDEX:
1. TAGS
2. SITE COMPONENTS
3. HOME PAGE COMPONENTS
4. NAVIGATION
5. ADMIN PAGE COMPONENTS
6. ACCORDION COMPONENTS
7. BEST BET COMPONENTS
8. QUIZ / CAROUSEL COMPONENTS
*/

/* 1. TAGS */
body {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: medium;
 background:#fff;
 color:#5b5c5e;
 margin: 0;
 margin-bottom: 20px;
 text-align: center;

}

td, div {
 text-align:left;
}

td strong {
  font-size: 75%;
}

p {
 font-size: 75%; 
 line-height: 1.4;
 margin:0;
 margin-bottom:12px;
 color: #717073;
}

#copybox p a, #copybox ul li a{
 font-size: 100%; 
}


#copybox ul, #copybox ol, #copybox a {
 font-size: 75%; 
}

#copybox ol.upfont li a{
 font-size: 100%; 
}

#copybox ul li, #copybox ol li {
 padding: 4px 0;
}

#logo {
    text-align:left;
    padding-left:90px;
}

img {
 border:0px;
 display:block;
}

img.inline {
 display:inline;
}

a:link, a:hover, a:visited, a:active  {
    color:#00579e;
    text-decoration: none;
    font-weight: bold;
    
}

h1 {
 margin:0;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size:3.2em;
 font-weight: normal;
 color:#186b37;
 line-height:1.0em;
}

h2 {
 margin: 0;
 margin-bottom: 20px;
 font-size:120%;
 color:#c0d230;
}

h2.leftheader {
  margin-left: 60px;
  margin-bottom:25px;
}

h3 {
 margin:0;
 font-size: 80%;
 color:#00579e;
}

h4 {
 margin:0;
 margin-top:20px;
 font-size: 80%;
 color:#00579e;
}

form {
 margin:0;
 padding:0;
 border:0;
}

.validation-advice {
 color:#fd554a;
 font-size: 75%;
}

input, textarea {
 border:1px solid #999;
 padding:1px;
 background-color: #fff;
 color: #444444;
}

/* 2. SITE COMPONENTS  */

#topline {
 width: auto;
 margin-top:20px;
 height: 35px;
 background: #aac138;
}

/* create a frame to hold the split background */
#winFrame {
 background:transparent;
 margin: auto;
 padding:0;
 text-align:center;
 vertical-align:top;
 width: 100%;
 height: 170px;
}

/* left background with one side of background image differing from the right side. */
#leftFrame {
 float: left;
 margin:0;
 border: 0;
 padding:0;
 width:51%;
 height: 170px;
 background: #dddad1;
}

/* right side with other half of bg image. Split is at 51% and 49% to prevent IE 7 collapsing bug */
#rightFrame {
 margin:0;
 float: left;
 width: 49%;
 height: 170px;
 background: transparent;
}

/* rests over whole split frame effect and acts as a sort of 'runner' to float the center aligned site on. */ 
#centerFrame {
 position:absolute;
 top: 55px;
 left:0;
 width:100%;
 height: 170px;
 background: transparent;
 text-align:center;
 vertical-align:top;
}

#mast {
 height: 170px;
 width: 900px;
 margin: auto;
}

#botline {
 width: auto;
 height: 10px;
 background: #abc237;
}

#shell{
 margin:auto;
 clear: both;
 overflow: hidden;
 width: 900px;
}

#left{
 float: left;
 width: 178px;
 padding-top:20px;
}

#content{
 float: left;
 width: 530px;
}

#copybox{
 padding: 0 20px 20px 20px;
}

#mbbbox{
 padding: 0 20px 20px 20px;
}


#right{
 float: left;
 border-left: 5px #acc337  solid;
 width: 187px;
 min-height: 500px;
}

#foot{
 margin: 20px auto 3px auto;
 width: 900px;
 text-align: right;
 height: 53px;
 background: transparent;
 font-size:10px;
}

#footline{
 width: auto;
 height: 9px;
 background: #acc337;
}

/* 3. HOME PAGE COMPONENTS  */

/* 4. SITE NAVIGATION */

ul#leftnav {
 list-style:none;
 margin: 0;
 padding: 0;
 width:178px;
}

#leftnav li {
 margin:0;
 padding:0;
 border:0;
 width:178px;
}

#leftnav a {
 display:block;
 width:178px;
 font-size: 70%;
 color: #717073;

}

#leftnav li a:link, #leftnav li a:visited, #leftnav li a:hover, #leftnav li a:active {
 padding:0 20px 12px 32px;
 text-decoration : none;
 line-height: 1.0;
 width:120px;
 background: transparent url(/images/greendot.gif) no-repeat scroll 16px 0;
}

#leftnav li a:hover, #leftnav li a:active {
 display:block;
 padding:0 20px 12px 32px;
 width:120px;
}


#leftnav li.leftgreen a {
 color: #bbca44;
  background: transparent url(/images/greendot.gif) no-repeat scroll 16px 0;
}

#leftnav li.leftcamppic a{
 color: #bbca44;
 background: transparent;!important
}

#leftnav li.navHeader {
 border-bottom:0;
 background: transparent;
 color: #717073;
}

#leftnav li.navHeader a{
 color: #717073;
  background: transparent url(/images/greendot.gif) no-repeat scroll 16px 0;
}

#leftnav li.navHeader2 {
 border-bottom:0;
 background: transparent;
 color: #000000;
}

#leftnav li.navHeader2 a{
 color: #000000;
  background: transparent url(/images/greendot.gif) no-repeat scroll 16px 0;
}

#leftnav li.leftnav2 {
 border-bottom:0;
 background: transparent;
}

#leftnav li.leftnav2 a:link, #leftnav li.leftnav2 a:visited, #leftnav li.leftnav2 a:hover, #leftnav li.leftnav2 a:active {
 padding: 0 40px 12px 38px;
 border-left:0;
 font-size: 70%;
 font-weight: normal;
 color: #000;
 background: transparent;
}

#leftnav li.leftnav2 a:hover, #leftnav li.leftnav2 a:active {
 text-decoration: underline;
  background: transparent url(/images/greenangle.gif) no-repeat scroll 29px 1px;
}

#leftnav li.leftnav3 {
 border-bottom:0;
}

#leftnav li.leftnav3 a:link, #leftnav li.leftnav3 a:visited, #leftnav li.leftnav3 a:hover, #leftnav li.leftnav3 a:active {
 padding: 3px 0 3px 40px;
 border-left:0;
 width:138px;
}

#leftnav li.leftnav3 a:hover, #leftnav li.leftnav3 a:active {
 text-decoration: underline;
}


#leftnav li.leftnav4 {
 border-bottom:0;
 background: transparent;
}

#leftnav li.leftnav4 a:link, #leftnav li.leftnav4 a:visited, #leftnav li.leftnav4 a:hover, #leftnav li.leftnav4 a:active {
 padding: 0 40px 12px 38px;
 border-left:0;
 font-size: 70%;
 font-weight: bold;
 color: #bbca44;
 background: transparent;
}

#leftnav li.leftnav4 a:hover, #leftnav li.leftnav4 a:active {
 text-decoration: underline;
  background: transparent url(/images/greenangle.gif) no-repeat scroll 29px 1px;
}


a.postit {
    width:155px;
    height:144px;
    display:block;
}

#index div {
    display:inline;
    float:left;
}

#know a {
    background: transparent url(/images/post_knowtheodds.jpg) no-repeat scroll 0pt 0pt;
}

#know a:hover {
    background: transparent url(/images/post_knowtheodds.jpg) no-repeat scroll 0px -144px;
}

#bestbet a {
    background: transparent url(/images/post_mybestbetlog.jpg) no-repeat scroll 0pt 0pt;
}

#bestbet a:hover {
    background: transparent url(/images/post_mybestbetlog.jpg) no-repeat scroll 0px -144px;
}

#yourbest a {
    background: transparent url(/images/post_yourbestbet.jpg) no-repeat scroll 0pt 0pt;
}

#yourbest a:hover {
    background: transparent url(/images/post_yourbestbet.jpg) no-repeat scroll 0px -144px;
}



/* 5. ADMIN PAGE COMPONENTS  */
#adminnav {
 padding: 20px;
}

#filelist{
 padding: 0 0 0 0;
}

/* 6. ACCORDION COMPONENTS */

#accordion {
    border-top:1px solid #c1d331;	
    border-bottom:1px solid #c1d331;
}

.toggler {
        cursor: pointer;
	color: #00579E;
	margin: 0;
	padding: 4px 5px;
	background-color:#e1e1df;
	border-bottom:1px solid #c1d331;
	border-right:2px solid #c1d331;
	border-top:1px solid #c1d331;
	border-left:2px solid #c1d331;
	font-size: 11px;
	font-weight: bold;
}
 
.element {
    border-right:2px solid #c1d331;
    border-left:2px solid #c1d331;
    border-bottom:1px solid #c1d331;
    padding:0 3px;
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
        font-size: 80%;
	font-style:italic;
	padding:5px 0 5px 30px;
}

.stats{
 width:90%;
 margin:4px;
  font-size:75%;
 border:1px #999999 solid;
 color:#5b5c5e;
}

.stats td{
 padding: 2px;
}

/* 7. BEST BET COMPONENTS */

#mgaresults, #mgaresults td {
   font-size: 100%;
}

 #mgaresults td p {
   font-size: 75%;
   margin-bottom:0;
}

 #mgaresults td p strong{
   font-size: 100%;
}

.grntext {
    color: #c1d331;
}

div.greenbox {
    width:436px;
    min-height:140px;
    background-color:#e1e1df;
    border:4px solid #c1d331;
    padding:10px 13px;
}

/*
div.greenbox a:visited, div.greenbox a:hover, div.greenbox a {
    color:#c1d331;
    font-size:75%;
}
*/

div.greenbox div.hr {
    width:462px;
    height:4px;
    background:transparent url(/images/hr.jpg) repeat-x scroll 0px 0px;
    margin:6px -13px;
}

div.greenbox h3 {
    margin:2px 0px;
}

div.greenbox h4 {
    color:#c1d331;
}

div.greenbox p {
    margin:2px 0px;
}

div.greenbox fieldset {
    border:none;
}

div.greenbox input {
    border:none;
    background-color:#fff;
}

div.greenbox input.inputimage {
    background-color:transparent;
    float:right;
}

div.greenbox div.check {
    width:20px;
    height:20px;
    background-color:transparent;
    float:left;
}

/*div.greenbox div.check input {*/
/*    background-color:transparent;*/
/*}*/

div.greenbox div.selected {
    width:14px;
    height:14px;
    border:3px solid #000;
}

div.grnlink, div.grnlink a {
    color: #abc237;
    font-size:80%;
    margin-bottom: 2px;
    line-height: 1.0;
}

.sesslink {
    text-align: right;
    padding:5px 18px 5px 0;
    background: transparent url(/images/big_r_arrow.gif) no-repeat scroll right;
    height:24px;
    margin-right: 40px;
}
.sesslink a {
    color: #abc237;
    font-size:80%;
    line-height:1.8;
}


/* basic image sprite for mbb */

#mbbsprite {
    width: 354px; height: 36px;
    background: transparent url(/images/mbb_sprite.gif) no-repeat;
    margin: 17px auto 15px 108px; 
    padding: 0;
    position: relative;
}

#mbbsprite li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}

#mbbsprite li, #mbbsprite a {
    height: 36px; display: block;
}

#panel1 {left: 0; width: 143px;}

#panel2 {left: 144px; width: 211px;}


.alert {
color: red;
}

.qa {
    font-size:75%;
    margin:10px 0px;
}

#copybox div.qa ul {
    font-size:100%;
}
.qa ul {
    font-size:100%;
}

div.q ul {
    list-style-type:upper-alpha;
}

.a {

}

/*FIR js-less rollovers */

/* all purpose hide class */
.alt {
 display:none;
}

/* login rollover */

#bannermmm {
 height:62px; 
 width:212px;
 background: url(/images/mmm_over.gif) no-repeat;
} 

#mmm {
 display:block; 
 height:62px; 
 width:212px;
 background: url(/images/mmm.gif) no-repeat;
}

a#mmm:hover {
 display:block; 
 height:62px; 
 width:212px;
 background: url(/images/mmm_over.gif) no-repeat;
}

/* login rollover */

#bannermga {
 height:63px; 
 width:376px;
 background: url(/images/mga_over.gif) no-repeat;
} 

#mga {
 display:block; 
 height:63px; 
 width:376px;
 background: url(/images/mga.gif) no-repeat;
}

a#mga:hover {
 display:block; 
 height:63px; 
 width:376px;
 background: url(/images/mga_over.gif) no-repeat;
}

#quizwrap {
    position:absolute;
    top:265px;
    left:375px;
    margin:0px;
    padding:0px;
    border:4px solid #c1d331;
}

#quiz {
    height:600px;
    width:800px;
}

#MBBhdr {
  margin-top: 25px;
  margin-bottom: 10px;
}

#MBBhdr h2{
 margin:0;
 font-size: 130%;
 color:#00579e;
}

#MBBhdr h3{
 margin:0;
 font-size: 90%;
 margin-bottom:5px;
 color:#c0d230;
}

/* 7. QUIZ / CAROUSEL COMPONENTS */

.answer {
 display: none;
}

.campWrap {
 padding: 30px 0 20px 10px; 
}

.campWrap h3 {
 color: #bbca44;
}