*{-webkit-box-sizing:border-box;box-sizing:border-box}
html,body{margin:0;padding:0;background:#cbd2d8;font-family:Helvetica,Arial,sans-serif;color:#111}
body{font-size:16px;-webkit-text-size-adjust:none}
.page{width:320px;margin:0 auto;min-height:480px;background:#cbd2d8}
.top{
height:44px;
padding:7px 8px;
color:#fff;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
font-size:20px;
font-weight:normal;
line-height:29px;
text-align:center;
border-bottom:1px solid #1d3550;
background:#2f6da9;
background:-webkit-gradient(linear,left top,left bottom,from(#7fb4e7),color-stop(.48,#3d7fbd),color-stop(.52,#286aa8),to(#164d82));
text-shadow:0 -1px 0 #173b60;
position:relative
}
.back{
position:absolute;
font-family:Helvetica,Arial,sans-serif;
font-style:normal;
left:8px;
top:7px;
height:29px;
padding:0 10px;
color:#fff;
text-decoration:none;
font-size:12px;
line-height:28px;
font-weight:bold;
border:1px solid #2d3b52;
-webkit-border-radius:6px;
border-radius:6px;
background:#566c89;
background:-webkit-gradient(linear,left top,left bottom,from(#7187a2),color-stop(.5,#596f8c),to(#425775));
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(0,0,0,.2);
text-shadow:0 -1px 0 rgba(0,0,0,.5)
}
.back:active{
background:#266fae;
background:-webkit-gradient(linear,left top,left bottom,from(#579ad3),color-stop(.5,#347fbd),to(#1f609c));
border-color:#194f81;
color:#fff
}
.content{padding:10px 9px 20px}
.hero{
border:2px solid #78818a;
-webkit-border-radius:10px;
border-radius:10px;
background:#fff;
padding:10px;
margin-bottom:12px;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.18),inset 0 1px 0 #fff;
box-shadow:0 1px 1px rgba(0,0,0,.18),inset 0 1px 0 #fff
}
.hero h1{font-size:21px;line-height:24px;margin:0 0 5px;font-weight:bold}
.hero p{margin:4px 0;font-size:13px;line-height:18px;color:#333}
.group{margin:12px 0 16px}
.group-title{
font-size:13px;
font-weight:bold;
color:#4d566f;
text-shadow:0 1px 0 #fff;
padding:4px 9px 6px;
text-transform:none
}
.list{
border:0;
padding:2px;
-webkit-border-radius:10px;
border-radius:10px;
overflow:hidden;
background:#78818a;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.55);
box-shadow:0 1px 1px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.55)
}
.list a{
display:block;
position:relative;
padding:11px 30px 11px 12px;
min-height:42px;
border-bottom:1px solid #d7d7d7;
background:#fff;
color:#385487;
text-decoration:none;
font-size:16px;
font-weight:bold;
line-height:19px;
-webkit-tap-highlight-color:rgba(0,0,0,0) !important
}
.list a:first-child{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px}
.list a:last-child{border-bottom:0;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.list a:active,.list a:focus,.list a:hover{
background:#fff !important;
color:#385487 !important;
text-shadow:none !important;
outline:none
}
.list a:active:after,.list a:focus:after,.list a:hover:after{color:#888 !important}
.list a:after{
content:"›";
position:absolute;
right:10px;
top:5px;
color:#888;
font-family:Arial,sans-serif;
font-size:27px;
font-weight:bold;
line-height:30px
}
.small{font-size:12px;color:#666}
.footer{text-align:center;color:#566c89;font-size:11px;font-weight:bold;text-shadow:0 1px 0 #fff;padding:8px 6px 18px}
.note{
background:#fff;
border:2px solid #78818a;
-webkit-border-radius:10px;
border-radius:10px;
padding:8px 9px;
font-size:12px;
line-height:17px;
margin:12px 0;
color:#444;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.16),inset 0 1px 0 #fff;
box-shadow:0 1px 1px rgba(0,0,0,.16),inset 0 1px 0 #fff
}
input{
font:16px Helvetica,Arial,sans-serif;
height:36px;
border:2px solid #7d858d;
-webkit-border-radius:7px;
border-radius:7px;
background:#fff;
padding:4px 6px;
-webkit-box-shadow:inset 0 1px 1px #d0d0d0,0 1px 0 #fff;
box-shadow:inset 0 1px 1px #d0d0d0,0 1px 0 #fff
}
button,.button{
display:inline-block;
height:36px;
padding:0 11px;
border:1px solid #2d3b52;
-webkit-border-radius:6px;
border-radius:6px;
background:#566c89;
background:-webkit-gradient(linear,left top,left bottom,from(#7187a2),color-stop(.5,#596f8c),to(#425775));
color:#fff;
font:bold 14px Helvetica,Arial,sans-serif;
line-height:34px;
text-decoration:none;
text-shadow:0 -1px 0 rgba(0,0,0,.5);
vertical-align:top
}
.row{white-space:nowrap}
.row input{width:205px;margin-right:5px;vertical-align:top}
.row button{vertical-align:top}

.world-title{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;letter-spacing:.2px}
.top.world-title{font-size:21px;font-weight:normal}
.hero h1.world-title{font-size:23px;font-weight:normal}
.footer.world-title{font-weight:normal}