/* @override http://localhost/chavesouro/themes/default/front/structure/css/main.css */

/* CSS Document */

@import url("framework/framework.v1.0.css");

/*
	-- -- -- -- -- -- --

	CHAVES DE OURO v2007 CSS
	NOVEMBRO/2007
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

	-- -- -- -- -- -- --

*/


/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
body{
	background: url(../../img/layout/body.fundo.gif) repeat left top;
	}

a:link, a:visited {text-decoration:none; color:#b05f00;}
a:hover, a:active {color:#da7601;}

/*a[href^="http://"]:not([href*="chavesdeouro.multiweb.pt"])::after {
content: "\2197";
}*/

div.innerContainer{
	position:relative;
	}

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
body{
	font:0.70em Tahoma, Arial, Helvetica, sans-serif;
	color: #47413a;
	}
html, body, p{
	line-height:1.30em;
	}
.font01{font-size:0.9em;}
.font02{font-size:0.8em;}
.font03{font-size:0.75em; line-height:1.30em;}
.font04{font-size:0.6em;}

p{margin-bottom:1.2em;}
p.note{font-size:0.80em;}

h1, h2, h3, h4, h5 {line-height: 1em;}
h1{font-size:3em;}
h2{font-size:2.5em;}
h3{font-size:2.0em;}
h4{font-size:1.6em;}
h5{font-size:1.2em; font-weight:bold;}
h4.lead{margin-bottom:1.3em;}
#footer h2{color:#161415;}

/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
#header {}
	#header #header01{
		background: url(../../img/layout/header01.fundo.gif) repeat-x left bottom;
		color:#443d35;
		padding:0;
		position:relative;
		display:none;
		}
		#header div#header01.active{display:block}
	#header #header01 .innerContainer {
		height:200px;
		padding:25px 0 10px 0;
		position:relative;
		z-index:5;
		}
	#header #header01 .innerContainer:after {
		/* CLEAR FLOAT PARA FIREFOX */
		display: block;
		clear: both;
		content: ".";
		visibility: hidden;
		}
		#header #header01 a:link,
		#header #header01 a:visited{color:#443d35;}
		#header #header01 a:hover,
		#header #header01 a:active{color:#be801b;}
	#header #header01:after {
		/* CLEAR FLOAT PARA FIREFOX */
		display: block;
		clear: both;
		content: ".";
		visibility: hidden;
		}
		#header #header01 .columns02{}
			#header #header01 .columns02 div.column01,
			#header #header01 .columns02 div.column02{padding:0; margin:0;}
			#header #header01 .columns02 div.column01{width:180px; color:#918474; padding-top:50px; position:relative; z-index:1;}
			#header #header01 .columns02 div.column02{width:760px; position:relative; z-index:2;}
	#header #header01 img.deco01{
		position:absolute;
		left:0;
		bottom:0px;
		}
	#header #header01 .innerContainer img.deco01{position:absolute; left:0px; bottom:-14px;}
	#header #header01 p#headerNewMember{
		position:absolute;
		left:350px;
		bottom:-8px;
		font-size:1.1em;
		}	
		#header #header01 p#headerNewMember a:link,
		#header #header01 p#headerNewMember a:visited{font-weight:bold;}
		#header #header01 h5{
			font-size:1.3em;
			font-weight:bold;
			margin:0 0 0.5em 0;
			}
	#header02{
		height:130px;
		position:relative;
		}
		.masterB #header02{
			height:180px;
			}
		#header02 img#headerLogo{position:absolute; left:5px; top:15px; z-index:5;}
		#header02 img#headerLogo2{
			position:absolute;
			left:190px;
			top:15px;
			}
		#header02 a#toggleIndex{position:absolute; right:0px; top:-20px; z-index:5;}
		#header02 ul#langNav{position:absolute; right:200px; top:8px; z-index:5;}

#globalContainer #mainContent{
		width:100%;
		position:relative;
		z-index:1;
		border-top:3px solid #6f3b09;
		}
		#globalContainer #mainContent img.deco01{
			position:absolute;
			left:0;
			top:0px;
			z-index:3;
			}
		#globalContainer #mainContent img#deco02{
			position:absolute;
			left:50%;
			top:0px;
			z-index:1;
			margin-left: -410px;
			}

.masterA{}
	.masterA #globalContainer {
		/*background: url(../../img/layout/globalContainer.fundo.gif) repeat-x left top;*/
		background: url(../../img/layout/body.fundo.gif) repeat left top;
		}
	.masterA #globalContainer #mainContent{background: #1a1917 url(../../img/layout/mainContent.fundo.gif) repeat-x left top; padding-bottom:25px; font-size:1.2em;}
	.masterA#secHome #globalContainer #mainContent{background: url(../../img/layout/secHome.mainContent.fundo.gif) repeat-x left top; padding-bottom:0;}
	.masterA #globalContainer #mainContent .innerContainer{position:relative; z-index:3;}
		.masterA#secHome #globalContainer #mainContent .content{height:400px;}

/*MASTER B - FUNDO CLARO*/
.masterB{}
	.masterB #globalContainer {background: url(../../img/layout/body.fundo.gif) repeat left top;}
	.masterB #globalContainer #mainContent{background: url(../../img/layout/mainContent.fundo.gif) repeat-x left top;}
		.masterB #globalContainer #mainContent div.contentWrap{background: url(../../img/layout/masterB.contentWrap.fundo.gif) repeat-x left top; margin:0 0 -15px 0;}
		.masterB #globalContainer #mainContent div.contentWrap div.innerContainer{
			background: url(../../img/layout/masterB.mainC.inner.fundo.jpg) no-repeat 110px top;
			padding:105px 0 25px 0;
			}
		.masterB #globalContainer #mainContent div.innerContainer:after{
			/* CLEAR FLOAT PARA FIREFOX */
			display: block;
			clear: both;
			content: ".";
			visibility: hidden;		
			}


#footer{
	background: url(../../img/layout/footer.fundo.gif) repeat-x left top;
	color:#443d35;
	padding:40px 0;
	border-top:2px solid #111111;
	}
	.masterB #footer{border-top:none;}
	#footer a:link,
	#footer a:visited{
		color:#625d57;
		}
	#footer a:hover,
	#footer a:active{
		color:#c36a02;
		}		
	#footer ul li{
		margin:0;
		padding:0;
		line-height:1.3em;
		}
	#footer strong{font-weight:bold;}
	#footer .columns02,
	#footer .columns03,
	#footer .columns04{width:940px;}
	#footer .columns02 .column01{width:165px; padding:0; margin:0 25px 0 0;}
	#footer .columns02 .column02{width:750px; padding:0; margin:0;}
	#footer .columns03 .column01{width:300px;}
	#footer .columns03 .column02{width:470px;}
	#footer .columns03 .column03{width:130px; text-align:right;}
	#footer .columns04 {}
	#footer .columns04 .column01{width:170px; margin:0 40px 0 0;}
	#footer .columns04 .column02{width:200px; margin:0 25px 0 0;}
	#footer .columns04 .column03{width:340px; margin:0 25px 0 0;}
	#footer .columns04 .column04{width:130px; margin:0 0 0 0;}
	
	#footer .dataTable {width:750px;}
		#footer .dataTable td{width:153px;}

	#footer #footer02{
		background: url(../../img/layout/footer02.fundo01.gif) repeat-x left top;
		padding:10px 0;
		clear:both;
		}


.layoutA1 {}/* content + sidebar (à direita) */
	.layoutA1 .content{
		width:525px;
		padding:0 0 0 185px;
		color:#fff;
		}
		.masterB .layoutA1 .content{color:#443d35;}
	.layoutA1 .sidebar{
		width:182px;
		color:#c9c8c3;
		}	

.layoutB1 {}/* content + sidebar oculto */
	.layoutB1 .content{
		padding:0 0 0 190px;
		}
	.layoutB1 .sidebar{display:none;}	


/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */

/* articleMask01 - foto principal de produto */
.articleMask01{position:relative; width:259px; height:173px; overflow:hidden; margin-left:-7px; clear:left;}
	.articleMask01 img.mask{position:absolute; left:0; top:0; z-index:2;}
	.articleMask01 img.thumb{position:absolute; clip:rect(7px 256px 165px 7px);}

.photoGallery{}
	.photoGallery.static{float:left; width:200px; margin:0 15px 5px 0;}
	.photoGallery.static .articleMask02{margin-left:0;}
	.photoGallery.static table{margin:0;}
	.photoGallery.static table div.thumb{
		position:relative;
		width:67px;
		height:45px;
		overflow:hidden;
		}
	.photoGallery.static table div.thumb img.thumb{
		position:absolute;
		clip:rect(0, 67px, 45px, 0);
		}
	.photoGallery.static table div.thumb img.mask{
		position:absolute;
		left:59px;
		top:37px;
		}

.slideshowGallery{
	margin:25px 0;
	}

.warn{margin:8px 0;}
	.warn p{margin:0;}
	.warn.info{background:#f2fcd6; border:1px solid #e4fe9c; padding:5px;}

#secHome div.intro{
	width:550px;
	position:relative;
	left:0;
	top:0;
	z-index:5;
	color:#e1e1e1;
	}
	#secHome div.intro p{
		display:block;
		width:400px;
		}

#relatedInfo{}
	.content #relatedInfo{margin:3.5em 0;}
		.content #relatedInfo form fieldset{background:#1e1e1d;}
		.content #relatedInfo form fieldset table{margin:1em 0 0 0;}
			.content #relatedInfo form fieldset table td,
			.content #relatedInfo form fieldset table th{
				background: url(../../img/layout/relatedInfo.form.td.fundo.gif) repeat-x left bottom;
				padding-top:4px;
				padding-bottom:6px;
				}
	.sidebar #relatedInfo{
		margin:1.5em 0;
		padding:25px 0 0 0;
		background: url(../../img/layout/sectionNav.fundo.gif) no-repeat left top;
		}
		.sidebar #relatedInfo h3{text-transform:uppercase; border-bottom:1px solid #4e4d49; padding:5px 0; margin:5px 0; font-size:1.30em;}
	#relatedInfo table.dataTable.type04{
		margin-bottom:3.5em;
		}
	#relatedInfo table.dataTable.type04 td{width:33%;}
	#relatedInfo ul#relatedDownloads li{
		padding:0 0 0 15px;
		background: url(../../img/layout/relatedDownloads.li.fundo.gif) no-repeat 3px top;
		}
	#relatedInfo ul#relatedLinks li{
		padding:0 0 0 16px;
		background: url(../../img/layout/relatedLinks.li.fundo.gif) no-repeat left top;
		}

/* =LISTAS
------------------------------------------------------------------------ */

/* =siteNav */
ul.siteNav {
	list-style:none;
	width:760px;
	position:absolute;
	left:174px;
	top:55px;
	z-index:5;
	margin:0 auto;
}
ul.siteNav li{display:inline; position:relative;}
ul.siteNav li a:link,
ul.siteNav li a:visited{color:#fff;}
ul.siteNav li a {
	display:block;
	float:left;
	height:50px;
	background: url(../../img/langPT/layout/sitenav.ops.png) no-repeat;
	}
	ul.siteNav li a span {display:none;}

ul.siteNav li#op01 a:link, ul.siteNav li#op01 a:visited{width:166px; background-position:0 0;}
ul.siteNav li#op02 a:link, ul.siteNav li#op02 a:visited{width:146px; background-position:-166px 0;}
ul.siteNav li#op03 a:link, ul.siteNav li#op03 a:visited{width:145px; background-position:-312px 0;}
ul.siteNav li#op04 a:link, ul.siteNav li#op04 a:visited{width:124px; background-position:-457px 0;}
ul.siteNav li#op05 a:link, ul.siteNav li#op05 a:visited{width:179px; background-position:-581px 0;}

ul.siteNav li#op01 a:hover{background-position:0px -50px;}
ul.siteNav li#op02 a:hover{background-position:-166px -50px;}
ul.siteNav li#op03 a:hover{background-position:-312px -50px;}
ul.siteNav li#op04 a:hover{background-position:-457px -50px;}
ul.siteNav li#op05 a:hover{background-position:-581px -50px;}

ul.siteNav li#op01.active a:link, ul.siteNav li#op01.active a:visited {background-position:0 -100px;}
ul.siteNav li#op02.active a:link, ul.siteNav li#op02.active a:visited {background-position:-166px -100px;}
ul.siteNav li#op03.active a:link, ul.siteNav li#op03.active a:visited {background-position:-312px -100px;}
ul.siteNav li#op04.active a:link, ul.siteNav li#op04.active a:visited {background-position:-457px -100px;}
ul.siteNav li#op05.active a:link, ul.siteNav li#op05.active a:visited {background-position:-581px -100px;}

ul.siteNav li#op05 form{
	width:154px;
	border-bottom:1px solid #b7e738;
	clear:both;
	padding:15px 0 15px 50px;
	}
	ul.siteNav li#op05 form input[type="submit"]{margin:5px 0 0 0;}

ul.siteNav ul {display:block;}
	ul.siteNav ul li{}

ul#sectionNav{
	padding:35px 0 0 0;
	background: url(../../img/layout/sectionNav.fundo.png) no-repeat left top;
	}
	ul#sectionNav ul{
		font-size:0.8em;
		margin:6px 0 15px 15px;
		}
	ul#sectionNav li{}
		ul#sectionNav li:hover{cursor:hand;}
		ul#sectionNav li a:link,
		ul#sectionNav li a:visited{
			display:block;
			padding:4px 5px 5px 5px;
			color:#d4d3ce;
			background: url(../../img/layout/sectionNav.li.fundo.gif) repeat-x left bottom;
			}
		ul#sectionNav li.active a:link,
		ul#sectionNav li.active a:visited{
			color:#9b9283;
			}
			ul#sectionNav li ul li a:link,
			ul#sectionNav li ul li a:visited,
			ul#sectionNav li.active ul li a:link,
			ul#sectionNav li.active ul li a:visited{
				background: none;
				padding:0px;
				color:#d4d3ce;
				}
			ul#sectionNav li ul li.active a:link,
			ul#sectionNav li ul li.active a:visited{
				color:#9b9283;
				}
		ul#sectionNav li a:hover,
		ul#sectionNav li a:active{
			color:#d6b603;
			}
		.masterB ul#sectionNav li a:link,
		.masterB ul#sectionNav li a:visited{
			color:#484139;
			}
		.masterB ul#sectionNav li.active a:link,
		.masterB ul#sectionNav li.active a:visited{
			color:#7a7269;
			}
		.masterB ul#sectionNav li a:hover,
		.masterB ul#sectionNav li a:active{
			color:#be8423;
			}

ul.footerNav{
	font-weight:bold;
	margin:0;
	padding:0;
	}
	ul.footerNav li{display:inline;}
	ul.footerNav li a:link,
	ul.footerNav li a:visited{font-weight:normal;}


ul.pageNav{
	display:block;
	text-align:center;
	margin:2em 0;
	font-size:1.3em;
	}
	ul.pageNav li{display:inline;}
	ul.pageNav li a:link,
	ul.pageNav li a:visited{}
	ul.pageNav li.active a:link,
	ul.pageNav li.active a:visited{border-bottom:2px solid #b05f00; color:#585858; font-weight:bold;}	

ul#rootNav{font-size:9px; margin:0 0 1em 0;}
	.masterB ul#rootNav{
		position:absolute;
		right:0;
		top:5px;
		}
	ul#rootNav li{display:inline;}
	

/* =DATATABLES E DATALISTS
------------------------------------------------------------------------ */
.dataTable{}
	.dataTable.columns03 td,
	.dataTable.type04.columns03 td{width:33%;}
	
/* =dataTable.TYPE01 - lista de opções ConciergeDesk */
.dataTable.type01{}
	.dataTable.type01 td{
		background: url(../../img/layout/dTable.t01.td.fundo.gif) repeat-y left top;
		padding:0px 12px;
		}
	.dataTable.type01 td.firstTD{}
	.dataTable.type01 div.thumb{}



/* =dataTable.TYPE02 - sitemap */
.dataTable.type02{}
	.dataTable.type02 td{}
	.dataTable.type02 td.firstTD{}
	.dataTable.type02 div.thumb{}

/* =dataTable.TYPE03 - Lista de Membros do Directório */
.dataTable.type03{
	width:100%;
	position:relative;
	z-index:5;
	}
	.dataTable.type03 th{
		border-bottom:3px solid #3d3c3a;
		padding:5px 0;
		text-align:left;
		}
	.dataTable.type03 td{
		padding:5px;
		background: url(../../img/layout/dTable.T03.td.fundo01.gif) repeat-x left bottom;
		}
	.dataTable.type03 td.firstTD{
		background-position:right bottom;
		padding-left:0;
		}
	.dataTable.type03 div.thumb{}
	.dataTable.type03 p{margin:0;}
	.masterB .dataTable.type03 td{
		padding:5px;
		background: url(../../img/layout/dTable.T03.td.fundo02.gif) repeat-x left bottom;
		}
		.masterB .dataTable.type03 tr.alt td{background: url(../../img/layout/dTable.T03.td.fundo02alt.gif) repeat-x left bottom;}


/* =dataTable.TYPE04 - Lista de Artigos */
.dataTable.type04{
	width:100%;
	}
	.dataTable.type04 th{}
	.dataTable.type04 td{
		padding:5px;
		width:50%;
		}
	.dataTable.type04 td.firstTD{
		background-position:right bottom;
		padding-left:0;
		}
	.dataTable.type04 div.thumb{
		float:left;
		margin:3px 8px 2px 0;
		}
	.dataTable.type04 p{margin:0;}
	.dataTable.type04 a:link,
	.dataTable.type04 a:visited{font-weight:bold;}


/* =dataTable.TYPE05 - Lista de Artigos Destaque Notícias */
.dataTable.type05{}
	#footer .dataTable.type05{width:215px;}
	.dataTable.type05 th{}
	.dataTable.type05 td{padding:5px; padding-bottom:15px;}
	.dataTable.type05 td.firstTD{padding-left:0;}
	.dataTable.type05 div.thumb{
		float:left;
		margin:3px 8px 2px 0;
		}
	.dataTable.type05 h5{margin:0 0 0.3em 0;}
	.dataTable.type05 p{margin:0;}
	.dataTable.type05 a:link,
	.dataTable.type05 a:visited{font-weight:bold;}


/* =dataTable.TYPE06 - Lista de membros corpos-gerentes */
.dataTable.type06{
	width:100%;
	margin:1em 0 2em 0;
	}
	.dataTable.type06 caption{
		text-transform:uppercase;
		text-align:left;
		display:inline;
		}
	.dataTable.type06 thead tr td{
		border-bottom:3px solid #3c3b39;
		font-size:0.80em;
		padding:8px;
		background:none;
		}
		.dataTable.type06 thead tr td.firstTD{
			padding:8px;
			text-transform:uppercase;
			background:none;
			font-size:1.2em;
			}
	.dataTable.type06 tr td{
		padding:8px;
		text-align:center;
		background: url(../../img/layout/dTable.t06.td.fundo01.gif) repeat-x left bottom;
		vertical-align:middle;
		}
		.dataTable.type06 tr td.noPhoto{
			padding-left:90px;
			width:210px;
			}
	.dataTable.type06 td.firstTD{
		width:300px;
		text-align:left;
		/*background: url(../../img/layout/dTable.t06.td.fundo02.gif) repeat-x right bottom;*/
		vertical-align:top;
		}
	.dataTable.type06 p{margin:0;}
	.dataTable.type06 p.job{
		font-size:1.2em;
		color:#c8c5c0;
		}
	.dataTable.type06 p.name{
		font-size:1.0em;
		color:#fff;
		}
	.dataTable.type06 p.hotel{
		font-size:0.8em;
		color:#ac9c78;
		font-style:italic;
		}
	.dataTable.type06 div.thumb{
		position:relative;
		width:78px;
		height:89px;
		overflow:hidden;
		float:left;
		margin:0 5px 0 0;
		}
		.dataTable.type06 div.thumb img.mask{
			position:absolute;
			z-index:2;
			left:0;
			top:0;
			}
		.dataTable.type06 div.thumb img.thumb{
			position:absolute;
			left:0px;
			top:0;
			z-index:1;
			clip:rect(3px 74px 79px 10px)
			}


table.folderNav{
	width:100%;
	border-top:2px solid #e2e1dd;
	border-bottom:1px solid #e2e1dd;
	margin:0 0 2em 0;
	}
	table.folderNav td{
		background: url(../../img/layout/folderNav.td.fundo.gif) repeat-x left bottom;		
		}
		table.folderNav td a:link,
		table.folderNav td a:visited{
			display:block;
			background: url(../../img/layout/folderNav.a.fundo.gif) no-repeat left;
			padding:5px 5px 5px 15px; 
			}

/* =dataList.type01 - lista de entidades creditadas em rodape */
#footer .dataList.type01{}
	#footer .dataList.type01 li{
		clear:right;
		text-align:right;
		padding:0 70px 15px 0;
		position:relative;
		}
		#footer .dataList.type01 li img{
			position:absolute; right:0;
			}

dl{}
	dl dt{font-weight:bold;}
	dl dd{margin:0 0 1em 8px;}
	
/* =FORMS
------------------------------------------------------------------------ */
form{
	position:static;
	z-index:50;
	}
	form input,
	form select,
	form textarea{
		font: 1em Tahoma, Arial, Helvetica, sans-serif;
		color: #033147;
		}
	form fieldset {border:1px solid #323230;}
	form legend {color:#b05f00;}
		form fieldset fieldset{margin:1em 0;}

	form p + table {margin-top:15px;}
	form table {width:100%; clear:both;}
		form table td,
		form table th{padding:4px 3px;}
		form table label{width:100%;}
		form table th{width:22%; vertical-align:top; font-weight:bold;}

#footer form{margin:0;}
	#footer form fieldset{border:none; padding:0; margin:0;}
	#footer form table{}
	#footer form table td{margin:0; padding:0; vertical-align:top;}
	#footer form input{padding:3px;}
	#footer form input.buttonImg{padding:0;}
		
input.button,
input[type="submit"]{
	/*background: #00b1e5;
	border-top:2px solid #2bc7f5;
	border-right:1px solid #02a0ce;
	border-bottom:1px solid #02a0ce;
	border-left:2px solid #2bc7f5;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	margin:0;*/
	}
	input.botao01{
		background:;
		border:none;
		background: url(../../img/forms/botao.type01.fundo.gif) no-repeat center center;
		text-align:center;
		color:#333333;
		padding:3px 5px;
		min-width:60px;
		min-height:20px;
		text-transform:none;
		}

form#quickSearchSector{}
	form#quickSearchSector fieldset{
		border:0;
		padding:0;
		}
	form#quickSearchSector fieldset legend h3{
		font-style:italic;
		}
	form#quickSearchSector{}
		form#quickSearchSector input{
			background:#f6f3ec;
			font-size:10px;
			border-top:1px solid #b7b4ad;
			border-right:1px solid #f6f3ec;
			border-bottom:1px solid #f6f3ec;
			border-left:1px solid #b7b4ad;
			height:12px;
			padding:3px 5px 4px 5px;
			float:left;
			}
			form#quickSearchSector input.button{border:none; background:none; padding:0; margin-left:-3px;}


/* =COMPONENTS
------------------------------------------------------------------------ */
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4 {
	visibility: hidden;
	}

.sIFR-active h1 {font-size:4.0em;}
.sIFR-active #footer h2 {font-size:2.6em;}
.sIFR-active .intro h2.alt {font-size:20px;}
.sIFR-active h2.alt {font-size:30px;}
.sIFR-active h2 {font-size:3.2em;}
.sIFR-active h3.legend {font-size:1.4em; font-style:italic;}
.sIFR-active h3 {font-size:1.7em;}
.sIFR-active h4 {font-size:1.5em;}



/* jquery validation */	
#mainContent #ClientValidationSummary{
	background:#4a3f22 url(../../img/layout/validation.summary.fundo.gif) no-repeat left bottom;
	padding:10px 10px 10px 80px;
	margin:0 0 15px 0;
	color:#ffae22;
	line-height:1.4em;
	border:1px solid #756732;
	}
	#ClientValidationSummary ul {font-size:0.80em;}
	#ClientValidationSummary ul li{
		padding-left:10px;
		}
	#ClientValidationSummary a:link,
	#ClientValidationSummary a:visited{font-weight:bold;}
	#ClientValidationSummary a:hover,
	#ClientValidationSummary a:active{}
	.validation-required{}
	.validation-failed{background:#fbf1ca;}