.join_top_img
{
    padding-bottom: 10px;
    padding-left: 5px;
    position: relative;
}
.join_top_img p
{
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 32px;
    font-weight: bold;
    left: 25px;
    line-height: 27px;
    position: absolute;
    text-transform: uppercase;
    top: 16px;
}
.home
{
    width: 801px;
    padding-left: 5px;
    font-family: Arial,Helvetica,sans-serif;
    background: url(../images/bg_home.png) left bottom no-repeat;
    padding-bottom: 30px;
}
.home h2
{
    font-size: 15px;
    color: #333;
    padding-left: 20px;
    font-weight: normal;
    padding-bottom: 15px;
}
.home h2 a
{
    font-weight: bold;
    color: #00376a;
}
.home h2 a:hover
{
    color: #00376a;
}
.home .quiz_graphic_box
{
    width: 801px;
    height: 420px;
    padding-top: 31px;
    background: #010101; /*background:#010101 url(../images/bg_quiz_graphic_box.jpg) left top no-repeat;*/
}
.home .quiz_graphic_box .quiz_graphic_box_img
{
    display: block;
    float: right;
}
.home .quiz_graphic_box h1
{
    text-indent: -9999px;
    outline-style: none;
    height: 100px;
    background: url(../images/quiz_graphic_box_h1.jpg) 19px top no-repeat;
}
.home .quiz_graphic_box h4
{
    font-size: 18px;
    color: #c8c8c8;
    padding: 7px 0px 7px 19px;
}
.home .quiz_graphic_box p
{
    font-size: 18px;
    color: #c8c8c8;
    padding-left: 19px;
}
.home .quiz_graphic_box ul
{
    padding-left: 19px;
}
.home .quiz_graphic_box ul li
{
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 6px;
}
.home .quiz_graphic_box ul li a
{
    color: #c8c8c8;
}
.home .quiz_graphic_box ul li a:hover
{
    color: #c8c8c8;
}
.home .quiz_graphic_box .quiz_graphic_box_inner
{
    width: 779px;
    height: 121px;
    border: 1px solid #8b8b8b;
    border-left: none;
    margin: 0 auto;
    background: #FFF;
    clear: both;
    overflow: hidden;
    margin-top: 8px;
    padding: 19px 0px 0px 7px;
}
.home .quiz_graphic_box .quiz_graphic_box_inner a.start_the_quiz
{
    display: block;
    width: 200px;
    height: 58px;
    text-indent: -9999px;
    float: left;
    outline-style: none;
    background: url(../images/start_the_quiz.png) left top no-repeat;
}
.home .quiz_graphic_box .quiz_graphic_box_inner .text_box
{
    width: 545px;
    padding-right: 10px;
    float: right;
    position: relative;
    height: 121px;
}
.home .quiz_graphic_box .quiz_graphic_box_inner .text_box p
{
    font-size: 14px;
    color: #387c2b;
    font-weight: bold;
    padding-left: 0px;
    padding-bottom: 5px;
}
.home .quiz_graphic_box .quiz_graphic_box_inner .text_box ul
{
    padding-left: 44px;
}
.home .quiz_graphic_box .quiz_graphic_box_inner .text_box ul li
{
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 3px;
}
.home .quiz_graphic_box .quiz_graphic_box_inner .text_box ul li input
{
    vertical-align: middle;
}
.home .quiz_graphic_box .quiz_graphic_box_inner .text_box ul li a
{
    vertical-align: middle;
    color: #666;
}
.home .quiz_graphic_box .quiz_graphic_box_inner .text_box ul li a:hover
{
    color: #666;
}
.home .quiz_graphic_box .quiz_graphic_box_inner .text_box input.enter_button
{
    width: 111px;
    height: 39px;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    color: #2f2f2f;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    background: url(../images/bg_enter_button.png) left top no-repeat;
    position: absolute;
    right: 10px;
    bottom: 5px;
}
.home .training_guide
{
    width: 783px;
    padding: 26px 0px;
    padding-left: 18px;
    background: #FFF url(../images/bg_training_guide.jpg) left top no-repeat;
}
.home .training_guide img
{
    display: block;
}
.home .training_guide .text_box
{
    width: 517px;
    float: right;
}
.home .training_guide .text_box h4
{
    color: #333;
    font-size: 23px;
}
.home .training_guide .text_box p
{
    font-size: 12px;
    color: #333;
    padding: 10px 0px;
    line-height: 19px;
}
.home .training_guide .text_box h6
{
    width: 100%;
    overflow: hidden;
    padding-top: 5px;
}
.home .training_guide .text_box h6 a
{
    display: block;
    width: 236px;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    padding: 2px 0px 4px 22px;
}
.home .training_guide .text_box h6 a.a_bg1
{
    background: url(../images/h6_a_bg1.gif) left top no-repeat;
}
.home .training_guide .text_box h6 a.a_bg2
{
    background: url(../images/h6_a_bg2.gif) left top no-repeat;
}
.home .error_message
{
    height: 41px;
    line-height: 31px;
}
.home .error_message h2
{
    font-size: 15px;
    color: #ef3e42;
    padding-left: 20px;
    font-weight: normal;
    padding-bottom: 0px;
}
.home .error_message h2 a
{
    font-weight: bold;
    color: #ef3e42;
}
.home .error_message h2 a:hover
{
    color: #ef3e42;
}
.home .home_bottom_box
{
    width: 100%;
    overflow: hidden;
}
.home .home_bottom_box .left_img
{
    display: block;
    float: left;
}
.home .home_bottom_box h4
{
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    padding-top: 8px;
    height: 40px;
    background: url(../images/bg_home_bottom_box_h4.png) left top no-repeat;
    padding-left: 23px;
}
.home .home_bottom_box .presenter_guide
{
    width: 240px;
    float: left;
    padding-left: 20px;
    padding-bottom: 10px;
}
.home .home_bottom_box .presenter_guide h5
{
    font-size: 20px;
    color: #333;
}
.home .home_bottom_box .presenter_guide p
{
    font-size: 12px;
    color: #333;
    padding: 5px 0px;
    line-height: 18px;
}
.home .home_bottom_box .presenter_guide h6
{
    width: 100%;
    overflow: hidden;
}
.home .home_bottom_box .presenter_guide h6 a
{
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    padding: 2px 0px 4px 22px;
    margin-top: 8px;
}
.home .home_bottom_box .presenter_guide a.a_bg1
{
    background: url(../images/h6_a_bg1.gif) left top no-repeat;
}
.home .home_bottom_box .presenter_guide a.a_bg2
{
    background: url(../images/h6_a_bg2.gif) left top no-repeat;
}
.home .home_bottom_box .presenter_guide a.a_bg3
{
    background: url(../images/h6_a_bg3.jpg) left top no-repeat;
}
.home .home_bottom_box .presenter_guide ul
{
}
.home .home_bottom_box .presenter_guide ul li
{
    font-size: 12px;
    padding: 3px 0px 3px 9px;
    background: url(../images/bg_presenter_guide_li.png) left 8px no-repeat;
}
.home .home_bottom_box .presenter_guide ul li a
{
    color: #333;
}
.home .home_bottom_box .presenter_guide ul li a:hover
{
    color: #333;
}
.home .home_bottom_box .presenter_guide img
{
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
.home .home_bottom_box .presenter_guide h2
{
    font-size: 14px;
    font-weight: bold;
    color: #ec881d;
    text-transform: uppercase;
    line-height: 19px;
    padding: 0px;
}

/*for nutrition quiz page*/

.home_german
{
    width: 801px;
    padding-left: 5px;
    font-family: Arial,Helvetica,sans-serif;
    background: none repeat scroll 0 0 black;
    padding-bottom: 30px;
}
.home_german h2
{
    font-size: 15px;
    color: #333;
    padding-left: 20px;
    font-weight: normal;
    padding-bottom: 15px;
}
.home_german h2 a
{
    font-weight: bold;
    color: #00376a;
}
.home_german h2 a:hover
{
    color: #00376a;
}
.home_german .quiz_graphic_box
{
    width: 801px;
    height: 420px;
    padding-top: 31px;
    background: #010101; /*background:#010101 url(../images/bg_quiz_graphic_box.jpg) left top no-repeat;*/
}
.home_german .quiz_graphic_box .quiz_graphic_box_img
{
    display: block;
    float: right;
}
.home_german .quiz_graphic_box h1
{
    text-indent: -9999px;
    outline-style: none;
    height: 100px;
    background: url(../images/quiz_graphic_box_h1_german.jpg) 19px top no-repeat;
}
.home_german .quiz_graphic_box h4
{
    font-size: 18px;
    color: #c8c8c8;
    padding: 7px 0px 7px 19px;
}
.home_german .quiz_graphic_box p
{
    font-size: 18px;
    color: #c8c8c8;
    padding-left: 19px;
}
.home_german .quiz_graphic_box ul
{
    padding-left: 19px;
}
.home_german .quiz_graphic_box ul li
{
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 6px;
}
.home_german .quiz_graphic_box ul li a
{
    color: #c8c8c8;
}
.home_german .quiz_graphic_box ul li a:hover
{
    color: #c8c8c8;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner
{
    width: 779px;
    height: 121px;
    border: 1px solid #8b8b8b;
    border-left: none;
    margin: 0 auto;
    background: #FFF;
    clear: both;
    overflow: hidden;
    margin-top: 8px;
    padding: 19px 0px 0px 7px;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner a.start_the_quiz
{
    display: block;
    width: 200px;
    height: 58px;
    text-indent: -9999px;
    float: left;
    outline-style: none;
    background: url(../images/start_the_quiz_german.png) left top no-repeat;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner .text_box
{
    width: 545px;
    padding-right: 10px;
    float: right;
    position: relative;
    height: 121px;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner .text_box p
{
    font-size: 14px;
    color: #387c2b;
    font-weight: bold;
    padding-left: 0px;
    padding-bottom: 5px;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner .text_box ul
{
    padding-left: 44px;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner .text_box ul li
{
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 3px;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner .text_box ul li input
{
    vertical-align: middle;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner .text_box ul li a
{
    vertical-align: middle;
    color: #666;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner .text_box ul li a:hover
{
    color: #666;
}
.home_german .quiz_graphic_box .quiz_graphic_box_inner .text_box input.enter_button
{
    width: 163px;
    height: 39px;
    font-size: 24px;
    font-weight: bold;
    font-family: Arial,Helvetica,sans-serif;
    color: #2f2f2f;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    background: url(../images/bg_enter_button_german.png) left top no-repeat;
    position: absolute;
    right: 10px;
    bottom: 5px;
}
.home_german .training_guide
{
    width: 783px;
    padding: 26px 0px;
    padding-left: 18px;
    background: #FFF url(../images/bg_training_guide.jpg) left top no-repeat;
}
.home_german .training_guide img
{
    display: block;
}
.home_german .training_guide .text_box
{
    width: 517px;
    float: right;
}
.home_german .training_guide .text_box h4
{
    color: #333;
    font-size: 23px;
}
.home_german .training_guide .text_box p
{
    font-size: 12px;
    color: #333;
    padding: 10px 0px;
    line-height: 19px;
}
.home_german .training_guide .text_box h6
{
    width: 100%;
    overflow: hidden;
    padding-top: 5px;
}
.home_german .training_guide .text_box h6 a
{
    display: block;
    width: 236px;
    font-size: 10px;
    text-transform: uppercase;
    float: left;
    padding: 2px 0px 4px 22px;
}
.home_german .training_guide .text_box h6 a.a_bg1
{
    background: url(../images/h6_a_bg1.gif) left top no-repeat;
}
.home_german .training_guide .text_box h6 a.a_bg2
{
    background: url(../images/h6_a_bg2.gif) left top no-repeat;
}
.home_german .error_message
{
    height: 41px;
    line-height: 31px;
}
.home_german .error_message h2
{
    font-size: 15px;
    color: #ef3e42;
    padding-left: 20px;
    font-weight: normal;
    padding-bottom: 0px;
}
.home_german .error_message h2 a
{
    font-weight: bold;
    color: #ef3e42;
}
.home_german .error_message h2 a:hover
{
    color: #ef3e42;
}
.home_german .home_bottom_box
{
    width: 100%;
    overflow: hidden;
}
.home_german .home_bottom_box .left_img
{
    display: block;
    float: left;
}
.home_german .home_bottom_box h4
{
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    padding-top: 8px;
    height: 40px;
    background: url(../images/bg_home_bottom_box_h4.png) left top no-repeat;
    padding-left: 23px;
}
.home_german .home_bottom_box .presenter_guide
{
    width: 240px;
    float: left;
    padding-left: 20px;
    padding-bottom: 10px;
}
.home_german .home_bottom_box .presenter_guide h5
{
    font-size: 20px;
    color: #333;
}
.home_german .home_bottom_box .presenter_guide p
{
    font-size: 12px;
    color: #333;
    padding: 5px 0px;
    line-height: 18px;
}
.home_german .home_bottom_box .presenter_guide h6
{
    width: 100%;
    overflow: hidden;
}
.home_german .home_bottom_box .presenter_guide h6 a
{
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    padding: 2px 0px 4px 22px;
    margin-top: 8px;
}
.home_german .home_bottom_box .presenter_guide a.a_bg1
{
    background: url(../images/h6_a_bg1.gif) left top no-repeat;
}
.home_german .home_bottom_box .presenter_guide a.a_bg2
{
    background: url(../images/h6_a_bg2.gif) left top no-repeat;
}
.home_german .home_bottom_box .presenter_guide a.a_bg3
{
    background: url(../images/h6_a_bg3.jpg) left top no-repeat;
}
.home_german .home_bottom_box .presenter_guide ul
{
}
.home_german .home_bottom_box .presenter_guide ul li
{
    font-size: 12px;
    padding: 3px 0px 3px 9px;
    background: url(../images/bg_presenter_guide_li.png) left 8px no-repeat;
}
.home_german .home_bottom_box .presenter_guide ul li a
{
    color: #333;
}
.home_german .home_bottom_box .presenter_guide ul li a:hover
{
    color: #333;
}
.home_german .home_bottom_box .presenter_guide img
{
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
.home_german .home_bottom_box .presenter_guide h2
{
    font-size: 14px;
    font-weight: bold;
    color: #ec881d;
    text-transform: uppercase;
    line-height: 19px;
    padding: 0px;
}