/* CSS Document */
body {
	text-align: 	center;
	margin:			0;
	padding:		0;
	font-family:	"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	/*color:			#666666;*/
	font-size:		14px;
	}
a, a:link, a:hover, a:active {
	color:			#06C;
	text-decoration:none;
	}
a:hover {
	border-bottom:	solid 1px #333;
	}
a.noHover {
	border-bottom: 0px none !important;
}

/* Reporting link styles */
a.report, a.report:visited {
	font-size: 100%;
}

a.report:hover {
	font-size: 100%;
}
a.formButton, a.formButton:visited {
	margin: 2px;
	padding: 2px;
	border: 1px solid #006666;
	text-decoration: none;
	color: #000000;
	background: #e0e0e0;
}

a.formButton:hover {
	margin: 2px;
	padding: 2px;
	border: 1px solid #006666;
	text-decoration: none;
	color: #2d2f71;
	background: #e0e0e0;
}


h1 {
	font-size:		24px;
	color:			#666;
	font-weight:	normal;
	}
h2 {
	font-size:		18px;
	font-weight:	normal;
	}
h3 {
	font-size:		24px;
	color:			#666;
	font-weight:	normal;
	margin-top:		5px;
	}
img {
	border:			none;
	}
.imglink:hover {
	border:			none;
	}
#topdiv {
	width: 			800px;
	text-align:		right;
	padding-top:	30px;
	margin:			auto;
	height:			50px;
	}
#accounttopdiv {
	text-align:		right;
	padding-top:	15px;
	margin:			0 15px 15px 15px;
	height:			50px;
	width:			800px;
	}
#topmenu {
	padding-top:	20px;
	font-size:		13px;
	font-weight:	bold;
	}
#topmenu a, #topmenu a:link, #topmenu a:hover, #topmenu a:active {
	color:			#333;
	text-decoration:none;
	margin-left:	15px;
	}
#topmenu a:hover {
	border-bottom:	solid 1px #06C;
	}
#topmenu .activepage {
	color:			#333;
	text-decoration:none;
	margin-left:	15px;
	border-bottom:	solid 1px #06C;
}
#tabs_back {
	margin-top:		10px;
	/*background:		url(/images/tabs_back.gif) repeat-x;*/
	background: 	url(/images/topback.gif) repeat-x bottom #156ab4;
	padding-bottom:	60px;
	}
#tabs_back_notabs {
	margin-top:		10px;
	/*background:		url(/images/tabs_back.gif) repeat-x;*/
	background: 	url(/images/topback.gif) repeat-x bottom #156ab4;
	padding-bottom:	30px;
	}
#tabs_heading {
	padding-top:	30px;
	width: 			800px;
	text-align:		left;
	margin:			auto;
	color:			#FFF;
	}
#tabs {
	width: 			800px;
	text-align:		left;
	margin:			auto;
	margin-top:		-40px;
	}
/* Account interface gradient styles */
#account_back {
	margin-top:		5px;
	background:		url(/images/header_gradient.png) repeat-x;
	padding-bottom:	5px;
	}
#account_heading {
	padding-top:	5px;
	text-align:		left;
	margin:			0 15px 0 15px;
	color:			#FFF;
	}

#follow_us {
	padding-top: 10px;
	text-align:		left;
	margin:			auto;
	font-size: 		12px;
	vertical-align: text-bottom;
}

#main {
	width: 			800px;
	text-align:		left;
	margin:			auto;
	padding-top:	20px;
	}

#accountmain {
	text-align:		left;
	margin-top:		45px;
	padding:		10px 15px 10px 15px;
}

#tabcontent {
	margin-right:	275px;
	line-height:	20px;
	}
.feature {
	background:		url(/images/feature_left.gif) top left no-repeat;
	}
.feature_r {
	padding:		12px;
	background:		url(/images/feature_right.gif) right top no-repeat;
	}
.feature_r h1 {
	font-size:		14px;
	text-align:		center;
	color:			#666;
	margin:			0px 0px 10px 0px;
	}
.feature_r h2 {
	font-size:		17px;
	color:			#06C;
	margin:			0px;
	}
.feature_left_i {
	float:			left;
	width:			226px;
	line-height:	18px;
	}
.feature_center_i {
	margin-left:	263px;
	width:			226px;
	line-height:	18px;
	}
.feature_right_i {
	float:			right;
	width:			226px;
	line-height:	18px;
	}
.feature_left {
	float:			left;
	width:			250px;
	line-height:	18px;
	}
.feature_center {
	margin-left:	275px;
	width:			250px;
	line-height:	18px;
	}
.feature_right {
	float:			right;
	width:			250px;
	line-height:	18px;
	}
#login {
	float:			right;
	width:			250px;
	}
#login input.tx, #login select.tx {
	font-size:		14px;
	border:			1px solid #999;
	color:			#333;
	font-weight:	600;
	padding:		2px;
	}
#login label {
	font-size:		14px;
	display:		block;
	margin-bottom:	10px;
	}
.sb {
	font-size:		24px;
	border:			1px outset #06C;
	color:			white;
	background:		url(/images/tabs_back.gif) repeat-x top;
	cursor:			pointer;
	}
.sb:hover {
	background:		url(/images/tabs_back.gif) repeat-x bottom;
	color:			#06C;
	}
.sb_small {
	font-size:		14px;
	border:			1px outset #06C;
	color:			white;
	background:		url(/images/tabs_back.gif) repeat-x top;
	cursor:			pointer;
	}
.sb_small:hover {
	background:		url(/images/tabs_back.gif) repeat-x bottom;
	color:			#06C;
	}
#bottom {
	background:		url(/images/bottom_back.gif) repeat-x;
	height:			65px;
	margin-top:		30px;
	padding-top:	40px;
	font-size:		11px;
	}
#bottomlinks {
	width:			800px;
	margin:			auto;
	text-align:		left;
	}
#bottomlinks a, #bottomlinks a:link, #bottomlinks a:hover, #bottomlinks a:active {
	color:			#333;
	text-decoration:none;
	margin-right:	10px;
	}
#bottomlinks a:hover {
	border-bottom:	solid 1px #06C;
	}
#bottomlinks .activepage {
	color:			#333;
	text-decoration:none;
	margin-right:	10px;
	border-bottom:	solid 1px #06C;
}
#accountbottomlinks {
	width:			800px;
	margin:			0 15px 0 15px;
	text-align:		left;
	}
#accountbottomlinks a, #accountbottomlinks a:link, #accountbottomlinks a:hover, #bottomlinks a:active {
	color:			#333;
	text-decoration:none;
	margin-right:	10px;
	}
#accountbottomlinks a:hover {
	border-bottom:	solid 1px #06C;
	}
#accountbottomlinks .activepage {
	color:			#333;
	text-decoration:none;
	margin-right:	10px;
	border-bottom:	solid 1px #06C;
}

#copyright {
	float:			right;
	}

/* SPK: The below is copied from the old stylesheet for compatibility */
div.rowtight {
  clear: both;
  padding-top: 1px;
  }

div.rowtight span.labelr {
  float: left;
  width: 260px;
  text-align: right;
  }

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 260px;
  text-align: left;
  }

div.row span.formw {
  float: right;
  width: 340px;
  text-align: left;
  }

div.rowbig {
  clear: both;
  padding-top: 10px;
  }

div.rowbig span.labelbig {
  float: left;
  width: 300px;
  text-align: left;
  }

div.rowbig span.formwbig {
  float: right;
  width: 400px;
  text-align: left;
  }

div.infoboxapi {
	padding: 5px;
	width: 450px;
	z-index: 1;
	overflow: auto;
	max-height: 350px;
  }

/* Row style for Product Ad Widget Form */
div.rowPaw {
  clear: both;
  padding: 7px 0 7px 0;
  margin: 0;
  }

div.rowPaw span.label {
  float: left;
  width: 200px;
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 0;
  }

div.rowPaw span.formw {
  float: right;
  width: 250px;
  text-align: left;
  vertical-align: top;
  margin: 0;
  padding: 0;
  }

.apicode {
	background: #ebebeb;
	border:1px dashed #a0a0a0;
	padding: 5px;
	margin: 0;
	color: #000000;
	overflow: auto;
	display: block;
  }

div.rowapiform {
  display: block;
  clear: both;
  padding-top: 5px;
  vertical-align: top;
  }

div.rowapiform span.label {
  float: left;
  width: 200px;
  text-align: left;
  vertical-align: top;
  }

div.rowapiform span.form {
  float: right;
  width: 500px;
  text-align: left;
  vertical-align: top;
  }

div.rowapicomment {
  display: block;
  clear: both;
  padding-top: 0px;
  vertical-align: top;
  margin-left: 200px;
  }

div.rowsmall {
  clear: both;
  padding-top: 10px;
  }

div.rowsmall span.labelsmall {
  float: left;
  width: 180px;
  text-align: left;
  }

div.rowsmall span.formwsmall {
  float: right;
  width: 300px;
  text-align: left;
  }

div.dps_row { clear: both; padding-top: 10px;}
div.dps_row span.dps_left {float: left; text-align: left; width: 80%;}

div.dps_row span.dps_right {float: right; text-align: right; width: 20%; color: red;}
.dps_product_image {float: left; padding: 0 5px 5px 0; }

div.news{width: 280px; margin: 5px 0 5px 20px}
div.recruitmentOffer{width: 620px; margin: 0px 0 0px 0px}

#reportlink {
	margin: 0;
	padding: 2px;
}

#reportform {
	padding: 0 7px 7px 7px;
}

#reportdownloadlink {
	margin: 0;
	padding: 2px;
}

#reportdownloadoptions {
	padding: 5px;
}

#reportrsslink {
	margin: 0;
	padding: 2px;
}

#reportrssform {
	padding: 5px;
}

p.information {
	background: #ffffff url(/images/icons/information.png) left center no-repeat;
	padding: 5px 0 5px 25px;
	width: 600px;
}

p.information_nowidth {
	background: #ffffff url(https://www.avantlink.com/images/icons/information.png) left center no-repeat;
	padding: 5px 0 5px 25px;
}

.legalDisclaimerBlock {
	margin: 20px;
	width: 500px;
	font-size: 75%;
}

.infobox {
	border: 1px solid #a0a0a0;
}

.infoboxHeader {
	background-image: url(/images/sprite.png);
	background-repeat: repeat-x 0 0;
	border-bottom: 1px solid #a0a0a0;
	padding: 4px;
	margin: 0;
	text-align: center;
	font-weight: 600;
}

div.rowinfobox {
  clear: both;
  padding-top: 10px;
  width: 800px;
  }

div.rowinfobox span.column1 {
  float: left;
  width: 450px;
  text-align: left;
  margin: 0 20px 0 0;
  }

div.rowinfobox span.column2 {
  float: right;
  width: 330px;
  text-align: left;
  }

div.rowlinklist {
  clear: both;
  padding-top: 10px;
  width: 900px;
  }

div.rowlinklist span.column1 {
  float: left;
  width: 600px;
  text-align: left;
  margin: 0 20px 0 0;
  }

div.rowlinklist span.column2 {
  float: right;
  width: 280px;
  text-align: left;
  }

.reportinput {
  margin-top: 0px;
  margin-bottom: -2px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 0px;
  }

.listform {
  font-size: 100%;
  }

.reportCollapsed {
	display: none;
	padding: 0;
	margin: 0;
}

.reportCustomGroupDiv {
	background-color: #eeeeee;
	vertical-align: top;
	/*align: center;*/
	width: 300px;
	padding: 3px;
	border: 1px solid #cccccc;
	/*spacing: 3px;*/
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 90%;
	color: #000000;

	position: absolute;
	visibility: hidden;
	z-index: 100000;
	}

#fixedbox {
	display:block;
	position: fixed;
	top:200px;
	right:20px;
	width: 200px;
}

* html #fixedbox {position:absolute;}

#headerinfobox {
	position: absolute;
	top: 15px;
	left: 225px;
	margin: 0;
	padding: 3px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #d0d0d0;
	font-size: 12px;
}

.reportFilterForm {
	background-color: #eeeeee;
	vertical-align: top;
	/*align: center;*/
	padding: 3px;
	border: 1px solid #cccccc;
	/*spacing: 3px;*/
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 90%;
	color: #000000;
	text-align: left;
	position: absolute;
	visibility: hidden;
}

.underline {
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #000000;
}

ul.leftalign {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#columncontainer {
	 clear: both;
}

#leftcolumn {
	float: left;
	width: 300px;
	text-align: left;
}

#rightcolumn {
	float: right;
  	width: 300px;
  	text-align: left;
}

.pageMessages {
	color: #ff0000;
	font-weight: 600;
	font-size: 100%;
}

.code {
	background: #ebebeb;
	border:1px dashed #a0a0a0;
	padding: 5px;
	margin: 0;
	color: #000000;
	overflow: auto;
	width: 800px;
}

/* Form styles */
form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

form fieldset.traditional {
  clear: both;
  font-size: 100%;
  border: 1px solid gray;
  margin: 0px;
  padding: 5px;
}

form fieldset.traditional legend {
  font-size: 100%;
  font-weight: normal;
}

form .hidden {
	border-style: none;
	padding: 0;
	margin: 0;
}

label {
  font-size: 100%;
  font-weight: 600;
}

form .required {
	color: red;
}

form .element {
	padding: 2px 0 2px 0;
}

form ol {
	list-style: none;
}

#checkboxes label{
	float: left;
	width: 350px;
}

#checkboxes input {
	width: 1em;
}

#checkboxes li {
	clear: left;
}

#reports {
	font-size: 85%;
}

/* DGC 2008-02-11 New reporting styles */
.reportMain {
	border-collapse: collapse;
	border: 1px solid #a0a0a0;
	background: #a0a0a0;
}
.reportMain td, .reportMain th {
	border: 1px solid #a0a0a0;
	padding: 2px;
}
.reportMain caption {
	margin-bottom: 1px;
}
.reportRowOdd {
	background: #ffffff;
	white-space: nowrap;
}
.reportRowEven {
	background: #eeeeee;
	white-space: nowrap;
}
.reportRowHover {
	background: #dddddd;
	white-space: nowrap;
}
.reportRowClick {
	background: #cccccc;
	white-space: nowrap;
}
.reportPageTotals {
	font-style: italic;
	background: #C8CB9F;
}

.reportGrandTotals {
	font-weight: 600;
	/*background: #C8C8FF;*/
	background: #B2CB9F;
}
tr.reportRowOdd td, tr.reportRowEven td, tr.reportRowHover td, tr.reportRowClick td, tr.reportPageTotals td, tr.reportGrandTotals td {
	padding: 0 20px 0 10px;
	margin: 0 20px 0 10px;
	white-space: nowrap;
	height: 20px;
}

.reportNoSort {
	padding: 0 10px 0 5px;
	margin: 0 10px 0 5px;
	color: #000000;
	/*text-decoration: underline;*/
	white-space: nowrap;
}

a.reportSortAsc, a.reportSortAsc:visited, a.reportSortDesc, a.reportSortDesc:visited {
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	color: #000000;
	/*text-decoration: underline;*/
	white-space: nowrap;
}
a.reportSortAsc:hover {
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	background: #ffffff url(/images/icons/arrow_up.png) right center no-repeat;
	color: blue;
	/*text-decoration: underline;*/
	white-space: nowrap;
}

a.reportSortDesc:hover {
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	background: #ffffff url(/images/icons/arrow_down.png) right center no-repeat;
	color: blue;
	/*text-decoration: underline;*/
	white-space: nowrap;
}

/* DGC 2008-03-21 Generic list styles (not tied to reports and without their padding settings) */
.listRowOdd {
	background: #ffffff;
	white-space: nowrap;
}
.listRowEven {
	background: #eeeeee;
	white-space: nowrap;
}
.listRowHover {
	background: #dddddd;
	white-space: nowrap;
}
.listRowClick {
	background: #cccccc;
	white-space: nowrap;
}

/* PAW template links */
a.Paw {
	text-decoration:none;
}

a.Paw:hover {
	border-bottom: 2px solid #000000;
}

a.Paw:active {
	border-bottom: 2px solid #000000;
}

a.go_back, a.go-back:visited {
	background: #ffffff url(/images/icons/arrow_go_back.png) left center no-repeat;
	text-decoration: none;
	padding: 5px 0 5px 25px;
	border: 0px;
}
a.go_back:hover {
	background: #ffffff url(/images/icons/arrow_go_back.png) left center no-repeat;
	text-decoration: underline;
	padding: 5px 0 5px 25px;
	border: 0px;
}
.spacedList li {
	margin-bottom: 10px;
}

a.accessRestricted, a.accessRestricted:link, a.accessRestricted:hover, a.accessRestricted:active, a.accessRestricted:visited 
, #topmenu a.accessRestricted, #topmenu a.accessRestricted:link, #topmenu a.accessRestricted:hover, #topmenu a.accessRestricted:active, #topmenu a.accessRestricted:visited
, #bottomlinks a.accessRestricted, #bottomlinks a.accessRestricted:link, #bottomlinks a.accessRestricted:hover, #bottomlinks a.accessRestricted:active, #bottomlinks a.accessRestricted:visited
, #accountbottomlinks a.accessRestricted, #accountbottomlinks a.accessRestricted:link, #accountbottomlinks a.accessRestricted:hover, #accountbottomlinks a.accessRestricted:active, #accountbottoma.accessRestricted:visited {
	color: gray;
	text-decoration: none;
	}
a.accessRestricted:hover
, #topmenu a.accessRestricted:hover
, #bottomlinks a.accessRestricted:hover
, #accountbottomlinks a.accessRestricted:hover {
	text-decoration: line-through;
	border-bottom: 0px;
	}

a.boxHeaderLinks, a.boxHeaderLinks:visited {
	text-decoration: underline;
	font-size: 12px;
	font-weight: 100;
	margin-right: 7px;
}
a.boxHeaderLinks:hover {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-weight: 100;
	margin-right: 7px;
}

/* DGC 2010-10-13 Force main body of page to fill most of the height of the window */
html, body { height: 100%; }
#accountmain { margin-top: 10px; padding-top: 0px; min-height: 45%; font-family: Arial, Helvetica, sans-serif; }


/* Styling for jQuery UI */
.ui-widget-content .ui-state-default {
	background: #e6e6e6;
}
.ui-widget-content .ui-state-hover {
	background: #dadada;
}
.ui-widget-content .ui-state-active {
	background: #dadada;
	border: 1px solid #999999;
}
.ui-widget { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.ui-widget-content a {
	color: #06C;
}
.ui-widget-overlay {
	background: #000;
}
.ui-widget-header {
	background: #cccccc;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
	padding: 1em 1.2em .4em 1em;
}
.ui-tabs .ui-tabs-nav {
	background: none;
	border: 0;
	border-bottom: 1px solid #aaaaaa;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	border-bottom: 0;
}
.ui-tabs .ui-tabs-active {
	background: #ffffff;
}