body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table { border-collapse:separate; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/* END RESET */

/* STANDARD */

.top { vertical-align: top;}
.middle { vertical-align: middle;}
.bottom { vertical-align: bottom; }
.center { margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.clear { clear: both; }
.clearR { clear: right; }
.clearL {clear: left; }
.block { display: block;}

.border { border: solid 1px #000; }

.w100 { width: 100%; }

img 
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

html  
{
	color: #444;
	font-family: Arial; 
	font-size: 10pt; 
/*	line-height: 14pt; */
}


.body
{
	background: #00467E;
	font-size: 10pt;
	overflow-x: hidden;
}

#page, .page
{
	background: #fff;
	clear: both;
	margin: 0 auto;	
	width: 980px;
	overflow: hidden;
}
#navigation, .navigation
{
	float: left;
	width: 230px;
}	
#main, .main
{
	float: left;
	width: 749px;
}
.content
{
	padding: 0px 25px 25px 25px;
}


h1 
{
	color: #00467e;
	font-size: 16pt;
	padding: 10px 0px;
}
h2
{
	color: #11923f;
	font-size: 12pt;
	padding: 7px 0px;
}
h3
{
	color: #0074d4;
	font-size: 10pt;
	padding: 4px 0px;
}
h4
{
	color: #103568;
	font-size: 10pt;
	padding: 4px 0px;
}
.form td
{
	padding: 2px;
}
.form input[type='text'], .form textarea 
{
	border: solid 1px #aaa;
	font-family: Arial;
	font-size: 10pt;
	padding: 3px;
}

.alert
{
	font-weight: bold;
	color: #f60;
}

/* END STANDARD */

.examplePanels
{
	width: 680px;
	border-right: solid 1px #888;
	border-bottom: solid 1px #888;
	border-left: solid 1px #888;
	padding: 2px 5px;
}
.examplePanels a
{

}

/* PAGE SELECTOR & ADMIN DRAWER */
#navDrawer
{
	background: #fff;
	border: solid 1px #898989;
	font-size: 10pt;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	overflow: hidden;
}	
#navDrawer:hover
{
	width: 650px;
}

h1.pageSelector
{
	border-bottom: solid 1px #333;
	color: #757557;
	font-size: 16pt;
}

.pageSelectorLink
{
	text-decoration: underline !important;
	font-weight: bold !important;
	cursor: pointer;
}
.pageSelector
{
	margin: 10px 0px;
	font-size: 8pt;
	width: 100%;
}
.pageSelector td.odd
{
	padding: 3px 10px;
	background: #F1F1E3;
}
.pageSelector td
{
	padding: 3px 10px;
	background: #E3E3C7;
}
.pageSelector a
{
	color: #333;
}
/* END PAGE SELECTOR */

/** HEADER **/
.searchBar
{
	background-color: #009add;
	background: url('../images/search-bg.gif') no-repeat left bottom;
	height: 31px;
	margin: 0 auto;
	width: 980px;
}
.search
{
	float: right;
	vertical-align: middle;
	padding: 4px 6px 0 0;
}
.header
{
	background: #00467e;
	border-top: solid 1px #bebebe;
	border-bottom: solid 1px #bebebe;
	clear: both;
	float: left;
	width: 100%;
	-webkit-box-shadow: 1px 1px 3px #444;
	-moz-box-shadow: 1px 1px 3px #444;
}
.headerMain
{
	height: 71px;
	margin: 0 auto;
	position: relative;
	width: 980px;
}

.logo
{
	float: left;
}
ul.navMain
{
	bottom: 0;
	color: #fff;
	font-weight: bold;
	left: 280px;
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
	position: absolute;
}
ul.navMain li
{
	display: inline-block;
	font-size: 12px;
	float: left;
	height: 39px;
	padding: 4px 3px;
	width: 75px;
	text-align: center;
	line-height: 1.1em;
}
ul.navMain li.selected
{
	background: url('../images/nav-on.gif');
}
ul.navMain a
{
	color: #fff;
	text-decoration: none;
}
/* END HEADER */


.footer
{
	background: #00467e;
	border-top: solid 1px #bebebe;
	border-bottom: solid 1px #bebebe;
	clear: both;
	float: left;
	width: 100%;
}

/* SUB NAV */

.productFinder
{
	color: #fff;
	float: left;
	font-size: 10pt;
	height: 480px;
	padding: 0 0 0 7px;
	width: 180px;
}
.productFinder input[type='checkbox']
{
	margin: 0px 4px;
}
.productFinder h3
{
	color: #fff;
	padding: 4px 0px;
}
.productFinder ul
{
	border-bottom: solid 1px #009add;
	font-size: 9pt;
	list-style-type: none;
	margin: 0;
	padding: 0 0 3px 0;
	width: 165px;
}
.productFinder ul li
{
	height: 17px;
}

.subnav
{
	background: url('../images/subnav-bg.gif') no-repeat 25px 0px;
	float: left;
	width: 190px;	
	padding: 0 0 0 35px;
	height: 510px;
}

ul.subnavLinks
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 180px;
}
ul.subnavLinks li
{

}
.subnavLinks a 
{
	color: #fff !important;
	text-decoration: none;
	display: block;
	margin: 3px 0;
	padding: 4px 8px;
}
.subnavLinks a:hover
{
	background: #003968;
}
.subnavLinks a.selected
{
	background: #003968;
}	

/* END SUB NAV */

/** TABS **/
ul.tabs
{
	list-style-type:none;
	padding: 0;
	margin: 0;
	height: 25px;
	border-bottom: solid 1px #888;
}
ul.tabs li
{
	background: #fff;
	float: left;
	padding-right: 10px;
	height: 25px;
}
ul.tabs a
{
	color: #000;
	display: block;
	text-decoration: none;
	padding: 4px 15px;
}
ul.tabs a.selected
{
	background: #ddd;
}

#tabContainer
{
	padding: 20px 0;
}

.tabContent
{
	border-top: 0;
	clear: left;
	
	width: 100%;
	padding: 15px;
	margin-bottom: 15px;
}

/* END TABS */


.buttons 
{
	margin: 15px 0px;
	width: 100%;
}
#delete
{
	background: #f00;
	color: #fff;
}
.tableStyle td
{
	border:thin;
	border-style: dotted;
	border-color: #0074d4;
	padding: 0px 15px 0px 15px;
}
.tableStyle2
{
	border:thin;
	border-style: dotted;
	border-color: #0074d4;
	padding: 0px 15px 0px 15px;
}
.searchResults 
{
	width: 100%;
}
.searchResults td
{
	border-bottom: solid 1px #555;
	padding: 1px 4px;
}

.details td
{
	border: none;
}
a:link
{
		color:#0074d4;
		text-decoration:none;
}
a:active
{
		color: inherit;
		text-decoration:none;
}
a:visited
{
		color: #0074d4;
		text-decoration:none;
}
.navShadow
{
	background-image: url(images/nav-shadow.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#projectGallery div
{
	float: left;
	height: 200px;
	width: 200px;
	padding: 15px;
}

#branchList div
{
	float: left;
	padding: 20px 10px;
	width: 210px;
	height: 120px;
}

div.autocomplete
{
	position: absolute;
	width: 250px;
	background-color: #fff;
	border: solid 1px #888;
	margin: 0;
	padding: 0;
}
div.autocomplete ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li
{
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
}	

.chipHolder
{
	display: block;
	float: left;
	padding: 5px;
	width: 160px;
}

.tooltip
{
	background: #fff;
	border: solid 1px #999;
	padding: 5px;
}

.panelImages 
{
	text-align: center;
}

.panelImages img
{
	padding: 0 20px;
	vertical-align: middle;
}