/* -------------------------------------------------------------- 
reset.css
* Resets default browser CSS.
Based on work by Eric Meyer:* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,
del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.3;background:#fff;margin:1.3em 0;}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
h2{font-size:18px;margin:0 0 1em;}
body{background:#000000;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;color:#ffffff;font-size:12px;}
body p{margin:1.3em 0;}
.small{font-size:10px;}
a img{border:none;}
div.clearance{clear:both;}
a{color:#9db542;letter-spacing:0;text-decoration:none;}
h3 a{text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}
li a.active{color:#ddd;}
ul,ol{margin:0 0 0 20px;}
.messages{padding:10px;margin:0 0 15px;color:#9DB542;border:1px solid #9DB542;}
ul.secondary{background:#555;}
ul.secondary a.active{border-bottom:2px solid #999;}
ul.primary li a{color:#000;}
h3{font-size:16px;margin:0 0 1em;}
/* HEADER CONTENT */
#header{width:990px;height:227px;margin-left:auto;margin-right:auto;position:relative;}
.page-en #header{background:url(/theme/images/graphics-sprite.jpg) left top no-repeat;}
.page-fr #header{background:url(/theme/images/graphics-sprite.jpg) left -857px no-repeat;}
#header #drug-names{position:absolute;height:41px;top:118px;}
.page-en #header #drug-names{width:105px;left:809px;}
.page-fr #header #drug-names{left:774px;width:179px;}
#header #drug-names div{position:absolute;background:url(/theme/images/graphics-sprite.jpg) no-repeat;text-indent:-3000em;height:41px;}
.page-en #header #drug-names div{width:105px;}
.page-fr #header #drug-names div{width:179px;}
.page-en #header #drug-names #drug-ecstacy{background-position:left -457px;}
.page-en #header #drug-names #drug-crack{background-position:-105px -457px;}
.page-en #header #drug-names #drug-cocaine{background-position:-210px -457px;}
.page-en #header #drug-names #drug-meth{background-position:-315px -457px;}
.page-fr #header #drug-names #drug-ecstacy{background-position:left -1098px;}
.page-fr #header #drug-names #drug-crack{background-position:-179px -1098px;}
.page-fr #header #drug-names #drug-cocaine{background-position:-358px -1098px;}
.page-fr #header #drug-names #drug-meth{background-position:-537px -1098px;}
/* TOP NAVIGATION */
#header #top-nav{position:relative;top:159px;width:990px;height:37px;margin:0;padding:0;}
#header #top-nav ul{height:36px;padding:0 0 0 123px;margin:0;}
#header #top-nav ul li{display:block;list-style-type:none;list-style-image:none;float:left;margin:0;padding:0;}
#header #top-nav ul li a{height:36px;background:url(/theme/images/graphics-sprite.jpg) no-repeat;display:block;text-indent:-5000em;overflow:hidden;}
#header #top-nav ul li a:hover{text-decoration:none;}
.page-en #header #top-nav ul li#home a{width:117px;background-position:left -385px;margin-right:10px;}
.page-en #header #top-nav ul li#home a:hover,
.page-en #header #top-nav ul li#home a.active-trail{background-position:left -421px;}
.page-fr #header #top-nav ul li#home a{width:130px;background-position:left -780px;margin-right:8px;}
.page-fr #header #top-nav ul li#home a:hover,
.page-fr #header #top-nav ul li#home a.active-trail{background-position:left -816px;}
.page-en #header #top-nav ul li#new-poster a{width:90px;background-position:-127px -385px;margin-right:11px;}
.page-en #header #top-nav ul li#new-poster a:hover,
.page-en #header #top-nav ul li#new-poster a.active-trail{background-position:-127px -421px;}
.page-fr #header #top-nav ul li#new-poster a{width:118px;background-position:-138px -780px;margin-right:7px;}
.page-fr #header #top-nav ul li#new-poster a:hover,
.page-fr #header #top-nav ul li#new-poster a.active-trail{background-position:-138px -816px;}
.page-en #header #top-nav ul li#production-queue a{width:155px;background-position:-228px -385px;margin-right:12px;}
.page-en #header #top-nav ul li#production-queue a:hover,
.page-en #header #top-nav ul li#production-queue a.active-trail{background-position:-228px -421px;}
.page-fr #header #top-nav ul li#production-queue a{width:170px;background-position:-263px -780px;margin-right:9px;}
.page-fr #header #top-nav ul li#production-queue a:hover,
.page-fr #header #top-nav ul li#production-queue a.active-trail{background-position:-263px -816px;}
.page-en #header #top-nav ul li#my-posters a{width:89px;background-position:-395px -385px;margin-right:0;}
.page-en #header #top-nav ul li#my-posters a:hover,
.page-en #header #top-nav ul li#my-posters a.active-trail{background-position:-395px -421px;}
.page-fr #header #top-nav ul li#my-posters a{width:96px;background-position:-442px -780px;margin-right:0;}
.page-fr #header #top-nav ul li#my-posters a:hover,
.page-fr #header #top-nav ul li#my-posters a.active-trail{background-position:-442px -816px;}
/* BREADCRUMBS */
#header .breadcrumb{position:relative;top:171px;height:15px;padding:0 0 0 123px;color:#888;font-size:10px;}
/* For sup elements in breadcrumbs (used in French steps),fix alignment using relative positioning so it doesn't affect the line height */
#header .breadcrumb sup{position:relative;vertical-align:0;font-size:8px;bottom:0.4em;}
#header .breadcrumb .process-step{float:left;height:14px;padding:1px 16px 0 10px;color:#000;background:#fff url(/theme/images/step-arrow.gif) right -60px no-repeat;}
#header .breadcrumb .process-step.before-active{background-position:right -45px;}
#header .breadcrumb .process-step.last{background-position:right -15px;}
#header .breadcrumb .process-step.active{background-color:#9DB542;background-position:right -30px;}
#header .breadcrumb .process-step.active.last{background-position:right top;}
#header #current-user{font-size:10px;position:absolute;top:207px;right:123px;}
/* MAIN CONTENT */
#wrapper{width:990px;margin-top:2px;margin-left:auto;margin-right:auto;background:url(/theme/images/graphics-sprite.jpg) left -1331px no-repeat;}
#main-content{padding:22px 0 0;position:relative;}
#top-content{width:745px;height:140px;margin-left:auto;margin-right:auto;position:relative;}
#top-content .content-box{width:500px;background:none;padding:10px 0 0 0;float:left;border:none;margin:0;height:130px;overflow:hidden;}
#top-content p{color:#d9d9d9;font-size:12px;line-height:1.5;margin-top:0;}
#top-content .content-box#block-views-mini_web_form{background:url(/theme/images/box-bg-tile.png);border:3px solid #000;position:absolute;width:340px;margin:0;border-top:none;padding:10px;z-index:80;left:337px;top:0;height:auto;}
/* MAIN CONTENT AREA */
#body-content{margin:15px 123px;padding:0;border:0;position:relative;z-index:75;}
td.active{background:#525252;}
#left-col #body-content table tr.even{background:#111111;}
#left-col p,#left-col ul,#left-col ol,#left-col table,#left-col td{color:#d9d9d9;font-size:12px;line-height:1.5;}
#page-title{width:490px;margin:0 0 25px 0;padding:26px 0 12px 130px;height:50px;}
#page-title h1{text-transform:uppercase;color:#7d0a09;font-size:26px;font-family:Impact,sans-serif;letter-spacing:0;}
.content-box{width:202px;padding:12px;margin:0 0 14px;background:url(/theme/images/box-bg-tile.png);border:3px solid #000;}
.content-box h2{font-size:14px;margin:0 0 0.5em;}
img.title-recent-posts{margin:15px 0 10px 0;}
form{margin:0;padding:0;}
#prev-next-btn{width:230px;height:76px;}
img.next-btn{margin:0 0 0 21px;}
/* FOOTER CONTENT */
#footer{clear:both;position:relative;width:990px;height:158px;margin-left:auto;margin-right:auto;background:url(/theme/images/graphics-sprite.jpg) left -227px no-repeat;}
#footer-list{float:left;margin:16px 0 0 0;padding:0 0 0 123px;}
#footer-list a#gnwt-logo{display:block;float:left;width:77px;height:69px;margin:22px 0 0 85px;padding:0;z-index:200;background:url(/theme/images/graphics-sprite.jpg) -651px -385px no-repeat;text-indent:-3000em;}
#footer-list ul{float:left;list-style-type:none;font-size:10px;padding:0;margin:0 25px 0 0;width:145px;}
#footer-list ul.last{margin:0 0 0 5px;}
#footer-list ul li{margin:0 0 6px 0;width:145px;}
#footer-list ul li a{text-decoration:none;line-height:14px;font-size:10px;color:#ddd;}
#footer-list ul li a:hover{text-decoration:underline;color:#fff;}
#footer-box{position:absolute;width:214px;height:134px;margin:0;padding:0 0 0 10px;left:612px;top:3px;z-index:10;}
#footer-box h2{font-size:16px;}
#footer-box p{font-size:12px;background:#000000;padding:0;margin:0 46px 10px 5px;}
#footer-box h5{padding:0;margin:8px 0 0 0;}
#footer-box h5 a{font-size:11px;text-decoration:none;background:#9b2121;color:#ffffff;margin:10px 93px 0 5px;padding:0 0 0 2px;}
div.legal{clear:both;width:745px;font-size:9px;margin:10px auto;padding:0;}
tbody{border:3px solid #000;}
td.active{background-color:#5F0B0B;}
/* Form styles same as Drupal default form styles:*/
#poster-form-container{float:left;width:400px;}
#sample-sidebar{float:left;display:inline;margin:15px 0 0 10px;}
#sample-sidebar .content-box{width:304px;}
fieldset{border:1px solid #444444;margin:10px 0;padding:10px;}
fieldset.collapsed{border-left:none;border-right:none;border-bottom:none;padding-top:0;padding-bottom:0;}
.form-item{margin:1em 0;}
.form-item .description{font-size:0.85em;}
.form-required{color:#FF0000;}
.form-item label{display:block;font-weight:bold;color:#fff;}
.form-item label.error{color:#a60100;}
.form-item label.option{display:inline;font-weight:normal;}
input.form-text,textarea,select.form-select{background:#000000;border:1px solid #313131;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:11px;margin:2px 0;padding:2px;display:block;width:95%;}
input.form-file{background:#000000;border:none;padding:2px;display:block;width:95%;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:11px;margin:2px 0;}
input.form-text:focus,textarea:focus,select.form-select:focus{border:1px solid #9DB542;}
input.form-text.error,
input.form-text.error:focus,
textarea.error,
textarea.error:focus,
select.form-select.error,
select.form-select.error:focus{color:#a60100;border:1px solid #a60100;}
input.form-file.error{color:#a60100;}
input.form-submit,
input.form-button{background:none repeat scroll 0 0 #9B2121;border:1px solid #5F0B0B;color:#FFF;font-size:12px;cursor:pointer;}
input.form-submit:hover,
input.form-submit.hover,
input.form-button:hover,
input.form-button.hover{color:#000;}
.form-item#poster-text-item input{font-size:18px;width:250px;display:inline;text-transform:uppercase;}
.form-item#poster-text-item h2{float:left;display:inline;margin-right:10px;padding:2px;}
/* Action button styles */
a.action-button,
a.action-button:visited,
a.action-button:active,
a.action-button:focus{background:none repeat scroll 0 0 #9B2121;border:1px solid #5F0B0B;color:#FFFFFF;display:block;float:left;font-size:12px;margin:10px 0;padding:1px 10px;text-align:center;}
a.action-button:hover{color:#000;}
/* Processing cover styles */
#processing-wait-cover{opacity:0.9;filter:alpha(opacity=90);-khtml-opacity:0.9;color:#ccc;position:absolute;left:0;top:0;width:990px;background:#000;text-align:center;font-size:20px;padding-top:100px;z-index:999999;}
#processing-wait-cover .throbber{margin:30px 0 0;}
/* Tab styles */
ul.tabs{margin:0 0 5px;padding:0;list-style:none;height:20px;border-bottom:1px solid #BBBBBB;}
ul.tabs li{display:block;float:left;margin:0 5px 2px 0;}
ul.tabs li a,
ul.tabs li a:visited,
ul.tabs li a:active,
ul.tabs li a:focus{font-size:10px;display:block;float:left;padding:2px 10px;color:#000;background:#444;color:#fff;}
ul.tabs li.active a,
ul.tabs li.active a:visited,
ul.tabs li.active a:active,
ul.tabs li.active a:focus,
ul.tabs li a:hover{background:#fff;color:#000;}
/* Production queue status styles */
#body-content #status-column{width:590px;}
#updating-throbber{display:none;position:absolute;top:0;left:570px;}
#waiting-time{position:absolute;width:100px;padding:10px 20px;top:0;left:604px;background:#9db542;color:#000;text-align:center;font-size:20px;z-index:999;}
#waiting-time .small{font-size:10px;}
#status-table th,#status-table td{padding:5px;border-bottom:1px solid #444;}
#status-table th{font-size:14px;font-weight:bold;}
#status-table .in-progress td{background:#9DB542;color:#000;}
#status-table .waiting td{color:#888;}
/* Thumbnails for my posters page */
.thumb-row{clear:both;}
.thumb-row .thumb-link{text-align:center;font-size:10px;display:block;width:150px;float:left;margin:0 20px 0 0;padding:0 0 15px;}

