/* global rules and layout ------- */
html,* {border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	margin: 0px 0 0 0;
}
body {margin: 0; adding: 0;background-color: #fff;font-family: Tahoma;}
#header
{
	background-color: #1E3563;
	width: 100%; /*    height:74px;*/
	height: 84px;
	background: transparent url(../Picture/header-bg.gif) repeat-x top left;
}
#footer{background-color: #1E3563;width: 100%;color: #CCCCCC;font-size: medium;font-family: 'Courier New' , Courier, monospace;text-align: center;float:left;padding: 10px 0px;margin: 10px 0 0 0;}
#mainContainer {min-height: 100%;}
* html #mainContainer {height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/}
.outer {padding-left: 220px; /*** Same width as margin-left for the float-wrap div ***/ padding-right: 220px; /*** Our right column width ***/}
.inner {width: 100%;padding-bottom: 45px; /*** Padding-bottom value is the same value as the total height of the footer ***/}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {float: left;width: 100%;margin-left: -220px; /*** Same length as .outer padding-left but with negative value ***/}
#content {float: right;margin-right: -220px; /*** Same length as .outer padding-left but with negative value ***/width: 100%;border-top: 10px solid #fff; /*** We have used border top here to push the content down, but other solutions can also be used ***/position: relative; /*** IE needs this  ***/min-height:300px;
	top: 0px;
	left: 0px;
    margin-top:10px;
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {float: left;width: 155px;padding: 5px;border-top: 10px solid #fff; /*** We have used border top here to push the left column content down, but other solutions can also be used ***/ position: relative; /*** IE needs this  ***/}
#right {float: right;width: 200px;padding: 5px 0 0 10px;position: relative; /*** IE needs this  ***/margin-right: -210px; /** This negative margin-right value is in this example the same as the right column width. ***/border-top: 10px solid #fff;position: relative; /*** IE needs this  ***/}
/* -------------------------------- */

/* left side menu ------ */
/*
.left{width: 200px;margin: 5px;padding: 0;background: transparent url(../Picture/left2.gif) repeat-y;font-size: 78%;top: 650px;}
.left h3
{
	margin: 0;
	padding: 6px;
    background: transparent url(../Picture/left1.gif) no-repeat top left;
	color: #fff;
	font: bold 110% sans-serif;
	text-align: center;
}
.left ul{padding: 0;border: dotted 0px purple;background: transparent url(../Picture/left2.gif) repeat-y top left;}
.left li{margin: 1px 1px 1px 5px;border: solid 0px red;list-style: none;color: #0000cf;width: 100%;}
.left-footer {margin:0;padding:0; background: transparent url(../Picture/left3.gif) top left no-repeat; width:200px;height:8px;font-size:0;line-height:0;}
div.left a {background:transparent url(../Picture/left-link.gif) no-repeat top left;color: #CF4900;display: block;font-family: Verdana, Tahoma, Sans-serif;font-size: 106%;font-weight:bold;padding: 5px 0 0px 8px;height:25px;text-decoration: none;width: 90%;}
div.left a#current {; color: #FFF;}
div.left a:hover {;background: transparent url(../Picture/left-link-hover.gif) no-repeat top left;}
div.left-apps a {height:auto;background:none;}
div.left-apps a:hover {height:auto;background:none;}
div.left a img {margin:2px;padding:0px;}
div.left a:hover img{border: 2px solid #fff;margin:0px;}
*/
.left{width: 200px;margin: 5px;padding: 0;border: solid 2px #1E3563;background-color: #cfd8ef;font-size: 78%;top: 650px; }
.left h3
{
	margin: 0;
	padding: 4px;
	background-color: #1E3563;
	color: #72b42d;
	font: bold 110% sans-serif;
	text-align: center;
}
.left ul{padding: 0;border: dotted 0px purple;}
.left li{margin: 1px 1px 1px 5px;border: solid 0px red;list-style: none;color: #0000cf;width: 100%;}
.footer {margin: 0; padding: 3px; background-color: #efe7cf; border-top: solid 1px #bfb8af; text-align: right; color: #777777;} 
div.left a {background: #285c00;color: #DDD;display: block;font-family: sans-serif;font-size: 85%;padding: 5px 0 5px 10px;text-decoration: none;width: 90%;}
div.left a#current {background: #666; color: #FFF;}
div.left a:hover {background: #555; color: #FFF;}
div.left a.image{padding:0px;width:95%;}
div.left a.image img {display:block; margin:0px auto;padding:6px;}
/* ---------------------- */

.login
{
    float:right;
	color: #fff;
	/*background-color: #285C00;*/
	font-size: x-small;
    margin:1px 0px 0px 0px;
    /*margin-top:1px;*/
    padding:0px;
    /*border: 1px solid #aaa;*/
    border-width:0px;
    height:72px;
}
.login table
{
    height:80px;
}
.login tr, .login table tr
{
    margin: 0px;
}
.login table td
{
    padding:1px 4px 1px 12px;
}
.login table input
{
    border: 1px solid #888;
}
.login table .chknoborder input {border-width:0px;}
.logintext {width:145px;}
.login table input.loginbutton {padding:1px 5px 1px 5px;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #888;border-bottom:1px solid #888;margin:0 12px 0 26px;}

.table
{
	border-spacing: 0.5px;
	table-layout: auto;
	border-collapse: collapse;
}

tr{
    margin:1px;
    padding:0;
    font-size:small;
}

.theader
{
	background-color: #8bd83b;
	color: #1E3563;
	font-size: small;
	font-weight: bold;
}
.theader th
{
    padding:4px;
}

.tdataOdds
{
	background-color: #ffdc2e;
	color: #1E3563;
	font-size: small;
}
.tdataEven
{
	background-color: #fad000;
	color: #1E3563;
	font-size: small;
}

.tdataQuinte
{
	background-color: #cd0a0a;
	color: #FFFFFF;
	font-size: small;
}
.tdataMulti
{
	background-color: #FF00FF;
	color: #FFFFFF;
	font-size: small;
}
.tcell
{
	border-style: none solid none none;
	border-right-width: 0.5px;
	border-right-color: #8bd83b;
    padding: 2px;
}
.tcellNP
{
	border-style: none solid none none;
	border-right-width: 0.5px;
	border-right-color: #8bd83b;
	text-decoration: line-through;
}
.aRace
{
	color: #003300;
}

.rating_bar {
  width: 33px;
  background: url(../Picture/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar div {
  height: 12px;
  background: url(../Picture/star_x_orange.gif) 0 0 repeat-x;
}

span.racetypes{font-size:xx-small;display:block;text-align:right;}

#reunions h3{/*background: transparent url(../Picture/h3-m.gif) repeat-x top right;*/height:26px;margin-top:10px;}
/*#reunions h3 .reunions-h3-left{background: transparent url(../Picture/h3-l.gif) no-repeat top left;height:26px;width:28px;float:left;}
#reunions h3 .reunions-h3-right{background: transparent url(../Picture/h3-r.gif) no-repeat top right;height:26px;width:13px;float:right;}*/
#reunions h3 .reunions-h3-text{float:left;} 

#reunions table, #tabs table {border: 2px solid #777;padding:2px;background-color:#fff;}
#tabs table td{border-width:0px;}
#tabs table a{color:#000;}
.trover{background-color:#DFFFFE;color:#000;}
.trover td{border-color:#DFFFFE;}

/*#reunions .ui-accordion-header{background-color:#D1EFEE;background-image:none;}*/
#content-holder {background-color: #285C00;padding:4px;color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
 
#sToday {font-size:x-small; color:Black; border-color:#000; border-style:solid; border-width:thin;}

.centered {margin-left:auto;margin-right:auto;text-align:center;}
.horse-table {width: 100%; font-size:x-small; color:#fff; border-color:#aaa; border-style:solid; border-width:thin;}
.horse-table th{text-align:left;}
.horse-table-history {width: 100%; font-size:x-small; background-color:#fff; color:#000; border-color:#aaa; border-style:solid; border-width:thin;padding:2px;}
.horse-table-history td{border-width:0px;}
.horse-info {font-size:x-small; color:#fff; border-color:#aaa; border-style:solid; border-width:thin;}
.horse-results {padding: 3px 3px 3px 3px; margin:8px 4px 4px 4px;}
.horse-results, .horse-results div, .horse-results div table {background-color: #777;}

.jockey-table{width: 100%; font-size:x-small; color:#fff; border-color:#ddd; border-style:solid; border-width:thin;}
.jockey-table-history{width:100%;background-color:#fff;color:#000;border-color:#aaa;padding:2px;}
.jockey-table-history td{border-width:0px;}

.trainer-table{width: 100%; font-size:x-small; color:#fff; border-color:#ddd; border-style:solid; border-width:thin;}
.trainer-table-history{width:100%;background-color:#fff;color:#000;border-color:#aaa;padding:2px;}
.trainer-table-history td{border-width:0px;}

.pronos-table-summary {width: 100%; font-size:x-small;background-color:#fff; color:#000; border-color:#ddd; border-style:solid; border-width:thin;}
.pronos-table-summary tr {font-size:x-small;}
.pronos-table {width:100%;background-color:#fff;color:#000;border-color:#aaa;padding:2px;}

.signup-table {border: 2px solid #888;background-color:#ddd;color:#000;}
.signup-table td{padding:4px;}
.signup-table input{border:1px solid #888; padding:1px;}
.signup-table-title{font-size:large;}

.text
{
	width: 100%;
	color: #000;
	border-color: #ddd;
	border-style: solid;
	border-width: thin;
	background-color: #C0C0C0;
}

.tableParteners
{
	width: 100%;
    padding: 2px;
	font-size: large;
	color: #FFFFFF;
    /*
	border-color: #ddd;
	border-style: solid;
	border-width: thin;
    */
}
.tableParteners td
{
    background-color: #224F00;
    height: 65px;
    border-bottom: 6px solid #285C00;
    border-top: 1px dashed #ddd;
    padding: 4px 8px 0px 8px;
}
.tableParteners a
{
	font-size: large;
	color: #FEFF7F;
	text-decoration: none;
	font-style: normal;
}
.tableParteners tr a:hover
{
    text-decoration: underline;
}
.loginStatus
{
    float:right;
	color: #fff;
	/*background-color: #285C00;*/
	font-size: .84em;
    margin:1px 0px 1px 0px;
    /*margin-top:1px;*/
    padding:0px;
    /*border: 1px solid #aaa;*/
    border-width:0px;
    height:78px;
}
.logininfo{margin:4px;}
#logininfo-name {margin-top:14px;font-size:1.04em;}
#logininfo-name span{font-weight:bold;}
#logininfo-logout {margin:12px 4px 0px 0px;text-align:right;}

.homepage p {padding: 0px 10px 20px 10px;}
.homepage p.testimonial {font-family:Georgia,Times New Roman,Serif;font-size:0.9em;font-style:italic;padding-bottom:10px;}
.homepage p.testimonial span.ui-icon {float:left;}
.homepage p.testimonial span.testimonial-name {font-style:normal;font-weight:bold;}
.homepage .programfeatures {clear:both;border: 1px solid black;width:80%;margin-left:auto;margin-right:auto;padding:3px;background-color:#eee;}
.homepage p.programfeature {font-size: .84em;padding-bottom:10px;}
.homepage p.programfeature span.ui-icon {float:left;}

.results-table-history{width:100%;background-color:#fff;color:#000;border-color:#aaa;padding:2px;}
.results-table-history td{border-width:0px;}
.results-table-history td{border-width:0px;}

.tablePay
{
	width: 100%;
    padding: 2px;
	font-size: large;
	color: #FFFFFF;
	border-color: #ddd;
	border-style: solid;
	border-width: thin;
}

/* app-styles */
.app-cd {font-size: .94em;}
.app-cd a,.app-cd a:link{font-weight:bold;color:#DFEEFF;font-family:Arial;font-size:1.1em;}
.app-cd a:visited{color:#59ACEF;}
.app-cd p{padding-top:20px;}
.app-icon {float:left;padding-right:10px;}
.app-name{color:#f00;font-weight:bold;}
ul.appfeatures{width:80%;border:1px solid #777;background-color:#eee;color:#000;padding:4px;margin:10px auto 10px auto;font-size:.84em;}
ul.appfeatures li{margin: 4px 0px 0px 16px;padding:0px;}
.app-highlight {font-weight:bold;font-size:.84em;}
.app-images {text-align:center;}
.app-images img{width:94%;padding-top:10px;}
.app-images img.nostretch{width:auto;}

.app-cd p.appfeatures2-title{color:#000;font-weight:bold;font-size:larger;text-align:center;padding-top:4px;width:80%;padding-bottom:0px;margin:20px auto 0px auto;border:1px solid #bbb;background-color:#bbb;}
ul.appfeatures2{width:80%;border:1px solid #bbb;color:#fff;margin-left:auto;margin: 0px auto 10px auto;font-size:.84em;}
ul.appfeatures2 li{margin:4px 0px 0px 26px;padding:0px;list-style-type:square;}
.app-cd p.appfeatures2-footer{margin:0px;padding-top:0px;}

.app-cd p.apptestimonials-title{width:80%;border-bottom:1px dashed #fff;font-size:larger;font-weight:bold;padding-left:14px;margin-top:20px;}
.apptestimonials {margin:6px 6px 0px 30px;width:80%}
.apptestimonials li{font-family:Georgia, Times New Roman, Serif; font-style:italic;padding-top:14px;}
.apptestimonials-name {font-style:normal;font-weight:bold;color:#DEDF6F;display:block;padding-left:80%;}

.app-avertisment-title {font-size:1.4em;color:#def;text-decoration:underline;}
.app-avertisment {font-size:small;}

.app-cd p.appconditions-title{width:80%;border-bottom:1px dashed #fff;font-size:larger;font-weight:bold;padding-left:14px;margin-top:20px;}
.appconditions{margin-left:30px;}
.appconditions li{padding-top:4px;}

.app-tarif {text-align:center;padding:12px;margin:6px;background-color:#184F0F;}

.tablePayBJS
{
	width: 100%;
	padding: 2px;
	font-size: large;
	color: #000000;
	border-color: #ddd;
	border-style: solid;
	border-width: thin;
	background-color: #FFFFFF;
}
.cursorlink {cursor:pointer;}

span.ui-icon-lightbulb
{
	float:right;
}

.tableHome
{
	width: 100%;
	caption-side: top;
}
.home-app-name
{
	font-size: xx-large;
	color: #000066;
}
.home-app-bestseller
{
	font-size: large;
	color: #663300;
}
.home-parant
{
	color: #FF3300;
}
.home-italic
{
	font-style: italic;
}
.home-greentext
{
	color: #006600;
}
.home-programfeatures {clear:both;border: 1px solid black;width:80%;margin-left:auto;margin-right:auto;padding:3px;background-color:#eee;}
p.home-programfeaturesli {font-size: .84em;padding-bottom:10px;}
p.home-programfeaturesli span.ui-icon {float:left;}

.home-right-div
{
	border: solid 2px #1E3563;
	color: #000000;
	background-color: #FFFF99;
	margin-left: 2px;
	font-size: x-small;
	margin-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.home-right-div-title
{
	font-size: large;
	margin: 0px 0px 1px 0px;
	font-size: small;
	background-color: #1E3563;
	color: #FFFFFF;
}
.home-right-div-title-icon
{
	margin: 1px;
	float: left;
}
.home-bold
{
	font-weight: bold;
}
.home-link
{
	color: #FF0000;
}
.temoignagnes-appTitle
{
	border-width: medium;
	color: #FFFF00;
	border-color: #FFFF00;
	border-bottom-style: dotted;
	width: 100%;
}
.table-subscription
{
	padding: 2px;
	border-width: thin;
	border-color: #003300;
	width: 100%;
	background-color: #003300;
}
.table-subscription-td
{
	border-bottom-style: dotted;
	border-width: thin;
	border-color: #FFFF00;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding: 2px;
	background-color: #003300;
}
.table-subscription-td1
{
	background-color: #FFFFCC;
	color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.table-subscription-td3
{
	background-color: #FFFF99;color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.table-subscription-td6
{
	background-color: #FFFF66;color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.table-subscription-td12
{
	background-color: #FFFF00;color: #000000;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}
.pronos-explanations
{
    width:92%;
    background-color: #eee;
    margin: 0px auto;
    color: #14143F;
    font-size: .8em;
    line-height: 1.4em;
    font-family: Times New Roman, Georgia, Serif;
    padding: 5px;
}

#lesbasesetoiles {padding:4px;font-size:.94em;}
#lesbasesetoiles h2 {text-align:center;}
#lesbasesetoiles p {margin-top: 24px;}
#lesbasesetoiles p img {width:80%;float:right;}
#lesbasesetoiles .hard {font-weight:bold; font-size: larger;color: #F2FF7F;}
#lesbasesetoiles .level60 {font-weight:bold; color: #fff;}
#lesbasesetoiles .level75 {font-weight:bold; color: #ffff77;}
#lesbasesetoiles .level85 {font-weight:bold; color: #ff9900;}
#lesbasesetoiles .invite {color: red; font-weight:bold;background-color:#fff;padding: 4px 4px 12px 4px;}
#lesbasesetoiles table {width:100%;}

#scroller_container{position:relative; height:15px; margin: 0;border:1px solid #333;color: #FFF; font-size:12px;font-family:Monospace;}

.table-odds
{
	background-color: #999966;
	border: thin solid #000000;
	width: 100%;
	color: #000000;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.table-odds-tdHeader
{
	/*border: thin dotted #000000;*/
	font-weight: bold;
	text-align: center;
}
.table-odds-td
{
	/*border: thin dotted #000000;*/
	text-align: center;
	background-color: #FFFFFF;
}
.table-odds-tdHeader-Quinte
{
	font-weight: bold;
	text-align: center;
	color: #FF0000;
}
.table-odds-tdHeader-Multi
{
	font-weight: bold;
	text-align: center;
	color: #FF00FF;
}
.bookmark
{
	margin-top: 8px;
	margin-bottom: 5px;
}
#link_bookmark
{
	padding: 2px;
	text-decoration: none;
}