/* ---------------------------------------------
SCBlues Screen Style Sheet
author: Cyberwoven
version:  2009.02
----------------------------------------------- */

body {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#555;
	margin:0;
	padding:0;
	background:#fff;
	background-repeat:repeat-x;
	text-align:center;}

a {color:#0067ae; text-decoration:underline;}
a:hover {text-decoration:none;}


h2 {font:normal 22px/26px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 6px 0; padding:0; color:#50b2cc;}
h3 {font:normal 18px/22px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:20px 0 4px 0; padding:0; color:#50b2cc;}
h4 {font:bold 14px/20px "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; margin:15px 0 2px 0; padding:0; color:#50b2cc;}

p {margin:0 0 15px 0; padding:0;}

blockquote {margin:20px 30px; padding:20px 30px; background:#edf7fa; border:1px solid #bedce5; border-width:1px 0; font-family:georgia, serif; font-size:16px; line-height:24px; font-style:italic; color:#627980;}

fieldset {margin:0; padding:0; display:inline; border:none;}
.textbox {border:1px solid #333; background:none; padding:2px 5px;}
textarea {border:1px solid #333; background:none; padding:2px 5px;}

img {float:right; margin:0 0 10px 10px; padding:2px; border:2px solid orange;}
a:hover img {border-color:#f60;}

hr {border:5px solid #50b2cc; border-width:5px 0 0 0; margin:20px 0;}


/* Layout Blocks
----------------------------------------------- */

a.skiplink {display:none;}

.wrapper {background-position:center 165px; background-repeat:no-repeat; min-width:960px;}
#header {height:205px; width:960px; margin:0 auto; text-align:left; position:relative; z-index:100;}
	#header h1 {position:absolute; top:40px; left:0; margin:0 0 0 -40px; padding:0;}
	#header h1 a {display:block; width:325px; height:125px; background:url(../images/scbluestorelogo.jpg) no-repeat; font-size:1px; text-indent:-9999px; outline:none;}
	#header h2 {display:block; position:absolute; top:40px; right:0; margin:0; height:80px; width:686px; padding:55px 0 0 0; color:#fff; text-align:right; font:normal 30px/40px Verdana, Arial, Helvetica, sans-serif; background: url(../images/h2bg.png) no-repeat 0 0;}
	
	ul.mainnav {display:block; position:absolute; top:0; left:0; margin:0; padding:0; list-style:none;}
		ul.mainnav li {display:inline; margin:0; padding:0;}
		ul.mainnav li a {display:block; float:left; height:40px; padding:0 12px; line-height:40px; font-size:13px; text-decoration:none; font-weight:bold; background:url(../images/topnav.png) repeat-x 0 -40px; outline:none;}
		ul.mainnav li a:hover {text-decoration:none; background-position:0 0;}
		ul.mainnav li#members a {color:#50b2cd;} 
		ul.mainnav li#members.active a {background-position:0 0 !important;}
		ul.mainnav li#agents a {color:#81883c;}
		ul.mainnav li#agents.active a {background-position:0 -40px !important;}
		ul.mainnav li#providers a {color:#cc93dd;}
		ul.mainnav li#providers.active a {background-position:0 -80px !important;}
		ul.mainnav li#benefitscoordinators a {color:#dc910e;}
		ul.mainnav li#benefitscoordinators.active a {background-position:0 -120px !important;}
		ul.mainnav li#ineedinsurance a {color:#cf7965;}
		ul.mainnav li#ineedinsurance.active a {background-position:0 -160px !important;}
		ul.mainnav li.active a, ul.mainnav li.active a:hover {color:#fff !important; background-image:url(../images/mainnav-active.png);}
	
	ul.headernav {display:block; position:absolute; top:0; right:0px; margin:0; padding:0; list-style:none;}
		ul.headernav li {display:inline; margin:0; padding:0;}
		ul.headernav li a {display:block; float:left; text-decoration:none; padding:0 12px; height:40px; line-height:40px; font-size:12px; color:#fff !important; background:url(../images/topnav.png) repeat-x 0 -40px; outline:none;}
		ul.headernav li a:hover {background-position:0 0;}
		ul.headernav li#searchtab a {color:#8dd1ff !important;}

	ul.breadcrumbs {display:block; position:absolute; top:175px; left:0; padding:0; margin:0; list-style:none;}
		ul.breadcrumbs li {display:block; float:left; margin:0; padding:0; height:30px; line-height:30px; font-size:11px;}
		ul.breadcrumbs li a {text-decoration:none; color:#0067ac; padding-right:18px; margin-right:10px; background:url(../images/breadcrumbarrow.png) no-repeat right center;}
		ul.breadcrumbs li a:hover {text-decoration:underline;}
	
	#searchbox {display:none; position:absolute; top:0; right:0; width:245px; height:85px; text-align:left;  background:url(../images/searchbox.png) no-repeat left bottom;}
		#searchbox label {display:none;}
		#searchbox .textbox {position:absolute; left:40px; bottom:54px; width:130px; padding:0; border:none;}
		#searchbox a#searchbutton {position:absolute; right:0; bottom:50px; width:65px; height:25px; background:none; border:none; outline:none; font-size:1px; text-indent:-9999px;}
		#searchbox a#closesearch {display:block; position:absolute; bottom:0; right:0; width:75px; height:30px; outline:none; font-size:1px; text-indent:-9999px;}
		
		
.container {width:960px; margin:0 auto; text-align:left; position:relative; background:url(../images/containerbg.png) repeat-y right top;}

	.content {display:block; float:left; position:relative; width:615px; padding-top:20px;}
		
		.content .halfrow {clear:left; overflow:auto; background:url(../images/halfrowbg.png) no-repeat 0 bottom; width:660px;}
		.content .half {float:left; width:262px; overflow:hidden; margin:10px 14px 10px 0; padding:0 15px 15px 15px; line-height:16px;}
			.content .half a {text-decoration:none;}
			.content .half a:hover {text-decoration:underline;}
			.content .half img, .content .half a img, .content .half a:hover img {float:none; border-left:5px solid #c9c9cb; border-width:0 0 0 5px; padding:0 0 0 1px; margin:0 0 5px -15px;}
			.content .half h4 {margin:3px 0; padding:0; font-size:18px; line-height:20px;}
			.content .half p {margin:0; padding:0 0 5px 0;}
			.content .half a.learnmore {background:url(../images/bullet-bluearrow.png) no-repeat left center; padding-left:15px; font-weight:bold;} 
			.content .half ul {margin:0; padding:0; list-style:none;}
			.content .half ul li {margin:0; padding:0;}
			.content .half ul li a {background:url(../images/bullet-bluearrow.png) no-repeat left center; padding-left:15px;} 



	ul.subnav {display:block; width:275px; float:right; margin:0; padding:20px 0 0 0; list-style:none; font-size:14px;}
		ul.subnav li {display:inline; margin:0; padding:0;}
		ul.subnav a {display:block; padding:3px 0 3px 20px; margin-left:40px; color:#666; text-decoration:none;}
		ul.subnav a:hover {text-decoration:underline; color:#333;}
		ul.subnav li.open {display:block; border:5px solid #fff; border-width:5px 0;}
		ul.subnav li.open a, ul.subnav li.open a:hover {color:#fff;}
		ul.subnav ul {display:block; border:1px solid #fff; border-width:1px 0 0 1px; padding:0; margin:3px 0 0 4px; list-style:none; font-size:12px;}

		/* Light to Dark Gradation: 6fbef3	3d9edf	0067ac	014b7c	033353 */
		ul.subnav li.l4 {background:#033353; margin-left:15px;} ul.subnav li.l4 ul {background:#014b7c;} ul.subnav li.l4 ul ul {background:#0067ac;} ul.subnav li.l4 ul ul ul {background:#3d9edf;} ul.subnav li.l4 ul ul ul ul {background:#6fbef3;}
		ul.subnav li.l3 {background:#014b7c; margin-left:20px;} ul.subnav li.l3 ul {background:#0067ac;} ul.subnav li.l3 ul ul {background:#3d9edf;} ul.subnav li.l3 ul ul ul {background:#6fbef3;}
		ul.subnav li.l2 {background:#0067ac; margin-left:25px;} ul.subnav li.l2 ul {background:#3d9edf;} ul.subnav li.l2 ul ul {background:#6fbef3;} 
		ul.subnav li.l1 {background:#3d9edf; margin-left:30px;} ul.subnav li.l1 ul {background:#6fbef3;}

		ul.subnav li.l4 a {margin-left:20px;} ul.subnav li.l4 ul a {margin-left:20px;} ul.subnav li.l4 ul ul a {margin-left:15px;} ul.subnav li.l4 ul ul ul a {margin-left:10px;} ul.subnav li.l4 ul ul ul ul a {margin-left:5px;} 
		ul.subnav li.l3 a {margin-left:20px;} ul.subnav li.l3 ul a {margin-left:15px;} ul.subnav li.l3 ul ul a {margin-left:10px;} ul.subnav li.l3 ul ul ul a {margin-left:5px;} 
		ul.subnav li.l2 a {margin-left:15px;} ul.subnav li.l2 ul a {margin-left:10px;} ul.subnav li.l2 ul ul a {margin-left:5px;}
		ul.subnav li.l1 a {margin-left:10px;} ul.subnav li.l1 ul a {margin-left:5px;}

	/* Constituent Tools Nav */
	ul.subnav ul.toolsnav {border:none; padding:0; margin:10px 0 0 0; list-style:none; font-size:12px;}


	#footer {clear:both; padding:20px 10px; font-size:11px; position:relative; background:#fff url(../images/dot-cccccc.gif) repeat-x 0 1px; text-align:center;}
	#footer p { text-align:center; }
	#footer a {text-decoration:none; padding:0 10px 0 10px;}
	#footer a:hover {text-decoration:underline;}
		ul.footernav {float:right; margin:0; padding:0; list-style:none;}
		ul.footernav li {display:inline; margin:0; padding:0;}
		ul.footernav li a {display:block; float:left; padding:0 2px; margin:0 0 0 10px;}
		#footer a.cyberwoven {color:#333;}
		#footer a.cyberwoven:hover {text-decoration:none;}
		#footer a.cyberwoven span { color:#0067ac; }
		#footer a.cyberwoven:hover span {color:#cb5201; text-decoration:underline;}

/* Reusables
----------------------------------------------- */

.intro {font-size:14px;}

.hidden {display:none;}
.alt {display:none;}
.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}

table.data {text-align:left;}
table.data th {padding:2px 5px; border-bottom:1px solid #ccc; font-weight:bold; line-height:18px; text-align:left; color:#600;}
table.data td {padding:2px 5px; line-height:16px; border-bottom:1px solid #ccc; }
table.data tr.even td {background-color:#eee;}

.floatleft {float:left;}
.floatright {float:right;}
.nofloat {float:none !important;}

.linkbutton {display:inline-block; clear:both; padding:3px 5px; font-weight:bold; border:2px solid orange; margin:10px 0; text-decoration:none;}
.linkbutton:hover {text-decoration:none; background:orange; border-color:#f60;}

.nobg {background:none !important;}

dl.related {display:block; float:right; width:265px; margin:0 0 10px 30px; padding:355px 0 0 0; background:url(../images/related1.jpg) no-repeat 1px 0; border-left:5px solid #c9c9cb; line-height:16px;}
dl.related dt {margin:0 0 0 1px; padding:15px 20px; color:#333; font-size:16px; background:#fff3af;}
dl.related dd {margin:0 0 0 1px; padding:0 20px 10px 20px; background:#fff3af;}
dl.related dd a {display:block; padding-left:15px; background:url(../images/bullet-relatedarrow.png) no-repeat left 3px; color:#0067ac; text-decoration:none;}
dl.related dd a:hover {text-decoration:underline;}

ul.togglelist {margin:10px 0; padding:0; list-style:none;}
	ul.togglelist li {display:inline; margin:0; padding:0;}
	ul.togglelist li a.toggler {display:block; position:relative; padding:5px 15px; border-bottom:1px solid #bedce5; background:#edf7fa; margin:0 0 1px 0; color:#333; font-weight:bold; text-decoration:none; outline:none;}
	ul.togglelist li a.toggler:hover, ul.togglelist li a.toggler.active {background:#cae0e9; color:#000;}
	ul.togglelist li div.togglebox {display:none; margin:0 0 3px 0; padding:15px; list-style:none; background:#eee; border-bottom:1px solid #ddd;}
	
ul.disclaimer { margin:10px 0 10px 25px;}
 


/* Specialty Pages
----------------------------------------------- */

.contactbox {margin-left:60px;}
.contactbox legend { text-indent:-9999px; }
.contactbox label { float:left; width:200px; margin:14px 10px 2px 1px; display:block; clear:left; border-bottom:solid 1px orange; }
.contactbox label.required { font-weight:bold; color:#000; }
.contactbox label span.required { float:right; margin:-22px 0 0 0; color:#f15124; font-weight:normal; font-style:italic; font-family:georgia, "times new roman", "times", serif; }
.contactbox label, .contactbox input { line-height:22px; }
.contactbox input, .contactbox textarea {font-size:14px; padding:3px 2px 4px 2px; margin: 12px 0 1px 0; border:1px solid orange; }
.contactbox input:focus, .contactbox textarea:focus { background:#ffefd1; }
.contactbox input.textbox { width:365px; }
.contactbox textarea {display:block; width:365px; height:120px; margin-bottom:20px; overflow:hidden; float:left;}
.contactbox a.linkbutton {display:block; clear:both; margin:5px 0 0 210px; width:200px; text-align:center;}
.contactbox .errorMessage { color:#a2aae0 !important; font-size:11px; }
.contactbox .errorMessage.textarea {clear:both; display:block; padding:0 0 0 210px;}