/* The Skymap.com */
/* iPhone CSS modified 06.18.08 by Mohit SantRam/MediatedSpaces.com */
/* Inspired by Michael Kosowsky/Hey What's That (heywhatsthat.com) */
/* Inspired by iui.css (c) 2007 by iUI Project Members, but little left of it */
body {
    margin: 0px;
    font-family: Arial;
    background: #FFFFFF;
    color: #000000;
    overflow-x: hidden;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
    min-height: 336px;  /* 372 without dock */
    position: absolute;
    padding: 0px;
}

body[orient="landscape"] {
    min-height: 268px;
}

body.fixed {
    width: 320px; /* XXXXXXXXXXX */
    padding: 0;
}

body.msg {
    text-align: center;
    width: 284px; /* 320 - 2 * 18 XXXXXXX */
    font-size: 17px;
    padding: 18px;
}

body.main {
    width: 320px; /* WIDTH */
	background: #000000 url("../img/cosmos.png");
	background-repeat: no-repeat;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 14px;
}

body.about {
    width: 320px; /* WIDTH */
	background: #000000 url("../img/cosmos.png");
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 17px;
}

body.page {
    width: 320px; /* WIDTH */
	background: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 17px;
}

body > * {
    width: 320px; /* WIDTH */
	position: relative;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
}

/* query only right now */
body.centered {
    text-align: center;
    width: 320px; /* WIDTH */
    padding: 0;
}


body.main > ul {
    width: 304px;	/* WIDTH */
    margin: 8px auto;
    /*padding: 5px 0 5px 0;*/
    background: #FFFFFF;
    -webkit-border-radius: 10px;
}

body.main > ul > li {
    border-top: 2px solid #E0E0E0;
    padding: 8px 0 8px 10px;
    font-size: 19px;
    font-weight: bold;
    list-style-type: none;
}

body.main > ul > li:first-child {
    border-top: none;
}

body.main > ul > li > a {
    display: block;
    margin: -8px 0 -8px -10px;
    padding: 8px 32px 8px 10px;
    text-decoration: none;
    color: inherit;
    background: url("../img/listArrow.png") no-repeat right center;
}

body.main > ul > li .subtext {
    color: #C6CEDD;
    font-weight: normal;
    font-size: 18px;
}

body.main > ul > li .hint {
    position: absolute;
    color: #C6CEDD;
    font-weight: normal;
    font-size: 18px;
    right: 27px;
    top: 18px;
}

body.main > ul[choices] > li[checked] {
    color: #324f85;
    background: url("../img/check.png") no-repeat right center;
}

list.txt {
	color: #FFFFFF;
}

.ellipsis {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
/* this ALWAYS starts marquee, not just on overflow:
     overflow-x: -webkit-marquee; */
    -webkit-marquee: none left 4px infinite normal; */
/* these apparently aren't yet supported:
    overflow-style: scrollbar | panner | move | marquee */
}

input {
    font-size: 10px;
}

input.default {
    color: #767676;
}

.map_bubble {
    padding: 0 3px;
    border: 1px solid blue;
    text-align: center;
    font-size: 12px;
    color: black;
    background-color: white;
}

body.text {
    width: 284px; /* 320 - 2 * 18 XXXXXXXXXXX */
    padding: 18px;
    font-size: 17px;
    font-weight: normal;
    color: black;
}

body.text h2 {
    font-size: 17px;
    font-weight: bold;
    color: #00447f;
}

a.button {
	/* Default positioning of button */
	display: block;
	margin: 0 auto;
	width: 250px; /* if no width was set, the button would
	               expand to the width of its parent */
	text-align:center;
	line-height: 46px; /* will keep the text vertically
	                     centered on the 46px high button */				

	/* Font styling */
	font-family: Helvetica;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	color: #000;
	text-shadow: #fff 0px 1px 1px; /* slight white drop shadow */

	/* Button image is 29px wide.
		14px for the left part of the button
		14px for the right
		1px for the middle
	*/
	border-width: 0 14px 0 14px;
	-webkit-border-image: url("../img/whiteButton.png") 0 14 0 14;
}

/*Button style */
input#leftImage, input#middleImage, input {
	float: left;
	margin-top: 1px;
	-webkit-border-radius: 8px;
	border: 1px solid #333;
	-webkit-box-shadow: rgba(255,255,255,.6) 0px 1px 1px;
}

input#leftImage, input#rightImage{
	width: 38px;
	height: 31px;
}

input{
	width: 100px;
	height: 31px;
}

input#leftImage{
	margin: 1px 60px 0 10px;
}

input#rightImage{
	margin-left: 60px;
}

.homeButton{
	background: url("../img/home.png") no-repeat right center;
	width:111px;
	height:31px;
	float:left;
	margin-top:10px;
    
	margin-left:105px;
    
	-webkit-border-radius: 8px;
	border: 1px solid #333;
	-webkit-box-shadow: rgba(255,255,255,.6) 0px 1px 1px;
	/*border: 1px solid #333333;*/
}