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

  


#content {margin: 50px 100px;}
h1 {font-size: 1.3em; margin-bottom: 12px;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}

.informational_text ul.menu { margin-top: 3px; margin-bottom: 25px;}
.informational_text ul.menu li { margin-left: 0px; display:inline; padding: 0 12px 2px 12px; border-left: solid 1px #616161; } 
.informational_text ul.menu li.first { border: 0px; padding-left: 0px;}
.informational_text ul.menu li a { color: #616161; }

.informational_text ul { list-style-type: disc; margin: 5px 25px;}
.informational_text li { margin: 4px 0px;}



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

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