﻿body 
{
    background-color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 100%;
    margin: 36px 0 0 0;
    padding: 0;
    text-align: center;
}

a,
a:visited 
{
    color:#adc940;
    font-weight: bold;
}

form 
{
    margin: 0;
}

img 
{
    border: 0;
}

h1 
{
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-size: 36px;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    padding: 0 0 10px 0;
}

p 
{
    margin: 0 0 10px 0;
}

tr { vertical-align: top; }

.right { float: right; }
.clear { clear: both; }
.mid { vertical-align: middle; }
.vsum { margin: 0 0 10px 0; }

.error 
{
    font-size: 11px;
    font-weight: normal;
}

.tbx { font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; }

#wrap 
{
    border: solid 1px #7f7f7f;
    margin: 0 auto;
    padding: 3px 3px;
    text-align: left;
    width: 943px;
}

#header 
{
    margin: 0 0 3px 0;
}

#title 
{
    background-color: #ededed;
    border-bottom: solid 1px #7f7f7f;
    font-weight: bold;
    height: 31px;
}

#header .nav 
{
    background-color: #c8c8c8;
}
#header .nav a,
#header .nav a:visited 
{
    color: #fff;
}

#header .login 
{
    float: right;
    line-height: 43px;
}

.tboxlogin,
.tboxpassword
{
    background-color: #fff;
    border: solid 1px #999;
    color: #999;
    font-size: 11px;
    padding: 2px 2px;
}
.tboxpassword 
{
    background: #fff url(/images/password_bg.gif) top left no-repeat;
}

#overlay 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.translayer 
{
     color: #fff;
     position: absolute;
     top: 120px;
     width: 915px;
     padding: 14px 15px;
     _height: 750px;
     min-height: 750px;
    background: url(/images/trans.gif);
}

.translayer h1 
{
    color: #fff;
}

.mainback 
{
    background-color: #000;
}
.main 
{
    background-color: #fff;
    color: #4c4c4c;
    font-size: 12px;
    line-height: 20px;
}

.mainopac 
{
     filter:alpha(opacity=20);
     -moz-opacity:.20;
     opacity:.20;
     zoom: 1;
}

.contentfull
{
    background-color: #f3f3f4;
    _height: 450px;
    min-height: 450px;
}

.initiative 
{
    background-color: #f3f3f4;
    color: #b8b8b8;
    font-size: 10px;
    padding: 0 0 10px 20px;
}

.contentbig
{
    background-color: #f3f3f4;
    padding: 0px 10px 0 10px;
    width: 509px;
    _height: 342px;
    min-height: 342px;
}

.pad 
{
    padding: 15px 10px 0 10px;
}

.space 
{
    width: 3px;
}
.whspace 
{
    background-color: #fff;
    height: 3px;
    width: 100%;
    overflow: hidden;
}
.right1 
{
    background-color: #d8d8d8;
    width: 202px;
}
.right1 .head 
{
    background-color: #adc940;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    padding: 8px 10px;
}

.right2 
{
    background-color: #c8c8c8;
    width: 206px;
}
.tablevalues 
{
    border: solid 1px #333;
    background-color: #efefef;
}

.status 
{
    border-bottom: solid 1px #c1c1c1;
    color: #b2b2b2;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 10px 0;
    padding: 10px 0;
    text-align: center;
}

.status img
{
    vertical-align: top;
    margin: 0 3px 0 0;
}

.firstqpage 
{
    font-weight: bold;
    padding: 0 28px 15px 28px;
}

.questions .qlist
{
    padding: 5px 28px;
    margin: 0 0 10px 0;
}

.questions .category 
{
    color: #000;
    font-family: Times New Roman;
    font-size: 13px;
}

.questions .dimension 
{
    color: #000;
    font-family: Times New Roman;
    font-size: 36px;
    margin: 0 0 29px 0;
}

.questions .qlist .num 
{
    font-weight: bold;
    line-height: normal;
    width: 20px;
}
.questions .qlist .err 
{
    padding: 0 0 0 25px;
}
.questions .qlist .question
{
    padding: 0 0 20px 0;
}

.questions .qlist .question .text
{
    line-height: normal;
    padding: 0 0 5px 0;
}

.next 
{
    padding: 0 0 30px 0;
    text-align: center;
}

.q_right1 
{
    background-color: #c8c8c8;
    width: 202px;
}
.q_right1 .head 
{
    background-color: #adc940;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    padding: 6px 10px;
}
.q_right1 .content 
{
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    padding: 20px 18px;
}
.q_right2 
{
    background-color: #e6e6e6;
    width: 206px;
}

.score input { margin: 0 4px 0 0; }

.result 
{
    table-layout: fixed;
}
.result .right 
{
    width: 410px;
}
.result .right .head 
{
    background-color: #ADCA40;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 2px 0;
    padding: 8px 10px;
}

.result .colorlist 
{
    border: solid 1px #eeeeef;
    color: #fff;
    padding: 22px 4px 0 4px;
}
.result .colorlist .item 
{
    margin: 0 0 2px 0;
    padding: 4px 15px;
}
.colorlist .green,
.q_items .green,
.tips .green
{
    background-color: #0B9444;
}

.colorlist .orange,
.q_items .orange,
.tips .orange
{
    background-color: #F7941E;
}

.colorlist .red,
.q_items .red,
.tips .red
{
    background-color: #EF4036;
}
.perscontent 
{
    color: #4c4c4c;
    font-size: 10px;
    line-height: 14px;
    padding: 0 8px;
}
.perscontent h1 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
    padding: 10px 0 15px 0;
}
.quadrant 
{
    width: 205px;
}
.q_head 
{
    background-color: #ADCA40;
    color: #fff;
    font-size: 12px;
    line-height: 13px;
    margin: 0 0 3px 0;
    padding: 10px 10px;
    width: 185px;
}
.q_body 
{
    background-color: #fff;
    border: solid 1px #eeeeef;
    padding: 8px 8px;
}
.q_items 
{
    _height: 480px;
    min-height: 480px;
}
.q_items .item 
{
    color: #fff;
    font-size: 13px;
    line-height: 26px;
    margin: 0 0 6px 0;
    padding: 0 10px;
}
.q_items .title
{
    background-color: #999;
    color: #fff;
    font-size: 11px;
    padding: 2px 5px;
}

.prefs 
{
    border-top: solid 1px #c8c8c8;
    margin: 67px 0 0 0;
    padding: 15px 0;
}

.prefsbtns 
{
    padding: 15px 0;
}
.prefs .btns
{
    height: 32px;
    margin: 0;
    padding: 0;
}

.prefs .pref .phrase
{
    background-color: #c8c8c8;
    color: #fff;
    margin: 0 0 3px 0;
    padding: 10px 10px;
    height: 43px;
}

.prefs .hspace,
.prefsbtns .hspace 
{
    height: 10px;
}

.tips 
{
    padding: 0 0;
    width: 943px;
}

.tips .body 
{
    padding: 0 10px 0 0;
    height: 450px;
    width: 820px;
}

.tipsdim
{
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    margin: 0 0 3px 0;
    padding: 10px 10px;
    width: 185px;
}
.tips .space 
{
    width: 3px;
    overflow: hidden;
}

.tips .content 
{
    height: 390px;
    overflow: auto;
}
.tipstable 
{
    font-size: 11px;
    line-height: 14px;
}
.tipsbody 
{
    float: left; width: 400px;
}

.tipsfixed 
{
    table-layout: fixed;
}

.tiplist 
{
    float: left;
    padding: 0 5px 0 10px;
    width: 380px;
}
.tiplist b
{
    color: #adc940;
}

.tiplist ul
{
    list-style-image: url(/images/tips_bullet.gif);
    list-style-position: outside;
    margin: 15px 0 10px 20px;
    padding: 0;
}
.tiplist ul li 
{
    padding: 2px 0;
}
.tipslinks 
{
    margin: 5px 5px 0 5px;
    white-space: normal;
    overflow: visible;
}
.tipslinks .head 
{
    color: #adc940;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.tipslinks .body
{
    margin: 0 0 15px 0;
    width: auto;
    height: auto;
}
.tipslinks a, 
.tipslinks a:visited
{
    color: #fff;
    font-weight: normal;
    line-height: 15px;
}

.overview 
{
    table-layout: fixed;
}

.overview .cell1 
{
    background-color: #f3f3f4;
    padding: 26px 20px;
}

.overview .cell2 
{
    background-color: #c8c8c8;
    width: 400px;
}
.overview .cell2 .head 
{
    background-color: #adc940;
    color: #fff;
    font-size: 12px;
    line-height: 11px;
    padding: 10px 10px;
}
.overview .cell2 .space 
{
    background-color: #fff;
    height: 3px;
    width: 100%;
}
.overview .cell3 
{
    width: 202px;
}

.history
{
    background-color: #939598;
    border: solid 1px #fff;
    color: #fff;
    margin: 5px 5px;
}

.history .big 
{
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    line-height: 28px;
    margin: 5px 10px 10px 10px;
    padding: 0 0 5px 0;
}
.history .big .status 
{
    border-bottom: 0;
    color: #BABBBD;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    margin: 0;
    padding: 00;
}
.history .big .status img 
{
    vertical-align: middle;
}
.history .foot 
{
    background-color: #adc940;
    color: #fff;
    line-height: 28px;
    padding: 0 10px;
}

.footer 
{
    background: url(/images/footer_bg.gif) repeat-x;
    color: #fff;
    font-size: 9px;
    height: 15px;
    text-align: center;
    margin: 0;
    padding: 2px 0 0 200px;
}
.footer a,
.footer a:visited 
{
    color: #fff;
    text-decoration: underline;
}