﻿div#inner_wrapper
{
    border: 0px solid #000000;
    background-color: #ffffff;
}

div#header
{
    height: 80px;
    border: 0px solid #000000;
    background-image: url(Images/header.png);
    background-repeat: no-repeat;
    width: 100%;
}

div#header_logo
{
  /* background-image: url(Images/Logos/logotipo_WebSIGA_Angola.png); */
    background-image: url(Images/Logos/logotipo_WebSIGA.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 58px;
    float: left;
    position: relative;
    left: 20px;
    top: 10px;
}

div#header_info
{
    float: right;
    position: relative;
    right: 5px;
    top: 5px;
}

div#header_functions
{
    /*float: left;*/
    /*position: relative;
    left: 604px;
    top: 115px; */
    /*width: 95%;*/
    text-align: right;
    padding-top: 50px;
}

div#navigation_top_box
{
    height: 20px;
    border: 0px solid #000000;
}

div#navigation_top
{
    width: 100%;
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    border: 0px solid #000000;
    margin-left: auto;
    margin-right: auto;
}

div#main
{
    width: 100%;
    padding: 0px;
}

div#tools
{
    float: right;
    position: relative;
    left: 0px;
    top: -5px;
    height: 35px;
}

div#navTabs
{
    float: left;
    position: relative;
    left: 0px;
    top: 1px;
}

/*div#main_inner
{
    width: 100%;
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    border: 1px solid #000000;
}

div#navigation_left
{
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    height: 100%;
}

.menuLeftWidth
{
    width: 170px;
}

.menuLeftBCKG
{
    background-image: url(Images/bg_menu_lateral_blue.png);
}

div#content
{
    width: 800px;
    position: relative;
    left: 0px;
    top: 0px;
    height: 100%;
    padding-left: 20px;
}*/

div#navigation_left
{
    /*width: 170px;*/
    padding-bottom: 20px;
    height: 100%;
}

div#content_login
{
    width: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.content
{
    width: 100%;
    padding-bottom: 10px;
}

div#toolsBottomMenu
{
    width: 99.7%;
    border: 2px solid #0FA0C6;
    background-color: #B9DCF0;   
}

.toolsBottomMenu_ActiveChoices
{
    width: 100%;
    text-align: left;
    border: 1px solid #000000;
}

.toolsBottomMenu_tdCell
{
    border: 1px solid #cf142b;
    background-color: #DFF0F9;
}

.toolsBottomMenu_Spacer
{
}

div#footer
{
    height: 75px;
    position:inherit;
    border: 0px solid #000000;
    background-image: url(Images/footer.jpg);
    background-repeat: no-repeat;
    width: 100%;
}

div#footer_rightElements
{
    width: 95%;
    position:inherit;
    /*padding-right: 10px;*/
    text-align: right;
    padding-top: 20px;
}

div#navigation_bottom
{
    text-align: left;
    float: left;
    position: inherit;
    padding-left: 10px;
    padding-top: 10px;
    left: 20px;
    top: 20px;
}

/*****************accordion****************/
.accordion {   
    width:100%;   
}   
          
.accordionHeader {   
    border: 1px solid #2F4F4F;   
    color: white;   
    background-color: #006699;   
    font-family: Verdana, Arial, Sans-Serif;   
    font-size: 9px;   
    font-weight: bold;   
    padding: 2px;   
    margin-top: 2px;   
    cursor: pointer;
    text-transform: uppercase;
}   
           
.accordionHeaderSelected {   
    border: 1px solid #2F4F4F;   
    color: white;   
    background-color: #5078B3;   
    font-family: Verdana, Arial, Sans-Serif;   
    font-size: 9px;   
    font-weight: bold;   
    padding: 5px;   
    margin-top: 5px;   
    cursor: pointer;   
    text-transform: uppercase;
}   
           
.accordionContent {   
    background-color: #D3DEEF;   
    border: 1px dashed #2F4F4F;   
    border-top: none;
    padding: 5px;
}  

.accordionLink {
    color: White;
    text-decoration: none;
}

/*barra de informação*/
.infoBar
{
    background-color: #e9e9e9;
    border: 2px solid #006699;
    height: 10px;
    font-family: Verdana, Arial, Sans-Serif;   
    font-size: 9px;   
    font-weight: bold;
}

/******homepage: acolhimento******/
.acolhimentoBorder
{
    border: 3px dashed #696969;
    font-family: Verdana, Arial, Sans-Serif;
}

.acolhimentoHeader
{
    font-size: 12px;
    color: #696969;
    font-weight: bold;
}

.acolhimentoBar
{
    background-color: #e1e1e1;
}

.acolhimentoBody
{
    font-size: 10px;
}

 /****** messages bar *********/ 

.messageCritical /* Mesma de messageError */
{
border-top: 2px solid #006699;
border-bottom: 2px solid #006699;
background-color: #D3DEEF;
font-weight: bold;
color: #cf142b;
height: 15px;
font-family: Verdana, Arial;
font-size: 10px;
vertical-align: middle;
padding-top: 2px;
}

.messageError
{
border-top: 2px solid #006699;
border-bottom: 2px solid #006699;
background-color: #D3DEEF;
font-weight: bold;
color: #cf142b;
height: 15px;
font-family: Verdana, Arial;
font-size: 10px;
vertical-align: middle;
padding-top: 2px;
}

.messageSuccess
{
border-top: 2px solid #006699;
border-bottom: 2px solid #006699;
background-color: #D3DEEF;
font-weight: bold;
color: #26C465;
height: 15px;
font-family: Verdana, Arial;
font-size: 10px;
vertical-align: middle;
padding-top: 2px;
}

.messageInfo
{
border-top: 2px solid #006699;
border-bottom: 2px solid #006699;
background-color: #D3DEEF;
font-weight: bold;
color: #3F7787;
height: 15px;
font-family: Verdana, Arial;
font-size: 10px;
vertical-align: middle;
padding-top: 2px;
}

/*tooltip*/
#tt {position:absolute; display:block; margin-left:10px; background:url(../../Imagens/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../../Imagens/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding: 0px 12px 0px 7px; margin-left:5px; background:#999; color:#FFF; font-family: Verdana; font-weight: bold; font-size: 9px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../../Imagens/tt_bottom.gif) top right no-repeat; overflow:hidden}
/**/


 /****** Modal PopUp *********/ 
.modalBackground
{
  background-color: #000000;
  filter: alpha(opacity=80);
  opacity: 0.8;
  padding: 20px;
}

.ModalWindow
{
  padding: 16px;
  background-color: #e9e9e9;
  border: 4px solid #006699;
  position:absolute;
  top:-1000px;
  font-family: Verdana, Arial, Sans-Serif;   
  font-size: 11px;   
  font-weight: bold;
  width: 50%;
  height: 50%;
}

 /****************************/
  
 /************** Menu Right **************************/
 /*ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    right: 0px;
    list-style: none;
    z-index:9999;
}

ul#navigation li {
    width: 100px;
}

ul#navigation li a {
    display: block;
    margin-right: -2px;
    width: 100px;
    height: 70px;
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:10px 0px 0px 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
}

ul#navigation .home a{
    background-image: url(../images/home.png);
}
ul#navigation .about a      {
    background-image: url(../images/id_card.png);
}
ul#navigation .search a      {
    background-image: url(../images/search.png);
}
ul#navigation .podcasts a      {
    background-image: url(../images/ipod.png);
}
ul#navigation .rssfeed a   {
    background-image: url(../images/rss.png);
}
ul#navigation .photos a     {
    background-image: url(../images/camera.png);
}
ul#navigation .contact a    {
    background-image: url(../images/mail.png);
}*/
 /****************************************************/

.HeaderImpressao {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    padding: 5px;
}