body{
margin: 0 auto;
_overflow: hidden;
width:320px;
height:600px;
background-color:#F0F0F0;
}
.landscape, .landscape .ui-page {
    width: 320px;
	background-color:#F0F0F0;
    height:600px;
}

.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page {
    width: 100%;
	background-color:#F0F0F0;
    _min-height:460px;
	_border: black 1px solid;
	_position: static;
}

.ui-content, #navigation-bar ul{
	width: 320px;
	margin: auto;
}

.ui-header{
	width: 100%;
	margin: auto;
}

input.ui-input-text
{
	width:95%;
	_overflow:hidden;
}
.ui-header{
	-webkit-box-sizing: border-box;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(176, 188, 205)), color-stop(0.49, rgb(139, 157, 181)), color-stop(0.5, rgb(129, 149, 175)), to(rgb(109, 132, 162)));
	border-top-color: rgb(205, 213, 223);
	border-top-style: solid;
	border-top-width: 1px;
}
#loader{
	display:none;
}
.ui-body-c{
	background-image:none;
	_background-color:#F0F0F0;
	background-color:none;
}
.ui-select {
	width: 100%;
}

#selectHide{
	width: 100%;
}

.ui-field-contain{
border-bottom:0;
}

.stepPointSpan {
	position: absolute;
	width: 100%;
	margin: auto;
	white-space: nowrap;
	text-align: center;
	margin-top: 18px;
}

.stepPointSpan img{
margin-right: 2px;
}

.ui-header {
-webkit-box-sizing: border-box;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B0BCCD), color-stop(0.49, #8B9DB5), color-stop(0.5, #8195AF), to(#6D84A2));
border-top-color: #CDD5DF;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
height:43px;
}



/* navbar */

#content {
_width:600px;
text-align:left;
margin:0 auto;
}

#navigation-bar {
_width:600px;
height:39px;
position:relative;
_float:left;
background:#f1f1f1 url(../images/blue.gif) repeat-x;
}

#navigation-bar ul {
padding:0;
}

#navigation-bar li {
display:inline;
list-style:none;
position:relative;
float:left;
text-align:center;
background:#e1e1e1 url(../images/blue.gif) no-repeat left -39px;
margin:0;
padding:0;
}

#navigation-bar li a {
text-shadow:-1px -1px 1px #1c2a3d;
_width:70px;
position:relative;
float:left;
line-height:39px;
background:#e1e1e1 url(../images/blue.gif) no-repeat right -39px;
font-family:Arial, Helvetica;
font-size:14px;
font-weight:700;
text-decoration:none;
color:#fff;
margin:0 0 0 15px;
padding:0 15px 0 0;
}

#navigation-bar li:hover {
background:#e1e1e1 url(../images/blue.gif) no-repeat left -78px;
color:#fff;
}

#navigation-bar li:hover a {
background:#e1e1e1 url(../images/blue.gif) no-repeat right -78px;
color:#fff;
}

/* end navbar */

#navigation-bar li.headMessage, #navigation-bar li.headMessage:hover{
width: 193px;
background: none;
padding-top: 7px;
font-size: 15px;
overflow:hidden;
}