div.wizard	{
	border:1px solid #ccc;
	padding:5px;
}
#wizardpanel {
	display:none;
}
#wizardcontent {
	min-height:300px;
	height:auto;
}

/* ----- add selectors here for font sizing ----- */
add selectors here {font-size: 77%} /* =10 */
add selectors here {font-size: 85%} /* =11 */
add selectors here {font-size: 92%} /* =12 */
add selectors here {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 */
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 */

/* ----- random base styles and styles used in conjunction with javascript ----- */
.clearfloatNoHeight {clear: both; line-height: 0; height: 0; width:0; display: block; overflow:hidden;}
.clearfloat {clear: both; display: block;}
.floatRight{float:right;}
.floatLeft{float:left;}
.displayNone{display:none;}
.displayBlock{display:block;}
.txtCenter{text-align:center;}

/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav{
	width:900px;
	height:80px;
	clear:both;
	padding:0px;
	margin:0px;
	margin-top:10px;		
}
#mainNav li{
	width:180px;
	height:58px;
	list-style:none;
	float:left;
	background-repeat: repeat-x;
	background-position: 0 0;
	padding:0px;
	margin:0px;
}
li.wizard1b	{
	background-image:url(/static/img/1_b.png);;
}
li.wizard1c	{
	background-image:url(/static/img/1_c.png);
}
li.wizard2a	{
	background-image:url(/static/img/2_a.png);
}
li.wizard2b	{
	background-image:url(/static/img/2_b.png);
}
li.wizard2c	{
	background-image:url(/static/img/2_c.png);
}
li.wizard3a	{
	background-image:url(/static/img/3_a.png);
}
li.wizard3b	{
	background-image:url(/static/img/3_b.png);
}
li.wizard3c	{
	background-image:url(/static/img/3_c.png);
}
li.wizard4a	{
	background-image:url(/static/img/4_a.png);
}
li.wizard4b	{
	background-image:url(/static/img/4_b.png);
}
li.wizard4c	{
	background-image:url(/static/img/4_c.png);
}
li.wizard5a	{
	background-image:url(/static/img/5_a.png);
}
li.wizard5b	{
	background-image:url(/static/img/5_b.png);
}
#mainNav li a em{
	display:block;
	font-style:normal;
	font-weight:bold;
	color:#333333;
	font-size:10px;
	padding-top:10px;
	padding-left:10px;
}
#mainNav li a span{
	font-size:10px;
	color:#666666;
	font-weight:normal;
	padding-left:10px;
}
#mainNav li a span.white{
	color:#FFFFFF;
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
	color:#CECECE;
}

#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:#E7AC71;
}

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

/* BUTTONS */
.buttons{margin:10px;clear:both}

.buttons button	{
	background-position:0 0;
	background-repeat:no-repeat;
	width:86px;
	height:20px;
	border:0px;
	cursor:pointer;
}

button.previous	{
	background-image:url(/static/img/back_btn_act.png);
	float:left;
}

button.next	{
	background-image:url(/static/img/next_btn_act.png);
	float:right;
}

button.finish	{
	background-image:url(/static/img/finish_btn.png);
	float:right;
}

.wizard-3box-row	{
    width: 921px;
	position: relative;
	float: left;
	margin:0px;
}

.wizard-3box-content	{
	width:292px;
	min-height:155px;
	top:0px;
	bottom:0px;
	padding:2px;
	margin:0px;
	border:0px;
	float:left;
	background-position:0 0;
	background-repeat:no-repeat;
}
.wizard-3box-content ul	{
	padding:0px;
	margin:0px;
	list-style:none;
}

.wizard-3box-content li	{
	border-bottom:2px solid #FFFFFF;
}

ul#wizard-list-SYS li  {
	background-color:#FBAF19;
}

ul#wizard-list-DEV li  {
	background-color:#9BCB5D;
}

ul#wizard-list-AGL li  {
	background-color:#2994C4;
}

.wizard-box-column	{
	min-height:300px;
	height:auto !important;
}

div.wizard-legenda-row	{
	width:100%;
	height:30px;
	padding:5px;
	float:left;
}

div.wizard-legenda-row	 div	{
	background-position:0 0;
	height:40px;
}