/* CSS Document */

* {
	padding: 0;
	margin: 0;
	}
body {
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	color: #444;
	text-align: left;
	margin: 0;
	padding:0;
	background: #fff;
	width:auto!important;
	min-width: 960px;
	}
form, ul, ol, dl {
	padding:0;
	margin:0;
}
label {
	display:-moz-inline-box;
	display:inline-block;
}
fieldset {
	border: 0;
	padding:0!important;
	margin:0!important;
}
/****************************************Hyperlinks****************************************************/
a, a:visited{
	color: #2255AA;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
p a {
	text-decoration: underline!important;
}
p a:hover {
	background:#D6DDEA;
}
/****************************************buttons****************************************************/
.signin_button, .button {
	border: 1px #ccc solid;
	background: #efefef;
	height: 18px;
	padding: 0 2px 2px 2px;
	font-family: Verdana, Arial sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

/****************************************Images****************************************************/

img, img a {
	border: 0;
	margin-bottom:7px;
	}
img.shadow
{
	background:url(../img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:none;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}
img.border, .captchapict
{
	background:transparent;
	padding:4px;	
	border:1px #bbb solid;	
}
p img{
	float: left;
	border: none;
	margin: 7px 15px 10px 0;
	}
.imgLeft {
float:left;
margin:5px 10px 2px 0;
}
.imgRight {
float:right;
margin:5px 0 2px 10px;
}
/****************************************Styling****************************************************/	
p{
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 20px;
	}
li, dd {
	line-height: 20px;
}
p.small{
	padding:0;
	margin: 0;
	line-height: normal;
	font-size: 9px;
	color: #666;
	}
h1, h2, h3, h4, h5, h6 {
	color: #555;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
	padding:0;
}	
h3, h4, h5, h6 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 7px;
	}
h1 a {
	text-decoration: none;
	color: #555 !important;
	}
h1 a:hover {
	color: #2255AA;
	text-decoration: underline;
	}
h1.title {
	font-size: 16px;
	font-weight: bold;
	color:#444!important;
	border-bottom:1px #999 dotted;
	margin-bottom: 15px;
        background: url(../img/title_bullet.jpg) no-repeat left 4px;
	padding: 0 0 4px 28px!important;
	}
h2 {
	font-size: 16px;
	}
h2.tab {
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	display: block;
	background: #E2E1D6 url(../img/tab_corner.gif) no-repeat left top;
	color: #666;
	margin: 0 0 10px 0;
	padding: 3px 0 3px 7px;
	border-bottom: 1px solid #cfcfcf;
	}
h3 {
	font-size: 12px;
	color: #997C35;
	margin: 12px 0 2px 0;
	}
h4 {
	font-size: 11px;
	padding: 0;
}
h5 {
	font-size: 10px;
	padding: 0;
}
ul.normal{
	display: block!important;
	list-style: disc!important;
}
ul.normal li{
	float: none !important;
	margin: 0;
	line-height: 16px;
}
.more{
	font-size: 10px;
	text-align: right;
	line-height: 20px;
	margin:4px 0 20px 0!important;
	background: url(../img/more.jpg) no-repeat right 7px;
}
p span.more {
	background-position: right 3px!important;
}
p span.more a {
	text-decoration:none!important;
}
p span.more a:hover {
	background-color:transparent!important;
	text-decoration:underline!important;
}
/*span a{ background: url(../img/more.jpg) no-repeat top right;}*/
#contentleft .more{
	margin-top:0!important;
}
.more a{
	padding-right: 20px!important;
	text-decoration:none;
}
.more a:hover{
	text-decoration:underline;
}
blockquote{
	margin: 0 25px 10px 25px;
	padding: 0 25px 0 10px;
	background: #E8E8E8;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
blockquote p{
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	}
.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}
.postdate {
	color: #888;
	font-weight: normal;
	font-size: 10px;
}
#NewsPostDetailContent {
	margin-bottom:15px;
}
#NewsPostDetailSummary strong {
	font-weight: normal;
}
#fairUse {
	margin:12px 0;
	padding: 7px 0;
	border-top:1px #666 dotted;
}
#fairUse h4{
	margin:0 0 7px 0;
}
/****************************************Forms****************************************************/
/*Generic*/

form label {
	font-weight: bold;
}
form input {
	font-size:10px;
}
.formError {
	border: 1px solid silver;
	padding: 1px 2px;
	color:#CC0000;
	margin-bottom: 7px;
}
.error {
        color:#f00;
}
.red {
	background:#ff0000;
	color:#fff;
}
tr.red td a, tr.red td{
	background:#ff0000;
	color:#fff!important;
}
.yellow {
	background:#fc0;
	color:#333;
}
tr.yellow td a, tr.yellow td{
	background:#fc3;
	color:#333!important;
}
/*quotes form*/
form.quotes labels {
	width: 200px!important;
}
/*contact us*//*old contact form styles*/
/*#contact{
	margin:0!important;
	padding:0!important;
}
#contact form ul {
	display: block;
	text-indent: 0;
	margin:0!important;
	padding:0!important;
}
#contact form ul li {
	margin: 5px 0 7px 0;
	padding: 0;
	display: block;
	list-style-type: none!important;
}
#contact form ul li.border{
	border-bottom:1px #ccc solid;
	padding: 3px 0 5px 0;
	
}*/
/*----------------------------------- Contact us - form builder --------------------------------------------*/

.contactform{
	margin:0;
	padding:0;
}
.contactform fieldset {
	padding: 0; 
border:0!important;
}
.contactform fieldset legend {
	font-weight: bold;
}
.contactform label { 
	width: 150px;
	color:#666;
	padding-bottom:16px;
	vertical-align:top;
}
.contactform .required {
	
}
.contactform  textarea{
	width:250px!important;
        margin-bottom:10px;
}
.contactform .captcha, .contactform .submit {
	margin: 16px 0 3px 150px;
}
.contactform .button{
	float:right;
	border-top:1px solid #cfcfcf;
	padding:5px;
	margin-top:13px;
}
/*----------------------------------- survey - form builder --------------------------------------------*/
.survey fieldset.customer_info label{
	width:150px;
	padding-bottom:10px;
}

.survey h5{
	font-size:12px;
	color: #f30;
	padding:0;
	margin:10px 0 0 0;
	border-bottom:1px #ccc dotted;
}
.survey legend{
	padding-top:7px!important;
	
}
.survey .question{
	padding:5px;
	background:#efefef;
	margin:15px 0 7px 0;
}
.survey .options{
	padding-left:15px!important;
}
.survey .options label{
	font-weight:normal!important;
	padding-bottom:4px;
}
.survey textarea{
	margin-top:7px;
        padding:5px;
}
.survey .submit {
	float:right;
	margin: 10px 0 0 0;
}
/*sruvey results*/

table.pagetable td, table.pagetable th{
	border:1px #aaa solid;
	border-collapse:collapse;
}
.pagetable td, .pagetable th{
	padding: 5px;
	border-bottom:1px #aaa solid;
}

/****************************************Header****************************************************/
#header {
	padding: 0;
	margin: 0;
	text-align: left;
	height: 90px;
	width: 100%;
	background:#fff url(../img/header_bg.jpg) repeat-x;
	position: relative;
	}
#header #wrap{
	width: 980px;
}
#header .left, #header .right {
	color: #fff;
	height: 90px;
	float: left;
}
#header .left {
	background: url(../img/dickson_title.jpg) no-repeat left bottom;
	text-align: left;
	width: 805px; 
}
*html #header .left{
	width: 785px;
}
/*************************************Header right************************************************/
#header .right {
	/*background: url(../img/panel_bg.jpg) no-repeat right 10px;*/
	font-family: "Trebuchet MS", Verdana;
	width: 160px;
	padding: 12px 0 0 0;
	color: #ccc;
}
* html #header .right {height: 90px;}
* html #header .right {width: 170px;}
#header .right a{
	color:#ccc;
}
#header .right h3 {
	color:#CBF48A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../img/customer.png) no-repeat left top;
	border-bottom: 1px #555 solid;
	padding: 3px 0 3px 18px;
	margin-bottom: 5px;
}
*html #header .right h3 {
	background: url(../img/customer8.png) no-repeat left top;
}
#header .right p {
	padding: 0;
	margin: 0;
}
h1 .date{
	font-size: 11px;
	font-weight: normal;
	color:#666;
}
.currentDate {/*global date format*/
	border:1px #666 dotted;
	padding:2px 5px;
	margin-bottom:5px!important;
}
/*************************************Customer login************************************************/
#login{
	margin-bottom: 20px;
	padding: 8px 5px;
	background:#f2f2f2;
	border-bottom:1px #cfcfcf solid;
	font-size: 10px;
	color:#666;
}
#login label {
	font-weight: bold;
	width: 80px;
	padding-bottom: 10px;
	_padding-bottom:5px;
}
#login input{
	font-size:10px;
	color: #666;
}
*html #login .field {
	margin-bottom: 3px;
}
/****************************************Navigation****************************************************/
#navbar {
	background:#4B688F!important;
}
ul#menu {
	margin: 0;
	padding-top: 25px!important;
	width: 980px;
	postition: relative;
	}
ul#menu li {
	display: inline;
	margin: 0;
	}
ul#menu, ul#menu li a {
	padding: 5px 15px 6px;
	}
ul#menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	color: white;
	margin: 0 5px 0 0;
	background: #F25705;
	text-decoration: none;
	font-weight:bold;
	}
ul#menu li a:hover {
	background: #fff;
	color: #666 !important;
	text-decoration: none;
	}
ul#menu li.currentpage a,
ul#menu li.currentpage a:hover {
	color: #555 !important;
	background: #fff;
	text-decoration: none;
	}
/*************************************Main Content************************************************/
#content {
	background: #fff;
	margin: 0;
	padding: 20px 20px;
	position: relative;
	width:980px;
	overflow:auto;
}
*html #content {
	width:980px;
	overflow: none!important;
}

/*Content left*/
#contentleft {
	float: left;
	width: 450px!important;
	margin:0;
	padding: 0;
	background: #fff;
	}
#contentleft ol{
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	}
	
#contentleft ol li{
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	}
	
#contentleft ul li{
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	}
/*Left sidebar*/
#l_sidebar {
	float: left;
	width: 225px;
	margin: 0 0 0 50px;
	padding: 0;
	background: #fff;
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0 0 20px 0 !important;
	padding: 0;
	}
/*
#l_sidebar ul li {
	display: inline;
	padding: 0;
	margin: 0;
	}

#l_sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #C0C0C0;
	}

#l_sidebar ul li a:hover {
	background: #EFEFEF;
	color: #2255AA;
	}
	*/
#l_sidebar p{
	padding: 3px 0 0 0;
	margin: 0;
	line-height: 20px;
	}
	
/*Right sidebar*/
#r_sidebar {
	float: left;
	width: 180px;
	margin: 0 0 0 50px;
	padding:0;
	background: #fff;
	}

#r_sidebar h2, #l_sidebar h2  {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 7px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #aaa;
	background:#DDE7C4 url(../img/tab_corner.gif) no-repeat left top;
	}
#r_sidebar h2.login, #l_sidebar h2.login  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background:#E2D9C5 url(../img/tab_corner.gif) no-repeat left top;
	margin: 0 !important;
	}
#r_sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#r_sidebar ul li, #l_sidebar ul li {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 5px 0 5px 12px;
	background: url(../img/bullet_yellow.png) no-repeat -4px 6px;
	}
*html #r_sidebar ul li, *html #l_sidebar ul li {
	background: url(../img/bullet_yellow8.png) no-repeat -4px 6px;
	}	
#r_sidebar ul li a, #l_sidebar ul li a {
	display: block;
	text-decoration: none;
	margin: 0;
	}

#r_sidebar ul li a:hover, #l_sidebar ul li a:hover {
	background: D6DDEA;
	text-decoration: underline;
	color: #25a;
	}
	
#r_sidebar p{
	padding: 3px 0 0 0;
	margin: 0;
	line-height: 20px;
	}

/*************************************Footer************************************************/
#footer {
	height: auto;
	background: #000 url(../img/footer-bg.gif) no-repeat 100px top;

	color: #999;
	padding: 15px 0 0 20px;
	text-align: left;
	line-height: 17px;
position:relative;
	}
#footer h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777;
	font-weight: normal;
}
#footer .container {
	width: 980px;
	position: relative;
}
#footer ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	
}
#footer ul li {
	float: left;
	width: 180px;
	display: block;
	margin-right: 80px;
}
#footer ul li.credit {
	float: right;
	font-size: 10px;
	text-align: right;
	padding-right: 20px;
	margin: 0;
}

#footer ul li.credit a {
	background: url(../img/tamarind_icon.gif) no-repeat left top;
	padding: 0 0 25px 25px !important;
	line-height: 30px;
}
#footer p {
	padding: 0;
	margin: 0;	
	}
#footer a {
	color: #aaa;
	text-decoration: none;
	}
#footer a:hover {
	color: #25a;
	text-decoration: none;
	}
#footer .copyright{
	font-size: 9px;
	color:#555;
	margin-top: 20px;
	padding-top: 3px;
}
	
/*************************************Misc************************************************/
.clear {clear: both;}

.left {float: left;}

.right {float: right;}

#feature {
	text-align: left;
	margin-bottom: 10px;
	height: 200px;
	background-color: transparent!important;
}
#feature img {
	border: 0;
}

.feature1 
{
	background:url(../img/feature1.jpg) no-repeat top center;
}
.feature2 
{
	background:url(../img/feature2.jpg) no-repeat top center;
}
.feature3 
{
	background:url(../img/feature3.jpg) no-repeat top center;
}
.feature4 
{
	background:url(../img/feature4.jpg) no-repeat top center;
}

div .dotted-line {
	background: url(../img/dot-line.gif) repeat-x left bottom;
	padding: 5px 0 5px 0;
	margin-bottom:10px;
}
hr {
	display: none;
}
.directory {
border-bottom:1px #ccc solid;
padding: 2px 0 4px 0;
}
.directory p{
padding: 0;
margin:0
color:#666;
}
.directory p strong{
text-transform:capitalize;
}
.directory label {
width:50px;
font-weight:bold;
}
.pdf {
	background:url(../img/pdf.gif) no-repeat;
	padding:0 0 0 15px;
}
/*************************************Table styling************************************************/

div#tbl-container {
	padding: 1px 0 0 1px;
}

table {
	table-layout: fixed;
	border-collapse: collapse;
	background-color: WhiteSmoke;
}

div#tbl-container table th {
	padding: 2px;
	border: 1px solid silver;
    border-right: 0;
	font-size:11px;
}
div#tbl-container table td a{
	text-decoration:underline;
}
div#tbl-container table th.last, div#tbl-container table td.last  {
	border-right: 1px solid silver;
}

thead th, thead th.locked	{
	text-align: left;
	position:relative;
	cursor: default; 
}
	
thead th {
	top: expression(document.getElementById("tbl-container").scrollTop-2); /* IE5+ only */
	z-index: 20;
}

thead th.locked {z-index: 30;}

td.locked,  th.locked{
	left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
	position: relative;
	z-index: 10;
}

/*these styles have nothing to do with the locked column*/

.dataTable {
	font-size:10px;
	caption-side:top;
}
.dataTable caption {
	font-size:11px;
	color:#3e5165;
	font-weight:bold;
	text-align:left; 
	padding-left:0px;
	/* internet explorer for some reason doesn't like margins, so using padding to space out elements */
	padding-top:10px;
	padding-bottom:10px;
}
.dataTable caption .finePrintGrey {
	float:right; 
	font-weight:normal;
}
.dataTable .columnNames  {
	background-color:#DBDFE5;
	color:#555;
	text-align:left;
	vertical-align: bottom;
}	
.dataTable tr.columnNames span {
	color:#505050;
	cursor:pointer;
}
.dataTable.tableHeader {
	width:98%;
}
.dataTable th span {
	font-size: 10px !important;
	font-weight: normal;
}
.dataTable tr.columnNames a:link, .dataTable tr.columnNames a:visited {
	color:#000000;
}
.dataTable tbody tr {
	color:#3e5165;
	line-height:18px;
}
.dataTable thead tr {
	color:#3e5165;
	line-height:18px;
}
.dataTable tbody td {
	padding: 2px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	text-align: left;
	font-size:11px;
}
.dataTable tbody td img {
	/* float the images to the left in the second content column */
	float:left; 
	/* set a right and left margin for the images in the second content column */
	margin:3px; 
	margin-left:9px; 
	margin-right:9px;
}
.dataTable tfoot tr {
	background-color: #EDF2F6;
	}
.dataTable tfoot td {
	border-bottom:solid 1px #ffffff;
	}
.dataTable p {
	color:#3e5165;
	margin:0px;
	padding:0px;
}
.dataTable p a:link, .dataTable p a:visited {
	text-decoration:none;
}
/* for document trees */
.subHidden {
	display:none;
}
.subVis {
	display:compact;			
	height:auto;
	overflow:hidden;
}		
.subDocument ul {
	margin-left:35px;
}
.smallText, .footNote {
	font-size: 10px;
	color: #5c5c5c;
	font-weight: normal;
	line-height: 1.5em;
	}
.bodyText {
	font-size: 11px;
	color: #5c5c5c;
	font-weight: normal;
	line-height: 1.5em;
	}
.hspace50 {/*to create horizontal space*/
	padding: 0 25px;
	display: inline
}

/*********************changesettings form *************************/
#City, #Company, #Customer, #Address1, #Address2, #Address3, #Zip, #Country, #Language, #Status, #State{
    display:none;
}