/* DEFAULT RESETS -----------------------------  */
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;  
  vertical-align: baseline; background: transparent;
}
body { line-height: 1.2; font-size: 0.8em; } /* to 13px */
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0;}
a img { border: 0px;}

/* SITE WIDE STYLES ----------------------------------- */
* { font-family: Verdana, sans-serif; }
/* body background: url(/images/body_grad.png) repeat-x left bottom  */
body { background-color:#FFFFFF; width: 100%; min-height: 800px; padding-bottom: 30px;}
body * {color: #313131; }
a { color: #0F78C2; }
h1, h2, h3, h4 { color: #626262; padding-bottom: 0.1em;}
h1 {font-size: 1.6em;} /* ~20px */ 
h2 {font-size: 1.25em;} /* 16px */
h3 {font-size: 1.15em;} 
h4 {font-size: 0.9em;}
h6 { color: #616161; font-size: 0.9em; font-weight: normal; margin-bottom: 5px;}
p {margin-bottom: 1.2em;}
form {display: inline;}
label {cursor: pointer;}
dl { margin-bottom: 6px; font-size: .93em;}
dt { float: left; font-weight: bold; }
dd { margin-bottom: 3px;  margin-left: 80px;}
big { font-size: 1.2em;}
small { font-size:0.8em;}
hr { color: #616161; background-color: #CCC; height: 1px; width: 100%; border: 0px; margin: 25px 0px;}
 
a.x_close{ background: transparent url(/images/x_close.png) no-repeat scroll 0 0; 
  height: 7px; width: 7px; float:right; overflow: hidden; text-indent:-10em; margin-right: -110px;}
.unbold { font-weight: normal;}
.clearfix { zoom: 1; } 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.hidden {display: none;} 
.left {float:left;}
.right { float:right;}
.thumbnail { margin-right: 15px; border: solid 1px #CCC;} 
.pagination { margin: 15px 0px; text-align: center;}
.pagination * { border:1px solid #A8A8A8; color:#818181; font-size:1.1em; padding:3px; text-decoration: none;} 
.pagination .disabled { border:1px solid #CCC; color:#CCC; }
.pagination .current { background:#A8A8A8 none repeat scroll 0 0; color:#000000; font-weight:bold;}
.narrow { width: 260px; } 
.wide { width: 650px;} 

.box { -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-top: 10px; padding: 10px 10px 20px 10px;
  background: white url(/images/box_fade.png) bottom repeat-x; border: solid 1px #CCC; 
}
      
.overlay { position: fixed; z-index: 10000; top: 0px; left: 0px; height: 100%; width: 100%;
  background-color :#000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; text-align: center;
}  
.overlay_box { position: relative; top: 20px; left: 20px; padding: 25px; z-index: 10001; 
  background-color: white; -webkit-border-radius: 15px; -moz-border-radius: 15px;}  

/* SITE WIDE CONTAINER DEFAULTS */
#container { background:#FFFFFF url(/images/home_bg.png) repeat-x scroll left top;
margin: 0px auto; width:980px;  }

#header { 
  font-size: 13px; /* Static font size for the header */ 
  background: url(/images/banner_bg.png) left top repeat-x; height: 54px; 
  padding: 10px 5px 6px 10px;
}
  #header a.logo { float:left; margin-right: 15px; margin-left: 15px;}
  #header ul { float:right; margin: 0px 10px 12px 0px; }
  #header ul li {float: left; border-left: 2px solid #626262; padding: 0px 5px 0px 6px;}
  #header ul li.first { border-left: 0px;}
  #header ul#auth_header a { color: white; text-decoration: none;}
  #header ul#auth_header a:hover { text-decoration: underline;}
  #header ul#top_nav { margin-right: 3px;}
  #header ul#top_nav a { color: #A7A7A7; text-decoration: none; font-weight: bold; }
  #header ul#top_nav a:hover { color: #e3e3e3; }
  #header ul#top_nav li { padding: 0px 12px;}
  
  #header form#search { float:left; width: 310px; }
  #header form#search label { color: white; font-weight: bold; font-size: 0.9em;}
  #header form#search input { float: left; margin-top: 6px; margin-right: 10px; }
  
  #header #feedback { clear: both; float:right; margin-top: -32px; margin-right: 30px;}
  #header a#feedback_link { 
    background:transparent url(/images/feedback_please.png) no-repeat scroll 0px 0px; 
    float:right; height: 35px; text-indent: -9999em; width: 136px; 
  } 
  #header #feedback h1{ padding-bottom: 10px;}

/* header movie search (autocomplete) */
/*#header div.autocomplete { z-index: 1000000; position: absolute;  width: 400px; border: 1px solid #aeaeae; background: #fff; }
#header div.autocomplete ul { }
#header div.autocomplete ul li { padding: 9px; margin: 0; font-size: 1.20em; border: 0; width: 95%; cursor: pointer; }
#header div.autocomplete ul li.selected { background-color: #ffb; }*/

#content {margin: 25px 15px; min-height: 500px; }

#footer { margin: 20px 30px 0px 30px; padding: 0px 0px 0px 0px; text-align:center; }
#footer * { font-size: 12px; color: #777; }
#footer { clear:both; zoom: 1; height: 30px; vertical-align: bottom; }
#footer li { display:inline; border-left: 1px solid #dedede; padding: 0px 10px; }
#footer li.first { border-left: 0px;}

#uber_footer { width:900px; margin: 0px auto; min-height: 40px; }
#uber_footer * { color: #777; font-size: 12px; }
#uber_footer { margin-top: 0px;}  
#uber_footer li { display:inline; padding: 0px 10px; }   
#uber_footer img { margin-bottom: -18px; position: relative; } 

#feedback .overlay_box { left: 0px; top: 35px;}

#flash { -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #ffc; border: 1px solid #e3b93b; padding: 5px 10px; }
#flash.error, .error, .errorExplanation, .warning { background-color: #fcc; color: #930;  border: 1px solid #930; padding: 10px 10px 15px; } 
.errorExplanation { -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px 10px 15px; margin: 10px 0px;}
.errorExplanation * { color: #930; font-size: 0.9em;} 

/* BUTTONS ----- */
input[type='submit'], button, a.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; 
  padding: 2px 10px; font-size: 1em; font-weight: bold; 
  background: white url(/images/submit_back.png) repeat-x 0px 0px; color: #313131;
  border: 1px solid #999; border-bottom: 1px solid #626262; border-right: 1px solid #626262;
  cursor:pointer; text-decoration: none;}
#header input[type='submit'] { border: 0px; font-size: 0.9em; padding: 3px 10px;}
.button.blue input[type='submit'] { background: transparent url(/images/submit_blue.png) repeat-x 0px -5px; 
  color: #313131;
} 
#header #feedback input[type='submit'] { border: 1px solid #616161;}  

  


/* Users styling */
.users td, .sessions td { padding: 10px; }
.users label, .sessions label { font-weight: bold; color: #616161;} 
.users form input, .sessions form input { border:1px solid #A7A6AA; padding:3px;}
.users form input[type=submit], .sessions form input[type=submit] { padding: 3px 10px;}
.users label.terms, .sessions label.terms { font-weight: normal;} 

.users.edit h1 { font-size: 1.5em; margin-bottom: 24px;}
.users.edit .left { margin-right: 50px;}
.users.edit #deactivation_form h2 { margin-top: 25px;}
.users.edit label[for=reason] { padding-bottom: 10px; float: left;}

/* sessions */
.sessions h1 { margin-bottom: 18px; }
.sessions .info { margin-bottom: 18px; font-size: 1.10em;}

/* popups for change password, deacivate account */
#facebox .body h2 { margin-bottom: 9px; }
#facebox .body td { padding: 5px 10px; }
#facebox .body label { font-weight: bold; color: #616161;} 
#facebox .body form input { border:1px solid #A7A6AA; padding:3px;}
#facebox .body form input[type=submit] { padding: 2px 10px;}
#facebox .body label.terms { font-weight: normal;} 

/* settings queue etc */
  /* narrow user settings box */ 
.left.user_settings, .users.edit .left.user_settings { width: 265px; margin-right: 0px; } 
.users.edit .left.user_settings { margin-top: 15px;}
.left.user_settings .greetings { padding: 10px 5px;}
.left.user_settings .greetings h2 { font-size: 1.1em; }
.left.user_settings .greetings a { color: #616161;}
.left.user_settings h4 { margin: 25px 0px 4px 0px; font-size: 1.05em;}
.left.user_settings h4 a { font-weight: normal; padding-left: 10px;}
.left.user_settings p { font-size: 0.9em;}
.left.user_settings p a { font-size: 1em; color: #414141;}
.left.user_settings p a.blue { color: #0F78C2;}

/* wider central queue/details box */
.user .wide { margin-top: 52px;}
.user .wide .tabbed { padding: 20px;}
.user .wide .tabs li { background: white url(/images/box_fade.png) bottom repeat-x; }
.user .wide .tabs li.current { background: #3D96F5 none;}
.user .wide h1 { 
  border-bottom:2px solid #DDDDDD; font-size:1.5em; font-weight:normal;
  margin-bottom:12px; padding-bottom:4px; 
} 
.user .wide h1 small { color: #616161; padding-left: 15px; }
.user .wide h3 a { font-size:1.1em; font-weight:normal; color: #616161;}
.user .wide th { color: #616161; text-align: left; font-size: .9em; min-width: 70px; }
.user .wide th.status { min-width: 200px; }
.user .wide td, .queue .wide th { padding: 2px 30px 2px 0px;}
.user .wide td.title { width: 360px; }
.user .wide tr.hr th { height: 10px; padding: 0px; }
.user .wide tr hr { padding: 0px; margin: 10px 0px; }   

/* drag and drop stuff */
ul.drop li.drag { padding: 5px 1px 1px 41px; margin: 2px 10px; min-height: 25px; vertical-align: middle; }
ul.drop li.box.drag { padding: 4px 0px 0px 40px;}
ul.drop li.drag:hover { padding: 4px 0px 0px 40px; background: #EFEFEF url(/images/drag_drop.png) no-repeat 10px; border:1px solid #818181;}
ul.drop li.drag input[readonly=''] { color: #999; border: 0px solid #CCC; background-color: transparent; padding-left: 5px; width: 21px; }
ul.drop li.drag h3 { float:left; }
ul.drop li.drag span.delete { float:right; margin-right: 20px; margin-top: 4px;}

div.list_header * { font-weight: bold; color: #616161; font-size: 0.9em; }
div.list_header, li.drag { margin-bottom: 6px; } 
div.list_header.inset span.position {  padding-left: 50px; }
span.position { display: block; float: left; width: 100px; }

.local_queue span.button { float: right; margin-right: 20px;} 
.local_queue h3 { margin-bottom: 10px; font-size: 1.15em;}
.user .wide .local_queue h3 a { font-size: 1em; font-weight: bold;}
    

/* MOVIE LIST VIEWS    */
/* -----------------   */ 

/* general for all movies */ 
h1 b { color: #626262; }
.results { padding: 0px; margin-top: -10px; }
.list_view { padding: 10px; }
.list_view .left{ min-height: 170px; min-width: 112px; width: 122px; overflow:hidden; padding-left: 10px;} 
.list_view .info, .movie_header .info { float: left; width: 650px; margin-bottom: 6px;}  
.list_view .info a { color: #313131; }
.list_view .info h2 { margin-bottom: 6px; }  
.list_view .close { float: right; }
.list_view .close a { text-decoration: none; color: #666; font-weight: bold;}
.list_view img.thumbnail { margin-right: 10px;}
.movie_navigation li { display: inline; padding: 0px 3px; border-left: solid 1px #A7A6AA;}
.movie_navigation li.first { border-left: 0px; }
.movie_nav_link input[type=submit] { background: transparent none; border: 0px; padding: 0px;
  font-weight: normal; text-decoration: underline; color: #0F78C2;  } 
@-moz-document url-prefix() {
  .movie_nav_link input[type=submit] { text-decoration: underline; border-bottom: 1px solid #0F78C2; height: 16px; }  
} /* Only FireFox 3 to fix the no underline problem with input/submits acting like links */  
.movie_header { padding-top: 10px;}
.movie_header .title { margin-bottom: 6px; }
.movie_header .title ul { padding-top: 4px; float:right;} 
.movie_header .title h2 { float:left; padding-right: 25px; margin-bottom: 0px; color: #313131; max-width: 460px; }
.movie_header .spacer { width:80px; height: 90px; float: left;}
.movie_header .info { width: 860px; }
.movie_header dl { margin-bottom: 6px;} 
.tabbed { -webkit-border-radius: 3px; -moz-border-radius: 3px; 
  margin: 0px 0px 10px 0px; padding: 10px; padding-bottom: 20px; 
  border: 1px solid #AAA;  
  position: relative; top:-30px;
}
.tabbed h2, .tabbed h1 { margin-bottom: 6px;}
.tabbed h1 { font-size: 1.3em;}        
.tabs { position: relative; top:-30px; }
.tabs ul { float: right; margin-right: 10px;}
.tabs li { 
  float: left; padding: 10px 12px; font-size: 1.25em; 
  border: 1px solid #AAA; border-bottom: 0px solid white; margin-left: 15px;  
}
.tabs li a { color: #313131; text-decoration: none; }
.tabs li.current { background-color: #3D96F5; }
.tabs li.current a { color: #FFFFFF; } 
.sleeper  { text-indent: -9999em; background: transparent url(/images/sleeper.png) no-repeat; width: 86px; height: 24px; }
.favorite { text-indent: -9999em; background: transparent url(/images/favorite.png) no-repeat; width: 106px; height: 24px; }
.clerks_pick { float:right; background: transparent url(/images/clerks_pick.png) no-repeat; width: 106px; height: 106px; margin: -10px -10px 0 0;}

/* dna formatting */
body .dna { margin-left: 25px; margin-top: 10px; }
.dna_bar { float:left; width: 253px; height: 22px; margin-right: 30px; 
  background: transparent url(/images/dna_bar_empty.png) no-repeat;}
.score_bar { background: transparent url(/images/dna_bar_full.png) no-repeat; float:left; }
.bar_size_11 { width: 99%;}
.bar_size_10 { width: 90%; }
.bar_size_9 { width: 81%;}
.bar_size_8 { width: 72%;}
.bar_size_7 { width: 63%;}
.bar_size_6 { width: 54%;}
.bar_size_5 { width: 45%;}
.bar_size_4 { width: 36%;}
.bar_size_3 { width: 27%;}
.bar_size_2 { width: 18%;}
.bar_size_1 { width: 9%;}
.bar_size_0 { width: 0%;}
.bar_offset_11, .bar_marker_11 { margin-left: 99%; }
.bar_offset_10, .bar_marker_10 { margin-left: 90%; }
.bar_offset_9, .bar_marker_9 { margin-left: 81%;}
.bar_offset_8, .bar_marker_8 { margin-left: 72%;}
.bar_offset_7, .bar_marker_7 { margin-left: 63%;}
.bar_offset_6, .bar_marker_6 { margin-left: 54%;}
.bar_offset_5, .bar_marker_5 { margin-left: 45%;}
.bar_offset_4, .bar_marker_4 { margin-left: 36%;}
.bar_offset_3, .bar_marker_3 { margin-left: 27%;}
.bar_offset_2, .bar_marker_2 { margin-left: 18%;}
.bar_offset_1, .bar_marker_1 { margin-left: 9%;}
.bar_offset_0, .bar_marker_0 { margin-left: 0%;}


/* 
	the bar handle needs to be offset a bit from the order, marker.
*/
.bar_handle_11 { margin-left: 90%;}
.bar_handle_10 { margin-left: 81%; }
.bar_handle_9 { margin-left: 72%;}
.bar_handle_8 { margin-left: 63%;}
.bar_handle_7 { margin-left: 54%;}
.bar_handle_6 { margin-left: 45%;}
.bar_handle_5 { margin-left: 36%;}
.bar_handle_4 { margin-left: 27%;}
.bar_handle_3 { margin-left: 18%;}
.bar_handle_2 { margin-left: 9%;}
.bar_handle_1 { margin-left: 0%;}
.bar_handle_0 { margin-left: -9%;}


  /* body has to be declared below because there is a controller named dna too, so that has a body.dna object */
body .dna p { font-weight: bold; color: #616161;}
body .dna p.score { text-align: right; margin-right: 10px; color: #515151; padding-top: 1px;}


/* sliders */
.simple_slider {  background:transparent url(/images/slider_empty.png) no-repeat; width: 215px; padding-left: 13px; padding-right:20px; margin-bottom: 10px; float: left;}
.simple_slider_deactive { opacity: 0.5; }
.simple_slider input.value { float: left; margin-left: -30px; margin-top: 5px; width: 15px; padding:0px;}
.simple_slider input[type=submit] { margin-top: 8px; margin-left: 33px; float: left;}

.slider { background:transparent url(/images/slider_empty.png) no-repeat;
  height:32px; width:215px; padding-left:13px; padding-right:20px; margin-bottom: 10px;
} 

/*.slider_containment { width: 150px; float: left;}*/
.slider_containment { width: 167px; float: left;}
.slider_bar { background: transparent url(/images/slider_full.png) no-repeat -20px -1px; height: 32px; }
.slider_input { margin-top: 6px;}
.slider p, .simple_slider p { color: #414141; font-size: 1.1em; font-weight: bold; padding-top: 8px; width: 180px; z-index: 20;}
.slider_containment .slider_handle { background: transparent url(/images/handle.png) no-repeat; height: 39px; width: 29px; overflow: hidden; margin-top: -29px; z-index: 22; }
.slider_containment .marker { background:transparent url(/images/marker.png) no-repeat; height:28px; margin-top:-31px; width:4px; z-index: 21; }

.sliders .traits-select { display: none; }
.sliders .values-select { float: left; font-size: 0.8em; width: 45px;}

/* the remove link on the movie slider, the .movieslider_remove link gets add in javascript to differentiate 
   between non-javascript and javascript controls */ 
.sliders .remove { float: left; margin-top: 2px; border: 0; text-indent: -99999px; background:transparent url(/images/remove.png) no-repeat; width: 14px; height: 14px; padding: 0; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;}
.sliders .movieslider_remove { margin-top: 9px; margin-left: 30px;}

/* the active/deactivate control on the supermatch, .movieslider_deactivate gets added in javavascript to differentiate
   between non-javascript and javascript controls */
.sliders .active, .sliders .deactive { float: left; margin-top: 2px; border: 0; text-indent: -99999px; width: 14px; height: 14px; padding: 0; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;}
.sliders .deactive 	{ background:transparent url(/images/remove.png) no-repeat; display:none;}
.sliders .active 		{ background:transparent url(/images/add.png) no-repeat; }
.sliders .movieslider_deactivate { margin-top: -34px; margin-left: 195px; position: absolute; z-index: 22;}


.add_attribute { float: left; width: 228px; margin-bottom: 9px; }
.add_attribute .add { float: right; margin-top: 2px; border: 0; text-indent: -99999px; background:transparent url(/images/add.png) no-repeat; width: 14px; height: 14px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; }

/*.marker { margin-top: -32px; z-index: 10000; }*/
.slider .menu, .simple_slider .menu { position:absolute; z-index: 25; margin-top: 6px; }
.slider .menu span, .simple_slider .menu span { position: absolute; width: 146px; font-weight: bold; z-index: 26;}
.slider .menu a, .simple_slider .menu a { position:absolute; height: 10px; width: 10px; margin-top: 6px; background: transparent url(/images/menu_drop_down.png) no-repeat; left: 146px; z-index: 27; display:none;}

/* slider popup menu */
#root-menu-div { z-index: 25; }
#root-menu-div ul { background: #fff; list-style: none; margin: 0; padding: 0; border: 1px solid #000; }
#root-menu-div li { white-space:nowrap; }
#root-menu-div .menu-ul li { padding: 2px 6px; cursor: pointer; }
#root-menu-div .menu-ul li.active { background: #efefef; }
#root-menu-div .menu-ul li.selected { font-weight: bold; }
 
#controls span.button { float:right; margin-top: -20px; margin-bottom: 6px;}

/*.slider .menu	.active .drop-down-trigger {
		background: url(/images/clerkfu/icon-close.gif) right top no-repeat;
	} */

/* index/search action */
.search .list_view, .index .list_view { width: 457px; float: left; margin-right: 10px; overflow: hidden; padding-left: 0px;}
.search .list_view.no_pad, .index .list_view.no_pad { margin-right: 0px;} 
.search .list_view .info, .index .list_view .info { width: 315px; min-height: 190px;} 
.search .list_view .movie_navigation, .index .list_view .movie_navigation { margin-left: 10px; }
.search .list_view .movie_navigation li { font-size: 0.95em; }    

/* show action */ 
.show .box h1 { border-bottom:2px solid #DDDDDD; font-weight:normal; margin-bottom: 12px; font-size: 1.5em; padding-bottom: 4px;}
.show .box p, .show .box li, .show .box dl * { font-size: 1.1em; }
.show .box h3 {font-size: 1.15em; color: #414141; margin-top: 10px;}
.show .box h4 {font-size: 1em; color: #414141; margin-top: 5px;}
.show .narrow { width: 375px; } 
.show .wide { width: 543px;}
.show a.right { margin-right: 10px; font-size: 0.9em;}
.show .rating { float:right; margin-right:5px; margin-top:-33px;}
.show .movie_header dl { margin-bottom: 6px; }
.show .movie_header dd { margin-left: 80px} 
.show dl { margin-bottom: 12px;} 
.show dd { margin-left: 90px;}

.show .shortcuts { margin-bottom: 15px; margin-left: 3px;}
.show .shortcuts li { display: inline; padding: 0 15px 0 0; }
.show .shortcuts li a { color: #313131; }
.show .matches { float:left; width: 450px; }
.show .matches li { clear:right; margin-bottom: 6px;}
.show .matches li a { display:block; float: left; width: 240px; margin-right: 15px; 
  font-weight: bold; color: #414141; font-size: 0.9em;}
.show #awards h4 { margin-left: 12px;}
.show #awards li { margin-left: 12px; margin-bottom: 6px;}  
  
/* compare */
.movies_compare .left, .movies_compare .right { width: 468px; padding-top: 15px; padding-bottom: 75px; }
.compared .thumbnail { float: left; margin-left: 25px; }
.compared .dna_set { width: 260px; margin-bottom: 25px; float: left; }
.compared .left { border-right: solid 1px #A7A6AA; }
.compared dl { width: 430px; margin-left: 25px;}
.compared p.sleep, .compared p.favorite { margin-left: 25px; }
.compared .dna p { margin-left: 10px;}
.compared h1 { margin-left: 120px; font-size: 1.4em;}
.movies_compare .header { text-align: center; margin: 30px 0px; } 
.movies_compare .header h2 { font-size: 1.35em;} 
.movies_compare .header h2 a { color: #414141;}
.movies_compare .header h2.left { 
  width: 350px; text-align: right; display: inline; padding: 0px; margin: 0px; 
  padding-left: 40px; } 
.movies_compare .header h2.center { 
  width: 170px; float: left; margin: 0px; padding: 0px; }
.movies_compare .header h2.right { 
  width: 350px; text-align: left; display: inline; padding: 0px; margin: 0px; 
  padding-right: 40px; } 
.movies_compare .header #compare-form { padding-left: 100px;}  

#compare-form input[type=text] { margin-right: 10px; margin-bottom: 18px; width: 250px; }
  
/* dna */
body.dna .dna_bar { margin-left: 50px; } 

/* general mash_it/supermatch */  
.mash_it .narrow, .supermatch .narrow { width: 230px; }
.mash_it .wide, .supermatch .wide { width: 650px;}
.mash_it p.warning, .supermatch p.warning { background-color: transparent; border: 0px; padding: 0px; color: #C33;}
.mash_it #controls, .supermatch #controls { margin-top: 0px; }
.mash_it #controls input[type=submit], .supermatch #controls input[type=submit] { font-size: 0.9em; }
.mash_it #controls .ending_controls { margin-bottom: 15px;  padding-bottom: 15px; border-bottom: solid 1px #DEDEDE;}
.mash_it #controls .button, .supermatch #controls .button { font-weight: normal; padding: 5px 10px; margin-top: 10px; display: block; width: 95px;}
.mash_it #controls .button.non-js { width: auto; margin-left: 0px; }

.mash_it .header .errors { margin-bottom: 9px; }
.mash_it .header .errors li { color: #c33; padding: 2px; }
.add_attribute {  margin-left: 28px; margin-top: 5px;}

#more_info { display: none; }

/* popup */
.movie-popup { position: absolute; }

/* tag clouds */
.tag_cloud { width: 170px; padding: 5px; margin: 10px 4px; }
.tag_cloud h2 { border-bottom:2px solid #DDDDDD; font-weight:normal; margin-bottom: 6px; font-size: 1.25em; padding-bottom: 4px; text-align: center;}
.tag_cloud .tags { text-align: center; line-height: 18px;}
.tag_cloud input[type=submit] { background: transparent none; border: 0px; padding: 0px;
  font-weight: normal; color: #0F78C2; text-decoration: underline; } 
@-moz-document url-prefix() {
  .tag_cloud .tags input[type=submit] { border-bottom: 1px solid #0F78C2; }  
} /* Only FireFox 3 to fix the no underline problem with input/submits acting like links */  
.tag_cloud .tags.back input[type=submit] { color: #616161; border-bottom: 1px solid #616161; margin-bottom: 10px; text-decoration: none; }

/* mash_it */ 
.mash_it .box.spinner { width: 445px; text-align: center; padding-top: 25px;}

.mash_it #results { margin-bottom: 25px; }
.mash_it #results ul a.click_up, .mash_it #results ul a.show_details { display: block; width:445px; color:#616161; font-size:1.2em; margin:2px; padding:4px 10px; text-decoration:none;}
.mash_it #results ul a.click_up:hover, .mash_it #results ul a.show_details:hover { border: solid 1px #818181; background-color: #EFEFEF; padding: 3px 9px;}
.mash_it .clerks_pick_box { float:left; }
.mash_it .clerks_pick_box li.list_view .info { width: 220px; } 
.mash_it ul.result_list { width: 450px;}
.mash_it ul.li { float: left; }
.mash_it li.list_view { width: 445px; height: auto; margin-bottom: 20px; float: left; }
.mash_it li.list_view .info { width: 310px; height: auto; min-height: 0px; } 
.mash_it li.list_view .movie_navigation {clear: both; zoom: 1;}
.mash_it #results li.list_view .left { padding-left: 0px; } 
.mash_it .dna { margin-left: 0px; } 
.mash_it .dna input { display: inline;} 
.mash_it .tabbed .wide, .mash_it .wide { width: 665px;}
.mash_it .new_movie { clear:both; margin-top: 36px; border-top: 1px solid #dedede; padding-top: 18px; display:none;}
.mash_it.new .slider_input { margin-top: 0px; margin-left: 15px;}
.mash_it .new_dna { margin-bottom: 10px;}

.history_settings { width: 51px; float: right;}
.history_settings input[type=submit] {
  text-indent: -99999px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
  width: 26px; height: 19px; margin: 0px; 
}
.history_settings input[type=submit].previous { float: left; width: 25px;}
.history_settings input[type=submit].previous.active { background:transparent url(/images/previous_button_active.png) no-repeat; }
.history_settings input[type=submit].previous.disabled { background:transparent url(/images/previous_button_disabled.png) no-repeat; }
.history_settings input[type=submit].next.active { background:transparent url(/images/next_button_active.png) no-repeat; }
.history_settings input[type=submit].next.disabled {  background:transparent url(/images/next_button_disabled.png) no-repeat; }

/* supermatches */
.supermatch_results { margin-top: 18px; }
.supermatch .results { display: inline ;}
.supermatch #controls { margin-right: 50px;}
.supermatch li.supermatch_list_view { float: left; width: 154px; text-align: center; margin-bottom: 18px; min-height: 260px }
.supermatch li.supermatch_list_view h4 {width: 140px; height: 50px; margin: 0px auto; color: #414141;}
.supermatch li.supermatch_list_view .thumbnail { margin: auto;} 

.supermatch .match_details { width: 400px;} 
.supermatch .match_details .left { width: 150px;}
.supermatch .match_details .right { width: 250px;} 
.supermatch .match_details h4 { font-size: 1.1em; margin-bottom: 6px;}
.supermatch .match_details a { color: #414141; font-weight: bold;}
.supermatch .match_details .navigation { float: left; width: 460px; margin-top: 9px; }
.supermatch .match_details .navigation a { color: #0F78C2; font-weight: normal; font-size: .9em; }
.supermatch .match_details .navigation input[type=submit] { font-size: .9em; }
.supermatch .arrow { width: 100%; margin: 10px 0px;}
.supermatch .arrow img { margin-left: 20px;}

/* degree/arrow for supermatch view */
.supermatch .degree { float: left; width: 140px; height: 25px; margin: 10px auto; }
.supermatch .degree p { float: left; height: 25px; padding-top: 6px; }
.supermatch li.supermatch_list_view .degree { margin-left: 20px; }
.supermatch .degree_1 { background: transparent url(/images/degree1.png) no-repeat; padding-left: 27px;}
.supermatch .degree_2 { background: transparent url(/images/degree2.png) no-repeat; padding-left: 27px;}
.supermatch .arrow { background: transparent url(/images/arrow_up_purple.png) no-repeat; height: 25px; margin-left: 20px;}

/* matches */
.movie_matches li.list_view.pick { width: 850px; min-height: 100px; margin-bottom: 25px; margin-left: 25px;}
.movie_matches li.list_view.pick .left { margin-right: 10px; }
.movie_matches li.list_view.pick .info { width: 610px; min-height: 170px;}
.movie_matches li.list_view.pick .navigation { width: 700px; margin-bottom: 6px;}

.movie_matches .results li.recommendation_list_view { float:left; width: 183px; text-align: center; margin-bottom: 18px; min-height: 260px; }
.movie_matches .results li.recommendation_list_view * { color: #313131;}
.movie_matches .results li.recommendation_list_view img { margin: 0 auto; }
.movie_matches .results li.recommendation_list_view h4 { font-size: 0.95em; width: 140px; margin: auto;  height: 56px; line-height: 1.3;}
.movie_matches .results li.recommendation_list_view h3 { font-size: 1.05em; width: 140px; margin: 6px auto 0px; }
.movie_matches.index .list_view { width: 400px; min-height: 0px; height: auto;}
.movie_matches.index .list_view .info { width: 265px; min-height: 150px;} 
.movie_matches.index .list_view .movie_navigation { margin-top: 3px; margin-bottom: 6px; } 
.movie_matches.index .list_view h4 { color: #313131; margin-bottom: 6px;}
.movie_matches.index .list_view.pick h4 { font-size: 1.1em;}


/* .cluetip-movie */
.cluetip-movie #cluetip-extra { display:none; }
.cluetip-movie #cluetip-outer h3 { display: none;}
.cluetip-movie #cluetip-inner #cluetip-close { display:none; }
.movie-popup { float: left; }
.movie-popup .list_view { float: left; }
.movie-popup .list_view .left { float: left; }
.movie-popup .list_view .info { float: left; width: 260px;}
.movie-popup .list_view .info .truncate_less a { color: #0F78C2; }
.movie-popup .list_view .navigation { float: left; font-size: 0.9em; } 


#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 5px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 1.10em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

/*.ac_odd {
	background-color: #eee;
}*/

.ac_over {
/*	background-color: #0A246A;*/
	background-color: #ffb;
	color: #333;
}


/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */

.cluetip-rounded {
  background: transparent url(images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}

.cluetip-rounded #cluetip-outer {
  background: transparent url(images/tl.gif) no-repeat 0 0;
  margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}
.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
  background: transparent url(images/tr.gif) no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
  background: url(images/br.gif) no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}

.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}
.cluetip-rounded div#cluetip-close a {
  color: #777;
}

/* rounded arrows */

.clue-right-rounded .cluetip-arrows {
  background-image: url(images/rarrowleft.gif);
}
.clue-left-rounded .cluetip-arrows {
  background-image: url(images/rarrowright.gif);
  left: 100%;
  margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
  background-image: url(images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-rounded .cluetip-arrows {
  background-image: url(images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}