/************** Estilo Deep Sea (Azul) **********************/
/* Código - Nome da Cor - Uso */
/* #284463 - Azul Base - Fundo */
/* #00293D - Azul Escuro - Relevos (Botões, etc) */
/* #018CD1 - Azul Celeste - Terceira Cor */
/* #FF6633- Laranja - Contraste */
/* #39506f - Azul Cinzento - Sombras */
/* #C3CAD5 - Azul Cinzento Claro - Fundo Listagens */
/* #365e87 - Cor das Açõ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:#00293D;
}

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

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

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

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

#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: #00293D;
    -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:#00293D !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: #058cf5 !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;
     margin-top: 1px;
     margin-left: 1px;
}

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


.smallActions
{
     background-color:#00293D;
}

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

.smallActions LI A:hover
{
     color:#C3CAD5;
}

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

.fg-button
{
     background-color:#00293D;

}


/**************************************************************/
/********************** 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: #DAE1E9;
}

.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: #DAE1E9;
}
.flatListWrapper table tfoot tr td {
    background-color: #284463;
    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:#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: #00293D; 
}

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

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

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

.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:#00293D ;
}

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

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

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

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


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

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

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

#mainNav li.over a 
{
	color: #00293D;
}


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




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