/* CSS Document */

body
{
	background: #262626;
	margin: 0px;
}
body, td, th
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

a
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #DBDBDB;
}
a:visited, a:active
{
	color: #DBDBDB;
}
a:hover, .subMenu li a:hover
{
	color: #FFF;
}
img
{
	border: none;
}
h1, h1 a:link, h1 a:visited, h2, h2 a:link, h2 a:visited
{
	color: #fff612;
	font-size: 15px;
	font-weight: bold;
	margin: 4px 0px 12px 0px;
	text-decoration: none;
	clear: both;
}
h3, h3 a:link, h3:visited
{
	color: #1ba452;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
h3 a:hover
{
	color: #41e382;
	text-decoration: none;
}

h4, h4 a:link, h4:visited
{
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #999;
}

h4 a:hover
{
	color: #fff;
	text-decoration: none;
}

h6
{
	color: #fff;
	text-decoration: none;
}

.articlelist
{
	margin: 0;
	padding: 0;
}

.articlelist li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.button
{
	font-size: 10px;
	color: #F3F3F3;
	height: 24px;
	background: #F3F3F3 url(../Images/buttonBg.gif) repeat-x top;
	border: solid 1px #575757;
	margin: 0px 1px;
}

.button, .button:link, .button:visited
{
	font-size: 10px; /* color: #c3c3c3; height: 24px; */
	background: #F3F3F3 url(../Images/buttonBg.gif) repeat-x top;
	border: solid 1px #575757;
	margin: 0px 1px;
	color: #F3F3F3 !important;
	display: block;
	padding: 5px 6px 0;
	height: 17px;
	text-align: center;
	float: left;
	text-decoration: none;
}
.button:hover, a.button:hover
{
	color: #fff !important;
	background: #33332a url(../Images/buttonHoverBg.gif) repeat-x top;
	text-decoration: none;
}
.textField
{
	background: #373737;
	border: solid 1px #373737;
	margin-bottom: 6px;
	font-size: 12px;
	height: 22px;
	color: #c3c3c3;
}
.textField:hover
{
	background: #474747;
	border: solid 1px #575757;
}
.container
{
	width: 960px;
	margin: 0px auto 40px;
	border: solid 1px #404040;
	background: #191919;
	padding: 0px;
}
.header
{
	background: #191919 url(../Images/headerBg.gif) repeat-x top;
}
.headerMenu
{
	height: 52px;
}
.siteLogo
{
	float: left;
	height: 148px;
	width: 218px;
}
.siteLogo a
{
	display: block;
	background: url(../Images/siteLogo.gif) no-repeat top;
	height: 104px;
	width: 102px;
	margin: 24px 0px 0px 55px;
	overflow: hidden;
}
.siteLogo a:hover, .dataTable td.video a:hover
{
	background-position: bottom;
}
.headerBanner
{
	height: 128px;
	float: left;
	width: 491px;
	margin: 10px;
}
.userInfo
{
	float: right;
	width: 220px;
	height: 138px;
	padding: 5px;
	color: #7d7d7d;
	font-size: 10px;
}
.userInfo .fieldCont
{
	margin-top: 20px;
}
.userInfo .textField
{
	width: 210px;
}
.userInfo .fieldInfo
{
	position: absolute;
	color: #c3c3c3;
	font-size: 10px;
}
.userInfo .buttonCont
{
}
.userInfo .lostPassword
{
	margin: 6px 0px;
}
.userInfo a:link, .userInfo a:visited
{
	color: #c3c3c3;
	font-size: 10px;
	text-decoration: none;
}
.userInfo .lostPassword a:hover
{
	color: #d9d9d9;
}
.userInfo .buttonCont .button
{
	width: 102px;
	padding-left: 0;
	padding-right: 0;
}
.subMenuCont
{
	height: 43px;
}
.subMenu
{
	list-style: none;
	padding: 0;
	margin: 8px 0px 0px 30px;
	float: left;
}
.subMenu li, .mainMenu li, .left
{
	float: left;
}
.subMenu li a, .subMenu li a:link, .subMenu li a:visited
{
	text-decoration: none;
	display: block;
	padding: 6px 16px;
	font-size: 12px;
	color: #c3c3c3;
	font-weight: bold;
}
.subMenu li a.selected
{
	color: #fff612;
}
.searchCont
{
	width: 230px;
	float: right;
	margin-top: 10px;
}
.searchField
{
	font-size: 12px;
	padding: 2px;
	width: 140px;
	margin-right: 10px;
}
.searchButton
{
	font-size: 10px;
	background: #3c3c38 url(../Images/buttonBg.gif) repeat-x top;
	border: solid 1px #575757;
	margin: 0px 1px;
	color: #c3c3c3 !important;
	padding: 5px 10px 4px 10px;
	height: 17px;
	text-align: center;
	text-decoration: none;
	width: 50px;
	
}
.searchButton:hover
{
	color: #fff;
	background: #33332a url(../Images/buttonHoverBg.gif) repeat-x top;
}
.clear
{
	line-height: 1px;
	clear: both;
	overflow: hidden;
	height: 1px;
}
.mainContent
{
	float: left;
	width: 704px;
	margin: 10px;
}
.mainContent .moduleCont
{
	padding: 6px;
	background: #262626;
	border: solid 1px #404040;
	min-height: 100px;
	margin-bottom: 10px;
}
.mainContent .content
{
	background: #3b3b3b;
	margin-bottom: 10px;
	padding: 2px;
	color: #F3F3F3;
}
.sideContent
{
	width: 226px;
	float: left;
	margin: 10px 10px 10px 0px;
}

.sideContent .ajax__tab_header
{
	white-space: normal;
}

.sideContent .ajax__tab_tab
{
	width: 13px;
	margin: 0px;
}

.sideContent .content
{
	border: solid 0px #404040;
	color: #F3F3F3;
	padding: 2px;
}
.sideContent .content h1
{
	background: #474747 url(../Images/sideHeaderBg.gif) repeat-x top;
	color: #fff612;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: -2px -2px 6px -2px;
	padding: 6px;
	border-bottom: solid 1px #404040;
}
.mainMenu
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 52px;
	float: right;
}
.mainMenu li a
{
	color: #bfbfbf;
	display: block;
	text-decoration: none;
	height: 34px;
	padding-top: 20px;
	width: 120px;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	border-left: solid 1px #575757;
}
.mainMenu li a:hover
{
	color: #fff;
	background: #1d1d1d url(../Images/headerMenuHoverBg.gif) repeat-x top;
}
.mainMenu li a.selected
{
	color: #fff612;
	background: #1d1d1d url(../Images/headerMenuHoverBg.gif) repeat-x top;
}
.topContent
{
	float: left;
	margin: 5px 5px 0px;
	height: 45px;
	width: 200px;
}
.languageCont
{
	color: #b5b5b5;
	font-size: 10px;
	height: 12px;
}
.languageCont .langString
{
	float: left;
	margin-right: 8px;
}
.langList, .moduletools ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.langList li
{
	float: left;
	padding: 0px 4px;
}
.dateTime
{
	color: #7b7b7b;
	font-size: 10px;
}
.date
{
	font-size: 13px;
	font-weight: bold;
	height: 23px;
	padding-top: 7px;
}
.date div
{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	float: left;
	margin: -7px 10px 0px 4px;
}

.moduletools, .moduletools a, .moduletools a:link, .moduletools a:visited
{
	font-size: 11px;
	color: #333;
}

.moduletoolsLeft, .moduletoolsLeft a, .moduletoolsLeft a:link, .moduletoolsLeft a:visited
{
	font-size: 11px;
	color: #333;
}

.moduleToolsCont
{
	float: right;
	background: url(../Images/editArrow.gif) no-repeat center;
	height: 5px;
	width: 5px;
	cursor: pointer;
	z-index: 100;
}

.moduleToolsContLeft
{
	float: left;
	background: url(../Images/editArrow.gif) no-repeat center;
	height: 5px;
	width: 5px;
	cursor: pointer;
	z-index: 100;
}

.moduleToolsCont span
{
	margin-right: 10px;
	float: right;
	color: White;
	font-size: 10px;
	position: relative;
}

.moduleToolsContLeft span
{
	margin-right: 10px;
	float: left;
	color: White;
	font-size: 10px;
	position: relative;
	margin-left: 10px;
}

.moduleToolsContInvisible
{
	float: right;
	height: 5px;
	width: 5px;
	padding: 4px;
	cursor: pointer;
	display: none;
}

.moduletoolsInvisible
{
	margin: 4px 0px 2px;
	text-align: right;
	padding: 1px;
	position: absolute;
}

.moduletools
{
	color: #333;
	border: solid 1px #bcbcbc;
	margin: 10px 0px 2px -100px;
	text-align: right;
	padding: 1px;
	position: absolute;
	background: #E1E1E1;
	z-index: 100;
}

.moduletoolsLeft
{
	color: #333;
	border: solid 1px #bcbcbc;
	margin: 10px 0px 2px -100px;
	text-align: right;
	padding: 1px;
	position: absolute;
	background: #E1E1E1;
	z-index: 100;
}

.moduletools a
{
	color: #333;
	text-decoration: none;
	font-size: 11px;
	display: block;
	padding: 3px 8px;
}

.moduletoolsLeft a
{
	color: #333;
	text-decoration: none;
	font-size: 11px;
	display: block;
	padding: 3px 8px;
}
.moduletools ul li
{
	padding: 0;
}

.moduletoolsLeft ul li
{
	padding: 0;
}

.moduleToolsCont .moduletools
{
	display: none;
}

.moduleToolsContLeft .moduletoolsLeft
{
	display: none;
}

.dataTable
{
	background: #dfdfdf;
}

.innerDataTable
{
	background: #d3d3d3;
}

.innerDataTable tr
{
	padding: 1px 1px;
}

.dataTable td
{
	white-space: nowrap;
	color: #000;
}
.dataTable td a:link, .dataTable td a:visited
{
	color: #434343;
	text-decoration: none;
}
.dataTable td a:hover
{
	color: #333;
}
.dataTable tr.alt td, .dataTableOrange tr.alt td, .dataTableBlue tr.alt td
{
	background: #d3d3d3;
}

.dataTable a.btnDark, .dataTable a.btnDark:visited, .dataTable a.btnDark:link
{
	color: #fff;
}

.dataTableOrange tr.alt a, .dataTableOrange tr.alt a:link, .dataTableOrange tr.alt a:visited, .dataTableBlue tr.alt a, .dataTableBlue tr.alt a:link, .dataTableBlue tr.alt a:visited
{
	color: #3B3B3B;
	font-size: 11px;
	letter-spacing: 1px; 
	padding: 4px;
}

.dataTableOrange tr a, .dataTableOrange tr a:link, .dataTableOrange tr a:visited, .dataTableBlue tr a, .dataTableBlue tr a:link, .dataTableBlue tr a:visited
{
	color: #3B3B3B;
	font-size: 11px;
	padding: 4px;
}

.dataTableOrange a.selected
{
	padding: 2px 4px;
	color: #3b3b3b;
	font-size: 13px;
	font-weight: bold;
}

.moduletools a:hover, .dataTable tr.altHover td, .dataTableOrange tr.altHover td, .dataTableBlue tr.altHover td
{
	background: #FFF;
}

.dataTable th, .dataTable td
{
	margin: 0;
	padding: 3px 6px;
}
.dataTable td
{
	padding: 4px 6px;
}
.dataTable th
{
	background: #575757 url(../Images/tblHeader.gif) repeat-x top;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	height: 16px;
}
.dataTable td.video a, .dataTable td.video a:link, .dataTable td.video a:visited
{
	background: url(../Images/icoLive.gif) no-repeat top;
	display: block;
	height: 13px;
	width: 37px;
}
.dataTable td.flag, .w20
{
	width: 20px;
}

.dataTable td.flag .btnSweden
{
	background: url(../Images/flagSwe.gif) no-repeat top;
	display: block;
	height: 13px;
	width: 20px;
}

.dataTable td.flag .btnEstonia
{
	background: url(../Images/flagEst.gif) no-repeat top;
	display: block;
	height: 13px;
	width: 20px;
}

.btnDark 
{
	display: block;
	background: url(../Images/tblButtonDark.gif) repeat-x top #4b4b4b;
	font-size: 10px;
	color: #bfbfbf;
	font-weight: normal;
	padding: 3px 6px;
	float: left;
	text-decoration: none;
	border: solid 1px #303030;
	margin: 0px 1px;
	white-space: nowrap;
}
.btnDark:hover, .btnOrange:hover, span.btnOrange:hover
{
	color: #FFF;
	border: solid 1px #000;
	cursor: pointer;
}
.btnOrange
{
	display: block;
	background: url(../Images/tblButtonOrange.gif) repeat-x top #f99e1b;
	font-size: 10px;
	color: #434343;
	font-weight: normal;
	padding: 3px 6px;
	float: left;
	text-decoration: none;
	border: solid 1px #303030;
	margin: 0px 1px;
	white-space: nowrap;
}

.btnLight
{
	display: block;
	background: url(../Images/tblButtonLight.gif) repeat-x top #989898;
	font-size: 10px;
	color: #434343;
	font-weight: normal;
	padding: 3px 6px;
	float: left;
	text-decoration: none;
	border: solid 1px #303030;
	margin: 0px 1px;
	white-space: nowrap;
}

.btnGreen
{
	display: block;
	background: url(../Images/tblButtonGreen.gif) repeat-x top #7cc41e;
	font-size: 10px;
	color: #434343;
	font-weight: normal;
	padding: 3px 6px;
	float: left;
	text-decoration: none;
	border: solid 1px #303030;
	margin: 0px 1px;
	white-space: nowrap;
}

.btnBlue
{
	display: block;
	background: url(../Images/tblButtonBlue.gif) repeat-x top #5aa6f3;
	font-size: 10px;
	color: #434343;
	font-weight: normal;
	padding: 3px 6px;
	float: left;
	text-decoration: none;
	border: solid 1px #303030;
	margin: 0px 1px;
	white-space: nowrap;
}

.btnRed
{
	display: block;
	background: url(../Images/tblButtonRed.gif) repeat-x top #b11e1e;
	font-size: 10px;
	color: #434343;
	font-weight: normal;
	padding: 3px 6px;
	float: left;
	text-decoration: none;
	border: solid 1px #303030;
	margin: 0px 1px;
	white-space: nowrap;
}

.btnYellow
{
	display: block;
	background: url(../Images/tblButtonYellow.gif) repeat-x top #ffdf1b;
	font-size: 10px;
	color: #434343;
	font-weight: normal;
	padding: 3px 6px;
	float: left;
	text-decoration: none;
	border: solid 1px #303030;
	margin: 0px 1px;
	white-space: nowrap;
}

.btnYellow:hover, .btnRed:hover, .btnBlue:hover, .btnGreen:hover, .btnLight:hover, .btnOrange:hover
{
	color: #000;
	border: solid 1px #000;
	cursor: pointer;
}

.btnDisabled
{
	display: block;
	cursor: default;
	background: url(../Images/tblButtonDisabled.gif) repeat-x top #c8c8c8;
	font-size: 10px;
	color: #666 !important;
	font-weight: normal;
	padding: 3px 6px;
	float: left;
	text-decoration: none;
	border: solid 1px #909090;
	margin: 0px 1px;
	white-space: nowrap;
}
.dataTableOrange, .dataTableBlue
{
	background: #dfdfdf;
}
.dataTableOrange td, .dataTableBlue td
{
	color: #3b3b3b;
	font-size: 11px;
	padding: 4px;
}
.dataTableOrange th
{
	background: url(../Images/tblHeaderOrange.gif) repeat-x top #ef9411;
	border: solid 1px #ef9411;
	padding: 2px 4px;
	color: #3b3b3b;
	font-size: 13px;
	font-weight: bold;
}
.dataTableOrange td.head
{
	background: #fba01d;
	color: #3b3b3b;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	border: solid 1px #ef9411;
}
.dataTableBlue th
{
	background: url(../Images/tblHeaderBlue.gif) repeat-x top #4b97e4;
	border: solid 1px #2f7ac6;
	padding: 2px 4px;
	color: #3b3b3b;
	font-size: 13px;
	font-weight: bold;
}
.dataTableBlue td.head
{
	background: #418dda;
	color: #3b3b3b;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	border: solid 1px #2f7ac6;
}
.w50
{
	width: 50px;
}
.w75
{
	width: 75px;
}

.w650
{
	width: 650px;
}

.t100
{
	width: 100px;
}

.t150
{
	width: 150px;
}

.t15
{
	width: 15px;
}

.t75
{
	width: 75px;
}

.t50
{
	width: 50px;
}

.t25
{
	width: 25px;
}

.t40
{
	width: 40px;
}
.w50per
{
	width: 50%;
}
.w100per
{
	width: 100%;
}
.w330
{
	width: 330px;
}
.aLeft
{
	text-align: left;
}
.aRight
{
	text-align: right;
}
.aCenter
{
	text-align: center;
}
.bold
{
	font-weight: bold;
}
.noWrap
{
	white-space: nowrap;
}

table.QuickBetBoxTable td { padding: 0px; margin: 0px; }



.section
{
	background: #252525;
	margin-bottom: 10px;
	color: #ffffff;
	padding: 2px;
}

.noSection
{
	margin-bottom: 10px;
	color: #ffffff;
	padding: 2px;
}

.sectionLeft
{
	background: #252525;
	margin-bottom: 10px;
	color: #ffffff;
	padding: 2px;
	float: left;
	width: 340px;
	height: 400px;
}

.sectionRight
{
	background: #252525;
	margin-bottom: 10px;
	color: #ffffff;
	padding: 2px;
	float: right;
	width: 340px;
	height: 400px;
}

.innerSection
{
	background: #444444 none repeat scroll 0 0;
	border-color: #787878;
	border-style: solid;
	border-width: 1px; /* color: #6E6E6E; */
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	margin-bottom: 10px;
	padding: 2px;
}

/* Extra added */
.modalPopUp .contentPanel
{
	border: Solid 1px #666666;
	padding: 10px;
	background-color: #252525;
}
.modalPopUp .headerPanel
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #fff612;
}
.modalPopUp .closeControl
{
}
.modalBackground
{
	background-color: #FFFFFF;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

a.closeButton, a.closeButton:link, a.closeButton:visited
{
	display: block;
	width: 10px;
	height: 11px;
	background: url(../Images/close.gif) no-repeat bottom;
	overflow: hidden;
	outline: none;
	float: right;
}
a.closeButton:hover
{
	background-position: top;
}


/* .ajax__tab_header - A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_outer - An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
/* .ajax__tab_inner	 - An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
/* .ajax__tab_tab - An element of the tab that contains the text content. Child CSS classes:none. */
/* .ajax__tab_body - A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
/* .ajax__tab_hover - This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
/* .ajax__tab_active - This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */

/* XP IE7 theme - Backgrounds */

.bet_type_tabpanel .ajax__tab_tab
{
}

.bet_type_tabpanel .ajax__tab_hover .ajax__tab_tab
{
	color: #fff;
}

.bet_type_tabpanel .ajax__tab_active .ajax__tab_tab
{
	background: none;
	border-bottom-color: none;
	margin-right: 0px;
}




.bet_type_tabpanel .ajax__tab_header
{
	font-family: "Helvetica Neue" , Arial, Sans-Serif;
	background: url(../Images/tab-line.png) repeat-x bottom;
	font-size: 12px;
	display: block;
}

.bet_type_tabpanel .ajax__tab_header .ajax__tab_outer
{
	background: url(../Images/tab.png) no-repeat left top;
	border-color: #222;
	color: #222;
	padding-left: 10px;
	margin-right: 3px;
}

.bet_type_tabpanel .ajax__tab_header .ajax__tab_inner
{
	background: url(../Images/tab.png) no-repeat right top;
	border-color: #666;
	color: #efefef;
	padding: 3px 10px 2px 0px;
}

.bet_type_tabpanel .ajax__tab_active .ajax__tab_outer
{
	background-position: left -40px;
}

.bet_type_tabpanel .ajax__tab_active .ajax__tab_inner
{
	background-position: right -40px;
}

.bet_type_tabpanel .ajax__tab_tab
{
	margin-right: 0px;
}



.bet_type_tabpanel .ajax__tab_body
{
	background: #444444;
	margin-bottom: 10px;
	color: #6e6e6e;
	padding: 2px;
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	border: 1px solid #787878;
	border-top: 1px;
}


.bet_races_tabpanel .ajax__tab_hover .ajax__tab_tab
{
	color: #000;
	border: none;
}

.bet_races_tabpanel .ajax__tab_header
{
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
	margin-top: 12px;
}

.bet_races_tabpanel .ajax__tab_body
{
	margin-bottom: 10px;
	color: #ffffff;
	padding: 2px;
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	border: 1px solid #999999;
	border-top: 1px;
}

.bet_races_tabpanel .ajax__tab_active .ajax__tab_tab
{
	background: none;
	border: none;
	padding: 0px 0px;
	color: #252525;
	font-size: 13px;
	font-weight: bold;
	margin-right: 0px;
}

.bet_races_tabpanel .ajax__tab_tab
{
	background: none;
	border: none;
	padding: 0px 0px;
	color: #252525;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}

.ajax__top_tab
{
	text-align: center;
	font-size: 13px;
	color: #fff612;
	font-weight: bold;
}
.ajax__bottom_tab
{
	text-align: center;
	font-size: 11px;
	color: #eaeaea;
}

.messagebox
{
	padding: 4px;
	background-color: #EEEEEE;
	color: #006600;
	border: solid 1px #CCCCCC;
	font-weight: bold;
}

.errorbox
{
	padding: 4px;
	background-color: #EEEEEE;
	color: #CC0000;
	border: solid 1px #CCCCCC;
	font-weight: bold;
}

.date
{
	margin-top: 12px;
}

.date .dateDayNr
{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	float: left;
	display: block;
	margin: -7px 10px 0px 4px;
}
.date .dateMonth
{
	display: block;
	font-size: 9px;
	color: #FFF;
	text-transform: uppercase;
}

.ticketQuickBet
{
	margin: 0;
	padding: 0;
}

.ticketQuickBet li
{
	margin: 0;
	list-style: none;
	float: left;
	padding: 2px 6px;
}

.bet-tabs
{
	border: 0px solid #666666;
	/*background: url(dia18.png) 50% bottom repeat-x;*/
	color: #ffffff;
	padding: 0.2em;
}
.bet-tabs .ui-tabs-nav
{
	padding: 0.2em 0.2em 0;
	position: relative;
	border: 0px solid #333333;
	font-weight: bold;
	font-family: "Helvetica Neue" , Arial, Sans-Serif;
	background: url(../Images/tab-line.png) repeat-x bottom;
	font-size: 12px;
	display: block;
}
.bet-tabs .ui-tabs-nav li
{
	border-bottom: 0 none !important;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 1px;
	padding: 0;
}
.bet-tabs .ui-tabs-nav li a
{
	display: block;
	padding: 3px 7px 3px 7px;
	text-decoration: none;
	width: 20px;
	text-align: center;
}
.bet-tabs .ui-tabs-nav li.ui-tabs-selected
{
	border-bottom: 0 none;
	padding-bottom: 0px;
}
.bet-tabs .ui-tabs-panel
{
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	display: block;
	padding: 0;
}
.bet-tabs .ui-tabs-hide
{
	display: none !important;
}

.ui-state-disabled
{
	/*display: block;  disabled tabs don't show up */
	opacity: 0.5;
}

.ui-datepicker-calendar .ui-state-disabled
{
	/*display: none;*/
	}

#quickbet .ui-state-disabled
{
	display: none;
}

.race-tabs
{
	border: 0px solid #666666;
	background: url(dia18.png) 50% bottom repeat-x;
	color: #ffffff;
	padding: 0.2em;
}
.race-tabs .ui-tabs-nav
{
	padding: 0.2em 0.2em 0;
	position: relative;
	font-weight: bold;
	font-family: "Helvetica Neue" , Arial, Sans-Serif;
	background: url(../Images/tab-line.png) repeat-x bottom;
	font-size: 12px;
	display: block;
	background: #444444;
	margin-bottom: 0px;
	color: #6e6e6e;
	padding: 2px;
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	border-color: #787878;
	border: 1px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
}
.race-tabs .ui-tabs-nav li
{
	border-bottom: 0 none !important;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0.2em -1px 0;
	padding: 0;
}
.race-tabs .ui-tabs-nav li a
{
	display: block;
	padding: 3px 10px 2px 10px;
	text-decoration: none;
}
.race-tabs .ui-tabs-nav li.ui-tabs-selected
{
	border-bottom: 0 none;
	padding-bottom: 0.1em;
}
.race-tabs .ui-tabs-panel
{
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	display: block;
	padding: 0;
	margin-bottom: 10px;
	color: #ffffff;
	padding: 2px;
	font-family: verdana,tahoma,helvetica;
	font-size: 10pt;
	border: 1px solid #999999;
	border-top: 1px;
}
.race-tabs .ui-tabs-hide
{
	display: block;
	opacity: 0.4;
}

.loginkey
{
	display: block;
	float: left;
	height: 32px;
	width: 32px;
	background: transparent url(../Images/key.png) repeat-x scroll center top;
	margin-top: 10px;
}


.validateform {
	font-size: 1.0em;
}

.validateform legend {
	padding-left: 0;
}

validateform legend, validateform label {
	color: #333;
}

validateform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../Images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}

validateform fieldset fieldset {
	background: none;
}

validateform fieldset p, validateform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(../Images/cmxform-divider.gif) left bottom repeat-x;
}

validateform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: yellow;
	font-style: italic;
	margin-left: 10px;
	position: absolute;
	width: 350px;
}
div.error { display: none; }
validateform .gray * { color: gray; }



div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

.backLink
{
	display: block;
	margin: 5px;
	}

/* tables */
table.tablesorter {
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header 
{
    /* background-image: url(../Images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right; */
	cursor: pointer;
}
table.tablesorter tbody td {
	vertical-align: top;
}

table.tablesorter thead tr .headerSortUp {
	 /* background-image: url(../Images/asc.gif); */
}
table.tablesorter thead tr .headerSortDown {
	 /* background-image: url(../Images/desc.gif); */
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
}

div.disableScreen {
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100%;
	DISPLAY: none; 
	BACKGROUND-COLOR: #000;
	z-index: 200;
}

body > div.disableScreen { POSITION: fixed; }

#__timeOutMessageBox
{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 201;
    border: 2px solid #000;
    background: #fff;
    padding: 20px;
    color: #333;
    font-weight:bold;
    font-size: 15pt;
}

.LabelOverlay  
{
    display: none;
    position: absolute;
	color: #c3c3c3;
	z-index: inherit;
}
.LabelOverlay:hover
{
	background: #474747;
}
td.vpBetTypes { margin: 0px; padding: 0px; }
table.vpBetType { margin: 0px; padding: 0px; }
table.vpBetType td { margin: 0px; padding: 0px 2px 0px 0px; }
table.vpBetType input { margin: 0px; padding: 0px; }
table.vpBetType label { }

a.ticketsState { background-repeat: no-repeat; background-position: left; display: inline-table; clear: none; padding: 2px 0px 2px 20px; margin: 0px 0px 0px 5px; text-decoration: none; }
a.ticketsSaved { background-image: url(../Images/TicketStates/saved.png); }
a.ticketsFaulty { background-image: url(../Images/TicketStates/faulty.png); }
a.ticketsSent { background-image: url(../Images/TicketStates/sent.png); }
a.ticketsConfirmed { background-image: url(../Images/TicketStates/confirmed.png); }