/* General Page Properties */

body
{
padding:0px;
margin:0px;
font-family:sans-serif, Helvetica, Arial;
}

#pageWrapper
{
width:300px;
font-size:15px;
}

#pageBackground
{
width:300px;
height:600px;
position:absolute;
top:0px;
left:0px;
z-index:-1;
}

/* Header Properties */

#headerWrapper
{
height:150px;
}

#header
{
top:0px;
position:absolute;
z-index:100;
}

#headerContentWrapper /* adjust header width */
{
width:300px;
}

/* Nav Properties */

#navWrapper
{	
}

ul.nav
{
padding:0px;
margin:0px;
list-style-type:none;
text-align:center;
background-color:#6F6755;
}

ul.nav > li
{
display:inline-block;
border-right:2px solid #6F6755;
width:65.6px;
text-align:center;
background-color:#9E9684;
font-size:12px;
white-space:nowrap;
}

ul.nav > li > div
{
color:#FFFFFF;
overflow:hidden;
margin:4px;
}


ul.nav > .currentTab
{
background-color:#FFFFFF;
}

ul.nav > .currentTab > div
{
color:#000000;
overflow:hidden;
margin:4px;
}

.contentHeader
{
text-align:center;
font-size:20px;
padding:8px 0px 8px 0px;
background-color:#E5EBF7;
color:#37373 ;
background:url('/click/mobile/img/newGradient.png');
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}

#contentHeaderDisplayAlt
{
background-color:#E7E7E7;
background:url('/click/mobile/img/newGradient.png');
color:#373737;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}

/* Page Content Properties */

#contentWrapper
{
padding:10px;
color:#000000;
}

.button, .buttonDefault
{
border:1px solid #000000;
padding:10px 35px 10px 35px;
color:#FFFFFF;
text-align:center;
background:url('/click/mobile/img/button.png ');
background-color:#574F3D;
background-repeat:repeat-x;
border-radius:10px;
}

.buttonDefault
{
background:#363636;
color:#BEBEBE;
border:1px solid #000000;
}

ul.contentSection
{
list-style-type:none;
padding:0px;
background-color:#FFFFFF;
border:1px solid #847C6A;
margin:10px 0px 10px 0px;
border-radius:10px;
color:#1F1900;
}

ul.contentSection > .lastContent
{
border:0px;
}

ul.contentSection > li
{
padding:10px;
border-bottom:1px solid #847C6A;
}

.right
{
float:right;
}

ul.buttons
{
padding:0px;
margin:0px;
list-style-type:none;
text-align:center;
}

ul.buttons > li
{
float:left;
margin-right:25px;
}

.arrow
{
position:relative;
top:-10px;
padding:0px 15px 0px 15px;
font-size:20;
}

.inputField
{
width:94%;
text-align:right;
color:#999999;
border:0px;
font-size:16px;
}

a
{
color:#1F1900;
text-decoration:none;
}

.altHeader
{
color:#FFFFFF;
padding:20px 10px 20px 10px;
background:url('/click/mobile/img/altGradient.png ');
background:#5A4F3A;
background-repeat:repeat-x;
}

table.viewResults 
{
border-collapse:collapse;
list-style-type:none;
text-align:center;
margin:auto;
color:#000000;
}

.listView
{
border:1px solid #ABBCDC;
background:url('/click/mobile/img/listViewBg.png');
padding:10px;
}

.mapView
{
border:1px solid #ABBCDC;
background:url('/click/mobile/img/mapViewBg.png');
padding:10px;
}

img
{
border:0px;
}

.dateControl
{
background-color:#EEEEEE;
font-weight:bold;
border:1px solid #CCCCCC;
height:50px;
width:100px;
font-size:20px;
}

.dateChange
{
font-weight:bold;
background-color:#C0C0C0;
height:50px;
width:75px;
font-size:14px;
}

#captureFrontDisplay, #captureFrontDisplayAlt
{
position:absolute;
top:0px;
left:0px;
width:300px;
height:495px;
background:url('/click/mobile/img/captureFront.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
display:inline-block;
}

#captureBackDisplay, #caputeBackDisplayAlt
{
position:absolute;
top:0px;
left:0px;
width:300px;
height:495px;
background:url('/click/mobile/img/captureBack.jpg');
background-size:100% 100%;
background-repeat:no-repeat;
display:inline-block;
}

#captureFrontDisplayAlt, #caputeBackDisplayAlt
{
display:none;
top:-90px;
left:90px;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg); 
-webkit-transform: rotate(-90deg); 
-o-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}

#cancelButton
{
position:absolute;
top:0px;
left:0px;
height:100px;
width:100px;
left:0px;
}

#captureButton
{
position:absolute;
top: 375px;
left: 0px;
height: 100px;
width: 100px;
left: 0px;
}

#resultsDisplay
{
background:#FFFFFF;
border:1px solid #000000;
border-radius:10px;
padding:10px;
color:#1F1900;
}

.popmoneyBanner
{
background:#FFFFFF;
height:20px;
text-align:center;
padding:15px 0px 15px 0px;
}

.popmoneySubBanner
{
background-color:#525252;
color:#000000;
font-size:14px;
padding:5px;
border-top:1px solid #847C6A;
border-bottom:1px solid #847C6A;
}

.searchFieldWrapper
{
background-color:#525252;
padding:3px 0px 3px 3px;
border-bottom:1px solid #847C6A;
margin:0px;
}

.searchField
{
border-radius:10px;
padding:10px 0px 10px 10px;
color:#C2C2C2;
background:#D8D8D8;
font-size:14px;
width:96%;
border:0px;
}

#disclosureView
{
position:absolute;
top:563px;
left:0px;
width:300px;
}

#disclosureView > div
{
text-align:center;
padding:10px;
}