/*  iPhone CSS  */
body {
margin: 0;
font-family: Verdana, Helvetica, sans-serif;
background: #FFFFFF;
color: #000000;
overflow-x: hidden;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
}
body > *:not(.toolbar) {
display: none;
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 45px;
width: 100%;
min-height: 372px;
}
body[orient="landscape"] > *:not(.toolbar) {
min-height: 268px;
}
body > *[selected="true"] {
display: block;
}
body > ul > li {
position: relative;
margin: 0;
border-bottom: 1px solid #E0E0E0;
padding: 8px 0 8px 10px;
font-size: 20px;
list-style: none;
}
body > ul > li.group {
position: relative;
top: -1px;
margin-bottom: -2px;
border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #999999;
padding: 1px 10px;
background: url(listGroup.png) repeat-x;
font-size: 16px;
text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
color: #FFFFFF;
}
body > ul > li.group {
top: 0;
border-top: none;
font-size: 17px;
}
body > ul > li > a {
display: block;
margin: -8px 0 -8px -10px;
padding: 8px 32px 8px 10px;
text-decoration: none;
color: inherit;
}
body > .toolbar {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 1px solid #2d3642;
border-top: 1px solid #6d84a2;
padding: 10px;
height: 45px;
background: url(toolbar.png) #6d84a2 repeat-x;
}
.toolbar > h1 {
margin:auto;
font-size: 20px;
font-weight: bold;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
text-align:center;
color: #FFFFFF;
}
body[orient="landscape"] > .toolbar > h1 {
margin-left: -125px;
width: 250px;
}
.button {
position: absolute;
overflow: hidden;
top: 8px;
right: 6px;
margin: 0;
border-width: 0 5px;
padding: 0 3px;
width: auto;
height: 30px;
line-height: 30px;
font-family: inherit;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #336699;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
background: none;
background-image: url(toolButton.png) 0 5 0 5;
}
.leftButton {
left: 6px;
right: auto;
}
.formattingdiv{
border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #999999;
background: url(listGroup.png) repeat-x;
font-size: 16px;
text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
color: #FFFFFF;
}
#backButton {
position: absolute;
left: 6px;
right: auto;
padding: 0;
border-width: 0 8px 0 14px;
background-image: url(backButton.png) 0 8 0 14;
background-color: #336699;
}
#aboutButton {
position: absolute;
background-color: #336699;
}
body > .panel {
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 10px;
background: #c8c8c8 url(pinstripes.png);
}
.panel > fieldset {
position: relative;
margin: 0 0 20px 0;
padding: 0;
background: #FFFFFF;
-webkit-border-radius: 10px;
border: 1px solid #999999;
text-align: right;
font-size: 16px;
}
.panel > h2 {
margin: 0 0 8px 14px;
font-size: inherit;
font-weight: bold;
color: #4d4d70;
text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
}
.abt {
text-align: center;
}
.lupdate {
font-size: 0.8em;
font-weight: normal;
}
.hidden { display: none; }
.unhidden { display: block; }
.warnings{
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #FFFF00;
letter-spacing: 0.15em;
padding-bottom: .2em;
background-color: #CC0000;
text-align: center;
}
div.warnings a:link {
color: #FFFF00;
}
div.warnings a:hover {
color: #FB7F05;
text-decoration:none;
}
div.warnings a:visited {
color: #FFFF00;
}
.caution{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #F87431;
letter-spacing: 0.15em;
padding-bottom: .2em;
background-color: #FFFF00;
text-align: center;
}
.redwarnings{
	font-family: Arial, arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	color: #FFFF00;
	letter-spacing: 0.15em;
	padding-bottom: .2em;
	background-color: #CC0000;
	text-align: center;
	/*  -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	behavior:url(border-radius.htc); */
}
div.redwarnings a:link {
	color: #FFFF00;
}
div.redwarnings a:hover {
	color: #FB7F05;
	text-decoration:none;
}
div.redwarnings a:visited {
	color: #FFFF00;
}
.orangewarnings{
	font-family: Arial, arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	color: #FFFF00;
	letter-spacing: 0.15em;
	padding-bottom: .2em;
	background-color: #ff7f00;
	text-align: center;
	/*  -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	behavior:url(border-radius.htc); */
}
div.orangewarnings a:link {
	color: #FFFF00;
}
div.orangewarnings a:hover {
	color: #FB7F05;
	text-decoration:none;
}
div.orangewarnings a:visited {
	color: #FFFF00;
}
.yellowwarnings{
	font-family: Arial, arial, Helvetica, Verdana, sans-serif;
	font-size: 90%;
	color: #F87431;
	letter-spacing: 0.15em;
	padding-bottom: .2em;
	background-color: #FFFF00;
	text-align: center;
	/* -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	behavior:url(border-radius.htc); */
}
div.yellowwarnings a:link {
	color: #F87431;
}
div.yellowwarnings a:hover {
	color: #E85208;
	text-decoration:none;
}
div.yellowwarnings a:visited {
	color: #F87431;
}
div.caution a:link {
color: #F87431;
}
div.caution a:hover {
color: #E85208;
text-decoration:none;
}
div.caution a:visited {
color: #F87431;
}
.nowarnings{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
font-weight: bold;
color: #80FF00;
letter-spacing: 0.15em;
padding-bottom: .2em;
background-color: #088A08;
text-align: center;
}
div.nowarnings a:link {
color: #80FF00;
}
div.nowarnings a:hover {
color: #99ff33;
text-decoration:none;
}
div.nowarnings a:visited {
color: #80FF00;
}
.siteinfo{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #F7FE2E;
letter-spacing: 0.15em;
padding-bottom: .2em;
background-color: #FF8000;
text-align: center;
}
div.siteinfo a:link {
color: #F7FE2E;
}
div.siteinfo a:hover {
color: #FED66A;
text-decoration:none;
}
.siteinfoflat {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #F7FE2E;
letter-spacing: 0.15em;
padding-bottom: .2em;
background-color: #FF8000;
text-align: center;
}
div.siteinfoflat a:link {
color: #F7FE2E;
}
div.siteinfoflat a:hover {
color: #FED66A;
text-decoration:none;
}
div.siteinfoflat a:visited {
color: #F7FE2E;
}
.timeinfo{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #FFFFFF;
letter-spacing: 0.15em;
padding-bottom: .2em;
background-color: #0000FF;
text-align: center;
}
div.timeinfo a:link {
color: #FFFFFF;
}
div.timeinfo a:hover {
color: #D9F3EF;
text-decoration:none;
}
div.timeinfo a:visited {
color: #FFFFFF;
}
.timeinfoflat {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #FFFFFF;
letter-spacing: 0.15em;
padding-bottom: .2em;
background-color: #0000FF;
text-align: center;
}
div.timeinfoflat a:link {
color: #FFFFFF;
}
div.timeinfoflat a:hover {
color: #D9F3EF;
text-decoration:none;
}
div.timeinfoflat a:visited {
color: #FFFFFF;
}