/* GENERAL */
html { height: 100%; min-width: 930px; width: 100%; }
body { margin: 0 0 0 0; padding: 0 0 0 0; min-height: 100%; width: 100%; font-size: 12px; font-family: Helvetica; overflow-y: scroll; background: #eeeeee; }
h1, h2, h3, h4 { margin: 0 0 0 0; padding: 0 0 0 0; font-weight: normal; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }
h1 { color: #333333; } 
h2 { color: #333333; font-size: 15px; margin: 0 0 10px 20px; padding: 20px 0 0 0; }
h3 { color: #666666; font-size: 12px; margin: 5px 10px 5px 10px; text-align: left; }
h4 { font-size: 13px; margin: 0 0 7px 0; }
p { font-size: 12px; margin: 0 0 7px 0; line-height: 17px; }
ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
li { margin: 0 0 5px 0; padding: 0 0 0 0; }
a { text-decoration: none; color: #33689b; }
img { border: 0px; }
a:hover { color: #000000; }

/* HEADER  */
#header { z-index: 1; background: #ffffff; width: 100%; height: 70px; position: relative; }
#header a { color: #000000; }
#header #logo { margin-top: 15px; margin-left: 20px; float: left; }
#header #user { position: absolute; top: 25px; right: 0px; display: block; font-size: 14px; width: 250px; text-align: center;} 
#header #user a { padding: 10px 10px 10px 10px; }
#header #user a:hover { text-decoration: underline; color: #666666; }
#header ul { position: absolute; top: 0px; left: 200px; list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; min-width: 700px; color: #333333; }
#header ul li { margin: 0 0 0 0; padding: 0 0 0 0; float: left; font-size: 14px; }
#header ul li a { display: block; height: 65px; padding: 0 20px 0 20px; border-bottom: 5px solid #ffffff; text-align: center; line-height: 70px; }
#header ul li a:hover { border-bottom: 5px solid #aaaaaa; color: #666666; }
#header ul li.celebrity a:hover { border-bottom: 5px solid #6ec050; } 
#header ul li.music a:hover { border-bottom: 5px solid #33689b; }
#header ul li.portraits a:hover { border-bottom: 5px solid #fdcc37; }
#header ul li.news a:hover { border-bottom: 5px solid #cc192d; }

/* PAGE COMMON */
#page { z-index: 2; position: relative; top: 0px; left: -250px; width: 100%; min-height: 100%; background: #ffffff url(/img/vshadow.png) repeat-x left top; }
#page .content { margin-left: 250px; }
#page .feature h1 { opacity: 0.9; filter: alpha(opacity=90); display: block; color: #ffffff; margin: 0 0 0 0; padding: 5px 10px 5px 300px; background: #cc192d; position: absolute; top: 63px; left: 0; font-size: 40px; font-weight: bold; }
#page .feature h2 { opacity: 0.9; filter: alpha(opacity=90); display: block; color: #ffffff; margin: 0 0 0 0; padding: 5px 10px 5px 300px; background: #333333; position: absolute; top: 150px; left: 0; line-height: 25px; }
#page .feature { position: relative; margin-top: -20px; margin-bottom: 20px; float: left; width: 100%; height: 350px; border-bottom: 1px solid #aaaaaa; overflow: hidden; }
#page .content .spacer { clear: both; height: 200px; }

/* PAGE FOOTER */
#page #footer { overflow: visible; clear: both; margin-top: 20px; padding-top: 20px; padding-right: 20px; margin-left: 250px; margin-right: 0px; padding-bottom: 0px; height: 200px; background: #eeeeee; border-top: 1px solid #dddddd; }
#page #footer p { color: #666666; }
#page #footer .icon { position: relative; text-align: right; width: 70%; height: 64px; background: transparent url(/img/fshadow.png) repeat-x left top; overflow: visible; }
#page #footer .icon img { margin-top: 14px; margin-right: 15px; }
#page #footer .icon .shadow { position: absolute; right: 0px; top: 0px; width: 6px; height: 64px; background: transparent url(/img/sfshadow.png) no-repeat left top; }
#page #footer .col1 { width: 15%; height: 100%; float: left; }
#page #footer .col2 { width: 20%; height: 100%; float: left; }
#page #footer .col3 { width: 20%; height: 100%; float: left; }
#page #footer .col4 { width: 20%; height: 100%; float: left; }
#page #footer .col5 { width: 25%; height: 100%; float: left; }

/* FEATURES */
#page .feature .main { padding-left: 150px; } 


/* SEARCH RESULTS */
.deck { margin: 14px 17px 12px 21px; background: #ffffff; display: block; width: 182px; height: 275px; float: left; overflow: visible; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.deck .asset { margin: -7px 0 0 -2px; }
.card { margin: 10px 20px 15px 20px; background: #ffffff; display: block; width: 182px; float: left; overflow: visible; }
.card .asset { margin: 0 0 0 0; }
.asset { background: #ffffff; display: block; width: 180px; overflow: hidden; border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
.asset.selected { -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.20); }
.asset a { text-decoration: none; }
.asset .thumb { display: block; line-height: 180px; height: 180px; border-top: 3px solid #aaaaaa; text-align: center; }
.asset .thumb img { vertical-align: bottom; }
.asset .summary { display: block; font-size: 11px; height: 70px; overflow: hidden; }
.asset .summary span { display: block; color: #555555; padding: 5px 10px 0 10px; margin: 0 0 0 0; }
.asset .summary .id { float:right; font-weight: bold; color: #999999; }
.asset .summary .date { color: #999999; }
.asset .belt,
.asset .toolbelt { display: block;  height: 25px; border-top: 1px dotted #aaaaaa; cursor: pointer; }
.asset .toolbelt input { float: left; margin: 6px 0px 0 6px; cursor: pointer; opacity: 0.7; filter: alpha(opacity=70); }
.asset .belt span,
.asset .toolbelt span { line-height: 25px; color: #aaaaaa; font-size: 10px; margin: 0 0 0 6px; padding: 0 0 0 0; font-style: italic; }

/* CELEBRITY (GREEN) */
.deck.category0,
.deck.category1,
.deck.category19,
.deck.category20,
.deck.category21,
.asset .category0,
.asset .category1,
.asset .category19,
.asset .category20,
.asset .category21 { border-top: 3px solid #6ec050; }

/* MUSIC (BLUE) */
.deck.category2,
.deck.category3,
.deck.category22,
.deck.category23,
.asset .category2,
.asset .category3,
.asset .category22,
.asset .category23 { border-top: 3px solid #33689b; }

/* NEWS/SPORTS (RED) */
.deck.category8,
.deck.category9,
.deck.category10,
.deck.category11,
.deck.category28,
.deck.category29,
.deck.category30,
.deck.category31,
.asset .category8,
.asset .category9,
.asset .category10,
.asset .category11,
.asset .category28,
.asset .category29,
.asset .category30,
.asset .category31 { border-top: 3px solid #cc192d; }

/* PORTRAITS (YELLOW) */
.deck.category4,
.deck.category5,
.deck.category6,
.deck.category7,
.deck.category16,
.deck.category17,
.deck.category18,
.deck.category24,
.deck.category25,
.deck.category26,
.deck.category27,
.deck.category36,
.deck.category56,
.deck.category57,
.deck.category58,
.deck.category59,
.asset .category4,
.asset .category5,
.asset .category6,
.asset .category7,
.asset .category16,
.asset .category17,
.asset .category18,
.asset .category24,
.asset .category25,
.asset .category26,
.asset .category27,
.asset .category36,
.asset .category56,
.asset .category57,
.asset .category58,
.asset .category59 { border-top: 3px solid #fdcc37; }

/* ADMIN (BRIGHT RED) */
.deck.category60,
.asset .category60 { border-top: 3px solid #FF0000; }


/* ASSET PAGE */
#page .content .preview { width: 500px; height: 500px; line-height: 495px; margin: 10px 10px 10px 20px; border: 1px solid #dddddd; text-align: center; float: left; }
#page .content .preview img { vertical-align: middle; }
#page .content .pixel { width: 500px; height: 500px; position: absolute; }
#page .content .info { margin: 10px 10px 0 0; }
#page .content .details { clear: both; margin: 20px 20px 0 20px; }
#page .content .details h3 { margin-left: 0px; }
#page .content .red { color: #ff0000; }

/* OTHER PAGES */
#page .content p { margin: 10px 20px 10px 20px; }

/* SIDEBAR AND SEARCH */
#sideheader { z-index: 1; position: absolute; top: 70px; left: 0px; width: 100%; min-width: 930px;  height: 8px; background: transparent url(/img/sbshadow.png) no-repeat right top; }
#sidebar { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; min-width: 930px; font-size: 12px; }
#sidebar #sidelogo { position: absolute; top: 20px; left: 60px; display: none; }
#sidebar #sidecontent { position: absolute; top: 0px; right: 0px; width: 250px; padding-left: 10px; height: 100%; min-height: 100%; background: transparent url(/img/hshadow.png) repeat-y right top; }
#sidebar #sidecontent #searchfield { margin-top: 70px; }
#sidebar #sidecontent #searchfield input { font-size: 11px; line-height: 19px; margin-top: 14px; margin-left: 10px; width: 212px; height: 22px; background: transparent url(/img/search.png) no-repeat left top; border: 0px; padding-left: 10px; padding-right: 10px; color: #666666; outline: none; }


/* USER HISTORY */
#sidebar #userbar { margin-top: 11px; }
#sidebar #tools,
#sidebar #filters,
#sidebar #searches,
#sidebar #sharedlightboxes,
#sidebar #lightboxes { border-bottom: 1px solid #ced8c0; }
#sidebar #tools,
#sidebar #searches,
#sidebar #sharedlightboxes,
#sidebar #lightboxes { margin-top: 30px; }
#sidebar .selected { background: transparent url(/img/hshadow_select.png) repeat-y right top;  }
#sidebar .pair { border-top: 1px solid #ced8c0; text-indent: 15px; height: 40px; position: relative; }
#sidebar .pair div { padding: 0 0 0 0; margin: 0 0 0 0; }
#sidebar .pair .value,
#sidebar .pair .key { display: block; white-space: nowrap; }
#sidebar .pair .value { font-weight: bold; padding-top: 6px; }
#sidebar .pair .key { color: #999999; padding-top: 2px; font-style: italic; }
#sidebar .pair .bumper { display: none; width: 0px; height: 40px; position: absolute; left: -10px; top: 0px; background: transparent url(/img/bumper.png) no-repeat right top; }
#asset #sidebar .pair .bumper { display: block; width: 26px; }
#sidebar .pair .bumper .icon { display: block; z-index: 2; position: absolute; top: 13px; right: 10px; }
#sidebar #pagination { background: #f9f9f9 url(/img/hshadow.png) repeat-y right top; position: absolute; bottom: 0px; right: 0px; height: 40px; width: 250px; border-top: 1px solid #dddddd; font-size: 10px; font-weight: bold; }
#sidebar #pagination ul { margin: 0 0 0 0; padding: 8px 0 0 35px; display: block; }
#sidebar #pagination li { margin: 0 0 0 0; padding: 0 0 0 0; display: block; float: left; width: 26px; height: 25px; }
#sidebar #pagination li a { display: block; width: 26px; height: 25px; text-align: center; line-height: 25px; color: #000000; }
#sidebar #pagination li a:hover { color: #33689b; }
#sidebar #pagination li.arrowl { position: absolute; left: 12px; }
#sidebar #pagination li.arrowr { position: absolute; right: 10px; }
#sidebar #pagination li.more { font-size: 14px; line-height: 22px; }
#sidebar #pagination li a.active { color: #33689b; }


/* AJAX Pages */
#account p {margin: 5px 20px 5px 20px; }
#account .full { width: 100%; display: block; padding: 0 0 20px 0;}
#account .full p { margin: 5px 10px 5px 20px; padding: 0 0 0 0; }
#account .col1,
#account .col2 { width: 50%; display: block; padding: 0 0 20px 0;}
#account .col3 { width: 30%; display: block; padding: 0 0 20px 0;}
#account .col4 { width: 70%; display: block; padding: 0 0 20px 0;}
#account .col1, #account .col3 { float: left; }
#account .col2, #account .col4 { float: left; margin: 0 auto 0 auto; }
#account .col1 p, #account .col3 p { margin: 5px 10px 5px 20px; padding: 0 0 0 0; }
#account .col2 p, #account .col4 p { margin: 5px 10% 5px 25%; padding: 0 0 0 10px; color: #dd0000; }
#account form { display: block; height: 100%; border-left: 1px solid #eeeeee; }
#account fieldset { margin: 10px 0 0 0; }
#account fieldset label { width: 25%; margin: 0 10px 0 0; display: block; float: left; line-height: 20px; text-align: right; font-weight: bold; }
#account fieldset input { width: 60%; margin: 0 0 0 0; text-align: left; }
#account fieldset select { width: 60%; margin: 0 0 0 0; text-align: left; }
#account fieldset { border: 0px; }
#account .buttons { width: 85%; margin: 0 0 0 10px; text-align: right; }

#modal { position: fixed; top: 0; left: 0px; width: 100%; height: 100%; z-index: 100; display: none; }
#modal .blackout { background: #000000; width: 100%; height: 100%; opacity: 0.2; filter: alpha(opacity=20); }
#modal .content { position: absolute; top: 5%; left: 50%; margin: 0 0 0 -30%; width: 60%; min-width: 570px; background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 0px 0 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 0 10px rgba(0, 0, 0, 0.25); display: none; }
#modal .content .close { position: absolute; bottom: 10px; right: 10px; z-index: 101; }

#account .progress { width: 380px; height: 20px; margin-left: 20px; border: 1px solid #000000; }
#account .progress div { height: 20px; line-height: 20px; text-align: right; background: #ffdddd; }

/* WIDGETS */
#sidebar .pulldown { display: none; position: absolute; z-index: 2; float: left; margin: 15px 10px 0 11px; width: 230px; background: transparent url(/img/pulldowncenter.png) repeat-y top left; }
#sidebar .pulldown .header { background: transparent url(/img/pulldowntop.png) no-repeat top left; height: 12px; margin-top: -12px; }
#sidebar .pulldown .info { margin: 5px 10px 5px 10px; font-style: italic; text-align: center; }
#sidebar .pulldown .pair { width: 228px; margin: 0 1px 0 1px; }
#sidebar .pulldown .top { border: 0px; }
#sidebar .pulldown .pair:hover { background: #6699cc; color: #ffffff; cursor: pointer; }
#sidebar .pulldown .pair:hover .key { color: #ffffff; }
#sidebar .pulldown .footer { background: transparent url(/img/pulldownbottom.png) no-repeat top left; height: 6px; margin-bottom: -6px; }

.ui-selectable-helper { position: absolute; z-index: 10; border: 1px dotted #000000; }