@charset "utf-8";
/* CSS Document */


/* Start - Headings */

html,body {
	background-color: #ffffff;
	/*background-repeat:repeat;*/
	/*margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
 */
        
        width: 100%; height: 100%; margin: 0; padding: 0;
}

h2{
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12pt;
	font-weight:bold;
	color:#ffffff;
}

tr.list:hover { background-color:#696969; } 

tr.listerror {
    background-color: #ed1616;
}

tr.listerror:hover { background-color:#696969; }

.mainHeading {

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14pt;
	font-weight:bold;
	color:#000000;
	
}

.mainSubHeading {

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	font-weight:bold;
	color:#000000;
	
}

.notifications {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#ffffff;

}

.notificationsWarn {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#FF0000;

}

.notificationsWarnR {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bold;
	color:#FF0000;

}

.notifyRED {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	color:#FF0000;

}

.notificationsWarnG {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bold;
	color:#00FF00;

}

.notificationsWarnW {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18pt;
	font-weight:bold;
	color:#ffffff;

}

/* End - Headings */

/* Start - Body */

.mainTXT {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#ffffff;
	
}

.mainTXTWh {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#ffffff;
	
}

a.mainTXTWh {
    
    font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#ffffff;
}

a.mainTXTWh:hover {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#ff4019;
	
}

.mainTXTBold {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#ffffff;
	
}

.mainTXTBold2 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:24pt;
	font-weight:bold;
	color:#ffffff;
	
}

.mainTXTBoldRED {

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	font-weight:bold;
	color:#FF0000;
	
}

.smallPrint {

	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	
}

.smallPrintWhite {

	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFFF;
	
}

.smallPrintBold {

	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
	
}

.msgTXT {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	
}

.tosOver {
    
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        color: #f2ff00;
}

img.Nav {
    
vertical-align:middle;

}

/* End - Body */

/* Start - Navigation */

.mainSubHeadingNav {

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	font-weight:bold;
	color:#ffffff;
	
}

.mainSubHeadingNav:Hover {

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	font-weight:bold;
	color:#FFFF00;
	
}

.subNav {

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#ffffff;
	
}

.subNav:Hover {

	color:#FFFF00;
	
}


/* End - Navigation */

/* Start - Text Fields */

.nonEditable {

	/*background:#CC3366;*/
        background: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	}
	
.autoCompTXT {

	background:#00CCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	
	}
	
.lookupTXT {

	background:#00CC33;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	
	}	

.mainTXTblk {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	
}

.mainTXTblkBOLD {

	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	
}

/* End - Text Fields */


/* Printout spec */

.bordered {
   
  border-left: 3px;
  border-right: 3px;
  border-top: 1px;
  border-style: solid solid;
  /*border-width: medium;*/
  
}

th.rightborder {

    padding: 2px;
   border-right: 0px;
    border-left: 1px;
    border-top: 1px;
    border-bottom: 2px;
    border-bottom-width: 5px;
    border-style: solid solid double solid;

    	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
        font-weight: bold;
}

td.rightborder {

    padding-left: 20px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
  /*  border-right: 1px;
    border-right-width: thin;
    border-right-style: solid;
*/
    	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
}

.textalign{
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#000000;
    
}

.fleft{
    float: left;
}

.fright{
    float:right;
}

.topPad {

    padding-top: 5px;
}

.fatPad {

    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
    padding-bottom: 0;
}

.valignC {
    vertical-align: bottom;
}


#header {

    position: absolute;
    top: 150px;
}

#content {

    position: absolute;
    top: 405px;
    margin-left: auto;
    margin-right: auto;
    width: 99%;
    height: 380px;

    border-bottom: 2px;
    border-bottom-width: 5px;
    border-style: solid;
    overflow: visible;
}

#totalval {

    position: relative;
    top: 792px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#totalval2 {

    position: relative;
    top: 540px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#footer {

    position: absolute;
    top: 845px;
    left: 10px;
    margin-left: auto;
    margin-right: auto;
}
#newmenu {
   /* border: solid 1px;
    border-color: #000000;
   */
    height: 29px;
    width: 100%;
    background-color: #000000;
    
}

.backBlack {
    background-color: #000000;
}
.backWhite {
    background-color: #ffffff;
}


p.breakhere {
    page-break-after:always;
}
/* End printout spec */

.gradientV{
    /* fallback (Opera) */
    background: #000000;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #000000, #FFFFFF);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#000000), to(#FFFFFF));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#000000', EndColorStr='#FFFFFF', GradientType=0);
}
 
#example1 {
    padding: 5px;
    background-color: #000000;
    margin-left: auto;
    margin-right: auto;
    width:91%;
    height:320px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-opacity:9; 
    filter: alpha(opacity=90); 
    opacity:.9;
    -moz-box-shadow: 2px 2px 3px #000;
    -webkit-box-shadow: 2px 2px 3px #000;
    box-shadow: 2px 2px 3px #000;
}

#example2 {
    padding: 5px;
    background-color: #000000;
    margin-left: auto;
    margin-right: auto;
    width:50%;
    height:80%;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-opacity:9; 
    filter: alpha(opacity=90); 
    opacity:.9;
    -moz-box-shadow: 2px 2px 3px #000;
    -webkit-box-shadow: 2px 2px 3px #000;
    box-shadow: 2px 2px 3px #000;
}

#longlist1 {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #000000;
    margin-left: auto;
    margin-right: auto;
    width:94%;
    /*height:320px;*/
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-opacity:9; 
    filter: alpha(opacity=90); 
    opacity:.9;
    -moz-box-shadow: 2px 2px 3px #000;
    -webkit-box-shadow: 2px 2px 3px #000;
    box-shadow: 2px 2px 3px #000;
}

#popupbox1 {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #000000;
    margin-left: auto;
    margin-right: auto;
    width:96%;
    height: 95%;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-opacity:9; 
    filter: alpha(opacity=90); 
    opacity:.9;
    -moz-box-shadow: 2px 2px 3px #000;
    -webkit-box-shadow: 2px 2px 3px #000;
    box-shadow: 2px 2px 3px #000;
}

#loginForm {
    position: absolute;
    top: 32%;
    bottom: 32%;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    background-color: #000000;
    margin-left: 34%;
    margin-right: 36%;
    width:30%;
    height: 40%;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-opacity:9; 
    filter: alpha(opacity=90); 
    opacity:.9;
    -moz-box-shadow: 2px 2px 3px #000;
    -webkit-box-shadow: 2px 2px 3px #000;
    box-shadow: 2px 2px 3px #000;
}

#ical1 {
    padding: 5px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    width:91%;
    /*height:320px; */
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-opacity:9; 
    filter: alpha(opacity=90); 
    opacity:.9;
    -moz-box-shadow: 2px 2px 3px #000;
    -webkit-box-shadow: 2px 2px 3px #000;
    box-shadow: 2px 2px 3px #000;
}

#ical2 {
    padding: 5px;
    background-color: #ccc;
    margin-left: auto;
    margin-right: auto;
    width:91%;
    /*height:320px; */
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-opacity:9; 
    filter: alpha(opacity=90); 
    opacity:.9;
    -moz-box-shadow: 2px 2px 3px #000;
    -webkit-box-shadow: 2px 2px 3px #000;
    box-shadow: 2px 2px 3px #000;
}

#loginlogo {
    
    position: absolute;
    top: 20%;
   /* left: 43%; */
   width:100%;
    
    
}

#warning {
    position:fixed;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    bottom: 5px;
    
}

.graph { display: block; margin-left: auto; margin-right: auto }

.show-80{
 -moz-opacity:.95; 
 filter: alpha(opacity=95); 
 opacity:.95;
}

.outerBorder {
    
    border: solid #000 1px;
    
}

/* Progress Bar */

.all-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
.spacer {
	display: block;
}
 
#progress-bar {
	width: 300px;
	margin: 0 auto;
	background: #fff;
	border: 3px solid #f2f2f2;
}
 
#progress-bar-percentage {
	background: #3063A5;
	padding: 5px 0px;
 	color: #FFF;
 	font-weight: bold;
 	text-align: center;
}

/* new quote - job progress div's' */

#addjob {
    position: absolute;
    top: 75px;
    left: 30%;
    right: 10%;
}
#getrisks {
    position: absolute;
    top: 95px;
    left: 30%;
    right: 10%;
}
#newaudit {
    position: absolute;
    top: 115px;
    left: 30%;
    right: 10%;
}
#newdirs {
    position: absolute;
    top: 135px;
    left: 30%;
    right: 10%;
}
#newpdf {
    position: absolute;
    top: 155px;
    left: 30%;
    right: 10%;
}
#cleaning {
    position: absolute;
    top: 175px;
    left: 30%;
    right: 10%;
}
#alldone {
    position: absolute;
    top: 195px;
    left: 30%;
    right: 10%;
}