/******************************************************************************
 * jWizard Styles
 *****************************************************************************/

/* Base Styles
-----------------------------------------------------------------------------*/
*{margin:0; padding:0;} /* clear all default CSS */

.wizardWrapper {
	width: 920px;
	min-height: 480px;
	margin: 10px 10px 0px 10px;
	position: relative;
	/*border: 1px solid orange;*/
}

.wizardContent {
	background-color: #F5F5F5;
	height: 480px !important;/*310px*/
	*height:480px !important; /*fixing height in ie7*/
	overflow:auto;
	/*border: 1px solid pink;*/
}

.wizardPanel {
	background-color: #F5F5F5;
	display: none;
}

/* Wizard Navigation
-----------------------------------------------------------------------------*/
#navDiv {
	height: 109px;
	width: 100%;
	position: relative;
	left: 0px;	
	bottom: 0px;
}
/* ----- add selectors here for font sizing ----- */
#mainNav li em { font-size: 8pt; }
#mainNav li a em { font-size: 8pt; }
/*add selectors here {font-size: 77%}  =10 */
/*add selectors here {font-size: 85%}  =11 */
/*add selectors here {font-size: 92%}  =12 */
/*#mainNav li a em, h4 {font-size: 100%}  =13 */
/*add selectors here {font-size: 107%}  =14 */
/*#mainNav li a em, h4 {font-size: 114%}  =15 */
/*add selectors here {font-size: 122%}  =16 */
/*add selectors here {font-size: 129%}  =17 */
/*add selectors here {font-size: 136%}  =18 */
/*add selectors here {font-size: 144%}  =19 */
/*h2 {font-size: 152%}  =20 */
/*add selectors here {font-size: 159%}  =21 */
/*add selectors here {font-size: 167%}  =22 */
/*add selectors here {font-size: 174%}  =23 */
/*add selectors here {font-size: 182%}  =24 */
/*add selectors here {font-size: 189%}  =25 */
/*add selectors here {font-size: 197%}  =26 */

#mainNav {
	clear: both;
	background-color: #ebebeb;
	position: absolute;
	left: 0px;
	bottom: 0px;
	/*border: 1px solid green;*/
}

ul#mainNav,
ol#mainNav {
	height: 69px;
	width: 100%;
	list-style-position: inside;
	white-space: nowrap;
}

#mainNav li {
	height: 69px;
	list-style: none;
	float: left;
	color: #777;
	background-color: #EBEBEB;
	background-image: url(images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
	/*border: 1px solid blue;*/
}

#mainNav li.done {
	color: #fff;
	background-color: #7C8437;
	background-image: url(images/navDoneBtn.gif);
}

#mainNav li.lastDone {
	color: #fff;
	background-color: #7C8437;
	background-image: url(images/navLastDoneBtn.gif);
}

#mainNav li.current {
	color: #fff;
	background-color: #C36615;
	background-image: url(images/navCurrentBtn.gif);
}

#mainNav li a,
#mainNav li a:link,
#mainNav li a:visited,
#mainNav li a:hover,
#mainNav li a:active {
	color: #777;
	text-decoration: none;
	cursor: pointer;
}

#mainNav li.lastDone a,
#mainNav li.lastDone a:link,
#mainNav li.lastDone a:visited,
#mainNav li.lastDone a:hover,
#mainNav li.lastDone a:active,
#mainNav li.current a,
#mainNav li.current a:link,
#mainNav li.current a:visited,
#mainNav li.current a:hover,
#mainNav li.current a:active,
#mainNav li.done a,
#mainNav li.done a:link,
#mainNav li.done a:visited,
#mainNav li.done a:hover,
#mainNav li.done a:active {
	color: #fff;
}

#mainNav li.done a:hover,
#mainNav li.lastDone a:hover {
	color: #FFFF99;
	cursor: hand;
}

#mainNav li div 
{
	/*position: relative;*/
	/*height: 0px;*/
}

#mainNav li em {
	/*width: 150px;*/
	display: block;
	margin: 6px 0 0 10px;
	font-style: normal;
	font-weight: bold;
}

#mainNav li a em {
	/*width: 150px;*/
	display: block;
	margin: 6px 0 0 10px;
	font-style: normal;
	/*font-weight: bold;*/
}

#mainNav li span{
	/*width: 140px;*/
	display: block;
	margin-left: 10px;
	font-weight: normal;
}
#mainNav li div.stepIcons
{
	position: static;
}
#mainNav li div.stepHelp {
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url('images/QuestionIcon.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#mainNav li div.stepState {
	width: 24px;
	height: 24px;
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}

#mainNav li div.valid div.stepState 
{
	background-image: url('images/ThumbsUpIcon.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#mainNav li div.halted div.stepState 
{
	background-image: url('images/HaltIcon.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#mainNav li.mainNavNoBg{
	background-image: none;
}

/*#mainNav li a{
	height: 71px;
	display: block;
}*/

/* BUTTONS
-----------------------------------------------------------------------------*/
.buttons {
	height: 20px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	
}

.next {
	height: 14px;
	float: right;
}

.previous {
	height: 14px;
	float: left;
}

/* VALIDATION STYLES
-----------------------------------------------------------------------------*/
.validationError
{
	font-family: Arial, Microsoft Sans Serif, Verdana, Century Gothic;
	color: Red;
}
label.validationError
{
	font-size: 8pt;
}
select, input
{
	margin-right: 10px;
}
select.validationError, input.validationError
{
	font-size: 8pt;
	border: 1px dotted red;
}

/* POP-UP TIP STYLES
-----------------------------------------------------------------------------*/
.bt-wrapper-fix 
{
	white-space: normal;
	position:absolute;
}

canvas , x:-moz-any-link, x:default 
{
	/*fix for firefox*/
	margin-left:-102px;
}

canvas
{
	*margin-left:-102px;/*fix for ie7 */
}

.target {
	width: 80px;
	text-align: center;
	border: 2px solid #666666;
	padding: 5px;
	background-color: #00FFFF;
	height: 45px;
	display: block;
	float: left;
}