/******************************************************************************
 *  Copyright 2003-2008 SchoolRack, All Rights Reserved.
 *  Written by Michael Whalen
 *
 *  ====
 *  SR Global Styles
 *  ====
 *
 *  *Note:  The @blah act's as a tag, use it to search this stylesheet
 *          to jump to the desired style.
 *
 *  - Dashboard Structure -- @structure @sidebar @content
 *  - Sidebar -- @sidebar
 *

 * Global Style
 *  @global
 ******************************************************************************/


* { margin: 0; padding: 0; }

body {
    background: #D6EBFB;
    font: normal 100% Helvetica, Arial, Verdana, Sans-serif;
    height: 100%;
    width: 100%;
}

#header .inner.child,
#subheader .inner.child,
#wrapper .inner.child {
    width: 780px;
    margin: 0 auto;
}

/******************************************************************************
 * Header
 *  @header
 ******************************************************************************/

/** Global Notice above Header **/

.globalNotice {
    background: #fbb65b;
    padding-top: 2px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    display: block;
    color: #6B512E;
}

    .globalNotice a {
        color: #6B512E;
    }

#header {
    height: 60px;
    background: url(/img/base/headerBg.png) top left repeat-x;
}

    #header .inner.child { 
        position: relative;
        height: 60px;
    }

    #header h1 { display: none; }

    #header #logo {
        width: 160px;
        height: 26px;
        position: absolute;
        top: 18px;
    }

        #header #logo a img { border: none; }

/* /// @statusbar /// Statusbar /// */
#header #statusbar {
    position: absolute;
    top: 8px;
    right: 0px;
    color: #D8EBFB;
    font-size: 12px;
}

    #header #statusbar a {
        color: #D8EBFB;
        text-decoration: none;
        border-bottom: 1px solid #7BBCF2;
    }

    #header #statusbar a:hover {
        border-bottom: none;
    }

/* /// @nav /// Top-Level Navigation /// */
#header ul#nav {
    list-style-type: none;
    float: right;
    margin-top: 29px;
}

    #header ul#nav li {
        float: left;
        margin-left: 5px;
    }

    #header ul#nav li a {
        line-height: 1em;
        background: url(/img/base/topNavNormal.png) top right no-repeat;
        display: block;
        white-space: nowrap;
        color: #15568F;
        text-decoration: none;
        text-shadow: 0 1px 0 #B6D2EE;
    }

    #header ul#nav li a span {
        display: block;
        background: url(/img/base/topNavNormal.png) top left no-repeat;
        height: 31px;
        line-height: 31px;
        padding: 0 0 0 13px;
        margin-right: 13px;
        font-weight: bold;
        font-size: 13px;
        position: relative;
    }

    #header ul#nav li a:hover {
        background-position: bottom right;
        cursor: pointer !important;
    }

    #header ul#nav li a:hover span {
        background-position: bottom left;
        color: #355C99;
    }

    body.home-tab ul#nav li.home a,
    body.teachers-tab ul#nav li.teachers a,
    body.students-tab ul#nav li.students a,
    body.register-tab ul#nav li.register a,
    body.search-tab ul#nav li.search a,
    body.help-tab ul#nav li.help a,
    body.resources-tab ul#nav li.resources a,
    body.about ul#nav li.about a,
    body.learnmore-tab ul#nav li.learn a,
    body.contact-tab ul#nav li.contact a {
        background: url(/img/base/topNavActive.png) top right no-repeat !important;
        color: #247bbb !important;
        font-weight: bold;
        text-shadow: 0 1px 0 #FFF !important;
    }

    body.home-tab ul#nav li.home a span,
    body.teachers-tab ul#nav li.teachers a span,
    body.students-tab ul#nav li.students a span,
    body.register-tab ul#nav li.register a span,
    body.search-tab ul#nav li.search a span,
    body.help-tab ul#nav li.help a span,
    body.resources-tab ul#nav li.resources a span,
    body.about ul#nav li.about a span,
    body.learnmore-tab ul#nav li.learn a span,
    body.contact-tab ul#nav li.contact a span {
        background: url(/img/base/topNavActive.png) top left no-repeat !important;
    }

/******************************************************************************
 * Subheader Styles
 *  @subheader
 ******************************************************************************/

#subheader {
    color: #FFF;
    height: 50px;
    line-height: 50px;
    padding: 0;
    background: url(/img/base/subheaderBg.png) top left repeat-x;
}

    #subheader .inner { position: relative; }

    #subheader h2 {
        font-weight: normal;
        color: #001b5b;
        margin-bottom: 2px;
        font-weight: bold !important;
        text-shadow: 0px 1px 0px #FFF;
    }

        #subheader h2 span { color: #5C92B9; font-weight: normal; }

    /* Secondary lines of text in subheader no longer used. */
    #subheader h3 {
        font: normal 12px "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
        color: #4990C3;
        display: none;
    }

/* /// @viewsite /// View Site Link -- Teachers Only /// */
#subheader a.viewSite {
    position: absolute;
    top: 4px;
    right: 0px;
    height: 44px;
    background: url(/img/base/viewSite.gif) top right no-repeat;
    text-decoration: none;
    line-height: 1em !important;
    display: none;
}

    body.home-tab #subheader a.viewSite {
        display: block;
    }
    

    #subheader a.viewSite:hover { background-position: 100% -44px; cursor: pointer !important; }
    #subheader a.viewSite:active { background-position: 100% -88px; }

    #subheader a.viewSite span.viewSiteInner {
        background: url(/img/base/viewSite.gif) top left no-repeat;
        display: block;
        height: 44px;
        margin: 0 15px 0 -5px;
        padding: 0 5px 0 13px;
    }

        #subheader a.viewSite:hover span.viewSiteInner { background-position: 0 -44px; }
        #subheader a.viewSite:active span.viewSiteInner { background-position: 0 -88px; }

        #subheader a.viewSite span.url,
        #subheader a.viewSite span.text {
            display: block;
        }

        #subheader a.viewSite span.url {
            font-size: 11px;
            color: #65831B;
            height: 15px;
            padding: 5px 0 1px 0;
        }

        #subheader a.viewSite span.text {
            text-transform: uppercase;
            color: #3F5803;
            font-weight: bold;
            font-size: 13px;
            padding: 2px 0 0 0;
            text-shadow: 0 1px 0 #dbf3a2;
        }


/******************************************************************************
 * Wrapper
 *  @wrapper
 ******************************************************************************/

#wrapper { background: #FFF; }

#wrapper .inner.child {
    padding: 20px 0;
}

    #wrapper .inner.child:after {
        content: ".";
        visibility: hidden;
        height: 0;
        clear: both;
        display: block;
    }

    #wrapper #sidebar {
        float: left;
        width: 170px;
    }

    #wrapper #content {
        width: 570px;
        margin-right: 15px;
        float: right;
        display: block;
    }


/******************************************************************************
 * Global Text/Link Styles
 *  @global
 ******************************************************************************/

a       { color: #216FA9; }
a:hover { text-decoration: none; }

p {
    line-height: 1.6em;
    font-size: 13px;
    margin-bottom: 10px;
}

#content > ul {
    margin: 0 0 10px 30px;
}

#content > ul li {
    line-height: 1.6em;
    font-size: 13px;
    margin-bottom: 5px;
}

#content h3 {
    font-size: 16px;
    color: #555;
}

#content h3.homestyle {
    background: url(/img/homepage/sectionHeaderSmall.png) top left no-repeat;
    padding: 15px;
    color: #666;
    font-weight: normal;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

#content h4, h4 {
    color: #0764a9;
    margin-bottom: 5px;
}

    #content h4 span {
        color: #5585A9;
        font-weight: normal;
    }

.textBox {
    width: 550px;
    padding: 10px;
    border: 1px solid #CCC;
    font: 12px Verdana, Helvetica, Sans-serif;
    height: 250px;
}

.clearfix {
    content: ".";
    visibility: hidden;
    height: 0;
    clear: both;
    display: block;
}

.clearafter:after, .clear:after {
    content: ".";
    visibility: hidden;
    height: 0;
    clear: both;
    display: block;
}

/******************************************************************************
 * Footer
 *  @footer
 ******************************************************************************/

#footer {
    background: url(/img/base/footerBg.png) top left repeat-x;
    padding: 20px 0;
    font: 12px "Lucida Grande", Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
    color: #216FA9;
}

#footer a {
    color: #216FA9;
}

#footer #socialMedia {
    clear: both; 
    width: 100%; 
    overflow: hidden;
    width: 560px;
    height: 36px;
    line-height: 36px;
    background: url(/img/socialMediaFooter.png) 0 0 no-repeat;
    margin: 20px auto 0 auto;
}

#footer ul.socialMedia {
    padding: 0; 
    margin: 0 auto; 
    list-style-type: none;
    float: left;
    position: relative;
    left: 50%;
}

    #footer ul.socialMedia li {
        float: left; 
        position: relative;
        right: 50%;
    }
    
        #footer ul.socialMedia li a {
            width: auto;
            display: block;
            padding: 0 23px;
            height: 36px;
            line-height: 36px;
            float: left;
        }
        
        #footer ul.socialMedia li.twitter a {
            background: url(/img/footerTwitter.png) center left no-repeat;
        }
        
        #footer ul.socialMedia li.facebook a {
            background: url(/img/footerFacebook.png) center left no-repeat;
        }
        
        #footer ul.socialMedia li.blog a {
            background: url(/img/footerRSS.png) center left no-repeat;
        }
        

#footer .inner {
    width: 760px;
    margin: 0 auto;
}


#footer span.left {
    float: left;
    font-weight: bold;
}

#footer span.right {
    float: right;
    color: #A4C9E6;
}

    #footer span.right a {
        color: #478FCA;
    }

/******************************************************************************
 * Dialog System
 *  @dialog
 ******************************************************************************/

#srDialogOverlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 5000;
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
}

#srDialogLoading {
    position: fixed; top: 50%; left: 50%; margin: -25px 0 0 -25px; z-index: 2001;
}

#srDialog {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 6000;
    width: 500px;
    border: 1px solid #3A9BDB;
    background: #FFF;
}

    #srDialog .srDialogHeader {
        height: 35px;
        line-height: 35px;
        background: #288cd5 url(/img/dialog/dialogHeadingBg.png) top left repeat-x;
        position: relative;
        padding: 0 10px;
        color: #FFF;
        margin: 0;
    }
    
        #srDialog .srDialogHeader span.loadingStatus {
            position: absolute;
            top: 7px;
            right: 10px;
            background: url(/img/dialogSpinner.gif) 0 2px no-repeat;
            display: block;
            padding-left: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 11px;
            font-weight: bold;
        }
    
        #srDialog .srDialogHeader h3 {
            font-size: 18px;
            font-weight: normal;
        }
    
    #srDialog .srDialogBody {
        padding: 10px;
    }
    
    #srDialog .srDialogBody ul {
        padding-left: 20px;
        font-size: 13px;
    }
    
    #srDialog .srDialogFooter {
        background: #EEE;
        padding: 10px 15px;
        border-top: 1px solid #DDD;
    }

/******************************************************************************
 * SR Message Styles
 *  @messaging
 ******************************************************************************/
 
#wrapper .srMessage {
    margin: 0 auto 15px auto;
    position: relative;
    color: #111;
    font-size: 13px;
    padding: 7px 10px;
}

    #wrapper .srMessage a {
        color: #111;
    }

    #wrapper .srMessage p {
        margin: 0;
        padding: 0;
        font-weight: bold;
    }

    #wrapper .srMessage a.close {
        position: absolute;
        display: block;
        top: -8px;
        right: -9px;
        height: 21px;
        width: 21px;
        background: url(/img/message_close.gif);
        text-indent: -9999em;
        z-index: 102;
    }

        #wrapper .srMessage.error a.close { background-position: 0 0; }
        #wrapper .srMessage.warning a.close { background-position: -21px 0; }
        #wrapper .srMessage.success a.close { background-position: -42px 0; }

    #wrapper .srMessage .nw,
    #wrapper .srMessage .ne,
    #wrapper .srMessage .sw,
    #wrapper .srMessage .se {
        display: block;
        position: absolute;
        width: 1px;
        height: 1px;
        z-index: 101;
        background-color: #FFF;
    }

        #wrapper .srMessage .nw { top: 0; left: 0; }
        #wrapper .srMessage .ne { top: 0; right: 0; }
        #wrapper .srMessage .sw { bottom: 0; left: 0; }
        #wrapper .srMessage .se { bottom: 0; right: 0; }

    #wrapper .srMessage.note {
        background-color: #CCC;
        color: #333;
        font-weight: normal !important;
    }

        #wrapper .srMessage.note a {
            color: #333;
        }

    #wrapper .srMessage.error {
        background-color: #D3555E;
        color: #FFF;
    }

        #wrapper .srMessage.error a {
            color: #FFF;
        }

    #wrapper .srMessage.warning {
        background-color: #D8875A;
        color: #FFF;
    }

        #wrapper .srMessage.warning a {
            color: #FFF;
        }

    #wrapper .srMessage.success {
        background-color: #8DCC66;
    }


/******************************************************************************
 * Global Button Styles
 *  @buttonbar @buttons @newbuttonbar
 ******************************************************************************/

div.buttons {
    clear: left;
    display: block;
}

div.buttons.border {
    border-top: 1px solid #EEE;
    padding-top: 5px;
}

div.buttons:after {
    content: ".";
    visibility: hidden;
    height: 0;
    clear: both;
    display: block;
}

div.buttons.center {
    text-align: center;
}

div.buttons.large .btn {
    font-size: 16px !important;
}

div.buttons.exlarge .btn {
    font-size: 20px !important;
}

div.buttons.small .btn {
    font-size: 12px;
}

div.buttons.top {
    margin-top: 15px;
}

div.buttons.bottom {
    margin-bottom: 15px;
}

div.buttons.type.a {
    padding: 10px 0;
    margin-left: 167px;
}

div.buttons.type.c {
    margin-left: 30px;
}

div.buttons.type.m {
    margin-left: 115px;
}

.btn {
    display: inline-block;
    background: none;
    margin: 0 7px 0 0 !important;
    padding: 3px 0;
    border-width: 0;
    overflow: visible;
    font: normal 12px "Lucida Grande", Tahoma, Verdana, sans-serif;
    text-shadow: 0 1px 0 #FFF;
    font-weight: normal !important;
    text-decoration: none;
    color: #333 !important;
}

.btn.disabled {
    color: #999 !important;
}

.btn.right {
    float: right;
    margin-left: 7px !important;
    margin-right: 0 !important;
}

* html button.btn {
    padding-bottom:1px;
}

html:not([lang*=""]) button.btn {
    margin:0 -3px;
}

.btn span {
    background:#ddd url(/img/buttons/bg-button.gif) repeat-x 0 0;
    margin:0;
    padding:3px 0;
    border-left:1px solid #bbb;
    border-right:1px solid #aaa;
}

* html .btn span {
    padding-top:0;
}

.btn span span {
    position:relative;
    padding: 3px 10px;
    border-width: 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #aaa;
}

button.pill-l span {
    border-right-width:0;
}

button.pill-l span span {
    border-right:1px solid #bbb;
}

button.pill-c span {
    border-right-style:none;
    border-left-color:#fff;
}

button.pill-c span span {
    border-right:1px solid #bbb;
}

button.pill-r span {
    border-left-color:#fff;
}

.btn:hover span, .btn:hover span span, 
.btn:focus span, .btn:focus span span,
.btn.hover span, .btn.hover span span {
    cursor: pointer;
    border-color: #89A7BE !important;
    color: #0B4E81 !important;
}

    .btn.disabled:hover span, .btn.disabled:hover span span, 
    .btn.disabled:focus span, .btn.disabled:focus span span,
    .btn.disabled.hover span, .btn.disabled.hover span span {
        cursor: default !important;
        color: #999 !important;
        border-color: #CCC !important;
    }

.btn:active span {
    background-position:0 -400px;
    outline: none;
}

.btn:focus, .btn:active {
    outline: none;
}

.btn.target {
    font-weight: bold !important;
    color: #000;
}

/******************************************************************************
 * Global Form Styles
 *  @form @forms 
 ******************************************************************************/

fieldset { border: 0 none; }

fieldset.registration {
    border: 1px solid #8EF098;
    background: #E8FCEA;
    padding: 10px 20px;
    margin: 10px 20px 0 20px;
}

fieldset.registration legend {
    color: #208E2B;
    display: block;
    padding: 0 5px;
}

fieldset.legend,
fieldset.credit {
    border-top: 1px solid #DDD;
    padding: 7px;
}

    fieldset.legend legend,
    fieldset.credit legend {
        padding: 0 5px;
        color: #999;
        font-size: 14px;
    }

fieldset#registration input.text,
fieldset#login input.text {
    font-size: 16px !important;
    font-weight: bold;
}

fieldset label {
    color: #777;
    font-size: 12px;
    line-height: 18px;
    display: block;
    clear: left;
    margin-bottom: 10px;
    position: relative;
}

fieldset.type.c label {
    margin-bottom: 15px;
}

fieldset hr {
    height: 0px;
    border: 1px solid #EEE;
    border-width: 1px 0 0 0;
    padding: 0;
    margin: 10px 0;
}

fieldset label span.label {
    clear: left;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 30px;
    margin: 0 15px 0 0;
    text-align: right;
    color: #216FA9;
    text-align: right;
}

    fieldset.type.a label span.label {
        width: 150px;
    }
    
    fieldset.type.a.narrow label span.label {
        width: 100px;
    }
    
    fieldset.type.b label span.label {
        width: 210px;
    }
        
    fieldset.type.c label span.label {
        margin-left: 30px;
        text-align: left;
        clear: none;
        float: none;
        line-height: 1.2;
        font-size: 14px;
    }
    
    fieldset.type.m label span.label {
        width: 100px;
    }

fieldset label span.msg {
    display: block;
    font-size: 11px;
    color: #444;
    line-height: 18px;
    display: block;
}

    fieldset.type.a label span.msg {
        margin: 0 0 5px 165px;
    }
    
    fieldset.type.a.narrow label span.msg {
        margin: 0 0 5px 115px;
    }

    fieldset.type.b label span.msg {
        margin: 0 0 5px 225px;
    }
    
    fieldset.type.c label span.msg {
        margin-left: 30px;
        font-size: 12px;
    }
    
    fieldset.type.m label span.msg {
        margin-left: 115px;
    }

form span.error,
fieldset label span.error {
    font-weight: bold;
    color: #FF523E;
}
    
fieldset input.text,
fieldset input.vTextField {
    background: url(/img/homepage/formInputBg.png) top left repeat-x;
    border: 1px solid #CCC;
    font: bold 12px Helvetica, Arial, Sans-serif;
    padding: 5px;
    width: 250px;
    color: #333;
    margin: 0 0 5px 165px;
    display: block;
}

fieldset.type.a.wide input.text,
fieldset.type.a.wide input.vTextField {
    width: 350px;
}

fieldset.type.a.narrow label input.text,
fieldset.type.a.narrow label input.vTextField {
    margin-left: 115px;
    width: 240px;
}

fieldset.type.m input.text,
fieldset.type.m input.vTextField {
    margin-left: 115px;
}

fieldset input.checkbox,
fieldset input.vCheckboxField {
    float: left;
    display: block;
    clear: left;
}

fieldset input.file {
    margin: 0 0 5px 165px;
    display: block !important;
}

fieldset.type.a.narrow input.file {
    margin-left: 115px;
}

fieldset.type.b label {
    padding: 5px 0 0 0;
}

fieldset.type.b label select {
    display: block;
    width: 250px;
    margin: 5px 0 5px 225px;    
}

fieldset.type.c label select {
    margin: 5px 0 5px 30px;
}

fieldset span.checkboxes {
    display: block;
    padding: 2px 0 0 0;
}

fieldset.type.b span.checkboxes {
    margin: 0 0 5px 225px;
}

    fieldset.type.a span.checkboxes {
        margin: 0 0 5px 165px;
    }

    fieldset.type.b span.checkboxes {
        margin: 0 0 5px 225px;
    }

    fieldset span.checkboxes label {
        clear: none;
    }
    
    fieldset span.checkboxes span.checkLabel {
        margin-left: 5px;
        color: #000;
        font-weight: bold;
    }

fieldset textarea {
    border: 1px solid #CCC;
    font: normal 12px Helvetica, Arial, Sans-serif;
    padding: 5px;
    width: 250px;
    color: #333;
    margin: 0 0 5px 165px;
    display: block;
}

    fieldset textarea.wide {
        width: 370px;
    }
    
    fieldset.type.m textarea {
        margin-left: 115px;
        width: 440px;
        height: 300px;
    }


/* captcha */

label.captcha img.captchaImage {
    border: 1px solid #CCC;
}


/* =MOVE */

.pagination {
    border-top: 1px solid #6ab9f2;
    display: block;
    height: 30px;
}

    .pagination hr {
        background: #d2f0ff;
        border: none;
        height: 3px;
        margin: 0 0 5px 0;
        padding: 0;
    }

    .pagination a { font-size: 13px; text-transform: uppercase; }
    .pagination a.previous { float: left; }
    .pagination a.next { float: right; }


/* == PLAN SELECTION @plans == */
#plans {
    background: #FFF url(/img/plans/bgFade.png) top left repeat-x;
}

    #plans .inner {
        padding: 10px;
        width: 780px;
        margin: 0 auto;
    }

    #plans .plansHeader {
        text-align: center;
    }
    
        #plans .plansHeader h3 {
            font-size: 30px;
        }
        
        #plans .plansHeader h4 {
            font-size: 18px;
        }
    
    .plans {
        width: 570px;
        margin: 20px auto;
    }
    
        .plans p.small {
            float: left;
            display: none;
        }
    
        .plans .plan {
            width: 275px;
            float: left;
            border: 1px solid #CCC;
            padding: 3px 3px 10px 3px;
            background: #FFF;
            text-align: center;
        }
        
            .plans .plan h4 {
                padding: 7px;
                background: #EEE;
                border-bottom: 1px solid #DDD;
                font-size: 20px;
                color: #333;
            }
            
            .plans .plan ul.planDetails {
                list-style: none;
                font-weight: bold;
                line-height: 1.7em;
            }
            
            .plans .plan ul.planDetails li {
                color: #333;
            }
            
            .plans .plan ul.planDetails li span {
                color: #3798da;
            }
        
    .plans .plan.free {
        border-right: none;
        background: #FFF url(/img/plans/freeBg.png) top right repeat-y;
        margin-top: 40px;
    }
    
    .plans .plan.plus {
        border: 3px solid #d98533;
    }
    
    .plans .plan.plus h4 {
        background: #fbf3ea;
        border-color: #f4ddc6;
        color: #cf6700;
        font-size: 26px;
    }
        
        .plans .plan.plus h4 span {
            display: block;
            font-size: 20px;
            color: #d8832f;
        }
        
        .plans .plan.plus p.bonus {
            color: #4682ba;
            font-weight: bold;
            margin-top: 5px;
        }
    
    #plans .plansIcons {
        list-style: none;
        margin-bottom: 20px;
        height: 50px;
    }
    
    #plans .plansIcons li {
        float: left;
        width: 25%;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
    }
    
        #plans .plansIcons li p {
            line-height: 50px;
        }
    
        #plans .plansIcons li.secure {
            width: 29% !important;
            background: url(/img/plans/secure.png) 0 0 no-repeat;
        }
        
            #plans .plansIcons li.secure p {
                padding-left: 45px;
            }
            
        #plans .plansIcons li.affordable {
            width: 22% !important;
            background: url(/img/plans/affordable.png) 0 0 no-repeat;
        }
            
            #plans .plansIcons li.affordable p {
                padding-left: 60px;
            }
        
        #plans .plansIcons li.easy {
            width: 24%;
            background: url(/img/plans/easy.png) 0 0 no-repeat;
        }
            
            #plans .plansIcons li.easy p {
                padding-left: 55px;
            }
            
        #plans .plansIcons li.tax {
            background: url(/img/plans/tax.png) 0 0 no-repeat;
        }
        
            #plans .plansIcons li.tax p {
                padding-left: 55px;
            }
    
    #plans .plansExtra {
        border-top: 1px solid #CCC;
        padding: 20px;
    }
    
        #plans .plansExtra h4 {
            font-size: 15px;
            color: #333;
        }
        
        #plans .plansExtra .col {
            float: left;
            width: 200px;
            padding-right: 20px;
        }

        #plans .plansExtra .image {
            float: right;
        }


/******************************************************************************
 * About Page Styles
 *  @about
 ******************************************************************************/

body.about ul.aboutNavigation li.about-navitem a.parent,
body.press ul.aboutNavigation li.press-navitem a.parent,
body.advertise ul.aboutNavigation li.advertise-navitem a.parent,
body.partners ul.aboutNavigation li.partners-navitem a.parent,
body.privacy ul.aboutNavigation li.privacy-navitem a.parent,
body.terms ul.aboutNavigation li.terms-navitem a.parent {
    background-position: 0 -52px !important;
    color: #334e64 !important;
    text-shadow: 0 1px 0 #d5ecff !important;
}

ul.aboutNavigation {
    list-style-type: none;
    font-size: 12px;
}

    ul.aboutNavigation li.parent {
        margin-bottom: 5px;
    }

    ul.aboutNavigation li.parent a.parent {
        display: block;
        padding: 0 10px;
        font-weight: bold;
        text-decoration: none;
        background: #EEE;
        color: #333;
        text-shadow: 0 1px 0 #FFF;
        height: 26px;
        line-height: 26px;
        background: url(/img/about/sidebarNavButton.png) top left no-repeat;
    }

    ul.aboutNavigation li.parent a.parent:active {
        background-position: 0 -26px;
    }

    body.about ul.aboutNavigation li.about-navitem a.parent {
        background: url(/img/about/sidebarNavButton_expandedTop.png) top left no-repeat !important;
    }

    ul.aboutNavigation li.about-navitem ul {
        display: none;
    }

    body.about ul.aboutNavigation li.about-navitem ul {
        list-style-type: none;
        background: url(/img/about/sidebarNavButton_expandedMid.png) top left repeat-y;
        padding: 5px 4px;
        display: block;
    }

        ul.aboutNavigation li.about-navitem span.footer {
            display: none;
        }

        body.about ul.aboutNavigation li.about-navitem span.footer {
            display: block;
            clear: both;
            height: 8px;
            background: url(/img/about/sidebarNavButton_expandedBottom.png) top left no-repeat;
        }

        body.about ul.aboutNavigation li.about-navitem ul li {
            padding: 3px 11px;
        }

        body.our-mission ul.aboutNavigation li.mission-navitem,
        body.our-history ul.aboutNavigation li.history-navitem,
        body.who-we-are ul.aboutNavigation li.who-navitem,
        body.benefits ul.aboutNavigation li.benefits-navitem {
            background: url(/img/about/sidebarNavButton_expandedIndicator.png) 0 5px no-repeat;
        }

            body.our-mission ul.aboutNavigation li.mission-navitem a,
            body.our-history ul.aboutNavigation li.history-navitem a,
            body.who-we-are ul.aboutNavigation li.who-navitem a,
            body.benefits ul.aboutNavigation li.benefits-navitem a {
                font-weight: bold;
                text-decoration: none;
                color: #2E4D6B;
            }

#wrapper blockquote.rounded {
    background: #DDD;
    padding: 15px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
    position: relative;
}

    #wrapper blockquote.rounded p {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
        font-size: 18px;
        margin: 0;
    }

div.signature {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    margin: 10px 0 0 20px;
    color: #333;
}

div.signature span.left {
    float: left;
}

div.signature p {
    margin: 0 0 0 25px;
}

div.screenshot.first {
    margin-top: 15px;
}

div.screenshot {
    margin-bottom: 20px;
}

    div.screenshot h4 {
        font-size: 14px;
    }

    div.screenshot img {
        border-bottom: 1px solid #2B8BCF;
    }

/* ---[ @press ]--- */

#pressBox {
    position: relative;
    float: right;
    background: #DDD;
    padding: 10px;
    width: 220px;
}

    #pressBox h3 {
        font-size: 15px;
        margin-bottom: 0.5em;
    }
    
    #pressBox p {
        font-size: 12px;
    }
    
    #pressBox p a {
        font-weight: bold;
    }
    
    #pressBox span.bull {
        color: #888;
    }

ul.press {
    padding-top: 15px;
}

    ul.press h4 {
        color: #000 !important;
    }
    
        ul.press h4 span {
            color: #555 !important;
        }
        
    ul.press li {
        padding-bottom: 10px;
    }

/******************************************************************************
 * 'Learn More' Styles (/learn-more/)
 *  @learn @learnmore @learn-more
 ******************************************************************************/

body.learnmore-tab #wrapper {
    background: #FFF url(/img/plans/bgFade.png) top left repeat-x;
}

    #learnMore .learnmoreHeader {
        margin-bottom: 1em;
    }

    #learnMore .learnmoreHeader h3 {
        font-size: 26px;
    }
    
    #learnMore .learnmoreHeader h4 {
        font-size: 16px;
    }
    
    .learnMoreList ul.learnMoreToggle {
        list-style: none;
        border-bottom: 1px solid #cde0ee;
        height: 32px;
        padding-left: 30px;
    }
    
        .learnMoreList ul.learnMoreToggle li {
            float: left;
            margin-right: 10px;
            text-align: center;
        }
        
        .learnMoreList ul.learnMoreToggle li a {
            display: block;
            width: 250px;
            line-height: 33px;
            height: 33px;
            color: #216FA9;
            text-decoration: none;
            background: url(/img/learnmore/tab.gif) 0 -33px;
        }
        
        .learnMoreList ul.learnMoreToggle li.active a {
            border-bottom: 1px solid #FFF;
            background-position: 0 0;
            font-weight: bold;
            color: #444;
        }
    
    .featureDetail {
        padding: 10px 5px 5px 5px;
        background: #FFF;
        clear: both;
        display: none;
    }
    
    .featureDetail.active {
        display: block;
    }
    
    ul.featureList {
        list-style: none;
    }
    
        ul.featureList li {
            border-bottom: 1px solid #EEE;
            margin-bottom: 10px;
        }
    
        ul.featureList li h4 {
            font-size: 14px;
        }
        
        ul.featureList li a img {
            border: none !important;
            float: left;
            margin-bottom: 10px;
        }
        
        ul.featureList li h4,
        ul.featureList li p {
            display: block;
            margin-left: 160px;
        }
        
        ul.featureList li p {
            margin-bottom: 10px;
        }
    
.signUpBox {
    padding: 10px;
    text-align: center;
    background: #F7E7D4;
    border: 1px solid #FBAA48;
    font-weight: bold;
    font-size: 14px;
}

    .signUpBox p {
        margin: 0;
    }


/******************************************************************************
 * Teacher Testimonials
 *  @testimonials
 ******************************************************************************/

#testimonials {
    width: 660px;
    margin: 0 auto;
}

    #testimonials .testimonial {
        padding: 15px 30px 10px 30px;
        border-bottom: 1px solid #EEE;
    }
    
        #testimonials .testimonial blockquote {
            background: url(/img/testimonials/bqOpenQuote.gif) 0 4px no-repeat;
        }
        
        #testimonials .testimonial blockquote p:first-child {
            text-indent: 25px;
        }
        
        #testimonials .testimonial blockquote p span.lastWord {
            background: url(/img/testimonials/bqClosedQuote.gif) 100% 3px no-repeat;
            padding-right: 25px;
        }
        
        #testimonials .testimonial p cite {
            font-weight: bold;
            color: #2b567d;
            padding-left: 20px;
        }
        
        #testimonials .testimonial a {
            color: #3870A3;
        }


/******************************************************************************
 * Teacher Testimonials
 *  @testimonials
 ******************************************************************************/

ul.linkIconGrid {
    list-style-type: none;
    margin: 20px 0;
}

    ul.linkIconGrid:after {
        content: ".";
        visibility: hidden;
        height: 0;
        clear: both;
        display: block;
    }

    ul.linkIconGrid li {
        width: 48%;
        padding-right: 2%;
        float: left;
        margin-bottom: 10px;
    }
    
        ul.linkIconGrid li.left {
            float: left !important;
        }
        
        ul.linkIconGrid li.right {
            float: right !important;
        }
    
        ul.linkIconGrid li img.icon {
            float: left;
        }
        
        ul.linkIconGrid li h3,
        ul.linkIconGrid li p {
            display: block;
            margin-left: 70px;
        }
    
        ul.linkIconGrid li h3 {
            font-size: 14px;
        }
        
            ul.linkIconGrid li h3 a {
                color: #2b567d;
            }

.columnCluster .module {
    float: left;
    width: 48%;
    padding-right: 2%;
}

    .columnCluster .module .header {
        height: 35px;
        line-height: 35px;
        background: #288cd5 url(/img/homepage/americaHeadingBg.png) top left repeat-x;
        position: relative;
        padding: 0 10px;
        color: #FFF;
        margin: 0 0 10px 0;
        display: block;
        text-decoration: none;
    }
    
        .columnCluster .module .header h2 {
            font-size: 18px;
            color: #FFF !important;
        }
    
    .columnCluster .module .inner {
        padding-right: 20px;
    }

        .columnCluster .module .inner p {
            font-weight: bold;
        }
        
            .columnCluster .module .inner p a {
                color: #000;
            }

/******************************************************************************
 * Pick School (/school/pick/)
 *  @school @pick
 ******************************************************************************/

dl.schoolList {
/*    background: red;*/
}

    dl.schoolList dt {
        float: left;
        display: block;
        width: 40px;
        font-size: 16px;
        clear: left;
        border-top: 3px solid #EEE;
        padding-top: 5px;
        text-align: right;
        color: #999;
    }

    dl.schoolList dd {
        padding-top: 8px;
        display: block;
        margin-left: 40px;
        padding-left: 15px;
        border-top: 1px solid #EEE;
        margin-bottom: 15px;
    }

        dl.schoolList dd span.name {
            display: block;
            font-weight: bold;
            font-size: 14px;
        }

        dl.schoolList dd span.address {
            display: block;
            color: #333;
            font-size: 13px;
        }

        dl.schoolList dd span.button {
            display: block;
            margin-top: 5px;
        }

/******************************************************************************
 * Teacher List
 *  @teacher @school
 ******************************************************************************/

dl.teacherList {
/*    background: red;*/
}

    dl.teacherList dt {
        float: left;
        display: block;
        width: 50px;
        font-size: 16px;
        clear: left;
        border-top: 3px solid #EEE;
        padding-top: 5px;
        text-align: right;
        color: #999;
    }

    dl.teacherList dd {
        padding-top: 8px;
        display: block;
        margin-left: 50px;
        padding-left: 15px;
        border-top: 1px solid #EEE;
        margin-bottom: 25px;
    }

        dl.teacherList dd span.name {
            font-weight: bold;
            font-size: 14px;
        }
        
        dl.teacherList dd span.username {
            font-size: 14px;
        }

        dl.teacherList dd span.address {
            display: block;
            color: #333;
            font-size: 13px;
        }

        dl.teacherList dd span.button {
            display: block;
            margin-top: 5px;
        }

            
/* /// ROUNDED CORNERS /// */
.rounded .nw,
.rounded .ne,
.rounded .sw,
.rounded .se {
    display: block;
    position: absolute;
    background: #FFF;
    height: 1px;
    width: 1px;
    z-index: 2000;
}

.rounded .nw, .rounded .ne { top: 0; }
.rounded .sw, .rounded .se { bottom: 0; }

.rounded .nw, .rounded .sw { left: 0; }
.rounded .ne, .rounded .se { right: 0; }