html { overflow-y: scroll; }


body {
 background-color: #ffffff; 
 margin: 0;
 padding: 0;
 font: 81.25%/1.3 "Arial";
}


p, b, form {
 padding: 0px;
 margin: 0px;
}


h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 font-style: normal;
 font-weight: bold;
 font-variant: normal;
 text-decoration: none;
}


a.ON {color: #0000ff}


a:focus {
-moz-outline-style: none;
}


span.highlight {background-color: #FFFF66}

span.big {font-size: 14pt}

span.small {font-size: 8pt}


td.quietfooter {color: #444444; font-family: arial; font-size: .7em}
a.footertextbar {color: #006699; font-family: arial; font-size: 8pt}
span.footer {font-family: arial; font-size: 8pt}



table.math {
	color: #00c;
	font-weight: bold;
	text-align: center;
}
table.math td {
	padding: 4px;
}
td.denominator {
	border-top: 1px solid #00f;
}


span.modsubnote {font-size: .86em; color: #0000cc; line-height: 1.3em;}


b.pagetitle {color: #000060;}
b.pagealttitle {color: #000099}


b.ltblue {color: #006699}
b.darkblue { color: #000060}
b.medblue { color:#000099}
b.gray {color: #666666}
b.brightblue {color: #0000ff}
b.maroon {color: #880055}
b.warning {color: #ff0000}
b.green {color: #008800}
b.white {color: #ffffff}
b.math {color:#00c; }


span.ltgrey {color: #999999;}



/* ===== CLEAR FOR KICKERS ===== */

div.clear {
 clear: both;
 height: 0px;
 line-height: 0;
 font-size: 0px;
}



/* ============================================================ */
/* Hide PRINTMSG by default */
/* ============================================================ */

.printmsg { display: none; }






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

/* COLORBLOCK */

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

.colorblock {
	border: 1px solid #669;
	margin-bottom: 2em;
	padding: 0;
	margin: 0;
	font-size: .9em;
}
.colorblock h1 {
	font-size: 1em;
	background-color: #069;
	background-position: top left;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 2px;
	padding-left: 5px;
	border-bottom: 1px solid #999;
}

.colorblock h1.green {
	background-color: #060;
	background-image: url(/images/greenline.gif);
}
.colorblock h1.blue {
	background-color: #006;
	background-image: url(/images/blueline.gif);
}
.colorblock h1.red {
	background-color: #900;
	background-image: url(/images/redline.gif);
}
.colorblock h1.ltblue {
	background-color: #fff;
	background-image: url(/images/ltblueline.gif);
	color: #006;
	background-repeat: repeat-x;
}
.colorblock h1.yellow {
	background-color: #ffcc33;
	background-image: url(/images/yellowline.gif);
	color: #009;
}
.colorblock h1.grey {
	background-color: #006;
	color: #006;
	background-image: url(/images/greyline.gif);
}
.colorblock h1.darkblue {
	background-color: #006;
	background-image: url(/images/darkblueline.gif);
}

.colorblock h1.orange {
	background-color: #006;
	background-image: url(/images/orangeline.gif);
}

.colorblock h2 {
	font-size: .9em;
	color: #006;
	/*background-color: #e6e6d7;*/
	background-image: url(/images/greyline.gif);
	background-color: #ddd;
	margin: 6px 4px 0px 4px;
	padding: 1px;
	padding-left: 3px;
	border-bottom: 1px solid #a0a0a0;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;

}
.colorblock h3 {
	font-size: .9em;
	color: #006;
	/*background-color: #e6e6d7;*/
	margin: 12px 4px 0px 4px;
	padding: 1px;
	padding-left: 3px;
	/*border-bottom: 1px solid #a0a0a0;*/
	

}
.colorblock p {
	margin: 0;
	padding: 8px;
	font-size: .95em;
}

.colorblock table {
	margin: 8px;
	font-size: .95em;
}
.colorblock td {
	padding-left: 5px;
	padding-right: 5px;
}
.colorblock td.lines {
	border-bottom: 1px solid #eed;
	padding-left: 5px;
	padding-right: 5px;
}
.colorblock a {
	/*text-decoration: none;*/
}
.colorblock a:hover {
	text-decoration: underline;
}





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

/* INSET */
/* For inset, don't use <p> tags to keep the bottom padding OK  */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */

.inset {
 width: 75%;
 background-color: #eee;
 border: 1px solid #ddd;
 padding: 12px;
 margin: 16px;
 text-align: left;
}


.inset img {
 border: 1px solid #aaa;
 background-color: #fff; /* Some images are transparent; this prevents the inset background from showing through */
}



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

/* NAVIGATION */

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

#navigation {
	top: 80px;
	left: 0px;
	width: 127px;
	margin-right: 0px;
	padding-bottom: 5px;
	font-size: .86em;
	background-color: #eed;
	margin-bottom: 100px; /* This forces the footer to be lower on the page */
}

#navigation p {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
#navigation td {
	padding: 0;
	margin: 0;
}
#navigation img {
	margin: 2px;
}
#navigation p.usersection {
	margin-top: 0px;
	background: #333;
	color: #3f3;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;

}

#navigation p.navsection {
	margin-top: 10px;
	padding-left: 4px;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-bottom: 1px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#navigation a:link, #navigation a:visited {
	display: block;
	color: #009;
	line-height: 1.8em;
	padding-left: 8px;
	text-decoration: none;
}
#navigation a:hover {
	/*text-decoration: underline;*/
	background-color: #f9f9f9;
	color: #00c;
}

#navigation a.icon, a.lefticon {
	display: inline ! important;
}


/* HELP LINKS */
#navigation a.help {
	display: inline ! important;
	color: #00f;
	padding-left: 4px;
	font-weight: normal;
	font-size: .8em;
}
#navigation a.help:hover {
	background-color: #eed;
}


/* ICON LINKS */
#navigation a.lefticon {
	padding-left: 6px ! important;
}

#navigation a.icon {
	padding-left: 1px ! important;
}
#navigation a.icon:hover, #navigation a.lefticon:hover {
	background-color: #eed;
}

/* SUBLINK - FOR MODULE DETAIL INSIDE NAV BAR */
#navigation a.navsub:link, #navigation a.navsub:visited {
	padding-left: 22px;
	color: #00c;
}

#navigation span.navsuboff {
	padding-left: 22px;
	line-height: 1.8em;
}




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

/* MODULE */

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

#module {
	text-align: left;
	line-height: 1.6em;
	padding-top: 6px;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 20px;
	/*border: 1px dotted red;*/
	
}

#module p, #print p {
	text-indent: 2em;
	margin-bottom: 1.4em;
}
#module p.noindent {
	text-indent: 0;
}

#module b.pagetitle, b.pagealttitle, #print b.pagetitle, b.pagealttitle {
	display: block;
	padding-bottom: 1em;
}

#module table, #module img.general {
 margin-bottom: 16px;
}




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

/* PREVIEW  (A couple of little things for the preview screens) */

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

div#preview {
 margin-right: 0px;
}


div#preview div.previewbreak {
	clear: right;
	margin-top: 0px;
	margin-bottom: 10px;
	border-top: 3px double #999;

}

div#preview span.previewtitle {
	font-weight: bold;
	font-size: 1.2em;
}


table#preview_tabs {
 margin-bottom: 0px;
 clear: both;
 width: 100%;
}
table#preview_tabs td a {
 text-decoration: none;
}

table#preview_tabs td {
 border-bottom: 1px solid #666;
 font-size: .83em;
 font-weight: bold;
 padding: 1px 4px 0px 4px;
 vertical-align: middle;
 text-align: center;
}

table#preview_tabs td.tab {	
 background-image: url(/images/greyline.gif);
 border: 1px solid #666;
}

table#preview_tabs td.spacer {	
 width: 6px ! important;
 padding: 0px;
 margin: 0px;
}

div#preview_buybutton {
	float: right;
	border-top: 1px solid #aaa;
	border-right: 1px solid #666;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #666;
	padding: 2px 6px 2px 6px;
	font-size: .86em;
	line-height: 1.6em;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 15px;
	background-color: #eee;
}


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

/* GRADIENT  (This is only implemented in html.lib pages at the moment) */

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

#gradient {
	background-image: url(/images/middlelinebar5.gif);
	background-repeat: repeat-x;
	height: 19px;
}







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

/* MODULE_PAGE_LEFT MENU (top and bottom) */

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

#module_page_navigation, #module_bottom_leftmenu {
	width: 127px;
	border-right: 1px solid #999;
	background-color: #eed;
}



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

/* MODULE_PAGE_NAVBAR (TOP / BOTTOM) */

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

#module_page_navbar {
	background-image: url(/images/sco_lm.gif);
	background-repeat: repeat-x;
	color: #b9b9b9;
	height: 27px;
	text-align: center;
	border-bottom: 1px solid #999;
}

td.module_navsection {
	padding-left: 20px;
	padding-right: 20px;
	font-size: .86em;
	border-right: 1px solid #777;
}


#module_page_navbar select {
	color: #444;
	font-size: 1.2em;
}


/* Link Underlines */

#module_page_navbar a {
 color: #eee;
 border-bottom: 1px solid #666;
 text-decoration: none;
}

#module_page_navbar a:hover {
 color: #fc3;
 border-bottom: 1px solid #fc3;
}



#module_page_bottom_navbar {
	border-top: 1px solid #333;
	background-image: url(/images/greyline.gif);
	background-repeat: repeat-x;
	color: #225;
	height: 26px;
	padding: 3px 0px 3px 0px;
}
#module_page_bottom_navbar a {
 color: #00f;
 text-decoration: none;
 border-bottom: 1px solid #999;
}
#module_page_bottom_navbar a:hover {
 color: #00f;
 border-bottom: 1px solid #00f;
}




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

/* MODULE_INSTRUCTIONS */

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

#module_instructions {
	text-align: center;
	display: none;
	margin-left: -25px;
	margin-right: -25px;
	line-height: 1.2em;
}
#module_instructions table {
 border-collapse: collapse;
}

#module_instructions td {
 font-size: .86em;
 vertical-align: top;
 padding: 0px 20px 0px 20px;
 border-left: 1px dotted #bba;
}
#module_instructions td.first {
 border-left: 0px;
}

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

/* MODULE_COPYRIGHT */

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

#module_copyright {
	text-align: right;
	font-size: .8em;
	color: #aaa;
	padding: 2px 5px 0px 0px ! important;
	margin-bottom: 4px;
	line-height: 1.2em;
}

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

/* MODULE_TABLE */

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

table.module_table {
	font-family: Arial, sans-serif;
	border: 1px solid #999;
	font-size: .95em;
	background-color: #ccc;
	line-height: 1.3em;
}
table.module_table td {
	text-align: center;
}
table.module_table tr.test td {
	text-align: left;
}
table.module_table tr.left td {
	text-align: left;
}
table.module_table tr {
	background-color: #fff;
}
table.module_table tr.header {
	background-color: #006;
	background-image: url(/images/darkblueline.gif);
	background-position: top left;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: .9em;
	line-height: 1.2em;
}
table.module_table tr.header_red {
	background-color: #900;
	background-image: url(/images/redline.gif);
	background-position: top left;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.2em;
}
table.module_table tr.header_green {
	background-color: #090;
	background-image: url(/images/greenline.gif);
	background-position: top left;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.2em;
}
table.module_table tr.header_grey {
	background-color: #999;
	background-image: url(/images/greyline.gif);
	background-position: top left;
	font-weight: bold;
	text-align: center;
	color: #006;
	line-height: 1.2em;
}


table.module_table td.subheader {
	background-color: #eeeedd;
	font-weight: bold;
	text-align: center;
	color: #009;
}
table.module_table td.internet_impact {
	font-weight: bold;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #444;
}
table.module_table td.internet_impact .small {
	font-weight: normal;
	color: #069;
}

table.module_table td.dim {
	background-color: #dddddd;
}


table.module_table p {
 font-size: .9em;
 line-height: 1.5em;
 padding-top: 2px;
}




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

/* FEEDBACK TABLE */

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

table.feedback {
 font-size: .85em;
 line-height: 1.3em;
 border-right: 1px solid #bcb;
 border-left: 1px solid #bcb;
 border-bottom: 1px solid #bcb;

}
table.feedback td {
 border-top: 1px solid #bcb;
 padding: 8px;
}
table.feedback td.left {
 background-color: #eed;
 text-align: right;
}





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

/* LISTS */

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

ul.arrow { 
 list-style-image: url("/images/list_bullet.gif"); 
 padding-left: 20px;
 margin-left: 40px;
}
ul.arrow li {
 padding-bottom: 6px;
 margin-bottom: 10px;
 color: #00a;
 font-weight: bold;
}

ul.nobold li {
 font-weight: normal;
}

ul.arrow p {
 padding-top: 2px;
 font-size: .85em;
 margin-bottom: 0 !important; /* Overrides the margin-bottom on #module p */
}
ul.arrow p.green {
 color: #074;
 font-family: Arial !important; /* Overrides inline p style for SANS in html.lib */
 font-size: .85em !important; /* Overrides inline p style for SANS in html.lib */
 font-weight: normal;
 text-indent: 0 ! important;
 padding-left: 10px;
}



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

/* FOOTER */

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

#footer {
 clear: both;
}