/* ---------------------------------------------
CSISteel.com Screen Style Sheet
author: cyberwoven
version:  2007.11
----------------------------------------------- */


/*-------------------------------------------    



    General Selectors



-------------------------------------------*/

* { margin: 0 auto; padding: 0; color: #242424; line-height: 1.5; }

body { font: normal 12px Arial, Helvetica, Verdana, sans-serif; color: #454545; background:#fff url(../img/bg-body.png) repeat-x top center;; }

img { margin:0; padding:0; border:0; }

	#content img { float:right; margin:0 0 0 15px; padding:0; }

#content > .internalLaunch img { float:left; margin:5px 5px 0px 0; padding:0px; background:#fff; border:1px solid #a8dcf3; }

hr { color: #a8dcf3; background: #a8dcf3; clear: both; border: none 0; border-top: 1px solid #a8dcf3; height: 1px; margin: 15px 0 15px 0; text-align: left; padding: 0; }

blockquote { color:#003a65; background: url(../img/blockquote.png) no-repeat top center; }

p { margin: 10px 0 15px 0; }

.homeLaunch p { font-size:10px; line-height:14px; margin:0; padding:0 0 0 10px; }

p.intro { font: lighter 14px Tahoma, Arial, Verdana, sans-serif; line-height:24px; color:#024864; }

#rightCol ul { margin:0 0 15px 0; padding:10px 0 10px 35px; border: solid; border-color:#d9ddef; border-width:2px 0 2px 0; }

#rightCol li { font: bold 11px Arial, sans-serif; color:#020740; padding-top:4px; }

#rightCol ul li ul { margin:5px 0 5px 0; padding:0; background:none; border:none; }

#rightCol ul li ul li { background:url(../img/bg-ulliulli.gif) no-repeat left 4px; list-style-type:none; padding:0 0 0 10px; }

sup { font-size:8px; }



/*-------------------------------------------    



    Headers



-------------------------------------------*/



.logo { display: none; }

h1 { margin: 22px 0 12px 20px; padding:0; width: 150px; display: inline; height: 51px; text-indent: -9000px; float: left; background:url(../img/h1-logo.png) no-repeat top left; }

h1 a { display: block; height: 51px; width: 150px; margin: 0; position: relative; }

h2 { margin: 0; padding:0; font-size:36px; color:#091055; letter-spacing:-.3px; font-weight:normal; }

#leftCol h2 { margin: 0; padding:0 0 15px 0; font-size:35px; line-height:35px; letter-spacing:-1px; font-weight:bold;  color:#001699; background:url(../img/bg-poster.png) repeat-x bottom left; } 
#leftCol h2 a {color:#001699; text-decoration:none; font-size:35px; line-height:35px;}
#leftCol h2 a:hover {text-decoration:underline;}

h3 { background:#d9ddef; color:#091055; padding:10px; font-size:18px; display:inline; line-height:2; font-weight:normal; }

#lpWrapper h3 { color:#001699; font-size: 18px; font-weight: bold; line-height:18px; margin-bottom:10px; padding:0 0 0 10px; background:none; display:block; font-weight:bold; }

#lpWrapper h4 { color:#242424; font-weight:bold; font-size:11px; text-transform:none; margin:0; padding:0 0 0 10px; background:url(../img/bg-lph4.png) no-repeat 0px 4px; }
#lpWrapper h4 a {color:#001699; text-decoration:none; font-size:12px; padding-bottom:5px; display:block;}
#lpWrapper h4 a:hover {text-decoration:underline; color:#333;}

h5 { font:bold 13px Arial, Verdana, sans-serif; color:#024864; margin:0 0 15px 0; padding:0; }

h6 { font:bold 12px Arial, Verdana, sans-serif; color:#011f3d; margin:20px 0 0 0; padding:0; }




/*-------------------------------------------    



    Anchors



-------------------------------------------*/




a { outline:none; color:#001699; font-weight:bold; text-decoration:underline; }

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




/*-------------------------------------------    



    Navigation and Sub-Navigation



-------------------------------------------*/


ul#topNav { float: right; margin: 0; padding:0;  }

	ul#topNav li { margin:0; padding:0 3px 0px 3px; display: inline; float: left; list-style: none; list-style-image: none !important; background:url(../img/bg-topNavli.png) no-repeat right 6px; }
		
		ul#topNav li.last {  background:none; }
	
		ul#topNav li a { padding: 5px 12px 5px 12px; margin:0; text-decoration: none; font-size: 10px; font-weight: bold; display: block; float: left; color:#001699; height:11px; line-height:11px; }
	
			ul#topNav li a:hover { text-decoration:none; background-color:#001699; color:#fff; }

ul#subNav {margin: 10px 0 30px 0; padding: 0; }
	ul#subNav li {background:url(../img/bg-lph4.png) no-repeat 0px 3px; margin: 5px 0 0 30px; padding: 0; list-style: none; list-style-image: none !important;  }
	ul#subNav li a { margin: 0; padding: 0 0 0 10px; text-decoration: none; line-height: 14px; font-weight: normal; font-size: 14px; }
	ul#subNav li a.active, ul#subNav li a.active:hover {color:#333; font-weight:bold;}

ul#breadCrumb { height: 40px; margin: 0; padding: 0; background:none; border-bottom:1px solid #a8dcf3; }

	ul#breadCrumb li { margin: 0; display: inline; float: left; list-style: none; list-style-image: none !important; font: bold 9px Tahoma, Verdana, Arial, sans-serif; padding: 0 8px 0 0; font-weight: bold; color:#545454; line-height:40px; }
	
	ul#breadCrumb li a { padding: 0 16px 0px 0px; text-decoration: none; font: bold 9px Tahoma, Verdana, Arial, sans-serif; display: block; float: left; color:#028bc0; background:url(../img/blue-arrow.gif) no-repeat right 16px; line-height:40px; }
	
	ul#breadCrumb li a:hover { text-decoration: underline; color:#024864; }

ul#mainNav { clear:both; margin: 0; padding:0; position:relative;  }

	ul#mainNav li { display:inline; background:url(../img/bg-mainNavli.png) no-repeat top right; height:44px; float:left; }
	
	ul#mainNav li a { font-size:12px; padding:0 22px 0 20px; text-decoration: none; height:44px; display:block; float:left; line-height:44px; color:#fff; }
	
	ul#mainNav li a:hover { text-decoration: none; color:#fff; background:url(../img/hover-mainNav.png) no-repeat top right; }
	ul#mainNav li.loginlink {position:absolute; top:0; left :770px; background:url(../img/bg-mainNavli.png) no-repeat top left;}


ul.vertNav { margin: 0 0 25px 0; padding: 0; width:230px;/*min-height:300px; */ }

	ul.vertNav li { background:url(../img/vertNav-bg.png) no-repeat 25px bottom; margin: 0; padding: 0; display: block; list-style: none; list-style-image: none !important; font-size: 10px; line-height:20px; width:230px; }
	
	ul.vertNav li a { margin: 0; padding: 2px 0 2px 25px; text-decoration: none; line-height: 14px; display: block; font-weight: bold; }
	
	ul.vertNav li a:hover { background: url(../img/blue-arrow.gif) no-repeat 15px 7px; }

/*-------------------------------------------    



    Structure



-------------------------------------------*/


#wrapper { width: 950px; margin: 0 auto; }

#pageTop { width: 950px; height:85px; margin:0; padding:0; }

#searchForm { float:right; margin-top:35px; margin-right:20px; display:inline; }

#skip { display:none; }

#topNavContainer { width: 500px; float: left; margin: 36px 0 0 0; padding:0;  }

#pageMiddle { clear:both; margin:0; padding:20px; background:url(../img/bg-pageMiddle.png) no-repeat top left; }

#home #pageMiddle { clear:both; margin:0; padding:20px;  }

#mainNavContainer { background:url(../img/bg-mainNavContainer.png) repeat-x top left; height:56px; }

#colWrapper { background:url(../img/bg-poster.png) repeat-x left bottom; padding:0 0 0 0; background:url(../img/bg-leftCol.png) repeat-y 299px top; }

#leftCol { width:290px; float:left; margin:0; padding:0 11px 0 0; display:inline; }

	#leftCol img { background:url(../img/bg-poster.png) repeat-x bottom left; padding:0 0 12px 0; }

#content { margin:0; padding:0 25px 0 0; }

#rightCol { width:560px; float:left; margin:0 0 0 9px; padding:10px 20px 0 20px; background:url(../img/bg-rightCol.png) repeat-x top left; }

.launchpad { margin-left:25px; }

#content > .launchPad img { float:left; border:none; margin:0 10px 10px 0; padding:0; }

#pageLaunch { margin: 0 auto; padding:0; clear:both; }

#lpWrapper { margin:5px auto 0; padding:7px 0 0 0; width:910px; background:url(../img/bg-poster.png) repeat-x left top; }

.homeLaunch { float:left; width:250px; margin:0 20px 0 0; padding:20px; height:99px; }

	.homeLaunch img { float: right; margin:10px 10px 0 5px; border:1px solid #b9e3f5; }
	
	.last { margin:0; background:url(../img/bg-lptan.png) repeat-x  top left; }
	
	.reflex { background:url(../img/bg-lpreflex.png) repeat-x  top left; }
	
	.gray { background:url(../img/bg-lpgray.png) repeat-x  top left; }

.internalLaunch { float:left; width:250px; margin:0 20px 0 0; padding:20px; height:99px; }

	.internalLaunch img { width:100px; height:100px; }


/*-------------------------------------------    



    Footer



-------------------------------------------*/

#footerWrapper { width:910px; margin:0 auto; background:url(../img/bg-footer.png) repeat-x top left; }

#footerNav { list-style-type: none; margin:0 auto; padding:40px 0 0 0; text-align:left; width:700px; clear:both; float:left; width:700px; }

	#footerNav ul { margin: 5px auto 0; padding: 0; background:none; text-align: left; }

		#footerNav ul li { margin:0; padding:0; display: inline; float: left; list-style: none; list-style-image: none !important; background:url(../img/bg-topNavli.png) repeat-y top right; }
	
			#footerNav ul li a { padding: 0 15px 0 15px; margin:0; text-decoration: none; font-size: 10px; font-weight: bold; display: block; float: left; color:#001699; height:11px; line-height:11px; }
			
				#footerNav ul li a.first { padding: 0 12px 0 0; }
	
				#footerNav ul li a:hover { text-decoration:underline; background-color:none }
				
#footerWrapper p { text-align:center; font-size:10px; }

.siteCredit { float:right; margin-top:40px; font-size:11px; display:inline; }

.contactLine { font-size:11px; }

.copyright { font-size:10px; }


/*-------------------------------------------    



    Poster



-------------------------------------------*/


#poster { width:910px; height:288px; margin:0; padding:0; } 

	/* THESE CLASSES CHANGE THE HOME PAGE POSTER IMAGE */
	
	.laptop { background:url(../img/poster3.jpg) no-repeat 0 0; }
	
	.record { background:url(../img/healthRecord.png) no-repeat 0 0; }
	
	#poster p { position:absolute; margin:120px 0 0 65px; padding:0; width:270px; display:inline-block; }
	
	#poster p a { font-style: italic; }
	
	#poster h3 { margin: 58px 0 0 30px; padding:0; width: 350px; height: 50px; text-indent: -9000px; float: left; border:none; background:none; position:absolute; } 
	
	#poster h3 a { display: block; height: 50px; width: 350px; position: absolute; }

ul#posterNav { margin:20px 0 0 16px; padding:0; float:left; width:60px; position:absolute; }

ul#posterNav li {  margin: 0; padding:0; width: 44px; display: inline; height: 65px; text-indent: -9000px; }

ul#posterNav li a { display: block; height: 65px; width: 44px;  }

#switcher { background:url(../img/poster-big.jpg) no-repeat 0 0; width:567px; height:295px; margin:0; padding:0; }

ul#posterLinks { margin:180px 0 0 65px; padding:0; float:left; position:absolute; list-style: none; list-style-image: none !important; }




/*-------------------------------------------    



    Misc



-------------------------------------------*/


.clear:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }

.clear { display: inline-block;/* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clear { height: 1%; }

.clear { display: block; }

br { clear:both; }

sup { vertical-align:super; font: normal 30% Tahoma, Verdana, Arial, sans-serif; margin-left:2px; }

	#mainNav li a sup { color:#fff; }

.input { font-size: 11px; border-top:1px solid #a5a59c; border-left:1px solid #a5a59c; border-right:1px solid #deded5; border-bottom:1px solid #deded5; width:140px; height:13px; height: 15px; padding:3px; margin:0; }

	.searchInput {  }
	
	.searchbtn { padding:0; margin:0px; }

.textBox { border-top:1px solid #94a3af; border-left:1px solid #94a3af; border-right:1px solid #b1c4d3; border-bottom:1px solid #b1c4d3; width: 430px; margin-bottom: 10px; padding: 4px; }

.input:focus, .dropdown:focus { background: #d9ddef; }

.label { font-weight: bold; padding-top:10px; }

.required, .alert { color: #ee3024; font-weight:bold; }

.dropdown { font-size: 11px; border-top:1px solid #a5a59c; border-left:1px solid #a5a59c; border-right:1px solid #deded5; border-bottom:1px solid #deded5; width:200px; height:20px; padding:1px; margin:0; float:left; }

.unitofcsi {display:block; width:90px; height:20px; float:left; background:url(../img/unitofcsi.gif); text-indent:-9999px; font-size:1px; outline:none;}