@charset "utf-8";

/* Page CSS
/* (modified from VB)
/* © 2011 MBS Direct, LLC
/* 2011-08-09 */

/* ==================================================
=====================================================
           O R D E R I N G   H E A D E R
=====================================================
================================================== */

#page-header {
	border-bottom:1px solid #d2d2d2;
	margin:4px;
	position:relative;
}

/* Clearing Fix */
#page-header:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#page-header h2 {
	color:#a9a9a9;
	float:left;
	font-size:40px;
	font-weight:100;
	margin:2px 10px 0 18px;
	position:relative;
	line-height:40px;
}

#page-header ul li {
	color:#d2d2d2;
	cursor:default;
	font-size:18px;
	font-weight:300;
	float:left;
	padding:18px;
}

#page-header ul li a {
	color:#a9a9a9;
	cursor:pointer;
	text-decoration:none;
}

#page-header ul li.current {
	background:#ffffff;
	border:1px solid #d2d2d2;
	-webkit-border-top-left-radius:4px;
	-moz-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-top-right-radius:4px;
	border-bottom:none;
	color:#102145;
	font-weight:500;
	margin:auto -4px;
	padding:16px 21px 20px 21px;
	position:relative;
	top:1px;
}

#page-header ul li.current a { color:#102145; }

/* ==================================================
=====================================================
                 P A G E   I N F O
=====================================================
================================================== */

#page-description,
.modal-description {
	clear:both;
	margin:14px 8px;
	position:relative;
}

#page-description h3,
.modal-description h3 {
	color:#102145;
	font-size:30px;
	font-weight:300;
	margin-bottom:20px;
}

#page-description p,
.modal-description p {
	color:#626262;
	font-size:14px;
	font-weight:300;
	line-height:20px;
}

.modal-description p { margin:10px 0; }

#page-description ol,
.modal-description ol {
	color:#626262;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	margin:10px 0 0 16px;
}

#page-description li,
.modal-description li { list-style-type:decimal; }

#page-description strong,
.modal-description strong { font-weight:bold; }

#page-description a,
.modal-description a {
	color:#0066cc;
	font-weight:normal;
}

.modal-list li { font-weight:bold; }

/* ==================================================
=====================================================
                   B U T T O N S
=====================================================
================================================== */

a.step-button,
label.step-button {
	background:url(../images/step-button.gif) 0 0 repeat-x #0066cc;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#ffffff !important;
	cursor:pointer;
	display:inline-block;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	padding:10px 19px;
	text-align:left;
	text-decoration:none;
	-webkit-text-shadow:0px -1px 0px #083b6e;
	-moz-text-shadow:0px -1px 0px #083b6e;
	text-shadow:0px -1px 0px #083b6e;
}

.continue-action { text-align:right; }

label.step-button input {
	background:transparent;
	border:0;
	display:block;
	height:0;
	text-indent:-9999pt;
	width:0;
	z-index:-100;
	padding:0;
	margin:0;
}

a.back_button,
label.back_button { }

p.previous-step {
	border-top:1px solid #e1e1e1;
	clear:both;
	margin-top:60px;
	padding-top:12px;
	text-align:left;
}

p.previous-step a {
	color:#0066cc;
	font-size:12px;
	font-weight:300;
	text-decoration:none;
}

p.previous-step a strong { font-weight:bold; }

/* ==================================================
                    A C T I O N S
================================================== */

.page-actions {
	position:absolute;
	top:2px;
	right:0
}

.page-actions li { display:inline-block; }

.page-actions li .print-page {
	background-image:url(../images/print-page.gif);
	background-position:9px 0;
	background-repeat:no-repeat;
	padding:6px 0 4px 40px;
}

a.action-button,
label.action-button {
	color:#0066cc;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:300;
	line-height:11px;
	text-decoration:none;
	white-space:nowrap;
}

label.action-button input { display:none; }

/* ==================================================
=====================================================
             L A S T   A C T I O N S
=====================================================
================================================== */

.last-action p {
	color:#747474;
	font-size:12px;
	line-height:18px;
	padding-bottom:20px;
}

.last-action p strong { font-weight:bold; }

.last-action p a {
	color:#0066cc;
	font-weight:normal;
	text-decoration:none;
}

.last-action p a strong { font-weight:bold; }

/* ==================================================
=====================================================
                P A G E   F O O T E R
=====================================================
================================================== */

#page-footer {
	border:none;
	clear:both;
	margin:0 8px;
	padding:30px 0;
	position:relative;
	text-align:center;
}

#page-footer p {
	position:absolute;
	bottom:-30px;
	right:0;
}

#page-footer p a {
	color:#0066cc;
	font-size:12px;
	font-weight:300;
	text-decoration:none;
}

#page-footer p a strong { font-weight:bold; }

#page-footer .step-button { position:inherit; }