html {overflow-y:scroll;}
html, body { height:100%;width:100%;}
.room-content {margin:0 10px 5px 200px;}

.mainwrapper { margin: 10px; position: relative;}
.mainleft { left: 0; padding-bottom: 20px; position: absolute; top: 0; width: 180px;}
.leftmenu { box-shadow: 1px 1px 2px #EEEEEE;}
.leftmenu ul li {display: block; position: relative;}

.leftmenu ul li:first-child a { border-radius: 2px 2px 0 0; border-top: 1px solid #DDDDDD;}
.leftmenu ul li a {
    background: url("http://static.trader.uz/theme/sprites.png") no-repeat scroll 8px center #FCFCFC;
    color: #666;
    display: block;
    font-weight: bold;
    padding-left: 35px;
	text-decoration:none;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-left:1px solid #DDD;
}

.leftmenu ul li a span { background: #FFF; border-left: 1px solid #EEE; display:block; padding: 8px 10px;}
.leftmenu ul li a em { font-style: normal;}
.leftmenu ul li a.dashboard { background-position: -154px -443px;}
.leftmenu ul li a.widgets { background-position: -190px -443px;}
.leftmenu ul li a.tables {  background-position: -82px -480px;}
.leftmenu ul li a.elements{ background-position: -10px -443px;}
.leftmenu ul li a.charts {  background-position: -119px -480px;}
.leftmenu ul li a.chat {    background-position: -119px -299px;}
.leftmenu ul li a.calendar {background-position: -82px -155px;}
.leftmenu ul li a.chat i.new-msg{margin-left:20px;color:#ff6600;}

.leftmenu ul li a:hover { background-color: #EEEEEE; color: #333333; text-decoration: none;}
.leftmenu ul li a:hover span {background: none repeat scroll 0 0 #F7F7F7; border-left: 1px solid #DDDDDD;}
.leftmenu ul li.current a {  background-color: #222222; border: 1px solid #222222;  color: #FFFFFF;}
.leftmenu ul li.current:first-child a { border-bottom: 2px solid #222222;}
.leftmenu ul li.current a span { background: none repeat scroll 0 0 #333333;   border-left: 1px solid #444444;}
.leftmenu ul li:last-child a { border-radius: 0 0 2px 2px;}

#togglemenuleft { border-top: 1px solid #EEEEEE; margin-top: 20px; text-align: center;}
#togglemenuleft a { background: url("http://static.trader.uz/theme/toggle.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; height: 22px; position: relative; top: -13px; width: 22px;}

.maincontent { margin:0 5px 5px 190px;}
.maintabmenu { line-height: 21px;list-style: none outside none; margin: 0; position: relative; z-index: 5;}
.maintabmenu li { display: inline-block; margin:0 5px 0 0;position:relative;}

.maintabmenu li.current a {
    background: #FFFFFF;
    border-color: #DDDDDD #DDDDDD #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    display: block;
	text-decoration:none;
}
.maintabmenu li a {
    background: url("http://static.trader.uz/theme/titlebg.png") repeat-x scroll left top #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 0 0;
    color: #999999;
    display: block;
    font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
    font-size: 20px;
    letter-spacing: 0.8px;
    padding: 8px 15px 4px;
    text-shadow: 1px 1px #F7F7F7;
	text-decoration: none;
}

.maintabmenu li span {
	position:absolute;
	top:-5px;
	right:5px;
	display:none;
	cursor:pointer;
	font-family:Verdana, Arial;
	padding:2px 0 0 3px;
	color:#666;	
}

.maintabmenu li:hover span  {
	display:block;
}

.content {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 0 2px 2px 2px;
    box-shadow: 1px 1px 2px #EEEEEE;
    #line-height: 21px;
    margin-top: -1px;
    padding: 10px;
    position: relative;
}

.radiusbottom0 { border-radius: 2px 2px 0 0;}
.contenttitle { background: none repeat scroll 0 0 #222222; border-radius: 2px 2px 2px 2px;}
.contenttitle h2.table { background-position: -82px -477px;}
.contenttitle h2 {
    background-image: url("http://static.trader.uz/theme/sprites.png");
    background-position: -154px -443px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.8px;
    padding: 0 0 0 10px;
	 line-height: 21px;vertical-align: baseline;
}
.contenttitle h2 span {background:#333;border-left: 1px solid #444;border-radius: 2px;display: block;margin-left: 25px;padding: 6px 0 6px 10px;text-shadow: 1px 1px #222;line-height: 21px;}

/* forms*/
.stdform {color:#666;}
.stdform p { margin: 15px 0;}
.stdform label {  float: left;  padding: 5px 20px 0 0;  text-align: right;  width: 80px;line-height: 21px;}
.stdform span.field, .stdform div.field { display: block; margin-left: 100px; position: relative;}
.stdform .smallinput { width: 280px;}
.stdform input { background: #FCFCFC; border: 1px solid #CCC;border-radius: 2px; box-shadow: 1px 1px 2px #DDD inset; color:#666;padding: 8px 5px;width:300px;}
.stdform small.desc {color: #999; display: block; font-size: 11px; font-style: italic; margin: 5px 0 0 100px;}
.stdform button {background: #333;border: 1px solid #333; color: #FFF; cursor: pointer;font-weight: bold;padding: 7px 10px;}
.stdform button:hover {background: #111; border: 1px solid #000;color: #FFF;}
.stdform button.cancel { background:#EEE; border: 1px solid #DDD; color: #666;}
.stdform button.cancel:hover { background: #DDD; border: 1px solid #CCC;}
.stdform .stdformbutton { margin-left: 100px;}
.stdform input[type="reset"] {background:#EEE;border: 1px solid #CCC;box-shadow: none;color: #666;font-weight: bold;margin: 0 0 0 5px;padding: 7px 10px;width:auto;}
.stdform .formwrapper { display: block;line-height: 25px;margin-left: 100px;padding-top: 5px;}
.checkbox { display: inline-block; height: 16px;  width: 16px;}
.stdform input[type="radio"], .stdform input[type="checkbox"] { margin: 0; vertical-align: middle; width: auto;}
.stdform .main-loader {background-image: url("http://static.trader.uz/icons/loader_16x16.gif");width:16px; height:16px;float:right;}
.stdform .strformline li {display:inline-block;}

/* -- forms*/

/* chat*/
.chatmessage {border: 1px solid #DDD;height: 493px;margin:0;overflow: auto;position: relative;border-radius: 2px 2px 0 0; }
.chatcontent .chatleft {float:left; width:68.1%;}
.chatcontent .chatright {float:right; width:31%;}
.chatcontent .messagebox {background:#F7F7F7;border-top: 1px solid #DDD; bottom:0; left:0; padding:10px 0; position: absolute; width: 66.6%;margin:0 0 11px 11px;}
.chatcontent .messagebox input {background: url("http://static.trader.uz/theme/i.chat.png") no-repeat scroll 8px 8px #FFF;border: 1px solid #CCC;border-radius:2px; display: inline-block;  margin-left: 1%; padding: 8px 5px 8px 30px; width: 77.6%;}
.chatcontent .messagebox button {background: #333;border: 0 none;border-radius: 2px;color: #FFF;display: inline-block;font-weight: bold;margin-left: 1%;padding: 7px 0;text-align: center;width: 13%;}

/* right*/
.widgetbox { background: #FFF; border-radius: 2px; box-shadow: 1px 1px 2px #EEE; margin-bottom: 0px;}
.widgetbox .title { background:#222; border-radius: 2px 2px 0 0;}
.widgetbox .title h2 { background: url("http://static.trader.uz/theme/sprites.png") no-repeat; color: #FFF;
    font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif; font-size: 18px;font-weight: normal;letter-spacing: 0.8px; padding: 0 0 0 10px;}
.widgetbox .title h2.chat { background-position: -82px -299px;}
.widgetbox .title h2 span { background:#333; border-left: 1px solid #444;border-radius: 0 2px 0 0;display: block;margin-left: 25px;padding: 6px 0 6px 10px;text-shadow: 1px 1px #222;}
.widgetbox .widgetcontent {
    border-radius: 0 0 2px 2px;
    border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	line-height: 21px;
    padding: 10px;
	max-height:460px;
	overflow-y:auto;
}
.padding0 {padding: 0 !important;}
.widgetbox .contactlist {list-style: none outside none;}
.widgetbox .contactlist li:first-child {border-top: 0 none;}
.widgetbox .contactlist li {border-top: 1px solid #EEEEEE; padding: 1px;position: relative;}
.widgetbox .contactlist li.new a { font-weight: bold;}
.widgetbox .contactlist li.online a { background: url("http://static.trader.uz/theme/online.png") no-repeat scroll right 16px transparent;}
.widgetbox .contactlist li a.active { background-color:#EEE;}
.widgetbox .contactlist li a { color: #666; display: block; padding: 8px; text-decoration:none;}
.widgetbox .contactlist li span.msgcount { background: #DD0000; border-radius: 50px;color: #FFF;font-size:10px;font-weight: bold;line-height: 10px;padding: 3px 5px;
    position: absolute;right: 30px;top: 12px;}
.widgetbox .contactlist li span.msgcount.poor {display:none;}
	
.widgetbox .contactlist li a img { display: inline-block; margin-right: 10px; vertical-align: middle;border: 0 none;}
.widgetbox .contactlist li i {font-weight:normal;font-size:11px;}

/*chat inside userinfo*/

.userlistwidget ul li { border-bottom: 1px dashed #DDD;font-size: 11px; line-height: 18px; padding: 10px; background:#fbfbfb;}
.userlistwidget ul li .avatar {border: 1px solid #DDD;float: left;margin-right: 10px;padding: 2px;line-height:10px;}
.userlistwidget ul li a {font-weight: bold;color: #006699; outline: medium none;  text-decoration: none;}
#chatmessageinner {overflow:auto;height: 355px;}

#chatmessageinner .msg-one {border-bottom: 1px dotted #DDD; padding: 10px;}
#chatmessageinner .msg-one p {float:left;width:85%;padding:0 15px 0 0;}
#chatmessageinner .msg-one p.unread {background:url("http://static.trader.uz/theme/mail.png") no-repeat top right;}
#chatmessageinner .msg-one p span.msg {}
#chatmessageinner .msg-one span.date {float:right;margin-right:5px;}
/* --chat*/

.rs-box {text-align:left;margin:0px;padding:0px;width:990px;color:#333;}
.rs-box .infobox{float:left;width:695px;font-size:12px;padding:0 5px 5px 10px;}

.rs-box .rs-box-in2 {float:left;width:280px;font-size:12px;} 
.rs-box td  {padding:5px 5px 5px 0;color:#333;}
.rs-box ul  {padding:0;margin-top:7px;border-top:1px dotted #ccc;}



.rs-box .infobox h1 {color: #0C3645; font-size:24px; padding:0; margin:0 0 10px 0;color:#2352ff;}
.rs-box .infobox .prt {line-height:17px; font-family:Verdana, Arial, Helvetica, sans-serif;padding:0 5px 8px 10px;}
.rs-box .infobox li {padding:10px 5px 10px 0px; margin:0; float:left;list-style:none;width:335px;}
.rs-box .infobox li.left  {border:1px solid #fff;border-right:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.rs-box .infobox li.right {border:1px solid #fff;border-bottom:1px dotted #ccc;border-left:0px dotted #ccc;}
.rs-box .infobox li .f {margin:0 5px 5px;float:left;width:64px;height:64px;background:url("http://static.trader.uz/room/images/icons/folder.png") no-repeat;}
.rs-box .infobox li .title{font-size:14px;	font-weight:bold;text-align:justify;padding-bottom:5px;	color:#333;}
.rs-box .infobox li .text {line-height:17px;}
.rs-box .infobox .danger{padding-top:15px;font-size:11px;line-height:15px;display:table-cell;vertical-align:bottom;}

/*right boxes*/
.g-box {width:269px;background:#f3f3f3;border:1px solid #D4D4D4;border-radius:2px 2px 0 0;font-family:Verdana !important;margin-bottom:10px;}
.g-box .head {
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
padding:5px;color:#333;font-size:14px;text-shadow: 1px 1px #FFF;font-weight:bold;}
.g-box .body {padding:10px 10px 10px 10px;border: 0px solid #fff; color:#333;font-size:12px; background:#fbfbfb;}
.g-box .body a{color:#0000FF; }
.g-box .body a:hover{color:#ff5322;color:#FF0000;}
.g-box .body p {line-height:18px;}


.rs-box input[type="text"], .rs-box input[type="password"]{border-top:1px solid #666;border-bottom:1px solid #ccc;border-left:1px solid #666;border-right:1px solid #ccc;

	font-size:14px;	padding-top:2px;padding-bottom:2px;width:145px;}
.rs-box .r-btn {color:#fff;padding:2px 10px 3px;background:#f8a700;border:1px solid #f89101; border-radius:2px;font-size:14px;cursor:pointer;}
.rs-box .r-btn:hover {background:#f9bb00;}
.rs-box .r-btn:active {background:#f89101;}
.rs-box .l-btn {color:#fff;padding:2px 10px 3px;background:#53ae00;border:1px solid #438f00; border-radius:2px;font-size:14px;cursor:pointer;}
.rs-box .l-btn:hover {background:#6fb800;}
.rs-box .l-btn:active {background:#438f00;}

.rs-box .button{border-top:1px solid #eee;border-bottom:1px solid #aaa;border-left:1px solid #eee;border-right:1px solid #aaa;
	font-size:14px;}
.rs-box .captcha{margin-bottom:5px;border-top:1px solid #aaa;border-bottom:1px solid #eee;border-left:1px solid #aaa;border-right:1px solid #eee;}
.rs-box .errors{padding:2px 2px 2px 20px;background:url("http://static.trader.uz/icons/16x16/exclamation.png") no-repeat ;}
.rs-box .forgot-pass{ line-height:23px;padding-left:3px;}

.clear-both{clear:both;}


.user-menu li {padding-bottom:10px;padding-bottom:8px;float:left; width:auto;padding-right:9px;}
.user-menu img {float:left;margin-right:3px;}
.main-loader{float:right;display:none; }

.app-body-in{margin-top:5px;}
.app-body-inn{
	margin-right:5px;
	background:#fbfbfb;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:5px;
	padding-bottom:5px;
}

.app-body-inn .sform-b {
	float:left;
}

.app-news-sword-autocompite{
	display:none;
	position:absolute;
}

.app-body-inn .sform1 {
	padding-right:5px;
}

input.sform-button{
	padding:2px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size:14px;	
	
}

input.sform-input{
	padding:3px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size:14px;	
	width:200px;
}

select.sform-select{
	padding:3px;
	font-size:13px;	
}
div.sform-text{
	padding:3px;
	font-size:14px;	
}

.app-news-sword-autocompite {
	background:#fff;
	width:206px;
}
.app-news-sword-autocompite ul{
	padding:0px;
	margin:0px;
}

.app-news-sword-autocompite li{
	margin-top:-1px;
	float:none;
	border:1px solid #ccc;
	width:196px;
	padding:5px;
	cursor:pointer;	
}

.app-news-sresults{
	padding:5px;
}
.app-news-sresults a{
	color:#0033FF;
	font-weight:normal;
}

.app-news-sresults .date{
	border-bottom:1px dotted #ccc;
	padding-bottom:2px;
	padding-left:2px;
	font-size:14px;
}

.app-calendar-tabs ul{
	margin:0px;
	padding:0px;
}

.app-calendar-tabs li{
	float:left;
	width:91px;
	margin-right:2px;
	border:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	cursor:pointer;
	padding-top:5px;
	padding-bottom:5px;
}



.app-calendar-tabs .active,  .app-calendar-tabs li:hover{
	background:#eee;
	border-bottom:1px solid #fff;
	border-top:1px solid #0066FF;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;

}

.app-calendar-tabs-bodies{
	border:1px solid #ccc;	
	margin-right:3px;
	margin-top:-1px;
}

.app-calendar-tabs-bodies .d-none{
	display:none;
	padding:0px;
	
}

.app-body-inn-calendar{
	margin-right:1px;
	background:#fbfbfb;
	padding:0px 0px 5px 0px;

}

.calendar-table th {
	/*background-image:url(../bg/gray-top_.gif);*/
	color:#999999;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:5px;
	text-align:center;
}

.calendar-table{
	border:0px solid #ccc;
}

.calendar-table td {
	padding:4px;
	text-align:center;
	color:inherit;
	font-family:Tahoma,Arial;
	font-size:12px;	
}
.calendar-table .description {
	padding-top:1px;
	padding-bottom:1px;
}


.calendar-table .flag{
	width:22px;
	height:15px;
}

.important{
	float:left;
}

.currencies{
	float:left;
	padding-left:10px;
}

.currencies .flag-filtr, .currencies .flag-check{
	float:left;
}

.currencies .flag-check{
	padding-top:3px;
}

.currencies .flag-filtr img{
	width:24px;
	height:24px;
}
.app-body-inn-calendar .description-loader{
	float:right;
	display:none;
	 
}

.app-body-inn-calendar .description .desc-text{padding-top:5px;	}
.app-body-inn-calendar .no-info{padding:5px;font-size:10px;}

/* buttons */
a.btn_small {float:left;display:block; font-size:14px;height:26px; padding-left:16px; color:#fff; background-image:url("../images/buttons.png"); background-repeat:no-repeat;cursor: pointer;}
a.btn_small span{float:left; display:block;height:21px;overflow: hidden;padding-right: 15px; padding-top:5px;background-image:url("../images/buttons.png"); background-repeat:no-repeat;cursor: pointer; }

a.btn_small.orange {background-position: left -696px; color:#fff;}	
a.btn_small.orange span{background-position:right -696px;height: 23px;padding-top:3px;}	
a.btn_small.orange:hover {background-position: left -722px;color:#fff;}	
a.btn_small.orange:hover span {background-position: right -722px;color:#fff;}

a.btn_small.green {background-position: left -820px; color:#fff;}	
a.btn_small.green span{background-position:right -820px;height: 23px;padding-top:3px;color:#fff;}	
a.btn_small.green:hover {background-position: left -846px;color:#fff;}	
a.btn_small.green:hover span {background-position: right -846px;color:#fff;}