/* ---------------- default start ---------------- */

* {
	margin: 0;
	padding:0;
}

h1,h2,h3,h4,h5 {
	font-size: 12px;
}

ul {
	list-style: none;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #CC332A;
}

.superlink {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.superlink:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

table {
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

table td {
	padding: 0;
}

img {
	border: 0;
}

html {
	height: 100%;
}

body {
	color: #000;
	font: normal 12px tahoma,arial,helvetica,sans-serif;
	height: 100%;
	height: auto !important;
	min-height: 100%;
	position: relative;
	z-index: 1;
	background: #f7e1c7 url("/images/body_top.gif") repeat-x top;
}

/* ---------------- default end ---------------- */


/* ---------------- main start ---------------- */

textarea {
    box-sizing: border-box;
}

body.mobile .container {
  width: 100%;
  margin: 0;
}

.container {
	width: 1006px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
	_zoom: 1;
}

/* ---------------- main end ---------------- */


/* ---------------- header start ---------------- */

body.mobile .head {
  /*display: none;*/
  background: #67c3e2;
  padding: 10px;
  height: auto;
  text-align: center;
}

.head {
	height: 108px;
	position: relative;
	background: url("/images/head_bg.jpg") no-repeat;
}

.head .logo {
	float: left;
}

body.mobile .head .logo {
  display: none;
}

.head .form_auth {
	float: right;
	width: 630px;
	margin: 17px 15px 0 0;
	_display: inline;
}

body.mobile .head .form_auth {
    float: none;
    width: auto;
    margin: 0;
}

.head .left {
	float: left;
	width: 360px;
	color: #fff;
}

body.mobile .head .left {
    float: none;
    width: auto;
    color: #fff;
}

.head .lp {
	float: left;
	padding: 0 10px 0 0;
}

.head .lp p {
	color: #fff;
	font: bold 13px tahoma;
}

.head .lp div {
	padding: 2px;
	background: #2e4149;
	border: 1px solid #000;
}

.head .lp input {
	width: 120px;
	height: 16px;
	background: none;
	border: 0;
	color: #fff;
	cursor: text;
}

.head .enter {
	float: left;
	margin: 14px 0 0;
}

.head .forgot {
	overflow: hidden;
	_zoom: 1;
	float: left;
}

.head .forgot a {
	color: #fff;
	float: left;
}

.head .forgot a:hover {
	color: red;
}

.head .rch {
	overflow: hidden;
	_zoom: 1;
	padding: 0 0 0 95px;
}

body.mobile .head .rch {
	padding: 0 0 0 15px;
}

.head .rch input,
.head .rch p {	
	float: left;
}

.head .rch input {
	margin: 1px 0 0 0;
}

.head .rch p {
	margin: 0 0 0 5px;
}

.head .right {
	float: right;
	width: 255px;
	color: #fff;
}

body.mobile .head .right {
    float: none;
    width: auto;
    color: #fff;
    text-align: center;
}

.head .fs,
.head .ons {
	padding: 0 100px 3px 0;
	text-align: right;
}

.head .searchbutton { float: right; width: 86px; height: 29px; margin: 12px 0; }
.head .searchbutton a { display: block; }

/*body.mobile .head .searchbutton { display: none; }*/

.head .fs a {
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
}

.head .fs a:hover {
	text-decoration: none;
}

.head .right .lp input {
	width: 152px;
}

.head .search {
	float: left;
	margin: -2px 0 0;
}

.head .ons {
    float: right; 
    display: block;
	padding: 19px 30px 19px 0;
}

body.mobile .head .ons {
    float: none;
    text-align: center;
    padding: 10px 0 0;
    display: inline-block;
}

#top_main {
    padding-right: 8px;
}

body.desktop #top_main {
    display: none;
}

.head .ons a {
	color: #fff;
}

.head .ons a:hover {
	color: #7FD8F2;
}

.head-table {
	float: left;
}

body.mobile .head-table {
    /*float: none;*/
}

body.mobile #login_header_form {
    float: left;
}

.head-table td {
	vertical-align: top;
	text-align: right;
	padding: 5px 0 5px;
	overflow: hidden;
}

.head-table td p {
	color: #6EE9F8;
	font: bold 11px sans-serif;
}

.head-table td.white {
	text-align: left;
	padding: 5px 10px 5px 5px;
}

.head-table td.white.none {
	padding: 5px 0 5px 5px;
}

.head-table .white p {
	color: #fff;
	float: left;
	font-weight: normal;
}

.head-table .white div {
	width: 80px;
	overflow: hidden;
}

.head-table .white.none div {
	width: 70px;
	overflow: hidden;
}

.head-table .white a {
	color: #fff;
	text-decoration: underline;
}

.head-table .white a:hover {
	color: #CB332A;
}

.head-table .white img {
	margin: 0 0 0 5px;
}

.head .exit {
	width: 13px;
	height: 13px;
	position: absolute;
	z-index: 100;
	left: 335px;
	bottom: 20px;
	background: url("/images/icons/logout.png") no-repeat;
}

.head .mobile,
.head .rss {
	display: block;
	*display: inline;	
}

body.desktop .head .mobile {
	width: 16px;
	height: 18px;
	position: absolute;
	bottom: 5px;
	right: 18px;
}

body.desktop .head .mobile span {
  display: none;
}

body.mobile .head .mobile {
    margin-top: 5px;
    display: inline-block;
    color: #fff;
}



.head .mobile img {
    width: 16px;
    height: 16px;
}

.head .rss {
	width: 36px;
	height: 18px;
	position: absolute;
	bottom: 5px;
	right: 40px;
}

/* ---------------- header end ---------------- */























/*Login left 2*/
.head-table-two{
	float:left;
}
.head-table-two td {
	vertical-align:top;
	text-align:right;
	padding:5px 0 5px;	
}
.head-table-two td p{
	color:#fff;
	font:normal 11px sans-serif;
}
.head-table-two td.black{
	text-align:left;
	padding:5px 10px 5px 5px;
}
.head-table-two td.black.none{
	padding:5px 0 5px 5px;
}
.head-table-two .black p{
	color:#000;
	float:left;
	width:65px;
	overflow:hidden;
	font-weight:bold;
}
.head-table-two td.black.none p{
	width:50px;
}
.new-m{
	width:56px;
	float:right;
	display:block;
}
.new-m,.new-m:hover{	
	text-align:center;
	text-decoration:none;
}
.new-m span{
	font-size:11px;
}
.new-m .img{
	padding:0 2px 0 8px;
}
.new-m .img,.new-m .nmb{
	float:left;
}
.new-m .text{
	color:#fff;
	clear:both;
	display:block;
	text-align:center;
}








/* ---------------- columns start ---------------- */

body.mobile #menu_main {
    display: none;
}

body.mobile .left_column {
/*   display: none; */
  float: none;
  background: #d37d7e;
}

body.desktop .left_column {
	width: 153px;
	float: left;
	padding: 0;
	text-align: center;
}

body.mobile .right_column {
  width: auto;
  float: none;
}

.right_column {
	width: 853px;
	float: left;
}

/* ---------------- columns end ---------------- */


/* ---------------- footer start ---------------- */

.footer {
	width: 1006px;
	height: 94px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	background: url("/images/footer_bg.jpg") no-repeat;
}

body.mobile .footer {
    width: 100%;
    height: auto;
    background: none;
}

.footer .left {
	float: left;
	width: 663px;
	line-height: 15px;
	margin: 30px 0 0 25px;
	*display: inline;
}

body.mobile .footer .left {
    float: none;
    width: 100%;
    margin: 30px 0 0 0;
    text-align: center;
}

.footer .right {
	float: right;
	text-align: right;
	margin: 15px 25px 0 0;
	*display: inline;
}

body.mobile .footer .right {
    float: none;
    margin: 15px 0 0 0;
    text-align: center;
}

.footer .adv {
	text-decoration: none;
	font-size: 10px;
}

.footer .counter {
	float: right;
}

body.mobile .footer .counter {
    float: none;
}

.footer .copy {
	clear: both;
	padding: 20px 0 0;
	font-size: 10px;
}

/* ---------------- footer end ---------------- */


/* ---------------- left menu start ---------------- */

body.desktop .left_column .menu {
	width: 153px;
	float: left;
}

body.desktop .left_column .menu li {
	width: 153px;
	height: 33px;
	float: left;
	margin: 0 0 10px;
	background: url("/images/menu-li.gif") no-repeat;
}

body.mobile .left_column .menu li {
	display: inline-block;
        padding: 3px 5px;
}

body.desktop .left_column .menu li a {
	display: block;
	float: left;
	margin: 5px 0 0 15px;
	*display: inline;
	background: url("/images/menu_li_a_bg.gif") repeat-x top;
	text-decoration: none;
}

body.mobile .left_column .menu li a {
	text-decoration: none;
}


body.desktop .left_column .menu li a span {
	display: block;
	background: url("/images/menu_li_a_l.gif") no-repeat left top;
}

body.desktop .left_column .menu li a span span {
	padding: 4px 10px 8px 10px;
	color: #fff;
	font-size: 12px;
	background: url("/images/menu_li_a_r.gif") no-repeat right top;
}

body.desktop .left_column .menu li a:hover {
	text-decoration: none;
	background: url("/images/menu_li_ahover_bg.gif") repeat-x top;
}

body.desktop .left_column .menu li a:hover span {
	background: url("/images/menu_li_ahover_l.gif") no-repeat left top;
}

body.desktop .left_column .menu li a:hover span span {
	background: url("/images/menu_li_ahover_r.gif") no-repeat right top;
}

/* ---------------- left menu end ---------------- */


/* ---------------- categories start ---------------- */

body.mobile .categories {
  width: 100%;
  background: #d37d7e;
}

.categories {
	width: 853px;
	float: left;
	margin: 0 0 15px 0;
	_display: inline;
	background: url("/images/categories_bg.jpg") repeat-y;
}

body.mobile .categories_top {
  background: #d37d7e;
}

.categories_top {
	background: url("/images/categories_top.jpg") no-repeat top;
}

body.mobile .categories_bottom {
  background: #d37d7e;
}

.categories_bottom {
	padding: 10px 0 2px 10px;
	overflow: hidden;
	_zoom: 1;
	background: url("/images/categories_bottom.jpg") no-repeat bottom;
}

body.mobile .categories_bottom .category {
  width: 100%;
  background: #d37d7e;
}

.categories_bottom .category {
	float: left;
	width: 405px;
	margin: 0 15px 10px 0;
	*display: inline;
	background: url("/images/categories_border.gif") repeat-x bottom;
}

.categories_bottom .category.noborder {
	background: none;
	margin: 0 15px 5px 0;
}

.categories_bottom .p1 {
	color: #000;
	font: normal 16px sans-serif;
	padding: 0 0 0 10px;
}

.categories_bottom .p2 {
	float: left;
	color: #fff;
	padding: 8px 0 4px;
}

.categories_bottom .icon {
	float: left;
	*display: inline;
	margin: 0 5px 0 10px;
}

.categories_bottom .icon img {
	width: 67px;
	height: 48px;
}

.categories_bottom .p2 a {
	color: #fff;
	text-decoration: none;
}

.categories_bottom .p2 a:hover {
	text-decoration: underline;
}

/* ---------------- categories end ---------------- */


/* ---------------- section start ---------------- */

.section {
	padding: 0 0 0 15px;
	margin: 0 0 -1px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	_zoom: 1;
}

body.mobile .section {
    margin-top: 10px;
}

.section li {
	float: left;
	margin: 0 5px 0 0;
	_behavior: url("/js/csshover.htc");
}

.section li:hover {
	background: url("/images/section-bgr-hover.gif") repeat-x top;
}

.section li a {
	float: left;
	color: #6b6b6b;
	display: block;
	background: url("/images/section-bg.gif") repeat-x top;
	text-decoration: none;
}

.section li a span {
	display: block;
	background: url("/images/section-l.gif") no-repeat left top;
}

.section li a span span {
	display: block;
	padding: 4px 21px;
	background: url("/images/section-r.gif") no-repeat right top;
}

body.mobile .section li a span span {
	padding: 4px 5px;
}

.section li.active a {
	color: #056b85;
	background: url("/images/section-bg-active.gif") repeat-x top;
}

.section li.active a span {
	background: url("/images/section-l-active.gif") no-repeat left top;
}

.section li.active a span span {
	background: url("/images/section-r-active.gif") no-repeat right top;
}

.section li a:hover {
	text-decoration: none;
	background: url("/images/section-bg-hover.gif") no-repeat center top;
}

.section li a:hover span {
	background: url("/images/section-l-hover.gif") no-repeat left top;
}

.section li a:hover span span {
	background: url("/images/section-r-hover.gif") no-repeat right top;
}

/* ---------------- section end ---------------- */


/* ---------------- main block start ---------------- */

body.mobile .main_block {
  background: #67c3e2;
}

.main_block {
	margin: 0 0 15px 0;
	position: relative;
	z-index: 1;
	background: url("/images/main_block_bg.gif") repeat-y;
}

body.mobile .main_block_top {
  background: #67c3e2;
}

.main_block_top {
	background: url("/images/main_block_top.gif") no-repeat top;
}

body.mobile .main_block_bottom {
  background: #67c3e2;
}

.main_block_bottom {
	overflow: hidden;
	_zoom: 1;
	background: url("/images/main_block_bottom.gif") no-repeat bottom;
}

div.h2 { font-size: 12px; }

.main_block h1,
.main_block h2,
.main_block div.h2,
.main_block h5 {
	color: #056b85;
	text-align: center;
	font: normal 17px sans-serif;
	padding: 8px 5px 0;
}

.main_block .inner_block {
	padding: 15px 17px 10px 12px;
}

.main_block .inner_block .icon,
.main_block .inner_block .url {
	float: left;
}

.main_block .inner_block .url {
	padding: 7px 0 0 5px;
}

.main_block .inner_block .url a {
	font: bold 12px tahoma;
	text-decoration: underline;
}

.main_block .inner_block .url a:hover {
	color: red;
}

.main_block .inner_block .url b {
	padding: 0 2px;
}

.main_block .inner_block .move_category select {
	padding: 2px 3px 2px 3px;
	margin: 3px 0 0 10px;
	border: 1px solid #197492;
}

/* ---------------- main block end ---------------- */


/* ---------------- main block pub start ---------------- */

.main_block .info_block {	
	margin: 5px 0 0 0;
	padding: 5px;
	background: #29BADD;
	border: 1px solid #2b8aaa;
}

.main_block .info_block table {
	float: left;
	margin: 0 30px 0 0;
}

.main_block .info_block td {
	padding: 2px 5px 2px 5px;
}

.main_block .info_block td.left {
	text-align: right;
	color: #fff;
}

.main_block .info_block td.right {
	font-weight: bold;
}

.main_block .info_block a {
	text-decoration: underline;
}

.main_block .info_block a:hover {
	color: red;
}

.main_block .photo_block .photo {
	margin: 5px 0 0 0;
    text-align: center;
}

body.mobile .main_block .photo_block .photo.full img {
    width: 100%;
    height: auto;
}

body.desktop .main_block .photo_block .photo img {
    border: 1px solid #197492;
    max-width: 820px;
    max-height: 820px;
    display: inline-block;
}

body.mobile .main_block .photo_block .photo img {
    border: 1px solid #197492;  
    display: inline-block;
}

body.desktop .main_block .photo_block .photo.collage img {
    margin-top: 15px;
    border: none;
}

body.mobile .main_block .photo_block .photo.collage img {
    margin-top: 15px;
    border: none;
}

.main_block .photo_block .photo a {
    display: inline-block;
}

.main_block .photo_block .text_up {
	margin: 5px 0 5px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #2b8aaa;
}

.main_block .photo_block .text_up_2 {
    margin: 5px 0 5px 0;
    padding: 5px;
    background: #FFD5D6;
    border: 1px solid #2b8aaa;
}

.main_block .photo_block .text_down {
	margin: 5px 0 0 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #2b8aaa;
}

/* ---------------- main block pub end ---------------- */



/* ---------------- main block thumbs start ---------------- */

.main_block .thumbs {
	padding: 20px 0 0 20px;
	overflow: hidden;
	_zoom: 1;
}

body.mobile .main_block .thumbs {
	text-align: center;
        padding: 10px 0 0;
}

.main_block .thumb {
	width: 190px;
	height: 185px;
	float: left;
	text-align: center;
	*display: inline;
	background: url("/images/border.gif") repeat-x bottom;
	margin: 0 15px 5px 0;
}

body.mobile .main_block .thumb {
	width: 110px;
	height: 105px;
        float: none;
        display: inline-block;
        background: none;
        overflow: hidden;
        margin: 0 5px;
}

.main_block .thumb.noborder {
	background: none;
}

.main_block .thumb img {
	width: 150px;
	height: 150px;
	border: 1px solid #197492;
}

body.mobile .main_block .thumb img {
	width: 60px;
	height: 60px;
}

.main_block .thumb p {
	font-size: 11px;
}

body.mobile .main_block .thumb p {
	white-space: nowrap;
}

.main_block .thumb a {
	color: #BA070C;
	text-decoration: underline;
}

.main_block .thumb a:hover {
	color: #fff;
}

.top_thumb {
    background: #fff no-repeat center center;
    background-size: cover;
    width: 150px;
    height: 150px;
    display: inline-block;
    border: 1px solid #197492;
}

body.mobile .top_thumb {
    width: 60px;
    height: 60px;
}

/* ---------------- main block thumbs end ---------------- */


/* ---------------- main block pubs start ---------------- */

.main_block .pubs {
	overflow: hidden;
	_zoom: 1;
	padding: 17px 0 5px 12px;
}

body.mobile .main_block .pubs {
    padding: 0;
}

.main_block .pub {
	float: left;
	width: 410px;
	margin: 0 3px 3px 0;
	*display: inline;
	background: url("/images/main_block_pub_bg.png") no-repeat top;
}

body.mobile .main_block .pub{
    margin: 0;
    width: 100%;
    display: block;
    background: #67c3e2;
    border-bottom: 1px solid #2b8aaa;
}

.main_block .pub.photo {
	background: url("/images/main_block_pub_photo_bg.png") no-repeat top;
}

.main_block .pub.video {
	background: url("/images/main_block_pub_video_bg.png") no-repeat top;
}

.main_block .pub.text {
	background: url("/images/main_block_pub_text_bg.png") no-repeat top;
}

.main_block .pub .left {
	vertical-align: top;
	text-align: right;
	padding: 7px 0 5px 10px;
}

.main_block .pub .left img {
	border: 1px solid #197492;
}

body.mobile .main_block .pub .left img {
	width: 100%;
}

.main_block .pub .right {
	vertical-align: top;
}

.main_block .pub .data {
	height: 223px;
	position: relative;
}

div.h3 { font-size: 12px; }

.main_block .pub .data div.h3 {
	padding: 5px 10px 5px;
	word-wrap: break-word;
	width: 180px;
}

.main_block .pub .data div.h3 a {
	color: #fff;
	text-decoration: none;
}

.main_block .pub .data div.h3 a:hover {
	text-decoration: underline;
        color: red;
}

.main_block .pub .data div.h3.watched a { 
    color: green;
    font-weight: bold;
}

.main_block .user a.watched {
    color: green;
    font-weight: bold;
}

.main_block .pub .data a {
	color: #CC332A;
	text-decoration: underline;
}

.main_block .pub .data a:hover {
	color: #fff;
}

.main_block .pub .data p {
	padding: 0 10px 4px;
}

/* ---------------- main block pubs end ---------------- */


/* ---------------- user info start ---------------- */

.user_info {
	padding: 15px 17px 10px 12px;
	overflow: hidden;
	_zoom: 1;
}

body.desktop .user_info .avatar {
	position: absolute;
	width: 120px;
}

body.mobile .user_info .avatar {
	text-align: center;
}

.user_info .avatar img {
	width: 120px;
	height: 120px;
	border: 1px solid #197492;
}

.user_info table {
	margin: 0 auto;
	width: 510px;
}

body.mobile .user_info table {
	width: 100%;
}

.user_info table td {
	padding: 5px 0;
	vertical-align: top;
	border-bottom: 1px dotted #1177ab;
}

.user_info td.left {
	width: 255px;
}

body.mobile .user_info td.left {
	width: 40%;
}

.user_info td.left p {
	color: #fff;
	margin: 0 10px 0 0;
	text-align: right;
}

.user_info td.right a {
	text-decoration: underline;
}

.user_info td.right a:hover {
	color: #CB332A;
}

.user_info td.right .block {
	color: #B70004;
}

.user_info td.noborder {
	border: 0;
}

.is_real {
    display: inline-block;
    padding: 1px 3px;
    margin-left: 3px;
    border-radius: 2px;
    background: #FFD700;
    color: #AA8700;
    font-weight: bold;
}

/* ---------------- user info end ---------------- */



/* ---------------- info blue block start ---------------- */

.status_red {
    color: red;
    font-weight: bold;
}

.info_blue {
	padding: 5px;
	background: #8eddf3;
	border:1px solid #2b8aaa;
}

.info_blue a {
	color: #CE0005;
	text-decoration: underline;
}

.info_blue a:hover {
	color: red;
}

.info_red {
	padding: 5px;
	background: #FFD5D6;
	border: 1px solid #2b8aaa;
}

.info_red a {
	color: #000;
	text-decoration: underline;
}

.info_red a:hover {
	text-decoration: none;
}

.info_yellow {
	padding: 5px;
	background: #FFFDBA;
	border: 1px dashed #000;
}

.info_yellow a {
	color: #CE0005;
	text-decoration: underline;
}

.info_yellow a:hover {
	text-decoration: none;
}

.info_green {
	padding: 5px;
	background: #ADF5BA;
	border: 1px solid #2b8aaa;
}
.info_green a {
	color: #CE0005;
	text-decoration: underline;
}

.info_green a:hover {
	color: red;
}

/* ---------------- info blue block end ---------------- */


/* ---------------- register form start ---------------- */

.reg_item {
    width: 300px;
}

body.mobile .reg_item {
    width: 95%;
}

.form1 {
	overflow: hidden;
	_zoom: 1;
}

.form1 table td {
	position: relative;
	vertical-align: top;
}

.form1 .left {
	text-align: right;
	padding: 8px 10px 0 0;
}

.form1 .left.profile {
	color: #fff;
	vertical-align: middle;
}

.form1 .left.white {
	color: #fff;
}

.form1 .left.white .tip_text {
	border-bottom: 1px dashed #fff;
}

.form1 .right {
	padding: 5px 0 0 0;
	width: 650px;
}

body.mobile .form1 .right {
	width: 80%;
}

.form1 .right input,
.form1 .right select,
.form1 .right textarea {
	padding: 2px 3px 2px 3px;
	border: 1px solid #197492;
}

body.mobile .reg_select {
	width: 98%;
}

.form1 .checkbox input {
	padding: 0;
	border: 0;
}

.form1 a {
	text-decoration: underline;
}

.form1 .border {
	border-top: 1px dotted #1177ab;
}

/* ---------------- register form end ---------------- */



/* ---------------- table1 start ---------------- */

.table1 {
	background: url("/images/table1_bg.gif") repeat-x top;
}

.table1_left {
	background: url("/images/table1_left.gif") no-repeat left top;
}

.table1_right {
	background: url("/images/table1_right.gif") no-repeat right top;
	overflow: hidden;
	_zoom: 1;
}

.table1 table {
	width: 100%;
}

.table1 th {
	padding: 5px 10px 5px 10px;
	text-align: left;
	color: #fff;
}

.table1 th a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.table1 th a:hover {
	color: #BA070C;
}

.table1 th a.active {
	color: #BA070C;
}

.table1 td {
	padding: 5px 10px 5px 10px;
	color: #000;
}

.table1 .odd {
	background: #1E9DCE;
}

.table1 a:hover {
	color: #fff;
}

.table1 .checkbox {
	width: 1px;
}

.table1 .date {
	width: 120px;
}

.table1 .tip_text.white {
	border-bottom: 1px dashed #fff;
}

.table1 .top_users_comments .odd {
	background: #90D1EE;
}

/* ---------------- table1 end ---------------- */



/* ---------------- navigation start ---------------- */

.nav_menu {
    position: relative;
    text-align: center;
}

.nav_menu ul {
    display: inline-block;
    position: relative;
    z-index: 1;
	*display: inline;
	*zoom: 1;
}

.nav_menu ul li {
	float: left;
}

.nav_menu ul li.ttt {
	padding: 9px 4px 0 1px;
}

.nav_menu .n {
	display: block;
	margin: 0 3px 0 1px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url("/images/navigation_bg.gif") repeat-x;
}

.nav_menu .n span {
	display: block;
	background: url("/images/navigation_left.gif") no-repeat left top;
}

.nav_menu .n span span {
	display: block;
	padding: 5px 7px 5px 7px;
	background: url("/images/navigation_right.gif") no-repeat right top;
}

.nav_menu .n:hover,
.nav_menu .n.active {
	text-decoration: none;
	background: url("/images/navigation_bg_hover.gif") repeat-x;
}

.nav_menu .n:hover span,
.nav_menu .n.active span {
	display: block;
	background: url("/images/navigation_left_hover.gif") no-repeat left top;
}

.nav_menu .n:hover span span,
.nav_menu .n.active span span {
	background: url("/images/navigation_right_hover.gif") no-repeat right top;
}

/* ---------------- navigation end ---------------- */



/* ---------------- vote start ---------------- */

.vote_block {
	position: relative;
    text-align: center;
}

.vote_block p {
	color: #fff;
	font: bold 13px tahoma;
}

.vote_block p.vote {
	font-weight: normal;
	color: #000;
	font-size: 15px;
}

.vote_block p.vote b.red {
	color: #CC332A;
}

.vote_block p.vote b.green{
	color: #1B9500;
}

.vote_block ul {
    display: inline-block;
    position: relative;
    z-index: 1;
	*display: inline;
	*zoom: 1;
}

.vote_block ul li {
	float: left;
	margin: 3px 0 0 0;
}

.vote_block li a {
	display: block;
	margin: 0 4px 0 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url("/images/navigation_bg.gif") repeat-x;
}

.vote_block li.star { margin-left: -3px; }
.vote_block li.star, .vote_block li.star a { background: transparent; color: black; }

.vote_block li a span {
	display: block;
	background: url("/images/navigation_left.gif") no-repeat left top;
}

.vote_block li a span span {
	display: block;
	padding: 4px 6px 8px;
	background: url("/images/navigation_right.gif") no-repeat right top;
}

.vote_block li a:hover {
	background: url("/images/navigation_bg_hover.gif") repeat-x;
}

.vote_block li a:hover span {
	display: block;
	background: url("/images/navigation_left_hover.gif") no-repeat left top;
}

.vote_block li a:hover span span {
	background: url("/images/navigation_right_hover.gif") no-repeat right top;
}

.vote_block ul .red {
	background: url("/images/vote_red_bg.gif") repeat-x;
}

.vote_block ul .red span {
	background: url("/images/vote_red_left.gif") no-repeat left top;
}

.vote_block ul .red span span {
	background: url("/images/vote_red_right.gif") no-repeat right top;
}

.vote_block ul .green {
	background: url("/images/vote_green_bg.gif") repeat-x;
}

.vote_block ul .green span {
	background: url("/images/vote_green_left.gif") no-repeat left top;
}

.vote_block ul .green span span {
	background: url("/images/vote_green_right.gif") no-repeat right top;
}

/* ---------------- vote end ---------------- */


/* ---------------- pub services start ---------------- */

.pub_services {
	position: relative;
    text-align: center;
}

.pub_services ul {
    display: inline-block;
    position: relative;
    z-index: 1;
	*display: inline;
	*zoom: 1;
}

.pub_services ul li {
	float: left;
	margin: 0 5px 0 5px;	
}


.pub_services li.star { margin: 0 5px 0 -3px; }
.pub_services li.star a { text-decoration: none; }

/* ---------------- pub services end ---------------- */


/* ---------------- pub comments start ---------------- */

body.desktop .inner_block .comment {
	float: left;
	_display: inline;
}

body.desktop .inner_block .comment .nick {
	position: absolute;	
}

.inner_block .comment .nick a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.inner_block .comment .nick a:hover {
	color: #000;
}

body.desktop .inner_block .comment .nick .sex {
	float: left;
	margin: 0 5px 0 0;
}

.inner_block .comment .left {
	margin: 16px 10px 0 0;
	width: 120px;
	float: left;
	_display: inline;
}

body.mobile .inner_block .comment .left {
    margin: 16px 10px 0 0;
    width: 60px;
    float: left;
}

.inner_block .comment .left img {
	border: 1px solid #197492;
	width: 120px;
	height: 120px;
}

body.mobile .inner_block .comment .left img {
    width: 60px;
    height: 60px;
}

.inner_block .comment .right {
	width: 694px;
	float: left;
}

body.mobile .inner_block .comment .right {
    margin-left: 70px;
    width: auto;
    float: none;
}

body.mobile .inner_block .comment #actions_menu {
    display: none;
}

.inner_block .comment .right .top {
	overflow: hidden;
	_zoom: 1;
	margin: 2px 0 0 0;
}

.inner_block .comment .right .top .date,
.inner_block .comment .right .top .number,
.inner_block .comment .right .top .score,
.inner_block .comment .right .bottom .date,
.inner_block .comment .right .bottom .number,
.inner_block .comment .right .bottom .score{
	float: right;
	padding: 0 10px 0 0;
}

.inner_block .comment .right .top .check {
	float: right;
    color: red;
	padding: 0 10px 0 0;
}

.inner_block .comment .right .top a,
.inner_block .comment .right .bottom a {
	text-decoration: underline;
}

.inner_block .comment .right .top a:hover,
.inner_block .comment .right .bottom a:hover {
	color: #CC332A;
}

.inner_block .comment .right .top .title {
	float: right;
	padding: 0 10px 0 0;
}

.inner_block .comment .right .top .title a {
	font-weight: bold;
	color: #fff;
}

.inner_block .comment .right .top .title a:hover {
	color: #000;
}

.inner_block .comment .right .bottom span {
	color: #fff;
	margin: 0 5px 0 0;
}

.inner_block .comment .right .bottom p {
	float: right;
	color: #fff;
	margin: 0 5px 0 5px;
}

.inner_block .comment .right .bottom span.bad,
.inner_block .comment .right .bottom p.bad {
	color: #CB332A;
}

.inner_block .comment .right .bottom span a,
.inner_block .comment .right .bottom p a {
	color: #fff;
	text-decoration: underline;
}

.inner_block .comment .right .bottom span.bad a,
.inner_block .comment .right .bottom p.bad a {
	color: #CB332A;
	text-decoration: underline;
}

.inner_block .comment .right .bottom .vote {
	float: right;
	width: 26px;
	height: 16px;
	text-align: center;
	background: url("/images/buttons/comment_vote_green.png") no-repeat;
}

.inner_block .comment .right .bottom .vote a {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.inner_block .comment .right .bottom .vote.up {
}

.inner_block .comment .right .bottom .vote.down {
	background: url("/images/buttons/comment_vote_red.png") no-repeat;
}

.inner_block .comment .right .bottom .vote a:hover {
	color: #000;
}

.inner_block .comment .right .text {
	background: #fff;
	border: 1px solid #2b8aaa;
	padding: 5px;
}

.inner_block .comment .right .text .quote_link a {
	float: right;
}

.inner_block .comment .right .text .quote {
	background: #FFFDBA;
	border: 1px solid #2b8aaa;
	padding: 5px;
}

.inner_block .comment .right .actions,
.inner_block .comment .right .abuse,
.inner_block .comment .right .delete {
	float: left;
	color: #fff;
	cursor: pointer;
	display: block;
	margin: 0 0 0 10px;
	height: 17px;
	text-align: center;
	_display: inline;
	text-decoration: none;
}

.inner_block .comment .right .abuse {
	width: 97px;
	background: url("/images/buttons/comment_abuse.png") no-repeat;
}

.inner_block .comment .right .delete {
	width: 73px;
	background: url("/images/buttons/comment_delete.png") no-repeat;
}

.inner_block .comment .right .actions {
	width: 73px;
	background: url("/images/buttons/comment_actions.png") no-repeat;
}

.inner_block .comment .right .actions:hover,
.inner_block .comment .right .abuse:hover,
.inner_block .comment .right .delete:hover {
	color: #000;
}

.inner_block .comment .border {
	padding: 10px 0 0 0;
	clear: both;
	height: 2px;
	background: url("/images/border.gif") repeat-x center;
}

.inner_block .comment .noborder {
	background: none;
}

.inner_block .comment .loading_block {
	float: right;
	margin: 0 10px 0 0;
}

.inner_block .comment .loading_block .loading {
	margin: 2px 0 0 0;
}

.inner_block .messages {
	margin: 5px 15px 5px 15px;
	padding: 5px;
	background: #8EDDF3;
	border: 1px solid #2B8AAA;
}

.inner_block .message_title {
	margin: 5px 15px 5px 15px;
	padding: 5px;
	background: #fff;
	border: 1px solid #2B8AAA;
}

.inner_block .message {
	margin: 0 0 20px 0;
}

.inner_block .message.nomargin {
	margin: 0;
}

.inner_block .message .name {
	color: #071EE4;
}

.inner_block .message .name a {
	color: #071EE4;
	font-weight: bold;
}

.inner_block .message .name a:hover {
	color: #000;
}

.inner_block .message .name.red {
	color: #A60004;
}

.inner_block .message .name.red a {
	color: #A60004;
}

.inner_block .message a {
	color: #A60004;
}

.inner_block .message a:hover {
	color: #000;
}

.inner_block .message .info {
	padding: 5px;
	margin: 5px 0 0 0;
	background: #fff;
	border: 1px solid #2B8AAA;
}

.inner_block .message img.img {
    max-width: 750px;
    max-height: 750px;
    display: block;
	margin: 5px 0 5px 0;
}

.comment_form {
	position: relative;
	margin: 0 15px 0 15px;
}

.comment_form .title {
	color: #056b85;
	font-size: 14px;
}

.comment_form .actions {
}

.comment_form .actions img {
	border: 1px solid #bcbcbc;
	margin: 5px 10px 5px 0;
	cursor: pointer;
	display: block;
	float: left;
	width: 24px;
	height: 24px;
}

.comment_form .actions .attach_photo_text {
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	margin: 5px 10px 5px 0;
}

.comment_form .smilesList {
	margin: 0 0 5px 0;
	padding: 5px;
	background: #9BD6DD;
	border: 1px solid #2b8aaa;
}

.comment_form .smilesList img {
	margin: 0 5px 0 0;
}

.comment_form .attachList {
	padding: 5px;
	background: #9BD6DD;
	border: 1px solid #2b8aaa;
}

.comment_form input,
.comment_form select,
.comment_form textarea
{
	padding: 2px 3px 2px 3px;
	border: 1px solid #197492;
}

/* user notes */

.user_notes_form {
    position: relative;
    margin: 0 15px 0 15px;
}

.user_notes_form textarea
{
    padding: 2px 3px 2px 3px;
    border: 1px solid #197492;
}

/* ---------------- pub comments end ---------------- */

/* ---------------- users top start ---------------- */

.top_users {
	overflow: hidden;
	_zoom: 1;
	padding: 17px 0 7px 14px;
}

body.mobile .top_users {
    padding: 15px 5px;
}

.top_users .title {
	margin: 0 23px 5px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #2b8aaa;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}

.top_users .comment {
	margin: 0 23px 5px 0;
	padding: 5px;
	background: #fff;
	border: 1px solid #2b8aaa;
}

.top_users .user {
	float: left;
	width: 405px;
	margin: 0 8px 5px 0;
	*display: inline;
	background: url("/images/topblock_bg.jpg") repeat-x top;
}

body.mobile .top_users .user {
	float: none;
	width: auto;
        margin: 0 0 5px 0;
}

/* alert */

.jqimessage .main_block {
    width: 853px;
    margin: 0;
}

.jqimessage .top_users .content {
    margin: 0;
}

.jqimessage .top_users .user {
    float: left;
    width: 196px;
    margin: 0 8px 5px 0;
    background: #27b5d9;
    border: 1px solid #488091;
    border-radius: 4px;
}

.jqimessage .top_users .user_left {
    background: none;
}

.jqimessage .top_users .user_right {
    height: auto;
    background: none;
}

.jqimessage .top_users td.left p {
    width: auto;
}





.top_users .user a {
	text-decoration: underline;
}

.top_users .user a:hover {
	color: #CC332A;
}

.top_users .user_left {
	background: url("/images/topblock_left.jpg") no-repeat left top;
}

.top_users .user_right {
	height: 167px;
	padding: 5px;
	overflow: hidden;
	_zoom: 1;
	background: url("/images/topblock_right.jpg") no-repeat right top;
}

body.mobile .top_users .user_right {
	padding: 10px;
}

.top_users .avatar {
	position: absolute;
	width: 120px;
	height: 120px;	
}

body.mobile .top_users .avatar {
	position: absolute;
	width: 60px;
	height: 60px;	
}

.top_users .avatar img {
	border: 1px solid #197492;
}

body.mobile .top_users .avatar img {
	width: 60px;
	height: 60px;
}

.top_users .actions,
.top_users .actions2 {
	position: absolute;
}

.top_users .actions .actions {
	color: #fff;
	cursor: pointer;
	height: 17px;
	text-align: center;
	text-decoration: none;
	width: 73px;
	background: url("/images/buttons/comment_actions.png") no-repeat;
	top: 122px;
	left: 25px;
}

body.mobile .top_users .actions .actions {
	width: 62px;
	top: 62px;
	left: 0px;
        background: #08dd03;
}

.top_users .actions .actions2 {
	color: #fff;
	cursor: pointer;
	height: 17px;
	text-align: center;
	text-decoration: none;
	width: 73px;
	background: url("/images/buttons/comment_actions.png") no-repeat;
	top: 151px;
	left: 37px;
}

.top_users .actions .actions:hover,
.top_users .actions .actions2:hover {
	color: #000;
}

.top_users .content {
	margin: 0 0 0 125px;
}

body.mobile .top_users .content {
	margin: 0 0 0 65px;
}

.top_users .content b.red {
	color: #CC332A;
}

.top_users .content b.green{
	color: #1B9500;
}

.top_users table td {
	padding: 0 0 5px;
	vertical-align: top;
}

.top_users td.left p {
	color: #fff;
	width: 100px;
	margin: 0 10px 0 0;
	text-align: right;
}

.top_users .friends_online {
	text-align: center;
	margin: 0 0 5px 0;
}

.top_users .friends_online a {
	font-size: 14px;
	font-weight: bold;
}

/* ---------------- users top end ---------------- */




.nav_menu.blue .back{
	background:url("/images/navmenu-blue-back.gif") no-repeat;
}
.nav_menu.blue .next{
	background:url("/images/navmenu-blue-next.gif") no-repeat;
}
.nav_menu.blue .n{
	margin:2px 3px 0 1px;
}

.pblc-comment{
	position:relative;
}
.pblc-comment .title{
	color:#056b85;
	font-size:14px;
}

.pblc-comment .tb,.pm-comment .tb{
	float:left;
	margin:5px 10px 5px 0;
	border:1px solid #bcbcbc;
}
.addc{
	margin:10px 0 0;
}
.pblc-comment .error{
	position:absolute;
	bottom:7px;
	left:120px;
	color:#fa0101;
}
.pblc-textb{
	color:#fff;
	margin:10px 0 0;
	padding:12px 30px 11px 12px;	
	background:url("/images/bottom-pblc-tb.gif") no-repeat;
}


.video-block,.foto-block{
	width:507px;
	margin:0 auto;
	background:#000;
}
.video-block .ups{
	color:#fff;
	font-size:18px;
	padding:10px 0 0;
	text-align:center;
}
.video-block .player{
	width:458px;
	height:344px;
	margin:15px auto;
}
.video-block .buy{
	color:#fff;
	font:normal 14px/16px sans-serif;
	padding:10px 15px 10px;
}
.video-block .buy a{
	color:#fff;
	text-decoration:underline;
}
.video-block .buy a:hover{
	text-decoration:none;
}
.video-block .buy span a{
	color:#ffde00;
	text-decoration:none;
}
.video-block .buy span a:hover{
	text-decoration:underline;
}

.foto-block img{
	border:1px solid #7f858a;
}


/*
[//Publication]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/*
[Comments]
*/
.comment-block{
	width:780px;
	float:left;
	margin:0 0 0 20px;
	_display:inline;
}
.comment-block .top{
	padding:0 0 10px;
	overflow:hidden;_zoom:1;
}
.comment-block .title{
	float:left;
	width:556px;
	color:#117690;
	font-size:14px;
	overflow:hidden;_zoom:1;
}
.comment-block .nik{
	line-height:15px;
	float:right;
}
.comment-block .rt{
	float:right;
	width:260px;
}
.comment-block .rt a{
	height:17px;
	font:bold 11px/13px tahoma;
	background:url("/images/post-rait-green2.png") no-repeat;
}
.comment-block .rt .down{
	background:url("/images/post-rait-red2.png") no-repeat;
}
/*
[//Comments]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/*
[Spam-report]
*/
.shw{	
	z-index:3;
	position:fixed;
	top:0;left:0;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	_height:1600px;
	background:url("/images/shadow.png") repeat;		
}
.spam-window{
	width:524px;
	height:207px;
	overflow:hidden;_zoom:1;
	margin:20% auto 0;
	background:url("/images/spamreport-bg.png") no-repeat;
}
* html .shw{
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop) + 0 + 'px');
}
.spam-window h1{
	color:#056b85;
	font-size:14px;
	float:left;
	padding:15px 0 0 15px;
}
.spam-window .close{
	width:21px;
	height:21px;
	display:block;
	float:right;
	position:relative;
	top:6px;right:9px;
}
.spam-window textarea,.spam-window input{
	border:0;
	background:none;
}
.spam-window textarea{
	width:483px;
	height:97px;
	margin:15px 0 0 20px;
	overflow:auto;
	position:relative;
	z-index:5;
}
.spam-window input{
	width:115px;
	height:29px;
	margin:20px 0 0;
	position:relative;
	z-index:5;
}
@media all and (min-width) {
 .spam-window textarea{ 
  overflow:hidden; /* Äëÿ Opera è Safari */ 
 }
}
/*
[//Comments]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/*
[PM]
*/
.pm-post{
	padding:10px;
	margin:0 0 10px;
	border:1px solid #2b8aaa;
	overflow:hidden;_zoom:1;
}
.pm-post.pmblue{
	background:#8eddf3;
}
.pm-post.pmgrey{
	background:#bad0d6;
}
.pm-post .right{
	float: left;
    width: 653px;
	height:120px;
	overflow:auto;
}
.pm-comment{
	position:relative;
	overflow:hidden;_zoom:1;
}
@media all and (min-width) {
 .pm-comment textarea{ 
  overflow:hidden; /* Äëÿ Opera è Safari */ 
 }
}
.pm-comment .tb{
	float:left;
	margin:15px 10px 0 0;
	border:1px solid #bcbcbc;
}
.pm-comment .addc{
	float:left;
	margin:15px 0 0;
}
.pm-comment .error{
	position:absolute;
	bottom:8px;
	left:300px;
	color:#fa0101;
}
/*
[//PM]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/*
[Registration]
*/


.important-mail{
	background:url("/images/important-mail-bg.jpg") repeat-x top;
}
.important-mail-l{
	background:url("/images/important-mail-l.jpg") no-repeat left top;
}
.important-mail-r{
	height:184px;
	overflow:hidden;_zoom:1;
	background:url("/images/important-mail-r.jpg") no-repeat right top;
}
.important-mail-r div{
	padding:10px;
	font-size:13px;
}
.important-mail-r div p a{
	color:#fff;
	font-weight:bold;	
}
.important-mail-r p,.important-mail-r b,.important-mail-r a{
	font-size:13px;
}
/*
[//Registration]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/*
[Your message]
*/













/*
[TOP]
*/

/*
[//TOP]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/*
[User]
*/
.clear-padding{
	height:15px;
}


.guest{
	width:120px;
	height:172px;
	float:left;
	margin:0 18px 0 0;
	overflow:hidden;_zoom:1;
}
.guest.nonem{
	margin:0;
}
.guest p span{
	width:120px;
	height:25px;
	display:block;
	overflow:hidden;_zoom:1;
}
.usersm{
	width:408px;
	float:left;
	background:url("/images/user-small-bg.gif") repeat-y;
}
.usersm-t{
	background:url("/images/user-small-t.jpg") no-repeat top;
}
.usersm-b{
	_height:110px;
	min-height:110px;
	padding:8px 40px 10px;
	overflow:hidden;_zoom:1;
	background:url("/images/user-small-b.gif") no-repeat bottom;
}
.usersm-b table{
	width:100%;	
}
.usersm.usercom{
	float:right;
	margin:0 7px 0 0;
	_display:inline;
}
/*
[//User]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/*
[Price]
*/
.price-block{
	margin:0 0 15px;
}
.price-none{
	margin:0;
}
.price{
	clear:both;
	overflow:hidden;_zoom:1;
}
.price p{	
	padding:5px 0;
}
.price input{
	width:99px;
	height:29px;
	float:right;
	border:0;
	font-size:1%;
	background:none;
	cursor:pointer;
	background:url("/images/buy-button.png") no-repeat;
}
.price input:hover{
	background:url("/images/buy-button-hover.png") no-repeat;
}
/*
[//Price]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/*
[Profile]
*/
.profile{
	margin:0 auto;
}
.profile .right{
    width:415px;
}
.profile .left p{
    color:#fff;
}
.profile select{
    float:left;
	margin:0 10px 0 0;
}
.profile .tdnone{
	padding:0;
}
/*
[//Profile]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



/* ---------------- button blue start ---------------- */

a.button {
	height: 28px;
	overflow: hidden;
	_zoom: 1;
	text-decoration: none;
	cursor: pointer;
}

a.button .bleft {
	display: block;
	height: 28px;
	width: 30px;
	float: left;
	background: url(/images/buttons/blue_left.png) no-repeat;
}

a.button .bright {
	display: block;
	height: 28px;
	width: 5px;
	float: left;
	background: url(/images/buttons/blue_right.png) no-repeat;
}

a.button .bcontent {
	display: block;
	height: 28px;
	float: left;
	color: #fff;
	font-weight: bold;
	background: url(/images/buttons/blue_bg.png) repeat-x;
}

a.button .bcontent b {
	top: 5px;
	position: relative;
	left: -13px;
}

a.button:hover .bleft,
a.button.active .bleft,
a.button.red:hover .bleft {
	background: url(/images/buttons/blue_left_hover.png) no-repeat;
}

a.button:hover .bright,
a.button.active .bright,
a.button.red:hover .bright {
	background: url(/images/buttons/blue_right_hover.png) no-repeat;
}

a.button:hover .bcontent,
a.button.active .bcontent,
a.button.red:hover .bcontent {
	background: url(/images/buttons/blue_bg_hover.png) repeat-x;
}

a.button.red .bleft {
	background: url(/images/buttons/red_left.png) no-repeat;
}

a.button.red .bright {
	background: url(/images/buttons/red_right.png) no-repeat;
}

a.button.red .bcontent {
	background: url(/images/buttons/red_bg.png) repeat-x;
}

/* ---------------- button blue end ---------------- */


/* ---------------- drop menu red start ---------------- */

.drop_menu_red {
	z-index: 9999;
	width: 150px;
	position: absolute;
	display: none;
}

.drop_menu_red_top {
	width: 150px;
	height: 12px;
	background: url("/images/drop_menu_red_top.png") no-repeat;
}

.drop_menu_red_bottom {	
	width: 150px;
	height: 7px;
	background: url("/images/drop_menu_red_bottom.png") no-repeat;
}

.drop_menu_red_content {	
	width: 150px;
	background: url("/images/drop_menu_red_bg.png") repeat-y;
}

.drop_menu_red p {
	padding: 0 0 5px;
	margin: 0 11px 5px;
	border-bottom: 1px dashed #000;
}

.drop_menu_red p.none {
	border:0;
	margin:0 11px;
}

.drop_menu_red a {
	color: #FFFDBA;
	text-decoration: none;
}

.drop_menu_red a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ---------------- drop menu red end ---------------- */


/* ---------------- drop menu yellow start ---------------- */

.drop_menu_yellow {
	z-index: 9999;
	width: 170px;
	position: absolute;
	display: none;
}

.drop_menu_yellow_top {
	width: 170px;
	height: 17px;
	background: url("/images/drop_menu_yellow_top.png") no-repeat;
}

.drop_menu_yellow_bottom {	
	width: 170px;
	height: 8px;
	background: url("/images/drop_menu_yellow_bottom.png") no-repeat;
}

.drop_menu_yellow_content {	
	width: 170px;
	background: url("/images/drop_menu_yellow_bg.png") repeat-y;
}

.drop_menu_yellow p {
	padding: 0 0 5px 5px;
	margin: 0 15px 5px 18px;
	border-bottom: 1px dashed #000;
}

.drop_menu_yellow p.none {
	border: 0;
	margin: 0 15px 0 18px;
}

.drop_menu_yellow a {
	color: #000;
	text-decoration: none;
}

.drop_menu_yellow a:hover {
	color: #ff0000;
	text-decoration: underline;
}

/* ---------------- drop menu yellow end ---------------- */


/* ---------------- utils start ---------------- */

#uploadFiles img {
	border: 1px solid #197492;
}

.red_text {
	color: red;
}

.green_text {
	color: green;
}

.blue_text {
	color: blue;
}

.error {
	color: #CE0005;
}

span.error {
	margin: 0 0 0 5px;
}

body.mobile span.error {
	display: block;
}

.clear,
.clear-padding {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	_zoom: 1;
}

.clear_border {
	height: 2px;
	background: url("/images/border.gif") repeat-x center;
}

.tip_text {
	border-bottom: 1px dashed #000;
	cursor: help;
}

.tip_image {
	cursor: help;
}

.tooltip {
	width: 200px;
	position: absolute;
	z-index: 9999;
	padding: 5px;
	background: #FFFDBA;
	border: 1px solid #000;
	display: none;
}

.tooltip .arrow {
	width: 13px;
	height: 13px;
	position: absolute;
	z-index: 200;
	background: url("/images/tip_arrow.png") no-repeat;
	bottom: -13px;
}

#previewBox {
	width: 120px;
	height: 120px;
	overflow: hidden;
	border: 1px solid #197492;
	margin: 5px 0 5px 0;
}

#previewBox img {
	width: 120px;
	height: 120px;
	border: 1px solid #197492;
}

.description {
	background: #fff;
	padding: 5px;
	margin: 0 8px 10px 0;
}

/* ---------------- utils end ---------------- */


/* ---------------- status message start ---------------- */

#status_message {
	position: fixed;
	right: 2px;
	z-index: 3000;
	/*opacity: 0.8;*/
	/*overflow: hidden;*/
	width: 215px;
}

* html #status_message {
	position: absolute;
}

#status_message div {
	margin: 0px;
	padding: 4px 4px 4px 45px;
	font-weight: bold;
	font-size: 12px;
	width: 171px;
	height: 58px;
	color: #fff;
}

* html #status_message div {
	height: 50px;
}

#status_message div.success {
	border: 1px solid #00770f;
	background: url("/images/status_success_bg.jpg") #009b00 center left no-repeat;
}

#status_message div.error {
	border: 1px solid #ad173a;
	background: url("/images/status_error_bg.jpg") #9b0000 center left no-repeat;
}

#status_loading {
	display: none;
	font-family: Verdana;
	font-size: 11px;
	background: #000;
	padding: 10px;
	text-align: center;
	border: 1px solid #000;
	color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* ---------------- status message end ---------------- */


/* ---------------- services block start ---------------- */

.service {
	padding: 10px;
	background: #C6F3FB;
	border: 1px solid #2B8AAA;
}

.service .image {
	width: 90px;
	height: 90px;
	float: left;
	margin: 0 10px 0 0;
}

.service .level {	
	background: #AADBD8;
	border: 1px solid #2B8AAA;
	width: 90px;
	height: 90px;
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
}

.service .level p {
	position: absolute;
	font-size: 100px;
	font-weight: bold;
	color: #2B818C;
	left: 37px;
	top: 37px;
}

.service .image img {
	width: 90px;
	height: 90px;
}

.service .title {
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 5px 0;
}

.service .right {
	float: right;
	margin: 5px 0 0 0;
}

/* ---------------- services block end ---------------- */



/* ---------------- info popup start ---------------- */

#toggle_mobile {
    position: fixed;
    bottom: 10px;
    right: 55px;
    z-index: 5000;
}

#roll_up {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 5000;
}

.info_popup {
	background: #FFFDBA;
	border: 1px solid #254652;
	position: fixed;
	bottom: 55px;
	right: 10px;
	width: 270px;
	z-index: 5000;
	overflow: hidden;
	_zoom: 1;
}

.info_popup .title {
	color: #056b85;
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin: 2px 0 5px 5px;
}

.info_popup .content {
	clear: both;
	padding: 5px;
	margin: 5px;
	background: #fff;
	border: 1px solid #197492;
}

* html .info_popup {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop) + 20 + 'px');
}

.info_popup .close {
	width: 21px;
	height: 21px;
	display: block;
	float: right;
	position: relative;
	top: 2px;
	right: 2px;
}

.info_popup .info.red {
	color: red;
}

.info_popup .info.red a {
	color: red;
}

.info_popup .info.red a:hover {
	color: #C40005;
}

/* ---------------- info popup end ---------------- */


/* ---------------- last comments start ---------------- */

.last_comments {
	margin: 0 5px 0 0;
	padding: 5px 0 1px 0;
	background: #67C3E2;
}

body.mobile .last_comments {
    display: none;
}

body.mobile #smile_teaser_3141 {
    display: none;
}

.last_comments .title {
	font-weight: bold;
	font-size: 14px;
}

.last_comments div {
	margin: 0 0 5px 0;
}

.last_comments .top_thumb {
	width: 140px;
	height: 140px;
}

.last_comments div a {
	color: #B70004;
	font-weight: bold;
}

.last_comments div a:hover {
	color: #000;
}

/* ---------------- last comments end ---------------- */


/* ---------------- left banners start ---------------- */

body.mobile .banners_left {
    display: none;
}

.banners_left {
	margin: 0 5px 0 0;
	background: #67C3E2;
}

.banners_left img {
	width: 140px;
	height: 300px;
}

#picmir_adv_left_block {
	text-align: center;
	margin: 5px 0 0 0;
}

#picmir_adv_top_block {
	text-align: center;
	margin: 0 0 5px 0;
}

#picmir_adv_bottom_block {
	text-align: center;
	margin: 0 0 5px 0;
}

.advertising {
	margin: 0 0 3px 0;
}

.add_adv {
	margin: 5px 0 0 0;
	font-size: 16px;
	font-weight: bold;
}

/* ---------------- left banners end ---------------- */

video:not(.vjs-tech) {
  width: 100%;
  height: auto;
}

#video-container
{
margin: 0 auto;
position: relative;
background: black;
padding: 3px;
}

#video-container .label
{
position: absolute; left: 0; right: 0; top: 80px; height: 47px; z-index: 444444; background: url(/s1/logo.png) no-repeat top center; background-size: contain;
}

#video-container .label2
{
position: absolute; left: 0; right: 0; top: 80px; height: 47px; z-index: 444444; background: url(/s1/logo2.png) no-repeat top center; background-size: contain;
}

body.mobile #video-container .label
{
position: absolute; left: 0; right: 0; top: 80px; height: 30px; z-index: 444444; background: url(/s1/logo.png) no-repeat top center; background-size: contain;
}

body.mobile #video-container .label2
{
position: absolute; left: 0; right: 0; top: 80px; height: 30px; z-index: 444444; background: url(/s1/logo2.png) no-repeat top center; background-size: contain;
}

#ajaxform
{
  visibility: hidden;
  overflow: hidden;
  height: 0;
}

#ajaxVideoProgress { margin-top: 10px; display: none; }

#ajaxVideoProgress .progress { position:relative; width:400px; border: 1px solid blue; padding: 1px; border-radius: 3px; }
#ajaxVideoProgress .bar { background-color: blue; width:0%; height:20px; border-radius: 3px; }
#ajaxVideoProgress .percent { position:absolute; display:inline-block; top:3px; left:48%; }

#uploadStatus { display: none; margin: 5px 0 0 0; width: 397px; }

#uploadProgress { margin-top: 5px; }

#uploadProgress .progress { position:relative; width: auto; border: 1px solid #2b8aaa; padding: 1px; border-radius: 3px; }
#uploadProgress .bar { background-color: #2b8aaa; width:0%; height: 5px; border-radius: 3px; }

#uploadStatuses div { margin-top: 5px; }

a.deleteButton {
	position: absolute;
	height: 15px;
	width: 15px;
	background-image: url(/images/upload/delete.png);
	background-repeat: no-repeat;
}

a.rotateButton {
	position: absolute;
	height: 15px;
	width: 16px;
	background-image: url(/images/upload/rotate.png);
	background-repeat: no-repeat;
}

/*Plugin CSS*/
.str_wrap {
    overflow:hidden;
    //zoom:1;
    /*font-size:12px;
    line-height:16px;*/
    position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;  
    white-space:nowrap;
    padding: 2px 0;
    background: #8eddf3;
    border:1px solid #2b8aaa;
}

.str_wrap.str_active {

}
.str_move { 
    white-space:nowrap;
    position:absolute; 
    top:2px; 
    left:0;
    cursor:move;
}
.str_move_clone {
    display:inline-block;
    //display:inline;
    //zoom:1;
    vertical-align:top;
    position:absolute; 
    left:100%;
    top:0;
}
.str_vertical .str_move_clone {
    left:0;
    top:100%;
}
.str_down .str_move_clone {
    left:0;
    bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
    white-space:normal;
    width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
    cursor:inherit;
}
.str_wrap img {
    max-width:none !important;  
}

.str_wrap .item {
    display: inline-block;
    padding: 0 20px;
}

.str_wrap .item span {
    padding-left: 5px;
}

.table1 .ticker .odd {
	background: #90D1EE;
}

.ticker .adv_text {
	background: #fff;
	border: 1px solid #2b8aaa;
	padding: 5px;
}

.ticker .quote {
	background: #FFFDBA;
	border: 1px solid #2b8aaa;
	padding: 5px;
}

.ticker .loading_block {
	float: right;
}

.ticker .bottom {
    margin-right: 15px;
}

.ticker .bottom .vote {
	float: right;
	width: 26px;
	height: 16px;
	text-align: center;
	background: url("/images/buttons/comment_vote_green.png") no-repeat;
}

.ticker .bottom .vote a {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.ticker .bottom .vote.up {
}

.ticker .bottom .vote.down {
	background: url("/images/buttons/comment_vote_red.png") no-repeat;
}

.ticker .bottom .vote a:hover {
	color: #000;
}

.ticker .bottom p {
	float: right;
	color: #fff;
	margin: 0 5px 0 5px;
}

.ticker .bottom span.bad,
.ticker .bottom p.bad {
	color: #CB332A;
}

.ticker .bottom span a,
.ticker .bottom p a {
	color: #fff;
	text-decoration: underline;
}

.ticker .bottom span.bad a,
.ticker .bottom p.bad a {
	color: #CB332A;
	text-decoration: underline;
}

.table1 .ticker a:hover {
	color: #CC332A;
}

#ticker_string_outer {
  position: relative;
  width:950px;
  margin:0 auto;
}

body.mobile #ticker_string_outer {
  width:100%;
}

#ticker_string_outer a.addbutton {
  position: absolute;
  display: inline-block;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 3px 5px;
  background: #2b8aaa;
  color: #FFF;
  text-decoration: none;
  line-height: 21px;
}

#top_pubs .h2 { position: relative; }

#top_see_all {
  color: #fff;
  display: block;
  font-size: 0.7em;
  text-decoration: none;
}

body.desktop #top_see_all {
  position: absolute;
  left: 10px;
  top: 13px;
}

#alert-box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ccc;
  opacity: 0.85;
  z-index: 10000;
}

#disclaimer {
  position: fixed;
  z-index: 11000;
  top: 100px;
  width: 100%;
  text-align: center;
  font-size: 20px;
}

#disclaimer p { margin-bottom: 5px; }

#disclaimer-inner {
  max-width: 500px;
  display: inline-block;
  border: 4px solid #000;
  margin: 0 auto;
  background: url("/images/18-plus-icon.jpg") 50% 50px no-repeat #fff;
}

#disclaimer-txt {
  margin-top: 180px;
  padding: 0 20px;
}

#disclaimer-buttons {
  margin: 20px 0;
}

#disclaimer-buttons a, #disclaimer-buttons a:hover, #disclaimer-buttons a:focus {
  display: inline-block;
  font-size: 20px;
  color: #900;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 20px;
}

#domtrans {
  position: fixed;
  z-index: 11000;
  top: 100px;
  width: 100%;
  text-align: center;
  font-size: 20px;
}

#domtrans p { margin-bottom: 5px; }

#domtrans-inner {
  max-width: 500px;
  display: inline-block;
  border: 4px solid #000;
  margin: 0 auto;
  background: #fff;
}

#domtrans-txt {
  padding: 20px 20px 0;
}

#domtrans-buttons {
  margin: 20px 0;
}

#domtrans-buttons a, #domtrans-buttons a:hover, #domtrans-buttons a:focus {
  display: inline-block;
  font-size: 20px;
  color: #900;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 20px;
}

#dateban {
  position: fixed;
  z-index: 11000;
  top: 100px;
  width: 100%;
  text-align: center;
  font-size: 20px;
}

#dateban-inner {
  max-width: 500px;
  display: inline-block;
  border: 4px solid #000;
  margin: 0 auto;
  background: #fff;
}

#dateban-txt {
  padding: 20px;
}

#thumbnails {
  position: relative;
}
