* {
 margin: 0;
 padding: 0;
}

/* Set attributes for gravity footer */
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
#content { padding-bottom: 3em; }
/* End Set attributes for gravity footer */


body {
 background-color: #fff;
 font-family: Verdana, Tahoma, Arial, Verdana, Helvetica, sans-serif;
 color: #282928;
 font-size: .82em;
 padding: 0 8px;
}

/* Style for account pages */
body.account p {
 font-size: .86em;
 display: block;
 padding: 0px 0px 4px 4px;
}


/* Style for comparison page */

table#comparison {
 width: 100%;
 border: 0;
 border-spacing: 0;
}
table#comparison td {
 text-align: center;
 width: 25%;
 border: 0;
 border-bottom: 1px solid #ddd;
 height: 40px;
}
table#comparison td.last {
 border-bottom: none;
}
table#comparison td.header {
 width: 50%;
 font-weight: bold;
 color: #624;
}





#container {
 background-color: #fff;
 width: 970px;
 margin-left: auto;
 margin-right: auto;
}

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

p {
 padding-bottom: 1.4em;
}

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

a {
 text-decoration: none;
 outline: 0;
}
a:hover {
 text-decoration: underline;
}

input[type="submit"] {
 padding: 0px 4px;
}

iframe#requirements {
 border: 0;
 font-size: .8em;
}

/* Legacy small size */
span.small {
 font-size: 8pt
}

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

.printmsg { display: none; }





/*-------------------------------- Header */
#header {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 min-width: 600px; /* Prevents IE 
      from wrapping the shade portion 
      if window shrinks */
 padding-top: 4px;
 padding-bottom: 4px;
}

#header img.logo {
 float: left;
 padding: 0px 18px;
}

#header img.status {
 float: none;
 border: none;
}


#header ul {
 font-size: .8em;
 /*position: relative;*/
 float:right;
 right: 2px;
 margin: 7px 5px;
 display: inline;
 text-transform: uppercase;
 /*font-family: Tahoma;*/
}

#header li { 
 display: inline;
 padding-left: 18px;
 padding-right: 18px;
 border-right: 1px solid #666;
}
#header li.last {
 border-right: none;
}

#header li a, a:visited {
 text-decoration: none;
 color: #00c;
}

#header li a:hover {
 text-decoration: underline;
 color: #28c;
}

#header li.user {
 color: #060;
}

#header li.guest {
 color: #039;
}

#header div#sub_header {
 clear: right; 
 float: right;
 margin-right: 24px;
 margin-top: 5px;
 font-weight: bold;
 font-family: arial;
 font-size: .86em;
}
	
/* ---------------------------- END Header */



/* ---------------------------- Main Navigation */

#main_navigation_block {

 text-align: center;
 border: 1px solid #ccc;

 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;

 background-color: #ddc;
 height: 25px;
 margin-bottom: 15px;

}

#main_navigation_center {
 /* This centers ul#nav, and is required for IE8 Compatibility mode and lower */
 /* These styles cannot simply be applied to ul#nav */

 /* Addition 4/20/2011: fixed-width nav items (in addition to LI below) prevents nav dropdowns on iPad/Xoom, etc. */
 /* need 685px (extra 5 for 1px vertical borders between nav LI items), + 2px extra for wiggle room*/
 width: 687px;

 margin:0 auto;
 text-align: left;
 overflow: visible;

 
}



#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 25px;

  /* Required to preserve dropdowns in IE */
  background: white;

  font-family: Tahoma;
  font-size: .95em;
}


#nav a {
 display: block;
 text-decoration: none;
 padding-left: 10px;
 padding-right: 10px;
 color: #336;
}

/* Active Link (determined by $nav_section) ---------------------*/
#nav a.active {
 color: #fff;
 background-image: none;
 background-color: #006 ! important;

}

#nav a:hover {
	background-image: none;
	background-color: #039;
	color: #fff ! important;
}

#nav li {
 float: left;
 padding: 0;
}

/* Pad the top level links only so they can be evenly spaced: */
#nav > li > a {
 /* addition 4/20/2011 for tablet browsing, fixed-width nav items prevent drop down */
 width: 130px;
 text-align: center;

 padding: 0px 20px;
 border-right: 1px solid #999;
 background-image: url(/images/main_navigation_background.gif);
 background-repeat: repeat-x;
}
/* since these aren't links (for touchscreen devices to be able to navigate), leave the cursor as default */
#nav > li > a:hover {
 cursor: default;
}


#nav > li > a.first {
 border-left: 1px solid #999;
}

#nav > li ul > li {
 width: 190px;
 border-left: 1px solid #888;
 border-right: 1px solid #888;
 border-bottom: 1px solid #888;
}

#nav li ul {
  /* Sub level 1 */
  position: absolute;
  width: 192px;
  left: -999em;
  height: auto;
}

li > ul {
 top: auto;
 left: auto;
}


#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}




/* ---------------------------- END  Main Navigation */


/* -----------------------------two-paned pages */

div#leftpane {
 width: 650px;
 float: left;
 /* keep footer away on hanging pages */
 margin-bottom: 20px;

}

div#leftpane p {
 line-height: 1.3em;
}



div#rightpane {
 float: right;
 width: 300px;
 /* keep footer away on hanging pages */
 margin-bottom: 20px;
}

div#rightpane p.title {
 font-weight: bold;
 font-size: .86em;
 padding: 4px 7px;
 margin: 7px 0px 4px 0px;

 background-color: #888;
 color: #fff;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

div#rightpane p.green {
 background-color: #9f3;
 color: #555;
}
div#rightpane p.yellow {
 background-color: #fc3;
 color: #555;
}div#rightpane p.red {
 background-color: #f00;
 color: #fff;
}


div#rightpane p {
 padding: 7px;
 font-size: .86em;
 line-height: 1.2em;
}

div#rightpane ul li {
 margin-top: 6px;
 margin-left: 20px;
 font-size: .86em;
 padding-bottom: 6px;
 list-style-image: url(/images/tinybullet.gif);
}

/* ------------------------------------ */
/* ------------------------------------ */
/* GRAVITY FOOTER --------------------- */
/* ------------------------------------ */
/* ------------------------------------ */

#gravityfooter {
 /* Required for gravity */
 clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -3em;
 /* End Required for gravity */
 text-align: center;
 color: #666;
 font-size: .76em;
 font-family: arial;
 line-height: 1.4em;
}

#gravityfooter a {
 color: #66a;
 padding: 0px 5px;
 text-decoration: none;
 border-right: 1px dotted #999;
}
#gravityfooter a.last{
 border-right: 0;
}
#gravityfooter a:hover {
 text-decoration: underline;
 color: #00c;
}



span.ltgrey {color: #999999;}



/* --------------------------- OLD CSS ---------*/


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}


span.highlight {background-color: #FFFF66}

span.big {font-size: 14pt}


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; }






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

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







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

/* COLORBLOCK */

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

.colorblock {
	margin-bottom: 2em;
	padding: 0;
	margin: 0;
	font-size: .96em;
	line-height: 1.3em;

}
.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 h2 {
	font-size: .96em;
	color: #555;
	margin: 6px 4px 0px 0px;
	padding: 2px;
	padding-left: 3px;
	border-bottom: 1px solid #ccc;
	/*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;*/
	

}
div.colorblock p {
	margin: 0 ! important; /* prevents leftpane p override */
	padding: 8px;
	font-size: .9em;
}

.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;
}






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

/* 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: 0px 16px 16px 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 */
}








/* 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 */

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

div#module {
	margin-left: auto;
 	margin-right: auto;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 20px;
}

div#module p, #print p {
	line-height: 1.6em;
	text-indent: 2em;
	font-family: arial;
}
div#module p.noindent {
	text-indent: 0;
}

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

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

div#module table td.right {
 text-align: right;
}

div.module_footnote {
 border-top: 1px solid #999;
 font-size: .86em;
}


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

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

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


table#preview_tabs {
 margin-bottom: 0px;
 width: 100%; /* should always be 100% of leftpane */
}

table#preview_tabs td a {
 text-decoration: none;
 padding: 2px;
 display: block;
 font-size: .8em;
 border: 1px solid #999;
 border-bottom: none;

-moz-border-radius-topleft: 5px;
 border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
 border-top-right-radius: 5px;

}

table#preview_tabs td {
 border-bottom: 1px solid #777;
 vertical-align: middle;
 line-height: 1em;
 text-align: center ! important;
}

table#preview_tabs td a {
 background-color: #fff;
 color: #009;
}

table#preview_tabs td a:hover {
 background-image: none; 
 background-color: #039;
 color: #fff;
}

/* Currently active tab: */
table#preview_tabs td.active a {
 background-color: #006;
 color: #fff;
}
table#preview_tabs td.active a:hover {
 color: #fff;
}


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


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

/* MODULE_PAGE_NAVBAR (TOP / BOTTOM) */

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

div#fixed_nav_area {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 800px;
}

div#module_main_nav {
	background-image: url(/images/sco_lm.gif);
	background-color: #000; /* REQUIRED to keep flash from displaying on top of the nav bar */
	background-repeat: repeat-x;
	color: #b9b9b9;
	height: 27px;
	text-align: center;
	border-bottom: 1px solid #999;
}


table#module_page_nav {
	background-image: url(/images/sco_lm.gif);
	background-color: #000; /* REQUIRED to keep flash from displaying on top of the nav bar */
	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;
}


div#fixed_nav_area select {
	color: #444;
	font-size: 1em;
}
div#fixed_nav_area select option {
	margin: 2px;
}

/* Link Underlines */

div#fixed_nav_area a {
 color: #eee;
 text-decoration: none;
}

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



div#options {
 background-image: url(/images/options_background.gif);
 background-color: #ddc; /* REQUIRED to keep flash from displaying on top of the nav bar */
 color: #444;
 width: 100%;
 height: 40px;
 overflow: hidden;
 border: 1px solid #ccc;
 font-size: .86em;
 padding: 4px;
}
div.option {
 width: 12%;
 float: left;
 text-align: center;
 padding: 0px;
}
div.option p.title {
 padding: 3px;
}
div.option p {
 padding: 0px; /* Need to specify 0 to override global p */
}
div#options a {
 color: #009;
}
div#options a:hover {
 color: #00f;
 border-bottom: none;
}


/* ICONS */
div#options .option a.icon img {
	vertical-align: middle;
	margin-top: 2px;
}


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

/* MODULE_INSTRUCTIONS */

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

#module_instructions {
	position: absolute;
	top: 75px;
	left: 0px;
	background-color: #fff;
	z-index: 100;
	text-align: center;
	display: none;
	line-height: 1.2em;
	padding: 20px;
	margin: 20px;
	border: 5px solid #039;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#module_instructions td {
 font-size: .86em;
 vertical-align: top;
 padding: 10px 10px;
 text-align: left;
}
#module_instructions td.first {
 border-left: 0px;
}
#module_instructions td b.ltblue {
 display: block;
 padding-bottom: 4px;
}
#hide_instructions_link {
 color: #000;
 font-size: .86em;
}

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

/* MODULE_COPYRIGHT */

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

#module_minititle {
	color: #bbb;
	width: 60%;
	float: left;
	text-align: left;
}
#module_copyright {
	color: #bbb;
	width: 28%;
	float: right;
	text-align: right;
}
#module_copyright, #module_minititle {
	font-size: .66em;
	padding: 2px 5px 2px 5px ! important;
	margin-bottom: 4px;
	line-height: 1.2em;
	background-color: #fff;
}

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

/* MODULE_TABLE */

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

table.module_table {
	font-family: Arial, sans-serif;
	/*border: 0px solid #999;*/
	font-size: .95em;
	background-color: #ccc;
	line-height: 1.3em;
	margin: 0 auto;
}
table.module_table td {
	text-align: center;
	padding: 6px;
}
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: 14px;
 margin-bottom: 0px;
 color: #00a;
 font-weight: bold;
}

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

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