/*
    Copyright (c) 2009, Yahoo! Inc. All rights reserved.
    Code licensed under the BSD License:
    http://developer.yahoo.net/yui/license.txt
    version: 2.7.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}
body { background-color: #fff8ed; color: #817e70; font: normal 12px 'Trebuchet MS',arial,verdana; height: 100%; line-height: normal; margin: 0 auto 0 auto; padding: 0; text-align: center; vertical-align: top; width: 100%; font-weight:inherit; }
strong{font-weight:bold;}

input { color: #000; font: normal 12px 'Trebuchet MS',arial,verdana; line-height: normal; margin: 0; padding: 2px 2px 0 5px; text-align: left; text-transform: none; white-space: nowrap; width: auto; }
input.buttonDefault { background: #fff url(../images/page_subheader_fill.gif) bottom left repeat-x; border-bottom: solid 1px #666; border-right: solid 1px #666; border-top: solid 1px #aaa; border-left: solid 1px #aaa; cursor: pointer; height: 30px; text-align: center; width: 80px;  color:#ba5104;font-weight:bold;margin-left:10px;margin-right:10px;}
input.buttonWide { background: #fff url(../images/page_subheader_fill.gif) bottom left repeat-x; border-bottom: solid 1px #666; border-right: solid 1px #666; border-top: solid 1px #aaa; border-left: solid 1px #aaa; cursor: pointer; height: 30px; text-align: center; width: 150px;  color:#ba5104;font-weight:bold;}
input.buttonLogin { background: #fff url(../images/page_subheader_fill.gif) top left repeat-x; border-bottom: solid 1px #666; border-right: solid 1px #666; border-top: solid 1px #aaa; border-left: solid 1px #aaa; cursor: pointer; height: 30px; margin: 1px 15px 1px 1px; padding: 0 0 2px 0; text-align: center; width: 80px; color:#ba5104;font-weight:bold;}
input.inputDefault { background: #fff; border: solid 1px #666; height: 15px; margin: 1px 1px 1px 1px; width: 180px; }
input.inputDisabled { background: #aaa; border: solid 1px #666; height: 15px; margin: 1px 1px 1px 1px; width: 180px; }
input.inputHighlight { background: #fff; border: solid 2px #ff0000; height: 15px; margin: 0; width: 180px; }
input.inputSelected { background: #fff; border: solid 2px #000; height: 15px; margin: 0; width: 180px; }

.labelLogin{text-align:right;width:200px;height:30px;}
textarea.textareaDefault { background: #fff; border: solid 1px #666; height: 100px; margin: 0; width: 180px; font: normal 11px tahoma,arial,verdana; }
select { font: normal 11px tahoma,arial,verdana; height: 25px; line-height:25px; text-align: left; margin: 0; padding: 1px 0 0 0; border: solid 1px #666; }
select.selectWide { width: 170px; }

select.selectSmall { width: 50px; }

.textAlert { border: none; color: #ff0000; font: bold 11px tahoma,arial,verdana; padding: 1px 4px 1px 4px; text-align: center; }

.calendarPopup td { border-collapse: collapse; padding: 0; margin: 0; text-align: center; width: 20px; vertical-align: top; height: 20px; }
.calendarPopup div { border-collapse: collapse; padding: 0; margin: 0; text-align: center; }
.calendarPopup .ajax__calendar_header { background: #a8a8a8; border-bottom: solid 1px #000; }
.calendarPopup .ajax__calendar_today { background: #a8a8a8; }
.calendarPopup .ajax__calendar_container { border: 1px solid #000; color: #ba5104; border-collapse: collapse; width: 206px; margin: 2px 0 0 0; padding: 0; text-align: center; background: #fff; }
.calendarPopup .ajax__calendar_body { height: 132px; width: 100%; text-align: center; margin: 0; }
.calendarPopup .ajax__calendar_header { padding: 2px 0 2px 0; text-align: center; color: #ba5104; width: 100%; height: 20px; }
.calendarPopup .ajax__calendar_header .ajax__calendar_prev { width: 15px; height: 20px; }
.calendarPopup .ajax__calendar_header .ajax__calendar_next { width: 15px; height: 20px; }
.calendarPopup .ajax__calendar_header .ajax__calendar_title { font: bold 11px; width: auto; height: 20px; padding: 3px 0 0 0; }
.calendarPopup .ajax__calendar_days { width: 100%; margin: 0 0 0 0; padding: 0; text-align: center; background: #fff url(images/bg_button.gif) top left repeat-x; color:#ba5104; }
.calendarPopup .ajax__calendar_days td { background: transparent; height: 18px; width: 20px; padding: 0; }
.calendarPopup .ajax__calendar_days div { background: transparent; height: 15px; width: 20px; padding: 3px 4px 0 4px; text-align: center; margin: 0; }
.calendarPopup .ajax__calendar_days table { background: transparent; }
.calendarPopup .ajax__calendar_dayname { font-weight: bold; text-align: center; height: 15px; width: 20px; padding: 3px 4px 0 4px; margin: 0; }
.calendarPopup .ajax__calendar_today { border-top: solid 1px #000; color: #fff; font: bold 10px; width: 100%; height: 13px; }
.calendarPopup .ajax__calendar_other .ajax__calendar_day { color: #ddd; height: 15px; width: 20px; }
.calendarPopup .ajax__calendar_other .ajax__calendar_year { color: #ddd; height: 15px; width: 20px; }
.calendarPopup .ajax__calendar_hover .ajax__calendar_day { color: #000; background: #daa520; }
.calendarPopup .ajax__calendar_hover .ajax__calendar_month { color: #000; background: #daa520; }
.calendarPopup .ajax__calendar_hover .ajax__calendar_year { color: #000; background: #daa520; }
.calendarPopup .ajax__calendar_active .ajax__calendar_day { color: #000; font-weight: bold; }
.calendarPopup .ajax__calendar_active .ajax__calendar_month { color: #000; font-weight: bold; }
.calendarPopup .ajax__calendar_active .ajax__calendar_year { color: #000; font-weight: bold; }
.textAlert { border: none; color: #ff0000; font: bold 11px; padding: 1px 4px 1px 4px; text-align: center; }

/* custom callout extender css to solve width problem ie & ff */
.customCalloutExtender div, .customCalloutExtender td { border: solid 1px Black;background-color: #FFFACD; }
.customCalloutExtender .ajax__validatorcallout_popup_table { display: none;border: none;background-color: transparent; padding: 0px; }
.customCalloutExtender .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0px; }
.customCalloutExtender .ajax__validatorcallout_callout_cell { width: 13px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0px; margin:0px }
.customCalloutExtender .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0px; }
.customCalloutExtender .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0px; }
.customCalloutExtender .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0px 0px 0px; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.customCalloutExtender .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none;border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0px; }
.customCalloutExtender .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden;border-top: none;border-bottom: none; border-right: none; padding: 0px; margin-left: auto; }
.customCalloutExtender .ajax__validatorcallout_error_message_cell { font-family: Verdana; font-size: 10px; padding: 5px; padding-left:20px; border-right: none; border-left: none;  }
.ajax__validatorcallout_error_message_cell{ width:auto !important;}
.ajax__validatorcallout_callout_cell{width:14px !important;}
.customCalloutExtender .ajax__validatorcallout_icon_cell { width: 20px; padding: 5px; border-right: none; }
.customCalloutExtender .ajax__validatorcallout_icon_cell img { padding-right:10px;}
.customCalloutExtender .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0px; text-align: right; border-left: none; }
.customCalloutExtender .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 10px; padding: 2px; cursor: pointer; }

/* menu */
ul#topnav { margin: 0;padding: 0;float: left;width: 782px;list-style: none;position: relative;font-size: 1.2em;background: url(../images/topnav_stretch.jpg) repeat-x; border-bottom:solid 1px #fff; }
ul#topnav li { display:inline; float: left; margin: 0; padding: 0;border-right: 1px solid #555; }
ul#topnav li a { padding: 5px 10px;display: block;color: #f0f0f0;text-decoration: none; } 
ul#topnav li a:hover {text-decoration: underline;}
ul#topnav li:hover { background: url(../images/topnav_active.jpg) repeat-x; }
ul#topnav li span { color:#fff; width: 782px; float: left; text-align:left; padding:3px 0px 3px 0px; position: absolute; left: 0; top:23px; display: none; background: url(../images/topnav_bottom.jpg) repeat-x; color: #fff; border-bottom:solid 1px #000; }
ul#topnav li:hover span { display: block; background-color:#898989; } 
ul#topnav li span a { display: inline; } 
ul#topnav li span a:hover {text-decoration: underline;}

.ecmpgr{margin-top:20px !important;display:block;width:760px;height:30px;text-align:center;margin-left:auto;margin-right:auto;}
.ecmpgr a{color: #ba5104;text-align: center;text-decoration:none;height:20px;display:inline-block;float:left;padding:3px;border:solid 3px #ba5104 !important; background-color:#F4EAD5;}
.ecmpgr .pgrnextprev:hover{text-align: center; border-color:#ba5104; background-color:#ffe19a;font-weight:bold;}
.ecmpgr .pgritem:hover{text-align: center; border-color:#ba5104; background-color:#ffe19a;font-weight:bold;}
.ecmpgr .pgrnextprev { border:solid 1px #ba5104 !important; padding:3px; border-collapse:separate; margin-right:10px; margin-left:10px;width:60px; }
.ecmpgr .pgrselected { border:solid 2px #ba5104; background-color:#fff8c1 !important; color:#ba5104 !important; border-collapse:separate; margin-right:1px;font-weight:bold; }
.ecmpgr .pgritem{ border:solid 1px #ba5104 !important;text-align:center; border-collapse:separate; margin-right:3px;height:20px; width:14px;}
.ecmpgr .pgrdisplay{height:20px;display:block;padding:3px;float:left; }

#container{width:805px;margin-left:auto;margin-right:auto;}
#header{width:100%;clear:both;height:80px;padding-top:10px;}
#logo{width:300px;float:left;}
#quick-links{width:460px;float:left;text-align:right;vertical-align:top;}
#quick-links table{float:right;}
#quick-links a{font-size:12px;color:#ba5104;text-decoration:none;padding:2px;font-weight:bold;}
#quick-links a:hover{background-color:#FFD062;color:#ba5104;padding:2px;}
#menu{clear:both;}
#body{clear:both;background-image:url(../images/bodyshadow.png) !important;background-repeat:repeat-y;width:806px;text-align:center;display:inline-block;}
#footer{clear:both; background-image:url(../images/bottom.png);background-repeat:no-repeat;height:18px;background-position:center right;width:804px;margin-left:3px;}
#footer1{clear:both;background-image:url(../images/bodyshadow.png) !important;background-repeat:repeat-y;width:806px;padding-top:30px;}
#footer1 a{text-decoration:none;color:#666;}
#footer1 a:hover{text-decoration:none;color:#999;}
#menu-left{background-image:url(../images/header-left-cnr.png);height:44px;width:10px;float:left;}
#menu-body{background-image:url(../images/menu.png);background-repeat:no-repeat;height:43px;width:804px;float:left;padding-left:10px;text-align:left;}
#menu-right{background-image:url(../images/header-right-cnr.png);height:44px;width:10px;float:left;}
#menu-items{font-size:14px;font-weight:bold;cursor:pointer;margin-left:-5px;position:relative;}
#menu-items td{width:150px;text-align:center;height:43px;}
#menu-items td a{color:#ba5104;text-decoration:none;}
.tabover{background-image:url(../images/tab.png);color:#333;width:150px;height:45px;}
.tabover a{color:#333 !important;} 
/*#menu-items td:hover{}*/
#submenu{clear:both;background-image:url(../images/submenu.png) !important;background-repeat:repeat-y;width:806px;height:30px;clear:both;}
#shadow-left{background-image:url(../images/shadow-left.png);float:left;width:4px;}
#sub-container{clear:both;width:806px;}
#body-container{width:806px;clear:both;}
#logincontent{margin-left:auto;margin-right:auto;width:320px;}
.form-left{background-image:url(../images/body-left-cnr.png);height:35px;width:10px;float:left;}
.form-body{background-image:url(../images/body-body.png);background-position:center center;height:35px;width:300px;float:left;font-size:14px;color:#ba5104;font-weight:bold;text-align:center;}
.form-body2{background-image:url(../images/body-body.png);background-position:center center;height:35px;width:730px;float:left;font-size:14px;color:#ba5104;font-weight:bold;text-align:left;}
.form-title{padding-top:10px;height:25px;}
.form-right{background-image:url(../images/body-right-cnr.png);height:35px;width:10px;float:left;}
.form-content{clear:both;padding-top:10px;border-left:1px solid #cec4b4;border-right:1px solid #cec4b4;border-bottom:1px solid #cec4b4;width:314px;margin-left:2px;background-color:#f3e8d5;}
.form-content2{clear:both;padding:10px;border-left:1px solid #cec4b4;border-right:1px solid #cec4b4;border-bottom:1px solid #cec4b4;width:724px;margin-left:2px;background-color:#f3e8d5;}
label{font-weight:bold;margin-left:5px;}
input.inputDefault{margin-top:3px;margin-bottom:3px;margin-left:10px;border-color:#817e70; width: 170px;}
#submenu {text-align:left;position:relative;}
#submenu a{color:#ba5104;text-decoration:none;font-size:12px;font-weight:bold;}
#submenu a:hover{color:#817e70;text-decoration:none;font-size:12px;}
#submenu td{padding-left:25px;}
#admin{display:none;padding-top:5px;position:absolute;}
#player{display:none;padding-top:5px;position:absolute;}
#account{display:none;padding-top:5px;position:absolute;}
#game{display:none;padding-top:5px;position:absolute;}
#info{display:none;padding-top:5px;position:absolute;}
#competitions{display:none;padding-top:5px;position:absolute;}
#tab-credit a{color:#ba5104;text-decoration:none;}
#tab-credit a:hover{color:#333 !important;text-decoration:none;}
#tab-competitions a{color:#ba5104;text-decoration:none;}
#tab-competitions a:hover{color:#333 !important;text-decoration:none;}
.tdContent .tableContent td { text-align:left;line-height:160%;padding-left:7px;}
.tdContent .tableContent td.detail { border:1px solid #817e70; background-color:#fff;} 
.checkboxDefault{padding-left:10px; text-align:left;}
select.selectDefault { width: 200px; vertical-align:middle;line-height:25px; height:21px; }
select.selectWide { width: 178px; vertical-align:middle;line-height:25px; height:21px; margin-bottom:3px; margin-left:10px; margin-top:3px; }
#breadcrumb{font-size:18px;color:#817E70;padding:0px 10px 15px;text-align:left;padding-top:10px; }
.tableData{ width:100%;}

.tableContent{width:100%;padding-top:20px;border:1px solid #cec4b4; border-collapse:collapse;}
.tableContent th{background-image:url(../images/page_subheader_fill.gif);background-repeat:repeat-x;color:#333;padding:3px;background-color:#4A81FF;border-left:1px solid #cec4b4 !important;border-right:1px solid #cec4b4 !important;}
.tableContent td{color:#333;padding:2px;border-bottom:2px solid #ba5104;border-left:1px solid #cec4b4 !important;border-right:1px solid #cec4b4 !important;font-size:95% !important;}
.tableContent tr:hover{background-color:#ffe19a;}
.tableContent td a{color:#ba5104;}
.tdContentHeader{font-weight:bold;font-size:16px;padding-top:10px;padding-bottom:10px;}

.tableContent2{width:100%;padding-top:20px;border:1px solid #b1c8fe; border-collapse:collapse;}
.tableContent2 th{background-image:url(../images/page_subheader_fill.gif);color:#fff;padding:3px;border-left:1px solid #ccc !important;border-right:1px solid #cec4b4 !important;}
.tableContent2 td{color:#333;padding:3px;border-bottom:2px solid #ba5104;border-left:1px solid #cec4b4 !important;border-right:1px solid #cec4b4 !important; }
.tableContent2 tr:hover{background-color:#ffe19a;}

.dataTableScroll{width:100%;padding-top:20px;border:1px solid #b1c8fe; border-collapse:collapse;}
.dataTableScroll th{background-image:url(../images/page_subheader_fill.gif);background-repeat:repeat-x;color:#333;padding:3px;border-left:1px solid #cec4b4 !important;border-right:1px solid #cec4b4 !important;background-color:#FFCD5C;}
.dataTableScroll td{color:#333;padding:3px;border-bottom:2px solid #ba5104;border-left:1px solid #cec4b4 !important;border-right:1px solid #cec4b4 !important; }
.dataTableScroll tr:hover{background-color:#ffe19a;}

.nobackground{background-image:none !important;background-color:transparent !important;color:#817e70 !important;}
.noborder{border:none !important;}
.noborder td{border:none !important;}
.tableContent.exception {border:none !important;}
.tableContent.exception th{background-image:none !important;color:#817e70 !important;border-collapse:separate !important;background-color:transparent !important;border:none !important;}
.tableContent.exception td{border-collapse:separate;border:1px solid #817e70 !important;width:300px;}
.dataTableScroll.exception {border:none !important;}
.dataTableScroll.exception th{background-image:none !important;color:#817e70 !important;border-collapse:separate !important;background-color:transparent !important;border:none !important;}
.dataTableScroll.exception td{border-collapse:separate;border:1px solid #817e70 !important;width:300px;text-align:left;padding-left:10px;background-color:#fff;}

.evenRow{background-color:#fff9eb;}
.tdTotal{background-color:#fff8c1;border-bottom:3px solid #817e70 !important;border-top:3px solid #817e70 !important;text-align:right !important;  }
.tdFilled{background-color:#fff8c1;color:#817e70;}
.tableBingoPattern{width:150px;}
.bold{font-weight:bold !important;}
.trRow{background-color:#fff;cursor:pointer;}
.warning { background-color: #f5f5f5; color: #333; padding: 0px 15px 15px 15px; vertical-align: middle; letter-spacing: normal; border: solid 1px #ccc; width:400px; font-size:10px;text-align:left; }
h2{font-size:16px;padding-top:10px;padding-bottom:10px;}
table.tableContent td.tdGreen { background: url(../images/Page_Subheader_Fill_Green.gif) top left repeat-x; border: solid 1px #999; vertical-align: top; }
table.tableContent td.tdGrey { background-color:#6c706a; border: solid 1px #999; vertical-align: top; }
table.tableContent td.tdYellow { background: url(../images/Page_Subheader_Fill_Yellow.gif) top left repeat-x; border: solid 1px #999; vertical-align: top; }
.td_stats table{width:300px !important;border:1px solid #cec4b4;}
.td_stats th{background-image:url(../images/page_subheader_fill.gif);background-repeat:repeat-x;color:#333;padding:3px;border-left:1px solid #cec4b4 !important;border-right:1px solid #cec4b4 !important;background-color:#FFCD5C;}
.td_stats td{border-left:1px solid #cec4b4 !important;border-right:1px solid #cec4b4 !important;}
.td_stats table{width:300px !important;border:1px solid #cec4b4;}
#table_stats td{padding:3px;}
td table.tableBingoPattern td.tdFilled { width: 25px; height: 15px; padding: 0; background: url(../images/page_subheader_fill.gif) bottom left; border: solid 1px #999; text-align: center; color: #fff; vertical-align: middle; border-collapse: separate; padding: 0; }
td table.tableBingoPattern td.tdClear { width: 25px; height: 15px; padding: 0; background: transparent; text-align: center; vertical-align: middle; border-collapse: separate; padding: 0; font: normal 10px tahoma,arial,verdana; }
td table.tableBingoCard td.tdFilled { width: 25px; height: 15px; background: url(../images/page_subheader_fill.gif) bottom left repeat-x; border: solid 1px #999; text-align: center; color: #fff; vertical-align: middle; border-collapse: separate; padding: 0; }
td table.tableBingoCard td.tdClear { width: 25px; height: 15px; background: transparent; text-align: center; vertical-align: middle; border-collapse: separate; padding: 0; font: normal 10px tahoma,arial,verdana; }
td.tdGreen { background: url(../images/Page_Subheader_Fill_Green.gif) top left repeat-x; border: solid 1px #999; vertical-align: top; }
td.tdGrey { background-color:#6c706a; border: solid 1px #999; vertical-align: top; }
td.tdYellow { background: url(../images/Page_Subheader_Fill_Yellow.gif) top left repeat-x; border: solid 1px #999; vertical-align: top; }