/*
Page setup is as follows (all measures are in pixels) :

Width of entire page is 1074px including 2 side images of 35px each leaving a usable area of 1004px

All pages have a header, links, body and footer.  


HEADER: The header consists of a single div with a width of 1004px.  There are currently 
2 images in the header, one that sits on the left and one that sits on the right.

LINKS:  The links consists of two divs, each with a width of 1004px.  The first div is a set of
links to static pages that contain information.  The second div is a set of dymamically added 
breadcrumbs that display the users position within the workflow.

BODY: The main body is divided up into 2 main sections.  
	
	The left section (main data) is 734, the right section (info) is 270 totalling 1004
	The left section has a left margin of 20, a right margin of 10, and a usable area of 704
	The right section has a left margin of 10, a right margin of 20, and a usable are of 240
	
	|<-------------------------------------1004-------------------------------------->|
								   Full Usable Area		
	
	|<-20->|<------------------704------------------>|10|10|<-------240------->|<-20->|  
	LMargin                 Main Data                Spacing   	 Info Area     RMargin

	All the workflow screens use this format.
	
	In the text entry screen (where the user fills the text fields for an ad, the main data 
	section has a width of 704 (with a 1pt border).  This section is divided up as follows:
	
	|<----------------------- 704 ----------------------->|    Full width of text input area
	|<-10->|<--------454------->|<-10->|<---250--->|<-10->|
	Spacing      Text Input	    Spacing     Image  Spacing
	
Color palette

#227799 - W2 Blue (Primary)
#2DA0CD - W2 Blue (Secondary)
#E2E6EA - W2 Blue (Background)

#33CC99 - W2 Green (Primary)
#424469 - W2 Purple (Secondary)
#229B44 - W2 Green (Secondary)
#9B233C - W2 Red (Secondary)
#DB805C - W2 Red (Secondary)
#BEB07C - W2 Beige (Secondary)
#CCCCCC - W2 Grey
*/

.documentIdentifier {
	/* set to block when you want checkboxes on the document (template selection) page */
	display: none;
}

.links-window {
	width: 100%;
	height: 600px;
}

#footerTerms {
	width: 120px;
	margin: 6px 12px 0px 0px;
	text-align: right;
	float: right;
	text-decoration: none;
	color: #227799;
}

.helpSection {
	display: none;
	visibility: hidden;
}

#helpMessage {
	color: #000000;
	margin: 0px 0px 12px 6px;
}

#helpMessage h2 {
	color: #227799 !important;
}

#content.legacy #helpme {
	display: none;
}

textarea,input,select {
	font: 12px Verdana, Arial, sans-serif;
	margin-top: 2px;
}

.cbox {
	margin-top: 0px;
}

/* Using an id for the body rather than just defining the tag
	because Safari (PC) does not set the body background-color
	if it is specified in an external file.  
*/
#body {
	background-color: #808080;
	padding: 0px;
	font-family: arial;
	font-size: 11px;
	color: #9B233C;
	text-align: center; /* required by IE to center wrapper */
	height: 100% !important; 
}

#wrapper {
	text-align: left; /* turn off IE centering */
	/*	width: 1004px;*/
	padding-left: 35px;
	padding-right: 35px;
	margin: 0px auto;
	color: #666666;
	/*	background: #ffffff url(../imgs/adportal/sidegradient.gif) repeat-y scroll center;*/
	background: #ffffff;
}

#container { /*	float:left;*/
	/* These next 3 lines set the body's height to a minimum of 500px - it has a hack because min-height 
   does not work in IE.  This hack will only work for IE 6.0 and higher.  IE 5 will show height problems 
   if the height of the #container div exceeds 500px (the footer will set over the container */
	min-height: 445px; /* For FF */
	height: auto !important; /* For IE - sets the height to auto-expand */
	height: 445px;
	/* The hack, when combined with the line above (see - "http://www.dustindiaz.com/min-height-fast-hack/" for an explanation */
	position: relative;
}


#header {
	position: relative;
	height: 61px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	color: white;
	vertical-align: middle;
	text-align: right;
}

/* These are the static links that sit just under the header */
.links {
	height: 30px;
	position: relative;
}
/*
.linksbackleft {
	height: 30px;
	background: url("../imgs/LinksPanel.jpg") no-repeat;
	width: 20px;
	left: 0px;
	position: absolute;
}

.linksbackcenter {
	background: url("../imgs/LinksPanel-center.jpg") repeat-x;
	height: 30px;
	left: 20px;
	right: 20px;
	position: absolute;
}
.linksbackright {
	height: 30px;
	background: url("../imgs/LinksPanel.jpg") no-repeat -984px 0px;
	width: 20px;
	right: 0px;
	position: absolute;
}
*/

ul.links {
	color: #000000;
	text-align: right;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 8px 0px 0px 0px;
	height: 20px;
	text-transform: capitalize;
}

.links ul li {
	padding: 3px 3px 3px 5px;
	list-style: none;
	display: inline;
	border-left: 1px solid;
}

/* !important necessary due to global *|* links setting */
.links ul li a {
	color: black !important;
	text-decoration: none;
}

.links ul li a:hover {
	color: blue !important;
}

.links ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}

.links ul li.first-child { /* hack to make first-child work in IE */
	border: none;
}

li.linksseparator {
	border: none ! important;
	width: 5px;
}

.links-testimonials {
	/* This link is defaulted to OFF, but can be turned on if users want to have a testimonials link */
	display: none !important;
}

.links-cart {
	border: none ! important;
	display: block;
}

/* These are the breadcrumbs that sit just under the links */
.breadcrumbs {
	height: 30px;
	background-color: #FFFFFF;
	margin-top: 3px;
}

ul.breadcrumbs {
	color: #227799;
	text-align: right;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size: 9pt;
	padding: 2px 0px 0px 0px;
}

.breadcrumbs ul li {
	background: url("../imgs/gt.jpg") no-repeat;
	color: #227799;
	padding: 0px 6px 0px 18px;
	list-style: none;
	display: inline;
}

.breadcrumbs ul li .spacer {
	color: #227799;
	display: inline;
	font-weight: bold;
	font-size: 22px;
	vertical-align: sub;
}

.breadcrumbs ul li.first-child {
	/* hack to make first-child work in IE */
	background: none;
}

.breadcrumbs li.selected {
	font-weight: bold;
	color: #227799;
}

#titleimg {
	float: left;
	margin-top: 10px;
	margin-left: 12px;
	border: 0px none;
	background: url("../imgs/adportal/HeaderImage.jpg") no-repeat;
	/* use for white background */
	width: 375px;
	height: 40px;
}

#subtitleimg {
	float: right;
	clear: right;
}

/* Login Page*/
div.loginPage {
	/* background: 	transparent url(../imgs/Login_Header.gif) no-repeat; */
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		10pt;
	font-weight:	 bold;
	width: 240px;
	height: 30px;
	margin: 0;
	padding: 0;
	line-height: 30px;
	color: #227799;
	text-align: center;
	position: relative;
	top: 1px;
}

div.loginPageContainer {
	border: 1px solid #227799;
	width: 238px;
	padding-top: 3px;
}

div.loginPageContainer input {
	margin-top: 6px;
	width: 150px;
}

div.loginMsg {
	display: none;
	color: #000000;
	font-family: Tahoma;
	font-size: 16pt;
	line-height: 24px;
	margin: 48px 0px 0px 16px;
}

#headerlinks {
	font-weight: 100;
	margin-bottom: 5px;
}

#headerlinks a {
	color: white;
	text-decoration: none;
}

#headerlinks a:hover {
	text-decoration: underline;
}

#headersublinks {
	font-weight: bold;
	font-size: 12px;
	padding-top: 25px;
}

#header ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#header ul li {
	margin-left: 0;
	padding: 3px 3px;
	list-style: none;
	display: inline;
	border-left: 1px solid;
}

#header ul li:first-child {
	border: none;
}

#login {
	margin-top: 16px;
	float: left;
	width: 260px;	
	padding: 16px 0px 0px 10px;
}

#login h2 {
	text-align: 			center;
}

#login label {
	margin:					20px 0 0 20px;
	padding: 				0px 6px 0px 6px;
	text-align: 			right;
	width: 					56px;				 
	padding:				6px 10px 0 0; 	
	color:					#262626 !important; 
}

#login input.button {
	float: 					none; 
	margin-top: 			12px;
	margin-left: 			50px;   
}

.halfbanner {
	padding: 3px;
}

#ForgotEmail label {
	width: 150px;
}

#description,#descriptionPackage {
	/* the description next to the fieldset choice as the user navigates */
	float: left;
	margin-top: 6px;
	margin-left: 8px;
	width: 500px;
}

#descriptionPackage {
	/* clear: left;  the left clear is now put in at the HTML description level */
	width: 498px;
}

td input.package_name {
	width: 400px;
}

.userPackage table#description {
	clear: left;
}

input.adHistoryPaid {
	margin: 7px 0px 0px 0px !important;
	width: 13px !important;
}

#input_description { /* the description field in the admin menus */
	width: 200px;
	margin-top: 4px;
	height: 80px;
}

#promo_description,#admin_description {
	/* the description field in the admin menus */
	width: 720px;
	margin-top: 4px;
	height: 80px;
}

#long_input_description {
	/* the long description field in the admin menus */
	height: 300px;
}

#input_description.htmlEntry {
	/* the description field in the Edit Packages admin menus.  This field needs to be bigger than most */
	width: 540px;
	margin-top: 4px;
	height: 250px;
	font-size: 10px;
}

#input_description.htmlEntryExtraWide {
	/* the description field in the Edit Packages admin menus.  This field needs to be bigger than most */
	width: 616px;
	margin-top: 4px;
	height: 250px;
	font-size: 10px;
}

.articlelist,.articlemarker {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	font-weight: bold;
	color: #227799;
}

.articlemarker {
	border-top: 1px dotted #227799;
	border-bottom: 1px dotted #227799;
	padding: 4px 0px 4px 0px;
	width: 434px;
	color: #227799;
	text-align: center;
}

.articlelist ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

.articlelist li {
	margin-left: 0;
	list-style: none;
	display: inline;
}

.articlelist a {
	color: #227799;
}

.articlelist a:hover {
	color: #000000;
}

.articlelist a:active {
	color: blue;
}

.articleset {
	float: left;
	width: 440px;
}

.articleset.horizontal {
	margin-top: 80px;
}

.article {
	float: left;
}

/* CMS - Image Library */
#cmsInstructions {
	width: 700px;
	float: left;
	padding: 0 0 0 12px;
}

.cms {
	padding-top: 12px;
	padding-bottom: 12px;
}

.cms ul {
	padding: 0;
}

.cms li {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 8px;
}

.cms a:hover {
	color: #DB805C !important;
	text-decoration: underline !important;
}

.cms a:link {
	color: #227799;
	text-decoration: none;
}

.cms a:visited {
	color: #424469;
	text-decoration: none;
}

#cmsUpload {
	width: 24px;
	float: left;
	margin-top: -2px;
}

.gallerypage {
	width: 954px !important;
	border: none !important;
}

/* END CMS - Image Library */
fieldset {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
	/* Needs to be there to pad the bottom of the publication, classification and type selection screens */
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 704px;
	/* border: 1px solid #227799; */
	float: left;
}

fieldset.userinput {
	margin-bottom: 6px;
	
}

fieldset.userinputbackground{
	background-color: white;
}

fieldset.schedule,fieldset.campaign,fieldset.confirmation {
	background: #E2E6EA;
	position: relative;
	margin-top: .5em;
	padding-top: 1.5em;
}

/* These next two definitions make the confirmation and view details pages wider */
fieldset.confirmation {
	width: 800px;
}

.viewAdDataContainer {
	width: 792px;
}

/* END These next two definitions make the confirmation and view details pages wider */
#schedule-custom-message {
	display: none;
}

#specialnotes {
	width: 226px;
}

.insertionErr {
	/* On the schedule page, this is the format of the error that displays when there are too many or too few insertions */
	padding: 3px 0 0 360px;
	width: 184px;
	clear: left;
	color: red;
	float: left;
	text-align: center;
	font-weight: bold;
}

#survey {
	display: block;
}

div.choosePub {
	margin: 6px 0px 10px 10px;
}


a.selectZones {
	margin: 0px 0px 8px 14px;
}

a.unselectZones {
	margin: 0px 0px 0px 14px;
}

/* recalculate is disabled by default */
/* NOTE: IE6 does not like addressing ID's with a leading underscore */
#eventId_recalculate {
	display: none !important;
}

#eventId_lookup {
	display: none !important;
}

fieldset.schedule,fieldset.additionalPubs {
	margin-bottom: 6px;
	padding-bottom: 6px;
	width: 698px;
	/* For some reason, in IE 7, (maybe 6 as well), the button bar is messed up when the width is 704 px) */
}

.calendarhack {
	/* this hack fixes a bug in IE where the background bleeds out of the fieldset */
	position: expression("absolute");
	top: expression("-.75em");
	left: expression(".5em");
}

fieldset.generatepreview {
	float: none;
}

fieldset.login {
	width: 240px;
}

fieldset.login input {
	margin-top: 4px;
	width: 160px;
}

fieldset.template {
	padding-bottom: 8px;
}

fieldset.entryform,fieldset.entryformRoles,fieldset.publicationEntryform
	{
	margin-top: 4px;
}

fieldset.adminform {
	margin: 0px;
}

fieldset.adminExtraWide {
	width: 780px;
}

fieldset.emailTemplate {
	width: 780px;
	height: 775px;
}

fieldset.addpkgitems {
	height: auto;
}

fieldset.entryform label {
	margin-top: 8px;
	margin-right: 4px;
	margin-left: 4px;
	text-align: right;
	width: 140px !important;
}

fieldset.entryformRoles label {
	margin-top: 8px;
	margin-right: 4px;
	margin-left: 4px;
	text-align: right;
	width: auto;
}

#promoCode,#contractId {
	float: left;
	margin-right: 16px;
}

span.promoDesc {
	color: #990000;
}

fieldset.adminform label {
	width: 100px !important;
}

fieldset.publicationEntryform label {
	float: left;
	clear: none;
	margin-left: 2px;
	margin-top: 1px;
}

fieldset.publicationEntryform input {
	float: left;
	clear: left;
}

fieldset.documentform {
	margin: 0px;
}

.publicationCheck {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 13px;
}

.publicationLabel {
	margin-top: 8px;
	margin-left: 10px;
	float: left;
	clear: left;
	width: 95%;
}

fieldset.adminform input {
	width: 550px !important;
}

#legacyReporting {
	display: none;
	border-bottom: 2px solid #aaaaaa;
	padding-bottom: 12px;
}

.docWildcard {
	width: 400px !important;
}

fieldset.entryform input,fieldset.entryformRoles input {
	margin-top: 4px;
	width: 200px;
}

fieldset.cancellationschedule {
	border: none;
	background: none;
	float: left;
	clear: left;
	width: 400px;
}

fieldset.ccAdjustment {
	border: none;
	background: #dddddd;
}

fieldset.ccAdjustment label {
	margin: 7px 0 0 12px;
}

fieldset.ccAdjustment legend {
	display: none;
}

fieldset.ccAdjustment input {
	width: 64px;
	text-align: center;
	border: none;
	background: none;
}

fieldset.ccAdjustment input.ccAdjustment {
	font-weight: bold;
}

fieldset.entryform input.checkbox {
	margin: 8px 0px 0px 0px;
	width: 14px;
}

select.documentsEdit {
	margin-top: 4px;
	margin-left: 0px;
	width: 205px !important;
}

fieldset.entryform input.adminwider,#input_description.adminwider {
	/* Admin print publication edit screen is wider */
	width: 400px;
}

/* Each user page has it's own class on the fieldset allowing parts of the fieldset to be turned
   on and off as needed.  */
fieldset.userPublication {
	
}

.userPublication legend {
	
}

fieldset.userCategory {
	
}

.userCategory legend {
	
}

fieldset.userClassification {
	
}

.userClassification legend {
	
}

fieldset.userPackage {
	
}

.userPackage legend {
	
}

fieldset.userTemplate {
	
}

.userTemplate legend {
	
}

fieldset.userGenerate {
	border: 0px;
}

.userGenerate legend {
	display: none;
}

fieldset.userProof {
	border: 0px;
	width: 710px; /* was 704 - made bigger for IE6 */
}

.userProof legend {
	display: none;
}

/* END Each user page has it's ... */
#privacypolicy {
	padding-left: 6px;
}

#scrollingdata {
	width: 598px;
	/*height: 400px;		uncomment for scrolling data in user input div */
	/*overflow: auto;		uncomment for scrolling data in user input div */
	margin-bottom: -20px;
}

legend {
	background: #2DA0CD none repeat scroll 0%;
	border: 1px solid #227799;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
}

label {
	color: #424469;
	white-space: nowrap;
	margin-left: 5px;
	font-weight: bold;
	border: 5px;
	display: block;
	float: left;
	text-align: left;
	clear: both;
	width: 120px;
}

label.text,label.flashtext,label.image,label.flashimage,label.ExternalMedia
label.radio,label.checkbox,label.listbox,label,dropdown {
	text-align: left;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	line-height: 12px;
	float: left;
	width: 400px;
	display: inline;
}

label.emailLabel {
	padding: 6px;
	margin-top: 0px;
	width: auto;
}

select.emailSelect {
	clear: left;
	margin-left: 4px;
}

#emailText textarea {
	clear: left;
	float: left;
	margin: 6px 0 0 6px;
	width: 764px;
	background: #EEEEEE;
	font-size: 9px;
}

li.listbox select,li.dropdown select {
	margin-left: 0px;
	margin-top: 2px;
	width: 394px;
}

.flashtext textarea {
	border: #227799 1px dashed;
}

.imagefile_path {
	line-height: 12px;
	white-space: normal;
	width: 300px;
	float: left;
}

.externalmediafile_path {
	line-height: 12px;
	white-space: normal;
	width: 300px;
	float: left;
}

label.templates {
	background-color: #CCCCCC;
}

label.leftAlign { /* left aligns a label and gives it a marging */
	text-align: left !important;
	margin-left: 12px !important;
	padding: 0px 0px 2px 8px;
}

.packageListDesc {
	font-weight: normal !important;
	clear: left;
	margin-left: 20px;
}

/* Used to display a list of checkbox items followed by a name, then a description underneath in the admin area */
.adminlist {
	float: left;
	margin-bottom: -8px;
	clear: left;
}

.adminlist ul {
	margin-left: 18px;
	padding-left: 0px;
}

.adminlist ul li {
	clear: left;
}

.adminlist ul li label {
	margin-top: 5px;
	clear: none;
}

.adminlist ul li input {
	height: 14px;
}

.adminlist ul li div {
	padding-bottom: 8px;
}

/* END Used to display a list of checkbox items followed by a name, then a description underneath in the admin area */
/* Used to display the package item list of Publications */
.pkgPubEditList {
	float: left;
	margin-bottom: -8px;
	clear: left;
}

.pkgPubEditList li {
	margin-bottom: 2px;
	clear: left;
}

.pkgPubEditList ul li label.insertions {
	text-align: left;
	margin: 4px 0px 0px 6px;
	font-weight: normal;
	width: 500px !important;
	clear: none;
}

.pkgPubEditList ul li label.onlineinsertions {
	display: none; /* no longer used */
	text-align: left;
	margin: 3px 6px 0px 0px;
	font-weight: normal;
	width: 380px !important;
	padding-left: 7px;
	padding-top: 7px;
	float: left;
	clear: none;
}

.packageTrash {
	float: left;
	height: 4px !important;
	width: 14px;
	margin-top: -7px;
}

.pkgPubEditList ul li label.days {
	clear: none;
	text-align: left;
	width: 34px !important;
	font-weight: normal;
	margin-top: -1px;
}

table.packageItemPubDataDays,table.packageItemPubDataInfo {
	width: 600px;
}

.pkgPubEditList ul li div {
	padding-top: 4px;
}

.pkgItemPubDataPart {
	clear: left;
	padding-top: 12px !important;
}

.pkgPubEditList ul li input {
	width: 23px;
	/*  height: 14px; <-- This was fixing the height for *all* input controls on the page */
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
}

.pkgPubEditList ul li input.numonlineinserts {
	display: none; /* no longer used */
	width: 60px;
	text-align: center;
	margin-left: 20px;
	margin-top: 6px;
	padding-left: 0;
}

.pkgPubEditList ul {
	margin-left: 18px;
	padding-left: 0px;
}

table.packageItemPubDataDays td.pubName,div.pkgPubEditList span.olPubName
	{
	font-weight: bold;
	font-size: 12px;
	color: #227799;
}

.deleteSelected {
	clear: left;
	padding-left: 12px;
}

/* END Used to display the package item list of Publications */
/********************************************************/
/* dialog_box - the fancy 3d background (payment screen)*/
/********************************************************/
.dialog_box {
	width: 100%;
}

.dialog_box .hd .c,.dialog_box .ft .c {
	font-size: 1px;
	height: 7px;
}

.dialog_box .ft .c {
	height: 9px;
}

.dialog_box .hd {
	background: url(../imgs/boxes/tl.png) no-repeat;
	margin-right: 9px;
}

.dialog_box .hd .c {
	background: url(../imgs/boxes/tr.png) no-repeat right top;
	margin-right: -8px;
}

.dialog_box .bd {
	background: url(../imgs/boxes/ml.png) repeat-y;
	margin-right: 9px;
}

.dialog_box .bd .c {
	background: url(../imgs/boxes/mr.png) repeat-y right top;
	margin-right: -8px;
}

.dialog_box .bd .c .s {
	margin: 0px 6px 0px 4px;
	padding: 5px 20px;
}

.dialog_box .ft {
	background: url(../imgs/boxes/bl.png) no-repeat;
	margin-right: 9px;
}

.dialog_box .ft .c {
	background: url(../imgs/boxes/br.png) no-repeat right top;
	margin-right: -8px;
}

.dialog_login {
	margin-bottom: 12px;
}

h2.subheader {
	margin-top: 0px;
	background-color: transparent;
	font-size: 9pt;
}

h2.subheaderMsg {
	margin: 0 0 10px 0;
	background-color: transparent;
	font-size: 8pt;
	font-weight: normal;
	color: #666666;
}

label.formlabel {
	margin: 0;
	height: 19px;
	width: 89px;
}

/* end dialog_box */
/* Payment Page */
#uses-shipping {
	display: none;
}

.flag {
	color: #FF0000;
}

table {
	border: 0 none;
}

.confirm_order_form table.form {
	margin-bottom: 15px;
}

.confirm_order_form table.form input.text {
	width: 225px;
}

.confirm_order_form table.form select {
	width: auto;
	margin-left: 4px;
}

.confirm_order_form table.form select.short {
	width: 75px !important;
}

.confirm_order_form table.cc_info {
	margin-bottom: 15px;
}

.confirm_order_form table.cc_info td.last {
	padding-right: 0;
}

.confirm_order_form table.form td {
	color: #424469;
}

.confirm_order_form table.form td.note {
	color: #227799;
	font-style: italic;
	padding-left: 8px;
	padding-bottom: 6px;
	vertical-align: top;
}

.confirm_order_form table.form td.explanation {
	color: #227799;
	font-style: italic;
	padding-left: 6px;
	font-size: 8pt;
}

.confirm_order_form table.form td textarea {
	width: 550px !important;
	height: 200px !important; /* was 80 */
	margin-left: 4px !important;
}

.confirm_order_form table.form td textarea.htmldescription {
	height: 200px !important;
}

.confirm_order_form table.form td.listlabel {
	vertical-align: top;
	width: auto;
	padding-top: 6px;
}

.confirm_order_form table.form td input.removesub {
	margin-left: 170px;
}

.confirm_order_form table.form select.promoType {
	height: 20px;
	width: 100px;
	margin-left: 0px;
}

.confirm_order_form table.form select.promoOption {
	margin-left: 4px !important;
	width: 229px !important;
}

.confirm_order_form table.form td input.promoValue {
	width: 79px;
}

.confirm_order_form table.form td input.promoDesc {
	width: 540px;
	height: 80px
}

.confirm_order_form table.form td input.roleDesc,.confirm_order_form table.form td input.desc
	{
	width: 400px;
	height: 36px;
	margin-left: 4px !important;
}

tr.classifiedAnnouncementText td.label {
	vertical-align: top;
	padding-top: 4px;
}

.legacy .confirm_order_form  tr.classifiedAnnouncementText textarea {
	height: 253px !important;
	width: 225px !important;
}

.legacy #headline {
	padding-bottom: 20px;
}

.legacy .calImg {
	height: 16px;
}

.legacy .calButton {
	height: 24px;
	margin-top: 2px;
	padding: 0;
	width: 32px;
}

tr.classifiedAge td input {
	width: 36px !important;
	text-align: center;
}

tr.classifiedPersonImageURL td img.legacy_form_img {
	padding-left: 4px;
}

tr.deathnoticesCharity {
	display: none;
}

tr.classifiedCharity {
	display: none;
}

.confirm_order_form table.form td.label {
	padding-right: 25px;
	color: #424469;
}

.confirm_order_form table.form td.label.description {
	vertical-align: top;
	padding-top: 6px;
}

td.dataurl-description {
	vertical-align: top;
	padding-top: 6px;
	padding-right: 100px;
}

.confirm_order_form table.cc_info td {
	padding-bottom: 10px;
	padding-right: 50px;
}

.confirm_order_form #cc_form {
	display: inline;
	float: left;
	margin-left: 30px;
	margin-right: 20px;
	width: 400px;
}

.confirm_order_form #cc_code_images {
	display: inline;
	float: left;
	width: 200px;
}

.confirm_order_form #cc_code_images p {
	font-size: 11px;
	margin-bottom: 5px;
}

.confirm_order_form table.form td input {
	xxwidth: 225px;
	margin-left: 4px;
}
	
	/* AZ - took width out becuase it messed up checboxes in Admin tables */
.confirm_order_form table.form td input.pricing {
	margin-top: 2px !important;
	width: 296px !important;
	height: 15px !important;
}

.confirm_order_form table.form td input.pricingval {
	margin-top: 2px !important;
	width: 75px !important;
	height: 15px !important;
}

.confirm_order_form table.form td input.short {
	width: 50px;
	margin-left: 4px;
}

.confirm_order_form table.form td input.radio {
	width: 24px;
}

.confirm_order_form table.form tr.radio {
	height: 36px;
}

.confirm_order_form table.form td input.admincheck input.allowContactCheck
	{
	width: 20px;
	height: 20px;
	margin: 0 0 0 0px;
	vertical-align: top;
}

.confirm_order_form table.form td input.admincheck.list {
	margin-left: 2px;
}

.confirm_order_form table.form td input.description {
	width: 600px !important;
	height: 80px !important;
	margin: 2px 0 0 4px !important;
}

.confirm_order_form table.form td input.name {
	width: 550px !important;
}

.adm-checkdesc {
	margin: 0px;
}

.confirm_order_form table.form td input.chk {
	width: 25px;
}

.confirm_order_form table.form td a {
	color: #227799;
}

.confirm_order_form table.form td input.chk {
	border: medium none;
	height: 20px;
	margin: 0 6px 0 0;
}

#billme,#payment_terms,#tandc {
	padding-left: 0;
	width: 16px;
	vertical-align: middle;
	height: auto;
	margin: 0;
}

#payment_terms {
	clear: left;
	padding-bottom: 12px;
}

#payment_terms td a.terms {
	width: auto;
}

input.billClientCb {
	width: 25px;
	vertical-align: bottom;
}

.confirm_order_form .terms a {
	padding-bottom: 12px;
	vertical-align: middle;
}

.confirm_order_form #cc_data {
	display: inline;
	margin: 0 20px 0 0px;
	width: 375px;
	float: left;
}

.confirm_order_form #cc_data  h4.headline {
	padding-bottom: 6px;
}

#confirm_order_form #cc_code_images {
	display: inline;
	float: left;
	width: 200px;
}

#confirm_order_form #cc_code_images p {
	font-size: 11px;
	margin-bottom: 5px;
}

hr.form { /* used in the admin pages */
	margin: 2px 0 11px 0;
	width: 727px !important;
	float: none;
	clear: left;
}

hr.form-user { /* used in the user pages */
	margin: 2px 0 11px 0;
	width: 650px;
	float: none;
	clear: left;
}

#birthDatelegacy,#deathDatelegacy,#postDateobit,#postDatelegacy,.legacyDate
	{
	width: 80px !important;
}

#postDateobit {
	background: #eeeeee;
	color: #aaaaaa;
}

#ForgotUsername .phone-sample {
	padding-left: 3px;
}

.phone-sample,.date-sample,.email-msg,.charity-msg {
	/* sample phone number in user entry fields */
	padding-left: 12px;
	font-style: italic;
	color: #227799;
	font-size: 11px;
}

ul#acl {
	padding-left: 10px;
}

/* End Payment Page */
/* Specific to the Zones list on the Publications (no map) and Scheduling pages */
.zones {
	float: left;
	margin-bottom: -8px;
}

.zones ul {
	margin-left: 18px;
	padding-left: 0px;
}

.zones ul li {
	clear: left;
}

.zones ul li label {
	margin-top: 3px;
	clear: none;
}

.zones ul li input {
	height: 14px;
}

.zoneListDesc {
	margin-left: 22px;
	font-weight: normal !important;
}

.zones ul li div {
	padding-bottom: 8px;
}

.schedule .zones {
	margin: 0px;
	padding: 0px;
	clear: left;
	width: 698px;
}

.campaign .zones {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}

.campaign .zones ul li h4.zoneListDesc {
	display: none;
}

.schedule .zones ul li label {
	margin-left: 2px;
}

.schedule .zones ul li {
	margin-top: 6px;
	padding-bottom: 4px;
}

.campaign .zones ul li label {
	margin-left: 2px;
	width: auto;
}

.campaign .zones ul li {
	margin-top: 6px;
	padding-bottom: 4px;
}

/* END Specific to the Zones list on the Publications (no map) and Scheduling pages */
br {
	clear: left;
}

.articleitem {
	width: 440px;
	/* should be 434 but due to an IE problem, we need the extra 10px and won't go into the middle spacer anyway */
	padding-left: 10px;
}

.articleitem a {
	text-decoration: none;
}

li.radio input {
	float: left;
	clear: left;
	margin-left: 0;
}

li.radio label {
	clear: none;
	xxfloat: left;
	height: 14px;
	margin-top: 0;
	padding: 3px 0 0 0;
	font-style: italic;
	width: 300px;
}

li.radio label.fieldLabel {
	margin: 12px 0 2px 0;
}

#login submit {
	display: block;
	float: right;
}

#login ul {
	margin-top: 8px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
	width: 240px;
	text-align: center;
	white-space: nowrap;
	clear: left;
}

#login ul li {
	font-size: 9px;
	margin-left: 0;
	padding: 3px 3px;
	list-style: none;
	display: inline;
	border-left: 1px solid;
}

#login ul li:first-child {
	border: none;
}

#main label {
	width: 160px;
}

#progress {
	float: right;
	padding-top: 10px;
	padding-bottom: 19px;
}

.caption {
	color: #0066CC;
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
	clear: left;
}

span.icon_note {
	/* Doccontents page, this is the format of the message next to the delete, crop, cms library and upload button */
	display: none; /*default is display set to none */
	color: #0066CC;
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
	clear: left;
	vertical-align: super;
	cursor: default;
}

#progress ul li {
	margin-left: 0;
	list-style: none;
	display: inline;
}

.priorstep {
	text-decoration: underline;
}

.currentstep {
	font-weight: bold;
	color: #227799;
	text-decoration: underline;
}

#progress ul li:last-child:after {
	content: "";
}

#progress ul li:after {
	content: " >";
}

#map {
	float: left;
	width: 100%;
}

#map img {
	z-index: 5;
	border-style: none;
}

.contact {
	background-color: #e6e6e6;
	width: 175px;
	text-align: center;
}

h1 {
	font-family: times new roman;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
}

li {
	list-style: none;
}

li label {
	overflow: hidden;
	text-overflow: ellipses;
}

#headline,#headline-2 {
	padding-bottom: 5px;
	background-color: transparent;
}

.dialog_login #headline {
	display: inline-block;
}

h2 {
	color: #227799;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 6px;
	background-color: #FFFFFF;
}

h2.headline {
	color: #227799; /* Safari doesn't seem to take the inherited color */
	background-color: transparent;
	/* Safari doesn't seem to take the inherited color */
	height: 18px;
}

h2.headlineupload {
	color: #9B233C;
	background-color: #ffffff;
	/* Safari doesn't seem to take the inherited color */
	height: 18px;
}

h2.selection {
	text-align: center;
	color: #227799; /* Safari doesn't seem to take the inherited color */
	background-color: #ffffff;
	/* Safari doesn't seem to take the inherited color */
}

h3.headline {
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	color: #227799;
	margin: 0pt;
	text-align: left;
}

h4.headline {
	line-height: 14px;
	font-weight: normal;
	clear: left;
}

h4.indented {
	margin-left: 22px;
}

#headline img {
	float: left;
	display: inline;
}

#helpme {
	float: right;
	width: 41px;
	height: 41px;
/*	margin-top: -20px;*/
	margin-left: 10px;
}

#helpmecrop {
	width: 41px;
	height: 41px;
	margin-left: 4px;
}

#helpmecrop a {
	line-height: 20px;
	padding: 3px 0 0 0;
	height: 26px;
	font-style: normal;
	width: 26px !important;
}

label.croplabel {
	font-weight: bold;
	margin: 0;
}

#helpme .help {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13pt;
	font-family: sans-serif;
	padding-top: 4px;
	text-align: left;
	padding-left: 8px;
}

#info { /*	float: left;*/
	float: right;
	
	width: 240px;
/*	display: inline-block;*/
	vertical-align: top;
/*	margin-left: 10px;*/
}

.reviewOrder { /*	width: 600px !important;*/
	
}

.infoimage {
	text-align: center;
	width: 240px;
	margin-top: 20px;
}

#retrieveContent {
	float: left;
	width: 704px;
	padding-left: 20px;
}

#content { /*	float: left;*/
	/*	width: 704px;*/
	/* margin-left:20px; switched this line for the line below to be compatible with IE 6 */
	/*	padding-left:20px;*/
	/* margin-right:10px; use this statement when there is no vertical line between data area and info area */
	/*	border-right: 4px solid #CCCCCC;  Use the next 4 statements for a vertical line to the right of the data area */
/*	min-height: 500px;*/
	/*	margin-right: 0px;*/
	/*	padding-right: 12px;*/
	/*	position: absolute;*/
	/* margin-right: 250px; */
	/*	left: 0px;*/
	/*	top: 0px;*/
/*	display: inline-block;*/
}

#layoutContent {
}

#homeContent {
	float: left;
	/*	width: 980px;*/
	margin: 16px 0px 10px 10px;
	min-height: 500px;
}

#content.admin,#buttonbar.admin {
	width: 780px;
	border: none;
	float: left;
}

#toggleBtn {
	margin: 0;
}

#buttonbar.schedulebar {
	/* buttonbar on the schedule page is slightly smaller to deal with quirky IE 6 */
	width: 698px;
}

#content.thinadmin {
	width: 704px;
	border: none;
	float: left;
}

#adminNotice {
	float: left;
	color: #9B233C;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 2px 0px 0px 20px;
}

#leftinfobutton {
	display: block;
	float: left;
	text-align: left;
}

#rightinfobutton {
	display: block;
	float: right;
}

.disclaimer {
	float: left;
}

.selectionheader {
	font-size: 11px;
	font-weight: bold;
	float: left;
	clear: left;
}

.selectiondata,.selectioncost,.selectionprojected {
	float: left;
	color: #227799;
	border-bottom: 1px solid #227799;
	width: 100%;
	line-height: 14px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.selectioncostheader {
	font-weight: bold;
	padding-top: 8px;
	float: left;
	clear: left;
	border-bottom: 1px solid #227799;
}

.selectioncostdata {
	float: right;
	clear: right;
	line-height: 14px;
	color: #227799;
}

.discount {
	color: #ff0000;
}

.selectionupdate {
	white-space: nowrap;
	font-size: 11px;
	color: #990000;
	float: right;
	clear: right;
}

/* Login Page */
#mainimage { /* Big image on the left of the login page */
	/* width: 300px; reduced for IE 6 compatibility */
	width: 296px;
	height: 490px;
	float: left;
	background: url('../imgs/adportal/Main_Image.jpg') no-repeat;
}

#viewdemo {
	float: right;
	margin: 12px 0px 0px 0px;
	background: url('../imgs/adportal/img_viewdemo.gif') no-repeat;
	position: relative;
	top: -110px;
	left: 30px;
	height: 65px;
	width: 134px;
}

#maintext { /* width: 404px; reduced for IE 6 compatibility */
	width: 394px;
	float: left;
	margin-top: 16px;
}

#ecommercelogo {
	float: left;
}

#ecommercePurchase {
	margin-left: 269px;
	margin-top: -98px;
	float: left;
}

#maintext li {
	list-style: url(../imgs/adportal/img_bluebullet.gif);
}

#maintext .mainheadline {
	font-family: arial;
	line-height: 16pt;
	margin-bottom: 6px;
	margin-top: 70px;
}

#maintext .maincopy {
	padding-left: 0px;
	font-size: 10pt;
	line-height: 12pt;
	margin-bottom: 7px;
}

#startbutton {
	display: block;
	float: left;
	width: 152px;
	margin-left: 100px;
}

/* End Login page */
.main {
	width: 410px;
	height: 428px;
	float: left;
	/* switched these lines with the line below for IE 6 compatibility
	padding-top: 16px;
	padding-bottom: 30px;
	margin-left: 20px;
	margin-right: 10px;
	*/
	padding: 16px 6px 30px 20px;
}

#ClassificationSelect {
	width: 80%;
}

#PackageSelect {
	width: 80%;
}

#businesstype {
	float: left;
	width: 48%;
	text-align: center;
}

#adsize {
	float: left;
	width: 48%;
	text-align: center;
}

#buttonbar,.buttonbar,.topbuttonbar,.admintopbuttonbar {
	clear: left;
	display: block;
	/*	float:left;*/
	vertical-align: bottom;
	/*	width:704px;*/
}

.topbuttonbar.inventoryform {
	width: 966px;
	height: 34px;
}

.topbuttonbar.inventoryform.bottom {
	display: none;
}

.admintopbuttonbar {
	width: 780px;
}

.leftbutton {
/*	float: left;*/
	text-align: left;
/*	margin-right: 250px;*/
	display: inline-block;
	padding-top: 2px;
}

.centerbutton {
	display: inline;
	margin-left: 399px;
}

.centerdetailsbutton {
	display: inline;
	margin-left: 159px;
}

.paymentsavebutton {
	margin-left: 80px;
}

.centerbuttonwide {
	float: left;
	margin-left: 270px;
}

.rightbutton {
	float: right;
	text-align: right;
	padding-top: 2px;
	/* width: 208px; */
}

#adsizeselector {
	padding-top: 35px;
	float: left;
	display: table;
	width: 100%;
	vertical-align: top;
}

#adsize2x2 {
	float: left;
	width: 201px;
	height: 58px;
	background: url('/imgs/adportal/adsize2x2.gif') no-repeat;
	text-decoration: none;
	padding-top: 50px;
	text-align: center;
	font-size: 9px;
	color: #227799;
	display: table-cell;
	margin: 5px;
}

#adsize2x2 p {
	margin: 0px;
}

#adsize2x3 {
	float: left;
	width: 201px;
	height: 113px;
	background: url('/imgs/adportal/adsize2x3.gif') no-repeat;
	text-decoration: none;
	padding-top: 50px;
	text-align: center;
	font-size: 9px;
	color: #227799;
	display: table-cell;
	margin: 5px;
}

#adsize2x3 p {
	margin: 0px;
}

#adsize2x4 {
	float: left;
	width: 201px;
	height: 166px;
	background: url('/imgs/adportal/adsize2x4.gif') no-repeat;
	text-decoration: none;
	padding-top: 50px;
	text-align: center;
	font-size: 9px;
	color: #227799;
	display: table-cell;
	margin: 5px;
}

#adsize2x4 p {
	margin: 0px;
}

#viewimage {
	float: right;
}

#footer {
	height: 80px;
/*	width: 1004px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}

#footer .background {
	height: 38px;
/*	width: 1004px;*/
/*	background: url("../imgs/FooterPanel.jpg") no-repeat;*/
	/* Use this for background Image */
	position: relative;
}
/*
.footerbackleft {
	height: 38px;
	background: url("../imgs/FooterPanel.jpg") no-repeat;
	width: 20px;
	left: 0px;
	position: absolute;
}

.footerbackcenter {
	background: url("../imgs/FooterPanel-center.jpg") repeat-x;
	height: 38px;
	left: 20px;
	right: 20px;
	position: absolute;
}
.footerbackright {
	height: 38px;
	background: url("../imgs/FooterPanel.jpg") no-repeat -984px 0px;
	width: 20px;
	right: 0px;
	position: absolute;
}

*/


.tagline {
/*	width: 1004px;*/
	float: left;
	padding-top: 8px;
	position: relative;
}

span.tagline {
	color: black;
	text-align: left;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	margin-left: 12px;
	margin-top: 3px;
/*	width: 600px;*/
	padding: 0px;
}

#footerimg {
	float: left;
	background: url("../imgs/adportal/FooterImage.png") no-repeat;
	width: 375px;
	height: 40px;
	margin-top: -8px;
}

#footer ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#footer ul li {
	margin-left: 0;
	padding: 3px 15px;
	list-style: none;
	display: inline;
}

#footer ul li img {
	border-style: none;
	border-width: 0px;
	float: inherit;
}




#copyright {
	float: right;
	white-space: nowrap;
	font-size: 9px;
	color: #424469;
}

#copyright a {
	text-decoration: none;
}

#wave2copyright {
	background: url('../imgs/adportal/wav2logo.png') no-repeat;
	padding-left: 70px;
	color: #227799;
	font-size: 9px;
	line-height: 12px;
	margin: 6px 0px 0px 6px;
	width: 600px;
	float: left;
	text-decoration: none;
}

#wave2copyright a {
	text-decoration: none;
}

.user caption,th,td {
	vertical-align: middle;
}

.borderless {
	border: 0px none;
}

/*
CSS - adportal
*/
a {
	border: 0px none;
}

a:visited {
	/* color: #227799; */
	color: #ffffff;
}


a:hover {
/*	color: #227799; */
	color: #ffffff; 
}


tr:hover {
	
}

a:active {
	
}

#header a {
	border: 0px none;
	color: #808080;
	text-decoration: none;
}

#header a:visited {
	color: #808080;
}

#header a:hover {
	color: #808080;
}

/* TEXT STYLE */ /* FORM STYLE */
/* These are commented out in the hope that it cleans up the register and payment screens
select {
	font-size: 8pt;
	font-family: trebuchet ms;
	border-style: solid;
	border-width: 1px;
	border-color: #227799;
	font-weight: normal;
	float:left;
	margin-top: 6px;
	margin-left: 6px;
	margin-bottom: 2px;
	width: 180px;
}

select.payment {
	margin: 4px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	height:20px;
	border: 1px solid #227799;
}
*/
.Visa,.Mastercard,.Discover {
	display: block;
}

.Amex {
	display: block;
}

.Switch,.Solo {
	display: none;
}

select.paymentmonth {
	margin-left: 0px;
	margin-top: 4px;
	padding: 0px;
	font-size: 12px;
	width: 76px;
	height: 21px;
	border: 1px solid #227799;
}

select#submissionstatus {
	margin: 0;
	padding: 0;
	width: 80px;
	color: #227799;
}

select.paymentyear {
	margin: 4px 0px 0px 4px;
	padding: 0px;
	font-size: 12px;
	height: 21px;
	border: 1px solid #227799;
}

.colourPalletClass {
	position: absolute;
	visibility: hidden;
	background-color: red;
	width: 360px;
	height: 320px;
	left: 33%;
	top: 33%;
	z-index: 100;
}

.selectedPalletContainer {
	width: 300px;
	height: 260px;
}

#wave2Pallet {
	position: absolute;
	/*display:none;*/
	visibility: hidden;
	top: 56px;
	left: 14px;
	height: 250px;
	width: 230px;
	text-align: left;
	overflow-y: scroll;
	border: 1px solid black;
	background-color: #d0d0c8;
}

.wave2ColourOption {
	border-width: 2px;
	border-style: solid;
	border-color: #d0d0c8;
	width: 20px;
	height: 20px;
	margin-right: 2px;
	margin-bottom: 2px;
	float: left;
}

#basicPallet {
	position: absolute;
	text-align: center;
	visibility: hidden;
	top: 56px;
	left: 14px;
	height: 250px;
	width: 230px;
	overflow-y: scroll;
	border: 1px solid black;
	background-color: #d0d0c8;
}

.basicColourOption {
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0c8;
	width: 12px;
	height: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}

.basicHalfColourOption {
	border-width: 1px;
	border-style: solid;
	border-color: #d0d0c8;
	width: 6px;
	height: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}

#advancedPallet {
	position: absolute;
	/*display:none;*/
	visibility: hidden;
	top: 56px;
	left: 14px;
	height: 250px;
	width: 230px;
	border: 1px solid black;
	background-color: #d0d0c8;
}

#pickerHandle {
	background-color: #bbbbbb;
	height: 10px;
	cursor: move;
}

#hueThumb {
	cursor: default;
	width: 18px;
	height: 18px;
	z-index: 9;
	position: absolute;
}

#hueBg {
	position: absolute;
	left: 205px;
	height: 198px;
	width: 18px;
	background: url(../yahoo/assets/slider/hue.png) no-repeat;
	top: 28px;
}

#pickerDiv {
	position: absolute;
	left: 5px;
	top: 30px;
	height: 187px;
	width: 188px;
}

#pickerbg {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}

#selector {
	cursor: default;
	width: 11px;
	height: 11px;
	z-index: 9;
	position: absolute;
	top: 0px;
	left: 0px;
}

#valdiv {
	text-align: right;
	position: absolute;
	top: 86px;
	left: 246px;
	display: none;
}

#rBG {
	top: 180px
}

#gBG {
	top: 210px
}

#bBG {
	top: 240px
}

#select_white {
	font-size: 12px;
	background-color: white;
	color: black;
}

#select_black {
	font-size: 12px;
	background-color: black;
	color: white;
}

#select_yellow_pages {
	font-size: 12px;
	background-color: yellow;
}

#ClientErrors {
	font-weight: bold;
	font-size: 14px;
	color: #990000;
	text-align: center;
}

.errormessage {
	float: left;
}

.highlightmessage {
	font-weight: bold;
	color: #9B233C;
}

/* Nina overrides */
div.w2imagewidgets_imagecontainer {
	width: 92px;
	height: 92px;
	border: 1px solid #227799;
	float: left;
	margin: 3px 8px 1px 0px;
	padding: 4px;
	display: inline;
}

.flashimage div.w2imagewidgets_imagecontainer {
	border: #227799 2px dotted;
}

img.w2imagewidgets_imagecontainer {
	min-height: 10px;
	min-width: 10px;
	max-height: 80px;
	max-width: 80px;
	margin: 6px;
	height: expression(this.height >=   this.width &&   this.height >   80 ?  
		"80px" :   true);
	width: expression(this.height <   this.width &&   this.width >   80 ?   "80px"
		:   true);
}

div.w2externalmediawidgets_videocontainer {
	width: 92px;
	height: 92px;
	border: 1px solid #997799;
	float: left;
	margin: 3px 8px 1px 0px;
	padding: 4px;
	display: inline;
}

span.w2externalmediawidgets_videocontainer_progress {
	width: 92px;
	height: 20px;
	margin: 3px 8px 1px 0px;
	position: absolute;
	color: white;
	text-align: center;
	padding-top: 70px;
	text-shadow: 0 0 4px #DDDDDD;
}

img.w2externalmediawidgets_videocontainer {
	xxcursor: pointer;
	/* no longer used because you cannot upload by clicking on this object */
	min-height: 10px;
	min-width: 10px;
	max-height: 80px;
	max-width: 80px;
	margin: 6px;
	height: expression(this.height >=   this.width &&   this.height >   80 ?  
		"80px" :   true);
	width: expression(this.height <   this.width &&   this.width >   80 ?   "80px"
		:   true);
	position: absolute;
}

div.w2errorwidgets {
	border-color: black;
	background-color: #e48888;
}

span.w2errorwidgets {
	color: black;
}

li.w2errorwidgets {
	color: black;
}

.error {
	background-color: #FFCCCC !important;
}

.mceEditor {
	float: left;
}

textarea.w2textwidgets_NarrowShort {
	height: 14px;
	overflow: hidden;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 380px;
}

textarea.w2textwidgets_MediumShort {
	height: 14px;
	overflow: hidden;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 380px;
}

textarea.w2textwidgets_WideShort {
	height: 14px;
	overflow: hidden;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 380px;
}

textarea.w2textwidgets_NarrowMedium {
	height: 42px;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 380px;
}

textarea.w2textwidgets_MediumMedium {
	height: 42px;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 380px;
}

textarea.w2textwidgets_WideMedium {
	height: 42px;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 380px;
}

textarea.w2textwidgets_NarrowTall {
	height: 100px;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 380px;
}

textarea.w2textwidgets_MediumTall {
	height: 100px;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 380px;
}

textarea.w2textwidgets_WideTall {
	height: 100px;
	float: left;
	margin-right: 3px;
	padding: 3px;
	width: 380px;
}

select.w2dropdownwidgets {
	height: 12pt;
}

input.w2checkboxwidgets {
	height: 14px;
	float: left;
	clear: both;
	margin-right: 3px;
	padding: 3px;
}

input.w2radiowidgets {
	height: 16px;
}

select.w2colourwidgets {
	height: 12pt;
}

.whitetext {
	color: #ffffff;
}

span.log_b {
	width: 100%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 6px;
}

span.log_r {
	width: 100%;
	font-weight: bold;
	color: #9B233C;
	margin-bottom: 6px;
}

.message {
	background-color: #CCCCCC;
	color: #000000;
	text-align: center;
	height: 24px;
	padding-top: 10px;
}

.warning,.warning2,.warning3 {
	/* Currently      warning: Publications (first) page      warning2: Categories (second) page    warning3: Preview page */
	width: 100%;
	font-weight: bold;
	color: #000000;
	margin: 10px 0px 8px 0px;
	float: left;
}

.warning ul li {
	color: #FF0000;
	margin-left: 16px;
	margin-top: 2px;
	list-style-type: disc;
}

.warning2 ul li,.warning3 ul li {
	color: #FF0000;
	margin-left: -26px;
	margin-top: 2px;
	list-style-type: disc;
}

.warning2 ul {
	text-align: left;
	margin-left: 42px;
	padding-left: 0px;
}

.warning3 {
	text-align: center;
}

.warning3 ul {
	text-align: left;
	margin-left: 300px;
	padding-left: 0px;
}

.warningLogo {
	background-image: url(../imgs/adportal/Yellow-Triangle-Button.png);
	display: inline-block;
	height: 25px;
	width: 25px;
	vertical-align: middle;
}

.legacy .warning {
	float: none;
}

.legacy .warning {
	float: none;
}

ul.warninglist {
	padding-left: 0px;
}

.strong {
	font-weight: bold;
}

.light {
	font-size: 8pt;
}

/* Not sure who uses this but it screws up proof help page
#proof {
	float: right;
	text-align: center;
	width: 300px;
}
*/
.schedule dt {
	margin-bottom: 0px !important;
}

.schedule dd {
	margin-bottom: 0px !important;
}

#spinner {
	float: left;
	width: 100px;
	padding: 35px 35px 35px 35px;
}

.generating {
	cursor: wait;
}

#GenerationMessage {
	float: left;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	color: #424469;
	padding-top: 10px;
}

.w2widgets {
	color: #424469;
}

.w2widgets_invalid {
	background-color: #e48888 !important;
	color: black;
}

#w2errorwidget_articlecontent_canvas br {
	display: none;
}

#w2errorwidget_articlecontent {
	padding: 5px;
	width: 345px;
	margin-left: auto;
	margin-right: auto;
}

#w2panel_articlecontent_errors {
	margin: 0px;
	padding: 0px;
	clear: none;
	display: block;
	width: 377px;
}

#w2panel_articlecontent_errors hr {
	display: none;
}

.text ul.w2widgets_button,.flashtext ul.w2widgets_button {
	margin-left: 2px;
	padding: 0px;
	float: left;
}

.text ul.w2widgets_button li,.flashtext ul.w2widgets_button li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.image ul.w2widgets_button,.flashimage ul.w2widgets_button,.ExternalMedia ul.w2widgets_button
	{
	margin-top: 4px;
	padding: 0px;
	float: left;
}

.image ul.w2widgets_button li,.flashimage ul.w2widgets_button li,.ExternalMedia ul.w2widgets_button li
	{
	margin: 0px;
	padding: 0px;
	width: 300px;
}

hr.w2panels_divider {
	margin: 0px;
	display: none;
}

.w2panels {
	margin: 0px;
	float: left;
}

div.w2panels { /* override w2widgets value */
	width: 330px;
}

div.w2widgets {
	display: block;
	/*width:357px;*/
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	float: none;
	clear: none;
}

div.w2textwidgets div {
	display: inline;
	float: none;
	clear: none;
}

span.w2widgets {
	display: block;
	font-weight: bold;
}

hr.w2widgets_caption {
	display: none;
}

div.w2widgets_caption {
	border: none 0px black;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	font-family: comic sans ms;
	font-size: 10px;
	color: #990000;
	font-weight: bold;
}

.formLeft {
	text-align: left;
	padding-top: 10px;
	padding-left: 25px;
	width: 300px;
	vertical-align: top;
}

.formRight {
	text-align: left;
	padding-top: 10px;
	padding-left: 0px;
	vertical-align: top;
}

.inputStyle {
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	font-size: 10px;
	width: 250px;
}

input.button[disabled] {
	background: url(../imgs/buttons/HilightRed-btn1.png) top left no-repeat
		!important;
	cursor: not-allowed !important;
	padding-top: 0px;
}

a.help {
	background: url('../imgs/buttons/Help-Button-Blank.png') top left
		no-repeat !important;
	width: 29px !important;
}

/**
 * Note, a.button and input.button share many common attributes but
 * the former requires padding-top and the latter requires padding-bottom
 * in order for the text to be aligned horizontally.
 */
 
a.button {
	background: url(../imgs/buttons/MainBlue-btn1.png) no-repeat scroll top left transparent;
	border: 0px none;
	display: inline-block;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	font-size: 8pt;
	border-width: 0px;
	color: #ffffff;
	width: 152px;
	height: 26px;
	/* background-color: #ffffff; */
	padding-top: 3px;
	/* This makes the a button behave as the input button.
	  input elements have a 2 pixel margin by default */
	margin-top: 2px;
}

a.inventory2button {
	background: url(../imgs/buttons/MainBlue-btn1-narrow.png) no-repeat scroll left top transparent;
	border: 0px none;
	display: inline-block;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	font-size: 8pt;
	border-width: 0px;
	color: #ffffff;
	width: 76px;
	height: 26px;
	/* Necessary for Insertions Editor 
	background-color: #395D68; */
	background-color: #FFFFFF;
	padding-top: 3px;
	cursor: pointer;
/*	margin: 6px;*/
}

a.button:visited {
	color: #FFFFFF;
}

input.button {
	background: url(../imgs/buttons/MainBlue-btn1.png) top left no-repeat;
	border: 0px none;
	display: block;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	font-size: 8pt;
	border-width: 0px;
	color: #ffffff;
	width: 152px !important;
	height: 26px;
	background-color: #ffffff;
	padding-bottom: 3px;
/*	margin: 6px;*/
}

input.inventory2button {
	background: url(../imgs/buttons/MainBlue-btn1-narrow.png) top left no-repeat;
	border: 0px none;
	display: block;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	font-size: 8pt;
	border-width: 0px;
	color: #ffffff;
	width: 76px !important;
	height: 26px;
	background-color: #ffffff;
	padding-bottom: 3px;
/*	margin: 6px;*/
}

input.promobutton {
	/*	background: url(../imgs/buttons/gray_button.jpg) top left no-repeat;  remove this, gray_button.jpg makes button look disabled */
	margin: 0px 0 0 0;
	padding: 0 0 1px 9px !important;
	height: 25px;
	text-align: center;
}

input.statusbutton {
	float: left !important;
}

input.buttonCancelJob {
	/* caneling the job gives a message with no fieldset so no need to indent */
	margin-top: 16px;
	margin-left: 0px;
}

.left {
	background: url(../imgs/buttons/MainBlue-btn3.png) top left no-repeat
		!important;
}

.right {
	background: url(../imgs/buttons/MainBlue-btn2.png) top left no-repeat
		!important;
}

.left:visited {
	color: #FFFFFF;
}

.right:visited {
	color: #FFFFFF;
}

.left:hover {
	color: #FFFFFF;
}

.right:hover {
	color: #FFFFFF;
}

a.button:hover,input.button:hover {
	cursor: pointer;
}

.deletebutton,.duplicatebutton {
	background: url(../imgs/buttons/remove-item-blue.gif) top left no-repeat;
	border: 0px none;
	display: block;
	font-size: 0px;
	border-width: 0px;
	color: #ffffff;
	width: 16px;
	height: 16px;
	background-color: #ffffff;
	padding-right: 6px;
	margin-left: 6px;
}

.availablePackages {
	float: left;
}

.adSummaryBottomBorder {
	padding-bottom: 2px;
	border-bottom: solid 1px #b5c8d5;
	vertical-align: top;
}

div.w2outputpreviewwidgets {
	display: block;
	border-style: none;
	margin: 0px;
	padding: 0px;
	background-color: inherit;
	text-align: left;
	height: auto ! important;
	width: 184px ! important;
}

img.w2outputpreviewwidgets {
	max-width: 184px ! important;
	max-height: 300px;
}

span.w2widgets_charcounter {
	display: none;
}

.adDetailsLeft {
	width: 120px;
	padding-bottom: 8px;
	color: #227799;
	font-weight: bold;
	vertical-align: top;
}

.adDetailsRight {
	padding-bottom: 8px;
	vertical-align: top;
}

.adListHeader {
	background-color: #424469;
	color: #ffffff;
	font: normal normal normal 11px/17px arial;
	height: 17px;
	vertical-align: middle;
}

.adListCell {
	font: normal normal normal 11px/11px arial;
	color: #424469;
	vertical-align: bottom;
	padding-bottom: 2px;
	padding-top: 3px;
	border-bottom: solid 1px #424469;
}

.adListCell a:link {
	color: #227799;
}

div.w2dynamicpreviewwidgets {
	display: block;
	border-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px;
	background-color: inherit;
	text-align: left;
	height: auto ! important;
}

img.w2dynamicpreviewwidgets {
	max-width: 300px;
	max-height: 300px;
}

.ajax_preview_img { /* thumbnails of the floating dynamic template */
	max-height: 360px;
	max-width: 240px;
	background: #CCCCCC;
	padding: 2px;
}

.ajax_preview_status {
	height: 25%;
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
	display: none;
}

.ajax_preview_status.generating {
	display: block;
}

.ajax_preview_runner {
	
}

.ajax_preview_runner.vertical {
	width: 250px;
	min-height: 420px;
	float: right;
	text-align: center; /* for horizontal centering */
}

.ajax_preview_runner.horizontal {
	float: none;
	width: 698px;
	minHeight: 90px;
	height: 90px;
	position: absolute;
	left: 0px;
}

.ajax_preview.horizontal {
	top: 0px !important;
	left: 0px !important;
	position: absolute !important;
	width: 100%;
}

.ajax_preview.vertical {
	position: fixed;
}

.ajax_preview_img.horizontal {
	max-height: 90px;
	max-width: 698px;
	margin: 0 auto;
	display: block;
}

.ajax_preview_step {
	width: 250px;
	float: right;
}

.ajax_preview_step_back a,.ajax_preview_step_next a {
	text-decoration: none;
}

.ajax_preview_step_back,.ajax_preview_step_next {
	width: 120px;
	float: left;
	text-align: right;
	font-size: 13pt;
}

.ajax_preview_step_back {
	width: 120px;
	float: left;
	text-align: left;
	font-size: 13pt;
}

.inputfields {
	padding: 0px;
	float: left;
	margin: 6px 0px 0px 0px;
}

#generation {
	width: 200px;
	height: 100px;
}

#statustext {
	width: 704px;
	margin-bottom: 8px;
	text-align: center;
}

#generationstatus {
	background-image: url(../imgs/loader-bar.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 220px; /* width + margins left and right totals 704 */
	margin-left: 243px;
	margin-right: 243px;
	margin-top: 12px;
}

/**
 * @see http://www.ioncannon.net/java/38/ajax-file-upload-progress-for-java-using-commons-fileupload-and-prototype/
 */
.prog-border {
	height: 15px;
	width: 205px;
	background: #fff;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}

.prog-bar {
	height: 11px;
	margin: 2px;
	padding: 0px;
	background: #00ff00;
}

dl {
	position: relative;
}

dl.selectiondata {
	position: relative;
}

dl dt {
	float: left;
	clear: left;
	overflow: hidden;
	white-space: nowrap;
	width: 75%;
}

dl.selectiondata dt {
	float: left;
	clear: left;
	overflow: visible;
	white-space: normal;
	width: 192px;
}

dl dd {
	text-align: right;
}

dl.selectiondata dd {
	text-align: right;
}

.pub_date {
	clear: left;
	text-align: left;
	margin-bottom: 2px;
}

#extrapublications dt {
	width: 30%;
}

.widthNarrow {
	width: 100px;
}

.widthMedium {
	width: 200px;
}

.widthWide {
	width: 300px;
}

.heightShort {
	height: 40px;
}

.heightMedium {
	height: 80px;
}

.heightTall {
	height: 120px;
}

.fullbanner {
	padding-right: 0px;
	float: right;
	margin-right: 20px;
}

.calendar table {
	background-color: #EEEEEE;
}

.calendar tbody .disabled {
	background-color: #CCCCCC;
}

.calendar tbody .validDay {
	background-color: White;
	color: Black;
}

.calendar tbody td.selected {
	background-color: Yellow;
}

.calendar tbody td.weekend {
	color: Black;
}

/* Admin */
#packageDescriptionPreview {
	float: left;
	margin: 10px;
}

#frequencyDescriptionPreview {
	border: 1px solid #227799;
	float: left;
	height: 100px;
	margin-top: 4px;
	padding: 2px 0px 0px 2px;
	width: 600px;
	height: 36px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	background: #eee;
}

div.frequencyNote {
	padding-left: 82px;
	font-style: italic;
	width: 500px;
	color: red;
	float: left;
}

#frequencyHelpLink {
	padding: 4px 0 0 5px;
	float: left;
}

#publicationFrequency {
	float: left;
}

#firstEditionButton {
	float: left;
	margin-left: 4px;
	vertical-align: sub;
}

#firstEdition {
	float: left;
	text-align: center;
	width: 100px;
}

#biweeklyOptions {
	height: 40px;
	clear: left;
}

label.pubedit {
	width: 81px;
	margin-top: 6px;
}

label.monthlyOption,label.deadlineTableLabel {
	float: left;
	margin-top: 3px !important;
}

label.biweeklyOption {
	float: left;
	clear: left;
}

div.monthlyOptionWeek {
	height: 16px;
}

div.monthlyOptionWeek input#schedule {
	margin-top: 0px;
	height: 14px
}

span.monthlyOptionWeek {
	height: 14px;
	vertical-align: middle;
	padding-bottom: 10px;
}

li.monthlyOption {
	clear: left;
	margin-left: 0px;
}

li.monthlyOption input {
	width: 14px;
	margin-right: 1px;
	margin-left: 0px;
}

ul.monthlyOption {
	width: 200px;
	padding-left: 0px;
	float: left;
}

label.packageItemLabel {
	text-align: left !important;
	margin-left: 20px !important;
}

input.packageItemInput {
	clear: left;
	float: left;
	margin-left: 20px;
	height: 16px !important;
}

table#pickDeadlines {
	padding-top: 2px;
}

span.deadlinedayslabel {
	color: #000000;
	float: left;
}

.deletePub {
	
}

#exceptionDateButton {
	float: left;
}

#exceptionList {
	float: left;
	line-height: 14px;
	padding-left: 0;
	text-align: right;
	width: 125px;
}

label.checkdayslabel,label.roleslabel {
	clear: right;
	text-align: left !important;
	margin-left: 2px !important;
	margin-top: 2px;
	height: 16px;
}

label.roleslabel {
	margin-top: 5px;
}

input.checkdaysbox,input.checkpubsbox,input.checkrolesbox {
	float: left;
	width: 14px !important;
	height: 20px;
	margin-bottom: 0px;
	margin-left: 2px;
}

input.upsell {
	float: left;
	width: 14px !important;
	height: 20px;
	margin-bottom: 0px;
	margin-left: 2px;
}

input.checkpubbox {
	float: left;
	clear: left;
	width: 14px !important;
	height: 20px;
	margin-bottom: 0px;
	margin-left: 2px;
}

input.checkbundlesbox {
	float: left;
	width: 14px !important;
	height: 20px;
	margin-bottom: 0px;
	margin-left: 2px;
}

label.checkbundleslabel {
	clear: right;
	text-align: left !important;
	margin-left: 2px !important;
	margin-top: 2px;
	height: 16px;
	color: black;
	font-weight: normal;
}

input.adminWide,textarea.adminWide {
	width: 540px !important;
}

#description.adminWideRoles {
	width: 540px !important;
	margin: 4px 0 0 0;
	height: 80px;
}

input.adminExtraWide,textarea.adminExtraWide {
	/* Package Edit page needs to be wider to show HTML accurately */
	width: 616px !important;
}

label.deadlinedayslabel { /* Print pubs edit deadline days checkboxes */
	text-align: right;
	height: 18px;
}

select.deadlinepulldown {
	/* Print pubs edit deadline days and times pull-downs */
	width: 100px;
}

th.printdeadlineheader {
	color: blue;
	width: 100px;
	text-align: center;
}

th.printdeadlineheaderdays {
	color: blue;
	text-align: right;
}

table.packageItemPubData {
	color: red;
}

table.packageItemPubData tr {
	color: red;
}

table.packageItemPubData td.trashCan {
	width: 18px;
}

table.packageItemPubData td.pubName {
	width: 179px;
}

table.packageItemPubData td.pubDays {
	width: 400px;
	margin-left: 12px
}

table.packageItemPubData td.pubInsertions {
	width: 400px;
	padding-left: 20px;
}

table.packageItemPubData td.pubMaxInsertions label,table.packageItemPubData td.pubMinInsertions label
	{
	margin-top: 8px;
}

.pubInsertionTable {
	width: 500px;
}

table.ad-history {
	width: 80%;
}

table.ad-history td.td-date {
	width: 30%;
}

table.ad-history td.td-cal,table.ad-history td.td-del {
	width: 5%;
}

table.ad-history td {
	font-size: 1.4em;
}

table.ad-history td input {
	font-size: 10pt;
	color: #000000;
}

#fromDate.date-entry,#toDate.date-entry {
	margin: 0;
	padding: 3px;
	border: 1px solid;
	width: 90%;
	text-align: center;
}

.date-btn,.date-btn {
	padding: 0;
	width: 32px;
}

#packageItemEdit input.checkdaysbox {
	float: left;
	width: 14px !important;
	height: 20px;
	margin-bottom: 0px;
	margin-left: 2px;
}

#exceptions {
	border: 1px solid #227799;
	margin-top: 6px;
	width: 400px;
	height: 184px;
	overflow: auto;
	clear: left;
}

.pagebanner {
	background-color: transparent;
	color: #227799;
	clear: left;
}

.pagelinks {
	background-color: transparent;
	padding-left: 12px;
	padding-right: 12px;
	color: #227799;
}

.pagelinks a {
	color: #227799;
}

.pagelinks a:hover {
	color: #227799;
}

.pagelinks a:visited {
	color: #227799;
}

.sortable a {
	color: #FFFFFF;
}

.sortable a:hover {
	color: blue !important;
}

.sortable a:visited {
	color: #FFFFFF;
}

thead {
	background-color: #2DA0CD;
	color: #FFFFFF;
	height: 21px;
}

tbody {
	color: #000000;
}

table#clients,table#subordinates,table#roles,table#categories,table#publications,table#classifications,table#profanities,table#zones,table#packages,table#pkgitem,table#documents,table#jobs,table#order,table#price,table#marketplaceMappings,table#promo,table#adjustment,table#channel,table#pubInsertion,table#pubDuration,table#viewAll,table#message,.termsTable
	{
	width: 100%;
	border: 1px solid #227799;
	background: #FFFFFF;
}

#channels .confirm_order_form table.form select {
	height: 24px;
	margin-left: 6px;
}

table#channel {
	width: 780px;
}

table#channel .priceTabPrice {
	text-align: left;
}

.details-for-legacy {
	color: blue;
}

/* These are the widths of the elements in the pricing table */
.priceHeadCat,.priceHeadClass {
	width: 90px;
}

.priceHeadPackage {
	width: 125px;
}

.priceHeadDoc,.priceHeadZone {
	width: 80px;
}

.priceHeadPub {
	width: 84px;
}

.priceHeadDay {
	width: 32px;
}

.priceHeadId,.priceHeadList {
	width: 50px;
}

.priceHeadCat {
	width: 90px;
}

.priceTabList,.priceTabPrice {
	text-align: right;
}

table#viewAll {
	margin-bottom: 12px;
}

table#packageitemEdit {
	clear: left;
	margin: 6px 0px 10px 10px;
	width: 500px;
}

#packageitemEdit th.publication {
	width: 120px;
}

#packageitemEdit th.day {
	width: 25px;
}

#packageitemEdit th.insertions {
	width: 55px;
}

#packageitemEdit th.checkbox {
	width: 20px;
}

select.pubpulldown {
	clear: left;
	margin-top: 12px;
	margin-right: 12px;
	width: 375px;
}

tr.odd {
	
}

tr.even {
	background-color: #99ccff;
}

tr.enabled {
	
}

tr.disabled {
	background-color: #dddddd !important;
	font-style: italic;
	color: gray;
}

caption {
	margin-top: 2px;
	margin-bottom: 2px;
}

.check {
	width: 24px;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 6px !important;
}

#days,#zones {
	padding: 0px;
	float: left;
	margin-bottom: 12px;
}

#roles,#assignedUsers,#userSelect,#assignedSubordinates,#possible_clients,#possible_users,#subordinateSelect,#subordinateSelectText,#userSelectText
	{
	width: 500px;
}

#days li {
	clear: left;
}

.thinbar {
	/* This class is the alternate thinner width used in the admin screens */
	width: 360px !important;
}

.widebar {
	/* This class is the alternate wider width used in the admin screens */
	width: 954px !important;
}

#viewAll .namecolumn {
	width: 75px;
}

.namecolumn {
	width: 200px;
}

#orderpos {
	width: 40px;
}

.linkspacer {
	color: #227799;
	font-weight: bold;
	font-size: 20px;
	display: inline;
	vertical-align: sub;
}

/* BEGIN Admin - Jobs info page - tabs */
.generaljobdata {
	margin: 12px 6px 6px 6px;
}

.generaljobdata dt {
	width: 100px;
}

.generaljobdata dd {
	text-align: left;
	line-height: 18px;
}

.generallogdata {
	margin: 12px 6px 6px 6px;
	overflow-x: scroll;
	overflow-y: hidden;
	width: 784px;
}

/* END Admin - Jobs info page - tabs */
/* Credit Card Auth */
#securityCode {
	width: 38px;
	float: left;
}

#securityHelpLink {
	padding: 8px 0px 0px 0px;
	vertical-align: middle;
	height: 5px;
}

.securityHelpLink {
	margin-left: 5px;
	text-decoration: underline;
	line-height: 16px;
}

.countrySelector {
	width: 60px;
}

.stateSelector {
	width: 50px;
}

.cardSelector {
	width: 100px;
}

.monthSelector {
	width: 60px;
}

.yearSelector {
	width: 50px;
}

/* Credit Card Auth */
/* Home Page */
#homeBody {
	float: left;
	width: 800px;
}

div.finalInfo div.order-number,div.finalInfo div.external-order-number,div.finalInfo div.modified-date,div.finalInfo div.modified-by
	{
	font-size: 10px;
	padding-bottom: 8px;
}

#homeNavigate {
	float: left;
}

#homeHeadline {
	float: left;
}

.homeData {
	float: left;
	width: 818px;
	padding: 0px 0px 12px 0px;
	margin-top: 6px;
}

.homeDataViewAll {
	float: none;
	width: 400px;
}

.homeDataViewAllOrders {
	float: none;
	width: 180px;
}

.findOrders {
	float: left;
	margin: 0 10px 0 0;
}

.findOrders.order,.findOrders.ad {
	width: 185px;
}

.findOrders.date {
	width: 225px;
	clear: none;
}

hr.findOrders {
	width: 225px;
}

#dateTypeRadio p {
	margin-top: 10px;
	width: 223px;
	font-weight: bold;
	color: #227799;
}

#dateTypeRadio {
	clear: left;
}

#dateTypeRadio table {
	margin: 6px;
}

#dateTypeRadio table td.findOrderRadio {
	width: 16px;
	height: 16px;
}

.ccAdjustment {
	width: 225px;
}

.manageOrderButtons {
	width: 75px;
	float: left;
	padding: 4px 0 0 5px;
}

.homeData a {
	padding-left: 12px;
	padding-bottom: 12px;
}

.homeData a.listView {
	display: none;
}

.homeData h4 {
	padding-left: 12px;
	padding-top: 12px;
}

#homeContent #headline,#homeContent #headline-2 {
	padding-bottom: 16px;
}

.previewHome {
	background-color: yellow;
	float: left;
	text-align: center;
	width: 320px;
}

.previewImageHome {
	max-height: 280px;
	max-width: 280px;
	height: expression(this.height >   280 ?   280 :   true);
	width: expression(this.width >   280 ?   280 :   true);
	background: #227799;
	margin: 10px;
	padding: 1px;
}

.previewVideo {
	background-color: yellow;
	float: left;
	text-align: center;
	width: 320px;
	height: 200px;
}

.homeData .order {
	background-color: #E2E6EA;
	margin: 12px;
	border: 1px solid #000000;
	height: 100%;
}

.homeData .noneFound {
	margin: 12px;
}

a.adInfo {
	margin: 0;
	padding: 0;
}

div.insertionDate {
	clear: left;
	color: #227799;
	margin-bottom: 2px;
	padding-top: 5px;
	font-size: 8pt;
}

div.insertionDateDetails {
	clear: left;
	color: #227799;
	font-style: italic;
	padding-top: 5px;
	padding-bottom: 3px;
}

div.onlineInfoLabel,div.printInfoLabel {
	width: 70px;
	float: left;
	color: #000000;
}

div.dateInfoData,div.dateInfoDataCanceled {
	color: #227799;
	width: 250px;
	font-weight: bold;
	font-size: 10pt;
	margin-top: 8px;
}

div.dateInfoDataCanceled {
	color: red;
}

div.onlineInfoData {
	color: #227799;
	width: 250px;
}

div.noteInfoLabel {
	width: 41px;
	float: left;
	font-style: italic;
	color: #227799;
}

div.printInfoData {
	color: #000000;
	width: 250px;
	line-height: 16px;
	font-weight: bold;
}

div.zoneInfoData {
	color: #000000;
	width: 250px;
	font-style: italic;
}

div.onlinePubDetails {
	width: 250px;
}

div.insertionPub {
	clear: left;
	float: left;
	width: 90px;
	font-size: 7pt;
	line-height: 9pt;
}

div.insertionPubDetails {
	color: #000000;
	clear: left;
	float: left;
	width: 140px;
	line-height: 14px;
}

div.insertionNotesLabel {
	padding: 5px 0pt 2px;
	color: #227799;
	clear: left;
	float: left;
	width: 140px;
	font-style: italic;
}

div.insertionNotesDetails {
	color: #000000;
	clear: left;
	float: left;
	width: 200px;
	height: auto;
	padding: 0px 1px 3px 1px;
}

div.insertionImpressionsDetails {
	color: #000000;
	clear: left;
	float: left;
	width: 140px;
}

div.insertionDurationDetails {
	color: #000000;
	clear: left;
	float: left;
	width: 140px;
}

div.insertionPageDetails {
	color: #000000;
	clear: left;
	float: left;
	width: 140px;
}

div.insertionPositionDetails {
	color: #000000;
	clear: left;
	float: left;
	width: 140px;
}

div.insertionZones {
	float: left;
	width: 140px;
	font-size: 7pt;
	font-style: italic;
	line-height: 9pt;
}

div.insertionZonesDetails {
	color: #000000;
	float: left;
	width: 220px;
}

table.confirmation {
	width: 300px;
}

table.confirmation td.zonename {
	color: #000000;
	width: 75px;
	vertical-align: top;
}

table.confirmation td.zonedesc {
	color: gray;
	font-style: italic;
	vertical-align: top;
	padding-left: 2px;
}

div.details-for-legacy {
	clear: left;
	color: red;
	font-size: 10px;
	margin-top: 2px;
	font-style: italic;
}

#allCriteria {
	float: left;
	padding: 12px 0 0 12px;
}

#toDate,#fromDate,#legacyDate {
	float: left;
	margin: 2px 0 0 4px;
	padding: 0;
	border: 1px solid inherit;
	width: 117px;
	text-align: center;
	height: 16px;
}

#startDate,#expireDate {
	float: left;
	height: 15px;
}

.viewdata {
	padding-top: 6px;
	clear: left;
}

.viewdata.order,.viewdata.ad {
	padding-left: 5px;
}

.viewdata.date {
	padding-left: 0px;
}

.viewdata input {
	margin-left: 0px;
}

table#viewAll .odd,table#viewAll .even {
	height: 16px;
}

.selectList {
	height: auto;
}

/* END Home Page */
/* Document Selection Page */
.documentTitle {
	display: none;
}

.documentSelection {
	float: left;
/*	width: 704px;*/
	padding: 0px 0px 12px 0px;
}

.documentIdentifier {
	display: none;
	/* Turn this on when you want users to see the checkbox to select a template */
	margin-top: 3px;
}

.documentIdentifier input {
	vertical-align: middle;
}

.documentIdentifier label {
	
}

span.chooseme {
	vertical-align: text-bottom;
}

/* Document Selection Page */
/* Document Admin Page */
hr {
	color: #227799;
	width: 600px;
	margin: 12px 0px 16px 0px;
	float: left;
}

.documentNote {
	width: 320px;
	margin: 0px 10px 0px 10px;
	float: left;
}

#pkgItemsList,#classificationsList,#publicationsList,#documentbundlesList
	{
	margin: 10px;
}

#select-checks,#select-columns {
	margin-top: 10px;
}

#select-columns label.packageItemLabel {
	width: auto !important;
	height: 16px;
}

#input_numcolumns {
	margin-top: 5px;
}

.select-checks {
	width: 80px !important;
	margin-left: 20px;
	height: 22px;
}

.deselect-checks {
	width: 100px !important;
	height: 22px;
}

.pkgItems label,.classifications label,.publications label,.documentbundles label
	{
	color: black;
	font-weight: normal;
}

.pkgitemsTitle,.classificationsTitle,.documentbundlesTitle {
	color: #2DA0CD;
	margin-top: 16px;
	font-weight: bold;
	font-size: 13px;
}

#documentData {
	float: left;
	width: 600px; /* Widened from 360 for longer strings */
}

/* END Document Admin Page */
/* Pricing */
#categoryName,#classificationName,#publicationName,#packageName,#documentName,#zoneName,#dayOfWeek,#priceType
	{
	height: 20px;
	width: 300px;
	margin-left: 6px;
}

#basePrice,#listPrice,#contractId,#documentName,#insertionOffset,#sectionName
	{
	margin-left: 6px;
	margin-top: 6px;
	width: 50px;
}

#basePrice,#listPrice {
	width: 75px;
	text-align: center;
}

#contractId,#documentName,#insertionOffset,#sectionName {
	width: 176px;
}

table#price .odd,table#price .even {
	height: 16px;
}

/* END Pricing */
#SWFUpload_Console {
	display: none; /* disable to view upload debug console */
}

.swfupload { /* Upload anchor on the CMS admin page */
	margin-bottom: 3px;
	vertical-align: bottom;
}

/* category, classification and package selection panel */
/* Turn this on if you want to hide the category panel and evenly distribute the other two 
div.catPanel {
	display:none;
}
div.classPanel, div.packagePanel {
	float:left;
	padding:0 0 0 36px;
	width:294px;
}

select.catPanel {
	float:left;
	margin:0;
	width:294px;
}

 END */
div.catNavigate {
	float: left; /* added when the upper button bar was added */
	background-color: #E2E6EA;
	width: 700px;
	height: 500px; /* Changed for the new 3 panel display to user */
	padding: 24px 0 0 0;
}

div.catPanel,div.classPanel,div.packagePanel {
	width: 184px;
	height: 242px;
	float: left;
	padding: 0px 0px 0px 37px;
}

select.catPanel,select.classPanel,select.packagePanel {
	width: 184px;
	height: 228px;
	float: left;
	margin: 0px;
}

h4.catHeader,h4.classHeader,h4.packageHeader {
	width: 184px;
	margin: 0px 0px 4px 0px;
	float: left;
}

div.infoPanel {
	width: 626px;
	height: 228px;
	float: left;
	clear: left;
	padding: 36px;
}

.selectionupdate a {
	display: none;
}

img.catDescription {
	border: 1px solid;
	margin-top: 30px;
	display: none;
}

#catDescription {
	margin: 0px 0px 8px 0px;
	color: #227799;
}

#classDescription {
	color: #000000 !important;
	margin: 8px 0px 8px 0px;
}

#classDescription {
	color: #cccccc;
	margin: 8px 0px 8px 0px;
}

.slidedoormenu {
	white-space : nowrap;
}

/* End Category classification panel */
/* Home Menu */
.slidedoormenu,.imagegallerymenu {
	list-style-type: none;
	padding: 0;
	width: 140px;
	float: left;
	margin: 12px 10px 0px 0px;
}

.imagegallerymenu {
	width: 200px;
	margin-bottom: 16px;
}

/* hide by default admin areas of inserts/RE app */
#adminTerms,#adminDatamgr,#adminDistroImport {
	display: none;
}

.slidedoormenu li a {
	background: transparent
		url(../imgs/adportal/HomepageNotSelectedButton.jpg) no-repeat scroll
		0%;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
	display: block;
	color: black;
	width: auto;
	height: 30px;
	border-bottom: 1px solid white;
	/* White border beneath each menu item link, to add depth */
	text-indent: 8px;
	text-decoration: none;
	line-height: 30px;
	margin-bottom: 2px;
}

.imagegallerymenu li a {
	background: #E2E6EA;
	border-bottom: 3px solid white;
	/* White border beneath each menu item link, to add depth */
}

.slidedoormenu li a:visited {
	color: #000000;
}

.slidedoormenu li a:hover {
	width: auto;
	background: transparent url(../imgs/adportal/HomepageSelectedButton.jpg)
		no-repeat scroll 0%;
	color: #000000;
}

.imagegallerymenu li a:hover {
	background: #227799;
	color: #ffffff;
}

.slidedoormenu li a.selected {
	background: transparent url(../imgs/adportal/HomepageSelectedButton.jpg)
		no-repeat scroll 0%;
	color: #ffffff;
	border: none;
}

#spellcheck {
	background: white none repeat scroll 0% 0%;
	border: 3px solid #227799;
	display: none;
	height: 250px;
	left: 400px;
	position: fixed;
	top: 200px;
	width: 400px;
	z-index: 100;
	padding: 10px;
	overflow: scroll;
}

#spellcheckControl {
	bottom: 5px;
	position: absolute;
	right: 5px;
	text-align: right;
	vertical-align: text-bottom;
	top: 25px;
}

#replacetext {
	background: white none repeat scroll 0% 0%;
	border: 3px solid #227799;
	display: none;
	height: 250px;
	left: 400px;
	position: fixed;
	top: 200px;
	width: 400px;
	z-index: 100;
	padding: 10px;
	overflow: scroll;
}

#replaceTextControl {
	bottom: 5px;
	position: absolute;
	right: 5px;
	text-align: right;
	vertical-align: text-bottom;
	top: 25px;
}

/* End Home Menu */
/* Auto completion drop-down */
div.autocomplete {
	margin: 0px;
	padding: 0px;
	width: 250px;
	background: #fff;
	border: 1px solid #888;
	position: absolute;
	z-index: 1;
	height: 150px;
	overflow-y: scroll;
}

div.autocomplete ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.autocomplete ul li.selected {
	background-color: #ffb;
}

div.autocomplete ul li {
	margin: 0;
	padding: 2px;
	display: block;
	list-style-type: none;
	cursor: pointer;
}

/* End auto completion drop-down */
div.lightboxTitle {
	width: 100%;
	text-align: right;
}

/* Hide/Show depending on whether the user
	should see the profanity that was matched */
span.profanity {
	display: none;
}

.bundleOnline {
	float: left;
	width: 360px;
	margin-left: 20px;
}

#bundle.notes {
	width: 300px;
}

/* Hide/Show the character count for each field
    in the data entry screen */
span.charcount {
	display: none;
}

span.charcounter {
	display: none;
}

span.charcount_under {
	color: blue;
}

span.charcount_within {
	color: green;
}

span.charcount_over {
	color: red;
	font-weight: bold;
}

.upsellLabel {
	float: none;
	width: auto;
}

.upsellCheck {
	height: 13px;
	margin-bottom: 20px;
	margin-top: 8px;
	width: 10px;
}

.upsellheading {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* tool tips */
a.tt {
	position: relative;
	z-index: 24;
	color: #043A5E;
	font-weight: bold;
	text-decoration: none;
}

a.tt span {
	display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover {
	z-index: 25;
	color: #aaaaff;
	background: ;
}

a.tt:hover span.tooltip {
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	padding: 15px 0 0 0;
	width: 200px;
	color: #043A5E;
	text-align: center;
	filter: alpha(opacity : 90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.tt:hover span.top {
	display: block;
	padding: 30px 8px 0;
	background: url(../imgs/adportal/bubble.gif) no-repeat top;
}

a.tt:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(../imgs/adportal/bubble_filler.gif) repeat bottom;
	word-wrap: break-word;
}

a.tt:hover span.bottom {
	display: block;
	padding: 3px 8px 10px;
	color: #043A5E;
	background: url(../imgs/adportal/bubble.gif) no-repeat bottom;
}

/* these definitions are particular to the tooltips on the schedule online page */
.calendarcontainerOnline p {
	color: black;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding: 0 0 6px;
	clear: left;
	whitespace: normal;
}

.calendarcontainerOnline label {
	white-space: normal;
}

/* END these definitions are particular to the tooltips on the schedule online page */
/* End tool tips */
fieldset.entryform label[for='trade'],fieldset.entryform input[name='trade'],.user-tradeuser,.user-term
	{
	display: none !important;
}

fieldset.available input.available,fieldset.available textarea.available
	{
	height: 16px !important;
	margin: 0;
	padding: 2px;
	width: 250px !important;
}

fieldset.available textarea.available {
	width: 500px !important;
}

#pubpkgselection {
	float: left;
}

/* Cancellation/Refund Page */
.dialog_box.cancel {
	margin-top: 16px;
}

table.refund {
	line-height: 16px;
	margin-top: 12px;
	float: left;
}

td.amount {
	padding-left: 8px;
	text-align: right;
}

td.amount.upd {
	color: red;
}

td.amount.ref {
	font-weight: bold;
}

hr.cancel {
	width: 652px;
	clear: left;
	color: #227799;
	float: left;
	margin: 12px 0 2px;
}

div.detailsData h2.cancel {
	font-size: 12px;
}

div.adDimensions {
	display: none;
}

/* END Cancellation/Refund Page */
/* Effects on doccontent page */
div.effect-inst {
	color: #227799;
	margin: 12px 0 8px 0;
}

/* END Effects on doccontent page */
.effectmarker {
	padding: 0px;
	font-weight: bold;
	color: #227799;
	border-top: 1px dotted #227799;
	border-bottom: 1px dotted #227799;
	padding: 4px 0px 4px 0px;
	width: 384px;
	text-align: center;
	margin: 18px 0 10px 0;
}

hr.effects {
	margin: 5px 0px 0 0;
	width: 25px;
	background: green;
	float: left;
	clear: none;
}

span.effects {
	margin: 0 6px 0 6px;
	float: left;
	clear: none;
	background: yellow;
}

div.effects {
	margin-top: 12px;
	width: 384px;
	background: red;
}

.opt {
	float: left;
	clear: left;
	width: 200px;
}

.choose-swatch {
	float: left;
	clear: left;
	margin-right: 16px;
	width: 200px;
}

.swatch-value {
	float: left;
	clear: left;
	height: 40px;
	width: 384px;
}

.swatch {
	float: left;
	clear: none;
	margin-left: 4px;
}

.swatch-label {
	float: left;
	clear: left;
	width: 80px;
	text-align: center;
}

.swatch-curr,.swatch-new {
	display: block;
	margin-top: 1px;
	width: 80px;
	height: 20px;
	float: left;
	clear: left;
}

#definition {
	margin: 25px;
	font-size: 12px;
}

#definition h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 24px;
}

#definition p {
	padding-top: 12px;
}

#definition span.close {
	font-size: 12px;
	font-style: italic;
}

#nofColumnsSelector {
	display: none;
	float: right;
}

#externaltraderating {
	display: none;
}

/* Create account */
#allowContact1 {
	width: 14px
}

/* Admin styles - general */
.col-dt { /* column date-time */
	width: 90px;
}

.admin2 {
	width: 736px;
}

div.anonymousURL {
	display: none;
}

label.anonymousURL {
	width: auto;
	margin-top: 6px;
}

#anonymousURL {
	width: 300px;
}

input.checkoutcheckbox {
	visibility: hidden;
	display: none;
}

th.ziptable {
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-color: #000000;
}

td.ziptable {
	text-align: center;
}

#googlemap {
	width: 494px;
	height: 500px;
	float: left;
}

div.querybuilder { /* display: none; */
	
}

#ListingIDSearchBtn {
	float: left;
	margin-left: 6px;
}

#getAllShow {
	float: left;
	margin-left: 6px;
}

#simpleIdent {
	float: left;
	margin-top: 6px;
}

#ListingID {
	float: left;
	margin-top: 3px;
}

#advancedQuery,#simpleQuery {
	margin-bottom: 6px;
}

#queryBuilder table {
	border-collapse: separate;
}

#closebutton {
	margin-top: 8px;
	height: 38px;
}

tr.pkg-dataurl {
	xxdisplay: none;
}

tr.user-dataurl {
	
}

li.inventory-gallery {
	
}

#w2tabs {
	
}

/* END Admin styles - general */
.externalOrderColumn {
	display: none;
}

.runsheetContainer {
	top: 96px;
	clear: both;

}
.outerBox {
    width: auto !important;
}

/* For Users Dialog edit corporation */
.largeDialog.outerBox {
	padding: 0px !important;
	border: none !important;
	height:370px !important;
}
#updateTemplatePreviewButton{
	display:none
}

.errorMessage {
	text-align:center;
	padding-top: 100px;
}

/* Version 2 Branding */

/* --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- 
  * Grid Commmon Styles 
  * --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
  */

.ui-jqgrid-titlebar {
	display: 			none !important;	
}


/* Necessary to fix the Runsheet Layout Tabs */
.ui-jqgrid .ui-jqgrid-titlebar {
    background-color: #3E7CB7 !important;
    background-image: none !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 5px !important;
    text-align: left !important;
    text-transform: uppercase;
    width: auto !important;
}

.ui-corner-top {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

#apn-links {
	display: 				none;
	
}
/* --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 * Standard Boxes
 * --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */
.outerBoxShadow {
	background: none repeat scroll 0 0 #227799;
    display: inline-block;
    left: 0;    
	right: 0;
    top: 0;
    margin-top: 20px !important;     
    position: relative;
	border-radius: 8px;
	width: 100% !important;
	
	/*padding-top: 37px !important;  */
	padding-bottom: 5px !important; 
	/* border: 1px solid #395D68; */
}

.outerBox {
	background: #ffffff; 	
	width: auto;
	height: auto;
	
	border: 1px solid #3E7CB7 ;
	border-radius: 8px;
	/* Make the inner content spaced out */
	padding: 15px;
}

 /* --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- 
  * Login 
  * --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
  */

 .loginPage { 
	/* Box */ 
	background-image: 		none !important;  
	height:					20px !important; 
	padding:				5px !important; 
	width:					auto !important; 

	/* Font */
	color:					#FFFFF !important;
	line-height:			20px !important;		
	text-align:				left !important; 
	text-transform:			uppercase; 
}

#login { 
	margin:					0px !important; 
	padding:				0px !important; 
	width:					300px !important; 		
}

.loginPageContainer { 
	/* border: 				1px solid #BDBDBD !important;  Change for branding version 2*/
	border: 				none !important;
	overflow: 				auto; 
	padding: 				0 !important; 
	/* Change width for version 2 */
	width:					300px !important;		
}


.loginPageContainer input { 
	margin-top:			20px !important; 
}
	
.loginHeading {
	/* Box */
	margin-left: 			30px;
	margin-top: 			-7px;
	margin-bottom: 			-10px;
	width: 					90px;
	height: 				35px;
	color: 					white;
		
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	background-color: #2DA0CD ;
	border-color: #2DA0CD ;

	/* Font */
	padding-top: 15px;
	padding-bottom: 0px; 
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0.1em 0.1em #DDDDD;
}

.loginOuterBox {
	background: #ffffff; 	
	width: auto;
	height: auto;
	
	border: 1px solid #6896a5;
	border-radius: 8px;
	/* Make the inner content spaced out */
	padding: 15px;
}


/* Insertions */
.adminTabSelected {
	
    height: 34px;	
	margin-top: -7px;
	
	padding-top: 10px; /* Move the font down */
	
	background: none repeat scroll 0 0 #2DA0CD ;
	border-top: 8px;	
	border-radius: 8px 8px 0 0;
}

.adminTabs {
	list-style: 		none;
	-moz-padding-start: 20px;	
	height: 			37px;
}

/* TODO: Re-enable adminTabs  
.myAdsOuterBoxShadow .adminTabs {
	display: none;	
		
}
*/

.adminTabDeSelected {	
	height: 			34px;	
	
}

.adminTabTitle {
	       
	/* Restore block order so tabs work */
    display: 			block;    
    float: 				left;
    list-style: 		none outside none;       
	/* Font */	
	color: 				white;
	font-weight: 		bold;
	line-height: 		12px;
	width: 				200px;
	
    text-align: 		center;
    text-transform: 	uppercase;
  
}

.adminLink {	
	color: 				#FFFFFF;
	font-family: 		"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
    font-size: 			12px;   
    font-size-adjust: 	none;
    font-style: 		normal;
    font-variant: 		normal;
    
    text-decoration: 	none;		

}

#insertionsTabbedPanel .detailsPanel {
	width: 				auto;
    height: 			120px;
    margin-top: 		0px;	
   
   	position: 			relative;  
   	display: 			block;
   	
   	background: 		#ffffff; 	
	border: 			1px solid #6896a5;
	border-radius: 		8px;
	/* Make the inner content spaced out */
	padding-left: 		15px;
	padding-top: 		15px;
}



/* --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- 
 * Run Sheet 
 * --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */
 

.runsheetOuterBoxShadow {
	
	/* Box */
    background: 		none repeat scroll 0 0 #395D68;
    border-radius: 		8px 8px 8px 8px;
    display: 			inline-block;
    margin-bottom: 		20px;
    margin-top: 		20px;
    
    /* Positional */
    left: 				0;            
    position: 			relative;
    right: 				0;
    top: 				0;
}

.runsheetOuterBox {
    background: 		none repeat scroll 0 0 #ffffff;
    border: 			1px solid #3E7CB7 ;
    border-radius: 		8px 8px 8px 8px;
    
    min-height: 		400px;
    height: 			auto;
    padding: 			10px;    
	
}



#wcRunsheet .ui-jqgrid-title div {
	display:	none;
}

#wcRunsheet .ui-jqgrid-titlebar-close {
	display:	none;
}

#wcRunsheet .ui-jqgrid-titlebar {
	display: 	block !important;
	background-color: transparent !important;
	padding: 0px !important;
	background: none repeat scroll 0 0 #F6F6F6 !important;
}


#wcRunsheet .ui-jqgrid {
	border: 0px;
	position: relative;
	bottom: 6px;
}

#wcRunsheet .ui-jqgrid-hdiv {
	border-left: 1px solid #D3D3D3 !important;
	border-right: 1px solid #D3D3D3 !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
}

#wcRunsheet .ui-jqgrid-bdiv {
	border-left: 1px solid #D3D3D3 !important;
	border-right: 1px solid #D3D3D3 !important;
	height: 394px !important;
}

#wcRunsheet .ui-tabs-nav {
	position: relative;
	top: 4px;
}

#wcRunsheet .ui-jqgrid-pager {
	border-left: 1px solid #D3D3D3 !important;
	border-right: 1px solid #D3D3D3 !important;
	border-bottom: 1px solid #D3D3D3 !important;
}

#wcRunsheet .runsheetButtonBar {
	padding-top: 2px;
}


/* --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- 
 * Layout 
 * --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */
  
/* For Layout Runsheet Page */
#wcRunsheet .ui-tabs-nav {
    position: relative;
    top: 4px;
}

#editorialForm #tabbedPanel {
    bottom: 5px !important;
}

#titleTextArea div {
    color: #395D68 !important;
}

/* --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- 
 * Users  
 * --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */

.dialogTitle {
    display: none;
}

/* --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- 
 * My Ads   
 * --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */

/* For the My Ads Screen this is the container same as background now.*/
div.orderDataContainer {
	background-color: 		#ECECEC !important;
}

.slidedoormenu {
	display: none !important;
}

 /* New Branding */
 .myAdsOuterBoxShadow {
	background: none repeat scroll 0 0 #395D68;
    display: inline-block;
    left: 0;    
	right: 0;
    top: 0;
    margin-top: 20px !important;     
    position: relative;
	border-radius: 8px;
	
	width:		900px !important;
}

/* Special for My Ads Auto height */
.myAdsOuterBox {
	background: 			#f6f6f6;
	border: 				1px solid #3E7CB7 ;
	border-radius: 			8px;

	padding: 				10px;	
	display: 				inline-block !important;
	
	
	width:					880px !important;
}


.myAdsTabTitle {
	       	
	/* Restore block order so tabs work */
    display: 				block;
    
    /* Use instead of width so things are spaced */
    padding-left: 			25px;
	padding-right: 			25px;
	
	/* Positional */    
    float: left;
           
	/* Font */
	color: white;
	font-weight: bold;
	
	/* Use this to move the baseline centre down */
	line-height: 20px;		
    text-align: center;
    text-transform: uppercase;
    
    list-style: none outside none;  
}
  
  
.myAdsTabSelected {
	
	/* Height is 37 + 7 margin-top. 37 btw is the base size*/	
    height: 				44px;	
	margin-top: 			-7px;
			
	
	background: 			none repeat scroll 0 0 #2DA0CD ;
	border-top: 			8px;	
	border-radius: 			8px 8px 0 0;
}

.myAdsTabDeSelected {
	/* */
	height: 				37px;
		
}

.myAdsOuterBoxShadow .adminLink {
	white-space: 			no-wrap;
	
}

.myAdsOuterBox .futureCancelButton {
	display: 				none !important;
}

.myAdsOuterBox #buttonbar .rightbutton .button {
	position:				relative !important;
}

.myAdsOuterBox tr.even {
	background-color: 		#2DA0CD;
}
.myAdsOuterBox thead {
	background-color: 		#2DA0CD;
}

/* Remove the top headline */
h4.headline {
    display: none !important;
}
/* --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- 
 * Body 
 * --- --- --- --- --- --- ---  --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
 */
 html, body { 
 	height: 			100% !important; 
 }
 	
 #wrapper {     
    background:			#a7a9ac url("/adportal/imgs/gradient.png") repeat-x top left !important;
 	min-height: 		100% !important; 
 	height: 			100% !important;
 }
 
 /* For the little bit of white at the bottom */
 #body {
    background-color: 	#BBBBBB !important;
 }

.libraryItemEnabled.libraryItemSelected {

	border-color: 			#03ACEF !important;
	background-color: 		#03ACEF !important;
}

.bottombuttonbar {
	display: inline-block;
	width: 960px;
}

.runSheetBottomButtonBar {
	width: 100% !important;
}

.homeInfoTitle {
	width:80px;
	display:inline-block	
}