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*/