/* ------------------------------------------------------ *
 *                     Grupo OVD                          *
 * ------------------------------------------------------ *
 *	  CSS da Aplicacao Central de Servicos            *
 * ------------------------------------------------------ *	
 *	Data: 07/04/2011                                  *
 *	Versao: 1.0                                       *
 * ------------------------------------------------------ */

/* ------------------------------------------------------ *
* Page Facelets - Template
* ------------------------------------------------------ */
#page {
    width: 900px;
    height: 100%;
    margin: 20px auto 0px auto;
    background: #FFFFFF;    
}

#top {
    position: relative;
    background-color: #ffffff;
    color: #000000;
    margin: 0px 0px 20px 0px;
}

#bottom {
    padding-top: 10px;
    font-size:8pt;
    text-align: center;
    clear: both;
    background-color: #b6b7bc;
}

#menu {
    width: 20%;
    background-color: #ffffff;
    float: left;
}

#menucontent {
    width: 75%;
    background-color: #ffffff;
    float: right;
}

#content {
    background-color: #ffffff;
    padding-left: 35px;
}

#top a:link:hover, #top a:visited:hover  {
  color: black;
  font-weight : bold;
  text-decoration : underline;
}

#status {
	text-align: right;
	right: 20px;
}


/* ------------------------------------------------------ *
 * Default HTML
 * ------------------------------------------------------ */
body {
    background: #b6b7bc;
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;		
}

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  18px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited {
  color: #045491;
  font-weight : bold;
  text-decoration: none;
}

a:link:hover, a:visited:hover  {
  color: #045491;
  font-weight : bold;
  text-decoration : underline;
}

a:active
{
    color: #034af3;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    color: #666666;
    padding: 2px 4px 8px 4px;
}

div {
    margin: auto;
}

/* ------------------------------------------------------ *
 * Header
 * ------------------------------------------------------ */
.toolbarRight {
    text-align: right;
}

.toolbarLeft {
    text-align: left;
}

/* ------------------------------------------------------ *
 * Forms
 * ------------------------------------------------------ */

/* Tabela em Form */
/* Estilo da coluna lado esquerdo form */
.leftColumn {
    padding-right: 6px;
    margin: 8px 8px 8px 8px;
    width: 130px;
    text-align: right;
    border:1px;
}

/* Estilo da coluna lado direito form */
.rightColumn {
    margin: 8px 8px 8px 8px;
    text-align: left;    
    border:1px;
}

/* Estilo para coluna direita botao */
.leftBtColumn {
    margin:10px;
    text-align:right
}

/* Estilo para coluna direita botao */
.rightBtColumn {
    margin:10px;
    text-align:left;
}

/* Estilo da coluna para icone ajuda */
.helpColumn {
    padding-left: 6px;
    margin:8px;
    text-align: left;
    border:1px;
}

.fieldSetTitle {
    margin-left: 20px;
    text-align:left;
}

/* ------------------------------------------------------ *
 * Dialogs
 * ------------------------------------------------------ */
.dialogBody {
    font-size: 10pt;
}


/* ------------------------------------------------------ *
 * Generic
 * ------------------------------------------------------ */
 
 
 /*
 */
 .selecao{ width:300px; height:100%; float:left; margin:30px 0 0 0; }
 .selecao .campos{display:block; width:275px; padding:5px; margin:5px 0;}
 .dados{ width:500px; float:left; margin:30px 0 0 0; }
 .dados h3{ font-size:16px!important; margin:16px 0 2px 0!important;}
 
 p{ line-height:20px; }	
 

#statusPesquisa{
	margin-top: 10px;
	margin-left: 5px;
	float: left;
}

#btPesquisar{
	float: right;
	margin-right: 22px;
	margin-bottom: 10px;
}
 
#headerBox{
	text-align: center;
}

#divCadastroAssistencias, #divAstecOVD{
	text-align: left;
}


#linkCadastroAssistencias, #linkAstecOVD{
	color:white!important;
	margin: 15px 0 20px 0;
	clear: both;
	padding: 5px;
	background: #FB0000;
	color: white;
	text-align: center;
	width: 285px;
	font-size: 11px;
	display: inline-block;
}

.ui-datalist-item{
	font-weight:bold;
}

.labelAvisos
{
    color: #FF0000;
    width: 100%;
    font-size: small;
}

/*------------------------------------------------------------------------------*/
/*-- Elementos primários                                                        */
/*------------------------------------------------------------------------------*/
.page
{
    width: 900px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 0px 8px 8px 8px;
    min-height: 340px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    font-size: x-small;
}


/*------------------------------------------------------------------------------*/
/*-- Menus                                                                      */
/*------------------------------------------------------------------------------*/
div.hideSkiplink
{
    background-color: #3a4f63;
    width: 100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/*------------------------------------------------------------------------------*/
/*-- Elementos dos Forms                                                        */
/*------------------------------------------------------------------------------*/
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

fieldset label
{
    display: block;
    font-size: 11px;
    width: 160px;
    float: left;
    border-bottom: 1px solid #f1f1f1;
}

input.textEntry
{
    width: 536px;
    border: 1px solid #ccc;
    margin-right: 12px;
}

input.textReadOnly
{
    width: 400px;
    border: 1px solid #ccc;
    background-color: #E5E5E5;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

.tabVisualizarCV_pnlAlerta
{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #C0C0C0;
    border: 1px solid #666666;
    color: #FFFFFF;
    padding: 10px;
}

.panel 
{
    padding:30px;
    border:1px solid #ccc;
}

/*------------------------------------------------------------------------------*/
/*-- Janela Popup Modal                                                         */
/*------------------------------------------------------------------------------*/
.modalUpdateBackground
{
	background-color: Gray;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.updateProgress
{
    padding: 15px;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 180px;
	height: 40px;
}

.confirmModal
{
    text-align: center;
    padding: 15px;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 420px;
	height: 160px;
}

.updateProgressHidden
{
    display:none;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.modalPopup
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 12px 20px 20px 20px;
    width: 250px;
    overflow: auto;
}

/*------------------------------------------------------------------------------*/
/*-- Grids                                                                      */
/*------------------------------------------------------------------------------*/
.GridViewStyle
{
    border-right: 2px solid #A7A6AA;
    border-bottom: 2px solid #A7A6AA;
    border-left: 2px solid white;
    border-top: 2px solid white;
    border-width: 1px;
    border-color: #A7A6AA;
}

.GridViewStyle a
{
    color: #FFFFFF;
}

.GridViewHeaderStyle th
{
    /* 
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
    */
    width: 160px;
}

.GridViewHeaderStyle
{
    /* border: 1px solid #2F4F4F; */
    color: white;
    background-color: #C3C3C3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
}

.GridViewFooterStyle
{
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewRowStyle
{
    background-color: #FFFFFF;
    color: #333333;
}

.GridViewRowStyleDisabled
{
    background-color: #E5E5E5;
    color: #333333;
}

.GridViewAlternatingRowStyleDisabled
{
    background-color: #FCFCFC;
    color: #333333;
}

.GridViewAlternatingRowStyle
{
    background-color: #F4F4F4;
    color: #333333;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    /* border: 1px solid #EBE9ED; */
}

.GridViewSelectedRowStyle
{
    background-color: #FFFFFF;
    color: #333333;
}

.GridViewPagerStyle
{
    background-color: #284775;
    color: #FFFFFF;
}

.GridViewPagerStyle table
{
    margin: 0 auto 0 auto;
}

/*------------------------------------------------------------------------------*/
/*-- Ajax Tabs                                                                  */
/*------------------------------------------------------------------------------*/
.ajax__Tab .ajax__tab_header {
        font-family: verdana,tahoma,helvetica;
        font-size: 11px;
        border-bottom: solid 1px #999999;           
     }
     
    .ajax__Tab .ajax__tab_outer
{
    padding-right: 4px;
    background-color: #C0C0C0;
    margin-right: 2px;
    border-right: solid 1px #666666;
    border-top: solid 1px #aaaaaa;
    background-image: url('../Images/tabs_back.gif');
    background-repeat: repeat-x;
}
     
    .ajax__Tab .ajax__tab_inner {
        border-left: solid 1px #666666;
        padding-left: 3px;
        background-color: #C0C0C0;
        background-image: url('../Images/tabs_back.gif');
     }
     
    .ajax__Tab .ajax__tab_tab {
        height: 13px;
        padding: 4px;
        margin: 0;
        cursor: pointer;
     }
     
    .ajax__Tab .ajax__tab_hover .ajax__tab_outer
{
    background-color: #cccccc;    
}
     
    .ajax__Tab .ajax__tab_hover .ajax__tab_inner {
        background-color: #cccccc
     }
     
    .ajax__Tab .ajax__tab_hover .ajax__tab_tab {}
    
    .ajax__Tab .ajax__tab_active .ajax__tab_outer
{
    background-color: #fff;
    background-color: #EAEAEA;
}
     
    .ajax__Tab .ajax__tab_active .ajax__tab_inner
{
    background-color: #EAEAEA;
    font-weight: bolder;
}
     
    .ajax__Tab .ajax__tab_active .ajax__tab_tab {}
    
    .ajax__Tab .ajax__tab_body {
        font-family: verdana,tahoma,helvetica;
        font-size: 10pt;
        border: 1px solid #999999;
        border-top: 0;
        padding: 8px;
        background-color: #ffffff;
      }
      
/*------------------------------------------------------------------------------*/
/*-- Ajax Accordion                                                             */
/*------------------------------------------------------------------------------*/
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #C3C3C3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #F4F4F4;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*------------------------------------------------------------------------------*/
/*-- Geral                                                                      */
/*------------------------------------------------------------------------------*/
.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.selecaoLinhas label
{
	width:300px;
	padding-right:10px;
}

.selecaoLinhas td
{
	padding-bottom:15px;
}