@charset "utf-8";
body, html { height:100%; }

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background:#F1F1F1 url(../img/sw_bg.jpg) repeat-x;
	margin:0px;
	padding:0px;
}

textarea {  resize:vertical; }

iframe, img { border:0px; }
form { margin:0px; padding:0px; }

h1, h2, h3, h4, h5, h6 { margin:0px; }
h1 { color:#3D8536; font-size:18px; font-weight:bold; }
h2 { color:#333; font-size:14px; font-weight:bold; }
h3 { color:#3D8536; font-size:14px; font-weight:bold; }

.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.strong { font-weight:bold; }
.cursor { cursor:pointer; }

.hidden { display:none; }

.error { color:#F30; }
.green { color:#3D8536; }
.black { color:#333; }
.plan_row .plan_type label.disabled { color:#CCC; }

a, a:hover { text-decoration:none; outline:none; }
a { color:#3D8536; }
a:hover { color:#999; }

span.smark { font-family: "Lucida Sans Unicode"; line-height: 0; }

#content ul { padding:0px; margin:15px 0px 15px 5px; list-style:none; list-style-position:inside; list-style-image:url(../img/arrow-menu.gif); }
#content ul li { margin:10px 30px 0px 10px; text-indent: -1em; }
#content ul.sub { padding:0px; margin:10px 0px 10px 12px; list-style:none; list-style-position:inside; list-style-image:url(../img/sm-arrow-menu.gif); font-size:11px; }
#content ol { margin:20px 0px 20px 5px; padding:0px; }
#content ol li { margin:10px 50px 30px 10px; }
#content ul li.active a { color:#666; }

#wrapper-single { margin:0 auto; width:631px; height:100%; }
	#wrapper-single #header #logo { margin:0 auto; float:none; margin-top:50px; }
	#wrapper-single #content { padding-top:40px; }

#wrapper { margin:0 auto; width:946px; height:100%; }
	#header { }
		#header #logo { width:316px; height:53px; float:left; background:url(../img/sw_logo.png) no-repeat; margin:30px 0px 20px 10px; }
		#header #logo a { display:block; width:100%; height:100%; text-indent: -1000px; }
		#header #signpost { width:332px; height:103px; float:right; background:url(../img/sw_signpost.jpg) no-repeat; margin-right:10px; }
		#header #portal-info { width:532px; height:73px; float:right; padding:30px 10px 0px 0px; display:none; text-align:right; }
		#header #portal-info h1 { color:#3D8536; }
		
		#portal-info #account_logo { float:right; max-width:200px; margin-left:10px; }
		#portal-info .content { float:right; }
		
		#nav { clear:both; width:946px; height:34px; }
			#nav ul { margin:0px; padding:0px; }
			#nav ul li { margin:0px; padding:0px; display:inline; list-style:none; float:left; background-position: 0px 0px; text-indent:-200px; overflow:hidden; }
			#nav ul li:hover, #nav ul li.active { background-position: 0px -34px }
			#nav ul li a { display:block; width:100%; height:100%; }
			#nav-home { width:80px; height:34px; background:url(../img/nav-home.jpg) no-repeat; }
			#nav-calc { width:190px; height:34px; background:url(../img/nav-calc.jpg) no-repeat; }
			#nav-guide { width:140px; height:34px; background:url(../img/nav-guide.jpg) no-repeat; }
			#nav-faqs { width:75px; height:34px; background:url(../img/nav-faqs.jpg) no-repeat; }
			#nav-resources { width:185px; height:34px; background:url(../img/nav-resources.jpg) no-repeat; }
			#nav-enroll { width:150px; height:34px; background:url(../img/nav-enroll.jpg) no-repeat; }
			#nav-webcast { width:150px; height:34px; background:url(../img/nav-webcast.jpg) no-repeat; }
			#nav-about { width:126px; height:34px; background:url(../img/nav-about.jpg) no-repeat; }
	#intro { clear:both; width:946px; height:213px; background:url(../img/sw_intro.jpg) no-repeat; overflow:hidden; }
	#intro-copy { padding:100px 40px; width:400px; }
	#news-bar { clear:both; width:946px; height:34px; background:url(../img/sw_news_bg.jpg) no-repeat; }
	#news-bar h1 { color:#3D8536; float:left; width:100px; font-size:17px; margin:6px 10px 0px 20px; background:url(../img/arrow-menu.gif) 90px 3px no-repeat;  }
	#news-bar #ticker { float:left; font-size:14px; margin-top:7px; width:600px; }
	#ticker a { color:#666; font-size:14px; font-weight:bold; }
	#ticker a:hover { color:#333; font-size:14px; font-weight:bold; }

	#news-bar #share { float:right; width:71px; margin-top:7px; background:url(../img/share-btn.png) no-repeat; padding:2px 0px 0px 29px; }
	#content { width:100%; overflow:auto; }
		#content .home-col { width:307px; overflow:auto; float:left; margin:15px 12px 10px 0px; }
		#content .r-zero { margin:15px 0px 10px 0px; }

		.green-btn { width:284px; height:38px; overflow:hidden; background:url(../img/green-btn-bg.jpg) no-repeat; }
		.green-btn h1 { color:#FFF; font-size:17px; font-weight:bold; margin:7px 0px 0px 30px; }

		.green-btn-half { width:609px; height:38px; overflow:hidden; background:url(../img/green-btn-half-bg.jpg) no-repeat; }
		.green-btn-half h1 { color:#FFF; font-size:17px; font-weight:bold; margin:7px 0px 0px 30px; }

		.green-btn-full { width:920px; height:38px; overflow:hidden; background:url(../img/green-btn-full-bg.jpg) no-repeat; }
		.green-btn-full h1 { color:#FFF; font-size:17px; font-weight:bold; margin:7px 0px 0px 30px; }

		.grey-btn { width:144px; height:26px; overflow:hidden; background:url(../img/grey-btn-bg.png) no-repeat; }
		.grey-btn h1 { color:#333; font-size:12px; font-weight:bold; margin:4px 0px 0px 15px; }

		.white-full { margin-top:0px; }
		.white-full .white-top { width:920px; height:9px; background: url(../img/white-top-full.jpg) no-repeat; overflow:hidden; }
		.white-full .white { width:897px; background-color:#FFF; background: url(../img/white-full.jpg) bottom no-repeat, url(../img/white-full-tile.jpg) repeat-y; padding: 12px 3px 10px 20px; min-height:400px; }
		.white-full .white .content { width:100%; height:100%; background-position:bottom right; background-repeat:no-repeat; padding-bottom:10px; }
		.white-full .white .content .title { margin-bottom:10px; }
		.white-full .white .content .copy { width:480px; }
		.white-full .white .content .main-copy { width:550px; }

		.white-half { margin-top:0px; }
		.white-half .white-top { width:606px; height:9px; background: url(../img/white-top-half.jpg) no-repeat; overflow:hidden; }
		.white-half .white { width:583px; background-color:#FFF; background: url(../img/white-half.jpg) bottom right no-repeat, url(../img/white-half-tile.jpg) repeat-y; padding: 12px 3px 10px 20px; min-height:400px; }
		.white-half .white .content { width:100%; height:100%; background-position:bottom right; background-repeat:no-repeat; padding-bottom:10px; }
		.white-half .white .content p { margin-right:50px; }
		.white-half .white .content .title { margin-bottom:10px; }
		.white-half .white .content .copy { width:480px; }
		.white-half .white .content .main-copy { width:550px; }

		.white-box { margin-top:10px; }
		.white-box .white-top { width:284px; height:7px; background: url(../img/white-top.jpg) no-repeat; overflow:hidden; }
		.white-box .white { width:261px; background-color:#FFF; background: url(../img/white-col.jpg) bottom no-repeat, url(../img/white-col-tile.jpg) repeat-y; padding: 12px 3px 10px 20px; min-height:400px; }
		.white-box .white .content { width:100%; height:100%; background-position:bottom right; background-repeat:no-repeat; padding-bottom:10px; }
		.white-box .white .content .title { margin-bottom:10px; }
		.white-box .white .content .copy { width:240px; }

		#content #footer-box { clear:both; }
		#share-panel { margin-top:32px; }
		#share-panel #manager { margin-top:12px; float:left; }
		#share-panel #icons { margin:10px 0px 0px 20px; float:left; }
		#share-panel #icons a { float:left; margin:0px 15px 0px 0px; }

		.grey-box .grey-top { width:307px; height:10px; background: url(../img/grey-top.jpg) no-repeat; overflow:hidden; }
		.grey-box .grey { width:285px; background: #E4E4E4 url(../img/grey-bot.jpg) bottom left no-repeat; padding:0px 10px 10px 12px; overflow:auto; }

		.grey-box-full .white-box { margin-top:0px; }
		.grey-box-full .grey-top { width:946px; height:14px; background: url(../img/grey-top-full.jpg) no-repeat; overflow:hidden; }
		.grey-box-full .grey { width:924px; background: #E4E4E4 url(../img/grey-bot-full.jpg) bottom no-repeat; padding:0px 10px 10px 12px; overflow:hidden; }

		.grey-box-half .grey-top { width:631px; height:14px; background: url(../img/grey-top-half.jpg) no-repeat; overflow:hidden; }
		.grey-box-half .grey { width:609px; background: #E4E4E4 url(../img/grey-bot-half.jpg) bottom no-repeat; padding:0px 10px 10px 12px; overflow:hidden; }

	#menu-col { margin-right:10px; }
	#menu-col p { margin-right:30px; }

	#footer { padding:10px 5px 80px 5px; font-size:11px; color:#999; }
	#footer a { color: #999; }
	#footer a:hover { color:#3D8536; }
	
	
/* TEXT STYLES */	

.result { width:550px; margin-bottom:30px; }
.result h2 { border-bottom:1px #F1F1F1 solid; }
.result strong { color:#06C; }

#login-form input, #code-form input { font-size:12px; color:#999; border:1px solid; border-top-color:#98AAC0; border-left-color:#98AAC0; border-bottom-color:#BACBE3; border-right-color:#BACBE3; background:#DAE7F2 url(../img/txt-bg.jpg) repeat-x; padding:5px; }
#login-form .btn, #code-form .btn { border:0px; background:none; float:right; padding:2px; margin-right:10px; width:25px; }

#contact-form .field { margin:10px 0; }
#contact-form .field label { clear:both; display:block; }
#contact-form .field input, #contact-form .field textarea, #contact-form .field select { font-size:12px; color:#999; border:1px solid; border-top-color:#98AAC0; border-left-color:#98AAC0; border-bottom-color:#BACBE3; border-right-color:#BACBE3; background:#DAE7F2 url(../img/txt-bg.jpg) repeat-x; padding:5px; width:100%; }
#contact-form .field input.btn { border:0px; padding:5px 10px; background:url(../img/plan-crumb.gif) -30px left repeat-x; color:#333; font-weight:bold; font-size:11px; width:150px; border-right:1px #E4E4E4 solid; border-left:1px #E4E4E4 solid; }
#contact-form .tb { border:1px #E4E4E4 solid; font-weight:bold; color:#333; background:#F1F1F1; }

.field input, .field select, .field textarea {
	font-size: 12px;
	color:#204C8A;
	border:1px #E4E4E4 solid;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	padding: 8px;
	outline:none;
	background:#F1F1F1 url('bg_text.jpg') repeat-x;
}


.field .btn { border:0px; padding:5px 10px; background:url(../img/plan-crumb.gif) -30px left repeat-x; color:#333; font-weight:bold; font-size:11px; height:30px; border-right:1px #E4E4E4 solid; border-left:1px #E4E4E4 solid; }
input.btn { border:0px; padding:0px 5px; background:url(../img/plan-crumb.gif) -30px left repeat-x; color:#333; font-weight:bold; font-size:11px; height:22px; border-right:1px #E4E4E4 solid; border-left:1px #E4E4E4 solid; }

.doc-item { margin:20px 0px; }
.doc-item .doc-title { margin:0px 0px 0px 0px; font-size:13px; }
.doc-item .doc-text { padding:0px 0px 20px 0px; border-top:1px #E4E4E4 solid; color:#333; text-indent:0em; font-size:11px; margin-right:40px; }

#vid { height:300px; }
#vid, #welcome-info { width:523px; margin:0 auto; margin-left:15px; padding-top:20px; overflow:auto; }

.test-box { clear:both; height:100px; }
.test-box .test-pic { float:left; width:86px; margin-right:10px;}
.test-box .test-text { float:left; width:140px; padding-top:12px; }
.test-box .test-title { }
.test-box .test-desc {}


#CALC { width:550px;}
#CALC .field input { text-align:right; border:0px; background:none; padding:5px; font-size:14px; width:100px; margin-left:10px; }
#CALC .field select { float:right; padding:5px; font-size:14px; color:#3D8536; }
#CALC .field label { font-size:14px; padding:8px 0px; float:left; }
#CALC .field input.inputtext { border: 1px #CCC solid; }
#CALC .field input.disabled { color:#AAA; }
#CALC .field input.basicinput { font-weight:bold; color:#333; }
#CALC .field { clear:both; height:30px; margin-top:10px; padding:10px; }
#CALC  .tb { border:1px #E4E4E4 solid; font-weight:bold; color:#333; background:#F1F1F1; }
#CALC .note { font-size:10px; }
#CALC .hidden { display:none!important; }

#PCALC { width:550px;}
#PCALC .field input { font-size:12px; color:#333; border:1px solid; border-top-color:#98AAC0; border-left-color:#98AAC0; border-bottom-color:#BACBE3; border-right-color:#BACBE3; background:#DAE7F2 url(../img/txt-bg.jpg) repeat-x; padding:5px; text-align:right; width:120px; margin-left:10px; }
#PCALC .field select { width:100%; font-size:12px; color:#999; border:1px solid; border-top-color:#98AAC0; border-left-color:#98AAC0; border-bottom-color:#BACBE3; border-right-color:#BACBE3; background:#DAE7F2 url(../img/txt-bg.jpg) repeat-x; padding:5px; }
#PCALC .field label { display:block; clear:both; font-size:12px; padding:8px 0px; color:#3D8536; }
#PCALC .field input.inputtext { border: 1px #CCC solid; }
#PCALC .field input.disabled { color:#AAA; }
#PCALC .field input.basicinput { font-weight:bold; color:#333; }
#PCALC .field { clear:both; margin-top:10px; }
#PCALC  .tb { border:1px #E4E4E4 solid; font-weight:bold; color:#333; background:#F1F1F1; overflow:auto; }
#PCALC .note { font-size:10px; }
#PCALC #plan_types { margin-bottom:20px; padding-bottom:20px; border-bottom:1px #E4E4E4 solid; }
#PCALC .field input.btn { text-align:center; border:0px; padding:5px 10px; background:url(../img/plan-crumb.gif) -30px left repeat-x; color:#333; font-weight:bold; font-size:11px; width:150px; border-right:1px #E4E4E4 solid; border-left:1px #E4E4E4 solid; }
#PCALC .totals input, #PCALC #Savings input { background:none; border:0px; width:180px; }
#PCALC .totals input.green { color:#3D8536; }
#PCALC #FinalSavings, #PCALC #Savings input { font-size:12px; font-weight:bold; } 
#PCALC .hidden { display:none!important; }



/* NEW CSS ADDED FOR REGISTRATION
******************************************/	

#error { clear:both; padding:20px; margin-bottom:10px; background-color:#FFDFE0; border:1px solid #b00; color:#b00; }

#tab_container { width:550px; height:30px; border-bottom:0px; margin:0 auto; }

#tab_container .tab { height:18px; width:90px; font-weight:bold; color: #999; float:left; padding:6px 10px 6px 0px; text-align:center; background: url('../img/plan-crumb.gif') -30px right no-repeat; }
#tab_container .tab_active { height:18px; width:90px; font-weight:bold; color: #FFF; float:left; padding:6px 10px 6px 0px; text-align:center; background: url('../img/plan-crumb.gif') 0px right no-repeat; }
#tab_container .tab_complete { height:18px; width:90px; font-weight:bold; color: #FFF; float:left; padding:6px 10px 6px 0px; text-align:center; background: url('../img/plan-crumb.gif') -60px right no-repeat; }
#tab_container .tab_distant { height:18px; width:90px; font-weight:bold; color: #FFF; float:left; padding:6px 10px 6px 0px; text-align:center; background: url('../img/plan-crumb.gif') -90px right no-repeat; }

#tab_section { overflow:auto; width:550px; clear:both; margin-top:20px; }

#zip { margin:0px 0px 20px 0px; padding:20px; }
#zip label { font-size:14px; color:#06C; }
#zip label.text { display:block; font-size:12px; color:#333; margin-bottom:20px; }

.plan_info { clear:both; margin-top:30px; padding-top:20px; }
.plan_info label { color:#090; }
.plan_info .field { float:left; margin-right:50px; }

.confirm label { color:#090; }

#premium_plans { width:530px; }
#premium_plans .plan { clear:both; height:20px; border-bottom:1px #E4E4E4 solid; padding:20px; }
#premium_plans .plan:hover { background:#FAFAFA; }

#premium_plans .plan .sel { font-size:14px; color:#3D8536; float:left; width:30px; }
#premium_plans .plan .price { font-size:14px; color:#3D8536; float:right; }
#premium_plans .plan .text { display:block; font-size:14px; color:#3D8536; float:left; }

/* NEW CSS FOR V2 CALC */


#calc_buttons { clear:both; width:840px; border-top:1px #F1F1F1 solid; margin-top:20px; padding:20px; height:60px; }

#member_usage { margin:10px; height:130px; }
h2.member { font-size:16px; margin:0px 0px -20px 10px }
#usage_fields { float:left; width:120px; }
#usage_fields label { display:block; color:#3D8536; font-size:11px; font-weight:bold; margin-bottom:20px; } 
#usage_fields label.name { display:block; color:#000; font-size:14px; font-weight:bold; margin-top:10px; } 

.note { font-size:10px; color:#CCC; }
.note a { color:#CCC; }
.note a:hover { color:#AAA; }

#add_em { width:700px; height:60px; float:right; margin-right:40px;  }
#add_em .field { margin-left:20px; }
#add_em .btn { margin-top:2px; }

#usage_labels { height:36px; width:860px; background:#F1F1F1; border:1px #E4E4E4 solid; margin-top:20px; }
#usage_labels .field { float:left; width:140px; padding:10px; border-left:1px #FFF solid; }
#usage_labels .field label { display:block; clear:both; color:#AAA; font-size:12px; font-weight:bold; text-align:left; }
#usage_labels .field input { background:none; border:0px; padding:0px; margin:0px; float:right; }

#usage_data { height:100px; padding:10px; float:right; width:700px; }
#usage_data .field { float:left; width:100px; text-align:right; }
#usage_data .field label { display:block; clear:both; color:#3D8536; font-size:11px; font-weight:bold; text-align:left;  }
#usage_data .field input { width:60px; display:block; text-align:right; margin-top:10px; }

.plan_row { width:560px; overflow:auto; clear:both; padding:0px; margin-bottom:20px; border:1px #F1F1F1 solid; 	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }
.plan_row .plan_name { padding:10px 20px 10px 10px; margin:0px; overflow:auto; }

.plan_row h2.care_em { border-bottom:0px;  margin:10px 15px; }
.plan_row .plan_name .coverage { float:right; text-align:right; font-size:16px; color:#333; width:200px; font-weight:bold; }
.plan_row .plans { padding:10px 20px 20px 0px; background:#FeFeFe; border-top:#F1F1F1 solid 1px; }
.plan_row .plan_type { margin: 10px 20px; }
.plan_row .plan_type label { color:#3D8536; font-weight:bold; }
.plan_row .plan_type input {  margin:3px 10px 3px 0px; }

.selectable { cursor:pointer;  background:#F1F1F1; }
.selectable:hover { background: #FEFEFE; }


h2.care_em { border-bottom:1px #F1F1F1 solid; margin:20px 20px 10px 0px; }
.care_row { clear:both; margin:10px 20px 10px 0px; border-bottom:1px #F1F1F1 solid; height:20px; } 
.care_row label { float:left; width:100px; color:#3D8536; font-weight:bold; }
.care_row .care_cost { float:right; width:140px; text-align:right; }
