@charset "utf-8";

/* css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

pre {
	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+ поддерживается в IE, Safari, и Firefox 3.1.*/
	font: 13px arial;
}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/* */

#listscroll {overflow: hidden; _zoom: 1;}

/* filter button */

.filter-button-wrap {overflow: hidden; _zoom: 1; margin-bottom: 18px; background: url(/images/2px.png) bottom repeat-x; padding-bottom: 2px;}
.filter-button-wrap-up {/*overflow: hidden; */ _zoom: 1; margin-top: 35px; background: url(/images/2px.png) top repeat-x; padding-top: 2px; clear: both;}

.filter-button flt-new {}
.filter-button flt-wtop {}
.filter-button flt-best {}
.filter-button flt-added {}
.filter-button flt-expt {}

div.filter-button {
	padding: 6px 11px 4px 11px;
	border: none;
	border-radius: 3px 3px 0 0; 
	-webkit-border-radius:3px 3px 0 0; 
	-moz-border-radius:3px 3px 0 0; 
	-khtml-border-radius:3px 3px 0 0;
	float: left; margin-right: 9px;
	background: -moz-linear-gradient(top, #ededed, #dbdbdb); /* Firefox 3.6+ */ /* Chrome 1-9, Safari 4-5 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dbdbdb)); /* Chrome 10+, Safari 5.1+ */
	background: -webkit-linear-gradient(top, #ededed, #dbdbdb); 
	background: -o-linear-gradient(top, #ededed, #dbdbdb); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ededed, #dbdbdb); /* IE10 */
	background: linear-gradient(top, #ededed, #dbdbdb); /* CSS3 */
	font: 14px arial; color: #000;
}
div.filter-button a {/*text-decoration: none; */font: 12px verdana; color: #555;}
div.filter-button.active a {text-decoration: none; font: 12px verdana; color: #000; font-weight: bold}
div.filter-button a:hover {text-decoration: none; font: 12px verdana; color: #000;}
div.filter-button.active a:hover { font-weight: bold}
div.filter-button {text-decoration: none; font: 12px verdana; color: #555;}
div.filter-button:hover {text-decoration: none; font: 12px verdana; color: #555; cursor: default}

div.filter-button-up {
	padding: 6px 11px 4px 11px;
	border: none;
	border-radius: 0px 0px 3px 3px; 
	-webkit-border-radius:0px 0px 3px 3px; 
	-moz-border-radius:0px 0px 3px 3px; 
	-khtml-border-radius:0px 0px 3px 3px;
	float: left; margin-right: 9px;
	background: -moz-linear-gradient(top, #dbdbdb, #ededed); /* Firefox 3.6+ */ /* Chrome 1-9, Safari 4-5 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#ededed)); /* Chrome 10+, Safari 5.1+ */
	background: -webkit-linear-gradient(top, #dbdbdb, #ededed); 
	background: -o-linear-gradient(top, #dbdbdb, #ededed); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dbdbdb, #ededed); /* IE10 */
	background: linear-gradient(top, #dbdbdb, #ededed); /* CSS3 */
	font: 14px arial; color: #000;
	margin-bottom: 15px;
}
div.filter-button-up a { font: 12px verdana; color: #555;}
div.filter-button-up.active a {text-decoration: none; font: 12px verdana; color: #000; font-weight: bold}
div.filter-button-up a:hover {text-decoration: none; font: 12px verdana; color: #000;}
div.filter-button-up.active a:hover { font-weight: bold}
div.filter-button-up {text-decoration: none; font: 12px verdana; color: #555;}
div.filter-button-up:hover {text-decoration: none; font: 12px verdana; color: #555; cursor: default}


/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* table */

table {border-collapse: collapse; border: none;}
table th, table td {font-weight: normal;}

/* some stuff */

a:focus {outline: none;}
a, a:hover {text-decoration: underline; font: 14px arial; color: #005eb2;}
a:hover {text-decoration: none;}

ul li {list-style: none;}
ol li {list-style: decimal inside;}

html {height: 100%;}

small { font-size: 70% }

/* body */

body {height: auto !important; height:100%; min-height:100%; font: 14px arial; color: #000; line-height: 18px; background: url(/images/bg-body.gif) #fff;}

#wrap {/*min-width: 1130px; max-width: 1380px;*/ width: 1170px; margin: 0 auto; background: #FFF; box-shadow: 0 5px 15px #c8c8c8;}

#header {height: 138px; position: relative; /*background: url(/images/bilet2.png) right bottom no-repeat;*/}

.sitemap ul {margin-left: 15px;}

.logo {position: absolute; top: 17px; left: 14px;}

.register {position: absolute; left: 299px; top: 34px; box-shadow: 0pt 0pt 12px rgb(191, 197, 205); border-radius: 5px 5px 5px 5px; width: 400px; height: 66px;}

.ava { left: 7px; top: 20px; position: absolute; }
.register .ava { width: 50px; height: 50px; top: 7px; left: 20px; overflow: hidden; position: absolute;  }
.register .ava img { width: 50px; }
.register .links {margin: 17px 0 0 89px; font-size: 12px; color: #e2e2e2; text-align: left !important}
.register .links a, .register .links a:hover {font-size: 12px;}
.register .links a.grey {color: #898989 !important;}

/*.social {position: absolute; left: 599px; top: 34px; box-shadow: 0pt 0pt 12px rgb(191, 197, 205); border-radius: 5px 5px 5px 5px; width: 263px; height: 50px; text-align: center; padding-top: 16px;}*/
.social { position: absolute; left: 143px; width: 200px; top: 18px; }
.social img {margin-right: 10px;}
.social a { cursor: pointer; display: inline-block }
.topbanner { position: absolute; left: 214px; top: 25px; width: 628px; height: 90px;}
.usermenu { position: absolute; left: 855px; top: 29px; box-shadow: 0pt 0pt 12px rgb(191, 197, 205); border-radius: 5px 5px 5px 5px; width: 300px; height: 65px; text-align: center; padding-top: 16px;  }
.usermenu table { display: block; position: absolute; top: 3px; left: 5px; width: 290px}
.usermenu td { text-align: left; vertical-align: middle;}
.usermenu a { font-size: 11px; padding: 3px; display: table-cell; vertical-align: middle}

.hmenu {background: url(/images/h-m-bg.png) #fedb08; height: 36px; position: relative;}
.hmenu .home, .hmenu .home:active {width: 37px; height: 36px; position: absolute; left: 20px; top: 0;}
.hmenu .home:hover {background: url(/images/home-bg.png);}
.hmenu .active {background: url(/images/home-bg.png);}

.hmenu ul {display: block; position: absolute; left: 20px; top: 0;}
.hmenu ul li {padding-top: 5px; display: block; float: left; height: 31px;}
.hmenu ul li:hover {background: url(/images/home-bg.png);}
.hmenu ul li a, .hmenu ul li a:hover {background: url(/images/h-m-ul-bg.png) repeat-x; height: 21px;  padding: 7px 19px 0 11px; color: #202020; display: block; float: left; margin-right: 1px;}

@-moz-document url-prefix() {
  .hmenu ul li a, .hmenu ul li a:hover {height: 22px;  padding: 6px 19px 0 11px;}
}

.hmenu dl {display: block; position: absolute; right: 20px; top: 9px;}
.hmenu dl dd {float: left; background: url(/images/search.png); width: 323px; height: 18px; padding: 1px 0 0 23px;}
.hmenu dl dd input {border: none; background: none; font: 12px verdana; color: #000; height: 14px; width: 310px; padding-top: 2px; line-height: 12px !important;}
.hmenu dl dt {float: left; padding: 2px 0 0 4px;}

@-moz-document url-prefix() {
  .hmenu dl dd {float: left; background: url(/images/search.png); width: 323px; height: 19px; padding: 0 0 1px 23px;}
}

:root .hmenu dl dd {height: 19px\9; padding: 0 0 0 23px\9;}
:root .hmenu dl dd input {background: 000\9;}

.mnu-also { display: none; position: absolute; margin-top: 25px;}
.mnu-also a {
	display: block  !important;
	padding: 7px 19px 5 11px  !important;
	height: 21px  !important;
	width: 121px;
	background: url(/images/h-m-bg.png) #fedb08 !important;
}
.also:hover .mnu-also {
	display: block;
}

.hmenu-shadow {background: url(/images/h-m-shadow.png) center; height: 15px; width: 100%; }

#content-main {min-height: 100%; padding-bottom: 10px;}

.c-table {width: 100%; }

.btn_right, .btn_left {width: 35px; display: table-cell !important; cursor: pointer}
.gallery_other { display: inline-block !important; }

.l-col {width: 160px !important; vertical-align: top;}

.menu-left {margin-bottom: 20px;}
.menu-left li {margin: 0; padding: 0; display: block;}
.menu-left a, .menu-left a:hover {display: block; padding: 4px 0 0 15px; margin: 0px; height: 20px;}
.menu-left a:hover {background: url(/images/menu-left-bg.png) right no-repeat; text-decoration: underline; color: #000;}
.menu-left a.active {background: url(/images/menu-left-bg.png) right no-repeat; text-decoration: underline; color: #000;}
/* .menu-left .sub a { font-size:70%; padding-left: 30px;} */
.menu-left a span { font: bold 11px verdana !important; color: #000;}

.c-col {vertical-align: top;}

h1 {font: 24px "Trebuchet MS"; color: #64b40f; margin-bottom: 18px; font-weight: normal !important;}
p.adv {font-size: 14px; line-height: 16px; padding: 0 0 10px 0;}

h2, h2 a {font-family: "Trebuchet MS"; font-size: 22px; color: #64b40f; margin-bottom: 16px; font-weight: normal !important;}
h2 a:hover { font-family: "Trebuchet MS"; font-size: 22px; color: #64b40f; margin-bottom: 16px; text-decoration: none; font-weight: normal !important;}

.navigation { color: #CCCCCC; font-size: 90%; margin-bottom: 7px;}
.navigation a { color: #AAAAAA; font-size: 90%}

.search-row td { vertical-align: top; padding: 3px; }
.search-row .filmlink { font-weight: bold; font-size: 120%}
.search-row .sel, .search_result_person .sel {background-color: #FFFA77}

#selection select { background-color:#FFF; border-color: #CCC; padding: 3px }

.review-rate { cursor: pointer }

.pages {
	margin-top: 5px;
	display: inline-block;
	clear: both;
	padding: 3px 0 3px 0;
}
.pages a {
	background-image: linear-gradient(bottom, #EEEEEE 33%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #EEEEEE 33%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #EEEEEE 33%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #EEEEEE 33%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #EEEEEE 33%, #FFFFFF 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, #EEEEEE), color-stop(1, #FFFFFF));
	text-decoration: none; margin: 1px; border-bolltom: 1px solid #AAAAAA; padding: 2px 4px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}

table.list th {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 90%;
	height:35px;
	background: url(/images/h-m-bg.png) repeat-x;
	
}
table.list th a {
	font-weight: bold;
	font-size: 100%;
	color: #000;
}

table.list td {
	font-size: 80%;
	height: 25px;
	vertical-align: middle;
}

table.list a {
	font-size: 100%;
}

.other-films { margin-top: 10px; overflow: hidden; _zoom: 1; margin-right: -16px; }
.other-films h6 {font: 18px Arial; color: #ff9004; margin-bottom: 5px; display: block; clear: both}


.p-movie-wrap {margin-top: 10px; overflow: hidden; _zoom: 1; margin-right: -16px;}
.p-movie {float: left; width: 115px; margin-bottom: 18px; margin-right: 8px; margin-left: 5px; position:relative; height: 245px; }
.p-movie .p-info { font-size: 12px; clear: both }
.p-movie .p-info img { float: left; margin-right: 3px;}
.p-movie .p-info span { width: 20px; display: block; float: left}
.p-movie .p-info span.like{ text-align: center; width: 31px; }
.p-movie .p-info img.thdown { margin-right: 0px; margin-left: 3px; cursor: pointer}
.p-movie .p-info img.thup { margin-left: 3px; cursor: pointer}
.p-movie .play {position: absolute; top:50%; margin-top:-26px; margin-left: -26px; left:50%; z-index: 100; width: 52px; height: 52px;}
.p-movie .play:hover { src:url('/images/play_hover.gif' );
}
/* width: 160px; height: 227px; */
.p-movie-img {width: 110px; height: 170px; background: url(/images/bg-body.gif); text-align: center; vertical-align: middle; overflow: hidden; box-shadow: 0 0 3px #a7a7a7; margin-bottom: 6px; display: block;}
.p-movie-img .film-img { width: 110px; height: 170px; }
.p-movie-img .wrap-img { position: absolute; display: block; width: 30px; height: 30px; top:160px; left: 2px; opacity: 0.6 }
.p-movie-img .wrap-img1 { position: absolute; display: block; width: 30px; height: 30px; top:135px; left: 2px; opacity: 0.6 }
.p-movie-img .wrap-recom { position: absolute; display: block; width: 18px; height: 18px; top:-9px; left: 100px; }
.p-movie h6 {text-align: center; height: 43px; overflow: hidden; padding-bottom: 4px; clear: both;}
.p-movie h6 a, .p-movie h6 a:hover {font-size: 14px;}
.p-movie-story {font-size: 12px; text-align: center; color: #afafaf; line-height: 12px !important; height: 39px; overflow: hidden; display: block;}

.r-col {width: 260px !important; vertical-align: top;}

.rat-stars,  
.rat-stars a:hover,  
.rat-stars a:active,  
.rat-stars a:focus,  
.rat-stars .current-rat {  
	background: url(/images/ratstars.png) left -30px repeat-x;  
}

.rat-stars a:hover,
.rat-stars a:active,
.rat-stars a:focus{
	background-position: left bottom;
}

.p-rating { width: 110px; height: 15px; margin-top: 25px;}
.rat-stars, .rat-stars .current-rat { background: url(/images/ratstars.png) left -20px repeat-x; }
.rat-stars { width: 120px; height: 10px;
display:inline-block;
position: relative;
overflow: hidden;
list-style: none;
margin: 0;
margin-left: -5px;
padding: 0;
background-position: left top;
 }

.rat-stars a.one-star { width: 10%; z-index: 11; }  
.rat-stars a.two-stars { width: 20%; z-index: 10; }  
.rat-stars a.three-stars { width: 30%; z-index: 9; }  
.rat-stars a.four-stars { width: 40%; z-index: 8; }  
.rat-stars a.five-stars { width:50%; z-index:7; } 
.rat-stars a.six-stars { width:60%; z-index:6; }  
.rat-stars a.seven-stars { width:70%; z-index:5; } 
.rat-stars a.eight-stars { width:80%; z-index:4; } 
.rat-stars a.nine-stars { width:90%; z-index:3; } 
.rat-stars a.ten-stars { width:100%; z-index:2; } 

.rat-stars .current-rat { z-index: 1; background-position: left center; }

.current-rat { height: 10px; background: url(/images/ratstars.png) left 0px repeat-x !important; }

.pimpamich {/*background: url(/images/bg.gif); /*text-align: center;*/ height: 19px; margin-bottom: 19px;}
.pimpamich img {border-left: 3px solid #fff; border-right: 3px solid #fff;}

.article {text-align: center; font-size: 12px;  margin-bottom: 18px; float: left; width: 200px; }
.article h6 {font-size: 12px; padding-bottom: 2px; margin: 6px 0 2px 0;}
.article a, .article a:hover {font-size: 12px;}
.article p {line-height: 14px !important;}

.space {width: 20px !important;}

.b-fav { /*float: left;*/ color: #ccc; /*margin-left: 60px;*/  margin-bottom: 10px; cursor: pointer; width: 170px; height: 20px;  }
.b-fav img, .b-fav span {height: 20px; position: absolute; display: block; }
.b-fav span { margin-left: 25px !important; margin-top: 0px !important; font:  16px Arial !important; color: #898989 }

.b-fav-person { position: relative; color: #ccc; margin-left: 160px; top: -22px; cursor: pointer; width: 200px; height: 20px;  }
.b-fav-person img, .b-fav span {height: 20px; position: absolute; display: block; }
.b-fav-person span { margin-left: 25px !important; margin-top: 0px !important; font:  16px Arial !important; color: #898989 }

.rate-it #rating {font-size: 18px; display: block; position:absolute; margin-left: 305px; margin-top: -21px;}

.fav {display: inline-block; width: 450px; height: 130px}
.fav img {float: left; margin-right: 5px;}
.fav .btn-del { width: 10px; height: 10px; display: none; position: absolute;  background: url(/images/small-delete.jpg) no-repeat; margin-left: 430px; margin-top: 5px; cursor: pointer}



.chat { width: 890px; height: 500px; border: 1px solid #CCC; overflow-y: scroll; }
.chat-in { margin: 5px;}

.del-allmessage { display: block; margin-left: 730px; margin-bottom: 5px; cursor: pointer }
.del-message {width: 10px; height: 16px; position: absolute;  background: url(/images/small-delete.jpg) no-repeat; margin-left: 770px; margin-top: 5px; cursor: pointer}

#fadv {background: url(/images/fbg.png) bottom repeat-x #cbcbcb; color: #fff; padding: 18px;/* margin: 0 -3px 0 -3px*/}

#footer {position: relative; border-top: 6px solid #f9f9f9; height: 123px;}
#footer .copy {left: 20px; top: 24px; position: absolute; background: url(/images/copy.png) left top no-repeat; height: 60px; padding: 18px 0 0 90px;}
#footer .madein {right: 20px; top: 24px; position: absolute; background: url(/images/site.png) right top no-repeat; padding: 18px 120px 0 0; height: 60px;}

#f-movie {overflow: hidden; _zoom: 1; padding-bottom: 20px;}

#f-movie .fm-header {overflow: hidden; _zoom: 1; height: 28px;}
#f-movie .fm-header h1 {color: #64b40f; background: url(/images/smile.png) right top no-repeat; padding-right: 32px; margin-right: 46px; float: left; }
#f-movie .fm-header .rate-it { margin-top: -4px; float: left; color: #ccc; }

#f-movie #slogan { display: block; color: #565656; font-size: 12px; height: 16px}

#f-movie .fm-desc {overflow: hidden; _zoom: 1; font-size: 12px; margin-bottom: 15px;}
#f-movie .fm-desc a, #f-movie .fm-desc a:hover {font-size: 12px;}
#f-movie .fm-desc dd {float: left; width: 260px; line-height: 16px !important;}
#f-movie .fm-desc dt {margin-left: 285px;}

/* ФИЛЬМ */
#f-movie .fm-wrap {overflow: hidden; _zoom: 1; margin-bottom: 15px;}
#f-movie .fm-wrap .fm-poster {float: left; width: 263px; position:relative;}

#f-movie .fm-wrap .fm-movie {margin-left: 285px;}

#f-movie .fm-wrap .fm-movie .fm-links {overflow: hidden; _zoom: 1; }
#f-movie .rate-it .rating-status { display: block; font: 11px Arial; position: absolute; margin-left: 220px; margin-top: -33px;}
#f-movie .fm-wrap .fm-movie .fm-link {background: #fff; height: 25px; margin-right: 5px; float: left;}
#f-movie .fm-wrap .fm-movie .fm-link a, #f-movie .fm-wrap .fm-movie .fm-link a:hover {display: block; background: #fff; height: 19px; padding: 6px 15px 0 5px; color: #000; text-decoration: none;}

#f-movie .fm-wrap .fm-movie .fm-actual {background: url(/images/act-bg.png); height: 25px; margin-right: 5px; float: left;}
#f-movie .fm-wrap .fm-movie .fm-actual a, #f-movie .fm-wrap .fm-movie .fm-actual a:hover {display: block; background: url(/images/act-r.png) right top no-repeat; height: 19px; padding: 6px 15px 0 5px; color: #000; text-decoration: none;}

#f-movie .fm-wrap .fm-movie .fm-play {}
#videoplayer {width:673px, height: 370px}
#f-movie .fm-wrap .fm-movie .fm-social {text-align: center; padding: 5px 0 0 0;}
/* ФИЛЬМ */
#f-movie .rate-it .rating-status { display: block; font: 11px Arial; position: absolute; margin-left: 345px; margin-top: -33px;}

#f-movie .fm-desc {overflow: hidden; _zoom: 1; margin-bottom: 15px;}
#f-movie .fm-desc .fm-poster {float: left; width: 263px; position:relative;}

#f-movie .fm-desc .fm-movie {/*margin-left: 285px;*/}

#f-movie .fm-desc .fm-movie .fm-links {/*overflow: hidden;*/ _zoom: 1; }

#f-movie .fm-desc .fm-movie .fm-link {background: #fff; height: 25px; margin-right: 5px; float: left;}
#f-movie .fm-desc .fm-movie .fm-link a, #f-movie .fm-desc .fm-movie .fm-link a:hover {display: block; background: #fff; height: 19px; padding: 6px 15px 0 5px; color: #000; text-decoration: none;}

#f-movie .fm-desc .fm-movie .fm-actual {background: url(/images/act-bg.png); height: 25px; margin-right: 5px; float: left;}
#f-movie .fm-desc .fm-movie .fm-actual a, #f-movie .fm-desc .fm-movie .fm-actual a:hover {display: block; background: url(/images/act-r.png) right top no-repeat; height: 19px; padding: 6px 15px 0 5px; color: #000; text-decoration: none;}

#f-movie .fm-desc .fm-movie .fm-play {}
#videoplayer {width:673px, height: 370px}
#f-movie .fm-desc .fm-movie .fm-social {text-align: center; padding: 5px 0 0 0;}





#f-movie .fm-kadri {background: url(/images/kinolenta.png) repeat-x; height: 126px; padding: 24px 0 23px 0; margin-bottom: 15px;}
.f-kadry, .f-quotes {font: 18px Arial; color: #ff9004; margin-bottom: 11px; display: block;}
ul.fs-quotes li { display: list-item;  list-style: square !important; list-style-position: inside; font-style: italic; margin-bottom: 5px}
#f-movie .fm-kadri .wrap {height: 124px; overflow: hidden;}
#f-movie .fm-kadri img {height: 124px; margin-left: 7px; border-radius: 3px;}

#f-movie .fm-people {/*overflow: hidden;*/ _zoom: 1; margin-bottom: 15px; font-size: 12px; margin-right: -10px; padding-bottom: -10px;}

#f-movie .fm-people a, #f-movie .fm-people a {font-size: 12px;}
#f-movie .fm-people h5 {font: 18px Arial; color: #ff9004; margin-bottom: 10px; display: block;}
#f-movie .fm-people h6 {font: 18px Arial; color: #64b40f; margin-bottom: 10px; display: block;}
#f-movie .fm-people .fm-founders {width: 271px; float: left; border-right: 1px dotted #CCC;}
#f-movie .fm-people .fm-actors {margin-left: 285px;}

#f-movie .fm-people .somebody {float: left; width: 80px; margin-right: 10px; margin-bottom: 10px; line-height: 14px !important; text-align: center;}
#f-movie .fm-people .somebody .s-photo {width: 80px; height: 120px; overflow: hidden; text-align: center; margin-bottom: 5px;}
#f-movie .fm-people .somebody .s-about {height: 58px; overflow: hidden; text-align: center;}
#f-movie .fm-people .somebody .s-about a, #f-movie .fm-people .somebody .s-about a:hover {display: block;}

#messages {background: url(/images/drdr.png) top repeat-x; padding-top: 30px;}
#messages h6 {font-family: "Trebuchet MS"; font-size: 24px; color: #8ecd38; margin-bottom: 15px; display: block;}
#messages dl.message {overflow: hidden; _zoom: 1; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #f7f7f7;}
#messages dl.message dd {float: left; width: 60px; height: 60px;}
#messages dl.message dd img {border-radius: 3px;}
#messages dl.message dt {margin-left: 60px;}
#messages dl.message dt .c-info {background: url(/images/c-info-bg.png); border-radius: 3px; height: 27px; padding: 9px 0 0 10px; position: relative;}

#messages dl.message dt .c-wrap {padding: 4px 0 4px 0;}
#messages dl.message dt .c-author {}
#messages dl.message dt .c-date {font-style: italic; color: #333; padding-left: 10px; font-size: 12px;}
#messages dl.message dt .c-info .c-rate {right: 10px; top: 9px; position: absolute; font-size: 18px; color: #64b40f;}
#messages dl.message dt .c-info .c-rate img {vertical-align: bottom;}
#messages dl.message dt .c-info .bad {color: #f92f00 !important;}

#messages #addmess {padding: 10px 0 0 60px;}
#messages #addmess input, #messages #addmess textarea {font: 14px Arial; display: block; margin-bottom: 8px;}
#messages #addmess input[type="text"] {height: 20px; width: 300px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff; padding-left: 5px;}
#messages #addmess textarea {width: 450px; height: 150px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff;  padding: 5px 0 0 5px;}
#addmess .status { font-size: 10px; color: red}

.c-info .delete { position: relative; margin-left: 520px; margin-top: -14px; cursor: pointer}


#comments {background: url(/images/drdr.png) top repeat-x; padding-top: 30px;}
#comments h6 {font-family: "Trebuchet MS"; font-size: 24px; color: #8ecd38; margin-bottom: 15px; display: block;}

#comments dl.comment {overflow: hidden; _zoom: 1; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #f7f7f7;}
#comments dl.comment dd {float: left; width: 60px; height: 60px;}
#comments dl.comment dd img {border-radius: 3px;}
#comments dl.comment dt {margin-left: 60px;}
#comments dl.comment dt .c-info {background: url(/images/c-info-bg.png); border-radius: 3px; height: 27px; padding: 9px 0 0 10px; position: relative;}
#comments dl.comment dt .c-wrap {padding: 4px 0 4px 0;}
#comments dl.comment dt .c-author {}
#comments dl.comment dt .c-date {font-style: italic; color: #333; padding-left: 10px; font-size: 12px;}
#comments dl.comment dt .c-info .c-rate {right: 10px; top: 9px; position: absolute; font-size: 18px; color: #64b40f;}
#comments dl.comment dt .c-info .c-rate img {vertical-align: bottom;}
#comments dl.comment dt .c-info .bad {color: #f92f00 !important;}

#comments #addcom {padding: 10px 0 0 60px;}
#comments #addcom input, #comments #addcom textarea {font: 14px Arial; display: block; margin-bottom: 8px;}
#comments #addcom input[type="text"] {height: 20px; width: 300px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff; padding-left: 5px;}
#comments #addcom textarea {width: 450px; height: 150px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff;  padding: 5px 0 0 5px;}
#addcom .status { font-size: 10px; color: red}

/* Персоны */

#persons {}

#persons .symbol {padding: 0 0 18px 0;} 
#persons .symbol a, #persons .symbol a:hover {display: inline-block; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eff0f0), color-stop(100%, #e0e1e2)); text-decoration: none; color: #000; padding: 2px 6px 2px 6px; margin: 0 2px 3px 0;}
#persons .symbol a:hover {background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #feeb0c), color-stop(100%, #ffcd05));}

#persons .persons-wrap {overflow: hidden; _zoom: 1;}
#persons .persons-wrap .somebody {float: left; width: 100px; margin: 3px 2px 4px 4px; line-height: 14px !important; text-align: center; padding: 6px; box-shadow: 0 0 5px #CCC; border-radius: 2px;}
#persons .persons-wrap .somebody:hover {box-shadow: 0 0 5px #ffcd05; border-radius: 2px;}
#persons .persons-wrap .somebody .s-photo img { width: 90px; }
#persons .persons-wrap .somebody .s-photo {width: 101px; height: 133px; overflow: hidden; text-align: center; margin-bottom: 5px;}
#persons .persons-wrap .somebody .s-about {height: 31px; overflow: hidden; text-align: center; clear: both}
#persons .persons-wrap .somebody .s-about a, #persons .persons-wrap .somebody .s-about a:hover {display: block; font: 12px arial;}
#persons .persons-wrap .somebody .s-about span {font-size: 11px; color: #888;}

.somebody .p-info { font-size: 12px; clear: both; margin-left: 16px; }
.somebody .p-info img { float: left; margin-right: 3px;}
.somebody .p-info span { width: 20px; display: block; float: left}
.somebody .p-info span.like{ text-align: center; width: 31px; }
.somebody .p-info img.thdown { margin-right: 0px; margin-left: 3px; cursor: pointer}
.somebody .p-info img.thup { margin-left: 3px; cursor: pointer}

/* Актеры */ 

#actor-f {overflow: hidden; _zoom: 1;}
#actor-f h1 {}
#actor-f h1 span {font: 14px Arial !important; color: #333 !important; display: block; margin-top: 2px;}

#actor-f .wrap-f1 {padding-bottom: 15px;}

#actor-f .wrap-f1 dl {overflow: hidden; _zoom: 1;}
#actor-f .wrap-f1 dl dd {float: left; margin-right: 15px;}
#actor-f .wrap-f1 dl dt {float: left; margin-right: 15px;}

#actor-f .wrap-f1 dl dd.pic {padding: 5px;}
#actor-f .wrap-f1 dl dd.pic img {box-shadow: 1px 1px 10px 0 #c9c9c9;}

#actor-f .wrap-f1 dl dd.tab {padding: 5px; font: 12px Arial;}
#actor-f .wrap-f1 dl dd.tab td {padding: 2px;}
#actor-f .wrap-f1 dl dd.tab .th {color: #999; padding-right: 10px; font: bold 12px Arial;}
#actor-f .wrap-f1 dl dd.tab a, #actor-f .wrap-f1 dl dd.tab a:hover {font-size: 12px;}
#actor-f .wrap-f1 dl dd.tab a:hover {color: #ff8d30; text-decoration: underline;}

#actor-f .wrap-f1 dl dd.tab .links {padding-top: 10px; line-height: 22px;}
#actor-f .wrap-f1 dl dd.tab .links ul li {list-style: disc inside !important; color: #CCC;}

#actor-f .wrap-f1 dl dt {padding: 10px 5px 5px 5px;}
#actor-f .wrap-f1 dl dt em {display: block; color: #999;}
#actor-f .wrap-f1 dl dt span {font: 18px Arial; color: #999; position: absolute; display: block; margin-left: 305px; margin-top: -23px}
#actor-f .wrap-f1 dl dt h2 {font: bold 16px Arial; display: block; color: #999; padding: 32px 0 8px 0; margin: 0;}
#actor-f .wrap-f1 dl dt .af-awards {overflow: hidden; _zoom: 1;}
#actor-f .wrap-f1 dl dt .af-awards img {float: left; display: block; margin-right: 5px;}
#actor-f .wrap-f1 dl dt .rating-status { display: block; font: 9px Arial; position: absolute; margin-left: 340px; margin-top: -30px;}
#actor-f .bio { display: block; position: relative; width: 524px; margin-left: 444px; margin-top: 66px; }

#actor-f h2 {font-family: "Trebuchet MS"; font-size: 24px; color: #999; margin-bottom: 12px;}
#actor-f h2.h1 {font-family: "Trebuchet MS"; font-size: 24px; color: #999; margin-bottom: 12px;}
#actor-f h3 a {font: bold 14px Arial; color: #ffa530; margin-bottom: 10px; display: block;}


#actor-f .fm-kadri {background: url(/images/kinolenta.png) repeat-x; height: 126px; padding: 24px 0 23px 0; margin-left: 5px; margin-bottom: 15px;}
#actor-f .fm-kadri .wrap {height: 124px; overflow: hidden;}
#actor-f .fm-kadri img {height: 124px; margin-left: 5px; border-radius: 3px;}

/* юзер.описание */

#user h1 {}
#user .small-desc {padding-bottom: 15px; }
#user .small-desc span {color: #999; display: block; margin-bottom: 5px; font-weight: bold;}
#user .small-desc p {padding-bottom: 6px;}
#user .full-desc {overflow: hidden; _zoom: 1; padding-bottom: 15px; vertical-align: top; display: table-cell; position: relative}
#user .full-desc .u-photo {display: table-cell !important; width: 150px;}
#user .full-desc .u-desc { display: table-cell !important; width: 760px;  vertical-align: top;}
#user .full-desc .u-desc2 { width: 270px; vertical-align: top}
#user .full-desc .u-desc3 { display: inline-block; width: 400px }

#user .u-buttons { width: 170px; position: relative}
#user .u-buttons a {display: block}
#user .full-desc .u-desc em {color: #898989; font-style: normal !important; width: 110px; display: inline-block;}
#user .u-buttons .u-sms-but {background: url(/images/sms.png) left center no-repeat; padding-left: 20px; margin-bottom: 5px; margin-top: 15px; display: block; cursor: pointer}
#user .u-buttons .u-add-but {background: url(/images/add.png) left center no-repeat; padding-left: 20px; margin-bottom: 15px; display: block; cursor: pointer}
#user .full-desc .u-desc .u-friend-link {background: url(/images/friends.png) left center no-repeat; padding-left: 20px; margin-bottom: 5px; display: block;}
#user .full-desc .u-desc .u-friend-list {padding-left: 20px;}
#user .full-desc .u-desc .u-friend-list a, #user .full-desc .u-desc .u-friend-list a:hover {display: block; margin-bottom: 3px;}

/* юзер.действия */

#user .u-actions {padding-bottom: 15px; overflow: hidden; _zoom: 1;}
#user .u-actions h2 {font-family: "Trebuchet MS"; font-size: 24px; color: #ffcc00; margin-bottom: 15px;}
#user .u-actions .u-act-wrap {margin-bottom: 15px;}
#user .u-actions .u-act-wrap .a-date {color: #333;}
#user .u-actions .u-act-wrap div.a-date {color: #afafaf; padding-bottom: 5px;}

/* юзер.редактирование кнопки */

#user .u-edit {margin: 15px 0 15px 0;}
#user .u-edit .u-edit-but, #user .u-edit .u-edit-but:hover {display: inline-block; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eff0f0), color-stop(100%, #e0e1e2)); text-decoration: none; color: #000; padding: 3px 7px 3px 7px; margin: 0 2px 5px 0; font: 14px arial;}
#user .u-edit .u-edit-but:hover {background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #feeb0c), color-stop(100%, #ffcd05));}


/* юзер.социальные связи */

#user .user-social {overflow: hidden; _zoom: 1;}
#user .user-social a, #user .user-social a {font-size: 12px;}

#user .user-social h5 {font: 18px Arial; color: #ff9004; margin-bottom: 10px; display: block;}
#user .user-social h5 a {font: 18px Arial; color: #ff9004; }
#user .user-social .u-friends {width: 300px; float: left;}

#user .u-friends .somebody {float: left; width: 75px; margin: 5px 5px 5px 5px; line-height: 14px !important; text-align: center; padding: 6px; box-shadow: 0 0 5px #CCC; border-radius: 2px;}
#user .u-friends .somebody:hover {box-shadow: 0 0 5px #ffcd05; border-radius: 2px;}
#user .u-friends .somebody .s-photo {width: 70px; height: 70px; overflow: hidden; text-align: center; margin-bottom: 5px;}
#user .u-friends .somebody .s-photo img { width: 70px; border-radius: 3px }
#user .u-friends .somebody .s-about {height: 31px; overflow: hidden; text-align: center;}
#user .u-friends .somebody .s-about a, #user .u-friends .somebody .s-about a:hover {display: block;}
#user .u-friends .somebody .s-about span {font-size: 12px; color: #888;}

#user .user-social h6 {font: 18px Arial; color: #64b40f; margin-bottom: 10px; display: block;}
#user .u-wall { margin-left: 10px}

#user #addcom {padding: 5px 0 0 0; margin-bottom: 20px;}
#user #addcom input, #comments #addcom textarea {font: 14px Arial; display: inline-block; margin-bottom: 8px;}
#user #addcom input[type="text"] {height: 20px; width: 300px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff; padding-left: 5px;}
#user #addcom textarea {width: 95%; height: 70px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff;  padding: 5px 0 0 5px; margin-bottom: 10px; font: 12px verdana;}
#user #addcom .bbcode {display: block; margin: 0 0 8px 0;}
#user #addcom .add-panel { display: inline-block; position: relative; top: -17px; left: 30px}

#user dl.comment {overflow: hidden; _zoom: 1; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #f7f7f7;}
#user dl.comment dd {float: left; width: 60px; height: 60px;}
#user dl.comment dd img {border-radius: 3px; width: 55px;}
#user dl.comment dt {margin-left: 60px;}
#user dl.comment dt .c-info {background: url(/images/c-info-bg.png); border-radius: 3px; height: 27px; padding: 9px 0 0 10px; position: relative;}
#user dl.comment dt .c-wrap {padding: 4px 0 4px 0;}
#user dl.comment dt .c-author {}
#user dl.comment dt .c-date {font-style: italic; color: #333; padding-left: 10px; font-size: 12px;}
#user dl.comment dt .c-info .c-rate {right: 10px; top: 9px; position: absolute; font-size: 18px; color: #64b40f;}
#user dl.comment dt .c-info .c-rate img {vertical-align: bottom;}
#user dl.comment dt .c-info .bad {color: #f92f00 !important;}

.user-social h6 {font: 18px Arial; color: #64b40f; margin-bottom: 10px; display: block;}
.user-social .u-wall {margin-left: 315px;}

#addmess {padding: 5px 0 0 0; margin-bottom: 20px; width: 890px}
#addmess input, #messages #addmess textarea {font: 14px Arial; display: block; margin-bottom: 8px;}
#addmess input[type="text"] {height: 20px; width: 300px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff; padding-left: 5px;}
#addmess textarea {width: 100%; height: 70px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff;  padding: 5px 0 0 5px; margin-bottom: 10px; font: 12px verdana;}
#addmess .bbcode {display: block; margin: 0 0 8px 0;}
#addmess input[type="image"] {}

dl.message {overflow: hidden; _zoom: 1; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #f7f7f7;}
dl.message dd {float: left; width: 60px; height: 60px;}
dl.message dd img {border-radius: 3px; width: 55px;}
dl.message dt {margin-left: 60px;}
dl.message dt .c-info {background: url(/images/c-info-bg.png); border-radius: 3px; height: 27px; padding: 9px 0 0 10px; position: relative;}
dl.message dt .c-wrap {padding: 4px 0 4px 0;}
dl.message dt .c-author {}
dl.message dt .c-date {font-style: italic; color: #333; padding-left: 10px; font-size: 12px;}
dl.message dt .c-info .c-rate {right: 10px; top: 9px; position: absolute; font-size: 18px; color: #64b40f;}
dl.message dt .c-info .c-rate img {vertical-align: bottom;}
dl.message dt .c-info .bad {color: #f92f00 !important;}

.userlist div { display: inline-block; width: 300px; height: 100px; margin: 3px; }
.userlist .divimg { width: 100px; overflow: hidden; margin-right: 5px; float: left}
.userlist .divimg img { width: 100px }

#uedit {}
/* вход или авторизация */

#uedit {position: relative;}
#uedit h1 {padding: 0; margin: 0 0 15px 0; font: 18px Arial;}
#uedit .note {background: #fffdf0; border: 1px solid #ffedbe; font: 12px Arial; line-height: 14px; padding: 4px 7px 4px 7px;}
#uedit .ublock {padding: 10px; box-shadow: 0 0 6px #d6d6d6; margin: 0 0 15px 0; position: relative;}

#uedit dl {margin-bottom: 9px; overflow: hidden; _zoom: 1;}
#uedit dl dd {float: left; width: 123px; text-align: right; padding-top: 5px;}
#uedit dl dt {float: left; margin-left: 8px;}
#uedit dl dt span {float: left; margin-top: 5px;}
#uedit dl dt input[type="text"], #uedit dl dt input[type="password"] {height: 22px; width: 245px; font-size: 14px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff; padding-left: 5px;}
#uedit dl .seldate select { height: 22px; width: 80px; font-size: 14px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff; padding-left: 5px; }
#uedit dl dt select { height: 22px; width: 120px; font-size: 14px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(/images/ibg.png) repeat-x top #fff; padding-left: 5px; }

#uedit .button {background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eff0f0), color-stop(100%, #e0e1e2)); border: none; font-size: 14px; padding-top: 3px; color: #000; width: 129px; height: 32px; border-radius: 14px; text-shadow: 1px 1px 1px #fffdf0;}

#uedit .uphoto {position: absolute; right: 50px; top: 15px; text-align: center; width: 150px; height: 190px; overflow: hidden;}

.usms {overflow: hidden; _zoom: 1; margin-bottom: 10px;}
.usms .avasms {float: left; width: 50px;}
.usms .avasms img {border-radius: 5px; width: 50px;}
.usms .descsms {margin-left: 60px;}
.usms .descsms .authsms {}
.usms .descsms .datesms {color: #999;}
.usms .descsms .asms, .usms .descsms .asms:hover {text-decoration: none; color: #000;}
.usms .descsms .asms:hover {text-decoration: underline;}


.abutton { border-bottom: 1px dotted #005EB2; text-decoration: none; cursor: pointer}

/*#auth {display: none}*/

#captcha {display: block; position: relative; height: 70px; width: 245px}
#captcha img { display: block; position: absolute; height: 60px; width: 120px}
/*#captcha_text { width: 120px !important; position: absolute; display: block; left: 125px; top: 20px;}*/


/* вход или авторизация */

#auth {position: relative;}
#auth h1 {padding: 0; margin: 0 0 15px 0;}
#auth .note {background: #fffdf0; border: 1px solid #ffedbe; font: 12px Arial; line-height: 14px; padding: 4px 7px 4px 7px;}
#auth dl {margin-bottom: 9px; overflow: hidden; _zoom: 1;}
#auth dl dd {float: left; width: 93px; text-align: right; padding-top: 5px;}
#auth dl dt {float: left; margin-left: 8px;}
#auth dl dt input[type="text"], #auth dl dt input[type="password"] {height: 22px; width: 245px; font-size: 14px; border-radius: 2px; border: 1px solid #e0e1e2; background: url(images/ibg.png) repeat-x top #fff; padding-left: 5px;}
#auth .button {background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eff0f0), color-stop(100%, #e0e1e2)); border: none; font-size: 13px; padding-top: 3px; color: #000; width: 119px; height: 27px; border-radius: 14px; text-shadow: 1px 1px 1px #fffdf0; cursor: pointer}
#auth .auth-vk {position: absolute; left: 370px; top: 36px;}


/* награды */
#awards .icon { width: 120px; height: 100px; display: inline-block; text-align: center; vertical-align: middle}
#awards .film { width: 200px; height: 100px; display: inline-block; vertical-align: top}
#awards .film img { float: left; margin-right: 5px}
#awards .film span { font-size: 10px; color: #999; line-height: 120%;}
#awards .film a { font-size: 12px;}

.captcha { text-align: center; }
.captcha img {height: 60px}

.othernews  div { width: 200px; display: inline-block; vertical-align: top; }
.othernews a { font-size: 11px; }

.search_result_person div { display: inline-block; text-align: center; vertical-align: top; width: 140px; width: 90px;}
.search_result_person img { width: 80px; height: 120px}
.wall-video { display: inline-block; cursor: pointer}

#count_new_messages { font-weight: bold}
.notify { font-weight: bold }

.btn { cursor: pointer }

.user-cell {display: inline-block; width: 130px; margin-right: 10px; margin-bottom: 10px; line-height: 14px !important; text-align: center;}
.user-cell .s-photo {width: 130px; height: 120px; overflow: hidden; text-align: center; margin-bottom: 5px;}
.user-cell .s-about {height: 31px; overflow: hidden; text-align: center;}
.user-cell .s-about a, .user-cell .s-about a:hover {display: block;}
.user-cell-confirm { display: inline-block; }
.user-cell-confirm .s-photo { display: inline-block; }
.user-cell-confirm .s-about { display: inline-block; }

#divlayer1 { display: none; width: 930px; background-color: #FFF;}

.button {cursor: pointer}
#adding-player {width: 500px}
#adding-video-status { color: #FF0000; font-size: 11px; height: 20px}

.attach-com {}
.attach-video { display: inline-block; margin: 3px; margin-bottom: 8px; width: 110px}
.attach-video .btn-del { width: 10px; height: 10px; display: none; position: absolute;  background: url(/images/small-delete.jpg) no-repeat; margin-left: 102px; cursor: pointer }
.wall-video img { width: 100px }
#adding-video-description { font-size: 10px}

.lastitems li { list-style-type: none; margin-left: 15px; overflow: hidden; height: 15px; margin-bottom: 5px }
.lastitems b { margin-left: 10px; margin-top: 10px; margin-bottom: 5px; font-family: "Trebuchet MS"; color: #64B40F; font-size: 13px; font-weight: normal;}
.lastitems li a { font-size: 11px }
.lastitems .text { position: relative; top: -7px}

.bottom-links { position: relative; top: -8px; font-size: 11px; }
.bottom-links a { color: #FFF; font-size: 11px;}

.g-book {width: 600px}
.g-book textarea, .g-book table, .g-book input { width: 100%}
.g-book td {vertical-align: top}
.g-book .row { margin-bottom: 20px}

.link-film-persons { width: 100%; text-align: center; margin-bottom: 10px}

.likes { width: 265px; text-align: center; margin-top: 5px; position: absolute; z-index: 10000}
.likes div { display: inline-block}
.likes-person { width: 500px; text-align: center; margin-top: 5px}
.likes-person div { display: inline-block}
.senderr td {vertical-align: middle}

.fm-social { margin-top: 52px; }

.btn-podbor { display: block; position:relative; top: -18px; left: -22px; width: 19px; height: 19px}
.hmenu dd .podbor { z-index: 1000; border: 1px solid #CCC; display: none; position: relative; width: 830px; height: 210px; background-color: #FFF; left: -500px; vertical-align: middle; }
.hmenu dd .podbor input[type=button] { width: 100px; height: 25px; border: 1px solid #CCC; margin-top: 3px}

#ajax-search { position: absolute; left: 5px; top: 3px; width: 13px; display: none; }

/*.usertabs_container { width: 500px; margin: 10px auto; }
ul.usertabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; }
ul.usertabs li { cursor: pointer; float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; background: #e0e0e0; overflow: hidden; position: relative; }
ul.usertabs li a { margin-top: 7px; text-decoration: none; color: #000; display: block; padding: 0 10px; outline: none; }
ul.usertabs li:hover { background: #ccc; }
 ul.usertabs li.active, ul.usertabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; }
.tab_container { border: 1px solid #999; border-top: none; clear: both; float: left; width: 100%; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.tab_content { padding: 20px; font-size: 1.2em; display: none }
.tab_content h2 { font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em; }
.tab_content h3 a { color: #254588; }
.tab_content img { float: left; margin: 0 20px 20px 0; border: 1px solid #ddd; padding: 5px; border-radius:5px; box-shadow: 0 0 5px 2px #1A3457; }
#usertabs { float: left}
#tabfavFilms a { padding-right: 3px}*/

#user .favFilm {float: left; width: 75px; height: 130px; margin: 5px 5px 5px 5px; text-align: center; padding: 6px; box-shadow: 0 0 5px #CCC; border-radius: 2px;}
#user .favFilm:hover {box-shadow: 0 0 5px #ffcd05; border-radius: 2px;}
#user .favFilm .f-photo {width: 70px; height: 70px; overflow: hidden; text-align: center; margin-bottom: 5px;}
#user .favFilm .f-photo img { width: 70px; border-radius: 3px }
#user .favFilm .f-about {height: 31px; overflow: hidden; text-align: center;}
#user .favFilm .f-about a, #user .favFilm .f-about a:hover {display: block;}
#user .favFilm .f-about span {font-size: 12px; color: #888;}

h5.favs {font: 18px Arial; color: #ff9004; margin: 10px 0; display: block;}
h5.favs a {font: 18px Arial; color: #ff9004;}

.genre-header { display: table-cell; vertical-align: top;}
.listscroll {display: block;}
.genre-films {display: table-cell; position: relative;}
.genre-last {display: block; height: 260px;}
.genre-expected { display: block; height: 260px;}
.genre-best {display: block; height: 260px;}
.genre-news {display: table-cell; width: 140px; position: relative; /*margin-left: 513px;*/}
.genre-news a {font-size: 11px !important;}
.genre-news li {list-style-type: none; overflow-y: hidden;}
.other-genres  li { display: inline-block; list-style-type: none; margin-right: 15px;}

/* новости */

.cloud-of-tags {padding: 10px 0 18px 0; text-align: center;}
.cloud-of-tags a, .cloud-of-tags a:hover {color: #999;}

#cat-news {overflow: hidden; _zoom: 1; padding: 4px;}
#cat-news .cn-news {background: #fff; padding: 18px; margin-bottom: 18px; box-shadow: 0 0 5px #CCC; border-radius: 2px;}
#cat-news .cn-news .cn-date {padding-bottom: 5px;}
#cat-news .cn-news .cn-wrap {overflow: hidden; _zoom: 1; padding-bottom: 7px;}
#cat-news .cn-news .cn-wrap .cn-img {width: 250px; float: left; text-align: center; vertical-align: top; }
#cat-news .cn-news .cn-wrap .cn-img img {border-radius: 5px;}
#cat-news .cn-news .cn-wrap .cn-story {margin-left: 265px; }
#cat-news .cn-news .cn-wrap .cn-title  {font: bold 16px Arial; color: #64b40f;}
#cat-news .cn-news .cn-wrap .cn-title a, #cat-news .cn-news .cn-wrap .cn-title a:hover {font: bold 16px Arial; color: #64b40f;}
#cat-news .cn-news .cn-wrap .cn-title span {display: block; font: 12px Arial !important; color: #999;}
#cat-news .cn-news .cn-about {font-size: 13px; margin-top: 3px;}
#cat-news .cn-news .cn-about a, #cat-news .cn-news .cn-about a:hover {font-size: 13px;}
#cat-news .cn-news .cn-about span {color: #999; padding: 0 5px 0 5px;}

#fullstory {padding: 4px;}
#fullstory h1 {margin: 0; padding: 0;}
#fullstory h1 span {display: block; font: 12px Arial !important; color: #999; padding: 8px 0;}
#fullstory #cat-news {background: #fff; padding: 18px 18px 10px 18px; box-shadow: 0 0 5px #CCC; border-radius: 2px;}
/* новости */

#editform td {padding-left: 15px}
#editform input.text { width: 400px; }
#editform select.select { width: 400px; }


#back-top { position: fixed; bottom: 30px; margin-left: 5px; display: none; }
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
 	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	}
#back-top a:hover {
	color: #000;
	}
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(/images/up-arrow.gif) no-repeat center center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	}
#back-top a:hover span {
	background-color: #777;
	}


.history { width: 100% }
.history td { vertical-align: top; padding: 2px}
.history .time { font-size: 10px; color:#888}
.history .time a { font-size: 10px;}
.history-added a {margin-right: 5px; }
.history-video { cursor: pointer; width: 200px; height: 150px; background-repeat: no-repeat; background-position: center; display: inline-block }

.time { font-size: 10px; color: #888; }
.premiere-cell { margin: 10px; }
.premiere-cell .premiere-image, .premiere-cell .premiere-descr, .premiere-cell .premiere-date { display: table-cell; vertical-align: top; padding: 3px;}
.premiere-cell .premiere-image { width: 90px; }
.premiere-cell .premiere-descr { width: 500px; }
.premiere-cell .premiere-date div { width: 70px; height: 57px; border: 1px solid #CCC; text-align: center}
.premiere-cell .premiere-date span { display: block; font-size: 40px; margin-top: 13px; margin-bottom: 5px; }

.prem-calendar td { padding: 9px 6px; text-align: center; vertical-align: middle}
.prem-calendar td:hover { background-color: #EEE}
.prem-now-month, .prem-now-month:hover { font-weight: bold !important }