html { 
  height: 100%;
}

body { 
  font-family: Helvetica, Microsoft Sans Serif;
  font-size: 11pt;
  background: #FFF;
  color: #000;
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  }
  
.body_wrapper {
width:100%;
height:100%;
}
  
 .header {
 height:189px;
 width:100%;
 min-width:1260px;
 margin:0px;
 background-image:url(../images/background.jpg);
 background-repeat: repeat-x;
 }
 
.header_container {
 position:fixed; 
 top:0; 
 right:0; 
 left:0; 
 bottom:0; 
 height:190px; 
 }
 
 #left_graphic {
 width:566px;
 height:189px;
 position:relative;
 z-index:2; 
 }
 
 #right_graphic {
 width:688px;
 height:189px;
 position:relative;
 float:right;
 z-index:2; 
 background-image:url(../images/right_header.png);
 }
 
 #right_tabs {
 width:528px;
 height:53px;
 position:relative;
 margin-left:160px;
 }
 
 #clockwork {
 position:relative;
 width:250px;
 height:35px;
 margin-left:426px;
 margin-top:17px;
 z-index:4;
 font-family:arial;
 size:10pt;
 color:#ffffff;
 text-align:right;
 }
 
 #search_box {
width:154px;
height:27px;
margin-top:0px;
margin-left:530px; 
 }
 
 #search_button {
 position:relative;
 height:27px;
 width:26px;
 margin-top:-27px;
margin-left:650px; 
 }
 
 input.search_box {
margin-top:3px;
margin-left:1px;
width:113px;
height:18px;
border:#ffffff; 
}

input.clock {
width:100px;
height:18px;
border:none; 
text-align:right;
background:transparent;
color:#ffffff;
}

.nav_bar {
position:relative;
margin-top:-30px;
background-image:url(../images/nav_bar_background.png);
height:29px;
width:100%;
min-width:1300px;
background-repeat:repeat-x;
z-index:5;
}

.navcontainer {
margin:auto;
width:1300px;
height:29px;
position:relative;
z-index:100;
}

.navcontainer ul {
position: absolute;
padding:0;
margin: 0px;
list-style-type:none;
z-index:100;

}

/*here's my list characteristics as far how things are displayed and how they're "floated" */
.navcontainer ul li {
position: relative;
display: block;
float: left;
margin-left:35px;
z-index:100;
}

.navcontainer ul li a {
text-decoration: none;
display: block;
padding-right: 0px;
}

/* this command tells my li's within the first tier of ul's to bust out with a pulldown menu */
.navcontainer ul li:hover > ul 
{
display: block;
}

/* now we're getting jiggy with it by establishing the rules for the actual pulldown menu */
.navcontainer ul ul {
display: none;
margin-top: 0px;
padding-top: 0;
position: absolute;
background: rgba(204,204,204, .8);
border-style:solid;
border-width: thin;
border-color:#cccccc;
line-height:35px;
height:auto;
z-index:100;
border-radius:6px;
-moz-border-radius:6px;
}

.navcontainer ul ul li {
float:none;
margin:0px;
padding:0;
}

.navcontainer ul ul li a {
display: block;
float:none;
margin-left:3px;
margin-top:1px;
font-family: Helvetica, Microsoft Sans Serif;
font-size: 10.5pt;
padding-left:0px;
z-index:100;
position:relative;
}	

.navcontainer ul ul li:hover > ul 
{
display: block;
}

.navcontainer ul ul li:hover {
display:block;
}

.navcontainer:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

td.dropdown {
position:relative;
}

.dropdown ul {
display: none;
}

.dropdown:hover ul {
display:block;
margin-left:150px;
margin-top:-2px;
border-radius:0px;
-moz-border-radius:0px;
width:150px;
border: 1px solid #ffffff;
background-color:#282828;
height:23px;
line-height:23px;
color:#ffffff;
padding:1px;
}

a.dropdown {
text-decoration:none;
color:#000000;
/*background-color:#cccccc;*/
}

a.dropdown:hover {
text-decoration:underline;
}

.dropdown ul li a {
color:#ffffff;
text-decoration:none;
font-size:9pt;
}


a.home {
display:inline-block; /**** important ****/
margin-top:2px;
width:39px;
height:12px;
background-image:url(../images/button_home.png);
background-repeat:no-repeat;
}

a.regions {
display:inline-block; /**** important ****/
margin-top:2px;
margin-left:25px;
width:51px;
height:29px;
background-image:url(../images/button_regions.png);
background-repeat:no-repeat;
}

a.planning {
display:inline-block; /**** important ****/
margin-top:2px;
margin-left:25px;
width:58px;
height:29px;
background-image:url(../images/button_planning.png);
background-repeat:no-repeat;
}

a.budget {
display:inline-block;
margin-top:2px;
margin-left:25px;
width:189px;
height:29px;
background-image:url(../images/button_budget.png);
background-repeat:no-repeat;
}

a.system_perf {
display:inline-block; /**** important ****/
margin-top:2px;
margin-left:25px;
width:150px;
height:29px;
background-image:url(../images/button_system_perf.png);
background-repeat:no-repeat;
}

a.network_ops {
display:inline-block; /**** important ****/
margin-top:2px;
margin-left:25px;
width:132px;
height:29px;
background-image:url(../images/button_network_ops.png);
background-repeat:no-repeat;
}

a.reference {
display:inline-block; /**** important ****/
margin-top:2px;
margin-left:25px;
width:66px;
height:29px;
background-image:url(../images/button_reference.png);
background-repeat:no-repeat;
}

a.reports {
display:inline-block; /**** important ****/
margin-top:2px;
margin-left:25px;
width:120px;
height:29px;
background-image:url(../images/button_reports.png);
background-repeat:no-repeat;
}

a.footer_link {
color:white;
text-decoration:none;
}

a.faq {
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.faq:hover {
color:#000000;
text-decoration:underline;
}

a.faq:visited {
color:#000000;
text-decoration:none;
}

a.nav_menu_th {
text-decoration:none;
color:#ffffff;
}
a.nav_menu_th:hover {
text-decoration:underline;
color:#ffffff;
}

a.nav_menu_th:visited {
text-decoration:none;
color:#ffffff;
}

a.nav_menu_td {
position:relative;
z-index:100;
text-decoration:none;
color:#000000;
}
a.nav_menu_td:hover {
text-decoration:underline;
color:#000000;
}

a.nav_menu_td:visited {
text-decoration:none;
color:#000000;
}

a.custom_tool {
color:#000000;
font-weight: bold;
text-decoration:none;
}

a.custom_tool:hover {
color:#000000;
font-weight: bold;
text-decoration:underline;
}


.marquee_background {
position:relative;
height:250px;
width:100%;
background-image:url(../images/marquee_background.jpg);
background-repeat:repeat-x;
z-index:4;
}

.marquee {
width:1367px;
height:250px;
margin:auto;
position:relative;
z-index:1;
background-image:url(../images/marquee.png);
}

.global_watermark {
margin:auto;
position:relative;
width:1367px;
height:640px;
background-image:url(../images/globe_watermark.jpg);
background-repeat:no-repeat;
}

.project_content {
margin:auto;
position:relative;
width:1230px;
height:auto;
}

.column_headings {
position:relative;
width:1367px;
height:113px;
background-image:url(../images/column_headings.png);
margin:auto;
margin-top:-25px;
z-index:4;
}

.column_wrapper {
width:1367px;
height:250px;
margin:auto;
}

.app_month {
margin-left:65px;
position:relative;
height:250px;
width:400px;
float:left;
overflow:auto;
}

.headlines {
margin-left:15px;
position:relative;
height:250px;
width:400px;
float:left;
overflow:auto;
}

.faqs {
margin-left:15px;
position:relative;
height:250px;
width:400px;
float:left;
}

.text_boxes {
clear:both;
width:1359px;
height:214px;
margin-top:10px;
margin:auto;
background-image:url(../images/text_boxes_1.png);
overflow:auto;
}

.important {
position:relative;
float:left;
margin-top:23px;
margin-left:85px;
width:562px;
height:153px;
}

.meet_team {
position:relative;
float:left;
margin-top:23px;
margin-left:65px;
width:562px;
height:153px;
}

/*your site content div occupies 100% of the width of the screen in order to compel the scroll bar to line up to the extreme right of the brower */
.site_content {
position:fixed;
top:191px;
bottom:30px;
left:0;
right:0;
overflow:auto;
}

.site_content_container {
width:1000px; 
margin:auto; 
}

.main_body {
width:1000px;
height:auto;
overflow:auto;
margin:auto;
}

.title_text {
font-size:16pt;
font-weight:bold;
}

.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 30px;
background-image:url(../images/footer.jpg);
background-repeat:repeat-x;
font-size:9pt;
color:#ffffff;
text-align:center;
}

.sub_menu {
position:relative;
float:right;
width:600px;
text-align:right;
margin-top:15px;
}

table.csv_sample {
 box-shadow: 7px 7px 15px #e9e9e9;
 border-collapse:separate;
border-radius:6px;
-moz-border-radius:6px;
 margin:auto;
 width:auto;
border: 1px solid #d7d4d4;
 }
 
 table.page_display {
 box-shadow: 7px 7px 15px #e9e9e9;
 border-collapse:separate;
border-radius:6px;
-moz-border-radius:6px;
 margin:auto;
 width:650px;
border: 1px solid #d7d4d4;
 }
 
 td.csv_sample {
padding:5px;
border: 1px solid grey;
 text-align:center;
 background-color:#cccccc;
 }
 
  td.csv_sample_black {
padding:5px;
border: 1px solid grey;
 text-align:center;
 background-color:#000000;
 color:#ffffff;
 font-weight:bold;
 }
 
 td.csv_sample_cell {
padding:5px;
border-collapse: collapse;
border: 1px solid grey;
 }
 
  td.document_cell {
padding:5px;
border-collapse: collapse;
border: 1px solid #cccccc;
 }
 
 td.title {
 text-align:right;
 }
 
 table.regions {
border:none;
 margin:auto;
 }
 
 table.regions th {
 border: 1px solid #ffffff;
 background-color:#282828;
 height:20px;
 line-height:20px;
 text-align:center;
 font-weight:normal;
 color:#ffffff;
 width:auto;
 }
 
  table.regions td.regions_header {
 border: 1px solid #ffffff;
 background-color:#282828;
 height:20px;
 line-height:20px;
 text-align:center;
 font-weight:normal;
 color:#ffffff;
 white-space:nowrap;
 }
 
 
 table.regions td {
 line-height:20px;
 text-align:center;
 vertical-align:top;
 width:300px;
 height:20px;
 white-space:nowrap;
 }
 
 table.regions td.page {
 border: 1px solid #cccccc;
 text-align:left;
 line-height:35px;
  border-radius:6px; 
  -moz-border-radius:6px;
  padding:0px 10px 0px 10px;
 }
 
  table.regions td.page_menu {
 border: 1px solid #cccccc;
 text-align:left;
 line-height:35px;
  border-radius:6px; 
  -moz-border-radius:6px;
 }
 
 table.regions td a {
text-decoration:none;
color: #000000;
 }
 
 table.regions td.page:hover {
 height:34px;
background-color:#ee3125;
color:#ffffff;
 }
 
 a.page {
 color:#000000;
 text-decoration:none;
display:block;
 }
 
  a.page:hover {
color:#ffffff;
 text-decoration:none;
 display:block;
 }
 
 table.regions_list {
 border-radius:6px;
-moz-border-radius:6px;
background-color:#ffffff;
 border: 1px solid #cccccc;
 }
 
 table.regions_list td {
 text-align:left;
 line-height:20px;
 height:20px;
 }
  
 .conclusion {
width:750px;
margin:auto;
padding:10px;
border: solid #000000 1px;
color:#000000;
box-shadow: 5px 5px 10px #cccccc;
}

 .callout {
width:250px;
margin-right:10px;
position:relative;
float:left;
padding:10px;
border: solid #000000 1px;
color:#000000;
box-shadow: 5px 5px 10px #cccccc;
}

#code_container {
border:1px solid #000000; 
width:807px; 
height:250px; 
overflow:auto; 
background-color: #013c76;
font-family:Arial; 
color:#ffffff; 
font-size:10pt; 
margin:auto;
}

ol {
background-color:#ffc; 
color:#ffffff; 
padding-left:8px;
padding-right:10px;
margin-top:0px; 
margin-bottom:-12px;
}

ol li {
line-height:8px;
padding-top:3px; 
padding-bottom:3px; 
padding-left:3px;
}

ol li span {
color:#000000;
}

.slidingDiv {
	margin-top:10px;
	margin-bottom:10px;
    height:auto;
	padding-left:10px;
	padding-right:10px;
	background-color:#ffffff;
	box-shadow: 5px 5px 10px #cccccc;
	border:1px solid #cccccc; 
	 border-radius:6px;
	-moz-border-radius:6px;
}

.slidingDivTerms {
	margin-top:10px;
	margin-bottom:10px;
    height:auto;
	padding-left:10px;
	padding-right:10px;
	background-color:#ffffff;
	box-shadow: 5px 5px 10px #cccccc;
	border:1px solid #cccccc; 
	 border-radius:6px;
	-moz-border-radius:6px;
	width:400px;
	display:none;
}

.slidingNavTerms {
	margin-top:5px;
	margin-bottom:3px;
	height:auto;
	background-color:#ffffff;
	border:1px solid #cccccc; 
	width:auto;
	display:none;
}
 
 
.show_hide {
    display:none;
}

a.show_hide {
color:#7c7c7c;
text-decoration:none;
}

a.show_hide:hover {
color:#000000;
outline:0;
text-decoration:none;
}

#hide-row { display:none; }
 
 .term_guide_container {
 display:none;
 }
 
 .project_name {
 border:1px solid #cccccc;
 /*padding:5 0 5 0;*/
 }
 
 td.title_avatar {
 vertical-align:middle;
 width:400px;
 }
 
 td.title_avatar img {
 vertical-align:middle;
 }
 
 td.avatar {
vertical-align:middle;
width:400px;
 }
 
 td.avatar img {
 vertical-align:middle;
 }
 
 .executive {
 margin-left:25px;
 width:382px;
 display:inline-block;
 }
 
  .manager {
 margin-left:50px;
  width:357px;
 display:inline-block;
 }
 
   .specialist {
 margin-left:75px;
 width:282px;
 display:inline-block;
 }
 
    .supervisor {
margin-left:100px;
width:182px;
display:inline-block;
 }
 
  .lead {
 margin-left:125px;
 width:278px;
 display:inline-block;
 }
 
 
.show_hide {
    display:none;
}

table.org_chart {
width:100%; 
box-shadow: 7px 7px 15px #e9e9e9; 
border-collapse:separate; 
border-radius:6px; 
-moz-border-radius:6px; 
margin:auto; 
height:auto;
}

 table.org_chart td {
 border:0;
 }
 
 a.avatar {
 text-decoration:none;
 }
 
 a.avatar:hover{
 text-decoration:underline;
 }
 
  /*clock styles*/
 
 .outer_face {
 position: relative;
 width: 125px;
 height: 125px;
 border-radius: 125px;
 background: white;
 box-shadow: inset 0 0 10px gray;
 border: 3px solid #cccccc;
 }

 .outer_face::before, .outer_face::after{ /* 12-6 and 9-3 hour markers */
 content: "";
 position: absolute;
 width: 8px;
 height: 100%;
 background: grey;
 z-index: 0;
 left: 50%;
 margin-left: -5px;
 top: 0
 }

 .outer_face::after { /* 9-3 time marker specifically*/
 -moz-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg)
 }
 
 .outer_face::before, .outer_face::after, .outer_face .marker{ /* All hour markers */
 content: "";
 position: absolute;
 width: 8px;
 height: 100%;
 background: grey;
 z-index: 0;
 left: 50%;
 margin-left: -5px;
 top: 0
 }s

 .outer_face .marker {
 background: gray;
 width: 8px;
 margin-left: -4px
 }

 .outer_face .marker.oneseven {
 -moz-transform: rotate(30deg);
 -ms-transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 transform: rotate(30deg)
 }

 .outer_face .marker.twoeight {
 -moz-transform: rotate(60deg);
 -ms-transform: rotate(60deg);
 -webkit-transform: rotate(60deg);
 transform: rotate(60deg)
 }

 .outer_face .marker.fourten {
 -moz-transform: rotate(120deg);
 -ms-transform: rotate(120deg);
 -webkit-transform: rotate(120deg);
 transform: rotate(120deg)
 }

 .outer_face .marker.fiveeleven {
 -moz-transform: rotate(150deg);
 -ms-transform: rotate(150deg);
 -webkit-transform: rotate(150deg);
 transform: rotate(150deg)
 }

.inner_face {
    background: url(http://images.forbes.com/media/lists/companies/verizon-communications_200x200.jpg) no-repeat;
    border-radius: 60px;
    height: 88%;
    left: 6%;
    position: relative;
    top: 6%;
    width: 88%;
    z-index: 1000;
    background-size: 80%;
    background-position: 50% 140%;
    background-color: #fff;
}

 .inner_face::before {
 /* clock center dot small */
 content: "";
 width: 12px;
 height: 12px;
 border-radius: 18px;
 margin-left: -9px;
 margin-top: -9px;
 background: black;
 position: absolute;
 top: 50%;
 left: 50%;
 box-shadow: 0 0 30px gray
 }

 .inner_face::after {
 content: "";
 position: absolute;
 width: 100%;
 font: normal 0.8em Arial;
 color: gray;
 text-align: center;
 top: 75%
 }
 .hand, .hand.hour {
 position: absolute;
 width: 4px; /* default width of hands/ hour hand */
 height: 30%; /* default height of hands/ hour hand */
 top: 20%; /* offset hand vertically by 20% so its bottom is at center of clock */
 left: 50%; /* offset hand horiz by 50% so its left is at center of clock */
 margin-left: 0px; /* Account for hand width to center hand horizonally */
 background: black;
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 -moz-transform-origin: bottom; /* Set transform origin to center bottom */
 -ms-transform-origin: bottom;
 -webkit-transform-origin: bottom;
 transform-origin: bottom;
 z-index: -1;
 -moz-box-shadow: 0 0 3px gray;
 -webkit-box-shadow: 0 0 3px gray;
 box-shadow: 0 0 3px gray
 }

 .hand.minute { /* minute hand (2nd longest) */
 height: 45%;
 top: 3%;
 width: 6px;
 margin-left: -6px;
 }

 .hand.second { /* second hand (longest) */
 height: 50%;
 width: 2px;
 margin-left: -3px;
 top: -3px;
 background: red
 }
 
 td.tool_list_header {
 height:28px;
 text-align:center;
 background-image:url(../images/column_background.jpg); 
 background-repeat:repeat-x; 
 color:#ffffff;
 border-right:1px solid #ffffff;
 }

 table.tool_list {
 box-shadow: 7px 7px 15px #e9e9e9;
border-collapse:collapse;
border-radius:6px;
-moz-border-radius:6px;
 margin:auto;
 width:1000px;
border: 1px solid #d7d4d4;
 }
 
 td.tool_list {
 vertical-align:center;
 padding:5px;
 border:1px solid #cccccc;
 text-align:center;
 }
 
td.catn {
height:28px;
color:#ffffff;
background-image:url(../images/column_catn_background.jpg); 
background-repeat:repeat-x; 
}

td.ctx {
height:28px;
color:#ffffff;
background-image:url(../images/column_ctx_background.jpg); 
background-repeat:repeat-x; 
}

td.fl {
height:28px;
color:#ffffff;
background-image:url(../images/column_fl_background.jpg); 
background-repeat:repeat-x; 
}

td.hgc {
height:28px;
color:#ffffff;
background-image:url(../images/column_hgc_background.jpg); 
background-repeat:repeat-x; 
}

td.gaal {
height:28px;
color:#ffffff;
background-image:url(../images/column_gaal_background.jpg); 
background-repeat:repeat-x; 
}

td.sctl {
height:28px;
color:#ffffff;
background-image:url(../images/column_sctl_background.jpg); 
background-repeat:repeat-x; 
}

td.area {
height:28px;
color:#ffffff;
background-image:url(../images/column_area_background.jpg); 
background-repeat:repeat-x; 
}

td.alu {
height:28px;
color:#ffffff;
background-image:url(../images/column_alu_background.jpg); 
background-repeat:repeat-x; 
}

td.erc {
height:28px;
color:#ffffff;
background-image:url(../images/column_erc_background.jpg); 
background-repeat:repeat-x; 
}

td.device {
height:28px;
color:#ffffff;
background-image:url(../images/column_background.jpg); 
background-repeat:repeat-x; 
}

textarea.description {
width:480px;
height:200px;
font-family: Helvetica, Microsoft Sans Serif; 
font-size: 12px;
border:1px solid #cccccc;
}


 /*end of clock styles*/