﻿/************** Estilo Chocolate () **********************/
/* Código  - Nome da Cor - Uso */
/* #241107 - Castanho Escuro - Relevos (Botões, etc) */
/* #736F5E - Castanho - Fundo */
/* #86543C - Café - Terceira Cor */
/* #FF953F - Laranja - Contraste */
/* #FF953E - Azul Cinzento - Sombras */
/* #A19088 - Cinzento Claro - Fundo Listagens */
/* #736F5E - Castanho Claro - Gradiente Login */
/* #736F5E - Castanho Escuro - Gradiente Login */
/* #BAAAA2 - Cor das Linhas Pares da Listagem */
/* #3C1401 - Cor das Acções da Listagem */
/* #7A7458 - Cor Barra do Desktop Default */

/************************************** Top Level ************************************************/
/****************** Estilo para elementos básicos da estrutura do HTML ***************************/
/*************************************************************************************************/

/* Body */
body
{
    background-color: #736F5E;
}


/* The Hr's */
hr
{
     background-color: #241107;
}

h1
{
    background-color: #241107;
}

/*************************************************************************************************/
/************** Estilo para classes que compõe a estrutura da Aplicação Web **********************/
/*************************************** LogIn ***************************************************/
/*************************************************************************************************/

.loginBody
{
   background-color:#130803;
}

.bgTop 
{
    background: -webkit-gradient(linear, left top, left bottom, from(#736F5E), to(#241107)) !important;
    background: -moz-linear-gradient(top, #736F5E, #241107) !important; 
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#736F5E, endColorstr=#241107)";
}

#Entrar , .styledButton
{
	background-color:#008BD6;
	background: -webkit-gradient(linear, left top, left bottom, from(#736F5E), to(#241107)) !important;
    background: -moz-linear-gradient(top, #736F5E, #241107) !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#0088CE' ,EndColorStr= '#003C5F' ) !important;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#736F5E, endColorstr=#241107)";
}

#Entrar:hover , .styledButton:hover
{
    background-color:#02557F;
}

#RecPass , .styledButton
{
	background-color:#008BD6;
	background: -webkit-gradient(linear, left top, left bottom, from(#736F5E), to(#241107)) !important;
    background: -moz-linear-gradient(top, #736F5E, #241107) !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#0088CE' ,EndColorStr= '#003C5F' ) !important;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#736F5E, endColorstr=#241107)";
}

#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 #FF953F;
    -webkit-box-shadow: 1px 1px 1px #FF953F;
	box-shadow: 1px 1px 1px #FF953F;
}


/**************************************************************/
/************ Caixa onde ficam os detalhes do Edit ************/
/**************************************************************/

.ajaxformdetails
{
    background-color: #241107;
    -moz-box-shadow: 0px 1px 2px #FF953F;
    -webkit-box-shadow: 0px 1px 2px #FF953F;
	box-shadow: 0px 1px 2px #FF953F;  
}

/**************************************************************/
/****************** Separadores do Edit ***********************/
/**************************************************************/


.ajax__tab_tab
{
    background-color:#241107 !important;
}




.ajax__tab_active .ajax__tab_tab , .ajax__tab_active:hover .ajax__tab_tab
{
	background-color:#FF6633!important;
	/*border-right: 6px #C16F30 solid !important;*/

}

.ajax__tab_tab:hover
{
	background-color: #86543C !important;
	-moz-box-shadow: 0px 0px 2px #86543C;
    -webkit-box-shadow: 0px 0px 2px #86543C;
	box-shadow: 0px 0px 2px #86543C;
}


/**************************************************************/
/******************** Botões Principais ***********************/
/**************************************************************/

.mainActions
{
     background-color:#241107;
    border: #FF953E 0.5px inset !important;
}

.mainActions LI A
{
     border-left: #FF953E 0.5px outset;
}


.smallActions
{
     background-color:#241107;
    border: #FF953E 0.5px inset !important;
}

.smallActions LI A
{
     border-left: #FF953E 0.5px outset;
}

.smallActions LI A:hover
{
     color:#A19088;
}

/**************************************************************/
/********************** Botão de Acções ***********************/
/**************************************************************/

.fg-button
{
     background-color:#241107;

}


/**************************************************************/
/********************** Título do Separador *******************/
/*********************** Edit e DataGrids *********************/
/**************************************************************/

.legenda
{
    background-color:#241107 !important;
    color: #FFF;
}


/**************************************************************/
/********************* DataGrid do Edit ***********************/
/**************************************************************/

.listWrapper h2
{
	background-color:#241107  !important;
}

.listWrapper .actionsList , .listWrapper .actionsListLeft, .listWrapper .actionsListRight 
{
	background: #A19088;
}

.listWrapper .actionsListLeft a, .listWrapper .actionsListRight a , .listWrapper .pagening a , .listWrapper .pagening p , .listWrapper table td
{
	color: #3C1401;
}

.listWrapper .actionsListLeft a:hover, .listWrapper .actionsListRight a:hover
{
    color: #FF953F;
}

.listWrapper .pagening p strong , .listWrapper .abcFilterList, .listWrapper .abcFilterList a:hover
{
	color: #241107;
}

.listWrapper .abcFilterList a
{
	border-right: #A19088 solid 1px;
}

.listWrapper table , .listWrapper table tbody , .listWrapper table tbody a:hover, .listWrapper tbody thead a.active , .listWrapper table .firstTDList, .listWrapper table .detailWrapper
{
	background: #130803 ;
}

.listWrapper table tr.even, .listWrapper table tr.even td  
{
	background: #BAAAA2;
}

.listWrapper table td
{
	border-left: #241107 solid 1px;
}

/**************************************************************/
/********************* DataGrid de Base ***********************/
/**************************************************************/


.flatListWrapper table
{
	border-bottom:2px solid #A19088;
}

.flatListWrapper table thead tr , .flatListWrapper table thead th
{
	background: #130803 ;
}

.flatListWrapper table thead th
{
	border-left: 1px solid #A19088  ;
    border-bottom: 1px solid #A19088 !important;
}


.flatListWrapper table tbody, .flatListWrapper table tbody tr, .flatListWrapper table tbody td
{
    color: #241107  !important;
}

.flatListWrapper table th.editTDList
{
	border-left: 1px solid #130803;
}

.flatListWrapper table tr.even, .flatListWrapper table tr.even *
{
	background: #BAAAA2;
}

/**************************************************************/
/********************** Caixa de Pesquisa *********************/
/**************************************************************/

.searchWrapper , .searchWrapper fieldset fieldset , .searchWrapper .InputDiv , .searchWrapper p.inputs
{
	background-color: #A19088;
}

.searchWrapper h2
{
	background-color:#241107  !important;
}

.searchWrapper input , .searchWrapper input.DatePicker
{
	border: #A19088 solid 1px;
	color: #736F5E;
}

.searchWrapper p.inputs .submitBtn2, .searchWrapper p.inputs .resetBtn, .searchWrapper p.inputs a , .searchWrapper .filterCmds a ,a.btnRoundGreen ,a.btnRoundGray
{
	color: #736F5E;
}

/**************************************************************/
/************************ DashBoard ***************************/
/**************************************************************/

/* Branding */
#branding 
{
    background: -webkit-gradient(linear, left top, left bottom, from(#241107), to(#736F5E)) !important;
    background: -moz-linear-gradient(top, #241107, #736F5E);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#241107',EndColorStr='#736F5E') !important;
}

/* Widgets */
.widgetWrapper table tr:hover , .dashContentWrapper .floatLeft .widgetWrapper ul li , 
{
	 background-color: #A19088;
}

.dashContentWrapper .floatLeft .widgetWrapper
{
	border: 2px solid #241107 ;
	background: #FF953E; 
}

.dashContentWrapper .floatLeft .widgetWrapper h2 , .dashContentWrapper .floatLeft .widgetWrapper ul li a , .dashboardcell .roundedTop , .dashboardcell .roundedBot
{
	background: #241107 ;
}

.dashContentWrapper .floatLeft .widgetWrapper ul li.even
{
	background: #BAAAA2;
}

.dashContentWrapper .floatLeft .widgetWrapper ul li p
{
	color:#736F5E ;
}

.dashContentWrapper .floatLeft .widgetWrapper p.footerLink
{
	background:#736F5E;
}

.dashContentWrapper .floatLeft .widgetWrapper p.footerLink a
{
	color: #241107 ;
}

.dashContentWrapper .floatLeft .widgetWrapper h3
{
	color: #FF953F;
}



/* GridViewMini */
.gridViewMini
{
	border-left: 1px solid #A19088;
	border-right: 1px solid #A19088;
}

.gridViewMini td
{
	color:#736F5E ;
	border-bottom: 1px solid #A19088;
	border-right: 1px solid #A19088;
}

.gridViewMini .gridViewMiniHeader , .gridViewMini .gridViewMiniHeader td
{
	background:#736F5E;
}

.gridViewMini .gridViewMiniHeader td
{
		border-right: 1px solid #736F5E !important;
}

/* @group details */
#details
{
	background-color:#241107 ;
}

#details IMG
{
		border: #A19088 1px solid;
}

#details span.headerFieldName
{
	color : #A19088;
}

/**************************************************************/
/************************ Menu Principal **********************/
/**************************************************************/

#mainNav
{
	background: -webkit-gradient(linear, left top, left bottom, from(#86543C), to(#241107));
	background: -moz-linear-gradient(top, #86543C, #241107 );
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#86543C',EndColorStr='#241107') !important;
    border-bottom: 1px outset #FF6633;
    border-top: 1px outset #FF6633;
 }


#mainNav li, #mainNav li ul li 
{
	border-left: #7A7458 solid 1px;
}

#mainNav li ul li ul , #mainNav li ul li ul li ul
{
	background-color:#241107;
	border: #241107 solid 1px;
	
}

#mainNav li ul li ul li 
{
	border-top: #7A7458 solid 1px;
}

#mainNav li.over a 
{
	color: #7A7458;
}


.HasChildren:hover , #mainNav li ul li ul li:hover 
{
    background-color: #86543C !important;
}



