/***********************************************/
/* Myhtnetwork Styles for Screen Rendering     */
/* Last Updated 05/05/2005                     */
/***********************************************/

body, table, td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;  /*#333333;*/
	font-size: 11px;  /* was 1em;*/
}

body {
	margin: 0;
	padding: 0;
	line-height: 1.166;
	border: 0;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* ie doesn't like the type attribute */
input[type=text], input[type=password], textarea  {
	padding:2px;
	background-color:#FFF;
	border: 1px solid #777;
}
textarea:hover, input[type=text]:hover, input[type=password]:hover {
	background-color:#F7F7F9;
	border: 1px solid #555;
}
input[type=text][disabled=disabled], input[type=text][disabled=disabled]:hover,
input[type=password][disabled=disabled], input[type=password][disabled=disabled]:hover{
	background-color:#eee;
	color:#777;
}
textarea:focus, input[type=text]:focus, input[type=password]:focus {
	background-color:#f7f7f9;
	border-bottom: 1px solid #00c;
}

label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000;
}

a{
	color: #000099;
	text-decoration: none;
}

a:link{
	color: #000099;
	text-decoration: none;
}

a:visited{
	color: #0066CC;
	text-decoration: none;
}

a:hover{
	color: #c00;
	text-decoration: underline;
}

h1{
 font-family: Arial,sans-serif;
 font-size: 150%;
 color: #334d55;
 margin: 0;
 padding: 0;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 120%;
 font-weight: bold;
 color:#444;
 margin: 0;
 padding: 0;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #000;
 margin: 0;
 padding: 0;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
	list-style-type: square;
	list-style-image: url(../structure/sel_box.gif);
	line-height: 1.4em;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

.HellermannBlue{
	color:#000099;
}
.TytonRed{
	color:#FF0000;
}

.blueAlert {
	color:#000099;
	font-weight:200;
}

#masthead{
	padding: 0;
	width: 100%;
	margin: 0;
	clear: both;
}

#navBar{
	width: 185px;
	float: left;
	clear: left;
}

#bodyContainer {
	width: 100%;
	background-image: url(../structure/bcBG8.gif);
	margin: 0;
	padding: 0;
	float: left;
	clear: both;	
	min-width:600px;
}

#content{
	padding: 0 5px 0 0; 
	margin: 0 auto 0 190px;
}

/* Hide from IE5-mac. Only IE-win sees this.  Fixes 3px text jog and odd position. \*/
 
* html #content {
  height: 1%;
  margin-left:187px; 
  }
 
/* End hide from IE5/mac */

#siteHead{
	clear: both;
}

#companyLogo{
	margin: 0;
	padding: 10px 10px 6px 10px;
	float: left;
}

#siteLogo{
	font-size:10px;
	color:#003366;
	text-align:right;
	float:right;
	padding: 12px 6px 5px 5px;
}

#globalNav{
	padding: 5px 0px 5px 10px;
	color: #FFFFFF;
	clear:both;
	background-color: #69c;
	float:left;
	margin-bottom:5px;
	padding:5px 0 5px 0;
    width:100%;
}

#globalNav a {
	font-size: 11px;
	padding: 0px;
	color: #FFF; /*#000066;*/
	font-weight: bold;
	margin: 0;
}

#globalNav a:hover {
	color:#FFFFCC;
	text-decoration:none;
}

#userLoggedIn {
	float:left;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	padding: 0;
	color:#FFF;
}

#globalLinks {
	margin-right: 6px;	
	text-align: right;
	clear: right;	
	float:right;	
}

.globalLinkOn {
	border-bottom: 7px solid #FFF;
}

#search{
	padding: 0px;
	font-size: 10px;
	text-align: left;
	background-color: #EEE;
	border-color: #FFFFFF;
	border-style: solid;
	float: left;
	height: 70px;
	margin:0;
	border-width: 0 5px 0 0;
}

/* begin broken box model hack */
/* Only IE-win 5.x sees this fix to ie5 putting border on the inside of the div by giving it 5 more pixels */
/* NOTE: ie5 ignores declarations after the voice-family until the end of the style declaration */
/* also fixes ie5 broken border bug */
#search { 
	width:190px; 	
	margin-top:-1px;
	height:71px;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:185px;
	border-top-width:0;
	
	margin-top:0;
	height:70px;
} 

/* fix above hack for non-ie browsers with same voice-family vulnerability */
html>body #search { width:185px; margin-top:0; height:70px;} 
/* end broken box model hack */

#search h3 {
	background-color:#DDD;
	padding: 2px 2px 2px 10px;
	margin: 0;
	font-size: 110%;
	font-weight:bold;
}

#searchForm{
	padding: 6px 2px 6px 10px;
}


/*************** #pageName styles **************/

#pageTitle {
	margin: 0 auto 0 200px;
	padding-top: 14px;
}

#pageName{
	color:#000033;
}

#pageHead {
	clear: both;
	width: 100%;
	height: 70px;
	margin: 4px 0 4px 0;
	border-width: 0;
	background-color: #C2D6EB;
	background-image: url(../structure/ph1.gif);
	background-repeat: no-repeat;
	background-position: center right; /* erratic in ie 4 */
}

#breadCrumb{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.article{
	font-size: 11px; /*was 11px*/
	margin: 0;
	
}
.article h2, .article h3 {
	padding: 2px 10px 5px 10px;
}

.article h3 {
	margin: 0;
	right:145px;
	font-size: 125%;
	color: #000033;
}

.dottedLineTop {
	border-top: 1px dashed #CCC; 
	margin: 15px 150px 15px 0;
	background-color:#F5F5F5;
	color:#000000;
	font-size:140%;
}

.dottedLineBottom {
	border-bottom: 1px dashed #CCC; 
	margin: 15px 150px 15px 0;
	background-color:#F5F5F5;
	color:#000000;
	font-size:100%;
}

.article p{
	/*min-width:250px;*/
	line-height: 1.4em;
	padding: 0 0 0 10px;
	margin: 0 0 1.4em 0;
	padding-left:10px;
}
/* silly ie don't see dis */
.article>table{margin:10px}

.articleNote {
	font-size: 11px;
	margin: 0px 180px 15px 15px;
	padding: 0;
	background-color:#F5F5F5;
	position:relative;
	left: 10px;	
	text-align: left;	
}

.articleNote h3 {
	margin: 0;
	padding: 5px 0px 5px 8px;
	background-color:#E6E6E6;
	background-image: url(../structure/diag_left_arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
	background-position: right;
}

.articleNote p{
	margin: 0;
	padding: 8px;
}

.functionBox {
	border: #999 1px solid; 
	background-color:#c2d6eb;
	margin-left:10px;
}

#Details {
	font-size:12px;
	padding: 10px 0 0 10px;
}

#Details h3 {font-size:150%; padding-bottom:5px; }

#Details p { padding: 0 0 5px 0; margin:0;}

.DetailImage {
	padding-right: 10px;
	padding-bottom: 10px;
}

#siteInfo{
	clear: both;
	font-size: 11px;
	color: #666666;
	padding: 0;
	margin: 0;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	border-top-width: 1px;
	background-color: #FFFFFF;
	width: 100%;
	float:left;
}

#siteInfo p{
	margin: 10px;
}

#rightModulesContainer {
	width: 135px;
	margin: 0;
	padding: 0px 0px 0px 10px;
	float: right;
	clear: right;	
}

.rightModule {
	float:right;
	background-color: #EEE; /*F5F5F5*/
	font-size: 95%;
	clear: right;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 100%;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	overflow:hidden; /* will clip by the size of the block */
}

.rightModule h3 {
	font-family: Arial,sans-serif;
	font-size: 110%;
	color: #333333;
	margin: 0px;
	padding: 4px;
	text-align: center;
	background-color: #DDD; /*#e7e7e7*/
}

.rightModule p{
	padding: 0;
	margin: 10px 5px 6px 8px;		
}

.rightModule ul {
	list-style-image: url(../structure/sel_box.gif);
	list-style-type: square;
	list-style-position: outside;
}


/************** #contentModule styles **************/
#contentModulesContainer {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	text-align:left;
}

.contentModule{
	text-align:left;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

.contentModule h3{
	margin: 0px 5px 4px 0px;
	font-size: 120%;
	color: #000033;
	padding: 3px 0 3px 10px;
	text-align:left;
	border-bottom: 1px dashed #CCC;
}

.contentModule p{
	min-width:250px;
	line-height: 1.4em;
	margin-left:10px;
	text-align:left;
}

.contentModule ul {
	list-style-image: url(../structure/sel_box.gif);
	list-style-type: square;
	list-style-position: outside;
}

.contentModule li {
	margin-bottom:6px;
}

.icon {
	margin: 0 4px 0 0;
	border: 0;
}

.downloadList li{
	list-style-type:none;
	list-style-position: outside;
	list-style-image: none;
}

/************** .net components **************/

.gridStyle {
	font-size:11px;
	font-style: normal;
	color: #000000;
	width:100%;
	padding:0;
	margin:0;
	border-color:#000;
}
.gridStyle ul {list-style-image:none; list-style-type:disc; line-height:1.2em; padding:0; margin:8px 5px 10px 25px; }
.gridHeader { font-size: 120%; font-weight:bold; color: #000; background-color: #CCC; }
.gridFooter, .gridPager { font-size: 100%; font-weight:normal; color: #000; background-color: #CCC; }
.gridHover { background-color: #DAE3F4; color:#000; }
.gridItem, .tableHead { background-color:#FFF; color:#000; }
.gridAltItem { background-color:#EEE; color:#000; }
.gridSelected, .gridEdit { background-color: #CAD5EA; color:#006; }

#dataGridContainer{
	margin: 0;
	padding-bottom: 10px;
	padding-left:0;
	min-width:360px;
}

.articleGridStyle{
	font-size: 11px;
	font-style: normal;
	color: #000000;
	width:97%;
	margin:0 0 0 0;
	padding:0;
	background-color: #C2D6EB;
}

.categoryGridStyle {
	font-size:11px;
	font-style: normal;
	color: #000000;
	width:100%;
	padding:0;
	margin:0;
}

.categoryGridPartNo {
	font-size:115%;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

.categoryGridHeader {
	font-size: 120%;
	font-weight:bold;
	color: #FFFFFF;
}

.pickOrderListStyle {
	font-size: 11px;
	font-style: normal;
	color: #000000;
	width:100%;
	padding:0 10px 0 6px;
	margin:0;
	margin-left:6px;
}

#lblErrorMsg, #lblDetailErrorMsg {
	font-size: 12px;
	color:#FF0000;
	margin: 6px 0 6px 5px;
}

.TreeView { 
	cursor: default; 
	font-weight:normal;
	color: #000033;
	background-color:#EEE;
	width:185px;
	padding:0;
	margin:0;
} 

.TreeView, .TreeNode, .SelectedNodeRow, .SelectedTreeNode, .HoverTreeNode {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
}

.TreeNode { cursor:pointer; } 

.TreeNodeRow { background-color:#EEE; border-top:1px solid #EEE;}

.HoverTreeNodeRow{ 
	background-color:#FFF;
	color:#C00;
	cursor:pointer;
	border-top:1px solid #FFF;
} 

.SelectedNodeRow{ background-color:#FFFFFF; cursor: default;}

.SelectedTreeNode{ font-weight:bold; }

.TopLevelCategory{ border-top: 1px dashed #FFFFFF; /*E6E6E6*/ background-color: #DDD; }