/* -- General HTML elements -- */
a:link {color: #C1509A;}
a:visited {color: #6D405E;}
a:hover {color: #DD89C0;}
abbr {cursor: help;}
body {font: 12px "myriad pro"; color: #6F7169; background: #fff url(../i/body-bg.gif) repeat-y center top; padding: 0; margin: 0;}
h1 {width: 244px; height: 66px; background: url(../i/logo.gif); text-indent: -9999px; margin: 0;}
h2 {color: #6FAE89; font: 100 18px "Myriad Pro", Myriad, sans-serif; margin: 0; padding: 20px 0; text-transform: uppercase;}
h3 {color: #696B62; font: bold 13px "Bembo", serif; text-transform: uppercase; margin: 0 0 0.5em 0;}
hr {margin: 20px -25px; border: solid 1px #D3E2BE; border-top-color: #A3C59B; border-bottom-color: #D3E2BE; height: 1px; background: #D3E2BE;}
p {margin: 0; line-height: 1.5;}
textarea {width: 630px; height: 120px; margin-top: 5px;}



#container {width: 750px; margin: 0 auto; position: relative;}
#stage {background: #D3E2BE url(../i/stage-bg.gif) repeat-y; margin: 0; position: relative;}



/* -- Page Header & Navigation -- */
h1 a {width: 244px; height: 66px; display: block;}
#header {height: 100px; background: url(../i/header-bg.gif) no-repeat left bottom; padding-top: 20px;}
#stage h2 {margin: 0 28px 0 29px;}



/* -- Main Navigation -- */
.views {margin: 0; padding: 0; position: absolute; top: 35px; right: 0px; width: 310px; height: 25px; background: url(../i/nav-full.gif);}
.views li {list-style: none; display: inline;}
.views li a {height: 25px; margin: 0; padding: 0; display: block; position: absolute; top: 0; text-indent: -9999px;}
.views .incoming a {width: 71px; left: 0;}
	.views .incoming em a, .views .incoming em a:hover {background: url(../i/nav-full.gif) 0 -52px;}
	.views .incoming a:hover {background: url(../i/nav-full.gif) 0 -26px;}
.views .reviewed a {width: 70px; left: 72px;}
	.views .reviewed em a, .views .reviewed em a:hover {background: url(../i/nav-full.gif) -72px -52px;}
	.views .reviewed a:hover {background: url(../i/nav-full.gif) -72px -26px;}
.views .live a {width: 40px; left: 142px;}
	.views .live em a, .views .live em a:hover {background: url(../i/nav-full.gif) -142px -52px;}
	.views .live a:hover {background: url(../i/nav-full.gif) -142px -26px;}
.views .onhold a {width: 65px; left: 182px;}
	.views .onhold em a, .views .onhold em a:hover {background: url(../i/nav-full.gif) -182px -52px;}
	.views .onhold a:hover {background: url(../i/nav-full.gif) -182px -26px;}
.views .publish a {width: 63px; left: 247px;}
	.views .publish em a, .views .publish em a:hover {background: url(../i/nav-full.gif) -247px -52px;}
	.views .publish a:hover {background: url(../i/nav-full.gif) -247px -26px;}



/* -- submission formatting -- */
.submission, .panel {margin: 0 28px 24px 29px; padding-bottom: 8px; background: #fff url(../i/panel-bottom.gif) no-repeat left bottom;}
.submission .wrapper, .panel .wrapper {background: url(../i/panel-top.gif) no-repeat left top;}
.panel .wrapper {padding: 25px;}

.official {background-image: url(../i/panel-bottom-official.gif);}
.nonofficial {background-image: url(../i/panel-bottom-unofficial.gif);}
.safe1 {background-image: url(../i/panel-bottom-spam.gif);}

/* -- keep each .wrapper open, floats or no -- */    
.wrapper:after {content: "."; height: 0; clear: both; display: block; visibility: hidden;}




/* -- submission data assests -- */
.assets {width: 29px; height: 33px; position: absolute; top: 4px; left: 20px; padding: 0;}
.assets li {list-style: none; padding: 0; margin: 0;}
.assets li.zip {position: absolute; top: 20px; left: 0; width: 14px; height: 12px; background: url(../i/icons.gif); text-indent: -9999px;}
.assets li.email {position: absolute; top: 20px; left: 14px; width: 14px; height: 12px; background: url(../i/icons.gif) -15px 0; text-indent: -9999px;}
.assets li.zip a, .assets li.email a {display: block; width: 14px; height: 12px;}
.assets li.zip a:hover {background: url(../i/icons.gif) 0 -12px;}
.assets li.email a:hover {background: url(../i/icons.gif) -15px -12px;}


/* -- country flags -- */
.assets li.flag {width: 28px; height: 19px; background: #ddd; text-indent: -9999px;}
.assets li.at {background: url(../i/flag-at.gif);}
.assets li.au {background: url(../i/flag-au.gif);}
.assets li.ba {background: url(../i/flag-ba.gif);}
.assets li.be {background: url(../i/flag-be.gif);}
.assets li.br {background: url(../i/flag-br.gif);}
.assets li.ca {background: url(../i/flag-ca.gif);}
.assets li.cl {background: url(../i/flag-cl.gif);}
.assets li.cn {background: url(../i/flag-cn.gif);}
.assets li.co {background: url(../i/flag-co.gif);}
.assets li.cz {background: url(../i/flag-cz.gif);}
.assets li.de {background: url(../i/flag-de.gif);}
.assets li.dk {background: url(../i/flag-dk.gif);}
.assets li.es {background: url(../i/flag-es.gif);}
.assets li.fi {background: url(../i/flag-fi.gif);}
.assets li.fr {background: url(../i/flag-fr.gif);}
.assets li.gr {background: url(../i/flag-gr.gif);}
.assets li.hr {background: url(../i/flag-hr.gif);}
.assets li.hu {background: url(../i/flag-hu.gif);}
.assets li.id {background: url(../i/flag-id.gif);}
.assets li.ie {background: url(../i/flag-ie.gif);}
.assets li.il {background: url(../i/flag-il.gif);}
.assets li.it {background: url(../i/flag-it.gif);}
.assets li.jp {background: url(../i/flag-jp.gif);}
.assets li.ko {background: url(../i/flag-ko.gif);}
.assets li.lv {background: url(../i/flag-lv.gif);}
.assets li.mx {background: url(../i/flag-mx.gif);}
.assets li.my {background: url(../i/flag-my.gif);}
.assets li.nl {background: url(../i/flag-nl.gif);}
.assets li.no {background: url(../i/flag-no.gif);}
.assets li.nz {background: url(../i/flag-nz.gif);}
.assets li.pl {background: url(../i/flag-pl.gif);}
.assets li.pt {background: url(../i/flag-pt.gif);}
.assets li.ro {background: url(../i/flag-ro.gif);}
.assets li.ru {background: url(../i/flag-ru.gif);}
.assets li.se {background: url(../i/flag-se.gif);}
.assets li.sg {background: url(../i/flag-sg.gif);}
.assets li.uk {background: url(../i/flag-uk.gif);}
.assets li.us {background: url(../i/flag-us.gif);}
.assets li.uy {background: url(../i/flag-uy.gif);}
.assets li.za {background: url(../i/flag-za.gif);}
.assets li.unknown {background: url(../i/flag-unknown.gif);}





/* -- Action buttons -- */    
.actions {background: #D5E6D4 url(../i/actions-top.gif) 0 0 no-repeat; width: 163px; margin: 0 0 0 16px; padding: 0;}
.actions select {margin: 8px 0 0 8px; width: 147px;}
.actions .items {background: url(../i/actions-bottom.gif) left bottom no-repeat; height: 24px;}
.actions ul {width: 150px; height: 17px; padding: 0; margin: 3px 0 0 6px; background: url(../i/action-buttons.gif); position: relative;}
.actions li {display: inline;}

/* -- Action button links & hovers -- */
.actions li a {margin: 0; padding: 0; display: block; list-style: none; width: 45px; height: 17px; position: absolute; top: 0; left: 0; text-decoration: none; text-indent: -9000px;}
.actions li.edit a:hover {background: url(../i/action-buttons.gif) no-repeat 0 -17px;}
.actions .delete a {left: 38px; width: 57px;}
.actions li.delete a:hover {background: url(../i/action-buttons.gif) no-repeat -38px -34px;}
.actions .missing a {left: 89px; width: 61px;}
.actions li.missing a:hover {background: url(../i/action-buttons.gif) no-repeat -89px -17px;}




/* -- left panel layout -- */    
.left {width: 230px; float: left; position: relative; background: url(../i/bar.gif) no-repeat right top;}
.left h3 {font: bold 16px "Myriad Pro", Myriad, sans-serif; margin: 17px 0 0 59px; line-height: 14px; text-transform: none;}
.left h3 a {color: #DD89C0; font-weight: bold; text-decoration: none;}
.left h3 a:hover {background-color: #DD89C0; color: #fff; padding: 2px; margin: -2px;}

.left p {margin: 0 0 5px 59px; color: #595B57;}
.left p a {color: #595B57; font-weight: bold; text-decoration: none;}
.left p a:hover {text-decoration: underline;}



/* -- right panel layout -- */    
.right {width: 425px; margin-left: 235px; position: relative; padding: 14px 15px;}
.right p {margin-right: 6em;}
.submitted {margin: 0.5em 0 0 0; line-height: 1.2;}
.browsers {margin-top: 0; line-height: 1.2;}
.officialNum {position: absolute; top: 0; right: 8px; line-height: 60px; font-size: 55px; font-weight: bold; color: #fff; letter-spacing: -4px; text-shadow: #779EFF 0 2px 5px;}



/* -- page footer -- */    
#footer {background: #6FAE89 url(../i/footer-bottom.gif) no-repeat left bottom;}
#footer .wrapper {background: url(../i/footer-top.gif) no-repeat left top; padding: 5px 20px; text-align: center;}
#footer input {margin: 10px 0;}


/* -- re-usable classes -- */    
.notes {color: #000; background: #E5EAF5; padding: 15px; line-height: 18px;}
.notes h3 {margin: 0; font-size: 1em; text-transform: uppercase;}
.notes p {margin: 0 0 1em 0;}
.notes .submitted, .notes .browsers {margin: 0;}
.notes .date, .notes .brws {font-style: italic;}


/* Legacy?
.official div.notes {background: #94B5FF;}
.nonofficial div.notes {background: #94B5FF;}
*/

.message {background: #fff; padding: 20px; margin: 20px; border: solid 1px #6FAE89;}
.status {font-weight: bold;}
.subtle {color: #C5C6C3;}  



/* -- pager -- */
.pager {line-height: 1; height: 38px; padding-top: 1px; margin: 0 30px 1em 30px;}
.pager p {float: left; line-height: 25px; padding: 0 5px 7px 0; font-size: 0.9em; text-transform: uppercase; color: #6FAE89;}
.pager p strong {color: #3E9261;}
.pager ul {margin: 0; padding: 0;}
.pager li {display: inline; line-height: 1;}
.pager img {margin-top: 0;}
.pager li a:link, .pager li a:visited, .pager li span {float: left; display: block; width: 10px; height: 10px; padding: 5px 5px; color: #6FAE89; border: solid 1px #D3E2BE; text-align: center; text-decoration: none; margin-right: 1px;}
.pager li span {color: #A1C8A3;}
.pager li a:hover {color: #6FAE89; background: #fff; text-decoration: none;}
.pager li.current a:link, .pager li.current a:visited, .pager li.current a:hover {color: #6FAE89; background: #E9F1DF; cursor: default; border: solid 1px #C9DDB9;}
/* -- prev/next links -- */
.pager li a.previous:link, .pager li a.previous:visited, .pager li a.next:link, .pager li a.next:visited {padding: 7px 0px;}
.pager li a.previous:hover, .pager li a.next:hover {background: none;}

  

/* -- - - - - - - - - - - */
/* -- - - - - - - - - - - */
/* -- Per-page styling -- */    
/* -- - - - - - - - - - - */
/* -- - - - - - - - - - - */



/* -- Edit form -- */    
#editform .pair {display: block; clear: left; position: relative;}
#editform label {width: 200px; float: left; display: block;}
#editform input {width: 430px;}
#editform select {width: 430px;}
#editform #category {width: 150px; position: absolute; top: 2em; left: 0;}



/* -- Publish -- */    
.publishPanel ul {padding: 0; margin: 10px 0;}
.publishPanel li {list-style: none; padding: 0; margin: 0;}
a.edit {width: 34px; height: 17px; display: block; float: left; text-indent: -9999px; background: url(../i/edit-button.gif); margin-right: 4px;}
a.edit:hover {background-position: 0 -17px;}


/* -- Publish -- */    
.selectOption ul {margin: 20px 0 0 0; padding: 0;}
.selectOption li {list-style: none; display: block; line-height: 2;}
.selectOption label {display: block;}