/* atol_custom.css - cascading style sheet for adtracker online  */

/* caution: this file contains the styles used by the     */
/* adtracker online web application. modifying the styles */
/* may affect the display of certain elements in the atol */
/* website and should only be done with guidance from dps */

/* this style sheet contains site specific font, color    */
/* and graphical information that may be modified for     */
/* each site.                                             */

body
{
	background-color:#222222;
	background-image: url("images/bg-page-lines-dk.gif");
	
}
/* begin page header styles */
div.pagehead
{
	background-image: url("images/bg_top_bar.gif");
	background-repeat:repeat-x;
	padding-top:10px;
	padding-bottom:6px;
}
div.pagemenubar{
	background-color:#bfe4ff;
	border-top: 2px groove #00487d;
}

div.pagemenulabel
{
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	padding-right:10px;
	padding-top:2px;
    vertical-align: middle;
}

span.pagemenu
{
	font-size:14px;
	text-align:center;
	color:#000000;
	font-family:arial, helvetica, sans-serif;
}

span.pagemenu a
{
	display:inline-block;
	/*display:-moz-inline-stack;*/
	width:110px;
	height:20px;
	padding-top:7px;	
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;	
	text-decoration: none;
	color:#000000;
	margin:0px;
	text-align:center;
	border-right: 2px groove #bfe4ff;
}

span.pagemenu a.mainnav
{
	background-color:#bfe4ff;
}

span.pagemenu a.mainnavactive
{
	background-color:#0066b3;
    background-image: url("images/bg-page-lines-dk.gif");
    color:#ffffff;

}

span.pagemenu a.mainnav:visited
{
	color:#000000;
}

span.pagemenu a:hover
{
	color:#990000;
}

div.topmenu
{	
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:right;
}

div.topmenu a
{
	text-decoration: none;
	color: #ffffff;
	display: inline;
	padding-left: 10px;
}


#pagetitle
{
	background-color:#0066b3;
	background-image: url("images/bg-page-lines-dk.gif");
}

#pagetitle h1
{
	margin:0px;
	font-family:arial, helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	text-align:left;
	padding-left:10px;
	display:inline;
}

a.welcomelabel
{
	padding-right:5px;
	color:#ffffff;
}

a.welcomelabel:visited
{
	color:#ffffff;
}

a.welcomelabel:hover
{
	color:#fffeb5;
}


/* end page header styles */

/* begin page footer styles */

#pagefooter
{
	background-color:#0066b3;
	background-image: url("images/bg-page-lines-dk.gif");
}

#pagefooter p.copyright
{
	font-family:arial, helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	text-align:left;
	padding:10px;
	margin:0px;	
}

/* end page footer styles */

/* begin page body styles */

div.pleasewait
{
	background-color:#ffffff;
	height:100px;
	width:250px;
	text-align:center;
	border:inset 3px #999999;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:20px;
}

div.pleasewait img
{
	width:50px;
}



/* end page body styles */

/* begin menu sidebar styles (right hand column) */
#pagebody
{
	background-color:#ffffff;
}

#sidebar
{
	background-color:#ffffff;
	border-right: 2px ridge #000000;
}

#content
{
	/*border:thin outset #bebebe;*/
	background-color:#ffffff;
	border-left:2px ridge #000000;
	margin-left:180px;
	
}

#sidebar h1
{
	font-family:arial, helvetica, sans-serif;
	font-size:16px;
}

#sidebar ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

#sidebar ul li
{
	text-align:left;
	padding-top:6px;
	
}

#sidebar ul li a
{
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

#sidebar p
{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}

#sidebar ol li
{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}

p.sidequerylabel
{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	
}
p.sidequeryfield
{
	margin:0px;
	padding:0px;
	
}

p.sidequeryfield select
{

	width:150px;
	
}

p.sidequeryfield input
{

	width:145px;
	
}

input.calpickerdate
{

	width:120px;
	
}

div.calendar table
{
	width:150px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
}

div.calendar th
{
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	background-color:#000099;
}

div.calendar td
{
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
	background-color:#ffffff;
}

div.calendar td.othermonthday
{
	background-color:#cccccc;
}

.logintitle
{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-bottom:10px;
}	

.loginfailure
{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}	
.loginlabel
{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}
.logininstruction
{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}
/* end sidebar styles */

#content hr
{
	width:98%;
}

/*begin welcome page styles*/

div.welcomesubmenu
{
	margin:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
    height:20px;
	width:100%;
	text-align:right;
}

div.welcomesubmenu a
{
	font-family:arial, helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	display:inline;
	border-left:1px solid black;
	padding-left:10px;
	padding-right:10px;
}

img.welcomeimage
{
	width:100%;
}
.welcomemessage
{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	
	text-align:justify;
	display:block;
}

.errormsg{
	color:red;
	font-size:16px;
}
.welcomehead
{
	font-family:arial, helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	margin-left:10px;
	margin-top:0px;
	padding-top:10px;
	display:block;
}

/* end welcome page styles */

/* begin ad list styles */
div.pager
{
	font-weight: bold;
	font-size: 9pt;
    color: #000000;
	font-family: arial, helvetica, sans-serif;
	padding-bottom:6px;
	padding-left:6px;
	text-align:left;
}
table.adlist
{
	border: inset 1px #cccccc;
}
table.adlist caption
{
	font-weight: bold;
	font-size: 9pt;
    color: #000000;
	font-family: arial, helvetica, sans-serif;
	padding-bottom:6px;
	padding-top:12px;
	padding-left:6px;
	padding-right:0px;
	text-align:left;
}

table.adlist th
{
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
 	margin:0px;
	/*background:#cccccc;*/
	vertical-align: middle;
	text-align:left;
	font-weight: bold;
	font-size: 9pt;
    color: #000000;
	font-family: arial, helvetica, sans-serif;
	white-space:nowrap;
	border-bottom:2px groove #bebebe;
	border-top:2px groove #bebebe;
	border-left:2px groove #bebebe;
	border-top:2px groove #bebebe;
	background-image:url("images/gradientbar.png");
	background-repeat:repeat-x;
}
table.adlist th.firstcol
{
	border-left:none;
}


table.adlist th a
{
    color: white;
    font-weight: bold;
    font-size: 11pt;
    text-decoration: none;
}

table.adlist tr.listpager td
{
    font-weight: normal;
    font-size: 9pt;
    background: white;
    padding-bottom: 2px;
    vertical-align: middle;
    color: #000000;
    padding-top: 2px;
    height:15px;
    font-family: sans-serif;
}

table.adlist tr.tabledata
{
    padding-right: 6px;
    padding-left: 6px;
    font-weight: normal;
    font-size: 9pt;
    background: #ffffff;
    vertical-align: middle;
    color: #000000;
    font-family: sans-serif;
}

table.adlist tr.tabledataalt  
{
    padding-right: 6px;
    padding-left: 6px;
    font-weight: normal;
    font-size: 9pt;
    background: #eeeeee;
    vertical-align: middle;
    color: #000000;
    font-family: sans-serif;
}

table.adlist td
{
	padding-top:5px;
	padding-bottom:5px;
	padding-right: 6px;
	padding-left: 6px;
}
table.adlist tr.selected
{
	padding-right: 6px;
    padding-left: 6px;
    font-weight: normal;
    font-size: 9pt;
    background: #ffffff;
    vert
    color: #000000;
    font-family: sans-serif;
	background-color:#ccccff;
}


table.adlist td.proofvisible
{
	text-align:center;
}
table.adlist td.proofhidden
{
	text-align:center;
}

table.adlist td.proofvisible img
{
	width:20px;
	display:inline;
}

table.adlist td.proofhidden img
{
	width:0px;
	display:none;
}


table.adlist td.thumbnail img
{
	width:100px;
}

/* end ad list styles */

/* expand view styles */

div.expandview
{
	margin-top:0px;
   	margin-bottom:0px;
   	margin-left:auto;
   	margin-right:auto;
	padding:0px;
	/*border-collapse:collapse;*/
	width:750px;
}

table.recorddetailview 
{
	border:thin solid black;
   	margin:0px;
	padding:0px;
	width:100%;
    	border-collapse: collapse;
}

table.recorddetailview .expandheader
{
	padding-right:6px;
	padding-left:6px;
 	margin:0px;
	background:#dddddd;
	padding-bottom: 4px;
	vertical-align: middle;
	padding-top: 4px;
	text-align:left;
	font-weight: bold;
	font-size: 8pt;
    color: black;
	font-family: arial, helvetica, sans-serif;
	white-space:nowrap;
	border-bottom:thin solid black;
	border-top:thin solid black;
	border-left:thin solid black;
	border-right:thin solid black;
	width:80px;
}

table.recorddetailview td
{
	padding-right: 6px;
	padding-left: 6px;
 	margin:0px;
	background: #ccccff;
	padding-bottom: 4px;
	vertical-align: middle;
	padding-top: 4px;
	text-align:left;
	font-weight: normal;
	font-size: 8pt;
    color: black;
	font-family: arial, helvetica, sans-serif;
	border:thin solid black;
	width:220px;
}

div.expandtitle
{
	background: #0066b3;
	background-image: url("images/bg-page-lines-dk.gif");
	background-repeat:repeat-x;*/
	margin-top:0px;
	padding:0px;
	padding-bottom:2px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	height:20px;
	width:100%;
	vertical-align:middle;
}

div.expandtitle label
{
	vertical-align: middle;	
	padding-right: 6px;
	padding-left: 6px;
 	margin:0px;
	font-weight: bold;
	font-size: 9pt;
    color: #ffffff;
	font-family: arial, helvetica, sans-serif;
}

span.expandtitletext
{
	float:left;
	width:25%;
	padding-top:5px;
	vertical-align: middle;	
	padding-right: 6px;
	padding-left: 6px;
 	margin:0px;
	font-weight: bold;
	font-size: 9pt;
    color: #ffffff;
	font-family: arial, helvetica, sans-serif;
}
div.expandcontrols
{
	/*background: #cccccc;*/
	/*border-top:2px groove #bebebe;
	border-bottom:2px groove #bebebe;*/
	background-repeat:repeat-x;
	padding-left:6px;
	padding-top:0px;
	padding-bottom:2px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	height:18px;
	width:98%;
	vertical-align:middle;
}

p.proofdisclaimer
{
	font-weight: normal;
	font-size: 10pt;
    	color: black;
	font-family: arial, helvetica, sans-serif;
	width:750;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

div.expandtitle a
{
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
    color: black;
    vertical-align: middle;
}


span.expandsubmenu
{
	margin:0px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:0px;
    display:inline;
	float:right;
	width:70%;
	text-align:right;
}

span.expandsubmenu a
{
	display:inline;
	border-left:thin outset black;
	border-top:thin outset black;
	/*border:outset thin #bebebe;*/
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:4px;
	color:#000000;
	background:#ffffff;
}

span.expandsubmenu a:hover
{
	color:#ff0000;
}

span.expandsubmenu a:visited
{
	color:#ffffff;
}


img.proofthumb
{
	margin-top:10px;
	max-width:600;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

/* end expand view styles */

/* begin submit files styles */

div.confmessage
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top:6px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;	
}

div.confmessage p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top:6px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;	
}

div.confmessage h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:left;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top:6px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;	
}

span.missingfield
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00FFFF;
	margin-left:10px;
	display:block;
}

p.maincontentlabel
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top:6px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	
}

p.maincontentcommentlabel
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	padding-top:6px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	
}

p.maincontentfield
{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding:0px;
	
}	


p.maincontentfile a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

p.maincontentfile
{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	
}

p.maincontentbutton
{
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top:10px;
}
p.maincontentfield select.filelist
{
	width:350px;	
}

.maincontentfield
{
	width:200px;	
}

p.maincontentfield textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-left:10px;
	padding:0px;
	width:420px;
	Height:100px;
	padding-left:10px;

}

div.maincontentformfields
{
	background-color:#FFFFFF;
	border:dotted thin black;
	margin-left:10px;
	margin-top:10px;
	padding-bottom:10px;
	width:400px;	
}

div.fileselectorx
{
	background-color:#CCCCCC;
	border:dotted thin black;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:10px;
	width:500px;
}

div.fileselector table
{
	vertical-align:top;
}

div.fileselector table td
{
	width:50%;
	vertical-align:top;
	padding-right:10px;
	padding-left:10px;
}


/* end submit files styles */


/* begin admin styles */

#content div.adminsettings
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-bottom:12px;
	padding-left:10px;
}

#content table.deadlineform
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	padding-bottom:12px;
	padding-left:10px;
}

.timeview
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#ffffff;
}
/* end admin styles */

/* begin viewproof styles */
table.proofdetails
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	border-collapse:collapse;
	border:thin solid black;
	width:690;	
}

table.proofdetails th
{
	font-weight:bold;
	background-color:#CCCCCC;
	border:thin solid black;
	padding:4px;
	width:145px;
}

table.proofdetails td
{
	padding-right:20px;
	border:thin solid black;
	padding:4px;
	width:195px;
}

/* begin viewproof styles */

/* modify user styles */

.confmessage
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
}

.conferror
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:red;
	text-align:left;
}

/* MINI EXPAND STYLES*/

div.miniexpand
{
	background-color:#bfe4ff;
	border-top:1px groove #0066b3;
}

div.previewpane
{
	border:1px solid #0066b3;
	text-align:center;
	overflow:auto;
}

div.summarypane
{
	border:1px solid #0066b3;
}

div.jacketpane
{
	border:1px solid #0066b3;
}

div.previewpane img
{
 width:90%;
 height:80%;
}


h1.miniexphead
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	margin:0px;
	padding-top:3px;
	padding-left:3px;
	padding-bottom:3px;
	background-color:#0066b3;
	text-align:left;
}

p.miniexplabel
{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:0px;
	
}

table.miniexptable th
{
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	margin:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:0px;	
}

table.miniexptable td
{
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:left;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:3px;
	padding-right:0px;	
}

table.miniexptable td.right
{
	text-align:right;
	padding-right:5px;
}
table.miniexptable td.right input
{
	font-size:10px;
	margin:0px;
	padding:opx;
}

/* END MINI EXPAND STYLES */

/* BEGIN USER DASHBOARD STYLES */

table.dashboard
{
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:left;
}
td.dbsmallcomp
{
	background-color:#4466DD;
	padding:5px;
}


/* END USER DASHBOARD STYLES */