html,
body {
   margin:0;
   padding:0;
   height:100%;

}
ul{list-style-type:none;
    
}

.main {
   min-height:100%;
   position:relative;
   background:#ddd;
   margin:0px;
}

.headerMaster { background:#778899; height:4.5em; padding:0px; width:100%; margin:0;}
.headerMaster ul { width:90%; padding-left:10%; height:3em; margin-top:3.2em; float:left; overflow:hidden; font-size:0.82em;}
.headerMaster ul li {float:left; line-height:2.5em; margin:0px 1px 0px 1px;}
.headerMaster ul li a {display:block; background:#fff; padding-left:10px; padding-right:10px;   color:#696969; font-weight:bold; line-height:2.5em; text-transform:uppercase; text-align:center; text-decoration:none;}
.headerMaster ul li a:hover {background:#fff; color:#800000; line-height:2.5em; text-decoration:none; padding-bottom:0.5em; padding-left:10px; padding-right:10px;}


.header {  padding-top:0px; margin-left:2%;  width:97%;}
.header ol.toc {  height:2em; list-style:none; margin:0; padding:0; display: block; line-height: 2em; }
.header ol.toc li { float: left; margin: 1px 1px -2px 1px;  background-position: 97% 60px;  }
.header ol.toc li a{ float:left; background:#87ceeb; color:#fff; padding:0 10px 0 10px; background-position: 97% 60px; font-weight: bold; text-decoration:none; }
.header ol.toc li a:hover { background-color:white; color:#708090; background-position: 97% 120px; font-weight: bold;  }
.header ol.toc li.current a { background:#fff;  background-position: 0 -60px; color:#708090;  font-weight: bold; }

.mainContentMaster {
   padding:15px 10px 10px 10px;
   padding-bottom:60px;   /* Height of the footer */
}


div.quoteSummary { padding:0px 0px; width:100%; background: #FFFFFF; float:left;}
div.quoteSummary ul { width:98%; margin-left:1%; float:left;}
div.quoteSummary ul li { width:96%; margin-left:0.4%; float:left;}
div.quoteSummary ul li div.left {width:19%; 
float:left;
}
div.quoteSummary ul li div.right {width:50%; float:left;}
div.quoteSummary ul li div.right ul {width:99%; float:left;}
div.quoteSummary ul li div.right ul li {width:22%; border-left:1px solid #ccc; margin:0 0 5px 0; text-align:right; background:#fff; float:left; padding:10px 0 10px 0;}


/*----/ GRID PANEL----*/
.gridview { margin:0 0 0 0.1%; width:99.9%; background-color:#fff;  border:solid 1px #9FB6CD; }
.gridview td{ padding: 3px 3px 3px 3px; border: solid 1px #c1c1c1; color: #717171; font-size:0.8em;}
.gridview th { color: Gray; background:url(images/topbg.png); line-height:normal; padding:9px 5px 5PX 0px; border-left: solid 1px #ccc; font-size: 0.8em; text-decoration:none; }
.gridview th a { text-decoration:none; color:GrayText; }
.gridview .gridview_alter { background: #D1EBFA; }
.gridview .gridview_pager { width:100%; background: #eee; }
.gridview .gridview_pager table { margin:3px 8px 3px 8px; float:right; }
.gridview .gridview_pager td {  padding: 0 6px; background:#eee;  font-weight: bold; color:#000080; line-height: 12px;  }  
.gridview .gridview_pager a { color: #fff; text-decoration: none; background:#6495ed; padding:1px 8px 1px 8px; }
.gridview .gridview_pager a:hover { color: #000; text-decoration: none; background-color:aqua; padding:1px 8px 1px 8px; }
/*----/ END GRID PANEL----*/



.projectBg {  margin:0 0.1% 1% 0.1%; width:99.8%; padding-top:0px; overflow:hidden; border: 1px solid #9FB6CD;}
.projectBg h4 {width:100%; text-align:left; margin:10px 0 2px 20px;}
.projectBg2 { width:100%; float:left;
    margin-left: 0%;
    margin-right: 0px;
    margin-top: 0;
}
.lblMessage { padding:1% 1% 0 0;}
.projectBg3 {  width:98%; float:left; text-align:left; padding:0px 0 0 2%; height:2.3em; background:#eee; margin-bottom:1em; border-bottom:1px solid #ccc;   }
.projectBg3 p {  margin:0; padding:0; line-height:2.2em;}    
.projectBg2 p { margin-left:0px; background:#ddd; text-align:left;  }
.projectBg2 u

.tblNewRequest { width:40%; float:left;  }
.tblNewRequest ul { padding:0; height: 25px; margin:0px; width:100%; }
.tblNewRequest ul li.rowlabel {width:20%; float:left; text-align:right;}
.tblNewRequest li.rowTextBox {width:70%; float:left;}

.projectBg2 ul { padding:0; height: 20px; margin:0px; }
.projectBg2 ul li.label {width:200px; text-align:right; margin:0px 0px 0px 0px; float:left; padding-bottom:0px;}
.projectBg2 ul li.textBox {width:21%; text-align:left;  margin:0px 0% 0px 0%; float:left; color:#336699; padding-bottom:0px;}
.projectBg2 tr td.tblNewComLbl {min-width:200px; width:20%; text-align:right; margin-left:10%;}
.projectBg2 tr td.tblNewComLbl3 {width:80px; text-align:center; font-size:small;}
.projectBg2 tr td.labelNewCmp { min-width:100px; width:20%; text-align:right; line-height:25px; font-size:small; margin:0px 0px 0px 0px; float:left; padding-bottom:0px;}
.projectBg2 tr td.NewCmptextBox {width:75%; min-width:200px; text-align:left;  margin:0px 0% 0px 0%; float:left; color:#336699; padding-bottom:0px;}
.projectBg2 tr td.NewCmptextBox2{ min-width:200px;}
.projectBg2 tr td.labelNewCmp2 { min-width:100px; width:14%; text-align:center; line-height:25px; font-size:small; margin:0px 0px 0px 0px; float:left; padding-bottom:0px;}
.projectBar { width:20%; float:left; text-align:left; margin:0px auto; height:40px; margin-left:0px;}
.projectBar p {padding-left:15px;}

.leftBody2 {width:50%; margin:0px 0% 0px 0%; float:left; padding-bottom:0px;}
.leftBody2 ul.projects{  margin:0px 0px 0px 0;}
.leftBody2 ul li.projects { width:25%; margin:10px 0 0 0px; float:left; text-align:right; line-height:25px; font-size:12px; height:25px; background:#f6f5f5;  }
.leftBody2 ul li.projectsTxt { width:25%; margin:10px 0 0 0px; position:relative; height:25px;  }

.rightBody2 {width:50%; margin:0px 0 15px 0; float:left;}
.rightBody2 ul.projects{  margin:0px 0 0 0; }
.rightBody2 ul li.projects { width:25%; margin:10px 0 0 0px; float:left; text-align:right; font-size:12px; height:25px; background:#f6f5f5; }
.rightBody2 ul li.projectsTxt { width:25%; margin:10px 0 0 0px; position:relative; height:25px;  }

.textarea{ width: 100%; height: 90px; border: 1px solid #cccccc; padding: 5px; color:#999999; font-family: Tahoma, sans-serif; background-image: url(bg.gif); background-position: bottom right; background-repeat: no-repeat;
}


div.DashBrd { width:50%; 	height:60%; margin:0% 0% 0% 14%; position:relative; }
div.DashBrd ul li { width:30%; margin:0 -9% 0 0%; float:right; }
div.content { 
    clear:left;
    overflow:hidden;
    padding:0px;
    min-width:600px;
    margin:0px 0px 20px 0.5%; width:98%;  background:#fff; border: 1px solid #CCCCCC;
}

.footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:40px;   /* Height of the footer */
   background:#778899;
   text-align:center;
}

.tableSamplePage 
{
    padding:10px 0 5px 0; border-right:1px solid #ccc; width:50%; float:left; margin-bottom:0px; overflow:hidden;
    font-family:@Arial Unicode MS; color:Gray; font-size:small;
    }

.tableRequestPage 
{
    padding:10px 20px 5px 0; background:#f7f6f4; border-right:1px solid #ccc; width:auto; float:left; margin-bottom:0px;
    font-family:@Arial Unicode MS; color:Gray; font-size:small;
    }
.tableRequestPage td.LabelR { text-align:right; padding:0 3px 0 20px; width:150px; margin:0px;}

.tableSamplePage td.Label {text-align:right;  padding:0 3px 0 20px; width:110px; margin:0px;}

.HeaderPanels {  background:#9FB6CD; margin:0 0 0 0.1%; width:99.8%; overflow:hidden; float:left; text-indent:10px; border:1px solid #9FB6CD;  line-height:30px; height:32px;  Color:#fff; }
.PanelCopySample {  text-align:right; padding:5px 10px 15px 0;}
.PanelCollapsable { text-align:left;}
.tableProduct {  margin:0 0.1% 1% 0.1%; width:99.8%; min-width:600px; padding-top:0px; background:#f7f6f4; border:1px solid #9FB6CD;}
.tblheader {background:#9FB6CD; text-indent:10px; border:0px solid #9FB6CD; padding:0px; margin:0px; line-height:30px; height:32px;  Color:#fff;}
.tableProduct tr { margin:0px; padding:0px; border:0px;}
.tableProduct tr td { border: 0px solid #9FB6CD; list-style:none; border:1px solid #9FB6CD; margin:0px; padding:0px; }
.tableProductHeader {  background:#9FB6CD; overflow:hidden; text-indent:10px;  line-height:30px; height:32px;  Color:#fff; }
.LinkStyle { text-align:right; font-style:italic; color:#778899; margin-bottom:5px; text-decoration:none; background:#f5f5f5; border:1px solid #dddddd; padding:5px; float:right; font-size:small; }
.txtLabels { margin-left:5px; color:#336699; font-family:@Arial Unicode MS; font-size:small;  }
.tblNewComLbl {width:200px; text-align:right; font-size:small; margin:2px 0px 0px 0px; float:left; padding-bottom:0px;}
.tableUser {width:20%; min-width:360px; float:left; margin:30px 0 0 15px;}

.tableUser tr td.NewCmptextBox3 { min-Width:240px; width:70%; text-align:Left;line-height:20px; font-size:small; margin:0px 0px 0px 0px; float:left; padding-bottom:0px;}
.tableUser tr td.labelNewCmp3 { min-Width:100px; width:27%; text-align:right; line-height:20px;  margin:0px 0% 0px 0%; float:left; font-size:small; padding-bottom:0px;}