div.top_panel{
height: 45px;
color: white;
background: url(/images2/templates/top_panel_repeat.gif) repeat-x;
}

div.header div.menu{ height: 30px;
float: left; width: 680px;
padding-left: 15px;
left: 240px;
position: absolute;
z-index: 1000; 
padding-top: 10px;
}

div.header div.menu a{
padding-right: 25px;
color: #e6e6e5;
}

div.top_panel div.personal { height: 30px; padding-left: 16px; margin-left: 360px; height: 32px; padding-top: 8px; background: url(/images2/templates/top_panel_red.gif) repeat-x; }

div.header { padding-left: 70px; position: relative; border-bottom: 10px solid white; height: 120px; background: url(/images2/templates/header_repeat.gif) repeat-x;}
div.header  .logo { padding-top: 3px; float: left; color: red; font-size: 24px; width: 150px;}
div.header .slogan{position: absolute; top: 90px; left: 220px; color: red; font-style: italic; font-size: 14px;}
div.header .menu { float: left;}
div.header  .logout { float: right; padding-top: 70px; height: 50px; width: 233px; background: url(/images2/templates/logout_background.gif) no-repeat;}
div.header  .logout  a{ color: white;  font-size: 14px; width: 100px;float: right}

/*
*/

/**********************
 --- sidebar styles ---
 **********************/
div.sidebar { margin-left: 40px; width: 360px; float:left; background: url(/images2/templates/wide_stripes_radius.gif) no-repeat 338px 0px; position: relative; left: 14px;}

/*common styles*/
div.sidebar  a{ color: white; }
div.sidebar  div div.title{ padding: 4px 16px; margin:0px 0px 8px 0px; font-size: 14px; color: #e5e5e5; text-transform: uppercase; }
div.sidebar  div div.item { padding: 4px 16px 6px 20px;}
div.sidebar  div .sum {display: block; color: #f55858; font-size: 20px; font-family: Times; font-weight: bold;}
div.sidebar  div .sum.small { color: #e54242; font-size: 16px;}

div.sidebar  div.account_number{ padding: 10px 18px; color: #e5e5e5; font-size: 24px; font-family: Times; height: 33px;}
div.sidebar  div.account_number em{ color: #dc1f2e; font-size: 30px; font-style: normal;}

div.sidebar  div.account_info { padding: 0px 0px 12px 0px; margin:0px 0px 20px 0px; width: 346px; background: url(/images2/templates/account_info_repeat.gif) -347px 0px repeat-y #9c1b12;}
div.sidebar  div.account_info  div.title{background: url(/images2/templates/account_info_repeat.gif) repeat-y #b82419;}
div.sidebar  div.account_info  div.main_account { padding: 0px 0px 8px 0px;}
div.sidebar  div.account_info  div.main_account .sum { margin-left: 40px; padding: 20px 0px 0px 5px; width: 120px; float: left; }
div.sidebar  div.account_info  div.main_account .options { margin-left: 180px;}
div.sidebar  div.account_info  div.main_account .options  a { display: block; height: 20px; padding-left: 20px;}
div.sidebar  div.account_info  div.main_account .options  a.transfer { color: #54c631; background: url(/images2/icons/account_operations.gif) no-repeat 0px 2px;}
div.sidebar  div.account_info  div.main_account .options  a.withdraw { color: #4b77f6; background: url(/images2/icons/account_operations.gif) no-repeat 0px -18px;}
div.sidebar  div.account_info  div.main_account .options  a.move { color: white; background: url(/images2/icons/account_operations.gif) no-repeat 0px -38px;}

div.sidebar  div.account_info  div.in_operation div.item{background: url(/images2/templates/account_info_repeat.gif) right bottom no-repeat;}
div.sidebar  div.account_info  div.in_operation div.item a {color: white; display: block; float: left; margin-left: 20px; padding: 2px 5px; width: 160px;}
div.sidebar  div.account_info  div.in_operation div.item  .sum { margin-left: 200px;}

div.sidebar  div.profile_menu { width: 360px; background: url(/images2/templates/profile_menu_repeat.gif) repeat-y #7b7b7b; padding-bottom: 12px;}
div.sidebar  div.profile_menu  div.title{background: url(/images2/templates/profile_menu_repeat.gif) -720px 0px repeat-y #b82419;}
div.sidebar  div.profile_menu div.item{background: url(/images2/templates/profile_menu_repeat.gif) -360px 0px repeat-y #92998b; margin: 0px 0px 2px 0px;}
div.sidebar  div.profile_menu div.item.active{background: url(/images2/templates/profile_menu_repeat.gif) -720px 0px repeat-y;}
div.sidebar  div.profile_menu div.item a.new {color: #54c631;}

div.sidebar div.news { width: 310px; padding: 10px; margin-top: 10px; }
div.sidebar div.news span.date { color: #a6a6a6; font-size: 11px; display: block;}
div.sidebar div.news a, div.header div.index_news b { color: #c2c2c2; font-size: 12px; display: block;}
div.sidebar div.news a.all { color: #eb0606; font-size: 11px; padding-top: 10px;}

div.sidebar div.contacts {padding: 20px 10px;}
div.sidebar div.contacts a.callback {display: block; margin-bottom: 15px;}
div.sidebar div.contacts span{padding: 2px 20px 5px 25px; font-size: 11px;}
div.sidebar div.contacts span.icq {background: url(/images2/icons/icq.gif) no-repeat;}
div.sidebar div.contacts span.skype {background: url(/images2/icons/skype.gif) no-repeat;}


div.content { margin-left: 400px; background: white; padding-left: 13px;}
div.content  div.navigation div.menu_tabs { height: 33px;}
div.content  div.navigation div.menu_tabs div.item {color:#FEFEFE;font-size:14px;font-weight:bold;height: 33px; float: left; background: url(/images2/templates/menu_tabs.gif) repeat-x #878475 0px -10px; position: relative;}
div.content  div.navigation div.menu_tabs div.item.active{background: url(/images2/templates/menu_tabs.gif) repeat-x #ac1d12 0px -43px;}
div.content  div.navigation div.menu_tabs div.item a {color: #FEFEFE; font-size: 14px;font-weight:bold; display: block; border-left: 2px solid white; text-align: center; padding: 9px 0px 0px 0px; height: 24px; text-decoration:none; }
div.content  div.navigation div.menu_tabs div.item:first-child a{ border-left: 0px;}
div.content  div div.menu_tabs div.item s, div.content  div div.menu_tabs div.item u{display: block; position: absolute; height: 5px; width: 5px; top: 0px;}
div.content  div div.menu_tabs div.item s { left: 2px;  background: url(/images2/templates/menu_tabs.gif) no-repeat 0px 0px;}
div.content  div div.menu_tabs div.item u { right: 0px;  background: url(/images2/templates/menu_tabs.gif) no-repeat -5px 0px;}
div.content  div div.menu_tabs div.item:first-child s { left: 0px;  background: url(/images2/templates/menu_tabs.gif) no-repeat 0px 0px;}
div.content  div.navigation div.menu_tabs div.item.n1{ width: 20.4%;}
div.content  div.navigation div.menu_tabs div.item.n2{ width: 21%;}
div.content  div.navigation div.menu_tabs div.item.n3 {width: 38%;}
div.content  div.navigation div.menu_tabs div.item.n4{ width: 20.4%;}


div.content  div.navigation div.menu_below_tabs{background: #92998b; width: 99.8%;}
div.content  div.navigation div.menu_below_tabs.left {background:  url(/images2/templates/menu_below_tabs_left.gif) left repeat-y #92998b;}
div.content  div.navigation div.menu_below_tabs .right{background: url(/images2/templates/menu_below_tabs_right.gif) right repeat-y ;}
div.content  div.navigation div.menu_below_tabs .items{text-align: justify; padding: 0px 20px; line-height: 29px; background: url(/images2/templates/menu_below_tabs_repeat.gif);}
div.content  div.navigation div.menu_below_tabs .items a{text-align: center; color: white; padding: 2px 16px 4px 16px; white-space: nowrap;}
div.content  div.navigation div.menu_below_tabs .items a.active{background: #b82419;}


div.content div.work_area {background: url(/images2/templates/work_area_repeat.gif) repeat-x white; margin-top: 5px; padding: 25px; position: relative; border-left: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; }

div.content div.work_area s.radius {background: url(/images2/templates/work_area_radius.gif); left: -1px; top: -1px; height: 10px; width: 10px; display: block; position: absolute;}

div.bottom_panel{clear: both; margin: 0px; padding: 0px;}
div.bottom_panel div.left_column, div.bottom_panel div.right_column {margin: 0px;  width: 50%; float: left; height: 38px; font-size: 15px; color: white; }
div.bottom_panel div.left_column { background: url(/images2/templates/bottom_panel_repeat.gif) repeat-x #c91912; left: 0px; }
div.bottom_panel div.right_column { background: url(/images2/templates/bottom_panel_stripes.gif) repeat-x #c91912; }
div.bottom_panel div.left_column div.stripes { background: url(/images2/templates/bottom_panel_stripes.gif) repeat-x right top; float: right; width: 300px;}
div.bottom_panel div.left_column div.stripes div.tech_support { background: url(/images2/templates/bottom_panel_trans.gif) no-repeat 111px 0px; position: relative; left: -150px; padding-top: 4px;}

div.footer { padding: 10px 0px 30px 0px; }
div.footer div.copyright { margin-left: 40px; width: 400px; float: left}
div.footer div.copyright img { margin-right: 10px; float: left; }
div.footer div.copyright p { margin-top: 35px; }
div.footer div.counters { width: 200px; float: left; text-align: center; padding-top: 30px; }
div.footer div.stilistica { margin-left: 70px; width: 200px; float: left; padding-top: 20px;}
div.footer div.stilistica, div.footer div.stilistica a { color: #b3b3b2; font-size: 10px; }
div.footer div.stilistica a.logo  { display: block; position: relative; left: -33px; width: 100px; }

div.wide_stripes { background: url(/images2/templates/wide_stripes.gif) #514f46; }





#screen{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 10; background: black; opacity: 0.5;display:none; }
#modal_window{position: absolute; z-index: 1000; left: 25px; right: 25px; top: 65px; height: 500px;width:910px;display:none;}
#modal_window div.container{ height: 557px; position: relative; background: url(/images2/popup/repeat.gif) 0px 539px repeat-x white; width: 910px; margin-left: auto; margin-right: auto; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4;}
#modal_window div.container div.header{height:110px; padding: 10px 10px 17px 40px; background: url(/images2/popup/repeat.gif) 0px 110px repeat-x white; }
#modal_window div.container div.header .close_window {cursor: pointer; position: absolute; width: 120px; right: 10px; height: 30px; z-index: 1100; }
#modal_window div.container div.header .slogan {position: absolute; top: 88px; width: 140px; right: 10px; height: 30px; z-index: 1100; }
#modal_window div.container div.scroll_content {font-size:12px;color: #818180; position: relative; z-index: 1200;  margin: 20px 10px 10px 30px; background: url(/images2/popup/background.gif) no-repeat 675px 100% transparent;}
#modal_window div.container div.scroll_content_block {font-size:12px;color: #818180; position: relative; z-index: 1200;  margin: 20px 10px 10px 30px; background: url(/images2/popup/background.gif) no-repeat 675px 100% transparent;}
#modal_window div.container div.scroll_content .scroll-pane {font-size:12px;height: 370px; position: relative;  margin: 0px; padding: 0px;}
#modal_window div.container div.scroll_content_block .scroll-pane-block {font-size:12px;position: relative;  margin: 0px; padding: 0px;}
#modal_window .appearance u{position: absolute; top: 0px; left: 0px; right: 0px; height: 15px; background: url(/images2/popup/repeat.gif) 0px -35px repeat-x; }
#modal_window .appearance b{position: absolute; left: 7px; right: 7px; height: 8px; bottom: -8px; background: url(/images2/popup/repeat.gif) 0px -17px repeat-x;}
#modal_window .appearance u b{bottom: 15px; top: -8px; background: url(/images2/popup/repeat.gif) 0px -27px repeat-x;}
#modal_window .appearance s{position: absolute; width: 8px; height: 8px;}
#modal_window .appearance i{position: absolute; width: 8px; height: 8px;}
#modal_window .appearance u s{left: 0px; top: -8px; background: url(/images2/popup/radius.png) left top no-repeat;}
#modal_window .appearance u i{right: 0px; top: -8px; background: url(/images2/popup/radius.png) right top no-repeat;}
#modal_window .appearance b s{left: -8px; bottom: 0px; background: url(/images2/popup/radius.png) left bottom no-repeat;}
#modal_window .appearance b i{right: -8px; bottom: 0px; background: url(/images2/popup/radius.png) right bottom no-repeat;}

#modal_window div.container div.scroll_content h1{
margin: 0px 0px 8px 0px;
color: #db001b;
font-size: 30px;
font-weight: normal;
}

/* scrollbar */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	height: 100%;
	overflow: visible;
	background:url(/images2/popup/scroll_repeat.gif) repeat-y left top;
}

.jScrollPaneTrackTop{
	position: absolute;
	width: 15px; 
	height: 7px;
	right: 0px;
	top: -5px;
	background:url(/images2/popup/scroll.gif) no-repeat left top;
	z-index: 1;
}

.jScrollPaneTrackTop_block{
	position: absolute;
	width: 15px; 
	height: 7px;
	right: 10px;
	top: 13px;
	background:url(/images2/popup/scroll.gif) no-repeat left top;
	z-index: 1;
}

.jScrollPaneTrackBottom{
	position: absolute;
	width: 15px; 
	height: 7px;
	right: 0px;
	background:url(/images2/popup/scroll.gif) repeat-y left bottom;
	z-index: 1;
	bottom: -5px;
}

.jScrollPaneTrackBottom_block{
	position: absolute;
	width: 15px; 
	height: 7px;
	right: 10px;
	background:url(/images2/popup/scroll.gif) repeat-y left bottom;
	z-index: 1;
	bottom: 5px;
}


.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	left: 1px;
	background:url(/images2/popup/drag_repeat.gif) repeat-y left top;
	z-index: 160;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 8px;
	background:url(/images2/popup/drag.gif) no-repeat left top;
	z-index: 150;
}

.jScrollPaneDragTop_block {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 8px;
	background:url(/images2/popup/drag.gif) no-repeat left top;
	z-index: 150;
}

.jScrollPaneDragBottom {
	position: absolute;
	height: 8px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	background:url(/images2/popup/drag.gif) no-repeat 0px -6px;
	z-index: 150;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

	/*background-color: #f00;*/

}