/* 
    Document   : pg_index
    Created on : 02.04.2010, 13:01:31
    Author     : sucrow
    Description:
        Purpose of the stylesheet follows.
*/

#pnlNavTop {
       position:fixed;
       top:0; 
       display:block;
       clear:both;
       height:88px;
       width:100%;
       z-index: 200;
}

#pnlDocument {
       display:block;
       clear:both;
       width:100%;    
}
#pnlHead {
       display:block;
       clear:both;
       height:60px;
       width:100%;
       background-color:#707072;
       overflow: hidden;

    }

#pnlLogo {
       display:block;
       float:left;
       width:20%;
       height:100%;
       min-width:152px;
       background-color:#707072;
    }

#pnlTitle {
       display:block;
       float:left;
       width:100%;
       min-width: 300px;
       /* width:680px; */
       height:100%;
       background-image:url(../images/imgTitle.jpg);
       background-repeat:no-repeat;
       background-color:#2f404a;
    }

#pnlTitle h1 h2 h3 {
       vertical-align:middle;
    }

#pnlStatus {
       display:block;
       float:right;
       width:20%;
       height:100%;
       min-width:100px;
       background-color:#C6C6C6;
    }

#pnlToolbar {
       display:block;
       clear:both;
       height:28px;
       width:100%;
       background-color:#C6C6C6;
       /* overflow: hidden; */
    }

#pnlToolbarLeft {
       display:block;
       float:left;
       width:120px;
       min-width:120px;
       background-color:#C6C6C6;
    }

#pnlToolbarMiddle {
       display:inline;
       height:28px;
       width:60%;
       background-color:#C6C6C6;
       /* overflow: hidden; */
    }
    
#pnlToolbarDynamic {
       display:inline;
       /* float: right; */
       /* min-width: 200px; */
       background-color:#C6C6C6;
    }
    
#pnlToolbarAction {
       display:inline;
       float:left;
    }

#pnlToolbarMenu {
       display:inline;
       /* float:left; */
       min-width: 150px;
    }

#pnlToolbarMain {
       display:block;
       float:left;
       /* width:55%; */
       /* min-width:300px; */
       /* height:100%; */
       background-color:#C6C6C6;
    }

#pnlToolbarProfile,    
#pnlToolbarRight {
       display:block;
       float:right;
       width:20%;
       min-width:100px;
       background-color:#C6C6C6;
    }

#pnlSelNavTreeItem {
       display:block;
       float:right;
       width:30%;
       min-width:100px;
    }
    
#pnlMain {
       background-color:#F6F6F6;
       display:block;
       clear:both;
       width:100%;
       height:100%;
    }

.pnlNavigator {
       display:block;
       float:left;
       width:20%;
       min-width:152px;
       background-color:#F6F6F6;
       /* overflow: auto; */
       height:100%;
    }
    
.pnlRightContent {
       background-color:#F6F6F6;
       display:block;
       float:left;
       width:80%;
       height:100%;
       /*width:80%;
       overflow:auto;*/
    }
    
#pnlMiddleContentOld {
       background-color:#E9E9E9;
       display:block;
       float:left;
       width:60%;
       height:100%;
       /*width:80%;
       overflow:auto;*/
    }
    
.pnlFullContent {
       background-color:#F6F6F6;
       display:block;
       clear:both;
       width:100%;
       height:100%;
    }
      
.pnlHiddenContent {
       display:none;
    }
        
.pnlLeftList {
       background-color:#F6F6F6;
       display:block;
       float:left;
       width:50%;
       height:100%;
       /*width:80%;
       overflow:auto;*/
    }
    
.pnlRightDetail {
       background-color:#F6F6F6;
       display:block;
       float:right;
       width:50%;
       height:100%;
       /*width:80%;
       overflow:auto;*/
    }
    
#pnlMainContent {
       background-color:#F6F6F6;
       display:block;
       float:left;
       width:100%;
       height:100%;
       /*width:80%;
       overflow:auto;*/
    }

#pnlAccordeonContainer {
       display:block;
       width:100%;
       height:400px;
    }

#menuDynamic,    
#menuMain {
       /* width:400px; */
       background-color:#C6C6C6;
       color: #000000;
       position: relative;
       /* width: 500px; */
  }

#menuDynamic .pnlMenuItemNormal,
#menuMain .pnlMenuItemNormal {
       height: 22px;
       padding: 6px 20px 0 5px;
       vertical-align:bottom;
       background-color:#C6C6C6;
       color: #000000;
  }

#menuDynamic .pnlMenuItemDisabled,
#menuMain .pnlMenuItemDisabled {
       height: 22px;
       padding: 6px 20px 0 5px;
       vertical-align:bottom;
       background-color:#C6C6C6;
       color: #999999;
  }

#menuDynamic .pnlMenuItemHighlight,  
#menuMain .pnlMenuItemHighlight {
       height: 22px;
       padding: 6px 20px 0 5px;
       vertical-align:bottom;
       background-color:#999999;
       color: #FFFFFF;
  }

#menuAction {
       background-color:#C6C6C6;
       color: #000000;
  }

#menuAction .pnlMenuItemNormal {
       height: 22px;
       padding: 6px 20px 0 5px;
       vertical-align:bottom;
       background-color:#C6C6C6;
       color: #000000;
  }

#menuAction .pnlMenuItemDisabled {
       height: 22px;
       padding: 6px 20px 0 5px;
       vertical-align:bottom;
       background-color:#C6C6C6;
       color: #999999;
  }

#menuAction .pnlMenuItemHighlight {
       height: 22px;
       padding: 6px 20px 0 5px;
       vertical-align:bottom;
       background-color:#999999;
       color: #FFFFFF;
  }

#pnlUserInfo {
       display:block;
       width:100%;
    }

/* Specual styles for main content */

#pnlDocument {
    background-color:#F6F6F6;
    height:100%;
    display: block;
    clear: both;
}

#cntMain {
       background-color:#E9E9E9;
       color: #000000;
       padding-top: 30px;
       padding-left: 40px;
       height:100%;
}

#cntMain h2 {
       font-size: 14px;
}

#cntMainTitle {
       background-color:#E9E9E9;
       display:inline;
       float:left;
       width:70%;
       height:100%;
}

#cntMainDocOld {
       background-color:#E9E9E9;
       display:inline;
       float:left;
       width:70%;
       margin-left:20px;
}

.cntMainDoc {
       background-color:#E9E9E9;
       display:inline;
       float:left;
}

.cntMainDoc_screen {
       width:70%;
       margin-left:20px;
}

.cntMainDoc_mobile {
       width:100%;
       margin-left:-5px;
}

.lblMainTitle {
       font-size: 16px;
       text-align: center;
}

#cntMainRight {
       background-color:#E9E9E9;
       display:inline;
       float:right;
       width:20%;
}

#cntMainBottom {
       background-color:#E9E9E9;
       display:block;
       width:100%;
       margin-top: 50px;
}

#tblWelcome td {
       padding: 10px 10px 10px 10px;
       font-size: 14px;
       text-align:center;
       width:200px;
}

#lblTitle11 {
       color: #000000;
       background-color:#FBF6A1;
}

#lblTitle12 {
       color: #000000;
       background-color:#ECD09E;
}

#lblTitle21 {
       color: #000000;
       background-color:#e1b085;
}

#lblTitle22 {
       color: #000000;
       background-color:#F2E756;
}

#pnlQuickProfile,
#pnlProjectGallery {
       display: block;
       clear: both;
       width:100%;
       height: 200px;
}

#pnlQuickProfile ul {
       text-align:left;
}

#pnlProjectGallery p {
       text-align:left;
}

.pnlQuickContent {
       display:inline;
       float:left;
       position:absolute;
       background:none repeat scroll 0 0 #E9E9E9;
       width:100%;
       height: 220px;
}

.pnlQuickContent_undefined {
       left: 140px;    
       width:400px;
}

.pnlQuickContent_screen {
       left: 270px;    
       width:240px;
}

.pnlQuickContent_mobile {
       left: 20px;    
       width:100%;
}

#pnlMainBottom {
       display: block;
       clear: both;
}