/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



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

  


.home #header { background: transparent none; } 
.home #header ul#auth_header a { color: #0F78C2; text-decoration: underline;}

.home .left.wide { background-color: #313131; width: 550px; height: 375px;  
  margin: -30px 15px 15px 15px; padding: 0px 50px 25px 100px; 
  -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.home .left.wide .logo img { margin-top: -30px; margin-left: -75px;} 
.home .left.wide h1 { color: white; font-size: 2em; margin-top: 40px; margin-bottom: 25px; }
.home .left.wide h2 label { color: #939393; font-size: 1.2em;}
.home .left.wide h2 { margin-bottom: 5px; }
.home .left.wide img.thumbnail { border-color: #212121;}
.home .left.wide input { font-size: 1.25em;} 
.home .button.blue { margin-left: 10px;}
.home .button.blue input[type=submit] { border: 0px; color: #212121; } 
.home .left.wide .bottom { margin-top: 100px; margin-left: -40px;}
.home .left.wide .bottom a { color:#2a9ded; font-size:1.4em; font-weight:bold; text-decoration:none;} 
.home .left.wide .bottom a.button { color: #414141; font-size: 1.3em; border: 0px;}

.home .right.narrow { width: 220px; margin-right: 20px; margin-top: -20px;}
a.home_link, a.home_link * { text-decoration: none;}
.home_link * { font-weight: bold; color: #626262; text-decoration: none; }
.home_link h1 { font-size: 1.75em;}
.home_link p { font-size: 1.05em; line-height: 1.4; } 

.home div.featured {  margin: 15px; border: 1px solid #AAA; padding: 20px 28px; overflow-x: scroll; height: 250px;}
.home .featured .movies { width: 3000px; }
.home .featured .movie img { margin-right: 27px; margin-bottom: 6px;}
.home .featured .movie h4 { width: 125px; height: 40px; text-align: center; text-decoration: none;}
.home .featured .movie .links { width: 110px; margin: 35px 6px 0px 6px; font-size: 0.85em; }
.home .featured h4 a {text-decoration: none; color: #414141;}
.home h1.featured { margin: 10px 20px 10px 20px;}

/* js version of movie carousel */
.home .js_featured { overflow-x: hidden; overflow-y: hidden; border: 1px solid #AAA; padding: 0; margin: 15px; padding: 20px 20px; height: 250px;}

.home .js_featured .movies { margin: 0; padding: 0; }
.home .js_featured .movies li { margin: 0; padding: 0; }

.home .js_featured .movie img { margin: 0 0 6px 0;}
.home .js_featured .movie h4 { width: 125px; height: 40px; text-align: center; text-decoration: none;}
.home .js_featured .movie .links { width: 110px; margin: 35px 6px 0px 6px; font-size: 0.85em; }
.home .js_featured h4 a {text-decoration: none; color: #414141;}

.home .js_featured .prev { background: transparent url(/images/prev_gallery_button.png) no-repeat; width: 19px; height: 18px; position: absolute; display: block; margin: 116px 0 0 -43px;}
.home .js_featured .next { background: transparent url(/images/next_gallery_button.png) no-repeat; width: 19px; height: 18px; position: absolute; display: block; margin: -134px 0 0 932px;}

.home #flash { margin-bottom: 12px; } 

/* image carousel */
.jcarousel-list li,
.jcarousel-item {
    height: 250px;
}


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


#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');
}