body {font-family:Arial; font-size:1em; margin:0; padding:0; width:100%;}
img {border:0;}

label {font-weight:bold; color:#666;}

h1 {background:#f3f4ef; color:#6c207e; font-size:1.1em; padding:7px; border-bottom:1px solid #c1c1c2; font-weight:normal; margin:0 0 7px;}
h1.titleHide {display:none;}
h1.flipped {background:#f3f4ef; color:#6c207e; font-size:1.1em; padding:7px; border-top:1px solid #c1c1c2; border-bottom:none; font-weight:normal; margin:7px 0 0;}
h1.titleHide {display:none;}

.backArrow {float:left; margin: 2px 2px 0 -2px; padding:0;}

.mainContainer {width:100%;}

.smallTxt {font-size:.8em;}
.short-textbox {width:50px;}
.justify {text-align: justify;}
.fullWidthTextBox input {width:98%;}

.note {background:#FF6; border: solid 2px #fc3; padding: 5px;}

table {border:0; padding:0; margin:0; border-collapse:collapse;}
tr {}
th {text-align:left;}

#login {margin:0 7px;} 

#header {position:relative;}
.credentialsContainer {position:absolute; right:10px; top:10px;}

.ppMobileLogo {display:block; width:106px; height:37px; background:url(images/PrePassBranding/PrePass.png) no-repeat 0 0; margin:3px 0 0 3px;}
.ppMobileLogo img {display:block; width:106px; height:37px;}

.bodyContainer {font-size:.9em;}
.loginForm {}
.loginForm ul {margin:0; padding:0;}
.loginForm li {margin:0 5px 7px 0; list-style:none;}
.loginForm input {height: 20px; -moz-border-radius: 5px; border-radius: 5px;}
.loginForm input[type=radio] {width:auto;}
.loginForm input[type=select] {width:100%;}
.loginForm #RememberMe {width:auto;}
.loginForm .indent {margin-left: 10px;}

.loginForm .optional {border:solid 1px gray; padding: 5px; margin: 5px 0; -moz-border-radius: 5px; border-radius: 5px;}
.loginForm .optional input {width: 98%;}

.loginForm .twoColumnLi {background:none; width:100%; margin:0; padding:0;}
.loginForm .twoColumnLi table {width:100%; border:none;}
.loginForm .twoColumnLi .state {width:24%; padding-right:1%;}
.loginForm .twoColumnLi .state input {width:80%; margin-top: 4px;}
.loginForm .twoColumnLi .zip {width:74%;}
.loginForm .twoColumnLi .zip input {width:95%; margin-top: 4px;}
.loginForm .twoColumnLi .exp {width:50%;}
.loginForm .twoColumnLi .exp input {width:95%;}

.loginForm .fullSpanInput input {width:99%;}

.loginForm .fullSpan {width:99%; overflow:hidden;}
.loginForm .fullSpan label {width: 50px; float:left;}
.loginForm .fullSpan input {width: 80%; float:right;}
.loginForm .fullSpan .wideLabel {width: 100px; float:left;}

/* Fancy Media queries to make the input adjust according to the width */
@media all and (max-width:280px) {
	.loginForm .fullSpan input {width: 98%; float:right;}
}

@media all and (max-width:535px) {
	.loginForm .wideLabels .fullSpan input {width: 99%; float:right;}
}

.loginBtn input {width:auto;}

.topNav {margin:2px 0 0; background:#6d6968; width:100%;}
.topNav ul {margin:0 auto; padding:0;}
.topNav li {border-right:1px solid #a09e9d; margin:0; float:left; list-style:none;}
.topNav li#end {border:0;}
.topNav a {color:#fff; font-weight:bold; text-decoration:none; font-size:.9em; padding:5px 12px; display:block;}
.topNav a:active {background:#d6daee; color:#3c3c3c;}

.liHorizontal {}
.liHorizontal ul {margin:0; padding:0; width: 100%;}
.liHorizontal li {list-style:none; margin:15px 0 0 0; padding:0; width: 100%;}
.liHorizontal a {background:#f3f4ef; padding:10px; border: solid 1px #c1c1c2; text-decoration:none; display:block; text-align:center; color:#6d6968; font-weight: bold; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
.liHorizontal a:hover, .liHorizontal a:active {background: #c1c1c2; color:#ffffff;}

.field-validation-error {color:#da1f00; font-weight:bold;}
.input-validation-error {background:#f3b4aa; border-color:#da1f00;}

.contentContainer {margin:0 5px;}

.contentContainerFullWidth {margin:0;}
.contentContainerFullWidth table {margin:0; width:100%; text-align:center;}
.contentContainerFullWidth th {font-size:.9em; background:#c6c6c6; padding:5px; text-align:center;}
.contentContainerFullWidth td {padding:4px;}
.contentContainerFullWidth tr:nth-child(2n+2) {background:#f0f0f0;}
.contentContainerFullWidth td + td {white-space:nowrap;}
.contentContainerFullWidth td + td + td {white-space:normal;}

.accountList {margin:0; padding:0;}
.accountList li {margin:0; padding:5px; list-style:none;}
.accountList li:nth-child(2n+2) {background:#f0f0f0;}
.accountList a {text-decoration:none; width:100%; display:block;}
.accountList a:active {}

.clearFix {clear:both;}
.bottomPadding {padding-bottom: 5px;}
.tinyText {font-size: smaller;}

.btnAction {font-weight:bold;}
.btnAction a {background:#f3f4ef; padding:10px; border: solid 1px #c1c1c2; text-decoration:none; display:block; text-align:center; color:#6d6968; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
.btnAction a:hover, .liHorizontal a:active {background: #c1c1c2; color:#ffffff;}

.btnActionRed {background: #f00; padding: 1px; border: solid 1px #600; color: #fff; font-weight: bold; 
	-moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
.btnActionRed:hover {background: #fcc; color: #000;} 
.btnActionRed a, .btnActionRed a:active, .btnActionRed a:visited {padding: 5px; text-decoration:none; color: #fff;}
.btnActionRed a:hover {color: #000;}

.paymentCardList li {margin: 5px 0; padding: 5px 0;}
.paymentCardList li:nth-child(2n+2) {background:#f0f0f0;}
.paymentCardActions {float:right;}
.paymentCardActions a {}
.paymentCardActions a:visited, .paymentCardActions a:active {color:blue;}

#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; padding:5px; overflow:hidden;}
#modalWrapperOuter #modalActions {display:block; overflow:hidden;}

.reportContainer {margin:0; padding:0;}
.reportContainer ul {list-style-type: none; margin:0; padding:0;}
.reportContainer ul ul {margin:0 0 0 60px; padding:5px 0 0;}
.reportContainer li {list-style:none;}
.reportListItemContainer {margin:0; padding:0;}
.reportListItemContainer li:nth-child(2n+2) {background:#f0f0f0;}
.reportListItemContainer li li:nth-child(2n+2) {background:transparent;}
.reportListItemWrapper {margin: 5px 0; padding: 5px; overflow:hidden;}
.reportListItemWrapper .bypassLight {float:left; height:50px; padding: 5px; margin-left:5px;}
.reportListItemWrapper .bypassLight .greenLight {margin-left:5px;}

.results label {display:block; width:120px; float:left;}
.results label:after {content:":";}
.results div {clear:both;}
#Query {margin:0; width:98%;}

.mobileError {padding:3px; margin:3px; background:#f3b4aa; border:1px solid #6d0f00; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
.mobileError ul {margin:0; padding:0;}
.mobileError li {margin:0; padding:0; list-style:none; }

.mobileResult {padding:3px; margin:3px; background:#d6defb; border:1px solid #042686; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
.mobileContainer {margin:3px; padding:3px;}