html, body {
	position: relative;
	background-color: #FFFFFF;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;;
	font-size:16px;
	margin:0;
	padding:0;
	height:100%;
}
.headerWrapper {
	padding:5px 0;
	height:100px;
	position:relative;
	box-shadow:3px 3px 3px rgba(0,0,0,.2);
	z-index:10;
}
.headerWrapper.navbar {
	height:135px;
	margin-bottom:0;
}
.metroLogo {
	max-height:100%;
}
nav.navbar { 
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:0px; 
	border:none;  
	-webkit-border-radius:0;
	border-radius:0;
	background-color:transparent;
}
nav.navbar ul { 
	width:100%; 
	margin:0;
	padding:0;
	text-align: center;
}
nav.navbar ul li {
	display:inline-block;
	padding:0 10px;
	text-align: center;
	text-transform: uppercase;
	font-size:1rem;
}
.navbar-nav { float:none; }
.navbar-nav>li { float:none; }

nav.navbar ul li:first-child { padding-left:5px;}
nav.navbar ul li:last-child { padding-right:5px;}
ul.subnav {
	margin:0 0 20px 0;
	padding:0;
	height:30px;
	background-color:#e1e1e1;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
}
ul.subnav li {
	float:left;
	line-height:30px;
	margin:0px 20px 0px 20px;
}
ul.subnav li img {
	vertical-align:middle;
	padding:3px;
}
ul.subnav li a {
	color:#000000;
}
ul.subnav li:last-child:after {
	content:"";
	clear:both;
	display:block;
}

.homeContainer {
	position:relative;
	background-image:url(../img/background_front.jpg);
	background-size:cover;
	background-position:0% 50%;
	background-repeat:no-repeat;
	border-top:1px solid transparent;
	height:calc(100% - 150px);
}
article.container {
	min-height: calc(100% - 150px);
}
.buttonContainer {
	position:relative;
	margin: 50px auto 0;
	width:90%;
	max-width:724px;
	height:100%;
	border-top:1px solid transparent;
}
.logoContainer {
	position:relative;
	width:100%;
	max-width:320px;
	height:40%;
	max-height:200px;
	margin:0 auto;
	background-image:url(../img/plans_review.png);
	background-repeat:no-repeat;
	background-position: 50% 0;
	background-size:contain;
}
.buttonContainer .buttons {
	position:relative;
	width:100%;
	max-width:724px;
	margin:50px auto 0;
}
.buttonContainer a.getStarted, .buttonContainer a.userLogIn {
	display:block;
	position:absolute;
	width:45%;
}
.buttonContainer a img {
	max-width:100%;
}
.buttonContainer a.getStarted { left:0; }
.buttonContainer a.userLogIn { right:0; text-align:right; }
.contentWrapper {
	background-color:#FFFFFF;
	min-height:300px;
	padding-bottom:10px;
}

#registerNav li, #loginNav li { width: 50%; }
.registrationForm {
	padding:10px 10px;
	border:1px solid #dddddd;
	border-top:none;
}
.g-recaptcha, .h-captcha {
	margin:0 auto !important;
	width:300px;
}
.PlansReview_Contact-Remove {
	margin-top:25px;
}
.row-separator {
	border-top: 1px solid #dddddd;
	margin-top:10px;
	padding-top:10px;
}
.applicationLabel {
	display:block;
	font-weight:bold;
}
.applicationField {
	display:block;
	color:#000088;
}
.alignLeft {text-align:left;}
.alignCenter {text-align: center;}
.alignRight {text-align: right;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearEle {clear:both;}
input[type=date] { 
	background-image:url(../img/icon_calendar.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
	line-height: 1;
}
input.search {
	background-image:url(../img/icon_search.gif);
	background-repeat:no-repeat;
	background-position:95% 50%;
}
ul.ui-autocomplete {
	max-height:300px;
	overflow-y:scroll;
}
section.sectionPanel {
	padding-top:10px;
	padding-bottom:20px;
}
.row-buffer {
	margin-top:10px;
}

#beta {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:24px;
	background-color:#990000;
	color:#FFFFFF;
	font-family:Calibri, Arial;
	font-size:12px;
	line-height: 24px;
	text-transform:uppercase;
	padding-left:25%;
	z-index:100;
}

.loader {
	padding:8px;
	margin:0 4px;
	background-image:url(../img/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.loader[style] { display:inline !important;} /* Overwrite JQuery's inline display:block */

/* Modal styles */
.modalBox-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,.5);
	z-index:1000;
}
.modalBox {
	position: fixed;
	left:50%;
	top:50%;
	width:600px;
	height:300px;
	margin-left:-300px;
	margin-top:-200px;
	border:1px solid #AAAAAA;
	background-color:#FFFFFF;
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 5px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,.2);
	z-index:1100;
}
.modalBox header {
	position:absolute;
	top:0;
	height:32px;
	padding:0 10px;
}
.modalBox article {
	height:calc(100% - 76px);
	margin-top:30px;
	margin-bottom:46px;
	padding-top:5px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.modalBox footer {
	position:absolute;
	bottom:0;
	height:40px;
	padding:0 10px;
}
.modalBox footer button {
	margin-right:5px;
}
.modalBox header h1 {
	margin:0;
	font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:24px;
	font-size:1.5rem;
	line-height:32px;
	line-height:2rem;
	text-transform:uppercase;
	color:#666666;
}
.modalBox.PlansReview_Application_ModalBox_Search {
	width:800px;
	height:550px;
	margin-left:-400px;
	margin-top:-300px;
}
.modalBox .PlansReview_Application_SearchContainer {
	width:96%;
	height:215px;
	margin:10px auto;
	overflow-y:scroll;
	border:1px solid #BBBBBB;
}
.modalBox .PlansReview_Application_SearchContainer table {
	width:100%;
	font-size:12px;
	font-size:.75rem;
}
.modalBox .PlansReview_Application_SearchContainer thead {
	background-color:#EEEEEE;
	border-bottom:1px solid #E1E1E1;
}
.modalBox .PlansReview_Application_SearchContainer th {
	text-align: center;
	color:#333333;
	border-bottom:1px solid #BBBBBB;
}
.modalBox .PlansReview_Application_SearchContainer th.selected {
	background-color:#B1B1B1;
}
.modalBox .PlansReview_Application_SearchContainer tbody td {
	text-align:center;
	vertical-align: top;
}
.modalBox .PlansReview_Application_SearchContainer tbody tr:nth-child(even) td {
	background-color:#F1F1F1;
}
.modalBox .PlansReview_Application_SearchContainer tbody tr:hover td {
	background-color:#428bca;
	color:#FFFFFF;
	cursor:pointer;
}
.modalBox .PlansReview_Application_SearchContainer tbody tr.selected td {
	background-color:#444444 !important;
	color:#FFFFFF !important;
}
.modalBox .PlansReview_Application_SearchContainer tfoot td {
	background-color:#EEEEEE;
	border-top:1px solid #BBBBBB;
	line-height:30px;
	text-align:center;
}
.modalBox .PlansReview_Application_SearchContainer a { color:#000000; }
.modalBox .PlansReview_Application_SearchContainer a:hover { text-decoration:underline; }

.modalBox_PlansReviewRevision {
	height:550px;
	margin-top:-325px;
}
.modalBox_PlansReviewRevision .fileContainer {
	height:200px;
	overflow-y:scroll;
}
.modalBox_PlansReviewClient {
	height:400px;
	margin-top:-220px;
}
.modalBox.modalBox_PlansReviewApplicationUpgrade {
	width:500px;
	height:300px;
	margin-left:-250px;
	margin-top:-150px;
}
.modalBox.modalBox_PlansReviewApplicationUpgrade p, 
.modalBox.modalBox_PlansReviewApplicationUpgrade div {
	margin-left: 10px;
	margin-right:10px;	
}
.modalBox.modalBox_PlansReviewApplicationNonFSE {
	width:550px;
	height:250px;
	margin-left:-275px;
	margin-top:-125px;
}
.modalBox.modalBox_PlansReviewApplicationNonFSE p {
	margin-left: 10px;
	margin-right:10px;	
}
/* End of modal styles */

/* Dialog styles */
.dialog-overlay {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:#000000;
	opacity:.5;
	z-index:1500;
}
.dialog {
	position:fixed;
	max-width: 95%;
	width:350px;
	height:220px;
	padding:5px 15px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color:#EDEDED;
	color:#333333;
	border:1px solid #FFFFFF;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:0px 0px 20px 10px rgba(160,160,160,.4);
	-webkit-box-shadow:0px 0px 20px 10px rgba(160,160,160,.4);
	-o-box-shadow:0px 0px 20px 10px rgba(160,160,160,.4);
	box-shadow:0px 0px 20px 10px rgba(160,160,160,.4);
	z-index:1501;
}
.dialog-title {
    color: #4A4A4A;
	font-family: "Calibri","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
	margin:10px 0 20px 0;
}
.dialog-content {
	position:absolute;
	top:50px;
	right:15px;
	bottom:40px;
	left:15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;   
    color: #333333;
	font-family: Calibri,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.2;
}
.dialog-button-container {
	position:absolute;
	bottom:0;
	width:100%;
	height:30px;
}
.dialog-button {
	font-family:Calibri, Helvetica, sans-serif;
	font-size:12px;
	background-color:#5d758d;
	color:#FFFFFF;
	border:none;
	padding:4px 20px;
	margin:0 5px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.dialog-error {
	font-family:Calibri, Helvetica, sans-serif;
	font-size:12px;
	font-color:#FF0000;
}
/* End of admin dialog styles */

.messages p {
	margin-top:5px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}


/* File uploader styles */
.fileUploadSelect {
	display:block;
}
.fileUploadAbort {
	display:inline-block;
	background:url(../img/icon_cancel.png);
	width:16px;
	height:16px;
	vertical-align: middle;
	margin:3px;
}
.fileUploadSuccess {
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align: middle;
	margin:3px;
	background:url(../img/icon_success.png);
}
.fileUploadProgress {
	margin:4px auto;
	width:90%;
	height:5px;
	background-color: #AAAAAA;
}
.fileUploadProgress .fileUploadProgressBar {
	background-color:#333333;
	height:5px;
}
/* End of file uploader styles */

/* Styles for the status cards */
.component-card {
	background-color:#F1F1F1;
	padding:10px 10px;
	margin: 15px auto;
	transition: background-color .35 ease;
	width:80%;
}
.component-card:nth-child(odd) {
	background-color:#F1F1E3;
}
.component-card h5 {
	font-size:1.25rem;
	text-transform: uppercase;
}
.component-card.highlight {
	background-color:#FFFFE0;
}
.component-card-entry {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #666666;
}
.component-card-entry:last-child {
	border-bottom:none;
	margin-bottom:0;
}
/* End of styles for the status cards */

/* Styles for the status revision cards */
.status-revisions .container-empty {
	display:none;
}
.status-revisions .container-empty:first-child {
	display:block;
}
.status-revision-card {
	background-color:rgba(100,100,100,.1);
	padding:10px 10px;
	margin: 15px auto;
	transition: background-color .35 ease;
	width:100%;
}
/* End of styles for the status revision cards */

/* Styles for the revision cards */
/* For the following rows, we only want the row to
display if it is the last row in the container. Thus,
the default state is 'None' but if it is the last row
then we override the style and display it. */
.row.add-headline {
	display:block;
}
.row.add-headline:nth-last-child(2) {
	display:none;
}
.row.add-empty {
	display:none;
}
.row.add-empty:last-child {
	display:block;
}
/* End of styles for the revision cards */

.footerWrapper {
	height:50px;
	background-color:#666666;
	border-top:3px solid #FFFFFF;
}