﻿/******************************************************/
/*                                                    */
/*   Adviser Portal Stylesheet                        */
/*                                                    */
/*   Contains rules for standard wizard layout        */
/*                                                    */
/*                                                    */
/*  Dark Blue 		#0c2d72		              */
/*						      */
/*  Light Blue		#93c6e6		              */
/******************************************************/

/*********************************/
/*     GENERAL WIZARD STYLES     */
/*********************************/
.wizard
{    
    width: 100%;
}

.wizard select
{
    max-width: 640px;
}

.wizardStep
{
    padding: 10px 0px 10px 0px;    
}

.wizardNavigation
{
    padding-top: 10px;
}

.wizardNavigation .buttonContainerOuter
{    
    margin: 0px 0px 0px 8px;
    width: 100px;
    text-align: center;    
}

.wizardSummary { padding: 5px 10px 10px 10px; }

.wizardSummary h2 { margin-bottom: 4px; }

.wizardSummary ul
{
    margin: 0px;
    padding: 12px 10px 15px 15px;
    background-color: #F8F8F8;
    border: 1px solid #E0E0E0;
}

.wizardSummary li
{
    margin-left: 26px;    
    list-style-image: url('Images/Icons/Bullet.png');
    padding: 10px 0px 9px 2px;
}

.wizardSummary li + li
{
    padding-top: 0px;
}

.wizard .guideNotes
{
    margin-bottom: 20px;
    padding: 10px 12px 10px 12px;    
    background-color: #FFFECE;
    border: 1px solid #93c6e6;
}



/*********************************/
/*          WIZARD TAB           */
/*********************************/
.wizardTabContainer
{
    margin: 0px 0px 8px 0px;
    padding: 0px;
    width: 100%;    
}

.wizardTabSelected,
.wizardTabUnselected
{
    display: inline-block;
    *display: inline; zoom: 1;
    margin-right: 2px;
    *margin-right: 15px; /* IE hack - IE7 does not render inline white space between tabs so extra margin is required */
    padding: 20px 25px 20px 25px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;    
}

.wizardTabSelected
{
    background-color: #0C2D72;    
    background-repeat: no-repeat;
}

.wizardTabUnselected
{
    background-color: #93C6E6;
}

.wizardTabVisited
{
    background-color: #0C2D72;
}

.wizardTabIndex
{
    display: none;
}

.wizardTabDescription
{
    display: inline-block;
    *display: inline; zoom: 1; 
    color: #FFFFFF;  
}

.wizardTabSelected .wizardTabIndex
{
    color: #86A816;
}

.wizardTabUnselected .wizardTabIndex
{
    color: #C0C0C0;
}

