body
{
	margin: 0;
	padding: 0;
	font-family: arial, hevetica, sans-serif;
	font-size: .85em;
	font-weight: normal;
	text-align: left;
	color: #333;
	background-color: #333;
}

h1 {

	font-size: 1.25em;
	line-height: 1;

}

h1.white {

	font-size: 1.25em;
	line-height: 1;
	color: #fff;
}

h2 {

	font-size: 1em;
	line-height: 0.5;

}

p {

	line-height: 1em;
	margin-top: 0.5em;

}

/* BEGIN MAIN NAVIGATION */

#mainnav {
	margin: 0;
	padding: 0;
	background-color: #333;
}

#mainnav table {
	margin: 0;
	padding: 0;
}

#mainnav tr {
	margin: 0;
	padding: 0;
}

#mainnav td {
	margin: 0;
	padding: 0;
}

#mainnav td.logoutcell {

	color: #fff;
	padding-left: 20px;

}

#mainnav td.logoutcell a:link { color: #fff; }
#mainnav td.logoutcell a:active { color: #fff; }
#mainnav td.logoutcell a:visited { color: #fff; }
#mainnav td.logoutcell a:hover { color: #FC0; }

#topnav {

	width: 850px;
	margin-top: 5px;
	margin-bottom: 8px;
}

#brand {

	width: 100%;
	background-color: #fff;
	height: 65px;
	padding-left: 10px;
}


#navigation
{
	margin: 10px 0 0 0;
	padding: 0 0 0 10;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
	display: inline;
	padding-left: 5px;
	list-style-type: none;
}

#navlist li a
{
	padding: 3px 10px 3px 10px;
	border: 1px solid #666;
}


#navlist li a:link{
	color: #fff;
	background-color: #333;
	text-decoration: none;
} 

#navlist li a:visited{
	color: #fff;
	background-color: #333;
	text-decoration: none;
} 

#navlist li a:active{
	color: #fff;
	background-color: #333;
	text-decoration: none;
} 

#navlist li a:hover {
	color: #fff;
	background-color: #666;
	text-decoration: none;
} 

#navjobsearch {

	background-color: #666;
	padding-left: 10px;
	margin: 0;

}

#navjobsearch select {

	font-size: 10px;

}

#department
{
	background-color: #333;
	padding: 10 0 40px 10px;
	border-bottom: 1px solid #999;
}


#title
{
	float: left;
	text-align: center;
	font-weight: bold;
	color: #333;
	background-color: #6C6;
	width: 200px;
	height: 20px;
	padding: 3px;
	line-height: 20px;
	border: 1px solid #ccc;
	margin-right: 20px;
}

#depnav
{
 float: left;
}

.departmenttitle
{
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #66cc66;
	font-weight: bold;
	margin-left: 20px;
}


ul#subnav
{
margin-top: 5;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#subnav li
{
	display: inline;
	list-style-type: none;
	
}

#subnav a { padding: 3px 10px; border: 1px solid #666;}


#subnav a:link{
	color: #fff;
	background-color: #333;
	text-decoration: none;
} 

#subnav a:visited{
	color: #fff;
	background-color: #333;
	text-decoration: none;
} 

#subnav a:active{
	color: #fff;
	background-color: #333;
	text-decoration: none;
} 

#subnav a:hover {
	color: #fff;
	background-color: #666;
	text-decoration: none;
} 


/* END MAIN NAVIGATION */

#mediaplantitle {

width: 320px;

}

#mediaplantitle td.job {

background-color: #F60;
padding: 5px;
margin: 0px;
font-weight: bold;

}

#mediaplantitle td.media {

background-color: #6C3;
padding: 5px;
margin: 0px;
font-weight: bold;

}

#mediaplantitle tr {

margin: 0px;

}

#mediaplantitle table {

margin: 0px;
width: 335px;
}

#mediaplanform {

background-color: #fff;
padding: 5px;
width: 320px;
margin: 2px;

}







/* BEGIN LOGIN */

#login
{
	border: 1px solid #ccc;
	padding: 20px;
	width: 300px;
	margin: 10px 0 0 50px;
	color: #fff;
	background-color: #666;
}

#errorlogin
{
	border: 1px solid #ccc;
	padding: 20px;
	width: 300px;
	margin: 10px 0 0 50px;
	color: #fff;
	background-color: #666;
}

#login p {
	font-size: .85em;
}

#login h2 {
	font-size: 1.15em;
}



/* END LOGIN */









/* BEGIN PAGINATION */

#pagination
{
	padding: 0;
	margin: 0 0 20px 0;
}

#pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	text-decoration: none; /* no underline */
	color: #666;
	background-color: #e2e2a2;
}
#pagination a:hover, div.pagination a:active {
	border: 1px solid #999;
	color: #fff;
	background-color: #ccc;
}
#pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #fff;
		font-weight: bold;
		background-color: #F60;
		color: #fff;
	}
#pagination span.disabled_archive {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #666;
		color: #666;
}

#pagination span.disabled_search {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #666;
		color: #ccc;
}

#pagination .paginationdots {

color: #666;

}	


/* END PAGINATION */




/* BEGIN ERROR AND ALERT BARS */

#addclientalert
{
	padding: 3px 3px 3px 15px;
	background-color: #0C3;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: .85em;
	width: 300px;
	font-weight: bold;
}

#displayerror
{
	padding: 3px 3px 3px 15px;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: .85em;
	margin: 0 10px 10px 10px;
	width: 300px;
	color: #F30;
	background-image: url(../pics/alertback.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* END ERROR AND ALERT BARS */





/* BEGIN RESULTS PAGE MARGINS */

#results { 

margin: 10px 10px 10px 10px;

}

/* END RESULTS PAGE MARGINS */

#searchbackcolor {

background-color: #333;
margin: 0;
padding: 0;

}









/*  BEGIN MEDIA RESULTS */

#mediaresult {

margin-bottom: 5px;

}

#mediaresult td {

	padding: 3px;

}

#mediaresult td.jobinfo {

	background-color: #666;
	color: #fff;
}

#mediaresult td.jobinfo a:link {
	color: #fff;
}

#mediaresult td.jobinfo a:visited {
	color: #fff;
}

#mediaresult td.jobinfo a:active {
	color: #fff;
}

#mediaresult td.jobinfo a:hover{
	color: #FC0;
}

#mediaresult td.subinfo {

	background-color: #ccc;
	color: #333;
}

#mediaresult td.notesinfo {

	background-color: #e0e1e2;
	color: #333;
}

#mediaresult td.uploadcell {

	background-color: #FC0;
	color: #333;
}

#mediaresult td.status
{
	text-align: center;
	background-image: url(../pics/green_back.gif);
}

#mediaresult td.jobnumber {
	text-align: center;
	background-color: #fff;
	color: #324C6F; 
	font-weight: bold;
}

#mediaresult td.jobnumber a:link { color: #324C6F; }
#mediaresult td.jobnumber a:visited { color: #324C6F; }
#mediaresult td.jobnumber a:active { color: #324C6F; }
#mediaresult td.jobnumber a:hover { color: #666; }


#mediaresult td.jobtitle {
	background-color: #324C6F;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
}

/*  END MEDIA RESULTS */





/* JOB DETAILS */

#jobdetails
{
	width: 90%;
	background-color: fff;
	background-image: url(../pics/archive_back.gif);
	border: 1px solid #333;
	padding: 5px;
}

#jobdetails td {

	padding: 3px;

}

#jobdetails td.notesfill {

	padding: 3px;
	background-color: #fff;

}

#jobdetails td.pagetitlecell {
	color: #036;
	font-weight: bold;
	padding: 3px;
	vertical-align: middle;
}

#jobdetails td.info {

	padding: 3px;
	margin: 0;
	background-color: #ccc;

}

#jobdetails td.trafficinfo {

	padding: 3px;
	margin: 0;
	background-color: #ccc;
	width: 300px;

}

#jobdetails tr.jobdetailswrap {

	border: 1px solid #333;

}

#jobdetails td.titlecell {

	background-color: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px;
}

#jobdetails td.thumbnailcell {

	background-color: #666;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}

#jobdetails td.info {

	background-color: #666;
	color: #fff;
	padding: 3px;
}

#jobdetails td.info a:link { color: #fff; }
#jobdetails td.info a:active { color: #fff; }
#jobdetails td.info a:visited { color: #fff; }
#jobdetails td.info a:hover { color: #FC0; }



#jobdetails td.uploadstatement {

	background-color: #FC0;
	color: #333;
	padding: 3px;
}

#jobdetails td.jobnumber {

	background-color: #fff;
	color: #036;
	padding: 3px;
	font-weight: bold;
}

#jobdetails td.infowrap {

	background-color: #333;
	padding: 0;
	border: 0;
}

#jobdetails a:link { color: #F30 }
#jobdetails a:active { color: #F30 }
#jobdetails a:visited { color: #F30 }
#jobdetails a:hover { color: #666 }


#approvemodule {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 3px;
	background-color: #333;
	width: 500px;
}
 
#approvemodule a:link { color: #F30; }
#approvemodule a:visited { color: #F30; }
#approvemodule a:active { color: #F30; }
#approvemodule a:hover { color: #666; }

#approvemodule td { padding: 3px; }

#jobdetailsalert {

	border: 1px solid #333;
	color: #F30;
	font-weight: bold;
	background-color: #fff;
	width: 500px;
	margin-left: 3px;
	padding: 3px;

}


/* END JOB DETAILS */


/* NEW JOB NUMBER Page Form */


#pageform td {

	padding: 3px;


}

/* END NEW JOB NUMBER Page Form */



td {
	padding: 3px;
	font-size: .75em;

}

#uploadalerts {
	margin-left: 50px;
	margin-top: 10px;
	background-color: #F90;
	width: 300px;
	border: 1px solid #F90;
	padding: 3px;
	font-size: .85em;
}

p.uploadalert {

	color: #F30;

}

td.uploadstatus
{
	padding: 3px 8px 3px 3px;
	background-image: url(../pics/uploadstatusback.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}



td.media
{
	background-color: #F60;
	text-align: center;
	font-weight: bold;
}

#actionbuttons {

	font-size: 12px;

}

#actionbuttons a:link {
color: #CC3300; 
font-size: 12px;
}

#actionbuttons a:visited {
color: #CC3300; 
font-size: 12px;
}

#actionbuttons a:active {
color: #CC3300; 
font-size: 12px;
}

#actionbuttons a:hover {
color: #666; 
font-size: 12px;
}

#actionbuttons td
{
	border: 1px solid #ccc;
	padding: 2 4 2 4;
	margin: 0 2 0 2;
}

#pageform {

margin-left: 50px;

}

#uploadpagetitle
{
	margin-top: 10px;
	padding: 3px 3px 3px 50px;
	background-color: #ccc;
	width: 100%;
	height: 30px;
}

#pageform td {

	background-color: #fff;
	vertical-align: top;
}

#pageform td.fill {

	background-color: #ccc;
	vertical-align: top;
}

#pageform th {

	background-color: #9C9;
	text-align: left;
	padding: 5px;

}

#pageform h1 {
	font-size: 14px;
	font-weight: bold
	line-height: 14px;
	margin: 0;
	padding: 0;
}

#pageform td.submit {

	background-color: #fff;

}




#white {
	
	margin: 10px;
	padding: 10px;
	background-color: #fff;

}

/* BEGIN ARCHIVE */


#archiveblock
{
	background-color: #CC6;
	padding: 10 20px 20px 20px;
}

#archivesearch { padding: 10px 10px 0 10px; }

#archivesearch h1
{
	padding: 3px 6px 3px 6px;
	border: 1px solid #666;
}

#archivesearch td {

	vertical-align: top;
	padding: 0 10px 0 0;
}

#archivesearch input
{
	padding: 0;
	margin: 0;
	font-size: 12px;
}

.archiveinstructions {

padding: 0;
margin: 0;
font-size: 10px;
line-height: 10px;

}


#archivesearchresults td {

	border: 1px solid #666;
	padding: 5px;
	background-color: #fff;

}

#archivesearchresults th {

	border: 1px solid #666;
	padding: 5px;
	font-weight: bold;
	font-size: 12px;

}

#archivesearchresults th.task {

	padding: 5px;

}

#archivesearchresults table {


}

textarea {

	background-color: #fff;
	border: 1px solid #333;

}



p.grey {
color: #666666; 
font-size: .85em; 
}
p.darkgrey {
color: #333333; 
font-size: .85em; 
}
p.lightgrey {
color: #999999; 
font-size: .85em; 
}
p.biggrey {
color: #666666; 
font-weight: bold; 
font-size: .85em; 
}
p.smallwhite {
color: #FFFFFF; 
}
p.white {
color: #FFFFFF; 
}
p.bigwhite {
color: #FFFFFF; 
font-weight: bold; 
font-size: .85em; 
}
p.red {
color: #CC3300; 
font-size: .85em; 
}
p.yellow {
color: #FFFF33; 
font-size: .85em; 
}
p.smallred {
color: #CC3300; 
}
p.bigred {
color: #CC3300; 
font-size: .85em; 
}
p.smallorange {
color: #FF6600; 
}
p.orange {
color: #FF6600; 
font-size: .85em; 
}
p.bigorange {
color: #FF6600; 
font-weight: bold; 
font-size: .85em; 
}
p.smallblue {
color: #003366; 
}
p.blue {
color: #003366; 
font-size: .85em; 
}


a.bigblue:link {
color: #003366; 
font-weight: bold;
font-size: .85em; 
}
a.bigblue:visited {
color: #003366; 
font-weight: bold;
font-size: .85em; 
}
a.bigblue:active {
color: #003366; 
font-weight: bold;
font-size: .85em; 
}
a.orange:link {
color: #FF9900; 
}
a.orange:visited {
color: #FF9900; 
}
a.orange:active {
color: #FF9900; 
}
a.blue:link {
color: #003366; 
}
a.blue:visited {
color: #003366; 
}
a.blue:active {
color: #003366; 
}
a.red:link {
color: #CC3300; 
}
a.red:visited {
color: #CC3300; 
}
a.red:active {
color: #CC3300; 
}
a.black:link {
color: #CC3300; 
}
a.black:visited {
color: #CC3300; 
}
a.black:active {
color: #CC3300; 
}
a.yellow:link {
color: #FFFF33; 
}
a.yellow:visited {
color: #FFFF33; 
}
a.yellow:active {
color: #FFFF33; 
}
a.white:link {
color: #FFFFFF; 
}
a.white:visited {
color: #FFFFFF; 
}
a.white:active {
color: #FFFFFF; 
}

ul.actions {

margin: 0;
padding: 0;

}

/* traffic and AE Notes */

li.readbody { list-style-type: none; }

a.readnotes:link { color: #333; }
a.readnotes:active { color: #333; }
a.readnotes:visited { color: #333; }
a.readnotes:hover { color: #FFF; }

.thebody {

margin-top: 5px;

}


#joblisting {
	background-color: #666;
	margin: 20px 0 5px 20px;
	width: 500px;
}

#joblisting table {
	width: 100%;
}

#joblisting th {

text-align: left;
padding: 3px;
background-color: #9C9;

}

#joblisting td {
text-align: left;
padding: 3px;
background-color: #fff;

}


#joblisting th h1 {

font-size: 12px;
font-weight: bold;
padding: 0;
margin: 0;

}

#joblisting a:link { color: #F30; }
#joblisting a:active { color: #F90; }
#joblisting a:visited { color: #F90; }
#joblisting a:hover { color: #666; }

a.thumbnail:link {

	color: #F90;

}

#sectiontitle {

	margin-left: 20px;

}

#sectiontitle h1
{
	padding: 3px 6px 3px 6px;
	border: 1px solid #666;
	background-color: #F90;
	width: 300px;
}


#clientlisting {
	background-color: #666;
	margin: 20px 0 5px 20px;
	width: 500px;
}

#clientlisting table {
	width: 100%;
}

#clientlisting th {

text-align: left;
padding: 3px;
background-color: #F90;

}

#clientlisting td {
text-align: left;
padding: 3px;
background-color: #fff;

}


#clientlisting th {

font-size: 12px;
font-weight: bold;
padding: 3px;
margin: 0;

}