/*CSS Document*/
.wizard-dialog{
	width:900px;
	position:absolute;
	left:50%;
	top:50px;
	z-index:8888;
	margin-left: -450px;
}
DIV.wizard-class
{
	display: inline;
	position: fixed;
	top: 50px;
	#border-style: none;
	#background-color: #D8E0FF;
	width: 740px;
	height: 550px;
	#font-weight: bold;
}
DIV.wizard-progress-class
{
	display: none;
	position: fixed;
	left: 50%;
	top: 40%;
	border-style: none;
	background-color: #ffffff;
	min-width: 300px;
	width: auto;
	margin-left:-150px;
	height: 100px;
	right: auto;
	font-weight: bold;
	z-index: 1003;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	#border:1px solid #000; 
}
DIV.wrap-class
{
	display: inline;
	position: absolute;
	border-style: none;
	top: 8px;
	bottom: 8px;
	left: 8px;
	right: 8px;
	font-weight: bold;
}
DIV.pre-header-class
{
	position: relative;
	left: 0px;
	height: 30px;
	top: 0px;
	right: 0px;
	text-align: left;
	vertical-align: middle;
	text-transform: capitalize;
	line-height: normal;
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
	display: table-cell;
}
DIV.header-class
{
	display: inline;
	position: absolute;
	left: 0px;
	border-style: none;
	background-color: #D8E0FF;
	font-weight: bold;
	height: auto;
	bottom: 0px;
	top: 38px;
	right: 0px;
}
DIV.sub-header-class
{
	display: inline;
	left: 8px;
	border-style: none;
	background-color: #D8E0FF;
	font-weight: bold;
	bottom: 50px;
	top: 20px;
}
DIV.data-class
{
	display: inline;
	position: absolute;
	left: 10px;
	top: 32px;
	border-style: inset;
	background-color: #FFFFFF;
	width: 455px;
	height: auto;
	right: auto;
	font-weight: bold;
	border-top-color: #C1E0FF;
	border-right-color: #AAD5FF;
	border-bottom-color: #AAD5FF;
	border-left-color: #AAD5FF;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inherit;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
DIV.footer-class
{
	display: inline;
	position: relative;
	left: 456px;
	border-style: none;
	height: 26px;
	text-align: right;
	top: 435px;
	right: 0px;
}
SPAN.close-pointer
{
	float: right;
	background-color: #808080;
	color: #FFFFFF;
	font-weight: bold;
	width: 20px;
	text-align: center;
	cursor: pointer;
}
TD.wizard-nav-active
{
	width: 10px;
	font-weight: bold;
}
TD.wizard-nav-complete
{
	background-position: left top;
	border-color: transparent;
	border-style: none;
	border-width: 1px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	height: 22px;
	width: auto;
	text-transform: capitalize;
	line-height: normal;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
}
TD.wizard-nav-normal
{
	font-weight: normal;
	width: 10px;
}
IMG.wizard-img-active
{
	width: auto;
	height: auto;
}
IMG.wizard-img-complete
{
	width: auto;
	height: auto;
}
IMG.wizard-img-normal
{
	width: auto;
	height: auto;
}
.black_overlay
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 1001;
	opacity: .30;
  filter: alpha(opacity=30);
}
.white_content
{
	display: none;
/*set block to display default*/
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 8887;
}
.navigation-class
{
	width:245px;
	height:490px;
	overflow:auto;
	color:#dddddd;
}
.navigation-line{
	position:relative;
	margin-bottom:5px;
	padding:2px;
}
.sub{
	padding-left:35px;
	font-weight:normal;
}
.navigation-line:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size:24px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 24px;
  content: "\f";
}
.step-tr-active-class
{
	background-color: #0096d6;
	color: #FFFFFF;
	border-radius:5px;
}
.step-tr-normal-class
{
	background-color: #FFFFFF;
	color: #dddddd;
}
.step-tr-skip-class
{
	background-color:#ffffff;
	color: #708090;
}

.step-tr-complete-class
{
	background-color:#ffffff;
	color: #708090;
}

.step-tr-complete-class:before{
 color:#0096d6;
 content: "\f058";
}

.navigation-line span{
	font-size:19px;
}

.navigation-form-content-class
{
	border-style: none;
	background-color: #FFF;
	position: absolute;
	top: 50px;
	bottom: 30px;
	width:100%;
	overflow:auto;
}
.wiz-content-bdr-class
{
	height:490px;
	width: 540px;
	position: absolute;
	left: 275px;
	border-style: none;
	background-color: #FFF;
	top: 10px;
	font-size:16px;
}
.wiz-content-class
{
	display: inline;
	position: absolute;
	left: 10px;
	border-style: none;
	background-color: #D11;
	font-weight: bold;
	height: auto;
	bottom: 10px;
	top: 10px;
	right: 10px;
}
DIV.header-nobtn-class
{
	display: inline;
	position: absolute;
	left: 0px;
	border-style: none;
	background-color: #FFF;
	font-weight: bold;
	height: auto;
	bottom: 40px;
	top: 0px;
	right: 0px;
	border: 1px solid #8499A2;
}
.navigation-img-class
{
	display: inline;
	position: absolute;
	left: 0px;
	border-style: none;
	font-weight: bold;
	height: auto;
	bottom: 10px;
	width: 149px;
	top: 0px;
	right: 10px;
}

.option
{
	font-family: arial;
}
.p-padding-class
{
	padding: 0px;
}
.left_label1 {
    padding-bottom: 8px;
    padding-bottom /*\**/ : 7px\9;
    padding-right: 8px;
    padding-top: 0;
    vertical-align: middle;
    white-space: nowrap;

}

/* Right textbox - controls defination */ 
.right_controls1 {
    font-family: arial;
    font-size: 12px;
    height: 25px;
    padding-bottom: 8px;
    padding-bottom /*\**/ : 7px\9;
    padding-top: 0;
    vertical-align: middle;
    white-space: nowrap;
    padding-right: 8px;
    font-weight: normal;
}

/* (C) Copyright 2007-2013 Broadcom Corporation.  All rights reserved. */
/* Copyright 2004 Instant802 Networks, Inc. All Rights Reserved. */

/* Constains tab styles for navigation elements.  The navigator defines two main boxes. */
/* The first contains first and secondary tabs and the second, the contents of the */
/* navigator (the box that contains the results of the currently selected tab.) */
/* Separation and indent boxes are defined as well. */

/* import the corporate styles. */
/*@import url(base.css);*/


/* separates last (bottom-most) tab and bottom of navigator. */
.bottom-separator {
        border-right: 1px solid #000000;
        height: 100%;
        margin: 0px;
        padding: 0px;
        width: 5px;
}

/* elememnt wihtin a collapsable tab group.  either a second level tab */
/* or separator that is part of a collapsable group of tabs.   note, to */
/* modify the image used for the collapse functionality, edit collapse.gif
/* and/or expand.gif */
.collapsable {
}

/* content box. */
.nav-content {
        background: #C1D4E5; 
/*	border: 8px solid  #cbd1d8 */;
        height: 100%;
        margin: 0px;
        /* padding-right: 0px; */
        text-align: left;
        vertical-align: top;
        width: 100%;
	/* filter: alpha(opacity=67); */
}

/* container for nav-content. */
.nav-content-container {
        /* background: #cbd1d8; */
		border-color: #000000 #000000 #000000 #000000;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
        height: 100%;
        margin: 0px;
        padding: 0px;
        text-align: left;
        vertical-align: top;
        width: 100%;
	/* filter: alpha(opacity=67); */
	/* opacity: 0.67; */
}

.nav-client-content {
	padding: 0px;
	padding-right: 50px;
}

/* box containing tabs. */
.navigator {
        /* vertical-align: top; */
}

.tabs {
        /* vertical-align: middle; */
        border-color: 0xffffff;
        border-style: none;
        border-width: 1px;
        border-radius: 3em;
	height: 23px;
    width: 100%;
}
.wiz-tabs {
        /* vertical-align: middle; */
        border-color: #ffffff;
        border-style: none;
        border-width: 1px;
        /* border-radius: 3em; */
	height: 23px;
    width: 100%;
}
/* defines an unselected top level navigation tab. */
.tab1 {
        background-position: left top;
        border-color: transparent;
        border-style: none;
        border-width: 1px;
        border-radius: 3px;
        cursor: pointer;
        margin: 0px;
	padding: 0px 6px 0px 6px;
        text-align: center;
        vertical-align: middle;
	height: 23px;
	width: auto;
        text-transform: capitalize;
        line-height: normal;
	font-size: 12px;
	font-weight: normal;
	font-family: arial;
}
.wiz-tab1 {
        background-position: left top;
        border-color: transparent;
        border-style: none;
        border-width: 1px;
        margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
        vertical-align: middle;
	height: 22px;
	width: auto;
        text-transform: capitalize;
        line-height: normal;
	font-size: 12px;
	font-weight: normal;
	font-family: arial;
	border-radius:5px;
}
.step-div-header-class {
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	height: 24px;
	line-height: normal;
	font-size: 24px;
	display: table-cell;
	position: relative;
}
.step-div-footer-class {
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	line-height: normal;

	display: table-cell;
	height:30px;	
	position: absolute; 
	bottom:0;
}

.step-div-header-padding-class {
	height: 0px;
}

/* style of links contained within first level tabs. */
.wiz-tab1 a:link, .wiz-tab1 a:visited {
        color: #000000;
        text-decoration: none;
        white-space: nowrap;
}
/* style of links contained within first level tabs. */
.tab1 a:link, .tab1 a:visited {
        color: #000000;
        text-decoration: none;
        white-space: nowrap;
}

.tab1:hover {
        background: #60E4FB;
}

/* defines a selected top level navigation tab. */
.tab1-selected {
	background: #ffffff;
	background-position: left top;
	/* background-repeat: no-repeat; */
	border-color: #000000;
	/* border-style: top right bottom left; */
	border-style: solid solid solid solid;
        border-width: 1px 1px 1px 1px;
	color: #000000;
	cursor: pointer;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	text-align: center;
	/* vertical-align: middle; */
	/* white-space: nowrap; */
	height: 23px;
	width: auto;
	text-transform: capitalize;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
}

/* style of links contained within a selected first level tab. */
.tab1-selected a:link, .tab1-selected a:visited {
        color: #000000;
        text-align: left;
        text-decoration: none;
        vertical-align: middle;
        white-space: nowrap;
}

/* defines an unselected second level navigation tab. */
.tab2 {
		background: #DFE5F3;
        background-position: left top;
        border-color: #000000 #000000 #000000 #000000;
        border-width: 1px;
        border-style: solid;
        border-radius: 3em;
        cursor: pointer;
        margin: 0px;
		padding: 3px 6px 3px 6px;
        vertical-align: middle;
        white-space: nowrap;
        height: 23px;
        line-height:normal;
        text-align:center;
        width:auto;
	font-size: 12px;
	font-weight: normal;
	font-family: arial;
}

/* style of links contained within secondary tabs. */
.tab2 a:link, .tab2 a:visited {
        color: #000000;
        text-align: left;
        text-decoration: none;
        vertical-align: middle;
        white-space: nowrap;
}

/* defines a selected second level navigation tab. */
.tab2-selected {
        background-color: #8db71f;
        background-position: left top;
        /* background-repeat: no-repeat; */
        border-color: #8499a2;
        border-width: 1px 1px 1px 1px;
        border-style: solid solid solid solid;
        color: #ffffff;
        cursor: pointer;
        margin: 0px;
		padding: 3px 6px 3px 6px;
        line-height:normal;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        height: 23px;
        width: auto;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
}

/* style of links contained within a selected secondary tab. */
.tab2-selected a:link, .tab2-selected a:visited {
        color: #000000;
        text-decoration: none;
        white-space: nowrap;
}

/* defines the indent for secondary tabs. */
.tab-indent {
        line-height: 0px;
        width: 20%;
}

/* tab separator within a group of tabs. */
.tab-separator {
		border-color: #000000;
		border-width: 1px;
        border-right: 1px solid #000000;
        line-height: 2px;
        margin: 0px;
        padding: 0px 0px 0px 3px;
}

/* separator between tab groups. */
.tabgroup-separator {
        border-right: 1px solid #000000;
        line-height: 8px;
        margin: 0px;
        padding: 0px 0px 0px 3px;
        width: 5px;
}
.wiz-tabgroup-separator {
	line-height: 8px;
	margin: 0px;
	padding: 0px 0px 0px 3px;
	width: 5px;
}
.tabselected-separator {
		background-position: left top;
		background-repeat: no-repeat;
		border-color: #000000;
        border-right: 2px solid #000000;
        border-width: 0px 1px 0px 0px;
        line-height: 8px;
        margin: 0px;
        padding: 0px;
}

/* separates first (top-most) tab and top of the navigator. */
.top-separator {
        border-right: 1px solid #000000;
        line-height: 8px;
        margin: 0px;
        padding: 0px;
        width: 5px;
}

.wizard-label{
	padding-right:8px;
	margin-bottom: 0;
}

.wizard-label-prograss
{
	white-space: nowrap;
}