@import "/css/style.css";
.middle {padding-bottom:50px;}
/* Main Play page */
#play { margin: 0; padding: 0; }
#play .content { margin: 0 -10px 0 0; padding: 0;}

.check-profile { background: url(/images/check-profile_bg.jpg) repeat-x left top; color: #fff; line-height: 31px; text-align: center; }
.check-profile a { color: #ffc; }

.content .ICollContBox .itemLayout .thumb { margin-bottom: 15px}
.content .ICollContBox .IIICollSubBox .itemLayout .thumb { margin-bottom: 15px}
.content .ICollContBox .IIICollSubBox .itemLayout .game { color: #FFFFff}
.content .ICollContBox .IIICollSubBox .itemLayout p{ font-size: 11px; color: #FFFFcc}

.IIICollSubBox { position: relative; }
.ICollSubBox { position: relative; }
.IIICollSubBox .itemLayout{position: relative; z-index: 100;}
.ICollSubBox .itemLayout {position: relative; z-index: 100;}
.IIICollSubBox .itemLayout:hover {cursor:pointer;}
.ICollSubBox .itemLayout:hover {cursor:pointer;}
.IIICollSubBox div.ahover {position: absolute;z-index: 99;background: #01759E;}
.ICollSubBox div.ahover {position: absolute;z-index: 99;background: #01759E;}

.container {width:100%; margin: 0 auto;}

#connect-dots {width:830px;}
#connect-dots.popup {width:100%;}
#connect-dots #moreLinksArea #scroller {height:280px;}
#connectDotsItem {padding-top:50px;}


/* SPECIAL MESSAGE */
.special-message {padding: 10px 10px 10px 0; margin: 5px 10px; font-size: 14px; background-color:#497F9C; border:1px solid #88C1CF;}
.special-message .chipmonk {position: relative; top: -5px; left: 3px; float: left;}


/* More Links list */
#moreLinksArea {float: right;}
#moreLinksArea #scroller {height:360px;}

#color-by-numbers.popup {width:100%;}
#color-by-numbers #moreLinksArea {clear: both; float: none; text-align: center;  width: 590px; margin: 0 auto}
#color-by-numbers #moreLinksArea #scroller h2 {color: #fc0; font-size: 1.1em; margin:10px 0px 4px 0px; width: 600px}
#color-by-numbers #moreLinksArea #scroller {overflow-y: hidden; overflow-x: scroll;  background-color: #5D92A0; border: solid 1px #5B8C99; margin-left: 10px; height:50px; width:100%;}
#color-by-numbers #moreLinksArea #scroller ul {height:70px; white-space: nowrap}
#color-by-numbers #moreLinksArea #scroller ul li {height:50px; text-align: center; margin: 10px 0px 10px 30px; padding: 0 0 0 1px; display: inline; list-style-type: none;}



/* Highscores */
.clear {line-height:0em;clear:both;}
#scores table {background-color:#5d92a0; color:#fff; padding:15px;margin-left:auto;margin-right:auto;border:solid #88C1CF 1px;width:270px;}
#scores table tr { background-color:inherit; color:#fc0}
#scores table td {text-align:left; border-top:1px solid #88C1CF; background-color:inherit; color:white}
#scores table td.score {text-align:right}

#topbtns  img#fullscreen {width:34px;height:16px}

/* The actual game is inserted in the gameArea: */
#gameArea {text-align:center; margin:20px auto;}
#gameArea embed {margin: 0 auto;}


#connectDotsItem {margin:auto;}

/* Instructions */
#instructions {padding:0;padding-bottom:20px;margin: 0 auto 0 auto;clear:both; float:none; position:relative; top:30px;}
#instructions .instbtn img { margin:10px; border:0;}
#instructions .ICollContBox h1 {font-size:1.1em; margin:1px 0 0 6px;}
#instructions .ICollContBox h2 {margin:0 0 0 4px; }
#instructions .ICollContBox ul {margin: 0 0 0 6px;}


.star{position: absolute; left:2px; float: left; top:-8px; z-index: 99;}


* html .star{position: absolute; left:-42px; float: left; top:-6px; z-index: 99;}