/* iphone styles */

body
{
margin:0;
font-family:Helvetica;
background:#FFF;
color:#000;
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;
}

a[selected],a:active
{
background-color:#194fdb !important;
background-image:url(images/listArrowSel.png),url(images/selection.png) !important;
background-repeat:no-repeat,repeat-x;
background-position:right center,left top;
color:#FFF !important;
}

a[selected="progress"]
{
background-image:url(images/loading.gif),url(images/selection.png) !important;
}

body >.toolbar
{
box-sizing:border-box;
-moz-box-sizing:border-box;
border-bottom:1px solid #111111;
border-top:1px solid #333333;
padding:10px;
height:45px;
background:#222222;
}

.toolbar >h1
{
position:absolute;
overflow:hidden;
left:50%;
margin:1px 0 0 -75px;
height:45px;
font-size:18px;
width:150px;
font-weight:bold;
text-shadow:rgba(0,0,0,0.4) 0px -1px 0;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
color:#eeeeee;
}

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:13px;
font-weight:bold;
color:#FFF;
text-shadow:rgba(0,0,0,0.6) 0px -1px 0;
text-overflow:ellipsis;
text-decoration:none;
white-space:nowrap;
background:none;
-webkit-border-image:url(images/toolButton.png) 0 5 0 5;
}

.rightButton
{
-webkit-border-image:url(images/rightButton.png) 0 5 0 5;
border-width:0 5px;
}

.leftButton
{
left:6px;
right:auto;
}

#backButton
{
display:none;
left:6px;
right:auto;
padding:0;
max-width:55px;
border-width:0 8px 0 14px;
-webkit-border-image:url(images/backButton.png) 0 8 0 14;
}

.whiteButton,.grayButton
{
display:block;
border-width:0 12px;
padding:10px;
text-align:center;
font-size:20px;
font-weight:bold;
text-decoration:inherit;
color:inherit;
}

.whiteButton
{
-webkit-border-image:url(images/whiteButton.png) 0 12 0 12;
text-shadow:rgba(255,255,255,0.7) 0 1px 0;
}

.grayButton
{
-webkit-border-image:url(images/grayButton.png) 0 12 0 12;
color:#FFF;
}

body >ul >li
{
position:relative;
margin:0;
border-bottom:1px solid #E0E0E0;
padding:8px 0 8px 10px;
font-size:18px;
font-weight:bold;
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;
font-size:18px;
font-weight:bold;
text-shadow:rgba(0,0,0,0.4) 0 1px 0;
color:#ff9900;
}

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

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

a[target="_replace"]
{
box-sizing:border-box;
padding:15px 15px 15px 15px;
font-size:18px;
color:#ff9900;
text-decoration:none;
background-color:#ffffff;
background-image:none;
}

body >.dialog
{
top:0;
width:100%;
min-height:417px;
z-index:2;
background:rgba(0,0,0,0.8);
padding:0;
/*text-align:right;*/
}

.dialog >fieldset
{
box-sizing:border-box;
width:100%;
margin:0;
border:none;
border-top:1px solid #6d84a2;
padding:6px 6px 6px 6px;
/*background:url(images/toolbar.png) #7388a5 repeat-x;*/
}

.dialog >fieldset >h1
{
margin:0 10px 0 10px;
padding:0;
font-size:18px;
font-weight:bold;
color:#ffffff;
text-shadow:rgba(0,0,0,0.4) 0px -1px 0;
text-align:center;
}

.dialog >fieldset >label
{
position:absolute;
/*margin:16px 0 0 6px;*/
font-size:18px;
color:#ff9900;
}

input
{
box-sizing:border-box;
/*width:35px;*/
margin:20px 0 0 0;
padding:6px 6px 6px 6px;
font-size:16px;
font-weight:normal;
}

select
{
box-sizing:border-box;
/*width:100%;*/
margin:20px 0 0 0;
padding:6px 6px 6px 6px;
font-size:16px;
font-weight:normal;
}

body >.panel
{
box-sizing:border-box;
padding:10px;
background:#c8c8c8 url(images/pinstripes.png);
}

.panel >fieldset
{
position:relative;
margin:0 0 20px 0;
padding:0;
background:#FFF;
-webkit-border-radius:10px;
border:1px solid #999;
text-align:right;
font-size:16px;
}

.row 
{
position:relative;
min-height:42px;
border-bottom:1px solid #999;
-webkit-border-radius:0;
text-align:right;
}

fieldset >.row:last-child
{
border-bottom:none !important;
}

.row >input
{
box-sizing:border-box;
margin:0;
border:none;
padding:12px 10px 0 110px;
height:42px;
background:none;
}

.row >label
{
position:absolute;
margin:0 0 0 14px;
line-height:42px;
font-weight:bold;
}

.row >.toggle
{
position:absolute;
top:6px;
right:6px;
width:100px;
height:28px;
}

.toggle
{
border:1px solid #888;
-webkit-border-radius:6px;
background:#FFF url(images/toggle.png) repeat-x;
font-size:18px;
font-weight:bold;
line-height:30px;
}

.toggle[toggled="true"]
{
border:1px solid #143fae;
background:#194fdb url(images/toggleOn.png) repeat-x;
}

.toggleOn
{
display:none;
position:absolute;
width:60px;
text-align:center;
left:0;
top:0;
color:#FFF;
text-shadow:rgba(0,0,0,0.4) 0px -1px 0;
}

.toggleOff
{
position:absolute;
width:60px;
text-align:center;
right:0;
top:0;
color:#666;
}

.toggle[toggled="true"] >.toggleOn
{
display:block;
}

.toggle[toggled="true"] >.toggleOff
{
display:none;
}

.thumb
{
position:absolute;
top:-1px;
left:-1px;
width:40px;
height:28px;
border:1px solid #888;
-webkit-border-radius:6px;
background:#fff url(images/thumb.png) repeat-x;
}

.toggle[toggled="true"] >.thumb
{
left:auto;
right:-1px;
}

.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;
}

#preloader
{
display:none;
background-image:url(images/loading.gif),url(images/selection.png), url(images/rightButton.png),url(images/listArrowSel.png),url(images/listGroup.png);
}

/* photo navigation */

.photoHidden { display: none; }

.photoVisible {}

.photoPrev {
position: absolute;
left: 5px;
bottom: 5px;
width: 40px;
height: 40px;
background: url(images/photoPrev.png) no-repeat;
}

.photoNext {
position: absolute;
right: 5px;
bottom: 5px;
width: 40px;
height: 40px;
background: url(images/photoNext.png) no-repeat;
}

/* overrides */

body { background: #000000; color: #eeeeee; }
a[target="_replace"] { color: #ff9900; background-color: #111111; }
body > .toolbar { border-bottom-color: #222222 !important; }
body > .toolbar, .dialog > fieldset { background-color: #111111 !important; border-top-color: #222222 !important; }
a[selected], a:active {color: #999999 !important; background-color: #111111 !important; background-image: url(images/listArrowSel.png), none !important;}
a[selected="progress"] {background-image: url(images/loading.gif), none !important;}
fieldset > input { padding-left: 5px !important; }
.smlogo { position: absolute; }
#photos li { text-align: center; }

.txt1  { font-size: 12px; color:#999999; }
.txt1w  { font-size: 12px; color:#ff9900; }
.txt2  { font-size: 14px; color:#999999; }
.txt2w  { font-size: 14px; color:#ffffff; }
.txt2o  { font-size: 14px; color:#ff9900; }
 a.txt2:link {color:#ff9900; text-decoration: none;}
 a.txt2:visited {color:#ff9900; text-decoration: none;}
 a.txt2:hover {color:#ff9900; text-decoration: none;}
.txt2cal  { font-size: 14px; color:#000000; }
.txt3  { font-size: 16px; color:#999999; }
.txt3w  { font-size: 16px; color:#ffffff; }
.txt3o  { font-size: 16px; color:#ff9900; }
 a.txt3:link {color:#ff9900; text-decoration: none;}
 a.txt3:visited {color:#ff9900; text-decoration: none;}
 a.txt3:hover {color:#ff9900; text-decoration: none;}
.txt4  { font-size: 18px; color:#999999; }
.txt4w  { font-size: 18px; color:#ffffff; }
.txt4o  { font-size: 18px; color:#ff9900; }
.txt4b  { font-size: 18px; color:#000000; }
.txt5  { font-size: 20px; color:#999999; }
.txt5w  { font-size: 20px; color:#ffffff; }
.txt5o  { font-size: 20px; color:#ff9900; }

body > toolbar { padding: 0px; line-height: 45px; }
body > ul > li {background-color: #000000; border-top: 1px solid #333333; border-bottom: 1px solid #000000; }
body > ul > li:first-child, body > ul > li.group + li { border-top: none; }
body > ul > li.group {background-color: #111111; border-top: 1px solid #222222; border-bottom: 1px solid #222222; margin-bottom: inherit; position: static; }
body > ul > li.groupb {background-color: #111111; border-top: 1px solid #222222; border-bottom: 2px solid #111111; padding: 0px; margin: 0px; position: static; height: 80px; }
body > ul > li > a > img { vertical-align: middle; margin-right: 10px; border: none;}
#photos > li {padding: 10px 0;}
/*body > ul > li > a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}*/