html,body{  } 

body {
	background: URL("/arb_resources/dark_april_imgs/bg.gif") #121212; color:#EBEBEB;
	font-family:Arial; font-size:12px; line-height:16px; position: relative; text-align:center;
    z-index:0; 
}

* html #mainContainer {height:500px;}

#mainContainer {
    border: 0; margin: 5px auto; min-width: 1000px; _min_width:1000px; width:100%; _width:100%;  text-align: left;
    z-index:0; position: relative; min-height: 500px; height: auto; z-index:inherit;
}

a { text-decoration: none; color:#D0C031; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

.moreLink {padding-left:15px; color:#D0C031; min-height:11px; background:url("/arb_resources/imgs/moreArrow.gif") no-repeat left; vertical-align:middle; height:auto; }
.moreLink:hover { background:url("/arb_resources/imgs/moreArrow_hover.gif") no-repeat left;}

h1 {font-family:Arial; font-size:18px; line-height:20px; font-weight:normal; color:#B3B3B3; margin:15px 0px 5px 0px; }
h2 {font-family:Arial; font-size:16px; line-height:20px; font-weight:bold; color:#B3B3B3; margin:15px 0px 5px 0px; }
h3 {font-family:Arial; font-size:14px; line-height:16px; font-weight:bold; color:#B3B3B3; margin:15px 0px 5px 0px; padding-left:15px;}

#cleanBox {
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative; float:left;
    z-index:0;
}

#cleanBox a { color: #9bc; text-decoration: none; }
#cleanBox a:hover { color: #c4cfe7; }
#cleanBox .box { padding: 5px 16px; margin: 0;  }

/*============================= HEADER ===============================*/

#header {
    background-color: #333333; height: 80px; margin: 0;  padding-bottom: 1px;
	position: relative; z-index:10;
    background: URL("/arb_resources/dark_april_imgs/top_long.jpg") repeat-x top;
}

#header .banner { 
	_width:100%; width:100%; height:80px; background: URL("/arb_resources/dark_april_imgs/top.jpg") no-repeat top left;
	border:1px solid #327DA6; border-right:0;
	position: absolute; left:0; top:0; z-index:inherit;
}
#header .banner a {width:150px;  height:78px;  display:block; }

#header .authForm {
	width:200px; _width:200px; height:80px; _height:80px; background: URL("/arb_resources/dark_april_imgs/aubg.jpg") repeat;
	border-top:1px solid #327DA6; border-right:1px solid #327DA6; border-bottom:1px solid #327DA6;
	position: absolute; right:0; top:0; _right:-1px; line-height: normal; z-index:10;
}

#header .authForm .title {
    color: #c1cde5; background-color: #333333; 
    font-size:10px; font-style: normal; font-weight: bold;
    padding:0; margin:0;
    border-bottom: 1px solid #023D36;
}

#header .authForm form { padding-left:9px;padding-top:2px;  }

#extraInfoWallets {
    z-index: inherit;
    border: #327DA6 1px solid; border-top: 0px;
    background-color: #102A35;
    display:none; position: absolute;
    right:-1px; top : 79px; width : 200px; height: auto;
    padding-bottom : 5px;
	filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
}

#header .authForm .row_name { line-height:110%;margin: 0 3px; font-size: 10px; color: #fffb7b; width: 45px; _width: 45px; text-align: right; float: right; }
#header .authForm .row_val { line-height:110%;font-size: 10px; color: #ffffff; width: 145px; _width: 145px; text-align: left; float: right; }
#header .authForm .row_name_ref { margin: 0 3px; font-size: 10px; color: #fffb7b; width: 105px; _width: 105px; text-align: right; float: left; }
#header .authForm .row_val_ref { font-size: 10px; color: #ffffff; width: 85px; _width: 85px; text-align: left; float: left; }


/*============================ horizontal menu =========================*/

#mainMenu { 
	background: URL("/arb_resources/dark_april_imgs/m.gif") repeat-x top; height:31px; min-width:1000px; _min-width:1000px; width:100%;
	position: relative; 
	margin:0; padding:0; z-index: inherit;
	font-family:Arial; font-size:10px; line-height:31px; font-weight:normal;
}

#mainMenu div.navi { float:left; position:relative; z-index: inherit; height:31px; }

#mainMenu .navi a {
    padding-left:15px; padding-right:15px; display:block; text-align:center;
	color:#D6E3E9; text-decoration: none;  position:relative;
}
#mainMenu div.navi a:hover { margin:0; background:#353535; padding-top:1px; _margin-bottom:-1px; }
#mainMenu span { display: none; }

#mainMenu .NavPanelLogout { width: 20px; height: 25px; border:0; float: right; margin: 3px 2px; position:relative; }
#mainMenu a:link.NavPanelLogout, a:visited.NavPanelLogout, a:hover.NavPanelLogout { display: block; background: url("/arb_resources/dark_april_imgs/logout_icon.png") 0 0 no-repeat; color:#D6E3E9; }
#mainMenu .NavLogoutText { color:#D6E3E9; float: right; margin: 0 3px; position:relative; }
#mainMenu .NavLink { cursor:pointer; text-decoration:none }

/*======================= Content ===================================*/

* html #contentFull, #content  {height:400px;}

.standardLayout {margin:0;padding:0; border:1px solid #1e3642; 	min-height: 400px;  background-color:#292a2e; }
.standardLayout .sidebar { position:relative; min-width:200px; _min-width:200px; width:200px; _width:200px; vertical-align:top;margin:1px;padding-left:2px; background-color:#202225; }
.standardLayout .content { position:relative; min-width:780px; width:100%; _width:100%; margin:0;padding:1px; vertical-align:top; background-color:#292a2e; border-right:1px solid #1e3642;  }

.standardLayout .bottomRules {
    width:100%; _width:100%; background-color:#292a2e; padding:10px; margin:0; border-right:1px solid #1e3642;
}
.standardLayout .bottomRules .warning_responsibility {
    font-family:Arial; line-height: normal; font-size:11px; padding-top:3px; border-top: 1px solid #666;
    width: 100%; text-align:center; color: #999; 
}

.contentCenterFull {background:URL("/arb_resources/dark_april_imgs/c2.gif") repeat-y left; width:100%;height:auto; position: relative; float: left; }
.contentTopFull {background:URL("/arb_resources/dark_april_imgs/t2.gif") no-repeat left top; width:100%;height:auto; position: relative; float: left; }
.contentBottomFull {background:URL("/arb_resources/dark_april_imgs/b2.gif") no-repeat left bottom; width:100%;height:auto; position: relative; float: left;}

#contentFull { 
	padding: 4px 4px; margin:0; width:inherit;
	color:#EBEBEB; font-family:arial; font-size:13px; line-height:130%;
	position: relative; 
	min-height: 400px;
    height: auto;
}

#content {
    min-width:780px; width:100%; _width:100%;
	color:#EBEBEB; font-family:arial; font-size:13px; line-height:130%;
	position: relative; 
	min-height: 500px;
    height: auto;
}

.box {
	padding: 5px; margin:0; position: relative; width:100%; _width:100%; display:block;
}
.nofloat_box {
	padding: 5px; margin: 0; position: relative; 
}
.deep_box {
	padding: 10px; margin: 0; position: relative; position: relative; width:97%; _width:97%; display: block;
}
.boxCompact {
	padding: 5px; margin: 0; position: relative; line-height:130%; _width:100%;
}

/*======================= SideBar ===================================*/

#sidebar { 
	position: relative; 
}

#sidebar h3 {
	font-family:Arial; font-size:11px; line-height:34px; font-weight:normal; text-decoration: none;
	color:#62AFDE; height:34px; margin-bottom:2px; margin-top:2px; padding-left:37px;
	background: URL("/arb_resources/dark_april_imgs/h3.gif") bottom left no-repeat; 
}
#menu_1 div { padding: 5px 2px 5px 0px; width:192px; _width:100%;}
#menu_1 div.menu1-level1-no { font-size: 12px; border-bottom: 1px dotted #999; padding-top: 5px; padding-left: 5px; }
#menu_1 div.menu1-level1-act { font-size: 12px; border-bottom: 1px solid #999; font-weight: bold; padding-top: 5px; padding-left: 5px; background-color: #2c2c2c; }
#menu_1 div.menu1-level1-act A { color: #CCC; }

#menu_1 div.menu1-level2-no { font-size: 12px; border-bottom: 1px dotted #999; padding-left: 11px; padding-top: 3px; width:186px; _width:100%; }
#menu_1 div.menu1-level2-act { font-size: 12px; border-bottom: 1px solid #999; font-weight: bold; padding-top: 3px; padding-left: 10px; width:186px; _width:100%;  }
#menu_1 div.menu1-level2-act A { color: #CCC; }
.spacer { padding: 0 0 5px 0; }

.service {width:175px; _width:175px;padding-left:25px;padding-bottom:10px;font-family:Arial; font-size:12px; line-height:15px; font-weight:normal; color:#B0B0B0; text-decoration: none; }
.service span {display:block;padding-bottom:6px;padding-top:6px;line-height:19px;}

.news {padding-left:12px;margin-top:8px; margin-bottom:5px; padding-right:4px; }
.lhr {background:URL("/arb_resources/dark_april_imgs/lhr.gif") no-repeat top;height:2px;}

.news .descr {font-family:Arial; font-size:11px; line-height:13px; font-weight:normal; color:#B0B0B0; text-decoration: none; }
.news .descr:hover { text-decoration:underline; }
.news .date {font-family:Arial; font-size:11px; line-height:15px; font-weight:bold; color:#D0C031; text-decoration: underline; }
.news .date:hover { text-decoration:underline; }

.groups {width:198px; _width:200px; padding-left:2px;margin:0; }
.groups a {font-size:12px; line-height:20px; font-weight:normal; padding-left:12px; color:#B0B0B0; text-decoration: underline; }
.groups a:hover {color:#CCC; }

.fl {float:left;}

.hr1 {background:#353C3F;height:1px;width:100%;margin-top:82px;margin-bottom:8px;}

.r_head { 
    margin-left:4px; width:791px;height:17px;
    background: URL("/arb_resources/dark_april_imgs/q2.gif") top repeat-x;
    border-bottom: 1px solid #3c4547;
}
.r_head span {margin-left:38px;}

.r_descr {color:#D0C031;}
.r_descr span {margin-left:38px;line-height:28px; }

.yellowDate {font-family:Arial; font-size:13px; line-height:18px; color:#D0C031;text-decoration: underline;padding-right:20px;float:right;}
.yellowDate:hover {text-decoration:none;}

.yellowlink {font-family:Arial; font-size:13px; line-height:18px; color:#D0C031;text-decoration: underline;padding-left:4px;}
.yellowlink:hover {text-decoration:none;}

.btn { width:88px; height:20px; background: URL("/arb_resources/dark_april_imgs/enter.gif") no-repeat top left; border:0px; text-align:center;padding-bottom:3px;
    font-family:Arial; font-size:12px; line-height:17px; font-weight:normal; color:#EBEBEB; text-decoration: none; margin: 3px;  
}

.casual_btn { height:20px; background: URL("/arb_resources/dark_april_imgs/casual_btn.gif") repeat-x top left; border:0px; text-align:center;padding-bottom:2px;
  font-family:Arial; font-size:12px; line-height:17px; font-weight:normal; color:#EBEBEB; text-decoration: none; _margin:0; _padding:0; _width:100%;
}

.form_input {height:15px; font-family:Arial; font-size:12px; margin: 2px 5px; padding:2px 2px;
    background:#DADADA; border-top:1px solid #3D3D3D; border-left:1px solid #A6A6A6;
    border-right:1px solid #A6A6A6; border-bottom:1px solid #DADADA;
}
.form_select {height:20px; font-family:Arial; font-size:12px; margin: 2px 5px; padding:2px 2px;
    background:#DADADA; border-top:1px solid #3D3D3D; border-left:1px solid #A6A6A6;
    border-right:1px solid #A6A6A6; border-bottom:1px solid #DADADA;
}

.form_chb {height:20px; margin: 7px 3px 0 3px; }

.form_textarea {
    font-family:Arial; font-size:12px; margin: 3px 5px; padding:2px 2px;
    background:#DADADA; border-top:1px solid #3D3D3D; border-left:1px solid #A6A6A6;
    border-right:1px solid #A6A6A6; border-bottom:1px solid #DADADA;
}

.inputDiv {width:128px;float:left;margin-bottom:2px; font-size:11px; margin-top: 2px;}
.inputDiv input { width:121px; height:15px; background:#DADADA; font-size:12px;
    border-top:1px solid #3D3D3D; border-left:1px solid #A6A6A6;
    border-right:1px solid #A6A6A6; border-bottom:1px solid #DADADA; }

.loginDiv {float:left; margin-bottom:2px; margin-top: 2px;
font-family:Arial; font-size:11px; line-height:17px; font-weight:normal; color:#71ABD6; text-decoration: none;}

.authForm .authLinks {float:left;width:92px;}
.authForm .authLinks a {font-family:Arial; font-size:10px; line-height:13px; font-weight:normal; color:#C1C1C1; text-decoration: underline;}
.authForm .authLinks a:hover {text-decoration: none;}

.enterDiv {float:left; margin-top: 5px; margin-left: 3px;}


/*======================= FOOTER ===================================*/

#footer {
	margin:0; width: 100%; min-width:1000px; text-align:center; height:40px; vertical-align:middle; padding-top: 15px;
	font-size:11px; line-height:13px; font-weight:normal; color:#C4C4C4; text-decoration: none; 
	background: URL("/arb_resources/dark_april_imgs/footer.gif") repeat-x top; height:40px;
	position: relative; float: left; margin-top:-1px;
}

/*======================= Panel ===================================*/

.navpan .space { font-size:0; height:0; }
* html.navpan table { width:100%; }
.navpan .header { background-image:url(/arb_resources/dark_april_imgs/pan_header.png); background-repeat:repeat-x; margin:0; position:relative; width:100%; z-index:37; }
* html .navpan .header { -background:none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/arb_resources/dark_april_imgs/pan_header.png',sizingMethod='crop'); -position:static; }
.navpan .header .pad { color:#D0C031; display:block; font-weight:bold; padding:5px 10px 10px 10px; white-space:normal; }
.navpan .header .pad_normal { color:#EBEBEB; display:block; font-weight:bold; padding:5px 10px 10px 10px; white-space:normal; }
* html .navpan .header .pad { position:relative; margin-bottom:-2px; z-index:37; }
.navpan .items { margin-left: 10px }
* html .navpan .items { margin-top: -1px }
.navpan .items img { vertical-align:middle; }
.navpan .items .padding { padding-left:3px; padding-right:10px; }
.navpan .items2 { margin-left: 1px; margin-right:1px; }
* html .navpan .items2 { margin-top: -1px }
.navpan .items2 img { vertical-align:middle; }
.navpan .items2 .padding { padding-left:1px; padding-right:1px; }

.navpan .itemsFull { margin:1px; padding:0; width:100%; }
* html .navpan .itemsFull { margin: -1px; }
.navpan .itemsFullSport { margin:1px; padding:0 1px; width:100%; background:#131313; }
* html .navpan .itemsFullSport { margin: -1px; background:#131313; }

.padding { cursor: pointer; }
.navpan .itemsep { font-size:0; }
.navpan .separator { background-color: #353535; border-top: 1px solid #121212; overflow: hidden; height: 1px; margin-top: 6px; margin-bottom: 2px; }
* html .navpan .seperator { height: 2px; }

.panBody { padding-top:4px; width:100%; }
.panBodyLeft { background-image:url(/arb_resources/dark_april_imgs/panb_l.gif); background-repeat:repeat-y; padding-left:4px; position:relative; text-align:left; }
* html .panBodyLeft { float:left; }
.panBodyRight { background-image:url(/arb_resources/dark_april_imgs/panb_r.gif); background-position:100% 0; background-repeat:repeat-y; padding-right:11px; }
.panBottom { background-image:url(/arb_resources/dark_april_imgs/pan_b.gif); background-repeat:no-repeat; background-position:100% 0; height:14px; left:11px; margin-top:-3px; position:relative; }
.panBottomLeft { background-image:url(/arb_resources/dark_april_imgs/pan_bl.gif); background-repeat:no-repeat; font-size:0; height:14px; left:-15px; position:relative; width:15px; }
.panTop { background-image:url(/arb_resources/dark_april_imgs/pan_t.gif); background-position:100% 0; height:14px; margin-bottom:-14px; position:relative; }
.panTopLeft { background-image:url(/arb_resources/dark_april_imgs/pan_tl.gif); background-repeat:no-repeat; font-size:0; height:14px; left:-4px; position:relative; margin-bottom:-4px; width:15px; }

.panBodyBg { overflow:hidden; position:relative; width:100%; }
.panBodyBg * p,.panBodyBg * h1,.panBodyBg * h2,.panBodyBg * h3,.panBodyBg * h4,.panBodyBg * h5 { cursor:text; }
.panBodyBg .gradient { height:100%; margin:0 -100% -100% 0; position:absolute; width:100%; z-index: -1; }
.panBodyBg .transparent { background:#FFFFFF; filter:alpha(opacity=60); opacity:0.6; }
.panBodyBg .panBodyContent { position:relative; top:0; z-index:99;}
* html .panBodyBg { height:100%; position:fixed; z-index:30; }
* html .panBodyBg .gradientImg { z-index: 0;  }

