/*****************************************************
 *  MAIN		                                    *
 *****************************************************/
.layout {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background:url(../_imagens_fcs/bg.gif) repeat  #f6f7f7;
	overflow-x:hidden;
	margin: 0;
	padding: 0;
}
.layout_pop {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background:url(../_imagens_fcs/bg2.gif) repeat  #f6f7f7;
	overflow-x:hidden;
	margin: 0;
	padding: 0;
}

#outerframe {
	position: relative;  /* do not remove, fixes a bug in IE */
	width:997px;
	margin:auto;
}


#leftbar {
	width:226px;
	background-color:#f6f7f7;
	margin-left:5px;
	margin-top:10px;
	float:left;
	
} 
#rightbar{
	width:30px;
	margin-top:5px;
	margin-right:8px;
	padding-top:2px;
	text-align:center;
	float:right;
	background-color:#f6f7f7;
} 

#container{
	margin-left:auto;
	margin-right:auto;
	width:1003px;
	height: auto;
    background-color: #f6f7f7;
	margin-bottom:0px;
	
} 
#content{
	padding-left:0px;;
	padding-right:0px;;
	width:1003px;
	height: auto;
    background-color: #f6f7f7;
	margin-bottom:0px;
	
}
.voltar {
 font-size:16px;
 width:70px;
 font-family:"Trebuchet MS",arial, verdana;
 font-weight: bold; 
 padding-left:0px;
 padding-top: 0px;
 margin-top:0px;
 margin-left:450px;
 margin-right:5px;
 margin-bottom:10px;
 float:inherit;
}
#erro{
	padding-left:0px;;
	padding-right:0px;;
	width:1003px;
	height: auto;
    background-color: #f6f7f7;
	margin-bottom:0px;
	text-align:center;	
	float:left;
} 
#mensagem{
	padding-left:350px;;
	padding-right:0px;;
	width:287px;
	height: 40px;
    background-color: #f6f7f7;
	margin-bottom:10px;
	font-weight:bold;
	color:#ed8509;
	float:left;
	
}
.voltar_interno {
 font-size:16px;
 width:70px;
 font-family:"Trebuchet MS",arial, verdana;
 font-weight: bold; 
 padding-left:0px;
 padding-top: 0px;
 margin-top:0px;
 margin-left:260px;
 margin-right:5px;
 margin-bottom:10px;
 float:inherit;
}
#erro_interno {
	padding-left:0px;;
	padding-right:0px;;
	width:703px;
	height: auto;
    background-color: #f6f7f7;
	margin-bottom:0px;
	text-align:center;	
	float:left;
} 
#mensagem_interna {
	padding-left:150px;;
	padding-right:0px;;
	width:287px;
	height: 40px;
    background-color: #f6f7f7;
	margin-bottom:10px;
	font-weight:bold;
	color:#ed8509;
	float:left;
	
}
#botoes{
	padding-left:0px;;
	padding-right:0px;;
	width:1003px;
	height: auto;
	text-align:center;
    background-color: #f6f7f7;
	margin-bottom:0px;
	
} 
#container_popup{
	margin-left:0px;
	margin-right:0px;
	width:620px;
    background-color: #f6f7f7;
	margin-bottom:0px;
	margin-top:0px;
	padding-right:0px;
	padding-left:0px;
	text-align:center;
	float:left;
} 
th{
background-color:#e6e6e6;

}
table {
background-color:#f6f7f7;
width:620px;

}
#table_home {
background-color:#f6f7f7;
width:580px;
float:left;
}
#table_login {
width:220px;
float:left;
height:100px;
}
#login_frame{
width:220px;
float:inherit;
margin-left:300px;
margin-top:30px;

}
#table_senha {
width:220px;
float:left;
height:100px;
}
#senha_frame{
width:320px;
float:inherit;
margin-left:320px;
margin-top:30px;

}
#texto_senha{
width:320px;
float:inherit;
margin-left:220px;
margin-top:60px;

}
.table_menu {
width:226px;

}
.dG0 {
background-color:#d9d7d8;

}
.dG1 {
background-color:#fff6e2;
/*background-color:#eed9c5;*/


}
.dG2 {
background-color:#eed9c5;
}
.menu_img{
 font-size:12px;
 font-family:"Trebuchet MS",arial, verdana;
 color: #666666; font-weight: bold; text-align: left; padding: 1px; margin: 1px; 

}
.main_menu {
	width:226px;
	height:auto;
	margin-left:3px;
	margin-right:0px;
	margin-top:0px;
}
#avisos{
	width: 581px;
	padding: 0px;
	margin: 0px;
	margin-left:0px;
	padding-left:0px;
	float: right;
	margin-top:15px;
	text-align:center;


}
#avisos_titulo{
 width: 581px;
 float:left;
 font-size:15px;
 font-family:"Trebuchet MS",arial, verdana;
 color: #bc6818; 
 font-weight: bold;
 text-align:center;
 background-color:#eed9c5;
}
#banners{
	width: 760px;
	height:74px;
	padding: 0px;
	margin: 0px;
	float: right;
}
#power_banners
{
	width: 134px;
	height:552px;
	padding: 0px;
	padding-top:15px;
	margin: 0px;
	margin-right:10px;
	margin-left:12px;
	float: right;
}
#menudrop_mainmenu
{
	width: 140px;
	height:25px;
	padding: 0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:5px;
	margin-left:10px;
	float: left;
}
#observacao {
	width:450px;
	height:auto;
	float:left;
	margin-left:5px;
	margin-right:5px;
	font-size:10px;
	margin-top:0px;
	color: #4b4b4b; 
	font-weight: none; 
	text-align: left; 
	padding: 5px;

}
#imprimir {
	width:640px;
	height:auto;
	margin-left:5px;
	margin-top:5px;
	text-align:center;
	float:left;
}
/* Hides from IE5-mac \*/
* html #outerframe {height: 1%;}
/* End hide from IE5-mac */


#conteudo {background:#f6f7f7; padding-left:16px; width:730px; margin-right:10px; float:right;}
#conteudo_home { padding-left:5px; width:581px; margin-right:5px; float:right;}

input {
background-color: #eed9c5; border-width: 1px; font-size:10px;
 color: #4b4b4b; font-weight: none; text-align: left; padding: 1px; margin: 1px; 

}
select {
background-color: #eed9c5; border-width: 1px; font-size:10px;
 color: #4b4b4b; font-weight: none; text-align: left; padding: 1px; margin: 1px; 

}
legend{
 font-size:12px;
 color: #bc6818; font-weight: bold; text-align: left; padding: 1px; margin: 1px; 
}
textarea {
background-color: #eed9c5; border-width: 1px; font-size:10px;
 color: #4b4b4b; font-weight: none; text-align: left; padding: 1px; margin: 1px; 

}
#vinheta{
 font-size:20px;
 font-family:"Trebuchet MS",arial, verdana;
 color: #bc6818; 
 font-weight: bold; 
 text-align: left; 
 padding-left:10px;
 padding-top: 10px;
 margin-left:10px;
 margin-bottom:10px;
 float:left;
}
#vinheta_popup{
 font-size:20px;
 font-family:"Trebuchet MS",arial, verdana;
 color: #bc6818; 
 font-weight: bold; 
 text-align: left; 
 padding-left:3px;
 padding-top: 10px;
 margin-left:5px;
 margin-bottom:10px;
 float:left;
 width:400px;
}
.voltar_popup {
 font-size:16px;
 width:70px;
 font-family:"Trebuchet MS",arial, verdana;
 font-weight: bold; 
 padding-left:0px;
 padding-top: 10px;
 margin-top:0px;
 margin-left:2px;
 margin-right:5px;
 margin-bottom:10px;
 float:right;
}
#legenda_notas{
width:120px;
float:right;
font-size:10px;
background-color:#fff6e2;
 color: #bc6818; font-weight: none; text-align:left; padding: 5px; margin: 2px;
}
#legenda_financeiro{
width:170px;
font-size:10px;
background-color:#fff6e2;
color: #bc6818; font-weight: none; text-align:left; padding: 5px; margin: 2px;
float:left;
}
#legenda_historico{
width:620px;
font-size:10px;
background-color:#fff6e2;
color: #bc6818; font-weight: none; text-align:left; padding: 5px; margin: 2px;
}
.button {
background-color: #eed9c5; border-width: 1px; font-size:12px; height:25px;
 color: #bc6818; font-weight: bold; text-align: center; padding: 1px; margin: 1px; 
 	background:url(../_imagens_fcs/bg_bot_comunidade.gif) repeat-x;
	cursor:pointer;
	margin-left:300px;
	margin-top:20px;
}
#button_login {
background-color: #eed9c5; border-width: 1px; font-size:12px; height:25px;
 color: #bc6818; font-weight: bold; text-align: center; padding: 1px; margin: 1px; 
 	background:url(../_imagens_fcs/bg_bot_comunidade.gif) repeat-x;
	cursor:pointer;
	margin-top:20px;
}

.clear {clear: both; line-height: 0px; height: 0;}



p,blockquote,ol,ul {
	font-size: 12px;
}
/* the following for regular <a> elements */
.esqueci_senha{
	color: #bc6818;
	text-decoration: underline;
	font-weight:bold;
	font-size:13px;
	font-family:"Trebuchet MS",arial, verdana;
}
a:link {
	text-decoration: none;
	font-weight : bold;
	color : #666666;
}
a:visited {
	text-decoration: none;
	font-weight : bold;
	color : #666666;
}
a:hover {
	text-decoration: none;
	color:#1099aaf;
	font-weight: bold;
}
select, textarea {
	color : #000;
	border: 1px solid #000;
}
input.checkbox {
	border-width: 0;
}


select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {cursor:	pointer; font-size: 12px;}
input[text] {font-size: 12px; }


/*****************************************************
 *  HEADER STYLES                                    *
 *****************************************************/
#header {
	width: 1003px;
	height:129px;
	padding: 0px;
	margin: 0px;
}





/*****************************************************
 *  HEADER 3: TABS OF THE HEADER			     	 *
 *****************************************************/
#header3 {
	font-size: 1.0em;
	padding: 0.8em 0.5em 0.0em 0.6em;
	color: #006;
	
}
#header3 A {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 0px;
	COLOR: rgb(39,84,175);
	PADDING-TOP: 5px;
	height:24px;
	TEXT-DECORATION: none;
	border: 0;
	position:relative;
}
#header3 A:hover {
	COLOR: #333;
	border: 0;
}
#header3 UL {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	display: inline;
}
#header3 LI {
	padding-top:6px;
	text-align:left;
	BACKGROUND:url(../../../plugin/pip/global/img/btn-nao-ativo.gif) no-repeat left top;
	width:136px;
	height:29px;
	FLOAT: left;
	margin-left:2px;
	margin-right:2px;
	border: 0;
	position:relative;
	/*border-bottom: 1px solid #666666;*/
}
#header3 li a  {color:#333;}
#header3 li:hover {background:url(../../../plugin/pip/global/img/btn-nao-ativo-hover.gif) no-repeat left top;}
.principal {
	background:url(../../../plugin/pip/global/img/icon-principal.gif) no-repeat left;
	width:116px;
	padding-left:20px;
	margin-left:6px;
}
.perfil {
	background:url(../../../plugin/pip/global/img/icon-perfil.gif) no-repeat left;
	padding-left:20px;
	margin-left:12px;
	height:23px;
}
.progresso {
	background:url(../../../plugin/pip/global/img/icon-progresso.gif) no-repeat left;
	padding-left:22px;
	margin-left:7px;
	height:22px;
}
.comunidade {
	background:url(../../../plugin/pip/global/img/icon-perfil.gif) no-repeat left;
	padding-left:20px;
	margin-left:12px;
	height:23px;
}
.gerir {
	background:url(../../../plugin/pip/global/img/icon-gerir.gif) no-repeat left;
	padding-left:27px;
	margin-left:8px;
	height:22px;
}
.sair {
	background:url(../../../plugin/pip/global/img/icon-sair.gif) no-repeat left;
	padding-left:23px;
	width:35px;
	margin:auto;
	height:22px;
	border:none;
}
#header3 #current {	
	margin-left:1px;
	background:url(../../../plugin/pip/global/img/btns.gif) no-repeat left top;
}
#header3 #current A {
	COLOR: #333;
	background-color: transparent;
}

#header3 .banner_links {
	margin: 0;
}

#header3 input.logout {
 	/* makes an input appear like a link in this header */
	margin: 0 0 0 0;
	padding: 0;
	background-color: transparent;
	border: none;
	color:#333;
	font-size: 1.0em;
	font-weight:bold;
	font-family: verdana, arial, helvetica, sans-serif;
	display: inline;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 3px;
}
#header3 input:hover {
	COLOR: #333;
}
#header3 input {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
}
#header3 #logout {
	margin-top: 0px;
}

#header3 input.logout:hover {

}
#logout{
	display: inline;
	float: right;
	width: auto;
	text-align: right;
   	font-size: 1.0em;
}
.logout {background:none;}

#header4 {
	color: #009;
	margin-bottom: 2px;
	padding: 4px;
	padding-right:12px;
	clear:both;
}
#header4 a {color: #666;}
#header4 a:hover {color: #999;}
.atalhos {
	background:url(../../../plugin/pip/global/img/btn-icones.gif);
	width:225px;
	height:21px;
	float:right;
	margin-top:0;
	margin-right:5px;
	padding: 6px 13px 5px 13px;
}
.atalhos a {display:block;}
.atalho-notas {float:left; display:block;}
.atalho-duvidas {float:right;}
.flutua {float:left;}
.flutua2 {display:block; float:left; margin-top:4px; margin-left:3px;}

#toolshortcuts {
	text-align: right;
	clear: right;
	
}

/*****************************************************
 *  FOOTER STYLES                                    *
 *****************************************************/
#rodape {
	width:1003px;
	height:29px;
	padding-top:10px;
	background:url(../_imagens_fcs/bg_rodape.gif) no-repeat;
	font-size: 12px;
	margin-top:20px;
	margin-bottom:0px;
	padding-bottom:0px;

}
/*****************************************************
 *  NAVIGATION MENU                                  *
 *****************************************************/
.menu {
	width: 659px;
	margin-left:50px;
	padding: 0 0 6px 0;
	background:url(../../../plugin/pip/global/img/login-bg.jpg) no-repeat left;
}
#logar {
	display:block;
	width:235px;
	height:239px;
	margin-left:660px;
	padding-top:65px;
	padding-left:15px;
	background:url(../../../plugin/pip/global/img/area-login.gif) no-repeat;
}
.menucaption {
	font-size: 12px;
	font-weight: bold;
	padding-left: 12px;
}
.menusection {
	width: auto;
	margin: 24px 6px 0 6px;
	padding-left: 10px;
	border: 1px solid #666666;
}
.menusectioncaption {
	position: relative;
	top: -9px;
	background-color: #E5EDF9;
	font-size: 12px;
	padding: 0 8px 0 4px;
}
.menulist {
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0;
}
#centerwrap {
  float: left;
  width: 100%;
  margin-right: -95%;
	/* this needs to be less than 100% for Moz/Mac which thinks
         it's empty otherwise. The difference is made up by putting a
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
	*/
}

#center { margin: 0 190px 0 0; padding: 10px 0 40px 0;
 min-height: 300px; }

#toolnav { float: right; width: 180px; padding: 0; margin: 0;
 margin-left: -5%; /* the difference to make the left colum appear flush left */
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #toolnav { margin-right: 0px;}
* html #center { height: 1%; margin-left: 0; }
 /* End hide from IE5/mac */



/* --- course navigation menu as a definition list  --- */
#toolnavbox {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	border: 1px solid #4271b5;
}
#toolnavbox dl {
	width: 160px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	font-size: 12px;
	text-align: center;
}
#toolnavbox dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #000;
	border-bottom: 1px solid #fff;
	background: transparent;
}
#toolnavbox dd {
	margin: 0;
	padding: 0;
	color: #009;
	text-align: left;
	border-bottom:1px solid #fff;
	background: #E5EDF9;
}
#toolnav img {
	float: left;
	width: 25px;
	height: 25px;
	margin: 0 4px 0 0;
}
#toolnavlist a, #toolnavlist a:link {
	background: #E5EDF9;
	color: #666666;
	padding: 5px 5px 5px 10px;
	margin: 0;
	text-decoration: none;
	display: block;
}
#toolnavlist a:hover {
	background: #fff;
	color:#666666;
}
#toolnavlist a#here {
	background: #fff;
	color:#666666;
}
/* --- end of course navigation menu section  --- */
/*
this lets the navigation menu appear to the left:
#center { margin: 0 0 0 180px; padding: 10px 0 40px 0;
 min-height: 300px; }

#toolnav { float: left; width: 180px; padding: 20px 0 0 0;
 margin-left: -5%;
}
#toolnav { float: right; width: 180px; padding: 0; margin: 0;
 margin-left: -5%; /* the difference to make the left colum appear flush left
}*/

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #toolnav { margin-right: 0px;}
* html #center { height: 1%; margin-left: 0; }
 /* End hide from IE5/mac */
*/

/*****************************************************
 *  LOGIN AND LANGUAGE FORM                          *
 *****************************************************/
#lang_form {
	text-align: left;
	font-size: 12px;
	margin: 2px 0 10px 0;
	padding: 2px;
}
#lang_form input, #lang_form select{
	font-size: 12px;
}

#formLogin label {
	font-size: 12px;
	margin: 4px 6px;
}
#formLogin input {
	font-size: 13px;
	margin: 4px 6px;
	background:#eff7f8;
	border:1px solid #d5d5d5;
}
#login_fail {
	margin: 0 6px 6px 6px;
	padding: 4px;
	border: 1px solid #f00;
	background-color: #fff;
	font-size: 12px;
	color: #f00;
}
input.mainoption {
	font-weight : bold;
}
input.liteoption {
	font-weight : normal;
}



/*****************************************************
 *  DISPLAY MESSAGES	                             *
 *****************************************************/
/* normal and erro message-box */
.normal-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	border: 1px solid #666666;
	color: #000;
	background-color: #E5EDF9;
	min-height: 30px;
}
.warning-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	border: 1px solid #FFB30F;
	color: #000;
	background-color: #FFEFA7;
	min-height: 30px;
}
.confirmation-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	border: 1px solid #1F8323;
	color: #000;
	background-color: #CAF0C7;
	min-height: 30px;
}
.error-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1;
	border-style: solid;
	padding: 5px;
	border: 1px solid #FF0000;
	color: #000;
	background-color: #FFD1D1;
	min-height: 30px;
}

#message {margin: 0 auto; text-align: center;}
#message select {margin: 10px 0; width: 220px;}
#message textarea {margin: 10px 0;}
#message td {padding: 4px;}



/*****************************************************
 *  FORM STYLES                                      *
 *****************************************************/
div.row {
	clear: both;
	padding-top: 5px;
}
#compose_message {
	width:450px;
}
div.row div.form_header {
	white-space: nowrap;
	padding: 2px;
	background-color: #E5EDF9;
	border: 1px solid #4271B5;
}
div.row div.label {
	float: left;
	width: 18%;
	text-align: right;
}
div.row div.formw {
	width: 80%;
}
[dir=ltr] div.row div.label, [dir=rtl] div.row div.formw {
	float: left;
	text-align: right;
}
[dir=rtl] div.row div.label, [dir=ltr] div.row div.formw {
	float: right;
	text-align: left;
}
span.form_required {
	color: #f00;
}
span.form_error {
	color: #f00;
	font-size: x-small;
	margin: 2px;
}



label.left { float: left; width: 15em; margin: 0 0 0.5em 0; }
form br { clear: both; }

/* Fix for alignment problem in IE-Win browsers  */
/*  Hide from IE5-mac. Only IE-win sees this. \*/
* html .label {  margin-right: 10px; }
* html .data { height: 1%; margin-left: 0;}
/* End hide from IE5/mac */

.radio, .checkbox { margin: 0; padding: 0; border: none; background-color: transparent;}


.navegacao {
	margin-top:8px;
	clear:both;
}







.link {text-decoration: none; font-weight : bold; color : #1657A9; cursor: pointer}
.link:hover {text-decoration: none; color: #abd9f1; font-weight: bold; cursor: pointer}















/*
input.forms	{ letter-spacing: normal; text-align: justify; text-indent: 3pt;	word-spacing: normal;
padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
*/
.warn {
	border: thin double Silver;
	margin-left: 15px;
	margin-right: 15px;
	font-family: serif;
	color: Red;
	padding-left: 25px;
}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px
}
.xsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px
}
.xxsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px
}

/*
 * TABBED INTERFACE
 */
#tabbed_menu
{
	width: 100%;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 20px;
}
#tabbed_menu #tabbed_menu_tabs li
{
	margin: 0 10;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited
{
	float: left;
	background: #f3f3f3;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #cccccc;
	border-bottom: 1px solid #666666;
	text-decoration: none;
	color: #666;
}
#tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active
{
	border: 1px solid #666666;
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}
.skip {
	display: none;
}