/*-----------------------------------------------------------------------------
Layout styles for Smotri section

version:   1.0
date:      19/03/08
author:    Alexander Chuprin
email:     a.s.chuprin@gmail.com
website:   www.chuprin.com

-----------------------------------------------------------------------------*/

#main #container { background: url(../images/smotri/smotri_bg.jpg) 0 0 #390c3c no-repeat; color: #fff; }
#main #container .smotri-bg { min-height: 702px; //height: 702px; background: url(../images/smotri/smotri_bg_bottom.jpg) 0 100% no-repeat; }
#main a { color: #fff; }
#main #container .clearfix { padding-top: 73px; }

/* popup */
#popup a { color: #2777BA; }
#popup .close { width:157px !important; }

#popup .close a { background-image: url(../images/smotri/choose_mult_top.gif) !important; }
#popup-tabs.ui-tabs-nav a, #popup-tabs.ui-tabs-nav a span { background-image:url(../images/slushai/tab.gif); }
#popup-tabs.ui-tabs-nav .ui-tabs-selected a { color:#64296A; }

#mults { position: relative; z-index: 998; width: 570px; height: 407px; margin: 0 0 0 65px; background: url(../images/smotri/ekran_bg.gif) no-repeat; }
#mults .wrapper { padding: 0 33px 0 30px; }
#mults #popup .wrapper { padding: 0 !important; }

#choose-mult { position: absolute; right: 11px; top: 12px; width: 157px; background: url(../images/smotri/choose_mult_bottom.gif) 0 100% #fff no-repeat; }
#choose-mult a { cursor: pointer;  display: block; position: relative; padding: 2px 4px 3px 18px; background: url(../images/smotri/choose_mult_top.gif) no-repeat; text-decoration: none; line-height: 16px; font-weight: bold; color: #8b3086; overflow: hidden; zoom: 1; font-size:11px; }
#choose-mult a.othere { padding:2px 4px 3px 28px;}
#choose-mult a img { float: right; padding-top:1px;}

#new-mult { display: inline; float: left; margin: 16px 0 3px 23px; width: 372px; height: 217px; background: url(../images/smotri/new_mult_bg.gif) no-repeat; }
#new-mult .title { margin: 0 0 2px 42px; }
#new-mult-img { position: relative; display: block; width: 305px; height: 180px; overflow: hidden; margin: 3px 0 0 34px; }
#new-mult-img span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/smotri/new_mult_frame.png) no-repeat; cursor: pointer; }

#mult-download { background:url("/images/getmovies_button.png") no-repeat scroll 0 0 transparent;   position: absolute; height:22px; right: 10px; top: 39px; width: 157px;}
#mult-download a { display: block; font-weight: bold; line-height: 16px; overflow: hidden; padding: 2px 4px 3px 17px; position: relative; text-decoration: none; font-size:11px; }

#mult-downloads { z-index: 1; background:url("/images/getmovies_button.png") no-repeat scroll 0 0 transparent;   position: absolute; height:22px; right: 174px; top: 13px; width: 157px;}
#mult-downloads a {  display: block; font-weight: bold; line-height: 16px; overflow: hidden; padding: 2px 4px 3px 16px; position: relative; text-decoration: none; font-size:11px; }

#mult-rating { display: inline; float: right; width: 126px; margin: 72px 37px 0 0; }
#mult-rating .title { margin: 0 0 4px; }
#mult-rating .tabs-conainer { padding: 6px 5px 15px 11px; background: url(../images/smotri/rating_bottom.gif) 0 100% no-repeat #ae48ad; }
#mult-rating .tabs-conainer .scroll { position: relative; height: 252px; overflow: auto; }
#mult-rating .ui-tabs-nav { margin-right: -8px; }
#mult-rating  .ui-tabs-nav a, #mult-rating  .ui-tabs-nav a span { background: url(../images/smotri/tab_purple.gif) no-repeat; }
#mult-rating .ui-tabs-nav a { padding-right: 9px; color: #cda1ce; }
#mult-rating .ui-tabs-nav a span { padding-left: 9px; }
#mult-rating .ui-tabs-nav .ui-tabs-selected a { padding-right: 8px; color: #ffffff; }

#mults-tv { display: inline; float: left; width: 209px; height: 134px; margin: 15px 0 0 26px; background: url(../images/smotri/mults_tv_bg.gif) no-repeat; }
#mults-tv .title { position: relative; margin: -7px 0 0 12px; }
#mults-tv dl { margin: 3px 18px; line-height: 1.2em; font-size: 1.1em; }
#mults-tv dt { font-weight: bold; color: #f5cc61; }
#mults-tv dd { margin: 0pt 0pt 3px; }

#mult-soon { display: inline; float: left; width: 147px; height: 133px; margin: 15px 0 0 9px; background: url(../images/smotri/mult_soon_bg.gif); }
#mult-soon .wrapper { padding: 0 16px; }
#mult-soon .title { position: relative; margin: -5px 0 6px 0; }
#mult-soon p { margin: 8px 0; }

#player-bottom { margin: 12px 85px 0 74px; padding-bottom: 20px; }
#main #player-bottom .clearfix { padding-top: 0; }
#player-bottom .points-bar div { background: url(../images/smotri/points_left.gif) no-repeat #ae48ad; filter: none; }
#player-bottom .points-bar span { background: url(../images/smotri/points_right.gif); filter: none; }
#player-bottom .points-bar a { color: #fff !important; }
#player-bottom .bg { background:#621a60  none repeat scroll 0%; padding-top:7px; }
#player-bottom-corners { background:transparent url(../images/smotri/player_bottom.png) no-repeat scroll 0%; height:7px; line-height:7px; }
* html #player-bottom-corners { zoom: 1; background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smotri/player_bottom.png',sizingMethod='crop'); }

#panel ul { position: relative; width: 380px; margin: 0 0 0 -7px; padding: 16px 0 0; overflow: hidden; zoom: 1; }
#panel li { float: left; margin: 0 0 0 -2px; padding: 2px 7px;  background: url(../images/smotri/panel_split.gif) 0 50% no-repeat; line-height: 18px; }
#panel li a { color: #f6a1f6; }
#panel li img { vertical-align: middle; }
#panel .favorites { display: block; padding-left: 20px; background: url(../images/smotri/icon_favorite.gif) no-repeat scroll 0pt 110%; }


#player-top { padding: 0; }
#player-top h1 { font-size: 1.1em; padding-left: 0; }
#player-top h1 span { font-weight: normal; color: #f6a1f6; }
#star-rating span { float: left; }
div.star,div.star a{background-image:url(../images/smotri/star.gif);}


#post-comment { padding-top: 10px; padding-bottom: 15px; background-color: #8B3086; }
#post-comment .title { color: #fff; }
#comments .userpic span { background-image: url(../images/smotri/avatar_frame.png); }
* html #comments .userpic span { background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smotri/avatar_frame.png',sizingMethod='image'); }
* html #post-comment textarea { width: 95% !important; }
#post-comment .middle { overflow: hidden; }
#post-comment textarea { margin: 0 !important; padding: 0 !important;  }