/* body {padding:0;margin:0;font-family:arial;color:#4D4D4D;font-size:12px; background:#EBEBEB;}*/
.siteEntry
{
    background: url(../Images/landing-bg.jpg) no-repeat top center #FFFFFF;
}
/*img {border:0;}*/
a
{
    color: #663366;
    text-decoration: none;
}
a:hover
{
    color: #663366;
    text-decoration: underline;
}
.red
{
    color: Red;
}

.font18
{
    font-size: 18pt;
}
.font16
{
    font-size:16pt;
}

.testimonial
{
    display: none;
}

html, body, table, div, img, h1, h2, h3, h4
{
    margin: 0;
    padding: 0;
}
img
{
    display: block;
}
p
{
    margin: 0 0 10px 0;
}
body
{
    background: #fff;
    font-family: Arial, Sans-Serif;
    color: #535355;
    font-size: 12px;
}
h2
{
    color: #535355;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
}

.wrap
{
    width: 854px;
}

.logo
{
    float: left;
}
.banner
{
    float: right;
}
.header
{
    float: left;
    width: 854px;
}

.lft
{
    width: 195px;
    float: left;
}

.login, .txtRotate
{
    width: 150px;
    margin: 0 auto;
}
.login
{
    margin-top: 138px;
    text-align: right;
}
.txtRotate
{
    font-size: 14px;
    color: #6d6fbd;
    line-height: 20px;
    height: 200px;
}

.txtRotate ul, .txtRotate li
{
    list-style-type: none;
}

.rgt
{
    width: 658px;
    float: right;
}
.flash
{
    padding-top: 7px;
}
.about
{
    padding: 20px;
    margin-top: 10px;
    border-left: 1px solid #9c9c9c;
    overflow: auto;
    
}
* html .about
{
    border: none;
}

.nav
{
    width: 85px;
    margin-right: 10px;
    float: left;
}
ul.nav, .nav li
{
    list-style: none;
    padding: 0;
    margin:0;
}
.nav a
{
    color: #6c276a;
    text-decoration: none;
    font-weight: bold;
}
.nav a:hover{text-decoration:underline;}
.slideSection
{
    float: left;
    width: 500px;
    padding-left: 20px;
}

.footer
{
    clear: both;
    font-size: 10px;
    color: #ababab;
    padding: 40px 0 0 20px;
}

.beginButton
{
    float:right;
}

.nextButton
{
    float:right;
}
.backButton
{
    float:left;
}

.printButton
{
    float:left;
}

.contentBlock
{
    padding-bottom:15px;
}


/* Login */
.LoginIntro
{
    font-size: 11px;
    margin-bottom: 10px
}
.label
{
    color: #6c276a;
    font-weight: bold;
}
.data .inputBox
{
    width: 90px;
    height: 13px;
    font-size: 11px;
}
.loginLinks{width: 90px; text-align: left;float:left;}
.loginLinks a
{
    font-size: 9px;
    float: left; 
    margin-right: 5px;
}
.loginError
{
    font-size: 11px;
    color: Red;
}
.loginBtn{float: right;}
.btn{font-size: 12px}
.standardFieldSet{clear: both}
.standardFieldSet caption{float: left;}
.standardFieldSet .inputBox{float: left; display: inline}
.PracticeInfo .standardFieldSet select.inputBox { float:left; display:inline; clear:none; }
.standardFieldSet select.inputBox{clear: left;}
.Question2-1-2iii select.inputBox{float: left; clear: none !important;}

/*-- slider styles Benefits--*/
#slider ul, #slider li
{
    width: 490px;
    height: 200px;
    list-style: none;
    margin:0;
    padding: 0;
}
#slider, #slider li
{
    width: 490px;
    height: 200px;
    overflow: hidden;
}
#slider
{
}
#prevBtn, #nextBtn
{
    font-weight: bold;
    padding-left: 5px;
}
#prevBtn
{
    float: left;
}
#nextBtn
{
    float: right;
}
#prevBtn a:hover, #nextBtn a:hover
{
    text-decoration: underline
}


/*-- slider styles Testimonials --*/
#slider2 ul, #slider2 li
{
    width: 490px;
    height: 200px;
    list-style: none;
    margin:0;
    padding: 0;
}
#slider2, #slider2 li
{
    width: 490px;
    height: 200px;
    overflow: hidden;
}
#slider2
{
}
#prevBtn2, #nextBtn2
{
    font-weight: bold;
    padding-left: 5px;
}
#prevBtn2
{
    float: left;
}
#nextBtn2
{
    float: right;
}
#prevBtn2 a, #nextBtn2 a
{
}


/*DashBoard*/
.dashboard
{
    background: url(../images/contentBtm.gif) no-repeat bottom right;
    width: 854px;
}
ul.progressList
{
    margin: 0 auto;
    width: 155px;
    margin-top: 15px;
}
ul.progressList, .progressList li
{
    list-style-type: none;
    padding: 0;
    font-size: 12px;
}
.progressList li h4
{
    font-size: 16px;
    font-family: Helvetica, Arial, Serif;
    padding: 0 0 5px 0;
    margin: 0;
    font-weight: normal;
}
.progressList li a
{
    padding: 0 0 4px 13px;
    background: url(../images/check.gif) no-repeat 0 3px;
    color: #753267;
    text-decoration: none;
}
.progressList li a:hover{text-decoration: underline;}
.progressList li a[disabled="disabled"]{text-decoration: none;color:#989899;}
.progressList li a.checked[disabled="disabled"]{text-decoration: none; color:#989899;}
.progressList li a.constant
{     
    padding: 0 0 5px 0;
    background: none;      
    text-decoration: none;
    font-size:16px;    
}
.progressList li a.constant:hover 
{
    text-decoration: underline;
}
.progressList li a.constant[disabled="disabled"]:hover 
{
    text-decoration: none;
}
.progressList li a.checked
{
    background-position: 0 -17px;
    color:#753267;
}
.borderContent
{
    float: left;
    width: 608px;
    border-left: 1px solid #9c9c9c;
    background: url(../images/gradBg.gif) repeat-x;
    padding: 25px;
    min-height: 700px;
}
* html .borderContent
{
    height: 700px;
    line-height: 22px;
}
.borderContent h2
{
    color: #312f90;
    font-family: Helvetica, Arial, Serif;
    font-size: 24px !important;
    font-weight: normal;
}
.borderContent h3
{
    color: #989899;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}
.purple
{
    color: #312f90;
}
br.clear
{
    clear: both;
    height: 0;
    line-height: 0.1em;
    margin: -1px 0 0 0;
}

.progressBar
{
    width: 590px;
    height:15px;
    margin-top: 3px;
    background-color: Gray;
}

/* Questionnaire */
.standardTabSet
{
    text-align: left;
    clear: both;
}
.standardTabSet ul.ui-tabs
{
    list-style: none;
    overflow: auto;
    position: relative;
    top: 1px;
    padding: 0 0 0 10px;
    margin: 0;
}
.standardTabSet ul.ui-tabs li
{
    border: 1px solid Gray;
    background-color: White;
    padding: 3px 10px;
    float: left;
    margin-right: 5px;
    white-space: nowrap;
}
.standardTabSet ul.ui-tabs li.ui-state-default
{
}
.standardTabSet ul.ui-tabs li.ui-state-active
{
    border-bottom: 1px solid White;
}
.standardTabSet ul.ui-tabs li.ui-state-hover
{
    background-color: Blue;
}
.standardTabSet ul.ui-tabs li.tab_dirty
{
    background-color: #FFF8AF;
}
.standardTabSet div.ui-tabs-hide
{
    display: block;
}
.standardTabSet div.ui-tabs-panel
{
    border: 1px solid Gray;
    background-color: White;
    padding: 10px 10px;
    overflow: auto;
}
.standardTabSet a
{
    text-decoration: none;
}

.standardTabSet
{
    text-align: left;
    clear: both;
}
.standardTabSet .tabHolder
{
    position: relative;
    top: 1px;
    padding-left: 10px;
}
.standardTabSet .tab
{
    border: 1px solid Gray;
    background-color: White;
    padding: 3px 10px;
    float: left;
    margin-right: 5px;
    white-space: nowrap;
}
.standardTabSet .selectedTab
{
    border-bottom: 1px solid White;
}
.standardTabSet .tabContent
{
    border: 1px solid Gray;
    background-color: White;
    padding: 10px 10px;
}
.standardTabSet .tab_dirty
{
    background-color: #FFF8AF;
}


/* standard field set */
fieldset.standardFieldSet
{
    margin-bottom: 5px;
    border: 0;
    padding: 0 15px;
}



fieldset.standardFieldSet legend, .question
{
    color: #666;
    background-color: Transparent;
    margin-left: -5px;
    padding: 0 25px 0 5px;
    font-weight: bold;
    font-size: 12px;
    float: left;
    white-space:normal;
}

.question{padding: 0 15px}

fieldset.standardFieldSet legend
{
    min-width: 200px;
    padding-bottom: 10px;
}
    
fieldset.standardFieldSet legend.invalid
{
    color: Red;
}
fieldset.standardFieldSet .tooltip
{
    display: none;
}
.MyOfficeMateSoftware fieldset.standardFieldSet .tooltip, .MyComputerSystems .standardFieldSet .tooltip
{
    display: block;
    float: right;
}

fieldset.standardFieldSet .validator
{
    background-color: #FFEFEF;
    color: Red;
    border: 1px solid Red;
    position: absolute;
    top: -25px;
    right: 20px;
    padding: 3px;
}
fieldset.standardFieldSet input .inputBox
{
    width: 100%;
}
fieldset.standardFieldSet select .inputBox
{
    width: 100%;
}
fieldset.standardFieldSet .radioButtonList td
{
    padding: 5px;
}
fieldset.standardFieldSet .radioButtonList td input
{
    margin: 0 7px 0 40px;
}

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header
{
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}
.ui-accordion .ui-accordion-li-fix
{
    display: inline;
}
.ui-accordion .ui-accordion-header-active
{
    border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a
{
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon
{
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content
{
    padding: 1em 0;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: visible;
    display: block;
    width: 600px;
}
.ui-accordion .ui-accordion-content-active
{
    display: block;
}

.standardTabSet .ui-accordion-header a
{
    display: none;
}


.systemTbl{color: #333}
.systemTbl .firstCol, systemTbl th{font-weight: bold;}
.systemTbl .secondCol{background: #8788cd}
.systemTbl .thirdCol{background: #c3c4f8}


/*Page Specific 'styles'*/
.Question1-1-1 .inputBox, .myPracticeInformation2 .inputBox, .myPracticeInformation .inputBox{width: 25px;}
.practiceActivities label{display: none;}
.practiceActivities span{float: right; margin-right: 15px; width: 175px; margin-right:120px;}
.practiceActivities table.radioButtonList{width: 330px; float: right;}
*:first-child+html .practiceActivities table.radioButtonList{margin-top:-25px}
.preInstallChecklist .fieldsetWrap, .postInstall .fieldsetWrap{position: relative;}
.preInstallChecklist .standardFieldSet input, .postInstall .standardFieldSet input{position: absolute; top: 0px; left: 10px;}
.preInstallChecklist legend span{white-space: pre-wrap; display: block; max-width: 500px}
.preInstallChecklist .standardFieldSet, .postInstall .standardFieldSet{ padding: 0 15px 0 60px;}
.preInstallChecklist .ui-accordion-content{}
.preInstallChecklist .standardFieldSet input{}

.preInstallChecklist .standardFieldSet legend, .postInstall .standardFieldSet legend{padding-left: 20px; width: 500px; font-weight:normal; padding:0px;}
.postInstall .standardFieldSet .tooltip {  padding-left: 100px; font-weight:normal; display:block;  }
.preInstallChecklist .standardFieldSet span{white-space: normal;}

.officeRoles td{text-align: center;}
.software fieldset.standardFieldSet .tooltip{display: block}
.officeRoles td{text-align: center;}
.officeRoles tr:hover { background-color: #EEE;}
.Role a { text-decoration: underline;}

.Summary .question { 
    width:300px;
    color: #666;
    background-color: Transparent;
    margin-left: 10px;
    padding: 0 15px 0 5px;
    font-weight: bold;
    font-size: 12px;
    float: left;
    white-space:normal;
}
.Summary .questionSm { 
    width:90px;
    color: #666;
    background-color: Transparent;
    margin-left: 10px;
    padding: 0 15px 0 5px;
    font-weight: bold;
    font-size: 12px;
    float: left;
    white-space:normal;
}
.Summary h3 { font-size:13px; font-weight:bold;}
.myPracInfo fieldset.standardFieldSet {position: relative; overflow: visible; height: 25px;}
.myPracInfo fieldset.standardFieldSet legend{float: left;float:none;width:200px;padding-right:300px;}
.myPracInfo fieldset.standardFieldSet .tooltip
{
    display:block;
    color:Gray;
}
.myPracInfo fieldset.standardFieldSet input, .myPracInfo fieldset.standardFieldSet select{float: right !important;margin-top: -25px;margin-right:220px; width: 180px;}
.myPracInfo fieldset.standardFieldSet select{width: 187px;}
.myPracInfo .validator{top:0 !important;}
.myPracticeInformation fieldset.standardFieldSet {position: relative; overflow: visible; height: 25px;}
.myPracticeInformation fieldset.standardFieldSet legend{float: left;float:none;padding-right:300px;}
.myPracticeInformation fieldset.standardFieldSet input{float: right !important;margin-top: -25px;margin-right:350px}
.myPracticeInformation .Question2-2-1 legend{padding-right: 15px !important;}
.myPracticeInformation .Question2-2-1 input{margin-right: 75px !important;}
.myPracticeInformation .Question2-2-1 .validator{background-color: #FFEFEF;
    color: Red;
    border: 1px solid Red;
    position: relative;
    top: 0px;
    right: 0px;
    padding: 3px;}
fieldset.Question1-2-1 .tooltip { display:block; color:Gray; font-style:italic;}


.AcknowledgeBox { background-color: #E2F4FD; font-family: Arial; font-size: 11px; border: solid 1px black; min-height: 40px; overflow: auto}

.Question1-1-2 legend span, .Question1-2-1 legend span, .Question6-1-1 legend span, .myPrac3 legend span, .Question4-4-1 legend span, .postInstall legend span{ display: block; max-width: 500px}

.Question1-2-1, .Question2-1-2v{position: relative;}
.Question2-1-2v .tooltip{position: absolute; left: 375px;top: 5px}
.Question1-2-1 .tooltip{position: absolute; left: 175px; top:32px}
.Question1-2-1{width: 500px;  overflow: hidden;}
.Question1-2-1 legend{margin-left: -10px !important}
.practiceActivities  fieldset.standardFieldSet .radioButtonList td input
{
    margin: 0 7px 0 70px;
}
.answer{float: right; width: 230px;}

@-moz-document url-prefix() { .myPracInfo fieldset.standardFieldSet .tooltip {top:-20px; left: 360px } } 

.practiceActivities .first{padding-left: 20px; width: 100px;}
.practiceActivities .second{padding-left: 50px; width: 115px;}
.practiceActivities fieldset.standardFieldSet legend{padding-bottom: 0; float: left;width: 230px; text-align:right;}
.practiceActivities fieldset.standardFieldSet legend span{padding: 0; width: 230px; margin: 0; cursor:pointer;}
fieldset.Question4-3-3 legend { width: 450px;}

fieldset.Question1-1-1 { width:598px;}


.contentBlock img{display: inline;}

.contactUs { padding-top: 0px; margin:0; float:right;}
.pageTopLinks { width: 103px;}

/* tooltip popups */
fieldset.Question3-1-1 .tooltip, fieldset.Question5-1-2 .tooltip, .myPracticeGoals .tooltip, .contactUs .cuTooltip
{ display:block; color:#663366; }
fieldset.Question4-3-3 .tooltip, fieldset.Question4-3-2 .tooltip, fieldset.Question1-1-1 .tooltip { display:block; color:#663366; float:right;}

.myPracticeGoals { text-align:right;}

.practiceActivities .tooltip, .trainingClassDesc, .matrixRoles
{ display:block; color:#663366; position: relative; }

fieldset.Question1-1-1 .tooltip .callout, fieldset.Question3-1-1 .tooltip .callout, fieldset.Question4-3-2 .tooltip .callout, fieldset.Question4-3-3 .tooltip .callout, fieldset.Question5-1-2 .tooltip .callout, .myPracticeGoals .tooltip .callout, .contactUs .cuTooltip .callout, .matrixRoles
{ cursor:pointer;}

.practiceActivities .tooltip span
 {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CCCCCC;    
    margin:0;
    font-size:12px;    
    padding:15px 15px 15px 15px;
    position:absolute;
    top:0px !important;
    float:right;
    z-index:999;
    width:230px;
    
}
.practiceActivities .tooltip span, #IE8#HACK
{
    left:240px !important;
}

.trainingClassDesc span, .matrixRoles span
 {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CCCCCC;    
    margin:0;
    font-size:12px;
    left:20px;
    padding:15px 15px 15px 15px;
    position:absolute;
    top:20px;    
    float:right;
    z-index:999;
    width:230px;
}


fieldset.Question1-1-1 .tooltip span, fieldset.Question3-1-1 .tooltip span, fieldset.Question4-3-2 .tooltip span, fieldset.Question4-3-3 .tooltip span, fieldset.Question5-1-2 .tooltip span, .myPracticeGoals .tooltip span, .contactUs .cuTooltip span
 {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CCCCCC;    
    margin:0;
    font-size:12px;    
    padding:15px 15px 15px 15px;
    position:absolute;
    float:right;
    z-index:999;
    width:230px;           
}

fieldset.Question1-1-1 .tooltip span
{
    
}


fieldset.Question1-1-1 .tooltip span .closebtn, fieldset.Question3-1-1 .tooltip span .closebtn, fieldset.Question4-3-2 .tooltip span .closebtn, fieldset.Question4-3-3 .tooltip span .closebtn, fieldset.Question5-1-2 .tooltip span .closebtn, .myPracticeGoals .tooltip span .closebtn, .practiceActivities .tooltip .closeHoverbtn, .contactUs .cuTooltip .closebtn
{    
    float:right;
    font-weight:bold;
    cursor:pointer;
}


.practiceActivities fieldset.standardFieldSet legend, .practiceActivities .question {padding-right: 0;}

.ff35 .practiceActivities table.radioButtonList {margin-top:-20px}



.trainingClassDesc span, .matrixRoles span{display:none}
.tooltipcontent
{
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CCCCCC;    
    margin:0;
    font-size:12px;
    left:20px;
    padding:15px 15px 15px 15px;
    position:absolute;
    top:20px;    
    float:right;
    z-index:999;
    width:230px;
    display:none;
}