/* 2010/01/14 aki このファイルはp2では使っていないみたい */

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(listArrowSel.png),url(selection.png)!important;
background-repeat:no-repeat,repeat-x;
background-position:right center,left top;
color:#FFF!important;
}

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

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{
position:absolute;
overflow:hidden;
left:50%;
margin:1px 0 0 -75px;
height:45px;
font-size:20px;
width:150px;
font-weight:bold;
text-shadow:rgba(0,0,0,0.4) 0 -1px 0;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
color:#FFF;
}

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

.blueButton{
-webkit-border-image:url(blueButton.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(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(whiteButton.png) 0 12 0 12;
text-shadow:rgba(255,255,255,0.7) 0 1px 0;
}

.grayButton{
-webkit-border-image:url(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:20px;
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 #999;
padding:1px 10px;
background:url(listGroup.png) repeat-x;
font-size:17px;
font-weight:bold;
text-shadow:rgba(0,0,0,0.4) 0 1px 0;
color:#FFF;
}

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

a[target="_replace"]{
box-sizing:border-box;
-webkit-box-sizing:border-box;
padding-top:25px;
padding-bottom:25px;
font-size:18px;
color:cornflowerblue;
background-color:#FFF;
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;
-webkit-box-sizing:border-box;
width:100%;
margin:0;
border:none;
border-top:1px solid #6d84a2;
padding:10px 6px;
background:url(toolbar.png) #7388a5 repeat-x;
}

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

.dialog>fieldset>label{
position:absolute;
margin:16px 0 0 6px;
font-size:14px;
color:#999;
}

input{
box-sizing:border-box;
-webkit-box-sizing:border-box;
width:100%;
margin:8px 0 0 0;
padding:6px 6px 6px 44px;
font-size:16px;
font-weight:normal;
}

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:#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;
-webkit-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(toggle.png) repeat-x;
font-size:19px;
font-weight:bold;
line-height:30px;
}
.toggle[toggled="true"]{
border:1px solid #143fae;
background:#194fdb url(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) 0 -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(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(loading.gif),url(selection.png),url(blueButton.png),url(listArrowSel.png),url(listGroup.png);
}
