/**   page layout   **/

a {
	border-bottom-style: solid;
}

div.ui-dialog, div.ui-dialog div, div#ui-datepicker-div, div#ui-datepicker-div div {
	width: auto;
	height: auto;
}

div#ui-datepicker-div {
	font-family: Verdana;
	font-size: 14px;
}

div.ui-dialog a {
	border: 0px;
}

a.current {
	background: #C5E9FF;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
	border: 0px;
	font-weight: bold;
}

#main {
	position: static;
	/* for copyright */
	padding-bottom: 80px;
	
	/*margin-left: 220px;*/
	margin-left: 220px;
	/*position: absolute;*/
}

div>#main {
	margin-left: 0px;
}

#main form {
	height: auto;
}

div.left-panels {
	position: static;
	width: 220px;
	float: left;
	height: auto;
	/* for copyright */
	padding-bottom: 80px;
}

div.logo {
	cursor: pointer;
}

.loginpage div.logo {
	top: 20px;
}

.loginpage .text-lpanel {
	height: auto;
	font-family: Arial,sans-serif; 
	text-align: justify;
	font-size: 16px;
	line-height: 30px;
	width: auto;
	top: 170px;
	position: absolute;
	margin-left: 60px;
	margin-right: 0px;
	z-index: 0;
}

.loginpage .text-lpanel .maintext{
	font-size: 28px;
	padding: 15px 25px;
	margin-right: 480px;
	background: url('/img/gr_3_110.png') repeat-x scroll 50% 50% #ecf6fc;
	border-radius: 8px;
	-moz-border-radius: 8px;
	border-color: #AED0EA;
}
			
.loginpage .text-lpanel .maintext b{
	color: #01224A;"
}

.loginpage .text-lpanel .descr {
	padding-top: 60px;
	width: auto;
	margin-right: 380px;
}

.loginpage .hmenu {
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	top: -40px;
	width: 100%;
	padding: 0px;
	line-height: 36px;
	padding: 0px 15px;
	border-color: #AED0EA;
}

.loginpage .hmenu div.first {
	padding: 0px 0px 0px 25px;
	border-radius-topleft: 8px;
	-moz-border-radius-topleft: 8px;
	border-radius-bottomleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-color: #AED0EA;
}

.loginpage .hmenu div.last {
	padding: 0px 25px 0px 0px;
	border-radius-topright: 8px;
	-moz-border-radius-topright: 8px;
	border-radius-bottomright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-color: #AED0EA;
}

.loginpage .hmenu div.sel {
	background: url('/img/gr_4_36.png') repeat-x scroll 50% 50% #3E97D1;
}

.loginpage .hmenu div:hover {
	background: url('/img/gr_4_36.png') repeat-x scroll 50% 50% #3E97D1;
}

.loginpage .hmenu div.separate {
	background: url('/img/cupertino_button_d.png') repeat-x scroll 50% 50% #3E97D1;
	width: 1px;
}

.loginpage .hmenu div {
	height: 36px;
	vertical-align: middle;
	background: url('/img/gr_3_36.png') repeat-x scroll 50% 50% #c7e2f5;;
	display: inline-block;
	width: auto;
}

.loginpage .woman{
	width: 100%;
	height: 100%;
	text-align: right;
	padding-left: 60px;
}

.loginpage .woman form{
	display: block;
	width: 270px;
	border: 1px solid #AED0EA;
	padding: 15px 25px;
	margin: 15px 0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}

.loginpage .woman .settings-table {
	margin-top: 0px;
}

.loginpage .woman .settings-table h2 {
	padding-top: 0;
	margin-top: 0;
}

div.all-container{
	position: relative;
	max-width: 1000px;
	min-width: 600px;
	width: expression(document.body.offsetWidth > 1000 ? '1000px' : (document.body.offsetWidth < 600 ? '600px' : 'auto'));
	display: inline-block;
	text-align: left;
	border-left: 1px solid #C5D6E1;
	border-right: 1px solid #C5D6E1;
	background: #ffffff;
	height: auto;
	min-height: 99%;
	/*height: expression(this.clientHeight < document.body.parentNode.clientHeight ? (document.body.parentNode.clientHeight + 'px') : 'auto');*/
	z-index: 1;
	overflow: hidden;
}

html{
	overflow: auto;
	text-align: center;
	min-height: 100%;
}

body{
	background: #EEEEEE;
	min-height: 100%;
}

div.copyright{
	bottom: auto;
	/*position: static;*/
	bottom: 20px;
	position: absolute;
	/*background: #3E97D1;*/
	background: url(/img/medium_button.png) repeat-x scroll 50% 50% #3E97D1;
	/*margin-bottom: 20px;*/
	margin-top: 20px;
	clear:left;
	color: #ffffff;
	border-left: 1px solid #33729A;
	margin-left: -1px;
	border-right: 1px solid #33729A;
	margin-right: -1px;
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
}

body div.counter {
	bottom: auto;
	/*float: right;*/
	margin-right: 130px;
	position: absolute;
	bottom: 20px;
	margin-bottom: 0px;
	border: none;
	margin-left: 0;
	color:#BCBCCC;
	right: 20px;
	width: auto;
	z-index: 2;
}

body div.feedback {
	bottom: auto;
	/*float: right;*/
	left: 0px;
	margin-left: 0px;
	position: absolute;
	bottom: 20px;
	margin-bottom: 0px;
	border: none;
	color:#BCBCCC;
	right: 20px;
	width: auto;
	z-index: 1;
	width: 200px;
}

body div.version{
	bottom: auto;
	/*float: right;*/
	margin-right: 110px;
	position: absolute;
	bottom: 20px;
	margin-bottom: 0px;
	border: none;
	margin-left: 0;
	color:#BCBCCC;
}

body div.copyright a{
	bottom: auto;
	/*float: right;*/
	margin-right: 20px;
	position: absolute;
	margin-bottom: 0px;
	border: none;
	margin-left: 0;
	color:#BCBCCC;
	left: 40px;
	background: url(/img/cupertino_button.png) repeat-x scroll 50% 50% #F6F6F6;
	border: 1px solid #AED0EA;
	line-height: 20px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 11px;
	padding: 1px 10px;
	font-family: Arial,sans-serif;
	font-size: 14px;
	color: #0A67A3;
	font-weight: normal;
}

body div.counter.copyright a {
	background: none;
	border: 0px solid #ffffff;
}


h1.header {
	font-family: Arial,sans-serif;
	font-size: 23px;
	font-weight: 400;
	font-style: normal;
	color: #03426A;
	padding-top: 25px;
}

body h2.header{
	text-indent: 20px;
}

h2.subheader{
	text-align: left;
	font-size: 16px;
	text-indent: 25px;
	font-weight: bold;
	padding-top: 25px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #03426A;
}

b.code {
	display: block;
	background: #ececec;
	border: 1px dashed #bcbcbc;
	margin: 5px 20px;
	padding: 5px 10px;
	font-size: 12px;
}

b.code.code-r{
	text-align: right;
}

ol.numbered {
	list-style: decimal inside;
	font-family: Arial,sans-serif;
	font-size: 14px;
}

ol.numbered li{
	margin-top: 10px;
}

div.where-i-am {
	position: absolute;
	right: 20px;
	top: -10px;
	width: auto;
	height: auto;
}

div.ah{
	height: auto;
}




table.info-table {
	margin-top: 15px;
}

table.info-table th{
	line-height: 20px;
	padding: 15px 0px;
	color: #03426A;
}

table.info-table tr.first-row td{
	border-top: 0px solid #bcbcbc
}

table.info-table td{
	border-top: 1px dashed #bcbcbc
}

table.info-table td.descr{
	font-weight: bold;
	color: #03426A;
	padding-right: 10px;
}

table.info-table td{
	padding: 10px 0px;
}

/*table.info-table td, table.info-table th {
	vertical-align: top;
}*/


table.calc {
	margin-top: 15px;
}

table.calc th{
	line-height: 20px;
	padding: 15px 0px;
	color: #03426A;
}

table.calc tr.first-row td{
	border-top: 0px solid #bcbcbc
}

table.calc td select{
	width: 150px;
}

table.calc td{
	border-top: 1px dashed #bcbcbc
}

table.calc td.descr{
	font-weight: bold;
	color: #03426A;
}

table.calc td{
	padding: 10px 0px;
}

table.calc th.res {
	font-size: 140%;
	color: #cc2222;	
}

/**   page layout end   **/








/**   common   **/


div.button {
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	background: url(/img/button.png) repeat-x scroll 50% 50% #F6F6F6;
	border: 1px solid #CCCCCC;
	color: #1C94C4;
	font-weight: bold;
	outline: medium none;
	height: auto;
	width: auto;
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 14px;
	padding: 5px 10px;
	display: inline-block;
	cursor: pointer;
}

div.button:hover{
	background: #ffffff;
}



div.fp-wrapper {
	min-height: 300px;
	width: auto;
	margin-top: 50px;
	position: relative;
}

html body input.submit{
	/*background: #C5E9FF;
	border: 1px solid #BCBCBC;*/
	background: url(/img/cupertino_button.png) repeat-x scroll 50% 50% #F6F6F6;
	border: 1px solid #AED0EA;
	color: #0A67A3;
	padding: 1px 5px;
	-moz-border-radius: 3px;
	width: auto;
}

html body input.submit:hover{
	background: url(/img/light_button.png) repeat-x scroll 50% 50% #F6F6F6;
}

div.tabs {
	height: auto;
	width: auto;
	margin-top: 25px;
	margin-left: 20px;
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

div.bottom-buttons, div.bottom-buttons-data-table{
	margin-top: 15px;
}

div.bottom-buttons-data-table{
	margin-left: 9px;
}

.clickable {
	cursor: pointer;
}


#accordion div{
	height: auto;
	width: auto;
}

#accordion{
	height: auto;
	width: 80%;
/*	margin-left: 10%;*/
	margin-top: 15px;
	font-size: 14px;
}

#accordion a{
	border-bottom: none;
}

/**   common end   **/








/**   settings template   **/

table.settings-table {
	width: 100%;
	height: auto;
	font-size: 14px;
	font-family: Arial,sans-serif;
	margin-top: 30px;
}

#accordion table.settings-table {
	margin-top: 0px;
}

table.settings-table tr.split th, table.settings-table tr.split td{
	margin-top: 5px;
	border-top: 1px dashed #BCBCBC;
}

table.settings-table td.error {
	padding: 0px;
	margin: 0px;
}

table.settings-table th, table.settings-table td{
	padding-top: 12px;
	padding-bottom: 12px;
}

table.settings-table th{
	text-align: left;
	width: 17%;
	font-weight: normal;
}

table.settings-table th span{
	text-align: left;
	font-size: 10px;
	color: #bb0000;
	margin-left: 10px;
}

table.settings-table h2{
	text-align: left;
	font-size: 16px;
	text-indent: 25px;
	font-weight: bold;
	padding-top: 25px;
	font-family: Arial,sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #03426A;
}

table.settings-table input, table.settings-table textarea{
	width: 200px;
	border: 1px solid #bcbcbc;
}

table.settings-table td span{
	color: #9c9c9c;
	padding-left: 15px;
	font-size: 10px;
}

table.settings-table td.error {
	font-size: 90%;
	color: #ff0000;
	text-indent: 30px;
}

/**   settings template end   **/







/**   data template   **/

div.data-table-cnt{
	width: 98%;
	border: 1px dashed #bcbcbc;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 1%;
	margin-top: 1%;
	height: auto;
}

table.data-table {
	width: 98%;
	height: auto;
	margin-left: 1%;
	margin-top: 1%;
	font-size: 14px;
	font-family: Arial,sans-serif;
}

table.data-table .e3 {
	font-weight: bold;
}


table.data-table th{
	text-align: left;
	padding-top: 15px;
	width: 17%;
}

table.data-table th {
	padding-top: 15px;
	padding-bottom: 15px;
	border: none;
	text-align: center;
}

table.data-table td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #cdcdcd;
	text-align: center;
}

table.data-table tr:hover td {
	background: #C5E9FF;
}

table.data-table tr:hover td table.data-table td, table.data-table tr:hover td table.data-table th {
	background: #ffffff;
}

table.data-table tr:hover td table.data-table tr:hover td, table.data-table tr:hover td table.data-table tr:hover th {
	background: #C5E9FF;
}

table.data-table th span{
	text-align: left;
	font-size: 10px;
	color: #bb0000;
}

table.data-table h2{
	text-align: left;
	font-size: 16px;
	color: #555555;
	text-indent: 25px;
	font-weight: bold;
	padding-top: 25px;
}

table.data-table input, table.data-table textarea{
	width: 200px;
	border: 1px solid #bcbcbc;
}

table.data-table td span{
	color: #bcbcbc;
	padding-left: 15px;
	font-size: 10px;
}

table.data-table td.error {
	font-size: 90%;
	color: #ff0000;
	text-indent: 30px;
}

b.warn{
	color: #ff0000;
	font-weight: normal;
}

b.ok{
	color: #00cc00;
	font-weight: normal;
}

img.helpimage {
	border: 0px;
}

.nobr {
	white-space: nowrap;
}

#clients_counter span, #active_dialogs_counter span {
	position: relative;
	width: 100%;
	display: block;
}
#clients_counter b.unread, #active_dialogs_counter b.unread {
	position: absolute;
	right: -35px;
	font-weight: bold;
	margin-left: 10px;
	padding: 1px 3px;
	color: #ffffff;
	border-radius: 4px;
	-moz-border-radius: 4px;
}
#active_dialogs_counter b.unread {
	background: #EE0000;
}
#clients_counter b.unread{
	background: #03426A;
}
/**   data template end   **/




/**   paging   **/

div.paging {
	margin-top: 15px;
	font-size: 14px;
	text-align: right;
}

div.paging span.items{
	margin-left: 7px;
	float: left;
}
div.paging span.pages{
	margin-right: 7px;
}

/**   paging end   **/




/**   filter   **/

div.filter {
	height: auto;
	background: url(/img/start_button.png) repeat-x scroll 50% 50% #3E97D1;
	-moz-border-radius: 5px;
	border: 1px solid #3E97D1;
	border-radius: 5px;
	display: inline-block;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	font-family: Arial,sans-serif;
}

div.filter input{
	border: 1px solid #bcbcbc;
}

div.filter span {
	margin-left: 15px;
	white-space: nowrap;
}

/**   filter end   **/




/**   auto graph   **/

#auto_graph_container {	
	margin: 35px 0;
	text-align: right;
}

#auto_graph_container span {
	margin-right: 40px;
}

#auto_graph_container div{
	text-align: center;
}

/**   auto graph end   **/





/**   maps   **/

#maps_container {	
	margin: 35px 0;
	text-align: center;
}

#maps_container #maps{
	display: inline-block;
	height: 400px;
	width: 716px;
}

#maps_container div {
	height: auto;
	width: auto;
}

#maps_container #maps .YMaps-layer-container {
	height: 100%;
	width: 100%;
}

/**   maps   **/



#support-table td, #support-table th {
	padding-top: 7px;
	padding-bottom: 7px;
}

#support-add-cnt {
	font-size: 14px;
	font-family: Arial,sans-serif;
}

div.avatar-container {
	position: relative;
	padding: 15px 0;
}

#sites-data-table td {
	padding-top: 0px;
}


#photo-upload-button.button {
	font-size: 14px;
}



/**   help   **/

div.help {
	height: auto;
}

div.help div.closed {
	line-height: 18px;
	height: auto;
	width: 100%;
	font-size: 12px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
	display: none;
	overflow: hidden;
}

div.help.hidden div.closed {
	display: block;
}

div.help div.closed div.step {
	width: 7px;
	display: inline-block;
}

div.help div.closed img {
	border: 0px solid #ffffff;
	padding-left: 10px;
	cursor: pointer;
}

div.help div.help-cnt {
	background: #FEEEBD;
	margin: 7px 7px;
	padding: 7px 30px;
	width: auto;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #E78F08;
	position: relative;
}

div.help.hidden div.help-cnt {
	display: none;
}

div.help div.help-cnt div.close{
	height: 8px;
	width: 8px;
	position: absolute;
	background: url(/img/red_close_8.png);
	right: 7px;
	top: 7px;
	cursor: pointer;
	overflow: hidden;
}
/**   help end   **/


/**   quick_message   **/

table#qm_cnt textarea {
	width: 400px;
}

table#qm_cnt input.remove {
	margin-left: 20px;
}

/**   quick_message end   **/


/**   clients page   **/

#start_dialog {
	font-size: 18px;
}

#start_dialog span{
	font-size: 14px;
	margin-top: 5px;
}

#start_dialog input{
	margin-top: 5px;
	font-size: 14px;
}

#start_dialog textarea{
	margin-top: 5px;
	width: 100%;
	height: 150px;
	border: 1px solid #AED0EA;
	border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 14px;
}




  
/**   clients page end   **/




/**   dialog start page   **/

div.start-dialog {
	background: #ffffff;
	text-align: left;
	overflow: auto;
}

div.start-dialog img {
	margin: 5px 20px;
}

div.start-dialog span {
	margin: 5px 20px;
}

div.start-dialog textarea {
	width: 98%;
	border: 1px solid #bcbcbc;
	height: 200px;
	margin-top: 30px;
	margin-left: 1%;
}

div.start-dialog input {
	margin: 5px 20px 35px 20px;
}

div.start-dialog div#bottom div{
	height: 1px;
	overflow: hidden;
	background: #CCCCCC;
}
div.start-dialog div#bottom {
	background: url("/img/cupertino_button.png") repeat-x scroll 50% 50% #D7EBF9;
	height: 23px;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #03426A;
	bottom: 0px;
	position: absolute;
}

/**   dialog start page end   **/

 
 
/**   build in page   **/

table.builtin-def{
	margin: 5px 20px;
	font-size: 14px;
	width: auto;
}

table.builtin-def th, table.builtin-def td {
	padding: 5px 0px;
}

table.builtin-def th{
	white-space: nowrap;
	text-align: left;
	padding-right: 10px;
}

.builtin-h{
	display: block;
	margin: 20px 20px 10px 20px;
}
/**   build in page   **/




/**   help, main page   **/

div.fp-wrapper{
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 20px;
	margin-right: 100px;
	text-align: justify;
	width: auto;
}

div.fp-wrapper div.short-text{
	/*width: 80%;*/
	height: auto;
	text-indent: 20px;
}

div.fp-wrapper div.selected-text{
	margin: 20px 0px 0px 0px;
}

h2.more {
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
}

div.movie {
	width: 600px;
	height: 400px;
	background: black;
}
/**   help end   **/


/**   rouble   **/
@font-face { font-family: "Rubl Sign"; src: url(/txt/ruble.eot); }
span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}    
span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .1ex 0 0 -.55em; // display: none; }
span.rur span:before { content: '\2013'; }
/**   rouble end   **/