/* GLOBAL ELEMENTS */
body  { background: #9cf; margin: 0; padding: 4px 0px; font-family: arial, verdana, sans-serif; font-size:12px; color:#535A60; }
table { display:block; border:0; margin:0; padding:0; }
img   { border-width:0; border-style:none; }
form  { display:block; margin:0; padding:0; }
fieldset { border:0; margin:0; padding:0; }

hr { width:100%; background-color:#000; height:1px; margin:2px 0px; padding:0px; font-size:0px; border-bottom:0px; }
blockquote { margin:0; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; margin: 0; padding:0; }
h1 { font-size: 18px; } /* Website or Page Headline */
h2 { font-size: 18px; } /* Page or Section Headline */
h3 { font-size: 14px; } /* Section Sub-Title */
h4 { font-size: 12px; } /* Movie Titles, Actor Names, Story Titles, Video Titles, Photo Titles */
h5 { font-size: 11px; } /* Video or Photo Captions, Sub-Group Headers */

ol, ul, dl { list-style: none; margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; }
em { font-style: italic; }

/* GLOBAL AND COMMON LINK STYLES */
a { color: #0077BB; text-decoration: none;}
a:visited { color: #0077BB; }
a:hover { color: #E57D18; text-decoration: underline;}

/* Clearfix Method: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {	display: inline-block; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */

/* GLOBAL HEADER */
#leaderboard { margin-top:5px; padding:5px; width:728px; text-align:center; margin-left: auto; margin-right: auto; }
#header { width:800px; height:45px; color: #ffffff; font-size: 12px; margin-left: auto; margin-right: auto; }
#header #logo { float:left; margin-top:3px; }

#header a.ovalbutton {
  background: transparent url('/static/images/buttons/oval-blue-left.gif') no-repeat top left;
  display: block;
  float: left;
  font: normal 13px Tahoma; /* Change 13px as desired */
  line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
  height: 24px; /* Height of button background height */
  padding-left: 11px; /* Width of left menu image */
  text-decoration: none;
  margin-top: 14px;
  margin-left: 120px;
}
#header a:link.ovalbutton, #header a:visited.ovalbutton, #header a:active.ovalbutton {
  color: #494949; /*button text color*/
}
#header a.ovalbutton span {
  background: transparent url('/static/images/buttons/oval-blue-right.gif') no-repeat top right;
  display: block;
  padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
#header a.ovalbutton:hover { /* Hover state CSS */
  background-position: bottom left;
}
#header a.ovalbutton:hover span { /* Hover state CSS */
  background-position: bottom right;
  color: black;
}
#header .buttonwrapper { /* Container you can use to surround a CSS button to clear float */
  overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
  float: left;
}

#header #welcome { float:right; text-align:right; margin-top:5px;}
#header #welcome, #header #welcome a { color:#0A68A6; }
#header #welcome .username { font-weight:bold; }
#header #loginAlert { float:right; width:210px; text-align:right; font-weight:bold; font-size:14px; color:#fff; }
#header #loginAlert a { color:#fff; }
#header #loginAlert img { float:right; margin-left:5px; }

ol.navigation {
  background: url(/static/images/icons/triangle-right.gif) 100% 6px no-repeat;
  padding: 5px 14px 0 0;
  font-size: 11px;
  overflow: hidden;
  clear:both;
  height:1%;
}
ol.navigation li {
  padding:0;
  margin:0;
  padding-left: 3px;
  padding-bottom: 3px;
  color: rgb(105,105,105);
  float: right;
}
/* NAVIGATION TABS */
/* Sliding Doors Method: http://alistapart.com/articles/slidingdoors/ */
/* Also combined with css spriting method */
#tabs { position:relative; z-index:1; }
#tabs { list-style:none; width:800px; margin:0px auto; padding:0; font-size:0px; line-height:0px; }
#tabs li { float:left; position:relative; background:url(/static/images/tabs/tabs.gif) top left no-repeat; height:32px; margin-right:5px; padding-left:10px; }
#tabs li a { display:block; float:left; text-align:center; background:url(/static/images/tabs/tabs.gif) top right no-repeat; height:27px; line-height:27px; font-size:12px; font-weight:bold; text-decoration:none; padding:5px 20px 0px 10px; color:#ab8e62; }
#tabs li.selected { background:url(/static/images/tabs/tabs.gif) bottom left no-repeat; }
#tabs li.selected a { background:url(/static/images/tabs/tabs.gif) bottom right no-repeat; color:#FE7903; }
#tabs li #watchnowTabTextAndGraphic { display:inline; background:url('/static/images/icons/watchnow_tab_10x10_off.gif') 0 50% no-repeat; padding-left:14px; margin-left:-6px; /*negative left margin fixes mac issue of breaking tab to next line*/ }
#tabs li.selected #watchnowTabTextAndGraphic { background:url('/static/images/icons/watchnow_tab_10x10.gif') 0 50% no-repeat; }
#tabs li a:hover {color:#FE7903; }

/* DROP DOWN MENUS */
/* Suckerfish Method: http://alistapart.com/articles/dropdowns */
#tabs li ul { padding-bottom:2px; display:none; position:absolute; z-index:1; top:32px; left:0px; width:200px; background-color:#F7F1D6; border:1px solid #AB8E62; }
#tabs li li { float:none; position:static; background:none; margin:0px; padding:0px; font-size:12px; text-align:left; white-space:nowrap; }
#tabs li li a { float:none; display:block; text-align:left; background:none; font-size:12px; font-weight:bold; text-decoration:none; color:#0077BB; border-top:1px solid #F7F1D6; border-bottom:1px solid #faf8ef;}
#tabs li li a:hover {  text-decoration:none; color:#FE7903; background-color:#f4edc8; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#tabs li.hover ul { display: block; }

/* SUB MENUS AND SEARCH BAR */
#navigation { clear:both; background-color:#FDD516; width:100%; height:30px; }
#navigation .bar { color:#D9B91F; width:800px; margin-left: auto; margin-right: auto; }
#navigation .bar .links  { float:left; text-align:left; line-height:30px; }
#navigation .bar .links a { margin:0px 2px; padding:2px 5px; font-weight:bold; font-size:13px; text-decoration:none; color:#0876D4; }
#navigation .bar .links a:hover {  text-decoration:underline; color:#FE7903;}
#navigation .bar .links .selected { background-color:#FFEC92; text-decoration:none; background:#FFEC92; border:1px solid #FFFFFF; color:#FE7903; }
#navigation .bar form { float:right; text-align:right; height:30px; line-height:30px; }
#navigation .bar form input { vertical-align:middle; }
#navigation .bar form #navSearchText { border:1px solid #B4A252; color:#666666; width:160px; margin-right:5px; padding:2px;}

/* TOOL TIPS */
.tip { width:17px; height:17px; position:relative; cursor:pointer; }
.tip:hover p { display:block; font-size:12px; font-weight:normal; }
.tip.hover p { display:block; font-size:12px; font-weight:normal; }
.tip p { display:none; position:absolute; width:250px; border:1px outset #ca6; background-color:#fff6d6; padding:6px; font-family: Arial, Helvetica, Verdana; }
.tip p.right { float:none; top:-20px; left:16px; }
.tip p.left { float:none; top:-20px; left:-265px; }

#mailManager { position:relative; margin-top:5px; z-index:2; font-size:11px; width:300px; }
#mailManager .links { height:20px; }
#mailManager .links div { display:inline; padding: 4px; margin: 0 2px; }

#mailManager .links div img { vertical-align:middle; }
#mailManager .links div .jlink { color: #0A68A6; text-decoration:underline;}
#mailManager .links div img.arrow { cursor:pointer; margin-left:2px; }
#mailManager .links div:hover  { background-color:#0A68A6;}
#mailManager .links div:hover .jlink  { color:#fff; }
#mailManager #mailBox { position:absolute; top:18px; right:0px; border:1px solid #000000; background-color:#fff; width:300px; text-align:left; padding:3px; }
#mailManager #mailLoading { text-align:center; font-size:11px; }
#mailManager #mailSending { text-align:center; font-size:11px; }
#mailManager #mailSent { text-align:center; font-size:11px; }
#mailManager #mailBuddies .header { font-weight:bold; background-color:#FDD516; margin-bottom:5px; }
#mailManager #mailBuddies ul { max-height:250px; overflow:auto; }
#mailManager #mailBuddies li { float:left; width:135px; }
#mailManager #mailBuddies li img { vertical-align:middle; }
#mailManager #mailForm { font-size:11px; }
#mailManager #mailForm .username { color:#00f; }
#mailManager #mailForm .header { font-weight:bold; background-color:#FDD516; margin-bottom:5px; }
#mailManager #mailForm label { font-weight:normal; margin:-2px 3px 0px 0px; }
#mailManager #mailForm label input { vertical-align:middle; }
#mailManager #mailForm textarea { width:292px; display:block; margin:0px; border:1px solid #efefef; }
#mailManager #mailForm .commentCounter { line-height:1em; font-size:10px; }
#mailManager #mailForm .submit { font-size:11px; margin-right:5px; }
#mailManager #mailMessage a:hover {color: #E57D18; }
#mailManager #mailMessage .header { font-weight:bold; background-color:#FDD516; margin-bottom:5px; }
#mailManager #mailMessage .header img { vertical-align:middle; margin:0px; }
#mailManager #mailMessage .header .jlink { font-size:11px; }
#mailManager #mailMessage .body .userImg { float:left; margin-right:3px; }
#mailManager #mailMessage .body form { width:240px; float:left; }
#mailManager #mailMessage .body blockquote { width:220px; display:block; overflow:hidden; }
#mailManager #mailMessage .body blockquote img { max-width:215px; }
#mailManager #mailMessage .body #replyTitle { margin-left:20px; background-color:#efefef; border:1px solid #efefef; margin-top:10px; }
#mailManager #mailMessage .body label input { vertical-align:top; margin-top:-3px; }
#mailManager #mailMessage .body textarea { margin-left:20px; width:216px; border:1px solid #efefef; }
#mailManager #mailMessage .body #mailReplySubmitBtn { font-size:11px; }
#mailManager #mailMessage .footer { line-height:1em; font-size:10px; margin-left:20px; }

/* CONTENTS */
#body { clear:both; padding: 5px; background: #ffffff; min-height: 300px; }
#contents { clear:both; width:800px; margin-left: auto; margin-right: auto; }

/* GENERAL LAYOUT VOCABULARY */
.left { float:left; }
.right { float:right; }
.clear { clear:both; line-height:0px; height: 0; }

.directory ul { margin-left:auto; margin-right:auto; clear:both; padding: 3px 70px;}
.directory ul li { display:inline; color: rgb(105,105,105); text-align:center; }
.directory ul li strong { color: black; text-align:center; }

/* GLOBAL FOOTER */
#footer { padding-top: 10px; color:#0A68A6; width:800px; margin-left:auto; margin-right:auto; display: block; text-align:center; }
#footer .directory { margin: 0px auto 5px; text-align:center; }
#footer .directory li a { color:#0A68A6; text-decoration:none; margin:5px;  }

#footer #partner { clear:both; margin-top:5px; font-weight:bold; text-align:center; }
#footer #partner a { color:#0A68A6; }
#footer #server { float:right; font-weight:bold; color:#9dceff; margin-right:10px; }

/* MOVIE, ACTOR and USER BALLOONS */
#balloon { position:absolute; z-index:2; width:222px; }
#balloon .header { width:222px; height:18px; background:url(/static/images/popup/topcap.png?release=20080123) no-repeat; }
#balloon .content { width:197px; padding-left:11px; padding-right:14px; background:url(/static/images/popup/middle.png?release=20080123) repeat-y; font-size:11px; }
#balloon .footer { width:222px; height:17px; background:url(/static/images/popup/bottomcap.png?release=20080123) no-repeat; }
#balloon_arrow { position:absolute; z-index:3; width:45px; height:77px; }
div.aul { background:url('/static/images/popup/upper-left-arrow.png?release=20080123'); }
div.aur { background:url('/static/images/popup/upper-right-arrow.png?release=20080123'); }
div.all { background:url('/static/images/popup/lower-left-arrow.png?release=20080123'); }
div.alr {  background:url('/static/images/popup/lower-right-arrow.png?release=20080123'); }
#balloon { text-align:left; }
#balloon .content .movie, #balloon .content .actor, #balloon .content .member { width:177px; margin-left:auto; margin-right:auto; }
#balloon .content .movie .thumb { float:left; margin-bottom:10px;}
#balloon .content .actor .thumb { float:left; margin-bottom:10px;}
#balloon .content .member ul li { float:left; line-height:16px; }
#balloon .content .member .ratings { margin:6px 2px; padding:0px 2px 0px 18px; background:url(/static/images/icons/icons.general.gif?version=20080206) 0px -128px no-repeat; }
#balloon .content .member .reviews { margin:6px 2px; padding:0px 2px 0px 18px; background:url(/static/images/icons/icons.general.gif?version=20080206) 0px -96px no-repeat; }
#balloon .content .member .buddies { margin:6px 2px; padding:0px 2px 0px 18px; background:url(/static/images/icons/icons.general.gif?version=20080206) 0px -64px no-repeat; }
#balloon .content div .rating { float:right; width:113px; text-align:left; margin-top:10px; }
#balloon .content div .rating span { display:block; font-size: 10px; line-height: 16px; }
#balloon .content div p { clear:both; margin:0 0 5px 0; padding:0;}
#balloon .content h1 { font-size:16px;font-weight:bold;color:#F60;margin-bottom:3px; }
#balloon .content h1 span { font-weight:normal; }
#balloon .content h2 { font-size:11px;font-weight:bold;}

/* COMMON TEXT CLASSES */
.confirmation { text-align:center; margin-left:auto; margin-right:auto; background-color:#ffc; border:1px solid #efefef; color:green; font-size:14px; font-weight:bold; padding:15px 0px; margin:0px 0px 5px; }
.error { text-align:center; margin-left:auto; margin-right:auto; background-color:#f33; border:1px solid #efefef; color:#fff; font-size:14px; font-weight:bold; padding:2px 0px; margin:2px 0px 5px; }

/* COMMON LINK CLASSES */
.jlink { color:#0077BB; cursor:pointer;  }
.jlink:hover { color: #E57D18; text-decoration:underline;}
.jbutton { cursor:pointer; }

/* COMMON WIDGET CLASSES */
.ratingStars { cursor:pointer; }
.ratingButton { cursor:pointer; }

/*--------------------------------------------------------------------------*/
/* Box Styles 															    */
/*--------------------------------------------------------------------------*/
.box .box_header { height:26px; position:relative; }
.box .box_header h1 { color:#fff; height:26px; line-height:26px; margin-left:12px; font-size:14px; }
.box .box_header h2 { color:#fff; height:26px; line-height:26px; margin-left:12px; font-size:14px; }
.box .box_header h3 { color:#fff; height:26px; line-height:26px; margin-left:12px; font-size:14px; }
.box .box_header span { position:absolute; font-weight: normal; color: #fff; top:7px; right:10px; }

.box .box_header a { font-weight: normal; color: #fff; }
.box .box_content { padding:8px 12px 4px 12px; background-color:#fff; }
.box .box_footer { height:4px; font-size:0px; line-height:0px; background-color:#fff; }
.box .box_tail { height:4px; line-height:0px; margin-left:12px; font-size:0px; background-color:#fff; }

.b1 .box_header { background:url(/static/images/boxes/boxes.gif?version=20080205) 0px -35px no-repeat; }
.b1 .box_header h1 { background:url(/static/images/boxes/boxes.gif?version=20080205) 100% -35px no-repeat; }
.b1 .box_content { border-left:1px solid #D88753; border-right:1px solid #D88753; }
.b1 .box_footer { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 0px -66px no-repeat; }
.b1 .box_tail { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 100% -66px no-repeat; }

.b2 .box_header { background:url(/static/images/boxes/boxes.gif?version=20080205) 0px 0px no-repeat; }
.b2 .box_header h2 { background:url(/static/images/boxes/boxes.gif?version=20080205) 100% 0px no-repeat; }
.b2 .box_content {border-left:1px solid #ADC3D9; border-right:1px solid #ADC3D9; }
.b2 .box_footer { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 0px -31px no-repeat; }
.b2 .box_tail { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 100% -31px no-repeat; }

.b3 .box_header { background:url(/static/images/boxes/boxes.gif?version=20080205) 0px 0px no-repeat; }
.b3 .box_header h2 { background:url(/static/images/boxes/boxes.gif?version=20080205) 100% 0px no-repeat; }
.b3 .box_content {border-left:1px solid #ADC3D9; border-right:1px solid #ADC3D9; }
.b3 .box_footer { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 0px -31px no-repeat; }
.b3 .box_tail { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 100% -31px no-repeat; }

.peach .box_header { background:url(/static/images/boxes/boxes.gif?version=20080205) 0px 0px no-repeat; }
.peach .box_header h2 { background:url(/static/images/boxes/boxes.gif?version=20080205) 100% 0px no-repeat; }
.peach .box_content {border-left:1px solid #ADC3D9; border-right:1px solid #ADC3D9; }
.peach .box_footer { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 0px -31px no-repeat; }
.peach .box_tail { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 100% -31px no-repeat; }

.blue .box_header { background:url(/static/images/boxes/boxes.gif?version=20080205) 0px -35px no-repeat; }
.blue .box_header h2 { background:url(/static/images/boxes/boxes.gif?version=20080205) 100% -35px no-repeat; }
.blue .box_content { border-left:1px solid #D88753; border-right:1px solid #D88753; }
.blue .box_footer { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 0px -66px no-repeat; }
.blue .box_tail { background:#fff url(/static/images/boxes/boxes.gif?version=20080205) 100% -66px no-repeat; }

.mini .box_header { height:26px; }
.mini .box_header h2 { font-size:14px; height:26px; line-height:26px; margin-left:7px; }
.mini .box_content { padding:0px 7px 3px 7px; background-color:#fff; }

.orange .box_header { background:url(/static/images/boxes/boxes.gif?version=20080205) 0px -70px no-repeat; }
.orange .box_header a {color: #0077BB; }
.orange .box_header span {color: #000; }
.orange .box_header h2 { color:#000; background:url(/static/images/boxes/boxes.gif?version=20080205) 100% -70px no-repeat; }
.orange .box_content { background-color:#ECF5FF; border-left:1px solid #ADC3D9; border-right:1px solid #ADC3D9; }
.orange .box_footer { background:#fc6 url(/static/images/boxes/boxes.gif?version=20080205) 0px -101px no-repeat; }
.orange .box_tail { background:#fc6 url(/static/images/boxes/boxes.gif?version=20080205) 100% -101px no-repeat; }

.gray .box_header { background:url(/static/images/boxes/boxes.gif?version=20080205) 0px -105px no-repeat; }
.gray .box_header h2 { background:url(/static/images/boxes/boxes.gif?version=20080205) 100% -105px no-repeat; }
.gray .box_content { background-color:#efefef; border-left:1px solid #efefef; border-right:1px solid #efefef; border-bottom:1px solid #efefef; }
.gray .box_footer { background:#efefef url(/static/images/boxes/boxes.gif?version=20080205) 0px -136px no-repeat; }
.gray .box_tail { background:#efefef url(/static/images/boxes/boxes.gif?version=20080205) 100% -136px no-repeat; }

/*--------------------------------------------------------------------------*/
/* Older, Deprecated Styles 							 				    */
/*--------------------------------------------------------------------------*/
.title     { font-size: 18px; font-weight: bold; }
.review     { font-size: 12px; }
.comment    { font-size: 12px; }
.xsmalltext { font-size: x-small }
.smalltext {font-size: 9pt}

/*--------------------------------------------------------------------------*/
/* Older, Deprecated Rating Widget Styles								    */
/*--------------------------------------------------------------------------*/
/** Expanded Widget Styles **/
.expWgt_outer { display: none; width: 156px; margin-top: 2px; }
.expWgt_commentBox { font-size: 7.5pt; font-family: Tahoma, Arial, sans-serif; width: 156px; border: 1px solid #ccc; }
.expWgt_commentHeader { margin-top: 2px; font-size: 7pt; font-weight: bold; }
.expWgt_rateStarBar { background-image:url(/static/images/myrating.gif); background-repeat: no-repeat; background-position: center left; width: 156px; height: 22px; }
.expWgt_rateStarBar_mod_on { background-image:url(/static/images/myrating_on.gif); }
.expWgt_rateStars { cursor: pointer; margin-top: 1px; margin-left: 60px; }
.expWgt_rateStars_mod_on { margin-top: 2px; margin-left: 61px; }

/** Flat Widget styles **/
.fltWgt_outer { width: 120px; margin-top: 2px; }
.fltWgt_commentBox { font-size: 7.5pt; font-family: Tahoma, Arial, sans-serif; width: 120px; border: 1px solid #ccc; }
.fltWgt_commentHeader { margin-top: 2px; font-size: 7pt; font-weight: bold; }