html, body {overflow-x: hidden;}
body, input, textarea, select, button {font-family: Sans-Serif; font-size: 12px;}
body {
	background: #F0F0F0;
	color: #000000;
	line-height: 16px;
	max-width: 1000px;
	margin: auto;
	padding: 0;
	}
	
a{text-decoration:none; color:#4C6B8F; margin:0px; padding:0px;}
a:hover{text-decoration: underline;}

ul {margin: 3px 0px 0px 0px;}
body {box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);}

.display_none {display:none;}
.clear {clear: both;}
.time {color: #909090;}
.visit {color: #777777;}
.title .visit {color: #A5ABAD;font-size:10px;}
.err {background: #F9F6E7; border: 1px solid #D4BC4C; padding: 8px; margin: 4px;}
.ok {background: #E9F6E7; border: 1px solid #D9E6D7; padding: 8px; margin: 4px;}
.online {color: #A5ABAD; font-weight: bold; font-size: 11px;}
#bg_orange {background: #E66916;}
#bg_red {background: #C61916;}
#bg_black {background: #606060;}
.right {float: right;}
.ico {margin-right: 6px;}
.avatar_icons {float: left; margin: 0px 6px 0px 0px; width: 32px; height: 32px; border-radius: 3px;}
.preview, .preview_mini, .preview_icons {background: #FFFFFF; padding: 1px; margin: 1px;}
.preview {max-width: 500px; max-height: 400px;}
.preview_mini {max-width: 30%;}
.preview_icons {max-width: 30%;}
.album_cover {background: #FFFFFF; padding: 1px; margin-right: 6px; border: 1px solid #DCDCDC; float: left;}
.del_cache {background:url(img/del.png) center no-repeat;}
.del_cache img {opacity: 0.5;}
.del_cache img:hover {opacity: 1;}
.re_comm {display: none;}
.quote {background: #F5F5F5; padding: 6px; color: #777777; margin-bottom: 6px;}

.for_mobile {display: none;}

a.crl {background: #F5F5F5; padding: 6px; margin: 1px; border-radius: 3px; text-decoration: none;}
a.crl b {margin-left: 3px; color: #808080;}

#home {background-image: url(img/bar/home.png); background-repeat: no-repeat; background-position: center; background-size: auto 60%;}
#mail {background: url(img/bar/mail.png); background-repeat: no-repeat; background-position: center; background-size: auto 60%;}
#journal {background: url(img/bar/journal.png); background-repeat: no-repeat; background-position: center; background-size: auto 60%;}
#user {background: url(img/bar/user.png); background-repeat: no-repeat; background-position: center; background-size: auto 60%;}
#home:hover, #mail:hover, #journal:hover, #user:hover {background-color: rgba(0,0,0,0.1);}

#count_mail_mobile b, #count_journal_mobile b {font-size: 10px; color: #FFFF00; margin-left: 40px; line-height: 16px;}


#loading {background: #FFFFFF url(img/loading.gif) center no-repeat; opacity: 0.9; width: 64px; height: 64px; border-radius: 100%; position: fixed; top: 50%; left: 50%; margin: -32px 0px 0px -32px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); display: none;}

#notifications {background: rgba(0,0,0,0.6); color: #FFFFFF; z-index: 1000; position: fixed; top: 200px; width: 350px; padding: 10px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.6); border-radius: 3px; display: none;}

#panel_notifications {z-index: 1000; position: fixed; bottom: 0; left: 0; margin: 10px; width: 300px;}
#panel_notifications a {color:#8CABBF;}
.block_notification {background: rgba(0,0,0,0.6); color: #FFFFFF; margin-top: 10px; padding: 10px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.6); border-radius: 3px; display: none;}

.player {background: #F8F8F8; position: fixed; bottom: 0; right: 0; z-index: 1; width: 206px; padding: 1px; margin: 10px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);}
img.track {background: #82AA61; width: 25px; height: 25px; padding: 3px; margin-right: 3px; border-radius: 3px;}

#progressbar {width: 100%;}

#window {background: #F7F7F7; position: absolute; width: 600px; top: 100px; margin-left: 200px; z-index: 1000; box-shadow: 0 0 8px 6px rgba(0,0,0,0.1); border: 1px solid #FFFFFF; display: none;}
#window textarea {height: 200px;}

#form_content {display: none;}
#form_content img {margin: 2px;}

img {vertical-align: middle;}
table {margin: auto;}
td {vertical-align: top; width: 100%;}
.input {
	padding: 4px;
	margin: 4px 0px 4px 0px;
	font-family:Arial,sans-serif;
	outline: 0;
	border: 1px solid #C4D1B9;
	border-radius: 3px;
	display: block;
	width: 98%;
	}
.menu form {padding: 6px;}
.input2 {
	padding: 4px;
	margin: 4px 0px 4px 0px;
	font-family:Arial,sans-serif;
	outline: 0;
	border: 1px solid #C4D1B9;
	border-radius: 3px;
	}
.input_file {
	margin-bottom: 5px; width: 80%;
	}

.button {
	background: #82AA61;
 	color: #FFFFFF;
	font-weight: bold;
	padding: 6px;
	border: 0;
	border-radius: 3px;
	display: block;
	width: 99.6%;
	cursor: pointer;
	}
a.button {text-decoration: none;}
.button2 {
	background: #82AA61;
 	color: #FFFFFF;
	font-weight: bold;
	padding: 6px;
	border: 0;
	border-radius: 3px;
	width: auto;
	cursor: pointer;
	}
.button3 {
	background: none;
	padding: 6px;
	border: 0;
	width: auto;
	cursor: pointer;
	}
.button_a {
	background: #E5EBE1;
	font-weight: bold;
	padding: 6px;
	display: block;
	text-align: center;
	border-radius: 3px;
	
	}
.button_a:hover {text-decoration: none;}

.button_player {background: #F7F7F7; padding: 6px; margin-right: 6px; border: 1px solid #F0F0F0; border-radius: 3px; cursor: pointer; float: left;}

.head {position: fixed; z-index: 1000; top: 0; left: 0; right: 0; background: #80A65D; height: 40px; box-shadow: 0 2px 3px rgba(0,0,0,0.3);}
.head_panel {max-width: 850px;}
.head_nav {display: none;}
.head_nav a {display: block; width: 25%; height: 40px; line-height: 40px; text-align: center; float: left; text-decoration: none;}

.head_panel {position: fixed; top: 0; width: 850px; text-align: right; z-index: 1000;}
a.a_head_panel {background: #66844A; color: #FFFFFF; padding: 6px; margin-right: 6px; font-size: 11px; font-weight: bold; line-height: 40px; border-radius: 3px;  text-decoration: none;}

.logo {position: fixed; top: 0; z-index: 1000; line-height: 40px; text-align: center; color: #FFFFFF; font-weight: bold; padding-left: 10px;}
.content_left .logo {width: 200px; padding-left: 0px;}
.content_left, .content_right, .content {padding-top: 40px;}
.content_left, .content_right {background: #F8F8F8; width: 200px;}
.content_block {background: #FFFFFF;}
.content_block li {
	font-weight: bold;
	font-size: 12px;
	padding: 8px;
	border-bottom: 1px solid #EFEFEF;
	list-style: none;
	}
.content_block li:hover {background: rgba(0,0,0,0.03);}
.content_block a {color: #777777; text-decoration:none;}
.content_block #count_mail b, .content_block #count_friends b, .content_block #count_journal b {background: #FF7857; color: #FFFFFF; padding: 3px 6px 3px 6px; margin: -3px 0px 0px 0px; border-radius: 3px; float: right;}
.content_block img {float:left; margin-right: 6px; opacity: 0.7;}

.block2 .status {padding: 0px; font-weight: normal;}

.content {
	width: 600px;
	background: #FFFFFF;
	position:relative;
	padding-top: 40px;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
	margin: auto;
	}
.wrap {
	width: 600px;
	word-wrap:break-word;
	overflow: hidden;
	position:relative;
	display: block;
	}
.title {
	background: #E5EBED;
	color: #656B6D;
	font-weight: bold;
	padding: 8px;
	clear: both;
	margin-bottom: 1px;
	}
.title a, .title .input2 {background: #FFFFFF; padding: 5px; font-weight: normal; border-radius: 3px;}
.title a {display: inline-block;}
.title .right a {background: none; padding: 1px; opacity: 0.6;}
.title a img {opacity:0.9; margin-left: 3px;}
a.title_a_hover {background: #82AA61; color: #FFFFFF; padding: 5px; font-weight: normal; border-radius: 3px;}
#title {
	background: #E5EBED;
	color: #858B8D;
	font-weight: bold;
	padding: 6px;
	}
#title a {font-weight: normal;}
#title_menu {display: none;}
#title_menu a {display: block; padding-left: 6px; line-height: 30px; border-bottom: 1px solid #E5EBED; text-decoration: none;}

.status {padding-bottom: 5px; font-size: 11px;}
.form_status {display: none; padding-bottom: 5px;}
.form_status .button {width: 100px; display: inline-table;}

.post_panel {text-align: right; display: block; padding-top: 6px;}

.block {
	padding: 8px;
	border-bottom: solid 1px #E4E5E6;
}
.block1 {
	background: #E5EBED;
	color: #000000;
	padding: 8px;
	margin-bottom: 1px;
	border-bottom: solid 1px #E4E5E6;
	}
.block2 {
	background: #E5EBED;
	color: #000000;
	padding: 8px;
	clear: both;
	margin-bottom: 1px;
	}

.block_left {width: 40%; float: left; text-align: center; padding: 10px 0px 10px 0px;}
.block_left .button {width: 200px; margin-top: 8px; text-align: center;}
.block_right {width: 60%; float: right; padding: 10px 0px 0px 0px; overflow: hidden;}
.block_right li {color: #777777; width: 40%; float: left; list-style: none;}
.block_right a li {background: #F5F5F5; color: #808080; font-weight: bold; width: 100%; margin: 1px; padding: 6px;}
.block_right b {float: right; margin-right: 16px;}

.navi {
	background: #E5EBED;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
	clear: both;
	border-bottom: 1px solid #F5FBFD;
	}
.navi a {background: #FFFFFF; color: #999999; padding: 3px 6px 3px 6px; font-weight: normal; border-radius: 3px; margin-bottom: 1px; display: inline-block; text-decoration: none;}
.navi a:hover {background: #82AA61; color: #FFFFFF;}
.navi u {padding: 3px 0px 3px 0px; font-weight: bold; border-radius: 3px; text-decoration: none; margin-bottom: 1px;}
.navi b {background: #E67916; padding: 3px 6px 3px 6px; font-weight: normal; border-radius: 3px; text-decoration: none; display: inline-block;}

.foot {
	background: #F8F8F8;
	color: #999999;
	text-align: center;
	padding: 12px;
	}
.foot a {color: #92BA61; padding: 2px 3px 2px 3px; margin:1px; border-radius:3px; display: inline-block;}

.panel_foot {padding-bottom: 6px;}

.scroll_fix_bg {
    cursor: pointer;
    position: fixed;
    width: 200px;
	top: 0;
	bottom: 0;
	display: none;
}
.scroll_fix_bg:hover {background: rgba(0,0,0,0.03) url(img/scrolltop.jpg) no-repeat center 40px;}

.menu_list {
  margin-bottom: -2px;
}
.body_icon{background:url(/design/image/faq_icons.png?1) left 12px no-repeat;padding:10px 0 0px 4px}

.content_blocks li {
	font-weight: bold;
	font-size: 12px;
	padding: 12px;
	border-bottom: 1px solid #EFEFEF;
	list-style: none;
	}
