/**** Globals ****/
body { padding:0px; margin:0px; font-family:verdana; font-size:12px; line-height:18px; color:#4D4D4D; }

a:link { color:#17589A; text-decoration: underline; }
a:visited { color: #17589A; text-decoration: underline; }
a:hover { color: #17589A; text-decoration: none; }

a.left:link { color:#17589A; text-decoration: none; font-weight:bold; }
a.left:visited { color: #17589A; text-decoration: none; font-weight:bold; }
a.left:hover { color: #17589A; text-decoration: underline; font-weight:bold; }

a.left_sub:link { color:#666666; font-size:11px; text-decoration: none; }
a.left_sub:visited { color: #666666; font-size:11px; text-decoration: none; }
a.left_sub:hover { color: #666666; font-size:11px; text-decoration: underline; }

a.cart:link { font-size:10px; text-decoration: none; }
a.cart:visited { font-size:10px; text-decoration: none; }
a.cart:hover { font-size:10px; text-decoration: underline; }


h1 { font-size:18px; color:#17589A; margin:0px; padding:0px 0px 5px 0px; }
h2 { font-size:15px; color:#D44202; line-height:22px; font-weight:bold; margin:0px; padding:0px 0px 5px 0px; }
h3 { font-size:14px; color:#333333; line-height:19px; font-weight:bold; margin:0px; padding:0px 0px 5px 0px; }
h4 { font-size:13px; color:#D44202; line-height:16px; font-weight:bold; margin:0px; padding:0px; }
h5 { font-size:12px; color:#D44202; line-height:16px; font-weight:bold; margin:0px; padding:0px; }
h6 { font-size:11px; color:#3A3A7B; line-height:14px; font-weight:bold; margin:0px; padding:0px; }

.white { color:#FFFFFF; }
.justify { text-align:justify; }
.bold { font-weight:bold; }

br { line-height:9px; }
br.small { line-height:3px; }
.png { behavior:url(../utils/pngHack.htc); }
.small { font-size:10px; line-height:11px; }
.validation { color:#FF0000; }
.grey { color:#333333; }
.green { color:Green; vertical-align:middle; }
.red { color:#FF0000; }
.heightfix { display:none; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { display:inline-block; } 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* End hide from IE-mac */
.opacityOff { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor:pointer; }
.opacityOver { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; cursor:pointer; }

a.np:link { color:#999999; font-size:9px; }
a.np:visited { color:#999999; font-size:9px; }
a.np:hover { color:#999999; font-size:9px; }
.np { color:#999999; font-size:9px; display:none; }

.alt-alpha { background:url(../images/alpha.png) repeat; }
.greyedOut { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; cursor:default; }

.fileDenied:hover { color:Red; }

ul { padding-left:10px; margin:5px; }

.pdf_icon { background:url(../images/icons/icon_pdf.gif) no-repeat; padding:0 0 2px 20px; }

.eg { font-size:10px; color:#999; }

/**** Progress Div ****/
.progressContainer { position:relative; left:150px; top:45px; z-index:2; }
.progressBox { position:absolute; width:100px; border: 1px solid #999999; padding:6px; background-color:#FFFFFF; text-align:center; }


/**** Datagrids ****/
.datagrid { border-color:#CCCCCC; }
.datagrid td { padding:3px; }
.datagridheader { background-color:#666666; color:#FFFFFF; font-weight:bold; }
.datagridheader a:link { color:#FFFFFF; text-decoration:none;  }
.datagridheader a:visited { color:#FFFFFF; text-decoration:none;  }
.datagridheader a:hover { color:#FFFFFF; text-decoration:underline;  }

.datagriditem { }
.datagriditem_alt { background-color:#eeeeee; }
.datagridfooter {  }

.datatable { padding:0; margin:0; }


/* THIS MAKES THE DROP SHADOW WORK ON IMAGES */
.imagecontainer { float:left; clear:both; background: url(../images/shadowAlpha.png) no-repeat bottom right !important; background: url(../images/shadow.gif) no-repeat bottom right; margin: 10px 0px 5px 7px !important; margin: 10px 0px 5px 5px; }
.imagecontainer img { display: block; margin:-6px 6px 6px -6px;  }

.dropshadow2{
	float:left;
	clear:left;
	background: url(../images/shadow_large.gif) no-repeat bottom right !important;
	background: url(../images/shadow_large.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
}
.innerbox{
position:relative;
bottom:6px;
right: 6px;
border: 1px solid #999999;
padding:4px;
margin: 15px 0px 0px 0px;
}
.innerbox{
/* IE5 hack */
\margin: 0px 0px -3px 0px;
ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
margin: 3px;
padding-bottom:0px
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
	width:300px;
}
/*Modal Popup end*/