body {
    font-family: Arial,Serif;
    font-size: 13px;
    background: #999999;
    padding: 5px;
    margin: 0;
}
a {
    text-decoration: none;
}
a:visited {
  color: blue;
}
.modal2 {
        border: none;
        display:    none;
        position:   fixed;
        z-index:    1000;
        top:        0;
        left:       0;
        height:     100%;
        width:      100%;
        background:
                url('../img/l.gif')
                50% 50%
                no-repeat;
}
body.loading .modal2 {
        display: block;
}

#top {
    background: #336699;
    margin: 0;
    height: 35px;
    min-width: 1000px;
    padding: 5px 5px 5px 130px;
    padding: 5px;
    color: white;
    font-size: 16px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    position: relative;
}
#top h1 {
    font-size: 26px;
    margin:0 10px;
    padding:  0;
}
#loginBox {
    font-size: 10px;
    float: right;
    padding: 2px 5px;
}
#loginBox input {
    width: 100%;
    margin-top: 5px;
    border: 1px solid white;
    border-radius: 3px;
}
#menu {	
    margin: 0;
	  padding: 0;
    position: absolute;
    bottom: 0px;
    left: 330px;
}
#menu li {
    font-size: 14px;
    border: 1px solid #666;
    list-style: none;
    display: inline;
    margin: 0 1px;
	  float: left;
    padding: 3px 20px 0 20px;
    background: #666;
    -moz-border-radius-topleft: 4px; 
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px; 
    -webkit-border-top-right-radius: 4px;
}
#menu li.cur {
    background: #999;
    border: 1px solid #999;
    font-weight: bold;
}


#menu div {	
    position: absolute;
	  visibility: hidden;
	  margin: 0;
	  padding: 0;
	  background: #666;
	  border: 1px solid #369;
    border-radius: 5px;
}
#menu a.subcur {
    background: #999;
    font-weight: bold;
}
#menu div a {	
    border-radius: 5px;
    position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px!important;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
}

#top  a:hover {
  background: white!important;
  color: #000!important;
}

#top li a {
    padding: 0;
    text-decoration: none;
}

#top  a:link { color: white; }
#top  a:visited { color: white; }

#footer {
    background: #336699;
    min-width: 800px;
    color: white;
    padding: 2px 5px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}

#main {
    background: white url(../img/mic1.png) no-repeat top right;
    margin: 5px 0;
    padding: 10px;
    min-width: 800px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}

#main h1 {
    margin: 0 0 10px 0;
    background: #336699;
    font-size: 18px;
    color: white;
    padding: 2px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#main h2 {
    margin: 0 0 20px 0;
    background: #999;
    font-size: 14px;
    color: white;
    padding: 2px 10px;
}

#main h3 {
    margin: 10px 0px ;
    background: #ddd;
    font-size: 12px;
    padding: 2px 10px;
}


#main table {
    border-collapse: collapse;
}

.dataInputTable th {
    text-align: right;

}

#stepConfirm h3 {
    font-style: underline;
}
#stepConfirm h4 {
    color: #666;
}

.rep_controls input {
    border: 2px solid #336699;
    color: #114477;
    background: #eee;
    font-size: 1.1em;
    font-weight: bold;
    width: 150px;
    border-radius: 4px;
}

#pro_but { 

    font-size: 1em;
 }

.proBox h1 { 
    margin: 0 !important;

}
.proBox h2 { 
    margin: 0!important;
    background: #5588bb!important;
    font-size: 14px;
    color: white;
    padding: 2px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.subBox {
    margin: 5px 0;
}

.proBox {
    margin: 10px 0;
}

.prDesc th {
    text-align: right;
    padding: 3px 7px;
    

}
.noteList th {
    padding: 2px 10px;
    background: #ccc;
}
.noteList td {
    padding: 2px 10px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
}
#noteForm {
    width: 300px;
}
.ntTxt {
    max-width: 400px;
}

.prDesc span { border-radius: 5px; font-weight: bold; margin-right: 10px;}
.prStat1 { background: gray;color: gray; }
.prStat2 { background: red;color: red; }
.prStat3 { background: orange;color: orange; }
.prStat4 { background: yellow;color: yellow; }
.prStat5 { background: green; color: green;}
.prStat6 { background: black; color: black;}

.prEdBut {
    float:right; 
    border: 1px solid #ccc; 
    margin-left: 15px; 
    padding: 2px; 
    background: #ddd;
    border-radius: 5px;
}
.prEdBut:visited { color: blue; }

#searchRes {
    background: white;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid gray;
    color: black!important;
    max-height: 600px;
    overflow-y: auto;
    display: none;
    font-size: 1.2em;
}
#searchRes h1 { font-size: 1em; background: #eee; border-radius: 5px; margin: 0 0 5px 0; }
#searchRes a { color: blue!important; }

.archive th {
    background: #ddd;
    padding : 3px 10px;
}
.archive td {
    text-align: center;
    padding: 3px 5px;
    border-bottom: 1px solid #eee;
}

#reportTable {
    border-collapse: collapse;
}

#reportTable th {
    padding: 5px 20px;
    background: #fff;
    border-top: 1px solid #bbb;
}

#reportTable td {
    padding: 5px 10px;
    text-align: center;
    border-bottom: 1px solid #bbb;
}

#reportTable .catCell {
    background: #ddd;
    font-weight: bold;
}
#reportTable .proCell {
    background: #eee;
}

#reportTable .totalCell {
    background: #eef;
}

#reportTable tr:hover {
    background-color: #ffff99;
    font-weight: bold;
}


#reportTable tr:hover .totalCell, #reportTable tr:hover .proCell{
    background-color: #ffff99;
                                  }
#reportTable a:visited {
    color: blue;
}

.errMsg {
 border: 1px solid red;
 font-size: 18px;
padding: 30px;
 text-align:center;
background: #fdd;
border-radius: 10px;
}