/* CSS Document */
/* Website: www.eftelgroup.com */
/* Created: Jan 2012 */
/* By: $hiva */


/*
* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
* v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
* html5doctor.com/html-5-reset-stylesheet/
*/

@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }


/* TO DO : convert ID selectors to class selectors */

/* gen rules */

* {
  margin: 0; padding: 0;
}

html, body, #wrapper {
  padding:0;
  margin:0;
  height:100%;
}

img {
  border:0;
}

body {
  font:10.5pt "Droid Sans", "Lucida Sans", "Lucida Sans Unicode", Tahoma, Geneva, Helvetica, sans-serif;
  color:#747474;
  margin:0;
  padding:0;
  background:#fff url(../images/bg/body_bg.jpg) top left repeat-x;
}

/* main layout area rules */

#containerBg { /* handles background image positioning if required */
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:transparent url(../images/bg/lhs_body_bg.png) top left no-repeat;
  padding:0;
  margin:0;
  z-index:-1;
  border:0;
}

body > #wrapper {
  height:auto;
  min-height:100%;
}

#container {
  width:1020px;
  height:100%;
  padding:40px 0 250px 0;
  margin:0 auto;
  background:#fff url(../images/bg/body_bg.jpg) top left repeat-x;
  -moz-box-shadow:0 0 22px rgba(55,55,75,.2);
  -webkit-box-shadow:0 0 22px rgba(55,55,75,.2);
  box-shadow:0 0 22px rgba(55,55,75,.2);
}

.lhsSideAdHolder {
  width:175px;
  height:325px;
  position:absolute;
  top:250px;
  margin-left:-175px;
}

#mastHead {
  height:130px;
  width:100%;
  margin:0 0 35px 0;
}

#mastHead #logoHolder {
  width:250px;
  height:130px;
  float:left;
  margin:0;  
}

#headerLogoIMG {
  margin:0 0 0 45px;
}

/* main nav rules */

#menuBar {
  width:770px;
  margin:0;
  padding:0;
  height:130px;
  float:right;
  background:transparent url(../images/nav/nav_rings_bg.png) center center no-repeat;
  display:none;
}

#menuBar > div {
  height:55px;
  width:88%;
  margin:40px 45px 0 auto;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-box-shadow:0 0 4px rgba(20,20,75,.3);
  -webkit-box-shadow:0 0 4px rgba(20,20,75,.3);
  box-shadow:0 0 4px rgba(20,20,75,.3);
  
  background: #efefef url(../images/bg/menubar_bg.jpg) top left repeat-x; /* old browsers */
  
  /* CSS3 gradient styles work only on clued-in browsers */

 background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #ffffff),
  color-stop(35%, #efefef),
  color-stop(15%, #ffffff)
);
 background-image: -moz-linear-gradient(center top, #ffffff 0%, #efefef 35%, #efefef 15%);
 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35efefef', endColorstr='#15ffffff',GradientType='0' );
}

#inlineMenu {
  padding:0;
  margin:0 0 0 15px;
  font:12pt Lato, Cantarell, 'Droid Sans', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial Narrow', sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  color:#cac4c4;
  list-style-type:none;
  list-style-position:outside;
  height:55px;
  width:100%;
  position:relative;
}

#inlineMenu li {
  float:left;
  padding:0;
  margin:18px 0 0 0;
  width:130px;
  text-align:center;
  height:55px;
  display:block;
}

#menuBar a {
  text-decoration:none;
  text-shadow: #fff 1px 1px 1px;
  width:inherit;
  height:20px;
  display:block;
  border:1px solid #ccc;
  border-width:0 1px 0 0;
  border-left:1px solid #fff;
}

#menuBar a:link, #menuBar a:visited {
  color:#0093d0;
}

#inlineMenu li:first-child a {
  border-left-color:transparent;
}

#inlineMenu li:last-child a {
  border-right-width:0;
}

#menuBar a:hover {
  color:#555;
}

#inlineMenu li:hover, #inlineMenu li:hover a:link {
  color:#555;
  cursor:pointer;
}

/* eo main nav */

#tierTwoHolder, #tierThreeHolder {
  width:970px;
  height:auto;
  min-height:450px;
  margin:45px auto 0 auto;
  padding:0;
  border:1px solid #ededed;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  -moz-box-shadow:0px 0 6px rgba(55,55,75,.1);
  -webkit-box-shadow:0px 0 6px rgba(55,55,75,.1);
  box-shadow:0px 0 6px rgba(55,55,75,.1);
}

#tierThreeHolder {
  min-height:inherit;
 /* height:150px;*/
  height:450px;
  margin:20px auto 10px auto;
 /* cursor:pointer;*/
}

#tierThreeHolder div {
  font:16pt Lato, Cantarell, 'Droid Sans', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial Narrow', sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  color:#fff;
  float:left;
  margin:60px 0 0 10px;
}

#lhsContentHolder {
  width:53%;
  padding:20px;
  float:left;
}

#rhsContentHolder {
  width:400px;
  float:right;
  padding:0;
  margin:0;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}

/*#lhsContentHolder {
  width:390px;
  height:305px;
  float:left;
  background:transparent url(../images/rhs_pic/network_map_v03.png) -420px -145px no-repeat;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  position:relative;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}


#lhsContentHolder.roundedLHS {
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
}

#lhsContentHolder #mapFooter {
  width:100%;
  height:30px;
  background-color:rgba(255,255,255,.2);
  position:absolute;
  bottom:0;
  left:0;
  cursor:pointer;
}

#lhsContentHolder #mapFooter:hover {
  background-color:rgba(255,255,255,.5);
}

#lhsContentHolder #mapFooter span {
  font:15pt Lato, Cantarell, 'Droid Sans', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial Narrow', sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  color:#fff;
  margin:3px 0 0 10px;
  cursor:auto;
}

#lhsContentHolder #mapFooter #arrows {
  float:right;
  margin:12px 10px 0 0;
  width:10px;
  height:6px;
  background: transparent url(../images/gen/icon_arrows.png) 0 0 no-repeat;
}

#lhsContentHolder #mapFooter.expandDiv #arrows {
  background: transparent url(../images/gen/icon_arrows.png) -20px 0 no-repeat;
  cursor:auto;
}

#rhsContentHolder {
  width:55%;
  padding: 20px;
  float:right;
}
*/

/* inner pages */

#innerMenuBar {
  width:100%;
  margin: -20px 0px 0px 0px;
  padding:0;
  height:50px;
  background: #1d84c8 url(../images/bg/innermenubar_bg.jpg) top left repeat-x; /* old browsers */

  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0%, #5db7f2),
  color-stop(75%, #1d84c8),
  color-stop(15%, #5db7f2)
);
 background-image: -moz-linear-gradient(center top, #5db7f2 0%, #1d84c8 75%, #1d84c8 15%);

 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#751d84c8', endColorstr='#155db7f2',GradientType='0' );
 box-shadow: #cecece 1px 1px 1px;
}

#inlineInnerMenu {
  padding:0;
  margin:0 0 0 15px;
  font:11pt Lato, Cantarell, 'Droid Sans', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  list-style-type:none;
  list-style-position:outside;
  height:50px;
  position:relative;
}

#inlineInnerMenu  li {
  float:left;
  position:relative;
  margin:0;
  padding:0 30px 0 0;
  /*width:175px;*/
  text-align:center;
  height:50px;
/*  border:1px solid #18669a;
  border-width:0 1px 0 0;
  border-left:1px solid #82c3ee; */
}

#inlineInnerMenu > li:first-child {
  border-left-width:0;
}

#inlineInnerMenu > li:last-child {
  border-right-width:0;
}

#inlineInnerMenu > li:hover, #inlineInnerMenu > li:hover > a:link {
  color:#b9e1fc;
  cursor:default;
}

#inlineInnerMenu > li > a {
  text-decoration:none;
  border:0;
  text-shadow: #167ec2 1px 1px 1px;
  margin-top:15px;
  display:block;
}

#inlineInnerMenu > li > a:link, #inlineInnerMenu > li > a:visited {
  color:#fff;
}

#inlineInnerMenu > li > a:hover {
  color:#b9e1fc;
}

/* navigation dropdown styles */

#inlineInnerMenu ul { /* handles roll-over dropdown - first child */
  font:10pt Lato, Cantarell, 'Lucida Sans Unicode', 'Lucida Sans', 'Arial Narrow', sans-serif;
  margin:0;
  padding:0;
  text-transform:none;
  list-style-position:outside;
  list-style-type:none;
  position:absolute;
  top:3.75em;
  left:-1px;
  display:none;
  border:0;
  background-color:#fff;
  z-index:2000;
  height:auto;
  -moz-box-shadow:0 0 2px rgba(100,100,100, .6);
  -webkit-box-shadow:0 0 2px rgba(100,100,100, .6);
  box-shadow:0 0 2px rgba(100,100,100, .6);
}


#inlineInnerMenu ul li {
  width:11em;
  height:25px;
  display:block;
  text-align:left;
  margin:0;
  padding:5px 10px 5px 5px;
}

#inlineInnerMenu li:hover ul {
  display:block;
  filter:alpha(opacity=95);
  -ms-filter:alpha(opacity=95);
  opacity: 0.95;
}

#inlineInnerMenu ul li a {
  border:0;
  text-decoration:none;
  text-shadow:none;
}

#inlineInnerMenu ul li:hover {
  background-color:#efefef;
  cursor:default;
  -moz-box-shadow:inset 1px 1px 5px rgba(155,155,155, .5);
  -webkit-box-shadow:inset 1px 1px 5px rgba(155,155,155, .5);
  box-shadow:inset 1px 1px 5px rgba(155,155,155, .5);
}

#inlineInnerMenu ul li:hover a {
  color:#333;
  text-shadow:0 1px 1px rgba(255,255,255,.9);
}

#inlineInnerMenu ul a:link, #inlineInnerMenu ul a:visited {
  color:#444;
}

#inlineInnerMenu ul a:hover {
  color:#f00;
}

#inlineInnerMenu li ul li {
  width:11em;
  border-bottom:1px solid rgba(200,200,200,.6);
  display:block;
  text-align:left;
}

#inlineInnerMenu ul ul {
  margin:0;
  top:0;
}

#inlineInnerMenu li ul ul {
  left:11em;
  margin:0 0 0 15px;
}

#inlineInnerMenu li:hover ul ul, #inlineInnerMenu li:hover ul ul ul, #inlineInnerMenu li:hover ul ul ul ul{
  display:none;
}


#inlineInnerMenu li:hover ul, #inlineInnerMenu li li:hover ul, #inlineInnerMenu li li li:hover ul, #inlineInnerMenu li li li li:hover ul{
  display:block;
  filter:alpha(opacity=95);
  -ms-filter:alpha(opacity=95);
  opacity: 0.95;
}


/* eo ddown menus */

#innerTierTwoHolder {
  width:970px;
  height:auto;
  min-height:450px;
  margin:45px auto 0 auto;
  padding:0;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
}


#formContainer {
  width:55%;
  background-color:rgba(250,250,250,.95);
  border:1px solid #ededed;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  padding:5px;
  position:relative;
  top:-30px;
  left:210px;
  -moz-box-shadow:0 0 6px rgba(100,100,100, .6);
  -webkit-box-shadow:0 0 6px rgba(100,100,100, .6);
  box-shadow:0 0 6px rgba(100,100,100, .6);
}

/* image links (rules preventing text-decoration) */

.imgLink:link, .imgLink:visited	{
  border:0;
  text-decoration:none;
}

/* eo image link */

/* misc. element rules */

hr {
  background-color:#cdcdcd;
  height:1px;
  width:95%;
  margin:30px auto 30px auto;
  border:0;
}

.multi-column, .portalList {
  -moz-column-count: 2;
  -moz-column-gap: 15px;

  -webkit-column-count: 2;
  -webkit-column-gap: 15px;

  column-count: 2;
  column-gap: 15px;
}

#errorMssgHolder {
  background-color:#fff;
  color:#ff232f;
  font-weight:bold;
  font-size:9pt;
  padding-bottom:20px;
}

/* eo misc. rules */

/* network coverage rules */

#stateHolder, .stateTabs {
  width:450px;
  height:37px;
  margin:25px auto;
}

#stateHolder div {
  float:left;
  width:55px;
  height:30px;
  text-align:center;
  padding:10px 0 5px 0;
  background-color:#18c9fc;
  border-collapse:collapse;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

#stateHolder div:hover {
  background-color:#47bcec;
  color:#ff4200;
  cursor:pointer;
  padding-bottom:2px;
  -moz-box-shadow:inset 1px 1px 2px rgba(2,120,195, .7);
  -webkit-box-shadow:inset 1px 1px 2px rgba(2,120,195, .7);
  box-shadow:inset 1px 1px 2px rgba(2,120,195, .7);
}

.stateTabs div {
  border:1px solid #ccc;
  border-width: 0 0 0 1px;
  float:left;
  width:55px;
  height:30px;
  text-align:center;
  padding:10px 0 5px 0;
  margin:0;
}

.stateTabs div:first-child {
  border-left-width:0;
}

.stateTabs div:hover, .stateTabs div:hover a {
  cursor:pointer;
  color:#000;
}

.stateTabs div a {
  border:0;
  color:#777;
}

.stateTabs div a:hover {
  color:#000;
}

.stateTabs div.activeState {
  background-color:#efefef;
  text-shadow:1px 1px 1px #fff;
  -moz-box-shadow:inset 2px 2px 3px rgba(200,200,200,.8);
  -webkit-box-shadow:inset 2px 2px 3px rgba(200,200,200,.8);
  box-shadow:inset 2px 2px 3px rgba(200,200,200,.8);
}

/* eo of network coverage */


/* text rules /// subject to change */

h1 {
  font:18pt Lato, Cantarell, "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  font-weight:bold;
  color:#0093d0;
  margin:25px 0 0px 0px;
  border-bottom:1px inset #ebebeb;
  width:100%;
  padding:0 0 20px 0;
}

h4 {
  color:#0093d0;
  background-color:inherit;
  padding:8px 0 2px 0;
  margin:0 0 5px 0;
  font-size:11pt;
  text-transform:uppercase;
  text-shadow: #cdcdcd 1px 1px 2px;
  width:100%;
  border-bottom:2px solid #12bffd;
}

h4 button {
  width:20px;
  border:0;
  text-align:center;
  padding:0 6px 0 6px;
  background-color:#0276c4;
  color:#98d5fe;
  font-weight:bold;
  font-size:12pt;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  vertical-align:middle; !important
  -moz-box-shadow:2px 2px 2px rgba(100,100,100, .6);
  -webkit-box-shadow:2px 2px 2px rgba(100,100,100, .6);
  box-shadow:2px 2px 2px rgba(100,100,100, .6);
  cursor:pointer;
}


h3 {
  font: 16pt Lato, Cantarell, "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  background-color:transparent;
  color:#efefef;
  margin:15px 0 5px 25px;
  font-weight:bold;
}

h3.hiLite {
  color:#f00;
  text-align:center;
  padding:5px;
  border:2px solid #f00;
  border-width:2px 0 2px 0;
  text-shadow: #ff9808 1px 1px 2px;
  width:94%;
  background-color:#fbffb7;
}

.hiLite .lrgNumber {
  color:#333;
}

.lrgNumber {
  font:2em Georgia, "Times New Roman", Times, serif;
}

.redTxt {
  color:#f00;
}

.paraHeader:first-line	{
  font-variant:small-caps;
  font-size:18px;
}

.paraHeader:first-letter {
  font-size:24px;
}

p {
  margin:8px 0px 8px 0px;
  line-height:17pt;
}

/*
.paraBold {
  font-weight:bold;
  color:#404040;
  width:75%;
  padding:8px 0 4px 0;
  background:transparent url(../images/bg/bullets_bg.png) bottom left no-repeat;
}
*/

.boldPara {
  border-bottom: #e3e3e3 1px solid;
  text-transform: uppercase;
  display: block;
  color: #009cd3;
}

p.smallPrint {
  font:9pt "Droid Sans", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  color:#454545;
  line-height:9pt;
  text-align:justify;
}

.finePrint	{
  font:10px Verdana, Arial, Helvetica, sans-serif;
  color:#139dfe;
  text-align:center;
  margin:10px 0 0 0;
}

.copyrightMssg	{
  font-size:10pt;
  padding:0 0 0 25px;
  color:#ccc;
}

.copyrightMssg a {
  border:0;
}

.copyrightMssg a:link, .copyrightMssg a:visited  {
  color:#14a5d4;
}

.copyrightMssg a:hover {
  color:#19bef3;
}

ul {
  padding:0;
  background:none;
  margin:5px 15px 5px 25px;
}

li {
  padding:4px 0 4px 0;
  line-height:15pt;
  /* list-style-type:none; */
}



#content li {
  padding:4px 0 4px 0;
  line-height:15pt;
  list-style-type:none;
  background-image: url('/images/arrow.png');
  background-repeat: no-repeat;
  background-position: 0px 10px;
  padding-left: 15px;
}


#contentHolder ul li {
  padding:2px 0 2px 0;
}

.inlineBullets {
  margin:0;
  padding:0;
}

.inlineBullets li	{
  display:inline;
  line-height:16px;
  margin:0 5px 0 5px;
  padding-right:5px;
  border-right:1px solid #777;
}

.inlineBulletsSmallTxt {
  font:8pt "Droid Sans", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  color:#454545;
  padding:0 15px 0 15px;
  margin:0;
  list-style:none;
  text-align:center;
}

.inlineBulletsSmallTxt li {
  display:inline;
  margin-right:5px;
  padding:0 7px 0 3px;
}

.inlineBulletsSmallTxt li:before {
  content: "»» ";
}

.genBulletsTxt li {
  list-style:url(../images/gen/icon_bulletlist.png) outside none;
}

.genBulletsTxt li {
  margin:0 0 0 10px;
  padding:0;
  font-size:9pt;
}

.genBulletsTxt li a:after {
  content: " »";
}

table .genBulletsTxt {
  margin:0;
}

.lowerRomanBulletsTxt, .lowerRomanBulletsTxt li {
  list-style-type:lower-roman;
}

.lowerAlphaBulletsTxt, .lowerAlphaBulletsTxt li {
  list-style-image:none;
  list-style-type:lower-alpha;
}

.numBulletsTxt li {
  list-style-type:decimal;
}

.numBulletsTxt li {
  margin:0 20px 0 30px;
  padding:0;
}

.numBulletsTxt ul {
  list-style-type:circle;
}

.numBulletsTxt ul li {
  list-style-type:lower-roman;
}

.inlineFlowBulletsTxt {
  list-style:url() outside none;
  color:#034b8e;
  border:1px solid #ececec;
  font:10pt Georgia, "Times New Roman", Times, serif;
  border-width:1px 0 1px 0;
  margin-top:1em;
  margin-bottom:1em;
}

.inlineFlowBulletsTxt > li {
  list-style:none;
  display:inline;
  line-height:19pt;
  border-right:4px solid #fff;
}

.inlineFlowBulletsTxt > li.listColorBg {
  background-color:#e0effd;
  font-weight:bold;
  border-right:2px solid #fff;
  border-bottom:1px solid #034b8e
}

.iconList {
  list-style:none;
}

.iconList li strong {
  color:#12bffd;
  font-size:13px;
  text-transform:uppercase;
}

.iconList li img {
  margin-right:5px;
}

.sitemap {
  margin-left:2em;
  padding-left:1em;
}

.sitemap li {
  list-style-image: url(../images/gen/bullets.png);
}

.sitemap .sitemapIndentLink {
  margin-left:1.5em;
}

.sitemap .sitemapIndentLink:before {
  content: "» ";
  color:#b2e4ee;
  font:12pt "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

.sitemap .sitemapIndentLink:visited {
  border:0;
}

.pdfList {
  list-style:url(../images/gen/icon_pdf.png) inside none;
}

.portalList {
  list-style:url(../images/gen/icon_weblink.png) inside none;
}

.checkList {
  list-style:url(../images/gen/icon_check.png) inside none;
}

#breadCrumbsHolder {
  width:inherit;
  height:20px;
  margin:0 auto 15px auto;
}

.breadCrumbs {
  padding:0;
  margin:0 0 0 15px;
  font-size:11px;
}

.breadCrumbs li {
  display:inline;
}

.breadCrumbs li:after {
  content: " » ";
}

.breadCrumbs li a {
  text-decoration:none;
  color:#00bffd;
  border:0;	
}

.breadCrumbs li a:visited {
  color:#00bffd;
}

.breadCrumbs li a:hover {
  color:#296db6;
  border-bottom:1px dotted #296db6;
}

#contentHolder #breadCrumbsHolder .breadCrumbs li a:after {
  content:"";
}

small {
  font-size:8.5pt;
  color:#292929;
}

.redText {
  color:#f00;
}

/* eo text rules */


/* form rules */

label sup {
  color:#f00;
  font-weight:bold;
  font-size:11px;
}

form {
  padding:0;
  margin:0;
}

input[type='text'], textarea, select, option, input[type='email'], input[type='number'], input[type='tel'] {
  width:200px;
  padding:4px;
  font: 11pt "Droid Sans", "Lucida Sans Unicode", "Lucida Sans" Arial, sans-serif;
  letter-spacing:0;
 /* color:#013e59;*/
  background-color:#ddd;
  border:0;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  box-shadow: inset 0 1px 3px #aaa;
  -o-box-shadow: inset 0 1px 3px #aaa;
  -webkit-box-shadow: inset 0 1px 3px #aaa;
  -moz-box-shadow: inset 0 1px 3px #aaa;
  color:#777;
  text-shadow:0 1px 1px rgb(255,255,255);
}

input[type='text'], input[type='email'], input[type='number'], input[type='tel'], select, option {
  height:20pt;
}

textarea {
  min-height:100px;
  min-width:250px;
}

select, option {
  width:auto;
  background:#fff none;
  border:1px solid #ccc;
}

option {
  border:1px solid #333;
  margin:2px;
  background-color:#00bffd;
  color:#fff;
  text-align:center;
  padding:0;
}

.phoneNo, .postCode	{
  width:auto;
}

.signUp, .genForm {
  padding:0 15px 0 15px;
  margin-top:25px;
}

.signUp p {
  padding:0;
  margin:4px 0 4px 0;
}

.signUp li {
  border:0;
}

.genForm li {
  background:transparent url(../images/bg/bullets_bg.png) bottom left no-repeat;
}

.genForm li:last-child {
  background-image:none;
}

.signUp fieldset, .genForm fieldset{
  margin-bottom: 10px;
  padding:0;
  border:0;
  color:#013e59;
}

.signUp legend, .genForm legend {
  font:18pt Lato, Cantarell, "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  font-weight:bold;
  color:#0093d0;
  margin:25px 0 0px 0px;
 /* border-bottom:1px inset #ebebeb;*/
  width:100%;
  padding:0 0 20px 0;
}

.signUp label, .genForm label {
  display:inline-block;
  line-height:1em;
  vertical-align:top;
  color:#046694;
}

.signUp label {
  width: 250px; /* Width of labels */
}

.genForm label {
  width: 200px; /* Width of labels */
  padding-top:4px;
}

.signUp fieldset fieldset label, .genForm fieldset fieldset label, fieldset.inlineLabel label{
  display:block;
  width:auto;
  margin:0;
  padding:2px 0 2px 0;
}

.signUp label.sr	{
  display:none;
}

.genForm input[type='submit'], .signUp input[type='submit'] {
  margin-left:200px;
}

.signUp fieldset ol, .genForm fieldset ol {
  margin: 0;
  padding: 0;
  list-style-type:none;
}

.radioButtons {
  border:0;
  width:auto;
  padding:0;
  background:transparent;
}

.fieldsSmall {
  width:50px;
}

.sr {
  display:none;
}

.formButton {
  margin:5px 0 0 0;
  border: 1px solid #8ec1da;
  background-color: #ddeef6;
  background-image:none;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  color: #3985a8;
  text-shadow: 0 1px #fff;
  padding: 5px 10px;
  cursor:pointer;
  width:auto;
}

.formButton:hover {
  color:#333;
}

.dsbldformButton {
  filter:alpha(opacity=70);
  -ms-filter:alpha(opacity=70);
  opacity: 0.7;
  border:0;
}

.nonTextInputBoxes	{
  background:none;
  width:auto;
  border:0;
}

.smallTxtField {
  width:35px;
}

.tcTxtArea {
  width:550px;
  background-color:#eefbff;
  font-size:8pt;
  height:85px; 
  border:1px solid #d3d3d3;
  padding:10px;
  overflow-x: hidden;
  overflow-y:scroll;
  overflow:-moz-scrollbars-vertical !important;
}

.tcTxtArea ul li {
  line-height:10pt;
}

/* eo form rules */


/* Style for invalid input */
.invalidInput {
  border:1px dotted #f00;
  background-color: #ffece6;
}

/* Style for valid input */
.validInput {
  border: 1px dotted #ff0000;
}

/* table layout rules */

table, table ul, table li {
  border:0;
  font-size:10pt;
 /* font:11px Tahoma, Arial, Helvetica, sans-serif;*/
}

.headerTR {
  background-color:#82d2fe;
  color:#056496;
  font-weight:bold;
  text-shadow: 1px 1px 1px rgba(255,255,255, .5);
}

.headerTR td, .headerAltTR td {
  border-bottom:1px solid #82c2ee;
}

.headerTR:hover {
  background-color:#82d2fe;
  color:#333;
  border-bottom:1px solid #82c2ee;
}

.activeTabDiv .headerTR td:not(.balanceTD), .activeTabDiv .headerTR td:not(.rhsTD), .activeTabDiv .headerAltTR td:not(.balanceTD), .activeTabDiv .headerAltTR td:not(.rhsTD) {
  width:23%;
}

.headerAltTR, .headerAltTR:hover, .headerAltTR:hover td {
  background-color:#a9d69a;
  color:#333;
  font-weight:bold;
  text-shadow: #6699cc 1px 1px 2px;
}

.genTable, .autoTable {
  width:95%;
  margin:10px auto 0 auto;
  border-spacing:2px;
  border-collapse:separate;
}

.genTable, .autoTable, .contactTable {
  border:1px solid #82d2fe;
}

.genTable:first-child, .autoTable:first-child, .contactTable:first-child {
  border-top:1px dotted #333;
  border-bottom:1px dotted #333;
}

.genTable td, .autoTable td {
  width:auto;
  padding:2px;
}

.genTable ul {
  list-style-position:outside;
  margin-left:4px;
  padding:0;
}

.genTable ul li:before {
  content:"• "
}

.genTable {
  width:100%;
}

.autoTable {
  width:auto;
  margin:10px 0 0 15px;
}

.networkTable {
  width:95%;
  margin:10px auto 0 auto;
  border-spacing:2px;
  border-collapse:separate;
  border:1px solid #ededed;
  border-width:0 0 1px 0;
}

.networkTable .lastTD {
  width:30%;
}

.networkTable .firstTD {
  width:30%;
}

.networkTable .headerTR, .networkTable .headerTR:hover, .networkTable .headerTR:hover td  {
  background-color:#2d2d2d;
  color:#fff;
  font-weight:bold;
  border-bottom:1px solid #5e5e5e;
}

.networkTable td {
  border-bottom:1px solid #5e5e5e;
  width:20%;
  padding:4px;	
}

.networkTable .mapsTD {
  background:transparent url(../images/gen/maps_icon.png) 2px 3px no-repeat;
  padding-left:22px;
}

td.Active, td.Planned {
  background:transparent url(../images/bg/bullet_net_bg.png) 0px 6px no-repeat;
  padding-left:14px;
}

td.Planned {
  background-position: 0px -32px;
}

/* eo table rules */

/* Google Maps API and holder */

#my_map {
  height:99%;
  width:inherit;
  margin:0 auto;
  border:1px solid #232323;
  overflow:hidden;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

#my_map a {
  border:0;
}

#my_map a:link, #my_map a:hover {
  border:0;
}

#my_map a#fancybox-close:link, #my_map a#fancybox-close:hover, a#fancybox-close:visited {
  border:0;
}

#my_map input {
  background:none;
  width:auto;
  border:0;
}

/* eo Google Maps */

/* hyperlink rules */

a:link, a:visited, a:hover {
  text-decoration:none;
}

a:link {
  color:#139dfe;

}

a:visited {
  color:#139dfe;

}

a:hover	{
  color:#139ccc;

}

.iconList li a:link {
  color:#139ccc;
}

.iconList li a:visited {
  color:#663399;
  border-bottom:1px dotted #663399;
}

.iconList li a:hover {
  color:#cc0000;
  border-bottom:1px dotted #cc0000;
}

/* eo hyperlink rules */

/* contact form rules */

#contactFormHolder {
  width:550px;
  height:325px;
}

#contactFormHolder div {
  width:45%;
  float:left;
  padding:0;
}

#contactFormHolder form {
  padding:0;
  margin:0;
}

#contactFormHolder form input[type='text'], #contactFormHolder form input[type='tel'], #contactFormHolder form input[type='email'], #contactFormHolder form input[type='number'], #contactFormHolder form select, #contactFormHolder form textarea, #contactFormHolder form option {
  background-color:#ddd;
  border:0;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  box-shadow: inset 0 1px 3px #ccc;
  -o-box-shadow: inset 0 1px 3px #ccc;
  -webkit-box-shadow: inset 0 1px 3px #ccc;
  -moz-box-shadow: inset 0 1px 3px #ccc;
  color:#333;
  font-size:11pt;
}

#contactFormHolder form input[type='text'], #contactFormHolder form input[type='tel'], #contactFormHolder form input[type='email'], #contactFormHolder form input[type='number'], #contactFormHolder form select, #contactFormHolder form option {
  text-shadow:0 1px 1px rgb(255,255,255);
  color:#777;
  height:20pt;
}

#contactFormHolder form input[type='text'], #contactFormHolder form input[type='tel'], #contactFormHolder form input[type='email'], #contactFormHolder form input[type='number'], #contactFormHolder form select {
  margin:5px 0 5px 0;
}

#contactFormHolder form label {
  margin:0 0 0 10px;
}

#contactFormHolder form textarea {
  margin:5px 10px 0 0;
  height:210px;
  text-shadow:0 1px 1px rgb(255,255,255);
  color:#777;
}

#contactFormHolder form .formButton {
  float:right;
  clear:both;
  margin:15px 0 0 0;
  border: 1px solid #8ec1da;
  background-color: #ddeef6;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
  color: #3985a8;
  text-shadow: 0 1px #fff;
  padding: 5px 10px;
  cursor:pointer;
}


/* footer rules */

#footerHolder {
  position:relative;
  margin-top:-200px;
  height:200px;
  clear:both;
  background-color:rgba(60,60,60,.8);
}

#footerHolder a {
  border:0;
}

#footerHolder a:link, #footerHolder a:visited {
  border:0;
  color:#888;
}

#footerHolder a:hover {
  color:#ffffff;
}

#footerHolder > div {
  width:1020px;
  margin:0 auto;
  height:75px;
}

#footerHolder div #lhsFooter {
  width:675px;
  height:65px;
  float:left;
  margin:0 auto;
  padding:0;
}

#footerHolder div #lhsFooter p {
  margin:0;
}

#footerHolder div #rhsFooter {
  width:345px;
  height:65px;
  margin:0 auto;
  float:right;
  padding:0;
  background:transparent url(../images/bg/footer_piece_bg.png) 35% 0 no-repeat;
}

#footerHolder div #rhsFooter div {
  margin:20px 0 0 25px;
  float:left;
}

#footerHolder div #rhsFooter div + div {
  margin:25px 25px 0 0;
  color:#ccc;
  font-size:12pt;
  float:right;
}

/* eo footer */

/* hacks */

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

.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End hide from IE-mac */

.title {
  font-weight:bold;
  font-size:16px;
  color: #004685;
}

.breadcrumb-left {
  font-weight:bold;
  font-size:8pt;
  line-height:2;
}

.breadcrumb-right {
  font-weight:bold;
  font-weight:normal;
  font-size:8pt;
  color: #666;
}

/* rules for message pop-up box */

#mssgPopup {
  height:350px;
  margin:0 auto;
  overflow:hidden;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  border-radius:12px;
  background-color:rgba(3,148,215,.8);
}

#mssgPopup h1 {
  font:18pt Lato, Cantarell, "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
  margin:0 auto;
  border-bottom: 0px;
  width:93%;
  padding:10px 0 10px 0;
  text-align:center;
  text-shadow:1px 1px 1px rgba(250,250,250, .4);
  text-transform: ;
  color:#026694;
}

#mssgPopup > div {
  background-color:#fff;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  border-radius:12px;
  width:550px;
  height:260px;
  margin:0 auto;
}

#mssgPopup > div p {
  font-weight:bold;
  font-size:12pt;
  text-align:center;
  padding-top:10px;
}

#mssgPopup > div div {
  width:270px;
  float:left;
  height:150px;
}

#mssgPopup > div div:first-child {
  border-right:1px solid #e7e7e7;
}

#mssgPopup > div div:last-child {
  border-left:1px solid #ccc;
}

#colocation {
width: 962px;
background-color: black;
margin-left: -25px;
margin-top: -45px;
height: 126px;
padding: 29px;
margin-bottom: 20px;
background-image: url('/images/colocation.jpg');
color: #fff;
text-shadow: #11669d 1px 1px 1px;
}


#colocation h1 {
border: 0px;
font-size: 30px;
color: #fff;
text-shadow: #11669d 1px 1px 1px;
margin-bottom: -18px;
}

#colocaiton p {
margin: 0px;
text-shadow: #11669d 1px 1px 1px;
font-size: 15px;
}

#generic {
width: 962px;
background-color: black;
margin-left: -25px;
margin-top: -45px;
height: 126px;
padding: 29px;
margin-bottom: 20px;
background-image: url('/images/generic.jpg');
color: #fff;
text-shadow: #000;
text-shadow: #11669d 1px 1px 1px;
}

#generic h1 {
border: 0px;
font-size: 30px;
color: #fff;
text-shadow: #11669d 1px 1px 1px;
margin-bottom: -18px;
}

#generic p
{
font-size: 15px;
}

#adsl {
width: 962px;
background-color: black;
margin-left: -25px;
margin-top: -45px;
height: 126px;
padding: 29px;
margin-bottom: 20px;
background-image: url('/images/adsl.jpg');
color: #fff;
text-shadow: #000;
text-shadow: #11669d 1px 1px 1px;
}

#adsl h1 {
border: 0px;
font-size: 30px;
color: #fff;
text-shadow: #11669d 1px 1px 1px;
margin-bottom: -18px;
}

#vpn {
width: 962px;
background-color: black;
margin-left: -25px;
margin-top: -45px;
height: 126px;
padding: 29px;
margin-bottom: 20px;
background-image: url('/images/adsl.jpg');
color: #fff;
text-shadow: #000;
text-shadow: #11669d 1px 1px 1px;
}

#vpn h1 {
border: 0px;
font-size: 30px;
color: #fff;
text-shadow: #11669d 1px 1px 1px;
margin-bottom: -18px;
}

#adsl p {

text-shadow: #11669d 1px 1px 1px;
}

#iptransit {
width: 962px;
background-color: black;
margin-left: -25px;
margin-top: -45px;
height: 126px;
padding: 29px;
margin-bottom: 20px;
background-image: url('/images/iptransit.jpg');
color: #fff;
text-shadow: #000;
text-shadow: #11669d 1px 1px 1px;
}


#iptransit h1 {
border: 0px;
font-size: 30px;
color: #fff;
text-shadow: #11669d 1px 1px 1px;
margin-bottom: -18px;
}

#iptransit p {

text-shadow: #11669d 1px 1px 1px;
}

#ethernet {
width: 962px;
background-color: black;
margin-left: -25px;
margin-top: -45px;
height: 126px;
padding: 29px;
margin-bottom: 20px;
background-image: url('/images/ethernet.jpg');
color: #fff;
text-shadow: #000;
text-shadow: #11669d 1px 1px 1px;
}


#ethernet h1 {
border: 0px;
font-size: 30px;
color: #fff;
text-shadow: #11669d 1px 1px 1px;
margin-bottom: -18px;
}

#ethernet p {

text-shadow: #11669d 1px 1px 1px;
}

.webbutton {
margin: 10px 0 0 35px;
width:92px;
height:20px;
}

.webbutton a:link {
width: 92px;
height: 20px;
background-image: url('/images/button_bg_over.gif');
display: block;
color: #fff;
text-shadow: #000 1px 1px 1px;
padding: 12px 20px;

}

.webbutton a:visited {
width: 92px;
height: 20px;
background-image: url('/images/button_bg_over.gif');
display: block;
color: #fff;
text-shadow: #000 1px 1px 1px;
padding: 12px 20px;

}

.webbutton a:hover {
width: 92px;
height: 20px;
background-image: url('/images/button_bg.gif');
display: block;
color: #157dc1;
text-shadow: #d0dde5 1px 1px 1px;
padding: 12px 20px;
}

strong {
font-family: 'Lato', sans-serif;
font-weight: 900;
}

.firstrow {
background-color: #157dc1;
color: #fff;
text-shadow: #000 1px 1px 1px;
font-size: 16px;
}

.even {
background-color: #f8f8f8;
font-size: 16px;
}

.odd {
background-color: #fff;
font-size: 16px;
}

#fibre {
width: 962px;
background-color: black;
margin-left: -25px;
margin-top: -45px;
height: 126px;
padding: 29px;
margin-bottom: 20px;
background-image: url('/images/fibre.png');
color: #fff;
text-shadow: #000;
text-shadow: #11669d 1px 1px 1px;
}


#fibre h1 {
border: 0px;
font-size: 30px;
color: #fff;
text-shadow: #11669d 1px 1px 1px;
margin-bottom: -18px;
}

#fibre p {

text-shadow: #11669d 1px 1px 1px;
}


.buttons {
	-moz-box-shadow:inset 0px 1px 0px 0px #64bfdb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #64bfdb;
	box-shadow:inset 0px 1px 0px 0px #64bfdb;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #389bd9), color-stop(1, #157cc1) );
	background:-moz-linear-gradient( center top, #389bd9 5%, #157cc1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#389bd9', endColorstr='#157cc1');
	background-color:#389bd9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #157cc1;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1b5cbd;
}
.buttons:link
{
	color: #fff;
}
.buttons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #157cc1), color-stop(1, #389bd9) );
	background:-moz-linear-gradient( center top, #157cc1 5%, #389bd9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#157cc1', endColorstr='#389bd9');
	background-color:#157cc1;
}.buttons:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */