/* @override http://qwnycportal.qwinc.com/quebecor/templates/portal.css */

/* @override 
	http://qwnycportal.qwinc.com/qwppe/templates/portal.css
	http://127.0.0.1/qwppe/templates/portal.css
	http://qwnycportal.qwinc.com/dannew/templates/qwppeapprovalprint.css
	http://qwnycportal.qwinc.com/dannew/templates/portal.css
	http://qwnycportal.qwinc.com/quebecor/templates/portal.css
*/

body {
	color: #000000;
	font: 10px Helvetica, Arial, Geneva, sans-serif;
	/*background-color: #e8e8e8;
	*/
/*	background-image: url('login_files/background.gif');*/
	margin: 0;
}
body.extendedView {
	background-color: #000000;
}
td {
	color: #000000;
	font: 10px Helvetica, Arial, Geneva, sans-serif;
	margin: 3px;
	padding: 3px;
	background-color: #e8e8e8;
}

th {
	color: #000000;
	font: 12px Helvetica, Arial, Geneva, sans-serif;
	margin: 3px;
	padding: 0;
}

span.path {
	background-color: #444444;
	padding: 3px;
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #FFCC33;
}
form {
	margin: 12px;
	padding: 0px;
}
#header {
	text-align: right;
	height: 70px;
	background:#FFFFFF url(login_files/heading.jpg) no-repeat scroll 0%;
	color: #FFFFFF;
	font-size: 24px;
	opacity: 1;
	margin-top: 0;
	top: 0;
	margin: 0;
	white-space: nowrap;
	left: 0;
	width: 100%;
}


img.butt {
	width: 16px;
	height: 16px;
}
.tab_bar {
	top: 44px;
	font-weight: bold;
	font-size: 11px;
	right: 0;
	text-align: right;
	height: 36px;
	position: absolute;
	padding: 0;
	margin: 0;
}

.tab_bar a {
	font-weight: bold;
	font-size: 12px;
	text-transform: lowercase;
	color: #ffffff;
}
#tabs {
	position: absolute;
	top: 42px;
	right: 0;
	background-repeat: repeat-x;
	height: 44px;
}
#form_body {
	position: relative;
	
	background-color: #e8e8e8;
	margin: 24px 12px 12px;
	text-indent: 0;
	padding: 12px;
	height: 452px;
	overflow: auto;
	clear:both;
	z-index:300;
}
#form_body_no_z {
	position: relative;
	
	background-color: #e8e8e8;
	margin: 24px 12px 12px;
	text-indent: 0;
	padding: 12px;
	height: 452px;
	overflow: auto;
	clear:both;
}
#approval_body {
	background-color: #7dcbff;
	margin: 24px 12px 12px;
	text-indent: 0;
	padding: 12px;
	height: 520px;
	overflow: auto;
	clear:both;
}
#test_input {
	clear:both;
	margin-left:20px;
	margin-top:10px;
}
#footer {
	position: absolute;
	top: 545px;
	left:0px;
	margin: 0px 12px 12px;
	padding: 12px;
	padding-top: 20px;
	background-color: #7dcbff;
	/*width: 937px; with scroll bars */
	width:952px;
	text-align:left;

}
.tab_button {
	color: #fff;
	white-space: nowrap;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
	line-height: 18px;
	height: 60px;
	margin: 6px;
}
label {
	color:#444;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}
byline {
	font-size:10px;
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
div#uploadwait { /* this is the spinner that appears in browse window while your waitting */
	position: absolute;
	left: 400px;
	top: 560px;
	height:128px;
	width: 128px;
	/*background-image: url('images/WaitTimer.gif');
	background-repeat: no-repeat;*/
	z-index: 10000;
	display: block;
	visibility: hidden;
}
div#uploadnotice {
	position: absolute;
	left:0px;
	top: 600px;
	width: 937px;
	z-index: 10000;

}
div.project_list_header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	background: #fff9a6;
	clear:both;
	height: 34px;
	overflow:visible;
	z-index:200;
}
div.projectclose {
	width:4%;
	float: left;
	padding-left:5px;
}
div.projectname {
	width:10%;
	float: left;
	padding-left:5px;
	padding-top:2px;
	overflow: hidden;
	height: 15px;
}
div.projectdescription {
	width:19%;
	float: left;
	padding-left:5px;
	padding-top:2px;
	overflow: hidden;
	height: 15px;
}
div.projectstorylegend {
	width:25%;
	float: left;
	padding-left:5px;
	padding-top:2px;
	overflow: hidden;
	height: 15px;
}
div.projecttotalpages {
	width:8%;
	padding-left:5px;
	float: left;
	padding-top:2px;
	overflow: hidden;
	height: 15px;
}
div.projecteditorname {
	width:17%;
	float: left;
	padding-left:5px;
	padding-top:2px;
	overflow: hidden;
	height: 15px;
}
div.projectonsaledate {
	width:auto;
	padding-left:5px;
	float: left;
	padding-top:2px;
	padding-right:0px;
	overflow: hidden;
	height: 15px;
}
div.project_list_title {
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	padding-left:0;
	padding-top: 3px;
	margin-top:3px;
	overflow:visible;
}

div.task_list {
	position: relative;
	background: #00BBEE;
	height:300px;
	overflow:scroll;
	padding-left: 20px;
	padding-right: 11px;
	width:97%;
	z-index:100;
}
div.page_list {
	width:100%;
	padding-left:20px;
}
div.fileclip {
	position: absolute;
	clip: rect(0px 300px 18px 170px) !important;
	clip: rect(0px 300px 18px 155px);
	z-index: 15;
}
div.fileinputs {
	position: relative;	
	left: -170px !important;
	left: -198px;
	height:20px;
	z-index: 10;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 200px !important;
	left: 229px;
	z-index: 5;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 3);
	opacity: 0;
	z-index: 2;
}
.volumename {
	font-size: 12px;
}

td.login_page {
	color: #000000;
	font: 12px Helvetica, Arial, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
  background-color: transparent;
}

td.navtb {
	color: #FFFFFF;
	font-weight: bold;
	padding: 12px 6px 6px;
	font-size: 12px;
	background: #444444 repeat-x;
}
td.navtb a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #444444;
	padding: 3px;
}
td.navtb a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC33;
	text-decoration: underline;
}
.tab_bar a:hover {
	font-size: 12px;
	color: #FFCC33;
	text-decoration: none;
}
td.dirtable {
	border-bottom: 1px solid #666666;
	padding: 6px;
	font-weight: bold;
	font-size: 12px;
	background-color: #6D8494;
}

td.filecell {
	padding: 2px;
	width: 160px;
	height: 180px;
	background-color: #6D8494;
}
table.imgbox {
	width: 100%;
	border: 1px solid #ccfCCC;
	background-color: #000000;
}
table.batch {
	background-color: #ccfCCC;
	margin: 4px;
	border: 1px solid #6D8494;
}
td.imgbox {
	width: 100%;
	height: 126px;
	background-color: #000000;
}
td.iconcell {
	width: 100px;
	height: 100px;
}

span.filename {
	background-color: #FFFFFF;
}
td.iconbox {
	width: 100%;
	height: 40px;
	background-color: #e8e8e8;
}
table.tasktable {

}
table.pagestoptable td {
	padding-left: 3px;
}
table.pagestable td {
	padding-left: 3px;
}
td.Approved {
	background: #FF6;

}
div.imageinfo {
	position:absolute;
	left:10px;
	top:180px;
	width:700px;
	height: 450px;
	z-index:auto;
	visibility: hidden;
	background-color: #6D8494;
	padding: 9px;
}
div#tab1 {
	position:absolute;
	left:10px;
	top:155px;
	width: 718px;
	height:30px;
	visibility: hidden;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
}
div#tab2, div#tab3, div#tab4, div#tab5, div#tab6 {
	position:absolute;
	left:10px; 
  top:155px;
	width: 718px;
	height:30px;
	visibility: hidden;
}
td.tabs {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
	padding: 2px;
	background-color: #6D8494;
}
td.tabless {
	padding-right: 8px;
	padding-left: 8px;
	background-color: #6D8494;
}
td.tabs a, td.tabless a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
td.tabs a:hover, td.tabless a:hover {
	color: #FFCC33;
	text-decoration: underline;
}
div#imgcell {
	margin: 0px;
	padding: 0px;
	text-align:center;
	vertical-align:middle;
}
div#switch_controls {
	margin: 2px;
	text-align:center;
	vertical-align:middle;
}
.leftarrow, .rightarrow {
	margin: 2px;
	vertical-align:middle;
}
.control_count {
	margin: 2px;
	vertical-align:bottom;
}
.errormsg {
	font-size: 16px;
	color: #FF0000;
}
td.inprocess {
	border: 5px solid #006699;
	background-color: #FF9;
}
td.finalapproval {
	background-color: #007f3f;
}
td.finaldisapproval {
	background-color: #C30;
}
td.filenamebar {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background: #006699;
}
div.TabView div.Tabs {
  position: relative;
  margin-top:20px;
  margin-left:20px;
  height: 40px;
  overflow: hidden;
  z-index: 500;
}

div.TabView div.Tabs a {
  float: left;
  display: block;
  width:  90px;
  text-align: center;
  height:      36px;
  line-height: 40px;
  padding-top: 2px;
  border-top: 1pt solid #77AACC;
  border-right: 1pt solid #77AACC;
  border-bottom: 1pt solid #77AACC;
  vertical-align: middle;
  background-color: #b1ffba;
  text-decoration: none;
  font-family: "Times New Roman", Serif;
  font-weight: 900;
  font-size: 13px;
  color: #000080;
}
div.TabView div.Tabs span.deadlinks {
  float: left;
  display: block;
  width:  90px;
  text-align: center;
  height:      36px;
  line-height: 40px;
  padding-top: 2px;
  border-top: 1pt solid #77AACC;
  border-right: 1pt solid #77AACC;
  border-bottom: 1pt solid #77AACC;
  vertical-align: middle;
  background-color: #99CCFF;
  text-decoration: none;
  font-family: "Times New Roman", Serif;
  font-weight: 900;
  font-size: 13px;
  color: #000080;
}
div.TabView div.Tabs a:hover {
  background-color: #FFCC33;
}
div.TabView div.Tabs a.Active {
  color: #000080;
  background-color: #fffd90;
  border-bottom: 1pt solid #00BBEE;
}

div.TabView div.Pages {
  position: relative;
  margin-left:20px;
  clear: both;
  /*border-top: 1px solid #404040;*/
  overflow: hidden;
  z-index: 10;
}

div.TabView div.Pages div.Page {
  padding: 0px;
  background-color: #fffd90;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad {
  padding: 3px 18px;
  
}
div.Pages {
	height: 240px;
	overflow: auto;
	width: 95%;
	text-align: left;
}
/*approval window stops text in info section from spolling table*/
.constrainedwidth {
	width: 140px;
	overflow: hidden;
}
/*Added CSS Rules for rating pluging*/
table.ratingTable { /*Main rating table rules*/
	border: 2px solid #666666;
}
table.ratingTable td {
	padding-left: 3px;
}
tr.ratingtableHeader { /* Rating table Header Row rule */

	background-color: #99CCFF;
}
tr.ratingtableHeader td{ /* Rating table Header cell rule */
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
}
tr.ratingtableRowEvan { /* Rating table Row Evan rule */
	background-color: white;
	border-bottom: 3px solid #666666;
}
tr.ratingtableRowEvan td { /* Rating table Cell Evan rule */
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}
tr.ratingtableRowOdd { /* Rating table Row odd rule */
	background-color: white;
	border-bottom: 3px solid #666666;
}
tr.ratingtableRowOdd td { /* Rating table Cell odd rule */
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}
tr.RatingCurrentUser { /*Current Users row to highlight*/
	background-color: #99CCFF;
}
tr.RatingCurrentUser td { /*Current Users cell to highlight*/
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
}
td.comments {
	width: 200px;

}
/* end of rating table styles */
#bulpenhide {
	/*float:right;*/
}