@charset "utf-8";

body, table, div, h1, h2, td, ul, li {
	font-family: helvetica, arial, sans-serif;
	font-size:12px;
	text-align: left;
	vertical-align:top;
}

body { background: url('images/background_tile.jpg') repeat; margin:0; }

p {
	color:#000;
	line-height:18px;
	padding:0 0 10px 0;
	margin:0;
}

table, img, img a { border:none; }

a, a:link, a:visited, a:active { color: #136087; text-decoration: none; }
a:hover { color: #004e74; text-decoration: underline; }

.mainTable { width: 1000px; margin-top: 25px; }

.mainNavBackground { background: url("images/mainNavBg.png") repeat-x; }

.mainNavBackgroundText {
	color: #ffffff;
	font-size: 12px;
	padding: 3px 10px 0 10px;
}

.mainNavBackgroundText a, .mainNavBackgroundText a:link, .mainNavBackgroundText a:visited,
.mainNavBackgroundText a:active { color: #ffffff; text-decoration: none; } 
.mainNavBackgroundText a:hover { color: #ffffff; text-decoration: underline; } 

.mainSeparator hr { height: 1px; border: 1px solid #f9f9f9; }

.header-bar { }

table.command-buttons { border:none; float:right; }
table.command-buttons a:hover { text-decoration: none; }
td.command-buttons { text-align:right; }
td.command-buttons-container { text-align:right; padding-left:30px; padding-right:14px; }

.command-print { height:0; display:none; clear:both; text-align:right; }

.footer-bar { text-align:center; clear:both; padding:10px 0; }

.topNavBackgroundText {
	float: right;
	list-style-type: none;
	margin: 0;
	padding-top: 2px;
	padding-right: 10px;
}

.topNavBackgroundText li {
	color: #004596;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding-left: 6px;
}

.topNavBackgroundTextSplitter {
	padding-left: 4px;
	padding-right: 4px;
}

.topNavBanner { margin:0 8px 0 8px; min-height:68px; display:block; }

.leftColSpacer { width: 15px; }
.middleColSpacer { width: 10px; }
.leftCol { width:289px; }
td.leftCol-home { padding-left:30px; padding-right:10px; }
td.rightCol-home { padding-left:10px; padding-right:14px; vertical-align:top; }

#rightCol ul { list-style-image: url('/docroot/hqsi/images/bullet-green-square.png'); line-height:18px; margin-top:0; }
#rightCol ul .nested { list-style-image: url('/docroot/hqsi/images/bullet-green-triangle-right.png'); line-height:18px; }

#homeTwoColumns, #belowHomeTwoColumns { clear:both; }

.leftNavBackground {
	background-image: url("images/leftNavBg.png");
	background-repeat: repeat-y;
	width: 240px;
}

.gradtableBackground {
	background: url("images/sidebar.jpg") no-repeat;
	height: 692px;
	padding: 10px 0 0 12px;
	width: 289px;
}

.whatsnewBackground {
	height: 350px;
	margin-bottom: 20px;
	padding-left: 0;
	position: relative;
	width: 220px;
	z-index: 10;
}

.whatsnewContent {
	margin-top: -335px;
	margin-bottom: 30px;
	min-height: 300px;
	overflow: hidden;
	position: relative;
	width: 200px;
	z-index:20;
}

.gradtableLeftBackground {
	background-image: url("images/gradtable-left.png");
	background-repeat: repeat-y;
	width: 2px;
}

.gradtableRightBackground {
	background-image: url("images/gradtable-right.png");
	background-repeat: repeat-y;
	width: 3px;
}

.gradtableMiddleBackground {
	background-image: url("images/grad-bg.png");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #E4EFF9;
	padding-left:10px;
	padding-right:5px;
	width:225px;
}

.gradtableTopBackground { line-height:0px; width:245px; }
.gradtableBottomBackground { line-height:0px; width:245px; }

.textImage {
	/* border: 1px solid #E47c30; */
}

.textImage_left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.textImage_right {
    float: right;
    margin-left: 5px;
    margin-bottom: 10px;
}

.textImage_middle {
	margin-right: 5px;
    margin-bottom: 10px;
    padding-left: 5px;
}

.textImage_default {
	/* no paddings and no style */
}


/* get rid of old header styles */

.title { margin-bottom: 5px; }
.title_page {
	font-size: 18px;
	color: #E47C30;
	border-bottom: 1px solid #9f9f9f;
	line-height: 22px;
}
.title_big_section { font-size: 16px; color: #E47C30; }
.title_section { font-size: 14px; color: #E47C30; }
.title_capitalize { text-transform:uppercase; }
.title_bold { font-weight: bold; }

.title_empty {
	/* leave empty.. used for coding.. */
}

.bannerTitle {
	color: #E47C30;
	font-size: 24px;
	height:50px;
	line-height:50px;
	margin-top: 73px;
	margin-left: 320px;
	position:absolute;
	text-transform: uppercase;
	z-index:2;
}
.bannerTitleOffset {
	color: #888888;
	font-size: 24px;
	height:50px;
	line-height:50px;
	margin-top: 74px;
	margin-left: 321px;
	position:absolute;
	text-transform: uppercase;
	z-index:1;
}

.gridTable { width:100%; }

/*  New Header Styles  */

h1 { color: #849aa5; font-size:18px; line-height:22px; font-weight:bold !important; }
h2 { color: #136087; font-size:16px; font-weight:bold !important; max-width:650px; }
h3 { color: #5C9800; font-size:14px; font-weight:bold; }
h4 { color: #000; font-size:14px; font-weight:bold; }

/*  Header Formatting  */

.gridTable th {
    background-color: #F0F0F0;
    border-bottom: 1px solid #9F9F9F;
	color: #94AC15;	
	font-weight: bold;
	padding: 1px 0px 2px 10px;
	text-align: left;
}

/*  Body Formatting  */

.gridTable tr td {
	border-bottom: 1px solid #9F9F9F;
	border-left: 1px solid #9F9F9F;
	padding: 1px 0px 1px 10px;
}

/*  First Column  */

.gridTable tr td:first-child { border-left: 0; }

.searchBox { margin-right:2px; padding:2px; }
input.searchBox { padding:4px; font-family: helvetica, arial, sans-serif; font-size:12px; width: 120px; }
.searchBox img { margin-top:4px; }

div.searchErrorText { 
	font-family: helvetica, arial, sans-serif; 
	font-size:12px;
	padding: 10px 0 0 10px;
}

.breadcrumb { color: #444444; font-size: 10px; padding: 5px 0 0 2px; }
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, 
.breadcrumb a:active { color: #6B7C8F; text-decoration: none; } 
.breadcrumb a:hover { color: #6B7C8F; text-decoration: underline; } 
	
.homeBannerHomeLink {
	border: 0px solid #000000;
	cursor: pointer;
	height: 100px; 
	margin-top: 50px; 
	margin-left: 815px;
	position: absolute;
	width: 155px;
	z-index: 1000; 
}

.subBannerHomeLink {
	border: 0px solid #000000;
	cursor: pointer;
	height: 100px;
	margin-top: 50px; 
	margin-left: 805px;
	position: absolute;
	width: 165px;
	z-index: 1000; 
}

.skipLink { display: block; width:0; height:0; }

.subBannerImage { }
.subBannerTable { z-index: 200; }

.topNav { z-index: 300; position: absolute; padding-left: 525px; }

.mainNav { position: relative; }
.mainNavHomePage { margin-top:-27px; }
.mainNavBg { margin-top: 233px; }
.manNavBgSubPage { margin-top: 185px; }
.mainNavBg img { width: 100%; height:23px; }

.linkBullet { list-style-type: none; margin: 0 0 0 -40px; line-height:21px; }
.linkBullet li { float: left; }
.rightCol .linkBullet li.textLi { width: 90%; }

.mainContentTable { width: 102%; }

#topBannerImg {
 	overflow: hidden;
	position: absolute;
 	width: 998px;
  	z-index: 0;
}

#topBannerNav {
  	position:absolute;
  	width: 998px;
  	z-index: 10;
}

#widgets-left { float: left; margin-left:18px; }
#widgets-right { float: right; margin-right: 18px; }
.widget { float:left; margin-right:4px; }

.resourceDescription { display:block; margin-top:10px; }
.resourceDescription span { font-weight:bold; margin-right:4px; }

/*  Footer Styles  */

#footer { position:relative; margin-left:20px; }

#footer p {
	color:#000000;
	font-size:.95em;
	margin:0;
	padding:0;
}

#footercopyright { 
	color:#000000;
	line-height:21px;
	margin: 0 45px 20px 0;
	float:right;
	text-align:right;
	width: 50%;
}

#footerlinks ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#footerlinks li { display:inline; padding:0 8px; }
#footerlinks li a { color:#006899; font-size:12px; }
#footerlinks li.first { padding-left:0; }
	
/*  New Header Styles  */

#header { height: 45px; margin-right:30px; }

#header p {
	color:#000000;
	font-size:.95em;
	margin:0;
	padding:0;
}

#header #text {
	float:right;
	width:auto;
}

ul#header-links {
	float:right;
	padding: 15px;
	list-style:none;
}

#header-links li { display:inline; padding:0 8px; }
#header-links li a { color:#006899; font-size:12px; }
#header-links li img { margin-right:2px; margin-top:-1px; }
#headerlinks li.first { padding-left:0; }

#search-bar-container { float:right; width:100%; margin-right:30px;	}
#search-bar-container img { vertical-align:middle; cursor:pointer; }

#search-bar	{ float:right; margin-right:17px; }

/*  Top Nav Styles  */

#topnav {
	float:left;
	margin: 0 20px 0 20px;
}

#topnav p {
	color:#000000;
	font-size:.95em;
	margin:0;
	padding:0;
}

ul#topnavlinks { 
	float:left; 
	display:inline;
	clear:left; 
	list-style:none; 
	padding:0; 
	margin:20px 0 0 0; 
	min-height:26px;
	text-shadow: 0 1px 0 #fff; 
	width:844px; 
}

#topnavlinks li { display:inline; padding:0 8px; }
#topnavlinks li a { color:#5c9800; font-size:18px; }
#topnavlinks li a:hover { text-decoration:none; color:#136087; }

div#command-buttons { float:left; clear:right; display:inline; margin:20px 0 0 0; height:26px; width:115px; }
div#command-buttons img a:hover { text-decoration: none; }

/*  New Homepage Styles  */

.homepage-container-right {
	background: url("images/homepage_banner.png") no-repeat center;
	height: 300px;
	position: relative;
	cursor: pointer;
}

.homepage-container-right p {
	float:right;
	font-size: 14px;
	line-height:21px;
	margin-right:35px;
	width: 480px;
}
.homepage-container-right img {
	padding: 45px;	
}

.homepage-container-right h1 {
	color: #93a7b0; 
	font-size:18px; 
	line-height:22px; 
	text-transform:none; 
	font-weight:bold !important;
	border-bottom: 0px;
	padding: 20px;
}

.homepage-container-right a {
	color: #136087;
	font-weight:bold !important;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0px 20px 15px 0px;	
}

.homepage-container-left {
	background: url("images/homepage_ad_plain.png") no-repeat center;
	height: 300px;
	position: relative;
	cursor: pointer;
}

.homepage-container-left p {
	float:right;
	font-size: 14px;
	line-height:21px;
	margin-right:30px;
	width: 480px;
}

.homepage-container-left img {
	position:relative;
	top:-73px;
}

.homepage-container-left h1 {
	color: #136087; 
	font-size:18px; 
	font-weight:normal !important;
	margin-left:460px;
	margin-top: 0px;
	padding-top:40px;
}

.homepage-container-left a {
	color: #136087;
	font-weight:bold !important;
	position: absolute;
	padding: 0px 20px 15px 0px;	
}

#homepage-container-two {
	float: left;
	min-height: 170px;
	width: 995px;
	margin: 15px 0;  
}

#homepage-container-two-left {
	background: url("images/commprojects_bg_bottom.png") no-repeat;
	background-position: left bottom;
	display:inline-block;
	float:left;
	min-height: 165px;
	width: 518px;
	position: relative;
	top: 15px;
}
	
#homepage-container-two-left-container {
	background: url("images/commprojects_bg_middle.png") repeat-y;
	display:inline-block;
	float:left;
	margin-left:17px;
	min-height: 170px;
	width: 518px;
}
	
#homepage-container-two-left a { float:right; margin-right:10px; }

#homepage-container-two-left-top {
	background: url("images/commprojects_bg_top.png") no-repeat;
	float:left;
	width:518px;
	height:16px;
	position:relative;
	top: -10px;
}

#homepage-container-two-right-top {
	background: url("images/medicareconcerns_bg_top.png") no-repeat;
	float:left;
	width:449px;
	height:10px;
	position:relative;
	top:-10px;
}

#homepage-container-two-right {
	background: url("images/medicareconcerns_bg_bottom.png") no-repeat;
	background-position: left bottom;
	display:inline-block;
	float:left;
	min-height: 170px;
	width: 449px;
	position: relative;
	top: 15px;
}

#homepage-container-two-right-container {
	background: url("images/medicareconcerns_bg_middle.png") repeat-y;
	display:inline-block;
	float:left;
	min-height: 170px;
	width: 449px;
}
	
#homepage-container-two p {
	font-size: 13px;
	line-height:21px;
	margin-left:20px;
	margin-right: 20px;
}

#homepage-container-two-right ul.whatsnew { list-style:none; margin-top:0; }
#homepage-container-two-right .whatsnew img { margin-right:3px; }

#homepage-container-two h1 {
	color: #136087; 
	font-size:18px; 
	margin: 0 0 5px 20px;
	text-transform:none; 
}

#homepage-container-two a {
	color: #136087;
	font-weight:bold !important;
	margin-right:17px;	
}

#homepage-container-three {
	float: left;
	min-height: 265px;
	width: 995px;
	margin: 15px;
}

#homepage-container-three-left-top {
	background: url("images/whatsnew_bg_top.png") no-repeat;
	float:left;
	width:333px;
	height:10px;
	position:relative;
	top:-10px;
}

#homepage-container-three-left {
	background: url("images/whatsnew_bg_bottom.png") no-repeat;
	background-position: left bottom;
	min-height: 265px;
	display:inline-block;
	float:left;
	width: 333px;
	position:relative;
	top: 15px;
}

#homepage-container-three-left-container {
	background: url("images/whatsnew_bg_middle.png") repeat-y;
	display:inline-block;
	float:left;
	min-height: 265px;
	width: 333px;
	}

	
#homepage-container-two p {
	font-size: 13px;
	line-height:21px;
	margin-left:20px;
	margin-right: 10px;
}

.link-right { float:right; margin-right:18px; }

#homepage-container-three-left ul.whatsnew { margin-left:10px; list-style:none; }
#homepage-container-three-left .whatsnew li { width:290px; float:left; padding: 0 10px 10px 10px; line-height:16px; }
#homepage-container-three-left .whatsnew li img { margin-right: 8px; float:left; right:0; bottom:6px;  }

#homepage-container-three-right-top {
	background: url("images/medicareconsumers_bg_top.png") no-repeat;
	float:left;
	width:318px;
	height:10px;
	position:relative;
	top:-10px;
}

#homepage-container-three-right {
	background: url("images/medicareconsumers_bg_bottom.png") no-repeat;
	background-position: left bottom;
	min-height: 265px;
	display:inline-block;
	float:left;
	width: 318px;
	position:relative;
	top: 15px;
}

#homepage-container-three-right-container {
	background: url("images/medicareconsumers_bg_middle.png") repeat-y;
	display:inline-block;
	float:left;
	min-height: 265px;
	width: 318px;
	}

#homepage-container-three-middle-top {
	background: url("images/medicareconsumers_bg_top.png") no-repeat;
	float:left;
	width:318px;
	height:10px;
	position:relative;
	top:-10px;
}

#homepage-container-three-middle {
	background: url("images/medicareconsumers_bg_bottom.png") no-repeat;
	background-position: left bottom;
	min-height: 265px;
	display:inline-block;
	float:left;
	width: 318px;
	position:relative;
	top: 15px;
}

#homepage-container-three-middle-container {
	background: url("images/medicareconsumers_bg_middle.png") repeat-y;
	display:inline-block;
	float:left;
	min-height: 265px;
	width: 318px;
	}


#homepage-container-three h1 {
	color: #136087; 
	font-size:18px;
	font-weight:bold; 
	margin: 0 0 5px 20px; 
	max-width:270px;
	text-transform:none; 
}

#homepage-container-three p {
	font-size: 13px;
	line-height:21px;
	margin-left:20px;
	max-width: 270px;
}


#homepage-container-three-middle img { margin-top:-30px; padding: 0 20px 7px 0;}
#homepage-container-three-right img { margin-top:-30px; padding: 0 20px 7px 0;}

#homepage-container-three a { color: #136087; font-weight:bold; }

#homepage-container-three-middle a, #homepage-container-three-right a { color: #136087; font-weight:bold; }

/*  Homepage Slider Styles  */

#slideshow #slidesContainer {
	float:left;
	/*margin: -24px 0 0 0;*/
	width:970px;
	height:295px;
	overflow:auto; /* allow scrollbar */
	position:relative;
}

#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:950px; /* reduce by 20 pixels to avoid horizontal scroll */
	height:295px;
}

/**
 * Slideshow controls style rules.
 */
 
#slideshow { position:relative; margin-left:14px; cursor:default; width: 970px;}
 
.control {
	display:block;	
	width:39px;
	height:295px;
	text-indent:-10000px;
	position:relative;
	cursor: pointer;
}

#leftControl {
	background:url("images/arrow-left.png") no-repeat 0 0;
	float:left;
	height:24px;
	top:260px;
	left:30px;
	z-index:10;
}

#rightControl {
	background:url("images/arrow-right.png") no-repeat 0 0;
	float:right;
	height:24px;
	top:260px;
	right:30px;
	z-index:10;
}

/*  New Subpage Two Column Styles  */

#rightColContainer {
	background: url("images/subpage_bkgd_middle.png") repeat-y;
	width:663px;
}

#rightCol {
	background: url("images/subpage_bkgd_bottom.png") no-repeat;
	background-position: left bottom;
	max-width:663px;
	min-height: 679px;
	position: relative;
	z-index: 1;
	top: 10px;
	margin-bottom: 10px;
	padding: 0px 20px;
}

#rightCol .left-nav-bullet { font-weight: normal; }
	
#rightColTop {
	background: url("images/subpage_bkgd_top.png") no-repeat;
	width:663px;
	height:17px;
}

#subpage-banner {
	background:url("images/subpage_header.png") no-repeat 0 0;	
	height: 150px;
	margin-left:16px;
	margin-right:26px;
}

#subpage-banner h1 {
	color: #000000;
	font-size:24px; 
	font-weight:normal !important;
	padding: 55px 25px 0px 25px;
	line-height: 0px;
}

#subpage-banner h2 { 
	color: #136087;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 25px;
}

#left-nav-container { padding-top: 20px; line-height: 20px; }

.left-nav-nobullet { font-weight: bold; font-size: 12px; }
.left-nav-nobullet a { padding-left: 20px; }
.left-nav-nobullet p { padding: 25px 0 0 0;	}

.left-nav-bullet { font-weight: bold; font-size: 12px; line-height:18px; }

.leftCol a { font-height: 20px; }
.leftCol img { line-height: 20px; padding-left: 20px; }
.leftCol h2 { padding: 0px 20px 0px 20px; }

#onecolumn-container-top {
	background: url("images/subpage_fullbg_top.png") no-repeat;
	width: 963px;
	height: 20px;
	margin-left: 16px;
	margin-right: 26px;
}

#onecolumn-container-middle {
	background: url("images/subpage_fullbg_bottom.png") no-repeat;
	background-position: left bottom;
	min-height: 636px;
	max-width: 963px;
	position: relative;
	z-index: 1;
	top: 10px;
	margin-bottom: 10px;
	padding: 0px 20px 20px;
}

#onecolumn-container {
	background: url("images/subpage_fullbg_middle.png") repeat-y;
	min-height: 636px;
	margin-left: 16px;
	margin-right: 26px;
}

/*  Resources Styles  */

.resource-box { 
	border:1px solid #136087;
	min-height:322px;
	width: 204px;
}

.equal-height { border-spacing:10px; }

.resource-box p { margin: 0 15px 0 15px; }
.resource-box img { width:172px; height:97px; margin:15px; }
.resource-box h4 { margin: 0 15px 5px 15px; }
.resource-box ul { list-style-image:url('/docroot/hqsi/images/bullet-green-square.png'); }
.resource-box ul li a { font-weight:bold; }

.resources-submit { cursor:pointer; }
span.tip { color:#5d5f60; display:block; margin:8px 0 0 116px; }
div.now-viewing { margin: 10px 0 10px 0; }
label.search-label { font-weight:bold; color:#136087; }

.library-pagination { 
	text-align:right; 
	width:100%; 
	font-weight:bold; 
	padding: 10px 0;
}
.library-pagination a { font-weight:bold; }

#faqs-question {
	color: #136087;
	font-size: 12.5px;
	font-weight: bold;
}

#partners-image { width:35%; float:left; }

#partners-text {
	width:55%;
	line-height: 25px;
	float:left;
}

#sitemap h2 { color: #849AA5; margin:0; }
#sitemap h2 a { color: #5C9800;	}
#sitemap h2 a:hover { color: #004494; text-decoration: none; }
#sitemap ul { list-style-image:url('/docroot/hqsi/images/bullet-green-square.png'); font-weight: bold; }

.links h2 { color: #136087; font-size:16px; font-weight:bold !important; max-width:650px; margin:0; }

.form-wrapper fieldset { border:none; margin-left:0; padding-left:0; }
.form-wrapper label span { text-align:right; font-weight:bold; width:200px; color:#5C9800; float:left; margin: 2px 8px 0 0; }
.form-wrapper input { text-align:left; padding:4px; font-family: helvetica, arial, sans-serif; font-size:12px; }
.form-wrapper textarea { font-family: helvetica, arial, sans-serif; font-size:12px; width:250px; }
.form-wrapper select { font-family: helvetica, arial, sans-serif; font-size:12px; }

div.colLeft { float:left; margin-bottom:12px; line-height:18px; min-width:220px; }
div.colRight { float:left; margin-left:60px; margin-bottom:12px; line-height:18px; }

ol li { line-height:18px; margin-bottom:8px; }

.social-button { display: inline; }

