/*------------------------------------------------------------
Global - Zend CSS
Project: BrainSPARK - Scientific Learning
Author:  Mary Chan <mchan [at] solutionset.com>
Ash Kiel <akiel [at] solutionset.com>
SolutionSet http://www.solutionset.com
Date:  January 12, 2009
Methods: 
General
Container
Header
Nav
Body
Layout Setup
Footer
Hacks
1) This stylesheet depends on images located in the 'i' directory, which must be preserved to ensure correct display.
-------------------------------------------------------------*/

/* Global Styles
-------------------------------------------------------------*/

/* zend and neutral (no nav tabs) content*/

#neutral_content {
margin-top: -90px;

}
#top_nav_name_links{
font-size: 1em;
}

body {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333333; }
p {
font: 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 15px;
}

hr {
color: #e2e3e2;
background-color: #e2e3e2;
border: none;
height: 1px;
margin: 30px 0;
}
        /* old body link styles 
        a {
        color: #009eff;
        text-decoration: none;
        }
        a:hover {
        color: #009eff;
        text-decoration: underline;
        } */
        
#content ul {
margin-bottom: 10px;
}
#content ul li,
ul.list li,
ul.sr li {
display: block;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #666666; 
background: url(/i/bullet_circle.gif) 0 4px no-repeat; 
margin-bottom: 3px; 
padding-left: 14px;
zoom: 1;
}
#content .box-center ol {
margin: 0 10px 10px 30px;
}
#content .box-center ol li {
list-style-type: decimal;
list-style-position: outside;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #666666; 
margin: 0 0 10px 0;
}

/* Content -> About Us
-------------------------------------------------------------*/
#content h6 {
margin-top: 0;
font-weight: bold !important;
}        
        
/* Dashed Underline Links */
a,
a.more-link {
    color: #009eff;
    display: inline;
    text-decoration: none; 
   }
a:hover,
a.more-link:hover {
    text-decoration: underline;
   /* border-bottom: 1px dashed #009EFF; */
    display: inline;
} 
ul.links li {
    background:transparent url(/i/bullet_arrow.gif) no-repeat scroll 0 3px;
    display:block;
    margin-bottom:5px;
    padding-left:13px;
}
div.mod ul.links li {
    background-position: 0 2px;
}
ul.links li a {
    font-weight: bold;
}
#hero .promo p.read-more a:hover {
    text-decoration: none;
    border-bottom: 1px dashed #FFFFFF;
    display: inline;
}
div#sub-nav a,
div#sub-nav a:hover,
div#header a,
div#header a:hover,
a.btn,
a.btn:hover,
a.btn-vert,
a.btn-vert:hover,
#sub-nav a,
#sub-nav a:hover {
    border-bottom: none;
}
/* End Dashed Underline Links */
p.more-link {
    margin: 0;
}
a.more-link,
a.more-link:hover {
    font-size: 11px; 
    line-height: 13px;
    font-weight: bold;
    padding-left: 13px;
    background: transparent url(/i/bullet_arrow.gif) no-repeat 0 2px;
    margin-top: 5px;
}
a.alt,
a.alt:hover {
    background-position: right 3px;
    padding: 0 13px 0 0;
    margin-top: 0;  
}
div.mod a.alt,
div.mod a.alt:hover {
    background-position: right 2px;
}
a.back,
a.back:hover {
    background: transparent url(/i/bullet_arrow_back.gif) no-repeat 0 2px;
}
a.first {
    margin-top: 10px;
}
ul.links {
display: block;
}
ul.links li {
display: block;
background: transparent url(/i/bullet_arrow.gif) no-repeat 0 3px;
padding-left: 13px;
margin-bottom: 5px;
}
ul.links li a {
font-weight: bold;
}
h2, h3 {
font-family: Arial, Helvetica, sans-serif;
}
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
h3 {
color: #e47911;
}
h5 {
font: 13px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
h6 {
font-weight: bold !important;
}
.assign-learners h4 {
  font-weight: bold;
  margin-bottom: 1em;
}
p.note {
font-size: 10px;
margin-top: 10px;
_margin-left: 2px;
margin-bottom: 0;
}
p.last {
margin-bottom: 0px;
}
div.alerts {
margin: 0 0 10px !important;
float: none !important;
width: 100% !important;
}
/*
.dashboard #content div.chart span.alerts,
div.alerts span {
display: block;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #ff40a2;
margin: 0;
}
*/
.dashboard #content div.chart span.alerts,
div.alerts span {
display: inline;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin: 0;
}
/* New alert icons and colors */
span.alerts-notice {
background: transparent url(/i/icon_notice.jpg) no-repeat 0 6px;
color: #ff40a2 !important;
}
span.alerts-success {
background: transparent url(/i/icon_success.jpg) no-repeat 0 6px;
color: #669900 !important;
}
span.alerts-error {
background: transparent url(/i/icon_error.jpg) no-repeat 0 6px;
color: #cc3300 !important;
}
span.alerts-notice, span.alerts-success, span.alerts-error {
line-height: 30px !important;
padding:  10px 0 6px 27px;
font-weight: bold !important;
}
#hero a.btn {
margin: 10px 0 0;
border-bottom: none;
}

#hero a.btn:hover {
border-bottom: none;
}
#hero div p a{
color: #fff;
font-weight: bold;
border-bottom: 1px dashed #fff;
text-decoration: none;
}
#hero div p a:hover{
color: #fff;
font-weight: bold;
border-bottom: 1px dashed #fff;
text-decoration: none;
}
#hero .promo p.read-more {
margin: 0;
}
#hero .promo p.read-more a,
#hero .promo p.read-more a:hover {
background: transparent url(/i/bullet_arrow_teal.gif) no-repeat 0 2px;
font: 13px Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
padding-left: 21px;
font-weight: bold;
margin-top: 0;
}
div#whimsy {
height: 298px;
width: 100%;
top: 143px;
left: 0;
position: absolute;
background: transparent url(/i/bg_whimsy.gif) repeat-x top center;
}
.home div#whimsy {
height: 298px;
width: 100%;
top: 191px;
left: 0;
position: absolute;
}
p.intro {
color: #1f98ad;
}
p.page-nav {
margin-top: 10px;
}

/* Container and Mid 
-------------------------------------------------------------*/
.home #container {
background: none;
}
#container #mid #right-sash,
#container #mid #content-wrapper {
float: right;
}
#container .layout-1 #content-wrapper {  /* 1-column: Content */
width: 939px; 
}
#container .layout-2 #content-wrapper {  /* 2-column: Left-Sash | Content */
width: 83.1%; 
}
#container .layout-3 #content-wrapper { /* 3-column: Left-Sash | Content | Right-Sash */
width: 543px;
}
#container .layout-4 #content-wrapper { /* 2-column: Content | Right-Sash */
width: 75%;
}
#container #mid div#left-sash.first {
width: 149px; 
}
#container .layout-3 #right-sash {
width: 227px;
}
#container .layout-4 #right-sash {
width: 24.2%;
margin-left: 0;
}
#container #mid div.first,
#container div.first {
float: left !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#container .layout-3 #content {
float: left;
width: 543px;
}

/* Header Styles -- removed
-------------------------------------------------------------*/

/* Nav Styles -- removed
-------------------------------------------------------------*/
/* Rounded Corner
-------------------------------------------------------------*/
.box-top {
background: transparent url(/i/rnd_corner_TL.gif) no-repeat scroll left top;
height: 3px;
margin-right: 6px; /* fixes transparent overlapping issues */ 
}
.box-top span {
background: transparent url(/i/rnd_corner_TR.gif) no-repeat scroll right top;
display: block;
height: 3px;
position: relative; 
font-size: 0px;
margin-right: -6px; /* fixes transparent overlapping issues */ 
}
.dashed-box {
}
.dashed-box .box-top {
background: transparent url(/i/rnd_corner_dashed_TL.gif) no-repeat scroll left top;
height: 4px;
margin-right: 4px; 
}
.dashed-box .box-top span {
background: transparent url(/i/rnd_corner_dashed_TR.gif) no-repeat scroll right top;
display: block;
height: 4px;
position:relative;
font-size: 0px;
margin-right: -4px; 
}
.dashed-box .box-center {
background: #fff url(/i/rnd_corner_dashed_side.gif) repeat-y scroll right top;
margin: 0;
padding: 6px 10px 7px;
margin-left: 1px;
position:relative;
}
.dashed-box .box-center-wrapper {
background: transparent url(/i/rnd_corner_dashed_side.gif) repeat-y scroll left top;
}
.dashed-box .box-bottom {
background: transparent url(/i/rnd_corner_dashed_BL.gif) no-repeat scroll left bottom;
height: 4px;
margin-top: 0;
margin-right: 5px;
}
.dashed-box .box-bottom span {
background: transparent url(/i/rnd_corner_dashed_BR.gif) no-repeat scroll right bottom;
display:block;
height: 4px;
position:relative;
font-size: 0px; 
margin-right: -5px; 
}
.dashed-box .rnd-corner .box-top,
.rnd-corner .box-top {
background: transparent url(/i/rnd_corner_TL.gif) no-repeat scroll left top;
height: 5px !important;
margin-right: 6px; /* fixes transparent overlapping issues */ 
}
.dashed-box .rnd-corner .box-top span,
.rnd-corner .box-top span {
background: transparent url(/i/rnd_corner_TR.gif) no-repeat scroll right top;
display: block;
height: 5px;
position: relative; 
font-size: 0px;
margin-right: -6px; /* fixes transparent overlapping issues */ 
}
.dashed-box .rnd-corner .box-center,
.rnd-corner .box-center {
margin: 0;
padding: 5px 14px;
position:relative;
border-right: 1px solid #E2E2E2;
border-left: 1px solid #E2E2E2;
background-color: #FFF;
}
.dashed-box .rnd-corner .box-bottom,
.rnd-corner .box-bottom {
background: transparent url(/i/rnd_corner_BL.gif) no-repeat scroll left bottom;
height: 5px;
margin-top: 0;
margin-right: 6px; /* fixes transparent overlapping issues */ 
}
.dashed-box .rnd-corner .box-bottom span,
.rnd-corner .box-bottom span {
background: transparent url(/i/rnd_corner_BR.gif) no-repeat scroll right bottom;
display:block;
height: 5px;
position:relative;
font-size: 0px; 
margin-right: -6px; /* fixes transparent overlapping issues */ 
}

/* Rounded Corner - Blue Gradient bg
-------------------------------------------------------------*/
.rnd-corner-alt .box-top {
background: transparent url(/i/rnd_corner_TL.gif) no-repeat scroll left top;
height: 5px;
margin-right: 6px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-alt .box-top span {
background: transparent url(/i/rnd_corner_TR.gif) no-repeat scroll right top;
display: block;
height: 5px;
position: relative; 
font-size: 0px;
margin-right: -6px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-alt .box-center {
background: #FFFFFF url(/i/bg_blue_gradient.gif) repeat-x 0 bottom;
margin: 0;
padding: 4px 10px 8px;
position:relative;
border-right: 1px solid #E2E2E2;
border-left: 1px solid #E2E2E2;
}
.rnd-corner-alt .box-bottom {
background: transparent url(/i/rnd_corner_ltblue_BL.gif) no-repeat scroll left bottom;
height: 5px;
margin-top: 0;
margin-right: 4px; /* fixes transparent overlapping issues */      
}
.rnd-corner-alt .box-bottom span {
background: transparent url(/i/rnd_corner_ltblue_BR.gif) no-repeat scroll right bottom !important;
display:block;
height: 5px;
position:relative;
font-size: 0px;
margin-right: -4px; /* fixes transparent overlapping issues */          
}
/* Rounded Corner - Orange
-------------------------------------------------------------*/
.rnd-corner-orange {
background: transparent url() repeat-y scroll left top;
}
.rnd-corner-orange .box-top {
background: transparent url(/i/rnd_corner_orange_TL.gif) no-repeat scroll left top;
height: 5px !important;
margin-right: 5px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-orange .box-top span {
background: transparent url(/i/rnd_corner_orange_TR.gif) no-repeat scroll right top;
display: block;
height: 5px;
position: relative; 
font-size: 0px;
margin-right: -5px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-orange .box-center {
background: #ffa404 url() repeat-y scroll right top;
margin: 0;
padding: 5px 14px 10px;
position:relative;
}
.rnd-corner-orange  .box-bottom {
background: transparent url(/i/rnd_corner_orange_BL.gif) no-repeat scroll left bottom;
height: 5px;
margin-top: 0;
}
.rnd-corner-orange  .box-bottom span {
background: transparent url(/i/rnd_corner_orange_BR.gif) no-repeat scroll right bottom;
display:block;
height: 5px;
position:relative;
font-size: 0px;
}

/* Rounded Corner - Blue bg
-------------------------------------------------------------*/
.rnd-corner-blue {
}
.rnd-corner-blue .box-top {
background: transparent url(/i/rnd_corner_blue_TL.gif) no-repeat scroll left top;
height: 6px;
margin-right: 6px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-blue .box-top span {
background: transparent url(/i/rnd_corner_blue_TR.gif) no-repeat scroll right top;
display: block;
height: 6px;
font-size: 0px;
margin-right: -6px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-blue .box-center {
background-color:#009eff;
background-image: none;
padding: 2px 8px 3px 13px;
}
.rnd-corner-blue .box-bottom {
background: transparent url(/i/rnd_corner_blue_BL.gif) no-repeat scroll left bottom;
height: 5px;
margin-top: 0; 
margin-right: 5px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-blue .box-bottom span {
background: transparent url(/i/rnd_corner_blue_BR.gif) no-repeat scroll right bottom !important;
display:block;
height: 5px;
position:relative;
font-size: 0px; 
margin-right: -5px; /* fixes transparent overlapping issues */
}

/* Rounded Corner - PromoBox
-------------------------------------------------------------*/
.rnd-corner-promo {
}
.rnd-corner-promo .box-top {
background: transparent url(/i/rnd_corner_promo_TL.gif) no-repeat scroll left top;
height: 5px;
margin-right: 5px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-promo .box-top span {
background: transparent url(/i/rnd_corner_promo_TR.gif) no-repeat scroll right top;
display: block;
height: 5px;
position: relative; 
font-size: 0px;
margin-right: -4px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-promo .box-center {
margin: 0;
position:relative;
background: transparent url() repeat-y scroll right 0; 
background-color: #1f98ad;
padding: 12px 17px;
}
.rnd-corner-promo .box-bottom {
background: transparent url(/i/rnd_corner_promo_BL.gif) no-repeat scroll left bottom;
height: 5px;
margin-top: 0; 
margin-right: 5px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-promo .box-bottom span {
background: transparent url(/i/rnd_corner_promo_BR.gif) no-repeat scroll right bottom;
display:block;
height: 5px;
position:relative;
font-size: 0px; 
margin-right: -5px; /* fixes transparent overlapping issues */
}
/* Rounded Corner - Teal
-------------------------------------------------------------*/
.rnd-corner-promo {
}
.rnd-corner-teal .box-top {
background: transparent url(/i/rnd_corner_teal_TL.gif) no-repeat scroll left top;
height: 6px;
margin-right: 5px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-teal .box-top span {
background: transparent url(/i/rnd_corner_teal_TR.gif) no-repeat scroll right top;
display: block;
height: 6px;
position: relative; 
font-size: 0px;
margin-right: -5px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-teal .box-center {
margin: 0;
position:relative;
background: transparent url(/i/rnd_corner_teal_bg.gif) no-repeat scroll right 0; 
background-color: #1f98ad;
padding: 12px 17px;
}
.rnd-corner-teal .box-bottom {
background: transparent url(/i/rnd_corner_teal_BL.gif) no-repeat scroll left bottom;
height: 5px;
margin-top: 0; 
margin-right: 5px; /* fixes transparent overlapping issues */ 
}
.rnd-corner-teal .box-bottom span {
background: transparent url(/i/rnd_corner_teal_BR.gif) no-repeat scroll right bottom !important;
display:block;
height: 5px;
position:relative;
font-size: 0px; 
margin-right: -5px; /* fixes transparent overlapping issues */
}

#hero.rnd-corner-teal .box-top {
background: transparent url(/i/rnd_corner_teal_TL.gif) no-repeat scroll left top;
height: 6px;
margin-right: 5px; /* fixes transparent overlapping issues */ 
}
#hero.rnd-corner-teal .box-bottom span {
background: transparent url(/i/rnd_corner_teal_BR.gif) no-repeat scroll right bottom;
display:block;
height: 5px;
position:relative;
font-size: 0px; 
margin-right: -5px; /* fixes transparent overlapping issues */
}

/* Rounded Corner - Buy Now -- removed
-------------------------------------------------------------*/

#hero.rnd-corner-teal .box-top {
background: transparent url(/i/rnd_corner_teal_TL.gif) no-repeat scroll left top;
height: 6px;
margin-right: 5px; /* fixes transparent overlapping issues */ 
}
#hero.rnd-corner-teal .box-bottom span {
background: transparent url(/i/rnd_corner_teal_BR.gif) no-repeat scroll right bottom;
display:block;
height: 5px;
position:relative;
font-size: 0px; 
margin-right: -5px; /* fixes transparent overlapping issues */
}

/* For rnd-corner box nested in rnd-corner-alt box -- recovering original rnd-corner style 
------------------------------------------------------------------/
div.rnd-corner-alt .box-center .rnd-corner .box-center {
margin: 0;
padding: 5px 14px;
position:relative;
border-right: 1px solid #E2E2E2;
border-left: 1px solid #E2E2E2;
background-color: #FFF;
}
div.rnd-corner-alt .box-center .rnd-corner .box-bottom {
background: transparent url(/i/rnd_corner_BL.gif) no-repeat scroll left bottom;
height: 5px;
margin-top: 0;
margin-right: 6px; /* fixes transparent overlapping issues */ 
}
div.rnd-corner-alt .box-center .rnd-corner .box-bottom span {
background: transparent url(/i/rnd_corner_BR.gif) no-repeat scroll right bottom;
display:block;
height: 5px;
position:relative;
font-size: 0px; 
margin-right: -6px; /* fixes transparent overlapping issues */ 
}v
/* Left Sash
-------------------------------------------------------------*/
#left-sash div#sub-nav,
#left-sash div.mod {
float: left;
width: 100%;
}
#left-sash div#sub-nav ul {
margin-bottom: 20px;
}
#left-sash div#sub-nav ul li {
background: transparent url(/i/dashed_line.gif) repeat-x 0 bottom;
padding: 7px 0;
font: 11px Verdana, Arial, Helvetica, sans-serif;

}
#left-sash div#sub-nav ul li.first {
padding-top: 0;
}
#left-sash div#sub-nav ul li a {
display: block;
padding-left: 8px;
color: #666;
}
#left-sash div#sub-nav ul ul {
padding: 7px 7px 0;
margin: 0;
background: none; 
}
#left-sash div#sub-nav ul ul li {
padding: 0 0 5px;
background: none; 
}
#left-sash div#sub-nav ul ul li a,
#left-sash div#sub-nav ul li.selected ul li a { 
color: #666;
font-weight: normal;
font-size: 10px;
background: none;
}
#left-sash div#sub-nav ul li a:hover,
#left-sash div#sub-nav ul li.active a,
#left-sash div#sub-nav ul li.selected ul li.active a,
#left-sash div#sub-nav ul li.active ul li a:hover,
#left-sash div#sub-nav ul li.selected ul li a:hover { 
color: #009EFF;
background: transparent url(/i/arrow_selected.gif) no-repeat 0 4.5px;
text-decoration: none;
}
#left-sash div#sub-nav ul li.selected a {
color: #009eff;
}
#left-sash div#sub-nav ul li.active a,
#left-sash div#sub-nav ul li.selected ul li.active a {
font-weight: bold;
}
#left-sash div#sub-nav ul li.active ul li a {
background: none;
color: #666;
font-weight: normal;
}

/* Right Sash
-------------------------------------------------------------*/
#right-sash {
margin-left: 10px;
}
#container #right-sash div.first {
float: none !important;
}

/* Hero
-------------------------------------------------------------*/
#hero {
position: relative;
display: block;
color: #FFF;
margin-bottom: 15px;
overflow: hidden;
}

#hero p {
color: #FFF;
}
.layout-2 #hero {
background: transparent url(/i/banner_bg_teal_btm03.gif) no-repeat scroll 0 bottom;
padding-bottom:5px;
width: 780px;
}
.layout-2 .banner {
background:#1F98AD url(/i/banner_bg_teal03.gif) no-repeat scroll 0 0;
min-height:50px;
height:auto !important;
height:50px;
padding:30px 24px 15px;
}
.layout-3 #hero,
.about #hero .promo {
background: transparent url(/i/banner_bg_teal_btm.gif) no-repeat 0 bottom;
padding-bottom: 5px;
}
.layout-3 .banner,
.about .promo {
background: #1F98AD url(/i/banner_bg_teal02.gif) no-repeat 0 0;
padding: 30px 24px 15px;
min-height:50px;
height:auto !important;
height:50px;
}
.layout-4 #hero .box-center {
background: #1F98AD url(/i/banner_bg_teal02.gif) no-repeat right -6px;
padding: 30px 24px 15px;
min-height:50px;
height:auto !important;
height:50px;
}
.about #hero {
background: none;
}
.home #hero {
padding: 0;
}
.home #hero div.img {
height: 294px;
padding: 16px 21px 18px !important; 
}
    .home #hero div.grass {
    background: transparent url(/i/banner_girl_mom_grass.jpg) no-repeat 0 0;
    }
    .home #hero div.head-touch {
    background: transparent url(/i/banner_girl_mom_head_touch.jpg) no-repeat 0 0;
    }
    .home #hero div.chemistry {
    background: transparent url(/i/banner_chemistry_boy.jpg) no-repeat 0 0;
    }
.sign-in #hero .box-center {
min-height: 117px;
height: auto !important;
height: 117px;
}
.billing #hero .box-center {
min-height: 117px;
height: auto !important;
height: 117px;
}
.dashboard #hero {
background: transparent url(/i/banner_bg_dashboard_btm.gif) no-repeat 0 bottom;
padding: 0 0 5px 0; 
}
.dashboard #hero .hero-bg {
background: transparent url(/i/banner_bg_dashboard.gif) repeat-y 0 5px;
}
.dashboard #hero .banner {
float: left;
width: 495px;
padding: 44px 24px 16px;
background: #1F98AD url(/i/banner_bg_teal02.gif) no-repeat 0 0;
}

.dashboard #hero .banner p{
color: #FFF !important;

}
.dashboard #hero .shortcuts .box-top {
background-color: #FFF;
}
/*.assign-learners #hero,
.providers #hero,
.faq #hero,
.buy #hero {
background: transparent url(/i/banner_bg_teal_btm.gif) no-repeat 0 bottom;
padding-bottom: 5px;
}
.assign-learners .banner,
.providers .banner
.faq .banner,
.buy .banner {
background: #1F98AD url(/i/banner_bg_teal02.gif) no-repeat 0 0;
padding: 30px 24px 15px;
min-height: 50px;
height: auto !important;
height 50px;
}*/
.providers .banner {
height: auto; 
}
.what-is #hero {
background: transparent url(/i/banner_whatis.jpg) no-repeat 0 0;
height: 237px;
padding: 15px;
}
#hero h1 {
font: 31px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
text-indent: 0;
letter-spacing: -0.1px;
}
.home #hero h1 {
font-size: 31px;
}
.home #hero .promo h4 {
font-size: 20px;
}
.home #hero .promo .offer {
color: #ffffff; font-size: 20px; margin-top: 10px;font-weight:bold
}
.home #hero .promo .offer span.pop {
color: #000000 !important;
}
.sign-in #hero h1 {
padding-top: 41px;
text-align: center;
font-size: 33px;
}
#hero p {
font-size: 13px;
line-height: 15px;
margin-top: 10px;
margin-bottom: 0;
font-family: Arial, Helvetica, sans-serif;
}
#hero .promo h1 {
padding: 0;
margin-bottom: 0;
}
#hero .promo h4,
#hero h4 {
font: 17px Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
line-height: 1em;
padding: 0;
letter-spacing: -0.25px;
}
#hero .promo p {
font-size: 12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
letter-spacing: 0.08px;
line-height:16.5px;
margin: 0 0 10px;
}
.home #hero .promo {
position: relative;
width: 500px;
color: #FFF;
margin-bottom: 0;
}
.what-is #hero .promo {
position: relative;
width: 469px;
color: #FFF;
margin-bottom: 0;
}
.home #hero .rnd-corner-promo .box-center {
background: transparent url(/i/rnd_corner_promo1_sides.gif) repeat-y scroll right 0;
padding-bottom: 0;
padding-top: 10px;
}
.home #hero .box-center {
position: relative;
height: 264px;
padding: 0;
margin: 0;
}

.home #hero .box-center #messages {
background:transparent url(/i/rnd_corner_promo_TL.gif) no-repeat scroll right bottom;
height:242px;
margin:0 1px 15px 1px;
padding:0 17px 5px;
width:464px;
overflow: visible;
}
.home #hero .box-center ul {
position: absolute;
height: 20px;
width:142px;
bottom: 0;
right: 0;
margin: 0 1px;
_bottom: -2px;
padding: 0;
}
.home #hero .box-center li {
font-family: Helvetica;
display: block;
float:left;
padding: 3px 4px;
margin: 4px 2px 0;
font-size: 9px;
}
.home #hero .box-center li.msgCount {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
text-align: center;
padding: 0 6px;
}
.home #hero .box-center li a:link,
.home #hero .box-center li a:visited,
.home #hero .box-center li a:hover,
.home #hero .box-center li a:active {
padding-top: 2px;
color: #ffffff;
text-transform: uppercase;
}
span#currentMsg {
font-size: 12px;
font-weight: bold;
}

        /* Landing Pages with Hero Images
        -------------------------------------------------------------*/
        .landing #hero {
        float: left;
        height: 237px;
        width: 513px;
        padding: 15px;
        }
        .landing #hero .promo {
        width: 361px;
        padding: 0;
        background: none;
        }
        .landing #hero .rnd-corner-promo .box-center {
        background: transparent url(/i/rnd_corner_promo3_sides.gif) repeat-y scroll right 0;
        height: expression( this.scrollHeight > 192 ? "193px" : "auto" ); /* sets max-height for IE */
        max-height: 193px; /* sets max-height value for all standards-compliant browsers */ 
        padding: 17px;
        overflow: hidden;
        }
        .trial #hero .box-center {
        padding-top: 30px;
        }
        .products.landing #hero {
        background: transparent url(/i/banner_products.jpg) no-repeat 0 0;
        }        
        .about.landing #hero {
        background: transparent url(/i/banner_about.jpg) no-repeat 0 0;
        }
        .why-it-works.landing #hero {
        background: transparent url(/i/banner_whyitworks.jpg) no-repeat 0 0;
        }        

/* Modules and Shortcuts Styles
-------------------------------------------------------------*/
.mod {
margin-top: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.mod p,
.mod a,
.mod a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.mod h5 {
margin: 10px 0 1px;
font-size: 11px;
font-weight: bold;
color: #e47911;
}
div.row-field-btn input.text {
  margin: 7px 8px 0 0;
float: left;
display: inline !important;
width: 120px;
}
div.row-field-btn div.btn {
margin: 0;
}
.mod blockquote {
font-size: 12px;
margin: 0 0 10px;
}
.shortcuts, {
color: #FFF;
}
.shortcuts p {
padding: 0;
}
.shortcuts h4 {
font: 18px Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 7px 0 7px;
}
.products .shortcuts h4 {
padding-bottom: 0;
}
.products .buy-now .box-center {  /* to give illusion that module is inside hero space */
min-height: 242px;
   height:auto !important;
   height:242px;
}
.brainpro .box-center {
height: auto !important;
min-height: inherit;
}
.shortcuts ul {
margin-bottom: 15px;
list-style-image: none; 
}
.shortcuts ul li a {
font-weight: bold;
color: #FFFFFF !important;
}
.shortcuts ul li a:hover {
text-decoration: none;
color: #FFFFFF;
}
.shortcuts ul.list li,
li.arrowed {
background: transparent url(/i/arrow_orange_bg.gif) no-repeat 0 0;
padding-left: 19px; 
display: block;
border-bottom: 1px dashed #FFFFFF; 
margin-bottom: 3px;
padding-bottom: 3px;
color: #FFFFFF !important;
}
.dashboard #hero .shortcuts .box-center {
overflow: hidden;
}
#hero .shortcuts {
width: 227px;
}
#hero .shortcuts {
float: right;
}

/* Buy Now Box Styles -- removed
-------------------------------------------------------------*/

/* Content -> Boxes
-------------------------------------------------------------*/
.box-wrapper {
width: 100%;
}
.row .box-wrapper {
float: left;
margin-top: 14px;
}
.col-50-50 .box-wrapper {
float: right;
width: 49.1%;
margin-bottom: 10px;
margin-top: 0px !important;
}
.myl{
width:inherit !important
}
.sign-in .col-50-50 .box-wrapper {
width: 49.468%;
}
.faux-2col {
background: transparent url(/i/bg_2col_mid.gif) repeat-y 0 0;
margin-bottom: 10px;
}
.faux-2col .box-wrapper {
padding: 15px;
width: 238px; /* sets 10px margin between divs */ 
}
.col2-top {
background: transparent url(/i/bg_2col_top.gif) no-repeat 0 0;
position: relative;
width: 543px;
height: 6px;
font-size: 0px;
}
.faux-2col .col2-center {
background: transparent url(/i/bg_2col_bottom.gif) no-repeat 0 bottom;
width: 543px; 
}
.col-75-25 .box-wrapper {
float: right;
width: 24.2%;
}
.col-75-25 .box-wrapper.first {
width: 701px;
}
.col-33-33-33 .box-wrapper {
float: left;
width: 32.45%;
margin-left: 9px;
}
.col-33-33-33 .col.first {
width: 32.45%;
}
.what-is .col-33-33-33 .center-col,
.faq .col-33-33-33 .center-col {
width: 467px;
}
.products .col-33-33-33 .box-wrapper {
width: 267px;
}
.col-33-33-33 div.stacked {
width: 227px !important;
}
.stacked .dashed-box {
margin-top: 10px;
}
#container #mid div.stacked div.first {
float: none !important;
margin-top: 0;
width: 227px;
}
h3,
.products #content .stacked h3 {
font-size: 17px;
font-weight: bold;
margin-bottom: 10px;
} 
#content h4 {
font-size: 18px;
margin-bottom: 10px;
margin-top: -3px;
color: #ff9900;
}
#content .stacked h6 {
margin-top: 20px;
font-weight: normal;
margin-bottom: 5px;
}
    /* Content Boxes Inside 2-col Templates
    -------------------------------------------------------------*/
    #content .col-50-50 .rnd-corner-alt .box-center {
    min-height: 220px; 
    height: auto !important;
    height: 220px;
    padding: 7px 10px 15px;
    }
 
/* Content -> Home --removed
-------------------------------------------------------------*/

/* Content -> Sign In
-------------------------------------------------------------*/
.sign-in div#content .rnd-corner-alt .box-center {
position: relative;
min-height: 450px;
height: auto !important;
height: 450px;
}
.sign-in div#content .box-wrapper {
margin-bottom: 0;
}
.sign-in .intro {
color: #666666;
min-height: 45px;
height: auto !important;
height: 45px;
}
/* Content -> Blog -- removed
-------------------------------------------------------------*/
/* Content -> Products
-------------------------------------------------------------*/
.products #content .stacked .box-center {
padding: 3px 10px 
}
.products #content .box-wrapper h3.top {
font-size: 13px;
font-weight: bold;
margin-bottom: 0;
}
.products #content .col-50-50 .box-center {
min-height: 280px;
height: auto !important;
height: 280px;
}
#content h3.demo {
border-top: 1px solid #E2E2E2;
margin-top: 20px;
padding-top: 20px;
}
/*Content -> Products -> Provider Detail
-------------------------------------------------------------*/
div.flash-demo {
text-align: center;
margin: 0 auto;
}
#content .pic img {
float: right;
display: inline;
}
/* #content .pic p {
float: left;
display: inline;
} */
/* Content -> Manager Learners
-------------------------------------------------------------*/
.assign-learners #content h3 {
margin-bottom: 0px;
}
.assign-learners #content h5 {
font-size: 13px;
margin-bottom: 15px;
font-weight: bold;
}
.assign-learners #content h4 {
font-size: 18px;
margin-bottom: 15px;
font-weight: normal;
}

/* Content -> Image and Content list - What is BrainSPARK? and Why it Works --removed
-------------------------------------------------------------*/
/* Content -> Dashboard
-------------------------------------------------------------*/
.dashboard #content a.start {
margin: 0;
float: right;
}
.dashboard #content .col-50-50 {
width: 603px;
margin-bottom: 30px;
}
.dashboard #content .col-50-50-auto{
width: auto !important;
margin-bottom: 30px;
}
.dashboard #content .col-50-50 .rnd-corner-alt .box-wrapper {
width: 292px;
}
.dashboard #content .col-50-50 .rnd-corner .box-center,
.dashboard #content .col-50-50 .rnd-corner-alt .box-center {
min-height: 120px;
   height: auto !important;
   height: 120px;
}
.dashboard #content.col-50-50 .rnd-corner-alt .box-center {
   min-height: 200px;
   height: auto !important;
   height: 200px;
}
.dashboard #content h4 {
border-top: 1px solid #E2E2E2; 
padding-top: 15px; 
width: 603px; 
margin-top: 10px;
}
/* .dashboard #content .box-center ul li {
display: inline;
background: none; 
}*/
/* Content -> Dashboard -> Manage Learner
-------------------------------------------------------------*/
.dashboard #content h4.manLearner {
border-top: 1px solid #E2E2E2; 
padding-top: 15px; 
margin-top: 10px;
}
/* Content -> Dashboard -> Login Passport Pop-up
-------------------------------------------------------------*/
.login-passport {
margin: 0 !important;
padding: 0 !important;
}
.login-passport #container {
width: 680px !important;
background: none;
position: relative;
margin: 0 auto !important;
padding: 0 !important;
}
.login-passport img.banner {
position: absolute;
top: 10;
left: 0;
margin: 0 auto; 
z-index: 1; 
}
.login-passport img.logo {
position: absolute;
top: 8px;
left: 27px;
margin: 0 auto; 
z-index: 10; 
}
.login-passport .btn {
position: absolute;
top: 10px;
right: 10px;
z-index: 11;
}
.login-passport 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;
z-index: 50;
}
.login-passport 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: .32in auto 0;
width: 290px;
}
.login-passport #content ul.no-bullet li {
color: #1f98ad;
font-family:Helvetica, Arial, sans-serif;
font-size: 11pt;
font-weight: bold;
padding-left: 120px;
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 -> Confirmation Pop-Up tables
-------------------------------------------------------------*/
.login-passport table.chart tr td,
.login-passport table.chart tr th {
font-size: 8pt;
border: 1px solid #add3ea;
margin: 0;
background: none;
}
.login-passport table.chart tr td {
padding: 10px;
}
.login-passport table.chart thead tr th {
padding: 5px;
font-size: 9pt;
}
.login-passport table.chart {
margin-bottom: 30px;
}
.login-passport table.chart,
.login-passport table.chart table {
border-collapse: collapse;
width: 98%;
}
.login-passport table.chart tr th {
font-size: 10pt;
color: #1f98ad;
} 
.login-passport table.chart tr td.totals {
border-color: #e7f6ff;
padding: 10px 0 0;
}
.login-passport table.chart tr td.totals table tr td {
font-weight: bold;
}
.login-passport table.chart tr td.totals table tr td.label {
color: #1f98ad; 
}
/* Content -> About Us -- removed
-------------------------------------------------------------*/

/* Content -> Scientists -- removed
-------------------------------------------------------------*/
/* Site Map
-------------------------------------------------------------*/
#content ul.sitemap,
#content ul.sitemap li {
margin-bottom: 20px;
background: none;
padding-left:0; 
font-size: 13px; 
}
#content ul.sitemap li{
font-weight: bold;
}
#content ul.sitemap {
margin-left: 10px;
}
#content ul.sitemap ul {
margin-left: 20px;
margin-top: 5px;
}
#content ul.sitemap ul li {
margin-bottom: 5px;
font-weight: normal;
font-size: 11px;
}
/* Content -> Charts
-------------------------------------------------------------*/
table.chart {
width: 100%;
}
table.chart thead tr th {
background-color: #878787;
color: #FFFFFF;
font-weight: bold;
padding: 11px 13px 10px;
}
table.chart tbody tr td {
padding: 11px 13px 10px;
line-height: 16px; 
border-bottom: 1px solid #CCCCCC; 
}
table.chart tbody tr td table tr td {
border: none;
}
table.chart tbody tr.even td {
padding: 11px 13px 10px;
line-height: 16px; 
background-color: #e3f4ff; 
}
table.my-learners thead tr th.name {
width: 18%;
}
table.my-learners thead tr th.program {
width: 20%;
}
table.my-learners thead tr th.actions {
width: 20%x;
}
table.my-gift-cert thead tr th.send-to {
width: 15%;
}
table.my-gift-cert thead tr th.certificate {
width: 15%;
}
table.my-gift-cert thead tr th.status {
width: 10%;
}
table.my-gift-cert thead tr th.actions {
width: 40%;
}
.dashboard #content div.chart {
padding: 11px 14px;
}
#content .header {
margin-bottom: 10px;
}
#content .header h3,
#content .header h5 {
display: block;
}
#content .header h5 {
font-size: 11px;
}
#content .header span {
display: block;
float: right;
color: #FF40A2;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 5px;
}
#content.col-50-50 .header span,
#content .col-50-50 .header span, {
margin-top: 0;
}
#content div.chart .header h3 {
margin-bottom: 0;
}
#content div.chart .header span {
display: block;
float: left;
color: #1f98ad;
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 4px 0 0 6px;
}
table.status tr td {
width: 120px;
padding-bottom: 3px;
}
table.chart tbody tr td.totals {
padding: 11px 0 10px;
border: none;
}
td.totals table {
float: left;
border: 1px solid #ccc;
background-color: #e3f4ff;
}
table.chart td.totals table td {
padding: 5px 10px;
text-align: left;
}
td.label {
font-weight: bold;
text-align: right;
}
tr.total td {
font-weight: bold;
}
/* Content -> Buttons
-------------------------------------------------------------*/
div.row-btn {
margin-bottom: 10px;
}
a.btn-vert {
display: block;
margin-bottom: 10px; 
margin-top: 10px;
text-decoration: none;
}
a.btn-vert:hover {
text-decoration: none; 
}
a.btn-vert .btn-top {
display: block;
background: transparent url(/i/rnd_corner_blue_TL.gif) no-repeat scroll left top;
margin-right: 6px; /* fixes transparent overlapping issues */ 
}
a.btn-vert .btn-top span {
background: transparent url(/i/rnd_corner_blue_TR.gif) no-repeat scroll right top;
display: block;
position:relative;
height: 6px;
font-size: 0; 
margin-right: -6px; /* fixes transparent overlapping issues */ 
}
a.btn-vert .btn-center {
display: block;
color: #FFFFFF;
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold; 
letter-spacing: 0.25px;
text-decoration: none;
background: #009eff url(/i/btn_read_more_blue.gif) no-repeat right center;
min-height:19px;
height:auto !important;
padding: 3px 30px 0 13px;
_padding: 3px 30px 3px 13px; 
border-right: 1px solid #b9daef;
border-left: 1px solid #b9daef; 
}
a.btn-vert .btn-bottom {
display: block;
background: transparent url(/i/rnd_corner_blue_BL.gif) no-repeat scroll left bottom;
margin-top: 0; 
margin-right: 5px; /* fixes transparent overlapping issues */ 
}
a.btn-vert .btn-bottom span {
background: transparent url(/i/rnd_corner_blue_BR.gif) no-repeat scroll right bottom !important;
display:block;
position:relative;
height: 5px;
font-size: 0;
margin-right: -5px; /* fixes transparent overlapping issues */
}
a.white {
text-decoration: none;
}
a.white .btn-top {
background: transparent url(/i/btn_white_TL.gif) no-repeat scroll left top;
}
a.white .btn-top span {
background: transparent url(/i/btn_white_TR.gif) no-repeat scroll right bottom;
}
a.white .btn-center {
background-color: #FFF;
color: #009eff;
background: #FFFFFF url(/i/btn_read_more_white.gif) no-repeat right center;
text-decoration: none; 
}
a.white .btn-bottom {
background: transparent url(/i/btn_white_BL.gif) no-repeat scroll left bottom;
}
a.white .btn-bottom span {
background: transparent url(/i/btn_white_BR.gif) no-repeat scroll right bottom !important;
}
form span.read-more#create-account {
width: 160px;
}
form span.read-more#sign-in {
width: 70px;
}
.btn-read-more-wht {
background-color: #FFF;
}
.btn-read-more-wht .box-top  {
background: transparent url(/i/btn_white_TL.gif) no-repeat scroll left top;
height: 6px;
margin: 0;
}
.btn-read-more-wht .box-top span {
background: transparent url(/i/btn_white_TR.gif) no-repeat scroll right top;
display: block;
height: 6px;
position: relative; 
font-size: 0px;
margin: 0;
}
.btn-read-more-wht a.read-more {
display: block;
position: relative;
font: 12px Arial, Helvetica, sans-serif;
letter-spacing: 0.25px;
font-weight: bold; 
text-decoration: none;
background: #fff url(/i/btn_read_more_white.gif) no-repeat right center;
margin-right: 13px;
padding: 0 26px 0 13px;
line-height: 19px;
min-height:19px;
   height:auto !important;
   height: 19px;
}
.btn-read-more-wht .box-bottom {
background: transparent url(/i/btn_white_BL.gif) no-repeat scroll left bottom;
height: 6px;
margin-top: 0; 
}
.btn-read-more-wht .box-bottom span {
background: transparent url(/i/btn_white_BR.gif) no-repeat scroll right bottom !important;
display:block;
height: 6px;
position:relative;
font-size: 0px; 
}
a.btn,
div.btn {
    background: transparent url(/i/btn_blue_left.gif) no-repeat scroll top left;
    display: inline !important;
    float: left;
    font: normal 12px arial, sans-serif;
height: 31px;
    margin-right: 6px;
    padding-left: 5px; /* sliding doors padding */
    text-decoration: none;
}
.shortcuts div.btn {
    background: transparent url(/i/btn_blueO_left.gif) no-repeat scroll top left;
}
div.btn {
margin-bottom: 10px;
}
div.btn input,
a.btn span {
display: block;
height: 31px;
background: transparent url(/i/btn_blue_right.gif) no-repeat 100% 0;
color: #FFF;
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold; 
border: none;
padding: 0 30px 0 3px;
margin-right: -3px;
cursor: pointer;
_position:relative;
}
.shortcuts div.btn input{
background: transparent url(/i/btn_blueO_right.gif) no-repeat 100% 0;
}
a.btn span,
#content .header a.btn span {
float:left;
position:relative; 
line-height: 31px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#content .header a.btn span {
margin: 0 -3px 0 0;
}
a.white {
background: #FFFFFF url(/i/btn_promo_white_left.gif) no-repeat 0 0;
text-decoration: none;
}
a.white span {
color: #009EFF;
padding-right: 38px;
background: transparent url(/i/btn_promo_white_right.gif) no-repeat 100% 0;
}
a.white:hover,
a.white:hover span {
text-decoration: none;
}
div.gray {
background: transparent url(/i/btn_grey_left.gif) no-repeat left 0;
}
div.gray input {
background: transparent url(/i/btn_grey_right.gif) no-repeat right 0;
}
div.btn.orange,
a.btn.orange {
background: transparent url(/i/btn_orange_left.gif) no-repeat left 0;
}
div.btn.orange input,
a.btn.orange span {
background: transparent url(/i/btn_orange_right.gif) no-repeat right 0;
}
a.last {
margin-right: 0;
}
/* Content -> Buttons -> Specific 
-------------------------------------------------------------*/
.promo .btn-read-more-wht {
width: 246px;
margin: 0;
  }
.promo .btn-read-more-wht a {
  } 

/* Content -> Forms
-------------------------------------------------------------*/
form h6 {
margin-bottom: 5px;
}
form fieldset {
margin: 10px 0;
}
select,
select option {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
select {
border: 1px solid #999999;
}

form input {
border: 1px solid #999999;
padding: 3px;
}

form textarea {
border: 1px solid #999999;
padding: 3px;
}

form input.checkbox {
border: none;
margin-top: 5px !important;
float: left;
}
span.checkbox {
float: left;
margin-top: 5px;
*margin-top: 8px;
}
.layout-1 span.checkbox {
width: 420px; 
}
.layout-2 span.checkbox {
width: 600px; 
} 
.layout-3 span.checkbox {
width: 500px;
}

.layout-3 span.checkbox.radio {
position: relative;
text-indent: 20px;
width: 100px;
}

.layout-3 span.checkbox.radio input {
position: relative;
top: -2px;
}

form select.month,
form select.date {
width: 55px
}
form select.year {
width: 60px
}
form input.error {
border: 1px solid #cc3300;
}
form div.row {
margin-bottom: 17px;
}
form div.row div {
float: right;
width: 48.85%;
}
form div.row label {
width: 98%;
}
form div.row label a {
font-size: 10px;
}
form div.row div input,
form div.row div select {
width: 92%;
margin: 3px 0;
}
form div.row div.full {
float: left;
width: 100%;
}
form div.row div.full input {
width: 20px;
}
form div.row div.full select#state{
width: 137px;
margin-right: 3px;
}
form div.row div.full select#province{
width: 210px;
margin-left: 3px;
}
form div.row span.note,
form div.row-alt span.note {
display: block;
font-size: 10px;
font-style:italic;
}
form div.row-alt {
margin-bottom: 17px;
}
form div.row-alt div {
float: left;
width: 160px;
}
form div.row-alt div.date {
width: 180px;
}
form div.row-alt label {
}
form div.row-alt label a {
font-size: 10px;
}
form div.row-alt input,
form select {
margin-top: 3px;
margin-left: 0;
margin-right: 0; 
}
form div.row-alt input {
width: 143px;
}
form select {
}
form div.row-btn {
margin-bottom: 17px;
}
form div.row-btn div {
float: left;
margin-right: 5px;
}
form div.row-btn label {
width: 90px;
}
form div.row-btn label a {
font-size: 10px;
}
form div.row-btn div input,
form div.row-btn div select {
margin-top: 0;
}
form div.row-btn select,
form div.row-btn span {
float: left; 
margin: 10px 10px 0 0; 
}
form div.row-btn a.btn span {
margin: 0 -3px 0 0;
}
form div.row-btn select {
width: 150px;
}
form div.blue {
background-color: #e3f4ff;
padding: 25px 20px;
}
form div.row p {
margin: 10px 0 0;
}
form div.group {
padding-left: 160px;
margin-bottom: 1em;
}
form div.group input.text {
width: 200px;
}
form div.group textarea {
width: 203px;
height: 74px;
padding: 0;
margin: 0;
}
form div.group input.verification {
width: 50px;
}
form div.group label {
  width: 160px;
}
form div.group label {
float:left;
display:inline;
margin-left: -160px;
}
form div.group div label {
float:  none;
margin-left:  0;
font-weight:  normal;
}


/* Content -> FAQs
-------------------------------------------------------------*/
.faq div#hero div.box-center {
padding: 38px 17px 20px;
}
.faq #content h5 {
margin-bottom: 10px;
} 
div.accordionize,
dl.accordionize {
margin-bottom: 30px;
}
dl.accordionize {
position: relative;
}
.faq #content .center-col h3 {
margin-bottom: -13px;
}
.faq #content h3 {text-transform: none !important;}
dl.accordionize dt {
padding-left: 15px; 
background-image: url(/i/icon_plus_minus.gif);
background-repeat: no-repeat; 
background-position: left 3px;
}
dl.accordionize dt {
margin-top: 10px;
}
dl.accordionize dt span a,
dl.accordionize dt.selected span a {
margin-right: 1px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;

}
dl.accordionize dd {
margin-left: 15px;
margin-top: 3px;
line-height: 15px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
dl.accordionize dt.selected {
background-position: -1009px 3px;
font: 11px Verdana, Arial, Helvetica, sans-serif;

}

dl.accordionize dd.selected p{
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

        /* FAQ -> New Layout
        ------------------------------------------*/
        .faq #content h5 {
        margin-bottom: 0;
        text-transform: none;
        } 
        .faq #content h5 a,
        .faq #content h5 a:hover {
        text-decoration: none;
        text-transform: none;
        border: none;
        font-size: 18px;
        font-weight: bold;
        color: #e47911;
        font-family: Arial, Helvetica, sans-serif;
        }
        .faq div.accordionize p {
        margin-left: 16px;
        margin-bottom: 5px;
        font: 11px Verdana, Arial, Helvetica, sans-serif;

        }
        .faq div.accordionize a {
        padding-left: 15px; 
        background: transparent url(/i/icon_plus.gif) no-repeat left 3px;
        line-height:18px;
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;

        }
        .faq div.accordionize a.selected {
        padding-left: 15px; 
        background: transparent url(/i/icon_minus.gif) no-repeat left 3px;
        font: 11px Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;

        }
        .faq .col-33-33-33 .row,
        .faq .col-33-33-33 .row .box-wrapper {
        width:467px;
        float: right;
        }
        .faq .col-33-33-33 .box-wrapper {
        float: right;
        }        


/* Tool Tip Styles
-------------------------------------------------------------*/
div#state_tooltip,
.tooltip_box{
  width: 300px !important;
    text-align: left;
}
/* Lightbox styles
-------------------------------------------------------------*/
.hide { /*hide does not work in*/
display: none !important;
}
div.lightBox {
width: 562px;
background-color: #fff;
text-align: left;
*opacity: 1 !important;
}
/* Overlay styles
-------------------------------------------------------------*/
div#shoppingCart div.top,
div.lightBox div.top {
padding: 10px 19px;
font-weight: bold;
font-size: 15px;
}
div#shoppingCart div.top a.close,
div.lightBox div.top a.close {
float: right;
display: inline;
color: #000;
cursor: pointer;
text-indent: -999em;
background: transparent url(/i/close_box.gif) no-repeat 0 0;
height: 15px;
width: 16px;
}
div.lightBox div.top a.close:hover {
text-decoration: none;
border: none;
}
div#shoppingCart div.mid,
div.lightBox div.mid {
padding: 0 19px;
}
div#shoppingCart div.btm,
div.lightBox div.btm {
padding: 10px 19px;
}
div.shoppingCart div.flash-demo,
div.lightBox div.flash-demo {
text-align: center;
}
div.lightBox h3 {
color: #e47911;
font-size: 17px;
font-weight: bold;
}
div#shoppingCart h3{
color: #e47911;
font-size: 17px;
font-weight: bold;
text-indent: -999em; 
height: 18px;
width: 118px;
background: transparent url(/i/text_shopping_cart.gif) no-repeat 0 0;
}
div#shoppingCart h4{
color: #e47911;
font-size: 14px;
font-weight: bold;
margin: 10px 5px;
text-indent: -999em;
height: 13px;
width: 101px;
background: transparent url(/i/text_added_to_cart.gif) no-repeat 0 0;
}
div#shoppingCart div.mid a {
color: #fff;
cursor: pointer;
}
div#shoppingCart p.header {
font-weight: bold;
font-size: 13px;
}
div#shoppingCart .box-center {
padding-bottom: 0;
}
div#shoppingCart ul.added {
padding: 5px;
}
div#shoppingCart ul.added li {
float: left;
display: inline;
width: 140px;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 80px;
}
div#shoppingCart ul.added li img {
float: left;
display: inline-block;
margin-left: -80px;
}
div#shoppingCart ul.added li p {
float: left;
display: inline;
width: 140px;
}
div#shoppingCart ul.added li p strong,
div#shoppingCart ul.added li p span {
display: block;
}
div#shoppingCart div.row-btn {
margin-top: 20px;
}
iframe#ieFormFix{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.read-more span.success{
color:  #006400;
display: block;
width: 300px;
float: left;
position: relative;
top: -15px;
left: 108px;
}
.read-more span.error{
color:  red;
display: block;
width: 300px;
float: left;
position: relative;
top: -15px;
left: 108px;
}

/* Hacks
-------------------------------------------------------------*/
div#content ol#steps li:after,
.box-center:after,
span.read-more:after,
div.row-btn:after,
ul#steps li:after,
ul.links:after,
#content ul:after,
.buy-now ul li:after, 
.shortcuts ul li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#content ol#steps li,
.box-center,
span.read-more,
div.row-btn,
ul#steps li,
ul.links,
.buy-now ul li, 
.shortcuts ul li,
#content ul {
display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac \*/
* html div#content ol#steps li,
* html .box-center,
* html span.read-more,
* html row-btn,
* html ul#steps li,
* html ul.links,
* html .buy-now ul li, 
* html .shortcuts ul li,
* html #content ul {
height: 1%;
}
.div#content ol#steps li,
.box-center,
span.read-more,
div.row-btn,
ul#steps li,    
ul.links,
.buy-now ul li, 
.shortcuts ul li,
#content ul {
display: block;
}
/* End hide from IE-mac */
iframe {
border: 0;
}
/* table for show times */
table.outline { border-collapse: collapse; border: 1px solid #e2e3e2;width:100%}
table.outline  td { border: 1px solid #e2e3e2;padding:4px; font-size:12px; }
table.outline  th { border: 1px solid #e2e3e2;padding:4px; font-size:12px; }