body
{
    background: #E7E7EF;
}

.main {
    margin:auto;
    width:780px;
    line-height:18px;
}

.rounded {
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
} 

.header {
    padding-left:25px;
    color: #fff;
    height:82px;
    background: #828385;
}

.header .mainText {
    font-size:24px;
    font-family:Verdana;
    padding-top:20px;
    padding-bottom:8px;
}

.header .subText{
    color:#000;
    font-size:18px;
    font-weight:bold;
}

.assessment {
    background:#fff;
    border: 1px solid #BBB;
    padding:28px;
}

.other {
    background:#efefef;
    border:1px solid #A5A7A6;
    margin-top:40px;
    margin-bottom:35px;
    padding:15px;
}

.other table td {
    padding:0 15px;
    width:33%;
}

.other ul {
    margin:0;
    padding:0;
}

.other ul li {
    margin-bottom:10px;
    font-weight:normal;
}

.bubble {
    background:#fff;
    border:1px solid #ccc;
    padding:25px;
    margin-top:10px;
    margin-bottom:25px;
    width:300px;
}

p, body, div, span
{
    font-family: Helvetica;
    font-size: 13px;
}

p {
margin-bottom:18px;
}

.bpa {
    margin-top:30px;
}

.bpa, .bpa p, .bpa h2, .bpa h1, .btn
{
    font-family: Helvetica !important;
    font-size: 13px;
}


.page
{
    margin: 5px auto;
}

.wizard h2
{
    color: #000;
    font-weight: bold;
    margin-top: 30px;
}
.dd, .if
{
    width:250px;
    border: 1px solid #ccc;
    font-family: Trebuchet MS;
    padding-left: 1px;
}
.btn
{
    padding: 3px;
    font-size: 11px;
    font-weight: bold;
}

.wizardStep
{
    clear: both;
    margin-bottom:18px;
}
.wizardStep .lbl
{
    display: block;
    float: left;
    width: 150px;
}
.topPane
{
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #000;
    text-align: center;
}
.assessmentSubheader
{
    font-size: 13px;
    padding-left: 10px;
    color: #444;
}
.assessmentFooter
{
    display: none;
}
.pageHeader
{
    padding: 5px 20px 0 20px;
    clear: both;
}
.pageSubheader
{
    clear: both;
    font-size: 13px;
    padding-left: 30px;
    font-style: italic;
    margin-bottom: 6px;
}
.pageFooter
{
    display: none;
}
.sections
{
    margin-top: 15px;
}
.section
{
    padding:0 20px 40px 20px;
    margin: auto;
    border: 1px solid #999;
    margin-bottom: 15px;
    background: #fff;
    clear: both;
    margin-bottom: 20px;
}
.sectionHeader
{
    color: #D00;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top:25px;
}

.sectionHeader div
{
    font-size: 24px !important;
}

.sectionSubheader
{
    color: #666666;
    font-size: 13px;
    font-family: Arial;
    margin-bottom:10px;
}
.questions
{
    margin: auto;
    width: 100%;
}
.questionItem
{
    width: 300px;
    font-size: 14px;
    vertical-align: top;
    padding: 10px 0 10px 10px;
}
.questionNumber
{
    width: 30px;
    padding: 10px 0 10px 10px;
    font-size: 16px;
    font-weight: bold;
}
.questions .alt
{
    background: #DBE2F4;
}
.questions td
{
    height: 25px;
}
.answerItem
{
    padding: 10px 0 10px 10px;
}
.sectionFooter
{
    display: none;
}
.assesmentButton
{
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
}
.add
{
    margin: auto;
    width: 400px;
    padding: 10px;
    margin-bottom: 3px;
    font-size: 11px;
}
img
{
    border: 0;
}
.assessmentSplit
{
    color: #aaa;
    width: 90%;
    margin: auto;
    border: 1px dotted #aaa;
    border-top: 0;
    text-align: center;
}
h1
{
    font-weight: bold;
    font-size: 19px !important;
    color: #000;
    margin: 10px 0;
}
h2
{
    font-weight: bold;
    font-size: 16px !important;
    color: #000;
    margin: 10px 0;
}
.questionNumber
{
    vertical-align: top;
}

#cluetip-close img
{
    border: 0;
}
#cluetip-title
{
    overflow: hidden;
}
#cluetip-title #cluetip-close
{
    float: right;
    position: relative;
}
.cluetip-arrows
{
    display: none;
    position: absolute;
    top: 0;
    left: -11px;
    height: 22px;
    width: 11px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#cluetip-extra
{
    display: none;
}
.cluetip-ppBasic
{
    font-family: Trebuchet MS;
    font-size: 12px;
    background: #fff;
    border: 1px solid #900;
    text-align: left !important;
}
.cluetip-ppBasic #cluetip-outer
{
    position: relative;
    margin: 0;
    background: #fff;
    text-align: left !important;
}
.cluetip-ppBasic #cluetip-title h3
{
    font-size: 12px;
    font-weight: bold;
    color: black;
    text-align: left !important;
}
.cluetip-ppBasic #cluetip-title a
{
    color: #fff;
    font-size: 0.95em;
}
.cluetip-ppBasic #cluetip-inner
{
    padding: 10px;
    text-align: left !important;
}
.cluetip-ppBasic div#cluetip-close
{
    text-align: right;
    margin: 0 5px 5px;
    color: #900;
}


.questionSectionItem
{
    text-align: center;
    width: 60px;
    font-size:11px;
    line-height:1.3;
}


.topHeader
{
    background: url('images/brand_back.jpg') repeat-x;
}

.topHeader .left
{
    float: left;
}

.topHeader .right
{
    float: right;
    margin-top:40px;
    font-weight:bold;
}

.footerContainer
{
    background: #BBBCBE;
    padding:15px;
    margin: 18px 0;
    line-height:18px;
    
}

.footerContainer div, .footerContainer span
{
    font-size: 11px;
    font-weight: bold;
}

.footerContainer a {
color:#000000;
}

.menu
{
    background: #fff;
}

.questions td
{
    vertical-align: bottom;
}

.questions .highlight
{
    background: #ffc;
}

.userprofileheader
{
    color: #000;
    border-bottom: 1px dotted;
    margin-bottom: 15px;
    font: 30px Arial;
}

.userprofilelink
{
    font-size: 14px !important;
    font-decoration: underline;
}

.userprofilestat
{
    color: #000;
    font: 20px Arial;
    width: 600px;
}

.assessmentprofilestat
{
    color: #000;
    font: 14px Arial;
}

/*REPORT GRID STUFF */
.Head2
{
    background-color: #DEDFDE !important;
    color: #000 !important;
    font-family: Tahoma,Arial,Helvetica !important;
    font-size: 11px !important;
    font-weight: bold !important;
}
.Head2 th
{
    background-color: #DEDFDE !important;
    color: #000 !important;
    font-family: Tahoma,Arial,Helvetica !important;
    font-size: 11px !important;
    font-weight: bold important;
}
.Head2 th a
{
    color: #000 !important;
}
.Row2 td
{
    background-color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: normal !important;
}
.Row2 td a
{
    background-color: #FFFFFF !important;
    color: #006 !important;
    font-size: 11px !important;
    font-weight: normal !important;
}
.RowAlt2 td
{
    background-color: #eee;
    color: Black !important;
    font-size: 11px !important;
    font-weight: normal !important;
}
.RowAlt2 td a
{
    background-color: #eee !important;
    color: #006 !important;
    font-size: 11px !important;
    font-weight: normal !important;
}
.DataGrid_AlternatingItem
{
    color: Red;
    background: White;
}
.DataGrid_Container
{
    background: Transparent;
}
.DataGrid_Footer
{
    background: White;
}
.DataGrid_Header
{
    color: Black;
    text-align: center;
    background: Transparent;
}
.DataGrid_Item
{
    color: Black;
    background: Transparent;
}
.DataGrid_SelectedItem
{
    color: Blue;
    background: Silver;
}
.Row2 td, .RowAlt2 td, .Head2 th
{
    font-family: Trebuchet MS !important;
}
.Row2 td a, .RowAlt2 td a
{
    font-family: Trebuchet MS !important;
}

ul li
{
    list-style-type: none !important;
    font-size: 13px;
    font-weight: bold;
}

.CreateGroupSection
{
    margin-bottom: 25px;
}