/* scrollable root element */
#wizard {	
	height:232px;
	width:508px;
	overflow:hidden;
	position:relative;
}  

/* scrollable items */
#wizard .items {
	width:20000em;	
	clear:both;	
	position:absolute;	
}

/* single item */
#wizard .page {	
	width:508px;
	height:232px;
	background-color:#fff;
	float:left;	
}

#wizard #dialogPage1{
	background:#fff url('images/bg_dialog_container_1_step.jpg') no-repeat;
}
#wizard #dialogPage2{
	background:#fff url('images/bg_dialog_container_2_step.jpg') no-repeat;
}
#wizard #dialogPage3{
	background:#fff url('images/bg_dialog_container_3_step.jpg') no-repeat;
}
#wizard #dialogPage4{
	background-color: transparent;
}


/* title */
#wizard h2 {
	border-bottom:1px dotted #ccc;
	font-size:22px;
	font-weight:normal;
	margin:10px 0 0 0;
	padding-bottom:15px;		
}

#wizard h2 em {
	display:block;
	font-size:14px;
	color:#666;
	font-style:normal;
	margin-top:5px;
}

/* input fields */
#wizard ul {
	padding:0px !important;
	margin:0px !important;
}

#wizard li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:25px;	
}

#wizard label {
	font-size:14px;	
	display:block;
}

#wizard div.ui-form-chk-inline label {
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
}


#wizard label strong {
	color:#789;	
	position:relative;
	top:-1px;
}

#wizard label em {
	font-size:11px;
	color:#666;	
	font-style:normal;
}

#wizard .text {
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	color:#456;
	letter-spacing:1px;
}
/*
#wizard select {
	border:1px solid #ccc;
	width:94%;	
	padding:4px;
}
*/

#wizard label span {
	color:#b8128f;
	font-weight:bold;
	position:relative;
	top:4px;
	font-size:20px;
}

#wizard .double label { 
	width:50%;
	float:left;
}

#wizard .double .text {
	width:93%;	
}

#wizard .clearfix {
	clear:left;
	padding-top:10px;	
}

#wizard .right {
	float:right;		
}

/* validation error message bar */
#drawer {
	background:#fff url('images/bg_status_alert.png') repeat-x scroll 0 0;
	/*_background-color:#fff;*/
	overflow:visible;
	position:fixed;	
	left:0;
	top:0;
	text-align:center;
	padding:15px;
	font-size:14px;
	border-bottom:2px solid #789;
	width:100%;
	display:none;
	z-index:200;
}

#wizard .error {
	border:1px solid red;		
}
#wizard .errorChk {
    color: red;
}

#main .error {
	border:1px solid red;		
}
#main .errorChk {
    color: red !important;
}

#main .requiredOptionError {
	color: red;		
}

#wizard #status {
	margin:0px !important;
	height:35px;
	background-color:#123;
	padding-left:25px !important;
	/*_background:#123;*/
}

#status li {
	list-style-type:none;
	list-style-image:none;
	float:left;
	color:#fff;
	padding:10px 30px;
}

#status li.active {
	background-color:#b8128f;
	font-weight:normal;		
}

/* Styles específicos */

div#dialog-throbber{
	display: block;
	text-align: center;
	padding: 100px;
}

.page div.dialog-container-top{
	display: inline-block;
	margin:0px;
	padding:0px;
	height: 206px;
	vertical-align: top;
}

.page div.dialog-container-bottom{
	margin:0px;
	padding:0px 15px 0px 15px;
	height: 20px;
	vertical-align: bottom;
	text-align: right;
}

.page div#containerPage2{
	background: transparent url(/images/bg_pedido_proposta_Page2.png) no-repeat top left;
	margin-left: 20px;
	padding-left: 290px;
	height: 150px;
}

#dialogHeader{
	display: block;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 16px;
	margin-bottom: 18px;
}
#dialogHeaderLeft, #dialogHeaderRight{
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	vertical-align: bottom;
}

#dialogHeaderRight{
	margin-top: 32px;
	float: right;
}

#dialogHeader h2 {
	margin:0px;
	padding-right: 24px;
	padding-top: 6px;
	font-size: 17px;
	font-weight: normal;
	line-height: 14px;
}

#dialogHeader h2 span{
	display: block;
	margin:0px;
	font-family: 'PT Sans', sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color:#7c91a2;
} 

.headerPage{
	padding: 6px 0px 26px 0px;
}

.headerPage h3 {
	display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
	display:inline-block; /* supported by FF3+ and IE8+ */
	zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */

	font-family: 'PT Sans', sans-serif;
	letter-spacing: 0px;
	font-size: 14px;
	line-height: 26px;
	color:#a6aab2;
	padding-bottom: 5px;
}
.headerPage h3.active{
	color: #091D3C;
}
.headerPage h3.hpH3-1 {
	margin-right:66px;
}
.headerPage h3.hpH3-2 {
	margin-right:62px;
}


/* PEDIDO DE ASSISTENCIA */

h2#titlePedidoAssistencia{
	background:url('images/bg_pedido_assistencia_h2.png') transparent no-repeat top right;
}

.dialog-container-top #pedidoAssistencia1-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}



.dialog-container-top #pedidoAssistencia1-cont h4 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 0px;
font-size: 18px;
padding: 0px;
line-height: 20px;
color: #091D3C;
padding-bottom: 5px;
}
.dialog-container-top #pedidoAssistencia1-cont p {
padding-bottom: 20px;
}

.dialog-container-top #pedidoAssistencia2-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}


.dialog-container-top #pedidoAssistencia2-cont label {
	padding-bottom: 5px;
}
.dialog-container-top #pedidoAssistencia2-cont label.ui-form-input {
	margin-bottom: 5px;
}

.dialog-container-top #pedidoAssistencia3-cont input[type="checkbox"]  {
	-webkit-appearance: checkbox;
}

.dialog-container-top #pedidoAssistencia2-cont h4 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 0px;
font-size: 14px;
padding: 0px;
line-height: 16px;
color: #091D3C;
padding-top: 15px;
padding-bottom: 8px;
}


.dialog-container-top #pedidoAssistencia3-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}

.dialog-container-top #pedidoAssistencia4-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}

.dialog-container-top #pedidoAssistencia4-cont-success{
	display:none;
}

.dialog-container-top #pedidoAssistencia4-cont-success h3 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 1px;
font-size: 24px;
padding: 0px;
line-height: 26px;
color: #091D3C;
padding-bottom: 5px;
}
.dialog-container-top #pedidoAssistencia4-cont-success h4 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 0px;
font-size: 18px;
padding: 0px;
line-height: 20px;
color: #091D3C;
padding-bottom: 5px;
}
.dialog-container-top #pedidoAssistencia4-cont-success p {
padding-bottom: 20px;
}

.dialog-container-top #pedidoAssistencia4-cont-fail{
	display:none;
	background-color:#ffffff;
}

.dialog-container-top #pedidoAssistencia4-cont-fail h3 {
	font-family: 'Questrial', sans-serif;
	letter-spacing: 1px;
	font-size: 24px;
	padding: 0px;
	line-height: 26px;
	color: #091D3C;
	padding-bottom: 15px;
}
.dialog-container-top #pedidoAssistencia4-cont-fail h4 {
	font-family: 'Questrial', sans-serif;
	letter-spacing: 0px;
	font-size: 18px;
	padding: 0px;
	line-height: 20px;
	color: #091D3C;
	padding-bottom: 5px;
}
.dialog-container-top #pedidoAssistencia4-cont-fail p {
	padding-bottom: 20px;
}
#pedidoAssistencia4-cont-fail p#motivoFail {
	color: #ff0099;
	padding-bottom: 20px;
}
#pedidoAssistencia4-back{
	display:none;
}


/* PEDIDO DE PROPOSTA */

h2#titlePedidoProposta{
	background:url('images/bg_pedido_proposta_h2.png') transparent no-repeat top right;
}

.dialog-container-top #pedidoProposta1-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}



.dialog-container-top #pedidoProposta1-cont h4 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 0px;
font-size: 18px;
padding: 0px;
line-height: 20px;
color: #091D3C;
padding-bottom: 5px;
}
.dialog-container-top #pedidoProposta1-cont p {
padding-bottom: 20px;
}

.dialog-container-top #pedidoProposta2-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}


.dialog-container-top #pedidoProposta2-cont label {
	padding-bottom: 5px;
}
.dialog-container-top #pedidoProposta2-cont label.ui-form-input {
	margin-bottom: 5px;
}

.dialog-container-top #pedidoProposta2-cont input[type="checkbox"]  {
	-webkit-appearance: checkbox;
}

.dialog-container-top #pedidoProposta2-cont h4 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 0px;
font-size: 14px;
padding: 0px;
line-height: 16px;
color: #091D3C;
padding-top: 15px;
padding-bottom: 8px;
}


.dialog-container-top #pedidoProposta3-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}

.dialog-container-top #pedidoProposta4-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}

.dialog-container-top #pedidoProposta4-cont-success{
	display:none;
}

.dialog-container-top #pedidoProposta4-cont-success h3 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 1px;
font-size: 24px;
padding: 0px;
line-height: 26px;
color: #091D3C;
padding-bottom: 5px;
}
.dialog-container-top #pedidoProposta4-cont-success h4 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 0px;
font-size: 18px;
padding: 0px;
line-height: 20px;
color: #091D3C;
padding-bottom: 5px;
}
.dialog-container-top #pedidoProposta4-cont-success p {
padding-bottom: 20px;
}

.dialog-container-top #pedidoProposta4-cont-fail{
	display:none;
	background-color:#ffffff;
}

.dialog-container-top #pedidoProposta4-cont-fail h3 {
	font-family: 'Questrial', sans-serif;
	letter-spacing: 1px;
	font-size: 24px;
	padding: 0px;
	line-height: 26px;
	color: #091D3C;
	padding-bottom: 15px;
}
.dialog-container-top #pedidoProposta4-cont-fail h4 {
	font-family: 'Questrial', sans-serif;
	letter-spacing: 0px;
	font-size: 18px;
	padding: 0px;
	line-height: 20px;
	color: #091D3C;
	padding-bottom: 5px;
}
.dialog-container-top #pedidoProposta4-cont-fail p {
	padding-bottom: 20px;
}
#pedidoProposta4-cont-fail p#motivoFail {
	color: #ff0099;
	padding-bottom: 20px;
}
#pedidoProposta4-back{
	display:none;
}








/* CANDIDATURA */

.dialog-container-top #candidatura1-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}



.dialog-container-top #candidatura1-cont h4 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 0px;
font-size: 18px;
padding: 0px;
line-height: 20px;
color: #091D3C;
padding-bottom: 5px;
}
.dialog-container-top #candidatura1-cont p {
padding-bottom: 20px;
}

.dialog-container-top #candidatura2-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}


.dialog-container-top #candidatura2-cont label {
	padding-bottom: 5px;
}
.dialog-container-top #candidatura2-cont label.ui-form-input {
	margin-bottom: 5px;
}

.dialog-container-top #candidatura2-cont input[type="checkbox"]  {
	-webkit-appearance: checkbox;
}

.dialog-container-top #candidatura2-cont h4 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 0px;
font-size: 14px;
padding: 0px;
line-height: 16px;
color: #091D3C;
padding-top: 15px;
padding-bottom: 8px;
}


.dialog-container-top #candidatura3-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}

.dialog-container-top #candidatura4-cont{
	/*margin: 30px 0px;*/
	padding: 6px 15px 6px 15px;
	width:480px;
	/*height: 330px;*/
}

.dialog-container-top #candidatura4-cont-success{
	display:none;
}

.dialog-container-top #candidatura4-cont-success h3 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 1px;
font-size: 24px;
padding: 0px;
line-height: 26px;
color: #091D3C;
padding-bottom: 5px;
}
.dialog-container-top #candidatura4-cont-success h4 {
	font-family: 'Questrial', sans-serif;
letter-spacing: 0px;
font-size: 18px;
padding: 0px;
line-height: 20px;
color: #091D3C;
padding-bottom: 5px;
}
.dialog-container-top #candidatura4-cont-success p {
padding-bottom: 20px;
}

.dialog-container-top #candidatura4-cont-fail{
	display:none;
	background-color:#ffffff;
}

.dialog-container-top #candidatura4-cont-fail h3 {
	font-family: 'Questrial', sans-serif;
	letter-spacing: 1px;
	font-size: 24px;
	padding: 0px;
	line-height: 26px;
	color: #091D3C;
	padding-bottom: 15px;
}
.dialog-container-top #candidatura4-cont-fail h4 {
	font-family: 'Questrial', sans-serif;
	letter-spacing: 0px;
	font-size: 18px;
	padding: 0px;
	line-height: 20px;
	color: #091D3C;
	padding-bottom: 5px;
}
.dialog-container-top #candidatura4-cont-fail p {
	padding-bottom: 20px;
}
#candidatura4-cont-fail p#motivoFail {
	color: #ff0099;
	padding-bottom: 20px;
}
#candidatura4-back{
	display:none;
}











.checkbox, .radio {
    width: 19px;
    height: 20px;
    padding: 0px;
	 cursor: pointer;
/*
    display: block;
    clear: left;
    float: left;
*/
 }

.checkbox.styled {
	width: 92px;
	height: 72px;
	margin: 9px;
	display: inline-block;
	
/*
    clear: none;
    float: left;
*/
}
 
.checked {
/*
	background: transparent url('images/bg_proposta_loja.png') 0px -50px;
*/
	background-position: bottom !important;   
}






/* main vertical scroll */
#main {
height:480px;
width:480px;
overflow:hidden;
position:relative;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	height: 480px;
	width:480px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 440px;
	height: 160px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	width:440px;
	height:160px;
}

/* main navigator */
#main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
}

#main_navi li {
	border-top:1px solid #666;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	height:75px;
	list-style-type:none;
	padding:10px;
	width:190px;
	cursor:pointer;
}

#main_navi li:hover {
}

#main_navi li.active {
	background-color:#555;
}

#main_navi img {
	float:left;
	margin-right:10px;
}

#main_navi strong {
	display:block;
}



.radio.styled {
	width: 29px;
	height: 29px;
	display: inline-block;
	 
/*
    clear: none;
    float: left;
*/
}