﻿/*----------------------- Global Styles -----------------------*/

* {
	padding:0;
	margin:0;
	font-family:Calibri, Verdana, Arial, Helvetica, "Helvetica Neue", sans-serif;
}
body {
	font-size:76%;
	margin:0 0 .5em 0;
}
h1 {
	color:#006D76;
	font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.95em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 0.2em 0;
	padding: 0;
}
h1.strapLine {
	font-family:  "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 2.45em;
	margin-bottom: .75em;
	font-weight: normal;
}
h2 {
	color: #006D76;
	font-family: Arial, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.95em;
	font-weight: normal;
	margin-bottom: 0.4em;
	padding: 0;/* letter-spacing: -0.02em; */
}

h2.callToAction {
	margin-bottom: 0.1em;
}

h2 A {
	font-family: Arial, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
}

h3 {
	background-color: transparent;
	color: #006D76;
	font-family: Arial, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.35em;
	margin-bottom: 0.4em;
	padding: 0;/* letter-spacing: -0.01em; */
}
h3 A {
	font-family: Arial, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
}
h4 {
	color: #414244;
	font-family: Verdana, Arial, Helvetica, "Helvetica Neue", sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
	margin: 0em 0em 0.4em 0em;
	padding: 0;/* letter-spacing: 0em; */
}
.tabWellUp h1, .tabWell h1 {
	font-family:"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.15em;
	margin:10px 0 .6em 0;
	font-size: 1.9em;
	color:#006D76;
}
.tabHome H3 {
	color: #5696BA;
}
p {
	color: #000000;
	font-family: verdana, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 1em 0;
	line-height: 1.4em;/* letter-spacing: -0.02em; */
}
P.strapline {
	color: #000000;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, verdana, sans-serif;
	font-size: 1.15em;
	line-height: 1.2em;
	margin: 0 0 1em 0;
}
a {
	color: #5696BA;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
P.moreInfo {
	font-size: 0.9em;
}
P.moreInfo A {
	background: url(/images/deco-list-arrowblue.gif) right 60% no-repeat;
	color: #716F73;
	padding-right: 10px;
}
label {/* TODO: Should this be a global element */
	font-size:.95em;
	margin:0 .5em 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul.generalList {
	margin-bottom: 1.5em;
	margin-left: 15px;
}

div.accordion ul li ul.generalList {
	list-style-type: disc;
}

ul.generalList li {
	margin-bottom: 0.6em;
}

	ol {
		list-style: decimal outside;
		margin-bottom: 14px;
		margin-left: 25px;
	}
	
	ol li {
		color: #000000;
		font-family: verdana, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 1em;
		margin: 0 0 1em 0;
		line-height: 1.4em;
	}

div.hr {
	background-image: url(/images/deco-bg-lines.gif);
	background-position: right;
	display: block;
	background-repeat:repeat-x;
	height: 10px;
	margin: 0 0 1em 0;
	overflow:hidden;
}
div.hrDivider {
	border: none;
	clear:both;
	height: 1px;
	background: url(/images/deco-bg-divider.gif) top left repeat-x;
	margin-bottom: 8px;
	width:100%;
}
div.hrDivider hr {
	display: none;
}
img {
	border:none;
}

img.imgFloatRight {
	margin-left: 10px;
	margin-bottom: 10px;
}

img.imgFloatLeft {
	margin-right: 10px;
	margin-bottom: 10px;
}

.pageSelected {
	font-weight: bold;
}

.center {
	text-align:center;
}
/* Homepage styles */

.homeHead {
	margin: 0;
	padding: 0;
	height:150px;
	overflow:hidden;
}
.homeHead H1 {
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 0.4em 0;
}
.homeHead P {
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.15em;
	margin-bottom: 0.65em;
}
.homeHead P.first {
	font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.15em;
	margin: 0;
}
/* End Homepage styles */

div.crumb {
	font-size:.9em;
	color:#716F73;
	margin:7px 0 5px 0;
}
div.crumb a, div.crumb a:acitve, div.crumb a:hover {
 color:#5696BA;
}
div.crumb a:hover {
	text-decoration:underline;
}
div.crumb .active {
	color:#000;
}
div.backToTop {
	margin:-20px 0 0;
	position:absolute;
	width:965px;
	text-align:right;
}
div.backToTop a, div.backToTop a:visited, div.backToTop a:active {
	color:#414244;
	padding: 0 13px 0 0;
	background-image:url(/images/deco-uparrow.gif);
	background-repeat:no-repeat;
	background-position:right .35em;
}
div.backToTop a:hover {
	text-decoration:underline;
}
/*----------------------- Page Structure -----------------------*/

.contentFloat {
	width:965px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}
#header {
	height:175px;
	position:relative;
}
.headerLinks a {
	font-size: 0.95em;
	text-decoration:none;
	color:#716F73;
}

.headerLinks .flag{
	vertical-align:middle;
	margin: 2px 0 0 0;
}

.headerLinks a:hover {
	text-decoration:underline;
}
#logo {
	/*position:absolute;*/
	padding-top:20px;
	/*top:20px;*/
}
#controls {
	float:right;
	margin-top:20px;
	position:relative;
}
#search {
	width:230px;
	position:relative;
}
#searchFR {
	width:260px;
	position:relative;
}
.headerLinks {
	margin-top:7px;
	text-align:right;
	width:inherit;
	font-size:.95em;
	color:#716F73;
}
#navigation {
	background-color:#716F73;
	width:965px;
	line-height:34px;
	background-image: url(/images/deco-bg-nav-right.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	
	position:absolute;
	top:100px;
	z-index:100;
	
}
.footerBackground {
	background-image:url(/images/deco-footerbg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding:10px 0 10px 0;
	position:relative;
}


/* 	margin: 2px 15px 0 0;
 */
#footerPromo {
	margin: -4px 15px 0 0; /* This will be applied to Firefox */
  * margin: 5px 15px 0 0; !Important; /* This will be applied to IE 7 */
	-margin: 5px 15px 0 0; !Important; /* This will be applied to IE 5.5 - 6 */
	height:210px;
	position:absolute;
	right:0;
}
#footerPromo H3 {
	color: #000000;
}
#legal {
	margin:0 0 15px 0;
	border-top: dotted 2px #B8B7B9;
}
#legal p {
	font-size:.9em;
	line-height:1em;
	color:#414244;
	margin:.75em 0 0 0;
}
#legal p a {
	color:#414244;
	text-decoration:none;
}
#legal p a:hover {
	position:relative; /* IE Hover Fix */
	text-decoration:underline;
}
/*----------------------- Main Navigation (Son of Suckerfish) -----------------------*/

.navigationCap{
	background-image: url(/images/deco-bg-nav-left.jpg);
	background-position: left 4px;
	background-repeat:no-repeat;
}

#menu, #menu ul { /* all lists */
	list-style: none;
}
#menu a {
	display: block;
}
#menu li { /* all list items */
	float: left;
	position:static;
}
#menu li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:0 0 15px 0;
}
#menu li.active ul { /* lists nested under hovered list items */
	left: auto;
}
#menu li a {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:0 14px 0 14px;
	line-height:30px;
	margin-top:4px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	border-right:solid 1px #fff;
	text-transform: uppercase;
}
#menu li.first a {
	border:none;
	border-right:solid 1px #fff;
}
#menu li.last a {
	border-right:solid 1px #fff;
}
#menu li.active a {
	padding:3px 1em 0 1em;
	margin:0 0 0 0;
	color:#006D76;
	line-height:31px;
	border-right:none;
}
#menu li.active {
	background-image: url(/images/deco-bg-activetab-left.gif);
	background-repeat: no-repeat;
	margin:0 1px 0 0;
}
#menu li.active a {
	background-image:url(/images/deco-bg-activetab-right.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#menu li.active ul {
}
#menu li.active ul li {
	background-image:url('');
	background-color:transparent;
	border:none;
	height:auto;
	margin:0px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
#menu li.active ul {
	background-image:none;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#menu li.active ul li.last {
	background-image: url('');
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0 1em 0 0;
}
#menu li.active ul li.first {
	background-image: url('');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 0 .3em;
}
#menu li.active ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 .7em 0 .7em;
	background-image:none;
	border:none;
	color:#000;
	font-size:.9em;
	font-weight:normal;
	line-height:30px;
	text-transform: uppercase;
}
#menu li.active ul li a:hover {
	color:#006D76;
}


#menu li.active ul li.empty{
	background-image:none;

	overflow:hidden;
	background-image:url(/images/deco-bg-activetab-bottomleft.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	position:relative;
	top:-10px;
	z-index:0;
}

#menu li.active ul li.empty a{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:0 14px 0 14px;
	
	padding:0 14px 0 14px; /* This will be applied to Firefox */
  * padding:0 14px 0 14px; !Important; /* This will be applied to IE 7 */
	-padding:0 14px 0 14px; !Important; /* This will be applied to IE 5.5 - 6 */
	
	text-decoration:none;
	text-transform: uppercase;
	color:#FFFFFF;
	line-height:14px;
	background-image:url(/images/deco-bg-activetab-rightempty.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}


#menu li.active ul li.empty a:hover{
	color:#FFFFFF;
}

.latency, .latency input{
  font-size:12px;
  font-weight:normal;
  
}
.latoutput{
  font-size:14px;
  font-weight:bold;
  color:#5050df;
}

.i_street{
  width:120px;
}
.i_city{
  width:80px;
}
.i_state{
  width:50px;
}
.i_zip{
  width:50px;
}

.menu_li{
    background-image:url(/images/deco-bg-activetab-bottomleft.gif);
}