* {margin:0;padding:0;}

html{
	min-width: 800px;
	min-height: 450px;
	overflow: hidden;
	height: 100%;
}

body{
	height:100%;
	background: #ffffff;
} 	

div{
	height: 100%;
	width: 100%;
}

table {border-collapse: collapse; width: 100%;}
a{
	color:#1C93B1;
    text-decoration: none;
    /*margin-left: 10px;*/
    border-bottom: 1px dashed #1C93B1;
    cursor: pointer;
}

ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div.without-left-panels div.main{
	left: 0px;
/*	width: xxxexpression((this.parentNode.clientWidth) + 'px');*/
}

div.left-panels{
	width: 220px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	/*background: #ffffff;*/
}

div.without-left-panels div.left-panels{
	width: 0px;
}

div.main{
	position: absolute;
	width: auto;
	height: auto;
	left: 220px;
	top:0;
	bottom: 43px;
	right: 0px;
	/*height: xxxexpression((this.parentNode.clientHeight-43)+'px');
	width: xxxexpression((this.parentNode.clientWidth - 220) + 'px');*/
	position: absolute;
	overflow: hidden;
	/*background: #ffffff;*/
}
/*body div.top-main{
	bottom: 43px;
}*/

div.bottom-main{
	position:absolute;
	width:100%;
	left: 0px;
	bottom: 0px;
	height: 43px;
	overflow: hidden;
}

body.with-menu div.copyright {
	bottom: 43px;
}

div.copyright{
	bottom:0px;
	position:absolute;
	text-align:center;
	width:100%;
	height: 43px;
	line-height: 43px;
	background: #ffffff;
}






div.round_t_l{
	position: absolute;
	top: -1px;
	left: -1px;
	width:8px;
	height:8px;
	background-image:url('/img/circle_dark.png');
	background-position: 0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

div.round_t_r{
	position: absolute;
	top: -1px;
	right: -1px;
	width:8px;
	height:8px;
	background-image:url('/img/circle_dark.png');
	background-position: -8px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

div.round_b_l{
	position: absolute;
	bottom: -1px;
	left: -1px;
	width:8px;
	height:8px;
	background-image:url('/img/circle_dark.png');
	background-position: 0px -8px;
	background-repeat:no-repeat;
	overflow:hidden;
}

div.round_b_r{
	position: absolute;
	bottom: -1px;
	right: -1px;
	width:8px;
	height:8px;
	background-image:url('/img/circle_dark.png');
	background-position: -8px -8px;
	background-repeat:no-repeat;
	overflow:hidden;
}

div.light_round_t_l{
	position: absolute;
	top: -1px;
	left: -1px;
	width:8px;
	height:8px;
	background-image:url('/img/circle_light.png');
	background-position: 0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

div.light_round_t_r{
	position: absolute;
	top: -1px;
	right: -1px;
	width:8px;
	height:8px;
	background-image:url('/img/circle_light.png');
	background-position: -8px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

div.light_round_b_l{
	position: absolute;
	bottom: -1px;
	left: -1px;
	width:8px;
	height:8px;
	background-image:url('/img/circle_light.png');
	background-position: 0px -8px;
	background-repeat:no-repeat;
	overflow:hidden;
}

div.light_round_b_r{
	position: absolute;
	bottom: -1px;
	right: -1px;
	width:8px;
	height:8px;
	background-image:url('/img/circle_light.png');
	background-position: -8px -8px;
	background-repeat:no-repeat;
	overflow:hidden;
}














table.form{
	/* �� ����� ����� ����
	width: xxxexpression(this.parentNode.clientWidth);
	*/
}

table.form td{
	padding: 6px;
}

table.form td input{
	width: 400px;
}

table.form td input.input{
	border: 1px solid #bcbcbc;
}

table.form td input.button{

}

table tr.descr-first td{
	padding-top: 25px;
}
table tr.descr-first td div{
	width: 94%;
	left: 3%;
	position: relative;
	height: 1px;
	overflow: hidden;
	background-color: #bcbcbc;
	margin-bottom:7px;	
}
table tr.descr{
	font-size: 80%;
}

table.form td.error{
	padding: 0;
}

table.form{
	margin-top: 20px;
	margin-bottom: 20px;
}

/**   common   **/

html body h3.header {
	color: #1C93B1;
	font-size: 16px;
	text-indent: 32px;
	margin-top: 15px;
}

div.simple-button tbody tr, div.simple-button tbody td {
	padding: 0;
	margin: 0;
}
div.simple-button {
	width: auto;
	height: 25px;
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}
/* ie6 */
* html div.simple-button {
	display: inline;
}
/* ie7 */
*+html div.simple-button {
	display: inline;
}

div.simple-button table {
	width: auto;
	height: 25px;
}

div.simple-button table td.left{
	width: 5px;
	background: url('/img/send-button-l.png');
	height: 25px;
}

div.simple-button table td.center{
	height: 25px;
	line-height: 25px;
	width: auto;
	background: url('/img/send-button.png');
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}
div.simple-button table td.right{
	width: 5px;
	height: 25px;
	background: url('/img/send-button-r.png');
}


hr {
	margin-left:15px;
	margin-right:15px;
	text-align:center;
	text-indent:20px;
	height: 1px;
	border: 0;
	background-color: black;
}

/*
div.simple-button table{
	width: auto;
	height: 25px;
	display: table;
	overflow: hidden;
}

div.simple-button div.row{
	width: auto;
	height: 25px;
	display: table-row;
	overflow: hidden;
}

div.simple-button div.left{
	width: 5px;
	background: url('/img/send-button-l.png');
	overflow: hidden;
	display: table-cell;
}
div.simple-button div.center{
	height: 25px;
	line-height: 25px;
	width: auto;
	background: url('/img/send-button.png');
	font-size: 14px;
	overflow: hidden;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
div.simple-button div.right{
	width: 5px;
	background: url('/img/send-button-r.png');
	display: table-cell;
	overflow: hidden;
}
*/

body div.version{
	width: auto;
	right: 20px;
	color: #9c9cbc;
	z-index: 1;
}


div.relative{
	overflow: hidden;
	height:100%;
	width: 100%;
	position: relative;
}

div.absolute{
	width:100%; 
	height: 100%;
	/*overflow: hidden;*/
	position: absolute;
	overflow: auto;
}

div.round-t-l{
	position: absolute;
	overflow:hidden;
}
div.round-t-l div{
	position: absolute;
}

div.round-t-r{
	position: absolute;
	overflow:hidden;
}
div.round-t-r div{
	position: absolute;
}

div.round-b-l{
	position: absolute;
	overflow:hidden;
	z-index:3;
}
div.round-b-l div{
	position: absolute;
}

div.round-b-r{
	position: absolute;
	overflow:hidden;
	z-index:3;
}
div.round-b-r div{
	position: absolute;
}

table.form-data td{
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	height: 0px;
}

table.form-data input.input{
	border: 1px solid #bcbcbc;
	width: 100%;
}

table.form-data{
	height: 100%;
}

table.form-data tr.space td{
	height: 100%;
}

table.form-data tr.last td{
	padding-bottom: 10px;
}

div.full-content{
	position: absolute;
	height: auto;
	width: auto;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
}

div.full-content{
	height: xxxexpression(this.parentNode.clientHeight + 'px');
}

/**   common end   **/






/**   Frame component   **/

div.frame{
	z-index: 2;
}

div.frame-markup{
	width: auto;
	height: auto;
	overflow: hidden;
	position: absolute;
}

div.frame div.frame-header{
	top: 0px;
	height: 31px;
	background: transparent url(/img/block-hat-brick.png) repeat-x;
}

div.frame div.frame-header-text{
	left: 10px;
	right: 10px;
	/*width: xxxexpression((this.parentNode.clientWidth - 10 - 10) + 'px');*/
	color: #dbdbdb;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	text-indent: 8px;
	padding-top: 8px;
	height: 23px;
}

div.frame div.frame-header-left{
	left: 0px;
	width: 10px;
	background: transparent url(/img/block-hat-left.png);
}

div.frame div.frame-header-right{
	right: 0px;
	width: 10px;
	background: transparent url(/img/block-hat-right.png);
}

div.frame div.frame-middle{
	top: 31px;
	bottom: 2px;
	/*height: xxxexpression((this.parentNode.clientHeight - 31 - 2) + 'px');*/
}

div.frame div.frame-header-left div, div.frame div.frame-header-right div{
	position: absolute;
	overflow: hidden;
}

div.frame-border-left{
	left: 0px;
	width: 2px;
	background: #4f6b87;
}
div.frame-border-right{
	right: 0px;
	width: 2px;
	background: #4f6b87;
}

div.frame-border-bottom{
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	/*width: xxxexpression((this.parentNode.clientWidth) + 'px');*/
	height: 2px;
	background: #4f6b87;
}

div.frame div.frame-corner-left{
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	height: 0px;
	width: 0px;
	background: transparent url(/img/circle_form.png);
}
div.frame div.frame-corner-right{
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	height: 0px;
	width: 0px;
	background: transparent url(/img/circle_form.png);
}

div.frame div.frame-corner-right div, div.frame div.frame-corner-left div{
	position: absolute;
}

div.frame div.frame-content{
	overflow: auto;
	left: 2px;
	background: ${frame-content-background};
	right: 2px;
	/*width: xxxexpression((this.parentNode.clientWidth - 2 - 2) + 'px');*/
}

/**   Frame component end  **/








/**   Login page   **/

form.login_form {
	height:100%;
	left:0;
	position:relative;
	right:0;
	overflow: hidden;
	width:100%;
}

table.login_table td{
	padding-left: 5px;
	padding-top: 5px;
}

table.login_table input{
	width: 125px;
	border: 1px solid #757575;
	height: 1.5em;
}

/**   Login page end   **/










/**   remember password page   **/

form.step-email tr.step-question, form.step-email tr.step-mail, form.step-email tr.step-pass, form.step-email tr.step-pass-ok{
	display:none;
}

form.step-mail tr.step-question, form.step-mail tr.step-email, form.step-mail tr.step-pass, form.step-mail tr.step-pass-ok, form.step-mail tr.submit{
	display:none;
}

form.step-question tr.step-mail, form.step-question tr.step-email, form.step-question tr.step-pass, form.step-question tr.step-pass-ok{
	display:none;
}

form.step-pass tr.step-mail, form.step-pass tr.step-email, form.step-pass tr.step-question, form.step-pass tr.step-pass-ok{
	display:none;
}

form.step-pass-ok tr.step-mail, form.step-pass-ok tr.step-email, form.step-pass-ok tr.step-question, form.step-pass-ok tr.step-pass{
	display:none;
}
/**   remember password page end   **/









/**   png-��������   **/
.png-scale
    {filter:expression(Browser.png(this,'scale'));}
/*.png-crop
    {filter:expression(Browser.png(this,'crop'));}*/
.png-image
    {filter: expression(Browser.png(this,'image'));}
/**   png-�������� end   **/






/**   splitter   **/

div.splitter-container div.splitter-markup {
	position: absolute;
	overflow: hidden;
}

div.splitter-container div.splitter-v-first, div.splitter-container div.splitter-h-first {
	top: 0;
	left: 0;
}

div.splitter-container div.splitter-v-second-container {
	top: 0px;
	right: 0px;
	width: auto;
	overflow: hidden;
	/*width: xxxexpression((this.parentNode.clientWidth - this.offsetLeft) + 'px');*/
}

div.splitter-container div.splitter-h-second-container {
	left: 0px;
	bottom: 0px;
	height: auto;
	/*height: xxxexpression((this.parentNode.clientHeight - this.offsetTop) + 'px');*/
}


div.splitter-container div.splitter-v-separator {
	top: 0px;
	left: 0px;
	cursor: e-resize;
	width: 2px;
	background: #4f6b87;
}

div.splitter-container div.splitter-h-separator {
	top: 0px;
	left: 0px;
	cursor: n-resize;
	background-color: #4f6b87;
	height: 1px;
}

div.splitter-container div.splitter-v-second {
	top: 0px;
	width: auto;
	right: 0px;
	left: 2px;
	width: auto;
	overflow: hidden;
	/*width: xxxexpression((this.parentNode.clientWidth - 2) + 'px');*/
}

div.splitter-container div.splitter-h-second {
	height: auto;
	left: 0px;
	bottom: 0px;
	height: auto;
	top: 1px;
	/*height: xxxexpression((this.parentNode.clientHeight - 1) + 'px');*/
}

/**   splitter end   **/







/**   static-splitter   **/

div.static-splitter-container div.static-splitter-markup {
	position: absolute;
	overflow: hidden;
}

div.static-splitter-container div.static-splitter-v-first, div.static-splitter-container div.static-splitter-h-first {
	top: 0;
	left: 0;
}

div.static-splitter-container div.static-splitter-v-second-container {
	top: 0px;
	right: 0px;
	width: auto;
	overflow: hidden;
	/*width: xxxexpression((this.parentNode.clientWidth - this.offsetLeft) + 'px');*/
}

div.static-splitter-container div.static-splitter-h-second-container {
	left: 0px;
	bottom: 0px;
	height: auto;
	/*height: xxxexpression((this.parentNode.clientHeight - this.offsetTop) + 'px');*/
}


div.static-splitter-container div.static-splitter-v-separator {
	top: 0px;
	left: 0px;
	width: 2px;
	background: #4f6b87;
}

div.static-splitter-container div.static-splitter-h-separator {
	top: 0px;
	left: 0px;
	background-color: #4f6b87;
	height: 1px;
}

div.static-splitter-container div.static-splitter-v-second {
	top: 0px;
	width: auto;
	right: 0px;
	left: 2px;
	width: auto;
	overflow: hidden;
	/*width: xxxexpression((this.parentNode.clientWidth - 2) + 'px');*/
}

div.static-splitter-container div.static-splitter-h-second {
	height: auto;
	left: 0px;
	bottom: 0px;
	height: auto;
	top: 1px;
	/*height: xxxexpression((this.parentNode.clientHeight - 1) + 'px');*/
}

/**   static-splitter end   **/







/**   excursion   **/
table.data-table{
	height: 100%;
}
table.data-table td.main-data{
	height: 100%;
	vertical-align: top;
}
table.data-table td.bottom-data{
	height: 0;
	padding: 4px 20px;
}
/**   excursion end   **/







/**   site rules   **/
div.info-area{
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: justify;
	width: auto;
	height: auto;
}

div.info-area li.h1{
	margin-top: 2em;
	font-size: 150%;
	font-weight: bold;
}

div.info-area li.h1 dl{
	font-size: 66%;
	font-weight: normal;
}

div.info-area dt{
	margin-top: 1em;
	font-weight: bold;
}
div.info-area dd{
	margin-left: 5em;
	/*text-indent: 15px*/
}
/*
div.info-area ul{
	list-style-type: circle;
}

div.info-area ol ul{
	margin-left: 3em;
}*/

div.info-area li {
	list-style-type: none !important; /* ������� ��������� � ��������� Opera, Safari, Firefox */
	list-style-type: decimal; /* ��������� ��������� � �������� IE6 � ���� */
} /* ������� �������� ��������� */

div.info-area ol {
	counter-reset: list1;
} /* ���������� ������� ��� �������� ������ */

div.info-area ol ol{
	counter-reset: none;
} /* ��������� ��������� ������� ��� ������ */

div.info-area ol li.h1:before {
	counter-increment: list1; /* ����������� �������� �������� */
	counter-reset: list2;
	content: counter(list1) ". "
} /* ������ ������� �������� ������ ����������� 1-� ������� � ���������� ������ */

div.info-area ol ol li:before {
	counter-increment: list2; /* ����������� �������� �������� */
	content: counter(list1) "." counter(list2) ". "; /* ������� �������� ���� 2.1, 2.2,... */
	position: absolute;
	margin-left: -3em;
}

div.info-area ol li ul li:before {
	counter-increment: none; /* ����������� �������� �������� */
	content: '-';
	margin-left: -2em;
	position: absolute;
}
div.info-area ol ol li {
	margin-top: 10px;
}

div.info-area font {
	font-weight: normal;
	font-size:66%;
	margin-top: 1em;
	display: block;
}
div.info-area b {
	margin-top: 1em;
}
/**   site rules end   **/







/**   main panel at login page   **/
div.about{
	padding-left: 20px;
	padding-top: 7px;
	padding-right: 20px;
	height: auto;
	width: auto;
}

div.about p{
	padding-top: 15px;
	text-indent: 15px;
	text-align: justify;
}
/**   main panel at login page end   **/






/**   block with history   **/

div.show-history-content{
	position: absolute;
	height: auto;
	bottom: 41px;
	top: 0px;
/*	height: xxxexpression((this.parentNode.clientHeight - 40 - 1) + 'px');*/
}

div.show-history-vertical-line{
	position: absolute;
	height: 1px;
	background: #9C9CBC;
	bottom: 40px;
	overflow: hidden;
}

div.show-history-search{
	position: absolute;
	height: 40px;
	line-height: 40px;
	bottom: 0px;
}

/*div.show-history-search table{
	height: 100%;
	width: 100%;
}

div.show-history-search table input{
	width: 100%;
}

div.show-history-search table td{
	padding-left: 40px;
	padding-right: 40px;
}*/

div.show-history-content ul.show-history-dates {
	/*width: 100%;*/
	width: auto;
}

div.show-history-content ul.show-history-dates li.show-history-date-odd {
	/*width: 100%;*/
	width: auto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #ffffff;
	text-indent: 15px;
}

div.show-history-content ul.show-history-dates li.show-history-date-even{
	/*width: 100%;*/
	width: auto;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #F3FBFF;
	text-indent: 15px;
}

div.show-history-content ul.show-history-dates li.selected{
	font-size: 14px;
	font-weight: normal;
	background: #DCE2F5;
}

div.history-cnt {
	background-color: #ffffff;
	overflow: auto;	
}

div.history-cnt dt.i{
	color: #ff0000;
	font-size: 14px;
	font-weight: normal;
}

div.history-cnt dt.o{
	color: #0000ff;
	font-size: 14px;
	font-weight: normal;
}

div.history-cnt dd{
	margin-left: 20px;
	margin-right: 20px;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}

div.history-cnt dd b{
	background-color: #FFEE00;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}


div.show-history-search div.search-input-top {
	position: absolute;
	left: 21px;
	right: 118px;
	height: 1px;
	width: auto;
	background: #000000;
	top: 7px;
	overflow: hidden;
}
div.show-history-search div.search-input-bottom {
	position: absolute;
	left: 21px;
	right: 118px;
	height: 1px;
	width: auto;
	background: #000000;
	top: 31px;
	overflow: hidden;
}

div.show-history-search div.search-input-left {
	position: absolute;
	left: 20px;
	width: 1px;
	height: 25px;
	background: #000000;
	top: 7px;
	overflow: hidden;
}

div.show-history-search div.search-input-right {
	position: absolute;
	right: 105px;
	width: 13px;
	height: 25px;
	background: url(/img/search_arrow.png);
	top: 7px;
	overflow: hidden;
}

div.show-history-search div.search-input-content {
	position: absolute;
	left: 21px;
	right: 118px;
	width: auto;
	height: 23px;
	background: white;
	top: 8px;
	overflow: hidden;
}

div.show-history-search div.search-input-content-wo-remove {
	position: absolute;
	left: 0px;
	right: 21px;
	width: auto;
	height: 23px;
	overflow: hidden;
}

div.show-history-search input.search-input {
	border: 0px;
	position: absolute;
	width: 100%;
	height: 23px;
	font-size: 14px;
	overflow: hidden;
}

div.show-history-search div.search-input-remove-button {
	position: absolute;
	right: 4px;
	width: 16px;
	height: 16px;
	background: url(/img/trash-empty.png);
	cursor: pointer;
	top: 4px;
	overflow: hidden;
}	

div.show-history-search div.search-input-top-start-search-button {
	position: absolute;
	right: 20px;
	width: 80px;
	height: 25px;
	background: url(/img/search_button.png);
	top: 7px;
	overflow: hidden;
}

div.history-info {
	position: relative;
}

div.history-info div {
	display: block;
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    height: auto;
    text-align: center;
}
/**   block with history end   **/



 

/**   �������   **/

#own-status{
	position: relative;
}

div.status-container{
	height: 16px;
	width: 16px;
}

div.status-icon{
	position:absolute;
	height:16px;
	left:7px;
	top:2px;
	width:16px;
	overflow: hidden;
}

span.status-menu{
	margin-left:16px;
}

li.status-on div.status-icon, div.status-container div.on{
	background: url('/img/icq-on.png');
}

li.status-off div.status-icon, div.status-container div.off{
	background: url('/img/icq-off.png');
}

li.status-away div.status-icon, div.status-container div.away{
	background: url('/img/icq-away.png');
}

li.status-dnd div.status-icon, div.status-container div.dnd{
	background: url('/img/icq-dnd.png');
}

li.status-occupied div.status-icon, div.status-container div.occupied{
	background: url('/img/icq-occupied.png');
}

li.status-na div.status-icon, div.status-container div.na{
	background: url('/img/icq-na.png');
}

li.status-chat div.status-icon, div.status-container div.chat{
	background: url('/img/icq-chat.png');
}

li.status-inv div.status-icon, div.status-container div.inv{
	background: url('/img/icq-inv.png');
}

/**   ������� end   **/





/**   block   **/

div.block div.block-markup {
	position: absolute;
	overflow: hidden;
	height: auto;
	width: auto;
}

div.block div.left{
	left: 0px;
	width: 2px;
}

div.block div.center{
	left: 2px;
	right: 2px;
	/*width: xxxexpression((this.parentNode.clientWidth-2-2)+'px');*/
}

div.block div.right{
	right: 0px;
	width: 2px;
}

div.block div.top{
	top: 0px;
	height: 2px;
}

div.block div.bottom{
	bottom: 0px;
	height: 2px;
}

div.block div.middle{
	bottom: 2px;
	top: 2px;
	/*height: xxxexpression((this.parentNode.clientHeight-2-2)+'px');*/
}


div.block div.block-header{
	top: 0px;
	left:0px;
	width: 100%;
	height: 29px;
	background: transparent url(/img/block-hat-brick-n.png) repeat scroll 0 0;
	cursor: move;
}

div.block div.block-menu{
	left:0px;
	width: 100%;
	height: 20px;
	top: 29px;
	background: url(/img/block-menu-back.png);
}

div.block div.block-content{
	left:0px;
	bottom: 0px;
	width: 100%;
	overflow: auto;
	top: 49px;
	/*height: xxxexpression((this.parentNode.clientHeight-29-20)+'px');*/
	background: #f1f1f1;
}

div.without-menu div.block-content{
	top: 29px;
	/*height: xxxexpression((this.parentNode.clientHeight-29)+'px');*/
}

div.without-menu div.block-menu{
	display: none;
}

div.block div.border-t{
	background: #4f6b87;
}

div.block div.border-r{
	background: #4f6b87;
}

div.block div.border-b{
	background: #4f6b87;
}

div.block div.border-l{
	background: #4f6b87;
}

div.block div.border-t-l div, div.block div.border-t-r div, div.block div.border-b-l div, div.block div.border-b-r div{
	position: absolute;
}

div.block div.border-t-l, div.block div.border-t-r, div.block div.border-b-l, div.block div.border-b-r{
	z-index: 1;
}

div.block div.border-t-r{
	height: 31px;
	width: 10px;
	background: url(/img/block-hat-right.png);
}

div.block div.border-t-l{
	height: 31px;
	width: 10px;
	background: url(/img/block-hat-left.png);
}


div.block div.border-b-r{
	height: 2px;
	width: 2px;
	background: #4f6b87;
}

div.block div.border-b-l{
	height: 2px;
	width: 2px;
	background: #4f6b87;
}

div.header-text{
	float: left;
	width: auto;
	left: 0px;
	position: absolute;
	overflow: hidden;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #dbdbdb;
	padding-left: 10px;
	right: 77px;
	/*width: xxxexpression((this.parentNode.clientWidth - 97)+'px');*/
	line-height: 29px;
}

div.block-header-icons{
	float: right;
	height: 100%;
	overflow: hidden;
	width: 74px;
	margin-top: 6px;
	margin-right: 3px;
}

div.block-header-icon{
	display: inline-block;
	float: left;
	height: 13px;
	width: 13px;
	margin: 2px 5px;
	cursor: pointer;
}


div.block-header-icons div.hide div{
	background: url('/img/button-min.png');
}

div.block-header-icons div.show div{
	background: url('/img/button-wide.png');
}

div.block-header-icons div.close div{
	background: url('/img/button-close.png');
}


div.block-emulator {
	position: absolute;
	background: #E2EDF4;
	z-index: 2;
}

/**   block end   **/






/**   file-menu   **/

html>body div.outerbox
{
	padding: 0 5px 5px 0;
	z-index: 10000;
}
html>body div.outerbox div.shadowbox1
{
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 5px;
	height: 100%;
}
html>body div.outerbox div.shadowbox2
{
	position: absolute;
	bottom: 0;
	right: 5px;
	height: 5px;
	width: 100%;
}
html>body div.outerbox div.shadowbox3
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
}
html>body .innerbox
{
	margin: 0;
	display: inherit;
}

#root-menu-div{
	height: auto;
	width: auto;
	display: xxxexpression(this.childNodes.length == 0 ? 'none' : '');
}

#root-menu-div ul {
	border: 1px solid #f4a721;
}

#root-menu-div div {
	width: auto;
	height: auto;
}
#root-menu-div li{
	white-space:nowrap;
}
* html #root-menu-div li{
	height: 1.5em; /* fixing ie6 problem */
}

ul.menu,
#root-menu-div ul {
	background-color: #d3e1ee;
	list-style: none;
	margin: 0;
	padding: 0;
}
li.menu-separator.active{
	background-color: transparent;
}
li.active {
	background: #ddceae;
}
.activetarget{
	background: #ddceae;
}

* html div.menu-item {
	display: inline; /* fixes problem in ie6 */
}

li.menumain {
	float: left;
	padding: 0 10px;
}
div.menu-item {
	padding: 1px 10px 1px 4px;
}
img.menu-item-arrow{
	position: absolute;
	right: 4px;
	top: 8px;
}
li.menu-separator{
	border-bottom: 1px solid #4e7891;
	font-size: 0; /* for ie */
	height: 0;
	line-height: 0; /* for ie */
	margin: 2px 0;
}

/**   file-menu end   **/









/**   user info block   **/

.block-content p.user-info{
	width: 92%;
	margin: 4%;
	/*padding-bottom: 7px;*/
	font-size: 90%;
}

/**   user info block end   **/








/**   tab component   **/

div.tab{
	/*position: absolute;*/
	position: static;
	top: 0px;
	left: 0px;
	width: 100%;
}

div.tab-markup{
	position: absolute;
}

div.tab div.tab-headers{
	top: 0px;
	left: 0px;
	background: #dce9f5;
	height: auto;
}

div.tab div.tab-line{
	left: 0px;
	height: 1px;
	background: #4f6b87;
	overflow: hidden;
}

div.tab div.tab-contents{
	left: 0px;
	height: auto;
	bottom: 0px;
	background: #ffffff;
	/*height: xxxexpression((this.parentNode.clientHeight - this.offsetTop) + 'px');*/
}

div.tab div.tab-headers ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

div.tab div.tab-headers li{
	position: relative;
	width: 100px;
	height: 23px;
	float: left;
	margin-left: 3px;
	margin-top: 2px;
}


div.tab div.tab-headers div.cnt-bgr{
	position: absolute;
	overflow: hidden;
	background: url('/img/tab-new.png');
	line-height: 23px;
	top: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	height: 23px;
}
div.tab div.tab-headers li.unread div.cnt-bgr{
	background: url('/img/tab-new-new.png');
}
div.tab div.tab-headers li.tab-active div.cnt-bgr{
	background: url('/img/tab-new-act.png');
}

div.tab div.tab-headers li.tab-active div.cnt{
	font-weight: bold;
	text-decoration: none;
}

div.tab div.tab-headers div.cnt{
	white-space: nowrap;
	position: absolute;
	overflow: hidden;
	/*background: url('/img/tab-new.png');*/
	font-size: 13px;
	text-decoration: none;
	color: #262666;
	line-height: 23px;
	font-family: tahoma;
	top: 0px;
	left: 0px;
	text-indent: 22px;
	right: 20px;
	width: auto;
	height: 23px;
/*	width: xxxexpression((this.parentNode.clientWidth - 0 - 20 - 0) + 'px');*/
}

div.tab div.tab-headers li.unread div.left{
	background: #4f6b87;
}

div.tab div.tab-headers li.unread div.top{
	background: #4f6b87;
}

div.tab div.tab-headers li.unread div.right{
	background: #4f6b87;
}

div.tab div.tab-headers li.unread div.bottom{
	background: #4f6b87;
}

div.tab div.tab-headers li.unread div.cnt{
	/*background: url('/img/tab-new-new.png');*/
	color: #060646;
	font-weight: normal;
	text-decoration: none;
}

div.tab div.tab-headers li.unread div.close{
	/*background: url('/img/tab-new-new.png');*/
}


div.tab div.tab-headers li.tab-active div.cnt{
	/*background: url('/img/tab-new-act.png');*/
	color: #060646;
}

div.tab div.tab-headers div.close{
	position: absolute;
	overflow: hidden;
	/*background: url('/img/tab-new.png');*/
	top: 0px;
	right: 0px;
	width: 20px;
	height: 23px;
	line-height: 23px;
	text-align: center;
}

div.tab div.tab-headers li.tab-active div.close{
	/*background: url('/img/tab-new-act.png');*/
}

div.tab div.tab-headers div.close div{
	overflow: hidden;
	background: url('/img/tab-close.png');
	top: 0px;
	width: 11px;
	height: 11px;
	display: inline-block;
	vertical-align: middle;
	/*
		margin-top: 6px;
	*/
}

/* ie7-only */
*:first-child+html div.tab div.tab-headers div.close div{
	margin-top: 6px;
}

div.tab div.tab-headers div.close>div{
	margin-top: 0;
}

div.tab div.tab-headers div.left{
	position: absolute;
	overflow: hidden;
	background: #4f6b87;
	top: 0px;
	left: 0px;
	width: 0px;
}

div.tab div.tab-headers div.top{
	position: absolute;
	overflow: hidden;
	background: #4f6b87;
	top: 0px;
	left: 0px;
	right: 0px;
	width: auto;
/*	width: xxxexpression((this.parentNode.clientWidth - 0 - 0) + 'px');*/
	height: 0px;
}

div.tab div.tab-headers div.right{
	position: absolute;
	overflow: hidden;
	background: #4f6b87;
	top: 0px;
	right: 0px;
	width: 0px;
}

div.tab div.tab-headers div.bottom{
	position: absolute;
	overflow: hidden;
	background: #4f6b87;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: auto;
/*	width: xxxexpression((this.parentNode.clientWidth - 0 - 0) + 'px');*/
	height: 0px;
}


div.tab div.tab-headers li.tab-active div.left{
	background: #4f6b87;
}

div.tab div.tab-headers li.tab-active div.top{
	background: #4f6b87;
}

div.tab div.tab-headers li.tab-active div.right{
	background: #4f6b87;
}

div.tab div.tab-headers li.tab-active div.bottom{
	background: #262666;
}

div.tab div.tab-headers li div.status-container{
	position: absolute;
	left: 3px;
	top: 3px;
}

/**   tab component end   **/







/**   block (top in splitter) where history is shown   **/
div.history{
	width:100%;
	height:100%;
	overflow: hidden;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
}

div.history div.current-history-cnt{
	height: 100%;
	width: auto;
	overflow: auto;

	/* http://forum.htmlbook.ru/index.php?s=dfb024c37e0ba25894d8991877ad6a73&showtopic=13380 */
	/* white-space: pre-wrap; / * css-3 * /
	white-space: -moz-pre-wrap; / * Mozilla, ������� � 1999 ���� * /
	white-space: -pre-wrap; / * Opera 4-6 * /
	white-space: -o-pre-wrap; / * Opera 7 * /
	word-wrap: break-word; / * Internet Explorer 5.5+ * /
	*/
	word-wrap: break-word;
}

div.history div{
	height: auto;
	width: auto;
}

span.outgoing-msg-nick{
	font-weight: bold;
	color: #0000ff;
}

span.incoming-msg-nick{
	font-weight: bold;
	color: #ff0000;
}

div.history div.status-notify{
	text-indent: 25px;
	color: #7575bc;
	font-size: 12px;
}

div.history a{
	margin: 0px;
}

/**   block (top in splitter) where history is shown end   **/






/**   editor   **/

div.editor {
	position: relative;
	overflow: hidden;
}

div.editor div.editor-button-container {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 25px;
	background: #dce9f5;
}
	
div.editor div.editor-line {
	position: absolute;
	top: 25px;
	height: 1px;
	background: #4f6b87;
	overflow: hidden;
}

div.editor div.editor-frame-container{
	position: absolute;
	top: 26px;
	height: auto;
	bottom: 0px;
	background: red;
	height: xxxexpression((this.parentNode.clientHeight - 26) + 'px');
	overflow: hidden;
}

div.editor div.editor-frame-container iframe{
	width:100%;
	height:100%;
	border: 0px;
	background: #ffffff;
	/*overflow: hidden;*/
}

div.editor div.editor-button-container div.send {
	top: 0px;
	right: 30px;
	height: 25px;
	width: auto;
	position: absolute;
	cursor: pointer;
}

div.editor div.editor-button-container div.send div.left {
	position: absolute;
	height: 100%;
	top: 0px;
	left: 0px;
	width: 5px;
	background: url('/img/send-button-l.png');
}
div.editor div.editor-button-container div.send div.content {
	margin-left: 5px;
	margin-right: 5px;
	width: auto;
	height: auto;
	background: url('/img/send-button.png');
	font-size: 14px;
	line-height: 25px;
}	

div.editor div.editor-button-container div.send div.right {
	position: absolute;
	height: 100%;
	top: 0px;
	right: 0px;
	width: 5px;
	background: url('/img/send-button-r.png');
}

div.editor div.editor-button-container div.smile-button {
	position: absolute;
	left: 30px;
	height: 24px;
	top: 0px;
	width: 20px;
	background: transparent url("/img/smile01.gif") center no-repeat;
	cursor: pointer;
}


table.editor-smile-table{
	border: 1px solid #4b6d90;
	width: auto;
}

table.editor-smile-table td{
	vertical-align: middle;
	text-align: center;
	background: #e3ebee;
}

table.editor-smile-table td.editor-active-smile{
	background: #e3ebee;
}

/**   editor end   **/







/**   start-line   **/
ul.start{
	height: 43px;
	overflow: hidden;
	background: url('/img/bottom-line.png') repeat-x;
}

ul.start li{
	margin-left: 8px; /* for ie */
	/*margin-right: 15px;*/ /* test in opera */
	margin-top: 4px;
	float: left;
}

ul.start>li{
	margin-left: 15px; /* for non-ie */
}

ul.start li.hidden-window{
	margin-left: 0px;
}

div.start-button-l{
	background: url(/img/l-start-button.png); /* for ie */
	float: left;
	height: 36px;
	width: 7px;
	margin-left: 8px;
}

li>div.start-button-l{
	margin-left: 15px; /* for non-ie */
}

li.hidden-window div.start-button-l{
	background-image: url(/img/button-minimized-l.png);
}

div.start-button-m{
	background: url(/img/start-button.png) repeat-x;
	float: left;
	height: 36px;
	line-height: 36px;
	width: auto;
}

li.hidden-window div.start-button-m{
	background: url(/img/button-minimized.png) repeat-x;
}

div.start-button-m a{
	border-bottom-style: none;
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	color: #304152;
}

li.hidden-window div.start-button-m a{
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	color: #304152;
}

div.start-button-r{
	background: url(/img/r-start-button.png);
	float: left;
	height: 36px;
	width: 7px;
}

li.hidden-window div.start-button-r{
	background-image: url(/img/button-minimized-r.png);
}
/**   start-line end   **/








/**   logo   **/

div.logo{
	background: url('/img/a_logo.png');
	height: 128px;
	width: 128px;
	position: absolute;
	top: 50px;
	left: 43px;
}
<!--[if IE]>
div.logo{
	position: relative;
}
<![endif]-->
/**   logo end   **/







/**   stats   **/

div.stats{
	margin-top: 5%;
	padding-left: 5%;
	margin-left: 1px;
	width: 90%;
	height: 85%;
	overflow: auto;
}

div.stats table{
	margin-top: 50px;
}

div.stats table td, div.stats table th{
	border: 1px solid black;
}

div.substats{
	height: auto;
	margin-left: 20px;
	width: auto;
}

/**   stats end   **/







/**   connect waiting block   **/

div.connect-waiting{
	position: absolute;
	width: 26%;
	height: 26%;
	left: 37%;
	/* ���� ��� �������� - left: 37 */
	/* ���� � ��������� - left: 25 */
	top: 37%;
}

div.connect-waiting div.cw-top {
	position: absolute;
	top: 0px;
	height: 1px;
	line-height: 1px;
	background: #bcbcbc;
	overflow: hidden;
}

div.connect-waiting div.cw-middle {
	position: absolute;
	top: 1px;
	bottom: 1px;
	height: auto;
	/*height: xxxexpression((this.parentNode.clientHeight - 1 - 1) + 'px');*/
}

div.connect-waiting div.cw-bottom {
	position: absolute;
	bottom: 0px;
	height: 1px;
	background: #bcbcbc;
	overflow: hidden;
}

div.connect-waiting div.cw-left {
	position: absolute;
	left: 0px;
	width: 1px;
	background: #bcbcbc;
}

div.connect-waiting div.cw-center {
	position: absolute;
	right: 1px;
	left: 1px;
	width: auto;
	/*width: xxxexpression((this.parentNode.clientWidth - 1 - 1) + 'px');*/
	text-align: center;
}

div.connect-waiting div.cw-center table{
	height: 100%;
	width: 94%;
}

div.connect-waiting div.cw-center>table{
	position: relative;
	left: 3%;
}

div.connect-waiting div.cw-right {
	position: absolute;
	right: 0px;
	width: 1px;
	background: #bcbcbc;
}

div.connect-waiting div.cw-corner-l-t {
	width: 1px;
	height: 1px;
	background: #ffffff;
}

div.connect-waiting div.cw-corner-l-b {
	width: 1px;
	height: 1px;
	background: #ffffff;
}

div.connect-waiting div.cw-corner-r-t {
	width: 1px;
	height: 1px;
	background: #ffffff;
}

div.connect-waiting div.cw-corner-r-b {
	width: 1px;
	height: 1px;
	background: #ffffff;
}

div.connect-waiting div.cw-progress {
	width: 80%;
	height: 4px;
	background: #3C3C6C;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 10px;
	position: relative;
}

div.connect-waiting div.cw-indicator {
	position: absolute;
	width: 15%;
	height: 2px;
	background: #f4a721;
	margin-top: 1px;
	overflow: hidden;
}

/**   connect waiting block end   **/








/**   menu start   **/

div.menu{
	position: absolute;
	border: 0px;
	padding: 0px;
	background-color: #d3e1ee;
	border-left: 1px solid #f4a721;
	border-right: 1px solid #f4a721;
	height: auto;
	width: auto;
}
div.menu div{
	height: auto;
	width: auto;
}
div.menu-top-element{
	border-top: 1px solid #f4a721;
}
div.menu-bottom-element{
	border-bottom: 1px solid #f4a721;
}
div.menu-with-arrow{
	background-image: url('/img/menu_arrow.png');
	background-position: right;
	background-repeat: no-repeat;
}
div.menu div.menu-active{
	background: #ddceae;
}

div.menu-element{
	position: relative;
	padding: 5px;
	font-size: 15px;
	color: #000000;
}

div.menu div.menu-splitter{
	position: relative;
	padding-top: 1px;
	overflow: hidden;
	background: #4e7891;
	height: 0px;
}

/**   menu start end   **/







/**   contact-list   **/

div.clist-container{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 30px;
	background: #eff4f7;
	height: auto;
	/*height: xxxexpression((this.parentNode.clientHeight - 30) + 'px');*/
	overflow: auto;
}

div.clist-buttons{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 30px;
	background: #bcbcbc;
	overflow: hidden;
}

div.clist-bottom-button{
	position: relative;
	display: inline-block;
	width: 19.9%;
	top: 2px;
	height: 28px;
	float: left;
}

div.clist-bottom-button-last{
/*	width: xxxexpression((this.parentNode.clientWidth -
		this.parentNode.childNodes[0].clientWidth -
		this.parentNode.childNodes[1].clientWidth -
		this.parentNode.childNodes[2].clientWidth -
		this.parentNode.childNodes[3].clientWidth) + 'px');*/
}

div.clist-bottom-buttons-lborder{
	left: 2px;
	right: 0px;
	width: auto;
	/*width: xxxexpression((this.parentNode.clientWidth - 2) + 'px');*/
}

div.clist-bbutton{
	position: absolute;
	background: #dfdfdf;
	text-align: center;
	height: 30px;
	line-height: 16px;
}

div.clist-bbutton div{
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	top: 6px;
}

div.clist-info{
	background-image: url('/img/info.png');
}

div.clist-edit{
	background-image: url('/img/pencil.png');
}

div.clist-remove{
	background-image: url('/img/trash-empty.png');
}

div.clist-history{
	background-image: url('/img/history.png');
}

div.clist-unauthorized{
	background-image: url('/img/auth.png');
}

div.inactive div.clist-info{
	background-image: url('/img/inactive-info.png');
}

div.inactive div.clist-edit{
	background-image: url('/img/inactive-pencil.png');
}

div.inactive div.clist-remove{
	background-image: url('/img/inactive-trash-empty.png');
}

div.inactive div.clist-history{
	background-image: url('/img/inactive-history.png');
}

div.inactive div.clist-unauthorized{
	background-image: url('/img/inactive-auth.png');
}




tr.group-row{
	font-weight: bold;
	font-size: 16px;
	padding-left: 0px;
	color: #000000;
}

tr.contact-row td{
	padding-left: 10px;
	font-weight: normal;
	font-size: 16px;
	color: #000000;
	cursor: pointer;
}


div.clist-c-status{
	height: 16px;
	width: 16px;
}

div.clist-c-unauthorized{
	background: url('/img/auth-small.png');
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	top: 6px;
	left: 6px;
	position: relative;
}

div.clist-status-ICQ-on{
	background: url('/img/icq-on.png');
}

div.clist-status-ICQ-away{
	background: url('/img/icq-away.png');
}

div.clist-status-ICQ-na{
	background: url('/img/icq-na.png');
}

div.clist-status-ICQ-occupied{
	background: url('/img/icq-occupied.png');
}

div.clist-status-ICQ-dnd{
	background: url('/img/icq-dnd.png');
}

div.clist-status-ICQ-chat{
	background: url('/img/icq-chat.png');
}

div.clist-status-ICQ-inv{
	background: url('/img/icq-inv.png');
}

div.clist-status-ICQ-off{
	background: url('/img/icq-off.png');
}

div.clist-status-JABBER-on{
	background: url('/img/icq-on.png');
}

div.clist-status-JABBER-away{
	background: url('/img/icq-away.png');
}

div.clist-status-JABBER-na{
	background: url('/img/icq-na.png');
}

div.clist-status-JABBER-occupied{
	background: url('/img/icq-occupied.png');
}

div.clist-status-JABBER-dnd{
	background: url('/img/icq-dnd.png');
}

div.clist-status-JABBER-chat{
	background: url('/img/icq-chat.png');
}

div.clist-status-JABBER-inv{
	background: url('/img/icq-inv.png');
}

div.clist-status-JABBER-off{
	background: url('/img/icq-off.png');
}

.contact-sel{
	background: url(/img/clist-act.png);
}


/**   contact-list   **/







/**   news panel   **/

table.news td{
	padding: 0px 7px;
}

table.news td.news-title {
	text-align: center;
	color: #505080;
	font-family: arial;
	font-size: 17px;
	font-weight: normal;
	padding-top: 6px;
}

table.news td.news-title span{
	color: #303060;
	font-family: arial;
	font-size: 10px;
	float: right;
}


table.news td.news-content{
	text-indent: 10px;
	font-size: 14px;
	border-bottom: 1px solid #BCBCDC;
	padding-bottom: 6px;
}

table.news td.all-news{
	padding-top: 16px;
	font-size: 14px;
	text-align: right;
}

div.all-news-container{
	background-color: #ffffff;
	overflow: auto;
}
/**   news panel end   **/






/**   block with settings   **/

div.block div.settings-buttons{
	padding-top: 15px;
	padding-bottom: 20px;
	position: relative;
	height: 14px;
}

div.block a.abs-rb{
	right: 15px;
	bottom: 15px;
	font-size: 14px;
	position: absolute;
}

div.block a.abs-lb{
	left: 15px;
	bottom: 15px;
	font-size: 14px;
	position: absolute;
}

/**   block with settings end   **/







/**   shading   **/
#shader-overlay {
	background-color: #f7f7f3;
	cursor:wait;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

div.shader-wait-img{
	background-image: url('/img/loading_arrows.gif');
	height: 16px;
	width: 16px;
	position: absolute;
	overflow: hidden;	
}

#shader-container {
	height: 0px;
	width: 0px;
	background: #fff;
	border: 0px;
}
/**   shading end   **/







/**   jquery SimpleModal   **/
#error-overlay, #dialog-overlay, #sample-dialog-overlay {
	background-color: #eee;
	cursor:wait;
}

#error-container, #dialog-container, #sample-dialog-container {
	height: 155px;
	width: 420px;
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 16px;
	text-align: left;
}

#dialog-container, #sample-dialog-container {
	height: auto;
	width: auto;
}

#dialog-container, #sample-dialog-container {
	background: #fff;
	border: 2px solid #336699;
}

#error-container {
	background: #fff;
	border: 2px solid #ee3333;
}

#error-container table, #dialog-container table, #sample-dialog-container table{
	width: 100%;
	height: 100%;
}

#error-container table td.text, #dialog-container table td.text, #sample-dialog-container table td.text{
	text-indent: 50px;
	padding: 10px 25px 0 25px;
}

#error-container div.cnt, #dialog-container div.cnt, #sample-dialog-container div.cnt {
	height: 100%;
	width: 100%;
	overflow: auto;
}

#error-container table tr.buttons td, #dialog-container table tr.buttons td, #sample-dialog-container table tr.buttons td {
	text-align: center;
	padding-bottom: 7px;
}

#error-container table tr.buttons input, #dialog-container table tr.buttons input, #sample-dialog-container table tr.buttons input {
	padding: 0px 15px;
}

div.sample-modal-header{
	top: 0;
	position: absolute;
	left: 0;
	height: 35px;
	line-height: 35px;
	text-indent: 20px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	color: #336699;
}
div.sample-modal-top-splitter{
	top: 35px;
	position: absolute;
	left: 0;
	height: 1px;
	overflow: hidden;
	background: #336699;
}
div.sample-modal-content{
	top: 36px;
	position: absolute;
	left: 0;
	height: auto;
	bottom: 26px;
	overflow: auto;
}
div.sample-modal-bottom-splitter{
	bottom: 25px;
	position: absolute;
	left: 0;
	height: 1px;
	overflow: hidden;
	background: #336699;
}
	
div.sample-modal-button{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	text-align: right;
	font-size: 14px;
}
div.sample-modal-button * {
	margin-right: 40px;
}
/**   jquery SimpleModal end   **/






/**   common   **/

div.width-auto{
	width: auto;	
}

/**   common end   **/







/**   settings page   **/

form.settings {
  width: 100%;
  height: 100%;
}

div.save-enter-buttons {
  text-align: center;
  width: 100%;
  height: 30px;
  left: 0px;
  bottom: 0px;
  position: absolute;
  font-size: 18px;
  line-height: 24px;
}

div.save-enter-buttons a{
	margin: 0 15px;	
}

div.used-protocols{
	height: auto;
	/* width + 2*margin-left = 100% */
	width: 90%;
	margin-left: 5%;
  	margin-top: 10px;
}

div.used-protocols-parent{
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: visible;
	position: relative;
}

div.settings-used-proto-ICQ-icon, div.settings-used-proto-JABBER-icon{
	margin: 5px;
	height: 48px;
	width: 48px;
}
div.settings-used-proto-ICQ-icon{
	background: url('/img/ICQ_out.png');
}
div.settings-used-proto-JABBER-icon{
	background: url('/img/JABBER_out.png');
}

div.settings-used-proto-ICQ-small-icon, div.settings-used-proto-JABBER-small-icon{
	margin: 5px;
	height: 24px;
	width: 24px;
}
div.settings-used-proto-ICQ-small-icon{
	background: url('/img/ICQ_out_small.png');
}
div.settings-used-proto-JABBER-small-icon{
	background: url('/img/JABBER_out_small.png');
}

div.settings-remove-in, div.settings-remove-out{	
	margin: 5px;
	height: 32px;
	width: 32px;
}
div.settings-remove-in{
	background: url('/img/delete-32-lighted.png');
}
div.settings-remove-out{
	background: url('/img/delete-32.png');
}


tr.settings-single-row td{
	padding: 5px 0px;
	font-size: 14px;
}

td.settings-tb {
	background: #bebebe;
	height: 1px;
}
td.settings-bb {
	background: #bebebe;
	height: 1px;
}
td.settings-lb {
	width: 1px;
	background: #bebebe;
}
td.settings-rb {
	width: 1px;
	background: #bebebe;
}
td.settings-tlb div, td.settings-trb div, td.settings-blb div, td.settings-brb div{
	position: relative;
}
td.settings-tlb div {
	height: 1px;
	width: 1px;
}
td.settings-trb div {
	height: 1px;
	width: 1px;
}
td.settings-blb div {
	height: 1px;
	width: 1px;
}
td.settings-brb div {
	height: 1px;
	width: 1px;
}
td.settings-trb div div, td.settings-tlb div div, td.settings-brb div div, td.settings-blb div div{
	position: absolute;
	overflow: hidden;
}

td.settings-trb div div{
	width: 8px;
	height: 8px;
	top: 0px;
	left: -7px;
	background: url('/img/circle_light_1.png');
}

td.settings-tlb div div{
	width: 8px;
	height: 8px;
	top: 0px;
	left: 0px;
	background: url('/img/circle_light_4.png');
}

td.settings-brb div div{
	width: 8px;
	height: 8px;
	top: -7px;
	left: -7px;
	background: url('/img/circle_light_2.png');
}

td.settings-blb div div{
	width: 8px;
	height: 8px;
	top: -7px;
	left: 0px;
	background: url('/img/circle_light_3.png');
}


div.protocol-selector {
  width: 136px; /* 10 + 48 + 10 + 10 + 48 + 10 */
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 58px; /* 58+2*5 */
  top: 25px;
}

input.input {
	border: 1px solid #aaaaaa;
}

input.error {
	border: 1px solid #ff0000;
}

table#selected-protocols {
  width: 100%;
}

span.no-protocols-message {
	text-align: center;
	width: 100%;
	display: inline-block;
}


table.protocol-settings {
  width: 100%;
  border-spacing: 0px;
  border-width: 0px;
  margin: 7px 0;
}

table.protocol-settings td {
  border-width: 0px;
}

tr#no_protocols_message td {
  padding-top: 3px;
  padding-left: 3px;
}



.settings-menu-splitter .left {
	width: 0px;
	height: 2px;
	background: #4F6B87;	
}
.settings-menu-splitter .right {
	width: 0px;
	height: 2px;
	background: #4F6B87;	
}
.settings-menu-splitter .center {
	width: auto;
	height: 2px;
	background: #4F6B87;
}

.settings-menu-button .top-left{
	height:	0px;
	width: 0px;
	background: #ffffff;
}
.settings-menu-button .top-center{
	height:	0px;
	width: auto;
	background: #ffffff;
}
.settings-menu-button .top-right{
	height:	0px;
	width: 0px;
	background: #ffffff;
}
.settings-menu-button .bottom-left{
	height:	0px;
	width: 0px;
	background: #ffffff;
}
.settings-menu-button .bottom-center{
	height:	0px;
	width: auto;
	background: #ffffff;
}
.settings-menu-button .bottom-right{
	height:	0px;
	width: 0px;
	background: #ffffff;
}
.settings-menu-button .middle-left{
	height:	auto;
	width: 0px;
	background: #ffffff;
}
.settings-menu-button .middle-right{
	height:	auto;
	width: 0px;
	background: #ffffff;
}

.settings-menu-button .middle-center{
	height:	auto;
	width: auto;
	background: url(/img/settings-menu-button.png);
	text-indent: 15px;
	font-size: 12pxpx;
	font-family: arial;
	color: #000000;
	font-weight: normal;
}


.settings-menu-onmouseover-button .top-left{
	background: #ffffff;
}
.settings-menu-onmouseover-button .top-center{
	background: #ffffff;
}
.settings-menu-onmouseover-button .top-right{
	background: #ffffff;
}
.settings-menu-onmouseover-button .bottom-left{
	background: #ffffff;
}
.settings-menu-onmouseover-button .bottom-center{
	background: #ffffff;
}
.settings-menu-onmouseover-button .bottom-right{
	background: #ffffff;
}
.settings-menu-onmouseover-button .middle-left{
	background: #ffffff;
}
.settings-menu-onmouseover-button .middle-right{
	background: #ffffff;
}

.settings-menu-onmouseover-button .middle-center{
	background: url(/img/settings-menu-onmouseover-button.png);
	text-indent: 15px;
	font-size: 12pxpx;
	font-family: arial;
	color: #000000;
	font-weight: normal;
}



.settings-menu-active-button .top-left{
	background: #ffffff;
}
.settings-menu-active-button .top-center{
	background: #ffffff;
}
.settings-menu-active-button .top-right{
	background: #ffffff;
}
.settings-menu-active-button .bottom-left{
	background: #ffffff;
}
.settings-menu-active-button .bottom-center{
	background: #ffffff;
}
.settings-menu-active-button .bottom-right{
	background: #ffffff;
}
.settings-menu-active-button .middle-left{
	background: #ffffff;
}
.settings-menu-active-button .middle-right{
	background: #ffffff;
}

.settings-menu-active-button .middle-center{
	background: url(/img/settings-menu-active-onmouseover-button.png);
	text-indent: 15px;
	font-size: 12pxpx;
	font-family: arial;
	color: #000000;
	font-weight: normal;
}

.settings-menu-active-onmouseover-button .top-left{
	background: #ffffff;
}
.settings-menu-active-onmouseover-button .top-center{
	background: #ffffff;
}
.settings-menu-active-onmouseover-button .top-right{
	background: #ffffff;
}
.settings-menu-active-onmouseover-button .bottom-left{
	background: #ffffff;
}
.settings-menu-active-onmouseover-button .bottom-center{
	background: #ffffff;
}
.settings-menu-active-onmouseover-button .bottom-right{
	background: #ffffff;
}
.settings-menu-active-onmouseover-button .middle-left{
	background: #ffffff;
}
.settings-menu-active-onmouseover-button .middle-right{
	background: #ffffff;
}

.settings-menu-active-onmouseover-button .middle-center{
	background: url(/img/settings-menu-active-onmouseover-button.png);
	text-indent: 15px;
	font-size: 12pxpx;
	font-family: arial;
	color: #000000;
	font-weight: normal;
}


.settings-menu-bold-button .top-left{
	background: #ffffff;
}
.settings-menu-bold-button .top-center{
	background: #ffffff;
}
.settings-menu-bold-button .top-right{
	background: #ffffff;
}
.settings-menu-bold-button .bottom-left{
	background: #ffffff;
}
.settings-menu-bold-button .bottom-center{
	background: #ffffff;
}
.settings-menu-bold-button .bottom-right{
	background: #ffffff;
}
.settings-menu-bold-button .middle-left{
	background: #ffffff;
}
.settings-menu-bold-button .middle-right{
	background: #ffffff;
}

.settings-menu-bold-button .middle-center{
	background: url(/img/settings-menu-bold-button.png);
	text-indent: 15px;
	font-size: 12pxpx;
	font-family: arial;
	color: #000000;
	font-weight: normal;
}

.settings-menu-bold-onmouseover-button .top-left{
	background: #ffffff;
}
.settings-menu-bold-onmouseover-button .top-center{
	background: #ffffff;
}
.settings-menu-bold-onmouseover-button .top-right{
	background: #ffffff;
}
.settings-menu-bold-onmouseover-button .bottom-left{
	background: #ffffff;
}
.settings-menu-bold-onmouseover-button .bottom-center{
	background: #ffffff;
}
.settings-menu-bold-onmouseover-button .bottom-right{
	background: #ffffff;
}
.settings-menu-bold-onmouseover-button .middle-left{
	background: #ffffff;
}
.settings-menu-bold-onmouseover-button .middle-right{
	background: #ffffff;
}

.settings-menu-bold-onmouseover-button .middle-center{
	background: url(/img/settings-menu-bold-onmouseover-button.png);
	text-indent: 15px;
	font-size: 12pxpx;
	font-family: arial;
	color: #000000;
	font-weight: normal;
}

.settings-menu-disabled-button .top-left{
	background: #ffffff;
}
.settings-menu-disabled-button .top-center{
	background: #ffffff;
}
.settings-menu-disabled-button .top-right{
	background: #ffffff;
}
.settings-menu-disabled-button .bottom-left{
	background: #ffffff;
}
.settings-menu-disabled-button .bottom-center{
	background: #ffffff;
}
.settings-menu-disabled-button .bottom-right{
	background: #ffffff;
}
.settings-menu-disabled-button .middle-left{
	background: #ffffff;
}
.settings-menu-disabled-button .middle-right{
	background: #ffffff;
}

.settings-menu-disabled-button .middle-center{
	background: url(/img/settings-menu-disabled-button.png);
	text-indent: 15px;
	font-size: 12pxpx;
	font-family: arial;
	color: #555555;
	font-weight: normal;
}

.settings-menu-disabled-onmouseover-button .top-left{
	background: #ffffff;
}
.settings-menu-disabled-onmouseover-button .top-center{
	background: #ffffff;
}
.settings-menu-disabled-onmouseover-button .top-right{
	background: #ffffff;
}
.settings-menu-disabled-onmouseover-button .bottom-left{
	background: #ffffff;
}
.settings-menu-disabled-onmouseover-button .bottom-center{
	background: #ffffff;
}
.settings-menu-disabled-onmouseover-button .bottom-right{
	background: #ffffff;
}
.settings-menu-disabled-onmouseover-button .middle-left{
	background: #ffffff;
}
.settings-menu-disabled-onmouseover-button .middle-right{
	background: #ffffff;
}

.settings-menu-disabled-onmouseover-button .middle-center{
	background: url(/img/settings-menu-disabled-button.png);
	text-indent: 15px;
	font-size: 12pxpx;
	font-family: arial;
	color: #555555;
	font-weight: normal;
}

.settings-menu-button {
	cursor: pointer;
}

/**   settings page end   **/

/**   panel "about project"   **/

div.info-about{
	padding-top: 20px;
	height: auto;
	text-align: center;
}

/**   panel "about project" end   **/





/**   page "view protocols"   **/
	
div.view-protocols-left-panel {
	height: auto;
	margin-top: 220px;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
}
table.protocol-buttons {
	width: 100%;
	height: 100%;
}
table.protocol-buttons td.protocol-buttons-button {
	width: 50%;
	text-align: center;
	
}

/**   page "view protocols" end   **/






/**   page "user settings"   **/

.page-settings-table * {
	font-size: 14px;
}

html body div.main input.error_field {
	border-color: #ff0000;
}

table td.error_field_text{
	font-size: 75%;
	text-indent: 50px;
	color: #ff0000;
	margin: 0;
	padding: 0;
}

/**   page "user settings" end   **/





/**   menu component   **/

table.menu-component {
	width: 100%;
}

div.left-menu-container {
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	height: auto;
	width: auto;
	display: inline-block;
	border: 0px solid #ffffff;
}

div.left-menu-item-container {
	margin-top: 15px;
	display: inline-block;
	height: auto;
}

table.menu-component td.last, table.menu-component th.last{
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-radius-bottomleft: 7px;
	border-radius-bottomright: 7px;
}

table.menu-component th, table.menu-component td{
	border-left: 0px solid #000000;
	border-right: 0px solid #bcbcbc;
	border-bottom: 1px solid #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
}

table.menu-component {
	border-top: 0px solid #ffffff;
}

table.menu-component td span{
	font-size: 14px;
	font-weight: bold;
	font-family: Arial,sans-serif;
	color: #0A67A3;
	text-decoration: none;
    border-bottom: 1px none #0A67A3;
}

table.menu-component td.active span{
	color: #A5D6E1;
}

table.menu-component th span{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial,sans-serif;
	color: #ffffff;
	text-decoration: none;
    border-bottom: 0px dashed #ffffff;
}

table.menu-component th{
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-radius-topleft: 7px;
	border-radius-topright: 7px;
	border-left: 0px solid #000000;
	border-right: 0px solid #bcbcbc;
	border-top: 1px solid #ffffff;
	background: url(/img/medium_button.png) repeat-x scroll 50% 50% #3E97D1;
	text-align: center;
}

table.menu-component td{
	background: #C5E9FF;
	cursor: pointer;
	text-align: center;
}

table.menu-component td:hover{
	background: #03426A;
}

table.menu-component td:hover span{
	color: #A5D6E1;
}

table.menu-component td.active{
	background: #03426A;
}

/**   menu component end   **/