@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:700,400);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:700,400);
@import url(https://fonts.googleapis.com/css?family=Gochi+Hand);
body {
	font-family:'Droid Sans', sans-serif;
	background-color:#4394C8;
	background-image:url("images/pagebg.jpg");
	background-repeat:repeat-x;
	color:#52524E;
	font-size:13px;
	margin-top:0;
	border-left:0
}
select, input[type=text] { 
	font-family:'Droid Serif', sans-serif;
}
a, a:active, a:visited {
	color:#4980AC;
	text-decoration:none
}
a:hover {
	color:##487413;
	text-decoration:underline
}
#Helpbar {
	float:left;
	margin-top:15px;
	margin-left:30px;
	width:150px
}
.bodyContainer {
	float:left;
	margin-left:11px;
	
	margin-top:11px;
	width:585px
}
#Titlebar {
	background-color:#00A2B1;
	border:0 solid #;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	display:inline;
	float:left;
	margin-bottom:11px;
	width:100%
}
#mainForm div.fieldrow, #loginForm div.fieldrow, #initVerifyForm div.fieldrow  {
	margin-bottom:0;
	margin-left:0;
	padding:1px 0;
	position:relative;
	width:675px
}
#mainForm div.fieldrow .fieldhelp, #loginForm div.fieldrow .fieldhelp, #initVerifyForm div.fieldrow .fieldhelp {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color:#D7D7D7;
	margin-right:0;
	padding-bottom:2px;
	padding-left:2%;
	position:absolute;
	right:0;
	width:20%;
	z-index:1;
	padding-right:5px;
	font-style:normal
}
#mainForm div.fieldrow.fieldselected, #loginForm div.fieldrow.fieldselected, #initVerifyForm div.fieldrow.fieldselected {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color:#D7D7D7;
	color:black
}
#mainForm div.fieldrow .fieldlbl, #loginForm div.fieldrow .fieldlbl, #initVerifyForm div.fieldrow .fieldlbl {
	margin-right:2%;
	padding:0 0 4px 0;
	width:35%
}
#mainForm div.fieldrow .fieldvalue, #loginForm div.fieldrow .fieldvalue, #initVerifyForm div.fieldrow .fieldvalue {
	margin-right:0;
	padding-right:0%;
	width:35%
}
.rich-calendar-button {
	cursor:pointer;
	display:none;
	vertical-align:middle
}
div#Breadcrumbs {
	background:none repeat scroll 0 0 #F2F1F4;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	box-shadow:none;
	clear:none;
	margin-left:68px;
	text-align:center;
	width:450px
}
div#Breadcrumbs {
	padding-bottom:11px;
	padding-top:8px
}
div#Breadcrumbs div.progress_section span.label{
	text-transform:uppercase;
	line-height: 14px;
}

.helpbar_content {
	background-color:#F2F1F4;
	border:medium none;
	color:#207BAA;
	float:left;
	font-size:12px;
	font-weight:normal;
	margin-top:0;
	width:99%;
	border-radius:0px 0px 8px 8px;
	-moz-border-radius:0px 0px 8px 8px;
	-webkit-border-radius:0px 0px 8px 8px;
}
.helpbar_header {
	background-color:#F2F1F4;
	border:0 solid none;
	color:#207BAA;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:29px;
	width:99%;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-color:none;
	border-bottom:medium none #F2F1F4;
	margin-left:0px
}
.helpbar_content .helpbar_txtwrap ul {
	padding-left:20px
}
.helpbar_content .helpbar_txtwrap ul li a {
	color:black
}
#oflows a.button {
	background:#2A7585;
	color:#FFF;
	display:block;
	float:left;
	font:normal 12px arial, sans-serif;
	height:auto;
	margin-right:6px;
	padding-right:18px;/* sliding doors padding */
	text-decoration:none;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#oflows .button a:link:visited:hover {
	color:#FFF
}
#oflows a.button span {
	display:block;
	line-height:14px;
	font-weight:bold;
	padding:5px 0 5px 18px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#oflows a.button.disabled {
	cursor: not-allowed;
    background: #cccccc;
}

#oflows a.button.disabled span {
	cursor: not-allowed;
    text-shadow: none;
}

.qualify.column1 {
	border:medium none;
	float:left;
	padding-left:50px;
	width:250px
}
.agenthelpbar_header {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-top:8px;
	display:none
}
.agenthelpbar_content {
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	display:none
}
.bodyContainer {
	float:left;
	margin-left:00px;
	margin-top:0px;
	width:700px
}
.helpbar_content {
	background-color:#E4F6F7;
	border-bottom:5px solid #EFEEEF;
	border-left:5px solid #EFEEEF;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-right:5px solid #EFEEEF;
	float:right;
	margin-right:0;
	padding-bottom:10px
}
.helpbar_header {
	-moz-border-bottom-colors:none;
	-moz-border-image:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	background-color:#E4F6F7;
	border-color:#EFEEEF #EFEEEF #E4F6F7;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-style:solid;
	border-width:5px 5px 1px;
	float:right;
	font-size:21px;
	margin-right:0
}
#Titlebar { /*background-color:#00A2B1;*/
	background:none;
	border:none;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	width:100%;
	margin-bottom:-20px
}
.helpbar_txtwrap {
	float:left;
	margin:0px 10px
}
#oflows .menulink, #oflows .menulink A:link:visited:hover {
	color:grey;
	font-weight:normal
}
h3, h1 {
	font-size:21px
}
.selector select {
	position:relative
}
.clearfixFooter ul li {
	color:#737373;
	float:left;
	margin-right:19px
}
.titlebar_header {
	font-weight:normal;
	font-size:26px;
	color:white;
	padding-bottom:2px
}
.titlebar_header br.clearfloat {
    display: none;
}
.clearfixFooter div {
	color:#737373;
	font-size:10px
}
.titlebar_txtwrap {
	color:#444;
	float:none;
	display: block;
	font-size: 14px;
}  
.buttons .withdrawnBtn {
	display:inline;
	margin-left:225px;
	position:relative;
	float:right
}
.selector select {
	top:-0.5px

}
.buttons {
	display:block;
	height: 36px;
}
.input {
	border:1px solid #E3E3E3;
	height:17px;
	padding:4px 15px
}
.helpbar_txtwrap span {
	float:left;
	margin:15px
}
h3, h1 {
	font-size:21px;
	margin:15px 0
}
#oflows a.button {
	margin-top:15px
}
.altlink {
	margin-top:15px
}
.main {
	width:77%;
	margin-left:140px
}
.pc_bullet {
	float:left;
	width:230px
}
.prodselect.col5 {
	padding:10px
}
.main {
	margin-left:1%;
	width:98%
}
.selector select {
	left:0
}
#mainForm div.fieldrow .fieldvalue, #loginForm div.fieldrow .fieldvalue, #initVerifyForm div.fieldrow .fieldvalue {
	margin-right:0;
	padding-right:0;
	width:40%
}
.fieldvalue select {
	margin-right:-5px;
	min-width:91%;
	width:91%
}
input[type="checkbox"] {
	margin-left:0;
	vertical-align:bottom;
	width:36px
}
#neighborhood a.store, #neighborhood strong, #volunteer_network .content p a, #news_events h5, h1, h2, h3, h4, h5, h6 {
	color:#666
}
.requiredSupportingDocumentList {
	margin-left:0px;
	margin-bottom:20px
}
div#Breadcrumbs {
	display:none
}
.customText ul, ol {
	margin-left:0;
	color:#207BAA
}
.customText p {
	color:#207BAA
}
div.morepop[style] {
	margin:0 auto !important;
	left:160px !important
}
#signouterdiv p {
	color:#000;
	width: auto
}
#signouterdiv label {
	color:#000
}
#signouterdiv {
	background-color:#E5E5E5;
	font-size:11px;
	height:auto;
	padding:20px 10px;
	width:auto;
	max-width: 620px;
	z-index:10000
}
#signouterdiv br {
	display: none;
}
#canvas {
	width: 500px;
}
#signButton {
	display: block;
	margin-top: 10px;
}
/* new design elements *//* removes background image from body */
body {
	background-image:none;
	background-color:#F1F1F1
}
p {
	color:#4C4C4C;
	font-size:14px;
	background-color: transparent;
}
.bodyContainer {
	width:70%;
	margin:1% 0.5% 1% 1.5%
}
/* div container on page.xhtml */
#container {
	background:none repeat scroll 0 0 #FFF;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	box-shadow:2px 2px 10px 2px #CACECD;
	margin:20px auto;
	position:relative;
	width:960px;
	border:none;
	float:left;
	padding-bottom:20px
}
/* moves button to the right */
#submitButton {
	float:right;
	margin-right:20px
}
/*************** START HELP BAR SECTION ****************//* new positioning for the help bar */
#Helpbar {
	float:right;
	margin-right:45px;
	margin-top:100px;
	width:180px;
	top:0px;
	right:0px
}
/* help bar text */
.helpbar_txtwrap, .helpbar_txtwrap p {
	font-size:13px
}
/* help bar header */
.helpbar_txtwrap h3 {
	color:#00519A;
	font-size:12px;
	font-weight:900;
	padding-bottom:3px;
	text-transform:uppercase;
	margin-bottom:20px;
	margin-top:20px
}
/* help bar header (sometimes has a label within) */
.helpbar_txtwrap h3 label {
	color:#00519A;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase
}
/* help bar divs */
.helpbar_header, .helpbar_content {
	background:none;
	border:none
}
/* help bar header text */
.helpbar_header {
	color:#00519A;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase
}
/* help bar main content */
.helpbar_content {
	font-size:13px;
	line-height:18px;
	text-align:left;
	color:#4C4C4C;
	width: 90%;
	background-color: #ddd;
	padding: 5%;
}
.helpbar_content br.clearfloat{
	display: none
}
/*************** END HELP BAR SECTION ****************//*************** START INPUT STYLING *****************/
.fieldvalue input[type="text"], .fieldvalue input[type="password"] {
	background:url("images/icon-x.png") no-repeat scroll right center #E9EDEC;
	border:1px solid #CACECD;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:1px 1px 5px 2px #CACECD inset;
	font-size:14px;
	width:322px;
	padding:5px 20px 5px 5px
}
.fieldvalue input[type="text"]:disabled, .fieldvalue input[type="password"]:disabled {
    background-color: #F8F8F8;
    border: 2px solid #E8E8E8;
    box-shadow: none;
    color: #888888;
}	
/* kbaSkipQuestion element is on Identity Verification */
.fieldvalue select, #mainForm\:kbaSkipQuestion, #docupload select {
	background:none repeat scroll 0 0 #E9EDEC;
	border:2px solid #CACECD;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:1px 1px 5px 2px #CACECD inset;
	font-size:14px;
	height:33px;
	line-height:normal;
	padding:7px;
	width:350px;
	min-width:300px
}
/* changes border to green when a user has clicked any input or select */
.fieldvalue input:focus, .fieldvalue select:focus {
	border:2px solid #23b26f
}
/* grey text for diabled inputs and selects */
.offer.input:disabled, .offer select:disabled {
    background: none repeat scroll 0 0 #F8F8F8;
    border-width: 2px;
    box-shadow: none;
}
.fieldvalue input[type="checkbox"] {
	margin-top:9px;
	vertical-align:top;
	width:auto
}
label, input[type="button"], input[type="submit"], input[type="image"], button {
	font-size:14px;
	color:#4C4C4C;
}
/* removes the 'pointer' css on labels,since they aren't really 'clickable' */
label {
	cursor:default
}
/*************** END INPUT STYLING *****************//* Main page header style */
.titlebar_header .titlebar_txtwrap {
	color:#4C4C4C;
	font-size:22px;
	font-style:italic
}
/* subtext beneath main header */
.titlebar_content .titlebar_txtwrap p {
	color:#4C4C4C;
	font-size:14px
}
.footerText, .footerText a{
	font-size:11px;
	line-height:20px;
}
.footerText {
	color:#737373
}
.footerText a, .footerText a:visited {
	color:#737373;
	font-weight:bold
}
#footerContainer, #headerContainer {
	margin:10px auto;
	position:relative;
	width:100%;
	float:left;
	background-color:#fff;
}
#headerContainer {
	height:80px;
	z-index:1;
}
#customerLogo {
	margin-top:35px
}
/* a white fading png to put at the bottom of the stripe pattern,to fade it on short pages */
#sideBar_fade {
}
.sideCell {
	background:url("images/sideBar.jpg") no-repeat
}
#left_container {
	padding:10px;
	width:650px
}
#right_container {
	background:url("images/sideBar.jpg") no-repeat top right;
	width:281px;
	position:relative;
	padding-bottom:100px;
	float:left;
	width:100%
}
#right_container_fade {
}
#headerLeft {
	float:left;
	margin-top:15px;
	width:160px;
	height:35px
}
#headerLeft img {
	display:none;
}
#headerRight {
	float:right;
	margin-right:20px

}
#headerRightText {
	float:left;
	width:180px;
	margin-top:7px;
	margin-right:10px;
	width: auto;
}
#headerRightTextLine1 {
	color:#00529B;
	font-size:13px;
	text-transform:uppercase;
	font-weight:700
}
#headerRightTextLine2 {
	color:#000;
	font-size:22px;
	font-weight:700
}
#headerRightTextLine3 {
	color:#000;
	font-size:11px;
	max-width: 200px;
}
#headerRightSecureImg {
	float:left
}
#footerLeft {
	float:left;
	margin-left:10px
}
#footerRight {
	float:right
}
#footerRight img {
	margin-left:50px
}
/***************  help bubbles and input rows *****************//* removes the styling of the row where input is taking place */
#mainForm div.fieldrow.fieldselected, #loginForm div.fieldrow.fieldselected, #initVerifyForm div.fieldrow.fieldselected {
	background-color:transparent;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	color:black
}
/* centering the labels next to the input fields */
#mainForm div.fieldrow .fieldlbl, #mainForm div.fieldrow .fieldvalue, #loginForm div.fieldrow .fieldlbl, #initVerifyForm div.fieldrow .fieldlbl, #loginForm div.fieldrow .fieldvalue, #initVerifyForm div.fieldrow .fieldvalue {
	height:35px;
	line-height:30px
}
/* setting width for the field label */
#mainForm div.fieldrow .fieldlbl, #loginForm div.fieldrow .fieldlbl, #initVerifyForm div.fieldrow .fieldlbl {
	width:225px
}
/* width for the input field container */
#mainForm div.fieldrow .fieldvalue, #loginForm div.fieldrow .fieldvalue, #initVerifyForm div.fieldrow .fieldvalue {
	width:375px
}
/* width for full row container */
#mainForm div.fieldrow, #loginForm div.fieldrow, #initVerifyForm div.fieldrow {
	width:800px
}
.fieldpophelp {
	padding-top:7px;
	width:3%;
	margin-right:1%
}
/* fix for the jumping button issue */
#oflows a.button:active {
	background-position:left
}
#submitButton {
	display:block;
	overflow: auto;
	margin:0px 10px 0 0
}
#oflows a.button {
	background:none rgb(134,180,2);
	float:right;
	height:auto;
	padding:0 20px;
	text-align:center;
	width:auto;
	color:#fff;
	margin: 10px 0 0 30px;
}
#oflows a.button span {
	background:none repeat scroll 0 0 transparent;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:auto;
	line-height:36px;
	margin:0;
	padding:0;
	text-transform:uppercase
}
#oflows a.button:hover {
	background:none rgb(102,102,102);
}
#oflows a.button:hover span {
	text-shadow:none;
	color:#fff;
}
/************ Progress bar styles start ************//* positions the progress bar absolutely */
div#Breadcrumbs {
	background:none;
	display:inline;
	left:-10px;
	margin:0;
	padding:0;
	position:absolute;
	top:-20px;
	width:980px
}
.section_done {
	background:url("images/arrow_on.png") no-repeat;
	color:#777D7B;
	text-shadow:1px 2px 1px #e6e6e6;
	font-weight:700;
	font-size:16px
}
.section_not_done {
	background:url("images/arrow_off.png") no-repeat;
	color:#abb7b2;
	font-size:15px;
	font-weight:700
}
.last_done {
	background:url("images/arrow_last_on.png") no-repeat;
	color:#777D7B;
	font-weight:700;
	text-shadow:1px 2px 1px #e6e6e6;
	font-size:16px
}
.last_not_done {
	background:url("images/arrow_last_off.png") no-repeat;
	color:#abb7b2;
	font-size:15px;
	font-weight:700
}
.progress_section {
	float:left;
	height:36px;
	line-height:36px;
	margin-right:-12px;
	width:252px;
	position:relative;
}
.left_done {
	background:url("images/progress_left_on.png") no-repeat
}
.left_not_done {
	background:url("images/progress_left_off.png") no-repeat
}
.right_done {
	background:url("images/progress_right_on.png") no-repeat
}
.right_not_done {
	background:url("images/progress_right_off.png") no-repeat
}
.progress_end {
	float:left;
	height:41px;
	line-height:41px;
	width:1%;
	z-index:1000;
	position:relative
}
/*
.step_1 {
	z-index:500
}
.step_2 {
	z-index:400
}
.step_3 {
	z-index:300
}
.step_4 {
	z-index:200
}
.step_5 {
	z-index:100
}
*/
/* removing the withdraw application button */
.buttons .withdrawnBtn {
	display:none
}
/* adding space to page title due to progress bar */
#Titlebar {
	margin-top:20px;
	display: block;
    float: none;
	margin-bottom: 0;
}
#Titlebar .titlebar_header {
	overflow:auto;
	float: none;
	margin-top:30px
}
#Titlebar .titlebar_content{
	overflow:auto;
	float: none;
}
#Titlebar br.clearfloat {
	display: none;
}
/********************* document viewer page ******************/
.docbar {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	font-size:11px;
	height:auto;
	margin:10px 0;
	vertical-align:middle;
	width:100%;
	overflow: auto;
}
.docbar ul {
	padding:0px
}
.docbar .viewrightbuttons {
    overflow: auto;
}
.docbar .viewleftbuttons .pagenum{
    line-height: 26px;
}
.docbar li {
    padding: 0;
}
#smpagediv img {
	width:99%
}
#smpages {
	height:auto;
	width:auto;
	background-color:#fff
}
#wrapper {
	margin:0px auto;
	position:relative;
	width:100%;
	max-width:960px
}
#mainForm:eSignatureButtonBox {
float:right
}
/********************* document viewer page end ******************/
.rich-message-marker img {
	display:none
}
/* absolutely positioning field errors closer to field */
.fielderr {
	bottom:0;
	left:245px;
	position:absolute
}
/* all rows have same class including the rows added for errors   so we select only elements with an id that ends in 'row1' and make it smaller */
.prop div[id$="row1"].fieldrow {
height:10px
}
/******************  Spinners page ****************/
.progress.text.disabled {
    color: #aaa;
}

.progress.text.enabled {
    color: #555;
}
.progress.text.enabled, .progress.text.disabled {
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	padding-top: 10px;
	display: block
}
.qualify.column1, .qualify.column2 {
	float: right;
	padding:25px 2%;
	width: auto
}
.qualify.column1 {
	float:left;
}
.progress.row {
	border-bottom: 2px dashed #ddd
}
/* New Spinning Graphics */
.imageAccept{
    background-image: url("images/accept.png");
    height: 48px;
    width: 48px;
}
.imageFailed{
    background-image: url("images/failed.png");
    height: 48px;
    width: 48px;
}
.imageSpinnerStill{
    background-image: url("images/spinner-still.gif");
    height: 48px;
    width: 48px;
}
.imageSpinner{
    background-image: url("images/spinner-still.gif");
    height: 48px;
    width: 48px;
}
.imageWarning{
    background-image: url("images/exclamation-icon.png");
    background-size: 100%;
	height: 48px;
    width: 48px;
}

/**************** end spinners page *******************//**************** product selection and eligibility page ************//* changing headers on product selection,eligibility and other page titles */
#product_selection_content h3, #eligibility_content h3, .fieldrow h3, #what_you_will_need h3 {
	color:#fff;
	font-size:12px;
	font-weight:900;
	margin-bottom:0px;
	margin-top:30px;
	padding:10px 2%;
	text-transform:uppercase;
	background-color:#888;
	width:96%
}
/* ensuring font and color properties of bullets on product selection */
.product_selection_bullets {
	font-size:14px;
	color:#4C4C4C
}
/* adding spacing to product selection bullets */
.product_selection_bullets li {
	margin-bottom:10px
}
#product_selection_content, #eligibility_content {
	width:100%;
}
#product_selection_content .fieldrow {
	height:auto;
	line-height:30px
}

#what_you_will_need > p, #what_you_will_need > ol {
    display: block;
    margin: 20px;
}
.optionLabel {
	margin-left:10px
}
.field {
	margin-bottom:10px;
	margin-top:10px;
	height:35px;
	line-height:35px
}
.fieldLabelWrapper {
	float:left;
	margin-right:10px;
	text-align:right;
	width:200px
}
.optionDescription {
	color:#3375AF;
	margin-left:23px;
	margin-top:5px
}
.optionGroup {
	margin:0
}
.errorMsg p {
	color:#f00;
	font-weight:700
}
.errorMsg ul {
	color:#f00;
}
.errorMsg li {
	color:#f00;
}
#eligibility, #what_you_will_need {
	margin:0;
	padding:0;
	background-color: #eaeaea
}
#eligibility .group, #what_you_will_need  .group{
	padding: 20px;
}
/******************** end eligibility and product selection ******************//* the "i"icon on the cross sell page */
.moreicon {
	float:none;
	margin-left:10px;
	cursor:pointer
}
/* side bar link area for logout button */
#logout, #menuform\:prodstartDiv {
	margin-left:10px;
	position:relative;
	z-index:89;
	clear:both
}
div.fieldrow .fieldvalue {
	margin-right:0;
	padding-right:0;
	width:60%
}
/* reset margin on ul's in help bar */
.helpbar_content .helpbar_txtwrap ul {
	margin-left:0
}
.helpbar_txtwrap {
    background-color: #EAEAEA;
    margin: 0;
    padding: 2%;
    width: 96%;
	display:block;
	float:none;
}
.fixedPositionStatus {
	bottom:0;
	position:absolute;
	right:0
}
/* adds shadow and border to e-sign pop up */
#signouterdiv {
	box-shadow:0 0 5px 0 #000;
	border:1px solid;
	background-color:#e8e8e8;
}
/* reapplying link style due to css specificity overriding it */
#oflows .logout_link, #oflows .menulink {
	color:#999;
	text-decoration:none
}
/* reapplying link style due to css specificity overriding it */
#oflows .logout_link:hover, #oflows .menulink:hover {
	color:#000;
	text-decoration:underline
}
.customText ul, .main ul, .main ol {
	margin-left:0;
	color:#52524E
}
/* removing text links *//**** blocking this fix /**** for challenge deposits txt.altlink{display:none}**** end block ****/
.listContainerFormBorder {
	border:none
}
#initResetForm h3, #loginForm h3, #initVerifyForm h3, .listShowRowNumArea, #startForm h3 {
	color:#00519A;
	font-size:12px;
	font-weight:900;
	margin-bottom:20px;
	margin-top:20px;
	padding-bottom:3px;
	text-transform:uppercase
}
/* bolding the product titles on cross sell page */
.prodselect.col6 {
	font-weight:700
}
/* unbolding all other text */
.offer.leftsubtable.label, .offer.rightsubtable.label {
	font-weight:normal;
	font-size:14px
}
.prodselect.col7 {
	line-height:16px;
	vertical-align:middle
}
.offer.input[type="text"], .offer.input[type="password"] {
	background:none repeat scroll 0 0 #E9EDEC;
	border:1px solid #CACECD;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:1px 1px 5px 2px #CACECD inset;
	font-size:14px;
	width:150px;
	padding:5px
}
.offer.input:focus, .offer select:focus {
	border:2px solid #23b26f
}
.offer.input:disabled, .offer select:disabled {
	color:#CACECD
}
.offer select {
	background:none repeat scroll 0 0 #E9EDEC;
	border:1px solid #CACECD;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:1px 1px 5px 2px #CACECD inset;
	font-size:14px;
	height:33px;
	line-height:normal;
	padding:7px;
	width:100%
}
.fieldpopup p {
	color:#fff;
	font-size:12px;
	margin:0 0 10px
}

.fieldhelp {
	z-index:80
}
/*adding hand cursor to the information buttons on cross sell */
#mainForm\:listSubView_app_authorizedUsers\:addBtn, #mainForm.actionButton {
	cursor:pointer
}
/* resetting all list font sizes */
ul, ol {
	font-size:14px
}
#idverifyDiv table {
	width:100%
}
.helpbar_txtwrap ul {
	font-size:13px
}
#docuploadPage {
	float:left;
	left:20px;
	position:absolute
}
.listContainerForm .listActionArea {
	padding:10px;
	float:right;
	position:relative
}
.spacerLine {
	margin-bottom:20px;
	margin-top:20px
}
.home.table ul li {
	font-size:11px
}
#helpInfoDiv_body {
	margin-bottom:10px
}
.fieldlbl a:hover {
	text-decoration:none
}
.main ol {
	margin-bottom:10px
}
.main ol li {
	margin-top:10px
}
.home.table.link {
	color:#999;
	text-decoration:none
}
.home.table.link:hover {
	color:#000;
	text-decoration:underline
}
.home.table {
	font-size:11px
}
#mainForm\:listSubView_app_authorizedUsers\:listTable .listContainerFormColumn {
	width:auto
}
.listShowRowNumArea {
	float:left
}
#helpInfoDiv {
	margin-top:20px
}
#idverifyDiv .fielderr {
	bottom:0;
	left:0;
	position:relative
}
.home.table ul {
	padding-left:0
}
.home.table {
	text-align:center
}
#mainForm\:j_id66 {
	display:none
}
/******** Template 2  *************/
body {
	background-color:#eee;
	background-image:url("images/pagebg.jpg");
	background-repeat:repeat-x;
	background-attachment:scroll
}
#wrapper {
	margin:0px auto;
	position:relative;
	width:100%;
	max-width:960px;
	border:none
}
#container {
	background:none #f4f4f4;
	margin:0;
	padding-top:20px;
	box-shadow:0px 4px 4px 0px #CACECD;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	float:none;
	overflow:auto;
	width:960px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc
}
#footerContainer {
	margin-top:30px
}
#footerContainer, #headerContainer {
	float:none;
	margin:0;
	padding:10px 0;
	overflow:auto;
	border:1px solid #ccc;
	height: auto;
	box-shadow:0px 4px 4px 0px #CACECD;	
}
#headerRight {
	margin-right:12px
}
#headerLeft {
	background-image:url("images/nav-logo.png");
	height:35px;
	margin:19px -1px;
	width:160px;
	background-repeat:no-repeat
}
#headerLeft img {
	display:none;
}
#headerRightSecureImg {
	background-image:url("images/secure_site.png");
	background-repeat:no-repeat;
	width:61px;
	height:78px;
	float: right;
}
#headerRightSecureImg img {
	display:none;
}
#right_container {
	background:none transparent;
	overflow:auto
}
#right_container_fade {
	display:none
}
#Helpbar {
	margin: 1.65% 2% 1% 0.5%;
	width:25%
}
.left_done {
	background:none transparent;
	display:none
}
.right_not_done {
	background:none transparent;
	display:none
}
.right_done {
	background:none transparent;
	display:none
}
.prop {
	display:block;
	float:left;
	margin-bottom:0px;
	margin-top:0px;
	width:100%
}
.helpbar_txtwrap span {
	margin:0px;
	width:100%
}
.helpbar_txtwrap h3, .main h3, #initResetForm h3, #loginForm h3, #initVerifyForm h3, .listShowRowNumArea, #startForm h3 {
	color:#fff;
	font-size:14px;
	font-weight:900;
	margin-bottom:0px;
	margin-top:30px;
	padding:10px 2%;
	text-transform:uppercase;
	background-color:#888;
	width:96%
}
#mainForm div.fieldrow .fieldlbl, #loginForm div.fieldrow .fieldlbl, #initVerifyForm div.fieldrow .fieldlbl {
	width:160px
}
#mainForm div.fieldrow, #loginForm div.fieldrow, #initVerifyForm div.fieldrow, .main .fieldrow {
	background-color:#eaeaea;
	margin:0;
	padding:0 0 10px 0;
	width:100%;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	height: auto
}
.groupbody {
    background-color: #eaeaea;
	overflow: visible;
    border: none;
    padding-bottom: 0px;
}
#oflows.home .groupbody {
	background-color:transparent;
}
.helpbar_txtwrap span.helpbar_txtwrap {
	background-color:#eaeaea;
	margin:0;
	padding:2%;
	width:96%
}
.fieldvalue input[type="text"], .fieldvalue input[type="password"] {
	background:none repeat scroll 0 0 #fff;
	border:2px solid #cdcdcd;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	box-shadow:1px 1px 2px 2px #e9e9e9 inset;
	font-size:18px;
	padding:5px;
	width:89%
}
.fieldvalue input:focus, .fieldvalue select:focus {
	border:2px solid #558866
}
.fieldvalue span.selector {
	width:auto
}
.fieldvalue select, #mainForm\:kbaSkipQuestion, #docupload select, #infoDiv .docUploadCategoryColumn select {
	background:none repeat scroll 0 0 #fff;
	box-shadow:1px 1px 2px 2px #e9e9e9 inset;
	width: 100%;
	min-width:0;
	padding:5px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	height:auto;
	font-size:18px
}
#mainForm div.fieldrow .fieldvalue, #loginForm div.fieldrow .fieldvalue, #initVerifyForm div.fieldrow .fieldvalue {
	height:auto;
	font-size:14px
}
label, input[type="button"], input[type="submit"], input[type="image"], button {
	color:#333;
	line-height: 16px;
}
div#Breadcrumbs {
	background:none repeat scroll 0 0 transparent;
	display:block;
	margin: 0.5%;
	padding:0;
	width: 99%;
	float:none;
	position:relative;
	top:0;
	left:0;
}
.progress_section {
	background:none rgb(160,160,160);
	border-left:1px solid #232323;
	border-right:1px solid #444;
	color:#FFF;
	margin:0px;
	float:left;
	height:auto;
	line-height:auto;
	padding: 10px 0 10px;
	text-align:center;
	text-transform:uppercase;
	width:158px;
	font-size:13px;
}
.section_done {
	text-shadow:none;
	background:rgb(160,160,160);
	box-shadow:1px 2px 5px 1px #353535 inset;
	color:#F87B2C;
	height:auto
}
.last_done {
	text-shadow:none;
	background:none rgb(160,160,160);
	box-shadow:1px 2px 5px 1px #353535 inset;
	color:#F87B2C;
	height:auto
}
.helpbar_header {
	background-color:#292929;
	color:#fff;
	width:100%;
	height:auto;
	padding:0px;
	line-height:0
}
.helpbar_header .helpbar_txtwrap {
	padding:12px 3%;
	margin:0px;
	width:94%;
	background-color: #999;
}
.helpbar_content .helpbar_txtwrap {
	background-color:#eee;
	color:#fff;
	font-size:13px;
	padding:3%;
	width: 100%;
}
.helpbar_content .helpbar_txtwrap p {
	color:#fff;
	font-size:13px;
	margin: 0 0 10px;
}
.helpbar_content .helpbar_txtwrap ul li a {
	color:white
}
#oflows a.logout_link, #oflows a.menulink {
	background-color:transparent;
	color:#4980AC;
	display:inline-block;
	padding:4px 12px 4px 4px;
	width:auto;
	font-weight: bold;
}
#oflows a.logout_link span, #oflows a.menulink span { 
	background: url("images/caret.png") no-repeat scroll right 3px transparent; 
	padding-right: 11px;
}
#oflows a.logout_link:hover, #oflows a.menulink:hover {
	text-decoration:none;
	color:#444
}
.titlebar_header .titlebar_txtwrap {
	color:#0f6aac;
	font-size:26px;
	font-style:normal;
	font-weight:100;
	margin:0px;
}
.titlebar_content .titlebar_txtwrap p {
	color:#333
}
#submitButton {
	margin:0px 2px 0 0
}
#mainForm div.fieldrow.fieldselected .fieldlbl a label, #loginForm div.fieldrow.fieldselected .fieldlbl a label, #initVerifyForm div.fieldrow.fieldselected .fieldlbl a label {
	color:white
}
#mainForm div.fieldrow.fieldselected, #loginForm div.fieldrow.fieldselected, #initVerifyForm div.fieldrow.fieldselected {
	background-color:#8FAC9E
}
#mainForm div.fieldrow .fieldhelp, #loginForm div.fieldrow .fieldhelp, #initVerifyForm div.fieldrow .fieldhelp {
	width:160px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	font-size:14px;
	line-height:18px
}
#mainForm span.helpbar_txtwrap+span >div.prop >div.fieldrow {
	padding-top:10px
}
.rich-panel {
	background-color:transparent
}
#logout, #menuform\:prodstartDiv {
	margin-left:0px
}
.helpbar_content.commonhelpcontent .helpbar_txtwrap {
	background-color:#444;
	color:#fff
}
.qualify .fieldvalue {
	font-weight:bold;
	font-color:#444
}
.fieldvalue select.fieldvalue_year {
	width: 35% !important;
}
/******** Theme One  *************/
body {
	background:none #ddd;
	overflow-x:hidden;
	margin:0
}
a, a:active, a:visited {
	color:#4980AC;
	text-decoration:none
}
a:hover {
	color:##487413;
	text-decoration:underline
}
/*** Logo ****/
#headerLeft {
    height: 80px;
    margin: 0 0 0 10px;
    max-width: 500px;
    width: 250px;
}
/*** Text next to secure Image */
#headerRightTextLine1 {
	color:#487413;/* Green */
}
#headerRightTextLine2 {
	color:#666
}
/****** Footer Images *********/
#footerRight img {
	margin:0 50px 0 0
}
#footerRight span {
	background-repeat:no-repeat;
	display:block;
	float:right;
}
#right_container {
	padding-bottom: 0px;
}
/*** Call to action button ****/
#oflows a.button span {
	display:inline;
	background: url("images/doublearrow.png") no-repeat scroll right center transparent;
	padding: 0 22px 0 0;
	text-shadow:1px 1px 2px #487413;
	height: auto;
	cursor:pointer;
	color:#FFF;
}
#oflows a.button:active span {
	background-position: right center;
	padding: 0 22px 0 0;
}
/***** Bread Crumb borders  ***/
.progress_section {
	border-left:0px solid #fff;
	border-right:0px solid #fff;
	width:24%;
	margin:0.5%
}
/*** Bread Crumb Sections  ***/
.section_not_done, .last_not_done {
	color:#ddd;
	text-shadow:1px 1px 2px #4980ac;
	text-shadow:none;
	background: none rgb(160,160,160);
}
.section_done {
	background:none rgb(73,128,172);
	box-shadow:1px 2px 5px 1px #4980ac inset;
	color:#ddd;
	text-shadow:1px 1px 2px #4980ac
}
.section_current, .last_done {
	background:none rgb(134,180,2);
	box-shadow:none;
	color:#fff;
	text-shadow:1px 1px 2px #487413
}
div#Breadcrumbs div.progress_section span.number {
    background: none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: 1px solid #ddd;
    display: inline;
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    margin: 6px 6% 0 0;
	padding: 1px 5px;
    position: relative;
    text-align: center;
    text-shadow: none;
    width: 20px;
	color: #ddd;
}
div#Breadcrumbs div.progress_section.section_done.section_current span.number, div#Breadcrumbs div.progress_section.last_done.section_current span.number {
	background-color: #fff;
	color: rgb(134,180,2);
	border:none;
}
div#Breadcrumbs div.progress_section.section_done span.number {
	background-color: transparent;
	color: #ddd;
	border: 1px solid #ddd;
}
div#Breadcrumbs div.progress_section.section_done.section_current span.arrow {
	display: block;
	position: absolute;
	right: -1px;
	top:0;
	background: url("images/progressarrow.png") left center no-repeat;
	width: 11px;
	height: 40px;
}
/**** Help Section ***/
.helpbar_header {
	background-color:#67a0cc
}
.helpbar_content.commonhelpcontent .helpbar_txtwrap {
	background-color:#e3e3e3;
	color:#444;
	border:1px solid #ccc;
	width:214px
}
.helpbar_content .helpbar_txtwrap, txtwrap {
	background-color:#ddd;
	color:#555;
	font-size:13px;
	padding: 0;
}
.helpbar_content .helpbar_txtwrap p, txtwrap p {
	color:#555;
	font-size:13px
}
.helpbar_content .helpbar_txtwrap ul li a, txtwrap ul li a {
	color:#0f6aac;
	font-weight:bold
}
/*** Field group headers  ****/
.helpbar_txtwrap h3, .main h3, #initResetForm h3, #loginForm h3, #initVerifyForm h3, .listShowRowNumArea, #startForm h3 {
	background-color:#aaa;
	color:#fff
}
/**** Fieldrow widths and heights ********/
#mainForm div.fieldrow .fieldlbl, #loginForm div.fieldrow .fieldlbl, #initVerifyForm div.fieldrow .fieldlbl {
	width:34%;
	padding: 10px 0 0 10px;
}
#mainForm div.fieldrow .fieldvalue, #loginForm div.fieldrow .fieldvalue, #initVerifyForm div.fieldrow .fieldvalue {
	width:58%
}
#mainForm div.fieldrow .fieldlbl, #mainForm div.fieldrow .fieldvalue, #loginForm div.fieldrow .fieldlbl, #initVerifyForm div.fieldrow .fieldlbl, #loginForm div.fieldrow .fieldvalue, #initVerifyForm div.fieldrow .fieldvalue {
	height:auto
}
/*** Selected Field Highlight   ****/
#mainForm div.fieldrow.fieldselected, #loginForm div.fieldrow.fieldselected, #initVerifyForm div.fieldrow.fieldselected {
	background-color:transparent
}
#mainForm div.fieldrow.fieldselected .fieldlbl a label, #loginForm div.fieldrow.fieldselected .fieldlbl a label, #initVerifyForm div.fieldrow.fieldselected .fieldlbl a label {
	color:#333
}
/******  Tooltip Color   ****/
#mainForm div.fieldrow .fieldhelp, #loginForm div.fieldrow .fieldhelp, #initVerifyForm div.fieldrow .fieldhelp {
	background-color:#67a0cc
}
/********** Prod Start Page, Start Page & Congratulations Page ********/
#product_selection_content h3, #eligibility_content h3, .fieldrow h3, #what_you_will_need h3 {
	background-color:#bbb;
	color:#fff
}
#startForm {
	background-color:transparent
}
/***************  Field Set, row, lable, field, help, required indicator, popup help ETC *****************/

#mainForm .prop, #loginForm .prop, #initVerifyForm .prop {
	width: 100%;
	margin: 0;
}
#mainForm div.fieldrow, #loginForm div.fieldrow, #initVerifyForm div.fieldrow {
    padding: 10px 0;
    position: relative;
    width: 100%;
	height:auto;
}
#mainForm div.fieldrow .fieldlbl, #loginForm div.fieldrow .fieldlbl, #initVerifyForm div.fieldrow .fieldlbl {
    height: auto;
    line-height: normal;
    margin-right:0;
    padding:0;
	width: 28%;
	margin-top: 4px;
}
#mainForm div.fieldrow .fieldvalue, #loginForm div.fieldrow .fieldvalue, #initVerifyForm div.fieldrow .fieldvalue {
   	color: #666666;
    font-size: 17px;
    height: auto;
    line-height: normal;
    padding: 0;
	padding-left:1%;
	padding-right:40px;
	position: relative;
	width: 61%;
}
#mainForm .prop.subfield{
	padding-left: 28.5%;
	width:60%;	
}
#mainForm .selector, #loginForm .selector, #initVerifyForm .selector, #mainForm div.selector {
	display: block;
	float: left;
	width: 100%;
	padding: 2px;
}
.fieldvalue input[type="text"], .fieldvalue input[type="password"]{
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #cscecd;
    box-shadow: 1px 1px 5px 2px #e9e9e9 inset;
    font-size: 17px;
    height: auto;
	width:96%;
    padding: 2%;
	float:left;
}
#mainForm div.fieldrow .fieldhelp, #loginForm div.fieldrow .fieldhelp, #initVerifyForm div.fieldrow .fieldhelp {
	background: none repeat scroll 0 0 transparent;
	border: none;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	box-shadow: none;
	color: #777;
	font-size: 13px;
	line-height: 17px;
	margin-right: 0;
	padding: 2px 1%;
	position: static;
	right: 0;
	width: 58%;
	z-index: 1;
	display: block;
	visibility: visible;
	margin-left: 28%;
	font-style: italic;
}
input[type="checkbox"] {
    margin-left: 0;
    vertical-align: bottom;
    width: 36px;
}
#mainForm div.fieldrow.fieldselected, #loginForm div.fieldrow.fieldselected, #initVerifyForm div.fieldrow.fieldselected {
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px ;
    background-color: #D7D7D7;
    color: black;
}
#mainForm div.fieldrow.fieldselected, #loginForm div.fieldrow.fieldselected, #initVerifyForm div.fieldrow.fieldselected {
    background-color: transparent;
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    border-radius: 0px;
    color: black;
}

#mainForm div.fieldrow .fieldpophelp, #loginForm div.fieldrow .fieldpophelp, #initVerifyForm div.fieldrow .fieldpophelp {
	padding: 0px;
	background: url("images/help.png") no-repeat 0 0 #666;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	width:16px;
	height:16px;
	margin-top:2%;
	margin-right: 10px;
	position:absolute;
	right: 0;
}
#mainForm div.fieldrow .fieldpophelp img{
	display: none;
}
#mainForm div.fieldrow .fieldpophelp .rich-tool-tip span img{
	display: block;
}
.helpSpan16 {
	display:none;
}
#mainForm div.fieldrow .fieldpophelp .rich-tool-tip,  .rich-tool-tip{
	position:fixed;
	background-color:#666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #fff;
	margin-right:0;
	padding:7px;
	right:0;
	z-index:1;
	box-shadow:2px 2px 10px 2px rgba(0,0,0,0.3);
	color:#fff;
	line-height:14px;
	width:240px;
}
#mainForm div.fieldrow .fieldpophelp .rich-tool-tip ul li, #loginForm div.fieldrow .fieldpophelp .rich-tool-tip ul li, #initVerifyForm div.fieldrow .fieldpophelp .rich-tool-tip ul li{
	color: #fff;
	padding-left:0;
	font-size 13px;
}
/************ Validation Icons Validation Icons and messages **************/
.fieldrowRequired .fieldvalue  span.fieldRequiredIndicator{
	text-indent: -9999px;
	height: 16px;
    width: 16px;
	margin-top: 3%;
    white-space: nowrap;
	display: inline-block;
	background: url("images/validation_required.png") right center no-repeat;
	position:absolute;
	right: 18px;
}
.fieldrowRequired .fieldvalue span.checkboxMsg + span.fieldRequiredIndicator, .fieldrowRequired .fieldvalue span.radioMsg + span.fieldRequiredIndicator {
	 margin:0 0 0 1%;
	 position: static;
}
.fieldrowError .errors  span.fieldRequiredIndicator {
	 background: url("images/validation_error.png") right center;
}
.fieldrowValidated .validated span.fieldRequiredIndicator {
	 background: url("images/validation_confirm.png") right center;
}
.fieldrowError .errors input[type="text"], .fieldrowError .errors input[type="password"], .fieldrowError .errors select {
	border-color: #CC0000;
}
.fieldMessageRow {
    clear: both;
    margin-left: 29%;
    overflow: auto;
    padding-top: 6px;
}
.fieldMessageRow .fieldErrorMessage {
    color: #CC0000;
	font-size: 13px;
}

/********** Doc Upload reskin ********/
.main {
    margin: 1%;
    width: 98%;
    float: none;
    overflow: visible;
}
#docupload {
	position:relative;
	height:auto;
	padding-bottom:20px;
	margin-top: 20px;
	margin-left: 0 !important;
}
#docupload >table {
	display:none;
}
.showhidebox {
	display: none;
}
.rich-fileupload-list-decor {
	width:100% !important;
	border:none;
	background:none transparent;
	margin-bottom: 20px;
	position: relative
}
.rich-progress-bar-width {
	width:100%;
}
.rich-fileupload-toolbar-decor {

	background:none transparent;
	border:none;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:8px;
	width: 100%;
}
.rich-fileupload-name {
    padding: 2px 2px 2px 50px;
	background: url("images/document.png") no-repeat scroll 10px center transparent;
}
.rich-fileupload-name-padding{
	padding: 0;
	width:auto !important;
    text-overflow: ellipsis;
}	
.rich-fileupload-list-overflow {
	height:auto !important
}
.rich-fileupload-list-overflow table {
	background-color:#eee;
	border:1px solid #ccc;
	margin-bottom:10px;
	background: url("images/stripes.png") repeat;
}
.rich-fileupload-list-overflow table tr td {
	font-size:14px;
	font-weight:bold;
	border:none;
	white-space: normal;
	vertical-align: middle;
}
.rich-fileupload-button, .rich-fileupload-button-light, .rich-fileupload-button-press {
	height:24px;
	background:linear-gradient(to bottom, #eee 0%, #ccc 100%) repeat scroll 0 0 transparent;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	margin:0;
	padding:0 12px 2px 0;
	text-transform:uppercase;
	border:1px solid #aaa;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.rich-fileupload-name-padding.rich-fileupload-bold-label {
    color: #396;
}
.rich-fileupload-button-content {
	color:#444;
	display:block;
	text-decoration:none;
	font-size:14px;
	padding-left:30px;
	background-position: 8px center;
}
.rich-fileupload-button-border {
	border:none;
	margin:0;
}
#docupload\:upload\:add1 >div {
	height:100% !important;
	width:100% !important
}
#docupload\:upload\:upload1 {
	position:absolute !important;
	bottom:-28px;
	right:0
}
a.rich-fileupload-anc {
	font-size:14px;
	color:#369 !important
}
#docupload\:upload\:clean1 {
	display:none
}
.rich-progress-bar-height {
	height:16px
}
.rich-panel {
	padding:0px
}
.rich-panel-header {
	background:none repeat scroll 0 0 #EEE;
	border-style:none none solid;
	border-width:1px;
	color:#444;
	font-size:14px;
	padding:8px
}
.txtwrap .links {
	text-align: right;
    width: 100%;
}
.txtwrap .links a{
	margin: 10px;
}
ul.documentlist li {
	display: block;
	height: 32px;
	font-size: 16px; 
	font-weight: bold;
	padding: 6px 20px 0 48px;
	color: #666;
	float: left;
	background: url("images/document.png") left top no-repeat;
	min-height: 32px;
	height: auto;
}
.rich-table {
	width: 100%;
	background: none transparent;
}
a#apphomePage, a#docuploadPage {
	display: none;
}
#infoDiv .docUploadLeftAlign {
	float:left;
    max-width: 300px;
    min-width: 200px;
    width: 50%;
}
#infoDiv .docUploadRightAlign {
	float:left;
    max-width: 300px;
    min-width: 200px;
    width: 50%;
}
#infoDiv .docUploadLeftAlign img{
	width: 91% !important;
	margin: 4%;
	border: 1px solid #ddd;
}
#infoDiv .docUploadRightAlign select{
    width: 92%;
	margin: 4%;
}
.documentRow {
    display: block;
    margin: 20px 0;
    overflow: auto;
}
.docUploadImageColumn {
	width:50%;
	min-width: 240px;
}
.docUploadCategoryColumn {
	width:50%;
	min-width: 240px;
	float:left;
}
.docUploadImageColumn img {
    border: 2px solid #DDDDDD;
}

/********** Doc Viewer Reskin  *****************/
#docpanelHeader{
	display:none;
}
#docpanelContentTable {
	height: 100%;
}
#docfrag {
	height: 100%;
}
#docfrag .docViewer {
	height: 100%;
}
.main .docViewer {
    border: 1px solid #DDDDDD;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
    margin-bottom: 10px;
}
#docpanelContainer.rich-modalpanel {
	position: fixed !important;
    background: none repeat scroll 0 0 transparent !important;
    height: 100%;
    width: 100%;
}
#docpanelContainer .rich-mpnl-panel {
	position: static;
	height: 100%;
	width: 100%;
	background: none repeat scroll 0 0 transparent;
}
#docpanelContainer .rich-mpnl-mask-div-opaque {
	background-color: #000;
}
#docpanelContainer .rich-mp-container {
	top: 5% !important;
	left: 50% !important;
	height: 100%;
	width: 90%;
    margin: 2% auto;
    max-width: 880px;
    position: static !important;
    overflow: auto;
}
#docpanelContainer .rich-mpnl-shadow {
	height: 101% !important;
	width: 101% !important;
	max-height: 847px;
	display: none;
}
#docpanelContainer .rich-mpnl-header-cell {
	display:none;
}
#docpanelContainer .rich-mpnl-controls {
    left: auto;
    top: auto;
    z-index: 1;
	display: none;
}
#docpanelContainer .rich-mpnl-body {
    padding: 0;
}
#docpanelContainer .rich-mpnl-content {
	height: 100% !important;
	width: 100% !important;
	padding:0;
	border:none;
	background-color: transparent;
}
.docbar {
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	border-bottom: 1px solid #aaa;
    border-top: 1px solid #fff;
	width: 98%;
	margin:0;
	padding: 0 1%;
	height: auto;
	overflow: auto;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	position: relative;
}
.docbar.bottom {
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
}
.docbar .viewleftbuttons .pagenum{
    line-height: 26px;
}
.docbar li {
	padding: 0;
	display: inline-block;
	float: left;
}
.docbar li > span{
	display: block;
	margin:4px;
}
.docbar li a{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background-color:#ededed;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border:1px solid #bbb;
	display:inline-block;
	color:#4f4f4f;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	padding:4px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.docbar li a span{
	height:16px;
}
.docbar li.docViewerCloseButton {
    display: block;
}
#wrapper .main .docbar #closebuttonspan {
    display: none;
}
#docpanelContainer .docbar #closebuttonspan {
    display: block;
}
#docpanelContainer .docbar #fullscreenspan {
    display: none;
}
#smpages {
	width:99%;
	padding-left: 1%; /* to match the docbar */
	height: 80%;
	background-color: #fff;
}
#smpagediv{
	width:100%;
	padding: 0;
	height:100%;
	position:static;
	border: none;
	box-shadow: none;
	background-position:center;
	min-height:200px;
	border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	background-color: #fff;
	z-index:9;
	overflow:auto;
}
#smpagediv img {
	width:100%;
	height:auto;
	max-width:850px;
}
.docbar #printspan {
	display:none;
}

#lpagediv { 
	background-position: center center; 
	height: 90% !important;
	width: 100% !important;
}
.largepages { 
	text-align:center; 
	overflow: hidden; 
	height: 90% !important;
	top: 5%;
}
.docViewer > br {
    display: none;
}
.docViewerSaveImage {
    background-image: url("images/save.png");
	width:76px;
}
.docViewerFullScreenImage {
    background-image: url("images/fullscreen.png");
	width:77px;
}
.docViewerPrintImage {
    background-image: url("images/printer.png");
	width:61px;
}
.docViewerFullScreenCancelImage {
    background-image: url("images/fullscreen_cancel.png");
	width:62px;
}
.docViewerCloseButtonImage {
    background-image: url("images/fullscreen_cancel.png");
	width:62px;
}
.docViewerPrevPageImage {
    background-image: url("images/left_arrow.png");
}
.docViewerNextPageImage {
    background-image: url("images/right_arrow.png");
}
#docpanelShadowDiv {
    position: absolute; 
}

/***********       E-Sign Fixes   ***************/

#canvas {
    height: 160px;
    width: 100%;
}
#signouterdiv {
	height: auto;
	width: 92%;
	margin:2%;
	padding:2%;
	max-width: 495px;
}
#signouterdiv p{
	font-size: 13px;
	margin: 0 0 4px 0;
}
#signouterdiv .primarybutton {
	margin-top:0px;
}
#signouterdiv .prop{
	height:auto;
	overflow:auto;
}
#signouterdiv div.fieldrow div.fieldlbl{
	width:95%;
	text-align: left;
	float:none;
	margin:	1%;
}
#signouterdiv div.fieldrow div.fieldvalue {
    float: none;
    overflow: auto;
    padding: 0;
    width: 99%;
	margin-left:1%;
}
#signouterdiv div.fieldrow div.fieldhelp{
	width:95%;
	margin-left: 0;
	margin-top: 4px;
}
#signouterdiv div.fieldrow{
	margin-bottom:20px;
	float:none;
	width: 100%;
}
#signouterdiv .fieldvalue input[type="text"] {
    color: #224488;
    font-family: 'Gochi Hand',cursive;
    font-size: 250%;
    padding: 4%;
    width: 88%;
	margin-top: 4px;
	height:auto;
}
#signouterdiv a.button{
	float:right;
}
#signouterdiv > br {
	display: none;
}
#signouterdiv > a {
    float: right;
    font-size: 14px;
    margin-left: 0;
    margin-right: 40px;
    margin-top: 20px;
    position: static;
}
#signouterdiv .buttons {
 	margin-top:4px;
}
#signouterdiv .altlink {
    font-size: 14px;
	width: auto;
	margin-top:10px;
}
#mainForm\:eSignatureButtonBox a.altlink {
	padding:0;
}
div.agreementcontainer.signing {
    height: auto;
}
div.agreementcontainer.signing #smpagediv {
    height: 240px;
}
div.agreementcontainer .buttons {
    margin-bottom: 20px;
    margin-top: 10px;
}

div.agreementcontainer.signing {
    height: auto;
}
div.agreementcontainer.signing #smpagediv {
    height: 240px;
}

div.agreementcontainer .agreementtitle h3 {
    background: none transparent;
    color: #555555;
    width: auto;
}

/************ Start Page Classes **************/
.txtwrap {
	background-color:#e6e6e6;
	color:#555;
	font-size:14px;
	padding:12px;
	overflow: auto;
}
.txtwrap p {
	color:#555;
	font-size:14px
}
.txtwrap ul li a {
	color:#0f6aac;
	font-weight:bold
}
/****** Footer Images *********/
#footerRight img {
	margin:0 50px 0 0
}
#footerRight span {
	background-repeat:no-repeat;
	display:block;
	float:right;
}
#footerRight a.footerlogo-hud {
	background-image:url("images/lending_logo.png");
	width:46px;
	height:50px;
	margin:10px 20px 10px 0;
	float:right;
	display: block;
}
#footerRight a.footerlogo-ncua {
	background-image:url("images/ncua_logo.png");
	width:106px;
	height:50px;
	margin:10px 20px 10px 0;
	float:right;
	display: block;
}
#footerRight a.footerlogo-fdic {
    background-image: url("images/fdic_logo.png");
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    margin: 10px 20px 10px 0;
    width: 80px;
}
#footerRight a.footerlogo-asi {
    background-image: url("images/asi_logo.png");
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    margin: 10px 20px 10px 0;
    width: 111px;
	display:none;
}
#footerRight a.footerlogo-dif {
    background-image: url("images/footer-dif.gif");
    background-repeat: no-repeat;
    float: left;
	width:71px;
	height:50px;
    margin: 10px 20px 10px 0;
	display:none;
}
#footerRight a.footerlogo-msic {
    background-image: url("images/footer-msic.png");
    background-repeat: no-repeat;
    float: left;
	width:95px;
	height:50px;
    margin: 10px 20px 10px 0;
	display:none;
}
#right_container {
	padding-bottom: 0px;
}
/************ Logout Buttons Next to Continue Button **************/

#logout {
	text-align: right;
	padding: 20px 20px 0 0;
}
#logout\:logoutLink {
	display:none;
}
#oflows a.logout_link{
    background-color: transparent;
    color: #0F6AAC;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: underline;
}
#logout br.clearfloat {
	display: none;
}
.buttons {
	display:block;
	height: auto;
	overflow: auto;
	clear: both;
}

/************Needed for checkbox and Radio Button description messages *********/
.fieldvalue input[type="checkbox"] {
     margin: 3px 10px 0 3px;
}
#mainForm div.fieldrow .checkboxMsg, #loginForm div.fieldrow .checkboxMsg, #initVerifyForm div.fieldrow .checkboxMsg, #mainForm div.fieldrow .fieldDescTop, #loginForm div.fieldrow .fieldDescTop, #initVerifyForm div.fieldrow .fieldDescTop {
    font-size: 14px;
    line-height: 24px;
}
#mainForm div.fieldrow .fieldDescTop, #loginForm div.fieldrow .fieldDescTop, #initVerifyForm div.fieldrow .fieldDescTop {
	float:left;
}
.checkboxMsg a{
    color: #114477;
}
.radiogroup {
    float: left;
}
.radioInput label{
	font-family: "droid sans";
    font-size: 14px;
    line-height: 24px;
}
.fieldrowRequired  .fieldvalue .radiogroup + span.fieldRequiredIndicator {
    margin-top: 4px;
}
/************  Placeholder / Watermark Style ****************/

::-webkit-input-placeholder { color:#333; font-family: "droid sans"; font-size: 14px;}
::-moz-placeholder { color:#333; font-family: "droid sans"; font-size: 14px; } /* firefox 19+ */
:-ms-input-placeholder { color:#333; font-family: "droid sans"; font-size: 14px; } /* ie */
input:-moz-placeholder { color:#333; font-family: "droid sans"; font-size: 14px; }

/**** Start page with icons   ****/

.fieldgroup {	
    margin: 0;
    width: 100%;
	position: relative;
}
.fieldgroup .customText{	
	padding: 40px;
}

.fieldgroup .helpbar_txtwrap, .fieldgroup .helpbar_txtwrap span {
    display: block;
    float: none;
    width: auto;
	margin: 0;
}
.fieldgroup h1 {	
    margin: 0;
    padding: 10px;
    top: 0px;
	left: 0px;
	position: absolute;
	width: 620px;
    background-color: #BBBBBB;
    color: #FFFFFF;	
}
.fieldgroup ul {
	padding:0;
}
.fieldgroup li {
	list-style: none;
	padding-left: 70px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	height: auto;
	min-height: 48px;
}
.fieldgroup li span.title {
	font-size: 16px;
	font-weight: bold;
	color: #555;
}
.fieldgroup li span.subtext {
	display: block;
	font-size: 13px;
}
.fieldgroup li span.subtext b{
	color: #666;
}
.fieldgroup li.ssn{
	background-image: url("images/social.png");
}
.fieldgroup li.dl{
	background-image: url("images/license.png");
}
.fieldgroup li.cc{
	background-image: url("images/card.png");
}
.fieldgroup li.empl{
	background-image: url("images/contact.png");
}
.fieldgroup li.us{
	background-image: url("images/flag.png");
}
.fieldgroup li.dollar{
	background-image: url("images/dollar.png");
}
.fieldgroup li.id{
	background-image: url("images/id.png");
}
/*******   Offers Page **************/
.main > #mainForm {
    margin: 0 !important;
}
#mainForm\:offerpanel div.visible {
    border: 1px solid #ddd;
    margin-top: 20px;
	border-top: 4px solid #ddd;
}
.offer.box {
	background-color: white;
    margin-bottom: 0;
}
.prodselect.row1 {
    background-color: transparent;
}
.prodselect.row1 .prodselect.col6{
 	font-size: 16px;
}
#oflows.offers #general_error_message {
    display: none;
}
#oflows.offers .rich-messages .red .rich-messages-marker {
    display: none;
}
#oflows.offers .rich-messages .red .rich-messages-label {
    float: right;
	margin-right:10px;
	clear:both;
}

/************ Move Save and Continue Buttons  ************/

#oflows .altlinks {
    display: block;
    float: right;
    overflow: auto;
    text-align: left;
	margin:0px;
}

#oflows .altlink {
    display: block;
    float: right;
    margin: 0px 20px 0 0;
	font-size: 14px;
}
#oflows .buttons .altlink {
	margin:0;
}
#oflows .buttons .altlink > span, #oflows .buttons .altlink > a {
    background: none repeat scroll 0 0 #AAA;
    border: 1px solid #AAAAAA;
    border-radius: 4px;
    display: block;
    margin: 10px 0 0 10px;
    padding: 0 20px;
    text-decoration: none;
}
#oflows .buttons .altlink > a:hover, #oflows .buttons #forgot_password.altlink a:hover {
	background: none #666666;
	color:#fff;
}
#oflows .buttons .altlink > a:hover span, #oflows .buttons #forgot_password.altlink a {
	color:#ffffff;
}
#oflows .buttons .altlink.saveContLaterLink , #oflows .buttons .altlink.resumeLink {
    display: block;
}

#oflows .buttons .altlink.logoutLink.logoutLink_home, #oflows .buttons .altlink.logoutLink.logoutLink_confirmation  {
    display: block;
}

/***  Hide the old links and buttons ***/
#logout {
    display: none;
}
#oflows .buttons .altlink.withdrawnBtn {
    display: none;
}
#oflows .buttons .altlink a span, #oflows .buttons #forgot_password.altlink a  {
    background-color: transparent;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
}
#oflows .buttons #forgot_password.altlink a {
    background: none #aaa;
}
/****************Confirmation Page******************/

.rich-table-headercell  {
	background-color: #aaa;
    color: #FFFFFF;
	font-family: "Droid Sans";
	font-size: 14px;
}

.rich-table-cell span{
	font-family: "Droid Sans";
	color: #444;
}

#oflows.confirmation #startForm\:ProductsPendingDescription p {
    background-color: #F2F2F2;
    border: 1px solid #E8E8E8;
    display: block;
    margin: 0;
    padding: 10px;
}

/****************Section Styles******************/

.section_header{
    padding-top: 20px;
	margin-top:20px;
}
.section_header span.section_txtwrap {
    color: #666;
    font-family: 'Droid Sans',sans-serif;
    font-size: 20px;
    font-weight: bold;
}
.section_content .section_txtwrap p {
    color: #4C4C4C;
    font-family: 'Droid Sans',sans-serif;
    font-size: 14px;
	margin-top: 4px;
}

/******************* Disclosures Styles  *****************/

#oflows .fieldvalue .altlinks {
	float:none;
}
#oflows .fieldvalue .altlinks .altlink{
	margin: 10px 20px 0 0;
	float: left;
}
#oflows .fieldvalue .altlinks .altlink > a {
    margin: 0;
}
span.disclosureaccepted {
    background: url("images/accept_small.png") no-repeat scroll left top transparent;
    color: #339966;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 24px;
    margin: 4px 20px 0 0;
    padding-left: 28px;
    padding-top: 6px;
    right: 18px;
    white-space: nowrap;
    width: auto;
}

/******************* Docbar Bottom Styles  *****************/

#smpagediv {
	border-radius: 0;
}
.docbar.bottom {
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	min-height: 0;
}
.docbar.bottom .viewcenterbuttons {
	margin: 0 auto;
	width: 240px;
	text-align: center;
	overflow: auto;
}
.docbar.bottom .viewcenterbuttons span a{
	font-weight: bold;
}
#smpages {
    height: 70%;
}
.docbar.bottom br.clearfloat {
	display: none;
}
/************* Home page Redesign  *******/
#oflows.home .infogroup {
    background-color: #FFFFFF;
}
#oflows.home .altlink.showinfolink > a {
    margin-left: 0;
}
/************ Agreemetn Container Styles   ***************/
div.agreementcontainer, div.agreementcontainer + div.agreementcontainer { border-top: 1px dashed #CCCCCC; }
div.agreementcontainer.signing { height: auto; padding-bottom: 0; }
div.agreementcontainer.signing #smpagediv { height: 300px; }
div.agreementcontainer + div > span.buttons { margin-top: 0; margin-bottom:20px;}
div.agreementcontainer #smpagediv { height:240px; }
div.agreementcontainer.signed { background: url("images/accept.png") no-repeat scroll right 16px transparent; }

/************ Remove after UX migration is complete and oweb.css is cleaned up   ***************/
#mainForm\:eSignatureButtonBox #popsign { margin: 10px 10px 0 30px !important; }

.main > br { display:none; }
#oflows.home .altlink.uploadSupportDocLink {
    margin-left: 0px;
}
.section {
    margin-bottom: 20px;
}
#oflows.offers .offerbundle, #oflows.offers .offeredproducts .offerbundle.SELECT_ANY .offeredproduct{
	border: 1px solid #ccc;
}

/********* Continue Button Loading Image Styles ******/
.buttonSpinner{ display:none; }
#oflows a.button.loading { display:block; position:relative;}
#oflows a.button.loading span {text-shadow: none; color: transparent; background:none;}
#oflows a.button b.loading{ width:100%; height:100%; margin: 0 auto; background: url('images/bg_button_loading.gif') center center no-repeat; position: absolute; top:0; left:0; visibility: hidden; }
#oflows a.button.loading b.loading{ visibility:visible; }

/****************** New Progress tracker ***********************/
div.progress_tracker div.progress_step.next span.arrow { 
	background: url("images/progressarrow.png") no-repeat scroll left center rgba(0, 0, 0, 0); 
	height: 40px; 
	position: absolute; 
	left: -11px; 
	top: 0; 
	width: 11px;
}


/****************** Media Queries*******************************/


@media only screen and (max-width:1024px) {
	#container {
		width:100%;
	}
	#Helpbar {
		display:none !important;
	}
	#wrapper {
		border:none
	}
	.bodyContainer {
		margin:1%;
		width:98%
	}
	.docViewer .viewrightbuttons span#fullscreenspan {
    	display: none;
	}
	#signouterdiv {
		left: 50% !important;
		margin-left:-260px;
	}
}
@media only screen and (max-width:768px) {
	div#Breadcrumbs div.section_done, div#Breadcrumbs div.section_not_done, div#Breadcrumbs div.last_not_done {
		font-size: 11px;
		text-indent: -5px;
	}
	.progress.text.enabled, .progress.text.disabled {
    	font-size: 14px;
	}
}
@media only screen and (max-width:640px) {
	#signouterdiv  > p:nth-of-type(2){
		pointer-events:none;
		opacity:0.4;
		padding:6px;
	}
}
@media only screen and (max-width:520px) {
	#signouterdiv {
		top: 0 !important;
		left: 0 !important;
		margin-left:10px;
		margin-top: 40px;
	}
	#signouterdiv p{
		font-size:11px;
		margin: 1%;
	}
}

@media only screen and (max-device-width : 640px) and (orientation : portrait)
{
	#signouterdiv p{
			-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
			-moz-text-size-adjust: 100%;
	}
}

@media only screen and (min-device-width : 375px) and (orientation : landscape)
{
	#signouterdiv {
		top: -11px !important;
	}
	#signouterdiv  > p:nth-of-type(1){
		font-weight:bold;
	}
	#signouterdiv p{
		font-size:8px !important;
	}
}

@media only screen and (max-width:480px) {
	#Helpbar {
		display:none !important;
	}
	#wrapper {
		border:none
	}
	.bodyContainer {
		margin:1%;
		width:98%
	}
	#mainForm div.fieldrow .fieldlbl, #loginForm div.fieldrow .fieldlbl, #initVerifyForm div.fieldrow .fieldlbl {
		width:96%;
		margin:0 2%;
		text-align:left;
		padding:12px 2px 4px;
		line-height:18px;
	}
	#mainForm div.fieldrow .fieldvalue, #loginForm div.fieldrow .fieldvalue, #initVerifyForm div.fieldrow .fieldvalue {
		width:82%;
		margin-left: 1%;
		padding-top: 0px;
	}
	#headerLeft {
    	background-size: contain;
    	height: 80px;
    	width: 250px;
	}
	#headerRightText {
		float:left;
		width: 100%;
	}
	#headerRight {
		margin-left: 20px;
		float:left;
	}	
	@media only screen and (max-device-width : 640px) and (orientation : portrait)
	{
		#headerRight {
			clear:both;
		}
	}
	#headerRightSecureImg {
		display: none;
	}
	#headerRightTextLine1{
		float:left;
		width:auto;
		font-size:13px;
	}
	#headerRightTextLine2{
		float:left;
		font-size:13px;
	}
	#headerRightTextLine3{
		clear: both;
		width:auto;
	}
	.progress_section{
		font-size: 9px;
	}
	#mainForm div.fieldrow .fieldpophelp {
		margin-top: 8px;
	}
	div#Titlebar {
		margin-top: 40px;
	}
	div#Breadcrumbs div.progress_section span.label{ 
		bottom: -22px;
		color: #888;
		display: block;
		font-weight: normal;
		height: 20px;
		line-height: 12px;
		margin-top: 10px;
		position: absolute;
		text-shadow: none;
		width: 100%;
	}
	div#Breadcrumbs div.progress_section.section_current span.label{ 
		color: #444;
		font-weight: bold;
	}
	div#Breadcrumbs div.section_current, div#Breadcrumbs div.section_done, div#Breadcrumbs div.section_not_done, div#Breadcrumbs div.last_not_done, div#Breadcrumbs div.last_done {
		font-size: 10px;
		text-indent: 0px;
	}
	.progress.text.enabled, .progress.text.disabled {
    	font-size: 12px;
	}
	#mainForm div.fieldrow .fieldhelp, #loginForm div.fieldrow .fieldhelp, #initVerifyForm div.fieldrow .fieldhelp {
		margin-left: 2%;
		width: 86%;
	}
	#signouterdiv {
		width: 90%;
		margin-top:20px;
	}
	#canvasContainer {
	    overflow: hidden;
	}
	#canvas {
	    height: 160px;
		width: 480px;
		border: 1px solid white;
	}
	#infoDiv .docUploadLeftAlign, #infoDiv .docUploadRightAlign {
		width: 100%;
	}
	.fieldrow .fieldlbl label { 
		color:#222;
	}
	.docbar .viewleftbuttons .pagenum {
		display:none;
	}
	#oflows.home .altlink {
		float:right;
		margin-bottom:0;
	}
	#mainForm .prop.subfield{
		padding-left: 5%;
		width:77%;	
	}
}
@media only screen and (max-width:360px) {
	#signouterdiv {
		margin-top:80px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* older safari and older chrome */
	.fieldvalue select {
		-webkit-appearance: none; 
		appearance: none; 
		background: url("images/selectarrow.png") no-repeat scroll right center #fff;
		padding-right: 30px;
		min-height: 40px;
	}
}

#submitButton .loading {
	display: block;
}

/** a temporary fix to avoid scroll in the offers page offer section, its only on theme1 (need to review with Basu and correct it later)*/
#oflows.offers .offerbundle .productdescription {
	font-family: sans-serif;
}

#cancel {
       padding-top: 20px;
}
.challenge-questions div.rich-combobox-font.rich-combobox-shell{
	height: 30px;
}
.challenge-questions input{
	height: 30px; !important;
}

.challenge-question-display{
	display: inline-block;
}
.challenge-questions select{
	height: 30px; !important;
}
.visually-hidden
{
  position: absolute;
  clip: rect(1px 1px 1px 1px);  /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.rich-mpnl-content {
	background-color: #FFFFFF;
	border: none;
	text-align: center;
	padding: 0;
}

.rich-mpnl-content .dlLicenseFrontModalContent {
	padding: 15px;
    text-align: center;
    font-size: 14px;
}

.rich-mpnl-content .dlLicenseFrontModalContent .dlLicenseFrontIdImage {
	display: block;
    margin: 25px auto;
    border : 1px solid gray;
}

.rich-mpnl-content .dlLicenseFrontModalHeader {
	background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #AAAAAA;
    border-radius: 6px 6px 0 0;
    border-top: 1px solid #FFFFFF;
    height: auto;
    overflow: auto;
    padding: 8px;
    position: relative;
}