/*!	E9	0316 */






/*_________________________________________________________________________
	Root Definitions
*/
.zHidden{
	display: none;
	}

html{
	height: 100%;
	}
body{
	margin: 0px auto;
	padding: 0px;
	background-color: #f9fcff;
	text-align: center;
	font-family: "Franklin Gothic Medium", "Helvetica Neue", Verdana, "Franklin Gothic", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", "Microsoft Sans-Serif", Helvetica, Arial;
	font-size: 1em;
	}
#BodyFrame{
	width: 986px;
	/*height: 100%;*/
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	}
#CenterFrame{
	width: 986px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #fff;
	}
#SiteFrame {
	position: relative;
	z-index: 1; /* !!cdm 0317 Added to get SharePoint Ribbon z-indexing higher */
	float: left;
	width: 986px;

	margin: 0px;
	padding: 0px;
	text-align: left;
	background: #fff url("../Images/ShadowsBg.png") repeat-y;
	}
#ShadowFrame{
	position: relative;
	left: 0px;
	float: left;
	width: 960px;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: transparent;
	background-image: none;
	}
#ShadowLeft {
	float: left;
	display: inline;
	width: 13px;
	margin: 0px;
	padding: 0px;
	}
#ShadowLeft img{
	width: 13px;
	margin: 0px;
	padding: 0px;
	}
#ShadowRight {
	float: right;
	display: inline;
	width: 13px;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	}
#ShadowRight img{
	width: 13px;
	margin: 0px;
	padding: 0px;
	}
#ShadowBottom {
	position: relative;
	width: 100%;
	height: 13px;
	min-height: 13px;
	margin: 0px;
	padding: 0px;
	background: transparent url("../Images/ShadowBottom.png") left bottom repeat-x;
	display: inline;
	}
#ShadowBottom img{
	width: 960px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	}



span.more a:link{
	padding: 1px 20px 1px 0px;
	color: #d88c29;
	text-decoration: none;
	background: transparent url("../Images/MoreArrow.png") right top no-repeat;
	}
span.more a:hover{
	padding: 1px 22px 1px 0px;
	color: #b67623;
	background: transparent url("../Images/MoreArrowHover.png") right top no-repeat;
	border-bottom: dotted 1px #b67623;
	}





/*_________________________________________________________________________
	Header Segment


*/

#HeaderSegment{
	position: relative;
	width: 960px;
	height: 117px;	
	background: #eae8e8 url("../Images/HeaderSegmentBg.png") repeat-x;
/* Custom Background with 'One Source. Powerful Solutions.' for disclosure website. below:
    background: url(/static/images/header-bg.jpg) no-repeat right top;
   Commented out because it doesn't mesh well wit new design and color scheme.
*/
	margin: 0px;
	padding: 0px;
	text-align: right;
	}
.linkDivider{
	position: relative;
	top: 5px;
	width: 1px;
	height: 18px;
	margin: 0px 0px 0px 3px;
	padding: 3px 1px 5px 1px;
	background: transparent url("../Images/StaticNavDivider.png") no-repeat;
	}
#LPS_Logo{
	position: absolute;
	left: 15px;
    margin-top:20px;
	}
#LPS_Logo img{
	border: none;
	}

#ConnectArea{
	position: absolute;
	right: 20px;
	top: 0px;
	width: 550px;
	height: 117px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}
#SearchBox{
	position: absolute;
	right: 0px;
	top: 5px;
	width: 226px;
	height: 18px;
	margin: 1px;
	padding: 1px;
	background-color: #eae8e8;
	border: 3px double #fff;
	text-align: right;
	}
#Login{
	position: absolute;
	right: 0px;
	top: 36px;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 11px;
	}
#Login a:link,
#Login a:visited,
#Login a:hover,
#Login a:active{
	color: #d88c29;
	text-decoration: none;
	padding: 2px;
	}
#Login a:hover{
	color: #8e5c1b;
	text-decoration: none;
	border-bottom: dotted 1px #8e5c1b;
	}
#StaticNav{
	position: absolute;
	right: 0px;
	bottom: 7px;
	height: 23px;
	font-size: 12px;
	vertical-align: middle;
	text-align: right;
	}
#StaticNav a:link,
#StaticNav a:visited,
#StaticNav a:hover,
#StaticNav a:active{
	color: #1b3664;
	text-decoration: none;
	padding: 5px 4px 0px 5px;
	}
#StaticNav a:hover{
	color: #036;
	text-decoration: none;
	border-bottom: dotted 1px #036;
	}
.linkDivider{
	position: relative;
	top: 5px;
	width: 1px;
	height: 18px;
	margin: 0px 0px 0px 5px;
	padding: 3px 1px 5px 1px;
	background-image: transparent url("../Images/StaticNavDivider.png") no-repeat;
	background-attachment:scroll;
	}






/*_________________________________________________________________________
	Global Navigation Segment
*/


#GlobalNavSegment{
	display: block;
	position: relative;
	z-index: 999;
	top: 0px;
	width: 100%;
	height: 40px; /* !!cdm 0315 Controls push down of ContentSegment */
	margin: 0px 0px 0px 0px; /* !!cdm 0315 Also controls push down of ContentSegment */
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border-top: #1px solid #c8c8c8;
	border-bottom: #1px solid #c8c8c8;
	text-align: left;
	vertical-align: middle;
	clear: both;
	}



#BreadCrumbFrame{
	display: none; /* Removed for IR Template /* /*display: inline-block;*/
	width: 100%;
	height: 29px;
	margin: 23px 0px 0px 0px; /* !!cdm 0315 The 23px pushes down the frame starting from it's position that starts "behind" the relative positioned v2 of Key Largo */
	padding: 0px 0px 0px 0px;
	background: #fff url("../Images/BreadCrumbBar.png") left top repeat-x;
	float: left;
	clear: both;
	/*	border: 1px solid #600;*/
	}
#BreadCrumbFrame span{
	margin: 0px;
	padding: 0px;
	display: inline;
	}
#BreadCrumb {
	display: inline-block;
	width: 100%;
	height: 29px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	color: #444;
	vertical-align: top;
	}
#BreadCrumb a:link,
#BreadCrumb a:visited,
#BreadCrumb a:hover,
#BreadCrumb a:active{
	display: inline;
	position: relative;
	top: 7px;
	float: left;
	margin: 0px;
	padding: 0px 12px 0px 12px;
	font-size: 12px;
	color: #959595;
	text-decoration: none;
	font-weight: normal;
	vertical-align: top;
	}
#BreadCrumb a:hover{
	color: #000;
	text-decoration: underline;
	}
.arrowBreadCrumb {
	display: block;
	position: relative;
	top: 0px;
	float: left;
	width: 13px;
	height: 29px;
	margin: 0px 9px 0px 0px;
	padding: 0px;
	background: transparent url("../Images/BreadCrumbArrowAlpha.png") right top no-repeat;
	/*border: 1px solid #000;*/
	}



/*_________________________________________________________________________
	Content Segment
*/

#ContentSegment{
	display: block;
	float: left;
	padding: 5px 0px 15px 10px;
	margin: 0px 0px 50px 0px; /* !!cdm 0315 margin-bottom set to ensure shadows follow past FooterSegment */
	text-align: left;
	font-size: 0.8em;
	/*color: #2F4F4F;*/
	color:#2F4F4F;
	font-family: Verdana;
	font-weight: normal;
	background: #fff url("../Images/ContentSegmentGradient.png") left top repeat-x;
	vertical-align: top;
	width: 942px; /*960 - 20px padding-left */
	}


#PageHeader{
	margin-bottom: 18px;
	width: 100%;
	}
#ColHeader{
	margin-bottom: 18px;
	width: 100%;
	}
#ContentSegment h1{
	color: #3465b6;
	display: inline;
	font-size: 1.7em !important;
	font-family: "Franklin Gothic Medium", "Helvetica Neue", Verdana, "Franklin Gothic", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", "Microsoft Sans-Serif", Helvetica, Arial;
	font-weight: normal;
	margin-bottom:30px;
	}	
#login-form h2{
	color: #1b3664;
	display: inline;
	                
	font-family: "Franklin Gothic Medium", "Helvetica Neue", Verdana, "Franklin Gothic", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", "Microsoft Sans-Serif", Helvetica, Arial;
	font-weight: normal;
	margin-bottom:30px
	}
#ContentSegment h2{
	color: #1b3664;
	display: inline;
	font-size: 1.7em !important;
	font-family: "Franklin Gothic Medium", "Helvetica Neue", Verdana, "Franklin Gothic", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", "Microsoft Sans-Serif", Helvetica, Arial;
	font-weight: normal;
	margin-bottom:30px
	}
#ContentSegment h3{
	color: #3465b6;
	font-size: 1.2em !important;
	font-family: "Franklin Gothic Medium", "Helvetica Neue", Verdana, "Franklin Gothic", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", "Microsoft Sans-Serif", Helvetica, Arial;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
	margin-top:0px;
	}
#ContentSegment h4{
	color: #9c9c9c;
	font-size: 1em !important;
	font-family: "Franklin Gothic Medium", "Helvetica Neue", Verdana, "Franklin Gothic", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", "Microsoft Sans-Serif", Helvetica, Arial;
	font-weight:bold;
	display: block;
	margin-bottom: 12px;
	margin-top:14px;
	font-style:normal !important;
	}
#ContentSegment p{
	font-size: 1em;
	/*color: #999;*/
	color:#2F4F4F;
	font-family: Verdana;
	font-weight: normal;
	margin: 4px 0px 10px 0px;
	padding: 0px 0px 25px 0px;
	line-height: 1.35em;
	}
#ContentSegment br{

	}
#ContentSegment DIV.MoreSolutions a {
	float:right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 20px; 
	DISPLAY: inline; BACKGROUND: url(../Images/MoreArrow.png) no-repeat right center; 
	COLOR: #d88c29; PADDING-TOP: 0px; text-decoration:none; margin-right:20px;
    
}
.imageLeft{
	float:left;
	padding-right:15px;
	padding-bottom:15px
	}
.imageRight{
	float:right;
	padding-left:15px;
	padding-bottom:15px
	}


#LeftNavSegment{
	width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}
#LeftNavSegment div.leftnavhdr{
	color: #3465b6;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	font-size: 1.1em;
	}
#LeftNavSegment ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
#LeftNavSegment li{
	margin: 0px;
	padding: 0px;
	}
#LeftNavSegment div.mLevel-1{
	margin: 1px 0px 9px 10px;
	line-height: 2.45em;
	width: 75%;
	}
#LeftNavSegment div.mLevel-2{
	margin: 1px 0px 9px 12px;
	line-height: 1.05em;
	}

#LeftNavSegment div.mLevel-1
{
    font-size:15px;
}
#LeftNavSegment div.mLevel-1 a:link,
#LeftNavSegment div.mLevel-1 a:visited,
#LeftNavSegment div.mLevel-1 a:hover,
#LeftNavSegment div.mLevel-1 a:active{
	color: #1b3664;
	padding: 2px 2px 0px 0px;
	text-decoration: none;
	}
#LeftNavSegment div.mLevel-1 a:hover{
	border-bottom: 1px dotted #56595c;
	}

#LeftNavSegment div.mLevel-2 a:link,
#LeftNavSegment div.mLevel-2 a:visited,
#LeftNavSegment div.mLevel-2 a:hover,
#LeftNavSegment div.mLevel-2 a:active{
	color: #3465b6;
	padding: 2px 2px 2px 0px;
	text-decoration: none;
	}






/*_________________________________________________________________________
	Column Definitions
*/


#ColumnI-1{
	float: left;
	width: 175px;
	margin-right: 25px;
	}
#ColumnI-2{
	float:left;
	width: 700px;
	margin-right: 25px;
	}
/*_________________________________________________________________________
	Column Content
*/
.partnerBox 
{
	border-top:solid 1px #F5F5F5;
	/*border-left:solid 1px #C0C0C0;*/
	border-top:solid 1px #C0C0C0;
	border-right:solid 1px #C0C0C0;
	border-bottom:solid 1px #F5F5F5;
	padding-left:10px;
	padding-right:10px;
	padding-top:1px;
	padding-bottom:21px;
	/*font-size:11px;*/
	/*border-bottom:solid 1px #00274e;*/
	/*background-color:rgb(227, 228, 230);*/
	/*background-color:#F8F8F8;*/
	/*-moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom:15px;*/
}
.newsBox 
{
	border-top:solid 1px #C0C0C0;
	border-right:solid 2px #C0C0C0;
	border-left:solid 1px #C0C0C0;
	/*border-bottom:solid 1px #F5F5F5;*/
	border-bottom:solid 2px #C0C0C0;
	padding-left:15px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:1px;
	/*border-bottom:solid 1px #00274e;
	font-size:11px;
	/*background-color:rgb(227, 228, 230);*/
	/*background-color:#F8F8F8;*/
	margin-bottom:8px;
	-moz-border-radius: 15px;
    border-radius: 15px;
    
 
}
.newsBox #date
{
    font-style:oblique; padding-bottom:5px; 
    background-color:#F8F8F8;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-left: -10px;
    margin-right: -4px;
    
}
.date
{
    font-style:oblique; padding-bottom:5px; 
    background-color:#F8F8F8;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-left: -10px;
    margin-right: -4px;
    
}
.newsBox #newsletterTitle
{
    font-style:oblique; padding-bottom:5px; 
    background-color:#F8F8F8;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-left: -10px;
    margin-right: -4px;
    
    
}
.newsletterTitle
{
    font-style:oblique; padding-bottom:5px; 
    background-color:#F8F8F8;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-left: -10px;
    margin-right: -4px;
    
}
.faqBox 
{
	border-top:solid 1px #C0C0C0;
	border-right:solid 2px #C0C0C0;
	border-left:solid 1px #C0C0C0;
	/*border-bottom:solid 1px #F5F5F5;*/
	border-bottom:solid 2px #C0C0C0;
	padding-left:15px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:1px;
	/*border-bottom:solid 1px #00274e;
	font-size:11px;
	/*background-color:rgb(227, 228, 230);*/
	/*background-color:#F8F8F8;*/
	margin-bottom:8px;
	-moz-border-radius: 15px;
    border-radius: 15px;
    
 
}
.faqBox #newsletterTitle
{
    font-style:oblique; padding-bottom:5px; 
    background-color:#F8F8F8;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-left: -10px;
    margin-right: -4px;
    
    
}
.signupBox {
	position:relative;
	padding-top:7px;
	padding-left:18px;
	padding-right:20px;
	height:76px;
	border-top:solid 2px #F5F5F5;
	border-left:solid 1px #C0C0C0;
	/*border-bottom:solid 1px #F5F5F5;*/
	background: #eae8e8;
	background-color: #cacbca;
	border-bottom-color:White;
    border-bottom: 2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom:8px;
    margin-top:10px
    
}
.signupBox img  {
	position:absolute;
	border:1px solid #00274e;
	margin-bottom:8px;
	top:28px;
	left:20px;
}
.newsLetter {
	position:relative;
	padding-top:5px;
	padding-left:18px;
	padding-right:20px;
	height:100px;
	/*border-top:solid 2px #F5F5F5;*/
	border-left:solid 1px #C0C0C0;
	background: #eae8e8 url("../Images/HeaderSegmentBg.png") repeat-x;
	background-color: #e1e3e1;
	border-bottom-color:White;
    border-bottom: 2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom:15px;
}
.newsLetter img  {
	position:absolute;
	border:1px solid #00274e;
	margin-bottom:8px;
	top:26px;
	left:20px;
}	

.whyBox {
	position:relative;
	height:200px;
	color: #1b3664;    
    background-color: #eae8e8;
    padding-left:18px;
    padding-right:20px;
    /*border-left:solid 1px #C0C0C0;
    border-bottom:solid 1px #F5F5F5;*/
    border-left:solid 1px #C0C0C0;	
	border-bottom-color:White;
    border-bottom: 2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom:15px;
    
	/*
	
	padding-top:0px;
	padding-right:20px;
	height:200px;
	border-top:solid 2px #F5F5F5;
	border-left:solid 1px #C0C0C0;    
	/*border-bottom:solid 1px #F5F5F5;*/
	/*
    background: #eae8e8;
	border-bottom-color:White;
    border-bottom: 2px solid;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom:8px;
    margin-top:10px
    */
}
.whyBox img  {
	position: absolute;
	border:1px solid #00274e;
	margin-bottom:8px;
	top:28px;
	left:20px;
}

.btnDownload {
	position:absolute;
	top:53px;
	right:30px;

}


/*_________________________________________________________________________
	Footer Segment
*/

#FooterSegment{
	display: inline-block;
	position: relative;
	right: 10px;
	width: 960px;
	height: 75px; /*background image is up to 140px */
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background: #faf9f9 url("../Images/FooterSegmentBg.png") left top repeat-x !important;
	}
	
#footerMenu ul li  
{
    display: inline;
    margin: 11px 15px 0px 0px;
	float: right;
	text-align: right;
	font-size: 11px;
	color: #3465b6;
	 }

#footerMenu ul li a
{
    text-decoration: none;
    padding: .2em .1em;
    color: #3465b6;
/*background-color: #036;*/
}
#StaticFooterNav{
	height: 75px;
	margin: 11px 0px 0px 20px;
	float: left;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	display: inline-table;
	color: #777;
	}
#StaticFooterNav a:link,
#StaticFooterNav a:visited,
#StaticFooterNav a:hover,
#StaticFooterNav a:active{
	margin: 2px 5px 2px 5px;
	padding: 2px;
	color: #3465b6;
	text-decoration: none;
	}
#StaticFooterNav a:hover{
	color: #036;
	text-decoration: none;
	border-bottom: dotted 1px #036;

	}
#Copyright{
	margin: 11px 15px 0px 0px;
	float: right;
	text-align: right;
	font-size: 10px;
	color: #777;
	}
.info, .lender, .insurance, .appraisers, .validation {
    border: 0px solid;
    border-bottom:solid 2px #C0C0C0;
    border-left:solid 1px #C0C0C0;
    margin: 0px 0px 0px;
    /*padding:15px 10px 15px 50px;*/
    padding:5px 10px 15px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size:11px;
    height:55px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom:5px;
    
}
.info {
    color: #3465b6;
    background-color: #BDE5F8;
    background-image: url('info.png');
}
.lender {
    color: #1b3664;
    
    background-color: rgb(217, 234, 245);
    background-image:url('success.png');
    
}
.insurance {
    color: #1b3664;
    background-color: rgb(198, 217, 237);
    background-image: url('warning.png');
}
.appraisers {
    color: #1b3664;
    background-color: rgb(138, 176, 213);
    background-image: url('error.png');
    /*border-bottom: 0px;*/
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.editor-label 
{
    position:absolute;
    margin-left:25px;
    float:left;
    padding-bottom: 15px;
}
.editor-field
{
    position:relative;
    margin-left:145px;
    padding-bottom: 15px;
}
 
#expiredPasswordMessage
{
    color:#ff0000;
}

#expiredPasswordMessage > #expiredPasswordWarningImg
{
    float:left;
    max-height:35px;
}

#expiredPasswordMessage span
{
    line-height:35px;
    vertical-align:middle;
    padding-left:10px;
}

 a:link {color:#3465b6;}    
 a:visited {color:#3465b6;}
 
 
/* UPDATED FROM ORIGINAL static/style.css */
 
.standard-form { }
.standard-form div { margin-bottom: 5px }
.standard-form label {
    color: #505050;
    display: block;
    float: left;
    font-family: arial,sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 130px;
}
.standard-form .select {
    border: 1px solid #999;
    font-size: 12px;
    height: 26px;
    padding: 3px;
}
.standard-form .radio 
{
    display: inline;
}
.standard-form label.radio 
{
    margin: 5px;
    line-height: 10px;
    text-align: left;
    width: auto;
}
.standard-form .textbox {
    /* background-image: url(/static/images/input.png); */
    border: 1px solid #999;
    height: 16px;
    padding: 5px;
    width: 250px;
}
.standard-form .spacer { margin-bottom: 30px }

textarea 
{
    border: 1px solid #999;
    padding: 5px;    
    resize: none;
    width: 250px;
    height: 100px;
    vertical-align: top;
    margin-left: 2px;
}

.login-form #UserName
{
    width: 170px;
    font-family: Tahoma;
    font-size: 14px;
    border: 1px solid rgb(204, 204, 204);
}
 
.text-boxHome {
    width: 180px;
    height: 24px;
    font-family: Tahoma;
    font-size: 14px;
    border: 1px solid rgb(204, 204, 204);
}

.text-box {
    /* background-image: url(/static/images/input.png); */
    border: 1px solid #999;
    height: 16px;
    padding: 5px;
    width: 250px;
}

.text-box-no-width {
    /* background-image: url(/static/images/input.png); */
    border: 1px solid #999;
    height: 16px;
    padding: 5px;
}
/* -- END STANDARD FORM -- */
#editor-contacts 
{
    /* border: 1px solid red; */
}

.hazards span 
{
    width: 200px !important;
}

.order-element 
{
    background-color: #eee;
    padding: 10px;
    border-radius: 5px;
    margin-right: 20px;
}

.order-element div 
{
    float: left;
    margin-right: 5px;
    border-radius: 5px;
}

.order-element div.row
{
    float: none;
}

.order-element div.validation-summary-errors  
{
    margin-top: 20px;
    padding: 15px;
    text-align: right;
    border: 1px solid red;
    background-color: #ffd6d6;
}

.order-element span 
{
    display: inline-block;    
    width: 70px;
    margin-left:20px;
    text-align: left;
    margin-bottom: 4px;
    
}

.order-element span.dtls
{
    margin-left: 50px;
    width: 300px;
}

.order-element p
{
    display: block;
    width: auto;
    text-align: right;
    margin-bottom: 4px;
}

.order-element select 
{
    width: 200px;
}

.order-element .text-box 
{
    width: 100px;
    height: 18px;
    padding: 3px;
}

/*TFS-1333 DJE 11/6/12 Added To Help Position Captcha Where Required*/
.captchaImage img, .captchaImage a
{
    float:left !important;
}

.captchaImage br
{
    float:left !important;
    clear:both;
}

.captchaImage span
{
    width:200px;
    margin-left:0px;
}

.contact img 
{
    cursor: pointer;
}

/* --- PAYMENT FORM -- */
#cc-cvv { width: 75px }
/* -- END PAYMENT FORM -- */
/* --- ORDER FORM -- */
#download {
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
#downloading {
    color: #000000;
    font-size: 14px;
}
#downloading p { margin-bottom: 15px }
#thanks { display: none }
#previous-orders { font-size: 13px }
#previous-orders a { text-decoration: underline }
#previous-orders td { padding-right: 25px }
#previous-orders th { color: #000000 }
/* --- END ORDER FORM -- */
/* --- ORDER LIST --- */
#order-list td, th 
{
    padding: 5px 10px 5px 10px;
}
#order-list th
{
    cursor: pointer;
}
#order-list img { border: 0px; }
/* --- END ORDER LIST --- */
/* --- SEARCH --- */
#From { width: 65px; }
#To { width: 65px; }
/* --- END SEARCH --- */

.error { color: Red }
.required { color: #900; }
input.input-validation-error  {
    background-color: #ffd6d6 ;
    border: 1px Red solid;
}
select.input-validation-error {
    background-color: #FFD6D6;
    border: 1px red solid !important;
}
.validation-summary-errors { float: none !important; }
.validation-summary-errors ul { list-style-type: none; }
.field-validation-error { color: red; width; }

#login-form label.error { display: block; }
#disclosure-form label.error { margin-left: 140px !important; }
#add-contact-error  
{
    color: Red;
    display: none; 
    margin-right: 10px;
}    
label.error {
    color: Red !important;
    float: none !important;
    font-size: 10px !important;
    font-weight: normal !important;
    text-align: left !important;
    width: auto !important;
}
.loading {
    background-image: url(/static/images/loading.gif);
    background-repeat: no-repeat;
    height: 15px;
    margin-top: 10px;
    width: 128px;
}

span.contactLblP { padding-right: 8px; }
span.contactLblE { padding-right: 15px; }
span.contactLblF { padding-right: 25px; }
p.clear{ padding:0;}

.order-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background-color:#1b3664;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	/*border:1px solid #3866a3;*/
	display:inline-block;
	color: #FFFFFF;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:9px 12px;
	text-decoration:none;
	/*text-shadow:1px 1px 0px #7cacde;*/
}.order-button:hover {
	background-color: #777;
}.order-button:active {
	position:relative;
	background-color: #555;
	
}
.order-button:link, .order-button:visited{color: #FFFFFF;}

 span.field-validation-error {width: auto;}


/* #Begin Product Page */

#ProductBoxContainer
{
    width: 400px;
    padding-bottom: 40px;
    float:right;
}

.ProductTitle
{
    display:inline-block;
    width:70%;
    padding-bottom:10px;
}

.OrderButton
{
    display:inline-block;
    float:right;
}

.ProductIconBox
{
    display:inline-block;
}

#ProductBoxContainer .ProductIcon img
{
    display:block;
    height:95px;
    float:none;
    margin:auto;
    box-shadow: -1px -1px 5px #888;
}

.ProductLink
{
    display:block;
    text-align:center;
}

.AddlProductDivider
{
    display:inline-block;
    height:95px;
    vertical-align:middle;
}

/* #End */


@media (max-width: 960px)
{
    /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) 
        WebCert3.5-TFS.1676 MDC 6/4/2015 - Modified CSS reset to use as a baseline 
    */
    html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, 
    blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, 
    img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, 
    center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, 
    tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, 
    figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, 
    time, mark, audio, video 
    {	
        width: auto !important;
        height: auto !important;
        margin: 0;	
        padding: 0;
        position: static !important;
        float: none !important;
        vertical-align: baseline !important;
    }
   
    
    img 
    {
        max-width: 95% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    img.inset 
    {
        float: right !important;
        margin: 1em 1em 1em !important;
    }
    
    /*
        ' WebCert3.5-TFS.1676 MDC 6/4/2015 Specific styling
    */
    
    #HeaderSegment 
    {
        background: none;
    }
    
    #LPS_HdrDate 
    {
        margin: .5em 0;
    }
    
    #StaticNav {
        background: #eae8e8;
        text-align: left;
        font-size: 16px;
        padding: 0 .5em;
    }
    
    #StaticNav a
    {
        white-space: nowrap;
        padding: .5em .25em !important;
        display: inline-block !important;
    }
    
    #StaticNav .linkDivider 
    {
        background-repeat: repeat-y;
        margin: 2px 0 !important;
        padding: 0 !important;
    }
    
    #GlobalNavSegment 
    {
        margin: .5em;
    }
    #GlobalNavSegment a, #GlobalNavSegment li
    {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-block !important;
    }
    #GlobalNavSegment li {
	      
    }
    #GlobalNavSegment a
    {
        padding: .5em .25em !important; 
    }

    #GlobalNavSegment div.v1_Divider
    {
        display: none;
    }
        
    li#HomeMenu1_ContactNum 
    {
        padding: 0 !important;
        display: block !important;    
    }
    
    #ContentSegment
    {
        margin: 0 !important;
        padding: 1em !important;
    }
    
    #ColumnI-1, 
    #ColumnI-2, 
    #midCol, 
    #introBanner, 
    #ColumnI-3, 
    #FooterSegment,
    .promoBox img,
    #ColumnI-2 > div,
    #midCol,
    #LeftNavSegment div.leftnavhdr
    {
        display: block;
	    padding: 0 !important;
	    margin: 0 !important;
    }
    
    #leftCol > *, #MainLftNavContain div.promoBox
    {
        display: none !important;
    }
    #leftCol > *:first-child 
    {
        display: block !important;   
    }
    #ColumnI-2 > div 
    {
        margin: .5em 0 !important;
    }
    
    #LPS_Logo 
    {
        margin: 0 auto !important;
        width: 500px !important;
    }
    
    #LPS_Logo img, #introBanner img 
    {
        width: 100% !important;
    }
    
    #LPS_Logo {
        margin: 0 1em;
    }
    
    #MainLftNavContain > * 
    {
        display: none !important;   
    }
    
    #login-box 
    {
        display: block !important;   
    }
    
    .order-element span 
    {
        
        margin: 0 !important;   
    }
    
    .hasDatepicker 
    {
        width: 250px !important;
    }
    
    
        #LPS_Logo
    {
        width: 100% !important;
    }
    
    table 
    {
        width: 100% !important;
    }
    
    table br 
    {
        display: none;
    }
    
    table, th, tbody, thead, tr
    {
        display: block !important;
        overflow: hidden !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    td
    {
        display: block !important;
        text-align: center !important;
    }
    
    textarea, input, select
    {
        width: 100% !important;
        margin: 5px 0 !important;
        padding: 0 !important;
    }
    
    button, input[type=submit], input[type=reset]
    {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        display: block !important;
        margin: 5px 0 !important;
    }
    
    input[type=radio], input[type=checkbox] 
    {
        width: auto !important;
    }
    
    input.zip5, input.zip4
    {
        width: 5em !important;   
    }
    
    .row 
    {
        width: 100% !important;
        margin: 5px 0 !important;
    }
    
    #ui-datepicker-div 
    {
        display: none !important;   
    }
    
    .whyBox p 
    {
        margin: 0 !important;   
    }
    
    .ProductTitle
    {
        width:50% !important;
    }
    
    #ProductBoxContainer .ProductIcon img
    {
        display:block;
        height:95px !important;
        float:none;
        margin:auto;
    }
    
    .AddlProductDivider
    {
        display:inline-block;
        height:95px !important;
        vertical-align:middle !important;
    }
}