/*--- Ideas21 CSS ---*/
* {
 margin:0;
 padding:0;
 border: none;
}

body {
 background: #CCC url(../images/top-grey.png) repeat-x;
}

li {
 list-style: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.error {
    width: 100%;
	border:none;
	background: #FFF;
	/*float:left;*/
	/*padding-left: 15px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
	font-weight: bold;
}

.notice {
    width: 100%;
	border:none;
	background: #FFF;
	/*float:left;*/
	/*padding-left: 15px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
	font-weight: bold;
}

#messages{
    padding-left: 20px;
    background: #FFFFFF;
    }


/*--- Header ---*/
#header {
 width: 100%;
 height: 32px;
 color: #FFF;
 font-weight: bold;
 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#header a {
 margin: 0 1em 0 0;
 color: #FFF;
 text-decoration: none;
}

#header a:hover {
 color: #AAA;
}

#header #top_nav {
 float:left;
 margin: .5em 1em 0 10px;
}

#header #time {
 float: right;
 margin: .5em 1em 0 10px;
}

#page_body {
 /*width: 760px;*/
 width: 950px;
 margin: 0 auto 0 auto;
 padding: 0;
 border-right: 1px solid #333;
 border-left: 1px solid #333;
}
#page_foot {
 /*width: 762px;*/
 width: 952px;
 margin: 0 auto;
 padding: 0;
 background: url(../images/foot.png) no-repeat #CCC;
 height: 5px;
 }


/*--- Logo & Menu ---*/

#logomenu {
 width: 950px;/*760984*/
 height: 82px;
 margin: -4px 0 0 0;
 /*padding-right: 40px;*/
 overflow: hidden;
 color: #FFF;
 background: #FFF url(../images/banner.png) no-repeat;
 font-weight: bold;
 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 clear: both;
 text-align: right;
}

#logomenu #logomenu_links {
 display: block;
 position: relative;
 bottom: -55px;
 right: -258px;
}
#logomenu #logomenu_links a{
 font-weight: bold;
 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 color: #000;
}
#logomenu #logomenu_links_logged_on {
 display: block;
 position: relative;
 /*bottom: -22px;
 right: 0px;*/
 bottom: -55px;
 right: -258px;
}
#subMenu{
 /*width: 760px;*/
 width: 950px;
 height: 53px;
 background: #FFF;
 font-weight: bold;
 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 color: #000;
}
#subMenu a{
 font-weight: bold;
 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 color: #000;
 text-decoration: none;
}
#subMenu a:hover{
 text-decoration: underline;
}
#subMenu #logomenu_links{
    padding-left: 20px;
}
#subMenu #logomenu_links_logged_on{
    padding-left: 20px;
}
#submenu #accountmenu {
 clear: both;
 padding-top: 5px;
 color: #000;
 font-weight: bold;
 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 text-align: right;
}
#myName{
 position: absolute;
 top: 110px;
 left: 50%;
 margin-left: 200px;
 color: #990000;
}
#middlecontent p {
 margin: 1em 2em 1em 1em;
}

#middlecontent img {
 margin: 4px 4px 4px 10px;
}
#middlecontent .illustration {
 float: right;
 margin: 0 0 10px 10px;
}
#middlecontent .illustrationleft {
 float: left;
 margin: 0 10px 10px 10px;
}


#logomenu a {
 color: #000;
 text-decoration: none;
}

#logomenu a:hover {
 color: #CEE1C3;
}

/*--- Footer ---*/

#footer {
 height: 5px;
 clear: both;
 margin-top: 5px;
 /*padding: 3px 3px 3px 120px;*/
 background-color: #CCC;
 border: 1px solid #ACACAC;
 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 color: #666;
 
}

#footer a {
 color: #666;
 text-decoration: none;
}

#footer a:hover {
 color: #333;
 text-decoration: none;

}



#cards_affiliation {
 margin-top: 5px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 margin-right: 20px;
 margin-left: 20px;
 margin-bottom: 10px;
}
#cards_affiliation a {
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 text-decoration: underline;
 }
#cards_affiliation a:hover {
 text-decoration: none;
} 
#cards_affiliation #cards {
 float: left;
}

#cards_affiliation #affiliation {
 float: right;
}


/*--- Display Menu ---*/

#displaymenu {
 width: 1024px;
 clear: both;
 padding: 3px 0 0 0;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 color:#FFF;
 background-color: #FFF;
}

#displaymenu a {
 height: 20px; 

 text-decoration: none;
 margin: 0;
 background: url(../images/tab-black-l.png) no-repeat top left;
 color:#FFF;
 padding: 3px 0 3px 10px;
}

#displaymenu a span {
 height: 20px;
 padding: 3px 10px 3px 0;
 background: url(../images/tab-black-r.png) no-repeat top right;
}

#displaymenu a.selected {
 background: url(../images/tab-red-l.png) no-repeat top left;
}

#displaymenu a.selected span {
 background: url(../images/tab-red-r.png) no-repeat top right;
}

#displaymenu a:hover {
 background: url(../images/tab-over-l.png) no-repeat top left;
}

#displaymenu a:hover span {
 background: url(../images/tab-over-r.png) no-repeat top right;
}

#displaymenu #choose_market {
 width: 130px;
 clear: none;
 float: left;
 font-size: 10px;
}

#displaymenu #choose_market li {
 padding: 0 0 0 10px;
}

#displaymenu #choose_market #bet {
 color: #BD0000;
 clear: none;
}

#displaymenu #choose_market #market {
 color: #4A9221;
 clear: none;
}

#displaymenu #market_type {
 width: 1012px;
 float: left;
 clear: none;
 padding: 0 0 3px 0;
 border-bottom: 3px solid #BD0100;
 color: #FFF;
 font-size: 13px;
}

/*--- Main Content ---*/

#main_content {
 /*width: 760px;*/
 width: 950px;
 border-top: 3px solid #BD0100;
 /*padding: 5px;*/
 background-color: #FFF;
 font-size: 12px;
 font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}


/*-- middle content --*/

#middlecontent {
/* margin: 0 0px 0px 0px;width: 760px;*/
 width: 950px;
/* float: left;
 overflow-x: auto;
 overflow-y: hidden;
 clear: none;*/
}

#middlecontent h1{
 font-size: 20px;
 padding: 5px 0px 5px 10px;
 }
 #middlecontent h3{
 font-size: 20px;
 padding: 5px 0px 5px 10px;
 }

#grid {
 white-space: normal;
 margin-top: 5px;
 padding-left: 5px;
}

/*--- product_selector_column ---*/

#product_selector_column {
 width: 120px;
 float: left;
 margin-bottom: 5px;
 overflow: hidden;
 background-color: #CDE3BD;
}

#product_selector {
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 color: #FFF;
 display: inline;
 vertical-align: top;
}

#product_selector a{
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#product_selector a:hover {
 color: #CEE1C3;
}

#product_selector li {
 padding: 0 5px 4px 10px;
 border-bottom: 1px #FFF solid;
 background: #4C9023 url(../images/product-selector-green-r.jpg) no-repeat;
}

#product_selector li ul {
 margin: 0 0 -5px 0;
}

#product_selector li ul li {
 margin: 0 -5px 0 -15px;
 padding: 0 5px 0 10px;
 background: #94B66B;
 list-style: disc url(../images/list-point-red.png) inside;
 border-top: 1px #FFF solid;
 border-bottom: none;
}

#product_selector li ul li a {
 margin-left: -5px;
 color: #000;
}

#product_selector li ul li a:hover {
 color: #444;
}

#product_selector li ul li ul {
 margin: 0 0 -1px 0;
}

#product_selector li ul li ul li{
 margin: 0 -5px 0 -5px;
 padding: 0 5px 0 20px;
 background: #CEE3BD url(../images/list-rate.png) repeat-y;
 list-style: disc url(../images/list-point-red.png) inside;
}



/*--- Right Content ---*/

#rightcontent {
 width: 132px;
 float: right;
 position: relative;
 right: 5px;

 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#rightcontent #bettingSlip_title {
 height: 20px;
 padding: 3px 0 0px 0;
 background: url(../images/tab-green-r.png) no-repeat top right;

}

#rightcontent #bettingSlip_title span {
 padding: 3px 0 5px .5em;
 background: url(../images/tab-green-l.png) no-repeat top left;
 color: #FFF;
 font-weight: bold;
}

#rightcontent #messages_title {
 height: 20px;
 padding: 3px 0 0px 0;
 background: url(../images/tab-black-r.png) no-repeat top right;
}

#rightcontent #messages_title span {
 padding: 3px 0 5px .5em;
 background: url(../images/tab-black-l.png) no-repeat top left;
 color: #FFF;
 font-weight: bold;
}

#rightcontent form {
 width: 134px;
 margin-bottom: 5px;
 background-color: #CEE3BD;
 border: 1px solid #ADCF94;
}


#rightcontent #messages {
 background-color: #EFEFEF;
 border: 1px solid #9C9A9C;
 padding: 5px;
 color: #000;
 font-size: 11px;
 font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
}



/* --- Form styles ---*/

.form{}

.formTitle {}

#client {
 border: none;
 margin:0;
 padding:0;
}

#client fieldset {
 padding:0;
 float: right;
 border: none;
 margin:0 0 4px 0;
 padding-right: 20px;
}

#client .field {
 display: block;
 width: 140px;
 float: left;
 margin: 0 0 1px 0;
 padding: 0px 2px;
 border:1px solid #C10000;
 background: #FFF !important;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#000;
}

#client label {
 text-align: right;
 width: 110px;
 display: block;
 float: left;
 margin: 2px 5px 1px 0;
 font-size:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color: #000;
  }

#client br {
 clear: left;
}

#client a {

}

#client #form_msg {
	padding-top:4px;
}

#client #submit {
 width: 50px;
 height: 15px;
 font-size:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #FFF;
 background: #C10000 url(../images/button-login.png) no-repeat;
}

/* --- Form styles ---*/

#formRegister {
 border: none;
 margin:0;
 padding:0;
}

#formRegister fieldset {
 border: none;
 margin:0;
 padding:0;
}

#formRegister .field {
 display: block;
 width: 250px;
 float: left;
 margin: 0 0 2px 0;
 padding: 1px 2px;
 border:1px solid #666;
 background: #FFF !important;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000;
}

#formRegister .widefield {
 display: block;
 width: 350px;
 float: left;
 margin: 0 0 2px 0;
 padding: 1px 2px;
 border:1px solid #666;
 background: #FFF !important;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000;
}

#formRegister label {
 text-align: right;
 width: 250px;
 display: block;
 float: left;
 margin: 0 5px 2px 0;
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color: #990000;
  }

#formRegister .msg {
	width:617px;
	border:1px solid ;
	margin: 0 0 2px 5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

#formRegister .txt {
	border:none;
	margin: 0 0 2px 5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

#formRegister .error {
	width:200px;
	border:none;
	background: #FFF;
	margin: 0 0 2px 5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F00;
}

#formRegister .warn {
	width:200px;
	border:none;
	margin: 0 0 2px 5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

#formRegister br {
 clear: left;
}

#formRegister .check {
 display: block;
 float: left;
 margin: 0 0 1px 0;
 padding: 0px 2px;
 border:1px solid #C10000;
}

#formRegister select {
 display: inline;
 /*float: left;*/
 margin: 1px 1px 1px 1px;
 /*padding: 0px 0px;*/
 border:1px solid #666;
 font-size: 11px;
}

#formRegister .explanation {
 display: none;
}

#formRegister a {
 text-decoration: none;
 color: #BD0100;
}

#formRegister #submit {
 width: 50px;
 height: 15px;
 font-size:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #FFF;
 background: #C10000 url(../images/button-submit.png) no-repeat;
}

#formRegister #newpromo {

}

/* --- end Form styles --- */

/*--- Grid styles ---*/

#grid {
 overflow: hidden;
 white-space: normal;
 padding-top: 15px;
 width: 930px;
 
}

#grid h1 {
 width: 97%;
 height: 18px;
 margin-bottom: 3px;
 padding: 0 .5em 2px .5em;
 font-size: 14px;
 font-weight: normal;
 border: none;
 color: #FFF;
 background-color: #408818;
}

#grid #marketclosed {
 display: block;
 width: 200px;
}

#grid h1 #templateDesc {
 float: left;

}

#grid h1 #templateDesc a {
 position: relative;
 top: 2px;
 border: none;
}

#grid h1 #lastUpdate {
 float: right;
 font-size: 10px;
 margin-top: 3px;
}

#grid #marketClosed {
 white-space: normal;
}

#grid table {
 margin: 1px 0 1em 1px;
 width: 920px;
 border-collapse: collapse;
}

#grid table thead tr th {
 border-top: 1px solid #990000;
 border-bottom: 1px solid #990000;
 background-color: #FFF;
 text-align: left;
}

#grid table tbody {
 padding:2px;
 /*border-right: 1px solid #98B86C;
 border-left: 1px solid #98B86C;*/
}

#grid table tbody tr {
 background-color: #EEE;
}

#grid table tbody tr:hover {
 background-color: #DFDFDF;
 /*color: #FFF;*/
}

#grid table a{
    color: #000000;
}

#grid table tbody tr.odd {
 background-color: #FFF;
}

#grid table tbody tr.odd:hover {
 background-color: #FFF;/*408818 */
 /*color: #FFF;*/
}

#grid table tbody tr.spacer {
 background-color: #FFF;
 height: 3px;
}

#grid table tbody tr td {
 padding: 1px 2px;
 border-left: 1px dashed #98B86C;
 border-bottom: 1px solid #999;
 font-size: 11px;
}

#grid table tbody tr.spacer td {
 border-left: none;
}

#grid table tbody tr td.bid, td.ask {
 width: 47px;
 text-align: center;
}

#grid table tbody tr td.bid a {
 display: block;
 width: 40px;
 color: #FFF !important;

}
#grid table tbody tr td.bid span {
 margin-left: auto;
 margin-right: auto;
 display: block;
 width: 40px;
 padding: 0 0 0 2px;
 background: url(../images/grid-button-blue-l.png) no-repeat top left;
 cursor: pointer;
 cursor: hand;
}
#grid table td{
	word-wrap: normal;
}

#grid table tbody tr td.bid span:hover {
 background-position:0% -15px;
}

#grid table tbody tr td.bid span span {
 padding: 0 4px 1px 0;
 background: url(../images/grid-button-blue-r.png) no-repeat top right;
}

#grid table tbody tr td.ask a {
 display: block;
 width: 40px;
 color: #FFF !important;
}

#grid table tbody tr td.ask span {
 margin-left: auto;
 margin-right: auto;
 display: block;
 width: 40px;
 padding: 0 0 0 2px;
 background: url(../images/grid-button-orange-l.png) no-repeat top left;
 cursor: pointer;
 cursor: hand;
}

#grid table tbody tr td.ask span:hover {
 background-position:0% -15px;
}

#grid table tbody tr td.ask span span {
 padding: 0 4px 1px 0;
 background: url(../images/grid-button-orange-r.png) no-repeat top right;
}

#grid table tr .gridExpire {
 text-align: center;
}

#grid table tr .gridOpen {
 text-align: center;
}

#grid table tr .gridMarket {
 text-align: left;
}

#grid table tr .gridUnderly {
 text-align: center;
}

/*--  Grid - expired --*/

#grid.expired {
 float:left;
 filter:alpha(opacity=50);
 opacity: 0.5;
 -moz-opacity:0.5;
}

#grid.expired table tbody tr:hover {
 background-color: #EEE;
 color: #000;
}

#grid.expired table tbody tr.odd:hover {
 background-color: #CDE3BD;
 color: #000;
}

#grid.expired table tbody tr td.ask span {
 background-position:0% -30px;
}

#grid.expired table tbody tr td.bid span {
 background-position:0% -30px;
}

#grid.expired table tbody tr td.ask span:hover {
 background-position:0% -30px;
}

#grid.expired table tbody tr td.bid span:hover {
 background-position:0% -30px;
}


/*--  Grid - cutoff --*/

#grid.cutoff {
}

#grid.cutoff table tbody tr a {
 color: #000 !important;
}

#grid.cutoff table tbody tr td.ask span {
 background-position:0% -30px;
 color: #000 !important;
}

#grid.cutoff table tbody tr td.bid span {
 background-position:0% -30px;
 color: #000 !important;
}

#grid.cutoff table tbody tr td.ask span:hover {
 background-position:0% -30px;
}

#grid.cutoff table tbody tr td.bid span:hover {
 background-position:0% -30px;
}

/*--  row - crashed --*/

#grid table tbody tr.crashed {
 filter:alpha(opacity=50);
 opacity: 0.5;
 -moz-opacity:0.5;
}

#grid table tbody tr.crashed td {
 filter:alpha(opacity=50);
 opacity: 0.5;
 -moz-opacity:0.5;
}

#grid table tbody tr.crashed td.ask span {
 background-position:0% -30px;
 color: #000;
}

#grid table tbody tr.crashed td.bid span {
 background-position:0% -30px;
 color: #000;
}

#grid table tbody tr.crashed td.ask span:hover {
 background-position:0% -30px;
}

#grid table tbody tr.crashed td.bid span:hover {
 background-position:0% -30px;
}





#grid a.button {
 float:left;
 clear:left;
 background: url(../images/grid-button-red-l.png) no-repeat top left;
 margin: 2px 0 20px 0 !important;
 padding: 0 0 0 6px !important;
 color: #26435f;
 text-decoration: none;
 text-align: center;
 font-size: 10px;
 font-weight: bold;
 color: #FFF !important;
 cursor: pointer;
}
#grid a.button span {
 float:left;
 display:block;
 height: 14px !important;
 background: url(../images/grid-button-red-r.png) no-repeat top right;
 padding: 1px 6px 0 0 !important;
 font-weight:bold;
}
#grid a.button:hover {
 background-position:0% -15px;
}
#grid a.button:hover span {
 background-position:100% -15px;
}
#grid object {
 float: left;
 clear: both;
}