/************** Estilo Deep Sea (Azul) **********************/
/* Código - Nome da Cor - Uso */
/* #284463 - Azul Base - Fundo */
/* brown - Vermelho - Relevos (Botões, etc) */
/* #00293D - Cinza Escuro Relevos */
/* #018CD1 - Cinzento - Terceira Cor */
/* #FFD700 - Laranja - Contraste */
/* #39506f - Azul Cinzento - Sombras */
/* #C3CAD5 - Azul Cinzento Claro - Fundo Listagens */
/* #365e87 - Cor das Acções da Listagem */
/* #DAE1E9 - Cor das Linhas Pares da Listagem */



/************************************** Top Level ************************************************/
/****************** Estilo para elementos básicos da estrutura do HTML ***************************/
/*************************************************************************************************/

/* Body */
body
{
    background-color: #284463;
}


/* The Hr's */
hr
{
     background-color: #00293D;
}

h1
{
    background-color: #00293D;
}

/*************************************************************************************************/
/************** Estilo para classes que compõe a estrutura da Aplicação Web **********************/
/*************************************** LogIn ***************************************************/
/*************************************************************************************************/

.loginBody
{
   background-color:#284463;
}

.bgTop 
{
    background: -webkit-gradient(linear, left top, left bottom, from(brown), to(#8f2424)) !important;
    background: -moz-linear-gradient(top, brown, #8f2424) !important; 
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=brown, endColorstr=#8f2424)";
   border-bottom:1px solid #FFD700
}

#Entrar , .styledButton
{
	background-color:#008BD6;
	background: -webkit-gradient(linear, left top, left bottom, from(#018CD1), to(#00354F)) !important;
    background: -moz-linear-gradient(top, #018CD1, #00354F) !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#0088CE' ,EndColorStr= '#003C5F' ) !important;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#018CD1, endColorstr=#00354F)";
}

#Entrar:hover , .styledButton:hover
{
    background-color:#02557F;
}

#RecPass , .styledButton
{
	background-color:#008BD6;
	background: -webkit-gradient(linear, left top, left bottom, from(#018CD1), to(#00354F)) !important;
    background: -moz-linear-gradient(top, #018CD1, #00354F) !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#0088CE' ,EndColorStr= '#003C5F' ) !important;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#018CD1, endColorstr=#00354F)";
}

#RecPass:hover , .styledButton:hover
{
    background-color:#02557F;
}
/*************************************************************************************************/
/************** Estilo para classes que compõe a estrutura da Aplicação Web **********************/
/**************************************** Edit ***************************************************/
/*************************************************************************************************/

/**************************************************************/
/*********************** Barra de Título **********************/
/**************************************************************/

.titleBar h1
{
    -moz-box-shadow: 1px 1px 1px #FFD700;
    -webkit-box-shadow: 1px 1px 1px #FFD700;
	box-shadow: 1px 1px 1px #FFD700;
}


/**************************************************************/
/************ Caixa onde ficam os detalhes do Edit ************/
/**************************************************************/

.ajaxformdetails
{
    background-color: #00293D;
    -moz-box-shadow: 0px 1px 2px #FFD700;
    -webkit-box-shadow: 0px 1px 2px #FFD700;
	box-shadow: 0px 1px 2px #FFD700;
	color:
}

/**************************************************************/
/****************** Separadores do Edit ***********************/
/**************************************************************/


.ajax__tab_tab
{
    background-color:brown !important;
    color:white;
}




.ajax__tab_active .ajax__tab_tab , .ajax__tab_active:hover .ajax__tab_tab
{
	background-color:#FFD700!important;
		color:#00293D;
	/*border-right: 6px #C16F30 solid !important;*/

}

.ajax__tab_tab:hover
{
	background-color: #018CD1 !important;
	-moz-box-shadow: 0px 0px 2px #018CD1;
    -webkit-box-shadow: 0px 0px 2px #018CD1;
	box-shadow: 0px 0px 2px #018CD1;

}


/**************************************************************/
/******************** Botões Principais ***********************/
/**************************************************************/

.mainActions
{
     background-color:#00293D;
    border: #39506f 0.5px inset !important;
}

.mainActions LI A
{
     border-left: #39506f 0.5px outset;
}


.smallActions
{
     background-color:#00293D;
    border: #39506f 0.5px inset !important;
}

.smallActions LI A
{
     border-left: #39506f 0.5px outset;
}

.smallActions LI A:hover
{
     color:#39506f;
}


/**************************************************************/
/********************** Botão de Acções ***********************/
/**************************************************************/

.fg-button
{
     background-color:brown;

}


/**************************************************************/
/********************** Título do Separador *******************/
/*********************** Edit e DataGrids *********************/
/**************************************************************/

.legenda
{
    background-color:#00293D !important;
    color: #FFF;
}


/**************************************************************/
/********************* DataGrid do Edit ***********************/
/**************************************************************/

.listWrapper h2
{
	background-color:#00293D  !important;
}

.listWrapper .actionsList , .listWrapper .actionsListLeft, .listWrapper .actionsListRight 
{
	background: #C3CAD5;
}

.listWrapper .actionsListLeft a, .listWrapper .actionsListRight a , .listWrapper .pagening a , .listWrapper .pagening p , .listWrapper table td
{
	color: #365e87;
}

.listWrapper .actionsListLeft a:hover, .listWrapper .actionsListRight a:hover
{
    color: #FF953F;
}

.listWrapper .pagening p strong , .listWrapper .abcFilterList, .listWrapper .abcFilterList a:hover
{
	color: #00293D;
}

.listWrapper .abcFilterList a
{
	border-right: #C3CAD5 solid 1px;
}

.listWrapper table , .listWrapper table tbody , .listWrapper table tbody a:hover, .listWrapper tbody thead a.active , .listWrapper table .firstTDList, .listWrapper table .detailWrapper
{
	background: #284463 ;
}

.listWrapper table tr.even, .listWrapper table tr.even td  
{
	background: #FFE3E0;
}

.listWrapper table td
{
	border-left: #00293D solid 1px;
}

/**************************************************************/
/********************* DataGrid de Base ***********************/
/**************************************************************/


.flatListWrapper table
{
	border-bottom:2px solid #C3CAD5;
}

.flatListWrapper table thead tr , .flatListWrapper table thead th
{
	background: #284463 ;
}

.flatListWrapper table thead th
{
	border-left: 1px solid #00293D  ;
    border-bottom: 1px solid #284463 !important;
}


.flatListWrapper table tbody, .flatListWrapper table tbody tr, .flatListWrapper table tbody td
{
    color: #00293D  !important;
}

.flatListWrapper table th.editTDList
{
	border-left: 1px solid #284463;
}

.flatListWrapper table tr.even, .flatListWrapper table tr.even *
{
	background: #FFE3E0;
}

/**************************************************************/
/********************** Caixa de Pesquisa *********************/
/**************************************************************/

.searchWrapper , .searchWrapper fieldset fieldset , .searchWrapper .InputDiv , .searchWrapper p.inputs
{
	background-color: #C3CAD5;
}

.searchWrapper h2
{
	background-color:#00293D  !important;
}

.searchWrapper input , .searchWrapper input.DatePicker
{
	border: #C3CAD5 solid 1px;
	color: #284463;
}

.searchWrapper p.inputs .submitBtn2, .searchWrapper p.inputs .resetBtn, .searchWrapper p.inputs a , .searchWrapper .filterCmds a ,a.btnRoundGreen ,a.btnRoundGray
{
	color: #284463;
}

/**************************************************************/
/************************ DashBoard ***************************/
/**************************************************************/

/* Branding */
#branding 
{
    background: -webkit-gradient(linear, left top, left bottom, from(#00293D), to(#284463)) !important;
    background: -moz-linear-gradient(top, #00293D, #284463);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#00293D',EndColorStr='#284463') !important;
}

/* Widgets */
.widgetWrapper table tr:hover , .dashContentWrapper .floatLeft .widgetWrapper ul li 
{
	 background-color: #C3CAD5;
}

.dashContentWrapper .floatLeft .widgetWrapper
{
	border: 2px solid #00293D ;
	/*background: #39506f; */
}

.dashContentWrapper .floatLeft .widgetWrapper h2 , .dashContentWrapper .floatLeft .widgetWrapper ul li a , .dashboardcell .roundedTop , .dashboardcell .roundedBot
{
	background: #00293D ;
}

.dashContentWrapper .floatLeft .widgetWrapper ul li.even
{
	background: #FFE3E0;
}

.dashContentWrapper .floatLeft .widgetWrapper ul li p
{
	color:#00293D ;
}

.dashContentWrapper .floatLeft .widgetWrapper p.footerLink
{
	background:#C3CAD5;
}

.dashContentWrapper .floatLeft .widgetWrapper p.footerLink a
{
	color: #00293D ;
}

.dashContentWrapper .floatLeft .widgetWrapper h3
{
	color: #FF953F;
}



/* GridViewMini */
.gridViewMini
{
	border-left: 1px solid #C3CAD5;
	border-right: 1px solid #C3CAD5;
}

.gridViewMini td
{
	color:#284463 ;
	border-bottom: 1px solid #C3CAD5;
	border-right: 1px solid #C3CAD5;
	background:#C3CAD5;
}

.gridViewMini .gridViewMiniHeader , .gridViewMini .gridViewMiniHeader td
{
	background:#284463;
}

.gridViewMini .gridViewMiniHeader td
{
		border-right: 1px solid #284463 !important;
}

/* @group details */
#details
{
	background-color:brown ;
}

#details IMG
{
		border: #C3CAD5 1px solid;
}

#details span.headerFieldName
{
	color : #C3CAD5;
}

/**************************************************************/
/************************ Menu Principal **********************/
/**************************************************************/

#mainNav
{
	background: -webkit-gradient(linear, left top, left bottom  , from(brown), to(#00293D));
	background: -moz-linear-gradient(top, brown, #00293D);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='brown',EndColorStr='#00293D') !important;
    border-bottom: 1px outset #FFD700;
    border-top: 1px outset #FFD700;
 }


#mainNav li, #mainNav li ul li 
{
	/*border-left: brown solid 1px;*/
}

#mainNav li ul li ul , #mainNav li ul li ul li ul
{
	background-color:#284463;
	/*border: #FFD700 solid 1px;*/
	border: #00293D solid 1px;
}

#mainNav li ul li ul li 
{
	/*border-top: #FFD700 solid 1px;*/
	border-top: #00293D solid 1px;
}

#mainNav li.over a 
{
	color: #018CD1;
}


.HasChildren:hover , #mainNav li ul li ul li:hover 
{
    background-color: brown !important;
}