/* Minification failed. Returning unminified contents.
(7,1): run-time error CSS1019: Unexpected token, found '/'
(7,2): run-time error CSS1019: Unexpected token, found '/'
(8,1): run-time error CSS1031: Expected selector, found '/'
(8,1): run-time error CSS1025: Expected comma or open brace, found '/'
(10,1): run-time error CSS1019: Unexpected token, found '@import'
(10,9): run-time error CSS1019: Unexpected token, found '"responsive.less"'
(10,26): run-time error CSS1019: Unexpected token, found ';'
(13,1): run-time error CSS1019: Unexpected token, found '/'
(13,2): run-time error CSS1019: Unexpected token, found '/'
(14,1): run-time error CSS1031: Expected selector, found '/'
(14,1): run-time error CSS1025: Expected comma or open brace, found '/'
(41,12): run-time error CSS1036: Expected expression, found '@prePassRedError'
(48,23): run-time error CSS1036: Expected expression, found '@prePassLightPink'
(53,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'border-radius('
(72,1): run-time error CSS1019: Unexpected token, found '/'
(72,2): run-time error CSS1019: Unexpected token, found '/'
(73,1): run-time error CSS1031: Expected selector, found '/'
(73,1): run-time error CSS1025: Expected comma or open brace, found '/'
(89,13): run-time error CSS1036: Expected expression, found '@prePassMediumIconHeight'
(90,12): run-time error CSS1036: Expected expression, found '@prePassMediumIconWidth'
(97,1): run-time error CSS1019: Unexpected token, found '/'
(97,2): run-time error CSS1019: Unexpected token, found '/'
(98,1): run-time error CSS1031: Expected selector, found '/'
(98,1): run-time error CSS1025: Expected comma or open brace, found '/'
(106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'prepass-icon-sprite-mixin('
(107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'prepass-icon-small-mixin('
(112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'prepass-icon-sprite-mixin('
(113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'prepass-icon-medium-mixin('
(118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'prepass-icon-sprite-mixin('
(119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'prepass-icon-medium-mixin('
(124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'prepass-icon-sprite-mixin('
(125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'prepass-icon-medium-mixin('
(130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'buttonBackground('
(134,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'border-radius('
(149,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(154,20): run-time error CSS1035: Expected colon, found ','
(163,1): run-time error CSS1019: Unexpected token, found '/'
(163,2): run-time error CSS1019: Unexpected token, found '/'
(164,1): run-time error CSS1031: Expected selector, found '/'
(164,1): run-time error CSS1025: Expected comma or open brace, found '/'
(171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'buttonBackground('
(175,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'border-radius('
(190,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(195,20): run-time error CSS1035: Expected colon, found ','
(206,1): run-time error CSS1019: Unexpected token, found '/'
(206,2): run-time error CSS1019: Unexpected token, found '/'
(207,1): run-time error CSS1031: Expected selector, found '/'
(207,1): run-time error CSS1025: Expected comma or open brace, found '/'
(216,8): run-time error CSS1035: Expected colon, found '{'
(220,1): run-time error CSS1019: Unexpected token, found '/'
(220,2): run-time error CSS1019: Unexpected token, found '/'
(229,16): run-time error CSS1035: Expected colon, found '{'
(317,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'clearfix('
(328,16): run-time error CSS1035: Expected colon, found '{'
(347,16): run-time error CSS1035: Expected colon, found '{'
(370,16): run-time error CSS1035: Expected colon, found '{'
(379,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(383,14): run-time error CSS1036: Expected expression, found '@prePassWhite'
(386,10): run-time error CSS1036: Expected expression, found '@prePassLargeLogoHeight'
(394,16): run-time error CSS1035: Expected colon, found '{'
(415,1): run-time error CSS1019: Unexpected token, found '/'
(415,2): run-time error CSS1019: Unexpected token, found '/'
(418,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(424,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(426,46): run-time error CSS1019: Unexpected token, found '@prePassWhite'
(426,46): run-time error CSS1042: Expected function, found '@prePassWhite'
(426,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@prePassWhite'
(427,43): run-time error CSS1019: Unexpected token, found '@prePassWhite'
(427,43): run-time error CSS1042: Expected function, found '@prePassWhite'
(427,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@prePassWhite'
(428,42): run-time error CSS1019: Unexpected token, found '@prePassWhite'
(428,42): run-time error CSS1042: Expected function, found '@prePassWhite'
(428,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@prePassWhite'
(429,41): run-time error CSS1019: Unexpected token, found '@prePassWhite'
(429,41): run-time error CSS1042: Expected function, found '@prePassWhite'
(429,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@prePassWhite'
(433,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(439,18): run-time error CSS1035: Expected colon, found '{'
(764,28): run-time error CSS1035: Expected colon, found '{'
(776,9): run-time error CSS1035: Expected colon, found '{'
(781,8): run-time error CSS1035: Expected colon, found '{'
(795,7): run-time error CSS1035: Expected colon, found '{'
(802,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(856,1): run-time error CSS1019: Unexpected token, found '/'
(856,2): run-time error CSS1019: Unexpected token, found '/'
(858,17): run-time error CSS1036: Expected expression, found '@prePassLightPurple'
(859,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@prePassPurple'
(865,16): run-time error CSS1035: Expected colon, found '{'
(894,1): run-time error CSS1019: Unexpected token, found '/'
(894,2): run-time error CSS1019: Unexpected token, found '/'
(895,1): run-time error CSS1031: Expected selector, found '/'
(895,1): run-time error CSS1025: Expected comma or open brace, found '/'
(905,1): run-time error CSS1019: Unexpected token, found '/'
(905,2): run-time error CSS1019: Unexpected token, found '/'
(905,15): run-time error CSS1030: Expected identifier, found ' '
(905,24): run-time error CSS1031: Expected selector, found '&'
(905,24): run-time error CSS1025: Expected comma or open brace, found '&'
(911,1): run-time error CSS1019: Unexpected token, found '/'
(911,2): run-time error CSS1019: Unexpected token, found '/'
(911,15): run-time error CSS1030: Expected identifier, found ' '
(911,42): run-time error CSS1031: Expected selector, found '/'
(911,42): run-time error CSS1025: Expected comma or open brace, found '/'
(926,1): run-time error CSS1019: Unexpected token, found '/'
(926,2): run-time error CSS1019: Unexpected token, found '/'
(926,15): run-time error CSS1030: Expected identifier, found ' '
(927,1): run-time error CSS1031: Expected selector, found '/'
(927,1): run-time error CSS1025: Expected comma or open brace, found '/'
 */

* {
	z-index: 0;
}


// Imports
// -------
@import "bootstrap.less";
@import "responsive.less";


// Variables
// ---------
@prePassWhite:				#fff;
@prePassOffWhite:			#ebeaea;
@prePassLightGray:			#dedede;
@prePassGray:				#9c9c9c;
@prePassBlack:				#272525;
@prePassLightPurple:		#5E38BE;
@prePassPurple:				#29005F;
@prePassPink:				#dfc9e6;
@prePassLightPink:          #ffcccc;
@prePassGreen:				#539049;
@prePassYellow:				#f8db24;
@prePassLightYellow:		#e4d09e;
@prePassDarkYellow:			#f0be28;
@prePassRedError:           #b10000;

@prePassMediumIconHeight:	32px;
@prePassMediumIconWidth:	32px;
@prePassLargeLogoHeight:	100px;
@prePassLargeLogoOffset:	12px;

@prepassIconSpritePath:		"/mobile/res/images/prepass-sprite.png";
@prepassLeftShadowPath:		"/mobile/res/images/prepass-left-form-shadow.png";
@prepassCenterShadowPath:	"/mobile/res/images/prepass-center-form-shadow.png";
@prepassRightShadowPath:	"/mobile/res/images/prepass-right-form-shadow.png";

.field-validation-error {
    color: @prePassRedError;
    font-size: smaller;
    width:99%;
    text-wrap:normal;
}

.validation-error {
    background-color: @prePassLightPink;
    margin:10px 10px 0 10px;
    padding-left:5px;
    padding-right:5px;
    border:solid 1px #ff7474;
    .border-radius(5px);
}

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

.input-validation-error {
    border: 2px ridge #ff0000;
}

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

.validation-summary-valid {
    display: none;
}
// Mixins
// ------
.prepass-icon-sprite-mixin {
	display: inline-block;
	.ie7-restore-right-whitespace();
	line-height: 1;
	vertical-align: text-top;
	background-image: url("@{prepassIconSpritePath}");
	background-repeat: no-repeat;
}

.prepass-icon-small-mixin {
    height: 24px;
    width: 24px;
}

.prepass-icon-medium-mixin {
    height: @prePassMediumIconHeight;
    width: @prePassMediumIconWidth;
}

ul
{
   list-style-type: none; 
}
// Icons
// -----
.prepass-icon-alert {
	.prepass-icon-sprite-mixin();
	.prepass-icon-small-mixin();
	background-position: 0 0;
}

.prepass-icon-back, .prepass-icon-back-custom {
	.prepass-icon-sprite-mixin();
	.prepass-icon-small-mixin();
	background-position: -24px 0;
}

.prepass-icon-sign-up {
	.prepass-icon-sprite-mixin();
	.prepass-icon-medium-mixin();
	background-position: 0 -24px;
}

.prepass-icon-call-now {
	.prepass-icon-sprite-mixin();
	.prepass-icon-medium-mixin();
	background-position: -32px -24px;
}

.prepass-icon-log-out {
	.prepass-icon-sprite-mixin();
	.prepass-icon-medium-mixin();
	background-position: -64px -24px;
}

.prepass-link {
	.buttonBackground(@prePassYellow, @prePassDarkYellow);
	color: rgba(0,0,0,.75);
	font-weight: bold;

	&:hover,
	&:focus {
		color: rgba(0,0,0,.75);
	}

	.prepass-icon {
		margin: -5px -5px -5px 0;
	}
}

.prepass-btn-back {
	.border-radius(50%);
	display: inline-block;
	height: 34px;
	left: 11px;
	padding: 0; //padding: 1px 5px 5px;
	position: absolute;
	top: -26px;
	width: 34px;

	.prepass-icon-back, .prepass-icon-back-custom {
		margin: 1px 4px;
		position: relative;
	}
}

.prepass-btn-top-margin {
	margin-top: 53px !important;
}
// Buttons
// -------

.btn
{
    margin-top: 10px;
}
.prepass-btn {
	.buttonBackground(@prePassYellow, @prePassDarkYellow);
	color: rgba(0,0,0,.75);
	font-weight: bold;

	&:hover,
	&:focus {
		color: rgba(0,0,0,.75);
	}

	.prepass-icon {
		margin: -5px -5px -5px 0;
	}
}

.prepass-btn-back {
	.border-radius(50%);
	display: inline-block;
	height: 34px;
	left: 11px;
	padding: 0; //padding: 1px 5px 5px;
	position: absolute;
	top: -26px;
	width: 34px;

	.prepass-icon-back, .prepass-icon-back-custom {
		margin: 1px 4px;
		position: relative;
	}
}

.prepass-btn-top-margin {
	margin-top: 53px !important;
}


// Core
// ----
body, html {
	background: @prePassPurple;
}

table
{
    width: 100%;

    td {width: auto; padding:3px;}
    th {text-align: left; background:#571a6b; color:#fff; padding:3px;}
    tr:nth-child(2n+2) {background:#ddd;}
}
// PrePass Navbar
.prepass-navbar {
	float: left;
	margin: 0;
	min-width: 320px;
	padding: 0;
    position: relative;
	width: 100%;

	.navbar-inner {
		.reset-filter();
		background-image: none;
		background: @prePassLightPurple;
		border: 0 solid @prePassPurple;
		border-bottom-width: 1px;
		border-radius: 0;
		height: @prePassMediumIconHeight + 5;
		min-height: auto;
		overflow: hidden;
		padding: 0 5px;
		position: relative;

		.container {
			height: @prePassMediumIconHeight;
			margin-top: 2px;
			position: relative;
            
			.nav {
				.pull-right();
				height: @prePassMediumIconHeight;
				margin-right: 3px;

				li {
					color: @prePassPink;
					height: @prePassMediumIconHeight;
					line-height: 3;
					position: relative;

					a {
						color: @prePassWhite;
						font-size: 97%;
						height: @prePassMediumIconHeight;
						line-height: 3.5;
						outline: none;
						padding: 0 8px;
						position: relative;
					}

					a:hover {
						text-decoration: underline;
					}
				}

				.prepass-navitem-active-user {
					font-style: italic;
					margin-right: 12px;
				}

				.prepass-navitem-sign-up,
				.prepass-navitem-call-now,
				.prepass-navitem-log-out {
					a {
						span {
							left: -2px;
							position: absolute;
							top: 0;
						}
					}
				}

				.prepass-navitem-sign-up {
					a {
						padding: 0 7px 0 @prePassMediumIconHeight;
					}
				}

				.prepass-navitem-call-now {
					a {
						padding: 0 8px 0 @prePassMediumIconHeight - 4;
					}
				}

				.prepass-navitem-log-out {
					a {
						padding: 0 8px 0 @prePassMediumIconHeight - 1;
					}
				}
			}
		}
	}
}

.prepass-navbar.navbar {
	z-index: 0 !important;
}

.prepass-navbar.navbar-fixed-top {
	.clearfix();
	left: 0;
	margin: 0;
	min-width: 320px;
	padding: 0;
    position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;

	.navbar-inner {
		.container {
			.prepass-logo-white {
				left: 3px;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 2px;

				img {
					height: @prePassMediumIconHeight - 3;
					max-height: 109px; // actual image size
				}
			}
		}
	}
}

.prepass-navbar.prepass-icons-only {
	.navbar-inner {
		.container {
			.nav {
				.prepass-navitem-icon {
					a {
						overflow: hidden;
						padding: 0;
						text-indent: -9999px;
						white-space: nowrap;
						width: @prePassMediumIconWidth;
					}
				}
			}
		}
	}
}

.prepass-navbar.prepass-navbar-overlay {
	float: none;
	left: 0;
    position: absolute;
	top: 0;

	.navbar-inner {
		.reset-filter();
		background-image: none;
		background: none;
		border-bottom-width: 0;
	}
}

.prepass-navbar.prepass-navbar-overlay.navbar {
	z-index: 2 !important; // setting panel to lay over logo so menu items are clickable
}

.prepass-navbar-logo-overlay {
	background: @prePassWhite;
	display: inline-block;
	float: left;
	height: @prePassLargeLogoHeight - @prePassMediumIconHeight + @prePassLargeLogoOffset - 8;
	margin: 0;
	min-width: 320px;
	padding: 0;
    position: relative;
	width: 100%;
	z-index: 1;

	.prepass-logo {
		height: @prePassLargeLogoHeight;
		left: 7px;
		max-height: 177px;
		position: absolute;
		top: 0 - @prePassMediumIconHeight + @prePassLargeLogoOffset;
		z-index: 1;
	}

	.prepass-overlay {
		background: @prePassWhite;
		border-top: 1px solid @prePassPurple;
		border-top-right-radius: @prePassMediumIconHeight - 5;
		height: @prePassMediumIconHeight + 3;
		left: 0;
		position: absolute;
		top: 0 - @prePassMediumIconHeight - 2;
		width: 132px;
	}
}

// PrePass Body
.prepass-body {

	// css gradient fallback
	background-color: @prePassWhite;
    background-image: url("/res/images/prepass-body-gradient.png");
	background-position: center bottom;
    background-repeat: repeat-x;

	// css gradient
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@prePassOffWhite), to(@prePassWhite));
    background: -webkit-linear-gradient(top, @prePassWhite, @prePassOffWhite);
    background: -moz-linear-gradient(top, @prePassWhite, @prePassOffWhite);
    background: -ms-linear-gradient(top, @prePassWhite, @prePassOffWhite);
    background: -o-linear-gradient(top, @prePassWhite, @prePassOffWhite);

	float: left;
	margin: 0;
	min-height: 300px; // height + padding = size of fallback image (355px)
	min-width: 320px;
	padding: 0 0 8px;
	position: relative;
	width: 100%;

	.prepass-slogan {
		color: @prePassPurple;
		display: block;
		font-size: 105%;
		margin: 0 10px -6px;
		position: relative;
		text-align: center;

		strong {
			color: @prePassGreen;
			font-weight: normal;
		}
	}

	.prepass-form {
		
		// css gradient fallback
		background-color: @prePassLightGray;
		background-image: url("/res/images/prepass-form-gradient.png");
		background-position: center bottom;
		background-repeat: repeat-x;

		// css gradient
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@prePassGray), to(@prePassLightGray));
		background: -webkit-linear-gradient(top, @prePassLightGray, @prePassGray);
		background: -moz-linear-gradient(top, @prePassLightGray, @prePassGray);
		background: -ms-linear-gradient(top, @prePassLightGray, @prePassGray);
		background: -o-linear-gradient(top, @prePassLightGray, @prePassGray);

		border: 1px solid @prePassGray;
		border-radius: 5px;
		display: block;
		margin: 10px 10px 6px;
		min-height: 236px; // height + padding = size of fallback image (254px)
		padding: 25px 13px 8px;
		position: relative;
		
		.prepass-account {
			position: absolute;
			right: 4px;
			top: -24px;
		}

		h4 {
			font-weight: bold;
			margin-top: 2px;
		}

		hgroup {
			h5 {
				color: @gray;
				font-weight: normal;
				line-height: 1.2;
				margin: -10px 0 10px;
			}
		}

		form {
			margin: 0;

			.control-group {
				margin-bottom: 8px;

				.control-label {
					display: inline !important;
					float: left !important;
					text-align: left;
					width: 100px;
				}

				.control-label.prepass-small-emphasis {
					color: lighten(@textColor, 15%);
					font-size: 89%;
				}

				.controls {
					margin-left: 110px;

					button,
					input {
						display: block;
						float: left;
						position: relative;
						width: 100%;
					}

					button {
						margin: 6px 0 0;
					}

					strong {
						display: block;
						margin-bottom: 5px;
						padding-top: 5px;
					}

					.prepass-past-due {
						color: lighten(@red, 5%);
					}

					p {
						color: @gray;
						line-height: 1.2;
					}

					p.prepass-alert {
						color: lighten(@red, 5%);
						padding-top: 8px;

						.prepass-icon-alert {
							float: left;
							margin: -5px 5px 0 0;
						}
					}

					.checkbox {
						.pull-left();
						line-height: 1.8em;

						input {
							border-width: 0 !important;
							width: auto;
						}
					}

					
                    .prepass-forgot-password {
						.pull-right();
						line-height: 1.8em;
						margin: 5px 0 0 5px;
                        padding:0 0 0 5px;
					}

					.prepass-remove-payment {
						.pull-right();
						padding: 7px;
						position: relative;

						.icon-remove-sign {
							margin: 0;
							.opacity(65);
							position: relative;
						}
					}

					.prepass-remove-payment:hover {
						.icon-remove-sign {
							.opacity(100);
						}
					}

					select.prepass-exp-month {
						.pull-left();
						position: relative;
						width: 48%;
					}

					select.prepass-exp-year {
						.pull-right();
						position: relative;
						width: 48%;
					}

					select.prepass-search-by {
						width: 100%;
					}

					select.prepass-not-selected {
						color: @grayLight;
					}
				}

				.controls.prepass-controls-input {
					margin-right: 14px;
				}
			}

			.control-group.prepass-small-group {
				margin-bottom: 0;

				.control-label {
					margin-bottom: 0;
					padding-top: 0;
				}

				.controls {
					strong {
						margin-bottom: 0;
						padding-top: 0;
					}
				}
			}

			.control-group.prepass-group-separation {
				margin-bottom: 13px;
				position: relative;
			}

			.control-group.prepass-group-no-labels {
				.control-label {
					display: none !important;
				}

				.controls {
					margin-left: 0 !important;
					padding-left: 0 !important;
				}
			}

            /*.control-group.validation-error {
                background-color: #ff6a00;
                font-size:24px;

            }*/
		}
	}

	.prepass-form.prepass-form-back-button {
		margin-top: 33px;
	}

	.prepass-form.prepass-form-no-padding {
		padding: 10px 0 8px;

		h4 {
			margin-left: 13px;
		}

		hgroup {
			h5 {
				margin-left: 13px;
			}
		}

		table.prepass-table {
			float: left;
			margin-bottom: 16px;
			position: relative;
			width: 100%;

			th,
			td {
				padding-left: 13px;
				padding-right: 0;
			}

			th:last-child,
			td:last-child {
				padding-right: 13px;
			}
		}

		ul.prepass-events {
			float: left;
			margin-bottom: 16px;
			position: relative;
			width: 100%;

			li {
				display: block;
				line-height: 1.4;
				padding: 4px 13px 4px 64px;

				.prepass-icon {
					left: 13px;
					position: absolute;
					top: 4px;
				}

				em {
					color: lighten(@textColor, 15%);
					font-size: 94%;
				}
			}

			> li:nth-child(odd),
			> li:nth-child(odd) {
				background-color: @tableBackgroundAccent;
			}

		}

		.prepass-view-more {
			.clearfix();
			display: block;
			position: relative;
			text-align: center;
		}
	}

	.prepass-form-shadow {
		background: transparent;
		border: 0;
		display: block;
		height: 22px;
		margin: 0;
		outline: 0;
		overflow: hidden;
		padding: 0;
		position: relative;

		.prepass-left-shadow,
		.prepass-center-shadow,
		.prepass-right-shadow {
			display: none;
		}
	}

	.prepass-form-shadow:after {
		box-shadow: 0px 25px 10px #666;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		content:"";
		display: block;
		height: 5px;
		margin: 0 auto;
		position: relative;
		top: -22px;
		width: 94%;
	}

}

.reportListItemContainer {margin:0; padding:0;
    .reportListItemWrapper {margin:0 0 10px;}
}

.reportContentContainer {
    clear:both;
    padding:10px 0;
    border-bottom:1px solid #9c9c9c;
}

.bypassLight {
    float:left;
    width:50px;
    img {margin:5px 0 0 0;}    
}

.reportInfoContainer {    
    float:left;
    ul {margin:0; padding:0;}
    li {display:block; clear:both;
        label {
            width: 120px;
        }
    }
}

#modalBackground {background: #000000; opacity: .75; position: fixed; width: 100%; height:100%; top:0; left:0; z-index:100;}
#modalWrapperOuter {margin:0;}
#modalWrapperOuter #modalWrapperInner {display:block; border:solid 2px #c1c1c2; opacity:1; position:fixed; top: 50%; left:50%; background: white; margin: -48px 0 0 -153px; padding: 5px; z-index:101; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
#modalWrapperOuter #modalQuestion {display:block; margin: 10px auto; padding:5px; overflow:hidden; font-weight:bold;}
#modalWrapperOuter #modalActions {
    display:block; overflow:hidden; margin:0 10px 10px;
    a {display:block; padding:7px 15px; .buttonBackground(@prePassYellow, @prePassDarkYellow); color: rgba(0,0,0,.75); font-weight: bold; text-decoration:none; border:1px solid #ccc; border-radius:3px;}
    a:hover, a:active {background:@prePassDarkYellow; color: rgba(0,0,0,.75);}
}

#modalActionYes {float:left;}
#modalActionNo {float:right;}

.no-boxshadow { // this is a modernizr class
	.prepass-body {
		.prepass-form-shadow {
			height: 25px;
			margin: -3px 10px 0;

			.prepass-left-shadow,
			.prepass-center-shadow,
			.prepass-right-shadow {
				display: block;
				height: 22px;
			}

			.prepass-left-shadow,
			.prepass-right-shadow {
				display: block;
				position: absolute;
				top: 0;
				width: 159px; // smaller than original image by 1px so combined width is 318px (min page width is 320px)
			}

			.prepass-left-shadow {
				background: url("@{prepassLeftShadowPath}") no-repeat left top;
				left: 0;
			}

			.prepass-center-shadow {
				background: url("@{prepassCenterShadowPath}") repeat-x center top;
				margin: 0 159px;
				position: relative;
			}

			.prepass-right-shadow {
				background: url("@{prepassRightShadowPath}") no-repeat right top;
				right: 0;
			}
		}

		.prepass-form-shadow:after {
			box-shadow: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			height: 0;
		}
	}
}


#idletimeout { background:#f2dcdb; border:3px solid #c0504d; color:#2c2c2c; font-family:arial, sans-serif; text-align:center; font-size:12px; padding:10px; position:fixed; top:0px; left:0; right:0; z-index:100000; display:none; }
#idletimeout a { font-weight:bold }
#idletimeout span { font-weight:bold }


// PrePass Footer
.prepass-footer {
    background: @prePassLightPurple;
    border-top: 1px solid @prePassPurple;
	float: left;
	min-width: 320px;
	position: static;
	width: 100%;

    .container {
		ul {
            display: block;
			list-style-type: none;
            margin: 10px 5px 11px 0;
			position: static;
			text-align: center;

            li {
                a {
                    color: @prePassOffWhite;
                }
            }
        }
    }
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}



// Overrides
// ---------



// Responsive: LARGE DESKTOP AND UP
// --------------------------------
@media (min-width: 1200px) {
}


// Responsive: TABLETS & SMALL DESKTOPS ONLY
// -----------------------------------------
@media (min-width: 768px) and (max-width: 979px) {
}


// Responsive: LANDSCAPE PHONE TO DESKTOP/TABLET
// ---------------------------------------------
@media (max-width: 767px) {
    body, html {
        padding: 0;
    }

	.prepass-footer {
		.container {
			width: auto !important;
		}
	}
}


// Responsive: UP TO LANDSCAPE PHONE
// ---------------------------------
@media (max-width: 480px) {
    body, html {
        padding: 0;
    }

	.prepass-footer {
		.container {
			width: auto;
		}
	}
}