/*custom fonts*/
@font-face {
    font-family: "Acens";
    src: url("../fonts/Acens.ttf") format("truetype");
}

/*hyperlink properties*/
a.appLink:link, a.appLink:visited, a.appLink:active {
    position: relative;
    text-align: center;
    top:15px;
    line-height: 150%;
    font-size: large;
    font-family:Arial,Helvetica,sans-serif;
    text-decoration: none;
    color: #9a0000;
}
a.appLink:hover {
    color: #152027;
}


body {
    /*background properties*/
    background-color: #152027;
    background-image: url("../images/back.jpg");
    background-position: top;
    background-repeat: repeat-y;
    /*fonts*/
    font-family:"Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,sans-serif,Acens;
    font-size:14px;
    color:gray;
}

#wrapper {
    /*center the container*/
    display:block;
    margin:auto;
    margin-top: 25px;
    /*border
    border-color: yellow;
    border-width: thick;
    border: groove;*/
    /*size & position*/
    width: 960px;
    height:auto;
    min-height:1000px;
    /*auto-resize*/
    position: relative;
    overflow: auto; 
}

#header {
    /*center the header*/
    display:block;
    margin:auto;
    /*size & position*/
    width: 950px;
    height:auto;
    min-height:35px;
}

#headerText {
    /*font*/
    font-family:Acens;
    font-size: 33px;
    font-weight: bolder;
    color: #c8eef9;
    /*size and position*/
    display:block;
    margin-left: 265px;
}

#navigation {
    /*center the header*/
    display:block;
    margin:auto;
    /*size & position*/
    width: 950px;
    height:auto;
    min-height:40px;
}

#mainTable {
    /*size & position*/
    margin-top: 2px;
    background: url("../images/bgnd_navigation_alt.png");
    /*round & shape*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mbmenu{
    /*position*/
    display:none;
}

.separator {
    /*font*/
    font-weight: bolder;
    font-size: 25px;
    text-align: center;
    color: white;
}

/*tab menu & tab properties*/
.rootVoices{
    /*tab menu background*/
    background: url("../images/bgnd_navigation_alt.png");
    /*position*/
    padding:5px;
    padding-bottom:0;
}

.rootVoices td.rootVoice {
    /*size & position*/
    width:120px;
    padding:8px;
    vertical-align: middle;
    text-align: center;
    /*menu color*/  
    background-color:#134885;
    /*tab background*/
    background: url("../images/bgnd_tab.png");
    /*round & shape*/
    -moz-border-radius:9px 9px 0 0px;
    -webkit-border-top-right-radius:9px;
    -webkit-border-top-left-radius:9px;
    -webkit-border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    /*font*/
    font-family:Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size:16px;
    text-shadow:gray 0.5px 0.5px 0.5px;     
    color: white;
    line-height:20px;
    cursor: pointer;
}

.rootVoices td.rootVoice.selected{
    /*size & position*/
    padding:8px;
    /*selected tab background*/   
    background: url("../images/bgnd_sel_tab.png");
    /*font*/
    font-size:16px;
    color: white;
    cursor: pointer;
    text-shadow:gray 1px 1px 1px;
    /*round & shape*/
    -moz-border-radius:7px 7px 0 0px;
    -webkit-border-top-right-radius:7px;
    -webkit-border-top-left-radius:7px;
    -webkit-border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
}

.rootVoices td.rootVoice.disabled.selected{
    /*size & position*/
    padding:8px;
    /*selected-disabled tab background*/
    background: white url("../images/bgnd_sel_tab.png");
    /*font*/
    font-size:16px;
    color:white;
    cursor: pointer;
    text-shadow:gray 1px 1px 1px;
    /*round & shape*/
    -moz-border-radius:7px 7px 0 0px;
    -webkit-border-top-right-radius:7px;
    -webkit-border-top-left-radius:7px;
    -webkit-border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
}

.rootVoices.vertical {
    /*size*/
    width:140px;
}

.rootVoices.vertical td.rootVoice{
    /*round & shape*/
    -moz-border-radius:8px 0px 0 8px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:8px;
}

/*displayed menu when tab selected properties*/
.menuContainer{
    /*size & position*/
    overflow:hidden;
    position:absolute;
    padding:0;
    background-color:#134885;
    border-top:1px solid white;
    /*round & shape*/
    -moz-box-shadow:#999 2px 2px 10px;
    -webkit-box-shadow:#999 2px 2px 10px;
    box-shadow:#999 2px 2px 10px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-bottom-right-radiuseerflow:8px;
    -webkit-border-bottom-left-radius:8px;
}

.menuContainer.submenuContainer{
    border-top:none!important;
}

.menuContainer.disabled{
    border-top:5px solid #999;
    background-color:gray;
}

.menuContainer .line{
    background-color:transparent;
    width:100%;
}

.menuContainer .line.title {
    background-color:black;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    border-bottom:1px solid black;
}

.menuContainer.disabled .line.title {
    background-color:#999;
}

.menuContainer .line.title a{
    font-size:16px;
    color:#ccc;
}

.menuContainer.disabled .line.title a{
    font-size:16px;
    color:#666;
    text-shadow:#999 1px 1px 1px;
}

.menuContainer td a{
    text-decoration:none;
    color:#f3f3f3;
    text-shadow:#666 1px 1px 1px;
}

.menuContainer td.voice{
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    padding:7px;
}

.menuContainer .separator{
    background-color:#999;
    height:1px;
    padding:0;
    margin:0;
}

.menuContainer td.img{
    font-family:Arial,Helvetica,sans-serif;
    text-align:center;
    font-size:12px;
    color: #c3c3c3;
    background-color:transparent;
    width:24px;
    padding:5px;
}

.menuContainer td.img img{
    width:20px;
}

.menuContainer .selected td{
    background-color:#2f8eba;
}

.menuContainer .selected td a{
  /*displayed menu-word color*/
    color:white;
    text-shadow:gray 2px 2px 1px;
    display:block;
}

.menuContainer .disabled td, .menuContainer .disabled td a {
    color:#555;
    text-shadow:#999 1px 1px 1px;
}

/*BOX MENU*/

.boxMenu{
  color:#134885;
  background:url("../images/box_top.png") repeat-x;
}
.boxMenu h4{
  white-space:nowrap;
  margin:0 0 20px 0;
  padding:3px;
  font:18px/20px Arial,Helvetica,sans-serif;
  padding-right:20px;
  text-shadow:#666 2px 2px 1px;
}

.boxMenu td{
  min-width:160px;
  vertical-align:top;
  border-right:1px solid #999;
}

.boxMenu td:hover a{
  margin-right:3px;
  color:white;
}

.boxMenu td:last-child{
  min-width:160px;
  vertical-align:top;
  border-right:none;
}

.boxMenu a{
  font-size:16px;
  white-space:nowrap;
  display:block;
  padding:5px;
  margin-bottom:5px;
}

.boxMenu a img{
  padding-right:5px;
}

.boxMenu a:hover{
  color:#000;
  background-image:url("../images/bgnd_navigation_alt.png");
}

.boxMenu a img{
  border:0;
}


#mainContent {
    /*center container*/
    display:block;
    margin:auto;
    padding-bottom: 5px;
    /*size & position*/
    width: 950px;
    height:auto;
    min-height:350px;
    /*auto-resize*/
    position: relative;
    overflow: auto; 
    /*round,shape,color & opacity*/
    background-color: #134885;
    opacity:0.98;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#containerTop {
    /*center top container*/
    display:block;
    margin:auto;
    margin-top: 20px;
    margin-left: 4px;
    padding-bottom: 30px;
    clear:both;
    /*size & position*/
    width: 942px;
    height:auto;
    min-height:10px;
    /*auto-resize*/
    position: relative;
    overflow: auto;
    /*round,shape & color*/
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: white;
}

.titleText {
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: justify;
    line-height: 150%;
    font-size: 25px;
    font-weight: bolder;
    font-family:Arial,Helvetica,sans-serif;;
    color: #134885;
}

.headText {
    position: relative;
    text-align: left;
    line-height: 150%;
    margin-top: -20px;
    font-size: 1.2em;
    font-family:Arial,Helvetica,sans-serif;
    color: black;
}

.headText_1 {
    position: relative;
    text-align: left;
    line-height: 150%;
    font-size: 1.2em;
    font-family:Arial,Helvetica,sans-serif;
    color: #134885;
}

.plainText {
    position: relative;
    margin-bottom: 30px;
    text-align: justify;
    line-height: 150%;
    font-size: 1em;
    font-family:Arial,Helvetica,sans-serif;
    color: black; 
}

.plainText_1 {
    position: relative;
    margin-right: 10px;
    margin-top: -10px;
    margin-bottom: 20px;
    text-align: justify;
    line-height: 150%;
    font-size: .85em;
    font-family:Arial,Helvetica,sans-serif;
    color: black; 
}

#containerTopLeft {
    /*size & position*/
    float: left;
    width: 875px;
    height:auto;
    min-height:15px;
    margin-top: 25px;
    margin-left: 30px;
    margin-bottom: 10px;
    /*auto-resize*/
    position: relative;
    overflow: auto;
    /*round,shape & color*/
    background-color: white;
}

.containerApp {
    /*center middle container*/
    display:block;
    margin:auto;
    margin-left: 4px;
    clear:both;
    /*size & position*/
    width: 942px;
    height:auto;
    min-height:196px;
    /*auto-resize*/
    position: relative;
    overflow: auto;
    /*color*/
    background-color: white;
}

.containerAppAll {
    /*size & position*/
    float: left;
    width: 875px;
    height:auto;
    min-height:196px;
    margin-top: 15px;
    margin-left: 30px;
    /*round,shape & color*/
    background-color: white;
}

.containerAppLeft {
    /*size & position*/
    float: left;
    width: 149px;
    height:auto;
    min-height:196px;
    /*round,shape & color*/
    background-color: white;
}

.containerAppRight {
    /*size & position*/
    float: right;
    width: 650px;
    height:auto;
    min-height:196px;
    /*round,shape & color*/
    background-color: white;
}

#containerBottom {
    /*center bottom container*/
    display:block;
    margin:auto;
    margin-bottom: 5px;
    margin-left: 4px;
    clear:both;
    /*size & position*/
    width: 942px;
    height:auto;
    min-height:10px;
    /*auto-resize*/
    position: relative;
    overflow: auto;
    /*round,shape & color*/
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    background-color: white;
}

#footer {
    /*center footer*/
    display:block;
    margin:auto;
    /*size & position*/
    width: 950px;
    height:auto;
    min-height:65px;
    /*round,shape & color*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url("../images/bgnd_footer_alt.png");
}

#footerText {
    /*size and position*/
    position: absolute;
    margin-top: 25px;
    margin-left: 270px;
    /*font*/
    font-family:Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: white; 
}