﻿@charset "utf-8";
/* CSS Document */
#header {
    background-color:#ffffff;
    color:white;
    padding:5px;
}


body { background-color:#FFFFFF; width:100%; height:auto; margin:0px; padding:0px; 
       /* font-family:Arial, Helvetica, sans-serif; */
       font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
       font-size: 15px; color: #000000;
       }
h1 { font-size:22px; font-weight:bold; color:#E47F1B; text-align:left; margin:0px 0px 15px 0px; padding:0px; }
h1 span 
{
	font-size: 14px;
	line-height: 30px;
	color: #586067;	
}

h1 a:link, h1 a:active, h1 a:visited  { font-size:22px; font-weight:bold; color:#E47F1B !important; text-align:left; margin:0px 0px 15px 0px; padding:0px; text-decoration: underline; }
h1 a:hover {text-decoration: none;}

h2 { color:#143A63; font-weight:bold; font-size: 18px; }

h3 { font-size: 16px; }

p { font-weight:normal; color:#000000; text-align:left; margin:0px 0px 15px 0px; padding:0px; line-height: 18px; }


.common { margin:0px 0px 15px 20px; padding:0px; }
.common li { margin:0px 0px 2px 0px; padding:0px 0px 0px 20px; list-style-type:none; background:url(../images/bullet01.jpg) left 5px no-repeat; font-weight:normal; color:#000000; width:100%; line-height: 20px; }


#wrapper { float:left; margin:0px; padding:0px; width:100%; height:auto; }
#header { float:left; margin:0px; padding:0px; width:100%; height:112px; border-bottom:5px solid #002D61; }
.date { float:left; margin:5px 0px 10px 10px; padding:0px; width:98%; height:auto; color:#143A63; text-align:left; font-weight:bold; }
.logo { float:left; margin:0px 0px 0px 10px; padding:0px; height:auto; }

#menubar { float:left; margin:1px 0px 1px 0px; padding:0px; width:100%; height:45px; background-color:#66A904; }
#menubar ul { margin:0px; padding:0px; width:100%; }
#menubar ul li { float:left; margin:12px 0px 0px 10px; padding:0px; list-style-type:none; }
#menubar ul li a:link,#menubar ul li a:visited { font-weight:bold; color:#FFF; text-align:left; text-decoration:none; }
#menubar ul li a:hover { text-decoration:none; color:#002F65; }


#middle { float:left; margin:0px; padding:0px; width:100%; height:auto; }
#middle_in {
    background: url("../images/middle_back.jpg") repeat-y scroll left top transparent;
    float: left;
    height: auto;
    margin: 1px 0;
    padding: 0;
    width: 100%;
}

#left { float:left; margin:0px; padding:5px 0 5px 4px; width:248px; height:auto; background-color:#586067; }
#left ul { float:left; margin:0px; padding:0px; width:240px; height:auto; }
#left ul li { float:left; margin:0px; padding:10px 0px 10px 0px; width:243px; height:auto; border-bottom:1px dotted #CCCCCC; }
#left ul li a:link,#left ul li a:visited { font-weight:bold; color:#FFF; text-align:left; margin:0px 0px 0px 15px; text-decoration:none; }
#left ul li a:hover { text-decoration:none; color:#CCC; }

#right { float:left; margin:20px 0px 20px 20px; padding:0px; /*width:910px;*/ height:auto; }

#rightfull { /*float:left;*/ margin:10px; padding:0px; 
             /*width:98%;*/ 
             height:auto; }

#loginback { float:left; margin:0px; min-height:400px; padding:0px; background:url(/images/lock.jpg) left top no-repeat; }
#loginbox { float:left; margin:70px 0 0 500px; padding:0px; width:400px; height:auto; border:1px solid #002F65; }
.loginbox_ttl { float:left; margin:0px 0px 20px 0px; padding:7px 0px 0px 10px; width:390px; height:28px; background-color:#002F65; text-align:left; color:#FFF; font-size:16px; font-weight:bold; } 
.label01 { float:left; margin:0px 10px 0px 20px; padding:5px 0px 0px 0px; font-size:15px; font-weight:bold; color:#002F65; text-align:right; width:100px;  }
.textbox01 { float:left; margin:0px 0px 20px 0px; padding:0 0 0 3px; width:228px; height:28px; background-color:#FFF; border:1px solid #002F65; }
.btnSubmit { float:left; margin:0px 0px 20px 128px; padding:0px; width:74px; height:30px; background-color:#66A904; border:none; color:#FFF; font-weight:bold; }

.btnReset { float:left; margin:0px 0px 20px 20px; padding:0px; width:74px; height:30px; background-color:#666666; border:none; color:#FFF; font-weight:bold; }

.contactdiv { float:left; margin:20px 0px 0px 0px; padding:10px 0px 0px 0px; width:640px; height:45px; background-color:#95948E; font-size:16px; font-weight:bold; color:#FFF; }
.contactdiv a:link, .contactdiv a:active, .contactdiv a:visited 
{
	text-decoration: underline;
	color: #FFFFFF;
}
.contactdiv a:hover
{
	text-decoration: none;
}
.callicon { float:left; margin:-21px 0px 0px 0px; padding:0px; width:86px; height:80px; background:url(../images/callicon.jpg) left top no-repeat; }
#footer { float:left; margin:0px; padding:15px 0px 0px 10px; width:99%; height:80px; border-top:5px solid #002D61; color:#000000; text-align:left; font-weight:normal; }

#right img
{
	float: right; margin: 0 0 20px 20px;
	border: none;
}

#footerlinks 
{
	margin: 0 0 20px 0;
}

#footerlinks a:link, #footerlinks a:active, #footerlinks a:visited 
{
	color: #000000;
	text-decoration: underline;
}
#footerlinks a:hover 
{
	text-decoration: none;
}

.msg 
{
	text-align: center;
	color: Red;
}

.exesummary a:link, .exesummary a:hover, .exesummary a:visited, .exesummary a:active
{
	color: Maroon !important;
}
.execsumtdbg
{
	background-color: #cccccc;
}
.applyborder 
{
	border: solid 1px #CCCCCC;
	border-collapse: collapse;
}

.tblheader 
{
	background-color: #586067;
	color: #ffffff;
	font-weight: bold;
	height: 28px;
}
.projectclosing 
{
	border: solid 1px #CCCCCC;
	border-collapse: collapse;
}

.projectclosing tr td
{
	border: solid 1px #CCCCCC;
	border-collapse: collapse;
}

.projectclosing tr td table tr td
{
	border: none;
}
#logininfo 
{
	float: right;
	color: #FFFFFF;    
    text-decoration: none;
    margin: 12px 20px 0 0;
}

#logininfo a:link, #logininfo a:active, #logininfo a:visited 
{
	text-decoration: underline;
	color: #ffffff; 
    font-weight:bold;    
}

#logininfo a:hover 
{
	text-decoration: none;
	color: #ffffff;	
}


.orangebutton { padding:0px; width:80px; height:35px; background-color:#66A904; border:none; color:#FFF; font-weight:bold; font-size: 15px }

.graybutton { padding:0px; width:80px; height:35px; background-color:#666666; border:none; color:#FFF; font-weight:bold; font-size: 15px }

input, select 
{
   font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif; 
}

#rightfull a:link, #rightfull a:active, #rightfull a:visited {
    color: #002C60;
    text-decoration: underline;
}
#rightfull a:hover {
    text-decoration: none;
}
.quickreportimage 
{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: -100px 0 0;
	padding: 3px;
	position: absolute;
	right: -400px;
	width: auto;
	z-index: 99;
}
.img
{
	padding: 2px;
	border:	 solid 1px #cccccc !important;
}

.nextprev
{
	float: right;
	color:#002C60; font-weight:bold; font-size: 16px; 
}

.exesummary a:link, .exesummary a:hover, .exesummary a:visited, .exesummary a:active
{
	color: Maroon !important;
}


.execsumtdbg
{
	background-color: #cccccc;
}

#tblquickheader select
{
	margin: 5px 0 0 0;	
}

.button { padding:0px 10px; height:30px; background-color:#666666; border:none; color:#FFF; font-weight:bold; }

.logotext 
{
	font-size: 32px;
	margin: 0 0 0 50px;
	position: relative;
	top: -20px;
	color: #8C0C03;
	font-weight: bold;
}
.shareddocs a:link, .shareddocs a:visited, .shareddocs a:active, .shareddocs a:hover 
{
	line-height: 22px;
}
.gridheader a
{
color:#FFFFFF !important;	
}

#Background
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: Gray;
    filter: alpha(opacity=40);
    opacity: 0.4;
}
#Progress
{
    position: fixed;
    top: 30%;
    left: 48%;
}




/*****************/

.tab-box { 
	margin: 20px 0 0 0;
  border-bottom: 1px solid #DDD;
  padding-bottom:5px;
}
.tab-box a {
  border:1px solid #DDD;
  color:#22284F;
  padding: 5px 15px;
  text-decoration:none !important;
  background-color: #E1E2E9;
}
.tab-box a.activeLink { 
  background-color: #fff; 
  border-bottom: 0; 
  padding: 6px 15px;
}
.tabcontent { border: 1px solid #ddd; border-top: 0; padding: 10px;}
.hide { display: none;}

/****************/

.DocumentFieldPanel
{
	margin-left :10px;
	background-color: #002d61;
	color: #FFFFFF;    
	height :30px;
	width: 190px;
	text-transform:uppercase;
	font-weight :bold;
	text-align :left;
	vertical-align :middle ;
	line-height :30px;
    padding-left: 5px;
}

.tableAddField
{
	width: 195px;
	margin-left: 10px;
	padding: 2px 5px 2px 5px;
	background-color: #666666;
	border-spacing: 1rem;
	border-collapse: collapse;
}

.tableAddField th
{
	background-color: #EB5B4C;
    color: #FFFFFF;
    font-size: 13px;
    height: 30px;
    text-transform: uppercase;
}

.tableAddField td
{
	border-bottom: solid 1px #aaaaaa;
}
.buttonAddField
{
	background-color: #666666;
    border: 0 none;
    color: #ffffff;    
    text-align: left;
    white-space: normal;

}

.projImages {
    border: 1px Solid #CCCCCC; padding: 10px; margin: 10px 0 0px 0; background-color: #ECECEC;
}
.projImages td {
    padding: 0 15px 0 0;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.footerborder
{
	border-top:solid #000000 1.0pt;
}