/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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


  @media only screen and (-webkit-min-device-pixel-ratio : 2),
          only screen and (min-device-pixel-ratio : 2) {
          
                  head {
                              background-image: url(http://212.72.157.234/set-device-pixel-ratio/2);
                                      }
                                          }
                                          


body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}


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

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.ie img {-ms-interpolation-mode:bicubic;}

/*
STOP! Be familiar with the manifesto before editing this file:
https://github.com/auteurs/theauteurs.com/wikis/html-css-manifesto

Standardized Colors
======
323232 - Standard text color
5a5a5a - Site background
666666 - MED GRAY
787878 - GRAY link hover
8c8c8c - MED LIGHT GRAY some text
aaaaaa - LIGHT GRAY Content - eg. newsfeed times
e6e6e6 - LIGHT GRAY Content background
f2f2f2 - LIGHTEST GRAY Halfway between white and content background
f6f6f6 - OFFWHITE
299ecc - BLUE Mostly Links
0faf2d - GREEN Flash Notices / Headings
f7d837 - YELLOW background
ef4135 - RED for headings (eg. cinemas)
ffe8b5 - Yellow for autocomplete highlight

Margins
=======
1px - Between heading and its block, between nav blocks
2px - Between related elements in a block of multiple content elements
4px - ?
8px - Gutters
16px - Padding of boxes, line-height of vertical rhythm
*/


/****************************
 BASE HTML ELEMENT STYLES
****************************/
body {
  font-family: "BPGArial", Tahoma, Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif;
  font-size: 12px;
  line-height: 16px;
  background-color: #5a5a5a;
  color: #323232;
}

input {
  font-family: "BPGArial", Tahoma, Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif;
}

p, ol, ul, dl {
  margin-bottom: 16px;
}

/**** LINKS ****/
a {
  color: #299ecc;
  text-decoration: none;
}
a:hover { color: #787878; }

/**** HEADERS ****/
h1 {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
h1.big {
  font-size: 24px;
  line-height: 32px;
}
h2 {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
h2.big { font-size: 18px; }
h3 {
  font-weight: normal;
}
h4 {
  color: #0faf2d;
  background-color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 4px 16px 8px;
  margin-bottom: 1px;
  font-family: "BPGSquareMtavruli", sans-serif;
  float: left;
  height: 16px;
}

.socialfb iframe {
left:auto !important;
z-index:20000 !important;
right:0px !important;
}

.socialfb .fb_iframe_widget  {
z-index:0 !important;
}

.socialfb .fb_iframe_widget span {
float:right !important;
display: flex !important;
}


.banner_v2 {
display:none;
max-width:728px;
width:90%;
height:auto;
position:absolute;
z-index:10;
bottom:50px;
margin-left: auto !important;
margin-right: auto !important;
left:0 !important;
right:0 !important;
background:transparent;
}

.banner_v2 .bannercode {
width:100%;
height:100%;
background:transparent;
}


.banner_v2 .banner_close {
right:0px;
top:0px;
margin:5px;
width:17px;
height:17px;
cursor:pointer;
position:absolute;
background:transparent;
background-image: url(/images/icons/hide_roll.png);
background-repeat:no-repeat;
}


h4.date a {
font-family: Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif !important;
font-weight: bold !important;
text-transform: uppercase !important;
line-height: 16px !important;
font-size: 14px !important;
}

.ownerActionDiv {
height: 25px;
background: gray;
padding: 10px;
}

.oad_btnEdit {
background: white;
float: left;
width: 50px;
text-align: center;
height: 25px;
line-height: 25px;
}

.video_pl {
position:relative;
cursor:pointer;
}

.video_pl_title {
position:absolute;
display:block;
top:0px;
color:white;
font-family: "BPGSquareMtavruli", sans-serif;
}

.video_pl_title span.pl_num {
 float:left;
 display:block;
 width:25px;
 height:34px;
 text-align:center;
 line-height:34px;
 margin-top:0px;
 margin-left:0px;
 font-size:14px;
 text-shadow: 1px 1px 1px black;
}

.pl_active .video_pl_title span.pl_num {
color:#0faf2d;
}

.video_pl_title span.pl_title {
padding: 2px 3px 0px 4px;
width: 120px;
font-size:12px;
display: block;
min-height:30px;
float: left;	
max-height: 46px;
overflow: hidden;
border-left:1px #999999 solid;
text-shadow: 1px 1px 1px black;
}

.pl_active .video_pl_title span.pl_title {
color:#0faf2d;
}

.idx_runtime {
position: absolute;
bottom: 10px;
right: 10px;
background-color: rgba(15,175,45,0.7);
padding: 2px 5px 2px 5px;
border-radius: 2px;
color: white;
font-size: 11px;
}

.vdo_runtime {
position: absolute;
bottom: 5px;
right: 5px;
background-color: rgba(15,175,45,0.7);
padding: 2px 4px 2px 4px;
border-radius: 2px;
color: white;
font-size: 11px;
}

.media_info {
border:0px solid;
margin-left: 25px;
float: left;
width: 775px;
}

.media_channel {
border:0px solid;
width: 400px;
height: 80px;
float: left;
text-transform: uppercase;
font-family: "BPGSquareMtavruli", sans-serif;
border-bottom:1px #eeeeee solid;
}

.media_avatar {
border:0px solid;
width: 60px;
height: 60px;
float: left;
border:1px #eeeeee solid;
}

.media_channel_info {
border:0px solid;
width: 180px;
height: 60px;
float: left;
margin-left:5px;
}

.media_channel_info .channel_title {
border:0px solid;
color:#676767;
width: 100%;
display: block;
height:47px;
}

.media_channel_info .channel_title a {
color:#676767;
}


.media_video_info {
margin-top:20px;
width: 775px;
height: 40px;
float: left;
}
}

.video_media_date {
float:left;
}

.video_descr {
float:left;
margin-top:5px;
}


.content h4 { /* Within white areas it should be a more generic style */
  padding: 0;
  margin: 0;
  float: none;
  height: auto;
}
h5 {
  color: #666666;
  background-color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  padding: 7px 16px 4px;
  margin-top: 4px;
  margin-bottom: 1px;
}
.content h4, .content h5, #lightbox h4, #lightbox h5 { /* Within white areas it should be a more generic style */
  padding: 0; margin: 0; float: none; height: auto;
}

h6 {

}

#player_expander { 
cursor: pointer;
float:right;
height: 17px;
padding-left: 2px !important;
padding-right: 2px !important;
width: 30px;
}

div.top_box_content {
display: inline;
float: left;
}

.span-8 {
width: 450px;
}

.dimmer_like {
z-index: 1103;
position: absolute;
background-color: black;
padding: 0;
}

#light_options { 
background-color: transparent;
background-image: url("http://static1.dmcdn.net/images/sprites/vertical.png.vedef6583c9ecbfbd");
background-position: 0% -4692px;
background-repeat: no-repeat;
}

#dimmer1 #light_options {
position:relative;
background-image: url("http://static1.dmcdn.net/images/sprites/vertical.png.vedef6583c9ecbfbd");
background-position: left -4716px;
}

.light_options { 
 position:relative;
 cursor: pointer;
 height: 20px;
 width: 25px;
}
  

.column {
float: left;
margin-right: 20px;
padding: 0;
}

.player_border {
border:1px solid #444;
top:-1px;
left:-1px;
margin-right:-1px!important;
margin-bottom:4px!important;
}


.button_resize { 
outline: medium none currentColor !important;
 }
  
button.button_resize { 
font-family: "Arial", "Helvetica", "Clean", sans-serif;
height: 24px;
margin: 0px;
}
 
button.button_resize { 
 cursor: pointer;
 outline: 0px none currentColor;
 white-space: nowrap;
}

.button_resize:hover , .button_resize:focus {
color:#999;
border-color:#999;
text-decoration:none;
background-color:#e9e9e9; 
background-image: url("http://static1.dmcdn.net/images/sprites/vertical.png.vedef6583c9ecbfbd");
background-position: -0.6% -4738px;
}

  
.button_resize { 
  background-color: #FFFFFF;
  background-image: url("http://static1.dmcdn.net/images/sprites/vertical.png.vedef6583c9ecbfbd");
  background-position: -0.6% -4738px;
  background-repeat: repeat-x;
  border: 1px solid #CCCCCC;
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.251), 0px 1px 0px rgba(0, 0, 0, 0.047);
  color: #555555 !important;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  padding: 0px 10px !important;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.player_expanded { 
  background-image: url("http://static1.dmcdn.net/images/sprites/vertical.png.vedef6583c9ecbfbd");
  background-position: -0.6% -4754px;
}

.player_expanded:hover, .player_expanded:focus { 
  background-image: url("http://static1.dmcdn.net/images/sprites/vertical.png.vedef6583c9ecbfbd");
  background-position: -0.6% -4754px;
}

  

/**** INLINE ELEMENTS ****/
sup { vertical-align: super; }

/**** TABLES - ADMIN BASE STYLE ****/
/*
table {
  table-layout: auto;
  border-collapse: collapse;
  border: 1px solid #e6e6e6;
  width: 100%;
}
th {
  background: #e6e6e6;
  color: #787878;
  padding: 0 5px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  text-align: left;
}
td {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 5px;
  font-size: 12px;
}
*/


/**** FORM STUFF ****/
legend { font-weight: bold; text-transform: uppercase; color: #787878;   font-family: "BPGSquareMtavruli", sans-serif;
}
fieldset { border: 1px solid #e6e6e6; padding: 16px; margin-bottom: 16px; }
label { font-weight: bold; display: block; }
label.inline { display: inline; }
input[type="text"], input[type="password"], textarea {
  background: #fff;
  border: 1px solid #7C7C7C;
  color: #494949;
  font-size: 11px;
  margin-bottom: 6px;
  padding: 2px;
}
textarea {
    resize: none;
    outline:none;
}
input[type="text"].medium { width: 300px; }
textarea { font-family: Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif; } /* Default is monospace in FF/IE */
input[type="text"], input[type="password"] {
  height: 14px;
}
/* Submit buttons should look the same as link BUTTONS (see below, colors defined there as well) */
input[type="submit"], button {
  background-color: #299ecc; /* Default is blue */
  color: white;
  font-size: 12px;
  padding: 1px 8px 2px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  height: 20px;
}

input[type="submit"]:focus, button:focus, input[type="submit"]:hover, button:hover  {
  background: #787878;
  outline: none;
}

.ie input[type="submit"], .ie button { /* IE (IE7 tested) adds crazy padding to the side of the button */
  padding: 2px 8px 1px;
  overflow: visible;
  line-height: normal;
}
select {
  border: 1px solid #7c7c7c;
}
select[multiple] {
  height: 200px;
}

.field { margin-bottom: 8px; }
.field label { display: block; float: left; width: 96px; }

input[type="checkbox"] { width: 13px; height: 13px; padding: 0; margin: 0; }

.destroy { color: #8c8c8c; }
.destroy:hover { color: #ef4135; }

/****************************
 SEMANTIC CLASS STANDARD STYLES
****************************/
.film_title { text-transform: uppercase;  font-family: "BPGSquareMtavruli", sans-serif;
}

.film_title_eng {
font-family: Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif !important;
}


h3.film_cast {
width:360px;
}

.film_cast span, .film_director span { font-weight: bold; }
.film_cast a { color: #323232; }
.film_cast a:hover { color: #8c8c8c; }
.film_director { text-transform: none; font-weight: normal; }
.film_director a { color: #323232; }
.film_director a:hover { color: #8c8c8c; }
.film_duration { text-transform: none; }
.film_year { font-weight: bold; font-size: 17px; color: #a2a2a2; margin-bottom: 10px;}
.film_country { font-weight: bold; }
.film_still { overflow: hidden; /* Clearfix */ }
h2.film_title { font-size: 14px; padding-top:2px; 
  font-family: "BPGSquareMtavruli", sans-serif;
  }

h2.cast_member_name { font-size: 14px; }

h3.user_name { text-transform: uppercase; font-weight: bold; font-size: 14px;   font-family: "Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif;", sans-serif; word-wrap: break-word;
}

.content.search_cont {
padding:7px;
background-color: #299ecc;
}

.search_cont label.lupe {
float:right;
background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20enable-background%3D%22new%200%200%2020%2020%22%3E%3Cpath%20fill%3D%22%2358595B%22%20d%3D%22M19.582%2017.562l-5.244-5.244c.875-1.268%201.391-2.801%201.391-4.455%200-4.335-3.528-7.863-7.864-7.863-4.338%200-7.865%203.528-7.865%207.864%200%204.337%203.527%207.865%207.865%207.865%201.652%200%203.187-.516%204.455-1.391l5.244%205.244c.279.277.644.418%201.009.418.366%200%20.731-.141%201.009-.418.557-.557.557-1.461%200-2.02zm-11.717-2.646c-3.89%200-7.055-3.164-7.055-7.052%200-3.889%203.165-7.053%207.055-7.053%203.889%200%207.052%203.164%207.052%207.053%200%203.888-3.163%207.052-7.052%207.052z%22%2F%3E%3C%2Fsvg%3E");
width:17px;
height:17px;
margin:6px 10px 0px 5px;
}

.people_search {
height:30px;
width:450px;
border-radius:2px;
background-color: #fff;
outline:none;
}

.people_search .dropdown {
display:none;
}

.people_search .dropdown ul {

}

.people_search .dropdown ul li.def {
text-transform: uppercase;
font-family: "BPGSquareMtavruli", sans-serif;
}    
    
    

.people_search .dropdown ul li span.avatar {
float:left;
}

.people_search .dropdown ul li .user {
float:left;
width:100px;
height:40px;
}

.people_search .dropdown ul li span.uname {
font-weight: bold;
margin-left: 10px;
font-size: 15px;
height: 20px;
display: block;
line-height: 14px;
width: 400px;
}

.people_search input {
float:left;
margin:0px;
margin-left:5px;
width:400px;
height:25px;
border:0px;
outline:none;
font-size:14px;
}


.people_search .dropdown {
//display:none;
position: absolute;
width: 470px;
border: 1px #d8d8d8 solid;
z-index: 9999;
margin-top: 31px;
background: #fff;
border-radius: 2px;
}

.people_search .dropdown ul {
margin:10px 0px 10px 0px;
}

.people_search .dropdown ul li {
height:40px;
line-height: 40px;
padding: 10px 10px 10px 10px;
cursor:pointer;
}

.people_search .dropdown ul li:hover {
background-color:#d8d8d8;

}


.people_search .circles_cont {
float: left;
width: 34px;
height: 34px;
margin: 0px 0px 0px 9px;
}

.people_search .circles {
position:relative;
margin: 0 auto;
width:100%;
height:20px;
}

.people_search .unknowncircle:after {
content: "?";
line-height: 24px;
font-size: 20px;
color: green;
}

.people_search .unknowncircle {
width: 15px;
height: 15px;
background: rgba(00,155,00,0.5);
border:1px #0faf2d solid;
border-radius: 50px;
display: block;
position: absolute;
left: 0;
text-align:center;
}

.people_search .mycircle {
width: 15px;
height: 15px;
background: rgba(00,155,00,0.5);
border:1px #0faf2d solid;
border-radius: 50px;
display: block;
position: absolute;
left: 0;
}

.people_search .usercircle {
width: 15px;
height: 15px;
background: rgba(00,155,00,0.5);
border:1px #0faf2d solid;
border-radius: 50px;
display: block;
position: absolute;
right: 0;
}








.people .circles_cont_hide {
display:none;
}

.people .circles_cont {
float: left;
width: 53px;
height: 53px;
margin: 10px 0px 0px 15px;
}

.people .circle_descr {
float: left;
height: 40px;
line-height: 44px;
margin-left: 10px;
}

.people .circles {
position:relative;
margin: 0 auto;
width:100%;
height:25px;
}

.people .unknowncircle:after {
content: "?";
line-height: 24px;
font-size: 20px;
color: green;
}

.people .unknowncircle {
width: 25px;
height: 25px;
background: rgba(00,155,00,0.5);
border:1px #0faf2d solid;
border-radius: 50px;
display: block;
position: absolute;
left: 0;
text-align:center;
}

.people .mycircle {
width: 25px;
height: 25px;
background: rgba(00,155,00,0.5);
border:1px #0faf2d solid;
border-radius: 50px;
display: block;
position: absolute;
left: 0;
}

.people .usercircle {
width: 25px;
height: 25px;
background: rgba(00,155,00,0.5);
border:1px #0faf2d solid;
border-radius: 50px;
display: block;
position: absolute;
right: 0;
}

.circles.inharmony {
width:50%;
}

.circles.lotstodiscuss {
width:58%
}

.circles.thereisaspark {
width:65%
}

.circles.commonground  {
width:72%
}

.circles.roomfordebate {
width:79%
}

.circles.oppositesattract  {
width:86%
}

.circles.unlikelypair  {
width:93%
}

.circles.cultureclash {
width:100%;
}



.people h3.user_name { 
border-bottom: 1px #d8d8d8 solid;
height: 25px;
margin-bottom: 1px;
}

.people h3.user_name a { 
font-size:12px;
overflow: hidden;
width: 100%;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}

.people .follow button.followbtn {
height: 28px;
width: 140px;
background-color: #909090;
border-bottom: 3px #0faf2d solid;
font-size:11px;
}




.people .follow button.pendingbtn {
height: 28px;
width: 140px;
background-color: #0faf2d;
border-bottom: 3px #909090 solid;
font-size:11px;	
}

.people .follow button.pendingbtn:hover {
background-color: #bf0937;
border-bottom: 3px solid #84002d;
}

.people .follow button.unfollowbtn {
height: 28px;
width: 140px;
background-color: #0faf2d;
border-bottom: 3px #909090 solid;
font-size:11px;	
}

.people .follow button.unfollowbtn:hover {
background-color: #bf0937;
border-bottom: 3px solid #84002d;
}

.people .follow button.unfollowbtn .follow-label {
  display: inline;
}
    
.people .follow button.unfollowbtn .unfollow-label {
display: none;
}

.people .follow button.unfollowbtn:hover .follow-label {
  display: none;
}
	
.people .follow button.unfollowbtn:hover .unfollow-label {
display: inline;
}


.people .follow button.pendingbtn .pending-label {
  display: inline;
}
    
.people .follow button.pendingbtn .cancel-label {
display: none;
}


.people .follow button.pendingbtn:hover .pending-label {
  display: none;
}
	
.people .follow button.pendingbtn:hover .cancel-label {
display: inline;
}
        
        

.people .follow button:hover {
background-color:#a0a0a0;
}

.people .follow {
float: left;
width: 172px;
text-align: center;
position: absolute;
bottom: 10px;
}


a.user_avatar { overflow: hidden; width: 65px; } /* This is to control the width of facebook avatars that don't load correctly and thus get stuck at 100px */
a.unique.username { color: #1a6380; }
a.unique.username:hover { color: #000; }
.fiveup .user_name { font-size: 12px; margin-top: 4px; }

.location { font-weight: bold; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
.location a { color: #323232; }
.location a:hover { color: #8c8c8c; }

h2.topic_title { font-size: 14px; }


/****************************
 REUSABLE PRESENTATIONAL MODIFIERS
****************************/
/**** LAYOUT HELPERS ****/
.block { display: block; float: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.textleft { text-align: left; }
.textright { text-align: right; }
.bottom_margin { margin-bottom: 16px !important; }
.top_margin { margin-top: 16px !important; }
.vertical_margin { margin-bottom: 16px !important; margin-top: 16px !important; }
.bottom_gutter { margin-bottom: 8px !important; }
.top_gutter { margin-top: 8px !important; }
.vertical_gutter { margin-bottom: 8px !important; margin-top: 8px !important; }
.padding { padding: 16px !important; }
.half_padding { padding: 8px !important; }
.last { margin-right: 0 !important; }
.lastrow { margin-bottom: 0 !important; }

/**** COLOR HELPERS ****/
.green { color: #0faf2d !important; }
.greenbg { background-color: #0faf2d !important; color: #fff !important; }
.red { color: #ef4135 !important; }
.redbg { background-color: #ef4135 !important; color: #fff !important; }
.blue { color: #299ecc !important; }
.bluebg { background-color: #299ecc !important; color: #fff !important; }
.darkgraybg { background-color: transparent !important; }
.gray { color: #666 !important; }
.graybg { background-color: transparent !important; color: #fff !important; }
.medgraybg { background-color: #8c8c8c !important; color: #fff !important; border-radius: 2px; line-height: 23px !important; height: 22px !important; text-align:center;width:100px; font-size:12px !important}
.lightgray { color: #8c8c8c !important; }
.lightgraybg { background-color: #f2f2f2 !important; }
.offwhitebg { background-color: #f6f6f6 !important; }
.yellow { color: #f7d837 !important; }
.yellowbg { background-color: #f7d837 !important; }
.whitebg { background-color: #fff !important; }
.belgacombg { background-color: #002b44 !important; }

.greenbg a:link, .greenbg a:visited, .greenbg a:active,
.redbg a:link, .redbg a:visited, .redbg a:active,
.bluebg a:link, .bluebg a:visited, .bluebg a:active
{ color: #fff; }
.greenbg a:hover, .redbg a:hover, .bluebg a:hover
{ color: #787878; }


/**** MISC TYPOGRAPHY HELPERS ****/
.big { text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}
label.big { font-size: 13px; }
label.big span.sublabel { color: #aaa; text-transform: none; font-weight: normal; }
.small { font-size: 11px !important; width:53px; margin-top:3px;}
.smallest { font-size: 10px !important; }
.notbold { font-weight: normal !important; }
.uppercase { text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}

.actions.small {
width:300px;
}

.lowercase { text-transform: none; }
.cropped_image { overflow: hidden; }
.center { text-align: center; }
.hide { display: none; }


.topnum {
background-color:#0FAF2D;
opacity:0.9;
position:absolute;
width:30px;
text-align: center;
padding-top:7px;
padding-bottom:7px;
color:white;
font-size:25px
}

.imdbtop {
float:right;
margin-top:8px;
font-size:11px;
padding-left:0px
}

.imdbtop a {
color:#676767;
}

.imdbtop a:hover {
color:#299ecc;
}


.imdbtop span.imdb {
float: left;
height: 14px;
margin-right: 7px;
border: 1px #299ecc solid;
padding: 0px 5px;
border-radius: 3px;
line-height: 14px;
}

.imdbtop span.imrating {
color:green;
font-weight:bold;
}

span.amp {
  font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  font-style: italic;
}
a.active { color: #323232; }
.changed { color: red !important; background-color: #fcc !important; }
.not_implemented { /* for development */
  color: #E35E9F !important;
  background-color: #f4d037;
}
ul.bullet { padding-left: 24px; list-style-type: disc; }
span.form_help, span.form_help_sub { color: #8c8c8c; font-size: 11px; font-style: italic }
span.form_help_sub { display: block; }
input+span.form_help_sub, textarea+span.form_help_sub { margin-top: -6px }


/* PiE clearfix [http://www.positioniseverything.net/easyclearing.html]
   Although they suggest overflow:hidden as a simpler method, it has the fatal
   flaw of not working with absolutely positioned elements that extend out such
   as autocomplete or film list manipulation dropdowns.  Incidentally it also doesn't
   work in PS3 browser.

   Special note: any reused element (eg. content) that needs this should be rolled
                 into this declaration.  If not explicitly needed, overflow:hidden
                 should be declared in its appropriate style group (eg. column) */
.use1:after, .use2:after, .use3:after, .use4:after, .use5:after, .use6:after,
.use7:after, .use8:after, .use9:after, .use10:after, .use11:after, .use12:after,
.clearfix:after, .content:after, .column:after, .ui-helper-clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.win.ie .use1, .win.ie .use2, .win.ie .use3, .win.ie .use4, .win.ie .use5, .win.ie .use6,
.win.ie .use7, .win.ie .use8, .win.ie .use9, .win.ie .use10, .win.ie .use11, .win.ie .use12,
.win.ie .clearfix, .win.ie .content, .win.ie .column, .win.ie .ui-helper-clearfix { zoom: 1; }


/****************************
 SYSTEMS OF PRESENTATIONAL CLASSES
****************************/
/**** THE GRID ****/
/* Layout constructed to support a grid consisting of 12 72-pixel columns
   The columns have both left and right margin, which means that innerleft (il)
   and inner-right (ir) definitions are not necessary when columns are only one
   level deep.  Note that this also means that any bare content outside a .useX
   div will be out of alignment by 4px on either side.
*/
.use1, .use2, .use3, .use4, .use5, .use6, .use7, .use8, .use9, .use10, .use11, .use12 {
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}

.use1 { width: 64px; }
.use2 { width: 136px; }
.use3 { width: 208px; }
.use4 { width: 280px; }
.use5 { width: 352px; }
.use6 { width: 424px; }
.use7 { width: 496px; }
.use8 { width: 568px; }
.use9 { width: 640px; }
.use10 { width: 712px; }
.use11 { width: 784px; }
.use12 { width: 856px; }

/* use this class when nesting columns */
.il { margin-left: 0; }
.ir { margin-right: 0; }


/**** SINGLE PADDED CONTENT BOX ****/
.content {
  clear: left;
  background-color: #fff;
  padding: 16px;
  margin-bottom: 8px;
  position: relative;
}
.content.airy { /* For some reason .airy.content caused ps3 the apply this to ALL content boxes except ones inside a .content_group */
  padding: 32px;
}
.ie6 .content {
  /* Note this is applied to trigger hasLayout
  for IE6 only */
  height: 1%;
}
.content.nopadding {
  padding: 0;
}
.content.half_padding {
  padding: 8px;
}
.content.half_vertical_padding {
  padding-top: 8px;
  padding-bottom: 8px;
}
.no_content { /* Stand-in for content if it doesn't exist */
  height: 8px;
}
.content.nobg {
  background-color: transparent;
}

/**** GROUP OF PADDED CONTENT BOXES ****/
.content_group { margin-bottom: 8px; clear: left; }
.content_group .content {
  padding: 15px 16px;
  margin-bottom: 2px;
}
.content_group .content.nopadding {
  /* Note this can create an off-by-2 vertical rhythm error which you
     can account for by making the content 2px shorter if possible. */
  padding: 0;
}
.content_group .content.half_vertical_padding {
  padding-top: 7px;
  padding-bottom: 7px;
}
.content_description {
  clear: left;
  margin-bottom: 2px;
  line-height: 24px;
  height: 22px;
  background-color: #fff;
  font-size: 11px;
  padding: 0 16px;
}
.content_description.lower_position {
  margin-top: 2px;
  margin-bottom: 8px;
}

/**** SPECIAL CONTENT BOXES ****/
.content.pageheading {
  background: #787878;
  color: #f4d037;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
.content.pageheading h1 {
  font-size: 23px;
  line-height: 24px;
  font-weight: normal;
}

#imovies-jingle {
height:170px;
}

/**** COLUMNS FOR USE INSIDE CONTENT BOXES AND OTHER OFF-GRID SPACES ****/
/* We considered defining a grid inside content boxes that was modified to compensate for the padding
 * but the permutations quickly get out of control.  We have a limited number of column setups.  They should
 * be defined here using descriptive names and clearly defined under the appropriate .useX (or whatever parent
 * element has a width) declaration for clarity.
 */
.column {
  float: left;
  margin-right: 16px;
}
/* Width definitions.  Follow the conventions carefully and leave a comment to describe the origin of each column def */
/* Generic columns, requiring .last on the last one */
.use12 .column.threeup_col { width: 264px; }
.use12 .column.twoup_col { width: 404px; }
/* Media column based on films#show */
.use12 .column.full_media_col { width: 448px; }
.use12 .column.full_media_col2 { width: 360px; margin-right: 0; }
/* Private messages */
.use12 .column.message_col { width: 65px; }
.use12 .column.message_col2 { width: 200px; }
.use12 .column.message_col3 { width: 527px; margin-right: 0; }
/* Rating Wizard - SPECIAL 8px gutter here to compensate for either action link
                   state without wrapping. */
.twoup .column.rating_wizard_col { width: 100px; margin-right: 8px; }
.twoup .column.rating_wizard_col2 { width: 296px; margin-right: 0; }
/* People Page */
.use12 .column.people_results_col { width: 100%; height:140px; text-align:center; overflow:hidden;}
.use12 .column.people_results_col2 { width: 140px; margin: 10px 0px 0px 17px; }
/* Find Friends Services */
.use12 .column.find_friends_col { width: 300px; }
.use12 .column.find_friends_col2 { width: 508px; margin-right: 0; }
/* Cast members page */
.use12 .column.cast_member_col { width: 240px; }
.use12 .column.cast_member_col2 { width: 550px; }
/* Cast member list */
.use12 .column.cast_member_list_col { width: 120px; }
.use12 .column.cast_member_list_col2 { width: 656px; margin-right: 0; }
/* Authorizations Presenter */
#lightbox .column.authorized_countries { width: 200px; }
#lightbox .column.unauthorized_countries { width: 200px; margin-right: 0; }

/* User Avatar column */
.use6 .column.user_avatar_col { width: 65px; }
.use6 .column.user_avatar_col2 { width: 311px; margin-right: 0; min-height: 65px; }
.use12 .column.user_avatar_col { width: 65px; }
.use12 .column.user_avatar_col2 { width: 736px; margin-right: 0; min-height: 65px;}


/**** ROW STRUCTURE AND ELEMENTS ****/
/* This is for equally-spaced, uniformly-sized rows of elements such as film stills, etc.
   Not to be used for general row needs */
.row {
  overflow: hidden; /* Clearfix */
  margin-bottom: 36px;
}
.row.twoup .item {
  width: 404px;
}
.use6 .row.twoup .item {
  /* The width for this was wrong, it is now correct (see related films on films/show) */
  width: 188px;
}
.row.threeup .item {
  width: 264px;
}
.use8 .row.threeup .item {
  width: 168px;
}
.row.fourup .item {
  width: 194px;
}
.use12 .row.fourup .item {
  width: 194px;
}
.use6 .row.fourup .item {
  /* FIXME: This is wrong */
  width: 65px;
}
.use6 .row.fiveup .item {
  /* This is right */
  width: 65px;
}
.row .item {
  position: relative;
  float: left;
  margin-right: 16px;
}
div.playbutton  {
  position: absolute;
  left: 128px;
  top: 58px;
  background: url(/images/playbutton.png) no-repeat;
  width: 40px;
  height: 40px;
}
.use8 .item div.playbutton a {
  left: 64px;
  top: 28px;
}

.use6 .item div.playbutton a {
  left: 74px;
  top: 33px;
}
.item div.playbutton a span {
  display: none;
}
.row .item .actions {
  font-size: 11px;
}

.row .item .film_views {
  margin-bottom: 0px;
  color: #323232;
}

.row .item .film_views .number {
  font-weight: bold;
}

/**** ADMIN FILTER BAR (TO GO ABOVE TABLES) ****/
div.filter_bar {
  height: 32px;
  line-height: 32px;
}
div.filter_bar label {
  display: inline;
}


/****************************
 LOW LEVEL STYLIZED ELEMENTS
****************************/
/**** BUTTONS ****/
/* These should look the same as actual button tags and input type="submit".  See those definitions above */
.button {
  display: inline-block;
  background-color: #299ecc;
  color: white;
  font-size: 11px;
  padding: 1px 8px 2px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  height: 17px;
  line-height: 20px;
}
.ie7 .button {
  padding: 0px 8px 3px;
}
.button.red, input[type="submit"].red, button.red {
  background-color: #ef4135;
}

a.button { color: white; }
a.button:link { color: white; }
a.button:visited { color: white; }
a.button:active { color: white; }
a.button:hover { color: white; }

.button_wrap {
  height: 32px;
  line-height: 32px;
}
.button_shrink_wrap { /* Used when a button is the bottom element or it needs wrapping divs inside it */
  height: 20px;
}
/* This is required for a standalone button to be vertically centered in Safari/FF.
   :after doesn't work in IE7 but fortunately IE does not need it */
.button_wrap:after {
  content: '\00a0';
}
.button_wrap a, .button_shrink_wrap a {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-size: 11px;
  font-weight: bold;
}

/* Make all button types line up with a.button */
.button_wrap .button {
  position: relative;
}
.mac.ff3 .button_wrap .button {
  top: -1px;
}
.ie7 .button_wrap .button {
  top: 5px;
}


/**** FILM WATCH LINKS ****/
.watch_link {
  display: block;
  position: relative;
  height: 20px;
  margin-top: 12px;
}
/* WRAPS IN SWITZERLAND .watch_link { width: 175px; } */
.watch_link { width: 185px; }
.watch_trailer_link { width: 139px; }

.watch_link.align_top, .watch_trailer_link.align_top { margin-top: 0; margin-bottom: 12px; }
.watch_link.align_middle, .watch_trailer_link.align_middle { margin-bottom: 6px; margin-top: 6px; }
.watch_link a, .watch_trailer_link a {
  display: block;
  height: 20px;
  text-indent: -9000px;
}

.watch_link a {
  width: 125px;
margin-left: 23px;
height: 20px;
background: #676767;
text-align: center;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
display: block;
font-family: "BPGSquareMtavruli", sans-serif;
font-size: 13px;
text-indent: 0px;
}

.watch_link a::before {
content:"";
float:left;
width:20px;
height:20px;
background-color:#299ecc;
margin-left:-22px;
display:block;
}

.watch_link span.arrow {
width: 0px;
height: 0px;
background: transparent;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px #ffffff solid;
display: block;
margin-left: 8px;
top: 3px;
position: absolute;
}

.watch_trailer_link {
position:relative;
margin: 0 auto;
}

.watch_trailer_link span.arrow {
width: 0px;
height: 0px;
background: transparent;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px #ffffff solid;
display: block;
margin-left: 3px;
top: 3px;
position: absolute;
}


.watch_trailer_link .tr_text {
width: 135px;
margin-left: 17px;
height: 20px;
background: #676767;
text-align: center;
line-height: 20px;
color: #ffffff;
text-transform: uppercase;
display: block;
font-family: "BPGSquareMtavruli", sans-serif;
font-weight:normal;
font-size: 12px;
text-indent: 0px;
}

.watch_trailer_link .tr_text::before {
content:"";
float:left;
width:20px;
height:20px;
background-color:#0FAF2D;
margin-left:-22px;
display:block;
}




.watch_link.watch_on_pc a {
  width: 187px;
  background: no-repeat url(/images/buttons/watch-film-on-pc.png);
}
.watch_link.watch_on_belgacom_tv a {
  width: 260px;
  background: no-repeat url(/images/buttons/watch-on-belgacom-tv.png);
}
.watch_trailer_link a {
  width: 139px;
  background: no-repeat url(/images/buttons/watch_trailer.png);
}

.watch_link.truncated a { background-image: url(/images/buttons/watchfilm_truncated.gif); width: 82px; }
.watch_link span.cost {
  font-weight: bold;
  color: #0faf2d;
  position: absolute;
  top: 5px;
  left: 123px;
  font-size: 14px;
}
.watch_link.watch_on_pc span.cost {
  left: 187px;
}
.watch_link.watch_on_belgacom_tv span.cost {
  left: 260px;
}
.watch_link.truncated span.cost { left: 89px }
.win .watch_link span.cost {
  top: 7px;
}

.short_watch_link a {
  background: url(/images/icons/play_small.gif) no-repeat 0 0;
  padding-left: 17px;
}
.short_watch_link.criterion a {
  background: url(/images/icons/play_small_criterion.gif) no-repeat 0 0;
}
.short_watch_link span.cost {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  color: #0faf2d;
}


/**** DOUBLEARROW LINK ****/
a.doublearrow {
  font-size: 14px;
  font-weight: bold;
}
a.doublearrow span {
  font-size: 25px;
  font-weight: normal;
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.win a.doublearrow span {
  font-size: 21px;
  top: 1px;
}
.win.ie6 a.doublearrow span {
  font-size: 18px;
  top: 1px;
}
a.doublearrow.large {
  font-size: 18px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
a.doublearrow.large span {
  font-size: 29px;
  color: #0faf2d;
}
a.doublearrow.large:hover span {
  color: #787878;
}
a.see_all { margin-left: 8px; }


/**** RATING STARS ****/
.star_rating { position:relative; float:left; width:640px; padding: 5px 0 6px 0; }

.star_rating ul {
float:left;
}

.sliderate .star_rating  {
float:none;
}



.star_rating.small { float:none; width:auto; padding: 5px 0 6px 0; }

.star_rating.small ul {
float:none;
}

.star_rating .rating-descr {
float: left;
margin-left: 10px;
height: 30px;
line-height: 35px;
font-family: "BPGSquareMtavruli", sans-serif;
}


.star_rating ul,
.star_rating a:hover,
.star_rating a:active,
.star_rating a:focus,
.star_rating .current_rating {
  background: url(/images/stars/stars-small.svg) left -1000px repeat-x;
  background-size: 32px 96px
}

.star_rating.small ul,
.star_rating.small a:hover,
.star_rating.small a:active,
.star_rating.small a:focus,
.star_rating.small .current_rating {
background-image: url(/images/stars/stars-small.svg);
background-size:16px 48px;
}

.star_rating.single.small ul,
.star_rating.single .current_rating {
  background-image: url(/images/stars/stars-small-yellow.png);
}

.star_rating ul {
  position: relative;
  width: 160px;
  height: 32px;
  overflow: hidden; /* Clearfix */
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top;
}

.star_rating.small ul {
  width: 80px;
  height: 16px;
}

.star_rating li { display: inline; }

.star_rating a,
.star_rating .current_rating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000em;
  height: 32px;
  line-height: 32px;
  outline: none;
  overflow: hidden; /* Clearfix */
  border: none;
}

.star_rating.small a,
.star_rating.small .current_rating {
  height: 16px;
  line-height: 16px;
}

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

.star_rating a.one_star { width: 20%; z-index: 6; }
.star_rating a.two_stars { width: 40%; z-index: 5; }
.star_rating a.three_stars { width: 60%; z-index: 4; }
.star_rating a.four_stars { width: 80%; z-index: 3; }
.star_rating a.five_stars { width: 100%; z-index: 2; }
.star_rating .current_rating { z-index: 1; background-position: left center; }
.star_rating.user_rating .current_rating { z-index: 1; background-position: left bottom; }


/**** LOADING SPINNER w/ TEXT ****/
.loading {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  color: #8c8c8c;
}
/** LOADING w/ BUTTON_WRAP **/
div.loading.button_wrap { position: relative; top: 4px; }


/**** ICONS ****/
a.icon {
  float: right;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  margin-bottom: 16px;
  text-indent: -9999px;
  background: no-repeat top left;
}
a.icon:hover { background-position: bottom left; }
a.icon.hide { background-image: url(/images/icons/hide_roll.png); }
a.icon.close { background-image: url(/images/icons/close_roll.png); }
a.icon.flag { background-image: url(/images/icons/flag_roll.png); }
a.icon.delete { background-image: url(/images/icons/delete_roll.png); }


/**** LIST OF ACTIONS ****/
/* Generally one should use a UL in admin, but for public contexts the :before clause doesn't work so we
   need to explicitly construct the string with vertical bar and nbsps. */
.actions {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "BPGSquareMtavruli", sans-serif;
  
}
ul.actions li {
  display: inline;
}
ul.actions.one_per_line li { display: block; }
ul.actions li:before {
  content: '\00a0\00a0| \00a0\00a0';
}
ul.actions li:first-child:before, ul.actions.one_per_line li:before {
  content: '';
}
.ie ul.actions li { margin-left: 10px; } /* Compensate for the :before not working */
.ie ul.actions.one_per_line li { margin-left: 0; }
td ul.actions {
  margin-bottom: 0;
  font-size: 10px;
}
td ul.actions li:before {
  content: ' | ';
}
td ul.actions.one_per_line li:before {
  content: '';
}


/**** PAGINATION (DEFAULT STYLE LOOKS GOOD ON GRAY BG) ****/
div.pagination {
  overflow: hidden; /* Clearfix */
  float: right;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
div.pagination .disabled {
  display: none;
}
div.pagination span, div.pagination a, div.pagination em {
  padding: 3px 5px 2px 5px;
  border: 1px solid #fff;
  background: #fff;
  color: #8c8c8c;
  font-style: normal;
}
div.pagination span.gap, .content div.pagination span.gap {
  border: 0;
  background: none;
}
div.pagination a:hover {
  background-color: #8c8c8c;
  border-color: #8c8c8c;
  color: #fff;
}
div.pagination span.current, div.pagination em {
  font-weight: bold;
  color: #000;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
/* Inside .content block implies white background */
.content div.pagination span, .content div.pagination a, .content div.pagination em {
  border: 1px solid #e6e6e6;
  background: #fafafa;
}
.content div.pagination a:hover {
  background-color: #e6e6e6;
}
.content div.pagination span.current, .content div.pagination em {
  background-color: #e6e6e6;
}


.jwimlogo button {
background: #444444 !important;
height: 18px !important;
width: 60px !important;
margin-top: 10px !important;
border-radius: 2px !important;
line-height: 17px !important;
font-weight: normal !important;
text-transform: none !important;
}

.jwimlogo button:hover {
background: #0faf2d !important;
}

.jwhd button {
background: #444444 !important;
height: 18px !important;
width: 60px !important;
margin-top: 10px !important;
border-radius: 2px !important;
line-height: 17px !important;
font-weight: normal !important;
text-transform: none !important;
margin-right:10px;
}


#player_instream_controlbar_elapsed {
margin-left:5px !important;
}

#player_instream_instream_container .jwimlogo button {
display:none;
}

#player_controlbar_elapsed {
margin-left:5px !important;
}


/**** jQuery Dialog Styles ****/
.ui-dialog { background-color: #FFF; width: 300px; overflow: hidden; position: fixed !important; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 16px .3em; position: relative; display:none; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; font-size: 16px; text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}

.fb-dialog .playercont:hover .tr_left_arrow {
display:block;
}
.fb-dialog .playercont:hover .tr_right_arrow {
display:block;
}

.fb-dialog .tr_left_arrow:hover {
opacity:1;
}

.fb-dialog .tr_left_arrow {
display:none;
width: 27px;
height: 45px;
background: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yj/r/qSvI7b18ids.png);
position: absolute;
top: 50%;
margin-top:-20px;
left:10px;
z-index: 10;
background-size: 28px 200px;
background-position: 0 0px;
opacity:0.5;
}

.fb-dialog .tr_right_arrow:hover {
opacity:1;
}

.fb-dialog .tr_right_arrow {
display:none;
width: 27px;
height: 45px;
background: url(https://fbstatic-a.akamaihd.net/rsrc.php/v2/yj/r/qSvI7b18ids.png);
position: absolute;
top: 50%;
margin-top:-20px;
right:10px;
z-index: 10;
background-size: 28px 200px;
background-position: 0 -46px;
opacity:0.5;
}

.fb-dialog .tr_info {
cursor:default;
background:#ffffff;
width:300px !important;
height:410px;
float:right;
padding: 10px 10px 0px 10px;
line-height:17px;
color:#676767;
overflow:scroll;
}

.fb-dialog .tr_top {
float: left;
height: 25px;
width: 320px;
}

.fb-dialog .tr_top a.ui-dialog-titlebar-close {
position:relative;
float: right;
right: 8px;
top: 16px;
}

.fb-dialog .watchbtn {
float: right;
width: 100px;
height: 25px;
background: #299ecc;
margin: 10px 10px 10px 0px;
text-align:center;
line-height:25px;
font-family: "BPGSquareMtavruli", sans-serif;
}


.fb-dialog .watchbtn a {
display:block;
width:100%;
height:100%;
color:#ffffff;
}


.fb-dialog .tr_info h3 {
width:auto;
}


.fb-dialog .tr_info .film_cast {
float: left;
margin-top: 5px;
width:300px;
}

.fb-dialog .tr_info .actions {
float: left;
width: 300px;
margin: 20px 0px 10px 0px;
}

.fb-dialog .tr_info .star_rating {
width:250px;
}


.fb-dialog .tr_info .actions a {
color:#299ecc;
font-size:13px;
}

.fb-dialog .tr_info .actions a:hover {
color:#676767;
}

.fb-dialog .small_poster {
float: right;
background: gray;
width: 90px;
height: 140px;
}

.fb-dialog .plot {
color:#676767;
height: 135px;
overflow: hidden;
width: 300px;
float: left;
color: #676767;
line-height: 15px;
margin-top:20px;
font-family: "BPGArial", Tahoma, Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif;
font-weight:normal;
}

.fb-dialog .playercont {
position:relative;
float:left;
width:700px;
height:491;
margin:0px;
padding:0px;
background-color:#000000;
}

.fb-dialog .player {
float:left;
}

.fb-dialog .jwplayer {
float:left;
}

.ui-dialog .ui-dialog-titlebar { 
padding: 10px;
position: relative;
background-color: #E6E6E6;
background-image: -webkit-radial-gradient(center, ellipse cover, #E6E6E6 0%, #D6D6D6 49%, #CCC 100%);
}

.ui-dialog-fb { 
background-color: #5A5A5A;
background-image: -o-radial-gradient(50% 50%, ellipse cover, #999999 0px, #5A5A5A 100%);
width:600px;
position: fixed !important;
}

.gradientipad { 
background-color: #5A5A5A;
background-image: -o-radial-gradient(50% 50%, ellipse cover, #999999 0px, #5A5A5A 100%);
background-image: -webkit-radial-gradient(center, ellipse cover, #999999 0%, #5A5A5A 100%);
width:824px;
margin-top:8px;
}

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 16px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 0px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 16px; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-widget-overlay { background-color: #000 !important; opacity: 0.8 !important; }

.ui-icon-closethick { background-image: url(/images/icons/hide_roll.png); background-position: 0px 0px; width: 16px; height: 16px; }
//.ui-icon-closethick:hover { background-position: 0px -16px; }
.ui-state-hover { background:none !important; }

.ie6 .ui-widget-overlay,
.ie6 .ui-dialog { position: absolute; }

/* jQuery UI Autocomplete Styles */

.sch_item_bottom {
height: 35px;
background: #eeeeee;
margin:0px;
width: 334px;
}




.sch_item {
float:left;
width:320px;
padding:2px;
margin: .2em .4em;
}

.sch_item img {
float:left;
}

.sch_item ul {
float:left;
width:190px;
}

.sch_item ul li {
float:left;
width:200px;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:13px;
color:#676767;
}

.sch_item ul li.gray {
color:#aaaaaa !important;
font-size:12px;
}

.sch_item div.itm_type {
float:right;
color:white;
height:18px;
line-height:18px;
background:red;
border-radius:3px;
font-size:10px;
padding:0px 5px 0px 5px;
margin: 11px 0px 0px 0px;
}

.ui-autocomplete {
padding:10px 0px 0px 0px !important;
}

.ui-autocomplete .ui-menu-item { border-bottom:1px #eeeeee solid !important;}
.ui-autocomplete .ui-menu-item img.poster {border:1px #d2d2d2 solid; border-radius:4px;width:60px;height:37px; float:left;margin-right:10px;}
.ui-autocomplete .ui-menu-item img.postersearch {border:1px #d2d2d2 solid; border-radius:4px; float:left; margin-right:10px;}
.ui-autocomplete .ui-menu-item img.appended {border:1px #d2d2d2 solid; position: absolute; left: -195px; z-index: 2; width: 192px;}
.ui-autocomplete .ui-menu-item img.name {border:1px #d2d2d2 solid; border-radius:4px;width:32px;height:40px; float:left;margin-right:10px;}

.ui-autocomplete .ui-menu-item {margin:0px !important; padding: 0px !important; }

.ui-menu-item:hover {
background-color:#d2d2d2;
}



.follow ul.actions {
font-size:11px;
}

.ui-autocomplete a { margin:0px;padding:0px !important;float:left;width:100%}
.ui-autocomplete #ui-active-menuitem { margin:0px;float:left; background-color: #299ecc; color: #fff; }

.ui-autocomplete .ui-autocomplete-category {  float: left; clear: left; width: 100%; margin: 0; padding: 0; }
.ui-autocomplete .ui-autocomplete-category .ui-autocomplete-category-title { display: block; float: none; font-weight: normal; text-transform: none; padding: 0.2em 0.4em; color: #fff; background-color: #999; font-family: Helvetica, Arial, "Helvetica Neue", sans-serif; border: 1px solid #666; line-height: 1.4; }
.ui-autocomplete-loading { background: url(/images/ajax_white.gif) no-repeat 98% 50% !important; }

.sch_item_bottom a {
margin: 8px 10px 0px 10px !important;
color:#299ecc !important;
}


/**** MISC ADMIN HELPERS ****/
/* Todo: Figure out how to make this a more general, automatic style.  Maybe admin namespace */
h1.admin {
  font-size: 18px;
  color: #0faf2d;
  margin-bottom: 16px;
}

/**** RAILS ERRORS ****/
div.errorExplanation {
  max-width: 500px;
  background-color: #e6e6e6;
  margin-bottom: 16px;
}
div.errorExplanation h2 {
  background-color: #ef4135;
  color: white;
  font-size: 11px;
  padding-left: 8px;
  padding-top: 2px;
}
div.errorExplanation p {
  margin: 8px;
}
div.errorExplanation ul {
  list-style-type: disc;
  margin: 8px 16px 0;
  padding-left: 16px;
  padding-bottom: 8px;
}
div.fieldWithErrors label {
  color: #ef4135;
}
div.fieldWithErrors input[type="text"], div.fieldWithErrors input[type="password"], div.fieldWithErrors textarea { border-color: #ef4135; }

/**** AUTOCOMPLETE ****/
/* New Styles for James Andrews' autocomplete based on http://www.devbridge.com/projects/autocomplete/ */
.autocomplete-w1 {
  background: url(/images/autocomplete_shadow.png) no-repeat bottom right;
  position: absolute;
  top: 7px;
  left: 6px;
}
.autocomplete {
  border: 1px solid #8c8c8c;
  border-top: none;
  background: #fff;
  cursor: default;
  margin: -7px 6px 6px -6px;
}
.autocomplete .selected { background: #ffe8b5; }
.autocomplete div { padding: 2px 5px; border-bottom: 1px solid #e6e6e6; }
.autocomplete strong { font-weight: normal; color: #3399ff; }

/* Old styles for Mark's autocomplete, these should be integrated back into the above. */
.autocomplete_list .autocomplete_errors {
  color: #ef4135;
  padding-bottom: 8px;
}
.autocomplete_list .previously_selected dt {
  font-weight: bold;
  padding: 5px 0;
}
.autocomplete_list .previously_selected dd {
  padding:5px;
  height:20px;
}

.autocomplete_list .previously_selected dd span {
  float:left;
}
.autocomplete_list .previously_selected dd a {
  float:right;
  cursor:pointer;
  border: 1px solid #9a9a9a;
  font-weight:bolder;
  padding:1px;
  display:block;
  line-height:0.7;
  width: 10px;
  text-align:center;
  height: 10px;
}

.search_results {
  background-color: #fff;
  z-index: 1000;
}
.search_results ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #BBB9BA;
}
.search_results ul li {
  padding: 5px;
  border: 1px solid #fff;
}
.search_results ul li strong {
  color: #eb4137;
}
.search_results .selected {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background-color: #ffe8b5;
  cursor: pointer;
}

.autocomplete_list fieldset {
  border: 1px solid #efefef;
  padding: 5px;
  margin: 10px 0 20px 0;
}

.autocomplete_odd {
  border: 1px solid #efefef;
  background-color: #fff;
}
.autocomplete_even {
  border: 1px solid #efefef;
  background-color: #DCDCDC;
}

/**** TABS BAR ****/
ul.tablinks {  }
ul.tablinks li {
  float: left;
  margin-right: 2px;
}
ul.tablinks li a {
  display: block;
  background-color: #666666;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  height: 16px;
  padding: 4px 16px;
  font-weight: bold;
}
ul.tablinks a.active {
  background-color: #299ecc;
}
ul.tablinks a:hover {
  background-color: #299ecc;
}


/**** AD SYSTEM ****/
.center_ad { margin: 0 auto; } /* Width is specified inline by AdSystem#padded_ad_tag */

div.right_skyscraper { position: absolute; top: 151px; right: -120px; }
div#wrap.skyscraper_minheight { min-height: 687px; }

div.leaderboard_ad {
  margin-bottom: 8px;
  height: 90px;
}
div.leaderboard_ad .counterweight {
  float: right;
  width: 120px;
  height: 100%;
  background-color: #aaa;
}


/****************************
 LAYOUT ELEMENTS
****************************/
#wrap_positioner { /* This is a workaround to the position:relative + border + offsetTop/offsetLeft problem. Documented at http://www.darwinweb.net/articles/79 */
  position: relative;
  width: 980px;
  margin: 0 auto 16px;
}
#wrap {
  width: 864px;
  padding: 25px 42px;
  background-color: #e6e6e6;
  border: 16px solid #fff;
}

#logo {
  background: transparent url(/images/logo/imovies.svg) no-repeat scroll 0px 10px;
  background-size: 174px 57px;
  float: left;
  width: 280px; /* Wide enough to accommodate the widest title logo which is /designhotels */
  height: 72px;
  text-indent: -1000px;
}

.watched {
float: right;
margin-left: 20px;
font-size: 20px;
line-height: 24px;
background-image: url(/images/eye.svg);
background-size: 30px;
background-position: 0px -4px;
background-repeat: no-repeat;
padding-left: 36px;
height: 30px;
}

#logo_christmas {
  margin-top:-20px;
  margin-left:-15px;
  background: transparent url(/images/imovies-christmas1.png) no-repeat scroll 0px 0px;
  background-size: 184px 90px;
  float: left;
  width: 280px; /* Wide enough to accommodate the widest title logo which is /designhotels */
  height: 88px;
  text-indent: -1000px;
}
#logo.auteurs, #logo.auteurs.europe {
  background-image: url(/images/auteurslogo_beta.gif);
}
#logo.europe {
  background-image: url(/images/mubi_logo_europe.png);
}

/**** SESSION NAV ****/
#show_user_username {
margin-right:150px;
margin-top:23px;
height: 10px;
}

#session_nav {
  width: 855px;
  height:115px;
  margin-bottom:20px;
  margin-top:20px;
  float: left;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  font-size: 11px;
}

#session_nav ul { text-align: right; margin: 25px 0 0 0; }
#session_nav ul li { display: inline; }
#session_nav ul a { color: #323232; }
#session_nav ul a:hover { color: #787878; }
#session_nav span.separator { padding: 0 8px; }
#session_nav #invite_your_friends {
  float: left;
    margin-left: 120px;
      margin-top: -10px;
        height: 66px;
          width:  100px;
            background: no-repeat top left url(/images/invite_your_friends.png);
            }

.uploadButton {
position: absolute;
width: 80px;
height: 25px;
font-size: 12px;
top: 77px;
right: 175px;
text-align: center;
line-height: 38px;
cursor: pointer;
}
                        
#session_nav .dropdown ul {
  margin: 0;
}

#session_nav .dropdown ul li {
  display: block;
  text-align: left;
}

.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid black;
opacity: 0.3;
content: "";
}

#session_nav .dropdown {
  position: absolute;
  top: 65px;
  right: 62px;
  z-index: 5;
  background-color: #ccc;
  background-color: rgba(204, 204, 204, 0.5);
  padding: 4px 4px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -ms-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
#session_nav .dropdown:hover, #session_nav .dropdown.open {
  background-color: #ccc;
}
#session_nav .dropdown .caret {
  margin: 10px 4px 0;
}
#session_nav .dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 39px;
  right: 0;
  margin: 0;
  min-width: 200px;
  background-color: #cccccc;
  border-top: 5px solid #cccccc;
  border-bottom: 5px solid #cccccc;
}
#session_nav .dropdown .dropdown-menu li {
  padding: 8px;
  border-top: 1px solid #cccccc;
  background-color: #e6e6e6;
}
#session_nav .dropdown .dropdown-menu li .toggle-button {
  min-width: 30%;
}
#session_nav .dropdown .dropdown-menu li .menu-item-label {
  display: inline-block;
  width: 60%;
  margin-left: 8px;
  vertical-align: top;
}
#session_nav .dropdown .dropdown-menu li:first-child {
  border-top: none;
}
#session_nav .dropdown.open .dropdown-menu {
  display: block;
}

#session_nav .social {
  margin: 0px;
}
#session_nav .social:hover {
  cursor: pointer;
}
#session_nav .social .social_toggle {
  display: inline-block;
  margin: 0 4px;
}
#session_nav .social .social_title {
  font-weight: bold;
  color: #323232;
  text-transform: uppercase;
}
#session_nav .social .social_title.hover {
  color: #323232;
}
#session_nav .social .social_beacon {
  line-height: 10px;
}
#session_nav .social .social_state {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #999;
  margin-right: 4px;
  vertical-align: top;
  -webkit-box-shadow: inset 0 0 2px rgba(68, 68, 68, 0.5);
  -moz-box-shadow: inset 0 0 2px rgba(68, 68, 68, 0.5);
  box-shadow: inset 0 0 2px rgba(68, 68, 68, 0.5);
}
#session_nav .social .social_beacon.on .social_state {
  background-color: #0faf2d;
}
#session_nav .social .social_explanation {
  margin: 0;
}
#session_nav .social .fb_avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  vertical-align: top;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}


#session_nav .toggle-button {
  margin: 0;
}
#session_nav .toggle-button.on {
  background-color: #0faf2d;
  -webkit-box-shadow: inset 1px 1px 0px rgba(68, 68, 68, 0.5), inset -1px -1px 0 rgba(204, 204, 204, 0.5);
  -moz-box-shadow: inset 1px 1px 0px rgba(68, 68, 68, 0.5), inset -1px -1px 0 rgba(204, 204, 204, 0.5);
  box-shadow: inset 1px 1px 0px rgba(68, 68, 68, 0.5), inset -1px -1px 0 rgba(204, 204, 204, 0.5);
}
#session_nav .toggle-button.on:hover {
  background-color: #aaaaaa;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#session_nav .social_loader {
  display: none;
  margin: 5px 8px 0;
}

#global_flash_container {
  float:right;
  padding: 16px 0px 0px 0px;
  width:300px;
}

#global_flash {
  font-size: 14px;
}
.ps3 #global_flash {
  min-height: 0; /* TODO: Retest this in PS3 and make height adjustments */
}
.flash_notice {
  font-weight: bold;
  color: #0faf2d !important;
}
.flash_error {
  font-weight: bold;
  color: #f02d32 !important;
}
.flash_warning {
  font-weight: bold;
  color: #f7941d !important;
}

#hello_ticker {
  position: fixed !important;
    width: 100%;
      top: 0px;
        left: 0px;
          height: 33px;
            z-index: 2000;
              display: none;
              }
              
              #hello_ticker_container {
                background-color: #0FAF2D;
                  color: white;
                    text-align: center;
                      position: relative;
                        z-index: 3000;
                          height: 30px;
                            border-bottom-width: 3px;
                              border-bottom-style: solid;
                                line-height: 30px;
                                  font-weight: bold;
                                    font-size: 14px;
                                    }
                                    
                                    #hello_ticker_container a {
                                      color: white;
                                        text-decoration: underline;
                                        }
                                        
                                        #hello_ticker_container a:hover {
                                          text-decoration: none;
                                          
                                          }
                                          
/**** GENERIC CROSS-BROWSER DROPDOWN MENU ****/
/* Taken from http://www.lwis.net/free-css-drop-down-menu/ */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 0; float: left; }
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.dropdown li.hover,
ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }

/**** MAIN NAVBAR ****/
/* Note that #main_nav is the standard sitewide navigation, but standard styles are factored under #main_navbar */
#main_navbar {
  margin-bottom: 8px;
  background-color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
}

#main_nav_menu_column 
{ 
  float: left; 
  width: 535px; 
  font-family: "BPGSquareMtavruli", sans-serif;
  
  }

@font-face {
    font-family: 'BPGPaataCondCaps';
    src: url('bpg_paata_cond_caps-webfont.eot');
    src: local('BPG Paata Cond Caps'), local('fonts/BPGPaataCondCaps'), url('fonts/bpg_paata_cond_caps-webfont.woff') format('woff'), url('fonts/bpg_paata_cond_caps-webfont.ttf') format('truetype'), url('fonts/bpg_paata_cond_caps-webfont.svg#webfontkIdfsvQo') format('svg');
    font-weight: normal;
    font-style: normal;
    }
@font-face {
    font-family: 'BPGIngiri';
    src: url('fonts/bpg_ingiri_2008-webfont.eot');
    src: local('fonts/BPG Square Mtavruli'), local('fonts/BPGSquareMtavruli'), url('fonts/bpg_ingiri_2008-webfont.woff') format('woff'), url('fonts/bpg_ingiri_2008-webfont.ttf') format('truetype'), url('fonts/bpg_ingiri_2008-webfont.svg#webfontb4avWRn2') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BPGSquareMtavruli';
    src: url('fonts/bpg_square_mtavruli_2009-webfont.eot');
    src: local('fonts/BPG Square Mtavruli'), local('fonts/BPGSquareMtavruli'), url('fonts/bpg_square_mtavruli_2009-webfont.woff') format('woff'), url('fonts/bpg_square_mtavruli_2009-webfont.ttf') format('truetype'), url('fonts/bpg_square_mtavruli_2009-webfont.svg#webfontb4avWRn2') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
        font-family: 'BPGArial';
	src: url('fonts/bpgarial2009.eot');
 	src: url('fonts/bpgarial2009.eot?#iefix') format('embedded-opentype'),
	 url('fonts/bpgarial2009.woff') format('woff'),
	 url('fonts/bpgarial2009.ttf') format('truetype'),
	 url('fonts/bpgarial2009.svg#BPGArial') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Firefox Bug */
@font-face {
    font-family: 'BPGMrgvlovani';
    src: url('fonts/bpg_mrgvlovani_2010.eot');
    src: url('fonts/bpg_mrgvlovani_2010.eot?#iefix') format('embedded-opentype'), 
    url('fonts/bpg_mrgvlovani_2010.woff') format('woff'), 
    url('fonts/bpg_mrgvlovani_2010.ttf') format('truetype'), 
    url('fonts/bpg_mrgvlovani_2010.svg#BPGMrgvlovani') format('svg');
    font-weight: normal;
    font-style: normal;
}
                    
    @font-face {
        font-family: 'BPGNinoMtavruli';
        src: url('fonts/bpg_nino_mtavruli_normal.eot');
        src: url('fonts/bpg_nino_mtavruli_normal.eot?#iefix') format('embedded-opentype'), 
        url('fonts/bpg_nino_mtavruli_normal.woff') format('woff'), 
        url('fonts/bpg_nino_mtavruli_normal.ttf') format('truetype'), 
        url('fonts/bpg_nino_mtavruli_normal.svg#BPGNinoMtavruli') format('svg');
        font-weight: normal;
        font-style: normal;
}
                                        

.cutclipstart {
display:block;
}

.cutclipstop {
display:block;
}

@font-face {
    font-family: 'BPGNinoMtavruli';
    src: url('fonts/bpg_nino_mtavruli_bold-webfont.eot');
    src: local('fonts/BPG Nino Mtavruli'), local('fonts/BPGNinoMtavruli-Bold'), url('fonts/bpg_nino_mtavruli_bold-webfont.woff') format('woff'), url('fonts/bpg_nino_mtavruli_bold-webfont.ttf') format('truetype'), url('fonts/bpg_nino_mtavruli_bold-webfont.svg#webfont1ViiG9lc') format('svg');
    font-weight: bold;
    font-style: normal;
}		      

#main_nav_search_column { float: left; width: 318px; }

#main_nav_menu_column li { border-bottom: 1px solid #e6e6e6; }

/* Nav menu */
#main_navbar ul {
  margin: 0;
}
#main_navbar li {
  float: left;
  background-color: #fff;
  border-right: 2px solid #e6e6e6;
}
#main_navbar li.hover,
#main_navbar li:hover {
  background-color: #666;
  color: #fff;
}
#main_navbar li.hover > a,
#main_navbar li:hover > a {
  color: #fff;
}
#main_navbar li a {
  display: block;
  color: #666;
  padding: 9px 11px;
}
#main_navbar li a.active {
  color: #000;
  background-color: #f0f0f0;
}

/** Nested Nav **/
#main_navbar ul li.dir > a {
  padding-right: 24px;
  background: no-repeat right center url(/images/nav_dropdown_triangle.png);
}
#main_navbar ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 240px;
  border: 1px solid #e0e0e0;
  border-left: 0;
}
#main_navbar li ul li {
  float: none;
  font-size: 12px;
  border: 0;
}
#main_navbar ul li:hover > ul {
  visibility: visible;
}

/* Search box */
#main_search {
  padding: 8px 1px;
  text-align: left;
  height: 16px;
}
.ie6 #main_search { padding-bottom: 3px; }

#main_search_wrap { 
    position: relative; 
    border: 1px #dddddd solid;
    float: left;
    bottom: 3px;
}

#main_search_box {
  border:0px #d8d8d8 solid;
  display: inline-block;
  height: 23px;
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  width: 232px;
}
.win #main_search_box { position: relative }
.win.ie7 #main_search_wrap a.button { position: relative; top: -6px; }
.win.ie8 #main_search_box { position: relative; top: -3px; }
.win.ff3 #main_search_box { position: relative; top: -3px; }
.win.chrome #main_search_box { position: relative; top: 0px; }


/**** PRIMARY/SECONDARY NAV are somewhat reusable, but only used in admin so far **/
#primary_nav {
  overflow: hidden; /* Clearfix */
  margin-bottom: 0;
  background-color: #fff;
}
#primary_nav li {
  margin-right: 0;
  border-bottom: 1px solid #e6e6e6;
}
#secondary_nav {
  overflow: hidden; /* Clearfix */
  clear: left;
  font-size: 11px;
  font-family: "BPGSquareMtavruli", sans-serif;
  background-color: #f0f0f0;
}
#secondary_nav li {
  font-size: 11px;
  border-right: 0;
}
#secondary_nav li {
  margin-right: 0;
}
#secondary_nav li a {
  background-color: #f0f0f0;
  padding: 8px 8px 8px 8px;
}
#secondary_nav li a.active {
  color: #000;

}
#secondary_nav li a.active:hover {
  color: #000;
  background-color: #f0f0f0;
}

#secondary_nav li a:hover {
  color: #fff;
  background-color: #626262;
}

/**** FOOTER ****/
#footer {position:relative; margin: 0 auto; width: 960px; color: #fff; font-size: 11px; }
#footer ul { float: right; }
#footer ul li { display: inline; }
#footer a { padding: 0 5px; color: #fff; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
#footer a.last { padding-right: 0; }
#footer div.copyright { float: left; }
#footer p { margin: 0; color: #fff; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}

/**** ADMIN TICKER ****/
#admin_ticker {
  background-color: #eee;
  padding: 3px 6px;
  margin-bottom: 1px;
  text-align: left;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  font-size: 10px;
}
#admin_ticker form {
  display: inline;
}
#admin_ticker .bar {
  color: #ccc;
}

/**** HOVER ICONS ****/
a.hover {
  float: right;
  width: 16px;
  height: 16px;
  background-position: 16px 16px;
  background-repeat: none;
}

*:hover > a.hover {
  background-position: top left;
}
a.hover:hover {
  background-position: bottom left;
}
a.hover span {
  text-indent: -9999px;
}


/*
STOP! Be familiar with the manifesto before editing this file:
https://github.com/auteurs/theauteurs.com/wikis/html-css-manifesto
*/
/* TODO: Move some of the more common elements back into standard.css, this will be ongoing */

/*************** START REFACTORING BLOCK (move into appropriate section below or standard.css) *********************/
/**** Zebra Striping for admin (and autocomplete?) ****/
tr.even, dd.even, li.even {
  background-color:#fafafa;
}
tr.odd, dd.odd, li.odd {
  background-color:#efefef;
}

#tiper {
 position:absolute;
// border:1px solid #e0e091;
 border-radius:4px;
 background:#0faf2d;
 padding:3px;
 color:#333;
 display:none;
 font-size:10px;
 max-width:250px;
 z-index:9999999;
}

#tiper img {
border-radius:3px;
}
 
                                      
/**** DASHBOARD NEWSFEED ****/
#newsfeed .actions { font-size: 11px; }

/**** AD HOC COLUMN VIEWS FIRST DEVELOPED FOR NEWSFEED ****/
/* As we do need more pages we need to formalize this system, but there are so many permutations that we need
   to make some hard choices on standardization of columns inside content boxes */
/** Two Column Film View in .use6 **/
.film_still_column {
  float: left;
  width: 136px;
  margin-right: 16px;
}
.film_still_remainder {
  float: left;
  width: 240px;
}
.win.ie7 .film_still_remainder {
  float: none;
}

.review .film_still_column {
  width: 112px;
}

.review .film_still_remainder {
  width: 264px;
}

/** Two Column  Cast Member View in newsfeed **/
.cast_member_image_column {
  float: left;
  width: 120px;
  margin-right: 16px;
}
.cast_member_image_remainder {
  float: left;
  width: 256px;
}
.win.ie7 .cast_member_image_remainder {
  float: none;
}

/** Two Column Notebook Still View in .use6 **/
.notebook_still_column {
  float: left;
  width: 136px;
  margin-right: 16px;
}
.notebook_still_remainder {
  float: left;
  width: 240px;
}
.win.ie7 .notebook_still_remainder {
  float: none;
}

/** Two Column Program Still View in .use6 **/
.program_still_column {
  float: left;
  width: 136px;
  margin-right: 16px;
}
.program_still_remainder {
  float: left;
  width: 240px;
}
.win.ie7 .program_still_remainder {
  float: none;
}

/** Two Column User View in .use6 **/
.user_avatar_column {
  float: left;
  width: 65px;
  margin-right: 16px;
}
.user_avatar_remainder {
  float: left;
  width: 311px;
}
.win.ie7 .user_avatar_remainder {
  float: none;
}

/** Two Column Film View in .use12 **/
.cinema_still_column {
  float: left;
  width: 320px;
  margin-right: 16px;
}
.win.ie .cinema_still_column img {
  margin: 0 0 -3px 0;
}
.cinema_still_remainder {
  float: left;
  width: 485px;
  position: relative;
}
.cinema_still_remainder h1 { font-size: 18px; width: 365px; }
.cinema_still_remainder p.red {
  font-size: 18px;
  margin-top: 16px;
  font-weight: bold;
}
.cinema_still_remainder a.doublearrow {
  position: absolute;
  top: -4px;
  right: 0;
}

/**** Title Overlay - Subject to change, used currently on cinemas page ****/
.titleoverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: white;
  width: 220px;
  overflow: hidden;
}
.titleoverlay h2, .titleoverlay h2 a {
  font-size: 15px;
  color: #0faf2d;
  margin-bottom: 8px;
}
.titleoverlay h3, .titleoverlay h3 a {
  font-size: 15px;
  color: #ef4135;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
/*************** START REFACTORING BLOCK (move into appropriate section below) *********************/

/** Search Autocomplete **/
.autocomplete_indicator {
  background: url(/images/ajax_white.gif) no-repeat top right !important;
}
div.search_autocomplete {
  position:absolute;
  z-index:400!important;
  width:auto !important;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}

div.search_autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.search_autocomplete ul li.selected { background-color: #299ECC;}
div.search_autocomplete ul li {
  height:20px;
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px 10px;
  cursor:pointer;
  clear:both;
}

div.search_autocomplete ul li .informal {
  color:#555;
  font-style:italic;
}
div.search_autocomplete .autoCompleteUser img, .existingUser img {
  width:20px;
  height:20px;
  padding-right:5px;
  float:left;
}
.existingUser {
  clear:both;
  padding:4px;
}
.existingUser p {
  margin:0;
}
div.search_autocomplete ul li .searchHighlight {
  background-color:#EADCDC;
  color:#000;
  font-weight:bolder;
}


/**** Acts As Dismissible Styles ****/
/* Dumped here to be cleaned up before committing to standard.css */
.dismissible_message {
  border-right: 1px solid #BCA902;
  border-bottom: 1px solid #BCA902;
  border-top: 1px solid #EAE69D;
  border-left: 1px solid #EAE69D;
  background-color: #FEF49C;
}
.dismissible_message_padding {
  padding: 16px;
  position: relative;
}
.dismissible_message p {
  margin-bottom: 8px;
}
.dismissible_message h2 {
  font-size: 18px;
  line-height: 24px;
}
.dismissible_message .dismiss {
  position: absolute;
  top: 16px;
  right: 16px;
}
.dismissible_message a.button {
  background-color: #323232;
  color: #fff;
}


/**** Garage ****/
.garage .post_pagination a {
  color: #ccc;
}

.project_name span { font-weight: bold; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}


/* Landing page */
.garage .content.yellowbg {
  font-family: Georgia;
}
.garage .projects.media_column {
  width: 559px;
  margin: 0;
  float: left;
  position: relative;
}
.garage .projects.media_remainder {
  float: right;
  width: 265px;
  padding: 16px;
  color: #fff;
}
.garage .projects.media_remainder h2 a {
  font-size: 23px;
  line-height: 24px;
  color: #fff;
}
.garage .projects.media_remainder h2 a:hover {
  color: #787878;
}
.garage .projects.media_remainder p {
  font-size: 15px;
  margin-top: 8px;
}
.garage .projects.media_remainder a.button {
  float: right;
}
.media_navigation {
  width: 39px;
  position: absolute;
  top: 171px;
  right: 16px;
}
.media_navigation a.prev {
  float: left;
  display: block;
  width: 10px;
  height: 13px;
  background: url(../../newimages/bg_prev_arrow.png) 0 0;
}
.media_navigation a.next {
  float: right;
  display: block;
  width: 10px;
  height: 13px;
  background: url(../../newimages/bg_next_arrow.png) 0 0;
}
.media_navigation a.prev:hover {
  background: url(../../newimages/bg_prev_arrow.png) 0 -13px;
}
.media_navigation a.next:hover {
  background: url(../../newimages/bg_next_arrow.png) 0 -13px;
}
.media_navigation a.next:after {
  content: none;
}
.media_navigation span {
  display: none;
}

/* Show */
.content.red {
  background: #ef4d37;
  color: #fff;
}
.garage .media_remainder h1.film_title {
  margin-bottom: 8px;
}
.media_remainder div.project_name {
  margin-top: 8px;
}
.media_remainder div.project_name h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-size: 12px;
}
.media_remainder div.project_name a {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-size: 12px;
}

/* Projects */

.project h2 {
  font-weight: bold;
  font-size: 16px;
}
.ie7 .project img {
  margin-bottom: -3px;
}
.project .titleoverlay {
  text-align: center;
  padding: 16px 0 0 0;
  width: 167px;
  opacity: .8 !important;
  top: 0;
  background: none;
}
.safari .project .titleoverlay {
  padding: 4px 0 0 0;
}
.project .titleoverlay a {
  color: #ffff00;
  font-weight: bold;
  font-size: 80px;
  line-height: 72px;
  opacity: .8;
}
.safari .project .titleoverlay a {
  line-height: 88px;
}
.project p {
  margin-top: 4px;
  margin-bottom: 0;
  text-transform: none;
}
.learn_share h3 {
  font-size: 24px;
  float: left;
}
.learn_share h3.share_ideas {
  float: right;
}

.project_column {
  float: left;
  width: 320px;
  margin-right: 16px;
  position: relative;
}
.project_column img {
  margin-bottom: 16px;
}
.project .project_column .titleoverlay {
  top: 4px !important;
  bottom: 100px;
}
.project .project_column .titleoverlay a {
  line-height: 56px;
}
.safari .project .project_column .titleoverlay a {
  line-height: 64px;
}
.project_remainder {
  float: left;
  width: 485px;
  position: relative;
}
.project_remainder h1 { font-size: 18px; width: 365px; }
.project_remainder p.red {
  font-size: 18px;
  margin-top: 16px;
  font-weight: bold;
}
.project_remainder a.doublearrow {
  position: absolute;
  top: -4px;
  right: 0;
}

/* Newsfeed */
.garage_film_still_column .watch_link a {
  background: no-repeat url(/images/buttons/watchfilm_garage.gif);
}


/**** Inbox / Messages ****/
#messages td {
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #f6f6f6;
}
#messages tr.unread td {
  background-color: #e6e6e6;
  font-weight: bold;
}
#composer {
  background-color: #e6e6e6;
  padding: 16px;
}
#composer textarea {
  border: none;
  width: 100%;
  height: 160px;
}


/************************* PS3 STUFF **********************/
#ps3 h1 { font-size: 18px; }
#ps3_countries { font-size: 14px; line-height: 20px; }
#ps3_mubi_description { height: 320px; overflow: hidden; margin-bottom: 4px !important; }
#ps3_mubi_description .plus { font-size: 24px; width: 24px; margin: 6px 8px 0 0; text-align: center; }
#ps3_mubi_description .ps3_mubi_logos { padding: 24px 16px; }
#ps3_mubi_actions a { width: 123px; text-align: center; float: left; margin-right: 2px; padding: 3px 8px 5px; }
#ps3 .feature { position: relative; margin-top: 8px !important; }
#ps3 .feature h3 { font-size: 32px; opacity: 0.75; color: #FFF; position: absolute; top: 16px; left: 16px; line-height: 36px; text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}
#ps3 .big_placeholder { height: 154px; }
#ps3 .small_placeholder { height: 73px; }

#ps3 ul { list-style: none; list-style-type: square; margin: 0 0 0 8px; padding: 0 16px 16px 16px; }
#ps3 li { font-size: 14px; line-height: 18px; margin-bottom: 8px; }

#mubi_plus_logo { float: right; width: 100px; margin-right: 4px; }
#ps3_plus_logo { margin-left: 8px; }

/**** WATCH PAGE ****/
#watch .media_column {
  float: right;
  width: 300px;
  margin: 0;
  padding: 0;
}
#watch .media_remainder {
  float: left;
  width: 236px;
  padding: 16px;
}
#watch .media_navigation {
  top: 142px;
}
#watch .media_remainder h2 a {
  font-size: 18px;
  line-height: 24px;
  color: #323232;
}
#watch .media_remainder h2 a:hover {
  color: #787878;
}
#watch ul.film_categories {
  font-size: 16px;
  margin: 0;
}
#watch ul.film_categories li {
  line-height: 24px;
}
#watch ul.film_categories li a {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  color: #f7d837;
}
#watch ul.film_categories li a:hover,
#watch ul.film_categories li a.active {
  color: #ffffff;
}
#watch ul.film_categories li.all {
  margin-bottom: 8px;
}


/**** EDIT USER VIEW ****/
.user_section { margin-bottom: 8px; }
.user_section label { font-size: 14px; color: #0faf2d; text-transform: uppercase; margin-bottom: 4px;   font-family: "BPGSquareMtavruli", sans-serif;
}
.bio_textarea {
  width: 372px;
  font-size: 13px;
  padding: 8px;
}


/**** SUBSCRIPTIONS ****/
table.subscriptions {
  border: 1px solid #ccc;
  width: 100%;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
}
table.subscriptions th {
  background-color: #666;
  color: #fff;
  padding: 16px;
}
table.subscriptions td {
  border: 1px solid #ccc;
  padding: 16px;
}
table.subscriptions td.active_plan { background: #e2e2e2; }


/**** CREDIT CARDS / BILLING ****/
.credit_card { margin-bottom: 16px; }

div#ecommerce_badge { position: absolute; top: 16px; right: 16px; width: 135px; }

.card_choices { margin-bottom: 16px; }
.card_choices label { font-weight: normal; }

.payment_field {
  overflow: hidden;
  height: 32px;
  line-height: 32px;
}
.payment_field label {
  float: left;
  width: 200px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  color: #666666;
}
.payment_field input, .payment_field select {
  float: left;
  border-color: #ccc; /* Make this global? */
  margin-top: 6px; /* Optimized for average across Safari 4, FF 3.5, Camino, IE7, IE8, Chrome */
}
.payment_field input { width: 290px; }
.payment_field select { margin-right: 4px; }
.payment_field div { float: left; font-weight: bold; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
input.card_number { width: 200px; margin-right: 9px; }
input.cvv_code { width: 42px; }
label.cvv { width: auto; margin-right: 4px; }

p.total { font-size: 16px; }


/**** ACCOUNT PREFERENCES ****/
.pref_list li { margin-bottom: 4px; }
.pref_list label { font-weight: normal; display: block; padding-left: 15px; text-indent: -15px; }
.pref_list input[type=checkbox] { vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; }

/**** IMAGE ATTACHMENTS ****/
div.image_attachment img { display: block; float: left; margin-bottom: 8px; }
div.image_attachment a { clear: left; float: left; margin-bottom: 8px; }


/**** USER STYLE EDITING ****/
.user_styles { margin-bottom: 16px; overflow: hidden; }
.user_styles label { text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
.user_profile_pictures { margin-bottom: 16px; overflow: hidden; }

/**** USER PROFILE ****/
#favorite_auteurs { font-size: 30px; line-height: 32px; text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}
#favorite_auteurs li.odd { background-color: #fff; color: #8c8c8c; }
#favorite_auteurs li.even { background-color: #fff; }
#favorite_auteurs li a { font-size: 11px; line-height: 0; } /* Without 0 line-height the line box gets pushed open to 38px in order to align baselines */

#lists li.odd { background-color: #fff; color: #8c8c8c; }
#lists li.even { background-color: #fff; }


/**** FILM PRESCREEN PROCESS ****/
#payment_options h2 { text-transform: none; font-size: 16px; margin-bottom: 16px; }
#payment_options label { font-weight: normal; }


/*** More garage styles */
#new_garage_film_info h1 {
  font-size: 450%;
  text-transform: none;
  line-height: 1em;
  margin-bottom: 0.3em;
}

#new_garage_film_info p {
  font-size: 150%;
}

#new_garage_film ol#steps {
  padding-left: 36px;
}

#new_garage_film ol#steps li {
  list-style-type: decimal;
  font-size: 200%;
  line-height: 1.4em;
}

#new_garage_film ol#steps li p,
#new_garage_film ol#steps li label {
  color: #323232;
  font-size: 12px;
  line-height: 1em;
}


/**** PEOPLE PAGES ****/
.people .item {
  width: 174px;
  height: 270px;
  background-color: #f5f5f5;
  padding: 10px;
  border-radius:3px;
}

.people .item:hover {
   background-color: #e8e8e8;
   -webkit-transition: background-color 200ms linear;
   -moz-transition: background-color 200ms linear;
   -o-transition: background-color 200ms linear;
   -ms-transition: background-color 200ms linear;
   transition: background-color 200ms linear;
}



.people .item p {
  padding: 0;
  margin: 0;
  font-size:10px;
}

.people .item .location {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
}

.findfriends .search {
  margin-bottom: 32px;
}

#invite_friends input[type=text] { width: 412px; }
#invite_friends textarea { width: 412px; }


/**** CAST MEMBER PAGES ****/
div#castcrewheader div.column.cast_member_col2 { overflow: visible; } /* to keep the name top aligned, but still show accents. */
div#castcrewheader div.cast_member_info h1 { font-size: 32px; line-height: 32px; color: #299ecc; }
div#castcrewheader div.cast_member_info h3 { font-size: 20px; line-height: 24px; color: #323232; margin-top: 8px; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
div#castcrewheader div.cast_member_info h4 { font-size: 24px; line-height: 24px; color: #0faf2d; margin-top: 16px; text-transform: none; }
div#castcrewheader .actions { margin-top: 16px; }

/**** LIST STYLES ****/
/*#listed_films_autocomplete_container .previously_selected { border: 5px solid red; background: red; font-size: 16px; line-height: 32px; }*/

ul.listomania { margin: 0 0 16px; }
ul.listomania li { border-bottom: 1px solid #ccc; overflow: hidden; list-style-type: none; margin-bottom: 2px; }
ul.listomania li div { float: left; }
            
ul.listomania li div.film_title { width: 600px; }
ul.listomania li div.remove_film { float: right; width: 168px; }

ul.listomania li div.film_title a,
ul.listomania li div.remove_film a,
ul.listomania li div.director,
ul.listomania li div.position { font-weight: bold; font-size: 24px; text-decoration: none; line-height: 1.25em; }

ul.listomania li div.director { color: #ccc; margin-left: 20px; font-size: 12px; padding-top: 8px; }
ul.listomania li div.position { color: #CCC; /*cursor: move;*/ margin-right: 10px; }
#list_edit_view ul.listomania li div.position { cursor: move; }
ul.listomania div.film_title a { color: #333; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
ul.listomania div.film_title a:hover { color: #299ecc; text-decoration: none; }

ul.listomania div.remove_film a { float: right; }
ul.listomania div.remove_film a:hover { color: #222; }
ul.listomania div.remove_film a:hover:before { content: '\002190\00a0'; }
/*.list_film_still { border: 1px #ccc solid; padding: 5px; float: right; margin-left: 24px; }*/

#individual_list_view h1 { font-size: 32px; line-height: 32px; color: #299ecc; }
#individual_list_view h3 { font-size: 16px; line-height: 24px; color: #323232; margin-bottom: 16px; }
#individual_list_view .stats span { font-size: 32px; }

/* TODO: Can we standardize form formatting across forms by extracting this and review form? */
#list_edit_view textarea.description_field { width: 806px; height: 125px; font-size: 12px; padding: 8px; margin: 0 0 32px 0;}
#list_edit_view input[type="text"].title_field { width: 600px; font-size: 12px; margin: 0 0 16px 0; padding: 8px; }

.lists .item a.block {
  width: 194px; /* 4 items in a use12 column */
  height: 194px;
  background: #000;
  position: relative;
  top: 0;
  left: 0;
}

.lists .item .block div.caption { padding: 10px 0px 0px 5px; }
.lists .item .block div.caption span.title {
  background: #000;
  color: #f7d837;
  text-align: center;
  padding: 5px 0px;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  word-wrap:break-word;
}
.lists .item .block div.caption span.owner { background: #000; color: #fff; }
.lists .item .block div.overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  padding-top: 48px;
  display: none;
  z-index: 10;
  background: #000;
  color: #fff;
  opacity: 0.75;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
}
.ie .lists .item .block div.overlay {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE7, IE8, and IE8 Compatibility Mode */
  filter: alpha(opacity=75);
}
.lists .item .block:hover div.overlay { display: block; }
.user_lists div.filter { background: #299ecc; }

/***** ADD TO LIST *****/
#add_to_list {
  position: relative;
  display: block;
  margin-bottom: 16px;
}
#add_to_list span {
  font-weight: bold;
  color: #299ecc;
  padding: 8px;
  cursor: pointer;
  border: 1px solid #CCC;
  margin: 0;
  background-color: #FFF;
}
#add_to_list ul {
  position: absolute;
  top: 23px;
  left: 0;
  z-index: 999;
  display: none;
  list-style-type: none;
  overflow: hidden;
  background-color: #FFF;
  border: 1px solid #CCC;
  padding: 8px;
}
.ie7 #add_to_list ul { top: 32px; }
#add_to_list .user_list label { display: inline; }
#add_to_list .user_list input { position: relative; top: -1px; vertical-align: bottom; }
#add_to_list .user_list a { text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
#add_to_list .create_new_list label { margin-top: 8px; white-space:nowrap;}
#add_to_list span.submenu-visible { border-bottom: 1px solid #FFF; }

#empty_list { color: #8c8c8c; font-style: italic; }
ul.list_films { list-style: disc; padding-left: 16px; margin-bottom: 0; }
ul.list_films a { color: #323232; }
ul.list_films a:hover { color: #8c8c8c; }
.list_films_addendum { padding-left: 16px; }


/**** STATUS UPDATES ****/
div#new_post h4 { margin-bottom: 4px; }

div#new_post input.wide,
div#new_post textarea.wide { border: 1px solid #ccc; width: 98%; }
div#newsfeed div#new_post #new_post_form_wrap textarea { height: 48px; }
div#new_post div.submit { text-align: right; }
div#new_post .film_still_remainder { float: none; margin-left: 152px; margin-bottom: 8px; }
.ie7 div#new_post .film_still_remainder { float: left; margin-left: 0; width: 208px; } /* IE7 is auto-clearing the X for some ungodly reason */


/**** PROFILE ****/

#profile {
  height: 210px;
  background-color: #fff;
  margin-bottom: 8px;
}

#profile .profilemedia {
  float: right;
  position:relative;
}

#profile .profilemedia a {
display:none;
position:absolute;
right:10px;
bottom:10px;
}

#profile .profilemedia:hover a {
display:block;
}

.profilemedia_empty {
width:560px;
height:210px;
background-color: #d2d2d2;
background-size: cover;
background-position: center 70%;
}

.profile-cover-inner {
width: 100%;
height: 100%;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, transparent), color-stop(100%, rgba(0,0,0,0.25)));
background: -webkit-linear-gradient(top center, transparent 60%,rgba(0,0,0,0.25) 100%);
background: -moz-linear-gradient(top center, transparent 60%,rgba(0,0,0,0.25) 100%);
background: -o-linear-gradient(top center, transparent 60%,rgba(0,0,0,0.25) 100%);
background: linear-gradient(top center, transparent 60%,rgba(0,0,0,0.25) 100%);
}


#profile .userbox {
  width: 225px;
  height: 178px;
  padding: 16px;
  position: relative;
}



.userbox .actions button.followbtn {
height: 28px;
width: 140px;
background-color: #909090;
border-bottom: 3px #0faf2d solid;
font-size:11px;
}

.userbox .actions button.unfollowbtn {
height: 28px;
width: 140px;
background-color: #0faf2d;
border-bottom: 3px #909090 solid;
font-size:11px;	
}

.userbox .actions button.unfollowbtn:hover {
background-color: #bf0937;
border-bottom: 3px solid #84002d;
}

.userbox .actions button.pendingbtn {
height: 28px;
width: 140px;
background-color: #0faf2d;
border-bottom: 3px #909090 solid;
font-size:11px;	
}

.userbox .actions button.pendingbtn:hover {
background-color: #bf0937;
border-bottom: 3px solid #84002d;
}

            
.userbox .actions button.unfollowbtn .follow-label {
  display: inline;
}
    
.userbox .actions button.unfollowbtn .unfollow-label {
display: none;
}

.userbox .actions button.unfollowbtn:hover .follow-label {
  display: none;
}
    
.userbox .actions button.unfollowbtn:hover .unfollow-label {
display: inline;
}
        
        
.userbox .actions button.pendingbtn .pending-label {
  display: inline;
}
    
.userbox .actions button.pendingbtn .cancel-label {
display: none;
}


.userbox .actions button.pendingbtn:hover .pending-label {
  display: none;
}
	
.userbox .actions button.pendingbtn:hover .cancel-label {
display: inline;
}
            

.userbox .actions button:hover {
background-color:#a0a0a0;
}




#profile .userbox .firstname,
#profile .userbox .lastname {
  font-size: 18px;
  color: #299ECC;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  line-height: .95em;
}

#profile .userbox .location {
  font-size: 14px;
}

#profile .userbox .avatar {
  margin-top: 16px;
  float:left;
}

#profile .userbox .actions {
  position: absolute;
  bottom: 8px;
}

#aboutme .content {
  background-color: #f6f6f6;
}

#latest_update .filmography-cast-info .filmography-info-image {
  max-height: 84px;
  margin-bottom: 0;
}

ul.list { margin-bottom: 0; }
ul.list li {   font-family: "BPGSquareMtavruli", sans-serif; font-size: 25px; font-weight: bold; text-transform: uppercase; line-height: 1em; background: none;   font-family: "BPGSquareMtavruli", sans-serif;
}
ul.list li.odd { color: #323232; }
ul.list li.even{ color: #8c8c8c; }

#styles ul.list li.odd { color: #0faf2d; }

ul.list li.even a { color: #323232; }
ul.list li.even a:hover { color: #acacac; }
ul.list li.odd a { color: #8c8c8c; }
ul.list li.odd:hover a { color: #acacac; }

.forumexcerpt { margin-bottom: 16px; }
.forumexcerpt.last { margin-bottom: 0; }
.forumexcerpt p { margin-bottom: 0; font-weight: bold; }
.forumexcerpt h3 { font-size: 14px; text-transform: uppercase; font-weight: bold;  font-family: "BPGSquareMtavruli", sans-serif;
}

.ratingsbox {
  position: relative;
  margin-bottom: 16px;
  overflow: auto;
}

.ratingsbox.last {
  margin-bottom: 0;
}

.ratingsbox .filmstill {
  float: left;
}

.ratingsbox .ratingsmeta {
  float: left;
  width: 200px;
  margin-left: 16px;
}

.ratingsbox .ratingsmeta h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  
}


/**** Reviews ****/
#review h1 {
  color: #0faf2d;
  margin-bottom: 16px;
}
#review .byline {
  color: #8c8c8c;
  margin-bottom: 1em;
}
#review textarea.review_field { width: 806px; height: 300px; font-size: 12px; padding: 8px; margin: 0 0 16px 0;}
#review input[type="text"].title_field { width: 600px; font-size: 12px; margin: 0 0 16px 0; padding: 8px; }

.review_excerpt {
  margin-top: 8px;
}

/**** POPUP ****/
body.popup {
  background-color: #fff;
  padding: 16px;
}
body.popup h1 {
  margin-bottom: 16px;
  color: #0faf2d;
}

/* on dashboard */
.film_thumb {
  margin-bottom: 16px;
}


/**** NEWSFEED SPOTLIGHT ****/
.content.spotlight {
  color: white;
  background-color: #323232;
}
.content.spotlight a {
  color: white;
}
.content.spotlight h1 {
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  margin-bottom: 16px;
}
.content.spotlight .button {
  background-color: #666666;
}


/**** NEWSFEED ACTIVITIES ****/
.content.activity a.icon.close {
  display: none;
}
.content.activity:hover a.icon.close {
  display: block;
}
.activity .time {
  color: #aaa;
}


/**** SPLASH PAGE ****/
#splash_login { float: right; color: #666666; text-transform: uppercase; font-weight: bold; font-size: 11px;   font-family: "BPGSquareMtavruli", sans-serif;
}

#splash_login a, #splash_login label, #splash_login input { float: left; margin-right: 3px; }

/* This should be refactored into a class for small text fields */
#splash_login input.text { border: 0; font-size: 11px; width: 150px; padding: 3px 3px 2px 3px; }
.safari #splash_login input.text { padding-top: 4px; }
.chrome #splash_login input.text { padding-top: 3px; }
.win.ff3 #splash_login input.text { padding-bottom: 4px; }

.safari #splash_login .button { position: relative; top: 2px; }
.chrome #splash_login .button { position: relative; top: 0px; }

#splash_login label.remember_me, #splash_login a.forgot_password { line-height: 24px; }
#splash_login label.remember_me { width: 156px; }

#splash_login .fb_connect_wrapper { padding-left: 159px; height: 23px; }

#splash { margin-bottom: 32px; }
#splash h1 { height: 198px; width: 562px; background: url(/images/splash_h1.png) no-repeat; text-indent: -9999px; }

#splash li { margin-bottom: 7px; }
#splash a { display: block; text-indent: -9999px; height: 49px; background-repeat: none; background-position: 0 0; }
#splash a:hover { background-position: 0 -49px; }
#splash a.watch { width: 179px; background-image: url(/images/splash_watch.png); }
#splash a.discover { width: 250px; background-image: url(/images/splash_discover.png); }
#splash a.discuss { width: 225px; background-image: url(/images/splash_discuss.png); }

#splash_activity { margin-top: 16px; margin-bottom: 0; height: 80px; }
#splash_activity a { color: #666666; text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}
#splash_activity a.context0:hover { color: #1c5379; }
#splash_activity a.context15:hover { color: #0078a4; }
#splash_activity a.context2:hover { color: #a6d3eb; }
#splash_activity a.context3:hover { color: #f1f7e5; }
#splash_activity a.context4:hover { color: #e5901a; }

a#splash_signup {
  display: block;
  width: 176px;
  height: 40px;
  margin-top: 15px;
  background: no-repeat top left url(/images/splash_signup.png);
  text-indent: -9999px;
}

#replace_signup {
  position: absolute;
  bottom: 25px;
  right: 42px;
  width: 300px;
  height: 250px;
}


/**** SIGNUP PROCESS ****/
div#signup ol.steps { margin: 0; padding-bottom: 4px; }
div#signup ol.steps li { display: inline; font-size: 16px; color: #A0A0A0; margin-right: 8px; }
div#signup ol.steps li.active { color: #323232; }

div#signup div.signup_form { padding-left: 60px; } /* See AJAX AUTHENTICATION Styles for the shared design */

div#signup #next_steps {
  text-align: right;
}
div#signup .instructions { margin-bottom: 24px; }

div#signup #blurb { color: #828282; font-size: 15px; line-height: 150%; }
div#signup #blurb dt { font-weight: bold; }

div#signup #films { margin-bottom: 32px; }

.findfriends .networks a span,
.findfriends .addressbooks span { display: none; }

/* TODO: Replace w/ fb_connect button */
.findfriends a.facebook { width: 64px; margin-right: 10px; height: 26px; float: left; background: url(../../newimages/btn_facebook.png) no-repeat left; }

.findfriends a.twitter { width: 87px; height: 26px; float: left; background: url(../../images/twitter_logo.png) no-repeat bottom left; }

.findfriends .addressbooks { padding-left: 299px; height: 26px; display: block; background: url(../../images/email_providers.gif) no-repeat left;}

div#signup div.contactlist { margin-bottom: 10px; }

/* Look at extracting this from the #signup namespace for find people page, etc */
div#signup div.contactlist div.selectall { float: left; background: #d2d2d2; padding: 3px; margin-bottom: 3px; }
div#signup div.contactlist div.selectall label { font-weight: bold; font-size: 11px; text-transform: lowercase; padding-right: 34px; }
div#signup div.contactlist div.selectall label span { margin-left: 3px; bottom: 0px; }

div#signup div.contactlist div.contactblock {
  padding: 6px;
  border-top: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  width: 388px;
  overflow: auto;
}

div#signup div.contactlist div.contactblock.last { border-bottom: 1px solid #cbcbcb; }
div#signup div.contactlist div.contactblock input { margin-right: 10px; float: left;  }
div#signup div.contactlist div.contactblock img { float: left; margin: 3px 10px 0 0;}

div#signup div.contactlist div.contactblock label { float: left; margin-right: 20px; font-size: 11px; font-weight: normal; position: relative; top: 3px; }
div#signup div.contactlist div.contactblock label.contactname { font-weight: bold; font-size: 12px; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}

div#signup div.personalmsg { margin-bottom: 10px; }
div#signup div.personalmsg textarea { width: 382px; }

/**** AJAX AUTHENTICATION ****/
/* Note that .ajax_login is unique to ajax auth, but .signup_form is shared with regular HTML signup */
p.ajax_desc { font-size: 13px; }

div.ajax_login {
  float: left;
  position: relative;
  width: 250px;
}

div.signup_form h1, div.ajax_login h1 {
  margin-bottom: 16px;
}

div#ajax_signup_form {
  float: right;
  width: 250px;
}

div.ajax_login input[type="text"],
div.ajax_login input[type="password"],
div.signup_form input[type="text"],
div.signup_form input[type="password"] {
  width: 200px;
}

div.signup_form select {
  font-size: 9px;
}

div.ajax_login a {
  margin-right: 10px;
}
div.ajax_login div.button_wrap {
  margin-bottom: 8px;
}
div.ajax_login p.or {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-size: 11px;
  color: #A0A0A0;
  margin: 0;
  position: absolute;
  top: 0;
  right: -36px;
}

div.signup_form p {
  font-size: 11px;
  color: #787878;
  margin: 0;
}
div.signup_form div.dropdown_row {
  position: relative;
  margin-bottom: 3px;
}
div.signup_form div.dropdown_row label {
  text-transform: none;
  display: inline;
  font-size: 11px;
  position: absolute;
  left: -34px;
  top: 3px;
}
div.signup_form div.dropdown_row label.birthday { left: -58px; }


/**** FB CONNECT SETUP PAGE ****/
#fb_connect_setup h1 {
  color: #0faf2d;
  margin-bottom: 16px;
}
#fb_connect_setup h4 {
  color: #666666;
  font-size: 12px;
}
#fb_connect_setup h4 span {
  font-size: 11px;
  color: #323232;
  text-transform: none;
}
#fb_connect_setup h4 span a {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}

#fb_connect_setup .preferences .preference {
  width: 340px;
  margin-top: 15px;
  float: left;
}

#fb_connect_setup .preference .preference_name {
  width: 200px;
  margin-bottom: 5px;
}

#fb_connect_setup .preference .preference_still {
  width: 315px;
  clear: right;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: lightgrey;
}

#fb_connect_setup .preference .preference_still img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.preferences {
  overflow: hidden; /* Clearfix */
  margin-bottom: 16px;
}
.preferences label {
  font-weight: normal;
}
#fb_connect_welcome {
  overflow: hidden; /* Clearfix */
  margin-bottom: 16px;
}
.fb_image_column {
  float: left;
  width: 50px;
  margin-right: 8px;
}
.fb_image_remainder {
  float: left;
  width: 542px;
}
.form_explanation {
  font-size: 11px;
  color: #787878;
}
.fb_user_display img {
}
.fb_user_display {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  color: #299ecc;
}

/**** FB PREVIEW STORY ****/
#fb_publish_story .UIIntentionalStory {
  background-color: #FFFFFF;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  margin-top: 15px;
  margin-bottom: 20px;
  min-height: 50px;
  padding: 7px 0 0 60px;
  position: relative;
}

#fb_publish_story .UIIntentionalStory_Pic {
  left: 0;
  position: absolute;
}

#fb_publish_story .UIIntentionalStory_Message, .UIIntentionalStory .location {
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

#fb_publish_story .UIStoryAttachment {
  margin-bottom: 5px;
  margin-top: 6px;
  overflow: hidden;
  padding-right: 10px;
}

#fb_publish_story .UIIntentionalStory .UIStoryAttachment_MediaSingle {
  padding-right: 10px;
}

#fb_publish_story .UIStoryAttachment_Media {
  float: left;
  overflow: hidden;
  padding-right: 10px;
}

#fb_publish_story .UIStoryAttachment_Info {
  display: table;
}

#fb_publish_story .UIStoryAttachment_Title {
  font-weight: bold;
  padding-top: 3px;
}

#fb_publish_story .UIStoryAttachment_Caption {
  color: #808080;
  padding-top: 3px;
}

#fb_publish_story .UIStoryAttachment_Copy {
  color: #808080;
  padding-top: 3px;
}

#fb_publish_story .UIIntentionalStory a {
  color: #3B5998;
}

/**** FB CONNECT SETTINGS ****/
#fb_connect_settings .preferences select {
  border-color: #ccc;
  margin-top: 6px;
}

/**** LIGHTBOX ****/
#lightbox {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
  margin: -190px 0 0 -280px;
  text-align: left;
  width: 550px;
  background-color: white;
  padding: 16px;
  border-radius:4px;
  
}

#lightbox .ajax_desc {
  font-family: "BPGSquareMtavruli", sans-serif;
}


#lightbox[id]{
  position: fixed;
}

#overlay{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #000;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
#overlay[id]{ position: fixed; }

#lightbox.done #lbLoadMessage{ display: none; }
#lightbox.done #lbContent{ display: block;}
#lightbox.loading #lbContent{ display: none; }
#lightbox.loading #lbLoadMessage{ display: block; }
#lightbox a.closebutton {
  float: right;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  color: #3C3C3C;
  padding-top: 2px;
  line-height: 1em;
}

#lightbox a.closebutton img {
  margin: 0 0 0 0;
  display: inline-block;
  position: relative;
  top: 1px;
}

#lightbox h1 {
  font-size: 14px;
  margin-bottom: 0;
  color: #323232;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}

/* TODO: Is this strictly lightbox related? */
#lightbox div.notice {
  min-height: 25px;
  height: auto !important;
  height: 25px;
  font-size: 11px;
}


/** Authorizations Presenter **/
.authorized_countries select, .unauthorized_countries select {
  width: 200px;
  height: 300px;
}
.hide_authorization_box { clear: left; padding-top: 16px; }

/**** SHARED BLOCK ELEMENTS - Wall, Forum Comment, etc ****/
/** Wall **/

div#wall h4.date a, div#mini_wall h4.date a {
  color: #323232;
}

div#wall h4.date a:hover, div#mini_wall h4.date a:hover {
  color: #787878;
}

div#wall #new_post textarea.wide {
  border: 1px solid;
  border-color: #fff #fff #c8c8c8;
  margin: 0;
  padding: 16px;
}

div#wall #new_post div.submit {
  border-bottom: 1px solid #C8C8C8;
  padding: 8px 16px;
  background-color: white;
}

/* Mini Wall */
div#mini_wall #new_post textarea.wide {
  border: 1px solid;
  border-color: #fff #fff #c8c8c8;
  margin: 0;
  padding: 16px;
}

div#mini_wall #new_post div.submit {
  border-bottom: 1px solid #C8C8C8;
  padding: 8px 16px;
  background-color: white;
}

div#mini_wall .content {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div#wall .content p, div#mini_wall .content p {
  margin-bottom: 0px;
}

div#mini_wall .last {
  padding-bottom: 15px;
}

div#mini_wall .content, div#mini_wall .content p {
  margin-bottom: 0px;
}

#mini_wall #new_post_form_wrap {
  background-color: white;
}

#mini_wall #new_post_form_wrap textarea {
  border: 1px solid;
  border-color: #fff #fff #c8c8c8;
  width: 390px;
  height: 110px;
  margin: 0;
  padding: 16px;
}

#mini_wall #new_post_form_wrap .submit {
  border-bottom: 1px solid #c8c8c8;
  width: 392px;
  text-align: right;
  padding: 8px 16px;
}

/** SPOTLIGHT **/
.spotlight { margin-bottom: 8px; }
.spotlight div.spotlight_media { float: left; width: 320px; height: 180px; margin-right: 16px; }
.spotlight div.spotlight_text {
  padding: 16px;
  height: 148px;
}
.spotlight div.spotlight_text p { font-size: 14px; }
.spotlight_text .date { font-weight: bold; }
.spotlight_text h1 { font-size: 20px; line-height: 24px; }
.spotlight_text h1 a { color: #323232; }
.spotlight_text h1 a:hover { color: #787878; }

.spotlight_text
 { background: #f7d837; }

/**** FILM DETAIL PAGE ****/
/* Some of this stuff should be refactored out into its own sections as it spreads to other pages */
.film_article { margin-bottom: 16px; }
.film_article img { padding-bottom: 12px; }

.media { margin-bottom: 16px; }
.film_viewable_status {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  color: #8c8c8c;
}
.film_views {
  color: #8c8c8c;
  margin-bottom: 16px;
}
.sociallinks {
  font-family: Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif;
  float: left;
  //width: 105px;
}

.sociallinks .plus_one_button { width: 90px; margin: 12px 0 0 0; }

.bio {
  margin-bottom: 16px;
  overflow: hidden; /* Clearfix */
}
.bio img {
  float: left;
  margin-right: 16px;
}
.write {
  background-color: white;
}
.write textarea {
  border: 1px solid;
  border-color: #fff #fff #c8c8c8;
  width: 392px;
  height: 110px;
  margin: 0;
  padding: 16px;
}

div#new_post_form_wrap textarea {
  height: 110px;
}

.write .submit {
  border-bottom: 1px solid #c8c8c8;
  width: 392px;
  text-align: right;
  padding: 8px 16px;
}
.submit .remaining_characters {
  display: inline;
  color: #8c8c8c;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle; /* IE looks better without this, hence the next rule */
}
.ie .submit .remaining_characters {
  vertical-align: baseline;
  padding-right: 4px;
}
/* TODO: The intentions of some of these styles is unclear and thus difficult to refactor. We should probably break out
   reusable elements that appear on multiple pages into their own sections */
.rating {
  margin-bottom: 16px;
}
.user_column {
  float: left;
}
.user_remainder {
  float: right;
  width: 311px;
}
.user_remainder h4 a {
  color: #323232;
}
.rating div {
  color: #8c8c8c;
}
.forum_topic {
  margin-bottom: 16px;
}
.banner_slot div {
  margin-top: 24px;
  margin-bottom: 8px;
}

.layer1 {
z-index: 1;
position: absolute;

width: 855px;
height: 115px;

}

.layer2 {
z-index: 2;
position: absolute;
width: 855px;
height: 115px;
cursor: pointer;
cursor: hand;

}

h2.twitch { background: #fff url('/images/twitch.ico') no-repeat top right; padding-right: 20px; }

.contribute {
  margin-bottom: 8px;
}

.contribute div {
  float: left;
  width: 684px;
  margin-right: 4px;
  background-color: #0faf2d;
  padding: 8px 12px;
  color: #FFF;
  font-size: 14px;
}

.contribute a {
  display: block;
  float: left;
  width: 128px;
  background-color: #299ecc;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  padding: 8px;
  text-align: center;
}

a.contribute:hover { text-decoration: underline; }

/** Additional stuff for staged films **/
div.staged_film_notice {
  font-size: 16px;
  background-color: #fcc;
  color: #900;
  padding: 8px 16px;
  margin-bottom: 16px;
}


/**** FILM LIBRARY ****/
#library { position: relative; }

/* Deprecated in favor of linktabs */
ul.tabs { float: left; margin: 0; }
ul.tabs li {
  margin-right: 2px;
  float: left;
  background-color: #666666;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  height: 16px;
  padding: 4px 16px;
  font-weight: bold;
}
ul.tabs li a { color: white; }
#library ul.tabs li { background-color: #299ecc; }

ul.tabs li.active {
  background-color: #299ecc;
  color: white;
}
ul.tabs li.active a {
  color: white;
}
ul.tabs a.active {
  background-color: #299ecc;
  color: white;
}

ul.view {
  height: 16px;
  padding: 4px 16px;
  float: right;
  text-align: right;
  margin-bottom: 0;
}
ul.view li {
  display: inline;
  margin-left: 16px;
}
ul.view li a {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  color: #323232;
  font-weight: normal;
}
ul.view li a.active {
  font-weight: bold;
}

div.filter {
  padding: 8px 16px;
  font-size: 11px;
  overflow: hidden; /* Clearfix */
  margin-bottom: 2px; /* Default is for .content_description replacement */
  background-color: #fff;
}
#library div.filter, #people div.filter { background: #299ecc; margin-bottom: 8px; }
div.filter ul.filter_categories {
  float: left;
  width: 400px;
  margin: 0;
}
div.filter ul.filter_categories li {
  display: inline;
  margin-right: 16px;
}
div.filter ul.filter_categories li input {
  margin-right: 4px;
}
div.filter ul.filter_categories li label {
  float: left;
  margin-right: 8px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-size: inherit;
  margin-top: 2px;
}
div.filter ul.filter_categories li input[type='text'] {
  padding-bottom: 0;
  margin-bottom: 0;
}
div.filter ul.filter_categories li input[type='submit'] {
  display: inline;
  background-color: #2d759b;
  height: 18px;
}
div.filter ul.filter_categories li label.active {
  font-weight: bold;
}
div.filter div.filter_options {
  float: right;
  text-align: right;
}
div.filter div.filter_options a {
  color: white;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
div.filter div.filter_options label {
  margin-left: 16px;
  margin-right: 8px;
  display: inline;
  font-weight: normal;
  font-family: "BPGSquareMtavruli", sans-serif;
  text-transform: uppercase;
}
div.filter div.filter_options select {
}
div.filter div.filter_options .active {
  font-weight: bold;
}
.use8 div.filter ul.filter_categories {
  width: 275px;
}
.use8 div.filter div.filter_options {
  width: 250px;
}

#library .item {
  float: left;
  position: relative;
  width: 856px;
  background: #fff;
  border-bottom: 1px solid #c8c8c8;
}
#library .item.last {
  border-bottom: none;
}
#library .media_column {
  width: 256px;
  float: left;
}
#library .media_column .media {
  margin-bottom: 0;
}
#library .media_column_remainder {
  padding-top: 5px;
  padding-bottom: 4px;
  width: 584px;
  float: right;
}
#library .media_column_remainder .details {
  float: left;
  width: 320px;
}
#library .media_column_remainder .details .actions {
  margin-bottom: 1px;
}
#library .media_column_remainder .synopsis {
  float: right;
  width: 240px;
  padding: 5px 8px 0px 16px;
}

#library .media_column_remainder .synopsis p {
  margin: 0;
}

/** Library List View **/
#library table {
  border-spacing: 0 1px;
  border: none;
}
#library table tr { background: #fff; }
#library table th {
  background: #a0a0a0;
  color: #fff;
  border-bottom: 2px solid #e6e6e6;
}
#library table td, #library table th {
  padding: 2px 16px;
}
#library td { background: #fff; }
#library table h2.film_title { font-size: 12px; font-weight: normal; }
#library table h3.film_country { text-transform: uppercase; font-weight: normal;   font-family: "BPGSquareMtavruli", sans-serif;
}
#library table h3.film_year { font-weight: normal; }


/**** FESTIVAL PAGE ****/
ul.festivals_nav {
  overflow: hidden; /* Clearfix */
  margin-bottom: 8px;
  padding: 0 3px;
  background: url(/images/bg_festivals_nav.gif) repeat;
  line-height: 32px;
}
ul.festivals_nav li {
  float: left;
  margin-right: 32px;
  height: 31px;
  padding-top: 1px;
}
ul.festivals_nav li a {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  color: #fff;
}
ul.festivals_nav li a:hover,
ul.festivals_nav li a.active { color: #f7d837; }


/**** CONTACT LIST ****/
/* Used in find_friends, ta_friends, invites/new etc */
.contact_list {
  clear: left;
  overflow: auto;
  height: 300px;
  border: 1px solid #e6e6e6;
}
.contact_list .column {
  width: 50%;
  float: left;
  margin-right: 0px;
}
.ie .contact_list .column {
  width: 280px;
}
.contact_list .column.last {
  border: 0;
}
.contact {
  height: 30px;
  padding: 1px 1px 1px 4px;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  overflow: hidden; /* Clearfix */
}
.contact:hover, .contact.selected:hover {
  background-color: #e6edf7;
}
.contact.selected {
  background-color: #f2f2f2;
}
.contact_list .column.last .contact {
  border-right: none;
}
.contact img {
  display: inline;
}
/* A position: relative approach was favored, but it didn't work when overflow:auto
   kicked in in IE7 (see test_ie_overflow.html).  With decent browser we can float
   left and use margins, however IE7 doesn't like that either, so IE users just get
   the names and checkboxes without nice-looking positioning. */
.contact input, .contact div.cropped_image, .contact span {
  float: left;
}

.contact input { margin-top: 8px; }
.contact span { margin-left: 4px; margin-top: 8px; }
.ie .contact span {
  float: none;
}

.select_all { float: left; background: #d2d2d2; padding: 4px 12px 4px 4px; }

.contact .name { font-weight: bold; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}


/**** DISTRIBUTOR REVENUES ****/
.revenues {
}
.revenues th {
  color: #fff;
  background-color: #5a5a5a;
  text-align: right;
  width: 90px;
}
.revenues th.text, .revenues td.text {
  text-align: left;
}
.revenues th.integer, .revenues td.integer {
  text-align: right;
}
.revenues th.currency, .revenues td.currency {
  text-align: right;
}
.revenues tbody.totals td, .revenues tbody.converted_totals td {
  background-color: #f5f5f5;
  font-weight: bold;
  font-size: 13px;
}
.revenues tbody.totals td.text, .revenues tbody.converted_totals td.text {
  background: #e6e6e6;
}
.revenues tbody.totals td.integer, .revenues tbody.totals td.currency,
.revenues tbody.converted_totals td.integer, .revenues tbody.converted_totals td.currency {
  color: #5a5a5a;
}
.revenues tbody.totals td.grand_total, .revenues tbody.converted_totals td.grand_total {
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #000;
}
.revenues tbody.converted_totals td.currency, .revenues tr.converted_totals td.currency {
  color: #900;
}
.revenues tr.converted_totals {
  font-weight: bold;
}
.revenues colgroup.title {
  background: #e6e6e6;
  color: #787878;
}
.revenues colgroup.total {
  background: #f5f5f5;
}
.revenues .last_data_column {
  padding-right: 10px;
  border-right: 2px solid #5a5a5a;
}
.revenues .last_totals_row td {
  border-bottom: 2px solid #5a5a5a;
}
.revenues td.total {
  color: #5a5a5a;
  font-weight: bold;
}
.revenues .film_header {
  text-align: left;
}
.revenues h2.film_title {
  display: inline;
}
/**** DATE SELECT FIELDS - in use by distributor_revenues ****/
.date_selector label {
  display: inline;
}

/**** STUDENT AMBASSADOR PAGE ****/
div.ambassador p {
  line-height: 24px;
  font-size: 22px;
  color: #787878;
}
div.ambassador h1 {
  margin-bottom: 16px;
  font-size: 23px;
  font-weight: bold;
  color: #ef4135;
}

div.ambassador div.apply {
  width: 856px;
  height: 40px;
  background: url(/images/bg_apply.gif) no-repeat top left;
}
div.ambassador div.apply a {
  display: block;
  width: 173px;
  height: 10px;
  padding: 15px 0;
  text-align: center;
  background: #244781;
  color: #fff;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-size: 16px;
  font-weight: bold;
}
div.ambassador div.apply a:hover {
  background: #fff;
  color: #244781;
}

div.ambassador div.apply a span {
  display: inline-block;
  height: 13px;
  width: 8px;
  margin-left: 4px;
  position: relative;
  text-indent: -9000px;
  background: url(/images/bg_apply_arrow.png) no-repeat 0 0;
}

div.ambassador div.apply a:hover span {
  background: url(/images/bg_apply_arrow.png) no-repeat 0 -13px;
}

a.closed,
a.open {
  display: block;
  font-size: 30px;
  font-weight: bold;
  margin-top: 8px;
  color: #0faf2d;
  margin-bottom: 24px;
  padding-left: 32px;
  padding-top: 2px;
}
a.closed:hover,
a.open:hover {
  color: #787878;
}
div.faq a.closed {
  background: url(/images/faq_arrow_closed.png) no-repeat left center;
}
div.faq a.open {
  background: url(/images/faq_arrow_open.png) no-repeat left center;
}
div.ambassador div.faq div.details {
  padding-left: 32px;
}
div.faq div.details h4 {
  font-size: 18px;
  color: #666666;
}
div.faq div.details ul {
  margin-bottom: 24px;
  font-size: 14px;
  list-style-type: disc;
  padding-left: 13px;
}
div.faq div.details ul li {
  line-height: 24px;
  font-size: 16px;
  color: #666666;
}

div.ambassador div.faq div.details p {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}

/**** MUBI FAQ ****/
#faq h1 {
  color: #0faf2d;
  background-color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  padding: 4px 16px 3px;
  margin-bottom: 4px;
  float: left;
  height: 16px;
}

#faq h2 {
  margin-top: 16px;
  font-size: 14px;
  color: #777;
}

#faq .first { margin-top: 0px; }

#faq dt {
  color: #299ecc;
  font-weight: bold;
  margin-top: 16px;
  cursor: pointer;
}

#faq dt.ui-state-active { color: #000; }
#faq dd { color: #333; margin-top: 8px; }

#faq ul { margin: 1em 0 0 24px; }
#faq li { margin-bottom: 1em; color: #666; }
#gsfn_list_widget ul { margin: 0; }
#gsfn_search_widget ul { margin: 0; }

#faq .section { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px dotted #ccc; }
#faq .section.last { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
#faq .feedback_action { font-size: 24px; line-height: 36px; text-shadow: 0 1px 1px #F6F6F6; margin: 0; display: block; padding-left: 36px; }
#faq .feedback_action.idea { background: url(/images/icons/lightbulb_active_grey_24.png) no-repeat 4px 3px; }
#faq .feedback_action.question { background: url(/images/icons/chat_grey_24.png) no-repeat 4px 3px; }
#faq .feedback_action.problem { background: url(/images/icons/bug_grey_24.png) no-repeat 4px 3px; }
#faq .feedback_action.praise { background: url(/images/icons/favorite_grey_24.png) no-repeat 4px 3px; }

#footer .feedback { font-weight: bold; }

div#gsfn_list_widget img { border: none; }
div#gsfn_list_widget { font-size: 12px; /*border: 6px solid #DDD; padding: 10px;*/ }
div#gsfn_list_widget a.widget_title { color: #000; display: block; margin-bottom: 10px; font-weight: bold; }
div#gsfn_list_widget .powered_by { margin-top: 8px; padding-top: 8px; border-top: 1px solid #DDD; }
div#gsfn_list_widget .powered_by a { color: #333; font-size: 90%; }
div#gsfn_list_widget div#gsfn_content { }
div#gsfn_list_widget div#gsfn_content li { text-align:left; margin-bottom:6px; }
div#gsfn_list_widget div#gsfn_content a.gsfn_link { line-height: 1; border-bottom: 1px dotted #ccc; }
div#gsfn_list_widget div#gsfn_content span.time { font-size: 90%; padding-left: 3px; }
div#gsfn_list_widget div#gsfn_content p.gsfn_summary { margin-top: 2px }

div#gsfn_search_widget { margin-bottom: 24px; }
div#gsfn_search_widget img { border: none; }
div#gsfn_search_widget { font-size: 12px; /*border: 6px solid #DDD; padding: 10px;*/}
div#gsfn_search_widget a.widget_title { color: #000; display: block; margin-bottom: 10px; font-weight: bold; }
div#gsfn_search_widget .powered_by { margin-top: 8px; padding-top: 8px; border-top: 1px solid #DDD; }
div#gsfn_search_widget .powered_by a { color: #333; font-size: 90%; }
div#gsfn_search_widget form { margin-bottom: 8px; }
div#gsfn_search_widget form label { margin-bottom: 5px; display: block; }
div#gsfn_search_widget form #gsfn_search_query { width: 60%; }
div#gsfn_search_widget div.gsfn_content { }
div#gsfn_search_widget div.gsfn_content li { text-align:left; margin-bottom:6px; }
div#gsfn_search_widget div.gsfn_content a.gsfn_link { line-height: 1; border-bottom: 1px dotted #ccc; }
div#gsfn_search_widget div.gsfn_content span.time { font-size: 90%; padding-left: 3px; }
div#gsfn_search_widget div.gsfn_content p.gsfn_summary { margin-top: 2px }
div#gsfn_search_widget .gsfn_submit { margin-top: 16px; }
div#gsfn_search_widget .gsfn_submit input[type=submit] { margin-left: 16px; }
div#gsfn_search_widget .gsfn_label { font-weight: normal; }

/**** GARAGE ****/
body.garage {
  background-color: #464646;
}
body.garage #wrap {
  background-color: #464646;
}
body.garage #logo {
  background: url(/images/garage_logo.png) no-repeat top left;
  height: 32px;
}
body.garage #session_nav {
  color: #FFFF00;
}
body.garage #session_nav ul a {
  color: #fff;
}
body.garage #session_nav ul a:hover {
  color: #787878;
}
body.garage #main_nav {
  font-size: 12px;
}
body.garage #main_nav li {
  border-color: #464646;
}
body.garage #main_nav a {
  padding-left: 12px;
  padding-right: 12px;
}

body.garage #main_nav li.first a {
  padding-left: 8px;
}
.safari body.garage #main_nav li.first a {
  padding-left: 6px;
}
.win body.garage #main_nav li.first a {
  padding-left: 9px;
}
body.garage #main_nav li.last a {
  padding-left: 8px;
  padding-right: 7px;
}
.safari body.garage #main_nav li.last a {
  padding-left: 7px;
}
.win body.garage #main_nav li.last a {
  padding-left: 9px;
  padding-right: 9px;
}
.garage .yellow h1 {
  font-weight: bold;
  color: #323232;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
.garage h4 {
  color: #ef4d37;
}
.garage h4.red {
  color: #fff;
  background: #ef4d37;
}


/**** 24 HOUR BERLIN ****/
#berlin24h h1 { /* This is primarily for 24hberlin */
  text-transform: none;
  line-height: 24px;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 16px;
}
#berlin24h img {
  display: block;
}


/**** LOGIN BANNER ****/
#intro_banner {
  color: #666;
  font-weight: bold;
  margin-bottom: 0px;
  padding:16px 0px 0px 0px;
}

.garage #intro_banner {
  margin-left: 4px;
  margin-right: 4px;
  width: 824px;
}

#intro_banner .description {
  float: left;
  width: 635px;
  font-size: 15px;
}
#intro_banner .signup_button {
  float: left;
  margin-top: 4px;
}
/* Make it line up with FB Connect button */
#intro_banner .signup_button .button { padding-top: 3px; padding-bottom: 3px; font-size: 13px; }
.ie7 #intro_banner .signup_button .button { padding-top: 2px; padding-bottom: 4px; }

#intro_banner .fb_connect_button {
  float: left;
  margin-top: 4px;
}

#hide_dismissible_mubi_switch
{
  background-color: #666 !important; color: #fff !important;
  font-weight: bold;
  font-size: 15px;
  border: 0;
  margin-bottom: 14px;
}

#hide_dismissible_mubi_switch .dismissible_message_padding { padding: 0px; }

#hide_dismissible_mubi_switch .dismiss { top: auto; bottom: 16px; right: 16px; z-index: 1000; }
#hide_dismissible_mubi_switch .dismiss a {
  display: inline-block;
  background-color: #299ecc;
  color: white;
  font-size: 11px;
  padding: 1px 8px 2px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  height: 17px;
  line-height: 20px;
}

#hide_dismissible_mubi_switch a.button { color: white; }
#hide_dismissible_mubi_switch a.button:link { color: white; }
#hide_dismissible_mubi_switch a.button:visited { color: white; }
#hide_dismissible_mubi_switch a.button:active { color: white; }
#hide_dismissible_mubi_switch a.button:hover { color: white; }

/**** ADMIN FILM MEMBERSHIPS / CAST ****/
#membership_list h6 { float: left; margin-right: 8px; }

#membership_list .membership { clear: left; position: relative; }
#membership_list .membership.unsaved { background-color: #ef4135; }
#membership_list .membership div { float: left; margin-right: 8px; height: 24px; line-height: 24px; }
#membership_list .membership input,
#membership_list .membership select { width: 100%; }

#membership_list .draggable_column { }
#membership_list .credit_column    { width: 130px; margin-left: 30px; } /* Leave space for the draggable image */
#membership_list .id_column        { width: 60px; text-align: right; }
#membership_list .name_column      { width: 200px; }
#membership_list .role_column      { width: 200px; }
#membership_list .actions_column   { width: 100px; margin-right: 0; margin-left: 8px; }

#membership_list .actions_column a { text-transform: uppercase; font-weight: bold; padding-right: 8px;  font-family: "BPGSquareMtavruli", sans-serif;
}
#membership_list .draggable_column img { position: absolute; top: 0; left: 0; }

#welcome, #translate, #rate, #result {
color:black;
}
/**** Forum ****/
/** Forum Guidelines **/
div#forum_guidelines ol { list-style: decimal; padding-left: 24px; }
div#forum_guidelines ol li { padding-left: 12px; color: #444; margin-bottom: 18px; }
/** Topics Index **/
div#forum div.filter { background: #299ecc; }
div#forum div.topic_summary {
  background: url(/images/bg_forum_topic.gif) repeat-y top left;
  margin-bottom: 1px;
}
div#forum div.topic_summary { overflow: hidden; /* Clearfix */ }
div#forum div.topic_summary div.title_column { float: left; width: 608px; padding: 8px 16px; }
div#forum div.topic_summary div.update_column { float: left; width: 184px; padding: 8px 16px; }

div#forum h2.topic_title span { text-transform: lowercase; font-weight: normal; }
div#forum h2.topic_title span.closed { color: #323232; text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}
div#forum div.creation_summary span { color: #8c8c8c; }

div#forum div.topic_summary a { text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
div#forum div.topic_summary a.username { font-weight: bold; }

div#forum div.topic_summary a.last_post { color: #8c8c8c; }
div#forum div.topic_summary a.last_post:hover { color: #323232; }

div#forum div.topic_summary a.admin_edit_link { display: none; text-transform: none; font-weight: normal; }
div#forum div.topic_summary:hover a.admin_edit_link { display: inline; }

div#forum div.update_by { color: #8c8c8c; }

div#forum div.forum_guidelines { text-transform: none; font-weight: normal; padding: 8px 16px; width: 608px; }
div#forum div.forum_guidelines span { text-transform: none; color: #ff3200; }

div#forum span.missing_user { color: #323232; font-weight: bold; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}

div#forum div.filter { padding: 8px 16px;}
div#forum .topic_breadcrumb { text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}
div#forum span.topic_breadcrumb { float: left; line-height: 20px; font-size: 14px; }

div#forum div.new_topic_button { float: right; }

/** Show Topic **/
div#forum div.topic_breadcrumb { font-size: 11px; }
div#forum h1.topic_title { color: #0faf2d; }

div#forum div.forum_comment {
  overflow: hidden; /* Clearfix */
  background: url(/images/bg_forum_comment.gif) repeat-y top left;
  margin-bottom: 1px;
}

div#forum div.forum_comment div.meta_column {
  width: 176px;
  padding: 16px;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
div#forum div.forum_comment div.meta_column div.moderator {
  color: #0faf2d;
  text-transform: lowercase;
  font-weight: normal;
}
div#forum div.forum_comment div.text_column {
  width: 616px;
  padding: 16px;
  float: left;
}
div#forum textarea.comment_body {
  width: 612px;
  height: 200px;
  font-size: 12px;
}
div#forum input[type=text] {
  width: 300px;
}


div#forum div.text_column .moderated {
  color: #ddd;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
div#forum div.forum_comment:hover a.flag {
  background-position: top left;
}
div#forum div.forum_comment a.flag:hover {
  background-position: bottom left;
}

.data_entry textarea {
  width: 808px;
  height: 126px;
  padding: 8px;
  font-size: 12px;
}
.data_entry label {
  font-weight: normal;
  margin-bottom: 8px;
}



/**** WALL POSTS ****/
.individual_wall_post .content,
.individual_wall_post .speech,
.individual_wall_post .by { float: left; }
.individual_wall_post .speech {
  background: url(/images/speech.gif) center right no-repeat;
  height: 64px;
  width: 26px;
}
.individual_wall_post .content { width: 546px; }
.individual_wall_post h1.about { margin-bottom: 16px; overflow: hidden; }
.individual_wall_post h1.about img {
  display: block;
  float: left;
  margin-right: 16px;
}
.individual_wall_post .content .body {
  font-size: 18px;
  line-height: 24px;
  color: #323232
}
.individual_wall_post .by { background-color: #fff; padding: 8px; }
.individual_wall_post .by { width: 235px; overflow: auto; }
.individual_wall_post .by .user_column { float: left; }
.individual_wall_post .by .user_remainder { float: right; width: 148px; }
.individual_wall_post .by h4 {
  float: none;
  margin: 0;
  padding: 0;
}

/**** WALLPOST COMMENTS ****/

ul.wallpost_comments {
  /*
    32px - 2px padding on the comment li.
  */
  padding-left: 30px;
  margin: 0;
  width: 362px;
}

ul.wallpost_comments li.wall_post_comment,
ul.wallpost_comments li.wall_post_comment_form {
  display: block;
  margin-top: 2px;
  background: #f5f5f5;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #f5f5f5;
  padding: 2px 4px 4px 4px;
  position: relative;
}

ul.wallpost_comments li.wall_post_comment .user_avatar,
ul.wallpost_comments li.wall_post_comment_form .user_avatar {
  width: 32px;
  float: left;
  margin-right: 16px;
  margin-top: 2px;
}

ul.wallpost_comments li.wall_post_comment .content,
ul.wallpost_comments li.wall_post_comment_form .content {
  margin: 0;
  padding: 0;
  float: left;
  width: 260px;
  clear: none;
  background: transparent;
}

ul.wallpost_comments li.wall_post_comment_form form {
  margin-top: 2px;
}

ul.wallpost_comments li.wall_post_comment h3.user_name {
  font-size: 10px;
  float: left;
}

#wrap ul.wallpost_comments li.wall_post_comment .content h4.date {
  font-size: 10px;
  float: left;
  background: transparent;
  margin-left: 4px;
}

#wrap ul.wallpost_comments li.wall_post_comment .content h4.date a {
  color: #999;
}

#wrap ul.wallpost_comments li.wall_post_comment .content h4.date a:hover {
  color: #787878;
}

#wrap ul.wallpost_comments li.wall_post_comment .content p {
  clear: both;
  font-size: 12px;
  margin-bottom: 0;
}

ul.wallpost_comments li.wall_post_comment .flag {
  margin-left: 0;
}

ul.wallpost_comments li.wall_post_comment .delete {
  margin-left: 4px;
}

.wall_post_comment_form .submit {
  display: inline;
  float: left;
}

.wall_post_comment_form textarea {
  width: 238px;
  margin: 0 6px 2px 0;
  padding: 4px;
  resize: none;
  float: left;
  border: 1px solid #ddd;
  outline:none;
  height: 10em;
}

.wall_post_comment_form textarea:focus {
  background: #fefefe;
  border: 1px solid #999;
}

.wall_post_comment_form input[type=submit]:disabled {
  background-color: #ddd;
}

.actions form.button_to,
.social_actions form.button_to {
  float: left;
}

.actions form div,
.social_actions form div {
  display: inline;
}

.actions input.social,
.social_actions input.social {
  background: transparent;
  padding: 0;
  color: #299ECC;
  border: none;
  height: auto;
  font-weight: normal;
  font-family: Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif;
}

.social_actions input.social {
  text-transform: lowercase;
}

.actions input.social:hover,
.social_actions input.social:hover {
  color: #787878;
}


.actions input.social:disabled,
.social_actions input.social:disabled {
  color: #ddd;
}

.social_actions a {
  float: left;
}

.social_actions a.delete {
  margin-right: 16px;
  line-height: 24px;
}

.social_actions a.social, .social_actions input.social {
  text-transform: lowercase;
  margin: 6px 0 0 0;
  line-height: 11px;
  font-size: 11px;
  font-weight: normal;
  margin-right:8px;
  padding-right: 8px;
  border-right: 1px solid #ddd;
}

/*
  Explicitly popped .comment_on_wp here as the inline rails
  js when not ajax posting is causing this rule to fail
  once the user clicks submit. Hopefully this can be removed
  once those evil inline rails js sumbits are removed ..
*/
.social_actions a.social:last-child,
.social_actions a.comment_on_wp {
  margin-right:0;
  border-right: 0;
}

.ie8 .social_actions a.comment_on_wp {
  border-right: 0;
}

.wallpost_comments .collapsed {
  opacity: 0.7;
}

.wallpost_comments .collapsed:hover {
  opacity: 1;
}

.wallpost_comments .collapsed .user_avatar {
  display: none;
}

.wallpost_comments .collapsed textarea {
  margin-left: 48px;
  height: 1.15em;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.9em;
}

.wallpost_comments .collapsed .submit {
  display: none;
}

/*
  The single wall post page requires some slight design changes.
*/

#individual_wall_post .liked_by {
  margin-left: 0;
  clear: both;
}

#individual_wall_post .wallpost_comments {
  padding-left: 0;
  clear: both;
}

#individual_wall_post .liked_by .summary:after {
  left: 2em;
}

#individual_wall_post .social_actions {
  margin-bottom: 0;
}

#individual_wall_post .content {
  padding-bottom: 8px;
}

/*
  There is a darker background on the single wall post page
  so we bring the comment elements back to white so they
  stand in alignment with the other elements, instead of sinking
  into the background.
*/

#individual_wall_post ul.wallpost_comments li.wall_post_comment,
#individual_wall_post ul.wallpost_comments li.wall_post_comment_form,
#individual_wall_post .liked_by {
  background-color: #fff;
}

#wall .wall_post .user_avatar_col2,
#individual_wall_post .wall_post .user_avatar_col2,
#mini_wall .wall_post .user_avatar_col2 {
  margin-bottom: 8px;
}

#wall .wall_post.author .user_avatar_col2,
#individual_wall_post .wall_post.author .user_avatar_col2,
#mini_wall .wall_post.author .user_avatar_col2 {
  margin-bottom: 0;
}

#newsfeed .social_actions {
  margin-bottom: 8px;
}

.activity .wallpost_comments {
  padding-left: 0;
}

.liked_by {
  background: #f5f5f5;
  border-top: 1px solid #eee;
  position: relative;
  margin-top: 2px;
  padding-left: 4px;
  margin-left: 30px;
  width: 358px;
}

.liked_by .summary {
  font-size: 11px;
  line-height: 20px;
  color: #555;
  margin-left: 2px;
}

.liked_by p.user_list {
  display: none;
  margin: 0;
  padding: 0 0 4px 2px;
  font-size: 10px;
}

.liked_by .summary:after {
    content:"";
    display:block; /* reduce the damage in FF3.0 */
    position:absolute;
    top:-8px;
    left: 5.5em;
    width:0;
    height:0;
    border:4px solid transparent;
    border-bottom-color: #f3f3f3;
}

.author .liked_by .summary:after {
  left:10.8em;
}

.activity .liked_by {
  margin-left: 0;
}

.activity .liked_by .summary:after {
  left: 1em;
}

/* these styles are used for "favorite auteurs" and "favorite cast_members" */
.user_favorite_fannables div.filter { padding-left: 16px; }
.user_favorite_fannables div.filter_options a { color: #299ecc; padding-right: 8px; text-transform: lowercase; font-weight: bold; }
.user_favorite_fannables h1 { font-size: 20px; line-height: 24px; margin-bottom: 8px; }
.user_favorite_fannables h2.cast_member_name { font-size: 32px; line-height: 32px; margin-bottom: 8px;}
.user_favorite_fannables h3.cast_member_quote { font-size: 17px; line-height: 24px; font-weight: normal; color: #8c8c8c; margin-bottom: 8px; }
.user_favorite_fannables .inactive_tab { text-transform: uppercase; font-weight: bold; margin-top: 4px;   font-family: "BPGSquareMtavruli", sans-serif;
}
.user_favorite_fannables .inactive_tab a { color: #299ecc; margin-left: 16px;}
.user_favorite_fannables .inactive_tab a:hover { font-weight: bold; color: #787878; margin-left: 16px;}


.ui-autocomplete {
z-index:30000 !important;
}


/**** Twitter Lists ****/
#twitter_lists h1 { font-size: 20px; line-height: 24px; margin-bottom: 8px; }
#twitter_lists h2.cast_member_name { font-size: 32px; line-height: 32px; margin-bottom: 8px;}
#twitter_lists h3.cast_member_quote { font-size: 17px; line-height: 24px; font-weight: bold; color: #0faf2d; margin-bottom: 8px; }


/**** World Cup ****/
#worldcup h1 { font-size: 20px; line-height: 24px; margin-bottom: 8px; color: #ef4135; }

.film_mosaic .item { width: 135px; height: 76px; margin-right: 2px; }
.film_mosaic .row { margin-bottom: 2px; }


/**** STAGED FILMS ADMIN ****/
tr.unpublished td, div.legend strong.unpublished {
  background-color: #ffd8cc;
}


/**** SUGGESTED FILMS ADMIN ****/
#suggested_films .legend { margin-top: 16px; }
#suggested_films .legend ul { margin-bottom: 0; }
#suggested_films .legend ul strong { padding: 1px; }
#suggested_films .staged, #suggested_films .staged td, h1.suggested_film.staged {
  background-color: #d2ffcc;
}
#suggested_films .pending, #suggested_films .pending td, h1.suggested_film.pending {
  background-color: #fffbcc;
}
#suggested_films .warnings, #suggested_films .warnings td, h1.suggested_film.warnings {
  background-color: #ffd8cc;
}
#suggested_films .failed, #suggested_films .failed td, h1.suggested_film.failed {
  background-color: #f00; color: #fff;
}
#suggested_films table img { vertical-align: middle; }
body.popup h1.suggested_film { padding: 4px; }
body.popup h1.staged_film_to_compare { color: #299ecc; }
body.popup h1.staged_film_to_compare span { font-size: 12px; color: #323232; text-transform: none; }
body.popup h1.staged_film_to_compare span span.suggested_film { color: #0FAF2D; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}

div.errorExplanation.potential_matches h2 {
  background-color: #299ecc;
}

#lang_mtavr {
  font-family: "BPGSquareMtavruli", sans-serif;
}

/**** TRANSLATION REVISIONS ADMIN ****/
#revision_dialog .languages { /*border-right: 1px solid #ccc;*/ }
#revision_dialog a.icon.active { background-position: bottom left; }
#revision_dialog a.pick { background-image: url(/images/icons/thumbs_up_roll.png); margin-left: 4px; margin-bottom: 4px; }
#revision_dialog a.reject { background-image: url(/images/icons/thumbs_down_roll.png); }
#revision_dialog h1.title { margin-bottom: 18px; }
#revision_dialog h2.best_candidate { color: #ef4135;}
#revision_dialog .baseline {/* margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ccc;*/}
#revision_dialog .film_still { float: left; width: 300px; }
#revision_dialog .metadata { float: left; width: 350px; margin-left: 24px; }
#revision_dialog .languages { color: #999; margin-bottom: 18px;}
#revision_dialog .candidate { margin-bottom: 18px; padding-bottom: 18px; }
#revision_dialog .picked { background-color: #eee; }
#revision_dialog .rejected, #revision_dialog .reviewed { opacity: 0.5; }
#revision_dialog .current { border-bottom: 1px solid #ccc; }
#revision_dialog .status_actions { margin: 18px 0px 0px 0px; text-transform: uppercase;  font-family: "BPGSquareMtavruli", sans-serif;
}
#revision_dialog .notice { background:#FFF6BF; color:#514721; border-color:#FFD324; padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
#revision_dialog .publish { margin-top: 18px; }
#revision_dialog .go_back { float: right; width: 200px; text-align: right; }
#films_with_unread td, #films_with_unread th { padding: 2px 0px 0px 12px; }
#films_with_unread .has_translation { background-color: #eee; opacity: 0.5; }
/**** BEST OF THE DECADE ****/
#best_of_the_decade .header_block {
  background-color: #438bba;
  color: white;
  padding: 24px;
}
#best_of_the_decade .header_block h1 {
  font-size: 68px;
  line-height: 64px;
  color: #fbe920;
  width: 554px;
  float: right;
}
#best_of_the_decade .header_block h2 {
  font-size: 24px;
  line-height: 32px;
}
#best_of_the_decade .header_block h2 .lists_label { color: #bddbdf; }
#best_of_the_decade .header_block h2 .images_label { color: #d4d4d4; }
#best_of_the_decade .header_block h2 .posters_label { color: #a5b578; }

#best_of_the_decade .one_third_column {
  width: 284px;
  margin-right: 2px;
  float: left;
}
#best_of_the_decade .one_third_column h2 {
  background: #fff;
  line-height: 24px;
  padding-left: 16px;
}
#best_of_the_decade .one_third_column img {
  display: block;
  background-color: #e64f2c;
}
#best_of_the_decade .image_of_the_decade_link a, #best_of_the_decade .poster_of_the_decade_link a {
  display: block;
  height: 87px;
  padding: 16px;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}
#best_of_the_decade .image_of_the_decade_link a:hover, #best_of_the_decade .poster_of_the_decade_link a:hover { color: #aaa; }
#best_of_the_decade .image_of_the_decade_link {
  margin-bottom: 2px;
  background-color: #e64f2c;
}
#best_of_the_decade .poster_of_the_decade_link {
  background-color: #b30076;
}

#best_of_the_decade .top10_list {
  position: relative;
}
#best_of_the_decade .top10_list h2 {
  padding: 24px;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 1px;
  background: #fff;
  color: #299ecc;
}
#best_of_the_decade .top10_list h2 a {
  display: block;
  float: right;
  background: #0faf2d;
  color: white;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
  padding: 6px 6px 4px;
}
#best_of_the_decade .top10_list h2 a:hover { color: #aaa; }
#best_of_the_decade .top10_list ol {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0;
  padding: 8px;
  background: #fff;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
}
#best_of_the_decade .top10_list ol li { clear: left; }
#best_of_the_decade .top10_list ol span {
  color: #ccc;
  float: left;
  width: 40px;
}
#best_of_the_decade .top10_list ol a {
  display: block;
  float: left;
  width: 336px;
  color: #323232;
}
#best_of_the_decade .top10_list ol a:hover { color: #299ecc; }
#best_of_the_decade .top10_list a.see_all {
  position: absolute;
  bottom: 24px;
  right: 24px;
}

#best_of_the_decade .best_category {
  width: 171px;
  float: left;
}
#best_of_the_decade .best_category.asian { width: 172px; }
#best_of_the_decade .best_category h2 a {
  display: block;
  font-size: 14px;
  padding: 4px 16px 24px;
}
#best_of_the_decade .best_category img {
  display: block;
  width: 171px;
  height: 96px;
}
#best_of_the_decade .best_category.documentaries h2 a { color: #fff; background: #213234; }
#best_of_the_decade .best_category.documentaries h2 a:hover { color: #aaa; }
#best_of_the_decade .best_category.documentaries img { background-color: #e64f2c; }
#best_of_the_decade .best_category.popular h2 a { color: #fff; background: #458291; }
#best_of_the_decade .best_category.popular h2 a:hover { color: #aaa; }
#best_of_the_decade .best_category.popular img { background-color: #b30076; }
#best_of_the_decade .best_category.american h2 a { color: #323232; background: #b2dbe1; }
#best_of_the_decade .best_category.american h2 a:hover { color: #787878; }
#best_of_the_decade .best_category.american img { background-color: #e64f2c; }
#best_of_the_decade .best_category.european h2 a { color: #323232; background: #f7fee5; }
#best_of_the_decade .best_category.european h2 a:hover { color: #787878; }
#best_of_the_decade .best_category.european img { background-color: #b30076; }
#best_of_the_decade .best_category.asian h2 a { color: #323232; background: #a1b675; }
#best_of_the_decade .best_category.asian h2 a:hover { color: #787878; }
#best_of_the_decade .best_category.asian img { width: 172px; background-color: #e64f2c; }

#best_of_the_decade a.green_link {
  display: block;
  padding: 16px;
  color: white;
  background-color: #0faf2d;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
}
#best_of_the_decade a.green_link:hover { color: #aaa; }
#best_of_the_decade li.odd { color: #8c8c8c; }
#best_of_the_decade li.even { }



/**** ABOUT PAGES ****/
ul#about_nav li { display: inline; padding-right: 20px; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
ul#about_nav li a { color: #323232; font-size: 16px; font-weight: bold; }
ul#about_nav li a:hover, ul#about_nav li a.active { color: #787878; }

/* Index */
#about ol { font-weight: bold; list-style: none; margin: 0 0 16px 1.5em; padding: 0; list-style-type: decimal; }
#about li span { font-weight: normal; }

dl.dictionary_definition { font-size: 15px; line-height: 20px; }
dl.dictionary_definition dt { font-weight: bold; margin-bottom: 8px; }
dl.dictionary_definition dd { font-weight: normal; display: inline; }
dl.dictionary_definition li { margin-bottom: 8px; }


/* Multiple Pages */
#about { background-color: #E6E6E6;}
div#about h1 { font-size: 20px; text-transform: none; line-height: 32px; margin-bottom: 16px; }
div#about h2 { font-size: 16px; text-transform: none; }
div#about h3 { font-size: 14px; text-transform: none; font-weight: bold; margin-bottom: 4px; }

/* Press */
div#about ol.press { font-size: 14px; }
#about .press li { margin-bottom: 8px; }
#about .press ul { margin: 0; padding: 0; }
#about .press ul li { display: inline; padding-right: 8px; }
#about .press .publication { font-weight: bold; }

/* Partners */
div#about div.partnerblock { float: left; margin: 16px 0 32px 0; width: 280px;}
div#about div.partnerblock span { display: none; }
div#about div.partnerblock a.celluloid { margin-top: 10px; margin-bottom: 11px; float: left; display: block; width: 70px; height: 22px; background: url(/images/about/celluloiddreams.gif) no-repeat; }
div#about div.partnerblock a.criterion { float: left; margin-bottom: 11px; display: block; width: 31px; height: 32px; background: url(/images/about/criterion.gif) no-repeat; }
div#about div.partnerblock a.costa { margin-top: 6px; margin-bottom: 11px; float: left; display: block; width: 85px; height: 26px; background: url(/images/about/costa.gif) no-repeat; }
div#about div.partnerblock a.playstation { margin-top: 6px; margin-bottom: 11px; float: left; display: block; width: 85px; height: 32px; background: url(/images/about/PS3.png) no-repeat; }
div#about div.partnerblock a.boxee { margin-top: 6px; margin-bottom: 11px; float: left; display: block; width: 85px; height: 32px; background: url(/images/about/boxee.png) no-repeat; }
div#about div.partnerblock a.cineart { margin-top: 6px; margin-bottom: 11px; float: left; display: block; width: 140px; height: 32px; background: url(/images/about/cineart.png) no-repeat; }

div#about div.partnerblock h3 { text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 13px 0; border-top: 1px solid #c6c6c6;   font-family: "BPGSquareMtavruli", sans-serif;
}
div#about div.partnerblock h3 a { color: #323232; }
div#about div.partnerblock p { padding-right: 30px; }

/* Contact */
#about.contact_us h1, #about.contact_us h2 { border-bottom: 1px solid #FFF; }
#about.contact_us h1 { margin-bottom: 8px; }
#about.contact_us h2 { margin-bottom: 8px; padding-bottom: 8px; }
#about.contact_us .large { font-size: 16px; font-weight: bold; }
#about.contact_us li { float: left; width: 150px; margin-right: 21px; }
#about .elsewhere_contacts li { width: auto !important; }
#about .elsewhere_contacts img { float: left; vertical-align: top; margin-right: 16px; }
#about .twitter_accounts a { font-weight: bold; font-size: 14px;}

/** TOUR **/
div#tour ul.fullscreen_tour { position: relative; margin: 26px 0 15px 225px; width: 349px; height: 306px; background: #fff url(/img/tour.jpg) no-repeat; }
div#tour ul.fullscreen_tour li { position: absolute; text-align: center; width: 130px; }
div#tour ul.fullscreen_tour li a { font-size: 16px; font-weight: bold; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
div#tour ul.fullscreen_tour li.watch { top: -18px; left: 118px; }
div#tour ul.fullscreen_tour li.discuss { top: 103px; right: -38px; }
div#tour ul.fullscreen_tour li.discover { top: 103px; left: -64px; }

div#tour ul.tournav { float: right; display: block; width: 234px; height: 36px; background: url(/images/about/tour_navigation.jpg) no-repeat;}
div#tour ul.tournav li { display: inline; margin-right: 33px; }
div#tour ul.tournav li.last { display: inline; margin-right: 0; }
div#tour ul.tournav li a { color: #787878; font-weight: bold; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
div#tour ul.tournav li a.active,
div#tour ul.tournav li a:hover { color: #299ECC; }

div#tour div.media_column { width: 448px; margin-right: 16px; float: left; clear: both; }
div#tour div.copy_column { width: 360px; float: left; }

div#tour h1 { float: left; width: 448px; font-weight: bold; text-transform: none; padding: 0 0 32px 0; }
div#tour h4 { font-size: 13px; text-transform: uppercase; color: #323232;   font-family: "BPGSquareMtavruli", sans-serif;
}


.team_intro { font-size: 16px; line-height: 24px; }
.team { margin-bottom: 24px; }
.team.separator { border-top: 1px solid #FFF; padding-top: 16px; }
.team h2 { margin-bottom: 8px; font-size: 18px; }
.team ul { margin: 0; padding: 0; }
.team_member { font-size: 24px; line-height: 36px; text-shadow: 0 1px 1px #F6F6F6; margin: 0; }


/**** OSCARS 2011 ****/
div#oscars img.header_image { display: block; } /* Maybe this should be a standard style? */
div#oscars h1 { text-indent: -9999px; margin: 0; padding: 0; background-image: url(/images/oscars/850x150-oscar-banner.jpg); height: 150px; }
div#oscars p.instructions { font-weight: bold; font-size: 15px; }

.oscar_contest_leadin { font-size: 24px; font-weight: 200; line-height: 24px; margin-bottom: 16px; }
#oscars_hype { float: left; width: 668px; margin-left: 4px; }
#oscars_actions_sidebar { float: right; width: 180px; margin-right: 4px; }
.oscar_share { font-size: 18px; font-weight: 200; line-height: 18px; margin-top: 16px; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
.poll_jump { font-size: 18px; padding: 8px; }
.oscar_contest_actions { float: right; width: 180px; position: relative; }
div#oscars .fb_share_count_wrapper { margin-right: 16px; } /* Can this be generalized? */

/*div#oscars .category { margin: 8px 0px 32px 0px; /*border-bottom: 1px solid #ccc; */}*/
div#oscars h2.category_name { color: #299ecc; font-size: 12px; line-height: 18px; font-weight: bold; text-transform: none; }
div#oscars h2.ui-state-active { color: #000; }

.choices label { padding: 4px 4px 4px 0; }
.choices label:hover { background-color: #e6e6e6; cursor: pointer; }
.choices .selected,
.choices .selected:hover { background-color: #0faf2d; color: #ffffff; }

#oscars #poll h4 { margin-top: 16px; }

div.poll_question { margin-bottom: 24px; padding: 0 0 16px 0; width: 360px; float: left; border-bottom: 1px dotted #e6e6e6; }
.poll_question h2 { margin-bottom: 8px; font-weight: 200; text-transform: none; font-size: 24px; line-height: 24px; }

/* Poll question label is used both on poll form and results page */
div.poll_question span.label_wrap span.title { display: block; font-weight: bold; }

div.fieldWithErrors div.poll_question h2 { color: #f02d32; }
div.fieldWithErrors div.poll_question label { color: #323232; }
div.poll_question .choices label { font-weight: normal; clear: left; }
div.poll_question .choices label input { float: left; }
div.poll_question .choices label span.label_wrap { display: block; margin-left: 28px; padding-top: 2px; }

div.poll_question .results table { border: none; width: auto; }
div.poll_question .results table td { border: none; vertical-align: middle; width: 200px; padding-bottom: 4px; }
div.poll_question .results table td.bargraph { width: 132px; }
div.poll_question .results table td.bargraph span.votegraph img { float: left; }
div.poll_question .results table td.bargraph span.votecount { position: absolute; padding-left: 5px; font-weight: bold; }
div.poll_question .results table td.bargraph span.votecount.green { color: #0faf2d; }
div.poll_question .results table td.bargraph span.votecount.gold { color: #d5ab2a; }
div.poll_question .results table td.poll_choices { padding: 4px 0px 4px 0px; }

div#oscars .ebert { float: right; width: 440px; }
div#oscars .ebert .avatar { width: 70px; float: left; margin-right: 10px; border: 1px solid #ccc; padding: 2px; }
/*div#oscars .ebert .avatar img { border: 1px solid #ccc; padding: 2px; }*/
div#oscars .ebert .ebert-name { font-size: 24px; line-height: 24px; font-weight: bold; }
div#oscars .ebert .ebert-text { font-size: 24px; line-height: 36px; color: #444; width: 360px; font-weight: 200; margin-left: 84px; }

#oscar_rules { margin: 0 16px; }
#oscar_rules li { list-style-type: decimal; margin-bottom: 16px; }

#oscars .fb_ltr { margin-bottom: 3px; }
#oscars #social_buttons { float: right; }

/* Distributor */
.spotlight div.distributor_logo { width: 180px; }
.spotlight div.distributor_description { background: #C9D787; }
.spotlight div.distributor_description p { margin-top: 16px; }


/* Film Page */
.content .full_media_col2 .distributor { margin-right: 10px; float: left; }

/* Embed Dialog styles */
div.preview_block { float: left; width: 400px; border-left: dotted 1px #ccc; padding-left: 23px; }
div.preview_info ul { margin-top: 12px; list-style: none; margin-left: 0; padding-left: 0;}
div.preview_info ul li { color: #333; padding-left: 24px; }
div.preview_info li.size_restriction { display:none;  background: url('/images/icons/resize_16.png') no-repeat 0 0; }
div.preview_info li.full_height { display:none; background: url('/images/icons/navigation_vertical_16.png') no-repeat 0 0; }
div.preview_info li.full_width { display: none; background: url('/images/icons/navigation_horizontal_16.png') no-repeat 0 0; }
div.auteurs_list_widget { /*float: left;*/ width: 400px; }
div.widget_info {}
div.customize_options { float: left; margin-right: 8px; width: 220px; }

#embedder h1 { margin-bottom: 16px; }
#embedder h2 { color: #323232; font-size: 12px; margin-bottom: 8px; }
#embedder h3 { text-transform: uppercase; font-weight: bold; color: #323232; margin-bottom: 4px;   font-family: "BPGSquareMtavruli", sans-serif;
}
#embedder textarea { width: 650px; height: 85px; margin-bottom: 16px; }
#embedder li { list-style-type: none; }
#embedder label { font-weight: normal; display: inline; }

#embedder a.closebutton {
  float: right;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  color: #3C3C3C;
  padding-top: 2px;
  line-height: 1em;
}

#embedder #colors { margin-bottom: 16px; }
#embedder #color_swatches { display: inline; }
#embedder .swatch { float: left; width: 16px; height: 16px; margin-right: 4px; cursor: pointer; overflow: hidden; }

#embedder #advanced { display: none; }
#embedder #advanced_title { cursor: pointer; }

#translate #errors { margin-bottom: 16px; }
#translate textarea { width: 530px; height: 164px; padding: 8px; font-size: 12px; }
#translate .counter { float: right; color: #8c8c8c; font-size: 16px; font-weight: bold; margin-right: 24px; }
.ie7 #translate .counter { margin-top: -16px; }
#translate .translate-actions { margin-left: 96px; }


/**** NOTEBOOK NEWDESIGN ****/
/** POST **/
div.post {
  position: relative;
  margin-left: 80px;
}
div.post div.share_links { float: right; }
div.post .published_date span {
  position: absolute;
  left: -80px;
  font-size: 60px;
  line-height: 56px;
}
div.post .published_date {
  color: #299ECC;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  margin-bottom: 20px;
}
div.post .type {
  float: right;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
div.post h1 {
  font-size: 21px;
  line-height: 24px;
  font-weight: normal;
}
div.post h2.author {
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
}
div.post h2.author span { color: #8C8C8C; }
div.post div.body { margin: 16px 0; }
div.post h3.categories { font-weight: bold; }
div.post h3.categories span { font-size: 16px; color: #323232; }
div.post .comment_count { float: right; font-size: 16px; font-weight: bold; }

/** BLOG POST PAGINATION **/
div.post_pagination {
  height: 16px;
  margin: 8px 0;
}
div.post_pagination a {
  float: right;
  margin-left: 32px;
  font-weight: bold;
  color: #323232;
  font-size: 18px;
  height: 16px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}
div.post_pagination a:hover {
  color: #787878;
}
div.post_pagination a.previous_page {
  background: url(/images/arrow_left.png) no-repeat center left;
  padding-left: 12px;
}
div.post_pagination a.next_page {
  background: url(/images/arrow_right.png) no-repeat center right;
  padding-right: 12px;
}
div.post_pagination .disabled {
  display: none;
}

/** BLOG POST COMMENTS **/
div.post_comments {
  margin-left: 80px;
}
div.post_comments h2 {
  color: #0FAF2D;
  font-size: 16px;
  margin-bottom: 16px;
}
div.post_comments .comment .body {
  margin: 16px 0 32px;
}
div.post_comments .comment.ta_author {
  padding-left: 25px;
  margin-left: -25px;
  background: url(/images/icons/auteurs_gray.gif) top left no-repeat;
}
div.post_comments .comment_form {
  margin-top: 48px;
}
div.post_comments .comment_form textarea {
  width: 612px;
  height: 200px;
}



/**** OAUTH FORM ****/
#oauth_form .content {
  padding: 32px;
  text-align: center;
}
#oauth_form h1 {
  color: #0faf2d;
  margin-bottom: 8px;
  text-align: center;
}
#oauth_form h2 {
  font-size: 24px;
  margin-bottom: 16px;
}
#oauth_form h3 {
  font-weight: bold;
  font-size: 16px;
}



/**** CANNES A LA FLIP ****/
#cannes_competition h1 {
  width: 856px;
  height: 84px;
  text-indent: -9999px;
  background-image: url(/images/features/cannes-competition-2010/title.png);
  margin-bottom: 2px;
}
#cannes_competition h1 a {
  display: block;
  width: 856px;
  height: 84px;
}
#cannes_competition h2.description {
  color: #fff;
  background: #3c3c3c;
  padding: 8px 16px;
  text-transform: none;
  font-size: 17px;
  line-height: 25px;
  font-weight: normal;
}

/* Share Icons */
#cannes_competition div.share a {
  position: absolute;
  width: 35px;
  height: 35px;
  background-position: top left;
  background-repeat: no-repeat;
}
#cannes_competition div.share a.fb {
  top: 16px;
  right: 16px;
  background-image: url(/images/features/cannes-competition-2010/fb_icon.png);
}
#cannes_competition div.share a.twitter {
  top: 16px;
  right: 59px;
  background-image: url(/images/features/cannes-competition-2010/twitter_icon.png);
}

#cannes_competition div.step {
  padding-left: 32px;
  background: 0 10px no-repeat url(/images/features/cannes-competition-2010/down_tri.png);
  margin-bottom: 32px;
}
#cannes_competition div.step h2 {
  font-size: 30px;
  line-height: 40px;
  text-transform: none;
}
#cannes_competition div.step h3 {
  font-size: 20px;
  line-height: 40px;
  text-transform: none;
  font-weight: bold;
}
#cannes_competition div.step p {
  font-size: 20px;
  line-height: 32px;
}

#cannes_competition div.step.disabled {
  background: 5px 5px no-repeat url(/images/features/cannes-competition-2010/right_tri.png);
}
#cannes_competition div.step.disabled:hover {
  background-image: url(/images/features/cannes-competition-2010/right_tri_roll.png);
}
#cannes_competition div.step.disabled h2, #cannes_competition div.step.disabled h3 { color: #aaa; }
#cannes_competition div.step.disabled:hover h2, #cannes_competition div.step.disabled:hover h3 { color: #323232; }
#cannes_competition div.step.disabled p { display: none; }

#cannes_competition label {
  color: #0FAF2D;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-size: 14px;
  line-height: 32px;
}
#cannes_competition textarea {
  width: 700px;
}
#cannes_competition div.fieldWithErrors input, #cannes_competition div.fieldWithErrors textarea {
  border: 1px solid #7C7C7C;
}
#cannes_competition p.error {
  color: red;
}
#cannes_competition ul.sponsors li {
  float: right;
  margin-left: 16px;
}


/* BEGIN WATCH PAGE STYLES */
#vod #pricing .content_description {
  font-weight: bold;
  padding: 0 8px 0 16px;
}

#vod #pricing .content_description .left {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}

#vod #pricing .content_description .right {
  font-size: 12px;
}

#vod #pricing .content {
  font-weight: bold;
  font-size: 12px;
}

#vod #pricing .content dl dt {
  width: 100px;
  float: left;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}

#vod #pricing .content dl dd {
  width: 70px;
  float: right;
  color: #0FAF2D;
}

#vod #pricing .content .free {
  clear: both;
  color: #0FAF2D;
  padding-top: 5px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}

#vod #pricing div.ppv {
  margin-bottom: 2px;
}

#vod #pricing .subscription div {
  font-weight: normal;
}

#vod #featured .content, #vod #featured h4 {
  background-color: #0FAF2D;
}

#vod #featured, #vod #featured h4, #vod #featured a {
  color: #ffffff;
}

#vod #featured .featured_content div.description {
  width: 286px;
  float: left;
}

#vod #featured .featured_content div.media {
  width: 306px;
  float: left;
}

#vod #featured .featured_content h2.film_title a {
  font-size: 16px;
}

#vod #featured .film_title, #vod #featured .film_director {
  margin-bottom: 20px;
}

#vod #featured .featured_content div.media {
  margin-bottom: 0px;
}

#vod #featured .featured_content div.media .player {
  margin-top: -16px;
  margin-left: 2px;
}

#vod #featured .featured_content div.media .watch_link {
  float: left;
}

#vod #featured .featured_content div.media .watch_link span.cost {
  color: #ffffff;
}

#vod #featured .featured_content div.media .media_navigation {
  margin-top: 16px;
  float: right;
  position: relative;
  top: 0;
  right: 0;
}

#vod div#films {
  margin-bottom: 0px;
}

#vod div#films .row .item {
  width: 192px;
}

#vod div.filter {
  padding: 0 0;
  background-color: transparent;
  margin-bottom: 0px;
}

#vod div.filter ul.filter_categories li label{
  text-transform: lowercase;
  margin-top: 0px;
}

#vod div#genres .content {
  overflow: hidden; /* Clearfix */
  margin-bottom: 8px;
  padding: 0 16px;
  background: url(/images/dark_grey_nav.gif) repeat;
  line-height: 32px;
}

#vod #genres .content ul li {
  float: left;
  margin-right: 20px;
  font-size: 11px;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}

#vod div#genres h4 {
  background-color: #666666;
}

#vod div#genres .content a {
  color: #ffffff;
}

#vod div#genres h4, #vod div#genres .content a.active, #vod div#genres .content a:hover {
  color: #F7D837;
}

#vod div#cinemas h4 {
  background-color: #464646;
  color: #ffffff;
}

#vod div#cinemas .cinema {
  background-color: #787878;
  margin-bottom: 1px;
  overflow: hidden;
}
#vod div#cinemas .content {
  padding: 0;
}

/* BEGIN DEPRECATED TEMP NOTEBOOK STYLES */
div.entries { float: left; padding: 0 16px 15px 35px; _padding: 0 16px 0 35px;width: 789px; background: #fff; }
div.entries div.dateheader { float: left; width: 789px; position: relative;}
div.entries div.dateheader h3 { padding: 10px 0 13px 0; _padding: 10px 0 25px 0; float: left; text-transform: uppercase; color: #299ECC; font-weight: bold; font-size: 30px;   font-family: "BPGSquareMtavruli", sans-serif;
}
div.entries div.dateheader h3 span { position: relative; top: 21px; font-size: 60px; padding-right: 6px; }
div.entries div.dateheader p { float: right !important; font-size: 14px; text-transform: uppercase; color: #299ECC; margin-top: 20px;   font-family: "BPGSquareMtavruli", sans-serif;
}
div.entries div.entry div.title { float: left; _float: none; margin-left: 71px; margin-bottom: 25px; }
div.entries div.entry div.title h4 { font-weight: normal; margin-top: 1px; color: #299ECC; font-size: 21px; text-transform: uppercase; line-height: 1em;  font-family: "BPGSquareMtavruli", sans-serif;
}
div.entries div.entry div.title p { color: #299ECC; font-size: 12px; margin: 0; }
div.entries div.entry div.title p span { color: #8c8c8c; }
div.entries div.entry div.body { float: right; width: 718px; position: relative; }
div.entries div.entry div.body p { margin-bottom: 15px; }
div.entries div.entry div.body p.caption { line-height: 1em; font-size: 11px; margin-top: -10px; }
div.entries div.entry div.body a { font-weight: bold; }
div.entries div.entry div.body img { margin-bottom: 15px; }

div.entries div.entry div.body blockquote.red {
	font-size: 36px;
	color: #F02D32;
	line-height: 1em;
	margin-bottom: 15px;
}

div.entries div.entry div.body blockquote.red span { position: absolute; left: -16px;}
div.entries div.entry div.body p.quotecredit { text-align: right; font-size: 16px; color: #323232; margin-right: 11px; margin-bottom: 0; }

h2.relatedfilms { display: block; margin: 16px 0 0 0; padding: 5px 0 3px 16px; color: #515151; background: #d2d2d2; text-transform: uppercase; font-size: 12px;   font-family: "BPGSquareMtavruli", sans-serif;
}
div.entries div.entry div.body div.notebook_relatedfilms { float: right; _float: none; width: 620px; background: #f0f0f0; padding: 28px 49px 20px 49px;}
div.entries div.entry div.body div.notebook_relatedfilms div.row { float: left; width: 620px; margin-bottom: 20px; }
div.entries div.entry div.body div.notebook_relatedfilms div.row.lastrow { margin-bottom: 0; }
div.entries div.entry div.body div.notebook_relatedfilms div.film { float: left; width: 160px; position: static !important; margin-right: 68px; }
div.entries div.entry div.body div.notebook_relatedfilms div.film.last { margin-right: 0;}
div.entries div.entry div.body div.notebook_relatedfilms div.film strong { text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
div.entries div.entry div.body div.notebook_relatedfilms div.film p { margin-bottom: 0;}

div.entries div.entry div.body div.starrating { margin-bottom: 20px; }

div.entries div.entry div.body div.movie { width: 669px; padding: 24px 0 24px 49px; background: #e6e6e6; margin-bottom: 15px; }
div.entries div.entry div.body div.movie div.player img { margin: 0; }
div.entries div.entry div.body div.video_embed { text-align: center; margin-bottom: 32px; }


div.entries div.entry div.body ul.conversation { margin: 35px 0 0 0; padding: 0; }
div.entries div.entry div.body ul.conversation li { color: #323232; }
div.entries div.entry div.body ul.conversation li span.label { text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}
div.entries div.entry div.body a.comments { float: right; padding-top: 10px; font-size: 16px; font-weight: bold; }

div.notebook_pagination { width: 840px; }
div.notebook_pagination ul { float: right; margin: 15px 0; }
div.notebook_pagination ul li { display: inline; }

div.notebook_pagination ul li a {
	float: left;
	font-weight: bold;
	color: #282828;
	font-size: 18px;
	height: 20px;
	text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}

div.notebook_pagination ul li a.older {
	background: url(../../newimages/bg_rightarrow.gif) no-repeat 132px 4px;
	padding-right: 12px;
	margin-left: 43px;
}

.mac.ff3 div.notebook_pagination ul li a.older {
	background: url(../../newimages/bg_rightarrow.gif) no-repeat 132px 2px;
}

div.notebook_pagination ul li a.newer {
	background: url(../../newimages/bg_leftarrow.gif) no-repeat 1px 4px;
	padding-left: 13px;
}

.mac.ff3 div.notebook_pagination ul li a.newer {
	background: url(../../newimages/bg_leftarrow.gif) no-repeat 0 2px;
}

div.notebook_pagination ul li a.prev {
	background: url(../../newimages/bg_leftarrow.gif) no-repeat -1px 4px;
	padding-left: 12px;
	margin-right: 43px;
}

.mac.ff3 div.notebook_pagination ul li a.prev {
	background: url(../../newimages/bg_leftarrow.gif) no-repeat -1px 2px;
}

div.notebook_pagination ul li a.next {
	background: url(../../newimages/bg_rightarrow.gif) no-repeat 105px 4px;
	padding-right: 11px;
}

.mac.ff3 div.notebook_pagination ul li a.next {
	background: url(../../newimages/bg_rightarrow.gif) no-repeat 105px 2px;
}

div#commentwidget { float: left; width: 534px; }

div#commentwidget div.commentexcerpt {
	margin: 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	width: 504px;
}

div#commentwidget div.commentexcerpt.last { padding: 15px 15px; margin-bottom: 6px; }
div#commentwidget div.commentexcerpt h3.bluethick span { text-transform: lowercase; color: #646464; }
div#commentwidget div.commentexcerpt p { font-size: 11px; color: #8c8c8c; text-transform: none; margin: 0; padding: 0;}
div#commentwidget div.commentexcerpt p a { font-size: 11px; color: #299ECC; }
div#commentwidget div.commentexcerpt p.date { color: #646464; font-size: 14px; font-weight: bold; text-transform: uppercase;  font-family: "BPGSquareMtavruli", sans-serif;
}
div#commentwidget div.commentexcerpt p.date span { color: #969696;}

div#notebook_reviewwidget { float: right; width: 300px; }
div#notebook_reviewwidget div.count { width: 270px; }
div#notebook_reviewwidget div.count p.display { margin: 0; padding: 0; width: 170px; float: left; display: inline; }
div#notebook_reviewwidget div.count p.actions { width: 100px; }

div#notebook_reviewwidget div.notebook_review {
	margin: 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	width: 270px;
}

div#notebook_reviewwidget div.notebook_review.last { padding: 15px 15px; margin-bottom: 6px; }
div#notebook_reviewwidget div.notebook_review h3.bluethick span { text-transform: lowercase; color: #646464; }
div#notebook_reviewwidget div.notebook_review p { font-size: 11px; color: #8c8c8c; text-transform: none; margin: 0; padding: 0;}
div#notebook_reviewwidget div.notebook_review p a { font-size: 11px; color: #299ECC; }
div#notebook_reviewwidget div.notebook_review p.date { color: #646464; font-size: 14px; font-weight: bold; text-transform: uppercase;  font-family: "BPGSquareMtavruli", sans-serif;
}
div#notebook_reviewwidget div.notebook_review p.date span { color: #969696;}

/* NEW NOTEBOOK - SINGLE ***************************************/

div.entries div.entry div.body p.categories { color: #299ECC; font-weight: bold; padding-top: 16px; margin: 0; }
div.entries div.entry div.body p.categories span { font-size: 16px; color: #323232; }

div.notebook_comments { float: left; padding: 28px 16px 15px 105px; width: 719px; background: #fff; }
div.notebook_comments h2 { color: #0FAF2D; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 16px;   font-family: "BPGSquareMtavruli", sans-serif;
}
div.notebook_comments p a { font-weight: bold; }
div.notebook_comments div.commentblock { margin-bottom: 17px; width: 650px; }
div.notebook_comments div.commentblock.author { padding-left: 25px; margin-left: -25px; background: url(../../newimages/icon_auteurslogo.gif) top left no-repeat; }
div.notebook_comments div.commentblock p { margin-bottom: 12px; }
div.notebook_comments div.commentblock p.username,
div.notebook_comments div.commentblock p.timestamp { margin: 0; }
div.notebook_comments div.commentform { float: left; margin-top: 8px; }
div.notebook_comments div.fieldblock label { font-weight: bold; text-transform: uppercase; font-size: 14px;   font-family: "BPGSquareMtavruli", sans-serif;
}
div.notebook_comments div.fieldblock textarea { border: 1px solid #bfbfbf; width: 374px !important; height: 129px; margin: 16px 0 11px 0 !important; }
div.notebook_comments div.submit { width: 719px !important; }
/* END DEPRECATED TEMP NOTEBOOK STYLES */

/** ADMIN Age Rating Styles **/
#age_rating_actions div { margin-bottom: 8px; }
#age_rating_actions h2 { margin-bottom: 2px; }
#age_rating_actions input { vertical-align: bottom; position: relative; top: -3px; margin-right: 8px; }
#age_rating_actions fieldset { margin-top: 16px; }
#age_rating_actions p { margin-bottom: 0; }

div.imdb_age_ratings { margin: 16px 0; background-color: #eee; }

#age_rating_actions #selections input,
#age_rating_actions #selections label,
#age_rating_actions #selections a { display: block; float: left; padding-right: 12px; }

#age_rating_actions #rate_multiple input,
#age_rating_actions #rate_multiple label,
#age_rating_actions #rate_multiple a { display: block; float: left; padding-right: 12px; }

#age_rating_form input[type=submit] { margin: 8px 0px; }

/** Create / Edit Admin::Ps3FeaturedItem **/
div.locale_group { margin: 8px 0; }
div.locale_group h3 a:before, .edit_ps3_featured_item div.locale_group h3 a:before { content: ' +'; }
div.locale_group.expanded h3 a:before { content: ' -'; }
div.locale_group fieldset { display: none; }
div.locale_group.expanded fieldset { display: block; }
div.locale_group fieldset textarea { height: 72px; }
div.locale_group fieldset textarea,
div.locale_group fieldset input { width: 96%; font-size: 14px; margin-bottom: 16px; }

#ps3_feature .switch_item_types { margin-left: 64px; text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}
#ps3_feature #selected_director { font-size: 24px; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
#ps3_feature .autocomplete_label { margin-top: 18px; }

div.feature_section { margin-bottom: 16px; }
a.feature_title { font-size: 48px; line-height: 64px; }

div.feature_section input[type=checkbox] { float: left; margin: -1px 16px 8px 0; }

/* ps3 features index */
div.ps3_features_summary .country { font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 1em;   font-family: "BPGSquareMtavruli", sans-serif;
}
div.ps3_features_summary a.block { width: 160px; height: 90px; background: #000; position: relative; top: 0; left: 0; float: left; margin: 0 12px 12px 0; }
div.ps3_features_summary .block div.caption { padding: 10px 0px 0px 5px; }
div.ps3_features_summary .block div.caption span.feature_type { color: #fff; text-align: center; padding: 5px 0px; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}
div.ps3_features_summary td.features { font-size: 18px; line-height: 24px; }
div.ps3_features_summary a.tt { margin-right: 12px; }
div.ps3_features_summary .new_features { margin-top: 24px; }

/** Privacy **/
#private_profile_label { line-height: 8px; }

/** Pending Follow Requests **/
#follow_requests td { vertical-align: middle; background-color: #F6F6F6; padding: 4px; }
#follow_requests .request_details { width: 80%; }

/**** REMOTE LOGIN (logins from other sites like Get Satisfaction) ****/
.remote { background: #5A5A5A !important;}
.remote.popup { padding: 0; }

.remote #login h3 { font-weight: bold; color: #323232; font-size: 16px; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
.remote #login input { border: 0; }
.remote #login input[type=text],
.remote #login input[type=password] { width: 224px; }
.remote #login label { text-transform: uppercase; margin-top: 8px;   font-family: "BPGSquareMtavruli", sans-serif;
}

.remote .logo { position: relative; margin: 0; padding: 0; height: 32px; width: 100%; }
.remote .logo a { position: relative; left: 0; background: url(../../images/mubi_logo_beta.png) no-repeat top left; display: block; width: 276px; height: 32px; }
.remote .logo a span { display: none; }
.remote .logo.europe { height: 47px; }
.remote .logo.europe a{ background:url(../../images/mubi_logo_europe.png) no-repeat top left; width: 277px; height: 47px; }

.remote p.action input { width: 52px; height: 20px; margin: 0 6px 0 0; padding: 0; border: none; background: none; }
.remote p.action a.link { font-weight: bold; text-transform: uppercase; position: relative; bottom: 6px; font-size: 11px;   font-family: "BPGSquareMtavruli", sans-serif;
}

.remote #wrap { width: 324px; margin: 80px auto; }
.remote #footer { display: none; margin-bottom: 0; }


/** Unauthenticated Dashboard **/
#dashboard { color: #5a5a5a; text-shadow: 0 1px 1px #F6F6F6; }
#dashboard .section { border-top: 1px solid #FFF; padding: 16px; position: relative; }
#dashboard .intro { text-shadow: 0 1px 1px #F6F6F6; font-size: 18px; line-height: 24px; margin-bottom: 30px; }
#dashboard .intro.pitch { border-top: 6px solid #299ecc; border-bottom: 1px solid #FFF; padding: 16px 21px; font-size: 24px; line-height: 30px; text-transform: none; font-weight: normal; }
#dashboard .intro a { font-weight: bold; }
#learn { font-size: 16px; padding-left: 18px; font-weight: normal !important; }

#dashboard #spotlight { margin: 0; padding: 16px 0; position: relative; }
#dashboard #spotlight .ballast { width: 856px; height: 252px; overflow: hidden; position: relative; cursor: pointer; }
#dashboard #spotlight .panels { position: absolute; top: 0; left: 0; }
#dashboard #spotlight .panel { position: absolute; top: 0; width: 856px; display: none; }
#dashboard #spotlight .panel .dazzle { float: left; width: 448px; height: 252px; margin: 0 16px; }
#dashboard #spotlight .panel .dazzle img { width: 448px; height: auto; }
#dashboard #spotlight .panel { font-size: 14px; line-height: 18px; text-shadow: 0 1px 1px #F6F6F6; }
#dashboard #spotlight .panel .hype h2 { font-size: 18px; margin: 8px 0 16px 0; color: #0faf2d; }
#dashboard #spotlight .panel .hype .headline { font-size: 24px; font-weight: bold; text-shadow: 0 1px 1px #F6F6F6; text-transform: none !important; line-height: 24px; }
#dashboard #spotlight .panel .hype .button { text-shadow: none; }
#dashboard #spotlight .spot_nav { position: absolute; top: 50%; font-size: 24px; color: #999; }
#dashboard #spotlight .spot_nav:hover { color: #5a5a5a; cursor: pointer; }
#dashboard #back.spot_nav { left: -24px; }
#dashboard #forward.spot_nav { right: -24px; }

#dashboard .facebook_login { padding: 0 16px 8px; border-bottom: 1px solid #FFF; }
#dashboard .fb_button { margin-top: 21px; }

.section .title { float: left; font-size: 18px; margin-bottom: 16px; }
.section .teaser { display: block; float: right; }

.notebook_spotlight { margin-bottom: 24px; }
.notebook_spotlight h3 { font-size: 18px; line-height: 18px; font-weight: bold; margin: 2px 0 0 0; text-shadow: 0 1px 1px #F6F6F6; }
.notebook_spotlight img { float: left; }
.notebook_spotlight .post_details { padding-left: 16px; float: left; width: 608px; font-size: 14px; line-height: 18px; }
.notebook_spotlight .post_details p { margin-bottom: 0; }
.notebook_spotlight .post_author { margin: 2px 0 6px 0; }

.film_spotlight { float: left; width: 136px; margin-right: 34px;}
.film_spotlight .cropped_image { margin-bottom: 8px; }
.film_spotlight h2,
.film_spotlight h3 { padding: 0 4px; font-size: 14px; line-height: 18px; }
.film_spotlight .film_title { line-height: 14px; }

ul.panel_counter { list-style: none; padding: 0; margin: 16px 25%; }
ul.panel_counter li  { display:inline-block; margin-right: 8px; }
ul.panel_counter li a { text-indent: -9999px; background: #5a5a5a; display: block; width: 8px; height: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
ul.panel_counter li.active a { background: #299ecc; }
ul.panel_counter li.current a { background: #299ecc; }


/** Authenticated Dashboard **/
#authenticated_dashboard { color: #5a5a5a; }

/* Headers Reset for AU Dashboard */
/*#authenticated_dashboard h1,
#authenticated_dashboard h2,
#authenticated_dashboard h3,
#authenticated_dashboard h4,
#authenticated_dashboard h5 { text-transform: none; color: #5A5A5A; background-color: transparent; float: none; padding: 0; height: auto; width: auto; }

#authenticated_dashboard h1 {}
#authenticated_dashboard h2 { font-size: 18px; line-height: 24px; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
#authenticated_dashboard h3 { font-size: 14px; font-weight: 300; line-height: 14px; margin: 0 2px; padding: 0; height: auto; float: none; }
#authenticated_dashboard h4 {}
#authenticated_dashboard h5 {}*/


.callout { position: relative; background-color: #dadada; margin-right: 8px; border-bottom: 1px solid #5a5a5a; border-right: 1px solid #999; padding: 16px; }
.callout .filmography-widget-title { text-transform: none; font-size: 14px; line-height: 18px; }
.callout input[type=text] { font-size: 21px; padding: 4px 8px; border: 1px solid #CCC; color: #CCC; width: 97%; height: 30px; font-weight: 300; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.callout input[type=text].placeholderFocus,
.callout input[placeholder]:focus { color: #5a5a5a; }

.callout-notch,
.callout-notch-border { position: absolute; right: -12px; top: 8px; margin: 0; border-top: 10px solid transparent; border-right: 2px solid  transparent; border-left: 10px solid #dadada; border-bottom: 10px solid transparent; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; }
.callout-notch-border { top: 9px; border-left: 10px solid #999999; }

#filmography-last-entry .time_ago { color: #8C8C8C; }

#user_profile { color: #5a5a5a; background-color: #fff; padding: 8px; }
#user_profile .user_avatar { width: 64px; height: 64px; overflow: hidden; float: left; margin-right: 12px; }
#user_profile .username { float: left; width: 110px; overflow: hidden; }
#user_profile .username h1 { text-transform: none; font-size: 16px; font-weight: bold; line-height: 18px; width: 100%; }

.relations .user_avatar,
.relations .friend_avatar { width: 24px; height: 24px; overflow: hidden; }

.relations ul { margin: 8px 0 16px; padding: 0; }
.relations li { float: left; margin-right: 3px; }

#authenticated_dashboard #friends { background-color: #fff; padding: 8px; }

.sidebar { color: #5a5a5a; }
#feed { margin-top: 4px; margin-bottom: 16px; }
#feed .activity { margin-bottom: 4px; font-size: 10px; line-height: 14px; }
#feed .activity .actions { text-align: right; }
#feed .time { margin: 4px 0 0; text-align: right; }
#feed .activity-avatar { float: left; width: 32px; margin-right: 8px; }

#feed .friend_avatar { width: 32px; height: 32px; overflow: hidden; }
#feed .activity-info { width: 150px; float: right; background-color: #fff; padding: 8px; position: relative; border-left: 1px solid #cccccc; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #999999; border-top: 1px solid #e0e0e0; font-size: 12px; line-height: 16px; }
#feed .callout-notch,
#feed .callout-notch-border { left: -8px; border-right: 6px solid #fff; border-left: 2px solid transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
#feed .callout-notch-border { top: 9px; border-right: 6px solid #5a5a5a; }

#feed .activity-info .wishlist,
#feed .activity-info .fanship,
#feed .activity-info .actions { font-weight: bold; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
#feed .activity-user { color: #5a5a5a; }
#feed .activity-user:hover { color: #8c8c8c; }
#feed .activity-body:before { content: '\201C'; } /* Opening curly quote */
#feed .activity-body:after { content: '\201D'; } /* Closing curly quote */

#feed h2.film_title { font-size: 12px; }

#media-programme-sponsor { color: #5a5a5a; background-color: #fff; padding: 8px; }

/*.sidebar .activity .cropped_image { display: none; }*/ /* This is just a hack to hide all the activity feed images (for now) */
/*.sidebar .activity div { width: auto !important; float: none !important; }*/


#authenticated_dashboard .follow_count { font-size: 18px; font-weight: bold; margin-left: 4px; }
#authenticated_dashboard .activity_updates_header { float: none; padding: 4px 8px 3px 8px; margin-top: 8px; }
#authenticated_dashboard .all_recent_activity_block { padding: 2px 8px; background-color: #fff; }
#authenticated_dashboard #spotlight { background-color: #323232; margin: 8px 8px 8px 0px; padding: 0px 0px 16px 0px; }
#authenticated_dashboard #spotlight h2 { font-size: 18px; text-transform: uppercase; line-height: 1em; color: #fff;   font-family: "BPGSquareMtavruli", sans-serif;
}
#authenticated_dashboard #spotlight .poster { float: left; width: 360px; }
#authenticated_dashboard #spotlight .poster img { max-width: 360px; height: auto; }
#authenticated_dashboard #spotlight .description { float: left; width: 240px; padding: 16px; color: #5a5a5a; font-size: 14px; line-height: 18px; color: #fff; }

.headline { margin-top: 16px; }
.headline h2 { font-size: 18px; line-height: 24px; color: #5a5a5a; }
.leadin { font-size: 12px; text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}

#authenticated_dashboard .section { margin: 0px 8px 8px 0px; background-color: #fff; }
#authenticated_dashboard .section .headline h2 { margin: 0 16px 0; float: left; }
#authenticated_dashboard .section .leadin { float: right; margin: 4px 16px 0 0; }

#recommendations_to_watch_instantly { padding-bottom: 16px; min-height: 250px; }
.film_focus .recommend { float: left; width: 184px; margin: 16px 8px 16px 16px; }
.film_focus .recommend .film_title { margin: 16px 2px 0; }
.film_focus .recommend .film_director,
.film_focus .recommend .film_country_year { margin: 0 2px; }
.film_focus .recommend .watch_link { margin-left: 2px; margin-right: 2px; }
#recommendations_to_watch_instantly .recommend-refresh-all { display: block; text-align: right; margin: 0 16px; clear: both; }

#notebook { font-size: 12px; line-height: 18px; }

#notebook h3,
#notebook h4 { font-weight: bold; }
#notebook h3 { text-transform: uppercase; margin-bottom: 4px;   font-family: "BPGSquareMtavruli", sans-serif;
}

#notebook h4,
#notebook h5 { background-color: transparent; margin: 0; padding: 0; }
#notebook h5 { text-transform: none; }

#authenticated_dashboard .use9 .content_description { margin-right: 8px; }

#notebook .notebook_article_title { float: none; height: auto; font-size: 12px; line-height: 16px; }
#notebook .notebook_image { display: block; }

#notebook .latest,
#notebook .recent { padding: 16px; }
#notebook .latest .notebook_article_title { font-size: 14px; line-height: 18px; }
#notebook .latest .notebook_image { float: left; width: 320px; }
#notebook .latest .byline { float: right; width: 256px; }
#notebook .latest p { margin-top: 16px; }

#notebook .article { float: left; width: 184px; margin: 0 24px 16px 0; }
#notebook .article .notebook_image { margin-bottom: 8px; }
#notebook .article h3 { height: 18px; }

#authenticated_dashboard #forum { padding-top: 16px; }
#authenticated_dashboard .forum_topic { padding: 0px 16px; margin-bottom: 0; }
#authenticated_dashboard .forum_topic.last { padding-bottom: 16px; }
#authenticated_dashboard .forum_topic h3 { font-weight: bold; font-size: 14px; line-height: 1em; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
.muted_header_link { color: #5a5a5a; }
.byline h5, .recent h5 { font-weight: normal; }


/* Filmography Post */
.filmography-post { margin-top: 16px; }
.filmography-post textarea { width: 99%; font-size: 18px; font-weight: 200; line-height: 24px; height: 72px; color: #CCC; padding: 4px; border: 1px solid #999; }
.filmography-post textarea:focus { color: #444; }
.filmography-post blockquote { margin-top: 16px; }

.filmography-info-description { margin: 0 0 8px 24px; }
.filmography-info-description .film_director a { color: #5a5a5a; }
.filmography-cast-info .filmography-info-image { max-height: 120px; overflow: hidden; margin-bottom: 8px; }
.filmography-cast-info .filmography-info-image img { margin-top: -25%; }

.filmography-post-actions { margin-bottom: 16px; }
.filmography-post-actions .counter { font-size: 16px; font-weight: bold; float: right; }

.filmography-recent-post { padding: 8px 16px; font-size: 18px; line-height: 24px; font-weight: 200; background-color: #f0f0f0; }
.filmography-recent-post p { font-size: 12px; text-align: right; }

#authenticated_dashboard .pricing { color: #0faf2d; font-weight: bold; margin-left: 2px; font-size: 14px; }
#authenticated_dashboard a.dislike { color: #aaa; cursor: pointer; margin-left: 2px; }
#authenticated_dashboard a.dislike:hover { color: #ccc; cursor: pointer; }


/**** NEWSLETTER ADMIN ****/
fieldset.newsletter_content {
  width: 420px;
}
fieldset.newsletter_content input, fieldset.newsletter_content textarea {
  width: 400px;
}
fieldset.newsletter_content fieldset input, fieldset.newsletter_content fieldset textarea {
  width: 360px;
}
fieldset.newsletter_content div.errorExplanation h2 {
  background-color: #e87800;
}
div.newsletter_control_panel {
  background-color: #eee;
  padding: 8px;
  float: right;
  width: 300px;
}
div.newsletter_control_panel h5 {
  background: transparent;
}
div.newsletter_control_panel textarea {
  width: 98%;
  height: 4em
}
div.newsletter_control_panel.disabled, div.newsletter_control_panel.disabled h5 {
  color: #999;
}
div.newsletter_control_panel.disabled input[type=submit] {
  background-color: #999;
}
div.newsletter_control_panel.disabled p.warning {
  color: #ef4135;
}

/**** BELGACOM SUBSCRIPTION/FILM CROSS PROMOTION ****/
.use12 .column.subscription_col { width: 315px; }
.use12 .column.subscription_col2 { width: 280px; }
div.belgacom_subscription_button img {
  float: right;
  top: -20px;
  position: relative;
}

/**** BOXEE ****/
div#boxee div.boxee_logo {
  clear: left;
  padding-top: 20px;
}

div#boxee div#top_content h1.promotion {
  color: #6D6E70;
  font-size: 15px;
}

div#boxee div#top_content h2.promotion {
  font-size: 15px;
}

div#boxee dl#blurb dt {
  font-size: 20px;
  color: #0faf2d;
  font-weight: bold;
  line-height: 130%;
}
div#boxee dl#blurb dt.small {
  font-size: 16px !important;
  font-weight: normal;
}
div#boxee a.more_info { font-weight: bold; }
div#boxee ol.steps { margin: 0; padding-bottom: 4px; }
div#boxee ol.steps li { display: inline; font-size: 16px; color: #A0A0A0; margin-right: 8px; }
div#boxee ol.steps li.active { color: #323232; }
div#boxee div.signup_form { padding-left: 60px; } /* See AJAX AUTHENTICATION Styles for the shared design */
div#boxee #next_steps {
  text-align: right;
}
div#boxee .instructions { margin-bottom: 24px; }
div#boxee div.signup_form h1 span {
  font-size: 12px;
}
div#boxee div.signup_form div.dropdown_row {
  position: relative;
  margin-bottom: 3px;
}
div#boxee div.signup_form div.dropdown_row label {
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  display: inline;
  font-size: 12px;
  position: relative;
  float: left;
  width: 100px;
  top: 0px;
  left: 0px;
  color: #666666;
}
div#boxee div.signup_form div.dropdown_row select {
  margin-bottom: 6px;
}
div#boxee div.signup_form label {
  color: #666666;
}
div#boxee div.signup_form div.dropdown_row label.birthday { left: 0px; }
div#boxee input[type='submit'], div#boxee div#link_accounts .button {
  font-size: 12px;
  height: 25px;
  padding: 1px 8px 1px;
}
div#boxee div#link_accounts .button {
  line-height: 28px;
  text-align: center;
}
div#boxee .fine_print {
  color: #787878;
  font-size: 11px;
  margin-right: 100px;
}

div#boxee .payment_field input { width: 235px; }
div#boxee input.card_number { width: 150px; margin-right: 9px; }
div#boxee .payment_field label { font-size: 12px; width: 170px;}
div#boxee .payment_field input.cvv_code { width: 42px; }
div#boxee .payment_field label.cvv { width: auto; margin-right: 4px; }
div#boxee .payment_field select.country { width: 242px; margin-right: 0px;}
div#boxee div#ecommerce_badge { visibility: hidden; }

div#boxee div#top_content p {
  font-size: 14px;
  margin-top: 15px;
  color: #6d6e70;
  line-height: 18px;
  margin-bottom: 0px;
}
div#boxee div#top_content {
  margin-bottom: 20px;
}
div#boxee div#top_content div.logo {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 16px;
}

/**** FILMOGRAPHY VIEW ****/
#filmography h2.title { font-size: 16px; line-height: 1.5em; padding: 4px 0; margin-bottom: 16px; background-color: #fff;  }
#filmography h2.title a { margin-left: 12px; }
#filmography h2.title span { color: #444; }

#filmography .wall_post { margin-bottom: 24px; }
#filmography .filmography-block { position: relative; height: 480px; overflow: hidden; font-size: 14px; line-height: 21px; background-color: #3c3c3c; }
#filmography .filmography-block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#filmography .filmography-block img.filmography-cast-image { top: -33%; height: 1016px; }
#filmography .filmography-meta { position: absolute; top: 0; left: 0; margin: 0 24px; z-index: 100; font-weight: normal; font-size: 16px; line-height: 24px; max-width: 396px; }
#filmography .filmography-header { padding: 16px; color: #fff; }
#filmography .filmography-title { font-size: 18px; font-weight: bold; line-height: 18px; margin: 8px 0 0 16px; float: left; max-width: 240px; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
#filmography .filmography-date { font-weight: bold; font-size: 18px; float: left; max-width: 150px; text-transform: uppercase;   font-family: "BPGSquareMtavruli", sans-serif;
}
#filmography .filmography-date .large-day { font-size: 32px; }
#filmography .filmography-description { position: absolute; bottom: 16px; right: 16px; z-index: 200; margin: 16px; width: 360px; }
#filmography .filmography-description p { color: #fff; padding: 16px; font-size: 14px; line-height: 1.5em; }
#filmography .filmography-description .actions { padding: 0 16px; color: #fff; padding-bottom: 16px; font-weight: normal; }

#filmography .filmography-description .actions a {
  font-weight: bold;
}

#filmography .filmography-description .actions a:hover,
#filmography .filmography-description .actions input.social:hover {
  color: #787878;
}

#filmography .actions input.social {
  background: transparent;
  padding: 0 4px 0 0;
  border: none;
  height: auto;
  color: #299ECC;
  font-weight: bold;
  font-family: Helvetica, Arial, Verdana, "Lucida Grande", Georgia, sans-serif;
  font-size: 14px;
}

#filmography .filmography-description .actions input.social:disabled {
  color: #555;
}

#filmography .filmography-empty { position: absolute; top: 45%; margin: 0 240px; color: #fff; }

#filmography .wall_post .responses {
  background: white;
  margin: 0 4px;
}

#filmography .wall_post .responses .liked_by {
  margin: 8px 8px 8px 8px;
  float: none;
}

#filmography .wall_post .responses ul.wallpost_comments {
  padding: 0;
  margin: 8px;
}

.alpha60 {
    /* for browsers that don't support rgba */
    background: rgb(0, 0, 0);
    /* for browsers that do */
    background: rgba(0, 0, 0, 0.6);
    /* for ie 5.5-7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* for ie 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}


#edit_spotlight h1 { margin-bottom: 16px; }
#edit_spotlight .fieldblock { margin-bottom: 16px; }
#edit_spotlight .autocomplete_list { width: 400px; float: left; }
#edit_spotlight .traditional_country_widget { width: 400px; float: right; }
#edit_spotlight .manual_selection_action { text-transform: uppercase; font-weight: bold;   font-family: "BPGSquareMtavruli", sans-serif;
}

#edit_avatar .thumbnail img,
#view_spotlight_image .thumbnail img { float: left; margin: 0 24px 16px 0; }
#edit_avatar .thumbnail_actions,
#view_spotlight_image .thumbnail_actions { float: left; }
#crop_avatar .crop_actions { float: left; width: 240px; }
#edit_avatar .edit_action,
#view_spotlight_image .edit_action { margin-bottom: 6px; font-weight: bold; }
#edit_avatar .avatar_preview, #crop_avatar .avatar_preview, #view_spotlight_image .spotlight_preview  { float: left; margin: 0 4px 24px; min-width: 424px; }
#edit_avatar .remove_picture { margin-left: 12px; }
#crop_avatar .preview_window { overflow: hidden; float: left; margin: 0px 24px 24px 0px; }
#crop_avatar .square { width: 100px; height: 100px; }
#crop_avatar .cinemascope { width: 240px; height: 100px; }

#notebook_admin .tag_filter { margin-right: 24px; }
#notebook_admin .sorter { margin-right: 24px; }
#notebook_admin .reset_filters { float: right; width: 120px; margin-top: 2px; }

/**** ADMIN Tag Management ****/
#admin_tags h2 { margin-bottom: 16px; }
#admin_tags .sort a { padding-right: 4px; }
#admin_tags .tag_list { margin: 16px 0; border: 0; }
#admin_tags .tag_list td { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; width: 25%; padding: 4px 16px; vertical-align: top; }
#admin_tags .tag_list .button_to,
#admin_tags .tag_list .button_to div { display: inline; }
#admin_tags .tag_list .tag_name { line-height: 1.2em; float: left; width: 75%; }
#admin_tags .tag_list .tag:hover .tag_name { color: #fff; background-color: #299ecc; }
#admin_tags .tag_list .tag_name:hover { text-decoration: underline; }
#admin_tags .tag_list .tag_count { color: #999; float: right; width: 10%; }
#admin_tags .tag_list .tag_count:hover { color: #787878;}
#admin_tags .tag_list td input[type=submit] { text-transform: uppercase; padding: 0; background-color: transparent; color: #999; font-size: 10px; visibility: hidden; display: inline;   font-family: "BPGSquareMtavruli", sans-serif;
}
#admin_tags .tag_list td input[type=submit].delete { color: #ef4135; }
#admin_tags .tag_list td input[type=submit].merge { padding-right: 16px; }
#admin_tags .tag_list td input[type=submit]:hover { color: #666; }
#admin_tags .tag_list td:hover input[type=submit] { visibility: visible; }
#admin_tags .filters .button:hover { background-color: #666; }
#admin_tags #tag_search { position: absolute; top: 16px; right: 0; width: 200px; }
#admin_tags #tag_search label { display: inline; }
#admin_tags #tag_search input { margin-left: 4px; width: 65%; }


/**** Tagger jQuery Widget ****/
ul.tagger {
  padding:1px 5px;
  border-style:solid;
  border-width:1px;
  border-color:#C6C6C6;
  overflow:auto;
}

ul.tagger li {
  display: block;
  float: left;
  margin:2px 5px 2px 0;
}

ul.tagger li.tagger-tag {
  background-color:#DEE7F8;
  border:1px solid #CAD8F3;
  padding:2px 4px 3px;
}

ul.tagger li.tagger-tag:hover {
  background-color:#bbcef1;
  border-color:#6d95e0;
}

ul.tagger li.tagger-new {
  padding:2px 4px 1px 0;
}

ul.tagger li.tagger-tag a.close {
  color:#777777;
  cursor:pointer;
  font-size:12px;
  font-weight:bold;
  outline:medium none;
  padding:2px 0 2px 3px;
  text-decoration:none;
}

ul.tagger input[type="text"] {
  border:none;
  margin:0;
  padding: 2px 4px 3px;
  width:inherit;
  border-color:#C6C6C6;
  background-color:#FFFFFF;
  color:#333333;
}


/**** ADMIN Posts#index ****/
#posts_index td { padding-top: 4px; padding-bottom: 4px; }
#posts_index td .post_actions { visibility: hidden; margin: 4px 0; }
#posts_index td .post_actions a { padding-right: 4px; }
#posts_index td:hover .post_actions { visibility: visible; }


/**** ADMIN Posts#edit ****/
.post_form { margin-top: 16px; }
.post_form .post_content { width: 560px; margin-right: 10px; float: left; }
.post_form .post_meta { width: 244px; margin-left: 10px; float: left; }
.post_form #post_title { width: 550px; font-size: 18px; padding: 8px 4px; border: 1px solid #ccc; margin: 0 0 16px 0; }
.post_form .meta_section { margin-bottom: 16px; }
.post_form .post_content .meta_section { margin-top: 16px; }
.post_form .meta_section h2,
.post_form .previously_selected dt { background-color: #CCC; color: #fff; padding: 4px; margin-bottom: 8px; text-transform: none; }
.post_form .meta_section img { margin-bottom: 8px; max-width: 244px; height: auto; }
.post_form .meta_section dd { height: auto; border: none; }
.post_form .meta_section .autocomplete_even { background-color: #f6f6f6;}
.post_form .meta_section dd span { width: 80%; }
.post_form .meta_section dd a { border: none; }
.post_form .meta_section fieldset input[type=text] { width: 97%; }
.post_form .meta_section textarea { width: 97%; height: 48px; }
.post_form .meta_section input[type=checkbox] { float: left; margin: 3px 8px 3px 0; }
.post_form .meta_section input[type=file] { margin-bottom: 8px; }
.post_form .meta_section textarea.summary { width: 99%; height: 48px; font-size: 12px; }
.post_form .publish_subsection { margin-bottom: 4px; padding-bottom: 3px; border-bottom: 1px solid #f0f0f0; }
.post_form .publish_subsection a { text-decoration: underline; }
.post_form .main_action { float: right; }
.post_form .tagger { padding: 0; border: none; }
.post_form .tagger .tagger-new { float: none; clear: both; display: block; }
.post_form .tagger input[type=text] { border: 1px solid #ccc; width: 99%; }
.post_form #publish_datetime { display: none; }
.post_form #publish_datetime,
.post_form #publish_spotlight_datetime { margin-top: 8px; }
.post_form #publish_spotlight_meta { clear: both; margin-top: 8px; }
.post_form #publish_spotlight_meta input[type=text],
.post_form #publish_spotlight_meta textarea { margin: 4px 0 8px 0; width: 97%; }
.post_form #publish_spotlight_meta a { text-decoration: underline; }
.post_form #spotlight a { display: block; margin: 8px 0px; }


/**** ADMIN NotebookSpotlights#index ****/
.notebook_spotlights { margin-bottom: 16px; }
.notebook_spotlights h2 { background-color: #CCC; color: #fff; margin-bottom: 8px; padding: 4px; text-transform: none; text-align: left; }
.notebook_spotlights .spotlight_current { width: 460px; min-height: 334px; margin-right: 10px; float: left; text-align: center; }
.notebook_spotlights .spotlight_current img { max-width: 460px; height: auto; margin-bottom: 8px; }
.notebook_spotlights .spotlight_current dt { font-weight: bold; float: left; margin-right: 16px; clear: left; }
.notebook_spotlights .spotlight_current dd { float: left; clear: right; }
.notebook_spotlights .spotlight_current .empty_spotlight { font-weight: bold; margin: 33% 35%; }
.notebook_spotlights .spotlight_new { width: 344px; float: left; margin-left: 10px; }
.notebook_spotlights .spotlight_new > div { margin-bottom: 8px; }
.notebook_spotlights .spotlight_new label { margin: 4px 0;}
.notebook_spotlights .spotlight_new input[type=file] { margin: 8px 0; }
.notebook_spotlights .spotlight_new input[type=text] { width: 340px; }
.notebook_spotlights .spotlight_new input[type=submit] { float: right; margin: 8px 0; }
.notebook_spotlights .spotlight_new textarea { width: 340px; height: 36px;}
.notebook_spotlights .spotlight_block { float: left; margin-right: 24px; width: 184px; }
.notebook_spotlights .spotlight_block.last { margin-right: 0; }
.notebook_spotlights .spotlight_block h3 { margin-top: 8px; font-weight: bold; }
.notebook_spotlights .spotlight_block p { margin: 0px; line-height: 16px; }


/**** Bravia Pitch styles ****/
/*#bravia .spotlight { margin-top: 16px; }*/
#bravia .spotlight {margin-bottom: 32px;}
#bravia .spotlight img { float: right; margin: 0 16px; }
#bravia .spotlight h1 { margin: 16px; font-size: 18px; }
#bravia .spotlight p { margin: 16px; font-size: 1.5em; line-height: 1.5em; }
#bravia .column {margin-left: 16px;}
#bravia .column.left_col { width: 480px; background-color: #f7d837; padding: 0px; }
#bravia .column.left_col .top_heading{ background-color: #cccccc; padding: 8px; }
#bravia .column.left_col .bottom_content{ padding: 4px 24px; }
#bravia .column.left_col h2{ font-size: 14px; text-transform: none; }
#bravia .column.left_col .explanation{ margin-top: 4px; margin-bottom: 8px; }
#bravia .column.left_col ul{ list-style: disc; margin-left: 16px; }
#bravia .column.left_col li{  margin-bottom: 0.5em; }
#bravia .li-heading{ font-size: 14px; margin-bottom: 0.2em; font-weight: bold;}
#bravia .column.left_col ol{ list-style: decimal; margin-left: 16px; }
#bravia .column.right_col { width: 240px; background-color: #e6e6e6; padding: 16px; }
#bravia dl { margin-top: 16px; }
#bravia dt { font-weight: bold; margin-bottom: 4px; }
#bravia dd { margin-bottom: 16px; }

/**** ADMIN reel_versions ****/
#reel_versions_block .reel_version { clear: left; overflow: hidden; }
#reel_versions_block .url_column { float: left; width: 300px }
#reel_versions_block .url_column input { width: 290px }
#reel_versions_block .profile_column { float: left; width: 50px }
#reel_versions_block .profile_column input { width: 40px }
#reel_versions_block .filesize_column { float: left; width: 120px }
#reel_versions_block .filesize_column input { width: 110px }
#reel_versions_block .bitrate_column { float: left; width: 50px }
#reel_versions_block .bitrate_column input { width: 40px }
#reel_versions_block .width_column { float: left; width: 50px }
#reel_versions_block .width_column input { width: 40px }
#reel_versions_block .height_column { float: left; width: 50px }
#reel_versions_block .height_column input { width: 40px }
#reel_versions_block .deletion_message { float: left; width: 620px; height: 26px; }
#reel_versions_fieldset a { text-transform: uppercase; font-weight: bold   font-family: "BPGSquareMtavruli", sans-serif;
}

/**** Facebook Favorite Film ****/
#friends_favorite_films .ajax_spinner,  #favorite_films .ajax_spinner {
  text-align: center;
}
#favorite_films {
  position: relative;
  width: 720px;
  margin-left: 55px;
}
#favorite_films .message {
height: 50px;
font-size: 14px;
line-height: 40px;
width: 805px;
margin-left: -55px;
text-align: center;
font-family: "BPGSquareMtavruli", sans-serif;
text-transform: uppercase;    
}

#favorite_films .slides_container div.panel {
  width:700px;
  height:220px;
  display:block;
  padding-left: 16px;
  margin-bottom:5px;
}
#favorite_films ul.panel_counter {
  margin: 16px auto 16px;
  width: auto;
  text-align:center;
}
#favorite_films #back, #favorite_films #forward {
  position: absolute;
  font-size: 24px;
  top: 50%;
  left: 30%;
  display:block;
}
#favorite_films .prev { left: -54px; }
#favorite_films .next { right: -50px; }
#favorite_films .prev, #favorite_films .next {
  position: absolute;
  top:50px;
  display:block;
  height: 230px;
  background-color: #DADADA;
  width: 60px;
  z-index:100;
}
#favorite_films .prev:hover, #favorite_films .next:hover { color: #5a5a5a; cursor: pointer; }
#favorite_films .slides_container .row .item {
  width: 220px;
}
#favorite_films .slides_container .row .item .overlay {
  width: 192px;
}
#friends_favorite_films .row .item{
  width: 264px;
}
#friends_favorite_films div.fb_friends_link_container {
  position: relative;
  display: block;
  padding-top: 2px;
  background: url(../../newimages/thumbsup_gray.gif) no-repeat 0 0;
}

#friends_favorite_films div.fb_friends_link_container a.fb_friends {
color:#0faf2d;
}

/* Modal dialog / FB Style */

.fb-dialog {
display: inline-block;
line-height:22px;
color: white;
font-weight: bold;
border-radius: 4px;
padding: 0 8px 0 30px;
box-shadow: 0 1px 1px #666;
cursor: pointer;
width:200px;
z-index:5002px;
}


.srt-dialog {
display: inline-block;
line-height:18px;
color: white;
font-weight: bold;
border-radius: 4px;
padding: 0 8px 0 30px;
box-shadow: 0 1px 1px #666;
cursor: pointer;
width:200px;
z-index:5002px;
}

.ui-widget-overlay {
 z-index:15900 !important;
}

.ui-dialog.fb-dialog {
  z-index:16000 !important;
  padding: 0px;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px;
}

.ui-dialog.fb-dialog .ui-dialog-titlebar {
  padding-left: 18px;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-bottom: 3px solid #0faf2d;
background-image: -moz-linear-gradient(top, #fff, #efefef);
background-image: -ms-linear-gradient(top, #fff, #efefef);
background-image: -o-linear-gradient(top, #fff, #efefef);
background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#efefef));
background-image: -webkit-linear-gradient(top, #fff, #efefef);
background-image: linear-gradient(top, #fff, #efefef);
-moz-border-radius: 5px 5px 0px 0px;
}
.ui-dialog.fb-dialog .ui-dialog-title {
  text-transform: uppercase !important;
  color:#676767;
}
.ui-dialog.fb-dialog .ui-dialog-content {
  overflow: auto;
  padding: 0px;
  background: white;
  border-radius:0px;
}
.ui-dialog.fb-dialog .ui-dialog-buttonpane {
  background-color: #E6E6E6;
  text-align: right;
  padding: 8px 10px 8px 10px;
}
.ui-dialog.fb-dialog .image_block {
  border-color: #E9E9E9;
  border-width: 1px 0 0 0;
  border-style: solid;
  height: 50px;
  padding: 4px;
}
.ui-dialog.fb-dialog .image_block img {
  margin-right: 10px;
  float: left;
}
.ui-dialog.fb-dialog .image_block .image_block_content {
  vertical-align: middle;
  height: 50px;
  font-weight: bold;
  width: 325px;
  display: table-cell;
}



.watch_trailer .overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  display: none;
  z-index: 10;
  background-color: #000; 
  background-color: rgba(128,128,128,0.5);
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
}
.watch_trailer .overlay {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE7, IE8, and IE8 Compatibility Mode */
  filter: alpha(opacity=50);
}
#friends_favorite_films .cropped_image:hover div.overlay, #favorite_films .cropped_image:hover div.overlay { display: block; }
.fb-dialog #player .media {
  margin-bottom: 0px;
}
#friends_favorite_films h1 a:hover {
  color: white;
}

/**** Styles for jquery-facebook-multi-friend-selector ****/
#jfmfs-friend-selector input {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  font: 11px verdana, arial, helvetica, sans-serif;
  margin: 2px 0;
  padding: 2px 4px;
}
.jfmfs-friend {
  cursor:pointer;
  display:block;
  float:left;
  margin:3px;
  padding:2px;
  width:180px;
  overflow: hidden;
  border: 1px solid #FFFFFF;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  -webkit-user-select:none;
  -moz-user-select:none;
}
.jfmfs-friend img {
  border: 1px solid #CCC;
  float:left;
  margin:0;
  width:20px;
  height:20px;
}
.jfmfs-friend.selected img {
  border: 1px solid #233E75;
}
.jfmfs-friend div {
  color:#111111;
  font-size:11px;
  overflow:hidden;
  padding:2px 0 0 6px;
  width:145px;
}
#jfmfs-friend-container {
  overflow:scroll;
  overflow-x: hidden;
  -ms-overflow-x: hidden;
  width:100%;
  height:480px;  
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  color: #333;
  font-size: 12px;
}
#jfmfs-friend-selector {
  height:226px;
}
#jfmfs-inner-header {
  background:none repeat scroll 0 0 #F7F7F7;
  border-bottom:1px solid #CCCCCC;
  color:#3B5998;
  font-size:11px;
  font-weight:bold;
  height:25px;
  padding:2px;
  margin-left:-5px;
}
.jfmfs-friend.selected {
  background-color: #3B5998;
  border: 1px solid #3B5998;
  background: #6D84B4; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#233E75', endColorstr='#6D84B4'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#233E75), to(#6D84B4)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #233E75,  #6D84B4); /* for firefox 3.6+ */    
}
.jfmfs-friend.selected div {
  color: #FFFFFF;
}
.hide-non-selected, .hide-filtered {
  display: none;
}
div.jfmfs-button {
  background:none repeat scroll 0 0 #6D84B4;
  border:1px solid #3B5998;
  color:white;
  cursor:pointer;
  margin:4px 5px 0 4px;
  padding:2px 5px;
  text-decoration:none;
}
#jfmfs-friend-selector a.filter-link:link, a.filter-link:visited {
  color: #3B5998;
  font-weight: bold;
  text-decoration: none;
}
#jfmfs-friend-selector a.filter-link:hover, #jfmfs-friend-selector a.selected {
  background-color: #6D84B4;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  color: #FFFFFF;
}
#jfmfs-friend-selector .filter-link {
  margin:4px 5px 4px 5px;
  padding:3px 5px 3px 5px;
}
#jfmfs-inner-header .filter-link {
  float:right;
}
#jfmfs-inner-header div.jfmfs-button-hover {
  text-decoration: underline;
}
#jfmfs-friend-filter-text {
  height: 18px;
}
#jfmfs-inner-header span.jfmfs-title {
  display:none;
}
#jfmfs-max-selected-wrapper, #jfmfs-filter-all, #jfmfs-filter-selected {
  display:none;
}
.fb_friends_films .row .item {
  width: 192px;
}

/**** Facebook Friends Top10 ****/
#top_fb_films_container {
  clear: left;
  padding: 16px 16px 16px 70px;
  background-color: #ffffff;
}
#top_fb_films_header {
  width: 720px;
}
#top_fb_films_header h1 {
  float: left;
  width: 580px;
}
#top_fb_films_header .fb_button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 90px;
}

.fb_button {
  display: inline-block;
  line-height: 28px;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  padding: 0 8px 0 30px;
  box-shadow: 0 1px 1px #666;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  background: #6d85b3 url(/images/f_logo.png) 4px 4px no-repeat;
  background: url(/images/f_logo.png) 4px 4px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(25%, #6d85b3), color-stop(100%, #3c5a98)) 0px;
  background: url(/images/f_logo.png) 4px 4px no-repeat, -webkit-linear-gradient(top, #6d85b3 25%, #3c5a98 100%) 0px;
  background: url(/images/f_logo.png) 4px 4px no-repeat, -moz-linear-gradient(top, #6d85b3 25%, #3c5a98 100%) 0px;
  background: url(/images/f_logo.png) 4px 4px no-repeat, -o-linear-gradient(top, #6d85b3 25%, #3c5a98 100%) 0px;
  background: url(/images/f_logo.png) 4px 4px no-repeat, -ms-linear-gradient(top, #6d85b3 25%, #3c5a98 100%) 0px;
  background: url(/images/f_logo.png) 4px 4px no-repeat, linear-gradient(top, #6d85b3 25%, #3c5a98 100%) 0px;
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fb_button:hover {
  color: #fff;
  background-color: #6d85b3;
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6d85b3), color-stop(100%, #3c5a98));
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -webkit-linear-gradient(top, #6d85b3 0%, #3c5a98 100%);
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -moz-linear-gradient(top, #6d85b3 0%, #3c5a98 100%);
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -o-linear-gradient(top, #6d85b3 0%, #3c5a98 100%);
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -ms-linear-gradient(top, #6d85b3 0%, #3c5a98 100%);
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, linear-gradient(top, #6d85b3 0%, #3c5a98 100%);
}

.fb_button:active {
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #3c5a98), color-stop(100%, #6d85b3));
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -webkit-linear-gradient(bottom, #3c5a98 0%, #6d85b3 100%);
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -moz-linear-gradient(bottom, #3c5a98 0%, #6d85b3 100%);
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -o-linear-gradient(bottom, #3c5a98 0%, #6d85b3 100%);
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, -ms-linear-gradient(bottom, #3c5a98 0%, #6d85b3 100%);
  background-image: url(/images/f_logo.png) 4px 4px no-repeat, linear-gradient(bottom, #3c5a98 0%, #6d85b3 100%);
  box-shadow: inset 0 1px 1px #666;
}



#top_fb_films {
  width: 720px;
}
#top_fb_films #top10_header {
  width: 184px;
  height: 238px;
  background-color: #0078A4;
  margin-right: 12px;
  margin-bottom: 12px;
  font-weight: normal;
  color: white;
  font-size: 17px;
  padding-left: 24px;
  padding-top: 30px;
  padding-right: 24px;
  float: left;
  line-height: 20px;
}
#top_fb_films #top10_header .big {
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  text-transform: uppercase;    
  font-family: "BPGSquareMtavruli", sans-serif;
}
#top_fb_films #top_film {
  width: 452px !important;
  height: 256px !important;
}
#top_fb_films #top_film img {
  margin-top: -12px;
  margin-left: -12px 
}
#top_fb_films .film {
  width: 208px;
  height: 118px;
  float: left;
  margin-right: 12px;
  margin-bottom: 12px;
  font-size: 17px;
  color: white;
  text-transform: uppercase;    
  font-family: "BPGSquareMtavruli", sans-serif;
  font-weight: bold;
  background-color: #939598;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  top: 0;
  left: 0;
}
#top_fb_films .film .caption {
  z-index: 1000;
  position: absolute;
}
#top_fb_films .last_item {
  margin-right: 0px !important;
}
#top_fb_films .last_row {
  margin-bottom: 0px !important;
}

/*** Styles for jQuery chosen select plugin ***/
/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  -o-box-shadow     : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  z-index: 999;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
  background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
  -webkit-border-radius: 4px;
  -moz-border-radius   : 4px;
  border-radius        : 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaa;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 8px;
  color: #444;
  text-decoration: none;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single div {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius   : 0 4px 4px 0;
  border-radius        : 0 4px 4px 0;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
  background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%);
  border-left: 1px solid #aaa;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('/images/chosen-sprite.png') no-repeat 0 1px;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  margin: 0;
  white-space: nowrap;
}
.chzn-container-single .chzn-search input {
  background: #fff url('/images/chosen-sprite.png') no-repeat 100% -20px;
  background: url('/images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('/images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('/images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('/images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('/images/chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  background: url('/images/chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  background: url('/images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}
.chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
/* @end */

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  -o-box-shadow     : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
  background-image: -ms-linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #e4e4e4 0%,#eeeeee 70%);
  color: #333;
  border: 1px solid #b4b4b4;
  line-height: 13px;
  padding: 3px 19px 3px 6px;
  margin: 3px 0 3px 5px;
  position: relative;
}
.chzn-container-multi .chzn-choices .search-choice span {
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 8px;
  height: 9px;
  font-size: 1px;
  background: url(/images/chosen-sprite.png) right top no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -9px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -9px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 400px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  line-height: 80%;
  padding: 7px 7px 8px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
}
.chzn-container .chzn-results .highlighted {
  background: #3875d7;
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 20px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  -o-box-shadow     : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
  background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Right to Left */
.chzn-rtl { direction:rtl;text-align: right; }
.chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; }
.chzn-rtl .chzn-single div { 
  left: 0; right: auto; 
  border-left: none; border-right: 1px solid #aaaaaa;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius   : 4px 0 0 4px;
  border-radius        : 4px 0 0 4px; 
}
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top;}
.chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: url('/images/chosen-sprite.png') no-repeat -38px -20px, #ffffff;
  background: url('/images/chosen-sprite.png') no-repeat -38px -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('/images/chosen-sprite.png') no-repeat -38px -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);  
  background: url('/images/chosen-sprite.png') no-repeat -38px -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('/images/chosen-sprite.png') no-repeat -38px -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('/images/chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  background: url('/images/chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  background: url('/images/chosen-sprite.png') no-repeat -38px -20px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
  padding: 4px 5px 4px 20px;
}
/* @end */

/***** Unauthenticated Dashboard *****/
#new_dashboard .welcome_box { background-color: #fff; margin-bottom: 1px; }

#new_dashboard .welcome_box .text_container {margin: 20px 0px 10px 20px;}

#new_dashboard .welcome_box .text_container .title {
  font-weight: normal;
  font-size: 18pt;
  line-height: 1.2em;
  color: #009245;
}

#new_dashboard .welcome_box .text_container .subtitle {font-size: 12pt;}

#new_dashboard .welcome_box .explanation{
  float:left;
  width: 150px;
  margin: 10px 0px;
  padding: 0px 10px;
}

#new_dashboard .welcome_box .explanation h2{
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5em;
}

#new_dashboard .welcome_box .explanation span.price{color: #0faf2d;}

#new_dashboard .welcome_box .watch_expl {margin-left: 10px;}

#new_dashboard .welcome_box .discover_expl {border-left: dotted thin #666666; border-right: dotted thin #666666;}

#new_dashboard .welcome_box .signup_container{
  float: left;
  width: 307px;
  margin-bottom: 0px;
  margin-top: 10px;
}

#new_dashboard .welcome_box .signup_container h2 {
  display: inline;
  padding: 2px 5px;
  color: #0faf2d;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
}

#new_dashboard .welcome_box .signup_container .signup { height: 190px; padding: 8px 5px; }

#new_dashboard .welcome_box .share_expl .learn_more {
  float: right;
  height: 15px;
  position: relative;
}

#new_dashboard .spotlight { background-color: #5a5a5a; padding-bottom: 16px; height:300px;}
#new_dashboard .spotlight .poster { float: left; width: 532px; }

#new_dashboard .spotlight_img{
  max-width: 532px;
  height: auto;
}

#new_dashboard .spotlight .story {
  float: right;
  width: 292px;
  color: #ffffff;
}

#new_dashboard .spotlight .story h3{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1.1em;
}

#new_dashboard .spotlight .story h3 a {
  color: #FFF;
}

#new_dashboard .spotlight .story h3 a:hover {
  color: #299ecc;
}

#new_dashboard .spotlight .story p{
  font-size: 12px;
  line-height: 1.5em;
  font-family: BPGMrgvlovani;
}

#new_dashboard .section_summary {
  float: left;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 16px;
  font-weight: 200;
}

#new_dashboard .section_summary p {  margin-bottom: 0px; }

#new_dashboard .section_summary a { font-weight: bold; }

#new_dashboard .watch_now .movieblock{
  float: left;
  width: 284px;
  height: 250px;
  background: #969696;
  margin-bottom: 8px;
  position: relative;
  margin-right: 2px;
}



#new_dashboard .watch_now .movieblock1{
  float: left;
  width: 284px;
  height: 250px;
  background: #f6f6f6;
  margin-bottom: 8px;
  position: relative;
  margin-right: 2px;
}

#new_dashboard .watch_now .movieblock2{
  float: left;
  width: 284px;
  height: 250px;
  background: #f6f6f6;
  margin-bottom: 8px;
  position: relative;
  margin-right: 2px;
}


#new_dashboard .watch_now .movieblock ul li.title a { line-height: 1em; display: block; text-transform: uppercase; color: #fff; font-size: 13px; font-weight: bold; padding: 11px 10px 3px 15px;   font-family: "BPGSquareMtavruli", sans-serif;
}
#new_dashboard .watch_now .movieblock ul li.country_year { line-height: 1em; display: block; color: #fff; font-size: 12px; padding: 0px 15px;}
#new_dashboard .watch_now .movieblock ul li.director { line-height: 1em; display: block; color: #fff; font-size: 12px; padding: 0px 15px;}

#new_dashboard .watch_now .movieblock p { padding-left: 15px; color: #fff;}

#new_dashboard .watch_now .movieblock div.still div.playbutton a {
  position: absolute; 
  background: url(../../images/playbutton.png) no-repeat;
  width: 41px;
  height: 41px;
}

#new_dashboard .watch_now .movieblock div.still div.playbutton a span { display: none; }

#new_dashboard .cinemas .cinema { float: left; width: 171px; overflow: hidden; margin-bottom: 1px;}
               
#new_dashboard .cinemas .cinema1{margin-left: 1px;}
               
#new_dashboard .cinemas .cinema a.cinema_title { line-height: 1em; padding: 7px 7px 7px 17px; height: 53px; font-size: 13px; font-weight: bold; text-transform: uppercase; display: block; color: #323232;   font-family: "BPGSquareMtavruli", sans-serif;
}

               
#new_dashboard .cinemas .cinema:hover a.cinema_title,
#new_dashboard .cinemas .cinema a.cinema_title:hover { color: #787878 !important; }
#new_dashboard .cinemas .cinema1 a.cinema_title { color: #fff; background: #1C5379;word-wrap: break-word; }
#new_dashboard .cinemas .cinema2 a.cinema_title { color: #fff; background: #0078A4;word-wrap: break-word; }
#new_dashboard .cinemas .cinema3 a.cinema_title { background: #A6D3EB;word-wrap: break-word; }
#new_dashboard .cinemas .cinema4 a.cinema_title { background: #F1F7E5;word-wrap: break-word; }
/*#watch_now .cinemas .cinema #cinema5 img { _position: absolute; right: 0;}*/
#new_dashboard .cinemas .cinema5 a.cinema_title { background: #E5901A; }
#new_dashboard .cinemas .cinema6 a.cinema_title { background: #e1101A; }
#new_dashboard .cinemas .cinema7 a.cinema_title { background: #A5A01A; }

#new_dashboard .discover .popular_film { float: left; margin: 0 16px 16px 0; }
#new_dashboard .discover .popular_film img { margin-bottom: 4px; }

#new_dashboard .star_rating.small .current_rating {
background-image: url(/images/stars/stars-small.svg);
//background-size:16px 48px;
}

#new_dashboard .discover .fanship {font-size: 11px; text-transform: uppercase; font-weight: bold;  font-family: "BPGSquareMtavruli", sans-serif;
}


#new_dashboard .notebook .article_summary  {
margin-bottom:20px;
}

#new_dashboard .notebook .article_summary h3 {
  font-size: 14px;
  padding: 4px 0px 0px 0px;
  margin: 0px;
}

#new_dashboard .notebook .article_summary p.article_author {
  margin: 0px;
  padding: 0px;
}

#new_dashboard .notebook .article_summary p.teaser {
  padding-top: 4px;
  margin: 0px;
}


#new_dashboard .share_container{
  clear:left;
}

#new_dashboard .share .forum_header{
  float: left;
  width: 392px;
  margin: 0px 0px 8px 0px;
  padding: 4px 16px;
  border-bottom: solid 2px #e6e6e6;
}

#new_dashboard .share .forum_topics div.forum_topic span.topic_stats{
  font-weight: bold;
}

#new_dashboard .share .forum_topics div.forum_topic span.topic_timestamp{
  color: #8c8c8c;
}

/*** Watch Page ***/
#watch .watch-intro {
  margin-bottom: 8px;
  background: #FFF url(/images/watch_instantly_bg.png) no-repeat top left;
  height: 120px;
}

#watch h1 {
  display: inline-block;
  font-size: 40px;
  line-height: 1em;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  background-color: #FFF;
  color: #F02D32;
  padding: 4px 16px 0;
  margin-top: 24px;
}

#watch .watch-intro p {
  display: inline-block;
  background-color: #FFF;
  color: #444;
  font-weight: 200;
}

#watch .watch-intro .lead-in {
  padding: 8px 16px 0;
  font-size: 16px;
  margin-bottom: 0;
}

#watch .watch-intro .last {
  font-size: 14px;
  padding: 4px 16px 8px;
}

#watch div#films .row,
#watch div#films .row .item {
  /* position: static; */
}

#watch div#films .row .item {
  width: 194px;
}

#watch div#films .lastrow {
  margin-bottom: 16px !important;
}

#watch #sort_and_view_options {
  margin-bottom: 2px;
  padding: 4px 16px;
  height: 18px;
}

#watch .sort_options { float: left; }
#watch .sort_options label { float: left; margin: 0px 8px 0 0; line-height: 21px; }
#watch .sort_options select { margin: 0; padding: 0; }

#watch .view_options { float: right; margin-bottom: 0px; line-height: 21px; }
#watch .view_options li { display: inline; margin-left: 2px; text-decoration: underline}
#watch .view_options span { margin-right: 2px; font-weight: bold;}

#watch #filters .chzn-container { margin-right: 5px; float: left; }
#watch #provider { width: 125px; }
#watch #category_id { width: 200px; }
#watch #cast_member_autocomplete_input { width: 210px; margin: 0 16px 0 0; height: 20px;}

#watch #advanced_filters { display: none; }
#watch #advanced_filters .filter_section { float: left; width: 210px; padding: 0 24px; }
#watch #advanced_filters .filter_section input[type=checkbox],
#watch #advanced_filters .filter_section select { margin: 16px 0; }
#watch #advanced_filters .filter_section #language_id { width: 200px; }
#watch #advanced_filters .filter_section #language_id_chzn { margin: 16px 0; }
#watch #advanced_filters .filter_section .slider { margin-bottom: 16px; }
#watch #advanced_filters .filter_section .slider label { margin-bottom: 4px; }
#watch #advanced_filters .filter_section .slider label span { border: 0; color: #f6931f; font-weight: bold; float:right; }
#watch #advanced_filters .filter_section .slider .ui-slider { width: 98%; }

/* Provider Dropdown */
.watch-dropdown-container {
  position: absolute;
  z-index: 10;
  background-color: #f2f2f2;
  border: 1px solid white;
  border-top: none;
  margin-top: 1px;
  width: 192px;
}

.watch-dropdown-container .provider {
  display: block;
  padding: 5px;
  border-top: 1px solid white;
  font-size: 14px;
}

.watch-dropdown-container .provider:hover {
/*  background-color: #ffe8b5;*/
}

.watch-dropdown-container .provider .type {
  text-align: left;
}

.watch-dropdown-container .provider a {
  color: #666666;
}

.watch-dropdown-container .provider.mubi {
  background: url(/images/providers/mubi_logo_square.png) no-repeat 5px 5px;
}

.watch-dropdown-container .provider.netflix {
  background: url(/images/providers/netflix_logo_24.png) no-repeat 5px 5px;
}

.watch-dropdown-container .provider:hover {
  background-color: #299ECC;
}

.watch-dropdown-container .last {
  padding-bottom: 5px !important;
}


.watch-dropdown-container .provider .name {
  color: #FFFFFF;
  font-weight: bold;
}

.watch-dropdown-container .provider .type {
  font-size: 10px;
  display: block;
  color: white;
  line-height: 8px;
}

/* Provider Dropdown / Overlay-specific */
.watch-dropdown-container.watch-dropdown-overlay {
  height: 92%;
  width: 194px;
  top: 0;
  margin: auto;
  margin-left: -12px;
  border: none;
  background-color: #666;
  border-radius: 3px;
  padding: 12px;
}

.watch-dropdown-container.watch-dropdown-overlay .header {
  color: white;
  font-size: 12px;
  font-weight: 200;
  margin-bottom: 8px;
}

.watch-dropdown-container.watch-dropdown-overlay .provider {
  display: block;
  padding-left: 37px;
  min-height: 24px;
  border: none;
  border-top: 1px solid #999;
}

.watch-dropdown-container.watch-dropdown-overlay .provider dl {
  margin-bottom: 0;
}

.watch-dropdown-container.watch-dropdown-overlay .last {
  border-bottom: 1px solid #999;
}

/* Watch Page / Film Overlay */
#watch .item .film_actions { display: none; position: absolute; bottom: 8px; width: 194px; }
#watch .film_actions a { width: 24px; height: 24px; display: block; float: left; }

#watch .film_actions .fan { background: url(/images/icons/watch_sprites.png) no-repeat 0 0; background-size: 72px 48px;}
#watch .film_actions .fan:hover,
#watch .film_actions .fan.active { background: url(/images/icons/watch_sprites.png) no-repeat 0 -24px; background-size: 72px 48px;}
#watch .film_actions .watchlist { background: url(/images/icons/watch_sprites.png) no-repeat -24px 0; background-size: 72px 48px;}
#watch .film_actions .watchlist:hover,
#watch .film_actions .watchlist.active { background: url(/images/icons/watch_sprites.png) no-repeat -24px -24px; background-size: 72px 48px;}
#watch .film_actions .not_interested { background: url(/images/icons/watch_sprites.png) no-repeat -48px 0; float: right; background-size: 72px 48px;}
#watch .film_actions .not_interested:hover,
#watch .film_actions .not_interested.active { background: url(/images/icons/watch_sprites.png) no-repeat -48px -24px; background-size: 72px 48px;}

.edit_cancel     
{
 height:40px;
}

.edit_save
{
 height:40px;
}

.edit_vid     { width:24px;height:24px;
		float:right;
		display:block;
		background-image:url(/img/edit_small.png);
		background-no-repeat:no-repeat;
		background-position: 22px 0px; 
		 }

.edit_vid:hover     { width:25px;height:25px;
		float:right;
		display:block;
		background-image:url(/img/edit.png);
		background-no-repeat:no-repeat;
		background-position: 0px 0px; 
		 }

.del_vid     { width:25px;height:25px;
		float:right;
		display:block;
		background-image:url(http://www.imovies.ge/images/icons/watch_sprites.png);
		background-no-repeat:no-repeat;
		background-position: -48px 0px; 
		 }

.del_vid:hover { width:25px;height:25px;
		float:right;
		display:block;
		background-image:url(http://www.imovies.ge/images/icons/watch_sprites.png);
		background-no-repeat:no-repeat;
		background-position: -48px 24px; 
		 }

.delete_clip { width:25px;height:25px;
		background-image:url(/images/icons/watch_sprites.png);
		background-no-repeat:no-repeat;
		background-position: -48px 0px; 
		float: right; }

.delete_clip:hover, .delete_clip:active { 
    background-image:url(/images/icons/watch_sprites.png);
    background-no-repeat:no-repeat;
    background-position: -48px 24px; 
}

/* Watch Page / Trailer Button Overlay */
#watch .watch_trailer { position: relative; display: block; }
#watch .watch_trailer .overlay { display: block; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
#watch .watch_trailer:hover .overlay { width: 194px; margin: 0 auto; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

/* Watch Page / Trailer Modal Dialog */


/*** qTip Tooltip ***/
.mubi-tooltip.ui-tooltip-shadow { box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.25); -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.25);min-width:380px }
.mubi-tooltip.ui-tooltip .ui-tooltip-tip { 
width: 0px !important;
height: 0px !important;
top: 54px !important;
background-color: transparent !important;
border:0px !important;
border-top: 22px solid transparent !important;
border-bottom: 22px solid transparent !important;
border-right: 22px #e6e6e6 solid !important;

}

.mubi-tooltip.ui-tooltip .ui-tooltip-content h3 {
font-family: "BPGSquareMtavruli", sans-serif;
font-size:13px;
margin-top:10px;
} 

.mubi-tooltip.ui-tooltip .ui-tooltip-tip canvas { 
display:none;
}

.mubi-tooltip.ui-tooltip .ui-tooltip-content p.last {
cursor:default;
}


.mubi-tooltip.ui-tooltip .ui-tooltip-content p.last span:hover {
color:#676767;
}


.mubi-tooltip.ui-tooltip .ui-tooltip-titlebar { font-size: 14px; background-color: #299ecc; border: 0; color: #fff;border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 10px 15px 10px;}
.mubi-tooltip.ui-tooltip .ui-tooltip-title div.film_title { margin-bottom: 4px; text-transform: none; line-height: 16px; text-transform:uppercase}
.mubi-tooltip.ui-tooltip .ui-tooltip-title span { font-size: 12px; margin-right: 8px; font-weight: normal; line-height: 12px;}
.mubi-tooltip.ui-tooltip .ui-tooltip-summary { margin-top: 4px; }
.mubi-tooltip.ui-tooltip .ui-tooltip-content { background-color: #e6e6e6; border: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 15px;}
.mubi-tooltip.ui-tooltip .ui-tooltip-content h3 { font-weight: bold; }
.mubi-tooltip.ui-tooltip .ui-tooltip-content p { margin-bottom: 8px; color: #299ecc;}
.mubi-tooltip.ui-tooltip .ui-tooltip-content p.ui-tooltip-summary { color: #676767;}


/*** Styles for Infinite Scroll Plugin ***/
#infscr-loading {
  text-align: center;
}

/*** Styles for iMinute promotion ***/

#iminute .hasCountdown {
  background-color: #666666;
  color: #ffffff;
  margin-bottom: 16px;
}
#iminute .countdown_rtl {
  direction: rtl;
}
#iminute .countdown_holding span {
  background-color: #ccc;
}
#iminute .countdown_row {
  clear: both;
  width: 100%;
  padding: 0px 2px;
  text-align: center;
}
#iminute .countdown_show1 .countdown_section {
  width: 98%;
}
#iminute .countdown_show2 .countdown_section {
  width: 48%;
}
#iminute .countdown_show3 .countdown_section {
  width: 32.5%;
}
#iminute .countdown_show4 .countdown_section {
  width: 24.5%;
}
#iminute .countdown_show5 .countdown_section {
  width: 19.5%;
}
#iminute .countdown_show6 .countdown_section {
  width: 16.25%;
}
#iminute .countdown_show7 .countdown_section {
  width: 14%;
}
#iminute .countdown_section {
  display: block;
  float: left;
  font-size: 75%;
  text-align: center;
}
#iminute .countdown_amount {
  font-size: 200%;
}
#iminute .countdown_descr {
  display: block;
  width: 100%;
}

#iminute .clock_label{
  width: 404px;
  font-weight: bold;
  font-size: 24px;
  margin: 16px 16px 16px 16px;
}

#iminute .count_container{
  height: 80px;
  margin: 16px 0px 0px 16px;
  float: left;
  overflow: hidden;
}

#iminute .number{
  color: #0faf2d;
  font-size: 80px;
  padding: 24px 0px 0px 0px;
  margin: 0px 8px 0px 0px;
  float: left;
  font-weight: bold;
}

#iminute .label{
  padding: 4px 0px 0px 0px;
  float: left;
  text-transform: uppercase;
  font-family: "BPGSquareMtavruli", sans-serif;
  font-size: 24px;
}

#iminute .message{
  margin: 16px;
  font-size: 36px;
  line-height: 1.4em;
}

#iminute .copy_emphasis{
  color: #0faf2d;
  font-weight: bold;
}

.seasons {
background-color:#efefef;
border:1px solid #999999;
padding-left:4px;
padding-right:4px;
}

/**EMBED TOOLS**/
#embed_customize{
    background:#eeeeee;
    margin: 10px auto;
    border-radius:4px;
    position: relative;
    -moz-box-shadow: 0 1px 1px #ccc;
    -ms-box-shadow: 0 1px 1px #ccc;
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding:10px 20px 5px 7px;
    color: #5E5E5E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    display:none;
}

.embed_input { 
float: left;
font-family: "Arial", "Helvetica", sans-serif;
margin-right: 3px;
padding: 5px;
width: 132px;
height:40px;
}

#embed_customize #close_embed{
    background:url('/images/close_embed.png') no-repeat;
    position: absolute;
    height: 15px;
    right: 7px;
    top: 7px;
    width: 14px;
    cursor: pointer;
}


#smallembed_customize{
    background:#eeeeee;
    margin: 10px auto;
    border-radius:4px;
    position: relative;
    -moz-box-shadow: 0 1px 1px #ccc;
    -ms-box-shadow: 0 1px 1px #ccc;
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding:10px 20px 5px 7px;
    color: #5E5E5E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    display:none;
}

#smallembed_customize #close_smallembed{
    background:url('/images/close_embed.png') no-repeat;
    position: absolute;
    height: 15px;
    right: 7px;
    top: 7px;
    width: 14px;
    cursor: pointer;
}


#smallshare_customize{
    background:#eeeeee;
    margin: 10px auto;
    border-radius:4px;
    position: relative;
    -moz-box-shadow: 0 1px 1px #ccc;
    -ms-box-shadow: 0 1px 1px #ccc;
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding:10px 20px 5px 7px;
    color: #5E5E5E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    display:none;
}

#smallshare_customize #close_smallshare{
    background:url('/images/close_embed.png') no-repeat;
    position: absolute;
    height: 15px;
    right: 7px;
    top: 7px;
    width: 14px;
    cursor: pointer;
}


.share-service-icon {
background-image: url(//s.ytimg.com/yts/imgbin/www-sharing-vflWbNEa1.png);
background-repeat: no-repeat;
width: 32px;
height: 32px;
vertical-align: middle;
}

service-icon-facebook {
background-position: 0 0;
}

.share-service-icon-googleplus {
background-position: 0 -136px;
}

.share-service-icon-twitter {
background-position: 0 -376px;
}

.share-group {
float: left;
}


.share-group li {
float: left;
margin-right: 0px;
}

.share-service-button {
border: none;
background: none;
cursor: pointer;
text-align: left;
height:34px;
}

.share-service-button:hover {
border: none;
background: none;
cursor: pointer;
text-align: left;
}

.share-service-button:focus {
border: none;
background: none;
cursor: pointer;
text-align: left;
}
.share-service-button span {
display: none;
}

.share-panel-services {
margin-top:5px;
}

#cut_customize #close_cut{
    background:url('/images/close_embed.png') no-repeat;
    position: absolute;
    height: 15px;
    right: 7px;
    top: 7px;
    width: 14px;
    cursor: pointer;
}

#embed_customize ul.embed_size{
    float:left;
    width: 332px;
}


#embed_customize .embed_size li{
    border:1px solid #aaa;
    float:left;
    margin: 4px;
    padding: 4px;
}

#embed_customize .embed_size li a{
    display:block;
    text-align: center;
    font-weight: bold;
    color:#313131;
    font-size:11px;
}


#embed_customize .embed_size li:hover{
    border:1px solid #fff;
}

#embed_customize .embed_size li.selected{
    background: none repeat scroll 0 0 #D8E6FB;
    border: 1px solid #A0B3D9;
}

#embed_customize .embed_size li a{
    cursor: pointer;
}


#embed_customize .embed_size li a .share-embed-size-name {
    color: #666666;
    display: block;
    white-space: nowrap;
    padding-bottom:2px;
    float:none;
    margin:0;
    padding-top:0;
}

#embed_customize .embed_size li a  .share-embed-size-box {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #999999;
    display: block;
    padding: 1px;
    margin:0;
    float:none;
}

#embed_customize .embed_size li.wide a .share-embed-size-box{
    height: 42px;
    width: 75px;
}

#embed_customize .embed_size li.small a .share-embed-size-box{
    height: 27px;
    width: 49px;
}

#embed_customize .embed_size li.medium a .share-embed-size-box{
    height: 31px;
    width: 56px;
}

#embed .embed_size li.large a .share-embed-size-box{
    height: 35px;
    width: 64px;
}



#embed_customize .custom_embed{
    border: 1px solid #aaa;
    float: left;
    margin: 19px  4px 0;
    padding: 4px 4px 0;
    font-family: Arial;
    margin-right: 0;
}

#embed_customize .custom_embed .custom_title{
    color: #666666;
    display: block;
    padding-bottom: 2px;
    font-size: 11px;
    white-space: nowrap;
    text-align:center;
    font-weight: bold;
}

#embed_customize .custom_embed label{
    color: #313131;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-right: 7px;
    margin-top: 4px;
    width: 10px;
}

#embed_customize .custom_embed li{
    overflow: hidden;
    margin-bottom: 4px;
}

#embed_customize .custom_embed ul{
    overflow: hidden;
    margin-bottom: 0px;
}

#embed_customize .custom_embed input{
    background: #f6f6f6;
    border: 1px solid #b9b9b9;
    border-top-color: #a4a4a4;
    -moz-box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
    -ms-box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
    -webkit-box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
    box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color:#686868;
    font-size:11px;
    line-height: 18px;
    height:15px;
    width: 42px;
    float:left;
    text-align: center;
    margin-right:0;
    padding:3px;
}

#embed_customize .custom_embed li span{
    display: block;
    float: left;
    color:#6b6b6b;
    font-size:11px;
    margin-left:5px;
    margin-top: 5px;
    padding-top:0;
}

#embed_customize .embed_desc{
    font-family:Sylfaen;
    font-weight: normal;
    color:#797979;
    font-size:11px;
    padding-bottom:4px;
    margin-left: 11px;
}

#embed_customize #additional{
    float: left;
    margin-top: 27px;
    font-weight: normal;
    font-size: 11px;
}

#embed_customize #old_style{
    width:auto;
    float:none;
    padding:0;
    margin:0;
    position: relative;
    top: 3px;
}

li.large a .share-embed-size-box {
height: 35px;
width: 64px;
}





li .check_list {
float: left;
width: 176px;
margin-top: 0px;
}

li .check_list em {
padding-left: 5px;
font-style: normal;
font-weight:normal;
line-height: 22px;
cursor: pointer;
font-size: 11px;
}




#fragment_player {
    -moz-box-shadow: 0 2px 12px #555;
    -ms-box-shadow: 0 2px 12px #555;
    -webkit-box-shadow: 0 2px 12px #555;
    box-shadow: 0 2px 12px #555;

}


#cut1_customize{
    color:black;
    background:#EEE;
    border-radius:0;
}



/**EMBED TOOLS**/
#cut_customize{
    background:#eeeeee;
    margin: 10px auto;
    border-radius:4px;
    position: relative;
    -moz-box-shadow: 0 1px 1px #ccc;
    -ms-box-shadow: 0 1px 1px #ccc;
    -webkit-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    padding:10px 2px 5px 7px;
    color: #5E5E5E;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#submit_cut {
height:40px;
}

#submit_cut_thumb {
height:40px;
}

.cut_input { 
float: left;
font-family: "Arial", "Helvetica", sans-serif;
margin-right: 3px;
padding: 5px;
width: 132px;
height:40px;
}

#cut_customize #close_embed{
    background:url('/images/close_embed.png') no-repeat;
    position: absolute;
    height: 15px;
    right: 7px;
    top: 7px;
    width: 14px;
    cursor: pointer;
}

#cut_customize ul.cut_size{
    float:left;
    width: 332px;
}


#cut_customize .cut_size li{
    border:1px solid #aaa;
    float:left;
    margin: 4px;
    padding: 4px;
}

#cut_customize .cut_size li a{
    display:block;
    text-align: center;
    font-weight: bold;
    color:#313131;
    font-size:11px;
}


#cut_customize .cut_size li:hover{
    border:1px solid #fff;
}

#cut_customize .cut_size li.selected{
    background: none repeat scroll 0 0 #D8E6FB;
    border: 1px solid #A0B3D9;
}

#cut_customize .cut_size li a{
    cursor: pointer;
}

#cut_customize .cut_size li a .share-embed-size-name {
    color: #666666;
    display: block;
    white-space: nowrap;
    padding-bottom:2px;
    float:none;
    margin:0;
    padding-top:0;
}

#cut_customize .cut_size li a  .share-embed-size-box {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #999999;
    display: block;
    padding: 1px;
    margin:0;
    float:none;
}

#cut_customize .cut_size li.wide a .share-embed-size-box{
    height: 42px;
    width: 75px;
}

#cut_customize .cut_size li.small a .share-embed-size-box{
    height: 27px;
    width: 49px;
}

#cut_customize .cut_size li.medium a .share-embed-size-box{
    height: 31px;
    width: 56px;
}

#embed .cut_size li.large a .share-embed-size-box{
    height: 35px;
    width: 64px;
}



#cut_customize .custom_embed{
    border: 1px solid #aaa;
    float: left;
    margin: 19px  4px 0;
    padding: 4px 4px 0;
    font-family: Arial;
    margin-right: 0;
}

#cut_customize .custom_embed .custom_title{
    color: #666666;
    display: block;
    padding-bottom: 2px;
    font-size: 11px;
    white-space: nowrap;
    text-align:center;
    font-weight: bold;
}

#cut_customize .custom_embed label{
    color: #313131;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-right: 7px;
    margin-top: 4px;
    width: 10px;
}

#cut_customize .custom_embed li{
    overflow: hidden;
    margin-bottom: 4px;
}

#cut_customize .custom_embed ul{
    overflow: hidden;
    margin-bottom: 0px;
}

#cut_customize .custom_embed input{
    background: #f6f6f6;
    border: 1px solid #b9b9b9;
    border-top-color: #a4a4a4;
    -moz-box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
    -ms-box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
    -webkit-box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
    box-shadow: 0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,.17);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color:#686868;
    font-size:11px;
    line-height: 18px;
    height:15px;
    width: 42px;
    float:left;
    text-align: center;
    margin-right:0;
    padding:3px;
}

#cut_customize .custom_embed li span{
    display: block;
    float: left;
    color:#6b6b6b;
    font-size:11px;
    margin-left:5px;
    margin-top: 5px;
    padding-top:0;
}

#cut_customize .cut_desc{
    font-family:Sylfaen;
    font-weight: normal;
    color:#797979;
    font-size:11px;
    padding-bottom:4px;
    margin-left: 11px;
}

#cut_customize #additional{
    float: left;
    margin-top: 27px;
    font-weight: normal;
    font-size: 11px;
}

#cut_customize #old_style{
    width:auto;
    float:none;
    padding:0;
    margin:0;
    position: relative;
    top: 3px;
}

li.large a .share-embed-size-box {
height: 35px;
width: 64px;
}

.comments {
color: green;
background: url(/images/comments.png) no-repeat;
background-repeat: no-repeat;
background-position: 0 -92px;
height: 20px;
width: 89px;

}

.comments:hover {
color: red;

}


.playfragment {
background-image:url('/images/buttons/play_fragment.png');
background-color:transparent;
height:35px;
width:35px;
border:0px;
}

.thumbimg {
float:left;
padding:2px;
margin-left:10px;
margin-bottom:10px;
text-align:center;
background-color:white;
border: 1px solid white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0px 1px 0px 0px #cccccc;
-webkit-box-shadow: 0px 1px 0px 0px #CCC;
box-shadow: 0px 1px 0px 0px #CCC;
}

.thumbimg input {
background-color:green;
width:120px;
height:20px;
}

.pausefragment {
background-image:url('/images/buttons/pause_fragment.png');
background-color:transparent;
height:35px;
width:35px;
border:0px;
}

#scenecat {
  font-weight: normal;
  background-color:transparent;
 margin-left:0px;
 margin-right:0px;
  margin-bottom: 8px;
  font-size:15px;
}


#scenecat:hover {
  font-weight: normal;
  color:#f2d22c;
  margin-bottom: 8px;
}


#playlist_arrow_left {
display:block;
float:left;
height:100px !important;;
width:15px !important;
background: url(/images/season-arrows.png) no-repeat;
background-repeat: no-repeat;
background-position: -15px 3px;
}


#playlist_arrow_left:hover {
background: url(/images/season-arrows.png) no-repeat;
background-repeat: no-repeat;
background-position: -1px 3px;
}



#playlist_arrow_right {
display:block;
float:left;
height:100px !important;;
width:15px !important;
background: url(/images/season-arrows.png) no-repeat;
background-repeat: no-repeat;
background-position: -28px 3px;
}


#playlist_arrow_right:hover {
background: url(/images/season-arrows.png) no-repeat;
background-repeat: no-repeat;
background-position: -42px 3px;
}

















div#episodes-list-wrapper {
position: absolute;
float: left;
font-family: 'BPGMrgvlovani', serif;
font-size: 10px;
color: #ffffff;
padding: 0px 0px 0 0;
//-moz-box-shadow: -5px 5px 20px 0 black;
//-webkit-box-shadow: -5px 5px 20px 0 black;
//box-shadow: -5px 5px 20px 0 black;
width:825px !important;
height: 120px;
background: rgba(40, 40, 40, 1) !important;
margin-top:1px;
}


#dock_content {
background-color:transparent;
opacity:0.96;
z-index:1000;
float:right;
position: relative;
}



div#episodes-list-seasons {
padding-left: 0px;
}

div#episodes-list-wrapper {
font-family: 'BPGMrgvlovani', serif;
font-size: 10px;
color: #ffffff;
}

div#close-episodes-list {
float: right;
}

div#choose-season {
float:left;
height: 32px;
width:322px;
margin-left:9px;
margin-top:-0px;
}

div#choose-episode {
padding-top: 0px;
}

div#episodes-list {
width: 825px !important;
height: 70px;
overflow: hidden;
position: relative;
}

div.episodes-list-by-season {
//display: none;
position: relative;
//height: 438px;
}

.scroll-content {
position: absolute;
top: 0;
}

.rightbuttons {
position: absolute;
width: 30px;
z-index: 500;
right: 0px;
top: 50%;
transform: translateY(-50%);
}

.soundtracksbtn {
margin-bottom:10px;
width: 30px;
height: 120px;
background-color: rgba(170,170,170,0.9);
-webkit-box-shadow: -1px 1px 1px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow:    -1px 1px 1px 0px rgba(50, 50, 50, 0.67);
box-shadow:         -1px 1px 1px 0px rgba(50, 50, 50, 0.67);
cursor:pointer;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}

.soundtracksbtn span {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg); /* Mozilla */
-o-transform: rotate(90deg); /* Opera */
-ms-transform: rotate(90deg); /* Internet Explorer */
transform: rotate(90deg); /* CSS3 */
position: absolute;
line-height:8px;
font-size: 17px;
width: 20px;
height: 20px;
margin-top: 16px;
}

.trailersbtn {
width: 30px;
height: 80px;
background-color: #aaa;
background-color: rgba(170,170,170,0.9);
-webkit-box-shadow: -1px 1px 1px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow:    -1px 1px 1px 0px rgba(50, 50, 50, 0.67);
box-shadow:         -1px 1px 1px 0px rgba(50, 50, 50, 0.67);
cursor:pointer;
border-top-left-radius:2px;
border-bottom-left-radius:2px;
}

.trailersbtn span {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg); /* Mozilla */
-o-transform: rotate(90deg); /* Opera */
-ms-transform: rotate(90deg); /* Internet Explorer */
transform: rotate(90deg); /* CSS3 */
position: absolute;
line-height:8px;
font-size: 17px;
width: 20px;
height: 20px;
margin-top: 16px;
}

.trailersdiv {
display: none;
z-index: 7000;
position: absolute;
height: 460px;
width: 825px;
background: #000000;
-moz-box-shadow: 0px 2px 12px #555;
-webkit-box-shadow: 0px 2px 12px #555;
box-shadow: 0px 2px 12px #555;
}

.trailersdiv #trailerplayer {
height: 460px;
width: 825px;
}

.moviebtn, .movie_from_trailers_btn  {
position: absolute;
left: 0px;
top: 175px;
width: 30px;
height: 120px;
z-index: 6000;
background-color: gray;
cursor:pointer;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
background-color: #aaa;
-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow:    1px 1px 1px 0px rgba(50, 50, 50, 0.67);
box-shadow:         1px 1px 1px 0px rgba(50, 50, 50, 0.67);
}


.moviebtn span, .movie_from_trailers_btn  span {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg); /* Mozilla */
-o-transform: rotate(90deg); /* Opera */
-ms-transform: rotate(90deg); /* Internet Explorer */
transform: rotate(90deg); /* CSS3 */
position: absolute;
line-height:8px;
font-size: 17px;
width: 20px;
height: 20px;
margin-top: 36px;
}


div.episode-item {
float:left;
border-color: #353535;
height: 68px;
position: relative;
overflow: hidden;
padding-top: 7px;
color: #fff;
text-shadow: 0 1px 0 #000;
}


div.playing {
border-color: #4f4f4f !important;
background: #454545 !important;
}

div.episode-item:hover {
border-color: #353535;
background: #353535;
}

div.episode-number {
color:#757575;
font-family: Arial, sans-serif;
font-size: 17px;
font-weight: bold;
float: left;
text-align: center;
width: 38px;
line-height: 65px;
}


div.playing>div.episode-number {
color:#fff;
}

div.episode-title {
float: left;
line-height: 19px;
width: 140px;
padding: 10px 6px 0 5px;
}


div#choose-season ul li a {
display: block;
height: 32px;
width: 32px;
color: #fff;
text-decoration: none;
line-height: 32px;
font-family: Arial, sans-serif;
font-weight: bold;
text-align: center;
font-size: 15px;
}

div#choose-season ul li {
float: left;
list-style: none;
height: 32px;
width: 32px;
display: block;
}


div#choose-season li {
margin-right:0px;
//background-color:#2b2b2b;
background-image:url(/images/season.png);
background-repeat: no-repeat;

//kika
}


ul#mobile_lang li, ul#mobile_hd li {
float: left;
list-style: none;
height: 32px;
width: 66px;
margin-right:10px;
display: block;
background-image:url(/images/lang_ipad.png);
background-repeat: no-repeat;
}

ul#mobile_hd li {
width:40px;
background-image:url(/images/season.png) !important;
}

ul#mobile_lang li a, ul#mobile_hd li a {
display: block;
height: 32px;
width: 66px;
color: #fff;
text-decoration: none;
line-height: 32px;
font-family: Arial, sans-serif;
font-weight: bold;
text-align: center;
font-size: 15px;
}

ul#mobile_hd li a {
width: 32px;
font-style:italic;
}


ul#mobile_lang li.selected {
background-image:url(/images/lang_ipad_pressed.png);
background-repeat: no-repeat;
}

ul#mobile_hd li.selected {
background-image:url(/images/season_pressed.png) !important;
background-repeat: no-repeat;
}


ul#mobile_lang li.selected a, ul#mobile_hd li.selected a{
color:green;
}



div#choose-episode h3 {
line-height: 30px;
padding-left:10px;
}

div#episodes-list-wrapper h3 {
float:left;
line-height: 33px;
font-weight: normal;
font-size: 12px;
padding-left:10px;
}

div.episodes-list-season {
width:825px !important;
}



div.episodes-list-season a#prev-episode {
background-image:url(/images/episode_prev.png);
background-repeat: no-repeat;
background-position:10px;
width: 32px;
height: 67px;
float: left;
margin-right: 1px;
}

div.episodes-list-season a#next-episode {
background-image:url(/images/episode_next.png);
background-repeat: no-repeat;
background-position:10px;
width: 32px;
height: 67px;
float: right;
}

div#choose-season a#prev-season {
background-image:url(/images/season_prev.png);
background-repeat: no-repeat;
width: 32px;
height: 32px;
float: left;
margin-right: 1px;
}

div#choose-season a#next-season {
background-image:url(/images/season_next.png);
background-repeat: no-repeat;
width: 32px;
height: 32px;
float: right;
}

div#choose-season div#choose-seasons-slider {
float: left;
height: 32px;
width: 255px;
overflow: hidden;
display: block;
}

.anythingSlider .anythingBase {
background: transparent;
list-style: none;
position: absolute;
overflow: visible !important;
top: 0;
left: 0;
margin: 0;
padding: 0;
}




.anythingSlider {
display: block;
overflow: visible !important;
position: relative;
width: 100% !important;
}

div#close-episodes-list a, div#open-episodes-list a {
color: #fff;
text-decoration: none;
font-size: 10px;
display: block;
}

div#close-episodes-list a span {
width: 28px;
height: 18px;
float: right;
margin: -1px 10px 0 4px;
}


div#close-episodes-list a:hover, div#open-episodes-list a:hover {
color: #f5344e;
}


.anythingSlider .anythingWindow {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}

.anythingSlider .anythingBase {
background: transparent;
list-style: none;
position: absolute;
overflow: visible !important;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.anythingSlider .panel {
background: transparent;
display: block;
overflow: hidden;
background-image: url('/images/playlistbg.png');
float: left;
padding: 0;
margin: 0;
}


.sprite {
background-image:url('/images/playlist-close.png');
background-repeat: no-repeat;
display: block;
font-size: 0;
line-height: 0;
}

.sprite:hover {
background-image:url('/images/playlist-close-hover.png');
}


div#choose-season ul li a:hover {
color:#0e9700;
}


div#choose-season ul li a.selected {
color:#0e9700;
background-image:url(/images/season_pressed.png);
background-repeat: no-repeat;
}


div.episode-item a {
display: block;
height: 100%;
width: 100%;
text-indent: -9999px;
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
}


div.episode-title span.episode-duration {
color: #acacac;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
float: right;
}


div.episode-title span.episode-name {
color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
float: left;
}


div.episode-title span.episode-language {
color: #7c7c7c;
width:200px;
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
float: left;
}


.shotaabutton {
margin:10px;
background-color:#eee;
border-radius:2px;
width:100px;
height:40px;
display:block;
float:left;
}

.shotaabutton a {
padding-top:5px;
display:block;
width:100%;
height:100%;
text-align:center;
}

#vidfiles li {
margin-right:5px;
width:750px;
float:left;
padding:5px;
padding-top:10px;
padding-left:10px;
}

#vidfiles input {
margin-right:5px;
float:left;
}

#vidfiles li span {
width:500px;
display:block;
float:left;

}


.oscarcover {
margin-bottom:20px;
float:left;
width:850px;
height:280px;
background:url('/images/oscar.jpg');
margin-bottom:50px;
}

.bestpicture {
float:left;
width:800px;
}

.bestpicture h2 {
width:856px;
text-align:center;
font-size:18px;
color:#ad934a;
margin-bottom:20px;
}


.bestforeignpicture .movieblock ul li.title a {
line-height: 1em;
display: block;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
padding: 11px 10px 3px 5px;
font-family: "BPGSquareMtavruli", sans-serif;
}

#tabs_animation .movieblock ul li.title a {
line-height: 1em;
display: block;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
padding: 11px 10px 3px 5px;
font-family: "BPGSquareMtavruli", sans-serif;
}

#tabs_documentary .movieblock ul li.title a {
line-height: 1em;
display: block;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
padding: 11px 10px 3px 5px;
font-family: "BPGSquareMtavruli", sans-serif;
}

#tabs_shorts .movieblock ul li.title a {
line-height: 1em;
display: block;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
padding: 11px 10px 3px 5px;
font-family: "BPGSquareMtavruli", sans-serif;
}


.bestpicture .movieblock ul li.title a {
line-height: 1em;
display: block;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
padding: 11px 10px 3px 5px;
font-family: "BPGSquareMtavruli", sans-serif;
}

.nomine .movieblock ul li.actor a {
font-family: "BPGSquareMtavruli", sans-serif;
text-transform: uppercase;
font-size:15px;
color:#ad934a;
}

.nomine .movieblock ul li.title a {
line-height: 1em;
display: block;
font-size: 14px;
font-weight: bold;
padding: 11px 10px 3px 0px;
font-family: "BPGSquareMtavruli", sans-serif;
text-transform: uppercase;
}


.purchasedialog {
 display:none;
 position: absolute;
 width: 525px;
 height: 260px;
 background: #e6e6e6;
 z-index: 5000;
 opacity: 0.9;
 color: black;
 left: 170px;
 top: 80px;
 border-radius: 2px;
}

.purchasedialog span.infotext {
  width: 465px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
  font-size: 15px;
  line-height: 25px;
  font-size: 14px;
  color: black;
  font-family: BPGMrgvlovani;
}

.purchasedialog .btn {
  width: 110px;
  height: 40px;
  background: #0c9c34;
  position: absolute;
  color: white;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  top: 200px;
  border-radius: 2px;
  left: 160px;
  opacity: 1;
  z-index: 6000;
  text-transform: uppercase;  
  font-family: "BPGSquareMtavruli", sans-serif;
}

                                                        
.purchasedialog .nobtn {
  left:290px;
  background: #299ecc;
}

.purchasedialog .gotopaybtn {
  left:180px;
  width:180px;
  background: #299ecc;
}

.purchasedialog .cancelbtn {
  left:290px;
  width:100px;
  background: none;
}

.purchasedialog .okbtn {
  left:200px;
  width:100px;
}



.purchasedialog .cancelbtn a {
color:#299ecc;
font-size:14px;
font-family: BPGMrgvlovani;
}


.purchasedialog .gotopaybtn a {
height:100%;
width:100%;
font-family: "BPGSquareMtavruli", sans-serif;
color:white;
display:block;
}

.purchasedialog a {
color:white;
font-family: "BPGSquareMtavruli", sans-serif;
height:100%;
width:100%;
display:block;
}


.purchasedialog .dialogtitle {
background-color: #777;
padding-left: 18px;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0;
border-radius: 0;
width:515px;
font-family: "BPGSquareMtavruli", sans-serif;
padding-left:10px;
font-size:18px;
color:#fff;
height:40px;
line-height:40px;
}

.purchasedialog .dialogtitle .dialogclose {
position:absolute;
right:10px;
top:12px;
background-image: url(/images/icons/hide_roll.png);
background-position: 0px 0px;
width: 16px;
height: 16px;
cursor:pointer;
}


.dialogloader {
background:url('/images/dialogloader.gif');
width:40px;
height:31px;
margin-left:240px;
margin-top:80px;
}

.loyalty_header {
color:#005a50;
display:block;
width:830px;
font-size:25px;
font-family: BPGMrgvlovani;
font-family: "BPGSquareMtavruli", sans-serif;
margin:15px 0px 15px 0px;
text-align:center;
}

.loyalty_header_text {
color:#009c7c;
display:block;
width:830px;
font-size:14px;
font-family: BPGMrgvlovani;
text-align:center;
margin-bottom:10px;
}


.notificationmethod  {
height:220px;
font-family: "BPGSquareMtavruli", sans-serif;
}

.notificationmethod h4 {
margin-bottom:10px;
}

.notificationmethod span.row {
float:left;
width:380px;
display:block;
margin:5px;
}

.notificationmethod span input {
margin-right:5px;
}

.notificationmethod span.smsstatus {
color:#299ecc;
width:100px;
margin-left:5px;
cursor:pointer;
font-family: Arial, sans-serif;
}

.notificationmethod div.mobnum {
float:left;
padding:10px;
border:1px #d8d8d8 solid;
border-radius:5px;
width:300px;
height:100px;
padding-left:20px;
background-color:#f8f8f8;
margin-left:20px;
}

.notificationmethod div.mobnum span.text {
margin-top:10px;
margin-bottom:10px;
display:block;
width:270px;
}

.notificationmethod div.mobnum input
{
font-size:15px;
font-family:Arial;
}

.notificationmethod div.mobnum input.ccode {
width:30px;
float:left;
height:25px;
text-align:center;
color:#a8a8a8;
border-color:#d8d8d8;
}

.notificationmethod div.mobnum input.phone {
float:left;
width:100px;
height:25px;
outline:none;
border-color:#d8d8d8;
}

.notificationmethod div.mobnum button {
float:left;
height:30px;
}


.notificationmethod .close {
width: 17px;
height: 17px;
cursor: pointer;
float: right;
border-radius: 40px;
background: rgba(0, 0, 0, 0.25) url(/img/icon_close.png) center;
}


.notificationmethod div.mobnum input.code {
width:80px;
float:left;
height:25px;
text-align:center;
border-color:#d8d8d8;
outline:none;
}



.notificationtype  {
height:100px;
font-family: "BPGSquareMtavruli", sans-serif;
}

.notificationtype span.row {
float:left;
width:380px;
display:block;
margin:5px;
}

.notificationtype h4 {
margin-bottom:10px;
}

.notificationtype span input {
margin-right: 5px;
}

.notifications_row  img {
margin-left:3px;
}

.comments_feed .row {
margin:10px;
}

.comments_feed .row .avatar {
float:left;
}

.comments_feed .row .posttext {
float:left;
width:260px;
margin-left:20px;
border:1px #e8e8e8 solid;
border-radius:1px;
min-height:34px;
padding:10px;
background-color:#fafafa;

}


#problem_text {
resize:none;
outline:none;
border-radius:3px;
border:1px #dadada solid;
font-family: 'BPGMrgvlovani', serif;
font-size:11px;
padding:8px 10px;
color: #949494
}

#co-overlay, #report-overlay,  #notification_settings-overlay {
display: none;
background-color: rgba(0,0,0,.8);
position: absolute;
top:0px;
left:0px;
width: 100%;
height: 100%;
z-index: 19999;
}

#co-pop, #report-pop, #notification_settings-pop {
display: none;
position: fixed;
z-index: 19999;
width: 570px;
margin: auto;
right: 0;
left: 0;
top: 25%;
background-color: #fdfdfd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}


#co-pop .co-pop-header, #report-pop .report-pop-header, #notification_settings-pop  .notification_settings-pop-header {
width: 100%;
height: 50px;
line-height: 50px;
border-bottom: 3px solid #0faf2d;
background-image: -moz-linear-gradient(top, #fff, #efefef);
background-image: -ms-linear-gradient(top, #fff, #efefef);
background-image: -o-linear-gradient(top, #fff, #efefef);
background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#efefef));
background-image: -webkit-linear-gradient(top, #fff, #efefef);
background-image: linear-gradient(top, #fff, #efefef);
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
position: relative;
}

#co-pop .co-inner, #report-pop .report-pop-inner, #notification_settings-pop .notification_settings-pop-inner {
width: 544px;
margin: 5px 13px 60px;
}

#co-pop .co-pop-header h3, #report-pop .report-pop-header h3, #notification_settings-pop .notification_settings-pop-header h3 {
font-family: "BPGSquareMtavruli", sans-serif;
font-size: 16px;
text-indent: 13px;
display: inline-block;
text-transform: uppercase;
font-weight: normal;
color: #777;
line-height: 55px;
}

#co-pop button, #report-pop button, #notification_settings-pop  button.main {
position: absolute;
bottom: 15px;
right: 20px;
}

#co-pop .co-pop-header a, #report-pop .report-pop-header a, #notification_settings-pop .notification_settings-pop-header a {
background-image: url(/images/icons/hide_roll.png);
background-position: 0px 0px;
width: 16px;
height: 16px;
position: absolute;
right: 15px;
top: 17px;
}
}

#co-pop .co-pop-inner p, #report-pop .report-pop-inner p, #notification_settings-pop .notification_settings-pop-inner p{
margin-top: 8px;
}

#report-pop .report-pop-inner .b-core-ui-select {
width: 100% !important;
height: 31px !important;
border: 1px solid #dadada !important;
background-color: #f8f8f8 !important;
}

#report-pop .report-pop-inner .b-core-ui-select__dropdown {
width: 544px !important;
border: 1px solid #dadada !important;
border-top: 0 !important;
}

.b-core-ui-select__dropdown {
display: none;
position: absolute;
top: 0;
font-size: 11px !important;
color: #a9a9a9 !important;
font-weight: normal !important;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
background-color: #ffffff !important;
background-image: none;
width: 75px !important;
border: 1px solid #c8c8c8;
border-top: 0 none;
}

.b-core-ui-select__select_state_hide {
height: 1px !important;
margin: 0;
padding: 0;
position: absolute;
width: 1px !important;
text-indent: -9999px;
overflow: hidden;
opacity: 0;
z-index: -1;
filter: alpha(opacity = 0);
}


#report-pop .report-pop-inner .b-core-ui-select .b-core-ui-select__value {
height: 31px !important;
line-height: 35px !important;
left: 10px !important;
font-family: 'BPGMrgvlovani', serif;
}

#report-pop .report-pop-inner .b-core-ui-select .b-core-ui-select__button {
position: absolute !important;
width: 33px !important;
height: 31px !important;
}

.b-core-ui-select__button {
border: 0 none!important;
top: 0!important;
right: 0 !important;
display: inline-block !important;
margin: 0 !important;
width: 24px !important;
height: 24px !important;
border-radius: 0 3px 3px 0;
border-left: 1px solid #d1d1d1 !important;
background-color: #fff;
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -ms-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(top, #ffffff, #f7f7f7);
position: relative !important;
}

#notification_settings-pop div.methods {
width:auto;
margin:0 auto;
margin-top:20px;
}

#notification_settings-pop span.row {
display:block;
margin-bottom:10px;
}

#notification_settings-pop span.row img {
width:28px;

}

#notification_settings-pop span.row span {
display:block;
float:left;
height:30px;
line-height:30px;
margin-left:10px;
}

#notification_settings-pop span.row span.status {
color: #299ecc;
font-size: 12px;
cursor: pointer;
}

#notification_settings-pop .mobdiv  {
float:left;
}


#notification_settings-pop .mobdiv input {
margin-left:5px;
border: 1px #d8d8d8 solid;
border-radius: 3px;
line-height: 20px;
height: 22px;
font-size: 13px;
outline: none;
float:left;
}

#notification_settings-pop .mobdiv input#number {
width:160px;
}

#notification_settings-pop .mobdiv input#ccode {
width:50px;
float:left;
text-align:center;
color:#a8a8a8;
}

#notification_settings-pop .mobdiv button#getcodesms {
float:left;
margin:0px;
height:27px;	
}

#notification_settings-pop .mobdiv button#validatesms {
float:left;
margin:0px;
height:27px;	
}

#notification_settings-pop .mobdiv input#code {
width:140px;
}


#notification_settings-pop .mobdiv a.cancel {
float:left;
margin-left:7px;
line-height:40px;
font-size:12px;
}


.grayscale {
-webkit-filter: grayscale(100%);
filter: gray; 
-webkit-transform: translateZ(0); 
}

.mobdivspinner {
background:url('/images/spinner.gif');
background-size:25px 25px;
width:25px;
height:25px !important;
display:none;
margin-left:5px;
}

.chromespinner {
background:url('/images/spinner.gif');
background-size:25px 25px;
width:25px;
height:25px !important;
display:none;
margin-left:5px;
float:left;
}

.emailspinner {
background:url('/images/spinner.gif');
background-size:25px 25px;
width:25px;
height:25px !important;
display:none;
margin-left:5px;
float:left;
}


.userbox .circles_cont {
float: right;
width: 103px;
height: 50px;
margin-top: 20px;
}


.userbox .circles {
position:relative;
margin: 0 auto;
}

.userbox .mycircle {
width: 50px;
height: 50px;
background: rgba(00,155,00,0.5);
border: 1px #0faf2d solid;
border-radius: 50px;
display: block;
position: absolute;
left: 0;
}


.dropdown .unknowncircle:after {
content: "?";
line-height: 16px;
font-size: 14px;
color: green;
}



.userbox .usercircle {
width: 50px;
height: 50px;
background: rgba(00,155,00,0.5);
border: 1px #0faf2d solid;
border-radius: 50px;
display: block;
position: absolute;
right: 0;
}

.userbox .unknowncircle:after {
content: "?";
line-height: 50px;
font-size: 30px;
color: green;
}

.userbox .unknowncircle {
width: 50px;
height: 50px;
background: rgba(00,155,00,0.5);
border:1px #0faf2d solid;
border-radius: 50px;
display: block;
position: absolute;
left: 0;
text-align:center;
}

.sendFollow {
width:100%;
float:left;
}

.sliderate {
margin-top: -245px;
margin-left: 200px;
margin-bottom:75px;
width: 400px;
height: 170px;
top: 476px;
left: 225px;
background: #e8e8e8;
border-radius:4px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.sliderate .ratetext {
float:left;
height: 20px;
width:100%;
text-align:center;
text-transform: uppercase;
margin:20px 0px 0px 0px;
font-size: 18px;
font-weight: bold;
font-family: "BPGSquareMtavruli", sans-serif;

}

.sliderate .star_rating {
display:none;
margin: 0 auto;
width: 160px;
height:80px;
margin-top:0px;
padding:0px;
z-index:0;
}



.sliderate .rating-trash {
width: 170px;
height: 35px;
float:left;
margin-left: 115px;
margin-top: 20px;
line-height: 35px;
text-align: center;
background:#909090;
color: white;
border-radius: 4px;
font-family: "BPGSquareMtavruli", sans-serif;
cursor:pointer;
}

.sliderate .rating-trash:hover {
background:#bf0937;
}

.trash {
position:relative !important;
float: left;
width: 24px;
height:30px;
margin:3px 10px 0px 0px;
background:url('/images/trash.svg');
background-size:50px 50px;
background-position:-25px -10px;
cursor:pointer;
}

.trash:hover {
background:url('/images/trash.svg') !important;
background-size:50px 50px !important;
background-position:-1px -10px !important;
}

.trash.active {
background:url('/images/trash.svg') !important;
background-size:50px 50px !important;
background-position:-1px -10px !important;
}