/*******************************************************/
/*                                                     */
/*   Adviser Portal Stylesheet                         */
/*                                                     */
/*   Contains rules for variations from standard       */
/*   rules for use within user controls (ie, .ascx     */
/*   files). Please keep all rules grouped by          */
/*   module type.                                      */
/*                                                     */
/*******************************************************/

/**********************************/
/*                                */
/*       Activity Controls        */
/*                                */
/**********************************/
.ActivityDetail_Panel { }

.ActivityDetail_Panel .cell1
{
    width: 300px;
    height: 100px;
    padding-bottom: 10px;
}
.ActivityDetail_Panel .cell2
{
    width: 200px;
    border-left: 1px solid #E0E0E0;
    margin-left: 10px;
    padding-left: 10px;
    height: 100px;
    padding-bottom: 10px;
}
.ActivityDetail_Panel .cell2 dd
{    
    width: 120px;
}
.ActivityDetail_Panel .cell3
{
    width: 355px;
    border-left: 1px solid #E0E0E0;
    text-align: justify;
    margin-left: 10px;
    padding-left: 10px;
    height: 100px;
}

.ActivityDetail_Panel .cell3 .collapsedTextDiv { height: 95px; }

.ActivityDetail_Panel .cell4
{
    width: 234px;
    margin-top: 15px;
    border-top: 1px solid #E0E0E0;
    padding-top: 8px;
    padding-right: 20px;
    text-align: center;
}
.ActivityDetail_Panel .cell5
{
    width:650px;
    margin-top: 15px;
    border-top: 1px solid #E0E0E0;
    padding-top: 8px;
    padding-left: 10px;
    text-align: justify;
}

.ActivityDetail_Panel .cell6
{
    clear: both;
    width: 100%;
    border-top: 1px solid #E0E0E0;
    padding-top: 8px;
    margin-top: 8px;
}

.ActivityDetail_Panel .cell4 p { margin-bottom: 0px; }    



.ActivityFilter_Panel1 { }
.ActivityFilter_Panel1 .cell1 { width: 475px; }
.ActivityFilter_Panel1 .cell2 { width: 150px; }
.ActivityFilter_Panel1 .cell3 { width: 125px; }
.ActivityFilter_Panel1 .cell4 { width: 160px; }

.ActivityFilter_Panel1 select { width: 260px; }

.ActivityFilter_Panel1 label
{
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack */
}

.ActivityFilter_Panel1 .cell1 label { min-width: 150px; }



.ActivityOverviewPanel { }

.ActivityOverviewPanel .activityOverviewBody { margin-top: 10px; }
.ActivityOverviewPanel .panelHeader .panelRight .overdue
{
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack */
}
.ActivityOverviewPanel .panelHeader .panelRight span
{
    vertical-align: middle;
    padding-right: 5px;
}
    
.ActivityOverviewPanel .panelHeader .panelRight img { padding-right: 30px; }

.ActivityOverviewPanel #cell1
{
    width: 60px;
}

.ActivityOverviewPanel #cell1 strong
{
    display: block;
    margin-bottom: 5px;
}

.ActivityOverviewPanel #cell2
{
    min-height: 92px;
    width: 355px;
    overflow: hidden;
}

.ActivityOverviewPanel #cell2 p
{
    margin: 0px;
    padding: 0px;
    text-align: justify;
}

.ActivityOverviewPanel #cell3
{
    height: 70px;
    /* border-left: 1px solid #E0E0E0; */
    margin-left: 10px;
    padding-left: 10px;
    width: 120px;
    text-align:center;
}

.ActivityOverviewPanel #cell4
{
    height: 70px;
    /* border-left: 1px solid #E0E0E0; */
    margin-left: 10px;
    padding-left: 10px;    
    width: 177px;    
    min-height:70px;
}

.ActivityOverviewPanel #cell5
{
    height: 70px;
    vertical-align: top;
    /* border-left: 1px solid #E0E0E0; */
    padding-left: 10px;
    width: 90px;
    text-align: center;    
    min-height:70px;
}



.ActivitySummaryPanel
{
}

.ActivitySummaryPanel .cell1
{
}

.ActivitySummaryPanel .cell2
{
    width: 99%;
    padding: 3px 0px 3px 0px;
}

.ActivitySummaryPanel .cell3
{
    padding: 0px 2px 15px 0px;
    margin-bottom: 15px;
    
}

.ActivitySummaryPanel .ProgressPrimary,
.ActivitySummaryPanel .ProgressSecondary
{
    height: 35px !important;
}



.ElementListPanel { }

.ElementListPanel .cell1
{
    padding-bottom: 7px;    
    margin-bottom: 8px;
}

.ElementListPanel .cell1 .hyperlinkButtonContainer,
.ElementListPanel .cell1 .buttonContainerOuter
{
    margin-left: 5px;
    margin-right: 0px;
}

.ElementListPanel .cell1 h2 { padding-top: 3px; }
.ElementListPanel .cell2 { width: 42px; }
.ElementListPanel .cell3
{
    width: 390px;
}

.ElementListPanel .cell4,
.ElementListPanel .cell5,
.ElementListPanel .cell6
{
    height: 65px;
    margin-left: 10px;
    padding-left: 10px;
}

.ElementListPanel .cell4
{
    text-align: center;
    width: 100px;
}

.ElementListPanel .cell5 { width: 200px; }
.ElementListPanel .cell6
{
    text-align: center;
    width: 90px;
}

.ElementListPanel .popup
{
    position: fixed;
	top: 30%;
	left: 25%;
	width: 50%;
	z-index: 100011; /* This needs to be very high to appear in front of update panels */
	color: #000000;
    background-color: #FFFECE;
    border: 1px solid #DFDEAE;
    padding: 50px 0px 50px 0px;    
    text-align:center;
}

.FAQFilter_Panel1 { }
.FAQFilter_Panel1 .cell1 { width: 60%; }
.FAQFilter_Panel1 .cell2 { width: 15%; }
.FAQFilter_Panel1 .cell3 { width: 15%; }

.FAQFilter_Panel1 select
{
    min-width: 200px;
    max-width: 350px;
}

/**********************************/
/*                                */
/*        Header Controls         */
/*                                */
/**********************************/
.containerHeader
{
    
    margin-bottom: 10px;        
}

.containerHeader a
{
    color: #0c2d72;
    text-decoration: none;    
}

.containerHeader a:hover
{
    text-decoration: underline;
    color: #93c6e6;
}

.containerHeaderText
{    
    display: inline-block;    
    font-size: 18px;
    font-weight: bold;
    color: #0c2d72;
    padding: 1px 0px 0px 0px;
    margin-bottom: 0px;
    *display: inline; zoom: 1; /* IE hack */
    *margin-right: 3px; /* IE hack */    
    margin-right: 4px;
}

.containerHeaderSubText
{
    font-weight: bold;    
    color: #808080;
    margin-bottom: 5px;    
}

.containerHeaderIcon
{
    display: none;
    /*
    display: inline-block;    
    vertical-align: top;
    padding-right: 4px;    
    */
}

.containerHeaderHelp
{    
    vertical-align: top;
    display: inline-block;    
    padding: 0px 1px 0px 0px;
    margin-top: 0px;
    *display: inline; zoom: 1; /* IE hack */
}

.containerHeaderHelp .helpIcon
{
    width: 16px;
    height: 16px;
    background-image: url('Images/Icons/help.png');    
    cursor: pointer;    
}

.containerHeader .panelRight .buttonContainerOuter
{
    margin: 0px 0px 8px 3px;
}    

.fieldHeader
{    
    padding-top: 6px;
    padding-bottom: 2px;    
}

.fieldHeaderText
{
    margin: 0px 0px 0px 0px;
    padding: 0px;    
    color: #0c2d72;
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack */
}

.fieldHeader #divHeader, .fieldHeader #divRequired
{
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack */
}

.fieldHeader #divHeader
{
    padding-right: 5px;    
}

.fieldHeader #divRequired
{
    height: 15px;    
    vertical-align: text-bottom;
}

.imageLinkIcon
{
    float: left;
    vertical-align: top;
    display: inline-block;
}

.imageLinkText
{
    float: left;
    vertical-align: top;
    padding-left: 4px;
    padding-bottom: 10px;
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack */
}

.MasterIconContainer
{
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack */
    background-color: #85C2EB;
    margin: 0px 0px 0px 0px;
    *margin: 0px 3px 0px 0px; /* IE hack */
    padding: 3px 6px 6px 9px;
    margin-top: 3px;
    cursor: pointer;
    border-radius: 3px;
}

.MasterIconContainer:hover
{
    background-color: #A9D4F1;
    color: #FFFFFF;    
}

.MasterIconContainer > div
{
    display: inline-block;
    *display: inline; zoom: 1;
    vertical-align: middle;    
}

.MasterIconContainer > div span
{
    padding-right: 8px;
}

.MasterIconContainer img
{
    vertical-align: middle;
}


/**********************************/
/*                                */
/*     Notification Controls      */
/*                                */
/**********************************/
.NotificationDetail_Panel1
{        
    margin: 4px 0px 3px 0px;
    
    background-image: url('Images/Icons/note.png');
    background-repeat: no-repeat;
    padding: 2px 0px 5px 20px;    
}

.NotificationOverview_Panel1
{    
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.NotificationOverview_Panel1 .cell1 { width: 46px; }

.NotificationOverview_Panel1 .cell2 
{
    width: 90px;
    padding-top: 5px;
}

.NotificationOverview_Panel1 .cell3
{        
    text-align: justify;
    width: 68%;
    padding-top: 5px;
}

.NotificationOverview_Panel1 .cell3 p { margin: 0px; }

.NotificationOverview_Panel1 .cell4
{
    text-align: right;    
}

.NotificationOverview_Panel1 .buttonContainerOuter { margin-right: 0px; }




.NotificationFilter_Panel1 { }

.NotificationFilter_Panel1 .buttonContainerOuter
{
    margin-left: 5px;
    margin-right: 0px;
}

.NotificationFilter_Panel1 .cell1, 
.NotificationFilter_Panel1 .cell2 { padding-right: 30px; }




/**********************************/
/*                                */
/*         Plan Controls          */
/*                                */
/**********************************/
.PlanDetail_Panel { }

.PlanDetail_Panel .cell1
{
    width: 100%;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.PlanDetail_Panel .cell1 img
{
    vertical-align: middle;
    padding: 0px 5px 0px 15px;
}

.PlanDetail_Panel .cell1 .panelRight span
{
    vertical-align: middle;
}

.panelHeader 
{
    padding-top: 10px;    
}

.panelHeaderDiv
{
    display: inline-block;
    width: 49.7%;
}

.panelHeaderDiv:last-of-type
{
    text-align: right;
    margin-right: 0px;
}

.progressLegend
{
    text-align: right;
    padding-top: 10px;
}


.PlanDetail_Panel .cell2
{
    clear: both;
    width: 40%;    
    margin-right: 5px;        
}

.PlanDetail_Panel .cell2 input
{
    position: relative;
    top: 2px;
    left: 3px;
    cursor: pointer;
}

.PlanDetail_Panel .planTargetProgressBar
{    
    width: 97%;
    padding-left: 10px;
    /* border-left: 1px solid #E0E0E0; */
    margin: 15px 0px 15px 0px;
}

.PlanDetail_Panel .planTargetProgressBar .ProgressContainer { margin: 5px 0px 5px 0px; }




.PlanSummary_Panel { }

.PlanSummary_Panel .createPanel a
{
    float: right;
    margin: 30px 30px 0px 0px;    
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #0c2d72;
    background-image: url('Images/Icons/green_arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    height: 40px;
    padding: 8px 50px 0px 0px;
}

.PlanSummary_Panel .createPanel a:hover
{
    text-decoration: underline;
}

.PlanSummary_Panel .cell1
{
    padding-top: 7px;
    min-height: 109px;
    width: 41%;
    padding-right: 10px;    
}

.PlanSummary_Panel .cell2
{
    border-left: 1px solid #E0E0E0;
    padding-left: 20px;
    width: 51%;
    margin-right: 10px;
}



.PlanOverview_Panel { }

.PlanOverview_Panel .cell1
{
    width: 38%;
    border-right: 1px solid #E0E0E0;
}

.PlanOverview_Panel .cell2
{    
    width: 50%;
    padding-left: 10px;
    border-right: 1px solid #E0E0E0;
}

.PlanOverview_Panel .cell3
{
    width: 9%;
    text-align: center;
}



.ActivitySummary_Panel
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.ActivitySummary_Panel ~ div
{    
    /* border-top: 1px solid #E0E0E0; */
}

.summaryDivWarningLevelOne
{
    /*background-image: url('Images/Icons/small_warning_amber.png');
    background-position: right;
    background-repeat: no-repeat;*/
}

.summaryDivWarningLevelTwo
{
    background-image: url('Images/Icons/small_warning_red.png');
    background-position: right;
    background-repeat: no-repeat;
}



/**********************************/
/*                                */
/*         Plan Templates         */
/*                                */
/**********************************/
.PlanTemplateList_Panel1 { }
.PlanTemplateList_Panel1 > .panelOuter > .panelInner { background-color: #F8F8F8; }

.PlanTemplate_Panel1 > .cellDetails
{
    display: none;
}

.PlanTemplate_Panel1 > .cellDetails > .cell1
{
    width: 469px;
    min-height: 150px;
    text-align: justify;
    padding: 0px 15px 0px 0px;
    margin-bottom: 10px;
    border-right: 1px solid #E0E0E0;
}

.PlanTemplate_Panel1 > .cellDetails > .cell1 li { margin-bottom: 5px; }

.PlanTemplate_Panel1 > .cellDetails > .cell2
{    
    width: 190px;
    text-align: justify;    
    margin: 0px 0px 10px 0px;
    padding-left: 15px;
}

.PlanTemplate_Panel1 > .cellDetails .cell2 dd { float: right; }
.PlanTemplate_Panel1 > .cellDetails .cell2 b
{
    display: block;
    margin-bottom: 8px;
    color: #0c2d72;
}
.PlanTemplate_Panel1 > .cellDetails .cell2 dt { width: 130px; }
.PlanTemplate_Panel1 > .cellDetails .cell2 dd { width: 50px; margin-bottom: 0px;  }
.PlanTemplate_Panel1 > .cellDetails .cell2 .clear { height: 15px; }


.PlanTemplate_Panel1 > .cellDetails > .cell3
{
    width: 100%;
    padding: 10px 0px 10px 0px;    
    clear: both;
}

.PlanTemplate_Panel1 > .cellDetails > .cell3 .panelOuter
{
    margin: 0px 10px 0px 0px;    
}

.PlanTemplate_Panel1 > .cellDetails > .cell3 .panelInner { padding: 5px 8px 0px 8px; }

.PlanTemplate_Panel1 > .cellDetails > .cell3 .panelLeft { width: 150px !important; }

.PlanTemplate_Panel1 > .cellDetails > .cell3 .panelRight
{
    width: 16px !important;
    height: 16px !important;    
    cursor: pointer;
    background-image: url('Images/Icons/info.png');
}

.PlanTemplate_Panel1 > .cellDetails > .cell3 .panelRight:hover { background-image: url('Images/Icons/info_bright.png'); }

.PlanTemplate_Panel1 > .cellDetails > .cell3 #Objective
{
    padding: 1px 0px 3px 0px;
    
}

.PlanTemplate_Panel1 > .cellDetails > .cell3 #Activity
{
    text-align: center;
    padding: 15px 0px 14px 0px;
    background-color: #FFFFFF;
    border: solid 1px #E0E0E0;
}

.PlanTemplate_Panel1 > .cellDetails > .cell3 #Activity h2
{
    margin-bottom: 8px;
}

.PlanTemplate_Panel1 > .cellDetails > .cell3 #Activity img
{
    padding-right: 2px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -1px;
    *top: -103px; /* IE hack */
    *left: -19px; /* IE hack */
}




/**********************************/
/*                                */
/*  Popup Plan Template Details   */
/*                                */
/**********************************/
.popupTemplateDetailsBorder
{
    opacity: 0.3 !important;
    display: none;
    position: fixed;
    left: 250px;
    top: 200px;    
    padding: 20px;
    width: 700px;
    height: 545px;
    background-color: #808080;
    padding: 6px;
    z-index: 11000;
}

.popupTemplateDetailsContent
{
    position: fixed;
    left: 256px;
    top: 206px;
    width: 658px;
    height: 503px;
    display: none;    
    border: 1px solid #303000;
    background-color: #FFFFFF;
    padding: 20px;
    text-align: justify;
    color: #303000;    
    z-index: 11001;  
}

.popupTemplateDetailsLoading
{
    height: 428px;
    background: url('images/icons/spinnersmall.gif') no-repeat 8px 8px;
    padding: 9px 0px 0px 30px;
}

.popupTemplateDetailsContent .buttonContainerOuter { margin-right: 0px !important; }
.popupTemplateDetailsContent_Panel > div > .panelInner { min-height: 117px; }
.popupTemplateDetailsContent_Panel .containerHeaderText { display: block !important; }

.popupTemplateDetailsContent_Panel .containerHeaderSubText
{
    display: block;
    width: 100%;
    
    padding-bottom: 6px;
    margin-bottom: 8px;  
}

.popupTemplateDetailsContentList_Panel  #panelScroll
{    
    height: 260px;
    overflow: auto;
}

.popupTemplateDetailsContentList_Panel .containerHeaderText
{
    display: block;
    
    padding-bottom: 6px;
    margin-bottom: 8px;
}

.popupTemplateDetailsContentList_Panel strong
{
    display: block;
    padding-bottom: 3px;
}

.popupTemplateDetailsContentList_Panel strong ~ strong
{    
    margin-top: 8px;
    /* border-top: 1px solid #E0E0E0; */
    padding-top: 10px;
}

.popupTemplateDetailsContentList_Panel dt
{
    width: 300px;
    text-indent: 20px;
}


/**********************************/
/* Plan Apply Targets Step of     */
/*     Add Plan Wizard            */
/**********************************/

.PlanApplyTargets_Panel { min-height: 250px; }
.PlanApplyTargets_Panel .panelOuter { border-color: #E0E0E0; }

.planApplyTargetsTable
{    
    border-collapse: collapse;
    margin: 0px 15px 0px 10px;
    
}

.planApplyTargetsTable th,
.planApplyTargetsTable .underline
{        
    padding-bottom: 8px;
}

.planApplyTargetsTable th.column1 { width: 220px; }
.planApplyTargetsTable th.column2 { width: 500px; }

.planApplyTargetsTable th
{
    text-align: left;
    padding-top: 5px;
    color: #0c2d72;
}

.planApplyTargetsTable td
{
    text-align: left;
    padding-top: 10px;    
}

.planApplyTargetsTable input
{
    width: 50px;
}


/**********************************/
/*                                */
/*           Plan Hours           */
/*                                */
/**********************************/
.PlanHours_Panel { min-height: 250px; }
.PlanHours_Panel .panelOuter { border-color: #E0E0E0; }

.PlanTargets_Panel { min-height: 250px; }
.PlanTargets_Panel .panelOuter { border-color: #E0E0E0; }

.planHoursTable
{    
    border-collapse: collapse;
    margin: 0px 15px 0px 10px;
    
}

.planHoursTable th,
.planHoursTable .underline
{        
    padding-bottom: 8px;
}

.planHoursTable th.column1 { width: 220px; }
.planHoursTable th.column2 { width: 130px; }
.planHoursTable th.column3 { width: 130px; }
.planHoursTable th.column4 { width: 130px; }

.planHoursTable th
{
    text-align: left;
    padding-top: 5px;
    color: #0c2d72;
}

.planHoursTable td
{
    text-align: left;
    padding-top: 10px;    
}

.planHoursTable input
{
    width: 50px;
}



/**********************************/
/*                                */
/*           Plan Close           */
/*                                */
/**********************************/
.PlanClose_Panel1 ul { margin-bottom: 5px; }

.PlanClose_Panel1 li
{
    list-style-image: url('Images/Icons/Bullet.png');
    margin-left: 10px;
    margin-bottom: 5px;
}

.PlanClose_Panel2 { padding: 10px 10px 20px 10px;}
.PlanClose_Panel2 input
{
    margin-top: 4px;
    margin-left: 10px;
}




/**********************************/
/*                                */
/*      ProgressBar Controls      */
/*                                */
/**********************************/
.ProgressContainer
{
    background-image: none;    
    background-color: #FFFFFF;
    width: 100%;
    border: solid 1px #E0E0E0;
    
}

.ProgressPrimary, .ProgressSecondary
{    
    background-position: bottom;
    background-repeat: repeat-x;
}

.ProgressPrimary
{
    background-color: #0D8738;
    width: 0px;
    height: 30px;
    z-index: 100;
}

.ProgressSecondary
{
    background-color: #74D284;
    width: 0px;
    height: 30px;
    z-index: 90;
}



/**********************************/
/*                                */
/*          Tab Controls          */
/*                                */
/**********************************/
.tabContainer
{        
    position: relative;
    top: 1px;
    margin: 2px 5px 0px 5px;    
    padding-left: 5px;    
    width:100%; 
}

.tabContainer .panelLeft
{
    width: 55%;    
}

.tabContainer .panelRight 
{
    width: 43%;
    text-align: right;
    padding-right: 10px;
}

.tabContainer .panelRight h2
{
    margin: 10px 10px 0px 0px;        
}

.tabContainer .requiredFieldContainer
{
    width: 100px;
    float: right;   
    padding-top: 9px;
}

.tabContainer .headerNote
{
    width: 160px;
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack */
}

.activeTab
{    
    display: inline-block;    
    
    background-color: #0c2d72;
    padding: 10px 20px 9px 20px;
    margin-right: 1px;
    color: #FFFFFF;
    text-decoration: none;    
    *display: inline; zoom: 1; /* IE hack */
}

.inactiveTab
{
    display: inline-block;    
    padding: 7px 15px 5px 15px;
    background-color: #FFFFFF;
    vertical-align: bottom;
    margin-right: 1px;
    border: 1px solid #E0E0E0;    
    cursor: pointer;
    color: #808080;
    text-decoration: none;
    *display: inline; zoom: 1; /* IE hack */
}
.activeTab:hover
{
    text-decoration: none;
    color: #FFFFFF;
}

.activeTab:active, .activeTab:focus 
{
   outline:none;
}
.inactiveTab:hover
{
    background-image: none;
    background-color: #F0F0F0;
    text-decoration: underline;
    color: #808080;
}




/**********************************/
/*                                */
/*          User Controls         */
/*                                */
/**********************************/
.loginControlsPanel
{
    margin: 30px 0px 0px 50px;
    width: 256px;
    text-align: left;
    float: left;
}

.loginControlsPanel input[type=text],
.loginControlsPanel input[type=password] { width: 234px; }
.loginControlsPanel > span { padding-top: 10px; }

.loginControlsPanel input[type=checkbox]
{
    margin: 20px 0px 0px 5px;    
}

.loginControlsPanel input[type=checkbox] ~ label
{    
    position: relative;
    top: -1px;
    left: 3px;
}

.loginControlsPanel .links
{
    margin-top: 20px;
}

.loginControlsPanel .links a
{
    padding: 5px 6px 0px 6px;
    font-size: 12px;
}

.loginControlsPanel .buttonContainerOuter
{
    margin-top: 10px !important;
}

.loginSAMLPanel
{
    text-align: center;
    margin-top: 30px;
}

.loginSAMLPanel input[type=submit]
{
    min-width: 200px;
}

.loginSAMLPanel span
{
    padding-top: 10px;
}

.registration
{
    margin: 40px 50px 0px 0px;
    width: 230px;
    text-align: left;
    float: right;
    background-image: url('Images/Misc/register_arrow.png');
    background-repeat: no-repeat;
    background-position: 72px 98px;
    *background-position: 72px 104px; /* IE hack */
    padding-bottom: 30px;
}

.registration p
{
    margin-bottom: 39px;
    line-height: 160%;
}

.registration .buttonContainerOuter
{
    *position: relative; /* IE hack */
    *left: 70px; /* IE hack */
}



.MyDetails_Panel11
{
    width: 440px;
    min-height: 75px;
    padding: 5px 5px 5px 5px;
    border-right: 1px solid #B0B0B0;    
}

.MyDetails_Panel12
{
    width: 440px;
    padding: 5px 5px 5px 5px;
}

.MyDetails_Panel2
{
    width: 100%;
    margin: 5px 0px 5px 0px;
    border-top: 1px solid #B0B0B0;    
}

.MyDetails_Panel21
{
    width: 440px;
    min-height: 110px;
    padding: 5px 5px 0px 5px;
    border-right: 1px solid #B0B0B0;
}

.MyDetails_Panel22
{
    width: 445px;
    min-height: 110px;
    padding: 5px 5px 0px 5px;
}

.MyDetails_Panel22 .panelWarning
{
    min-height: 120px;
    min-width: 426px;
}



/**********************************/
/*                                */
/*         SPS Controls           */
/*                                */
/**********************************/

.SPSEdit_Panel1 {}

.SPSWidget_Panel { }

.SPSWidget_Panel .cell1
{    
    width: 100%;
    float: none;
}

.SPSWidget_Panel .cell2
{
    clear: both;
    width: 100%;
    /* border-top: 1px solid #E0E0E0; */
    margin-top: 7px;    
    padding-top: 8px;
}

.SPSWidget_Panel .cell3
{
    clear: both;
    width: 48%;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #E0E0E0;
}

.SPSWidget_Panel .cell4
{
    width: 49%;
}

.SPSWidget_Panel .cell5
{    
    clear: both;
    width: 100%;
    margin-top: 8px;
    padding-top: 10px;
    /* border-top: 1px solid #E0E0E0; */
    text-align: justify;
}



.SPSFilter_Panel
{
}

.SPSFilter_Panel .cell1
{
    width: 15%; 
    margin-top : 4px;
}

.SPSFilter_Panel .cell2
{
    width: 15%;
    margin-top : 4px;
}

.SPSFilter_Panel .cell3
{
    width: 15%;
    margin-top : 4px;
}

.SPSFilter_Panel .cell4
{
    margin-top : 8px;
    margin-right: 0px;
    vertical-align: top;
    padding-bottom: 0px;
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack */
}




.SPSOverview_Panel { }

.SPSOverview_Panel .cell1,
.SPSOverview_Panel .cell2,
.SPSOverview_Panel .cell3
{
    border-right: 1px solid #E0E0E0;
    margin-right: 10px;
    width: 30%;
}

.SPSOverview_Panel .cell5,
.SPSOverview_Panel .cell6
{    
    clear: both;
    width: 100%;
    margin-top: 8px;
    padding-top: 10px;
    /* border-top: 1px solid #E0E0E0; */
    text-align: justify;
}


.SPSCertificateEdit_Panel { }


.SPSCheckEdit_Panel { }


.SPSCheckDetails_Panel .cell1
{
    padding-bottom: 4px;
}

.SPSCheckDetails_Panel .cell2
{
    clear: both;    
    border-top : 1px solid #E0E0E0;
    padding-top: 4px;
    padding-bottom: 10px;    
}

.SPSCheckDetails_Panel .cell3
{
    border-top : 1px solid #E0E0E0;
    padding-top: 5px;
}

.SPSActivityReportEdit_Panel > .dataFieldContainer > .cell1 { width: 100%; }


.SPSActivityReportSelect_Panel { }



/**********************************/
/*                                */
/*      TandC Folder Controls     */
/*                                */
/**********************************/
.AdviserHeaderPanel
{
}

.AdviserHeaderPanel > .panelLeft { min-width: 30%; }

.AdviserHeaderPanel #cell1 { vertical-align: top; }

.adviserHeaderImage
{
    padding: 0px;
    margin: 0px;
    float: left;
}

.adviserHeaderText
{
    color: #0c2d72;
    padding-left: 10px;    
    padding-top: 15px;
    float: left;
}

.AdviserHeaderPanel #cell2
{
    /* border-left: 1px solid #E0E0E0; */
    padding: 0px 20px 0px 10px;
    min-width: 197px;
}

.AdviserHeaderPanel #cell3
{    
    /* border-left: 1px solid #E0E0E0; */
    padding: 0px 20px 0px 10px;
    min-width: 197px;
}




/**********************************/
/*                                */
/*        Solution Controls       */
/*                                */
/**********************************/
.FindSolutionFilter_Panel1 { }
.FindSolutionFilter_Panel1 .cell1 { width: 308px; }
.FindSolutionFilter_Panel1 .cell2 { width: 308px; }
.FindSolutionFilter_Panel1 .cell3 { width: 308px; }

.FindSolutionFilter_Panel1 .cell4
{
    padding-top: 10px;
    clear: both;
    float: none;
}

.FindSolutionFilter_Panel1 .cell1 label,
.FindSolutionFilter_Panel1 .cell2 label,
.FindSolutionFilter_Panel1 .cell3 label
{
    display: block;
}

.FindSolutionFilter_Panel1 .cell3 ul
{
    margin-top: 7px;
}

.FindSolutionFilter_Panel1 .cell3 ul label
{
    display: inline-block;
}

.FindSolutionFilter_Panel1 input[type=text]
{
    width: 250px;
}

.FindSolutionFilter_Panel1 select
{
    width: 272px;
}

.FindSolutionFilter_Panel1 select
{
    min-width: 150px;
    max-width: 350px;
}

.FindSolutionFilter_Panel1 label
{
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack */    
}



.SolutionsListPanel { }
.SolutionsListPanel > .panelOuter .containerHeader .buttonText:first-child
{
    padding-top: 3px;
    padding-bottom: 2px;
    *padding-bottom: 3px;
}

.SolutionsListPanel .cell1 { width: 60px; }
.SolutionsListPanel .cell2 { width: 306px; }

.SolutionsListPanel .cell3,
.SolutionsListPanel .cell4,
.SolutionsListPanel .cell5
{    
    height: 68px;
    width: 140px;
    /* border-left: 1px solid #E0E0E0; */
    margin-left: 10px;
    padding-left: 10px;
    text-align: center;
}

.SolutionsListPanel .cell6
{
    /* border-left: 1px solid #E0E0E0; */
    padding-left: 10px;
    height: 68px;
}

.SolutionsMaintenanceListPanel { }
.SolutionsMaintenanceListPanel > .panelOuter .containerHeader .buttonText:first-child
{
    padding-top: 3px;
    padding-bottom: 2px;
    *padding-bottom: 3px;
}

.SolutionsMaintenanceListPanel .cell1 { width: 60px; }
.SolutionsMaintenanceListPanel .cell2 { width: 450px; }

.SolutionsMaintenanceListPanel .cell3,
.SolutionsMaintenanceListPanel .cell4
{    
    height: 68px;
    width: 165px;
    /* border-left: 1px solid #E0E0E0; */
    margin-left: 10px;
    padding-left: 10px;
    text-align: center;
}

.ProductsListPanel { }
.ProductsListPanel .cell1 { width: 42px; }
.ProductsListPanel .cell2 { width: 200px; }
.ProductsListPanel .cell3
{    
    /*height: 48px;*/
    width: 464px;
    /* border-left: 1px solid #E0E0E0; */
    margin-left: 10px;
    padding-left: 10px;    
    overflow: hidden;
    text-align: justify;
}
    
.ProductsListPanel .cell4
{
    height: 48px;
    width: 140px;
    /* border-left: 1px solid #E0E0E0; */
    margin-left: 10px;
    padding-left: 10px;
    text-align: center;    
}




/**********************************/
/*                                */
/*     Shopping Cart Controls     */
/*                                */
/**********************************/
.ShoppingCartListPanel { }
.ShoppingCartListPanel > .panelOuter .panelHeader { margin-bottom: 8px; }
.ShoppingCartListPanel h4 { margin-bottom: 5px; }

.ShoppingCartListPanel .cell1 { width: 60px; }      
.ShoppingCartListPanel .cell2 { width: 346px; }     /* was 290px */

.ShoppingCartListPanel .cell3
{    
    height: 68px;
    width: 140px;
    border-left: 1px solid #D0D0D0;
    margin-left: 10px;
    padding-left: 10px;
    text-align: center;
}
.ShoppingCartListPanel .cell4
{    
    height: 68px;
    width: 140px;
    border-left: 1px solid #D0D0D0;
    margin-left: 10px;
    padding-left: 10px;
    text-align: center;
}
.ShoppingCartListPanel .cell5
{    
    height: 68px;
    width: 140px;
    border-left: 1px solid #D0D0D0;
    margin-left: 10px;
    padding-left: 10px;
    text-align: center;
}

.ShoppingCartListPanel .cell5 .buttonContainerOuter { margin-top: 5px; }

.ShoppingCartListPanel #cell6
{
    clear: both;
    width: 100%;
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid #D0D0D0;
}

.OrderTotals_Panel1
{
    text-align:left;
}

.OrderTotals_Panel1 > div
{
    clear:both;
}


.OrderTotals_Panel1 .cell2
{
    border-top: 1px solid #D0D0D0;  
}


.OrderTotals_Panel1 dd
{
    float: right;
    text-align:right;
}

.OrderTotals_Panel1 dt
{
    text-align:left;
}


.PaymentSelection_Panel1 
{
    text-align:left;
}

.Voucher_Panel1
{
    text-align:center;
}




.ConfirmPurchase_Panel1 { text-align: center; }
.ConfirmPurchase_Panel1 .cell1 { padding: 5px; }
.ConfirmPurchase_Panel1 .cell2 { padding: 5px; }

.PurchaseConfirmation_Panel1 {margin-bottom:10px; }
.ThankYou_Panel1 { text-align: center; }
.ThankYou_Panel1 .cell1 { padding: 5px; }
.ThankYou_Panel1 .cell2 { padding: 5px; }

.PaymentLogo_Panel1 #cell1
{
    padding: 5px 5px 5px 5px;
    height: 40px;    
    background-image: url('Images/Master/footer_payment.png');
    background-position: center;
    background-repeat: no-repeat;
}


.PaymentSelection_Panel1 {}
.PaymentSelection_Panel1 #cell1
{
    padding: 5px 5px 5px 5px;
    height: 40px;    
    background-image: url('Images/Master/footer_payment.png');
    background-position: center;
    background-repeat: no-repeat;
}



/**********************************/
/*                                */
/*   Purchase History Controls    */
/*                                */
/**********************************/
.PurchaseHistoryFilter_Panel1 { }
.PurchaseHistoryFilter_Panel1 .advancedOptions
{
    display: none;
    padding: 20px 0px 10px 0px;
    height: 60px;
}
.PurchaseHistoryFilter_Panel1 .advancedOptions .cell1 { padding-right: 30px; }
.PurchaseHistoryFilter_Panel1 .advancedOptions .cell2 { padding-right: 30px; }
.PurchaseHistoryFilter_Panel1 .advancedOptions .cell3 { width: 270px; }



.PurchaseHistoryOverview_Panel { }
.PurchaseHistoryOverview_Panel .cell1
{
    width: 250px;
}
.PurchaseHistoryOverview_Panel .cell2
{
    /* border-left: 1px solid #E0E0E0; */
    border-right: 1px solid #E0E0E0;
    margin: 0px 10px 0px 10px;
    padding: 3px 0px 0px 10px;
    width: 555px;
    min-height: 112px;
}
.PurchaseHistoryOverview_Panel .cell2 strong { padding-bottom: 4px; display: block; }
.PurchaseHistoryOverview_Panel .cell2 p { padding: 3px 0px 0px 23px; background: url('images/icons/tree_arrow.png') no-repeat 4px 0px; }
.PurchaseHistoryOverview_Panel .cell2 p+p { padding: 0px 0px 0px 23px; background: none; }

.PurchaseHistoryOverview_Panel .cell3
{
    /* border-left: 1px solid #E0E0E0; */
    border-right: 1px solid #E0E0E0;
    margin: 0px 10px 0px 10px;
    padding: 3px 0px 0px 10px;
    width: 200px;
    min-height: 112px;
}

.PurchaseHistoryOverview_Panel .cell4
{
    border-right: 1px solid #E0E0E0;
    padding-right: 10px;    
}
.PurchaseHistoryOverview_Panel .cell4 dd
{
    text-align: right;
    width: 80px;
}

.PurchaseHistoryOverview_Panel .cell5 { width: 50px; }




/**********************************/
/*                                */
/*    File Management Controls    */
/*                                */
/**********************************/
.FileSelectorPanel
{
    margin-bottom: 10px;
}

.FileSelectorPanel .fileControlsContainer
{    
    padding: 6px 6px 2px 5px;        
    border: 1px solid #E0E0E0;
}

.FileSelectorPanel .fileControlsContainer .fileControlsLeft
{
    float: left;
    padding-top: 5px;
    overflow: hidden;
}

.FileSelectorPanel .fileControlsContainer .fileControlsLeft span
{
    width: 93%;    
    padding-top: 4px;
}

.FileSelectorPanel .fileControlsContainer .fileControlsRight
{
    width: 230px;
    float: right;
    text-align: right;
}

.FileSelectorPanel .fileControlsContainer .fileControlsRight input[type=file]
{
    width: 94% !important;
    cursor: pointer;
}

.FileSelectorPanel input[type=file] { width: 230px !important; }

.FileSelectorPanel .fileList
{    
    padding: 10px;
}

.FileSelectorPanel .fileDiv
{
    clear: both;
    background-color: #F8F8F8;
    padding: 5px 7px 5px 6px;        
    border: 1px solid #E0E0E0;
    margin-bottom: 3px;
    *margin-bottom: -20px;
    cursor: pointer;    
}

.FileSelectorPanel .fileDiv img
{
    vertical-align: text-bottom;
    padding-right: 5px;    
}

.FileSelectorPanel .fileDiv input[type=checkbox]
{
    position: relative;
    top: -1px;
    *position: relative; /* IE7 hack */
    *top: -25px; /* IE7 hack */
    *margin-right: 5px;
}

.FileSelectorPanel .fileDiv input[type=image]
{
    *position: relative; /* IE7 hack */
    *top: -24px; /* IE7 hack */
}

.FileSelectorPanel .fileDiv:hover
{
    background-color: #EDEDED;
}

.FileSelectorPanel .downloadInProgress
{
    padding-left: 23px;
    background: url('Images/Icons/spinnersmall.gif') no-repeat 3px 3px;
}

.FileSelectorPanel .downloadSuccess
{
    padding-left: 23px;
    background: url('Images/Icons/tick.png') no-repeat 2px 2px;
}

.FileSelectorPanel .downloadFail
{
    padding-left: 23px;
    background: url('Images/Icons/small_warning_red.png') no-repeat 3px 3px;    
}




/**********************************/
/*                                */
/*      Expanding Text Panel      */
/*                                */
/**********************************/
.TextPanel_Container
{
    height: 100%;
}

.TextPanel_Container .collapsedTextDiv
{
    height: 100%;
    overflow: hidden;
    white-space: pre-line;
    line-height: 130%;
    *line-height: 125%; /* IE7 hack */
}

.TextPanel_Container .expandedTextDiv
{
    z-index: 1001;
    position: absolute;
    display: none;
    padding: 10px;
    border: 1px solid #C0C0C0;
    background-color: #FFFFFF;
    line-height: 130%;
}

.TextPanel_Container .expandedText
{
    padding-right: 10px;
    height: 100%;
    overflow: auto;
    white-space: pre-line;
}

.TextPanel_Container .buttonDiv
{
    margin-top: 2px;
    padding-top: 0px;    
    text-align: right;
    display: none;
}

.TextPanel_Container .expandedButtonDiv
{
    border-top: 1px solid #F0F0F0;
    margin-top: 4px;
    padding-top: 8px;    
    text-align: right;
}

.TextPanel_Container .buttonMore,
.TextPanel_Container .buttonClose
{
    z-index: 10000;
    cursor: pointer;
}

.TextPanel_Container .buttonMore:hover,
.TextPanel_Container .buttonClose:hover
{
    text-decoration: underline;
}

.TextPanel_Container ul
{
    margin: 0px;
    padding: 0px;
}

.TextPanel_Container li
{
    padding: 0px;
    margin: 0px 0px 0px 20px;
}




/**********************************/
/*                                */
/*          Notes Control         */
/*                                */
/**********************************/
.Note_Panel { }

.Note_Panel textarea
{
    margin: 0px;
    width: 98%;
}

.Note_Panel .cell1 { margin-bottom: 5px; }

.Note_Panel .cell2 { margin: 5px 0px 0px 0px; }

.Note_Panel .cell2 textarea { color: #808080; }

.Note_Panel .buttonContainerOuter
{
    margin: 5px 0px 5px 0px;
    float: right;
    width: 130px;
}

.Note_Panel .buttonContainerInner
{
    text-align: center;
    width: 110px;
}




/**********************************/
/*                                */
/*      Document Tile Control     */
/*                                */
/**********************************/
.DocumentTiles_Panel { }
.DocumentTiles_Panel img { padding-right: 6px; }
.DocumentTiles_Panel span
{
    padding-right: 20px;
    position: relative;
    top: -3px;
}



/**********************************/
/*                                */
/*        Sponsor Modules         */
/*                                */
/**********************************/
.SponsorOverview_Panel { }
.SponsorOverview_Panel .cell1
{
    width: 242px;
    min-height: 100px;
}

.SponsorOverview_Panel .cell1 img { padding-bottom: 10px; }

.SponsorOverview_Panel .cell2
{
    width: 657px;
    /* border-left: 1px solid #E0E0E0; */
    padding-left: 10px;
    min-height: 100px;
    text-align: justify;    
}



/**********************************/
/*                                */
/*          Audit Control         */
/*                                */
/**********************************/
.popupAuditBorder
{
    opacity: 0.3 !important;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;    
    cursor: pointer;    
    background-color: #808080;
    padding: 6px;
    z-index: 10000;
}

.popupAuditPanel
{
    Width:650px;
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 400px;
    max-width: 650px;
    border: 1px solid #505050;
    background-color: #FFFFFF;
    padding: 10px;
    text-align: justify;
    color: #303000;    
    z-index: 10001;    
}

dd .popupAuditPanel
{
    line-height: 100%;
}

.popupAuditPanel th
{
    padding: 8px 9px 7px 9px !important;
}

.popupAuditPanel td
{
    padding: 7px 9px 6px 9px !important;
    line-height: 130%;    
}

.popupAuditPanel .cell1
{    
    overflow:auto;     
}

.popupAuditPanel .cell1Scroll
{    
    margin-top: 8px;
    max-height: 400px;
    min-height: 200px;
}


.popupAuditPanel .cell2
{
    width: 100%;
    text-align: right;
}



/**********************************/
/*                                */
/*      Toggle Strip Control      */
/*                                */
/**********************************/
.ToggleButtonStripPanel { }
.ToggleButtonStripPanel .buttonContainerSelected .buttonContainerInner { font-weight: bold; background-color: #0c2d72 !important; }




/**********************************/
/*                                */
/*        Message Control         */
/*                                */
/**********************************/
.messageBoxDefault > div
{
    background-color: #FFFECE;
    text-align: center;
    padding: 20px;
}

.messageBoxConfig > div
{
    background: #FFFECE url('images/icons/flash.png') no-repeat 8px 8px;
    padding: 10px 10px 9px 34px;
}

.messageBoxHelpText > div
{
    background: #FFFECE url('images/icons/help.png') no-repeat 8px 8px;
    padding: 10px 10px 9px 34px;
}

.messageBoxInfo > div
{
    background: #FFFECE url('images/icons/info.png') no-repeat 8px 8px;
    padding: 10px 10px 9px 34px;
}

.messageBoxNoAccess > div
{
    background: #FFFECE url('images/icons/small_warning_red.png') no-repeat 8px 8px;
    padding: 10px 10px 9px 34px;
}

.messageBoxWarning > div
{
    background: #FFFECE url('images/icons/small_warning_amber.png') no-repeat 8px 8px;
    padding: 10px 10px 9px 34px;
}


/**********************************/
/*                                */
/*        Example Controls        */
/*                                */
/**********************************/

.DataOverview_Panel { }

.DataOverview_Panel .cell1,
.DataOverview_Panel .cell2
{
    border-right: 1px solid #E0E0E0;
    margin-right: 10px;
}

.DataOverview_Panel .cell1 { width: 40%; }
.DataOverview_Panel .cell2 { width: 40%; }
.DataOverview_Panel .cell3 { padding-left: 10px; }

.DataOverview_Panel .cell4,
.DataOverview_Panel .cell5
{    
    clear: both;
    width: 100%;
    margin-top: 8px;
    padding-top: 10px;
    /* border-top: 1px solid #E0E0E0; */
    text-align: justify;
}




.MajorList_Panel { }

.MajorList_Panel .cell1 { width: 58px; }
.MajorList_Panel .cell2 { width: 50%; }
.MajorList_Panel .cell3 { width: 20%; }
.MajorList_Panel .cell4 { width: 20%; }

.MajorList_Panel .cell2,
.MajorList_Panel .cell3
{
    border-right: 1px solid #E0E0E0;
    margin-right: 10px;
}



.MinorList_Panel { }

.MinorList_Panel > .panelOuter
{    
    border: none;
    
}

.MinorList_Panel .cell1,
.MinorList_Panel .cell2,
.MinorList_Panel .cell3
{
    border-right: 1px solid #E0E0E0;
    margin-right: 10px;
}

.MinorList_Panel .cell1 { width: 45%; }
.MinorList_Panel .cell2 { width: 17%; }
.MinorList_Panel .cell3 { width: 17%; }
.MinorList_Panel .cell4 { width: 17%; }

.TreeView td div
{
    height: 20px !important;
}