body{background-color: #adadb0; margin: 0px; padding: 0px; font-family: sans-serif; min-height: 316px;}
* {margin: 0;padding: 0;border: 0;}
.clear{clear: both; font-size: O; margin:0; line-height: O;}
ul{margin: 0px; padding: 0px;}
li{position: relative; list-style: none; padding: 6px 10px 6px 10px; display: block; border-top: #b6b7b9 1px solid; border-bottom: 1px solid #9c9c9f; background-image: url(../images/arrow.png); background-position: center right; background-repeat: no-repeat;}
ul span{margin: 10px 6px; text-shadow: 0px 2px 1px #b9b9b9; font-size: 15px; text-decoration: none; color: black; font-weight: bold;}
ul li b{position: absolute; left: 80px; top:18px; text-shadow: 0px 2px 1px #b9b9b9; font-size: 15px; text-decoration: none; color: black;}
ul li u{position: absolute; left: 80px; top:37px; text-shadow: 0px 2px 1px #b9b9b9; font-size: 13px; text-decoration: none; color: #3a3a3a; font-weight: bold;}
.alt{ background-color: #98989c; border-bottom: #898a8d 1px solid; border-top: 1px #b5b6b8 solid;}
.pic{width: 57px; height: 57px; -webkit-border-radius: 10px; -webkit-background-size: 57px; -webkit-box-shadow: -0px 3px 3px #333;}

.header{background-image: url(../images/bg.png); background-position: 0 44px; display: block; width: 100%; height: 44px; position: relative;}
.header h1{color: #fff;text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;font-size: 20px;text-align: center;line-height: 44px;}

.SlidingPanels {float: left; position: relative; width: 100%; padding: 0px;border: none;}
.SlidingPanelsContentGroup { position: relative; float: left; width: 400%; margin: 0px; padding: 0px; }
.SlidingPanelsContent { position: relative; width: 25%; overflow: hidden; float: left; margin:0px; }
.SlidingPanelsAnimating * { overflow: hidden !important; }

#info #content{min-height: 380px; background: url(../images/bg_info.png) #cacaca repeat-x; padding: 7px 10px 20px 7px; position: relative;}
#infoTitle{font-weight: bold; font-size: 16px; position: absolute; left:75px; top:15px; text-shadow: 0px 2px 1px #C7C7C7;}
#infoDate{font-weight: bold; font-size: 12px; position: absolute; left:75px; top:38px; text-shadow: 0px 2px 1px #C7C7C7; color: #2D2D2D;}
#infoDescription{width:304px; font-size: 13px; line-height: 18px; margin-top: 24px; position: relative; z-index: 200;}
#infoLink{position: absolute; top: 40px; width: 304px; text-align: right; left: 7px;}
#infoIcon2{-webkit-transform: rotate(-180deg);}
#mask{position: absolute; left: 2px; top: 67px;}
#infoIcon2{position: absolute; left: 7px; top: 70px;}
#infoIcon{z-index: 300; position: relative;}
#back{border-left: 12px;border-right: 5px;color: white;text-shadow: #8096aa 0px 1px 1px;-webkit-border-image: url("../images/back.png") 0 5 0 12; position: absolute; left:7px; top:7px; height: 30px; width:42px; text-align: center; font: bold 12px/30px Helvetica, sans-serif; text-decoration: none;display: block;}
#setting{border-left: 12px;border-right: 5px;color: white;text-shadow: #8096aa 0px 1px 1px;-webkit-border-image: url("../images/back.png") 0 5 0 12; position: absolute; left:7px; top:7px; height: 30px; width:52px; text-align: center; font: bold 12px/30px Helvetica, sans-serif; text-decoration: none;display: block;}
#settings li{font-weight: bold; text-shadow: 0px 2px 1px #C7C7C7; padding: 10px 10px 10px 10px;}
#back2{border-left: 5px;border-right: 12px;color: white;text-shadow: #8096aa 0px 1px 1px;-webkit-border-image: url("../images/back2.png") 0 12 0 5; position: absolute; right:7px; top:7px; height: 30px; width:42px; text-align: center; font: bold 12px/30px Helvetica, sans-serif; text-decoration: none;display: block;}

.copy{font-size: 12px; text-align: center;color: #222222; padding-bottom: 10px; padding-top: 10px;}
.copy a{color: #222222;}