/*  BASE ------------------------------------------------------------------  */

html,
body {
	margin:0;
	padding:0;
	height:100%; /* necess�rio para a posi��o do footer ao fundo*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8f8e8e;
	background-color:#1e363f;
	background-image:url(../images/background_desafioe.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

img{
	border: 0;
}

/* CONTAINER ------------------------------------------------------------------ */


#container {
	min-height: 100%; /* necess�rio para a posi��o do footer ao fundo*/
	height:auto !important;
	height:100%;
	margin:0 auto;
	margin-bottom:-56px; /* margin-bootom � o valor negativo da altura do footer */
	width:900px;
}


/* HEADER ------------------------------------------------------------------ */

#header {
	padding-left:135px;
	padding-top:130px;
	width:765px;
}

#menu{
	margin-left:273px;
	padding-left:10px;
	width: 374px;
	height: 21px;
	background: #00ade6;
}

#content {
	width:740px;
	background-color:#FFFFFF;
	clear:both;
}

#output {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#19313c;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:28px;
	padding-top:28px;
	min-height:400px;
}

* html #output {height:400px;}


#push {
	height: 60px; /* tem de ter a mesma altura do footer */
}


/* FOOTER ------------------------------------------------------------------ */

#footer {
	margin: 0 auto;
	width:900px;
	height: 56px;
}

#footer .left {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#61aace;
	float:left;
	padding:36px 55px 0px 0px;
}

#footer .center {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#61aace;
	float:left;
	padding:36px 0px 0px 0px;
	text-transform:uppercase;
}

#footer .center a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#dee8ff;
	text-decoration:none;
	text-transform:uppercase;
}
#footer .center a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#dee8ff;
	text-decoration:none;
	text-transform:uppercase;
}
#footer .center a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#b6c4e4;
	text-decoration:none;
	text-transform:uppercase;
}
#footer .center a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#b6c4e4;
	text-decoration:none;
	text-transform:uppercase;
}

#footer .right {
	float:right;
	padding:27px 0px 0px 0px;
}

#footer .right a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#dee8ff;
	text-decoration:none;
}
#footer .right a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#dee8ff;
	text-decoration:none;
}
#footer .right a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#b6c4e4;
	text-decoration:none;
}
#footer .right a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#b6c4e4;
	text-decoration:none;
}

/* LINKS GERAL ------------------------------------------------------------------ */

/* 
link -> visited -> hover -> active :: deve ser seguida esta ordem para formatar as anchors
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes
*/


a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00ade6;
	text-decoration:none;
}
a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00ade6;
	text-decoration:underline;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00ade6;
	text-decoration:underline;
}
a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#00ade6;
	text-decoration:underline;
}




/* PESQUISA ------------------------------------------------------------------ */

#search {
	float:right;
	width:240px;
	height:80px;
	padding:10px;
	border-left:1px dotted #dbdbdb;
	background-color:#f9f9f9;
}




/*  MESSAGES ------------------------------------------------------------------  */
.messages {
        padding:10px;
        text-align:center;
}

.messages .error {
        color:red;
        font-weight:bold;
}

.messages .message {
        color:green;
        font-weight:bold;
}

.error_message {
        color:red;
        font-size:10px;
}

label.required {
        font-weight:bold;
}


/*  PAGINATOR ------------------------------------------------------------------  */

#paginator {
    padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	background-color:#dbdbdb;
	display:block;
	height:25px;
}

#paginator .total_rows_pages{
	float:left;
	padding:3px;
	background-color:#ccc;
	display:inline-block;
	padding:2px 6px;
	margin-right:2px;
	color:#FFFFFF;
}

#paginator .paginatorBlock {
	float:right;
	background-color:#ccc;
	display:inline-block;
	padding:2px 6px;
}

#paginator a {
	padding:2px 6px;
	background:#ccc;
	text-decoration:none; 

}

#paginator .first {
	padding:2px 6px;
	background:#ccc;
	border-right:1px solid #dbdbdb;
}

#paginator .prev {
	padding:2px 6px;
	background:#ccc;
	border-right:1px solid #dbdbdb;
}

#paginator .next {
	padding:2px 6px;
	background:#ccc;
	border-left:1px solid #dbdbdb;
}

#paginator .last {
	padding:2px 6px;
	background:#ccc;
	border-left:1px solid #dbdbdb;
}

#paginator .current {
	padding:2px 6px;
	background-color:#FF6600;
	color:#FFF;
}



/*  FORM INPUTS ------------------------------------------------------------------ */

form {margin:0px;} 

.form_field_active{ background-color:#f5f5f5;} /*cor de fundo para campos seleccionados*/

form.LV_form_to_validate input{float:left;}

/*icons de valida��o dos campos de forms*/
.valid_img{}
.invalid_img{}
.LV_invalid{}
.LV_valid{}

.invalid_txt {
	display:none;
}

.LV_validation_message{ padding:0px 0px 0px 3px; vertical-align:middle; float:left;}

/* para as select */
.LV_valid_field{float: left;}

/* para ao date-picker */
.date-picker-control{ float:left;}

/* botao para gerar password */
.span_passwordGenerator{padding:0px 0px 0px 3px; float:left;}

/*  OUTROS */

#history_back{padding-top:5px; border-top: 1px dotted #999999; text-align:right;}