/* Table of Contents 			*/

/* 	text formatting 			*/
/* 	layout 						*/
/* 	sidebar 					*/
/*  CSS Form Colomns			*/
/* 	main body					*/
/* 	forms 						*/
/* 	broker messages 			!*/
/* 	signup forms 				*/
/* 	tabs 						*/
/* 	footer 						*/
/* 	sidenav login forms 		*/
/* 	table form 					*/
/* 	faq page 					*/
/* 	cheats 						*/

/* marketing batches */
/* triCol three colomn solution */

/* text formatting */
a {color: #036;}
a:hover {color:#005EBB;}

h1 {
	color: #000;
	font: bold 16px Verdana, Arial, Helvetica;
	line-height: 45px
}
.content h1 {
	background-color: #F2F8FC;
	color: #036;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	overflow: visible;
	padding-top: 0;
	text-indent: 19px;
	white-space: nowrap
}
h2 {
	color: #000;
	display: block;
	font: bold 12px Verdana, Arial, Helvetica;
	margin: 28px 0 21px 19px
}
h2.subheadline {
	font-style: italic;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 15px
}
h2.subheadline2 {
	color: #0B59A3;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 15px
}
h2.headline {
	background-color: #F6F6F6;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #CCC;
	clear: both;
	color: #000;
	display: block;
	font: bold 12px Verdana, Arial, Helvetica;
	line-height: 20px;
	margin-bottom: 15px;
	margin-left: 0;
	margin-top: 0;
	overflow: visible;
	text-indent: 19px;
	white-space: nowrap
}
h2.blueHeadline {
	background-color: #CEE3EF;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #CCC;
	clear: both;
	color: #000;
	display: block;
	font: bold 12px Verdana, Arial, Helvetica;
	line-height: 20px;
	margin-bottom: 15px;
	margin-left: 0;
	margin-top: 0;
	overflow: visible;
	text-indent: 19px;
	white-space: nowrap
}
h2.email {
	font-size: 16px;
	margin: 20px;
	text-decoration: underline
}

.sampleEmail {
	color: #036;
	font-size: 16px;
	margin-left: 30px
}
h3 {
	color: #000;
	display: block;
	font: bold 12px Arial, Verdana, Helvetica;
	margin: 23px 0 12px 19px
}
h3.lessHeight {
	color: #000;
	display: block;
	font: bold 12px Arial, Verdana, Helvetica;
	margin: 15px 0 3px 0;
}
h4 {
	font: normal 12px Arial, Verdana, Helvetica;
	margin-left: 20px
}
img {
	border:0
}
hr {
	background-color: #CCC;
	border: 0;
	clear: both;
	color: #CCC;
	height: 1px;
	width: 100%
}
hr.dotted {
	background-color: #F2F2F2 ;
	border-bottom: dotted white 1px;
	border-top: dotted #D3D3D3 1px;
	height: 2px;
	width: 95%
}
hr.invisible {
	color: #F7F7F7;
	background-color: #F7F7F7;
	border: 0;
	height: 0;
	margin: 0;
	padding: 0
}
.blueText {
	color: #036
}
p, li, label {
	font: normal 12px Arial, Verdana, Helvetica
}
div#expHIWcust div.controlPanel {
	margin: 21px 21px -3px 21px;
	padding: 0
}
div#expHIWcust div.controlPanel p {
	margin: 0 0 17px 0;
	padding: 0
}
div#expHIWcust div.controlPanel img {
	clear: left;
	float: left;
	margin: 0 20px 0 0;
	padding-bottom: 15px
}
div#expHIWcust div.expressCust {
	clear: both;
	margin: 0 21px 21px 20px;
	padding: 0
}
div#expHIWcust div.expressCust p {
	margin: 0 0 17px 0;
	padding: 0
}
div#expHIWcust div.expressCust img {
	float: right;
	margin: 0 0 0 20px;
	padding: 0
}

div.triColText ul.corpHIWlist li {
	margin:0;
	padding: 0
}
.content p, .box p, .content label {
	line-height: 13px; /* to match 16440_Assist_Corp_Case_Studies01.png mock */
	margin-left: 19px;
	margin-right: 10px;
	padding: 0 10px 0 0
}
.content p img.info {
	line-height: 19px;
	padding: 0 10px 0 7px
}
.infoBoxArrows {
	clear: both;
	padding: 10px 0;
	margin: 0
}
.infoBoxArrows p {
	margin: 0 0 10px;
	padding: 0;
	line-height: 14px
}
.infoBoxArrows p img.info {
	margin: 0 20px 0 0;
	padding: 0 0 0 24px;
}
span.macNote {
	color: #666;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 25px;
	padding-bottom: 0
}
p.bottomNotes {
	margin: 0 0 0 18px;
	padding: 7px 0 7px 5px
}
p.backIndent {
	margin-left: 50px;
	text-indent: -30px
}
.content p.note {
	font-size: 11.5px;
	margin-bottom: 4px;
	margin-top: 4px
}
.tab p.indent {
	margin-left: 20px
}
.tab .contentdiv p.indent {
	padding-left: 16px
}
.popup p {
	padding-left: 20px;
	padding-right: 20px
}
.tableofcontents {
	margin-bottom: 0;
	margin-top: 5px;
	padding-bottom: 0;
	padding-top: 0
}
.basic {
	font: normal 11px Verdana, Arial, Helvetica;
	margin-left: 20px;
	text-decoration: none
}
#slogan {
	color: #666;
	float: right;
	font: normal 20px Arial, Verdana, Helvetica;
	margin: 0;
	padding: 8px 0 0
}
p.slogtm {
	font-size: 12px;
	position: relative;
	top: -6px
}

/* layout */

body {
	background-color: #FFF;
	margin: 0
}

#bannerDiv, #layoutTable {
	margin-left: 0;
	overflow: auto;
	width: 790px
}

.header {
	margin-bottom: 0;
	margin-left: 8px;
	margin-top: 12px
}

/* forms */

form {
	margin: 0;
	padding: 0
}
.styled input, .styled select, .styled textarea, input.styled, select.styled, textarea.styled, #ccForm input, #ccForm select, #ccForm textarea {
	background-color: #F1F7FB;
	border: solid 1px #3B96CE;
	font: normal normal normal 11px Arial, Verdana, Helvetica;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 165px
}
.content .styled select, .content select.styled {
	width: 167px
}
select.styled.nowidth, select.nowidth, .content div.nowidth, .nowidth, #ccForm input.nowidth, #ccForm select.nowidth {
	width: auto
}
#TOSbox {
	background-color: #F1F7FB;
	border: solid 1px #3B96CE;
	height: 100px;
	margin: 0;
	overflow: scroll;
	padding: 0;
	width: 348px
}
#TOSbox h2, #TOSbox p {
	margin: 0 2px 10px
}
div.content .styled.card select {
	margin-right: 0;
	padding-right: 0;
	white-space: nowrap;
	width: 100px
}
div.content .styled.card select.cardMo {
	white-space: nowrap;
	width: 35px
}
div.content .styled.card select.cardYr {
	white-space: nowrap;
	width: 50px
}
div.content .styled.zip input, #ccForm input.zip {
	width: 88px
}
div.content p.card img {
	border: solid 1px #9AB4CF;
	margin-right: 9px;
	margin-top: 5px
}
input.button {
	margin-bottom: 20px;
	margin-right: 2px;
	margin-top: 20px
}
.content div.tab p input.button.wide {
	padding-left: 50px;
	padding-right: 50px;
	width: 160px
}
.boxed select.month, .boxed2 select.month, .plain select.month {
	margin-left: 0;
	width: 118px
}
.boxed input.date, .boxed2 input.date, .plain input.date {
	height: 18px;
	margin: 0 6px 0 0;
	vertical-align: bottom;
	width: 114px
}
input {
	vertical-align: middle
}

img.date {
	padding-right: 8px;
	vertical-align: bottom
}
.betaFeedbackForm {
	margin-left: 30px;
	overflow: auto;
	width: 570px
}

h4.soft {
	color: #676767;
	font-size: 11px;
	margin: 12px
}
.boxed {
	background-color: #F2F2F2;
	border: solid 1px #DDD;
	margin: 20px;
	padding-bottom: 8px
}
.boxed2 {
	border: solid 1px #DDD;
	margin: 20px;
	padding-bottom: 8px
}
.plain {
	margin: 20px;
	padding-bottom: 8px
}
.boxed p, .boxed h3, .boxed2 p, .boxed2 h3, .plain p, .plain h3 {
	padding-left: 0;
	margin-left: 12px
}
.boxed input, .boxed2 input, .plain input {
	margin-left: 0;
	margin-top: 0;
	vertical-align: middle
}
.label {
	font: bold 11px Arial, Verdana, Helvetica
}
.content p.textfield {
	margin-top: 0
}
p.button {
	margin-top: 10px
}
a.buttonAlternative {
	margin-left: 12px
}
p.fakefooter {
	margin: 10px;
	padding: 10px
}
.textfield textarea {
	width: 420px
}
.sidenote {
	padding-right: 20px;
	width: 180px
}
.tab .note {
	font: normal 11px Arial, Verdana, Helvetica;
	margin: 3px;
	width: 165px
}
.formtable h4, .formtable .formtext {
	line-height: 13px;
	margin: 10px 10px 0 0;
	padding: 0
}
.boxed .formtext, .boxed h4, .boxed2 .formtext, .boxed2 h4, .plain .formtext, .plain h4 {
	padding-left: 20px
}
.content p.formnote, .content div.tab div.contentdiv p.formnote {
	font-size: 10px;
	margin-top: 3px
}
.textcell {
	width: 140px
}
.textcell.smaller {
	width: 130px
}
.rightpad {
	padding-right: 10px
}
.celldown {
	vertical-align: bottom
}
.submit, p.submit {
	padding-top: 15px
}
#leftLoginForm p.submit {
	padding-top: 8px
}
.continue {
	text-align: left
}
.formCell {
	width: 50%
}
.narrowFormCell {
	width: 180px
}

/* broker messages */

span.errorTitle {
	color: #C00;
	font: bold 13px Arial, Verdana, Helvetica;
	padding-bottom: 16px
}
div.errors p.error {
	color: #C00;
	font: 11px Arial, Verdana, Helvetica;
	margin: 0 0 1px 9px
}
div.errors a {
	color: #822
}
div.notices p.notice {
	color: #090;
	font: bold 12px Arial, Verdana, Helvetica;
	margin: 10px
}
p.notice {
	color: #090;
	font-size: 12px;
	font-weight: bold
}
div.notices a {
	color: #090
}

/* footer */

.footerNote {
	color: #b7b7b7;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	line-height: 6px
}
.footerNote a {
	color: #b7b7b7
}
.footStuff {
	float: left;
	padding-left: 17px;
	padding-top: 9px
}
.footer p {
	color: #999999;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	line-height: 145%
}
.footerimg {
	float: right;
	margin: 10px 10px 5px 5px
}
.footertxt {
	float: left;
	padding-top: 10px;
	padding-bottom: 8px
}
.footlinks {
	padding-left: 12px;
	margin: 0 0 10px 0
}
.footlinks a {
	color: #A1A1A1
}
.footHome {
	clear: both;
	display: block;
	margin: 15px 10px 15px 0
}
.footHome p {
	color: #B7B7B7;
	font-size: 9px
}
.footer {
	background-color: #FFFFFF;
	border-top: #C5C5C5 solid 1px;
	float: left;
	margin-left: 0;
	padding: 0;
	width: 791px
}
.footer p {
	padding-left: 10px
}

/* fastsupport */

.box {
	height: 172px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding: 0;
	width: 378px
}
.boxTop {
	background-color: #1659A1;
	border: solid 1px #1659A1;
	height: 52px;
	padding: 0;
	width: 376px
}
.boxHeadline {
	color: #FFF;
	font: bold 14px Verdana, Arial, Helvetica;
	margin: 18px auto 0 6px;
	vertical-align: middle
}
.box img {
	float: right;
	padding: 0
}
.box p {
	font-size: 11px;
	font-weight: bold
}

.copyright {
	background-color: #1659A1;
	color: #DBDBDB;
	font-size: 10px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 0 3px 5px;
	width: 378px
}
.box form {
	margin-top: 30px;
	text-align: right
}
.box input {
	width: 110px
}

/* SideNav Login Form */

.leftlogin {
	border-bottom: solid 1px #C5C5C5;
	text-align: center
}
#leftLoginForm {
	margin-left: auto;
	margin-right: auto;
	width: 140px
}
.leftlogin p {
	margin-top: 0
}
.leftlogin form p {
	margin-bottom: 3px;
	text-align: left
}
.leftlogin p.label {
	font-size: 12px;
	margin-top: 10px;
	padding-left: 3px
}
.leftlogin h4 {
	margin: 16px 0 14px
}
.leftlogin .textfield input {
	height: 15px;
	margin-top: 2px;
	width: 138px
}
.leftlogin .submit {
	margin-top: 11px;
	padding-bottom: 15px;
	text-align: center
}

/* Table Form */

.formtable {
	border-collapse: collapse;
	margin: 20px;
	margin-top: 7px;
	padding: 0;
	width: 545px
}
td {
	padding: 0;
	vertical-align: top
}
td.form {
	width: 360px
}
.wide select {
	width: 350px
}
textarea, .styled textarea {
	height: 70px;
	width: 353px
}
.radio input, .checkbox input {
	border: none;
	width: 15px
}
.radio input {
	width: 30px
}
.box input {
	margin-left: 10px
}

/* cheats and shortcuts*/

.addWide {
	width: 80px;
	font-size: 11px;
}
.tab .half input, .tab .half select {
	width: 160px
}
.clearright, .clearleft {
	overflow: auto
}
.clearright {
	clear: right
}
.clearleft {
	clear: left
}
.clearboth, .clear {
	clear: both
}
.clearboth {
	display: inline
}
.left {
	float: left
}
.right {
	float: right
}
.nowrap {
	white-space: nowrap
}
.padtop {
	padding-top: 10px
}
.padbot {
	padding-bottom: 10px
}
.twentymore {
	margin-left: 20px !important
}
p.noright {
	margin-right: 0;
	overflow: visible;
	padding-right: 0
}
.content .nobottom, .content.nobottom, .content .tab .contentdiv .nobottom, div.nobottom, div.ccSection #ccForm p.nobottom {
	margin-bottom: 0;
	padding-bottom: 0
}
.content .notop {
	margin-top: 0;
	padding-top: 0
}
.moreBottom {
	padding-bottom: 26px
}
.content .moreTop {
	margin-top: 35px
}
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center
}
#subheader {
	color: #FF6500;
	font: bold Arial, Verdana, Helvetica, sans-serif;
	position: relative;
	top: 12px;
	vertical-align: top
}
*/

/* registration flows */

.freeDays {
	float: right;
	padding: 12px 5px 12px 0
}

.minSetup {
	float: right;
	padding: 0 12px
}

.info {
	padding-right: 10px
}

/* marketing batches */

p.linkList a {
	font-weight: bold;
	padding-right: 25px
}
.tab .leftNote {
	float: left;
	padding-left: 20px;
	width: 160px
}
.tab .middleCol {
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 170px;
	padding-top: 15px
}
.tab .rightCol {
	margin-top: -37px;
	padding-bottom: 20px;
	padding-left: 390px
}

div.content p.charsLeft {
	color: #C5C5C5;
	padding: 0;
	margin: 0 0 0 2px
}

.charsLeft b {
	color: #000
}

.passMeter {
	display: none
}

p.passMeter {
	float: right;
	margin-top: 0;
	width: 320px
}

.meteredPass1 {
	float:left
}

.meteredPass2 {
	display: none;
	float: left;
	width: 170px
}

.textarea.meteredPass1, .textarea.meteredPass2 {
	clear: left
}

/* --------------------------- Boxes --------------------------------- */

/* boxes not within tabs  ---- */

.content div.nonTabBox, div.nonTabBox {
	background-color: #F4F4F4;
	border: solid 1px #B1B1B1;
	margin-left: 20px;
	width: 570px
}
.content div.nonTabBox.light {
	background-color: #FFF;
	border: solid 1px #DFEDF8;
	padding-top: 26px
}
div.nonTabBox textarea {
	width: 530px
}

/* non tab box rows ---------- */

div.nonTabBox:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}
.nonTabBox h4, .nonTabBox div, .nonTabBox p.link {
	float:left
}
div.nonTabBox h4.heading {
	clear: left;
	line-height: 18px;
	margin-left: 20px;
	margin-right: 9px;
	text-align: right;
	width: 129px
}
.nonTabBox .info {
	padding-bottom: 15px;
	width: 283px
}
.nonTabBox .twoRows {
	padding-right: 0;
	width: 400px
}
.nonTabBox .info p.submit {
	padding-top: 15px
}
.nonTabBox p.link {
	margin-left: 20px
}
.nonTabBox div.info p, .nonTabBox h4.heading, .nonTabBox p.link {
	font-size: 11px;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0
}
.nonTabBox  hr {
	background-color: #EEE;
	color: #EEE;
	margin: 10px 20px;
	text-align: center;
	width: auto
}
/*
.nonTabBox  hr {
}
.nonTabBox hr  {
}
*/


/* boxes within tabs  -------- */

div.tab div.contentdiv div.tabBox {
	background-color: #F1F1F1;
	border: solid 1px #B1B1B1;
	padding: 20px
}
div.tab div.contentdiv div.tabBox.below {
	border-top: none
}
div.tab div.contentdiv div.tabBox.short {
	padding: 15px 20px
}
div.tab div.contentdiv div.invisibleBox {
	padding: 10px 20px 0
}
div.tab div.contentdiv div.invisibleBox p {
	margin-bottom: 2px;
	margin-left: 25px
}
div.tab div.contentdiv div.invisibleBox input[type=radio] {
	margin: 0 10px 0 0;
	padding: 0
}
div.tab div.contentdiv div.tabBox div.tabBox {
	background-color: #FCFDFF;
	border: solid 1px #E7E7E7;
	margin: 10px 0;
	padding: 10px 20px
}
div.tab div.contentdiv div.invisibleBox div.tabBox p {
	line-height: 18px;
	margin: 7px 0
}

/* --------------------------- Forms --------------------------------- */

div.group {
	border: solid 1px #DFEDF8
}

/* --------------------------- LeftNav ------------------------------- */

/* sidebar 								*/

.leftbuttons {
	background-color: #F6F6F6;
	bottom: 0;
	padding-top: 15px;
	text-align: center
}
.leftlinks {
	background-color: #FFF;
	border-bottom: solid 1px #C5C5C5;
	color: #036;
	padding-bottom: 14px
}

/* sidebar login                       */

div.sideLoginBar {
	background-color: #E5EEF4;
	border-bottom: solid 1px #CCC;
	color: #036;
	padding-bottom: 11px
}
.sideLoginBar h5, .sideLoginBar p, .sideLoginBar .entryPass, .sideLoginBar .sideLoginEntry {
	font: normal 12px Arial, Helvetica, Verdana;
}
div.sideLoginBar h5 {
	background-color: #CEE3EF;
	border-bottom: solid 1px #CCC;
	font-weight: bold;
	line-height: 22px;
	margin: 0 0 10px 0;
	overflow: visible;
	padding: 0;
	text-align: center
}
div.sideLoginBar div {
	padding-left: 15px
}
div.sideLoginBar p.loginPass {
	margin-top: 5px;
}
div.sideLoginBar p {
	font-weight: bold;
	margin: 0;
	padding-bottom: 2px;
	padding-left: 1px
}
input.sideLoginEntry {
	border: solid 1px #036;
	height: 14px;
	position: relative;
	width: 137px
}
input.sideLoginBttn {
	margin: 9px 0 8px 42px
}
div.sideLoginBar .entryPass {
	background-color: #E5EEF4;
	color: #0B59A3;
	margin-left: 7px
}

/* links 								*/

.leftlinks a {
	font: bold 12px Arial, Verdana, Helvetica;
	text-decoration: none
}
.leftlinks li a {
	color: #0C59A3
}

/* list and list item formatting 		*/

.leftlinks li {
	border-bottom: solid 1px #FFF;
	border-top: solid 1px #FFF;
	font: bold 12px Arial, Verdana, Helvetica;
	line-height: 23px;
	list-style-image: url(/images/valid/bulletlight.gif);
	padding-left: 8px
}
.leftlinks ul {
	list-style-position: inside;
	list-style-type: square;
	margin: 7px 0 0;
	padding: 0
}
.leftlinks li.expandable {
	list-style-image: url(/images/valid/bulletcross.gif)
}
.leftlinks li.expanded {
	list-style-image: url(/images/valid/bulletcross.gif)
}

/* highlighted items		*/

.leftlinks li.current {
	background-color: #BDD8F5;
	border-bottom: solid 1px #78B7ED;
	border-top: solid 1px #78B7ED
}
.leftlinks li.current a {
	color: #000
}

/* second tier formatting 				*/

.leftlinks ul ul {
	display: none;
	margin-left: -8px;
	margin-top: 2px
}
.leftlinks ul li.expanded ul {
	display: block
}
.leftlinks ul li.expanded li.expandable ul {
	display: none;
}

.leftlinks ul ul li {
	padding-left: 23px
}

/* third tier formatting 				*/

.leftlinks ul ul ul {
	margin-left: -23px;
	margin-top: 2px
}
.leftlinks ul ul ul li {
	padding-left: 38px
}

/* undo the highlighting on children of currenly highlighted list items */
.leftlinks li.current li {
	background-color: #FFF;
	border-bottom: solid 1px #FFF;
	border-top: solid 1px #FFF
}
.leftlinks li.current li a {
	color: #0C59A3
}

/* highlited items with children need the bottom border deleted and a false one placed so that it looks normal */

.leftlinks li.expanded {
	border-bottom: solid 1px #FFF;
}
.leftlinks li.current ul {
	border-top: solid 1px #78B7ED;
}
.leftlinks li.current ul ul {
	 border-top: solid 1px #FFF;
}

/* --------------------------CORP - Side Bar Items ------------------- */

.leftbuttons p {
	background-color: #F6F6F6;
	bottom: 0;
	color: blue;
	text-align: center;
	text-decoration: underline
}
.leftbuttons div.try {
	padding-top: 10px
}
.leftbuttons div.buy {
	padding-top: 5px
}
.leftbuttons p a:link, .leftbuttons p a:visited, .leftbuttons p a:hover, .leftbuttons p a:active {
	color: blue
}
.leftbuttons p.phoneNum {
	color: #0C59A3;
	font: bold 12px Verdana, Arial, Helvetica;
	margin: 0;
	padding-bottom: 30px;
	padding-top: 30px;
	text-decoration: none
}
.leftbuttons p.phoneNum span {
	color: #000
}
.leftbuttons div.clickHere {
	font: normal 12px Arial, Verdana, Helvetica;
	padding-bottom: 15px
}
.leftbuttons div.clickHere a {
	color: blue;
	font: normal 12px Arial, Verdana, Helvetica
}

/* --------------------------- Page Layout --------------------------- */

.sidebar {
	background-color: #FFF;
	border-right: solid 1px #C5C5C5;
	border-top: solid 1px #FFF;
	float: left;
	margin-left: 0;
	width: 169px
}
.sidebarImg {
	border-right: solid 1px #C5C5C5;
	float: left;
	margin-left: 0;
	width: 169px
}
.sidebarImg img {
	border-bottom: solid 1px #C5C5C5;
}
.content {
	background-color: #FFF;
	border-left: solid 1px #C5C5C5;
	float: left;
	margin: 0 -10px 0 -1px;
	overflow: hidden;
	padding-bottom: 10px;
	width: 621px
}
/* start of hansels code */
div.banner {
	background-image: url(/images/valid/banner-supportsmarter.jpg);
	border-bottom: solid 1px #CCC;
	height: 146px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 625px
}
.banner img.try, .banner img.buy {
	display: block;
	left: 450px;
	position: absolute;
}
.banner img.try {
	top: 28px
}
.banner img.buy {
	top: 84px
}
.banner img.tryDown, .banner img.buyDown {
	display: block;
	left: 451px;
	position: absolute;
}
.banner img.tryDown {
	top: 29px
}
.banner img.buyDown {
	top: 85px
}

#bodyContainer {
	background-color: #F6F6F6;
	background-image: url(/images/valid/white.gif);
	background-position: top right;
	background-repeat: repeat-y;
	border-bottom: solid 1px #C5C5C5;
	border-right: solid 1px #C5C5C5;
	border-top: solid 1px #C5C5C5;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 791px
}
/* end of hansels code */


/* --------------------------- Tabs ---------------------------------- */

/* tabs */
.tab {
	margin: 20px;
	padding-bottom: 1px;
	width: 585px
}
.tab .tabdiv {
	background-color: #FFF;
	border-bottom: solid 1px #B1B1B1;
	overflow: hidden;
	width: 585px
}
.tab .tabdiv.bottom {
	background-color: #FFF;
	border-top: solid 1px #B1B1B1;
	clear: both;
	overflow: hidden;
	text-align: right;
	width: 585px
}
.tabdiv img {
	vertical-align: bottom
}
.tabtext {
	background-color: #07C;
	color: #FFF;
	font: bold 11px Arial, Verdana, Helvetica;
	padding: 2px 20px;
	margin: 0
}
.bottom .tabtext {
	margin: 0;
	padding: 0 20px
}

/* tabs content */

div.tab div.contentdiv {
	background-color: #F7F7F7;
	margin: 0;
	padding: 18px 20px 20px;
	width: 545px
}
div.tab div.contentdiv.noshade {
	background-color: #FFF
}
div.tab div.contentdiv.light {
	background-color: #F9F9F9
}
div.tab div.contentdiv.nobottom {
	padding-bottom: 0
}
div.tab div.contentdiv:after, .stopfloat:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}
div.tab div.contentdiv p, div.tab div.contentdiv h1, div.tab div.contentdiv h2, div.tab div.contentdiv h3, div.tab div.contentdiv h4, div.tab div.contentdiv input.radio, div.tab div.contentdiv input.checkbox, div.tab div.contentdiv div, div.tab div.contentdiv label {
	margin-left: 0;
	padding-left: 0
}
div.tab div.contentdiv h2 {
	margin: 10px 0
}
div.tab div.contentdiv h2.notop {
	margin-top: 0
}
div.tab div.contentdiv p {
	font-size: 11px;
	margin: 0;
	padding: 0
}

/* tabs content rows */

div.tab div.contentdiv .noteRow {
	clear: left;
	float: left;
	margin-right: 20px;
	width: 168px
}
.tab .contentdiv .formRow {
	float: left;
	padding-bottom: 15px;
	width: 168px
}
.tab .contentdiv .formRow.row2 {
	margin-left: 20px
}
.tab .contentdiv .formRow.standAlone {
	margin-left: 188px
}
.tab .contentdiv .formRow.twoRows {
	width: 356px
}
.tab .contentdiv .formRow.twoRows .formRow {
	clear: left;
	padding-bottom: 8px
}
.tab .contentdiv .formRow.twoRows .formRow.row2 {
	clear: none
}
.content .tab .contentdiv .formRow .nobottom {
	padding-bottom: 0
}

/* form rows --two row layout */

.tab .contentdiv.split2 .formRow {
	clear: left;
	width: 250px
}
.tab .contentdiv.split2 .formRow.row2 {
	clear: none
}
.tab .contentdiv.split2 .formRow.standAlone {
	margin-left: 270px
}
.tab .contentdiv.split2 .formRow.twoRows {
	width: 545px
}

/* form rows  */

.content .formRow.half {
	width: 50%
}
.content .formRow.med {
	width: 150px
}
.content .formRow.small {
	width: 130px
}

/* tabs other formatting */

.content div.tab div.contentdiv p.textfield {
	padding-bottom: 5px
}
.content div.tab div.contentdiv p {
	line-height: 15px
}
.content div.tab.download div.contentdiv p {
	line-height: 18px;
	font-size: 12px
}
.content div.tab.download div.contentdiv li {
	padding-bottom: 10px
}
.content div.tab.download div.contentdiv ul {
	margin-bottom: 12px;
	margin-top: 20px;
	list-style-image: none;
	list-style-type: disc
}
div.tab div.contentdiv hr {
	margin: 18px 0 18px 188px;
	width: 357px
}
div.tab div.contentdiv table.centeredRows hr {
	margin: 10px auto 10px auto;
	text-align: center;
	width: 150px
}
div.tab div.contentdiv table.centeredRows .label {
	margin-right: auto;
	text-align: right
}
div.tab div.contentdiv hr.full, .content div.tab div.contentdiv.split2 hr  {
	margin: 18px 0;
	width: 544px
}
#lock {
	padding-bottom: 0;
	padding-right: 5px;
	vertical-align: text-top
}
.tab .download {
	padding: 20px;
	text-align: center
}
.tab .contentdiv .download input {
	margin-bottom: 20px;
	margin-top: 20px
}

/* Sales Demo pages */

img.topBanner {
	display: block
}
.markHeadTag {
	margin: 15px 0 10px 20px;
	padding: 0
}
.markMoreMarg {
	margin: 20px 0 15px 20px
}
.markNoMarg {
	margin-bottom: -10px
}
.markTwoCol {
	float: left;
	width: 100%
}
.markTwoCol .level1, .markTwoCol .level2 {
	clear: both;
	float: left;
	height: 100%;
	width: 100%
}
.markTwoCol .leftCol, .markTwoCol .rightCol {
	float: left;
	width: 310px
}
.markTwoCol .leftCol {
	border-right: 1px solid #CCC;
	clear: left
}
.markTwoCol .rightCol {
	clear: right
}
.markTwoCol h2 {
	margin-left: 0;
	margin-top: 0
}


/* --------------------------- historical prelogin2 ------------------ */

/* BASIC UNIVERSAL FORMATTING */

/* lists */
ol.listNumbered {
	list-style-type: decimal !important;
	list-style-image: none !important;
	margin-left: 5px
}
ul, ol {
	line-height: 18px;
	list-style-type: square;
	list-style-image: url(/images/valid/bullet2.gif);
	margin-bottom: 19px;
	margin-top: 12px;
	padding-left: 29px
}

.content li {
	/* padding-left:12px; */
	line-height: 14px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 20px;
	padding-left: 0
}

div.content ul, div.content ol {
	padding-left: 31px
/*	list-style-position: inside; */
}

div.content ul.linkList {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0;
	padding-left: 20px
}
div.content ul.listNoBttmSpace {
	margin-bottom: 0;
}
/* end lists */

p.highlight {
	background-color: #D0E8FF;
	clear: both;
	font-weight: bold;
	margin-right: 20px;
	padding: 5px 10px 10px 30px
}

p.highlight img.info {
	margin: 0 0 0 -20px;
	padding: 0 5px 0 0
}

a.edit {
	float: right
}

p.introSentence {
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 0;
}

li.customizationOptions {
	clear: both;
	line-height: normal;
	background-image: none !important;
	list-style-image: none;
	list-style-type: none !important;
	margin: 0
}


/* stayrights */

.content ul.stayRight60, .content ul.stayRight80, .content ul.stayRight100, .content ul.stayRight120, .content ul.stayRight130, .content ul.stayRight150, .content ul.stayRight180, .content ul.stayRight170, .content ul.stayRight200, .content ul.stayRight350 {
	padding-left: 30px
}
.content ul.stayRight180 li, .content ul.stayRight120 li, .content ul.stayRight150 li {
	margin-left: 32px
}
.content .stayRight60, .content .stayRight80, .content .stayRight100, .content .stayRight120, .content .stayRight130, .content .stayRight150, .content .stayRight170, .content .stayRight180, .content .stayRight200, .content .stayRight330, .content .stayRight350 {
	padding-left: 19px
}
.content .stayRight60 {
	margin-left: 60px;
}
.content .stayRight80 {
	margin-left: 80px;
}
.content .stayRight100 {
	margin-left: 100px;
}
.content .stayRight110 {
	margin-left: 110px;
	padding-left: 19px
}
.content .stayRight120 {
	margin-left: 120px;
}
.content .stayRight130 {
	margin-left: 130px;
}
.content .stayRight150 {
	margin-left: 135px
}
.content .stayRight170 {
	margin-left: 170px;
}
.content .stayRight180 {
	margin-left: 180px;
}
.content .stayRight200 {
	margin-left: 200px;
}
.content .stayRight330 {
	margin-left: 330px;
}
.content .stayRight350 {
	margin-left: 355px;
}
.content .width310 {
	width: 310px
}
.content p.rightBlock {
	float: right;
	margin: 0 26px 0 0
}
.nonTabBox p.rightBlock {
	float: right;
	margin: 0 10px 0 0;
}

/* image floats */

.leftImg img {
	clear: left;
	float: left;
	margin: 5px 20px 5px 19px
}
.content .imageStream {
	float: right;
	padding: 0 21px 21px 15px
}
.content .rightImg, .content .supportImg {
	clear: left;
	position: relative;
}
.content .rightImg {
	float: right;
	margin: 5px 11px 12px 10px;
	padding-left: 15px;
	text-align: center
}
.content .supportImg {
 	float: left;
 	margin: 5px 20px 20px;
}

/* triCol three colomn solution */

.triColContainer {
	margin-left: 10px;
	margin-right: -10px
}
.triCol {
	clear: right;
	float: left;
	width: 203px
}

.triColText {
	height: 200px;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: auto;
	width: 205px
}

.triColText p {
	line-height: 15px;
	margin: 0 10px 10px 19px
}
div.content .triColText ul {
	padding-left: 30px
}
.line {
	border-left: solid 1px gray
}

/* POSSIBLY PAGE SPECIFIC  ?  */

#regOffices #sendButton input {
	font-size: 11px
}

/* event lists */

.content .eventList h2, .content .eventList p {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0
}
.content .eventList p {
	margin-bottom: 12px
}

/* expanding/collapsing lists */

.leftBlock img.icon {
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto
}
.leftBlock img.plus {
	display: inline;
	padding-right: 8px;
	vertical-align: -10%
}
.leftBlock a img.plus {
	border: none;
	text-decoration: none
}
.collapsedList li {
	background-image: url(/images/valid/bullet.gif);
	background-position: 0% 40%;
	background-repeat: no-repeat;
	display: inline;
	float: left;
	margin: 5px 0;
	padding-left: 10px;
	width: 200px
}
.collapsedList span, .collapsedList ul {
	display: none
}

/* faq page */

.faq {
	padding-bottom: 20px;
	padding-right: 20px
}
.faqh2 {
	background-color: #CCC;
	font-weight: normal;
	margin-right: 20px
}
.faq .question {
	background-color: #F1F1F1;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 4px;
	padding: 2px 4px 4px
}
.faq .answer {
	background-color: #F1F1F1;
	display: none;
	margin: 0 0 0 20px;
	padding: 4px
}
.Q, .A {
	font-weight: bold;
	margin-right: .5em
}
.faq .answer ul {
	margin-bottom: 0;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 20px
}
.faq .answer p {
	margin: 0
}
.minus {
	margin-right: 1em;
	vertical-align: bottom
}
.faqh2 a {
	color: #000;
	text-decoration: none
}

.togglers a {
	font-weight: bold;
	padding-right: 5px
}
p.leftBlock {
	clear: left;
	float: left;
	margin: 5px 0 25px 20px;
	padding: 0;
	text-align: center;
	width: 90px
}
p.leftBlock.med {
	width: 160px
}
.content div.yellowBlockList {
	clear: both;
	padding-top: 5px
}
.content div.yellowBlockList p, .content div.yellowBlockList h3 {
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0
}

div.yellowBlockList p.stayRight110 {
	padding-bottom: 10px
}
div.yellowBlockList h3.stayRight110 {
	padding-top: 5px
}
.content ul.phoneList {
	border: solid 1px #B1B1B1;
	list-style-image: none;
	list-style-type: none;
	margin-left: 20px;
	overflow: hidden;
	padding: 0;
	width: 570px;
}
.content ul.phoneList li {
	background-color: #F4F4F4;
	display: block;
	margin: 0;
	padding: 5px
}
.content ul.phoneList li.w {
	background-color: #FFF
}

.content ul.phoneList li span {
	float: left;
	padding-left: 5px;
	width: 250px
}

/* misc */

label {
	font-weight: bold
}
.questionBox {
	padding: 3px;
	vertical-align: middle;
	float: right
}
.content h3.quote, .content h3.subhead {
	color: #07C;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 10px;
	padding-bottom: 0
}
.content .quoteImg {
	float: left;
	margin: 0 31px 21px 21px
}
/* homepage */

div.leftTwoThirds {
	border-right: solid 1px #C5C5C5;
	float: left;
	overflow: hidden;
	width: 423px
}
div.rightThird ul {
	line-height: 20px;
	line-height: 14px;
	list-style-image: url(/images/valid/bullet-arrow.gif);
	list-style-position: inside;
	margin-bottom: 10px;
	padding-left: 38px;
	text-indent: -18px
}
div.leftTwoThirds ul {
	list-style-image: url(/images/valid/bullet-arrow.gif);
	list-style-position: inside;
	line-height: 20px;
	line-height: 11px;
	margin-bottom: 10px;
	margin-top: 0;
	padding-left: 20px
}
div.leftTwoThirds ul li, div.rightThird ul li {
	margin-left: 0;
	padding-bottom: 15px;
	padding-left: 0
}
div.leftTwoThirds ul li a {
	font-weight: bold
}
.rightThird {
	float: left;
	margin-right: -10px;
	width: 198px
}
.content div.rightThird p {
	border-top: solid 1px #C5C5C5;
	margin: 15px 0 0;
	padding: 20px 25px 20px 20px
}
p.leftThirdNoPad {
	margin-right: 0;
}
.rightThird p.homepagePhone {
	font-weight: bold;
	line-height: 14px
}
.rightThird p.homepagePhone span {
	color: #039
}
.content div.rightThird p img {
	float: left;
	padding-right: 8px;
	padding-top: 2px
}
div.leftTwoThirds div.leftThird {
	background-color: #F7F7F8;
	border-right: solid 1px #C5C5C5;
	float: left;
	margin: 0;
	padding: 0;
	width: 211px
}

div.leftTwoThirds div.centerThird {
	background-color: #F7F7F8;
	float: left;
	margin: 0;
	margin-right: -10px;
	padding: 0;
	width: 211px
}
div.leftTwoThirds p.leftThird {
	margin: 0;
	padding: 0
}
div.leftTwoThirds p.centerThird {
	margin: 0;
	padding: 0
}
p.centerThird img, p.leftThird img {
	display: block
}
#homepageByword {
	border-bottom: solid 1px #C5C5C5;
	color: #666666;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 32px;
	line-height: 16px;
	margin: 0 -10px 0 0;
	padding: 17px 25px 16px 33px;
	word-spacing: .81px
}
#homepageByword span {
	color: #004280;
	font-size: 14px;
	letter-spacing: .015em;
	margin-left: -10px;
	word-spacing: 0
}
div.content select.homepageStyle {
	background-color: #FFF;
	border: solid 1px #C1C1C1;
	margin-bottom: 0;
	margin-left: 20px;
	width: 158px
}
div.content div.rightThird form div {
	margin-top: -10px;
}
/* feedback */
.corpPhoneBox {
	padding-left: 30px
}

/* changing plan pages */

div.content p.subnote {
	font-size: 11px
}
div.content div.tab div.contentdiv .choiceBox p.subnote {
	font-size: 9px;
	line-height: 10px;
	padding-left: 40px;
	padding-bottom: 5px;
	padding-top: 3px;
	width: 320px
}
.choiceBox {
	border: solid 1px #E0EDF6;
	padding: 10px 10px 0;
	margin: 10px 0
}
.chosenBox {
	background-color: #FEFBEA
}
.choiceBox p input {
	margin: 0 10px 0 15px;
	vertical-align: middle
}
.choiceBox label {
	float: right
}
.choiceBox label, .choiceBox span {
	font-weight: normal
}
div.content .chosenBox label, div.content .chosenBox span {
	font-weight: bold
}
/* -- overwriting element from fea.css -- */
div.listContainer {  /* fea.css (line 10) */
	float: left;
	margin-bottom: 20px;
	margin-top: 0;
	width: 486px
}
#one, #two, #three, #four { /*fea.css (line 22) */
	float: left;
	padding-bottom: 8px
}
.listItemSpace {
	margin-left: -10px !important
}