@charset "UTF-8";

/* CSS Document */

body {
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(/images/pagebg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}

p {
	margin-top: 0;
}

a {
	color: #cc6600;
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

.clearfloat {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 0;
}

div#preloaded-images {
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}

#lb-header {
	margin: 0 auto;
	width: 826px;
	display: block;
	text-align: left;
	padding-top: 17px;
}

#masthead {
	float: left;
	width: 150px;
	color: #999999;
	font-size: 10px;
}

#masthead .backlink {
	margin-top: 16px;
}

#masthead a {
	color: #999999;
	text-decoration: none;
	margin-left: 6px;
}

#topsearch {
	background-color: #000;
	float: right;
	color: #cccccc;
	background-image: url(/images/search_bgleft.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 28px;
	padding-left: 14px;
	font-size: 11px;
	margin-top: 16px;
	line-height: 28px;
	clear: right;
}

#topsearch div {
	background-image: url(/images/search_bgright.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 5px;
}

#topsearch a {
	color: #cccccc;
	text-decoration: none;
	margin: 0 3px;
}

#topsearch form {
	display: inline;
}

#topsearch .topsearchbox {
	width: 165px;
	font-size: 10px;
	margin: 0 4px 0 10px;
}

#topsearch .topsearchbutton {
	vertical-align: bottom;
}

#lb-tabnav {
	clear: right;
	float: right;
	margin-top: 14px;
	width: 612px;
	margin-bottom: -1px;
}

#lb-tabnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#lb-tabnav li {
	float: left;
	vertical-align: middle;
}

#lb-tabnav a {
	display: block;
	height: 35px;
	line-height: 35px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	clear: left;
}

#lb-tabnav a span {
	display: none;
}

/* home regular */

#lb-tabnav_home {
	background-image: url(/images/tab_lb-federalgovernment.gif);
	width: 160px;
}

/* home hover  */

#lb-tabnav_home:hover {
	background-image: none;
}

#lb-tabnav_home-behind {
	background-image: url(/images/tab_lb-federalgovernment-on.gif);  /* should be on state */
}

/* products regular */

#lb-tabnav_products {
	background-image: url(/images/tab_lb-products.gif);
	width: 144px;
}

/* products hover */

#lb-tabnav_products:hover {
	background: none;
}

#lb-tabnav_products-behind {
	background: url(/images/tab_lb-products-on.gif);  /* should be on state */
}

/* customer regular */

#lb-tabnav_resource {
	background-image: url(/images/tab_lb-resourcecenter.gif);
	width: 151px;
}

/* customer hover */

#lb-tabnav_resource:hover {
	background-image: none;
}

#lb-tabnav_resource-behind {
	background-image: url(/images/tab_lb-resourcecenter-on.gif); /* should be on state */
}

/* manage regular */

#lb-tabnav_manage {
	background-image: url(/images/tab_lb-managemyservices.gif);
	width: 157px;
}

/* manage hover */

#lb-tabnav_manage:hover {
	background-image: none;
}

#lb-tabnav_manage-behind {
	background-image: url(/images/tab_lb-managemyservices-on.gif);  /* should be on state */
}

/* end of top nav tabs */

#wh-page {
	margin: 0 auto;
	width: 826px;
	background-image: url(/images/page_bg.gif);
	background-repeat: repeat-y;
	text-align: left;
	display: block;
	padding: 0;
}

#wh-page .page-top {
	background-image: url(/images/page_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 12px;
}

#wh-page .page-bottom {
	background-image: url(/images/page_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 12px 12px 12px;
}

#wh-page h1 {
	color: #333333;
	font-size: 16px;
	margin-top: 0;
}

.contact_icon {
	background-image: url(/images/bmg_contact_icon.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 45px;
	margin: 5px 0 0 5px;
	padding-left: 47px;
	padding-top: 4px;
}

.contact_icon h1 {
	margin: 0;
	padding-top: 3px;
}

.contact_icon h1 a {
	color: #333333;
	text-decoration: none;
}

.subtitle a {
	text-decoration: none;
	border-bottom: 1px dashed #999999;
}

#wh-page h1.main {
	margin: 15px;
}

#wh-page h2 {
	color: #333333;
	margin-top: 0;
	font-size: 14px;
}

#wh-page .indent {
	padding-left: 6px;
}

#wh-page .local {
	color: #6f9243;
	font-size: 16px;
}

#wh-page .qwest {
	color: #094D9C;
	font-size: 16px;
}

#wh-page h3 {
	color: #666;
	margin-top: 0;
	font-size: 12px;
}

#qwestfooter {
	text-align: center;
	color:#000;
	font-size: 11px;
	padding: 10px 0;
}

#qwestfooter a {
	color:#000;
	text-decoration: none;
}

/* use these if you want content right, nav (or promo) left */

#wh-contentright {
	margin: 0 0 0 196px;
	display: block;
}

#wh-leftrail {
	float: left;
	width: 190px;
}

/* use these if you want content left, nav (or promo) right */


#wh-contentleft {
	margin: 0 196px 0 0;
	display: block;
}

#wh-rightrail {
	float: right;
	width: 190px;
}

/* use this if you want only a content area, no left or right rail */

#wh-contentwide {
	margin: 0;
	display: block;
}

/* left nav */

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

.leftnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.leftnav li {
	list-style: none;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/images/leftnav_bg.gif);
	background-color: #383838;
}

.leftnav li.first {
	background-image: url(/images/leftnav_firstbg.gif);
}

.leftnav li.last {
	background-image: url(/images/leftnav_lastbg.gif);
}

.leftnav li.open {
	background-image: url(/images/leftnav_openbg.gif);
}

.leftnav li.on {
	background-image: url(/images/leftnav_on.gif);
	background-color: #939393;
}

.leftnav li.firston {
	background-image: url(/images/leftnav_firstbgon.gif);
	background-color: #939393;
}

.leftnav a {
	display: block;
	clear: left;
	height: auto !important;
	height: 29px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.leftnav a span {
	padding: 7px 0 8px 29px;
	display: block;
}

/* second level lists */

.leftnav li li {
	background-image: url(/images/leftnav_subbg.gif);
}

.leftnav li li a {
	font-weight: normal;
}

.leftnav li li a span {
	padding-left: 32px;
}

/* ROUNDED CORNER BOX */
/* great for content */

.liquid-round {
	margin: 0px auto;
	background: #fff url(/images/content_leftside.gif) repeat-y left top;
}

* html .liquid-round {
	width:  99%;
}

.top {
	width: 100%;
	height: 20px;
	background: url(/images/content_top.gif) no-repeat left top;
}

.top span {
	display: block;
	position: relative;
	height: 20px;
	background: url(/images/content_top-right.gif) no-repeat right top;
}

.center-content {
	position: relative;
	background: url(/images/content_rightside.gif) repeat-y right top;
	/*padding: 1px 20px 1px 25px;*/
	padding: 1px 9px 1px 15px;
	margin: -1px 0 -30px 0;
	z-index: 3000;
}

.center-content-skinny {
	position: relative;
	background: url(/images/content_rightside.gif) repeat-y right top;
	padding: 1px 8px 1px 8px;
	margin: -1px 0 -50px 0;
	z-index: 2000;
}

.bottom {
	height: 60px;
	background: url(/images/content_bottom.gif) no-repeat left bottom;
}

.bottom span {
	display: block;
	position: relative;
	height: 60px;
	background: url(/images/content_bottom-right.gif) no-repeat right top;
}


/* ROUNDED CORNER BOX with a GRADIENT BACKGROUND  */
/* great for left nav? */



.g-liquid-round {
	margin: 0px auto;
	background: url(/images/gradient/content_leftside.gif) repeat-y left top;
}

.g-gradientpart {
	margin: 0px auto;
	background-image: url(/images/gradient/content_gradient.jpg);
	background-position: 0 19px;
	background-repeat: no-repeat;
}

* html .g-liquid-round {
	width:  99%;
}

.g-top {
	width: 100%;
	height: 20px;
	background: url(/images/gradient/content_top.gif) no-repeat left top;
}

.g-top span {
	display: block;
	position: relative;
	height: 20px;
	background: url(/images/gradient/content_top-right.gif) no-repeat right top;
}

.g-center-content {
	position: relative;
 	background: url(/images/gradient/content_rightside.gif) repeat-y right top;
	padding: 1px 20px 1px 25px;
	margin: -1px 0 -30px 0;
	z-index: 3000;
}

.g-center-content-skinny {
	position: relative;
	background: url(/images/gradient/content_rightside.gif) repeat-y right top;
	padding: 1px 8px 1px 8px;
	margin-bottom: -50px !important; /* IE 6 chokes on this and produces a weird white box so we're hiding it */
	margin: -1px 0 0 0;
	z-index: 2000;
}

.g-center-content-skinnygrad {
	background: url(/images/gradient/content_gradient.jpg) no-repeat right top;
	margin-right: -8px;
	margin-top: -1px;
	padding-right: 8px;
}

.g-bottom {
	background: transparent url(/images/gradient/content_bottom.gif) no-repeat left bottom;
	height: 60px;
}

.g-bottom span {
	display: block;
	position: relative;
	height: 60px;
	background: transparent url(/images/gradient/content_bottom-right.gif) no-repeat right top;
}

/* OTHER CLASSES */

.debug {
	border: 2px dashed #C1C1C1;
	padding: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	margin-top: 50px;
}

.space {
	margin-top: 12px;
}