* { 
	margin:0;
	padding:0;
	border:0;
}


BODY {
	/*background:#ffffff url(../images/background.png) left top repeat-x; */
	background-color:#CFD0D2;
	font-family:"Open Sans Condensed",
				"HelveticaNeueCondensed", 
				"HelveticaNeue-Condensed", 
				"Helvetica Neue Condensed",  
				"HelveticaNeueRomanCondensed", 
				"HelveticaNeue-Roman-Condensed", 
				"Helvetica Neue Roman Condensed",
				"Helvetica Neue",
				"Arial Narrow",Arial,Helvetica,Tahoma,sans-serif;
	font-stretch:condensed !important;
	font-size:11pt;
}

BODY, TD {
	color:#444444;	
}

A {
	color:#0089cf;	
}

A:hover {
	color:#33bcff;	
}

INPUT, SELECT, .inputNoEdit {
	font-family:Arial,Helvetica,Tahoma,sans-serif;
	font-size:11pt;
}

.inputNoEdit {
	font-stretch:normal !important;
}

INPUT { 
	height:30px;
	border:solid 1px #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:left;
	vertical-align:middle;
	/*background-color:#f4f4f4;*/
	background-color:#fdfdfd;
}

INPUT[type=text], INPUT[type=password], INPUT[type=email], INPUT[type=number] {
	padding-left:5px;	
}

INPUT[type=radio] {
	border:0;
	background-color:#ffffff;	
}

SELECT { 
	height:32px;
	line-height:32px;
	border:solid 1px #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	vertical-align:middle;
	background-color:#f4f4f4;
	margin-left:5px; 
}

TEXTAREA {
	border:solid 1px #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:11pt;
	background-color:#f4f4f4;
}

H1 {
	color:#0089cf;
	font-size:24pt;
	font-weight:400;
}

H2 {
	color:#0089cf;
	font-size:20pt;
	font-weight:400;
}

H3 {
	color:#0089cf;
	font-size:16pt;
	font-weight:400;
}

HR {
	height:1px;
	width:100%;
	background-color:#dddddd;
	margin:5px 0;
}

.formFieldInactive {
	color:#aaaaaa;
	font-style:italic;
}

.formFieldActive {
	color:#444444;
	font-style:normal;
}

.buttonSubmitBlue {
	opacity:0.9 !important;
	cursor:pointer !important;
}

.buttonSubmitBlue:hover {
	opacity:1.0 !important;
	cursor:pointer !important;
}

.contentBox {
	background-color:#ffffff;
	border:solid 1px #dddddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	text-align:left;
}

.registered {
	display:inline-block;
	font-size:7pt;
	vertical-align:top;
}




/* ########## BEGIN HEADER ########## */

#headerBackground {
	position:relative;
	height:57px;
	margin:0 auto;
	z-index:5000;
}

#headerBackground.fixed{
  position: fixed; 
  top:0;
  z-index: 5000; 
}

#headerBorder {
	/*position:fixed;*/
	height:57px;
	left:50%;
	border-bottom:solid 1px #d4d4d4;
	border-left:solid 1px #d4d4d4;
	border-right:solid 1px #d4d4d4;
	-webkit-border-radius:0 0 12px 12px;
	-moz-border-radius:0 0 12px 12px;
	border-radius:0 0 12px 12px;
	-webkit-box-shadow:0px 0px 4px #dddddd;
	-moz-box-shadow:0px 0px 4px #dddddd;
	box-shadow:0px 0px 4px #dddddd;
}

#headerWrapper {
	position:relative;
	height:56px;
	margin:0 auto;
	background:#f4f4f4 url(../images/header_background.png) left top repeat-x;
	border-bottom:solid 1px #ffffff;
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	-webkit-border-radius:0 0 12px 12px;
	-moz-border-radius:0 0 12px 12px;
	border-radius:0 0 12px 12px;
}

.headerContentBlock {
	float:left;
	height:56px;
	line-height:56px;
	text-align:center;
}

/* ########## REMOVE THE TWO UNUSED HEADERLOGO STYLES AFTER A FINAL DECISION HAS BEEN MADE ON WHICH TO USE ########## */
.categoryHeaderF {
	background-color:#eef6fc;
	color:#0089cf;
	padding:0px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	border-radius:17px;
	border:1px solid #0089cf;
	margin:0 auto;
	font-weight:bold;
	text-align:center;
}

.categoryHeaderN {
	background-color:#0089cf;
	color:#ffffff;
	padding:0px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	border-radius:17px;
	/*border:1px solid #ffffff;*/
	margin:0 auto;
	font-weight:bold;
	text-align:center;
}

.categoryHeaderC {
	background-color:#42a548;
	color:#ffffff;
	padding:0px;
	-webkit-border-radius:17px;
	-moz-border-radius:17px;
	border-radius:17px;
	border:1px solid #ffffff;
	margin:0 auto;
	font-weight:bold;
	text-align:center;
}

.categoryContainer {
  display:inline-block;
  width:23%;
  margin:0 1% 0 1%;
  text-align:left;
  vertical-align:top;
}
		
.categorySubContainer {
  display:inline-block;
  width:23%;
  margin:0 1% 0 1%;
  text-align:left;
  vertical-align:top;
  padding:5px;
}

.categoryContainer H3 {
  text-align:center;
  border-bottom:solid 2px #0089cf;
}
		
.categoryContainer DIV {
  font-size:11pt;
  border-bottom:solid 1px #dddddd;
  padding:6px 0 6px 20px;
  line-height:50px;
}
		
.categoryContainer DIV:hover {
  background-color:#fafafa;
  cursor:pointer;
}
		
.categoryContainer A {
  text-decoration:none;
  color:#444444;	
}
		
.categoryContainer IMG {
  margin-right:7px
}

.categoryContainer2 {
  display:inline-block;
  width:30%;
  margin:0 1% 0 1%;
  text-align:left;
  vertical-align:top;
}

.categoryContainer2 H3 {
  text-align:center;
  border-bottom:solid 2px #0089cf;
}
		
.categoryContainer2 DIV {
  font-size:11pt;
  border-bottom:solid 1px #dddddd;
  padding:6px 0 6px 20px;
  line-height:50px;
}
		
.categoryContainer2 DIV:hover {
  background-color:#fafafa;
  cursor:pointer;
}
		
.categoryContainer2 A {
  text-decoration:none;
  color:#444444;	
}
		
.categoryContainer2 IMG {
  margin-right:7px
}

.categoryContainer3 {
  display:inline-block;
  width:30%;
  margin:0 1% 0 1%;
  text-align:left;
  vertical-align:top;
}

.categoryContainer3 H3 {
  text-align:center;
  color:#42a548;
  border-bottom:solid 2px #42a548;
}
		
.categoryContainer3 DIV {
  font-size:11pt;
  border-bottom:solid 1px #dddddd;
  padding:6px 0 6px 20px;
  line-height:50px;
}
		
.categoryContainer3 DIV:hover {
  background-color:#fafafa;
  cursor:pointer;
}
		
.categoryContainer3 A {
  text-decoration:none;
  color:#444444;	
}
		
.categoryContainer3 IMG {
  margin-right:7px
}

.config{
    background-image: url("/resources/images/config.png");
    background-repeat: no-repeat;
    background-position: right center;
}
		
SUP {
  font-size:7pt;	
}

#headerLogo {
	margin-top:5px;
	/*
	width:270px;
	height:30px;
	*/
	border:0;
}

#headerLogo3 {
	margin-top:14px;
	margin-left:20px;
	width:293px;
	height:23px;
	border:0;
}

#headerLogo4 {
	margin-top:21px;
	margin-left:15px;
	width:280px;
	height:22px;
	border:0;
}
/* ########## REMOVE THE TWO UNUSED HEADERLOGO STYLES AFTER A FINAL DECISION HAS BEEN MADE ON WHICH TO USE ########## */

.headerNavigationLink {
	color:#888888;
	text-decoration:none;
	font-size:14px;
	font-weight:700;
	margin:0 5px;
}

.headerNavigationLink:hover {
	color:#888888;
	opacity:0.85;
}

.headerSignInLink {
	color:#42a548;
}

.headerSignInLink:hover {
	color:#42a548;
	opacity:0.85;
}

.headerSignOutLink {
	color:#ed2124;
}

.headerSignOutLink:hover {
	color:#ed2124;
	opacity:0.85;
}

#headerNeedHelpButton {
	width:125px;
	height:25px;
	line-height:24px;
	margin:16px auto 0 auto;
	color:#ffffff;
	background-color:#0089cf;
	font-weight:700;
	font-size:13px;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius:13px;
	-webkit-box-shadow:0px 1px 2px #999999;
	-moz-box-shadow:0px 1px 2px #999999;
	box-shadow:0px 1px 2px #999999;
	cursor:pointer;
}

#headerNeedHelpButton:hover {
	opacity:0.85;
}
/*
#headerLoginStatusCreditCardLogos {
	position:absolute;
	top:65px;
	right:3%;
	text-align:center;
}
*/
#headerLoginStatus {
	font-size:8pt;
	color:#666666;
}

#headerLoginStatus SPAN {
	color:#42a548;
	font-weight:700;
}


/* ########## END HEADER ########## */




/* ########## BEGIN SUBHEADER ########## */

#subheaderBackground {
	position:relative;
	margin:0 auto;
}

#subheaderWrapper {
	position:relative;
	margin:15px 24px 0 24px;
}

/* ########## END SUBHEADER ########## */

/*----------top icon styles-----------*/

.topRow{
  display:inline-block;
  width:100px;
  text-align:center;
  color:#0089cf;
  font-size:20pt;
  font-weight:400;
  vertical-align:middle;
}


/* ########## BEGIN DASHBOARD ########## */

.tileWrapper { 
	display:inline-block;
	width:120px;
	font-size:11pt;
	vertical-align:top;
	margin:0 10px;
}

.tile { opacity:1.0 }

.tile:hover { opacity:0.85 }

.videoWrapper { 
	display:inline-block; 
	width:250px; 
	margin:0 10px; 
	text-align:left; 
	vertical-align:top; 
	white-space:nowrap;
}

.videoWrapper H3 { margin-bottom:10px }

.video { 
	opacity:1.0; 
	-webkit-box-shadow:1px 1px 3px #aaaaaa;
	-moz-box-shadow:1px 1px 3px #aaaaaa;
	box-shadow:1px 1px 3px #aaaaaa;
	margin-bottom:10px;
}

.video:hover { opacity:0.85 }

.videoWrapper DIV { 
	text-align:center; 
	white-space:normal;
}



.tabNavigation {
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:0;
	/*border-bottom:solid 2px #0089cf;*/
}

.tabNavigation DIV.selected, .tabNavigation DIV.selected:hover {
	background-color:#0089cf;
	border-color:#0089cf;
	color:#ffffff;
}

.tabNavigation DIV:hover {
	background-color:#dddddd;
}

.leftTab {
	cursor:pointer;
    display:inline-block;
	-webkit-border-radius:12px 0 0 0;
	-moz-border-radius:12px 0 0 0;
	border-radius:12px 0 0 0;
	padding:8px 20px;
	font-size:14px;
    font-weight:bold;
	border:solid 1px #cccccc;
	margin-left:-1px;
	background-color:#ffffff;
	width:10%;
	border-bottom:solid 2px #0089cf;
}

.rightTab {
	cursor:pointer;
	display:inline-block;
	-webkit-border-radius:0 12px 0 0;
	-moz-border-radius:0 12px 0 0;
	border-radius:0 12px 0 0;
	padding:8px 20px;
	font-size:14px;
    font-weight:bold;
	border:solid 1px #cccccc;
	border-bottom:solid 2px #0089cf;
	margin-left:-1px;
	background-color:#ffffff;
	width:10%;
}

.midTab {
	display:inline-block;
	padding:8px 20px;
	font-size:14px;
    font-weight:bold;
	cursor:pointer;
	border:solid 1px #cccccc;
	border-bottom:solid 2px #0089cf;
	margin-left:-1px;
	background-color:#ffffff;
	width:10%;
}

.tabNavigationPane {
	display:none;
	text-align:left;
	width:95%;
	margin:0 auto;
}
/*
.tabNavigation {
	width:95%;
	text-align:center;
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:0;
	border-bottom:solid 2px #0089cf;
}

.tabNavigation LI {
	display:inline-block;
	padding:8px 20px;
	font-size:14px;
    font-weight:bold;
	cursor:pointer;
	border:solid 1px #cccccc;
	border-bottom:0;
	margin-left:-1px;
	background-color:#ffffff;
	width:170px;
}

.tabNavigation LI.leftTab {
	-webkit-border-radius:12px 0 0 0;
	-moz-border-radius:12px 0 0 0;
	border-radius:12px 0 0 0;
}

.tabNavigation LI.rightTab {
	-webkit-border-radius:0 12px 0 0;
	-moz-border-radius:0 12px 0 0;
	border-radius:0 12px 0 0;
}

.tabNavigation LI.selected, .tabNavigation LI.selected:hover {
	background-color:#0089cf;
	border-color:#0089cf;
	color:#ffffff;
}

.tabNavigation LI:hover {
	background-color:#dddddd;
}

.tabNavigationPane {
	display:none;
	text-align:left;
	width:95%;
	margin:0 auto;
}
*/

.accordian {
	margin-top:5px;
}

.accordianPane {
	background-color:#ffffff;
	padding:10px 20px;
	border:solid 1px #dddddd;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	margin-bottom:5px;
}

.accordianPane:hover {
	border-color:#cccccc;
}

.accordianPaneTitle {
	font-size:15pt;
	font-weight:400;
	cursor:pointer;
	color:#000000;
}

.accordianPaneTitle:hover {
	opacity:0.85;
}

.accordianPaneContent {
	display:none;
	margin-top:10px;
	font-size:12pt;
}

/* ########## END DASHBOARD ########## */




/* ########## BEGIN CONTENT ########## */

#contentBackground {
	position:relative;
	margin:0 auto;
}

#contentWrapper {
	position:relative;
	margin:0 24px;
}

/* ########## END CONTENT ########## */




/* ########## BEGIN PROGRESS SPINNER ########## */

.progressSpinnerWrapper {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	margin:-40px auto auto -40px;
	background-color:#444444;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	opacity:0.75;
	z-index:10000;
}

.progressSpinnerWrapperSmall {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px auto auto -10px;
	background-color:#444444;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	opacity:0.75;
	z-index:10000;
}

#fiberSchematicProgressSpinner {
	position:absolute;
}

.bufn{
  font-family: "Roboto Mono","serif";	
  font-weight:bold;
}

/* ########## END PROGRESS SPINNER ########## */




/* ########## BEGIN SIGN IN / CREATE ACCOUNT FORMS ########## */

.signInFormField {
	width:200px;
}

.signInEmailAddress  { 
	margin-bottom:5px; 
}

.signInErrorMessage {
	width:195px;
	text-align:center;
	font-size:10pt;
	color:#ffffff;
	background:#ed2124;
	padding:5px;
	margin-bottom:5px;
	background:#ff6568;
	border:solid 1px #ed2124;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#signInCreateAccountWrapper {
	display:none;
	margin:0px auto;
	background-color:#0089cf;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:8px;
}

#signInCreateAccount {
	background-color:#ffffff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:20px;
}

#signInCompanyNameWrapper {
	position:relative;
}

.signInCompanyNameAutoSuggestMenu {
	display:none;
	position:absolute;
	min-width:205px;
	max-width:205px;
	z-index:1000000;
	background-color:#e5f3fa;
	border:solid 1px #0089cf;
	margin-top:5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:1px 1px 3px #888888;
	-moz-box-shadow:1px 1px 3px #888888;
	box-shadow:1px 1px 3px #888888;
}

.signInCompanyNameAutoSuggestMenu .menuItem {
	padding:2px 10px;
}

.signInCompanyNameAutoSuggestMenu .menuItemSelected {
	color:#ffffff;
	background-color:#0089cf;
	cursor:pointer;
}

/* ########## BEGIN SIGN IN / CREATE ACCOUNT FORMS ########## */




/* ########## BEGIN FOOTER ########## */

#footerBackground {
	position:relative;
	margin:0 auto;
}

#footerWrapper {
	position:relative;
	margin:0 auto;
}

/* ########## END FOOTER ########## */

/* ########## form field placeholders ######## */

.placeholder{ 
  color:#aaa;
  font-style:italic; 
}
::-webkit-input-placeholder {
   color: #aaa;
   font-style:italic;
}

:-moz-placeholder { /* Firefox 18- */
   color: #aaa;
   font-style:italic;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #aaa;
   font-style:italic;  
}

:-ms-input-placeholder {  
   color: #aaa;
   font-style:italic;  
}


.barLink {
	color:#004c7e;
	text-decoration:none;
	font-size:14pt;
	padding-top:7px;
}

.barLink:hover {
	color:#0089cf;
	opacity:0.85;
}

#QAsearchWrapper {
	display:none;
	margin:0px auto;
	background-color:#0089cf;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:8px;
}
.QAtableHeader {
	background:url("/resources/images/table_header_background.gif") repeat-x left top;
	border-bottom:solid 1px #dddddd;
	font-size:10pt;
	font-weight:700;
	padding:4px 5px;
}

.QAtableHeader2 {
	background:url("/resources/images/table_header_background.gif") repeat-x left bottom;
	border-bottom:solid 1px #dddddd;
	font-size:10pt;
	font-weight:700;
	padding:4px 5px;
}

.QAtableRowData {
	font-size:11pt;
	padding:4px 5px;
}

.QAtableRowLight {
	background-color:#ffffff;
}

.QAtableRowDark {
	background-color:#eeeeee;
}