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

body {margin: 0; background: #000 url(../images/bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif}

.clear{clear:both; height:0px}

.container {width: 960px; margin: 0 auto;}
#header {}
#utility{float:right; display:inline-block; widht: 600px;}
#utility ul{overflow:hidden; margin:25px 0px 0px 0px;}
#utility ul li{display:inline-block; color:#ffffff;}
#utility ul li a{ text-decoration: none; font-size:12px; font-weight:bold; padding-left:15px; padding-right:15px; color:#ffffff;}

#MainContent {background: #fff; border:1px solid #333; margin:10px 0}


.Box {margin: 20px;}

.Boxbody { background: #e7e7e7; border: 1px solid #ccc;}

.boxFooter {background: url(../images/box_shadow.png) no-repeat 0 0; height:25px; width:916px; display:block;}

#logo {color:#ffffff; font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding: 15px 0px 3px 15px; display:inline-block;}

h2 { background: url("../images/blue_header_bg.png") no-repeat; padding:5px 20px 0px 20px; height: 39px; color: #fff;text-decoration: none; font-size: 18px; font-weight: bold; margin-left:-14px; width:auto; display:inline-block; }

#percentbar {background: url(../images/green_arrowbg.png) no-repeat 0 0; display:inline-block; color:#fff; font-size:60px; font-weight:bold;  padding:1px 1px 3px 15px; width:300px; margin: 15px 0px 15px 21px; z-index:3; float:left; position:absolute;}

#greyheader {background: #ccc repeat-x;  font-weight:bold; font-size:30px; color:#000; padding-top:5px; padding-bottom:5px; padding-left:150px; display:inline; z-index:0; float:left; position:absolute; left:100px; width:687px; top:30px; overflow:hidden;}

#secondaryheader{ display:inline-block; position:relative; height:90px; }

#secondarylogo{float:right; display:inline-block; padding: 0px 15px 15px 0px;}

#Nav {background: url("../images/nav_banner.png") no-repeat; color: #fff; margin:27px 0px 6px -1px; display:inline-block; width: 974px; height:50px;}

#Navtop{ }
#Navtop ul{margin-left:120px; margin-top: 0; float: left; width: 720px; overflow: hidden;}
#Navtop ul li{text-decoration:none; float:left; display:inline-block;  color: #fff;text-decoration: none; font-size: 18px; font-weight: bold; margin: 0 5px;  }
#Navtop ul li a {text-decoration:none; color:#fff;  padding: 10px 15px 0; display:block; height: 32px;}
#Navtop ul li a:hover {background: #0079c2}
#Navtop ul li a.selected {text-decoration:none; color:#fff;}

#Navlogo{ z-index:10; position:absolute; margin: 14px 0px 0px -13px; }
#Footer{float:right; color:#ffffff; font-size:11px; font-weight:regular; padding:0px 15px 20px 0px;}
#whitebox{ font-family:Arial, Helvetica, sans-serif; float:left; width: 391px; padding: 5px 20px 20px 20px}
#outerbox{background-color:#ffffff; border: solid 1px #999; }
#whitebox table.white{background-color:#ffffff;}
#whitebox table.lightblue{background-color:#d4e7f5;}
#whitebox td.leftslot{border-style: none;
    border-color: inherit;
    border-width: medium;
    color:#000000; font-size:12px; font-weight:bold; text-align: center; 
    padding:8px 0px 8px 10px;
}
#whitebox td.rightslot{border: none;; color:#000000; font-size:12px; font-weight:bold; text-align: right; padding:8px 20px 8px 20px;}
#whitebox table{width:100%;}

#colorful{ border:none; font-family:Arial, Helvetica, sans-serif; float:right; width: 415px; padding: 5px 20px 20px 20px}
#colorful table {width:100%;}
#colorful table.green {background-color:#02a307;}
#colorful table.red {background-color:#c20000;}
#colorful table.blue {background-color:#005d9b;}
#colorful table.orange {background-color:#f6821f;}
#colorful table.purple {background-color:#9a0092;}
#colorful td.left {border: none; color:#ffffff; font-size:12px; font-weight:bold; text-align: left; padding:8px 10px 8px 8px;}
#colorful td.middle {border: none; color:#ffffff; font-size:12px; font-weight:bold; text-align: center; padding:8px 8px 8px 8px;}
#colorful td.right {border: none;; color:#ffffff; font-size:12px; font-weight:bold; text-align: right; padding:8px 8px 8px 10px;}
.Box .Boxbody .content h3 {font-size:18px; color:black; font-weight:bold;  border-bottom: 1px solid #0278c0; padding-bottom:10px;}

#graphheader {width:800px; background-color:#292727; margin:20px auto;}
#item1 {padding:8px 20px 8px 10px; font-size:12px; font-weight:bold; color:#ffffff; display: inline-block; float: left; line-height:20px;}
#item1 .item1Color{background-color:#f18022; height:20px; width:20px; display: inline-block; float: left; margin-right:10px; }
#item2 {padding:8px 20px 8px 10px; font-size:12px; font-weight:bold; color:#ffffff; display: inline-block; float: left; line-height:20px;}
#item2 .item2Color{background-color:#0079c2; height:20px; width:20px; display: inline-block; float: left; margin-right:10px;}

#complianceGraph {width:800px; margin:20px auto ; }
#DOE_OPIS {width:800px; margin:20px auto ; padding-left: 20px; padding-bottom:20px;}

#DOE_OPIS {width:800px; margin:20px auto;}

#employee {width:800px; margin:20px auto;}

.printer {margin:0px auto; vertical-align:middle; padding-right:5px;}

.padding { padding : 10px 15px 10px 15px;
}

.defaultlink a { font-size:15px; 
}