body {font-family: "Arial"; font-size: 13px }
input {font-family: "Arial"; }
h1 {font-size: 2.2em; font-weight: normal; margin-bottom: 15px; border-bottom: 0px solid #999; /*color: #006600*/}
h1.clear {border-bottom: 0px}
h2 {font-size: 1.6em}
h3 {font-size: 1.4em; margin-top: 15px; margin-bottom: 10px}

input.s1 {font-size: 1.4em; width: 300px}
input.sb {font-size: 1.4em; padding-left: 10px; padding-right: 10px; }
input.sb1 {font-size: 1.4em; padding-left: 10px; padding-right: 10px; color: #666}
* html input.sb, input.sb1 {padding-left: 0px; padding-right:0px}
dd {text-indent: 0px}

a, a.visited {color: #4444BB}



/* Forms */

.info-block label, .simple-form label, .multi-form label {text-transform: capitalize}
.info-block .title {padding: 3px 5px; background: #F8F8F8; color: black; border: 1px solid #CCC; font-weight: bold; clear: both; }
.info-block .title.gray {font-weight: normal}
/*.simple-form .title, .multi-form .title */ 
.info-block .title a, .simple-form .title a , .multi-form .title a {text-decoration: none; color: black}
.info-block label {font-weight: bold}
.info-block .content {padding: 5px}
.info-block .content.fullwidth {padding: 0px}
.info-block .content.normal label  {font-weight:normal}

.simple-form {padding: 10px; background: #F3F3F3; margin-bottom: 15px}
.simple-form input.s1, textarea.s1, .multi-form input.s1 {display: block; margin-bottom: 10px; }
.simple-form label {font-size: 1.1em; clear:both; display: block}
.simple-form label {font-size: 1.1em; text-transform: capitalize}
.simple-form .field {padding-bottom: 10px}
.simple-form.blocks label {display: block; }
.simple-form .title {padding: 3px 5px; margin-bottom: 8px; background: #DDD; color: black; }

.multi-form {padding: 10px; background: #F3F3F3; margin-bottom: 15px}
.multi-form p.field {margin: 0; padding: 5px 0 8px 0; padding-left: 100px;	}
.multi-form p.separator {height: 3px; background: #E5E5E5; padding-top: 0px; padding-bottom: 0px; margin-bottom: 10px}

.multi-form div.section {}
.multi-form div.section div.title {background: #DDD; padding: 3px; color: #444}
.multi-form div.section div.content {padding: 3px; }

.multi-form p.field label {font-size: 1em; float: left; margin-left: -100px; width: 110px;}
.multi-form p.field input.s1 {display: block; margin-bottom: 10px}

.multi-form p.simple {margin-left:0px; display: block; clear: both; padding-left: 0px}
.multi-form p.simple label {float: none; margin-left: 0px;}

.multi-form.wide p {}
.multi-form.wide p.field {padding-left: 200px;	}
.multi-form.wide p.field label {font-size: 1em; float: left; margin-left: -200px; width: 200px;}

.multi-form p.buttons {padding-left: 0px; padding-top: 20px}

/* Blocks */
.messages-block {border: 1px solid #BBB; background: #F0F0F0; padding: 10px; margin-bottom: 20px}
.messages-block .title {font-weight: normal; font-size: 0.9em; color: #666}
.messages-block ul li {font-size: 1.4em; padding-left: 21px; color: red; background: URL("/_common/cimg/icons/error.gif") no-repeat; background-position: center left; }
.messages-block ul.messages li {color: green; background: URL("/_common/cimg/icons/information.gif") no-repeat; }

.float-block {float: left; margin-right: 10px}
.float-block.right {float: right; margin: 0px}
.float-block .inner, .float-block-bg .inner {padding: 10px; color: white; font-weight: normal; font-size: 1.1em}
.float-block-bg {float: left; }

/* Lists */
.icon-links-list {margin-top: 5px; clear: both}
.icon-links-list li {margin-bottom: 5px; display: block; float: left; margin-right: 10px}
.icon-links-list li a {text-decoration: none; }

.icon-links-list.big li  {margin-right: 10px; }
.icon-links-list.big li a {text-decoration: none; font-size: 1.2em; font-weight: bold}


.list {}
.simple-list dt {padding: 3px 5px; background: #2C7486; color: white; border: 1px solid #444477}
.simple-list dt a {color: white; text-decoration: none}
.simple-list dt .title {font-weight: normal; font-size: 1.2em}
.simple-list dt .controls {float: right; font-size: 0.9em}
.simple-list dt .controls .icon-link {padding-left: 19px; background-repeat: no-repeat; background-position: left center; padding-right: 5px}
.simple-list dd {padding: 5px} 

.sections-list dt {font-size: 1.4em}
.sections-list dd {padding-bottom: 25px; padding-left: 10px; padding-top: 3px; color: #666} 
.sections-list.graytext dd {font-size: 1em; color: black}
.sections-list.graytext dd input, .sections-list.graytext dd textarea {font-size: 0.85em; border: 1px solid #DDD; margin-top: 10px;}


/* Elements */
.buttons a {margin-left: 0px}

a.yellow-btn {display: block; float: left; height: 34px; padding-right: 10px; background: transparent URL("/_common/cimg/yellow-btn.right.gif") no-repeat scroll top right; font-size: 12pt; color: #333; text-decoration: none}
a.yellow-btn span {background: transparent URL("/_common/cimg/yellow-btn.left.gif") no-repeat; line-height: 24px; padding: 5px 0px 5px 10px; display: block}
a.yellow-btn.bold span {font-weight: bold; color: black}

a.simple-btn {display: block; float: left; height: 25px; padding-right: 10px; background: transparent URL("/_common/cimg/simple-btn.right.gif") no-repeat scroll top right; font-size: 9pt; color: #333; text-decoration: none; margin-right: 5px}
a.simple-btn span {background: transparent URL("/_common/cimg/simple-btn.left.gif") no-repeat; line-height: 20px; padding: 2px 0px 5px 10px; display: block}
a.simple-btn.bold span {font-weight: bold}
a.simple-btn:hover span {color: #BB00BB}

a.orange-btn {height: 25px; padding-right: 10px; background: transparent URL("/_common/cimg/green-btn.right.gif") no-repeat scroll top right; font-size: 9pt; color: #333; text-decoration: none; margin-right: 5px}
a.orange-btn span {background: transparent URL("/_common/cimg/green-btn.left.gif") no-repeat; line-height: 20px; padding: 2px 0px 5px 10px; }
a.orange-btn.bold span {color: #444; font-weight: bold}
a.orange-btn:hover span {}


/* Other common controls */
label.notransform {text-transform: none}
.icon-text {padding-left: 20px; background-position: left center; background-repeat: no-repeat}

.bordered {border: 1px solid #BBB}


ul.marked_arrow, ul.marked_check, ul.marked_info {margin-bottom: 10px; margin-left: 3px; margin-top: 5px}
ul.bold li {font-weight: bold}
ul.marked_arrow li , ul.marked_check li, ul.marked_info li {padding-left: 16px; }
ul.marked_arrow li {background: URL("/_common/cimg/icons/arrow_right.gif") no-repeat; }
ul.marked_check li {background: URL("/_common/cimg/icons/accept.gif") no-repeat; padding-left: 20px; font-size: 1.1em; padding-bottom: 2px}
ul.marked_info li {background: URL("/_common/cimg/icons/information.gif") no-repeat; padding-left: 20px; font-size: 1.1em;}


font.big, a.big {font-size: 1.4em}


.chats-list li {padding-bottom: 10px; height: 54px}
.chats-list .count {background: #BBB; margin-right: 10px; padding: 5px 5px; text-align: center; width: 50px; float: left}
.chats-list .count .num {font-size: 1.3em; color: white; float: none; margin-right: 3px; font-weight: bold}
.chats-list .count .text {font-size: 0.8em; color: white; text-align: center; float: none}



.pagenums-block {padding-top: 15px}
	.pagenums-block a {margin-right: 5px}
	.pagenums-block .pagesnums-list {padding-top: 10px}
	.pagenums-block .pagesnums-list a.active {background: #EEE; padding: 5px 10px; border: 1px solid #999}
	

.x-dlg {
  position: fixed;
  position:expression("absolute");
}

.nd {display: none}

ol.marked {
	list-style-type: decimal;
	margin-left: 30px; margin-top: 20px; margin-bottom: 20px
}
ol.marked li {margin-bottom: 7px;}

ul.marked {
	list-style: square inside;
	margin-left: 30px; margin-top: 20px; margin-bottom: 20px
}