@charset "utf-8";

/* resets and overrrides */
*{
 margin: 0px;
 padding: 0px;
 }
img { border: none; }

.clear {
	clear:both;
}


/* Layout Divs */ 
#pagewrapper {
  	position:relative;
	margin: 0 auto;
	Max-width:998px;
	overflow:visible;
}

#loginHeader{
	width:66.875em;
}

.loginLogo{
	padding:0;
	margin:0;
	Height:8.95em;
	width:25.625em;
}

#header {
	position:relative;
	max-width:63.5em;
	height:9.5em;
	margin:0 9px 0;
	
}
#header_leave {
	position: relative;
	max-width: 998px;
	height: 9em;	
	background-color:transparent;
	background-image: url(images/headerbg_leave.jpg?v=123);
	background-repeat: no-repeat;
	background-size:cover;
}
#headerlinks{
	Position: absolute;
	width: 13em;
	height: 9.6em;
	padding: 4px 0 0 0;
	right:0em;
	top: 0px;
	z-index: 40;
	background-color: rgba(0,98,113,0.91);
}
#nav{
	position: Relative;
	height: 3em;
	max-width: 998px;
	z-index: 100;
	background-color: #799b3e;
}
#snav-wrap {
	position: absolute;
	left: 54px;
	top: 40px;
	width: 513px;
	height: 221px;
	z-index: 90;
	display:none;
	overflow:visible;
	opacity:.97;
}


#tab-snav{
	position:relative;
	width:958px;
	height:40px;
	padding:0 20px 0;
}
#tab{
	font-family: FuturaPT-Book, "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color: #000;
	position:relative;
	padding: 10px;
	z-index:30;
	float: left;
	margin: 0 2px 0;
	display: block;
	background: #fff;
	/* Rounded Corners */
	-webkit-border-top-left-radius: 11px;
	-webkit-border-top-right-radius: 11px;
	-moz-border-radius-topleft: 11px;
	-moz-border-radius-topright: 11px;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	/* Dropshadow */
	-webkit-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.75);
	box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.75);	
}
#tab-snav a{
	position:relative;
	padding: 10px 15px 10px 15px;
	float: left;
	margin: 0 2px 0;
	display: block;
	/* Rounded Corners */
	-webkit-border-top-left-radius: 11px;
	-webkit-border-top-right-radius: 11px;
	-moz-border-radius-topleft: 11px;
	-moz-border-radius-topright: 11px;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	/* Dropshadow */
	-webkit-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.75);
	box-shadow: 0px -2px 3px rgba(50, 50, 50, 0.75);
	/* Gradient */
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(92deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%);
	background: -webkit-linear-gradient(92deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%);
	background: -o-linear-gradient(92deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%);
	background: -ms-linear-gradient(92deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%);
	background: linear-gradient(182deg, rgb(255, 255, 255) 30%, rgb(220, 220, 220) 70%);
	font-size:1.2em;
	font-style: normal;
	font-weight: normal;
	color: #555;
	text-decoration: none;
}
#tab-snav a:hover{
	background: -moz-linear-gradient(92deg, rgb(255, 255, 255) 30%, rgb(240, 240, 240) 70%);
	background: -webkit-linear-gradient(92deg, rgb(255, 255, 255) 30%, rgb(240, 240, 240) 70%);
	background: -o-linear-gradient(92deg, rgb(255, 255, 255) 30%, rgb(240, 240, 240) 70%);
	background: -ms-linear-gradient(92deg, rgb(255, 255, 255) 30%, rgb(240, 240, 240) 70%);
	background: linear-gradient(182deg, rgb(255, 255, 255) 30%, rgb(240, 240, 240) 70%);
	color: #000;	
}
#subnav-wrap{
	position:relative;
	float:left;
	width:14.375em;
	min-height:12.5em;	
}


#subnav-wrap li {
	background-image: url(images/snav-bg-grey.png);
	background-repeat: repeat-x;
	border-top: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-left: 1px solid #ccc;
	height: 24px;
	padding:7px 5px 3px 10px;
	font-size:1em;
	color:#555;
	display:block;
	list-style-position: inside;
	list-style-type: none;
	vertical-align: middle;
	text-decoration:none;
	position:relative;
}

#content-wrap-724{
	background-image: url(images/content-bg-724.png);
	background-repeat: no-repeat;	
	width:45em;
	min-height:22em;
	float:left;
	padding-top:1em;
	padding-left:1em;
}
#content-724{
	width:680px;
	padding:24px;
}
#tertiary-nav{
	width:700px;
	height:25px;
	margin:15px 20px 2px 20px;
}
#tertiary-content-wrap{
	width:660px;
	min-height:360px;
	padding:15px 20px;
	clear:both;
	margin:auto;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
	overflow:auto;
	
}

#content-bg {
	position: relative;
	top: -7px;
	max-width:62.75em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 12px;
}
.content-outline-998{
	position: relative;
	top: 0;
	max-width:62.75em;
	margin-left:auto;
	margin-right:auto;
	min-height: 460px;
	overflow-x: hidden;
	clear:both;
	padding: 20px 20px 150px 20px;
	z-index: 20;
	background: #fff;
	-webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
	border-radius:.5em;
}

.whiteMask{
	width:100%;
	height:140px;
	position:absolute;
	top:-140px;
	z-index:30;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.content-outline-998.leaveForm{
	padding: 18px 0px 140px 0px;
	width:98%;
}

#home-lft-col{
	position: relative;
	width: 220px;
	min-height: 330px;
	float: left;	
}
#home-center-col{
	position:relative;
	min-height:360px;
	float:left;
	margin: 0 13px 0 13px;
}
#home-right-col{
	position: relative;
	width: 220px;
	min-height: 330px;
	float:right;
}

/* Basic Generic Universal Tables */
#table-general{
	border-right: 1px #dadada solid;
	border-bottom: 1px #dadada solid;
	
}
#table-general td{
	padding:4px 4px 4px 4px;
	text-align:center;
	vertical-align:middle;
	border-top: 1px #dadada solid;
	border-left: 1px #dadada solid;
	
}

#table-general th{
	height: 30px;
	background-color: #e0e0e0;
	background-image: url(images/table-hdr-grey.png);
	background-repeat: repeat-x;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding:4px;
	text-align: center;
	vertical-align: middle;
	border-left: 1px #dadada solid;
	border-right: 1px #fafafa solid;
	border-top: 1px #dadada solid;
	
}
#table-snapshot{
	border-right: 1px #dadada solid;
	border-bottom: 1px #dadada solid;
	
}
#table-snapshot td{
	padding:4px 4px 4px 4px;
	border-top: 1px #dadada solid;
	border-left: 1px #dadada solid;
	
}

#table-snapshot th{
	height: 30px;
	background-color: #fff;
	background-image: url(images/table-hdr-grey.png);
	background-repeat: repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding:4px 10px 4px 10px;
	text-align:left;
	border-left: 1px #dadada solid;
	border-right: 1px #fafafa solid;
	border-top: 1px #dadada solid;
	
}
.ddm-quicklinks {
	position: relative;
}
/* New Styles 12-10-2012 */

#parollsummary-wrap{
	position: absolute;
	float: right;
	z-index: 80;
	width: 248px;
	height: 440px;
	left: 748px;
	top: 53px;
}
#enrollmentcontent-wrap1{
	position:relative;
	width:720px;
	min-height:400px;
	display:block;
}
#enrollmentbar-wrap{
	width:720px;
	height:76px;

}
#termsofservice{
	width:600px;
	height:170px;
	padding:20px;
	clear:both;
	border:1px solid #ccc;
	overflow:scroll;
}

/*  New Styles as of v3.0  */

.col-helpchoose-left {float:left; width:244px; padding-right:15px;}
.col-helpchoose-right {float:left; width:400px;}

#heropic{
 width:200px;
 float:left;
 min-height:180px;
 padding:18px 0 0 0;
}
#heropicsm{
 width:95px;
 float:left;
 min-height:85px;
 padding:18px 0 0 0;
}
#herosm2colcontent{
	postiion:relative;
	width:610px;
	min-height:80px;
	float:left;
	padding:18px 0 0 0;
}

#hero3colcontent{
	position:relative;
	width:505px;
	min-height:180px;
	float:left;
	padding:18px 0 0 0;
}
#enroll-rightbtns{
	width:240px;
	min-height:80px;
	margin:16px 5px 10px 10px;
	float:right;

}
#hsaheropic{
 width:155px;
 float:left;
 min-height:200px;
 padding:18px 0 0 0;
}
/*   New Styles V 4.0   */

#coverage-elections-content{
	position:relative;
	width:705px;
	min-height:400px;
	display:block;
	padding:0 10px;
}
#twocol-pic{
	width:34%;
	float:left;
	padding-top:15px;
	overflow:auto;
}
#twocol-content{
	width:62%;
	padding:15px;
	overflow:auto;
	float:left;
}
#subnav-wrap ul{
	padding:0;
}
#content-outline-faq{
	position: relative;
	top: -2px;
	max-width: 58.750em;
	overflow: hidden;
	background: #fff;
	background-image:url(images/faq-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size: 102%;
	clear:both;
	max-width:62.75em;
	min-height: 460px;
	margin-left:auto;
	margin-right:auto;
	padding: 20px 20px 150px 20px;
	z-index: 20;

	-webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
	border-radius:.5em;
}
#faq-questions{
	width:47%;
	display:block;
	min-height:400px;	
	float:left;
}

#faq-answers{
	width:50%;
	float:left;
	min-height:400px;
	display:block;
	overflow:hidden;
}
#chatlog-left{
	width:200px;
	float:left;
	text-align:right;
}
#chatlog-right{
	width:400px;
	float:right;
}
#helpcol-wrap{
	position: absolute;
	float: right;
	z-index: 80;
	width: 220px;
	height: 430px;
	left: 776px;
	top: 53px;
}
#helpcol-wrap2{
	position: absolute;
	float: right;
	z-index: 80;
	width: 220px;
	height: 430px;
	left: 776px;
	top: 47px;
}
#helpcol-header{
	width: 220px;
	position: relative;
	padding: 10px 0 0 0;
	background-image: url(images/needhelpbg.png);
	background-repeat: repeat-x;
	border-right: 1px solid #3c5ca4;
	border-bottom: 1px solid #3c5ca4;
	border-top: 1px solid #4f78d7;
	border-left: 1px solid #4f78d7;
	display: block;
	clear: both;
	height: 28px;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	text-align:center;
	vertical-align:middle;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(60, 60, 90, 1);
	-moz-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;
	border-top-left-radius: 11px;
	background-color: #087ec8;
	 
 
}
#helpcol-body{
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	min-height:430px;
	width:200px;
	padding:10px;
}

#leftcol744content-wrap{
	position:relative;
	width:744px;
	min-height:470px;
	display:block;
}
#leaverequest-content-wrap{
	position:relative;
	width:720px;
	min-height:400px;
	padding:65px 20px 10px 20px;
	display:block;
}

@media only screen and (max-width: 1024px) {

Body{
	font-size:.82em;
}

.content-outline-998{
	top:-.25em;
}

.content-outline-998.leaveForm{
	top:-.25em;
}

#content-outline-faq{
	top:-.25em;
}

#loginLogo{
	width:15.5em;
	padding-left:2em;
}

}
@media only screen and (max-width: 840px) {

Body{
	font-size:.75em;
}
.content-outline-998{
	top:-.5em;
}

.content-outline-998.leaveForm{
	top:-.5em;
}

#content-outline-faq{
	top:-.5em;
}

#twocol-pic{
	display:none;
}

#twocol-content{
	width:95%;
	font-size:1.5em;
	line-height:1.3em;
}


}

@media only screen and (max-width: 780px) {

Body{
	font-size:.6em;
}
.content-outline-998{
	top:-.85em;
}

.content-outline-998.leaveForm{
	top:-.85em;
}
#content-outline-faq{
	top:-.85em;
}
#loginHeader{
	width:100%;
}

}