/** main.css
 * 
 *  Main CSS styles for HDSA website
 * 
 *
 **/



body {

	margin:0;

	padding:0;

	background:#fff;

	color: #626262;

	font-family:Arial, Helvetica, sans-serif; 

	}

img {border:0;}

fieldset {border:none;}



/* @LINKS 

====================================================================================== */

a, a:link { color: #003663; }

a:hover { color: #003471; }



a.readmore {

	font-family : Arial, Helvetica, sans-serif; 

	font-size : 12px;

	text-decoration: underline;

	color: #464646;

}

a.readmore-right {

	font-family : Arial, Helvetica, sans-serif; 

	font-size : 12px;

	text-decoration: underline;

	color: #464646;

	float:right;

	margin-top:-10px;

}

a.readmore:hover { color: #094284; }

a.readmore-right:hover { color: #094284; }






/* @TYPOGRAPHY

====================================================================================== */

h1 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 20px; color: #252525;margin-bottom: 0; margin-top: 0;}

h2 {
	font-weight: normal;
	font-family: Verdana;
	letter-spacing: -1px;
	font-size: 16px;
	color: #252525;
	margin-bottom: 0;
	margin-top: 0;
}

h3 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 16px; color: #252525; margin-bottom: -5px; margin-top: 0;}

h4 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 15px; color: #003471; margin-bottom: 0; margin-top: 0;}

h5 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 16px; color: #003471; margin-bottom: -12px; margin-top: -8px; }

h6 {

	font-weight: normal;

	font-family: "Arial Black";

	letter-spacing: -1px;

	font-size: 22px;

	color: #FF4500;

	margin-bottom: -5px;

	margin-top: 0;

}

body.subpage div#content ul li h2 a {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 18px; color: #252525; text-decoration: none; margin: 0;}

body.subpage div#content ul li h2 a:hover { text-decoration: underline; }

body.subpage div#content ul li h5 { margin-top: 3px;}



/* PRIMARY @LAYOUT DIVS

====================================================================================== */

div#container {

	width:960px;

	margin:0 auto;

	}

div#header {

	width:960px;

	}

div#content {

	clear:both;

	width:960px;

	}

div#footer {

	position: relative;

	clear:both;

	font-size:10px;

	background: #eff6fc;

	margin-top: 10px;

	padding-top: 10px;

	height: 23px;

	bottom:0;

7}

		

/* @MASTHEAD - includes header/branding, utility navigation, search form

====================================================================================== */



/* utility @nav */

div#utility {

	position:relative;

	background: url(/images/utility_bar.jpg);

	height: 24px;

	margin-bottom: 10px;

	padding-top:6px;

}

div#utility ul {

	margin-left: 0;

	padding-left: 60px;

	display: inline;

	color: black;

	font-size: 11px;

} 

div#utility ul li {

	margin-left: 0;

	margin-right: 10px;

	padding: 0 0 0 13px;

	border-left: 1px solid #3e4a85;

	list-style: none;

	display: inline;

	color: #363636;

	text-decoration:none;

}

div#utility ul li a {

	color: #363636;

	text-decoration:none;

}

div#utility ul li a:hover {

	text-decoration:underline;

}

div#utility ul li a.smaller {

	color: #0c3f7a;

	font-size: 10px;

}

div#utility ul li a.bigger {

	color: #003471;

	font-size: 16px;

}

div#utility ul li.first {

	margin-left: 0;

	border-left: none;

	list-style: none;

	display: inline;

}

div#utility ul li#text-size {

	margin-right: 5px;

}

div#utility ul li.last {

	border-left: 0;

	padding-left: 0px;

}

div#utility ul li#aA {

	width: 27px;

}







/* main nav - image replaced

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

ul#menu {

	float:left;

	margin:0 0 8px 0;

	width:960px;

	padding:0;

	font-size:11px;

	list-style:none;

	}

ul#menu li {

	position:relative;

	float:left;

	margin:0 0px 0 0;

	width:132px;

	height:60px;

	padding:2.5px;

	}
ul#menu li#navAbout {margin:0px;}

ul#menu li#navDetails {margin:0px;}

ul#menu li#navDonate {margin:0;}

ul#menu li#navMedia {margin:0;}

ul#menu li#navSponsor {margin:0;}

ul#menu li#navHuntingtons {margin:0;}

ul#menu li#navContact {margin:0;}

ul#menu li a {

	display:block;

	background:#fff;

	color:#fff;

	}

ul#menu a em {

	display:block;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:url(/images/buttons/about.gif) 0 0 no-repeat;

	cursor:pointer;

	}

/* backups for images off / css on 

ul#menu a:hover {background-color:#b7d7f1; color:#000;}
*/


/* unique IR 

li#navResearch a em {background-position:-242px 0;}

li#navLiving a em {background-position:-485px 0;}

li#navHow a em {background-position:-727px 0;}

*/

li#navDetails a em {background:url(/images/buttons/details.gif) 0 0 no-repeat;}

li#navDonate a em {background:url(/images/buttons/donate.gif) 0 0 no-repeat;}

li#navMedia a em {background:url(/images/buttons/media.gif) 0 0 no-repeat;}

li#navSponsor a em {background:url(/images/buttons/sponsor.gif) 0 0 no-repeat;}

li#navHuntingtons a em {background:url(/images/buttons/huntingtons.gif) 0 0 no-repeat;}

li#navContact a em {background:url(/images/buttons/contact.gif) 0 0 no-repeat;}

li#navAbout a:hover em, li#navAbout a:hover em {background:url(/images/buttons/aboutover.gif) 0 0 no-repeat;}

li#navDetails a:hover em, li#navDetails a:hover em {background:url(/images/buttons/detailsover.gif) 0 0 no-repeat;}

li#navDonate a:hover em, li#navDonate a:hover em {background:url(/images/buttons/donateover.gif) 0 0 no-repeat;}

li#navMedia a:hover em, li#navMedia a:hover em {background:url(/images/buttons/mediaover.gif) 0 0 no-repeat;}

li#navSponsor a:hover em, li#navSponsor a:hover em {background:url(/images/buttons/sponsorover.gif) 0 0 no-repeat;}

li#navHuntingtons a:hover em, li#navHuntingtons a:hover em {background:url(/images/buttons/huntingtonsover.gif) 0 0 no-repeat;}

li#navContact a:hover em, li#navContact a:hover em {background:url(/images/buttons/contactover.gif) 0 0 no-repeat;}



/* main content div

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

body.home div#content {

	position: relative;

	min-height:1%;

	display: inline-block;

	background: url(/images/home/content_bg.gif) 0 0 repeat-y;

}





body.home div#content ul {

	padding:0;

	padding-bottom: 0px;

}

body.home div#content ul li {

	margin: 0px;

	margin-bottom: 10px;

	padding: 0px;

	list-style: none;

}

body.home div#content ul li a {

	color: #003663;

	text-decoration: underline;

	font-size: 16px;

	line-height: 1.3em;

}





body.home div#content div#leftcol {

	float:left;

	left: 0px;

	width: 714px;

	padding: 10px 25px 15px 23px;

	padding-left:23px;

	margin-right: 9px;



}



body.home div#content div#leftcol ul { }

body.home div#content div#leftcol ul li { padding-bottom: 8px; 		line-height: 1.3em;}

body.home div#content div#leftcol ul li a { font-size: 16px; text-decoration: none;}

body.home div#content div#leftcol ul li a:hover { color: #09528e; text-decoration: underline;}



body.home div#content div#middlecol {

	font-family: "Times New Roman", Times, Helvetica, serif;

	color: #000000;

	font-size: 14px;

	line-height: 1.3em;

	

	float:left;

	left: 486px; top: 0;

	padding: 8px 18px 18px 18px;

	width: 194px; height: auto;

	margin-right: 10px;

}



body.home div#content div#middlecol ul { }

body.home div#content div#middlecol ul li { }

body.home div#content div#middlecol ul li a {

	font-family: "Times New Roman", serif;

	color: #002157;

	font-size: 16px;

}

body.home div#content div#middlecol ul li a:hover { color: #09528e; }







body.home div#content div#rightcol {

	position: relative;

	float:right;

	width: 234px;

	margin-top: 2px;

}



/*--- Gradient box CSS ---*/



.shadow, .gradient-box {

	position: relative;

	bottom: 3px;

	right: 2px;

}



div.shadow {

	width: 219px;

	background-color: #b1c0c9; /*shadow color*/

	color: inherit;

	margin-left: 5px;

	margin-bottom: 10px;

}



div.gradient-box {

	background: #fff url(/images/gradient.jpg) 0 0 repeat-x;

	width: 154px;

	padding: 9px 29px 10px 34px;

	margin-top: 4px;

}

div.gradient-box p {

	font-family : "Times New Roman", Times, Helvetica, serif;

	font-size: 14px;

	color: #003471;

	line-height: 1em;

}

div.gradient-box a.readmore {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	text-decoration: underline;

	color: #464646;

	float:right;

	margin-right: 5px;

}

div.gradient-box a.readmore:hover { color: #094284; }



/*--- End Gradient box CSS ---*/











/*--- Footer CSS ---*/

div#footer div#copyright {position:relative; float:left; left: 0; padding-left: 10px; }



div#footer div#footer-nav {

	position:relative; float:right; right: 0;

	text-align: right;

}



div#footer div#footer-nav ul {

	margin-left: 0;

	display: inline;

	font-size: 10px;

} 



div#footer div#footer-nav ul li {

	margin-left: 0;

	padding: 0px 10px;

	list-style: none;

	display: inline;

}

div#footer div#footer-nav ul li a {

	color: #626262;

	text-decoration:none;

}

div#footer div#footer-nav ul li a:hover {

	text-decoration:underline;

}

	

	

div#footer div#footer-nav ul li.first {

	margin-left: 0;

	border-left: none;

	list-style: none;

	display: inline;

}





/*--- End Footer CSS ---*/





/*--- subpage styling ---*/



body.subpage div#content {

	position: relative;

	min-height: 10px;

	padding: 48px 0 46px 0;

	display: inline-block;

    background: url(/images/subpage/content_bg.gif) 0 0 repeat-y;

    width: 960px;



        

}



body.subpage div#content ul {

	padding: 0;

	padding-bottom: 7px;

}

body.subpage div#content ul li {

	margin: 0px;

	margin-bottom: 10px;

	padding: 0px;

	list-style: none;

	margin-bottom: 27px;

}





body.subpage div#content div#leftcol {

	float:left;

	left: 0px;

	width: 620px;

	padding: 0px 25px 0 48px;

	border-right: 0px #b0b2cd solid;

}



body.subpage div#content div#middlecol {

	float:left;

	left: 233px; top: 0;

	padding: 0px 25px 0 52px;

	width: 250px; height: auto;

}





body.subpage div#content div#rightcol {

	position: relative;

	float:right;

	width: 234px;

	margin-top: -46px;

}





body.subpage div#content ul li a.readmore {

	font-family : Arial, Helvetica, sans-serif;

	font-size : 10px;

	text-decoration: underline;

	color: #464646;

}

body.subpage div#content ul li a.readmore:hover { color: #09528e; }





/*-- End subpage styling ---*/











/*--- details styling ---*/



body.details div#navAbout  {

	background: url(/images/nav/about_active.gif) no-repeat;

}



body.details div#content {

	position: relative;

	min-height: 476px;

	display: inline-block;

    background: url(/images/details/content_bg.gif) 0 0 repeat-y;

}     



body.details div#content img.topleft-img, div#player { float: left; margin-right: 13px; margin-bottom: 0px; }

body.details div#content img.researcher-img { position: relative; margin-right: 20px; }

body.details div#content span#researcher-name { margin: 0; font: 16px "Times New Roman", "Times", Helvetica, serif; color: #252525; letter-spacing: 1px;}

body.details div#content span#researcher-university, body.details div#content a#researcher-university { text-decoration: none; font-size: 13px; margin: 0;font-weight: normal; font-family : Arial, Helvetica, sans-serif; color: #003471; }

body.details div#content a#researcher-university:hover { text-decoration: underline; }



body.details div#content ul {

	padding:0;

	padding-bottom: 7px;

}

body.details div#content ul li {

	margin: 16px;

	margin-bottom: 10px;

	padding: 0px;

	

}

body.details div#content ul li a {

	color: #003663;

	text-decoration: underline;

	font-size: 15px;

}





body.details div#content div#leftcol {

	float:left;

	left: 0px;

	width: 185px;

	padding: 10px 25px 15px 14px;

	margin-right: 9px;

}



body.details div#content div#leftcol ul.parent li { padding-bottom: 0; margin: 0; list-style: none; margin-bottom: 4px;}

body.details div#content div#leftcol ul.parent li a { text-decoration: none; color: #363636; font-size: 13px;}

body.details div#content div#leftcol ul.parent li.active a { color: #003471;}

body.details div#content div#leftcol ul.parent li a:hover { color: #003471;}

body.details div#content div#leftcol ul.parent li ul.child { margin-left: 31px; margin-bottom: 0; padding-bottom: 3px;}

body.details div#content div#leftcol ul.parent li ul.child li { margin-bottom: 0; }

body.details div#content div#leftcol ul.parent li ul.child li a { color: #000; font-size: 10px; }

body.details div#content div#leftcol ul.parent li ul.child li.active a { color: #003471; }

body.details div#content div#leftcol ul.parent li ul.child li a:hover { color: #003471;}

body.details div#content div#leftcol ul.parent li ul.child li ul.child { margin-left: 15px; margin-bottom: 0; padding-bottom: 3px;}

body.details div#content div#leftcol ul.parent li ul.child li ul.child li { margin-bottom: 0; }

body.details div#content div#leftcol ul.parent li ul.child li ul.child li a { color: #000; font-size: 9px; }

body.details div#content div#leftcol ul.parent li ul.child li ul.child li.active a { color: #003471; }

body.details div#content div#leftcol ul.parent li ul.child li ul.child li a:hover { color: #003471;}



body.details div#content div#middlecol {

	font-family: "Times New Roman", Times, Helvetica, serif;

	color: #000000;

	font-size: 14px;

	line-height: 1.3em;

	

	float:left;

	left: 233px; top: 0;

	padding: 18px;

	padding-top:8px;

	width: 438px; height: auto;

	margin-right: 10px;

}



body.details div#content div#middlecol p {

	font-family: "Times New Roman", Times, Helvetica, serif;

	color: #000000;

	font-size: 14px;

	line-height: 1.3em;

	padding: 0; margin: 0;	

}

body.details div#content div#middlecol ol {

	font-family: "Times New Roman", Times, Helvetica, serif;

	color: #000000;

	font-size: 14px;

	line-height: 1.3em;

	padding: 0; margin: 0;

}





body.details div#content div#middlecol img#therapies-in-pipeline { margin-left: -16px; }



/* Two column CSS */

	body.details div#content div#middlecol div#middlecol-container1  {

		margin-top: 10px;

		position: relative;

	}



	body.details div#content div#middlecol div#middlecol-container1 div#middlecol-leftcol1 {

		float: left;

		width: 217px;

		margin-right: 10px;

	}



	body.details div#content div#middlecol div#middlecol-container1 div#middlecol-rightcol1 { }



	body.details div#middlecol div#middlecol-container1 h1, 

	body.details div#middlecol div#middlecol-container1 h2,

	body.details div#middlecol div#middlecol-container1 h3,

	body.details div#middlecol div#middlecol-container1 h4,

	body.details div#middlecol div#middlecol-container1 h5,

	body.details div#middlecol div#middlecol-container1 h6 { margin: 0; }





	body.details div#content div#middlecol div#middlecol-container2  {

		margin-top: 10px;

		position: relative;

	}





	body.details div#content div#middlecol  div#middlecol-container2 div#middlecol-leftcol2 {

		float: left;

		width: 217px;

		margin-right: 10px;

	}



	body.details div#content div#middlecol  div#middlecol-container2 div#middlecol-rightcol2 { }

	

	body.details div#middlecol div#middlecol-container2 h1, 

	body.details div#middlecol div#middlecol-container2 h2,

	body.details div#middlecol div#middlecol-container2 h3,

	body.details div#middlecol div#middlecol-container2 h4,

	body.details div#middlecol div#middlecol-container2 h5,

	body.details div#middlecol div#middlecol-container2 h6 { margin: 0; }







body.details div#content div#middlecol ul { }

body.details div#content div#middlecol ul li { }

body.details div#content div#middlecol ul li a {

	font-family: "Times New Roman";

	color: #002157;

	font-size: 15px;

}







body.details div#content div#rightcol {

	position: relative;

	float:right;

	width: 234px;

	margin-top: 2px;

}





/*-- End details styling ---*/















/*--- Begin map styling ---*/



body.map div#content {

	position: relative;

	min-height:10px;

	padding:0px 0 46px 0;

	display: inline-block;

   	background: url(/images/subpage/content_bg.gif) 0 0 repeat-y;



}





body.map div#content ul {

}

body.map div#content ul li {

}

body.map div#content ul li a {

	color: #003663;

	text-decoration: underline;

	font-size: 14px;

}





body.map div#content div#leftcol {

	position: relative;

	float:left;

	width: 638px;

	padding: 17px 0 0 77px;

}

body.map div#content div#leftcol h2 { margin-bottom: -8px; }

body.map div#content div#leftcol p {

	font-family: "Arial", "Helvetica", sans-serif;

	font-size: 12px;

	color: #363636;

	

}

body.map div#content div#leftcol div#mapdiv {

	margin-left: -10px;

}



body.map div#content div#rightcol {

	position: relative;

	float:right;

	width: 234px;

	margin-top: 2px;

	top: 0;

}



/*-- End map styling ---*/







/* clearfix courtest of http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */









#middlecol .pager {

	margin: 5px 0;

	padding: 2px;

	

	width: 426px;

	height: 15px;

	

	font-size: 10px;

	line-height: 13px;

	font-weight: bold;

	

	background-color: #8cc63f;

	color: #fff;	

}



#middlecol .pager-bottom {

	margin: 30px 0 0 0;

}



#middlecol .pager ul { 

	margin: 0; 

	padding: 0;

}



#middlecol .pager li { 

	margin: 0; 

	padding: 0;

	

	list-style: none;

}



#middlecol .pager li a { 

	color: #fff;

}



#middlecol .pager li.prev {

	float: left;

	

}



#middlecol .pager li.next {

	float: right;

	

}



#middlecol #product-details #product-details-styles { 

	width: 190px;

}



#product-rightcol { 

	float: right;



	color: #252525;

	margin: 0;

	font-size: 12px;

	

	padding: 0;

	

	width: 208px;

}

body.shop #product-rightcol p { 

	color: #252525;

	margin: 0;

	font-size: 12px;

}





body.shop table.account-home h2 a:hover {

	text-decoration: underline;

}



ul.upcoming-events { 

	margin: 1em 0 0 0.5em; 

	padding: 0;

}



ul.upcoming-events li { 

	margin-bottom: 0.5em;

	list-style: none;

}



body.shop ul.upcoming-events li a { 

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

}



body.shop .account-home a.morelink { 

	text-decoration: none;

}





/* END: My Account */



/*-- Events specific styling --*/



body.events div#content div#leftcol { padding: 25px 0 0 35px; width: 195px; min-height: 200px;}

body.events div#content div#leftcol h2 { color: #003471; letter-spacing: 0; font-size: 20px; }

body.events div#content div#leftcol form input.button { margin: 0px 0 0 0; float: left; }

body#events.events div#content div#leftcol dl dd { margin: 2px 0 15px 0;}

body#events.events div#content div#leftcol form select.frmSelect { border: 1px solid #5a5758; width: 83px;}



body.events div#content div#middlecol { width: 684px; line-height: 1.5em; }

body.events div#content div#middlecol h1 { font-size: 28px; margin: 20px 0 15px 0; }

body.events div#content div#middlecol h2 { font-size: 26px; color: #003471; margin: 50px 0 25px 0; }

body.events div#content div#middlecol h3 { font-size: 19px; margin-bottom: 1px;}

body.events div#content div#middlecol h4 { margin: 0 0 15px 20px; }

body.events div#content div#middlecol h5 { margin: 0; color: #252525; }

body.events div#content div#middlecol h6 { margin: 0 0 0 0; font-size: 22px; color: #003471; }

body.events div#content div#middlecol em, body.events div#content div#middlecol dd { color: #003471; font-style: normal; font-size: 13px; }

body.events div#content div#middlecol dl dt { float: left; clear: left; margin-right: 10px; }

body.events div#content div#middlecol div hr { width: 95%; height: 1px; border: 0; border-bottom: 1px solid #918f8f; margin-top: 35px; margin-bottom: 25px; }



body.events div#content div#middlecol div#description { margin: 8px 0 0 0; } 

body.events div#content div#middlecol div#description h1 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #252525; font-size: 28px; margin: 0; }

body.events div#content div#middlecol div#description h2 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 26px; color: #003471; margin: 0; }

body.events div#content div#middlecol div#description h3 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 16px; color: #252525; margin: 0;}

body.events div#content div#middlecol div#description h4 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; color: #003471; font-size: 19px; margin: 0;}

body.events div#content div#middlecol div#description h5 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 14px; color: #252525;  margin: 0; }

body.events div#content div#middlecol div#description h6 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 22px; color: #003471; margin: 0;}













/*-- End Events specific styling --*/







/*--- End Shop & Events styling ---*/





/*--- Begin sitemap styling ---*/



body.sitemap div#content {

	position: relative;

	min-height:10px;

	padding: 0px 0 46px 0;

	display: inline-block;

   	background: url(/images/subpage/content_bg.gif) 0 0 repeat-y;



}



body.sitemap div#content ul {

}

body.sitemap div#content ul li {

}

body.sitemap div#content ul li a {

	color: #003663;

	text-decoration: underline;

	font-size: 14px;

}





body.sitemap div#content div#leftcol {

	float:left;

	left: 0px;

	width: 615px;

	padding: 19px 25px 5px 75px;

}



body.sitemap div#content h2 { letter-spacing: 0px; margin-bottom: -5px; }

body.sitemap div#content h2#title { margin-bottom: 22px; }



body.sitemap div#content div#leftcol p {

	font-family: "Arial", "Helvetica", sans-serif;

	font-size: 12px;

	color: #252525;

	margin-bottom: -5px;

}



body.sitemap div#content a { color: #003471;}



body.sitemap div#content div#rightcol {

	position: relative;

	float:right;

	width: 234px;

	margin-top: 2px;

	top: 0;

}



body.sitemap div#content div#return {

	position: absolute;

	clear:both;

	bottom: 22px;

	right: 282px;

}

body.sitemap div#content div#return a {

	font-family: "Arial", "Helvetica", sans-serif;

	color: #252525;

	text-decoration: none;

	font-size: 15px;	

}

body.sitemap div#content div#return a:hover {

	text-decoration: underline;

}



/*-- End sitemap styling ---*/



/*-- Begin Form styling --*/


/*-- End Form styling --*/





/*-- Extranet styling --*/

body.extranet h1 { font-size: 34px; margin: 0 0 3px 0; }

body.extranet h2 { font-size: 26px; margin: 0 0 5px 0; }



body.extranet #description h1 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 20px; color: #252525;margin-bottom: 0;}

body.extranet #description h2 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 18px; color: #252525; margin-bottom: 0;}

body.extranet #description h3 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 16px; color: #252525; margin-bottom: -5px;}

body.extranet #description h4 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 15px; color: #003471; margin-bottom: 0;}

body.extranet #description h5 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; font-size: 14px; color: #003471; }

body.extranet #description h6 {font-weight: normal; font-family : Arial, Helvetica, sans-serif; letter-spacing: -1px; font-size: 15px; color: #252525; margin-bottom: -5px;}



body.extranet #description p {

	font-family: "Times New Roman", Times, Helvetica, serif;

	color: #000000;

	font-size: 14px;

	line-height: 1.3em;

	padding: 0 !important; margin: 0 !important;

	margin-bottom: 0px !important;

}



body.extranet div#content {

	position: relative;

	min-height: 476px;

	display: inline-block;

	font-size: 13px; font-family: Helvetica, sans-serif;

	color: #252525;

   	background: url(/images/details/content_bg.gif) 0 0 repeat-y;

}



body.extranet div#content div#extranet-subnav {

	float:left;

	left: 0px;

	width: 185px;

	padding: 10px 25px 15px 14px;

	margin-right: 9px;

	font-size: 15px;

}

body.extranet div#content div#extranet-subnav ul#subnav-list { float:left; margin: 0; padding: 0; }

body.extranet div#content div#extranet-subnav ul#subnav-list li { margin-left: 0; list-style: none; margin: 0 0 5px 10px;}





body.extranet div#content div#extranet {

	float:left;

	left: 233px; top: 0;

	padding: 18px;

	padding-top:8px;

	width: 681px; height: auto;

	margin-right: 10px;

}

body.extranet div#content dd, body.extranet div#content textarea#comment { margin: 2px 0 4px 0; }



body.extranet div#content input.submit,

body.extranet div#content input#doc_filter_go{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #252525;

	text-decoration: none;

	margin-left: 0px;

	background: #dee5eb;

	border: 1px outset #b0b2cd;

	padding: 2px 4px 2px 4px;

}

body.extranet div#content input.submit:active,

body.extranet div#content input#doc_filter_go:active { border: 1px inset #b0b2cd; }



body.extranet div#content div.category div.name { margin: 0 0 5px 0; font-weight: bold; }



body.extranet div#content div.project { margin: 0 0 0 6px; }

body.extranet div#content div.projdate { margin: 1px 0 8px 0; font-style: italic; }



body.extranet div#content div#add-button,

body.extranet div#content div.filter { margin-bottom: 10px; }



body.extranet div#content div.document { padding: 10px 10px 10px 10px; border: 1px solid #b0b2cd; margin-bottom: 10px;}

body.extranet div#content div.document div.category,

body.extranet div#content div.document div.info { margin-left: 20px; margin-top: 3px; }



body.extranet div#content div.document div.category { margin-bottom: 5px; }



body.extranet div#content div.document div.comments { margin: 5px 0 0 20px; }

body.extranet div#content div.document div.comment { margin: 5px 0 5px 30px;}

body.extranet div#content div.document div.comment div.title { font-weight: bold; }

body.extranet div#content div.document div.comment div.text { margin: 2px 0 5px 0px; }



body.extranet div#content input.textbox {width: 275px; border: 1px #b5c5d3 solid;  font-size: 12px; height: 15px; padding: 3px 0 3px 2px; }

body.extranet div#content textarea  {border: 1px #b5c5d3 solid;  font-size: 12px; padding: 3px 0 3px 2px; }

body.extranet div#content textarea#new_doc_desc { margin-left: 0; }









/*-- End Extranet styling --*/







/* =MISC 

====================================================================================== */

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

P.I.E. FLOAT CLEARING - non-IE browsers only

See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

  content: ".";

  height: 0;

  visibility: hidden;

  display: block;

  clear: both;

}



#page-error { 

    color: maroon;

    font-size: 14px;

    font-weight: bold;

    border: 1px solid red;

    padding: 20px;

    margin-bottom: 10px;

    background: pink;

    width: 80%;

}



body.shop #page-error { 

    position: absolute;

    margin: 20px 0 0 10px;

    width: 50%;

}



body#signin.shop div#content div.form-leftcol.hasError { 

    margin-top: 94px;

}



body#signin.shop div#content div.form-rightcol.hasError { 

    margin-top: 203px;

}



body#shipping div#content div#colwrapper.hasError { 

    padding-top: 114px;

}



body#billing div#content div.checkout.hasError { 

    padding-top: 114px;

}



body#checkout div#content div#checkout-wrapper.hasError { 

    padding-top: 114px;

}