/************** Estilo Deep Sea (Azul) **********************/
/* Código - Nome da Cor - Uso */
/* #4C4C4C - Roxo Base - Fundo */
/* #353535 - Roxo Escuro - Relevos (Botões, etc) */
/* #CD3535 - Cinzento - Terceira Cor */
/* #000000 - Fumo Branco - Contraste */
/* #39506f - Azul Cinzento - Sombras */
/* #C3CAD5 - Azul Cinzento Claro - Fundo Listagens */
/* #365e87 - Cor das Ações da Listagem */
/* #F5F5F5 - Cor das Linhas Pares da Listagem */


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

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


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

h1
{
    background-color: #353535;
}

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

.loginBody
{
   background-color:#353535;
}

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

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

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

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

#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: #353535;
    -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:#353535 !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: #CD3535 !important;
	-moz-box-shadow: 0px 0px 2px #353535;
    -webkit-box-shadow: 0px 0px 2px #353535;
	box-shadow: 0px 0px 2px #353535;
}


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

.mainActions
{
     background-color:#353535;
     margin-top: 1px;
     margin-left: 1px;
}

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


.smallActions
{
     background-color:#353535;
}

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

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


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

.fg-button
{
     background-color:#353535;

}


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

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


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

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

.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: #4C4C4C ;
}

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

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

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


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

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

.flatListWrapper table thead th
{
	border-left: 1px solid #353535  ;
    border-bottom: 1px solid #4C4C4C !important;
}


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

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

.flatListWrapper table tr.even, .flatListWrapper table tr.even *
{
	background: #FFE3E0;
}
.flatListWrapper table tfoot tr td {
    background-color: #4C4C4C;
    border-color: #58738E;
    color: white;
}

.flatListWrapper table tr.last {
    border: none;
}
/**************************************************************/
/********************** Caixa de Pesquisa *********************/
/**************************************************************/

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

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

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

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

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

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

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

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

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

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

.dashContentWrapper .floatLeft .widgetWrapper ul li p
{
	color:#4C4C4C ;
}

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

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

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



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

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

.gridViewMini .gridViewMiniHeader , .gridViewMini .gridViewMiniHeader td
{
	background:#4C4C4C;
}

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

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

#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:#4C4C4C;
	border: #000000 solid 1px;
	
}

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

#mainNav li.over a 
{
	color: #CD3535;
}


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




div.chzn-container {
  max-width:400px !important;
}