/*--------------------------------------------------------------------
BrainSpark Print CSS

Author: Mary Chan <mchan [at] solutionset.com>

Date: February 2, 2009
----------------------------------------------------------------------*/

/* Global Styles
----------------------------------------------------------------------*/
html {
margin: 0 !important;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
   background: white;
   font-size: 10pt;
   }

#container, #body {
float: none !important;
overflow: visible !important;
white-space: normal;
padding: 0 !important;
    color: black !important;
margin: 0 !important;
padding: 0 !important;
    background: transparent none !important;
}
#container {
width: 100% !important;
}
#body {
width: 100%;
}
#content {
clear: both !important;
display: block !important;
width: 100% !important;
padding-right: .25in !important;
overflow: visible !important;
}
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
}
#content a[href^="/"]:after {
   content: " (" attr(href) ") ";
}
div#quote div#quoteContainer {
position: relative !important;
}
#footer {
margin-top: .5in;
}
#right-sash {
width: 200px;
border: 1px;
}
#content-wrapper {
float: left;
border: 1px;
}
#footer {
clear: both !important;
width: 100% !important;
margin-top: 50px;
font-size: 9pt;
}
#footer p a {
padding-left: .1in;
}
dl.accordionize dd,
div.accordionize p {
display: block !important;
}
#content dl.accordionize dt a:link:after, dl.accordionize dt a:visited:after  {
   content: none;

}


/* Links
----------------------------------------------------------------------*/
a, a:visited {
color: #009eff;
text-decoration: none;
text-decoration: underline;
background: transparent;
}
a:hover {
text-decoration: underline;
}

/* Text
----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
text-align: left !important;
}
h1 {
font-size: 20pt;
font-weight: bold;
color: #1f98ad;
margin: 0;
}
h2,
h2 a,
h2 a:visited,
h2 a:hover {
font-size: 13pt;
text-transform: capitalize;
font-weight: bold;
margin: 0;
text-align: left;
}
h3 {
font-size: 14pt;
color: #1f98ad;
margin: .25in 0 0;

}
h4 {
font-size: 10pt;
color: #1f98ad;
margin-top: 0;
margin-bottom: 3px;
}
h5 {
font-size: 10pt;
color: #1f98ad;
margin-bottom: 3px;
}
h6 {
font-size: 10pt;
color: #000;
margin-bottom: 3px;
}

p {
margin-top: 0;
}
table.chart tr td,
table.chart tr th {
border: 1px solid #000;
margin: 0;
padding: 10px
}
table.chart,
table.chart table {
border-collapse: collapse;
}

/* Content -> Dashboard -> Login Passport Pop-up
-------------------------------------------------------------*/
.login-passport,
.print-pop-up {
margin: 0 !important;
padding: 0 !important;
}
.login-passport #container,
.print-pop-up #container  {
width: 680px !important;
background: none;
position: relative;
margin: 0 auto !important;
padding: 0 !important;
}
.login-passport img.banner,
.print-pop-up img.banner {
position: absolute;
top: 0;
left: 0;
margin: 0 auto; 
z-index: 1; 
}
.login-passport img.logo,
.print-pop-up img.logo {
position: absolute;
top: 8px;
left: 27px;
margin: 0 auto; 
z-index: 10; 
}

.login-passport img.background,
.print-pop-up img.background {
position: absolute;
top: 207px;
left: 115px;
margin: 0 auto;
z-index: 3;
}
.login-passport #content{
position: absolute;
top: 234px;
left: 162px;
width: 374px !important;
z-index: 50;
}
.print-pop-up #content {
position: absolute;
top: 215px;
left: 162px;
width: 374px !important;
z-index: 50;
}
.login-passport p.intro,
.print-pop-up p.intro {
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #000;
}
.login-passport #content ul.no-bullet {
margin: .28in 0 0 0;
width: 300px;
}
.login-passport #content ul.no-bullet li {
color: #1f98ad;
font-family:Helvetica, Arial, sans-serif;
font-size: 11pt;
font-weight: bold;
padding-left: 120px;
*padding-left: 140px;
text-align: left;
height: 28px;
list-style: none;
margin-bottom: 17px;
padding-top: 13px;
line-height: 15px;
background: none;
word-break: break-all;
word-wrap: break-word;
}

/* Content -> Dashboard -> Login Passport Pop-up
-------------------------------------------------------------*/
.print-pop-up {
margin: 0 !important;
padding: 0 !important;
}
.print-pop-up #container {
width: 680px !important;
background: none;
position: relative;
margin: 0 auto !important;
padding: 0 !important;
}
.print-pop-up img.banner {
position: absolute;
top: 10;
left: 0;
margin: 0 auto; 
z-index: 1; 
}
.print-pop-up img.logo {
position: absolute;
top: 8px;
left: 27px;
margin: 0 auto; 
z-index: 10; 
}
.print-pop-up .btn {
position: absolute;
top: 10px;
right: 10px;
z-index: 11;
}
.print-pop-up img.background {
position: absolute;
top: 207px;
left: 115px;
margin: 0 auto;
z-index: 3;
}
.print-pop-up #content {
position: absolute;
top: 234px;
left: 162px;
width: 374px;
z-index: 50;
}
.print-pop-up p.intro {
text-align: left;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #000;
}


/* Content -> Shopping Cart -> Confirmation
-------------------------------------------------------------*/
table.chart tr td,
table.chart tr th {
font-size: 8pt;
border: 1px solid #add3ea;
margin: 0;
}
table.chart tr td {
padding: 10px;
}
table.chart thead tr th {
padding: 5px;
font-size: 9pt;
}
table.chart {
margin-bottom: 30px;
}
table.chart,
table.chart table {
border-collapse: collapse;
width: 100%;
}
table.chart tr th {
font-size: 10pt;
color: #1f98ad;
} 
table.chart tr td.totals {
border-color: #e7f6ff;
padding: 10px 0 0;
}
table.chart tr td.totals table tr td {
font-weight: bold;
}
table.chart tr td.totals table tr td.label {
color: #1f98ad; 
}


/* Hide
----------------------------------------------------------------------*/
#header-nav ul,
ul#main-nav,
div.triad-icon-1,
div.triad-icon-2,
div.triad-icon-3,
div.box-bottom,
#footer ul,
div.lightBox,
div#left-sash,
div#right-sash,
div.col2-top,
h1 object,
h2 object,
h3 object,
h4 object,
h5 object,
div.box-top,
div.box-top span,
.login-passport .btn
 {
display: none !important;
visibility: hidden !important;
}