﻿/******************************************************/
/*                                                    */
/*   Adviser Portal Stylesheet                        */
/*                                                    */
/*   Contains rules for panel positioning and         */
/*   variations from standard rules for use within    */
/*   modules (ie, .aspx files). Please keep all       */
/*   rules grouped by module type.                    */
/*                                                    */
/******************************************************/


/**********************************/
/*                                */
/*   Anonymous Main Page Layout   */
/*                                */
/**********************************/
.anonymous .masterHeaderLeft,
.anonymous .masterHeaderRight
{
    display: none;
}

.anonymous .masterHeaderContainer
{
    margin-top: 80px;
    width: 700px;
    height: 150px;
}

.anonymous .masterBody
{
    margin: 0px;
    min-height: 280px;
}

.anonymous .masterBodyContainer
{    
    width: 700px;
    background-color: #F8F8F8;
    border: solid 1px #E0E0E0;
    padding: 0px;
    margin-bottom: 100px;
}



/**********************************/
/*                                */
/*          Root Modules          */
/*                                */
/**********************************/
.Default_Column1  
{    
    margin: 0px 15px 10px 0px;
    width: 970px; 
}

.Default_Column1 > .panelOuter { margin-bottom: 15px; }

.Default_Column1 .panelSummary > div
{
    min-height: 200px;
}

.Default_Column1 .panelSPS > div
{
    min-height: 150px;
    background-color: #F0F0F0;
}

.Default_Column1 .panelAdvert
{
    display: none;
}

.Default_Column1 > div:nth-child(4)
{
    width: 745px;    
}



.Default_OutagePanel
{
    margin: 15px 0px 15px 0px;
}

.Default_LoginPanel
{    
}

.Default_LoginPanel > .panelInner
{
    padding: 0px;
    border: none;
    background-color: #F8F8F8;
}

.Default_LoginPanel span
{
    display: block;
}

.Default_LoginPanel > .panelInner > .containerHeader { display: none; }

.Default_LoginPanel .buttonContainerOuter
{
    margin: 0px;
}

.Default_LoginPanel .buttonContainerInner
{
    width: 70px !important;
    text-align: center !important;
}

.Default_LoginPanel .panelWarning
{
    margin-top: 20px;
    padding: 8px 14px 10px 14px;
}



/**********************************/
/*                                */
/*        Activity Modules        */
/*                                */
/**********************************/
.ActivityList_Panel1 { }
.ActivityList_Panel2 { }

.ActivityDetail_Panel1 { }
.ActivityDetail_Panel2 { }

.ActivityDetail_Panel3 > .panelOuter > .panelInner { padding-bottom: 0px; }

.ActivityAdd_Panel1 { }
.ActivityEdit_Panel1 { }

.ActivityReportHistory_Panel1 p
{
    margin: 0px;
    padding: 3px 0px 3px 25px;
    background-image: url('Images/Icons/page.png');
    background-repeat: no-repeat;
    background-position: 4px 2px;
}



/**********************************/
/*                                */
/*      Register User Details     */
/*                                */
/**********************************/

.RegisterNewUser_Panel1 { }
.RegisterNewUser_Panel1 .panelTerms
{
    padding-top: 20px;
    clear: both;
    text-align: center;
}

.RegisterNewUser_Panel1 input[type=password]
{
    display: inline-block;
}

.RegisterNewUser_Panel1 .panelButton .panelLeft span
{
    padding: 0px 6px 0px 10px;
}


/**********************************/
/*                                */
/*        Forgot username         */
/*                                */
/**********************************/

.ForgotUsernameOrPassword_Panel { }

.ForgotUsernameOrPassword_Panel p { padding: 10px 0px 0px 0px; }

.ForgotUsernameOrPassword_MessagePanel
{
    margin-top: 10px;
    height: 76px;
}

.ForgotUsernameOrPassword_Panel input[type='text']
{
    display: block;
    width: 232px;
}

/**********************************/
/*                                */
/*        User Detail Modules     */
/*                                */
/**********************************/
.UserEdit_Panel1 { }

.UserEdit_MessagePanel
{
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    height: 76px;
}

.UserEdit_Panel1 input[type=password]
{
    display: inline-block;
}

.UserEdit_Panel1 .panelButton .panelLeft span
{
    padding: 0px 6px 0px 10px;
}


/**********************************/
/*                                */
/*       Dashboard Modules        */
/*                                */
/**********************************/
.Graphs_Panel1 { }
.Graphs_Panel1 .ProgressContainer { margin: 10px 0px 10px 0px; }

.Graphs_Panel1 .panelLeft
{
    width: 45%;    
    margin-right: 20px;
}

.Graphs_Panel1 .panelRight
{
    width: 45%;
    margin-right: 20px;
}

.Graphs_Panel2 { }

.Graphs_Panel2 .panelOuter .panelLeft
{
    width: 30%;    
    margin-right: 50px;
}

.Graphs_Panel2 .panelOuter .panelRight
{
    width: 60%;
    margin-right: 20px;
}

.Graphs_Panel2 .graphPanel { padding: 15px; }
.Graphs_Panel2 .graphPanel .ProgressContainer { margin: 5px 0px 5px 0px; }

.Graphs_Panel2 .piePanel
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 20px 30px 0px 0px;
    text-align: center;
}

.Graphs_Panel2 .piePanel h2 { margin-bottom: 20px; }



/**********************************/
/*                                */
/*          Plan Modules          */
/*                                */
/**********************************/
.PlanAdd_Panel1 { }

.PlanAdd_Panel1 .panelEditForm
{
    width: 970px;
    text-align: center;
}


.PlanAdd_Panel1 .PlanApplyTarget
{
    padding-left: 90px;
    text-align: left;    
}

.PlanAdd_Panel1 .PlanApplyTarget span
{
    display: inline-block;
    width: 120px;    
}

.PlanAdd_Panel1 .PlanApplyTarget .lblPlanTargetAppliesIDD,
.PlanAdd_Panel1 .PlanApplyTarget .lblPlanTargetAppliesSPS
{
    display: inline-block;
    width: 500px;    
}

.PlanAdd_Panel1 .panelStandard { }

.PlanAdd_Panel1 .panelEditForm .dateBox
{
    display: inline-block;
    *display: inline; zoom: 1; /* IE7 Hack */
}

.PlanAdd_Panel1 .wizardTabContainer { margin: 40px 0px 0px 0px; }

.PlanAdd_Panel1 .stepHelp
{
    border: solid 1px #DEDEB0;
    background-color: #FEFED0;
    padding: 10px 15px 12px 15px;
    text-align: left;
    display: block;
    width: 819px;
    margin: 15px 0px 40px 32px;
}

.stepHelpExpanded
{
    margin-bottom: 20px !important;
}

.PlanAdd_Panel1 label
{
    padding-right: 10px;
    *position: relative; /* IE hack */
    *top: -14px; /* IE hack */    
}

.PlanAdd_Panel1 .wizard .requiredFieldStar
{
    margin-right: 40px;
    position: relative;
    top: -10px;
}

.PlanAdd_Panel1 .templateOptions,
.PlanAdd_Panel1 .templateOptions li
{
    display: inline-block;
    *display: inline; zoom: 1; /* IE hack*/
    margin: 0px;
    padding: 0px;
}

.PlanAdd_Panel1 span+.templateOptions
{
    *position: relative; /* IE hack*/
    *top: 26px; /* IE hack*/
}

.PlanAdd_Panel1 .templateOptions input+label
{
    *position: relative; /* IE hack*/
    *top: 0px; /* IE hack*/
}


.PlanAdd_Panel1 .templateOptions { margin-bottom: 28px; }

.PlanAdd_Panel1 .templateOptions li { margin-left: 20px; }
.PlanAdd_Panel1 .templateOptions li > label { padding: 0px; }

.PlanAdd_Panel1 .PlanTargets_Panel,
.PlanAdd_Panel1 .PlanHours_Panel
{
    width: 600px;
    margin-left: 160px;
    min-height: 150px;
    overflow: hidden;
}

.PlanAdd_Panel1 .PlanTemplateList_Panel1
{
    *margin-top: 20px; /* IE hack */
}

.PlanAdd_Panel1 .PlanTemplateList_Panel1 .cellDetails
{
    border: solid 1px #E8E8E8;
    background-color: #FFFFFF;
    padding: 20px;    
}

.PlanAdd_Panel1 .wizardNavigation { padding-top: 50px; }
.PlanAdd_Panel1 .wizardNavigation .buttonContainerOuter { width: 150px; }

.PlanAdd_Panel1 .PlanTemplateList_Panel1
{
    width: 775px;
    margin-left: 70px;
    text-align: left;
}

.PlanAdd_Panel1 .wizardSummary
{
    width: 775px;
    margin-left: 60px;
    text-align: left;
}


.PlanClose_Panel1 { }
.PlanEdit_Panel1 { }

.PlanOverview_Column1 { margin-right: 0px; }

.PlanOverview_Panel1 { }
.PlanOverview_Panel1 > .panelOuter > .panelInner
{
    width: 928px;
    margin-right: 15px;
    *min-height: 145px; /* IE hack */
}

.PlanOverview_Panel2
{
    float: left;
    width: 496px;
    margin-right: 15px;
}

.PlanOverview_Panel2 > .panelOuter:nth-child(1) > .panelInner { height: 237px !important; }
.PlanOverview_Panel2 > .panelOuter:nth-child(2) > .panelInner { max-height: 100px !important; }

/* .PlanOverviewSummaryShrink { min-height: 287px !important; } */

.PlanOverview_Panel2 .summaryDivFirst { padding: 0px 0px 5px 0px; }
.PlanOverview_Panel2 .summaryDivMiddle { padding: 7px 0px 6px 0px; }
.PlanOverview_Panel2 .summaryDivLast { padding: 5px 0px 0px 0px; }
.PlanOverview_Panel2 .attentionPanel { min-height: 100px !important; }

.PlanOverview_Panel3
{
    float: left;    
    width: 458px;
}
.PlanOverview_Panel3 > .panelOuter > .panelInner { min-height: 384px; }

.PlanOverview_Panel4
{
    padding-bottom: 0px;
    width: 120px;
    height: 600px;
    overflow: hidden;
}

.PlanOverview_Panel1 strong
{
    color: #404040;
}


.PlanList_Panel1 { }
.PlanList_Panel1 .panelInner { min-height: 80px; }



/**********************************/
/*                                */
/*         SPS Modules            */
/*                                */
/**********************************/
.SPSList_Panel2 > .panelOuter > .panelInner { padding-bottom : 0px; }

.SPSRequest_CheckActivity_Panel .cell1
{
    width: 35%; 
    margin-top : 4px;
    text-align :center;
}

.SPSRequest_CheckActivity_Panel .cell2
{
    width: 35%; 
    margin-top : 4px;
    text-align :center;
}

.SPSRequest_CheckActivity_Panel .cell3
{

}

.SPSRequest_Summary_Panel .cell1
{
    width: 95%; 
    margin-top : 4px;
    border-right: 1px solid #E0E0E0;
    margin-right: 10px;
}

.SPSRequest_Summary_Panel .cell2
{
    width: 30%; 
    margin-top : 4px;
    border-right: 1px solid #E0E0E0;
    margin-right: 10px;
}



/**********************************/
/*                                */
/*         TandC Modules          */
/*                                */
/**********************************/
.TandCFolder_Panel1 { }

.TandCFolder_Panel2 { }

.TandCFolder_Panel2 > div > .panelOuter > .panelInner
{
    min-height: 165px;
    background-color: #F0F0F0;
}

.TandCFolder_Panel2 > .panelLeft { width: 50%; }
.TandCFolder_Panel2 > .panelRight { width: 49%; }

div.tandcSummary { margin: 0px 0px 0px 0px; }

.tandcSummary div
{
    display: inline-block;
    *display: inline;
    float: left;
    zoom: 1;
    color: #303030;
    padding-bottom: 2px;
    width: 130px;
    margin-bottom: 2px;
}

.tandcSummary span
{
    display: block;
    color: #86A816;
    padding-bottom: 8px;
    margin-bottom: 2px;
}




/**********************************/
/*                                */
/*          Temp Modules          */
/*                                */
/**********************************/
.Temp_Panel1 { }
.Temp_Panel1 .panelInner { min-height: 80px; }




/**********************************/
/*                                */
/*        Solution Modules        */
/*                                */
/**********************************/
.FindSolution_Panel1 {}
.FindSolution_Panel2 {}
.FindSolution_Panel2 > .panelOuter > .panelInner { padding-bottom: 0px; }
.FindSolution_Panel3 {}



.SolutionDetails_Panel1 {}
.SolutionDetails_Panel1 #cell1 { width: 60px; }
.SolutionDetails_Panel1 #cell2  { width: 300px; }
.SolutionDetails_Panel1 #cell3
{
    height: 78px;
    width: 227px;
    /* border-left: 1px solid #E0E0E0; */
    margin-left: 10px;
    padding-left: 10px;    
    overflow: hidden;
    text-align: justify;
}

.SolutionDetails_Panel1 #cell4
{    
    height: 78px;
    width: 140px;
    /* border-left: 1px solid #E0E0E0; */
    margin-left: 10px;
    padding-left: 10px;
    text-align: center;        
}

.SolutionDetails_Panel1 #cell5
{    
    height: 78px;
    width: 140px;
    /* border-left: 1px solid #E0E0E0; */
    margin-left: 10px;
    padding-left: 10px;
    text-align: center;        
}

.SolutionDetails_Panel1 #cell5 > span
{
    display: block;
    padding-bottom: 10px;
}

.SolutionDetails_Panel1 #cell6
{
    width: 100%;
    margin-top: 8px;
    border-top: 1px solid #D0D0D0;
}

.SolutionDetails_Panel1 #cell7
{
    width:234px;
    text-align:center;
}

.SolutionDetails_Panel1 #cell8
{
    width: 655px;
    padding-left:10px;
    text-align: justify;
}

.SolutionDetails_Panel2 > .panelOuter > .panelInner
{
    padding-bottom: 0px;
}


.ViewSolution_Panel1 {}
.ViewSolution_Panel1 .ViewSolutionButtonArea 
{
    width: 100%;
    float:left;
    background-color: #0F4E82;
}


.ViewSolution_Panel1 .ViewSolutionButtonArea .ViewSolutionButtonArea_Panel1
{
    float: left;
    width: 50px;
    margin-left: -100%;
}

.ViewSolution_Panel1 .ViewSolutionButtonArea .ViewSolutionButtonArea_Panel2
{
    margin: 0 50px;
    text-align:right;
}
.ViewSolution_Panel1 .ViewSolutionButtonArea .ViewSolutionButtonArea_Panel2 .containerHeaderHelp
{
    margin: 2px 0 0 0;
}


.ViewSolution_Panel1 .ViewSolutionButtonArea .ViewSolutionButtonArea_Panel3
{
    float: left;
    width: 50px;
    margin-left: -50px;
}

.SolutionAdd_Panel1 {}

.SolutionAdd_Panel1 .wizardTabContainer .wizardTabSelected,
.SolutionAdd_Panel1 .wizardTabContainer .wizardTabUnselected
{
    font-size: 14px;
}

.SolutionAdvanceStatus_Panel1 p
{
    padding: 10px 0px 10px 0px;
}

.SolutionAdvanceStatus_Panel1 p
{
    padding: 10px 0px 10px 0px;
}

.ShoppingCart_Panel1
{
}

.ShoppingCart_Panel1 > .panelOuter > .panelInner
{
    padding-bottom: 0px;
}

.ShoppingCart_Panel2
{
    margin-top: 10px;
    text-align: right;
    padding-right: 18px;
    margin-bottom: 20px;
}

.ShoppingCart_Panel2 h3
{    
    display: inline-block;
    *display: inline; zoom: 1;
    padding-right: 10px;
}

.ShoppingCart_Panel2 h2
{
    display: inline-block;
    *display: inline; zoom: 1;
}

.ShoppingCart_Panel2 .checkoutOptions
{
    margin-top: 10px;
}

.ShoppingCart_Panel3
{
    margin-top: 10px;
}



.Checkout_Panel1 { margin-bottom: 10px; width:720px; float:left; }
.Checkout_Panel1 .ShoppingCartListPanel .cell1 {display:none;}
.Checkout_Panel1 .ShoppingCartListPanel .cell2 {width:290px;}
.Checkout_Panel1 .ShoppingCartListPanel .cell3 {width:120px;}
.Checkout_Panel1 .ShoppingCartListPanel .cell4 {width:110px;}
.Checkout_Panel1 .ShoppingCartListPanel .cell5 {width:80px;}
.Checkout_Panel2 { float:right; text-align: right;width:200px; }
.Checkout_Panel3 { width:195px; }
.Checkout_Panel4 { width:195px; }
.Checkout_Panel5 { width:195px; }
.Checkout_Panel6 { width:195px; }
.Checkout_Panel7 { margin-bottom: 10px; width:720px; float:left; }

.Checkout_Panel3 h2
{
    display: inline-block;
    *display: inline; zoom: 1;
}
.Checkout_Panel4 h3
{    
    display: inline-block;
    *display: inline; zoom: 1;
    padding-right: 10px;
}

.Checkout_Panel4 h2
{
    display: inline-block;
    *display: inline; zoom: 1;
}



/**********************************/
/*                                */
/*   Purchase History Controls    */
/*                                */
/**********************************/
.PurchaseHistory_Panel1 { }
.PurchaseHistory_Panel2 { }
.PurchaseHistory_Panel2 > .panelInner { padding-bottom: 0px; }
.PurchaseHistory_Panel3 { }

.PurchaseHistoryTransaction_Panel1 { }
.PurchaseHistoryTransaction_Panel2 { }



/**********************************/
/*                                */
/*     Notifications Modules      */
/*                                */
/**********************************/
.NotificationList_Panel1 { }





/**********************************/
/*                                */
/*        Sponsor Modules         */
/*                                */
/**********************************/
.SponsorDetails_Panel1 { }



/**********************************/
/*                                */
/*      Support File Content      */
/*                                */
/**********************************/
.SupportContent { }

.SupportContent h2 { margin: 15px 0px 5px 0px; }
.SupportContent p { margin: 5px 20px 5px 20px;}
.SupportContent li { margin-bottom: 5px; }

.PoweredBy_Panel1 { }
.PoweredBy_Panel1 .cell1
{
    padding: 120px 10px 10px 10px;
    background-image: url('images/misc/taxbriefs_banner.png');
    background-repeat: no-repeat;
    background-position: 6px 10px;
}



.AccreditedBy_Panel1 { }

.AccreditedBy_Content > div
{
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 20px 20px;
    border: 1px solid #E0E0E0;
    
    border-top: 1px solid #E8E8E8;
    margin: 20px 20px 20px 20px;
    padding: 20px 30px 20px 250px;
    min-height: 120px;
}

.AccreditedBy_Content .cell1 { background-image: url('images/misc/cii.png'); }
.AccreditedBy_Content .cell2 { background-image: url('images/misc/ifp.png'); }
.AccreditedBy_Content .cell3 { background-image: url('images/misc/ifs.png'); }
.AccreditedBy_Content .cell4 { background-image: url('images/misc/charteredbanker.png'); }

.AccreditedBy_Content p { text-align: justify; }
.AccreditedBy_Content strong { display: block; margin-bottom: 5px; }



.TermsPopup_Panel1
{
    text-align: left;
    margin: 50px;
}

.TermsPopup_Panel1 .panelInner { padding: 30px; }



/**********************************/
/*                                */
/*        Example Modules         */
/*                                */
/**********************************/

.Example01_Panel1 { }



.Example02_Panel1 { }
.Example02_Panel2 { }
.Example02_Panel3 { }
.Example02_Panel3 > .panelOuter > .panelInner { min-height: 200px; }



.Example03_Panel1,
.Example03_Panel2
{
    float: left;
    margin-right: 10px;
}

.Example03_Panel1 { width: 410px; }
.Example03_Panel2 { width: 250px; }

.Example03_Panel3
{
    float: left;
    width: 250px;
}

.Example03_Panel1 > .panelOuter > .panelInner,
.Example03_Panel2 > .panelOuter > .panelInner,
.Example03_Panel3 > .panelOuter > .panelInner,
.Example03_Panel4 > .panelOuter > .panelInner
{
    min-height: 150px;
}

.Example03_Panel4 
{
    clear: left;
    float: left;
    width: 100%;
}



.Example04_Panel1 { }
.Example04_Panel2 { width: 500px; }



.Example05_Panel1 { }
.Example05_Panel1 > .panelOuter > .panelInner { min-height: 100px; }
.Example05_Panel2 { }
.Example05_Panel2 > .panelOuter > .panelInner { padding-bottom: 0px; }



.Example06_Panel1 { }
.Example07_Panel1 { }
.Example08_Panel1 { }



.Example09_Panel1 { }
.Example09_Panel1 > .panelOuter > .panelInner { min-height: 100px; }



.Example10_Panel1 { }
.Example10_Panel1 > .panelOuter > .panelInner { min-height: 80px; }
.Example10_Panel1 .cell1
{
    width: 25%;    
    text-align: justify;
    height: 80px;
}

.Example10_Panel1 .cell2
{
    width: 45%;
    margin-left: 10px;
    padding-left: 10px;
    /* border-left: 1px solid #E0E0E0; */
    text-align: justify;
    height: 80px;
}

.Example10_Panel1 .cell3
{
    width: 25%;
    margin-left: 10px;
    padding-left: 10px;
    /* border-left: 1px solid #E0E0E0; */
    text-align: justify;
    height: 80px;
}
