/********************************************
* SkyMed
* Developed by I-ology
* http://www.i-ology.com
*
* Created 03/10/2009- BD
*
* Enroll Style Definitions
********************************************/

/*******************************************
* Layout Definitions
*******************************************/

#annual-short-term {
    width: 581px;
    margin-top: 30px;
    overflow: hidden;
}

#annual-plans {
    float: left;
    width: 268px;
}

#short-term-plans {
    float: left;
    width: 268px;
    padding-right: 22px;
    margin-right: 22px;
    border-right: 1px solid #CCCCCC;
}

#annual-plans h3 {
    width: 111px;
    height: 14px;
    margin: 0 0 4px 5px;
    font-size: 1em;
    text-indent: -9999px;
    background: url(/images/hdr_annual_plans.gif) top left no-repeat;
}

#hdr-purchase-annual {
    width: 219px;
    height: 14px;
    margin: 16px 0 20px 5px;
    font-size: 1em;
    text-indent: -9999px;
    background: url(/images/hdr_purchase_annual.gif) top left no-repeat;
}

#short-term-plans h3 {
    width: 146px;
    height: 14px;
    margin: 0 0 4px 5px;
    font-size: 1em;
    text-indent: -9999px;
    background: url(/images/hdr_short_term_plans.gif) top left no-repeat;
}

#hdr-purchase-short-term {
    width: 238px;
    height: 14px;
    margin: 16px 0 20px 5px;
    font-size: 1em;
    text-indent: -9999px;
    background: url(/images/hdr_purchase_short_term.gif) top left no-repeat;
}

.plan-nav {
    overflow: hidden;
    width: 238px;
    height: 26px;
    margin: 0 0 0 15px;
    padding: 0;
}

.plan-nav a {
    display: block;
    float: left;
    text-decoration: none;
    text-indent: -9999px;
    height: 26px;
    overflow: hidden;
}

.plan-nav a.btn-individual {
    background: url(/images/btn_individual.gif) top left no-repeat;
    width: 124px;
}
.plan-nav a.btn-family {
    background: url(/images/btn_family.gif) top left no-repeat;
    width: 114px;
}

.plan-nav a:hover.btn-individual,
.plan-nav a:hover.btn-family {
    background-position: bottom left;
}

.content-padding h2 {
    font-size: 16px;
    color: #E58600;
}

.content-padding h3 {
    font-size: 14px;
}

#form-bg {
    width: 588px;
    overflow: hidden;
    padding-top: 25px;
    margin: 0 0 5px -6px;
    background: url(/images/bg_form_top.gif) top left no-repeat;
}

#form-bg-bottom {
    width: 588px;
    overflow: hidden;
    background: url(/images/bg_form_bottom.gif) bottom left no-repeat;
}

#form-table td {
    font-size: 14px;
    font-weight: normal;
}

#form-table.summary {
    margin-top: -20px;
}

#form-table.summary td {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #E5E5E5;
}

.divider2 {
    border-top: 1px solid #CCC;
}

.summary td a {
    padding-left: 15px;
    background: url(/images/pencil.gif) 0 2px no-repeat;
}

#ppd {
    width: 154px;
    height: 32px;
    overflow: hidden;
    font-size: 14px;
    padding-top: 6px;
    padding-left: 16px;
    width/**/:/**/ 138px;
    background: url(/images/bg_ppd.gif) top left no-repeat;
}

#errorbox {
    margin-top: 10px;
    padding: 5px;
    border: 1px red solid;
}

.error {
    width: 500px;
    overflow: hidden;
    margin: 0 auto;
}

span.req-icon {
    width: 18px;
    height: 17px;
    padding-top: 15px;
}

.req-icon img, .req-icon-date img { margin-left: 5px; }
.req-icon img { margin-bottom: -4px; }
.req-icon-date img { padding-bottom: 8px; }

.hint {
    width: 180px;
    font-size: 11px;
    line-height: 13px;
    color: #3E6CAA;
    margin-top: -23px;
}

#terms {
    width: 508px;
    overflow: hidden;
    margin: 0 auto;
}

/*******************************************
* Plan Totals Module
*******************************************/

#plan-totals {
    width: 261px;
    overflow: hidden;
    float: right;
    margin-top: 26px;
    padding-bottom: 10px;
    background: url(/images/bg_totals_bottom.gif) bottom right no-repeat;
    color: #CFDAEA;
    font-size: 14px;
}

#plan-bottom {
    width: 261px;
    overflow: hidden;
    padding: 15px 10px 0 10px;
    width/**/:/**/241px;
    background: url(/images/bg_totals_top.gif) top left no-repeat;
}

#plan-totals strong {
    color: #FFF;
}

#plan-totals span {
    font-size: 11px;
}

#plan-totals p {
    width: 241px;
    padding: 0 0 15px 5px;
    margin-bottom: 15px;
    line-height: 22px;
    background: url(/images/divider_totals.gif) bottom left no-repeat;
}

#plan-totals table {
    width: 241px;
    margin: 0 auto;
}

#plan-totals td {
    padding: 5px 0;
    border-bottom: 1px solid #5B82B7;
}

#plan-totals td.left {
    width: 166px;
    padding-left: 10px;
    width/**/:/**/156px;
}

#plan-totals td.right {
    width: 75px;
    padding-right: 10px;
    width/**/:/**/65px;
    text-align: right;
    color: #FFF;
    font-weight: bold;
}


#plan-totals td.total {
    text-align: right;
    padding-top: 10px;
    padding-right: 5px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: none;
}

/*******************************************
* Lists
*******************************************/

#form-table.summary td ul {
    margin-left: 0;
}

#form-table.summary td li {
    line-height: 16px;
    margin-bottom: 5px;
}

/*******************************************
* Titles & Headers
*******************************************/

#ttl-enroll,
#ttl-online-purchase {
    height: 22px;
    margin: 0 0 11px 0;
    padding: 0;
    font-size: 1em;
    text-indent: -9999px;
}

#ttl-enroll {
    width: 57px;
    background: url(/images/ttl_enroll.gif) top left no-repeat;
}
#ttl-online-purchase {
    width: 166px;
    background: url(/images/ttl_online_purchase.gif) top left no-repeat;
}


#hdr-learn-more {
    height: 19px;
    margin: 5px 0 7px 0;
    padding: 0;
    font-size: 1em;
    text-indent: -9999px;
    background: url(/images/hdr_learn_more.gif) top left no-repeat;
}

/*******************************************
* Buttons & Promos
*******************************************/

a.btn-add-more {
    width: 104px;
    height: 26px;
    display: block;
    text-indent: -9999px;
    background: url(/images/btn_add_more.gif) top left no-repeat;
}

a#btn-edit-info {
    width: 137px;
    height: 26px;
    display: block;
    text-indent: -9999px;
    background: url(/images/btn_edit_info.gif) top left no-repeat;
    float: right;
}

.btn-reset {
    float: right;
}

.btn-continue {
    float: left;
}

a:hover.btn-add-more,
a:hover#btn-edit-info {
    background-position: bottom left;
}

/*******************************************
* Tables
*******************************************/

#exp-table select {
    width: 115px;
}

#exp-table {
    width: 250px;
    margin-bottom: -25px;
    padding: 0;
}

#exp-table td {
    margin: 0;
    padding: 0;
}

#form-table table.nato {
    margin-top: 5px;
    padding: 0;
    width: 125px;
}

#form-table table.nato td {
    margin: 0;
    padding: 2px 0;
    text-align: left;
}

#form-table table.nato input {
    float: left;
    width: 13px;
    height: 13px;
    margin: 2px 5px 0 0;
}

#form-table table.nato label {
    float: left;
}

#nato-pricing {
    width: 500px;
    margin-top: 25px;
    border-top: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
}

#nato-pricing th {
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    background: #F2F2F2;
}

#nato-pricing td {
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.plans-table {
    width: 558px;
    margin: 0 auto;
}

.plans-table td {
    font-size: 14px;
    padding: 5px 0 5px 25px;
    vertical-align: middle;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

.plans-table .no-rbdr {
    border-right: none;
}

.plans-table .no-bbdr td {
    border-bottom: none;
}

.plans-table th {
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
    color: #333;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}

#ultimate {
    border-right: none;
}

#ultimate strong {
    color: #E58600;
}

.plans-table td strong {
    float: left;
    margin: -10px 0 10px 0;
    color: #333;
}

.plans-table .blue {
    margin: 0;
    padding: 10px 0 15px 5px;
    color: #3E6CAA;
}

.plans-table th span {
    float: left;
    margin-top: 3px;
    margin-left: 23px;
}

.plans-table img {
    margin-top: 5px;
}

.plans-table th input {
    width: 13px;
    height: 13px;
    float: left;
    margin: 3px 3px 0 8px;
}

.plans-table td input {
    width: 13px;
    height: 13px;
    float: left;
    margin: 2px 0 0 -17px;
    padding: 0;
}