/* @override http://localhost:3000/stylesheets/screen.css?1223382559 */

/* --------------------------------------------------------------
  
   Screen Stylesheet
   * imports reset.css & global.css
   * defines site specific styles for screen
   
   Copyright Fusionary Media
   
-------------------------------------------------------------- */

@import "/stylesheets/reset.css";
@import "/stylesheets/global.css";

/* Defaults
-------------------------------------------------------------- */
form .set label{
	display:block;
}
form .set{
	margin-bottom: .75em;
}

acronym { border-bottom: none; }

/* Layout
-------------------------------------------------------------- */

body{
  background: #848484 url(/images/bg_body.gif) repeat-x;
  position: relative;
}

#container{
	background: url(/images/bg_container.gif) repeat-y;
  position: relative;
  width: 794px;
  margin: 0 auto; /*centers container*/
}

#header{
	padding: 0px 3px;
	height:91px;
	background: #a8a8a8 url(/images/bg_header.gif) no-repeat;
	position:relative;
	color: #d0e1f2;
	font-weight: bold;
	font-size: 11px;  
}
#main{
  background: url(/images/bg_main.gif) no-repeat;
  padding: 0 15px;
  min-height: 338px; /*to ensure gradient from body doesn't get covered with solid footer bg*/  
}
#main-wrapper{
  background: url(/images/bg_main_wrapper.gif) no-repeat;
  padding-top: 12px; /*rounded edge top*/
}

#footer{
  background: url(/images/bg_footer.gif) left bottom no-repeat;
  padding: 0 15px 1.5em;
  clear: both;
  /*margin-top:1.8em;*/ /*18px(baseline)/10px(fontsize) = 1.8em*/
  font-size: 10px;
  color: #9d9d9d;
  min-height:13px;
}
#extended-sidebar{
  float: right;
  width: 267px;
}
#extended-main{
  float: left;
  width: 468px;
  padding-left:15px;
}
#content{
	margin-bottom: 15px;
	position: relative;
}


/***************************************
   =About Page
************************************** */
#home-about{
	width: 480px;
	margin: 0 auto;
}
#home-about h3{
	margin-bottom: .25em;
	color: #14518A;
	padding-bottom: .25em;
	margin-bottom: .28em;
	border-bottom: #e5e5e5 solid 1px;
}
#home-about p.intro{
	color: #888;
	margin: 3em 0 3em;
	font-size: 13px;
}
#home-about .solution{
	margin-bottom: 2.5em;
}


/* Header
-------------------------------------------------------------- */

#branding-logo{
  position: absolute;
  left: 22px;
	top: 15px;
}

#logout{
	background: transparent url(/images/btn_logout.gif) 0 0 no-repeat;
  height: 32px;
  width: 87px;
  position:absolute;
  right:24px;
}
  #logout:hover{
  	background-position: 0 -32px;
  }

#welcome{
  position:absolute;
  right:131px;
  top: 8px;
}



/* Main Navigation
-------------------------------------------------------------- */

#nav-main, #nav-main li{
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav-main{
  position: absolute;
  right: 3px;
  bottom: 3px;
  width:542px; /*Safari needs width to position absolutely within a relative*/
}
body.super #nav-main{
  width: 542px; /*Safari needs width to position absolutely within a relative*/
}
#nav-main li{
  float: right;
}
#nav-main li a{
  display:block;
  background: url(/images/bg_nav.png) no-repeat;
  height: 46px;
}
#nav-main li.nav-artwork a{
  width: 109px;
}
#nav-main li.nav-artwork a:hover,
body.submission-center #nav-main li.nav-submission-center a{
  background-position: 0 -46px;
}
#nav-main li.nav-users a{
  width: 87px;
	background-position: -109px 0;
}
#nav-main li.nav-users a:hover{
	background-position: -109px -46px;
}

#nav-main li.nav-submission-center a{
  width: 166px;
  background-position: -196px 0px
}
#nav-main li.nav-submission-center a:hover,
body.submission-center #nav-main li.nav-submission-center a{
  background-position: -196px -46px;
}
#nav-main li.nav-reports a{
  width: 101px;
  background-position: -362px 0;
}
#nav-main li.nav-reports a:hover,
body.reports #nav-main li.nav-reports a{
  background-position: -362px -46px;
}
#nav-main li.nav-help a{
  width: 81px;
  background-position: -463px 0;
}
#nav-main li.nav-help a:hover,
body.help #nav-main li.nav-help a{
  background-position: -463px -46px;
}
body.super #nav-main li.nav-reports{
  display:block;
}


/* Main
-------------------------------------------------------------- */

#main h2{
  background: url(/images/bg_main_heading.gif) left bottom repeat-x;
  margin: 0 -11px .75em;
  padding: 0 11px 8px;
  color: #14518a;
  line-height:1.5;
  min-height: 30px; /*ensures background doesn't clip at top*/
}



/* Footer
-------------------------------------------------------------- */

#footer-inner{
	border-top: solid 1px #e3e3e3;
	position: relative;
}
#footer #legal{
  margin: 0;
  padding-left: 2px;
  line-height: 2.4em;
	color: #c3c3c3;
	padding-top: 5px;
	float: left;
}
#footer img{
	margin: 0;
	float: none;
	vertical-align: middle;
}
#powered-by-tmarx{
	padding-top: 6px;
}
#footer #legal .copyright{
	color: #9d9d9d;
}


/* Secondary Nav
-------------------------------------------------------------- */
#nav-secondary, #nav-secondary li{
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav-secondary{
	float: right;
  background: #f0f0f0 url(/images/bg_nav_secondary_rounded.gif) no-repeat right bottom;
}
#nav-secondary li{
  float:left;
  background: url(/images/bg_nav_secondary.gif) no-repeat left top;
  padding: 0 9px;
}
#nav-secondary li.first{
  background: url(/images/bg_nav_secondary_rounded.gif) no-repeat left bottom;
}
#nav-secondary li a{
  display:block;
  padding: .75em 1em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 9px;
  text-decoration: none;
  color: #9d9d9d;
}
#nav-secondary li a:hover{
  color: #EE3B3F;
}



/* Toolbar
-------------------------------------------------------------- */

#toolbar, #toolbar li{
  margin: 0;
  padding: 0;
  list-style: none;
}
#toolbar{
  margin-bottom: 2em;
}
#toolbar li{
  float:left;
  min-height: 71px;
}
#toolbar li.right{
  float:right;
}
#toolbar #submit-design,
#toolbar #create-user{
  padding-top:18px;
  min-height: 53px; /*71px-18px padding*/
}
#toolbar #submit-design{
  padding-left: 22px;
}



/* Filter Menu
-------------------------------------------------------------- */

#filter, #filter li{
  margin:0;
  padding: 0;
  list-style: none;
}
#filter{
	margin-bottom: 15px;
}
#filter li{
  float:left;
}

/*normal filter menu*/
#filter li a{
  height: 71px;
  width: 121px;
  display:block;
  background: #fff url(/images/bg_nav_filter.gif) no-repeat;
	letter-spacing: -1em;
	text-indent: -1000em;
}

/*shows-hides for corresponding user*/

#filter li.filter-mine,
#filter li.filter-unassigned{
  display:none;
}
body.licensee #filter li.filter-unread,
body.licensee #filter li.filter-unreviewed,
body.licensee #filter li.filter-overdue{
  display:none;
}
body.super #filter li.filter-unread,
body.super #filter li.filter-unreviewed{
  display: none;
}
body.super #filter li.filter-mine,
body.super #filter li.filter-unassigned{
  display:block;
}
body.manager #filter li.filter-unread{
	display: none;
}

#filter li.filter-all a{
  width: 119px;
	background-position: 0 0;
}
#filter li.filter-unreviewed a{
  background-position: -119px 0;
}
#filter li.filter-flagged a{
  background-position: -240px 0;
}
body.licensee #filter li.filter-flagged a{
  background-position: -480px 0;
}
body.licensee #filter li.filter-flagged a:hover,
body.licensee #filter li.filter-flagged a.active{
  background-position: -480px -71px;
}
#filter li.filter-overdue a{
  width: 119px;
  background-position: -361px 0;
}
  #filter li.filter-all a:hover,
  #filter li.filter-all a.active{
    background-position: 0 -71px;
  }
  #filter li.filter-unreviewed a:hover,
  #filter li.filter-unreviewed a.active{
    background-position: -119px -71px;
  }

  #filter li.filter-flagged a:hover,
  #filter li.filter-flagged a.active{
    background-position: -240px -71px;
  }
  #filter li.filter-overdue a:hover,
  #filter li.filter-overdue a.active{
    background-position: -361px -71px;
  }

/*supervisor filter menu*/
body.super #filter, body.super #filter li{
  margin:0;
  padding: 0;
  list-style: none;
}
body.super #filter{
	margin-bottom: 15px;
}
body.super #filter li{
  float:left;
}

body.super #filter li a{
  height: 71px;
  width: 96px;
  display:block;
  background: #fff url(/images/bg_nav_filter_supervisor.gif) no-repeat;
}
body.super #filter li.filter-unread{
	display: none;
}
body.super #filter li.filter-mine a{
  background-position: -96px 0;
}
body.super #filter li.filter-unassigned a{
  background-position: -192px 0;
}
body.super #filter li.filter-flagged a{
  background-position: -288px 0;
}
body.super #filter li.filter-overdue a{
  background-position: -384px 0;
}
body.super #filter li.filter-all a:hover,
body.super #filter li.filter-all a.active{
  background-position: 0 -71px;
}
body.super #filter li.filter-mine a:hover,
body.super #filter li.filter-mine a.active{
  background-position: -96px -71px;
}
body.super #filter li.filter-unassigned a:hover,
body.super #filter li.filter-unassigned a.active{
  background-position: -192px -71px;
}
body.super ul#filter li.filter-flagged a:hover,
body.super ul#filter li.filter-flagged a.active{
	background: #fff url(/images/bg_nav_filter_supervisor.gif) -288px -71px no-repeat;
}
body.super ul#filter li.filter-overdue a:hover,
body.super ul#filter li.filter-overdue a.active{
	background: #fff url(/images/bg_nav_filter_supervisor.gif) -384px -71px no-repeat;
}


/* Content-Box (main rounded box — dark gray top header, light gray body)
-------------------------------------------------------------- */

.content-box{
  background: #e8e8e8 url(/images/bg_rounded_light_gray_b.gif) no-repeat left bottom;
  margin-bottom: 1.5em;
}
.content-box .box-head{
  background: #525252 url(/images/bg_rounded_dark_gray.gif) no-repeat left top;
  min-height: 36px;
}
.content-box .box-head h3,
.content-box .box-head .inner{
  background: url(/images/bg_rounded_dark_gray.gif) no-repeat right top;
  color: #fff;
  line-height: 2.5;
  padding: 0 10px;
  margin: 0;
}
.content-box .box-head .button{
  float: right;
  margin: 7px 10px 0 0;
  cursor: pointer;
}

.content-box h3 em{
  color: #cacaca;
  font-style: normal;
}
.content-box .box-body{
  background: url(/images/bg_rounded_light_gray_b.gif) no-repeat right bottom;
  padding: 10px;
}
#extended-sidebar .content-box .box-head{
  min-height: 24px;
}
#extended-sidebar .content-box .box-head h3{
  line-height: 2;
  font-size: 12px;
}



/* Basic Rounded box (default light blue, empty span in head)
-------------------------------------------------------------- */

.box-rounded{
  background: #edf6fc url(/images/bg_rounded_light_blue.gif) no-repeat left bottom;
  margin-bottom: 1.5em;
}
.box-rounded .box-head{
  background: url(/images/bg_rounded_light_blue.gif) no-repeat left top;
}
.box-rounded .box-head .inner{
  display: block;
  background: url(/images/bg_rounded_light_blue.gif) no-repeat right top;
  min-height: 15px;
  padding: 10px 15px 0;
}
.box-rounded .box-body{
  background: url(/images/bg_rounded_light_blue.gif) no-repeat right bottom;
  padding: 0 15px 10px;
}
.gray { background: #e8e8e8 url(/images/bg_rounded_light_gray.gif) no-repeat left bottom; }
.gray .box-head,
.gray .box-head .inner,
.gray .box-body { background-image: url(/images/bg_rounded_light_gray.gif); }


.box-rounded.blue{
  background-color: #c1e4ff;
  background-image: url(/images/bg_rounded_blue.gif);
}
.box-rounded.blue .box-body{
  background-image: url(/images/bg_rounded_blue.gif);
}
.box-rounded.blue .box-head{
  background-image: url(/images/bg_rounded_blue.gif);
}
.box-rounded.blue .box-head .inner {
  background: url(/images/bg_rounded_blue.gif) no-repeat right top;
}



/* Search Box (min-height and pixel padding ensures 71px height to line up w/ other items)
-------------------------------------------------------------- */

.box-rounded.search{
	width:267px;
	margin-bottom: 0;
}
.box-rounded.search .box-body{
	min-height: 35px;
}
.box-rounded.search .box-head{
  min-height: 27px;
}

.state-filter div.radio{
	float: left;
	width: 49%;
	margin: 0 0 2px;
}
.state-filter div.radio.approved-changes{
	width: auto;
	clear: left;
	float: none;
}
.state-filter div.radio input{
	float: none;
}
.state-filter label{
	padding: 1px 0 1px 16px;
	margin-left: 3px;
	font-weight: normal;
	text-transform: capitalize !important;
	font-size: 10px !important;
}
.state-filter{
	padding: 0;
	border: none;
	margin: 5px 0 0;
}
.state-filter .legend{
	font-size: 11px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	text-indent: 0;
	font-weight: bold;
	font-family: "Lucida Grande","Trebuchet MS",Arial,Verdana,sans-serif;
}

/*.box-rounded.search .state-filter label{
  font-size: 75%;
  font-weight: normal;
  padding-left: 15px;
}

.box-rounded.search .state-filter input{
  margin: 2px;
}*/

.box-rounded.search label {
	font-size: 11px;
	text-transform: uppercase;
}
.box-rounded.search input.text{
  width:196px;
}
.box-rounded.search input{
  vertical-align: middle;
  margin:0;
}

/* Designs-main, Project list, and Tables
-------------------------------------------------------------- */

.project-list, .project-list li{
  margin: 0;
  padding: 0;
  list-style: none;
}
.project-list{
  margin-bottom: -10px; /*compensates for extra space after last li*/
}
.project-list li{
  margin-bottom: 10px;
}
.project-list li.empty{
  background: #f4fbff;
  text-align: center;
  padding: 10px;
  font-size: 16px;
}


table.recordset{
  width: 100%;
  background-color: #fff;
  border-bottom: 2px #fff solid;
  border-left: 2px #fff solid;
  color: #333;
	font-size: 11px;
}
table.recordset thead tr th{
  border-bottom: 1px #f5f5f5 solid;
  background-color: #f4fbff;
  font-weight: normal;
  color: #000;
}

table.recordset thead th strong{
  font-size: 13px;
  line-height:1.38; /*maintains 18px line-height*/
}
table.recordset thead th em{
  color: #565656;
}
table.recordset td,
table.recordset th{
  background-color: #fff;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  padding: 2px 5px;
  vertical-align: middle;
}
table.recordset td.description{
  white-space: normal;
}
table.recordset tr.odd td{
  background-color: #f5f5f5;
}
table.recordset tr.ruled td{
  background-color: #d0ecff;
  cursor: pointer;
}
table.recordset thead tr.ruled th{
  background-color: #fdf9cc;
  cursor: pointer;
}
table.recordset tbody th{
  color: #979797;
  font-size: 10px;
  text-transform: uppercase;
}

/*column widths*/
table.recordset td.flag,
table.recordset th.flag{
  width:15px;
}
table.recordset th.description,
table.recordset td.description{
  width: 200px;
}

body.licensee table.recordset th.description,
body.licensee table.recordset td.description{
  width: 400px;
}

table.recordset td.select,
table.recordset th.select{
	text-align: center;
	width: 20px;
}
body.super table.recordset td.status,
body.reviewer table.recordset td.status,
body.manager table.recordset td.status{
	width: 90px;
	font-size: 12px;
}
table.recordset th.design-number{
	width: 30px;
}

/* Flagging, Collapisble, 
-------------------------------------------------------------- */

/*flag icons*/
table.recordset td.flag a{
  display:block;
  width:15px;
  height:15px;
  background: url(/images/icon_flags_both.gif) no-repeat;
}
table.recordset td.flag a.flag-on{
  background-position: 0 -85px;
}

/*collapsible—expanding triangles*/
.collapsible{
	display: block;
  height:7px;
  width: 7px;
  float: left;
  margin-top:7px;
	text-indent: -999em;
	letter-spacing: -1em;
}

table.recordset thead tr th .collapsible,
div.closed .collapsible{
  background: url(/images/triangles_expand_both.gif) no-repeat;
  padding-right: 5px;
}

table.recordset thead th.open .collapsible,
div.open .collapsible{
  background: url(/images/triangles_expand_both.gif) no-repeat left -43px;
}

/* Status
-------------------------------------------------------------- */

table.recordset th.status,
table.recordset td.status{
  text-align: center;
}
table.recordset tr.unread td,
table.unread #project_header em{
  font-weight:bold;
}

/*status icons*/

.pending{
	background: url(/images/icon_pending.gif) left center no-repeat;
}
.resubmit{
	background: url(/images/icon_resubmit.gif) left center no-repeat;
}
.rejected{
	background: url(/images/icon_rejected.gif) left center no-repeat;
	color: #c90000;
}
.approved{
	background: url(/images/icon_approved.gif) left center no-repeat;
	color: #029100;
}
.approved_with_changes{
	background: url(/images/icon_approved_with_changes.gif) left center no-repeat;
}
span.status,
label.status{
  padding: 2px 0 2px 18px;
  background-position: left center;
}

span.status.right{
  padding-left: 0;
  padding-right: 18px;
  background-position: right center;
}
span.status .date{
  font-size: 10px;
  font-style: italic;
}
table.recordset td.status span.status{
  display: block;
	height: 1.5em; /* centers icon within line-height */
	width: 14px;
	padding:0;
	min-height:14px;
}
body.super table.recordset td.status span.status{
  float: left;
  margin-right:.5em
}

label span.status{
  float:left; /*use when label to the right of checkboxes or radio buttons for crossbrowser similarity*/
  padding-left: 22px;
}
.unlicensed-warning {
  color: red;
  font-weight: bold;
}


/* supervisor/admin advanced status */
dl.status-advanced{
  margin: 0;
  padding: 0;
  display: inline;
}
dl.status-advanced dt{
  display:none;
  margin:0;
}
dl.status-advanced dd{
  margin: 0;
  background: none;
  display: inline;
  font-weight:bold;
  text-align: center;
}
dl.status-advanced dd.pending{
  margin-right: 0;
}
td.status img{
  margin-right: .3em;
  vertical-align:middle;
  margin-bottom: .2em
}


/* Priority
-------------------------------------------------------------- */
table.recordset th.priority,
table.recordset td.priority{
  text-align: center;
}


/* Age Rating
-------------------------------------------------------------- */

table.recordset .rating{
  margin-top: 3px;
  margin-right: 5px;
}
table.recordset dd.rating{
  float:left;
  background: url(/images/icon_rating.gif) no-repeat right top;
  height: 14px;
}
table.recordset dd.rating.r0{
	width:19px;
  background: url(/images/icon_rating_disabled.gif) no-repeat right top;
}
.rating.r5{
  width:19px;
}
.rating.r4{
  width:15px;
  margin-left:4px;
}
.rating.r3{
  width:11px;
  margin-left:8px;
}
.rating.r2{
  width:7px;
  margin-left:12px;
}
.rating.r1{
  width:3px;
  margin-left:16px;
}
dl.age, dl.age dd{
  margin: 0;
}
dl.age{
  position: relative;
}
dl.age dt{
  display: none;
}

/* age tooltip*/
dl.age dd.tooltip{
  position:absolute;
  background: url(/images/bg_tooltip_bottom.gif) no-repeat center bottom;
  text-align: center;
  padding-bottom: 7px;
  z-index: 9999;
  left: -2.2em;
  top: -3em;
  line-height: 1;
  visibility: hidden;
}
dl.age dd.tooltip span{
  display: block;
  border: solid 1px #9a9a9a;
  border-bottom: none;
  background: #feffe7;
  padding: .5em;
}
dl.age dd.tooltip strong{
  color: #7d7d70;
  font-weight: normal;
  font-size: 11px;
}



/* Comments and Comment-tabs
-------------------------------------------------------------- */

#comments{
  padding-top: .3em; /*offset for negative margin on tabs*/
}
/*tabs*/
#comments ul.domtabs, #comments ul.domtabs li{
  margin: 0;
  padding: 0;
  list-style: none;
}
#comments ul.domtabs{
  margin: -2.2em 0 1.5em 7em;
}
#comments ul.domtabs li{
  float: left;
}
#comments ul.domtabs li a,
#comments ul.domtabs li.active a:hover{
  padding-left: 4em;
  display: block;
  font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  font-weight: bold;
  color: #5597d6;
  text-decoration: none;
}
#comments ul.domtabs li a:hover{
  color: #d68955;
}
#comments ul.domtabs li.active a{
  background: url(/images/tab_rounded_stroke.gif) no-repeat;
/*  border-bottom: 1px solid #fff;
*/}
#comments ul.domtabs li a span{
  display:block;
  padding: .25em 4em .25em 0;
}

#comments ul.domtabs li.active a span{
  background: url(/images/tab_rounded_stroke.gif) no-repeat top right;
}

/*comment lists (tab content)*/
.comments-list ul, .comments-list li{
  margin: 0;
  padding: 0;
  list-style: none;
}
.comments-list ul li{
  background: #f4fbff;
  border-bottom: 1px #b5c9d8 solid;
  margin-bottom: 1.5em;
  color: #444;
}
.comments-list ul.external li{
  background: #fffff5;
  border-bottom-color: #decfa6;
}
.comments-list ul li dd{
  margin: 0;
}
.comments-list ul li dt{
  display: block;
  background: #e6f4fc url(/images/icon_speech_bubble.gif) no-repeat .75em center;
  padding-left: 2.25em;
}
.comments-list dt.private{
  background: #e6f4fc url(/images/lock.png) no-repeat .75em center;
}
.comments-list ul.external dt{
  background-color: #fbf6dd;
}
.comments-list ul li dd.date{
  color:#8b8b8b;
  float:right;
  margin-top: -1.5em;
  font-size: 11px;
  padding-right: .75em;
}
.comments-list ul li dd.comment{
  padding: .75em .75em 0;
}
.comments-list ul li dd.attachment{
  color: #A4A4A4;
  margin-left: .75em;
  margin-top: .75em;
}

.comments-list ul li dd .image{
  padding-left: 18px;
  background: url(/images/page_white_picture.png) no-repeat; 
  padding-bottom: 1px;
}

.comments-list ul li dd .pdf{
  padding-left: 18px;
  background: url(/images/page_white_pdf.png) no-repeat; 
  padding-bottom: 1px;
}

.comments-list ul li dd .msword{
  padding-left: 18px;
  background: url(/images/page_white_word.png) no-repeat; 
  padding-bottom: 1px;
}

.comments-list ul li dd .zip{
  padding-left: 18px;
  background: url(/images/page_white_compressed.png) no-repeat; 
  padding-bottom: 1px;
}

.comments-list ul li dd .excel{
  padding-left: 18px;
  background: url(/images/page_white_excel.png) no-repeat; 
  padding-bottom: 1px;
}

.comments-list ul li dd .application{
  padding-left: 18px;
  background: url(/images/page_white.png) no-repeat; 
  padding-bottom: 1px;
}

/*comment form*/
#comments form {
  width: 90%;
}
#comments form label{
  font-weight: normal;
}
#comments form textarea{
  height: 95px;
  width: 100%;
}

#comments .recipients ul{
  font-weight:bold;
  margin: 0 0 .5em .75em;
  
}
#comments .recipients ul li{
  display: inline;
  list-style: none;
}
#comments .recipients p.small{
  font-size: 11px;
  margin-bottom: .5em;
}

img.private_comment{
  padding-left: 5px;
}


/* VMT Page
-------------------------------------------------------------- */

#vmt {
  margin-bottom: 1.5em 0; 
  width: 757px;
  height: 521px;
	clear: both;
}

#novmt {
  margin: 1.5em 0;
  background-color: #e8e8e8;
  width: 757px;
  height: 221px;
	clear: both;
}

#novmt span {
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin: 10px 0;
}

#novmt-inner {
  text-align: center;
  width: 757px;
  height: 221px;
  display: table-cell;
  vertical-align: middle;
}

/* New Links in Design Details
-------------------------------------------------------------- */
#original_submission,
#design_details{
	width: 327px;
	height: 48px;
	padding-left: 48px;
	line-height: 48px;
	margin-bottom: 1.5em;
	float: left;
	margin-right: 14px;
}
#original_submission a,
#design_details a{
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}

#original_submission{
	background: url(/images/btn-rnd-download.gif) no-repeat;
}
#design_details{
	background: url(/images/btn-rnd-details.gif) no-repeat;
	margin-right: 0;
}


#extended-main h3{
  color:#a4a4a4;
  border-bottom: 1px solid #e5e5e5;
  font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  margin: 0 0 .25em;
}

#additional_design_info {
  margin: 0 0 10px;
}

#additional_design_info dt {
  font-weight: bold;
}

#additional_design_info h4 {
  font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  font-weight: bold;
  margin: 0 0 .25em;
  border-bottom: 1px dotted #e5e5e5;
  font-size: 14px;
}



#manager-list, #manager-list li,
#reviewer-list, #manager-list li{
  list-style: none;
  margin:0;
  padding: 0;
}
#manager-list,#reviewer-list{
  margin-bottom: 1.5em;
}

/*sidebar boxes*/
#extended-sidebar .content-box{
  font-size: 11px;
}
.content-box table{
	width: 100%;
}
  #info-product th{
    width: 50%;
  }
#info-contact dl,
#info-contact dd{
  margin: 0;
}
#info-contact dt.address{
  display: none;
}
#info-contact dt,
#info-contact dd{
  float:left;
}
#info-contact dd{ float: none; }
#info-contact dt{
  clear:left;
  margin-right: .25em;
}
#info-contact address{
  font-style: normal;
}

#info-history  td,
#info-history  th{
  padding: .125em 0;
}
#info-history th{
  white-space: nowrap;
  padding-right: .25em;
}

.pdf-help li {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*status update form*/
#status-update .box-body{
	text-align: center;
}
#status-update a{
	margin: 0 3px;
}
#status-update p.date{
	color: #666;
	font-size: 11px;
	margin: 0;
}
#status-update h3 {
	padding: 9px 15px 0;
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
	margin-bottom:.5em;
}
#status-update h3 span.status{
  font-weight: normal;
  text-transform: none;
}
#status-update h4{
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	line-height: 1;
	margin-bottom: 3px;
}

#status-update label{
  font-weight:normal;
}
#status-update fieldset ul, #status-update fieldset li,
#moderate-selected fieldset ul, #moderate-seleceted fieldset li{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
}
#status-update fieldset ul,
#moderate-selected fieldset ul{
  margin-bottom: 1.5em;
}
#status-update fieldset li,
#moderate-selected fieldset li{
  clear:left;
}
#status-update form{
	text-align: left !important;
}
#status-update form span.status{
  font-weight: normal;
  color: #333;
}
#status-update fieldset,
#moderate-selected fieldset{
  border: none;
  padding: 0;
  margin: 0 0 .75em 0;
}
#status-update form{
  margin: 0 0 0 .25em;
}
#status-update p.small{
  font-size:11px;
  margin-bottom: .5em;
}
#status-update input.text, #status-update textarea{
  width:220px;
  margin-top: 0;
}
#status-update textarea{
  height: 96px;
}
#status-update input.button{
  margin-right: 10px;
}
#status-update label.checkbox{
  clear:left;
  display:block;
}


/* Design Navigation (flip though designs)
-------------------------------------------------------------- */

#nav-design{
  background-color: #efefef;
  font-size: 11px;
}
#nav-design .box-body{
  padding: 0 .25em;
}
#nav-design ul, #nav-design ul li{
  margin:0;
  padding: 0;
  list-style: none;
}
#nav-design ul{
	width: 262px;
}

#nav-design li.previous,
#nav-design li.next{
  width: 50%;
  float:left;
  min-height: 66px;
}
#nav-design li.previous a,
#nav-design li.next a{
  font-size: 12px;
}

#nav-design li.previous dl,
#nav-design li.next dl{
  padding-right: 10px;
  padding-bottom: 1em;
}
#nav-design li.next dl{
  padding: 0 0 0 10px;
}
#nav-design li.previous{
  background: url(/images/border_gradient.gif) no-repeat right bottom;
  text-align: right;
}
#nav-design li.return{
  clear:both;
  text-align: center;
  background: url(/images/gradient_stripe_gray.gif) repeat-x;
  padding:.25em 0;
	width: 262px;
}
#nav-design dl,
#nav-design dl dd,
#nav-design dt{
  margin: 0;
  font-weight: normal;
}



/* Traffic
-------------------------------------------------------------- */
#designs-main{
	clear: both;
}
body.super #traffic-mini{
 	position: absolute;
	left: -112px;
	top: 79px;
	width: 100px;
}
body.super #traffic-mini .decor{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 20px;
	background: url(/images/bg_drawer_grad.png) repeat-y;
}
#traffic-mini .box-head{
  background:  transparent url(/images/bg_drawer_top.png) no-repeat left top;
}

#traffic-mini .box-body{
  background:  #e8e8e8 url(/images/bg_drawer_bottom.png) no-repeat left bottom;
}
#traffic-mini{
	background: none;	
}
body.super #traffic-mini h3{
  text-align: center;
  background: none;
}
#traffic-mini ul, #traffic-mini ul li{
  margin: 0;
  padding: 0;
  list-style: none;
}
#traffic-mini ul li{
  border-bottom: 1px solid #d9d9d9;
  padding: .5em 10px .75em;
	overflow: hidden;
}
#traffic-mini .box-body{
  padding: 0 0 10px 0;
}

#traffic-mini dl, #traffic-mini dd{
  margin: 0;
}

#traffic-mini dt{
  color: #525252;
  float: left;
}
#traffic-mini ul{
  font-size: 11px;
}
#traffic-mini dd.rating{
  color: #000;
  font-weight: bold;
  float:right;
}
#traffic-mini .meter span{
  display:block;
  height: 4px;
  clear: both;
}
#traffic-mini .meter-red{
  background: #db0500;
}
#traffic-mini .meter-blue{
  background: #3b7ebd;
}

/*traffic table*/
#traffic table.recordset{
  background: none;
  border: none;
  border-collapse: collapse;
}
#traffic table.recordset tbody td{
  border-left: 2px solid #FFFFFF;
}
#traffic table.recordset thead th{
  font-weight:bold;
  font-size: 11px;
  border: none;
  background: none;
/*  background: url(/images/bg_rounded_white_on_gray.gif) 0 100% no-repeat;
  padding-bottom:5px;*/
}
/*#traffic table.recordset thead th.turnaround{
  background-position: 100% 100%;
}
#traffic table.recordset thead th.open-submissions{
  background-position: -5px 100%;
}*/
#traffic table.recordset tbody td.turnaround,
#traffic table.recordset thead th.turnaround{
  font-weight: bold;
  text-align: center;
}

/*meter*/
#traffic dt{
  display: none;
}
#traffic dd{
  float: left;
  font-weight: bold;
  margin: 0 15px 0 0;
}
#traffic dd.meter{
  margin: .2em 0 0 0;
}
#traffic dd.meter span{
  display: block;
  height:14px;
  background: repeat-x;
}
#traffic dd.meter span.meter-blue{
  background-image: url(/images/traffic_bar_blue.gif);
}
#traffic dd.meter span.meter-red{
  background-image: url(/images/traffic_bar_red.gif);
}

/* Sidebar for Artwork Admin */
#artwork-categories{
 	position: absolute;
	left: -212px;
	top: 79px;
	width: 200px;
}
#artwork-categories .decor{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 20px;
	background: url(/images/bg_drawer_grad.png) repeat-y;
}
#artwork-categories .box-head{
  background:  transparent url(/images/bg_drawer_top.png) no-repeat left top;
}

#artwork-categories .box-body{
  background:  #e8e8e8 url(/images/bg_drawer_bottom.png) no-repeat left bottom;
}
#artwork-categories{
	background: none;	
}
#artwork-categories h3{
  font-size: .85em;
  line-height: 2.5; 
  text-align: center;
  background: none;
}
#artwork-categories ul, #artwork-categories ul li{
  margin: 0;
  padding: 0;
  list-style: none;
}
#artwork-categories ul li{
  border-bottom: 1px solid #d9d9d9;
  padding: .5em 10px .75em;
	overflow: hidden;
}
#artwork-categories .box-body{
  padding: 0 0 10px 0;
}
ul.subcategory-nav li a {
  text-decoration: none;
  font-weight: bold;
}

span.breadcrumbs {
  margin-top: 10px;
  margin-bottom: 10px;
}

.breadcrumbs a {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5em;
}
.breadcrumbs .active {
  color: #525252;
  font-weight: bold;
  font-size: 1.5em;
  display: inline;
}

#mark-info {
  width: 300;
  float: left;
}

#mark-restrictions {
  width: 387px;
  float: right;
}

#mark-restrictions  textarea{
  width: 300px;
  height: 100px;
}

.mark-image-container {
  width: 100px; 
  height: 100px;
  margin: 0 auto 4px;
}

 .mark-image {
  display: block;
  margin: auto;
}
.mark-name {
	margin-bottom: 4px;
}
ul#artwork-colors li {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}

ul#artwork-colors li span {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  width: 20px; 
  height: 20px; 
}

table.licensor-list {
  float:left;
  margin-right:10px;
  width:30%;
}

#artwork-collections {
  margin-top: 20px;
}

#artwork-search-instructions {
  width: 300px;
  float: left;
}
#artwork-search {
  float: right;
}

table.collection {
  width: 250px;
  float: left;
}

.colorlist ul, .colorlist ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: 10px/1em Arial, Helvetica, sans-serif;
}
.colorlist ul{
	margin: 0px 0px 15px 0px;
}
.colorlist ul li{
	color: #444;
	clear: left;
	padding: 5px;
	background: url(../images/dotted_line.gif) left bottom repeat-x;
}
.colorlist ul li strong{
	color: #000;
	font-weight: bold;
}
.colorlist ul li em{
	font-style: normal;
}

.colorlist ul li img{
	float: left;
	margin: 0px 5px 0px 0px;
	border: 1px solid #fff;
}

dl.artworkList{}
dl.artworkList dt, dl.artworkList dd{
	margin: 0px;
	padding: 0px;
}

dl.artworkList dt{
	margin-bottom: 5px;
	width: 470px;
	background: transparent url(../images/bg_marksection.gif) 0 0 no-repeat;
	height: 31px;
}
	dl.artworkList dt.short{
		margin-bottom: 5px;
		width: 470px;
		background: transparent url(../images/bg_marksection_short.gif) 0 0 no-repeat;
		height: 31px;
	}
	dl.artworkList dt span.select-all{
		display: block;
		float: left;
		height: 30px;
		font: bold 13px/30px Arial, Helvetica, sans-serif;
		padding: 0 5px;
		width: 21px;
		text-align: center;
	}
		dl.artworkList dt span.select-all input{
			position: relative;
			bottom: -5px;
		}
	dl.artworkList dt span.category{
		display: block;
		float: left;
		height: 30px;
		padding: 0 15px 0 0;
		margin-left: 10px;
		font: bold 13px/30px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		width: auto;
		background: transparent url(../images/bg_category.gif) right top no-repeat;
	}

dl.artworkList dd{
	margin-bottom: 5px;
}

	dl.artworkList dd ul, dl.artworkList dd ul li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		dl.artworkList dd ul{
			float: left;
			border: 1px solid #b3b3b3;
			width: 105px;
			margin: 0px 10px 10px 0px;
		}
		dl.artworkList dd ul li.title{
			margin: 1px;
			padding: 3px 0px;
			background: #f2f2f2;
			border-bottom: 1px solid #e8e8e8;
			text-align: center;
			line-height: 1em;
			min-height: 30px;
			font-size: 10px;
		}
		dl.artworkList dd ul li.image{
			text-align: center;
			position: relative;
		}
			dl.artworkList dd ul li.image a.badge-restriction{
				position: absolute;
				top: 0px;
				right: 0px;
			}
		dl.artworkList dd ul li.name{
			border-top: 1px solid #e8e8e8;
			text-align: left;
			color: #7f7f7f;
			padding: 2px 0;
			position: relative;
			text-align: right;
		}

dl.artworkList dd ul li.name div.tooltip{
	display: none;
	width: 150px;
	text-align: center;
	border: 1px solid #e2e2e2;
	padding: 5px 10px;
	background: #feffe7;
	font-size: 11px;


}

dl.artworkList dd ul.sfhover li.name div.tooltip, dl.artworkList dd ul:hover li.name div.tooltip{
	display: block;
	position: absolute;
	top: 20px;
	left: -35px;
	z-index: 9999;
}

#download-marks {
  margin-bottom: 25px;
}

#link_select_all {
  margin-left: 10px;
}
#select-marks {
  max-height: 700px;
  overflow: auto;
}
#artwork-sidebar textarea {
  width: 225px;
}
#artwork-sidebar .content-box .box-body textarea {
  width: 205px;
}
span.empty {
  font-style: italic;
}


/* Dialog Box
-------------------------------------------------------------- */

#overlay{
  background-image: url(/images/bg_overlay.png);
  position: fixed;
  z-index: 90;
  left:0;
  top: 0;
  width: 100%;
  height: 100%;
}
#overlay #window{
  width: 490px;
  border: solid 1px #616161;
  background: #fff;
  position: absolute;
  top: 40px;
  left: 50%;
  margin: 0 0 0 -246px;
  z-index: 100;
}
#window-inner{
  border: solid 6px #f1f1f1;
  padding: 10px 20px;
  max-height: 500px;
  overflow: auto;
}

#design_overlay #window{
  width: 700px;
  border: solid 1px #616161;
  background: #fff;
  position: absolute;
  top: 40px;
  left: 50%;
  margin: 0 0 0 -346px;
  z-index:100;
}

/* IE6 z-index bug workaround */
iframe.overlay
{
 display:block;
 position:absolute;
 filter:alpha(opacity='0');
 top:0;
 left:0;
 z-index:-1;
 filter:mask(); 
 width:100%;
 height:100%;
}

* html #overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    /*background-color: #000;*/
    background-color: transparent;
    background-image: url(/images/blank.gif);
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");*/
}


textarea {
  height: 89px;
}


/* Assign Project Form
-------------------------------------------------------------- */

#assign-project label,
#assign-project h3,
#moderate-selected h3,
#moderate-selected label{
  font-size: 13px;
  font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  margin: 0;
  text-transform: uppercase;
}
#moderate-selected h3{
	margin-bottom: .5em;
}
#assign-project h2{
  background: url(/images/icon_assign.gif) no-repeat left center;
  padding-left: 45px;
  font-size: 16px;
  line-height: 40px;
}
#choose-manager{
  width: 61%;
  float:left;
}
#due-date{
  float:right;
  width: 35%;
}
#due-date input{
  width:98px;
  margin-right: 5px;
}

/*choose reviewers*/
#choose-reviewers{
  clear:both;
  margin-bottom: .25em;
}
#choose-reviewers .box-body{
  position:relative;
}
#choose-reviewers h3 em{
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
}
#choose-reviewers select{
  width: 180px;
}
#choose-reviewers label{
  color: #83a7bf;
}
#choose-reviewers .all{
  float:left;
}
#choose-reviewers .selected{
  float:right;
}
#choose-reviewers .all a.transfer,
#choose-reviewers .selected a.transfer{
  position:absolute;
  top:45%;
  width:30px;
  height:21px;
  left:50%;
  margin-left: -15px;
}
#choose-reviewers .all a.transfer{
  margin-top:-15px;
}
#choose-reviewers .selected a.transfer{
  margin-top:15px;
}
#assign-comments-box{
  height:135px;
}
#assign-project-cancel{
  float: right;
}
#assign-project-submit{
  float: right;
  margin-right:15px;
  margin-left: 5px;
}
label#assign-comments-label{
  display:block;
  margin:0 15px;
}

#moderate-selected #change-status label{
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  text-transform: none;
	font-weight: normal;
}
#moderate-selected #change-status ul label{
	font-size: 11px;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
  text-transform: none;
}
#moderate-selected h2{
	font-size: 16px;
}
#moderate-selected p.small{
	font-size: 11px;
	margin-bottom: .5em;
}
#moderate-selected #change-status h3{
	text-transform: none;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 0.25em;
}
#moderate-selected #change-status h3 span.pending{
	font-weight: normal;
}

/* Form errors
-------------------------------------------------------------- */

#review_errors{
  margin-bottom: 1.5em;
}
#errorExplanation h2,
#notice h2{
  background: none;
  margin:0;
  padding:0;
  color: #444;
  line-height: 1.5;
  font-size: 18px;
  font-weight:bold;
}
#errorExplanation ul,
#notice ul{
  color: #b52020;
  font-weight: bold;
  margin-left: 3em;
  margin-bottom: 0;
}

#errorExplanation,
#notice{
  background: #fffdcd;
  border: 5px solid #ffeda6;
  padding: 15px;
  color: #444;
margin-bottom: 1.5em;
}
#errorExplanation p,
#notice p{
  margin-bottom: .75em;
  font-size:13px;
}

#notice{
	text-align: center;
	color: #B0A373;
}

/* Form Field Admin
-------------------------------------------------------------- */
#new_custom_form_element {
	margin-bottom: 20px;
}

#new_custom_form_element table{
  margin-bottom: 10px;
}
#custom_type_options {
  margin-bottom: 10px;
}

#form_fields {
	font-size: 150%;
	font-weight: bold;
}

#form_fields li {
	list-style: none;
}

#form_fields li ul {
	font-size: 80%;
}

#form_fields .form_group {
	padding-bottom: 10px;
}

.toggle_open {
	background: url('/images/add.png') no-repeat;
	padding-left: 20px;
}

.instructions {
	font-size: 85%;
	color: #ccc;
}

.create_success {
	font-size: 110%;
	color: green;
	font-weight: bold;
}
a.add-option { display: block; }

/* New Form Styles
-------------------------------------------------------------- */
#new_design,
#edit_template{
	margin: 30px 0 3em 0;
}
#new_design input.text,
.edit_design input.text,
#user_form input.text,
#new_design textarea,
#edit_template input.text{
	margin: 0;
	padding: 5px;
	font-size: 14px;
	font-weight: normal;
	width: 150px;
}
#new_design h3,
.edit_design h3,
#user_form h3,
#edit_template h3{
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #333;
	margin-bottom: .5em;
	text-transform: none;
}
#new_design input:focus,
.edit_design input:focus,
#edit_template input:focus,
#user_form input:focus
{
	background: #FFFFE3;
}
#new_design label,
#edit_template label,
.edit_design label,
#user_form label,
#edit_template label{
	color: #888;
	font-size: 11px;
}
#new_design #contact-info,
#new_design #design-info{
	margin: 0 0 1.5em 0;
	padding: 0;
	border: none;
	width: 370px;
	float:left;
}
#new_design #design-info{
	float: right !important;
}
#new_design label,
.edit_design label
{
	display: block;
}
#new_design fieldset p, 
#edit_template fieldset p, 
.edit_design fieldset p{
	width: 170px;
	margin: 0 0 .75em;
}
#new_design p.name,
#new_design p.address,
#new_design p.email,
#new_design p.country,
#new_design p.cc{
	width: 340px;
}
#new_design #user_contact_name,
#new_design #user_contact_address,
#new_design #user_contact_email,
#new_design #user_contact_country,
#new_design #user_contact_cc,
#new_design #design_name,
#new_design #design_design_no,
#new_design #design_description{
	width:320px;
}
#new_design p.city,
#new_design p.state,
#new_design p.zip,
#new_design p.phone,
#new_design p.fax{
	float:left;
}

#new_design p.phone,
#new_design p.email{
	clear:left;
}
#new_design #user_contact_state{
	width: 40px;
}
#new_design p.state{
	width: 60px;
}
#new_design p.zip{
	width: 102px;
}
#new_design #user_contact_zip{
	width: 90px;
}
#new_design p.submit{
	text-align: right;
	clear:both;
}
#new_design dd,
#edit_design dd,
#edit_template dd,
#user_form dd
{
	margin: 0;
}
#new_design dd label,
.edit_design dd label
#edit_template dd label
{
	display: inline;
}

#custom_form_fields textarea{
  width: 500px;
  height: 120px;
}
#custom_form_fields .radiogroup{
	margin: 0 0 .75em;
}
#custom_form_fields .radiogroup input,
#custom_form_fields .radiogroup label{
	margin: 0;
	padding: 0;
	display: inline;
}
#custom_form_fields .radiogroup input{
	margin-right: .5em;
}
#custom_form_fields input.text{
	width: 300px;
}
.submission_due{
	color: #888;
	font-size: 11px;
}

#custom_attributes{
	clear:both;
}
#custom_attributes fieldset{
	border: none;
	margin: 0;
	padding: 0;
}
#custom_attributes fieldset .group p{
	width: auto;
}
#custom_attributes fieldset .group p label
{
	display: inline;
}
#custom_attributes fieldset .group{
	float: left;
	width: 300px;
	margin: 0 0 .75em;
}
#custom_attributes fieldset{
	overflow: hidden;
}
#custom_attributes fieldset h4{
	border-bottom: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #555;
	font-size: 14px;
}

.fine-print{
	font-size: 10px;
	color: #666;
	padding: 0 15px;
}

/* Asset Upload
-------------------------------------------------------------- */
#new_asset_upload .box-rounded {
  float: left;
  width: 468px;
}

#new_asset_upload .upload-help {
  float: right;
  width: 267px;
}


/* Asset Review Page Selection
-------------------------------------------------------------- */
ul.page_links li{
  margin: 0;
  padding: 2px;
  list-style: none;
  display: inline;
}

#asset_pages {
  display: inline;
}

/* Resubmit Design
-------------------------------------------------------------- */
#resubmit-design{
	float:left;
}
#resubmit-design input.button{
	display:block;
}
#resubmit-design .box-body{
	padding-right: 130px;
	padding-bottom: 20px;
}
#resubmit-design label{
	font-weight: normal;
	display:block;
	margin-bottom: .75em;
}
#resubmit-design #asset_uploaded_data{
	margin-bottom: .75em;
}
em.highlight{
	background: #e3e3b5;
	font-weight:bold;
	font-style: normal;
}	

/* Design Admin Notes
-------------------------------------------------------------- */
#admin_note_changes{
	background: url(/images/bullet_error.png) no-repeat;
	font-weight: bold;
	color: red;
	padding-left: 20px;
}

/* Design Validation
-------------------------------------------------------------- */
.validation-advice{
	color: red;
	display: block;
}

/* Design Review
-------------------------------------------------------------- */
#review_nav {
  margin-bottom: 10px;
}

#review_nav .review_button {
  margin-right: 10px;
  vertical-align: middle;
}

.review_text {
 font-size: 13px; 
}

/* Design Detail
-------------------------------------------------------------- */
#general_info .design_col{
	width: 250px;
	float: left;
}
#custom_fields .checked{
	padding-left: 20px;
	display:block;	
	background: url(/images/tick.png) no-repeat;
}
#custom_fields .unchecked{
	padding-left: 20px;
}


/* Design Pagination
-------------------------------------------------------------- */
#pagination_links {
  margin-top: 10px;
}
#pagination_links a{
	text-decoration: none;
	padding: .2em .4em;
	border: 1px solid #DDD;
  margin: 1px;
}

.hidden_page{
	display: none;
}
.current_page{
	display: block;
}
#pagination_links .active{
	font-weight: bold;
	background: #ccc;
}

/* Project Sort Dropdown
-------------------------------------------------------------- */

#project-sort label{
	margin-right: 10px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}
#project-sort{
	width: 480px;
}
#project-sort .box-rounded{
	margin-bottom: 0;
}
#project-sort .box-head .inner{
	min-height: 0;
	padding: 7px 15px 0;
}
#project-sort select{
	margin: 0;
}
#project-sort .box-body{
	padding: 0 15px 7px;
}

/* User password styles
-------------------------------------------------------------- */
#profile fieldset, 
.edit_user fieldset{
  margin: 10px;
  width: 275px;
}
#profile legend, 
.edit_user legend{
  text-align: center;
}

#managed-users-list li {
  list-style: none;
  margin-left: 0px;
}

/* New Login Form
-------------------------------------------------------------- */
body.login-main #main-wrapper{
	padding-top: 9px;
}
body.login-main #main{
	padding: 0 9px;
}
body.login-main #content{
	background: #eee url(/images/bg_rounded_light_gray_776_t.gif) no-repeat center top;
	margin-bottom: 6px;
}
body.login-main #content .login-main-wrap{
	background: url(/images/bg_rounded_light_gray_776_b.gif) no-repeat center bottom;
	padding: 45px;
	padding-bottom: 35px;
	text-align: center;
	min-height: 258px;
}

body.login-main form{
	width: 215px;
	margin: 0 auto;
}
body.login-main input.text{
	width: 203px;
	font-size: 14px;
}
body.login-main #content form fieldset{
	padding: 0;
	border: none;
	margin: 0 0 .5em;
}
body.login-main form p{
	text-align: left;
	margin: 0 0 .5em;
}
body.login-main #content form fieldset.actions{
	margin-bottom: 2em;
}
body.login-main #lbl_remember_me{
	font-weight:normal;
}


/* Agency Admin
-------------------------------------------------------------- */

body.agency-admin #toolbar li{
	min-height: 0;
}

/* Moderation Reassignment
-------------------------------------------------------------- */
#qc_admin_error {
  background: #fffdcd;
  border: 5px solid #ffeda6;
  padding: 15px;
  color: #444;
  margin-bottom: 1.5em;
}



/* About Page
-------------------------------------------------------------- */
#home_about .solution {
  color: #35447c;
}


/* About Page
-------------------------------------------------------------- */
#contact_table td {
  padding: 5px;
  margin: 5px;
}


/***************************************
   =Choose Status
************************************** */
.choose-status,
.choose-status li{
	list-style: none;
	margin: 0;
}
.choose-status{
	overflow: hidden;
}
.choose-status li{
	float: left;
	width: 80px;
}
.choose-status li.approve-with-changes{
	width: 94px;
}
.choose-status li a{
	background: url(/images/status_select_btns.gif) no-repeat;
	display: block;
	width: 80px;
	padding: 36px 0 0;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2em;
	min-height: 25px; /* 25 + 36 = 61px */
}
.choose-status li.approve a:hover{
	background-position: 0 -139px;
}
.choose-status li.approve-with-changes a{
	width: 94px;
	background-position: -80px 0;
}
.choose-status li.approve-with-changes a:hover{
	background-position: -80px -139px;
}
.choose-status li.approve-with-changes a span{
	display: block;
	font-size: 10px;
	font-weight: normal;
}
.choose-status li.reject a{
	background-position: -174px 0;
}
.choose-status li.reject a:hover{
	background-position: -174px -139px;
}

/* overriding old styles */
#status-update .choose-status a{
	margin: 0;
}
#status-update .box-body{
	padding: 0 6px 10px 7px;
}

#status-update-error {
	background: url(/images/bullet_error.png) no-repeat;
	color: red;
	padding-left: 16px;
}


/***************************************
   =Button Toolbar
************************************** */

#designs-main h3{
	background: none;
	width: 250px;
	padding: 0;
	float: left;
}
#designs-main .toolbar{
	float: right;
}
#designs-main .toolbar img{
	cursor: pointer;
	float: left;
	margin: 7px 0 0 4px;	
}
#designs-main .box-head .inner{
	overflow: hidden;
}
.toolbar strong{
	float: left;
	line-height: 3.6em;
	font-size: 10px;
	margin-right: 5px;
	color: #CACACA;
}

/** =upload help
************************************************************
************************************************************/
.upload-help{
  font-size: 11px;
}
.upload-help h3{
  line-height: 2;
  font-size: 12px;
}
.upload-help .content-box .box-head{
  min-height: 24px;
}

/* Reports 
-------------------------------------------------------------- */
.tbl-legend {
  padding-bottom: 10px;
}

.submission-activity {
  margin-left: 16px;
}
.pieLabel div {
  font-weight: bold;
  font-size: 10px;
}

/***************************************
   Artwork Collections 
***************************************/

.collection-category-tree {
  display: inline;
}
li.collection-category-tree {
  list-style: none;
  padding: 5px;
}
#artwork-sidebar{
  float: right;
  width: 227px;
}
#artwork-main{
  float: left;
  width: 508px;
  padding-left:15px;
}

ul#collection-groups li{
  list-style: none;
  margin-bottom: 10px;
  padding: 0;
}

.collection-group-head {
  background: #F1F1F1;
  border: 2px solid #e1e1e1;
  padding: 5px;
  vertical-align: center;
}

.collection-group-head h3 {
  display: inline;
  color: #000;
  size: 1.5em;
  margin-bottom: 0px;
}

.collection-group-head span {
  display: inline;
}

.collection-group-body {
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 5px;
}

.collection-group {
  margin-bottom: 10px;
}

.handle {
  cursor: move;
}

.handle-horiz {
  cursor: move;
  margin-bottom: 5px;
}

#documents{
  float: right;
  width: 267;
}

.mark-box {
  margin: 10px;
  width: 110px;
  padding: 5px;
  height: 200px;
  border: 1px solid #e1e1e1;
  font-weight: bold;
  text-align: center;
  float: left;
	line-height: 1.2em;
}

.mark-box-select {
  border-bottom: 1px solid #e1e1e1;
  padding: 0;
  margin-bottom: 5px;
  background: #e1e1e1;
  text-align: left;
}

.document-link p.pdf {
  padding-left: 18px;
  background: url(/images/page_white_pdf.png) no-repeat; 
}

.document-link p.image {
  padding-left: 18px;
  background: url(/images/page_white_picture.png) no-repeat; 
}

.document-link p.zip {
  padding-left: 18px;
  background: url(/images/page_white_zip.png) no-repeat; 
}

.document-link p.application {
  padding-left: 18px;
  background: url(/images/page_white.png) no-repeat; 
}

.js #file-tree-top ul {
  display: none;
}
.js #file-tree-top ul.expanded {
  display: block;
}

/* Pantones and colors
-------------------------------------------------------------- */
p.pantone_preview {
  height: 20px;
  width: 20px;
  display; inline;
}


/* Cascading print menu
-------------------------------------------------------------- */
#menu,
#menu ul { margin: 0; padding: 0; float: left;}
#menu li { list-style-type: none; }

/* first level */
#menu { width: 55px; }
#menu li,
#menu a { float: left; width: 55px; padding: 0 10px; }
#menu a { display: block }
#menu a:hover,
#menu a.menu_open { background: #DDD; }

/* second level */
#menu ul { visibility: hidden; position: absolute; width: 55px; }
#menu ul a { background: #DDD; padding: 0 10px; }
#menu ul a:hover,
#menu ul a.menu_open { background: #CCC; }

td.submission-details a.show-all {
  display: block;
  float: left;
}
td.submission-details a.print-standard { margin-left: 10px; }

/* Search Form 
-------------------------------------------------------------- */
.submission-type-header{
  font-size: 13px;
  font-weight: bold;
  margin: 5px 5px;
}

.advanced-search-custom-attributes,
.search-submission-type-id,
.search-submission-date-range {
  margin: 10px 0;
}

div#search-criteria { padding-top: 7px; }

div.checkbox-list p {
   margin: 5px 25px;
}