@charset "utf-8";
/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	font-family: Arial, Arial, sans-serif;
	font-size: 13px;
	color: #555;
	background-color: #EEE;
	background-repeat: repeat-x;
}

body p {
	color: #555;
}

#cover {
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:gray;
    filter:alpha(Opacity=25);
    opacity:0.25;
    -moz-opacity:0.25;
    -khtml-opacity:0.25
}

#dialog {
    display:none;
    left:300px;
    top:200px;
    width:300px;
    height:300px;
    position: absolute;
    z-index:100;
    background:white;
    padding:2px;
    font:10pt tahoma;
    border:1px solid gray
}

#errorDialog {
    display:none;
    left:300px;
    top:200px;
    width:300px;
    height:180px;
    position: absolute;
    z-index:100;
    background:white;
    padding:10px;
    font:10pt tahoma;
    border:1px solid gray
}

#messagebox {
    display:block;
    margin: 5px auto 5px auto;
    width:400px;
    min-height:100px;
    position: relative;
    background-color: #EEE;
    padding:10px;
    font:10pt tahoma;
    border:1px solid gray
}


#float-top{
	width: 780px;
	margin: 5px auto 5px auto;
	text-align:right;
}

#float-top p {
	font-size: 12px;
	color: #CCC;
}

#float-top a {
	text-decoration: none;
	color: #CCC;
}

#float-top a:hover, #float_top a:focus{
	color: #000;
}

#wrapper{
	width: 830px;
	background-color:#FFF;
	margin: 5px auto 10px auto;
	border: 1px solid #DDD;
	text-align:left;
    position:relative;
}

#banner{
	height: 100px;
}

#nav{
	margin-top: 68px;
	margin-right: 0px;
	padding: 1px 0 1px 0;
	width: 570px;
	float: right;
	background-color:#503F66;  /*64 49 82 = 403152 96 74 123=60497B  80-63-102=#503F66*/
}

#nav ul{
	padding: 0;
	margin: 0 0 0 20px;
	/*background-color: #FFF;*/
}

#nav ul li{
	display: inline;
	padding: 0;
	margin: 0;
}

#nav ul li a{
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;;
	padding: 0 8px;
	text-align: center;
	font-family: Arial;
	font-size:13px;
	width: 15em;
}

#nav ul li a:hover, #nav ul li a:focus{
	color: #FFF;
	/*background-color: #403152;*/
}

#content {
/*	clear: both; */
	margin-top: 25px;
	margin-bottom: 5px;
}

.secureLoginHead {
     background-color: #EEE; 
     padding: 5px 5px 15px 5px;
    }
    
.secureLoginFoot {
     clear:both;
     padding: 5px;
     background-color: #EEE;
     min-height: 15px;
}
     
.secureLoginForm { 
     border: solid 1px #000;
     width: 335px;
     padding: 10px;
     margin: 0px auto 0px auto;
     background-color: #EEE;      
     }
     
.secureLoginForm .formLine .fieldTitle {
	float: left;
	height: 15px;
	width: 108px;
	display: block;
	padding: 2px 10px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

* html .secureLoginForm .formLine .fieldTitle { width: 113px;}

.secureLoginForm .textBox {
	height: 15px;
	font-size: 11px;
	float: left;
	width: 165px;
	margin-bottom: 10px;
}

* html .secureLoginForm .textBox {
	height:20px;
}

#remember-user {
	float: left;
	margin: 0 0 5px 0;
	padding-left: 110px;
	font-size: 11px;
}

#product{
	clear: both;
}

#footer{
	clear: both;
	margin: 3px;
	color: #FFF;
	background-color: #EEE;
}

 #footer p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 3px;
	color: #BBB;	
}

/* COLUMN DEFINITIONS */

/* - HOME PAGE LAYOUT - */

#homeLeftCol{
	float: left;
  	width: 150px;
  	min-height: 150px;
	margin: 0px 10px 0px 10px;
	padding-right: 15px; 
	padding-left: 10px; 
	overflow:visible;
	border-right: 1px solid #CCC;	
}

#homeRightCol{
	float: right; 
  	width: 605px; 
  	min-height: 150px;
	padding-bottom: 10px;
	margin: 0 20px 0 0px;
}

#homeColSub {
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 20px 10px;
  	background-color: #FDFDFD; 
}

/* -- BODY PAGE LAYOUTS -- */

#leftIndexCol{
	float: left;
  	width: 165px;
  	height: 150px;
	margin-left: 15px;
	padding: 20px 0 0 0;
  }
 
 
 #rightMainCol{
	float: right; 
  	width: 595px;
  	min-height: 400px;
	margin-left: 0px;
	margin-bottom: 20px;
	border-left: 1px solid #CCC;
	padding: 10px 20px 10px 29px;
}
 

#sub-footer{
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: right;
}

#sub-footer p {
	color: #000;
	font-size: 9px;
	text-align: center;
}

/*  IMAGE FORMATS */

.imageLeft{
	float: left;
}

.imageRight{
	float: right;
	padding: 3px 3px 3px 3px;
}

.imageLogo{
	margin: 15px 0px 5px 20px;
	float: left;
}

.imageInset{
	margin-left: 40px;
	margin-top: 10px;
	}

.hiddenPic {
	display:none;
}

.dsheetImage {
	margin-left: 25px;
}

/* TEXT FORMATS */

.mainSectionHighlight{
	 color:#000;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size:18px;
 }
 
td {
	vertical-align:top;
}



/* FONT STYLE CLASSES */

#content h2, #content h3, #content h4 {
	color:#333;
}

#content h3 {
	font-size:15px;
}

#content .leftIndexCol table tr td h3 {
	color: #FFF;
}

td.indexHeader {
	border: solid 1px #FFF;
	background-color: #503F66; /* #CCC; */
	margin:0 10 0px 10px;
	padding: 2px 0px 2px 10px;
	color: #FFF; /* was #000; */
}

#content td.indexHeader  h3 {
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;	
	text-transform: uppercase;
	color: #FFF;
}

td.indexList {
	font-size:11px;
	padding: 8px 0px 3px 0px;
}


.activeProduct {
	color: #600;
	}

em {
		font-style:normal;
}

p.newsTag {
	color:#000;
	font-size:11px;
	font-weight:bold;
	padding: 1px 0 3px 0;
}

p.newsLink {
	color:#222;
	font-size:11px;
	margin-bottom: 10px;
	margin-left: 0px;

}

p.indexLink {
	padding: 2px 0 2px 10px;
	font-weight:bold;
}


 #leftIndexCol table h4 {
	 color:#FFF;
	 font-size: 12px;
 }

p.indexTableSpace {
	margin-top:30px;
}

/* LINK STYLE CLASSES 

	a:link {}     unvisited link
	a:visited {}  visited link 
	a:hover {}    mouse over link
	a:active {}   selected link
*/

a:link, a:visited {
	text-decoration: none;
	color: #000;
}

 #leftIndexCol a:active a:visited {
	 text-decoration:none;
	 outline:none;
	 color:#FFF;
 }

/* LIST STYLES */

ul {
	padding: 3px 0 3px 20px;
}

ul.featureListLevel0 {
	padding: 3px 0 3px 18px;
}

ul.featureListLevel0 li {
	list-style-image: url(./images/dia7x7_purple.jpg);
}

ul.featureListLevel1 {
	padding: 3px 0px 3px 10px;
}

ul.featureListLevel1 li {
	list-style-image: url(./images/dash6x6_purple.jpg);
	font-size: 80%;
}

ul.appListLevel0 {
	padding: 3px 0 3px 18px;
}

ul.appListLevel0 li {
	list-style-image: url(./images/dia7x7_purple.jpg);
	font-size: 90%;
}

/* BUTTONS */

a.loginbutton {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	background: url(/cssFiles/images/button_short.png) no-repeat center top;
	font: 12px/13px arial, helvetica, sans-serif;
	padding: 4px;
	height: 14px;
	width: 73px;
	cursor: pointer;
}

a.loginbutton:hover {
	background-position: center -27px;
}