/*------------ Calendar --------------------------------*/
.calendar {
    position:absolute; visibility:hidden; background-color:white;
    background-color:white; z-index:100;
}

.calendar_selector {
    width: 16px; height: 16px;  margin:6px 4px 0 0 ;
    position: relative; float: left; vertical-align: middle;
}
a:link.calendar_selector, a:visited.calendar_selector, a:hover.calendar_selector {
    display: block; background: url("/arb_resources/imgs/calendar.gif") 0 0 no-repeat;
}

.raised {  background-color: #444; padding:3px; }

.calendar_selectorNG {
    width: 16px; height:16px; padding-left: 16px; vertical-align:middle;
    background: url("/arb_resources/imgs/calendar.gif") 0 0 no-repeat;
}
.pending_icon {
    width: 20px; height:15px; padding-left: 20px; vertical-align:middle;
    background: url("/arb_resources/imgs/pending_actions.gif") 0 0 no-repeat;
    text-decoration:none;
}

.float_flow { margin: 2px 3px; position:relative;float:left; }

/*------------ /Calendar -------------------------------*/

#header .webmoney {
    background-image: url("/arb_resources/imgs/wm_blue.gif"); border: 0;
    padding: 0; margin: 0; width: 88px; height: 31px; 
    position: absolute; right: 210px; top: 10px; z-index:inherit;
}

/************************************* LANGUEAGES *****************************/
.ru, .en {
  width: 26px;
  height: 17px;
  border: #BABABA 1px solid;
  float: right;
  margin: 0 4px 0 0;
}

a:link.ru, a:visited.ru, a:hover.ru { background: url("/arb_resources/imgs/flags.gif") 0 0 no-repeat;}
a:link.en, a:visited.en, a:hover.en { background: url("/arb_resources/imgs/flags.gif") 0 -60px no-repeat;}

.lang { float: right; margin: 3px 5px 0 0; color: #cccccc; font-weight: bold;}

.locale_en_add { margin:2px 1px; vertical-align:top; width:20px; min-height:21px; padding: 0 0 9px 20px; _margin-right: -5px; background: url("/arb_resources/imgs/locale_en_add.png") 0 0 no-repeat; line-height:20px; text-decoration:none; }
.locale_en_del { margin:2px 1px; vertical-align:top; width:20px; min-height:21px; padding: 0 0 9px 20px; _margin-right: -5px; background: url("/arb_resources/imgs/locale_en_del.png") 0 0 no-repeat;  line-height:20px; text-decoration:none; }
.locale_ru_add { margin:2px 1px; vertical-align:top; width:20px; min-height:21px; padding: 0 0 9px 20px; _margin-right: -5px; background: url("/arb_resources/imgs/locale_ru_add.png") 0 0 no-repeat; line-height:20px; text-decoration:none; }
.locale_ru_del { margin:2px 1px; vertical-align:top; width:20px; min-height:21px; padding: 0 0 9px 20px; _margin-right: -5px; background: url("/arb_resources/imgs/locale_ru_del.png") 0 0 no-repeat; line-height:20px; text-decoration:none; }

/******************************* NEWS *******************************/

.topPanel { min-width:788px; width:100%;  _width:100%; height:auto; min-height:20px; margin:1px; position:relative;  }

.newsItem_old { clear:both; line-height: normal; width:791px; border:1px solid #404C4E; padding:0; margin:-1px 3px 2px 3px; background:#27292C;  }
.newsItem { clear:both; line-height: normal; padding:0; min-height:170px; }
.newsItem .header2 { margin:0; padding: 0; padding-top:2px; height:auto;}
.newsItem .newsBody { clear:both; width:97%; margin-bottom:3px; margin-top:0; _margin-top:10px; padding: 0 10px; height:auto; position:relative; }
.newsBody img { padding: 0 5px 5px 0; margin: 0 5px 1px 0; float:left; position:relative; }
.newsBody .more { padding-left: 10px; text-decoration:underline; }
.newsItem .edit { position:relative; float: left; margin: 0 5px; }
.newsItem .sticky { color: #EE8; font-size: 11px; font-weight: bold; position:relative; float: right; margin: 0 5px; }
.newsItem .commentsCount { bottom:1px; right:5px; font-size: 10px;position:absolute; float: right; }
.newsItem .header2 .date {font-family:Arial; font-size:12px; line-height:18px; text-decoration: none;padding-right:10px;float:right;}
.newsItem .header2 .date:hover {text-decoration:underline;}
.newsItem .header2 .dateLeft {font-family:Arial; font-size:12px; line-height:18px; text-decoration: none;padding-left:10px;float:left;}
.newsItem .header2 .dateLeft:hover {text-decoration:underline;}
.newsItem .header2 .title {font-family:Arial; font-size:13px; line-height:18px; text-decoration: none;padding-left:4px;}
.newsItem .header2 .title:hover {text-decoration:underline;}

.newsCommentForm { padding-left:15px; margin: 5px; text-align: left; }
.newsCommentForm textarea { margin: 5px 0; background-color: #444;  color: #EEE;   border: 1px solid #666; }
.newsCommentForm input { font-size: 10px; }
.newsCommentForm .info { padding: 3px 0 10px 0; }
.newsComments { padding: 0; margin: 0 0 0 20px; text-align: left; }
.newsComments p { margin: 0; padding: 0; }
.newsComments .commentBody { margin: 5px 0 0 0; padding: 0; }
.newsComments .NewsItem { text-align: left; clear:both; line-height: normal; border-top: 1px solid #3d3d3d; width: 760px; font-size: 12px; font-weight: normal; position:relative; margin: 10px 0; padding: 5px 0; }
.newsCommentText { margin: 5px 0; background-color: #444;  color: #EEE;   border: 1px solid #666; }

/******************************* requests *******************************/

#showRequests { margin-bottom: 35px; font-size:12px; width:99%; }
#showRequests .winner {color: #9F9;}
#showRequests .looser {color: #F99;}
#showRequests .default {}
#showRequests input { font-size: 11px; }
#showTransactions  { width:99%; }
#showTransactions .winner {color: #9F9;}
#showTransactions .looser {color: #F99;}


/************************************* tickets *****************************/

#tickets { width:99%;}

#tickets .statusTable { width: 700px; margin: 5px; padding: 1px;  }
#tickets .statusTable td { border-bottom: 1px solid #777; vertical-align: top; padding: 0 5px;   }
#tickets .statusValue { color: #ccc; font-weight: normal; }
#tickets .statusHeader { font-weight: bold; }
#tickets .tickets { font-size: 12px; background-color: #323232; border: 1px solid #333; width:100%; }
#tickets .tickets th { color:black; font-weight: bold; background-color: #CCC; border-bottom: 1px solid #777; border-right: 1px solid #999; text-align:center; padding: 0 5px; }
#tickets .tickets td { color:#efefef; border-left: 1px solid #555; border-bottom: 1px solid #444; border-right: 1px solid #444; padding: 5px 5px; vertical-align:top; }
#tickets .admin { color: #e88; font-weight: bold; }
#tickets .user { color: #88e; font-weight: bold; }
#tickets .ip { color: #8e8; font-style: italic; }
#tickets p { padding: 0; margin: 0; }



/******************************* other stuff *******************************/




.rightBox { width:100%; text-align: right; margin: 0; padding-bottom: 10px; padding-right:10px; }
.left { float: left; position:relative; }
.right { float: right; position:relative; }
.leftSmall { float: left; font-size: 12px; position:relative;}
.small { font-size: 10px; }

.floatLeft { float: left; }
.floatRight { float: right; }

a:link.reload, a:visited.reload, a:hover.reload {
        background: url("/arb_resources/imgs/reload.gif") 0 0 no-repeat;
        width: 16px; height:16px; text-decoration:none;
        margin: 2px 2px; padding: 0; z-index:150;
        position: relative; display:inline;
}
a:link.progress, a:visited.progress, a:hover.progress {
        background: url("/arb_resources/imgs/reload-rotate.gif") 0 0 no-repeat;
        width: 16px; height:16px;
        text-decoration:none;
        padding: 0; margin: 2px 2px; z-index:150;
        position: relative; display:inline;
}


.error-box {
    font-family: Helvetica,sans-serif;
    font-size: 12px;
    text-align: left;
    color: #F66;
    font-weight: bold;
    border: 1px solid #944;
    background-color: #333;
    padding: 5px 5px;
    margin: 5px auto;
    width:100%;
}

.error-box p{
  margin-top: 1px;
  margin-bottom: 1px;
}

.error {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #fd8058;
}

.warning {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #fdA068;
}

.note {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #BBB;
}

.divInfoPic{
    position:relative; float: left;
    background-image: url("/arb_resources/imgs/icon_info_sml.gif");
    background-repeat: no-repeat;
    margin: 3px 5px 5px 5px;
    height: 20px; width : 20px;
}

.divInfoWithPic{
   position:relative;
   margin: auto; padding-left: 30px; padding-top:3px;
   font-weight: normal; 
}

.divInfoNG {
    position:relative;  background: url("/arb_resources/imgs/icon_info_sml.gif") 0 0 no-repeat;
    min-height: 20px; min-width: 20px; margin:0; padding-left: 20px;
}

.q_icon {
    background: url("/arb_resources/imgs/q_icon.png") 0 0 no-repeat; vertical-align: top;
    min-height: 18px; min-width:20px; padding: 0 0 5px 18px; margin: 3px 3px; _margin: 5px; _padding: 0 10px; line-height: 20px; text-decoration:none;
}


#prevNextSwitcher { margin: 5px 5px;position:relative;}

.statTable { line-height: normal; position:relative;  }
.statTable th { border-right: 1px solid #333; color:black; background-color: #CCC; }
.statTable .row0  { color: #fff; background-color: #323232; }
.statTable .row0:hover  { color: #fff; background-color: #3A3A3A; }
.statTable .row1 { color: #fff; background-color: #424242; }
.statTable .row1:hover  { color: #fff; background-color: #4A4A4A; }
.statTable .row0 td { border-right: 1px solid #444; }
.statTable .row1 td { border-right: 1px solid #333; }

.statTableBB { line-height: normal; border:0; position:relative; }
.statTableBB th { border-right: 1px solid #333; color:black; background-color: #CCC; }
.statTableBB .row0  { color: #fff; background-color: #323232; }
.statTableBB .row0:hover  { color: #fff; background-color: #3A3A3A; }
.statTableBB .row1 { color: #fff; background-color: #424242;  }
.statTableBB .row1:hover  { color: #fff; background-color: #4A4A4A; }

.lineTable { line-height:100%; border:0; position:relative; float:left; }
.lineTable .rowTitle {border-bottom: 1px solid #333; height: 18px; margin: 0; padding: 0 3px; }
.LineEventTitle { margin-top:5px; padding:5px;background:#555; }
.lineTable .workField { background:none; }
.lineTable th { border-right: 1px solid #333; color:black; background-color: #CCC; text-align: center;  }
.lineTable tr { color: #fff; background-color: #424242; }
.lineTable a:link, .lineTable a:visited, .lineTable a:hover { text-decoration:none; color:black;}
.lineTable .back { 
    background-color: #68B; text-align: center; color: black; font-weight: normal;
    border-bottom: 1px solid #357; border-right: 1px solid #357;
    border-top: 1px solid #68B; border-left: 1px solid #68B;
    text-decoration:none;
}
.lineTable .lay { 
    background-color: #B97; text-align: center; color: black; font-weight: normal;
    border-bottom: 1px solid #753; border-right: 1px solid #753;
    border-top: 1px solid #CA8; border-left: 1px solid #CA8;
}
.lineTable tr:hover  { color: #fff; background-color: #4A4A4A; }
.lineTable .koeff_cell { border-right: 1px solid #333; color:black; background-color: #CCC; width:auto; min-width:40px; }


#balancePanel { font-size: 11px; }

.filterForm { width:100%; _width:100%; font-size: 11px; position:relative; display:block; width:100%; margin: 5px 0; z-index:10; }
.filterForm input { font-size: 11px; }
.filterForm .flow { position:relative; float:left; vertical-align:middle; margin:2px; line-height:16px; padding-top:5px; }
.filterForm .flow_right { position:relative; float:right; vertical-align:middle; margin:2px; line-height:16px; padding-top:2px; }
.filterForm .flow_btn { position:relative; float:left; vertical-align:middle; margin:2px; line-height:16px; padding-top:10px; }
.filterForm select { font-size: 11px; }
.filterForm2 { font-size: 11px; float:left;position:relative;}

.filterFormNG { font-size: 11px; position:relative; margin:5px; padding:0;  }
.filterFormNG ul { position:relative; padding:0; margin:0;  }
.filterFormNG ul li {
	float: left; display: inline; list-style: none; padding: 2px 5px 0 0; 
    vertical-align:middle; height:auto; line-height: 25px;
}

.apply_btn_nofloat { padding: 4px 0 4px 18px; min-height:24px; background: url("/arb_resources/imgs/apply_button.gif") no-repeat left;  vertical-align:middle; }
.apply_btn_nofloat:hover { background: url("/arb_resources/imgs/apply_button.gif") no-repeat -17px; }

.cancel_btn_nofloat { padding: 4px 0 4px 18px; min-height:24px; background: url("/arb_resources/imgs/cancel_button.gif") no-repeat left;  vertical-align:middle; }
.cancel_btn_nofloat:hover { background: url("/arb_resources/imgs/cancel_button.gif") no-repeat -17px; }

.apply_btn { position: relative; float: left; width: 18px; height: 24px; padding: 0; margin: 1px 2px;   }
a:link.apply_btn, a:visited.apply_btn { background: url("/arb_resources/imgs/apply_button.gif") 0 0 no-repeat; }
a:hover.apply_btn { background: url("/arb_resources/imgs/apply_button.gif") -17px 0 no-repeat; }
.cancel_btn { position: relative; float: left; width: 18px; height: 24px; padding: 0; margin: 1px 2px;   }
a:link.cancel_btn, a:visited.cancel_btn { background: url("/arb_resources/imgs/cancel_button.gif") 0 0 no-repeat; }
a:hover.cancel_btn { background: url("/arb_resources/imgs/cancel_button.gif") -17px 0px no-repeat; }

.regContainer {
    font-size: 12px;
    color: #AAA;
}

.title { font-size: 16px; padding: 5px 10px; font-weight:bold;}

/******************************* modal windows stuff *******************************/
div.modal-overlay{
	top: 0; left: 0; position: fixed; height: 100%; width: 100%; _height: 100%; _width: 100%;
	z-index: 1000000; background-color: #000;
    filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;
}
div.modal-window{
	top: 250px; left: 30%; position: absolute; z-index: 1000001;
	padding: 5px;
    background: #EAEAEA;
	filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
}
div#modal-close-btn{
	color: blue;
	cursor:pointer;
    text-align:center;
}
.ProgressIndicator { color:black;  }
.ProgressIndicator .text-msg { margin: 0; padding: 5px; }
.ProgressIndicator img { border: 0; margin: 3px; padding: 0; }
.ErrorMessage { color: red; width:300px; }
.ErrorMessage .text-msg { margin: 0; padding: 5px; }
.ErrorMessage img { border: 0; margin: 3px; padding: 0; }


.modalDialog_transparentDivs {
    background-color:#222; z-index:1;
    position:absolute;
    filter:alpha(opacity=30); opacity:0.3; 
}

.modalDialog_contentDiv {
    padding:2px; 
    position:absolute; z-index:100;
    background:#27292c; border:1px solid #3494bc;
}

.modalDialog_contentDiv_shadow{
    z-index:90; position:absolute;
    background-color:#000;
    opacity:0.2; filter:alpha(opacity=20);
}

#externalContainer { min-width:790px; width:100%; _width:100%; min-height: 460px; height:auto; position: relative; float:left; }

.realContent { padding: 2px; height:auto; min-height: 300px; position:relative; float:left; width:100%; _width:100%;}

.modalBetBanner {
    background-color: #334; margin: 20px; padding: 20px;
    border-left: 1px solid #556; border-top: 1px solid #556;
    border-right: 1px solid #223; border-bottom: 1px solid #223;
    display:none; color: #FFF;
    position: absolute; left: 120px; top: 5px; width: 210px;
    line-height: 230%; z-index:100;
    opacity: 0.8; filter:alpha(opacity=80);
}

.modalBetBanner .betMessage { font-size: 24px; }
.modalBetBanner .betComment { font-size: 12px; }

.modalBetMessageWindow {
    display:none; position:absolute;  z-index:150;
    font-size: 24px; margin: 0; color: #DD3; background-color:#222;
    width: 100%; height: 100%; text-align: center; vertical-align: middle;
    opacity: 0.7; filter:alpha(opacity=70);
}

.modalBetMessageWindow .betMessage { font-size: 24px; }
.modalBetMessageWindow .betComment { font-size: 12px; }

/************************************* UserGroups *****************************/
.group {  min-width:350px; width:100%; _width:100%; height:auto; min-height:20px; }
.group .users { font-weight: normal; color:#EEE; right:5px; position:absolute; }
#userGroupItem {
    position: relative; line-height: 120%; width: 370px;
    color: #EEE; padding: 0 0 5px 0; margin: 0; background-color: #4d4d4d;
    font-size:12px; font-weight: normal;
    border-left: 1px solid #67728a; border-right: 1px solid #27324a;
    border-top: 1px solid #67728a; border-bottom: 1px solid #37425a;
}
#userGroupItem .groupTitle {
    color: #c1cde5; background-color: #47526a;
    font-size:12px; font-style: normal; font-weight: bold;
    padding: 5px; margin: 0;
    border-bottom: 1px solid #37425a;
}
#userGroupItem .groupTitle a:hover { text-decoration:underline; }
#userGroupItem .groupTitle a { color: #EEE; }
#userGroupItem .users { font-weight: normal; }
#userGroupItem .groupDesc { text-align: left; padding: 2px 5px; }
#userGroupItem .status { text-align: left; padding: 2px 5px; }
#userGroupItem .tags { text-align: left; padding: 2px 5px; }
#userGroupHeader { font-size:13px; font-weight: bold; color: #FFF; margin: 10px 10px; }
#userGroupTable td { border-bottom: 1px dotted #BBC; text-align: left; margin: 0 5px; vertical-align: top; }

.leftnavdiv { max-width:300px; min-width:300px; width:100%; }


/********************************** ARENA ************************************/

.rightBetPanel {
    font-size: 10px;
    color: black;
    min-width: 350px; width:100%;_width:100%; 
    font-weight: normal;
    position: relative;
    float: left;
    right: 0;
    z-index: 2;
    margin-left: 5px;
}

.requestField { min-width: 350px; width:100%; _width:100%; margin: 0; padding: 0; line-height: normal; font-size: 10px;
    background:#D0C031; background-color:#D0C031;
    border: 1px solid #D0C031;}
.requestField .inputButtons { font-size: 9px; margin: 10px; }
.requestField .box { position: absolute; right: 0; margin: 5px 0; padding: 0; }
.requestField .input { font-size: 11px; margin:0; padding:0; z-index: inherit; }
.requestField .submit { margin:10px 0; padding:0; z-index: inherit; float: right; position: relative; }
.requestField .comment { border-bottom: 1px dotted #BBC; text-align: left; color: #111; margin: 0 5px; }
.requestField .profit { border-bottom: 1px dotted #BBC; text-align: right; color: #171; margin: 0 5px; }
.requestField .loose { border-bottom: 1px dotted #BBC; text-align: right; color: #711; margin: 0 5px; }
.requestField .stake { border-bottom: 1px dotted #BBC; text-align: right; color: #111; margin: 0 5px; }
.requestField .commentError { color: #711; margin: 0 5px; text-align: right; }
.requestField .name { font-weight: bold; font-size: 11px;  }
.requestField table { margin: 0; padding: 0; min-width:350px; width:100%; _width:100%;  }
.requestField td { height: 18px; vertical-align: top; text-align: center; margin: 0; padding: 2px 5px 0 5px;}
.requestField tr { margin: 0 5px; padding: 0;}
.requestField th { vertical-align: middle; text-align: center; margin:0; padding: 2px 5px 0 5px;}
.requestField hr { margin: 0; padding: 0; width:100%;}
.requestField h3 { margin: 0; padding: 0 5px; background-color: #000088; width:98%;}
.requestField  a { font-size:12px; color: #0000CC; text-decoration: none; }
.requestField  a:hover { font-size:12px; color: #0000CC; }
.requestField .backbetDiv { margin:0; padding:0; background-color: #68B; position:relative;  }
.requestField .backbetDiv tr { margin: 0; padding: 0; }
.requestField .backbetDiv td { margin: 0; padding: 0; }
.requestField .laybetDiv { margin-bottom: 0; padding: 0; background-color: #B97; position:relative; }
.requestField .laybetDiv tr { margin: 0; padding: 0; }
.requestField .laybetDiv td { margin: 0; padding: 0; }
.backbet { background-color: #68B; font-size:11px; }
.backbet th { background-color: #57a; }
.backbet td { text-align:center; vertical-align:middle; }
.laybet { background-color: #B97; font-size:11px; }
.laybet th { background-color: #A86; }
.laybet td { text-align:center; vertical-align:middle; }
.summarybet { padding: 3px 5px; background-color: #D0C031; line-height: normal; }

.myRules { margin: 0; padding: 5px; font-size: 12px; line-height: normal; position: relative; background-color: #D0C031; color: #000; }
.myRules h3 { color: #000; font-size: 14px; margin: 10px 0; padding:0; font-weight: normal; }
.myRules  a { font-size:12px; color: #C00; text-decoration: none; }
.myRules  a:hover { font-size:12px; color: #C00; text-decoration:underline; }
.myRules .info { font-size: 12px; margin-bottom: 8px; background-color: #E0D041; }

.myHelp { margin: 0; padding: 5px; font-size: 12px; line-height: normal; position: relative; background-color: #D0C031; color: #000; }
.myHelp h3 { color: #000; font-size: 14px; margin: 0 0 10px 0; font-weight: bold; }
.myHelp a { font-size:12px; color: #C00; text-decoration: none; }
.myHelp a:hover { font-size:12px; color: #C00; text-decoration:underline; }
.myHelp .readBettingScreen_ru { background: url("/arb_resources/imgs/read_betting_screen.gif") 0 0 no-repeat; width: 350px; height: 189px; margin:2px 0; padding: 0; position: relative; }

.eventHeader { padding-left: 5px; font-size:13px; font-weight: bold; color: #EEE; }
.eventStatus { padding-left: 10px; margin: 5px; font-size: 13px; font-style: italic; color:#DDD; float: left; }

.myBets { position: relative; margin: 0; padding:0; }
.MakeABet { position: relative; margin: 0; padding:0; }

.playFieldNew {  }

.gameTable { width: 99%; min-width:780px; margin:0; padding:10px 2px 2px 2px; position:relative; float:left; }

.playField {
    min-width:400px;  width:100%; min-height:120px; _height: 110px; height:auto;
    padding: 3px 3px 3px 0; margin-left:-5px;
    position: relative; 
    font-size: 10px; font-family: Verdana, Tahoma, Arial, sans-serif; line-height: normal;
}

#playFieldOld {
    margin: 1px; padding: 5px; width: 400px; margin-left: 5px;
    position: relative; float:left;
    font-size: 10px; font-family: Verdana, Tahoma, Arial, sans-serif; line-height: normal;
    border: 1px solid #444; 
}
.playField .stakes { background-color: #202a2a; padding: 0; margin:5px 0; }
.playField a { line-height: 110%; color: #AAA;  text-decoration: none; font-weight: bold; cursor:pointer; }
.playField .backHeaderName { margin:0; background-color: #68B; min-width: 118px; width:100%; text-align: right; padding: 2px 10px 2px 0; margin-right:1px; }
.playField .layHeaderName { margin:0; background-color: #B97; min-width: 118px; width:100%;text-align: left; padding: 2px 0 2px 10px; margin-left:1px;  }
.playField .backHeaderName .left { padding-left: 3px; }
.playField .layHeaderName .right { padding-right: 3px; }
.playField .backHeaderNameShort { background-color: #68B; width: 41px; margin: 0; padding: 1px 0;}
.playField .layHeaderNameShort { background-color: #B97; width: 41px; margin: 0; padding: 1px 0;  }
.playField .layHeaderNameWager { background-color: #B97; width: 61px; margin: 0; padding: 1px 0;  }
.playField .backHeaderNameWager { background-color: #68B; width: 61px; margin: 0; padding: 1px 0;}
.playField .headerShort { width: 41px; margin: 0; padding: 1px 0;}
.playField .matched { width: 250px; text-align: right; padding: 2px 2px; }
.playField .status { font-size:12px; width: 250px; text-align: center; padding: 2px 2px; }
.playField .profit { color: #494; text-align: left; padding: 0; margin: 0; position:relative; }
.playField .liability { color: #D55; text-align: left; padding: 0; margin: 0; position:relative; }
.playField .moreBtn { color: #DDD; text-align: left; padding: 0 1px; margin: 0; position:relative; float:left;  }
.smallBtn { margin:0; padding:0; font-size: 9px; font-weight: normal; }
.normalBtn { margin:0; padding:0; font-size: 11px; font-weight: normal; }
.playField a:hover .boxLight, #playField a:hover .laybox, #playField a:hover .backbox  { color: black; line-height: 110%; }
.playField .roww { width:100%; border-bottom: 1px solid #555; padding: 0; text-align: left; }
.playField .chb { font-size:9px; }

.playField .boxLight {
    padding: 0; margin: 0px; background-color: #555; min-width: 40px; height: 26px; text-align: center;
    border-bottom: 1px solid #333; border-right: 1px solid #333;
    border-top: 1px solid #777; border-left: 1px solid #777;
    color: black; font-weight: normal; padding-top: 1px;
}
.playField a:hover .boxLight {
    padding: 0; margin: 0px; padding-top: 1px;
    border-top: 1px solid #333; border-left: 1px solid #333;
    border-bottom: 1px solid #777; border-right: 1px solid #777;
}
.playField .backbox {
    padding: 0; margin-right: 1px; background-color: #68B; width: 42px; height: 26px; text-align: center;
    border-bottom: 1px solid #357; border-right: 1px solid #357;
    border-top: 1px solid #68B; border-left: 1px solid #68B;
    color: black; font-weight: normal; padding-top: 1px;
}
.playField a:hover .backbox, .playField a:hover .backboxMini {
    padding: 0; margin-right: 1px; padding-top: 1px;
    border-bottom: 1px solid #68B; border-right: 1px solid #68B;
    border-top: 1px solid #357; border-left: 1px solid #357;
}
.playField .laybox {
    padding: 0; margin-left: 1px;  padding-top: 1px;
    background-color: #B97; width: 42px; height: 26px; text-align: center;
    border-bottom: 1px solid #753; border-right: 1px solid #753;
    border-top: 1px solid #CA8; border-left: 1px solid #CA8;
    color: black; font-weight: normal;
}
.playField a:hover .laybox, .playField a:hover .layboxMini {
    padding: 0; margin-left: 1px; padding-top: 1px;
    border-bottom: 1px solid #CA8; border-right: 1px solid #CA8;
    border-top: 1px solid #357; border-left: 1px solid #357;
}

.playField .backboxMini {
    padding: 0; margin-right: 1px; background-color: #68B; 
    width: 30px; min-width: 30px; height: 16px; _width: 30px;
    text-align: center;
    border-bottom: 1px solid #357; border-right: 1px solid #357;
    border-top: 1px solid #68B; border-left: 1px solid #68B;
    color: black; font-weight: normal; padding-top: 1px;
}
.playField .layboxMini {
    padding: 0; margin-left: 1px;  padding-top: 1px; background-color: #B97; 
    width: 30px; min-width: 30px; height: 16px; _width: 30px;
    text-align: center;
    border-bottom: 1px solid #753; border-right: 1px solid #753;
    border-top: 1px solid #CA8; border-left: 1px solid #CA8;
    color: black; font-weight: normal;
}


#eventOverview { margin: 0; padding: 0; }
#eventOverview .column { margin: 5px; padding: 5px; position: relative; min-width:250px; max-width:300px; }
#eventOverview a:hover { text-decoration:underline; }

.singleArena {
    min-width:200px; height:auto; min-height:20px;
    padding: 3px 3px 3px 0;;
    position: relative;
    font-size: 10px; font-family: Verdana, Tahoma, Arial, sans-serif; line-height: normal;
}
.singleArena .arena_header {
    color: #c1cde5; 
    background: URL("/arb_resources/dark_april_imgs/m.gif") repeat-x top;
    background-position: 0 -3px;
    height: 18px; padding: 5px; margin: 0;
    font-size:12px; font-style: normal; font-weight: bold;
    border-bottom: 1px solid #333;
}
#eventOverview .info { font-size:11px; color: #CCC;text-align: right; padding:1px 5px;  }
#eventOverview .field { text-align: right; padding: 2px 5px; }

#arenaEditor {
    margin: 0; margin: 0;
    font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; line-height: normal;
    position: relative;
}
#arenaEditor .arenaRow { border-bottom: 1px solid #999; border-right: 1px dotted #999; border-left: 1px dotted #999; }
#arenaEditor .arenaRowSmall { font-size: 10px; border-bottom: 1px solid #999; border-right: 1px dotted #999; border-left: 1px dotted #999; }
#arenaEditor .arenaBox { border: 1px solid #999; }
#arenaEditor .arenaRowHead { background-color: #6d6d6d; color: #EEE; border-bottom: 1px solid #999; }
#arenaEditor .bigLink { font-size: 14px; }
#arenaEditor .autoSettle { font-size: 10px; color: #EE9; }

.tabnav { height: 25px; margin: 0; padding: 0; position: relative; font-size: 11px; }
.tabnav div.navi2, div.navi2_selected {
    width: 80px; position: relative; float: left; height: 25px; margin: 0; padding: 0;
}
.tabnav div.navi2 a, div.navi2_selected a {
    display: block; width: 100%; height: 24px; color: #D0C031; background-color: #000;
    font-weight: bold; text-decoration: none; text-align: center; margin: 0; padding-top: 3px;
    background: URL("/arb_resources/dark_april_imgs/m.gif") repeat-x top;
    background-position: 0 -3px; border: 1px solid #333; border-bottom:0;
}
.tabnav div.navi2 a:hover { background: #333; }
.tabnav div.navi2_selected a:hover { background: #D0C031; color: #000; }
.tabnav div.navi2_selected a {
    display: block; height: 25px; background: #D0C031; color: #000; border:0;
    font-weight: bold; text-decoration: none; text-align: center; margin: 0; padding-top: 3px;
}

.odds { width: 70px; height:100%; margin:0; padding:0;  text-align:left; position:relative; display:inline-block; }
.plus_minus_container { height: 15px; }
.plus_minus_container .numb_plus { background: url("/arb_resources/imgs/numb_plus.gif") 0 0 no-repeat; width: 11px; height: 7px; position: absolute; top: 0; right: 0;  margin:0; padding: 0; }
.plus_minus_container .numb_minus { background: url("/arb_resources/imgs/numb_minus.gif") 0 0 no-repeat; width: 11px; height: 7px;  position: absolute; bottom: 2px; _bottom: 10px; right: 0; margin: 0px; padding: 0px; }

.mainHighlights { width: 100%; _width:100%; margin: 0px 0 10px 0px; position:relative; float:left; }
.highlightsSport { color:#EEE; font-size:14px; font-style: italic; font-weight: bold; padding:0; border:0; width: 90%; _width:90%; text-align:center; position:relative;  }
.highlightsSport a { color:#EEE; }
.highlightMarketName { color:#EEE; font-size:12px; font-style: italic; font-weight: bold; padding: 2px 0 0 0; border:0; width:90%; _width:90%; text-align:center; position:relative; float:left; }
.simpleOdds { height:25px; min-height:25px; width: auto; position:relative; float:left; font-size:11px; margin-bottom:1px; width: 100%; }
.simpleOdds .datum { font-size:10px; width:12%; min-width: 90px; position:relative; float:left; padding: 7px 2px; margin:0; text-align:right; }
.simpleOdds .oddsMiniStatus { font-size:10px; width:15%; min-width: 100px;  position:relative; float:left; padding: 7px 3px; margin:0; text-align:left; line-height:13px; }
.simpleOdds .outcomes { position:relative; float:left; margin:0; padding:0; width:70%; }
.simpleOdds .outcomes a { color:#DDD; }
.simpleOdds .outcomes a:hover { background:#000; text-decoration:underline; color:black; color:#FFF; }
.simpleOdds .outcomes .item {
        border-left:1px solid #333; border-top:1px solid #333;
        border-right:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; background: #222;
        position:relative; float:left; min-height:23px; height:23px; min-width:215px; width:40%;
        font-weight:bold; margin:2px 1px; 
}

.simpleOdds .outcomes .item2 {
        border-left:1px solid #333; border-top:1px solid #333;
        border-right:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; background: #222;
        position:relative; float:left; min-height:23px; height:23px; min-width:215px; width:47.7%;
        font-weight:bold; margin:2px 1px;
}

.simpleOdds .outcomes .itemX {
        border-left:1px solid #444; border-top:1px solid #444;
        border-right:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; background: #222;
        position:relative; float:left; min-height:23px; height:23px; min-width:61px; width: 15%;
        font-weight:bold; margin:2px 1px; }

.simpleOdds .outcomes .item .x1 { padding-left: 5px; padding-top:5px; position:relative; float:left; text-align:left; }
.simpleOdds .outcomes .itemX .x12 { padding-left: 5px; padding-top:5px;position:relative; float:left; text-align:left; }
.simpleOdds .outcomes .item .x2 { padding-right: 5px; padding-top:5px; position:relative; float:right;  text-align:right; }
.simpleOdds .outcomes .item .oddsRight { color:#D0C031; font-size:13px; padding-right: 5px; padding-top:5px; position:relative; float:right; text-align:right; }
.simpleOdds .outcomes .itemX .oddsRight { color:#D0C031; font-size:13px; padding-right: 5px; padding-top:5px; position:relative; float:right; text-align:center;  }
.simpleOdds .outcomes .item .oddsLeft { color:#D0C031; font-size:13px; padding-left: 5px; padding-top:5px; position:relative; float:left;   }
.simpleOdds .outcomes .item2 .x1 { padding-left: 5px; padding-top:5px; position:relative; float:left; text-align:left; }
.simpleOdds .outcomes .item2 .x2 { padding-right: 5px; padding-top:5px; position:relative; float:right;  text-align:right; }
.simpleOdds .outcomes .item2 .oddsRight { color:#D0C031; font-size:13px; padding-right: 8px; padding-top:5px; position:relative; float:right; text-align:right; }
.simpleOdds .outcomes .item2 .oddsLeft { color:#D0C031; font-size:13px; padding-left: 8px; padding-top:5px; position:relative; float:left;   }

.yellow_box { font-size:12px; color: #000; }
.yellow_box a { color: #C00; }
.yellow_box .info { font-size: 12px; margin-bottom: 8px; background-color: #E0D041; }

.markets_TOC { font-size:12px; }
