@charset "utf-8";
*{margin:0; padding:0;}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FF7B7B;
}

a{ color:#009; outline:none; }
a:hover{ color:#00F; }

p{ margin-bottom:15px; }

input{ border:1px solid #999; padding:0px 0 2px 3px; }

textarea{ font-family: Arial, Helvetica, sans-serif; font-size:13px; }

img{ border:none; }

#bodyMain{
	margin: 0 auto;
	width:1010px;	
}

#main{
	float:left;
	width:1010px;
	background-color:#FFF;
	border-left:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
}


#headerMain{
	float:left;
	width: 1010px;
	height:140px;
}

#headerTopMenu{
	float:right;
	width:510px;
	padding:3px 10px 0 0;
	height:17px;
	text-align:right; 
	margin-bottom:10px;	
	font-size:10px;
	background: url(../../images/portal/clubs/horizontal_gradiente_red.png) left center repeat-y;
	font-weight:bolder;
	color:#FFF;
}

#headerTopMenu a{ color:#FFF; text-decoration:none; outline:none; }
#headerTopMenu a:hover{ text-decoration:underline; }

#headerContent{
	float:left;
	width:998px;
	height:100px;
	margin:-16px 0 0 5px;
}

#headerLogo{
	width:400px; 
	height:100px;
	float:left; 
	padding:0 10px 0 10px;
	margin-top:-25px;
}

#headerRightContent{
	width:570px; 
	float:left; 
}

#headerSeparator{
	width:1000px;
	height:5px;
	float:left;
	margin:-10px 5px 0 5px;
	border-bottom:5px solid #F00;
}

h1
{
	float:left;
	width:630px;
	color: #004800;
	font-size: 14px;
	font-weight: bolder;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom: 2px solid #F00;
	padding-left: 3px;
}

#loginBox{}
#loginBox a{ }
#loginBox a:hover{ }



#contentMain{
	float left;
	width:1010px;
}
/*
#mainNavigator{
	float:left;
	width:760px;
	font-size:10px;
	color:#333;
	padding-left:20px;
	margin:2px 0 8px 0;
}
*/
#verticalMenu{
	float:left;
	width:170px;
}

.sectionTitle{
	border-top:1px solid #FFFFFF;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;

	padding:4px 0 2px 4px;
	font-size: 13px;
	font-weight: bolder;
	color:#000;
	background:url(../../images/portal/clubs/gradient_red.png) repeat-x;
	width:157px;
	margin:0 0 0 5px;
}

.sectionTitleRight{ width:177px; margin:0; }

.sectionBox{
	float:left;
	width:160px;
	border: 1px solid #d7d7d7;
	margin:3px 0 5px 5px;
}

.sectionBoxRight{ width:180px; margin-left:0; }

.sectionBox ul{
	padding: 0;
	list-style: none;
	font-size:11px;
	background-color:#EFEFEF;
	margin:0;
}

.sectionBox li{
	background: transparent url(../../images/portal/yellow_bullet.gif) 2px 5px no-repeat;
	padding: 2px 0 2px 12px;
	border-bottom:1px solid #999;
	height:16px;
}

.sectionBox li:hover{ background-color:#C4C4C4; }

.sectionBox li a{
	text-decoration:underline;
	font-weight:bolder;
	color:#0000ee;
	display:block;
	height:17px;
}

.sectionBox li a:hover{
	color:#000;	
}


#contentData{
	float:left;
	width:638px;
	margin:0 7px 0 7px;
	border:0px solid #000;
}

#rightContent{
	float:left;
	width:180px;
	
	border:0px solid #000;
}

#footer{
	float:left;
	width:1000px;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
    margin: 20px 5px 0 5px;
    font-size:10px;
}

#footerText{
	background: url(../../images/portal/gradient_grey.png) repeat-x;
	border-top:4px solid #F00;
	color:#666666;
	line-height: 15px;
	padding: 3px 0 5px 7px;
	
}

#pageNavigator{ float:left; width:100%; text-align:left; font-size:10px; margin-bottom:10px;}
.leftAlign{ float:left; width:100%; text-align:left; margin-bottom:10px;}
.centerAlign{ float:left; width:100%; text-align:center; margin-bottom:10px;}
.rightAlign{ float:left; width:100%; text-align:right; margin-bottom:10px;}
.justifyAlign{ float:left; width:100%; text-align:justify; margin-bottom:10px;}

.formLabel{ float:left; text-align:right; font-weight:bolder; margin-right:5px; padding-top:1px;}
.formInput{ float:left; text-align:left;}

.textInput{ border:1px solid #999; font-size:12px; }


.errorInput{ border:#F00 1px solid;	background-color:#FFC; color:#F00; }
.hide{ display:none; }
.messageErrorBox{ color:#FF0000; }
.show{ display:block; }
.boundenField{ color:#FF0000; vertical-align:top; }







/* PAGINACAO CSS*/

#paginationMain{
	width:630px;
	float:left;
	margin:auto;
	text-align:left;
	border:0px solid #000;
	overflow:hidden;position:relative
}

.paginationNavigator{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
	margin-bottom:2em;
	margin-top:15px;
}
.paginationNavigator ul{
	list-style:none; 
	position:relative;
	left:-50%;
	margin:0;
	padding:0;
	
} 
.paginationNavigator li{
	float:left;
	position:relative;
	
}
.paginationNavigator li.last{margin-right:0}
.paginationNavigator li a{
	height:16px;
	position:relative;
}

.paginationNavigator li.separador{
	display:block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:none;
	width:10px;
	height:16px;
}

.paginationNavigator li.separador_meio{
	display:block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:none;
}

.paginationNavigator li.page_number{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration:none;
}
.paginationNavigator li.page{
	display:block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration:none;

}
.paginationNavigator li.page a{
	color: #333333;
	text-decoration:underline;
}
.paginationNavigator li.page a:hover{
	text-decoration:none;
}
.paginationNavigator li.first_page{
	width:16px;
	height:16px;
}
.paginationNavigator li.first_page a{
	text-indent: -9999px;
	display:block; 
	width:16px;
	background: transparent url(../../images/navigatorFirst.png) no-repeat;
}
.paginationNavigator li.first_page a:hover{
	background-position: -16px 0;
	cursor: hand;
}
.paginationNavigator li.last_page{
	width:16px;
	height:16px;
}
.paginationNavigator li.last_page a{
	text-indent: -9999px;
	display:block; 
	width:16px;
	background: transparent url(../../images/navigatorLast.png) no-repeat;
}
.paginationNavigator li.last_page a:hover{
	background-position: -16px 0;
	cursor: hand;
}
.paginationNavigator li.next_page{
	width:16px;
	height:16px;
}
.next_page a{
	text-indent: -9999px;
	display:block; 
	width:16px;
	background: transparent url(../../images/navigatorNext.png) no-repeat;
}
.paginationNavigator li.next_page a:hover{
	background-position: -16px 0;
	cursor: hand;
}
.paginationNavigator li.previous_page{
	width:16px;
	height:16px;
}
.paginationNavigator li.previous_page a{
	text-indent: -9999px;
	display:block; 
	width:16px;
	background: transparent url(../../images/navigatorPrevious.png) no-repeat;
}
.paginationNavigator li.previous_page a:hover{
	background-position: -16px 0;
	cursor: hand;
}

/* END PAGINACAO CSS*/


.loading {background:#FFF url(../../loadingAnimation.gif) no-repeat center center; height:50px}
	
.titleDataTable{ background-color:#009; color:#FFF; padding:2px 0 2px 0; text-align:center;}
.headerDataTable{ background-color:#B5B5B5; color:#000; padding:2px 0 2px 0; border:2px solid #FFF; border-right:1px solid #FFF; text-align:center;}
.dataTable_tr1{ background-color:#FFF; padding:2px 0 2px 0; font-size:10px;}
.dataTable_tr1:hover{ background-color:#FF6; }
.dataTable_tr2{ background-color:#E1E1E1; padding:2px 0 2px 0; font-size:10px;}
.dataTable_tr2:hover{ background-color:#FF6; }
.dataTable_td1{ padding:4px 0px 4px 0px; text-align:center; }


/* BOTOES */
.btnEnviar{	background: url(../../images/portal/botoes/enviar.jpg); border:none; width:50px; height:22px; }
.btnEnviar:hover{ background-position: 0 -22px;	cursor:pointer; }

.btnEntrar{
	background: url(../../images/portal/botoes/entrar.jpg); 
	border:none; 
	width:50px; 
	height:22px;
}

.btnEntrar:hover{
	background-position: 0 -22px;
	cursor:pointer;
}

.btnSair{
	background: url(../../images/portal/botoes/sair.jpg); 
	border:none; 
	width:50px; 
	height:22px;
}

.btnSair:hover{
	background-position: 0 -22px;
	cursor:pointer;
}

.btnGuardar{
	background: url(../../images/portal/botoes/guardar.jpg); 
	border:none; 
	width:70px; 
	height:22px;
}

.btnGuardar:hover{
	background-position: 0 -22px;
	cursor:pointer;
}

.btnCancelar{
	background: url(../../images/portal/botoes/cancelar.jpg); 
	border:none; 
	width:70px; 
	height:22px;
}

.btnCancelar:hover{
	background-position: 0 -22px;
	cursor:pointer;
}

.btnTableOrderUp{ background: url(../../images/portal/botoes/orderUp.png); border:none; width:15px; height:10px; }
.btnTableOrderUp:hover{ background-position: 0 -10px; cursor:pointer; }

.btnTableOrderDown{ background: url(../../images/portal/botoes/orderDown.png); border:none; width:15px; height:10px; }
.btnTableOrderDown:hover{ background-position: 0 -10px;	cursor:pointer; }


.btnAdvancedSearch{ background: url(../../images/portal/botoes/pesquisaAvancada.jpg); border:none; width:140px; height:22px; }
.btnAdvancedSearch:hover{ background-position: 0 -22px;	cursor:pointer; }

.btnFind{ background: url(../../images/portal/botoes/procurar.jpg); border:none; width:70px; height:22px; }
.btnFind:hover{ background-position: 0 -22px; cursor:pointer; }

/*  */

.pageTitle
{
	float:left;
	width:630px;
	color: #004800;
	font-size: 14px;
	font-weight: bolder;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom: 2px solid #F00;
	padding-left: 3px;
}

.pageTitle2
{
	float:left;
	width:630px;
	color: #F00;
	font-size: 14px;
	font-weight: bolder;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 3px;
	text-align:center;
}

.sectionTitlePage
{
	 padding-left:2px; 
	 margin-bottom:3px; 
	 font-size:12px; 
	 font-weight:bolder; 
	 border-bottom:1px solid #999;
}

.fielSetContent{
	border:1px solid #CCC;
	padding:0 0 12px 4px;
	margin:10px 10px 10px 10px;
}

.fielSetContent legend{
	margin-left:10px;
	color:#000099;
	font-weight:bolder;
	font-size:12px;
}

.dateFormat{ font-size:10px; }

.sucessMessage{
	float:left; 
	width:620px; 
	border:1px solid #FC0; 
	background-color:#FF6; 
	margin:10px 0 10px 0; 
	padding: 5px;
	display:none;
}

.errorMessage{
	float:left; 
	width:620px; 
	border:1px solid #900; 
	background-color:#FFAEAE; 
	margin:10px 0 10px 0; 
	padding: 5px;
	display:none;
}