/* styles for autismspeaks.org */

/* GENERAL/DEFAULT FONTS		  */
/* ============================== */
body 				{ background-color:#567eb9; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; color: #000000; font-weight: normal;}
hr					{ height:1px; width:100%; margin:6px 0px 6px 0px; }
hr.orange			{ color: #DF772E; }

/* CENTERING AND BORDERS
	Notes:
	Background-color in #wrapper is set by WebPublisher; that below is a default
	IE puts borders over the content box, instead of *around* it, so we define each side of the wrapper-border as its own box
	What the CSS hacks mean:
	#wrapper { height:1 %} -- gets WinIE to think that the wrapper has been sized, causing it to stretch when filled with scalable content
	#prop (width:0px... }  -- provides a "min-height" for WinIE and Safari by "propping up" the wrapper (height specified by WebPublisher as pages are published)
						   -- this technique avoids specifying a fixed height for mozilla (div's don't stretch once height is specified with either a %age or pixel value in these browsers)
						   -- width is 0px because otherwise in WinIE the prop will push down "base" tables (those not nested in absolutely positioned divs)  
	html>body #wrapper	   -- not parseable by WinIE; undoes the "height:1%;" hack so that mozilla/css2 compliant browsers do not incorrectly render the wrapper with a 1% height
	html>body #prop		   -- not parseable by WinIE; undoes the "width:0px;" hack; mozilla/css browsers require a width for the prop to actually prop-up the wrapper
/* ========================================================================================	*/
#wrapper			{ position:absolute; height:1%; overflow:visible; width:780px; left:-390px; margin-left:50%; margin-top:20px; background-color:#ffffff; layer-background-color:#ffffff; }
#border-top			{ position:absolute; left:-4px; top:-4px; width:788px; height:4px; font-size:0px; margin:0px; background-color:#df772e; layer-background-color:#df772e; }
#border-bottom		{ position:absolute; left:-4px; bottom:-4px; width:788px; height:4px; font-size:0px; margin:0px; background-color:#df772e; layer-background-color:#df772e; z-index:1000; }
#border-left		{ position:absolute; left:-4px; top:0px; width:4px; height:100%; margin:0px; background-color:#df772e; layer-background-color:#df772e; }
#border-right		{ position:absolute; right:-4px; top:0px; width:4px; height:100%; margin:0px; background-color:#df772e; layer-background-color:#df772e; }
#prop				{ width:0px; float:right; }

/* Hacks, invisible to IE */
html>body #wrapper	{ height:auto; }
html>body #prop		{ width:1px; }

/* GLOBAL NAV SUBMENUS				*/
/* ================================ */
#homeMenu		{ position:absolute; width:115px; height:auto; left:8px; top:50px; z-index:100; visibility:hidden;}
#informedMenu		{ position:absolute; width:117px; height:auto; left:124px; top:50px; z-index:100; visibility:hidden;}
#involvedMenu		{ position:absolute; width:115px; height:auto; left:239px; top:50px; z-index:100; visibility:hidden;}

/* GLOBAL ELEMENTS					*/
/* ================================ */
#welcome_msg_home	{ position:absolute; left:240px; width:300px; top:140px; padding:1px 4px 0px 0px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:135%; color:#000000; font-weight:normal;}
#globalfooter		{ position:absolute; height:100px; bottom:-112px; right:12px; }

/* MY LIBRARY STYLES				*/
/* ================================ */
#lib-list			{}
#lib-list .head		{ background-color:#df772e; padding:0px; font-size:1px; margin:0;}
#lib-list .cell		{ background-color:#ffffff; padding:20px 12px 22px 12px; border-top:solid 1px #df772e; border-right:solid 1px #df772e; }

/* FORM STYLES						*/
/* ================================ */
.form-input			{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:135%; color:#df772e; font-weight:normal; background-color:#ffffff; border:solid 1px #df772e; }
.form-select		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:135%; color:#df772e; font-weight:normal; background-color:#ffffff; border:solid 1px #df772e; }
.form-button		{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:135%; color:#df772e; font-weight:normal; background-color:#ffffff; border:solid 1px #df772e; }
.status				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; font-weight: bold; color: #5A8102; border:solid 1px #5A8102; padding:0px 0px 0px 2px; }
.error				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; font-weight: normal; color: red; }

/* MISC FORMATTING					  */
/* ===================================*/
.padding-top-2		{ padding-top:2px; }
.padding-top-4		{ padding-top:4px; }
.padding-top-6		{ padding-top:6px; }
.padding-top-8		{ padding-top:8px; }
.padding-top-10		{ padding-top:10px; }

/* TEXT STYLES 						  */
/* ================================== */
.news-promo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #ffffff;
	font-weight: bold;
}
a.news-promo 		{ text-decoration:none; }
a.news-promo:hover	{ text-decoration:underline; }

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #DF772E;
	font-weight: bold;
	line-height: 135%;
}
.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #000000;
	font-weight: normal;
}
.headline-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #567EB9;
	font-weight: bold;
	line-height: 135%;
}
.headline-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #DF772E;
	font-weight: bold;
	line-height: 135%;
}
.headline-yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f1b52a;
	font-weight: bold;
	line-height: 135%;
}
.headline-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8fb143;
	font-weight: bold;
	line-height: 135%;
}
.headline-tiel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #55b39b;
	font-weight: bold;
	line-height: 135%;
}
.subline-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #567eb9;
	font-weight: normal;
}
.leadership-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #567eb9;
	font-weight: normal;
	text-decoration: underline;
}
.leadership-links-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #567eb9;
	font-weight: bold;
	text-decoration: underline;
}
.addtomylibrary-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
	letter-spacing: 1px;
}
.homepage-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 1px;
}
a.homepage-footer {
	text-decoration: none;
}
a.homepage-footer:hover {
	text-decoration: underline;
}
.bodycopy-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #567eb9;
	font-weight: normal;
	text-decoration: underline;
}
.bodycopy-links-black-noul {
	font-family: Arial Medium, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #000000;
	font-weight: normal;
}
a.bodycopy-links-black-noul {
	text-decoration: none;
}
a.bodycopy-links-black-noul:hover {
	text-decoration: underline;
}
.bodycopy-links-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #df772e;
}
.bodycopy-links-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #567eb9;
}
.bodycopy-links-liteblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #5480ac;
}
.bodycopy-links-tiel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #55b39b;
}
.bodycopy-links-yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #f1b52a;
}
.bodycopy-links-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #8fb143;
}
.bodycopy-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #567EB9;
}
.bodycopy-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #8fb143;
}
.bodycopy-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #df772e;
}
.bodycopy-tiel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #55b39b;
}
.bodycopy-yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #f1b52a;
}
.email-large-orange {
	font-family: Arial Medium, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 120%;
	color: #df772e;
	font-weight: bold;
	text-decoration: none;
}
.email-large-orange:hover {
	text-decoration: underline;
}
a.email-large-orange {
	text-decoration: none;
}
a.email-large-orange:hover {
	text-decoration: underline;
}
.footercopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 135%;
	color: #000000;
	font-weight: normal;
}


.appArea {
	width: 500px;
	margin-left: 10px;
	margin-top: 10px;
}


table.ProgressBack {
    padding-right: 0px;
	padding-left: 0px;
        cellspacing:4px;
	border: #567eb9 2px solid;
	background-color: #df772e;
        
}

p.progressItem {
	margin: 2px 3px;
	font-size: 10pt;
	text-align: center;
	background-color: #df772e;
        color:#ffffff;
        
}

td.currentItem {
	background-color: #df772e ;
	color:#00000;
        font-weight: bold;
}

td.nextItem {
	background-color: #df772e;
	
}

td.finishedItem {
	background-color: #df772e;
	color: #ffffff;
        background-image: URL();
	
}


.FormBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #f8f8d9;
	
}

div.FormBox {
	border: #df772e 1px solid;
	background-color: #df772e;
	padding: 0px;
	width: 600px
}


table.FormBox {
	border:#df772e  1px solid;
	border-collapse: collapse;
}

td.nextItem {
	background-color: #df772e;
	background-image: URL();
}


.ObjTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2pt;
        color:#ffffff;
	font-weight: bold;
	margin: 0px 0px 6px;
	padding: 0px;
}