/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.3em 0}h2{font-size:1.5em;margin:.3em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit],button[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

* { box-sizing: border-box; }

#colorbox { background-color: #cdcdcd; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#colorbox,
#cboxOverlay,
#cboxWrapper,
#cboxContent { overflow: visible; }
#cboxLoadedContent { margin-bottom: 0; }
#cboxContent { background-color: #cdcdcd; }
#cboxOverlay { background-image: none; background-color: rgba(0,0,0,0.7); }
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight { visibility: hidden; }
#cboxClose { bottom: auto; top: 0; width: 56px; height: 56px; margin: -40px -32px; background-image: url(../../elements/skin/close.png); background-position: 0 0; }
#cboxClose:hover { background-position: 0 0; }
/* Basic Structure */
html,
body { width: 100%; background-size: cover; background-attachment: fixed; color: #fff; }

.blurry {
    background-image:url('../../elements/skin/parking046_jpg_775x525_q85.jpg)');
    background-size:cover;
    background-position:0 3px;
    -webkit-filter: blur(5px); 
    filter: blur(3px);
}


.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn { margin-left: 90%; margin-top: 15px; }

.menu-btn span {
	display: block;
	width: 19px;
	height: 2px;
	margin: 4px 0;
	background: rgb(0,0,0);
	z-index: 99;
}

.expand { display: block !important; }
 
.iconButton { cursor: pointer; }
.iconTextLineAlignment { vertical-align: top; }

header .content, footer .content { padding: 0px 20px; }

a:link { outline: 0; text-decoration:underline; }

fieldset { background-color: #000; background-color: rgba(0,0,0,0.5); border:1px solid #999; border-radius:4px; box-shadow:0 0 4px #999; padding-top: 10px; padding-bottom: 10px; margin-top: 5px; }
legend { color:white; }

.changePasswordLink { font-weight:bold }

#content { }
#content .content { padding: 0 10px; margin: 0 auto;  }
#content h1 { width: 100%; margin: 110px auto 10px; color: #FFF; font-size: 30px; font-weight: 300; text-transform: uppercase; }
#content h2 { margin:0px; padding:0px; }

.note { font-size: 12px; font-style: italic; color: darkgray; }

.loadingPanel { position: fixed; margin: auto; display: none; width: 100%; height: 100%; text-align: center; z-index: 100000; background: rgba(0,0,0,0.4); }
.loadingBox { position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 100000; width: 220px; height: 120px; margin: auto; }
.loadingText { font-weight:bold; font-size:18px; margin-top: 8px; }

#findMyReceiptText { vertical-align: middle; height:100%; width:100%; white-space: nowrap; }
#findMyReceiptLoading { vertical-align: middle; padding-right: 5px; visibility: hidden; }

#content #login { margin-left:24%; width:100%; }
#content #login .g-recaptcha { margin-top: 10px; }
#content #login #loginTable  { }
#content #login #loginTable .col1 { max-width: 24px; margin-top:4px; }
#content #login #loginTable .col2 { width: 95%; }
#content #login #loginTable a:link { color: #FFF; }
#content #login #loginTable a:visited { color: #FFF; }
#content #login #loginTable a:hover { color: #FFF; }
#content #login #loginTable a:active { color: #FFF; }
#content #login #loginTable #submitWrapper {  }
#content #login #loginText { margin-left:-25px; vertical-align: middle; height:100%; width:100%; white-space: nowrap; }
#content #login #loginLoading { vertical-align: middle; padding-right: 5px; visibility: hidden; }
.submit-login { width:100%; margin-top: 4px; padding: 13px 38px 13px 35px; background: #182e5f; text-align:center; border: 1px solid gray; }

#content #changePassword { margin-left:24%; width:100%; }
#content #changePassword .wrapper {  }
#content #changePassword #changePasswordText { margin-left:-25px; vertical-align: middle; height:100%; width:100%; white-space: nowrap; }
#content #changePassword #changePasswordLoading { vertical-align: middle; padding-right: 5px; visibility: hidden; }
.submit-changePassword { margin-top: 23px; margin-left:2px; padding: 13px 38px 13px 15px; padding-left:10%; width:100%; background: #182e5f; text-align:center; border: 1px solid gray; }

#content #forgotPassword { margin-left:24%; width:100%; }
#content #forgotPassword input[type='text'] { display: inline-block; padding: 1px; margin: 0px; width:100%; font-size: 15px; }
#content #forgotPassword #forgotPasswordText { margin-left:-25px; vertical-align: middle; height:100%; width:100%; white-space: nowrap; }
#content #forgotPassword #forgotPasswordLoading { vertical-align: middle; padding-right: 5px; visibility: hidden; }
.submit-resetPassword { margin-top: 23px; margin-left:2px; padding: 13px 38px 13px 15px; padding-left:10%; width:100%; background: #182e5f; text-align:center; border: 1px solid gray; }


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

#content :-ms-input-placeholder { text-indent: 10px; }
#content ::-webkit-input-placeholder { text-indent: 10px; }
#content ::-moz-placeholder { text-indent: 10px; }
#content ::-webkit-input-placeholder { text-indent: 10px; }

input { text-indent: 10px; }


#content #unsubscribe { margin-left:24%; width:100%; }
#content #unsubscribe input[type='text'] { display: inline-block; padding: 1px; margin: 0px; width:100%; font-size: 15px; }
#content #unsubscribe #unsubscribeText { margin-left:-25px; vertical-align: middle; height:100%; width:100%; white-space: nowrap; }
#content #unsubscribe #unsubscribeLoading { vertical-align: middle; padding-right: 5px; visibility: hidden; }
.submit-unsubscribe { margin-top: 23px; margin-left:2px; padding: 13px 38px 13px 15px; padding-left:10%; width:100%; background: #062459; text-align:center; border: 1px solid gray; }

/*#content #profile { width: 100%; margin: 0 auto; max-width: 900px; }*/
#content #profile .wrapper { width: 100%; }
#content #profile .wrapper #profileTable { width: 100%; padding-bottom: 5px; }
#content #profile .wrapper #profileTable a:link { color: #FFF; }
#content #profile .wrapper #profileTable a:visited { color: #FFF; }
#content #profile .wrapper #profileTable a:hover { color: #FFF; }
#content #profile .wrapper #profileTable a:active { color: #FFF; }
#content #profile .wrapper #profileTable .sectionHeading { letter-spacing: 1px; font-weight:bold; }
#content #profile .wrapper #profileTable .creditCardHeading { padding-right: 10px; }
#content #profile .wrapper #profileTable .vehicleHeading { padding-right: 10px; }
#content #profile .wrapper #profileTable .MMYYInput { width: 60px; }
#content #profile .wrapper #profileTable .col1 { text-align:right; width: 15%; padding-right: 8px; padding-bottom:4px; padding-top:4px; }
#content #profile .wrapper #profileTable .col2 { width: 35%; }
#content #profile .wrapper #profileTable .col3 { text-align:right; width: 15%; padding-right: 8px; }
#content #profile .wrapper #profileTable .col4 { width: 35%; }
#content #profile .wrapper #profileTable .col5 { width: 0% }

#content #profile .wrapper #profileTable label { display: inline; font-size: 15px; vertical-align: bottom; text-align: right; margin:0px; padding:0px; }
#content #profile .wrapper #profileTable input[type='text'] { display: inline-block; padding: 1px; margin: 0px; width:100%; font-size: 14px; height:34px !important; }
#content #profile .wrapper #profileTable input[type='number'] { display: inline-block; padding: 1px; margin: 0px; width:100%; font-size: 14px; height:34px !important; }
#content #profile .wrapper #profileTable select { display: inline-block; padding: 1px; margin: 0px; width:100%; font-size: 14px; height:34px !important; color: #636363; }
#content #profile .wrapper #profileTable .dataEntryTable { width: 100%; margin-top:5px; margin-bottom:5px; color: white; }
#content #profile .wrapper #profileTable #termsAndConditionsMessageContainer { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; }
#content #profile .wrapper #profileTable #termsAndConditionsMessageContainer #termsAndConditionsMessage { font-size: 15px; }
#content #profile .wrapper #profileTable #termsAndConditionsMessage a:link { color: #FFF; font-weight:bold; }
#content #profile .wrapper #profileTable #termsAndConditionsMessage a:visited { color: #FFF; font-weight:bold; }
#content #profile .wrapper #profileTable #termsAndConditionsMessage a:hover { color: #FFF; font-weight:bold; }
#content #profile .wrapper #profileTable #termsAndConditionsMessage a:active { color: #FFF; font-weight:bold; }

#content #profile .wrapper #profileTable #emailOptionsMessageContainer { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; }
#content #profile .wrapper #profileTable #emailOptionsMessageContainer #emailOptionsMessage { font-size: 15px; }
#content #profile .wrapper #profileTable #emailOptionsMessage a:link { color: #FFF; font-weight:bold; }
#content #profile .wrapper #profileTable #emailOptionsMessage a:visited { color: #FFF; font-weight:bold; }
#content #profile .wrapper #profileTable #emailOptionsMessage a:hover { color: #FFF; font-weight:bold; }
#content #profile .wrapper #profileTable #emailOptionsMessage a:active { color: #FFF; font-weight:bold; }

#content #profile .wrapper #profileTable #vehicleFaqTooltipHeader { font-size: 16px; font-weight:bold; vertical-align:bottom; }
#content #profile .wrapper #profileTable #creditCardFaqTooltipHeader { font-size: 16px; font-weight:bold; vertical-align:bottom; }
#content #profile .wrapper #profileTable .submit-register { margin-top: 20px; padding: 13px 38px 13px 15px; padding-left:10%; width:100%; background: #182e5f; text-align:center; }
#content #profile .wrapper #profileTable #registerAccountText { margin-left:-25px; vertical-align: middle; height:100%; width:100%; white-space: nowrap; }
#content #profile .wrapper #profileTable #registerAccountLoading { vertical-align: middle; padding-right: 5px; visibility: hidden; }
/*#content #profile .wrapper #profileTable :-ms-input-placeholder { text-indent: 10px; }
#content #profile .wrapper #profileTable ::-webkit-input-placeholder { text-indent: 10px; }
#content #profile .wrapper #profileTable ::-moz-placeholder { text-indent: 10px; }
#content #profile .wrapper #profileTable ::-webkit-input-placeholder { text-indent: 10px; }*/

#content #profile .wrapper .validation-summary-errors { margin: 10px 15px; }
#content #profile .wrapper .validation-summary-success { margin: 10px 15px; }

.topPaddingCaptcha { padding-top: 8px; }

.textBoxVisaLogo { background: url(../../elements/Visa_small.png) no-repeat scroll 7px 7px; background-position-x: 98%; background-position-y: center; background-size: 54px 28px; }
.textBoxMasterCardLogo { background: url(../../elements/Mastercard_small.png) no-repeat scroll 7px 7px; background-position-x: 98%; background-position-y: center; background-size: 54px 28px; }
.textBoxDiscoverLogo { background: url(../../elements/Discover_small.png) no-repeat scroll 7px 7px; background-position-x: 98%; background-position-y: center; background-size: 54px 28px; }
.textBoxAmExLogo { background: url(../../elements/AmericanExpress_small.png) no-repeat scroll 7px 7px; background-position-x: 98%; background-position-y: center; background-size: 54px 28px; }
#txtAddNewCardNumber::-ms-clear { display: none; }
#txtEditCardNumber::-ms-clear { display: none; }

.visaLogoCardItemContainer { margin-bottom: 2px; transform: scale(.9); }
.visaLogo { background: url(../../elements/visaLogo.png) no-repeat; border-radius: 10px; height: 50px; width: 78px; }

.masterCardLogoCardItemContainer { margin-bottom: 2px; transform: scale(.9); }
.masterCardLogo { background: url(../../elements/masterCardLogo.png) no-repeat; border-radius: 10px; height: 50px; width: 78px; }

.discoverLogoCardItemContainer { margin-bottom: 2px; transform: scale(.9); }
.discoverLogo { background: url(../../elements/discoverLogo.png) no-repeat; border-radius: 10px; height: 50px; width: 78px; }

.amexLogoCardItemContainer { margin-bottom: 2px; transform: scale(.9); }
.amexLogo { background: url(../../elements/americanExpressLogo.png) no-repeat; border-radius: 10px; height: 50px; width: 78px; }

@font-face {
    font-family: creditCardFont;
    src: url('../../fonts/KREDIT1.TTF');
}


#content #profile .wrapper #profileTable fieldset.fieldsetProfileEdit { padding: .7em 1em; }
#content #profile .wrapper #profileTable fieldset.fieldsetProfileEdit .row { margin-left: 0; margin-right: 0; }
#content #profile .wrapper #profileTable fieldset.fieldsetProfileEdit h1 { margin-top: 0px; padding-left: 5px; }
#content #profile .wrapper #profileTable fieldset.fieldsetProfileEdit .form-group { line-height: 2.2; margin-bottom: 7px; }
#content #profile .wrapper #profileTable fieldset.fieldsetProfileEdit .section { margin: 15px 0; padding-bottom: 15px; }
#content #profile .wrapper #profileTable .items { width: 100%; display: table; padding: 10px 15px; }

/*#content #profile .wrapper #profileTable #cardItems {
    
}*/
#content #profile .wrapper #profileTable #cardItems #addCardItem { cursor: pointer; margin: 10px 10px 0px 0px; padding-top: 55px; vertical-align: middle; width: 100%; height: 100%; position: relative; border: 1px solid black; border-radius: 8px; height: 145px; width: 240px; background-color: gray; text-align: center; color: white; float:left; }
#content #profile .wrapper #profileTable #cardItems #addCardItem #addCardHeader { font-weight: bold; letter-spacing:1px; font-size: 18px; text-align: center; width: 100%; height: 100%; margin-top: 50px; }
#content #profile .wrapper #profileTable #cardItems .cardItem { float: left; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer { width: 100%; height: 100%; position: relative; margin: 10px 10px 0px 0px; height: 145px; width: 240px; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .background { width: 100%; height: 100%; background-image: url(../../elements/VisaBackground.jpg); height: 145px; width: 240px; border-radius: 8px; border: 1px solid black; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .backgroundVisa { width: 100%; height: 100%; background-image: url(../../elements/VisaBackground.jpg); height: 145px; width: 240px; border-radius: 8px; border: 1px solid black; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .backgroundDiscover { width: 100%; height: 100%; background-image: url(../../elements/DiscoverBackground.jpg); height: 145px; width: 240px; border-radius: 8px; border: 1px solid black; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .backgroundMastercard { width: 100%; height: 100%; background-image: url(../../elements/MastercardBackground.jpg); height: 145px; width: 240px; border-radius: 8px; border: 1px solid black; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .backgroundAmEx { width: 100%; height: 100%; background-image: url(../../elements/AmExBackground.jpg); height: 145px; width: 240px; border-radius: 8px; border: 1px solid black; }
#content #profile .wrapper #profileTable #cardItems .cardItem .pointer { cursor: pointer; } 
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardTable { width: 100%; height: 100%; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardTable .cardAlias { font-size: 16px; text-decoration: underline; font-weight: bold; letter-spacing: 1px; text-align: left; padding-left: 10px; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardTable .cardLogoContainer { text-align: right; vertical-align: bottom; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardTable .cardLogoContainer .cardLogo { vertical-align: bottom; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardTable .cardDeleteButton { text-align: right; vertical-align: top; padding-top: 8px; padding-right: 10px; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardTable .cardIdentificationNumber { vertical-align: top; letter-spacing: 3px; font-weight: 500; text-align: center; padding-top: 20px;
                                                                                                                    text-shadow: -1px -1px 1px white, 1px 1px 1px #000;
	                                                                                                                color: gray;
	                                                                                                                font-size: 17px; font-family: creditCardFont; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardTable .cardIdentificationExpiration { min-width:150px; font-size: 16px; letter-spacing: 1px; text-align:left; padding-top: 15px; padding-left: 14px;
                                                                                                                    	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	                                                                                                                    color: gray;
	                                                                                                                    font-size: 12px; font-family: creditCardFont; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardTable .validThru { font-size: 12px; font-family: Arial; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardRemovedOverlay { vertical-align: middle; display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.8); border: 1px solid black; border-radius: 4px; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardRemovedMessage { padding-top: 40px; text-align: center; width: 100%; color: white; font-weight: bold; font-size: 34px; text-decoration: underline; letter-spacing: 8px; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardExpiredOverlay { vertical-align: middle; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,0,0,0.25); border: 1px solid black; border-radius: 4px; }
#content #profile .wrapper #profileTable #cardItems .cardItem .cardContainer .cardExpiredMessage { padding-top: 40px; text-align: center; width: 100%; color: white; font-weight: bold; font-size: 34px; text-decoration: underline; letter-spacing: 8px; }

/*#content #profile .wrapper #profileTable #vehicleItems { text-align: center; width: 100%; display: table; margin-left: 20px; }*/
#content #profile .wrapper #profileTable #vehicleItems #addVehicleItem { cursor: pointer; margin: 10px 10px 0px 0px; padding-top: 55px; vertical-align: middle; width: 100%; height: 100%; position: relative; border: 1px solid black; font-size: 18px; font-weight: bold; text-align: center; border-radius: 8px; height: 145px; width: 240px; background-color: gray; color: white; float:left; }
#content #profile .wrapper #profileTable #vehicleItems #addVehicleItem #addVehicleHeader { font-weight: bold; letter-spacing:1px; font-size: 18px; text-align: center; width: 100%; height: 100%; margin-top: 50px; text-align: center; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem { float: left; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer { cursor: pointer; width: 100%; height: 100%; position: relative; margin: 10px 10px 0px 0px; border: 1px solid black; border-radius: 8px; height: 145px; width: 240px;  background-image: url(../../elements/LPBackground.jpg); background-size: 238px 142px; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleTable { width: 100%; height: 100%; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleTable .vehicleDeleteButton { text-align: right; vertical-align: top; padding-top: 12px; padding-right: 14px; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleTable .vehicleMake { text-align: left; padding-left: 16px;
                                                                                                                    text-shadow: -1px -1px 1px white, 1px 1px 1px #000;
	                                                                                                                color: white;
	                                                                                                                font: 16px 'Museo700'; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleTable .vehicleYear { text-align: left; padding-left: 10px; font-size: 16px; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleTable .vehicleModel { text-align: right; padding-right: 16px;
                                                                                                                    text-shadow: -1px -1px 1px white, 1px 1px 1px #000;
	                                                                                                                color: white;
	                                                                                                                font: 16px 'Museo700'; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleTable .vehicleState { text-align: center; padding-bottom: 6px;
                                                                                                                    text-shadow: -1px -1px 1px white, 1px 1px 1px #000;
	                                                                                                                color: white;
	                                                                                                                font: 20px 'Museo700'; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleTable .vehicleNickname { text-align: center; font-size: 1.2em; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleTable .vehicleIdentificationNumber { vertical-align: top; font-size: 20px; letter-spacing: 3px; font-weight: bold; text-align: center;
                                                                                                                                    text-shadow: -1px -1px 1px white, 1px 1px 1px #000;
	                                                                                                                                color: white;
	                                                                                                                                font: 24px 'Museo700'; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleRemovedOverlay { vertical-align: middle; display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.8); border: 1px solid black; border-radius: 4px; }
#content #profile .wrapper #profileTable #vehicleItems .vehicleItem .vehicleContainer .vehicleRemovedMessage { padding-top: 40px; text-align: center; width: 100%; color: white; font-weight: bold; font-size: 34px; text-decoration: underline; letter-spacing: 8px; }

.verifyCardItem { border: 1px solid black; border-radius: 4px; padding: 10px 20px 10px 20px; background: linear-gradient(lightgray, white); background: -webkit-linear-gradient(lightgray, white); background: -o-linear-gradient(lightgray, white); background: -moz-linear-gradient(lightgray, white); background: linear-gradient(lightgray, white); } }
.verifyCardItemSeperator { min-height: 25px; }
.verifyCardItem table { width: 100%; }
.verifyCardItem table .cardIdentificationContainer { vertical-align: bottom; width: 100%; }
.verifyCardItem table .cardIdentificationContainer .cardIdentificationNumber { font-size: 18px; letter-spacing: 1px; font-weight: bold; }
.verifyCardItem table .cardIdentificationContainer .cardIdentificationExpiration { font-size: 16px; letter-spacing: 1px; }
.verifyCardItem table .cardLogo { text-align: right; vertical-align: bottom; }
.verifyCardItem table .verifyCardButton { width: 100%; }
.verifyCardItem table .validationMessage { display: none; }
.verifiedOverlay { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.7); border: 1px solid black; border-radius: 4px; }
.verifiedMessage { text-align: center; width: 100%; color: white; font-weight: bold; font-size: 34px; text-decoration: underline; letter-spacing: 8px; }
.verifyCardItemContainer {   width: 100%; height: 100%; position: relative; }


.tooltip > .tooltip-inner { background-color: white; color: black; border: 1px solid black; padding: 10px 25px 10px 25px; max-width: 350px; text-align: left; }
.tooltip.in { opacity: 1; filter: alpha(opacity=100);}
.tooltip.top > .tooltip-arrow { border-top: 5px solid black; }
.tooltip.bottom > .tooltip-arrow { border-bottom: 5px solid black; }
.tooltip.left > .tooltip-arrow { border-left: 5px solid black; }
.tooltip.right > .tooltip-arrow { border-right: 5px solid black; }

#content .static-content-contactUs { position: relative; width: 600px; padding: 20px; margin: 110px auto 0; background-color: rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid white; color: #FFF; font-size: 12px; font-weight: 300; }
#content .static-content-contactUs h1 { margin: 0 0 20px; font-size: 17px; font-weight: 300; text-transform: uppercase; }
#content #contactUs { margin: 5px; }
#content #contactUs .sectionHeading { letter-spacing: 1px; font-weight: bold; }
#content #contactUs label { display: inline; font-size: 15px; vertical-align: bottom; text-align: right; margin:0px; padding:0px; }
#content #contactUs input[type='text'] { display: inline-block; padding: 1px; margin: 0px; font-size: 14px; height:25px; }
#content #contactUs #formWrapper { padding:10px; }
.submit-contactUs { margin-top: 20px; padding: 13px 38px 13px 15px; padding-left:10%; width:100%; background: #182e5f; text-align:center; }
#content #contactUs #sendEmailText { margin-left:-25px; vertical-align: middle; height:100%; width:100%; white-space: nowrap; }
#content #contactUs #sendEmailLoading { vertical-align: middle; padding-right: 5px; visibility: hidden; }
#content #contactUs  :-ms-input-placeholder { text-indent: 10px; }
#content #contactUs  ::-webkit-input-placeholder { text-indent: 10px; }
#content #contactUs  ::-moz-placeholder { text-indent: 10px; }
#content #contactUs  ::-webkit-input-placeholder { text-indent: 10px; }

.dataTable { width: 100%; }
.dataTable th { color: black; font-weight: bold; font-size: 14px; text-align:center; }
.dataTable td { background-color: white; color:black; font-weight: 300; }
.dataTable .rowActionColumnCommon { text-align: center; width: 40px; cursor: pointer; }

#content #thankYou { width: 100%; max-width: 900px; padding-bottom: 15px;}
#content #thankYou .wrapper { width: 100%; }
#content #thankYou .wrapper a:link { color: #FFF; }
#content #thankYou .wrapper a:visited { color: #FFF; }
#content #thankYou .wrapper a:hover { color: #FFF; }
#content #thankYou .wrapper a:active { color: #FFF; }

.modal { color: black; position: fixed; top: 3%; right: 3%; left: 3%; width: auto; margin: 0; z-index: 10001; }
.modal-body { height: 60%; }
.modal-body { max-height: 800px; padding: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.vertical-alignment-helper { display:table; height: 100%; margin: 0 auto; }
.vertical-align-center { display: table-cell; vertical-align: middle; }

.validation-summary-valid { display:none; }
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #b94a48 !important; background-color: #f2dede !important; }
.validation-summary-valid { display: none; }
.requiredFieldIndicator { color: #FF6666; font-size: 12px; vertical-align: top; }

#addNewCardValidationSummary { padding:10px; border-radius: 8px; display: none; }
#editCardValidationSummary { padding:10px; border-radius: 8px; display: none; }
#addNewVehicleValidationSummary { padding:10px; border-radius: 8px; display: none; }
#editVehicleValidationSummary { padding:10px; border-radius: 8px; display: none; }

#printReciptDetail { width: 100%; text-align: center; }
#printReciptDetail a:link { color: white; }
#printReciptDetail a:visited { color: white; }
#printReciptDetail a:hover { color: white; }
#printReciptDetail a:active { color: white; }

/*.cols { }
.cols:after { content: ''; display: table; clear: both; height: 0; }
.cols [class*='col-'] { display: block; float: left; padding-left: 27px; }
.cols [class*='col-']:first-of-type { padding-left:0 ; }
.cols .col-1-2 { width: 50%; }*/

.link-left,
.link-right { display: block; margin-bottom: 15px; line-height: 26px; min-height: 26px; color: #FFF; font-size: 16px; text-decoration: none; text-transform: uppercase; }
.link-left:before,
.link-right:after { content: ''; display: block; position: relative; top: 0; width: 26px; height: 26px; background: transparent url(../../elements/skin/arrow-left.png) no-repeat 0 0; background-size: 100% 100%; }
.link-left:before { float: left; margin-right: 10px; }
.link-right:after { float: right; margin-left: 10px; background-image: url(../../elements/skin/arrow-right.png); }
.link-left + .link-right { padding-left: 10px; border-left: 1px solid #FFF; margin-left: 10px; }
.link-right:after { display: inline-block; width: 26px; height: 26px; margin-right: 10px; background: transparent url(../../elements/skin/arrow-right.png) no-repeat 0 0; background-size: 100% 100%; }

.receipt-navigation { overflow: hidden; width: 100%; max-width: 1500px; text-align: center; margin-top: -20px; }
.receipt-navigation .link-left,
.receipt-navigation .link-right { display: inline-block; }

.results { max-width: 380px; padding-top: 0; margin: 0 auto; }
.results .item { display: block; max-height:200px; min-height:200px; padding: 20px 70px 20px 20px; margin: 0 auto 35px; background-color: #000; background-color: rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 3px solid #FFF; color: #FFF; text-align: left; text-decoration: none; }
.results .item + .link-left { margin: -25px 0 0; }
.results .result { background-image: url(../../elements/skin/arrow-right.png); background-position: right 20px center; background-repeat: no-repeat; background-size: 36px 36px; }
.results .receipt { padding: 20px; }
.results .item span { display: block; margin-bottom: 2px; font-size: 16px; font-weight: 300; }
.results .item .title { margin-bottom: 7px; font-size: 20px; font-weight: 300; text-transform: uppercase; }
.results .item .cost { font-size: 20px; font-weight: 300; }
.results .item .print { display: block; padding-top: 30px; color: #FFF; text-align: center; text-transform: lowercase; }
.results .item.receipt .title,
.results .item .cost { margin-bottom: 10px; }
.results .item #locationImage { width:100%; height:200px; border: 1px solid black; margin-bottom: 20px; }
.results.single .item .cost { margin-bottom: 40px; }

.results .itemDetail { display: block; padding: 20px 70px 20px 20px; margin: 0 auto 35px; background-color: #000; background-color: rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 3px solid #FFF; color: #FFF; text-align: left; text-decoration: none; }
.results .itemDetail + .link-left { margin: -25px 0 0; }
.results .itemDetail span { display: block; margin-bottom: 2px; font-size: 16px; font-weight: 300; }
.results .itemDetail .title { margin-bottom: 7px; font-size: 20px; font-weight: 300; text-transform: uppercase; }
.results .itemDetail .cost { font-size: 20px; font-weight: 300; }
.results .itemDetail .print { display: block; padding-top: 30px; color: #FFF; text-align: center; text-transform: lowercase; }
.results .itemDetail #printReciptDetail { display: block; padding-top: 30px; color: #FFF; text-align: center; text-transform: lowercase; }
.results .itemDetail.receipt .title,
.results .itemDetail .cost { margin-bottom: 10px; }
.results .itemDetail #locationImage { width:100%; height:200px; border: 1px solid black; margin-bottom: 20px; }
.results.single .itemDetail .cost { margin-bottom: 40px; }

.receiptResultsWrapper #viewContainer {  }
.receiptResultsWrapper #viewContainer .viewContainerItem { cursor: pointer; }
#tableReceiptResults { width: 100%; }
#tableReceiptResults a:link { color: #FFF; font-weight: bold; font-size: 14px; }
#tableReceiptResults a:visited { color: #FFF; font-weight: bold; font-size: 14px; }
#tableReceiptResults a:hover { color: #FFF; font-weight: bold; font-size: 14px; }
#tableReceiptResults a:active { color: #FFF; font-weight: bold; font-size: 14px; }
#tableReceiptResults #headerRow { color: white; font-weight:bold; }
#tableReceiptResults .detailCol { color: white; font-weight:bold; cursor: pointer; }
#tableReceiptResults .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #192f5f; }

#content #history { width:100%; margin: 0 auto; }
/*#content #history #transactionHistory { width: 100%; max-width:900px; padding-bottom: 15px; margin-left: 10%; margin-right: 10%; }*/
#content #history #transactionHistory { width: 100%; max-width:900px; padding-bottom: 15px; margin: 0 auto; }
#content #history #transactionHistory .wrapper { width: 100%; height: 100%;  margin: 0 auto; }
#content #history #transactionHistory .wrapper #historyFaqTooltipHeader { font-size: 16px; font-weight:bold; vertical-align:bottom; }
#content #history #transactionHistory .historyResults { padding-top: 0; padding-top: 0; margin: 0 auto; }
#content #history #transactionHistory .historyResults #historyFAQ { vertical-align: middle; height: 100%; margin-left: 5px;}
#content #history #transactionHistory .historyResults .item { float: left; min-width: 290px; max-width: 290px; min-height: 200px; max-height: 200px; padding: 20px 70px 20px 20px; margin: 0 auto 35px; background-color: #000; background-color: rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 3px solid #FFF; color: #FFF; text-align: left; text-decoration: none; }
#content #history #transactionHistory .historyResults .item + .link-left { margin: -25px 0 0; }
#content #history #transactionHistory .historyResults .result { margin-left: 10px; background-image: url(../../elements/skin/arrow-right.png); background-position: right 20px center; background-repeat: no-repeat; background-size: 36px 36px; }
#content #history #transactionHistory .historyResults .receipt { padding: 20px; }
#content #history #transactionHistory .historyResults #viewContainer {  }
#content #history #transactionHistory .historyResults #viewContainer .viewContainerItem { cursor: pointer; }
#content #history #transactionHistory .historyResults #historyResultsListContainer { width: 100%; max-width: 900px;  margin: 0 auto; }
#content #history #transactionHistory .historyResults #historyResultsListContainer #historyResultsListView { width: 100%; max-width: 900px; }
#content #history #transactionHistory .historyResults #historyResultsTableView { width: 100%; max-width: 900px; }
#content #history #transactionHistory .historyResults #historyResultsTableView a:link { color: #FFF; font-weight: bold; font-size: 14px; }
#content #history #transactionHistory .historyResults #historyResultsTableView a:visited { color: #FFF; font-weight: bold; font-size: 14px; }
#content #history #transactionHistory .historyResults #historyResultsTableView a:hover { color: #FFF; font-weight: bold; font-size: 14px; }
#content #history #transactionHistory .historyResults #historyResultsTableView a:active { color: #FFF; font-weight: bold; font-size: 14px; }
#content #history #transactionHistory .historyResults #historyResultsTableView #headerRow { color: white; font-weight:bold; }
#content #history #transactionHistory .historyResults #historyResultsTableView .detailCol { color: white; font-weight:bold; cursor: pointer; }
#content #history #transactionHistory .historyResults #historyResultsTableView .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #192f5f; }
#content #history #transactionHistory .historyResults .item span { margin-left: 10px; display: block; margin-bottom: 2px; font-size: 16px; font-weight: 300; }
#content #history #transactionHistory .historyResults .item .title { margin-bottom: 7px; font-size: 20px; font-weight: 300; text-transform: uppercase; }
#content #history #transactionHistory .historyResults .item .cost { font-size: 20px; font-weight: 300; }
#content #history #transactionHistory .historyResults .item .print { display: block; padding-top: 30px; color: #FFF; text-align: center; text-transform: lowercase; }
#content #history #transactionHistory .historyResults .item.receipt .title,
#content #history #transactionHistory .historyResults .item .cost { margin-bottom: 10px; }
#content #history #transactionHistory .historyResults.single .item .cost { margin-bottom: 40px; }

#content .static-content {
    position: relative;
    margin: 10px auto 0;
    background-color: rgba(0,0,0,0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid white;
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;  
}
/*#content .static-content h1 { margin: 0 0 20px; font-size: 17px; font-weight: 300; text-transform: uppercase; }*/
/*#content .static-content .close { display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 40px; height: 40px; margin: -20px -20px 0 0; background-image: url(../../elements/skin/close.png); background-position: 0 0; background-size: 100% 100%; text-indent: -9999em; }*/

#content .static-content.inner-content {
    padding: 30px 10px;
}


footer { padding: 40px 0; }
footer .content { width: 100%; max-width: 900px; padding: 0 20px; margin: 0 auto; color: #FFF; text-align: center; }
footer .navigation { margin: 0 0 30px; padding: 0; list-style-type: none; }
footer .navigation li { display: inline; margin: 0; }
footer .navigation li a { display: inline-block; padding: 0 40px; font-size: 16px; font-weight: 300; text-transform: lowercase; }
footer p { max-width: 520px; margin: 0 auto 8px; line-height: 16px; font-size: 12px; font-weight: 300; }
footer .copyright,
footer .all-rights-reserved,
footer .ipsgroup-link { display: inline-block; }
footer .divider { display: inline-block; padding: 0 5px; }
footer a { color: #FFF; text-decoration: none; }

.form { padding-top: 0; }
.form h2 { margin: 0 0 10px; font-size: 28px; font-weight: 300; }
.form h2 .subhead { display: block; font-size: 12px; }
.form .field-container { padding-top: 10px; }
.form .field-container.expiration-date-container { padding-top: 25px; } 
.form label { display: block; margin-bottom: 5px; font-size: 20px; font-weight: 300; }
.form input[type='password'] { display: inline-block; width: 100%; padding: 8px; border: none; background-color: #FFF; color: #636363; font-size: 14px; font-weight: 300; outline: none; }
.form input[type='text'] { display: inline-block; width: 100%; padding: 8px; border: none; background-color: #FFF; color: #636363; font-size: 14px; font-weight: 300; outline: none; }
.form input[type='number'] { display: inline-block; width: 100%; padding: 8px; padding-bottom: 0px; margin-bottom: 8px; border: none; background-color: #FFF; color: #636363; font-size: 17px; font-weight: 300; outline: none; }
.form input[type='text'].date { text-align: center; }
.form input[type='text'].expdate { text-align: center; }
.form select { color: black; }     
.form button[type="submit"], .form input[type="submit"], .form a.btn, .form input[type="button"] { width: 100%; vertical-align: middle; border: 1px solid !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFF; font-size: 16px; font-weight: 300; text-decoration: none }

.submit-search { margin-top: 3px; margin-bottom:8px; padding: 13px 59px 13px 15px; width:61%; background: #233663 url(../../elements/skin/magnifying-glass.png) no-repeat center right 20px; }
.form [class*='col-1'] .cols [class*='col-'] { padding-left: 20px; }
.form [class*='col-1'] .cols [class*='col-']:first-of-type { padding-left: 0; }
.form [class*='col-'].step-one { padding: 20px 30px; background-color: #000; background-color: rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 3px solid #FFF; }
.form [class*='col-'].step-two { padding-top: 82px; }
.form .step-two .field-container { display: inline-block; }
.form .step-two .field-container.checkbox label { display: inline-block; padding-left: 5px; }
.form .step-two .field-container.checkbox .custom-checkbox { top: 3px; margin-left: 15px; }
.form .expiration-date-container .picker__table { /* display: none; */ }
.form #transactionDatePaddingTable { margin-left: 20px; padding-top: 10px;}

.custom-select-one { border: 1px solid #c7c5c5; padding: 0 45px 0 5px; overflow: hidden; white-space: nowrap; cursor: pointer; position: relative; z-index: 1; display: inline-block; line-height: 27px; height: 27px; box-sizing: border-box; 
background: #FFF  url("data:image/gif;base64,R0lGODdhIwAbAPUiAP////j7/Pf7/BWBqz6XuRiDrJbH2fD3+ur09yaKsfr8/UCYulunxODu9LXX5At8p1Wkws3k7cbg6ufy9imMsu/2+ez1+HW1zXq4z2Cqxt3t8zyWuZrJ2zuWuKnR4JnI2qrR4AB2owN4pAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAIwAbAAAGgcCQcEgsGo/IpHLJbDqf0Kh0Sq1aMwKPSCkCCTLRAwBgUBrGh+hkDLggL+xJdKFgQ4wQtmIhZbADHUQbAWwMVBhsFglCCRZsGFYcbBoDAxpsH1YhIg5sEhJsDluaDxFsbBEPmkMFDacNBatEFBVjFRSyRQQICAS5v8DBwsPExca5QQA7") no-repeat right center; }
.custom-select-one select { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; height: 27px; line-height: 27px; margin: 0; outline: none; border-radius: 0; width: 100%; -webkit-appearance: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .custom-select-one select { margin-left: 10px; } }
.custom-select-one span { line-height: 30px; display: block; height: 30px; overflow: hidden; }
.custom-radio,
.custom-checkbox { cursor: pointer; position: relative; z-index: 1; display: inline-block; height: 20px; width: 20px; margin-right: 3px; vertical-align: central;}
.custom-radio input,
.custom-checkbox input { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; height: 20px; line-height: 20px; margin: 0; outline: none; border-radius: 0; width: 100%; -webkit-appearance: none; }
.custom-radio.checked,
.custom-checkbox.checked { background-position: -20px 0; }
.custom-radio { background: transparent url("data:image/gif;base64,R0lGODdhHgAPAPQeAJWVlfv7+8nJyaSkpP7+/vT09N3c3MzKyuno6NTS0q2trfr6+peXl/b19fLx8evr68fFxaOjo9vZ2crKys3Ly9TT097d3ejn5/n5+fHx8drZ2cjGxuzr6/////X19QAAACwAAAAAHgAPAAAFvWAndplGbZSWjSxpomrbeVbFYQTGVZbH0jacjucTFTYXWeeyKRiRSqazY0AoRQiDqNoJCAaMgSDQyXYciesokUF3FYB4XEFmSx5qEUdz7wjkgBMdewcLeR0YFIUdA4ByEYgUEIcdBBuTHQyOcQyVG4t5iYuNm5CJGhyHe6h+mwACgyoVhxUZGbMBcIB0HbUdFklXFxYiwF1fYWNLxB0NUDJMDSLOwS3RI0A3OTs9PzXaQ90tJScpK0rkMOciIQA7") no-repeat left top; }
.custom-checkbox { background: transparent url(../../elements/skin/checkbox.png) no-repeat left top; }

.wf-loading * { opacity: 0; }
.wf-active *,
.wf-inactive * { opacity: 1; }

.wf-active body { font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight: 300; }

.btn-go { margin-top: 22px; }

/* Small Devices */
@media (min-width: 768px) {

    #content .static-content {
        max-width: 960px;
        margin: 65px auto 0;
        padding: 25px 15px 40px;
    }

}

/* Medium Devices */
@media (min-width: 992px) {
    .form button[type="submit"], .form input[type="submit"], .form a.btn, .form input[type="button"] {
        width: auto;
        padding: .5em 5em;
    }
}

/* Large Devices */
@media (min-width: 1200px) {

}

@media screen and (min-width: 830px) {

    #content #profile .wrapper #profileTable .fieldsetProfileEdit .row { margin-left: 0; margin-right: 0; }
    #content #profile .wrapper #profileTable .fieldsetProfileEdit .form-group { padding: 10px 15px; }
    #content #profile .wrapper #profileTable .fieldsetProfileEdit h1 { margin-top: 50px; padding-left: 25px; }
    #content #profile .wrapper #profileTable .button-holder { padding: 15px 25px; }
    #content #profile .wrapper #profileTable .button-holder .right-button { float: left; }
    #content #profile .wrapper #profileTable .button-holder .left-button { float: right; }
    .form input[type="submit"], .form button[type="submit"], .form input[type="button"], .form button[type="button"] { padding: .5em 5em; }
}

/*@media screen and (max-width: 900px) {
    
    #content .content { padding: 0px; }
    .form .field-container.transaction-date-container { margin-top: -25px; }
    .form .card-details-container { margin-top: 23px; }
	
	header .content,	
	footer .content { padding: 0; }	
	
	.form h2 .subhead { display: inline; } 
	.form [class*='col-'].step-two { padding-top: 68px; }
    
    #content #login { margin-left: 24%; width: 100%; }
    #content #login .g-recaptcha { margin-top: 10px; transform: scale(0.80); transform-origin: 0 0; }
    
    #content #forgotPassword { margin-left:24%; width:100%; }

    #content #changePassword { margin-left:24%; width:100%; }

}*/
@media screen and (min-width: 900px) {
	

    .form .field-container.transaction-date-container { margin-top: -24px; }
    .form .card-details-container { margin-top: 23px; }

	header .content,	
	footer .content { padding: 0; }	
	
	.form h2 .subhead { display: inline; } 
	.form [class*='col-'].step-two { padding-top: 68px; }
    
    #content #login { margin-left: 24%; width: 100%; }
    #content #login .g-recaptcha { margin-top: 10px; transform: scale(0.80); transform-origin: 0 0; }
    
    #content #forgotPassword { margin-left:24%; width:100%; }

    #content #changePassword { margin-left:24%; width:100%; }

    #content #profile .wrapper #profileTable .fieldsetProfileEdit .row { margin-left: 0; margin-right: 0; }
    #content #profile .wrapper #profileTable .fieldsetProfileEdit .form-group { padding: 10px 15px; }
    #content #profile .wrapper #profileTable .fieldsetProfileEdit h1 { margin-top: 50px; padding-left: 25px; }    
}

/*@media screen and (max-width: 850px) {
	
    #content .content { padding: 0px; }
    #content .static-content { margin-left: 0; width: 750px; margin: 110px auto 0; }

    .form .field-container.transaction-date-container { margin-top: 0px; }
    .form .card-details-container { margin-top: 0px; }*/
	
    /*#content #profile { width: 100%; margin: 0 auto; max-width: 800px; }*/
	
	/*.form input[type='text'] { max-width: 100%; }
	.form .step-one .cols [class*='col-'] { float: none; padding-left: 0; }
	.form .field-container.expiration-date-container { padding-top: 10px; }
	.form .step-one .cols .col-1-2 { width: 100%; }
	.form .step-two .field-container { display: block; }
	.form .step-two .field-container.checkbox { padding-top: 10px; }
	.form .step-two .field-container.checkbox .custom-checkbox { margin-left: 0; }	 
    .form input[type="submit"], .form button[type="submit"], .form input[type="button"] { width: 100%; margin-top: 18px; }    
        
    #content #login { margin-left: 24%; width: 100%; }
    #content #login .g-recaptcha { margin-top: 10px; transform: scale(0.80); transform-origin: 0 0; }
    
    #content #forgotPassword { margin-left:24%; width:100%; }

    #content #changePassword { margin-left:24%; width:100%; }*/

    /*.mobile-nav { visibility: visible; }
    header #desktop-menu { visibility: hidden; }*/

/*}*/

/*@media screen and (max-width: 800px) {
	
    #content .content { padding: 0px; }
    #content .static-content { margin-left: 0; width: 700px; }

    .form .field-container.transaction-date-container { margin-top: 0px; }
    .form .card-details-container { margin-top: 0px; }*/
	
    /*#content #profile { width: 100%; margin: 0 auto; max-width: 750px; }*/
    
    /*#content #login { margin-left: 24%; width: 100%; }
    #content #login .g-recaptcha { margin-top: 10px; transform: scale(0.80); transform-origin: 0 0; }

    #content #forgotPassword { margin-left:24%; width:100%; }

    #content #changePassword { margin-left:24%; width:100%; }*/

   /* .mobile-nav { visibility: visible; }
    header #desktop-menu { visibility: hidden; }*/
/*}*/

/*@media screen and (max-width: 750px) {
	
    #content .content { padding: 0px; }
    #content .static-content { margin-left: 0; width: 650px; margin: 110px auto 0; }

    .form .field-container.transaction-date-container { margin-top: 0px; }
    .form .card-details-container { margin-top: 0px; }*/
	
    /*#content #profile { width: 100%; margin: 0 auto; max-width: 700px; }*/
    
    /*#content #history #transactionHistory { width: 100%; max-width:1200px; padding-bottom: 15px; margin: 0 auto; margin-left: 0%; margin-right: 0%; }*/
    
    /*#content #login { margin-left: 24%; width: 100%; }
    #content #login .g-recaptcha { margin-top: 10px; transform: scale(0.80); transform-origin: 0 0; }

    #content #forgotPassword { margin-left:24%; width:100%; }

    #content #changePassword { margin-left:24%; width:100%; }*/

   /* .mobile-nav { visibility: visible; }
    header #desktop-menu { visibility: hidden; }*/
/*}*/

/*@media screen and (max-width: 700px) {
	
    #content .content { padding: 0px; }
    #content .static-content { margin-left: 0; width: 600px; margin: 110px auto 0; }

    .form .field-container.transaction-date-container { margin-top: 0px; }
    .form .card-details-container { margin-top: 0px; }*/
	
    /*#content #profile { width: 100%; margin: 0 auto; max-width: 650px; }*/
    
    /*#content #history #transactionHistory { width: 100%; max-width:1200px; padding-bottom: 15px; margin: 0 auto; margin-left: 0%; margin-right: 0%; }*/
	
	/*.cols [class*='col-'] { float: none; padding-left: 0; }*/
	/*.cols .col-1-2 { width: 100%; }
	.form [class*='col-'].step-two { padding-top: 0; }
    .form input[type="submit"], .form button[type="submit"], .form input[type="button"] { width: 100%; margin-top: 30px; }	*/
	
	/*footer .copyright { display: block; }
    
    #content #login { margin-left: 10%; width: 80%; }
    #content #login .g-recaptcha { margin-top: 10px; transform: scale(0.75); transform-origin: 0 0; }
    
    #content #forgotPassword { margin-left:10%; width:80%; }

    #content #changePassword { margin-left:10%; width:80%; }*/

  /*  .mobile-nav { visibility: visible; }
    header #desktop-menu { visibility: hidden; }*/
/*}*/

/*@media screen and (max-width: 600px) {
	
    #content .content { padding: 0px; }
    #content .static-content { margin-left: 0; width: 500px; margin: 110px auto 0; }

    .form .field-container.transaction-date-container { margin-top: 0px; }
    .form .card-details-container { margin-top: 0px; }*/
	
    /*#content #profile { width: 100%; margin: 0 auto; max-width: 550px; }*/
    
    /*#content #history #transactionHistory { width: 100%; max-width:1200px; padding-bottom: 15px; margin: 0 auto; margin-left: 0%; margin-right: 0%; }*/
	
	/*.results .item { width: 100%; }
	
	footer .navigation li { display: block; margin: 0 0 10px; }
	footer .navigation li a { display: block; padding: 0; }
    
    #content #login { margin-left: 10%; width: 80%; }
    #content #login .g-recaptcha { margin-top: 10px; transform: scale(0.70); transform-origin: 0 0; }
    
    #content #forgotPassword { margin-left:10%; width:80%; }

    #content #changePassword { margin-left:10%; width:80%; }*/

    /*.mobile-nav { visibility: visible; }
    header #desktop-menu { visibility: hidden; }
}*/

/*@media screen and (max-width: 550px) {
    
    #content .content { padding: 0px; }
    #content .static-content { margin-left: 0; width: 450px; margin: 110px auto 0; }

    .form .field-container.transaction-date-container { margin-top: 0px; }
    .form .card-details-container { margin-top: 0px; }*/
	
    /*#content #profile { width: 100%; margin: 0 auto; max-width: 500px; }*/
    
    /*#content #history #transactionHistory { width: 100%; max-width:1200px; padding-bottom: 15px; margin: 0 auto; margin-left: 0%; margin-right: 0%; }*/

	/*.link-left + .link-right { padding-left: 0; border-left: none; margin-left: 0; }
	.receipt-navigation { width: 100%; margin: -20px auto 0; max-width: 380px; text-align: left; }
	.receipt-navigation .link-left,
	.receipt-navigation .link-right { float: none; display: inline-block; }

    #content #login { margin-left: 10%; width: 80%; }
    #content #login .g-recaptcha { margin-top: 10px; transform: scale(0.75); transform-origin: 0 0; }
    
    #content #forgotPassword { margin-left:10%; width:80%; }

    #content #changePassword { margin-left:10%; width:80%; }*/

   /* .mobile-nav { visibility: visible; }
    header #desktop-menu { visibility: hidden; }*/
/*}*/

/*@media screen and (max-width: 500px) {
    
    #content .content { padding: 0px; }
    #content .static-content { margin-left: 0; width: 450px; margin: 110px auto 0; }*/
    
    /*#content #history #transactionHistory { width: 100%; max-width:1200px; padding-bottom: 15px; margin: 0 auto; margin-left: 0%; margin-right: 0%; }*/
    
    /*.form .field-container.transaction-date-container { margin-top: 0px; }
    .form .card-details-container { margin-top: 0px; }

	header .ips-logo { display: none; }*/

   /* .mobile-nav { visibility: visible; }
    header #desktop-menu { visibility: hidden; }*/
	
/*}

@media screen and (max-width: 450px) {
	
    .form .field-container.transaction-date-container { margin-top: 0px; }
    .form .card-details-container { margin-top: 0px; }

    #content .static-content { width: 400px; position: relative; width: 100%; padding: 5%; margin: 110px auto 0; background-color: rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid white; color: #FFF; font-size: 12px; font-weight: 300; }*/
    
    /*#content #profile { width: 100%; margin: 0 auto; }*/
    /*#content .content { width: 100%; padding: 0; margin: 0 auto;  }
    .vertical-alignment-helper { display:table; height: 100%; width: 95%; margin: 0 auto; }
    
    #content #history #transactionHistory .historyResults #historyResultsListContainer #historyResultsListView { width: 100%; max-width: 900px; margin-left: 3%; }*/
    /*#content #history #transactionHistory { width: 100%; max-width:1200px; padding-bottom: 15px; margin: 0 auto; margin-left: 0%; margin-right: 0%; }*/

    /*#content #profile .wrapper #profileTable input[type='text'] { font-size: 14px; }
    #content #profile .wrapper #profileTable input[type='number'] { font-size: 14px; }
    #content #profile .wrapper #profileTable select { font-size: 14px; color: #636363; }

.   modal-body { max-height: 350px; padding: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

    #content #profile .wrapper #profileTable #emailOptionsMessageContainer #emailOptionsMessage { font-size: 12px; }
		
	footer .all-rights-reserved,
	footer .ipsgroup-link { display: block; }
	footer .divider { display: none; }
    
    #content .g-recaptcha { transform: scale(0.90); transform-origin: 0 0; }
    
    #content #contactUs .g-recaptcha { margin-top: 10px; transform: scale(0.78); transform-origin: 0 0; }
    
    .form #transactionDatePaddingTable { margin-left: 0px; padding-top: 10px; }
    
    #content #login { margin-left:0%; width:100%; }*/
    /*#content #login .g-recaptcha { margin-top: 10px; transform: scale(0.67); transform-origin: 0 0; }*/
    
    /*#content #forgotPassword { margin-left:0%; width:100%; }

    #content #changePassword { margin-left:0%; width:100%; }
    
    #content #profile { margin: 0px; transform-origin: 0 0; transform: scale(.96, 1); }*/

/*    .mobile-nav { visibility: visible; }
    header #desktop-menu { visibility: hidden; }*/
    
    /*.verifiedMessage { text-align: center; width: 100%; color: white; font-weight: bold; font-size: 18px; text-decoration: underline; letter-spacing: 8px; }

}

@media screen and (max-width: 350px) {
	
    .form .field-container.transaction-date-container { margin-top: 0px; }
    .form .card-details-container { margin-top: 0px; }
	
    #content .static-content { position: relative; width: 100%; padding: 5%; margin: 110px auto 0; background-color: rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid white; color: #FFF; font-size: 12px; font-weight: 300; }*/
    
    /*#content #profile { width: 100%; margin: 0 auto; }*/
    /*#content .content { width: 100%; padding: 0; margin: 0 auto;  }
    .vertical-alignment-helper { display:table; height: 100%; width: 95%; margin: 0 auto; }
    
    #content #history #transactionHistory .historyResults #historyResultsListContainer #historyResultsListView { width: 100%; max-width: 900px; margin-left: 3%; }*/
    /*#content #history #transactionHistory { width: 100%; max-width:1200px; padding-bottom: 15px; margin: 0 auto; margin-left: 0%; margin-right: 0%; }*/

	/*#content .content { padding: 0 20px; }
	.form [class*='col-'].step-one { padding: 20px; }
	.form input[type="submit"] { padding: 10px 75px 10px 15px; background-position: right 15px center; }
	.form input[type="button"] { padding: 10px 75px 10px 15px; background-position: right 15px center; }
    
    #content #profile .wrapper #profileTable input[type='text'] { font-size: 14px; }
    #content #profile .wrapper #profileTable input[type='number'] { font-size: 14px; }
    #content #profile .wrapper #profileTable select { font-size: 14px; color: #636363; }

.   modal-body { max-height: 350px; padding: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; }

    #content #profile .wrapper #profileTable #emailOptionsMessageContainer #emailOptionsMessage { font-size: 12px; }

    #content .g-recaptcha { transform: scale(0.90); transform-origin: 0 0; }
    
    #content #contactUs .g-recaptcha { margin-top: 10px; transform: scale(0.78); transform-origin: 0 0; }
    
    .form #transactionDatePaddingTable { margin-left: 0px; padding-top: 10px; }

    #content #login { margin-left:0%; width:100%; }*/
    /*#content #login .g-recaptcha { margin-top: 10px; transform: scale(0.67); transform-origin: 0 0; }*/
		
    /*#content #forgotPassword { margin-left:0%; width:100%; }
    #content #changePassword { margin-left:0%; width:100%; }
    
    #content #profile { margin: 0px; transform-origin: 0 0; transform: scale(.96, 1); }*/

   /* .mobile-nav { visibility: visible; }
    header #desktop-menu { visibility: hidden; }*/

    /*.verifiedMessage { text-align: center; width: 100%; color: white; font-weight: bold; font-size: 18px; text-decoration: underline; letter-spacing: 8px; }

}*/

/* -------------
 * Error Messaging
 * ------------- */
.msg-ok,
.msg-error,
.msg-info { color:#333; padding: 5px 5px 5px 25px; margin: 0; display: block; }
.msg-ok { background: #E5F1E8 url(../../elements/icon_ok.gif) no-repeat 5px 5px; border-top: 2px solid #007520; border-bottom: 2px solid #007520; margin-bottom: 5px; }
.msg-error { background: #F5E5E5 url(../../elements/icon_error.gif) no-repeat 5px 5px; border-top: 2px solid #990000; border-bottom: 2px solid #990000; margin-bottom: 5px; }
.msg-info { background: #dce6f3 url(../../elements/icon_info.png) no-repeat 5px 5px; border-top: 2px solid #145bae; border-bottom: 2px solid #145bae; margin-bottom: 5px; }
/* -------------
 * Misc.
 * ------------- */
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Remove the outline in FF */
*|*:-moz-any-link:focus { outline: none !important; }


.hide { display: none; }
.invisible { visibility: hidden; }
/*strong { font-weight: 300; }*/
em { font-style: italic; }
textarea { resize: vertical; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,
canvas,
img,
video { vertical-align: middle; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  body { background: transparent !important; }
  * { color: #7d7d7d !important; text-shadow: none !important; }
  a, a:visited { color: #7d7d7d !important; text-decoration: underline; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  header { height: 200px; border-bottom: 1px solid #044f5b; }
  header .logo { display: none; }
  header .logo-print { display: block; position: absolute; z-index: 1; left: -10px; top: 0; width: 150px; height: 180px; }
  header .ips-logo { display: none; }
  #content .content { padding: 0; }
  #content h1 { margin: 40px 0 20px; font-size: 28px; font-weight: 300; text-transform: none; }
  .receipt-navigation,
  .link-left,
  .link-right { display: none; }
  .results { max-width: 100%; padding: 0; }
  .results .item { width: 100%; padding: 0; margin: 0; background-color: #FFF; }
  .results .item span { font-size: 18px; }
  .results .item.receipt .title { margin-bottom: 20px; font-size: 28px; }
  .results .item .cost { margin-bottom: 40px; font-size: 50px; }
  .results .item .print { display: none; }
  footer { padding: 140px 0 0; }
  footer p { font-size: 18px; line-height: 24px; }
  footer .navigation,
  footer .disclaimer { display: none; }
  footer .copyright { display: block; }
}