body
{
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 13px;
}
a
{
    color: #000;
    text-decoration: none;
}
a:hover 
{
    color: #d7802f;
    cursor: pointer;
    text-decoration: underline;
}
#page
{
    box-shadow: 0 1px 30px 1px #f2f5f6;
}
.header
{
    background: url(Images/backgroundHeader.png) no-repeat top center ;

}
.menu
{
    background: #ffffff;
    color: #2F3239;  
}
.footer
{
    background-color: #ffffff;
    background: #DEE9F6 url(Images/ContainerBottom.png) no-repeat top center;
}
.logoTop
{
    background: url(Images/commanderLogo.png) no-repeat top left;
}
ul.dropdown
{
    /*DropDownMenu */
    border-top: solid 2px;
    border-bottom: solid 2px;
    border-color: #edf0f1;
    color: #FFF;
}
ul.dropdown li
{
    height: 36px;
}
li.bkg
{
    /* background sub menu */
    background: #ffffff;
}
a#check
{
    background: url(Images/check.png) 2% 50% no-repeat;
}
ul.dropdown a:link, ul.dropdown a:visited
{
    text-decoration: none;
}
ul.dropdown ul li
{
    font-size: 15px;
    font-family: SourceSansPro-Regular;
}
ul.dropdown li a:active
{
    /* ao clicar no link do menu */
    background: #ffffff; 
}
ul.dropdown li:hover > *.dir, ul.dropdown a:hover, ul.dropdown a:active
{
    /* fundo ao passar o mouse no menu */
    border-bottom: 3px solid #D7802F;
    background: #ffffff;
}

li.bkg a:hover, ul.dropdown ul li:hover > *.dir, ul.dropdown-vertical li:hover > *.dir, a#check:hover
{
    /* fundo ao passar o mouse no sub menu */
    background: #EAEBEF;   
}
ul.dropdown a:link, ul.dropdown a:visited, ul.dropdown li
{
    /* fonte ao clicar o mouse no sub menu */
    color: #2f3239;
}
#nav ul li{
    margin-top: -1px;
    border-top: 2px solid #edf0f1;
    border-left: 1px solid #edf0f1;
    border-right: 1px solid #edf0f1;
    height: 34px;
}
ul.dropdown-horizontal ul *.dir
{
    /* Imagem ao lado direito quando houver subMenu no item */
    padding-right: 10px;
    background-image: url(images/nav-arrow-right.png);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}
@font-face {
 font-family: SourceSansPro-Regular;
        src: url(fonts/SourceSansPro-Regular.ttf);
}

#home, #unlock, #doorOut, #consultations, #indicators, #downloadFile, #downloads, #support, #bpm
{ 
    border-left: 1px solid;
    border-left-color:  #d7802f;
}

#home
{
    background: transparent url(Images/icon-home.png) 50% 49% no-repeat ;
}
#home:hover
{
    background: transparent url(Images/icon-home-em-cima.png) 50% 49% no-repeat ;
}
#unlock
{
    background: transparent url(Images/icon-empresas.png) 50% 49% no-repeat;
}
#unlock:hover
{
    background: transparent url(Images/icon-empresas-em-cima.png) 50% 49% no-repeat;
}
#doorOut
{
    background: transparent url(Images/icon-sair.png) 50% 49% no-repeat;
}
#doorOut:hover
{
    background: transparent url(Images/icon-sair-em-cima.png) 50% 49% no-repeat;
}
#consultations
{
    background: transparent url(Images/consultations.png) no-repeat center;
}
#indicators
{
    background: transparent url(Images/estatisticas.png) no-repeat center;
}
#downloadFile
{
    background: transparent url(Images/downloadFile.png) no-repeat center;
}
#downloads
{
    background: transparent url(Images/Downloads.png) no-repeat center;
}
#satisfactionSurvey
{
    background: transparent url(Images/satisfactionSurvey.png) no-repeat center;
}
#bpm
{
    background: transparent url(Images/bpm.png) no-repeat center;
}
#support
{
    border-right: 1px solid;
    border-right-color:  #d7802f;
    background: transparent url(Images/Support.png) no-repeat center;
}
.lineH
{   
    background-color: #edf0f1;
}
.lineH1
{  
    background-color: #edf0f1;  
}
.lineH2
{
    background-color: #edf0f1;
}
.lineH3
{
    background-color: #edf0f1;
} 
.lineH4
{
    background-color: #edf0f1;
}
.lineHPerson
{
    background-color: #edf0f1;
}
.ajaxLoader
{
    background: url(Images/AjaxLoader.gif) no-repeat center;
}
.ajaxError
{
    color: #f00;
}
.grid
{
    font-size: 10px;
}
.gridDownload
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.grid td, .grid tr, .grid, .gridDownload td, .gridDownload tr, .gridDownload
{
    border: 1px solid #A6C9E2;
}
.titleGrid, .grid tr.titleGrid:hover
{
    background: url(Images/backgroundGloss.png) 100% 50% repeat-x;
    color: #FFF;
    font-weight: normal;
    cursor: inherit;
}
.grid tr.headerGrid, .grid tr.headerGrid:hover, .grid tfoot, .grid tfoot:hover, .grid tbody tr:hover, .gridDownload tr.headerGrid, .gridDownload tbody tr:hover
{
    background: url(Images/backgroundGlass.png) 100% 50% repeat-x;
    color: #2E6EAD;
}
.grid td.tdGrid:hover, .grid tfoot, .grid tfoot:hover, .grid tbody td:hover, .gridDownload td.tdGrid, .gridDownload tbody td:hover
{
    background: url(Images/backgroundGlass.png) 100% 50% repeat-x;
    color: #2E6EAD;
}
.grid tbody tr:hover, .gridDownload tbody tr:hover
{
    cursor: pointer;
}
.grid tr.headerGrid:hover, .grid tr.ajaxLoader:hover, .grid tr.ajaxMessage:hover, .grid tr.ajaxError:hover, .grid tfoot:hover, .gridDownload tr.headerGrid:hover, .gridDownload tr.ajaxMessage:hover, .gridDownload tr.ajaxError:hover
{
    cursor: default;
}
.grid .lineOdd:hover, .grid .lineEven:hover, .gridDownload tbody tr:hover
{
    font-weight: normal;
    cursor: pointer;
}
#gridList a.attachment
{
    background: url(Images/IconAttach.png) no-repeat 0 0;
}
.grid .headerGrid, .titleGridLeft, .gridDownload tr.headerGrid
{
    font-weight: bold;
}
.btnGridRight a
{
    color: #fff;
    text-decoration: none;
    
}
.btnGridRight a:hover
{
    text-decoration: underline;
}
.grid tr.ajaxLoader, .grid tr.ajaxLoader:hover, .grid tr.ajaxError, .grid tr.ajaxError:hover, .grid tr.ajaxMessage, .grid tr.ajaxMessage:hover, .gridDownload tr.ajaxMessage:hover, .gridDownload tr.ajaxError:hover
{
    background: none;
    font-weight: normal;
    color: #000;
}
.grid tr.ajaxError, .grid tr.ajaxError:hover, .gridDownload tr.ajaxError, .gridDownload tr.ajaxError:hover
{
    color: #f00;
}
a#btnNext, a#btnNext:hover, a#btnPrev, a#btnPrev:hover 
{   
    cursor: pointer;
}
a#btnNext
{   
    background: url(Images/btnNext.png) no-repeat;
}
a#btnNext:hover
{   
    background: url(Images/btnNextHover.png) no-repeat;
}
a#btnPrev
{   
    background: url(Images/btnPrev.png) no-repeat;
}
a#btnPrev:hover
{   
    background: url(Images/btnPrevHover.png) no-repeat;
}
#Logon
{
	background: url(Images/UserPassword.png) 0 51% no-repeat;
}
#messageWarning
{
	background: url(Images/WarningMessage.png) left no-repeat;
}

#dp_swf_engine {
    display: none;
}

#pageTop {
    background: #FFFFFF url(Images/PageTop.png) repeat-x scroll 0 100%;
}