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; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; border-radius: 4px;}
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 */
#radio_message {border:1px solid #ccc;}
.radio_forms {border:1px solid #ccc; background:#F3F3F3; width:439px}
.main_forms {border:1px solid #ccc; }
.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; -moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px;}
.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; border: 1px solid #ccc;-moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px;}
.simple-form input.s1, textarea.s1, .multi-form input.s1 {display: block; margin-bottom: 10px; border:1px solid #ccc;}
.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;}

/*----------------------------------profile-------------------------------------*/
.photo-form {padding: 5px;border: 3px solid #ccc;float:left;background-color: #ccc;}

.profile-form-1 {padding: 10px; background: #F3F3F3; margin-bottom: 15px; border: 1px solid #ccc;width:100%;cursor: default;
  background-color: #F3F3F3;
  background-position: center center;
  background-repeat: no-repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 260, from(#F1F1F1), to(#F3F3F3));  
  background: -webkit-radial-gradient(circle, #F1F1F1, #F3F3F3);  
  background: -moz-radial-gradient(circle, #F1F1F1, #F3F3F3);
  background: -ms-radial-gradient(circle, #F1F1F1, #F3F3F3);
  height:80%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;}

.profile-form {padding: 5px; margin-bottom: 5px; cursor: default; margin-left:40%}
.profile-form input.s1, textarea.s1, .multi-form input.s1 {display: block; margin-bottom: 10px; }
.profile-form label {font-size: 1.1em; clear:both; display: block}
.profile-form label {font-size: 1.1em; text-transform: capitalize}
.profile-form .field {padding-bottom: 10px}
.profile-form.blocks label {display: block; }
.profile-form .title {padding: 3px 5px; margin-bottom: 8px; background: #DDD; color: black; }
/*----------------------------------profile end-------------------------------------*/

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


.share-form {padding: 10px; background: #F3F3F3; margin-bottom: 15px; border: 1px solid #ccc; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;}
.share-form:hover {color:#FF8C00;padding: 10px; background: #fff; margin-bottom: 15px; border: 1px solid #ccc;}

.moderlist {border:1px #ccc solid; background:#ededed;margin:5px;width:190}
.moderlist:hover {background: #F3F3F3;}

.multi-form {padding: 10px; background: #F3F3F3; margin-bottom: 15px;border: 1px solid #ccc;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;}
.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}


.icon-text_menu li {display: inline;list-style-type: none;}
.icon-text_menu li a {display: inline;text-align: center;color: #000;text-decoration: none;padding: 0 1.0em;height: 20px;line-height: 20px;background:#fff;border: 1px solid #ebebeb;}
.icon-text_menu li a:hover {color: #000;text-decoration: none;background: #f2f2f2;border: 1px solid #ebebeb;}
.icon-text_menu li a.active {background: #f2f2f2;color: #000;text-decoration: none;border: 1px solid #ebebeb;}


.bordered {border: 1px solid #BBB}

.friends {padding:10px;border: 1px solid #BBB;}
.friends:hover {padding:10px;background-color:#e6e6e6;}
.friends_tb {width:100px; height: 100%}

.users_list_nick {padding-left: 10px; font-size: 1.3em; font-weight: bold; text-decoration:none; text-align: center;width:200px; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px }
.users_list_nick:hover {padding-left: 10px; font-size: 1.3em; font-weight: bold; text-decoration:none; text-align: center; background: #F8F8F8; -moz-border-radius: 6px;-webkit-border-radius: 6px; }
.users_list_inf {font-size: 10px; color:#000fff; text-align: center; cursor: default;}
.users_list_id {font-size: 10px; color:#ccc; padding-left:3px;padding-top:3px; padding-right:3px;text-align: center; float:left; cursor: default; }
.users_list_ava {padding:5px; margin-top:8px;margin-bottom:6px;border: 1px solid #DDD;width:100px; background: #F8F8F8;cursor: pointer; -moz-border-radius: 6px;-webkit-border-radius: 6px;  border-radius: 4px;}
.users_list_tb {width:300px; height: 100%; background: #F8F8F8; -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; border: 1px solid #DDD;}

.chat_list_delete {font-size: 10px; color:#ccc; padding-left:3px;padding-top:0px; padding-left:3px;text-align: center; float:right; cursor: default; }

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; text-decoration:none}
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; -moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px;}
.chats-list .count {background: #BBB; margin-right: 10px; padding: 5px 5px; text-align: center; width: 50px; float: left; -moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px;}
.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; text-decoration:none}
	.pagenums-block .pagesnums-list {padding-top: 5px}
	.pagenums-block .pagesnums-list a {padding: 0px 4px 0px 4px; border: 1px solid #ccc; -moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px;}
	.pagenums-block .pagesnums-list a:hover {padding: 0px 4px 0px 4px; background: #F8F8F8; border: 1px solid #ccc; -moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px;}
	.pagenums-block .pagesnums-list a.active {background: #EEE; padding: 0px 6px 0px 6px; border: 1px solid #ccc; -moz-border-radius: 4px;-webkit-border-radius: 4px;  border-radius: 4px;}
	

.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;
}