/* Resets */

*{
	-webkit-text-size-adjust: none;
}

body{
	margin: 0 auto;
	background: #FFF;
	text-align: center;
	font-family: verdana;
	font-size: 16px;
}
html, body{
	height: 100%;
}
div,span{
	margin: 0;
	padding: 0;
}
a img{
	border: 0;
}
fieldset,
legend{
	margin: 0;
	padding: 0;
	border: 0;
}

/* Quick Classes */

.clear{
	clear: both;
}
.wrapAbs{position: absolute;width:1px;height:1px;}
.wrapDrop{z-index: -1;}
.wrapLift{z-index: 2;}
.wrapDrop2{z-index: -2;}
.hrule{
	border-top: 1px dashed #AAA;
	margin: 16px 12px 0 16px;
}
.hrule.wide{
	margin: 8px 0 0 0;
}

/* Footer Conditioning */

.wrap-page{
	min-height: 100%;
}
.wrap-content{
	overflow: hidden;
	padding-bottom: 60px;
}
.wrap-footer-true{
	position: relative;
	margin-top: -60px;
	height: 60px;
	clear: both;
	background: url(/images/bgGradDiag4.png) top center repeat-x;
	
}
.wrap-footer-true-outer{
	margin: 0 auto;
	width: 904px;
	padding: 1px;
}
.wrap-footer-true-inner{
	font-size: 10px;
	color: #555;
	margin: 14px;
	text-align: left;
}
.wrap-footer-true-inner a{
	color: #444;
}
.wrap-footer-true-inner a:hover{
	color: #333;
}
/* Corrections RE: Opera */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* Standard Elements */




.bodyWrap{
	text-align: left;
	margin: 0 auto;
	width: 60em;
}

.headerWrapNavTop{
	text-align: right;
	font-size: 13px;
	margin: 8px 8px 0;
}
.headerWrapNavTop a{
	color: #00538E;
	text-decoration: none;
}
.headerWrapNavTop a:hover{
	color: #5E90D1;
	text-decoration: underline;
}

.headerWrapNav{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: url(/images/bgGradThemes.png) 0px -200px repeat-x;
}
.home .headerWrapNav{
	border-radius: 5px;
	margin: 16px 0 32px 0;
}
.headerWrapNav ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display:block;
	height: 40px;
	overflow: hidden;
}
.headerWrapNav ul li{
	float: left;
	/*border-right: 1px solid #4696CE;*/
	border: 0;
}
.headerWrapNav ul li a{
	color: #FFF;
	font-size: 1.0em;
	font-weight: bold;
	display: inline-block;
	padding: 14px 46px 11px;
	/*border-right: 1px solid #003357;*/
	border: 0;
	clear: both;
	text-decoration: none;
}
.headerWrapNav ul li a:hover{
	background: url(/images/bgGradThemes.png) 0px -1100px repeat-x;
}
.headerWrapNav ul li .border-dark{
	background: url(/images/bgGradThemes.png) 0px -1100px repeat-x;
	width: 1px;
	height: 40px;
	position: relative;
	top: -80px;
	left: -1px;
}
.headerWrapNav ul li:hover .border-dark{
	visibility: hidden;
}
.headerWrapNav ul li .border-light{
	background: url(/images/bgGradThemes.png) 0px -650px repeat-x;
	width: 1px;
	height: 40px;
	position: relative;
	top: -40px;
}
.headerWrapNav ul li.last-child,
.headerWrapNav ul li.last-child a{
	border-right: 0;
}
.headerWrapNav ul li.last-child a{
	padding: 14px 47px 11px;
	border-top-right-radius: 5px;
}
.headerWrapNav ul li.first-child a{
	border-top-left-radius: 5px;
}
.home .headerWrapNav ul li.last-child a{
	border-bottom-right-radius: 5px;
}
.home .headerWrapNav ul li.first-child a{
	border-bottom-left-radius: 6px;
}

.headerWrapImg{
	float: left;
	width: 60em;
	height: 18.25em;
}
.home .headerWrapImg img{
	border-radius: 5px;
}

.bgFullBody{
	position: relative;
	height: 0px;
	z-index: -2;
}
.bgFullBody .fill{
	position: absolute;
	left: 0;
	right: 0;
	height: 26em;
	background: url(/images/bgGradDiag4.png) top center repeat-x;
	z-index: -2;
}


.actionWrap input[type="submit"],
.contact form input[type="submit"],
.apply form input[type="submit"],
.apply form input[type="button"]{
	width: 40px;
	height: 24px;
	background: url(/images/inpButtonStates.png);
	margin: 0;
	padding: 0;
	color: transparent;
	border: 0;
	float: right;
	cursor: pointer;
	
	position: relative;
	left: 256px;
	top: 125px;
}
.actionWrap input[type="submit"].apply{
	width: 60px;
	background: url(/images/inpButtonStates.png) 0px -24px;
}
.actionWrap input[type="submit"].learn{
	width: 60px;
	background: url(/images/inpButtonStates.png) 0px -48px;
}
.actionWrap input[type="submit"].apply-call{
	width: 40px;
	background: url(/images/inpButtonStates.png) 0px -168px;
}
.actionWrap input[type="submit"].apply-print{
	width: 90px;
	background: url(/images/inpButtonStates.png) 0px -216px;
}
.apply form input[type="submit"],
.apply form input[type="button"],
.contact form input[type="submit"]{
	width: 60px;
	background: url(/images/inpButtonStates.png) 0px -72px;
	top: 0;
	left: 0;
}
.apply form input[type="submit"].next{
	width: 60px;
	background: url(/images/inpButtonStates.png) 0px -96px;
}
.apply form input[type="submit"].submit{
	width: 75px;
	background: url(/images/inpButtonStates.png) 0px -120px;
}
.apply form input[type="submit"].addofficer,
.apply form input[type="button"].addofficer{
	width: 100px;
	background: url(/images/inpButtonStates.png) 0px -144px;
}

.actionWrap input[type="submit"]:hover{
	background: url(/images/inpButtonStates.png) -100px 0px;
}
.actionWrap input[type="submit"].apply:hover{
	background: url(/images/inpButtonStates.png) -100px -24px;
}
.actionWrap input[type="submit"].learn:hover{
	background: url(/images/inpButtonStates.png) -100px -48px;
}
.actionWrap form input[type="submit"].apply-call:hover{
	background: url(/images/inpButtonStates.png) -100px -168px;
}
.actionWrap form input[type="submit"].apply-print:hover{
	background: url(/images/inpButtonStates.png) -150px -216px;
}
.apply form input[type="submit"]:hover,
.contact form input[type="submit"]:hover{
	background: url(/images/inpButtonStates.png) -100px -72px;
}
.apply form input[type="submit"].next:hover{
	background: url(/images/inpButtonStates.png) -100px -96px;
}
.apply form input[type="submit"].submit:hover{
	background: url(/images/inpButtonStates.png) -100px -120px;
}
.apply form input[type="submit"].addofficer:hover{
	background: url(/images/inpButtonStates.png) -100px -144px;
}

.apply-complete{
	margin: 0 14px;
}
.apply-complete h4{
	margin: 4px 0 0 0;
	color: #333;
}
.apply-complete p{
	margin: 4px 0 32px 0;
	color: #444;
}

.appFormAuthText{
	font-size: 10px;
	color: #444;
	padding: 0 13px;
	margin: 0 0 8px 0;
	text-align: justify;
}

.actionWrap h3{
	font-size: 22px;
	margin: 0.5em 0;
}
.actionWrap h4{
}
.actionWrap p,
.actionWrap address{
	margin: 1.0em 0;
	font-size: 0.8em;
	font-style: normal;
}

.formPanelLeft{
	float: left;
	width: 290px;
}
.formPanelRight{
	float: right;
	width: 265px;
}

.inpSoft{
	font-size: 15px;
	margin: 0 0 8px;
	padding: 3px 0 2px 3px;
	height: 19px;
	border: 1px solid #CCC;
	border-radius: 0.5em;
	box-shadow: 2px 2px 8px -5px #000;
}
.inpSoft.invalid {
	box-shadow: 1px 1px 3px -1px red;
}
.inpSoft.default-valued{
	color: #888;
}
.inpSoft.long-title{
	width: 178px;
	margin-left: 14px;
}
.inpSoft.long-field{
	width: 227px;
}
.inpSoft.usd{
	padding-left: 25px;
	background: #FFF url(/images/inpTextLabels.png) 0px -3px no-repeat;
}
.inpSoft.email{
	padding-left: 25px;
	background: #FFF url(/images/inpTextLabels.png) 0px -33px no-repeat;
}
.inpSoft.email-text{
	padding-left: 77px;
	background: #FFF url(/images/inpTextLabels.png) 0px -363px no-repeat;
}
.inpSoft.phone{
	padding-left: 25px;
	background: #FFF url(/images/inpTextLabels.png) 0px -123px no-repeat;
}
.inpSoft.contact{
	padding-left: 25px;
	background: #FFF url(/images/inpTextLabels.png) 0px -213px no-repeat;
}
.inpSoft.number{
	padding-left: 25px;
	background: #FFF url(/images/inpTextLabels.png) 0px -153px no-repeat;
}
.inpSoft.name{
	padding-left: 77px;
	background: #FFF url(/images/inpTextLabels.png) 0px -63px no-repeat;
}
.inpSoft.company{
	padding-left: 77px;
	background: #FFF url(/images/inpTextLabels.png) 0px -93px no-repeat;
}
.inpSoft.message{
	padding-top: 33px;
	width: 550px;
	height: 145px;
	margin: 16px 0 0 14px;
}
.inpSoft.login{
	padding-left: 25px;
	background: #FFF url(/images/inpTextLabels.png) 0px -243px no-repeat;
}
.inpSoft.password{
	padding-left: 25px;
	background: #FFF url(/images/inpTextLabels.png) 0px -272px no-repeat;
}
.inpSoft.quote{
	padding-left: 35px;
	background: #FFF url(/images/inpTextLabels.png) 0px -393px no-repeat;
}
.inpSoft.revenue{
	padding-left: 35px;
	background: #FFF url(/images/inpTextLabels.png) 0px -423px no-repeat;
}


.contact form .inpSoft,
.apply form .inpSoft{
	margin-top: 20px;
}

.apply fieldset{
	padding: 1px;
}
.apply legend{
	display: block;
	width: 100%;
	margin: 0;
	padding: 12px 0;
}
.apply legend span{
	display: block;
	position: relative;
	color: #068;
}
.apply legend span.title{
	left: 12px;
	font-size: 26px;
	width: 100%;
}
.apply legend span.alt{
	top: 24px;
	left: 36px;
	width: 525px;
	
	font-size: 12px;
	text-align: right;
}
.apply legend span.alt.two-line{
	top: 10px;
}

.apply .formPanelLeft label{
	margin-left: 14px;
}
.apply .formPanelLeft .inpSoft{
	margin-left: 14px;
	width: 252px;
}
.apply .formPanelRight .inpSoft{
	width: 252px;
}
.apply .divOfficerFormSetClone{
	padding-top: 16px;
}
.apply .split{
	float: left;
	width: 49%;
	overflow: hidden;
}
.apply .split .inpSoft{
	width: 116px;
}
.apply .split.right{
	float: right;
}
.apply .form-note{
	width: 470px;
	position: relative;
	top: 15px;
	left: 15px;
	text-align: left;
	font-size: 12px;
	color: #444;
}
.apply form label{
	position: absolute;
	width: 0;
	height: 0;
}
.apply form span.outer{
	position: relative;
	left: 0px;
	top: 5px;
	font-size: 12px;
	color: #777;
	display: block;
	width: 180px;
}
.apply label span.outer.invalid{
	color: #D77;
}
.contact form label{
	display: none;
}
.apply form label[for="inpContactMessage"],
.contact form label[for="inpContactMessage"]{
	font-size: 15px;
	margin: 0 0 8px ;
	padding: 3px 0 2px 3px;
	width: 550px;
	height: 19px;
	border: 1px solid #CCC;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	box-shadow: 0 0 6px -2px #AAA;
	
	color: transparent;
	
	display: block;
	background: #DADADA url(/images/inpTextLabels.png) 0px -183px no-repeat;
	position: relative;
	top: 20px;
	left: 14px;
}

.appProgressPos{
	position: relative;
	left: 25px;
	top: 22px;
}
.appProgressPos .appProgressCaption{
	font-size: 12px;
	color: #777;
	display: block;
	width: 180px;
	padding-left: 14px;
}
.appProgressPos p{
	width: 180px;
}
.appProgressPos .appProgressTitle{
	position: relative;
	top: -35px;
	left: 85px;
}
.appProgressPos.review{
	top: 104px;
}
.appProgressPos.approval{
	top: 187px;
}

.learnMoreContent{
	font-size: 12px;
	margin-left: 14px;
	padding: 12px 0;
	color: #444;
}
.learnMoreContent h2{
	font-size: 26px;
	color: #068 ! important;
}

.htmlCopy{
	margin: 8px 0;
	padding: 0;
}
.htmlCopy code{
	display: block;
	float: left;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 424px;
	height: 180px;
	margin: 10px 0 10px 10px;
	padding: 8px;
	background: white;
	border: 1pt dashed #888888;
	border-top-left-radius: 8pt;
	border-bottom-left-radius: 8pt;
	-moz-border-top-left-radius: 8pt;
	-moz-border-bottom-left-radius: 8pt;
	border-right: 0;
}
.htmlCopy .hlRight #hlCopy{
	display: none;
}
.htmlCopy .hlRight{
    display: block;
    float: right;
    width: 84px;
    height: 180px;
    padding: 8px;
    margin: 10px 10px 10px 0;
    background: white;
    border: 1pt dashed #888888;
    border-top-right-radius: 8pt;
    border-bottom-right-radius: 8pt;
    -moz-border-top-right-radius: 8pt;
    -moz-border-bottom-right-radius: 8pt;
    border-left: 0;
}
.htmlCopy .hlRight .hlTitle{
	display: block;
	padding: 0px 0 9px 0;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	color: #888;
}
.htmlCopy .hlRight #hlCopy{
	padding: 0;
	margin: 4px 0 0 0;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	color: #00538E;
	background: white;
	border: 1pt solid #00538E;
	border-radius: 8pt;
	-moz-border-radius: 8pt;
}
.htmlCopy .hlRight #hlCopy #hlCopyText{
	padding: 7px 0;
}
.htmlCopy .hlRight #hlCopy:hover{
	background: #00538E;
	border-color: #00538E;
	color: #FFF;
}
.htmlCopy .hlRight #hlCopy.complete{
	background: #E7FFE8;
	color: #05B00D;
	border-color: #05B00D;
}
.htmlCopy .hlRight #hlCopy.complete:hover{
	background: #05B00D;
	color: #FFF;
	border-color: #E7FFE8;
}
.htmlCopy .hlRight #hlCopy.complete:hover:after{
	content:'(Click to copy again)';
	position: absolute;
	background: transparent;
	font-size: 12px;
	color: #999;
	top: 56px;
}

.outDeploymentHelpLink{
	display: block;
	color: #068;
	word-wrap: break-word;
	width: 203px;
}
.outDeploymentHelpLink-hint{
	display: none;
	position: relative;
	top: -54px;
	left: 286px;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	color: #AAA;
	background: #EEE;
	border: 1px solid #DDD;
	width: 52px;
}

.learn-more-content-outer,
.online-quote-content-outer{
	position: absolute;
	height: 0px;
}
.learn-more-content-inner,
.online-quote-content-inner{
	display: none;
	
	position: absolute;
	
	top: -320px;
	left: -491px;
	
	width: 626px;
	height: 452px;
	
	overflow: hidden;
	
	border: 2px solid #CCC;
	
	background: #FFF;
	z-index: 99;
	
	border-radius: 8px;
	box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.2);
}
.online-quote-content-inner{
	top: -370px;
	left: 119px;
	
	height: auto;
}

.online-quote-content-inner .formPanelLeft{
	padding: 12px 0 8px 0px;
	width: 310px;
}
.online-quote-content-inner .formPanelLeft input{
	width: 206px;
	margin-bottom: 12px;
}
.online-quote-content-inner .formPanelRight{
	padding: 12px 10px 8px 0;
	width: 300px;
}
.online-quote-content-inner .formPanelRight input{
	width: 247px;
	margin-bottom: 12px;
}
.online-quote-content-inner input[type="submit"]{
	float: none;
	margin: 0;
	position: relative;
	top: -6px !important;
	left: 270px !important;
	right: 0;
	bottom: 0;
	border: 0;
	height: 24px;
	width: 75px;
	background: url(/images/inpButtonStates.png) 0px -120px;
}
.online-quote-content-inner input[type="submit"]:hover{
	background: url(/images/inpButtonStates.png) -100px -120px;
}
.online-quote-content-inner ul{
	margin: 8px 0;
	font-size: 0.8em;
	color: #666;
	padding: 0 14px;
	list-style: none;
}
.online-quote-content-inner ul li{
	margin-bottom: 12px;
}
.online-quote-content-inner ul li a{
	color: #666;
	font-weight: bold;
}

.learn-more-content-inner .learnmore h3,
.online-quote-content-inner .learnmore h3{
	font-size: 19px;
}
.learn-more-content-inner .learnmore p{
	font-size: 12px;
}
.online-quote-content-inner p{
	font-size: 12px !important;
	margin-left: 14px !important;
}
.learn-more-content-inner .learn-more-content-close,
.online-quote-content-inner .online-quote-content-close{
	position: absolute;
	height: 0px;
}
.online-quote-content-inner .online-quote-content-close a,
.learn-more-content-inner .learn-more-content-close a{
	display: block;
	position: absolute;
	left: 487px;
	color: red;
	padding: 10px;
	text-decoration: none;
	white-space: nowrap;
	z-index: 100;
	font-size: 12px;
	top: 11px;
	opacity: 0.9;
}
.online-quote-content-inner .online-quote-content-close a:hover,
.learn-more-content-inner .learn-more-content-close a:hover{
	opacity: 1.0;
}
.learn-more-content-inner .pageContent {
	margin: 32px 16px 16px 16px;
}
.learn-more-content-inner .pageContentRight{
	display: none;
}
.online-quote-content-shadow,
.learn-more-content-shadow{
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
	z-index: 98;
	opacity: 0.5;
}

.quote-output-table-wrap{
	font-size: 13px;
	margin: 18px 22px 14px 22px;
	box-sizing: border-box;
	padding: 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	overflow: hidden;
	box-shadow: 2px 2px 6px 2px #DDD;
}
.quote-output-table{
	width: 100%;
	border-collapse: collapse;
}
.quote-output-table .quote-terms-header td{
	font-weight: bold;
	background: #F0F0F0;
	padding: 5px 6px;
}
.quote-output-table td{
	text-align: center;
	vertical-align: middle;
	padding: 3px 6px 4px;
	border: 1px solid #E0E0E0;
	background: #F8F8F8;
}
.quote-output-table td.quote-term-opt{
	text-align: left;
}
.quote-output-table td.quote-term-opt i{
	font-size: 11px
}