﻿#wizardContainer {
    padding: 0 0 100px;
    background-color: #fff;
    min-height:800px;
}
.swMain {
    position:relative;
    display:block;
    padding:0;
    border: 0px solid #CCC;
    overflow:visible;
    margin: auto;
    width: auto;
}
.swMain .stepContainer {
    border: 0 solid #ccc;
    clear: both;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 850px;
}

.swMain .stepContainer div.content {
    display:block; 
    float:left;
    margin: 0;
    padding:0 0 30px 0;    
    color:#5A5655;   
    height:auto;
    min-height:480px;
    text-align:left;
    overflow:auto;   
    z-index:88; 
    clear:both;
    width: 100%;
}

.swMain div.actionBar {
    height: 34px;
    margin: -27px 0 0;
    padding: 6px 0 0;
    position: relative;
    top: 32px; 
}

/*************** Wizard Intro text ******************/

.wizStepIntro { /**This appears on wizard pages but is no longer used**/
    border-bottom: 1px solid #B7C3CA;
    clear: both;
    margin-bottom: 5px;
    min-height: 26px;
    padding: 5px 150px 10px 170px;
    display:none;
}

.stepHelpIntro {
    /*
    background-color: #cfebf7;
    border: 1px solid #657078;
    */
    background-color: #00adef;
    border: 1px solid #00adef;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px 0;
    padding: 10px;
    width: 100%;
}
.stepHelpIntro.collapsed {
    border: 1px solid #cfebf7;
    background-color: #cfebf7;
}

.helpBoxSwitch {
    background: url("../images/beta/expandArrows.png") no-repeat scroll 770px -174px transparent;
    border-radius: 5px;
    color: #657078;
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin: 2px 0 -32px;
    padding: 8px 0;
    position: relative;
    text-align: right;
    text-decoration: none;
    top: -4px;
    width: 100%;
}
.helpBoxSwitch:hover {
    background-position: 770px 6px;
    color: #f26522;
}
.helpBoxSwitch.open {
    background-position: 768px -204px;
    color: #222f2f;
}
.helpBoxSwitch.open:hover {
    background-position: 768px -24px;
    color: #fff;
}
.helpIconContainer {
    background: url("../Images/beta/clearHelp.png") no-repeat scroll 5px -458px transparent;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 24px;
    line-height: 1.3;
    padding: 0 0 0 36px;
}
.collapsed .helpIconContainer {
    background: url("../Images/beta/clearHelp.png") no-repeat scroll 5px -458px transparent;
    color: #000;
}

.helpIconContainer h1{
    padding:5px;
    margin:0;
}

.helpContentContainer {
    margin: 20px 0 10px;
}
.stepHelpIntro.collapsed .helpContentContainer {display:none;}

.helpContentContainer h1 {
    border: 0 none;
    color: #000;
    display: block;
    display:none;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 5px 20px;  
}
.helpContentContainer p {padding: 0 20px;display:block;line-height: 1.4;margin: 0 0 16px;color:#fff;}

/******************************************************************************************/

/****************** Wizard Steps **************************/

.swMain ul.anchor {
    position: relative;
    display:block;
    float:left;
    list-style: none;
    padding: 0px;  
    margin: 0px 0px 6px;
    width: 880px;      
    clear: both;

    float: none;
    list-style: outside none none;
    margin: 0 2px;
    min-width: 880px;
    padding: 2px 0;
}
.swMain ul.anchor li{ 
    display: block;
    float: left;
    margin: 0 0 0 3px;
    padding: 0;
    position: relative;

    margin: 0 0 0 -7px;
}
.swMain ul.anchor li:first-child {margin: 0 0 0 0;}

/**** Anchor Element Styles ****/

.swMain ul.anchor li a {
    border:1px solid #B7C3CA;
    border-bottom:2px solid #657078;
    display: block;
    float: left;
    height: 36px;
    margin: 0;
    outline-style: none;
    padding: 0px;
    position: relative;
    text-decoration: none;
    z-index: 99;
    cursor:pointer;

    border-radius: 15px 15px 0 0;
    top:-1px;
}

.swMain ul.anchor li a .stepNumber{display:none;}

.swMain ul.anchor li a .stepDesc{
    position:relative;
    padding:5px 1px;
    float:left;
    text-align: center;
    width:163px;

    background: url("../images/beta/betaImg-map.png") no-repeat scroll 144px -254px transparent;
    min-width: 130px;
    padding: 5px 21px;
    width: auto;
}
.swMain ul.anchor li:last-child a .stepDesc {background-image: none;}
.swMain ul.anchor li a .stepDesc h4 {
    font-size: 14px;

    font-size: 12px;
    line-height: 1.8;
    color: #f26522;                               
    background-color: transparent;
    color: #657078;
    left: 0;
    margin: 4px 0 0;
    position: static;
    width: auto;
}

.swMain ul.anchor li a .stepArrow{display:none;}

/**** Selected States ****/

.swMain ul.anchor li a.selected .stepArrow{
    background: url("../images/beta/betaimg-map.png") no-repeat scroll -209px -11px rgba(0, 0, 0, 0);
    bottom: -100%;
    display: block;
    float: left;
    height: 11px;
    margin: 0 -24px 0 0;
    left: 50%;
    position: relative;
    width: 24px;

    display: none;
}

.swMain ul.anchor li a.selected,
.swMain ul.anchor li a.selected:hover{
    background-color: #FFF;
    border-bottom-color: #F26522; 
    cursor:default;

    border-color: #657078 #657078 #fff;
    border-width: 2px;
    z-index: 9999;
    top:-4px;
    height:40px;
}
.swMain ul.anchor li a.selected .stepDesc {background-position: 144px -294px;}

/****/

/**** Done States ****
.swMain ul.anchor li a.done {background-color:#DFEDCA;border-color:#8CC34B;}
.swMain ul.anchor li a.done:hover {border-bottom-color:#F26522;}
.swMain ul.anchor li a.done .stepDesc h4 {color:#8CC34B;text-decoration:none;}
.swMain ul.anchor li a.done:hover .stepDesc h4 {      }
.swMain ul.anchor li a.disabled .stepDesc h4 {background-color: #B6C3CB;color: #657078;}
****/
/**** Done States ****/
.swMain ul.anchor li a.done {background-color:#DFEDCA;border-color:#8cc34b #8cc34b #dfedca; }
.swMain ul.anchor li a.done:hover {border-color: #f26522 #f26522 transparent;}
.swMain ul.anchor li a.done .stepDesc {background-position: -327px -402px;}
.swMain ul.anchor li a.done .stepDesc h4 {color: #7cb33b;text-decoration:none;}
.swMain ul.anchor li a.done:hover .stepDesc h4 {color: #f26522;}
.swMain ul.anchor li a.disabled .stepDesc h4 {background-color: transparent;color: #657078;}
/****/

/**** Disabled States ****/

.swMain ul.anchor li a.disabled,
.swMain ul.anchor li a.disabled:hover {
    background-color: #B6C3CB;
    border-color:#B7C3CA;
    border-bottom-color:#657078;   
    cursor:default;     

    background-color: #d5d9dc;
    border-color: #b7c3ca #b7c3ca #d5d9dc;     
}
.swMain ul.anchor li a.disabled .stepDesc h4,
.swMain ul.anchor li a.disabled:hover .stepDesc h4 
{color: #657078;}    

/****/

/**** Error States ****/
.swMain ul.anchor li a.error,
.swMain ul.anchor li a.error:hover {
    background-color: #EC008C;
    border-color: #EC008C; 

    background-color: #f49ac2;
    border-color: #ec008c #ec008c #657078 !important; 
}

.swMain ul.anchor li a.error .stepDesc { /**NEW**/
    background-position: 142px -333px;     
}

.swMain ul.anchor li a.error .stepDesc h4,
.swMain ul.anchor li a.error:hover .stepDesc h4 {
    color:#FFFFFF;

    color:#000;
}

.swMain ul.anchor li a.error .stepArrow{
    display:none;
    background-position: -96px -311px !important;
}

/****/

/**********************************************************/

/*************  Wizard Next/Back Buttons  *****************/

.tabWrapper {
    position: relative;
    background-color: #99c19d;
    background-color: rgb(255, 143,39);
    background-image: url("../images/background/flash-orange.png");
    background-position: left -90px;
    background-repeat:no-repeat;
    border-bottom: 2px solid #657078;
    padding:10px 0 0;
    height:auto;
}
.tabSection {
    margin: 0px auto 0;
    max-width: 1200px;
    width: 850px;
    min-height: 40px;
}
.prevButtonContainer {
    top: 70px;
    display:inline-block;
    margin:0 0 -31px 0;
    position:static;
}
.nextButtonContainer {
    right: 0;
    display:inline-block;
    margin:0 0;
    position:relative;
    left:5px;
    top:0;
}

/*.swMain .buttonNext,
.swMain .buttonPrevious,
.swMain .buttonFinish {
    background-color: transparent;
    background-image: url("../images/beta/Clear_Buttons.jpg");
    background-repeat: no-repeat;
    border: 1px solid #657078;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font: bold 13px/2.2 Verdana,Arial,Helvetica,sans-serif;
    height: 32px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    width: 118px;
    -moz-border-radius  : 5px; 
    -webkit-border-radius: 5px;
}*/
/*.swMain .buttonNext {float: right; margin:0 0 -32px;color:#fff;background-position: -1px -223px;}
.swMain .buttonPrevious {margin:0 0 -34px;color:#657078;background-position: -1px -1px;}
.swMain .buttonFinish {float: right; margin:0 0px -32px;color:#fff;background-position: -1px -149px;}

.swMain .buttonNext:hover,
.swMain .buttonPrevious:hover,
.swMain .buttonFinish:hover {color:#fff;background-position: -1px -112px;}

.swMain .buttonDisabled {border-color:#B7C3CA;cursor:default;opacity: 0.35;}
.swMain .buttonDisabled.buttonNext,
.swMain .buttonDisabled.buttonNext:hover {background-color: transparent;background-position: -1px -38px;color: #b7c3ca;display:none;}
.swMain .buttonDisabled.buttonPrevious,
.swMain .buttonDisabled.buttonPrevious:hover {background-color: transparent;background-position: -1px -38px;color: #b7c3ca;}
.swMain .buttonDisabled.buttonFinish,
.swMain .buttonDisabled.buttonFinish:hover {background-color: transparent;background-position: -1px -38px;color: #b7c3ca;display:none;}*/

/*.swMain .buttonNext.buttonInactive:hover,
.swMain .buttonNext.buttonInactive {background-position: -172px -298px;border-color:#B7C3CA;cursor:default;}*/

/*****/

.swMain .loader {
  position:relative;  
  display:none;
  float:left;  
  margin: 2px 0 0 2px;
  padding:8px 10px 8px 40px;
  border: 1px solid #FFD700; 
  font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
  color:#5A5655;       
  background: #FFF url(../images/loader.gif) no-repeat 5px;  
  -moz-border-radius  : 5px;
  -webkit-border-radius: 5px;
  z-index:998;
}


.msgBox{display:none}


/********* STEP 1: Defining Extract Types ****************/


#extractsForm {border:3px solid #B7C3CA;padding:20px 0 0;background-color:#FFF;}
#extractsForm .formLabel {width:60%;float:none;}


/**********************************************************/

/****************** SETS HELP BUBBLES TO SKY BLUE INSTEAD OF DARK GREY ********************/
.infoHover {
    background: url("../images/beta/clearHelp.png") no-repeat scroll -5px -128px rgba(0, 0, 0, 0);
    height: 18px;
}
.infoHover:hover {background-position: -5px -278px;}
.qtip-default {
    border: 1px solid #00adef !important;
}
.qtip-content {
    /*background: url("../../../images/beta/clearHelp.png") no-repeat scroll 1px -769px #00adef !important;*/
    background: none no-repeat scroll 1px -769px #00adef !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1.6 !important;
    overflow: hidden;
    padding: 5px 9px 5px 9px !important;
    position: relative;
    text-align: left;
    word-wrap: break-word;
}
.qtip-content ul li,
.qtip-content p,
.qtip-content h4 {color:#fff !important;}

/******************************************************************************************/
/*--------------------------- FIXED BOTTOM Toolbar  -----------------------*/

.dynaToolbar {
    background-color: #e5e9ec;
    border-top: 2px solid #f26522;
    bottom: 0;
    box-shadow: 0 2px 15px #444;
    box-sizing: border-box;
    height: 80px;
    left: 0;
    margin: 0;
    padding: 10px 0 0;
    position: fixed;
    width: 100%;
}
.dynaToolbar div {
    height: 40px;
    margin: 0 auto;
    width: 830px;
}

/*---------------------------------------------------------------------*/


.triRow {
    padding: 20px 0;
    border-bottom: 1px solid silver;
    clear: both;
    width: 100%;
    font-size: 0;
}

.trident {
    vertical-align: top;
    box-sizing: border-box;
    min-height: 100px;
    width: 33%;
    font-size: 12px;
    display: inline-block;
}
.trident:last-child:after {
    clear:both;
}
.trident a {
    display:inline-block;
    padding:15px;
    border-radius:10px;
    text-decoration:none;
}
.trident a span {font-size: 12px;color:#000;display:block;line-height:1.4;}
.trident a span.title {font-size: 14px;font-weight:bold;margin-bottom:10px;}
.trident a:hover,
.trident a:focus {
    cursor: pointer;
    background-color:#eee; 
    outline:none;
}
.trident a:hover span.title,
.trident a:focus span.title {
    color: #f26522;
}
