@charset "utf-8";
/*----------------------------------------------formart style----------------------------------------------*/
body
{
    line-height: 13px;
    margin: 0px;
    font-size: 10px;
    font-family: Verdana, Frutiger LT Std;
    color: #001965;
    background: #E7E7E7;
    background-image: url(/TemplateImages/modebg.jpg);
    background-repeat: repeat-x;
}
div, p, dl, dt, dd, textarea, address, blockquote, span
{
    margin: 0;
    padding: 0;
    text-align: left;
}
form, h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
}
ul, li
{
    margin: 0;
    height: auto;
    text-align: left;
    padding: 0;
}
em
{
    font-style: normal;
}
img
{
    border: none;
}
table tr td th
{
    margin: 0;
    padding: 0;
}
.content
{
    width: 100%;
}
/*\*/
* html .content
{
    height: 1%;
}
/**/
* > .content
{
    overflow: hidden;
}
.r
{
    float: right;
}
.l
{
    float: left;
}

.bigfont
{
    font-weight: bold;
}
.writefont
{
    color: #FFF;
}
.red_font
{
    color: #FF0000;
}
.signcolor
{
    color: #00b7ff;
    margin-left: 20px;
    margin-right: 5px;
    font-size: 13px;
}
.blackcolor
{
    color: #3c3c3e;
}
.meaufontcolor
{
    color: #666;
}
.textinput
{
    background-color: #f3f7fa;
    border: #cad5df solid 1px;
    color: #999;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
}
.textinput1
{
    border: #cad5df solid 1px;
    color: #999;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    background-color: #F1F8FD;
}

.show_image
{
    position: relative;
    z-index: 100;
    left: 0px;
    top: 0px;
}
/*----------------------------------------------link----------------------------------------------*/
a
{
    color: Blue;
    text-decoration: underline;
}
a:link
{
    color: Blue;
    text-decoration: underline;
}
a:visited
{
    color: Blue;
    text-decoration: underline;
}
a:hover
{
    color: Blue;
    text-decoration: underline;
}
a:active
{
    color: Blue;
    text-decoration: underline;
}
a img
{
    border: none;
}
h1
{
    font-size: 11px;
    font-weight: bold;
}

sup
{
    font-size: 9px;
}
/*----------------------------------------------link----------------------------------------------*/
.glossary
{
    cursor: default;
    text-decoration: underline;
    color: #9c9c9c;
}

/*----------------------------------------------begin----------------------------------------------*/
/*--head--*/
#alldivwidth
{
    width: 1002px;
    margin: auto;
    background-color: #FFF;
}
#header
{
    width: 970px;
    margin: auto;
}
#header h3
{
    float: left;
    width: 277px;
}
#header ul
{
    float: right;
    width: 500px;
    text-align: right;
    margin-top: 25px;
    margin-bottom: 20px;
}
.logoinput
{
    background-color: #f3f7fa;
    border: #cad5df solid 1px;
    width: 126px;
    height: 14px;
    padding-left: 4px;
    color: #666;
    margin-left: 10px;
    margin-right: 6px;
}
#header p
{
    width: 500px;
}
#header a
{
    margin-left: 15px;
    color: #CCC;
}

/*--menu--*/
.menu
{
    width: 177px;
    float: left;
    margin: 0px 0px 0px 15px;
    display: inline;
}
#menu ul
{
    background-color: #00b7ff;
    width: 177px;
}
#menu li
{
    background-image: url(/images/menu_bg.gif);
    list-style: none;
    padding-left: 18px;
    color: #FFF;
    line-height: 31px;
}
#facebook
{
    width: 177px;
    float: left;
    margin-top: 10px;
}

/*--cp_homepage_regteens_style--*/

/*--banner--*/

#banner
{
    width: 780px;
    float: left;
    margin-top: 15px;
    margin-left: 12px;
    display: inline;
}
#banner a
{
    text-decoration: none;
    color: #001965;
}
.banner_left
{
    float: left;
    width: 462px;
}
.banner_right
{
    float: left;
    margin-left: 12px;
    width: 306px;
    background-image: url(/images/topic_bg_image.jpg);
    width: 306px;
    height: 437px;
}
.banner_right_01
{
    /*background-image: url(/images/topic_image.jpg);*/
    width: 280px;
    height: 230px;
    margin: auto;
    margin-top: 60px;
}
.banner_right_01 div
{
    line-height: 150%;
}
.banner_right_01_a
{
    font-family: Verdana;
    font-size: 16px;
    font-weight: bolder;
}
.banner_right_01_a1
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: bolder;
    height: 25px;
    line-height: 25px;
}
.banner_right_01_a_small
{
    font-family: Verdana;
    font-size: 11px;
    line-height: 15px;
}

.banner_right_h3
{
    background-image: url(/images/article_title_bg.jpg);
    height: 20px;
    color: #FFF;
    font-size: 11px;
    padding-left: 10px;
    line-height: 20px;
}

.banner_right_02
{
    width: 280px;
    margin: auto;
    border: #f1f1f1 solid 1px;
    height: 88px;
    overflow: auto;
}

.banner_right_02 ul
{
    padding: 10px;
    color: #888888;
    line-height: 13px;
}

.banner_right_02 ul li
{
    list-style-type: disc;
    margin-left: 10px;
    font-size: 12px;
}

.banner_right_03
{
    width: 273px;
    margin: auto;
    font-weight: bold;
    margin-top: 15px;
    font-size: 12px;
    white-space: nowrap;
}

.banner_right_03 span
{
    font-size: 12px;
    letter-spacing: -1px;
}

.footer
{
    margin-top: 15px;
    width: 780px;
    float: right;
    margin-right: 15px;
    display: inline;
}

/*--footer--*/
#banner_down
{
    width: 780px;
    float: left;
    margin-top: 7px;
}
#footer
{
    width: 780px;
    float: right;
    margin-top: 15px;
}
#down_div_left
{
    width: 226px;
    height: 145px;
    background-image: url(/images/learned_bg_img.jpg);
}
#down_div_left ul
{
    width: 140px;
    float: right;
    margin-top: 45px;
    line-height: 14px;
    font-size: 9px;
}

#down_div_left02
{
    width: 226px;
    height: 145px;
}
#down_div_left02 ul
{
    width: 140px;
    float: right;
    margin-top: 45px;
    line-height: 12px;
    font-size: 9px;
}

#down_div_mid
{
    width: 226px;
    height: 145px;
    float: right;
    margin-right: 10px;
    background-image: url(/images/possibility_bg_image.jpg);
}
#down_div_mid ul
{
    width: 140px;
    float: right;
    margin-top: 60px;
    line-height: 13px;
}

#down_div_mid02
{
    width: 226px;
    height: 145px;
    float: right;
    margin-right: 10px;
}
#down_div_mid02 ul
{
    width: 180px;
    float: left;
    margin-left: 15px;
    margin-top: 55px;
    line-height: 13px;
}
#down_div_mid02 ul p
{
    margin-top: 8px;
}
#down_div_rignt
{
    width: 308px;
    height: 145px;
    float: right;
}
#down_div_rignt ul
{
    width: 270px;
    margin-top: 50px;
    margin-left: 15px;
    line-height: 13px;
}

/*--cp_homepage_regteens_style--*/
#regteens_sign_01
{
    width: 225px;
    height: 143px;
    float: left;
    margin-top: 10px;
}
#regteens_sign_01 ul
{
    padding: 10px;
    margin-top: 40px;
}
#regteens_sign_02
{
    background-image: url(/images/mydream.jpg);
    width: 225px;
    height: 143px;
    float: right;
    margin-top: 10px;
}
#regteens_sign_02 ul
{
    margin-top: 40px;
}
#regteens_sign_02 table
{
    text-align: center;
    height: 80px;
    margin-top: 10px;
}
#regteens_sign_02 a
{
    color: #999;
    text-decoration: underline;
    margin-left: 55px;
}

/*--homepage_unreg_banner_style--*/
#unreg_banner
{
    width: 781px;
    float: left;
    margin-left: 15px;
}
#unreg_banner ul
{
    width: 780px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    font-size: 12px;
}
a.unreg_banner_a_01
{
    margin-left: 15px;
    text-decoration: none;
    color: #001965;
}
a.unreg_banner_a_02
{
    margin-right: 35px;
    font-weight: bold;
    text-decoration: none;
    color: #001965;
}
.unreg_banner_a_03
{
    color: #00b7ff;
    font-weight: bold;
}

/*--copyright--*/
#copyright
{
    width: 780px;
    float: right;
    margin-top: 10px;
    color: #b9b9b9;
    margin-bottom: 15px;
    line-height: 12px;
}
#copyright span
{
    line-height: 20px;
}
#copyright a
{
    color: #b9b9b9;
    margin-right: 15px;
    line-height: 24px;
}

/*----------------------------------------------Quick_poll style----------------------------------------------*/
#Quick_poll
{
    width: 225px;
    padding: 0px;
    margin: 0px;
}
#Quick_poll h3
{
    background-image: url(/images/quick_poll_up.jpg);
    height: 44px;
    color: #001965;
    line-height: 12px;
    font-size: 11px;
    padding-left: 10px;
    font-weight: bold;
    vertical-align: middle;
}
#Quick_poll h1
{
    background-image: url(/images/quick_poll_down.jpg);
    height: 21px;
    color: #001965;
    line-height: 21px;
    font-size: 10px;
    font-weight: bold;
    padding-left: 130px;
}
#Quick_poll ul
{
    background-image: url(/images/quick_poll_mid.jpg);
    padding: 10px;
    color: #001965;
    font-size: 9px;
}
#Quick_poll ul table
{
}
/*----------------------------------------------tabbed style----------------------------------------------*/
#tabbed
{
    width: 514px;
    padding: 0px;
    margin: 0px;
}
#tabbed .toptab
{
    text-align: center;
    padding: 0px;
    margin: 0px;
}
#tabbed .toptab img
{
    cursor: pointer;
}
#tabbed h6
{
    background-image: url(/TemplateImages/tabs/tabbed_box_down.jpg);
    height: 29px;
    line-height: 29px;
    color: #FFF;
    text-align: right;
    font-size: 9px;
    margin: 0px;
    padding: 0px;
}
#tabbed h5
{
    background-image: url(/TemplateImages/tabs/tabbed_box_down_1.jpg);
    height: 29px;
    line-height: 29px;
    color: #FFF;
    text-align: right;
    font-size: 9px;
    margin: 0px;
    padding: 0px;
}
#tabbed ul
{
    padding: 10px, 10px, 0px, 10px;
    margin: 0px;
    background-image: url(/TemplateImages/tabs/tabbed_box_bg.jpg);
    background-repeat: repeat-y;
}
.tabbed_a
{
    float: right;
    margin-right: 20px;
    color: #FFF;
    font-size: 11px;
}
.tabbed_btn_01
{
    margin-left: 30px;
    margin-right: 4px;
}

/*----------------------------------------------Table1_3_3 style----------------------------------------------*/
#Table1_3_3
{
    width: 511px;
    margin: auto;
    margin-top: 25px;
}
#Table1_3_3 ul
{
    border-left: #7fdbff solid 1px;
    border-right: #7fdbff solid 1px;
    background-color: #f1f8fd;
}
#Table1_3_3 li
{
    padding: 5px 15px 5px 15px;
    list-style: none;
}
.Table1_3_3 img
{
    margin-right: 10px;
}

/*----------------------------------------------Search style----------------------------------------------*/
#search
{
    width: 100%;
    margin: 0 auto;
    background-color: White;
}
#search li
{
    margin-top: 15px;
    color: #000000;
    list-style: none;
    width: 100%;
}
#search ul
{
    padding: 0px;
    font-size: 10px;
    line-height: 14px;
}
.search_title
{
    color: #94b200;
    font-weight: bold;
    padding: 3px;
    font-size: 13px;
}
.search_title_a
{
    color: #94b200;
}
.search_link_a
{
    color: #999;
}
.search_link
{
    border: #9C0 solid 1px;
    padding: 3px;
    color: #333;
    height: 20px;
    line-height: 14px;
}
.search_link a:hover
{
    border: #9C0 solid 1px;
    background: #9C0;
    padding: 3px;
    height: 20px;
    line-height: 14px;
    color: #fff;
    text-decoration: none;
}

/*----------------------------------------------poll style----------------------------------------------*/
#poll_over
{
    width: 448px;
    margin: 0 auto;
}
#poll_over h3
{
    background-image: url(/Images/poll_up_01.jpg);
    height: 45px;
    font-size: 10px;
    color: #001965;
    padding-left: 10px;
}
.poll_over_h3_01
{
    line-height: 45px;
}
#poll_over ul
{
    padding: 10px;
    background-image: url(/Images/POLL_bg.jpg);
}
#poll_over li
{
    padding: 5px 0 5px 0;
    width: 100%;
}
#tebleclass
{
    width: 100%;
    text-align: left;
    color: #666;
    border: #CCC solid 1px;
    padding: 10px;
}
#tebleclass td
{
    height: 20px;
}
.blue_font
{
    color: #001965;
    font-weight: bold;
}

/**********************Page button******************/
.PageButton
{
    background-color: White;
}

.PageButton a
{
    margin-left: 3px;
    margin-right: 3px;
}

/*----------------------------------------------art_samples style----------------------------------------------*/
#art_samples
{
    width: 417px;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}
#art_samples .top_title1
{
    background-image: url(/Images/boxedcopy_up.jpg);
    height: 33px;
    font-size: 12px;
    color: #FFF;
    text-align: left;
    padding-left: 15px;
    line-height: 33px;
    padding: 0px 0px 0px 15px;
    font-weight: bold;
}
#art_samples .top_title2
{
    background-image: url(/Images/boxedcopy_up_02.jpg);
    height: 33px;
    font-size: 12px;
    color: #FFF;
    text-align: left;
    padding-left: 15px;
    line-height: 33px;
    padding: 0px 0px 0px 15px;
    font-weight: bold;
}
#art_samples .top_no_title
{
    background-image: url(/Images/boxedcopy_up_1.jpg);
    height: 25px;
    font-size: 12px;
    color: #FFF;
    text-align: left;
    padding-left: 15px;
    line-height: 25px;
    padding: 0px 0px 0px 15px;
    font-weight: bold;
}
#art_samples .top_title3
{
    background-image: url(/Images/boxedcopy_up_03.jpg);
    height: 33px;
    font-size: 12px;
    color: #FFF;
    text-align: left;
    padding-left: 15px;
    line-height: 33px;
    padding: 0px 0px 0px 15px;
    font-weight: bold;
}
#art_samples .top_title4
{
    background-image: url(/Images/boxedcopy_up_04.jpg);
    height: 33px;
    font-size: 12px;
    color: #FFF;
    text-align: left;
    padding-left: 15px;
    line-height: 33px;
    padding: 0px 0px 0px 15px;
    font-weight: bold;
}
#art_samples div
{
    background-image: url(/Images/boxedcopy_mid_bg.jpg);
    padding: 10px 15px 10px 15px;
    line-height: 15px;
}
/***************************************jquery.tooltip.css**************************************************/
#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    font-size: 11px;
}
#tooltip h3, #tooltip div
{
    margin: 0;
    width: 250px;
}
/*******************************************Template.css*************************************************/
/*--bgdiv_down--*/
#bgdiv
{
    background-image: url(/TemplateImages/allpanbg.png);
    width: 1021px;
    margin: auto;
}

/*--all css_down--*/
.share01
{
    color: #adadad;
    margin-top: 100px;
    font-weight: bold;
    font-size: 10px;
    margin-right: 10px;
    text-align: right;
    width: 150px;
    float: right;
}
a.overview_a
{
    color: #999;
    text-decoration: underline;
    float: right;
    margin-right: 20px;
}
a.overview_a:link
{
    color: #999;
    text-decoration: underline;
    float: right;
    margin-right: 20px;
}
a.overview_a:visited
{
    color: #999;
    text-decoration: underline;
    float: right;
    margin-right: 20px;
}
a.overview_a:hover
{
    color: #999;
    text-decoration: underline;
    float: right;
    margin-right: 20px;
}
a.overview_a:active
{
    color: #999;
    text-decoration: underline;
    float: right;
    margin-right: 20px;
}

/*--mode_down--*/
#mode
{
    width: 781px !important; /* IE7+FF */
    float: right;
    margin: 10px 15px 0px 10px;
}
#mode_right
{
    width: 226px;
    float: right;
    margin-top: 150px;
}
#mode_left
{
    width: 530px;
    margin-left: 5px;
    float: left;
}
#mode_left ul
{
    padding: 20px 15px 0px 15px;
    color: #333;
    font-size: 11px;
    line-height: 140%;
}
#mode_left ul .footnote
{
    font-size: 10px;
    line-height: 120%;
}
#mode_left ul.bullet
{
    color: #00b7ff;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 15px;
    line-height: 18px;
}
#mode_left ul.bullet li
{
    list-style: disc;
    float: none;
    clear: both;
}
#mode_left ul.bullet li span
{
    color: Black;
}
#mode_left ul.bullet li span .glossary
{
    color: #9c9c9c;
}
#mode_left li
{
    list-style: none;
    margin-right: 3px;
    float: left;
}
#mode_left p
{
    margin-top: 10px;
    margin-bottom: 10px;
}
#mode_left p img
{
    float: left;
    margin-right: 10px;
    margin-bottom: 15px;
}
#mode_left h3
{
    line-height: 150%;
    margin-top: 15px;
    font-family: Verdana;
    color: #A8C903;
    padding-left: 15px;
    font-size: 14px;
    font-weight: bold;
}
#mode_left h4
{
    font-family: Verdana;
    padding: 0px;
    margin: 0px;
    color: #001965;
    font-size: 13px;
    font-weight: bold;
}
#mode_left h2
{
    line-height: 150%;
    margin-top: 15px;
}
#mode_left .validationsummary
{
    overflow: auto;
    clear: both;
    border: none 0px;
}
#mode_left .validationsummary ul
{
    color: Red;
    float: none;
    clear: both;
    list-style-type: disc;
    border: none 0px;
}
#mode_left .validationsummary ul li
{
    color: Red;
    float: none;
    clear: both;
    list-style-type: disc;
    border: none 0px;
}
.mode_left_h3_01
{
    background-image: url(/TemplateImages/inhibitors_banner.jpg);
    width: 529px;
    height: 132px;
}
.mode_left_h3_02
{
    background-image: url(/TemplateImages/inhibitors_banner_01.jpg);
    width: 529px;
    height: 132px;
}
.mode_left_h3_03
{
    background-image: url(/TemplateImages/ashley_story.jpg);
    width: 529px;
    height: 132px;
}
.mode_left_h3_04
{
    background-image: url(/TemplateImages/inhibitors_img.jpg);
    width: 528px;
    height: 134px;
}
.mode_left_h3_05
{
    background-image: url(/TemplateImages/bobstory_banner_img.jpg);
    width: 527px;
    height: 133px;
}
.mode_left_h3_06
{
    background-image: url(/TemplateImages/discovering.jpg);
    width: 529px;
    height: 132px;
}
a.mode_left_a
{
    color: #a8c903;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
a.mode_left_a:link
{
    color: #a8c903;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
a.mode_left_a:visited
{
    color: #a8c903;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
a.mode_left_a:hover
{
    color: #a8c903;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
a.mode_left_a:active
{
    color: #a8c903;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
}
.mode_left_a_01
{
    color: #a8c903;
    font-size: 13px;
    font-weight: bold;
}

.bluefont
{
    font-size: 10px;
    color: #00b7ff;
    font-weight: bold;
}
.bluefont_line
{
    color: #00b7ff;
    font-weight: bold;
    text-decoration: underline;
}
.bluefont_01
{
    color: #001965;
    font-weight: bold;
}
.greenfont
{
    color: #a8c903;
    font-weight: bold;
}
.bluefont_001
{
    font-size: 10px;
    color: #0000CC;
}
/*--mode_women_down--*/
#modeleft_down
{
    background-image: url(/TemplateImages/mode_2.1.1_down_bg.jpg);
    width: 513px;
    height: 85px;
    margin-top: 15px;
    margin-bottom: 10px;
}
#modeleft_down ul
{
    width: 400px;
    float: right;
    color: #001965;
    font-size: 10px;
}
.modeleft_down_a
{
    color: #a8c903;
}
#modeleft_down a.modeleft_down_more
{
    color: #fff;
    float: right;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
}
/*--mill_down--*/
#mill_down
{
    background-image: url(/TemplateImages/mill_story_005.jpg);
    width: 512px;
    height: 94px;
    margin-top: 15px;
    margin-bottom: 10px;
}
#mill_down ul
{
    width: 400px;
    float: right;
    color: #696969;
    font-size: 9px;
}
.mill_down_a
{
    color: #001965;
}
.mill_down_more
{
    color: #fff;
    float: right;
    font-weight: bold;
}
/*--bobstory_down--*/
#bobstory_down
{
    background-image: url(/TemplateImages/bobstory_img_down_bg.jpg);
    width: 511px;
    height: 105px;
    margin-top: 15px;
    margin-bottom: 10px;
}
#bobstory_down ul
{
    width: 400px;
    margin-top: 10px;
    float: right;
    color: #696969;
    font-size: 9px;
}
.bobstory_down_a
{
    color: #001965;
}
#bobstory_down a.bobstory_down_more
{
    color: #fff;
    float: right;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    margin-top: 5px;
}
/*--4.0_Coalition--*/
#coalition
{
    width: 783px;
    margin-top: 15px;
    float: left;
    margin-left: 10px;
    font-size: 12px;
    color: #1a1818;
    line-height: 20px;
    vertical-align: top;
}
#coalition ul
{
    background-image: url(/TemplateImages/CP_4.0_Coalition_midimg.jpg);
    padding: 10px 30px 10px 30px;
}
#coalition h3
{
    background-image: url(/TemplateImages/CP_4.0_Coalition_midimg.jpg);
}
.coalition_down
{
    background-image: url(/TemplateImages/CP_4.0_Coalition_pagedown.jpg);
    height: 231px;
    padding: 0px 30px 0px 30px;
}
.coalition_down_p
{
    margin-left: 70px;
    margin-top: 20px;
}
.coalition_down_p span
{
    margin-left: 20px;
    color: #a8c903;
}
/******************right side*********************************/
.ArticleArchive, .ArticleArchive td, .ArticleArchive a, .ArticleArchive a:link, .ArticleArchive a:visited, .ArticleArchive a:hover, .ArticleArchive a:active
{
    color: #001965;
    text-decoration: none;
}

/*************************Promotion***************************/
.PromotionCode
{
    background-image: url(/TemplateImages/Promotion/OfferCode.jpg);
    text-align: right;
    width: 165px;
    height: 32px;
    display: block;
}

.PromotionCode input
{
    margin-top: 4px;
    margin-right: 10px;
}