/************** Estilo Deep Sea (Azul) **********************/
/* Código - Nome da Cor - Uso */
/* brown - Roxo Base - Fundo */
/* #3B0B09 - Roxo Escuro - Relevos (Botões, etc) */
/* #808080 - Cinzento - Terceira Cor */
/* #000000 - Fumo Branco - Contraste */
/* #39506f - Azul Cinzento - Sombras */
/* #C3CAD5 - Azul Cinzento Claro - Fundo Listagens */
/* #365e87 - Cor das Acções da Listagem */
/* #FFE3E0 - Cor das Linhas Pares da Listagem */


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

/* Body */
body
{
    background-color: brown;
}


/* The Hr's */
hr
{
     background-color: #3B0B09;
}

h1
{
    background-color: #3B0B09;
}

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

.loginBody
{
   background-color:#3B0B09;
}

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

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

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

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

#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 #000000;
    -webkit-box-shadow: 1px 1px 1px #000000;
	box-shadow: 1px 1px 1px #000000;
}


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

.ajaxformdetails
{
    background-color: #3B0B09;
    -moz-box-shadow: 0px 1px 2px #000000;
    -webkit-box-shadow: 0px 1px 2px #000000;
	box-shadow: 0px 1px 2px #000000;  
}

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


.ajax__tab_tab
{
    background-color:#3B0B09 !important;
}




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

}

.ajax__tab_tab:hover
{
	background-color: #808080 !important;
	-moz-box-shadow: 0px 0px 2px #3B0B09;
    -webkit-box-shadow: 0px 0px 2px #3B0B09;
	box-shadow: 0px 0px 2px #3B0B09;
}


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

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

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

.smallActions
{
     background-color:#3B0B09;
    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:#3B0B09;

}


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

.legenda
{
    background-color:#3B0B09 !important;
    color: #FFF;
}


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

.listWrapper h2
{
	background-color:#3B0B09  !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: #3B0B09;
}

.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: brown ;
}

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

.listWrapper table td
{
	border-left: #3B0B09 solid 1px;
}

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


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

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

.flatListWrapper table thead th
{
	border-left: 1px solid #3B0B09  ;
    border-bottom: 1px solid brown !important;
}


.flatListWrapper table tbody, .flatListWrapper table tbody tr, .flatListWrapper table tbody td
{
    color: #3B0B09  !important;
}

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

.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:#3B0B09  !important;
}

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

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

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

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

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

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

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

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

.dashContentWrapper .floatLeft .widgetWrapper ul li p
{
	color:brown ;
}

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

.dashContentWrapper .floatLeft .widgetWrapper p.footerLink a
{
	color: #3B0B09 ;
}

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



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

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

.gridViewMini .gridViewMiniHeader , .gridViewMini .gridViewMiniHeader td
{
	background:brown;
}

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

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

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

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

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

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


#mainNav li, #mainNav li ul li 
{
	border-left: #000000 solid 1px;
}

#mainNav li ul li ul , #mainNav li ul li ul li ul
{
	background-color:#808080;
	border: #000000 solid 1px;
	
}

#mainNav li ul li ul li 
{
	border-top: #000000 solid 1px;
}

#mainNav li.over a 
{
	color: #3B0B09;
}


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