#maxpop, .renew {position:absolute; left:0; top:0; width:100%; z-index:93;}
#dock {position:absolute; left:50%; top:0;}
.content object {position:relative;}
#addthis {text-align:center; margin-top:5px;}

/* Index */
.introwonderland {display:block; margin:15px;}
#wonderlist {padding:20px 10px; text-align:left; border:none;}
#wonderlist .item {display:inline-block; width:43%; margin:0 10px 20px; float:left; vertical-align:top; position:relative;}
#wonderlist img {position:absolute; width:64px; height:64px; left:0;}
#wonderlist img.hover {position:absolute; width:80px; height:80px; left:-12px; top:-5px;}
#wonderlist a:hover {text-decoration:none;}
#wonderlist b {margin:0 0 5px 69px; color:#03a4e8; font-size:12pt;}
#wonderlist span {margin:0; color:#442; margin-left:69px; padding:0; display:block;}

/* E-songs */
a.gofirst {padding:0 8px; width:15px; height:15px; background:url(../images/ic_arrow2left-end.gif) no-repeat center; margin:2px;}
a.gofirst span, a.goprev span, a.goend span, a.gonext span {display:none;}
a.gofirst:hover {background:url(../images/roll_arrow2left-end.gif) no-repeat center;}
a.goprev {padding:0 8px; width:15px; height:15px; background:url(../images/ic_arrow2left.gif) no-repeat center; margin:2px;}
a.goprev:hover {background:url(../images/roll_arrow2left.gif) no-repeat center;}
a.goend {padding:0 8px; width:15px; height:15px; background:url(../images/ic_arrow2right-end.gif) no-repeat center; margin:2px;}
a.goend:hover {background:url(../images/roll_arrow2right-end.gif) no-repeat center;}
a.gonext {padding:0 8px; width:15px; height:15px; background:url(../images/ic_arrow2right.gif) no-repeat center; margin:2px;}
a.gonext:hover {background:url(../images/roll_arrow2right.gif) no-repeat center;}
#controlbar {background:url(../images/kbar.gif) repeat-x center #000; padding:5px; position:relative;}
.switchscreen {font-weight:bold; margin:0 5px;}
a .play {background:url(../images/ic_play.gif) no-repeat center left; padding-left:10px;}
a .pause {background:url(../images/ic_pause.gif) no-repeat center left; padding-left:12px;}
.phonics {margin-top:10px; position:relative;}

/* Games */
.notebox {padding:2px; background-color:#FFF; border:1px solid #EEC;}
#gamepage {margin:0; padding:0; list-style:none;}
#gamepage li.gamelot {font-weight:bold; width:166px; margin:0 10px 15px; text-align:center; position:relative; display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; word-wrap:break-word; vertical-align:top;}
* + html #gamepage li.gamelot {display:inline;}
#gamepage li.gamelot > * {display:table; table-layout:fixed; overflow:hidden;}
#gamepage li.gamelot b {display:block; text-align:center;}
.gamelot img {display:block; padding:3px; background:#998; margin-bottom:3px;}
.gamelot a:hover img {background-color:#0097c9;}

/* Font Size Slider */
#fontsize {margin:0 auto 20px; background:#FFFFF2; border:1px solid #03a4e8; -moz-border-radius:8px; border-radius:8px; padding:2px 5px;}
.ui-slider {background:url(../images/adjust-bar.gif) no-repeat center; width:100px; height:14px; position:relative;}
.ui-slider a {color:transparent;}
.ui-slider-handle {background:url(../images/thumbnail.gif) no-repeat; width:11px; height:14px; position:absolute; left:0; z-index:1; cursor:pointer;}

/* Idiom */
#idioms {width:510px; margin:0 auto; line-height:180%;}
#idiomsearch {position:relative; background:#CCC; padding:4px 0; text-align:center; color:#000; margin:0 auto; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
#idiomsearch input[type="text"] {font-size:8pt; width:200px;}
#idiomlist {clear:both; text-align:left; margin:0 auto; background-color:#FFF; border:1px solid #EEC; width:510px;}
#idiomlist .inside {padding:15px;}
.strokes {position:absolute; margin-top:10px;}
#idiom {clear:both; padding:0 20px; text-align:left;}
#idiom h3 {text-align:center; margin:0 auto 10px;}
#idiom P {text-align:justify;}
#idiom img {float:left; margin:5px 10px 10px 0; z-index:10;}
#idiom .hr {border-top:1px dashed #EEC; margin:10px 0;}
UL.idioms {margin:0; padding:10px 0; list-style:none; border-top:1px dashed #EEC; clear:both; position:relative;}
* + html UL.idioms {height:1%;}
UL.idioms:after {content:""; display:block; clear:both;}
UL.idioms LI.en {margin-bottom:4px;}
UL.idioms LI.zh {margin:0 0 2px 35px; float:left; display:inline;}
UL.idioms LI.zh A {font-weight:bold; white-space:nowrap;}
#searchresult {background:#f6f6f6; border:1px solid #CCC; text-align:center; padding:5px; margin:0 auto; }
#iDesc {text-align:left;}

/* Piano */
#piano {width:550px; margin:0 auto 20px; position:relative;}
p a {position:relative;}
#piano #controlbar {height:20px;}

/* Bookmarks */
#bookmarklist {text-align:left;}
#bookmarklist .last {border-bottom:none;}
.bitem {clear:both; margin-bottom:15px;}
.bitem img.siteimage	{margin-bottom:15px; float:left; border:4px solid #EEC; position:relative;}
.bitem .sitedesc {margin:0 0 10px 180px;}
.bitem .sitedesc P {margin:0;}
.bitem a.subtitle {color:#03a4e8; font-weight:bold; font-size:12pt; position:relative;}
.bitem .ratingblock {display:block;	height:20px;	margin-top:10px;	border-bottom:1px dashed #EEC;	padding-bottom:8px;	margin-bottom:8px;}
.bitem .unit-rating {list-style:none;	margin: 0 5px 0 0;	padding:0;	height:15px;	position:relative;	background: url(/rating/images/star-rating.gif) top left repeat-x;	float:left;}

.aitem {float:left; margin:0 9px 10px; text-align:center; width:168px; height:218px;}
*html .aitem {display:inline; zoom:1;}
.aitem img.siteimage {margin-bottom:4px; border:4px solid #EEC; position:relative;}
.aitem .sitedesc p.siteintro {display:none;}
.aitem a.subtitle {color:#03a4e8; font-weight:bold; position:relative;}
.aitem .alert {white-space:nowrap; display:block;}
.aitem .ratingblock {display:block;	height:20px; margin:0 auto; width:75px;}
.aitem .unit-rating {list-style:none;	margin:0;	padding:0; height:15px;	position:relative; background: url(/rating/images/star-rating.gif) top left repeat-x; text-align:left;}

.citem {clear:both; margin:0 auto 11px; padding-bottom:12px; border-bottom:1px dashed #EEC; position:relative; width:550px;}
.citem:last-child {border-bottom:none;}
.citem img.siteimage {display:none;}
.citem a.subtitle {color:#03a4e8; font-weight:bold; font-size:12pt;}
.citem .sitedesc p.siteintro {margin:2px 0;}
.citem .ratingblock {display:block;	height:20px; position:absolute; top:0; right:0; z-index:10;}
.citem .unit-rating {list-style:none;	margin: 0 5px 0 0;	padding:0;	height:15px;	position:relative;	background:url(/rating/images/star-rating.gif) top left repeat-x;	float:left;}

.pageinfo {clear:both; text-align:right; padding:5px; background:#FFF; border:1px solid #EEC;}
.pageinfo .left	{float:left;}
.page .displaystyle a span {display:none;}
.page .displaystyle a {display:inline-block; padding:2px 10px; width:22px height:20px; border:none; margin-left:1px;}
.page a.thumbnail {background:url(../images/ic_thumbnail.gif) no-repeat;}
.page a.thumbnail:hover, .page a.on.thumbnail {background:url(../images/roll_thumbnail.gif) no-repeat;}
.page a.detail {background:url(../images/ic_detail.gif) no-repeat;}
.page a.detail:hover, .page a.on.detail {background:url(../images/roll_detail.gif) no-repeat;}
.page a.text {background:url(../images/ic_text.gif) no-repeat;}
.page a.text:hover, .page a.on.text {background:url(../images/roll_text.gif) no-repeat;}

/* Report bookmark */
#report {position:relative; z-index:93; background:#FFF; padding:15px 15px 20px; border:1px solid #EEC; border-top:3px solid #03a4e8;}
#report .darkarea {text-align:left; margin-top:10px;}
#report h2 {color:#F90; margin-top:5px; font-size:12pt;}
#report h3.alert {font-size:11pt; background:#F90; color:#FFF; padding:2px;}
#shadow {position:absolute; width:100%; height:100%; left:8px; top:8px; z-index:90;}

/* Commit Bookmark */
#submitbookmark {margin-bottom:28px;}
#submitbookmark h4.subtitle {display:inline-block; background:#FC0; padding:3px 12px; margin:10px 0 0; font-size:12pt; clear:both; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
#submitbookmark a, #submitform {position:relative;}
#submitform a.close {position:absolute; top:8px; right:8px;}

/* Dock */
.icon-dock {text-align:center; margin:0 0 0 -50%; width:100%;}
.icon-dock .dock-container {height:50px;}
.icon-dock a.dock-item {display:inline; width:40px;}
.icon-dock a.dock-item img {border:none; margin:5px 0 0; width:48px;}
.icon-dock a.dock-item span {display:none;}