/*
	jQuery Mobile Boilerplate
	css/custom.css
*/
#container-app-logo {
	width:100%;
	text-align:center;
    padding-top: 10px;
	margin:auto;
}

#footer {
 padding-top: 6px;
 background-color: #193c56;
border-top: darkgreen;
border-style: solid;
border-top-width: thin;
}
#app-logo {
	width:70%;
	height:auto;
	align-self:center;
	margin:auto;
}
#button-footer-previous {
	float: left;
	height:40px;
	width:auto;
	margin-left:10px;
}
#button-footer-next {
	float: right;
	height:40px;
	width:auto;
	margin-right:10px;
}
#button-footer-help {
	height:40px;
	width:auto;
	margin:auto;
}
#container-help-button {
	width:80%;
}



#popup-help1 > div > div > h1.ui-title, #popup-help2 > div > div > h1.ui-title, #popup-help3 > div > div > h1.ui-title, #popup-help4 > div > div > h1.ui-title, #popup-help5 > div > div > h1.ui-title, #popup-one > div > div > h1.ui-title, #popup-pleaseFill > div > div > h1.ui-title {
    color: white;
}
#popup-help1 > div > div.ui-content.ui-body-b > p, #popup-help2 > div > div.ui-content.ui-body-b > p, #popup-help3 > div > div.ui-content.ui-body-b > p, #popup-help4 > div > div.ui-content.ui-body-b > p, #popup-help5 > div > div.ui-content.ui-body-b > p, #popup-pleaseFill > div > div.ui-content.ui-body-b > p {
    color: black;
}

#radioRow, #radioRowStatic, #yesNoRadios {
    margin: 0 auto;
    text-align: center;
    width: 340px;
}

/* allow the list elements to word wrap for results */
.ui-listview >.ui-li-static, .ui-listview >.ui-li-divider, .ui-listview >li > a.ui-btn {
  white-space: normal;
}

/* commented out footer lock
#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:50px;
    padding-top: 6px;
    border-top: solid;
    border-top-width: 1px;
    border-top-color: #000;
   width:100%;
    z-index: 100;
} */
/* IE 6 */ /*
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
*/
.ui-controlgroup, fieldset.ui-controlgroup {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.ui-controlgroup-controls {
    width: 100% !important;
}

#radioRow > div > label.ui-btn, #radios2 > div > div > div > label.ui-btn, #radios3 > div > div > div > label.ui-btn, #yesNoRadios > div > label.ui-btn {
    width:100px;
}

p {
	color:#ffffff;
}

div.ui-content {
    padding-top:0;
}

#pageContent {
    margin-left: auto;
    margin-right: auto;
}

#container-footer-images{
	width:100%;
}

#footerButtonBar {
   Width:100%;
   Margin: 0 auto;
    padding: 0;
   }

#footerButtonBar li {
    Display:inline-block;
    Width:24%;
    Text-align: center;
    }

#left{
	float:left;
	width:100px;
}
#right{
	float:right;
	width:100px;
}
#center{
	margin:0 auto;
	width:100px;
	text-align:center
}

/*
.ui-controlgroup-controls {
	width:100%;
	text-align:center;
	float:none;
}
.twoColButtonLeft {
	display:inline-block;
	float:left;
}
.twoColButtonRight {
	display:inline-block;
	float:right;
}*/

/*
.ui-controlgroup-horizontal > div > .ui-btn, .ui-radio {
    width: 30%;
}
*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
p {
  font-size: 1em;   
}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
    
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
    p {
  font-size: .9em;   
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
    p {
  font-size: 1em;   
}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
    p {
    font-size: .7em;
    }
}