/* --- styles --- */
* {
margin:0;
padding:0;
font:1em tahoma, geneva, arial, sans-serif;
_font-size:11px;
}

body {
margin:0 0 20px 0;
background:#333;
background-image:none;
font-size:0.675em;
text-align:center;
}

#wrapper {
text-align:left;
width:970px;
margin:0 auto;
background:#fff;
position:relative;
}

h1 {
display:block;
width:245px;
height:67px;
text-indent:-9999em;
text-decoration:none;
background:url(http://www.miniclip.com./images/bg_h1.png) no-repeat 12px 10px;
}

h1.ad {
display:block;
width:220px;
height:62px;
/* background:url(http://www.miniclip.com./images/bg_h1_halloween2.jpg) no-repeat -3px 5px; */
/* background:url(http://www.miniclip.com./images/bg_h1_xmas.jpg) no-repeat -3px 5px; */
}

.H_sketchstar h1, .H_sketchstar h1.ad {
background:url(http://www.miniclip.com./images/bg_h1_sketchstar.png) 10px 2px no-repeat;
height:77px;
width:200px;
}

.H_sketchstar #tabNav {
left:210px;
margin-top:40px;
}

h1 a, h1.ad a { display:block; height:53px; }

.breadcrumbs {
margin:0 0 2px 15px;
}

.hGameCat {
display:block;
width:200px;
padding:0 0 0 15px;
font-weight:bold;
color:#000;
font-size:1.2em;
text-decoration:none;
}

ul {
list-style-type:none;
}

a {
color:#036;
}

a:hover {
text-decoration:none;
}

a img {
text-decoration:none;
border:none;
}

div.ad_728_90 img {
border: 0;
}

select {
width:140px;
height:16px;
font-size:10px;
border-width:1px;
}

input {
padding:2px;
}

input:focus, textarea:focus, select:focus {
background:#eef8ff;
}

.clear {
clear:both;
}

#beta {
display:block;
background: url(http://www.miniclip.com./images/community/beta-2.png) no-repeat top left;
width:43px;
height:27px;
position:absolute;
top:0;
left:0;
text-indent:-9999em;
}

#tabNav {
float:left;
margin:30px 0 0 5px;
position:absolute;
z-index:100;
left:245px;
top:0;
}

#tabNav li {
float:left;
margin:0 7px 0 0;
position:relative;
}

#tabNav a {
line-height:32px;
padding:5px 18px 0 45px;
color:#fff;
display:block;
overflow:hidden;
height:31px;
_height:36px
margin:0 0 -10px 0;
font-size:13px;
white-space:nowrap;
}

.H_game #tabNav .button_games a,
.H_ecard #tabNav .button_ecards a,
.H_toons #tabNav .button_toons a,
.H_community #tabNav .button_community a,
.H_sketchstar #tabNav .button_sketchstar a {
font-weight:bold;
text-decoration:none;
padding-top:7px;
height:37px;
_height:42px
}
*html .H_game #tabNav .button_games a,
*html .H_ecard #tabNav .button_ecards a,
*html .H_toons #tabNav .button_toons a,
*html .H_community #tabNav .button_community a,
*html .H_sketchstar #tabNav .button_sketchstar a {
height:33px;
_height:38px
}

.button_community span {
width:30px;
height:30px;
position:absolute;
top:-13px;
right:-11px;
display:none;
background:url(http://www.miniclip.com./images/new_players.gif) no-repeat;
}

.button_sketchstar span {
width:30px;
height:30px;
position:absolute;
top:-13px;
right:-11px;
background:url(http://www.miniclip.com./images/new_sketch.gif) no-repeat;
}

.button_games {background:url(http://www.miniclip.com./images/tabs_tile.png) no-repeat 0 0 transparent; }
.button_ecards { background:url(http://www.miniclip.com./images/button_ecards.gif) no-repeat transparent; }
.button_toons { background:url(http://www.miniclip.com./images/button_toons.gif) no-repeat transparent; }
.button_community { background:url(http://www.miniclip.com./images/tabs_tile.png) no-repeat 0 -45px transparent; }
.button_sketchstar { background:url(http://www.miniclip.com./images/tabs_tile.png) no-repeat 0 -90px transparent; }

.button_games a, .button_ecards a, .button_toons a, .button_community a, .button_sketchstar a  {
margin:0 -5px 0 0;
position:relative;
}

.button_games a { background:url(http://www.miniclip.com./images/tabs_tile.png) no-repeat transparent right 0 !important; }
.button_ecards a { background:url(http://www.miniclip.com./images/button_ecards2.gif) no-repeat transparent right top !important; }
.button_toons a { background:url(http://www.miniclip.com./images/button_toons2.gif) no-repeat transparent right top !important; }
.button_community a { background:url(http://www.miniclip.com./images/tabs_tile.png) no-repeat transparent right -45px !important; }
.button_sketchstar a { background:url(http://www.miniclip.com./images/tabs_tile.png) no-repeat transparent right -90px !important; }


#wrapperNav {
clear:both;
margin:0 0 5px 5px;
padding:5px 0 0 5px;
height:46px;
position:relative;
}

#wrapperNav .box {
width:143px;
height:29px;
float:left;
margin:0 0 0 5px;
padding:4px 10px 0 2px;
}

#wrapperNav .box input {
width:98px;
height:12px;
font-size:10px;
border-width:1px;
}

#wrapperNav .box .button {
width:28px;
height:20px;
}

#wrapperNav .box h2 {
font-weight:bold;
font-size:10px;
}

#subNav {
display:block;
width:620px;
float:left;
overflow:hidden;
padding:0 0 0 6px;
}


#subNav li {
height:40px;
float:left;
}

#subNav strong, #subNav a {
line-height:40px;
font-weight:bold;
display:block;
padding:0 6px;
background:url(http://www.miniclip.com./images/bg_tabcontrols.gif) no-repeat 100% 50%;
display:block;
}

#subNav .more a {
color:#fff;
background:url(http://www.miniclip.com./images/nav_more_arrow.gif) no-repeat 80px 20px transparent;
}

#subNav .more a:active, #subNav .more a:focus {
outline: none;
}

#moreNav {
position:relative;
display:none;
margin:-10px 5px 5px 5px;
padding:10px 0 15px 15px;
}

#moreNav li {
float:left;
margin:2px 0 0 0;
white-space:nowrap;
display:block;
width:110px;
background:url(http://www.miniclip.com./images/games/bullet_blue_right.gif) no-repeat 0 50%;
padding:0 0 0 14px;
}

#moreNav h2 {
display:block;
font-weight:bold;
clear:both;
margin:0 0 5px 0;
}

#moreNav ul {
display:block;
margin:0 0 8px 0;
}

#moreNav .col {
float:left;
width:130px;
padding:0 20px 0 0;
}

#closeMoreNav {
position:absolute;
top:-40px;
left:519px;
width:105px;
height:40px;
text-align:center;
line-height:30px;
font-weight:bold;
}

#closeMoreNav:active, #closeMoreNav:focus {
outline: none;
}

#moreNav .clear {
clear:both;
}

#moreNav .wide {
width:500px;
}

#moreNav .medium {
width:250px;
}

#moreNav .medium li {
background-image:url(http://www.miniclip.com./images/bullet_orange.gif );
}

#moreNav .last {
padding:0;
}

#moreNav.shown {
display:block;
}

#moreNav.hidden {
display:none;
}

#wrapperNav .more a {
color:#fff;
text-align:center;
width:90px;
display:block;
}

#wrapperNav .more {
float:right;
margin:0 6px 0 0;
}


.mainContent {
width:630px;
float:left;
clear:both;
margin:0 0 5px 5px;
background:#cef;
display:inline;
}

.mainContent.wide {
width:960px;
}

.holder {
margin:0 5px;
}

.holderborder {
border:5px solid #09f;
border-width:0 5px;
background:#fff;
padding:5px 10px;
}

.holderborder p {
margin:10px 0;
}

.holderborder h2 {
font-size:16px;
font-weight:bold;
color:#000;
margin:0 0 10px 0; 
}

.holderborder .holdercontainer {
border:2px solid #eef;
padding:10px;
margin:0 0 5px 0;
}

.holderborder h2 em {
float:right;
font-size:11px;
line-height:20px;
color:#999;
}

.holderborder strong {
font-weight:bold;
}

.holderborder ul, .holderborder ol {
margin:10px 0 10px 30px;
}
.holderborder li {
margin:4px 0;
}


#animHolder, #animHolderFrame {
width:290px;
height:200px;
background:#fff;
margin:5px 0 0 5px;
}


#sideBar {
width:324px;
float:right;
margin:0 5px 5px 0;
display:inline;
position:relative;
}

#sidebarWide {
width:324px;
display:block;
padding:0 5px 0 0;
float:right;
position:relative;
}

.letterbox {
margin:5px 0 0 0;
height:76px;
}

.letterbox a {
display:block; 
height:75px;
text-decoration:none;
}

.letterbox a.imageLink {
text-indent:0;
}

.topTen {
margin:5px 0 0 0;
padding:5px 0;
}

.topTen h2 {
color:#fff;
padding:0 0 0 12px;
font-weight:bold;
height:18px;
line-height:18px;
}

.topTen .content {
height:189px;
margin:5px 0 0 0;
overflow:hidden;
}

.topTen ol {
list-style-type:decimal;
float:left;
width:112px;
padding:5px 0 0 38px;
}

.topTen li {
white-space:nowrap;
}

.topTen .feature {
float:left;
padding:3px 6px;
width:149px;
margin:5px 0 0 2px;
text-decoration:none;
}

.topTen .feature p {
color:#000;
font-size:10px;
text-decoration:none;
}

.topTen .feature span {
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

.topTen a.feature:hover h3 {
text-decoration:none;
}

.topTen ol a {
padding:2px 0;
display:block;
}

.topTen li {
margin:1px 0 0 0;
font-weight:bold;
}

.myGames {
margin:5px 0 0 0;
overflow:hidden;
position:relative;
height:130px;
}

.myGames h2 {
color:#fff;
padding:0 8px;
font-weight:bold;
height:18px;
line-height:18px;
margin:5px 0 3px 0;
}

.myGames li {
padding:1px 0 1px 15px;
background:url(http://www.miniclip.com./images/bullet_orange.gif) no-repeat left 50%;
}

.myGames strong {
font-weight:bold;
}

.myGames .col {
width:146px;
float:left;
margin:0 0 5px 5px;
display:inline;
}

.myGames .col2 {
width:160px;
float:left;
margin:0 0 5px 5px;
display:inline;
}

.myGames ul {
padding:5px 0 0 5px;
}

.myGames #mg_latest {
display:block;
height:87px;
margin:0 0 5px 0;
}

.myGames .mg_like {
height:60px;
}

.breadcrumb {
overflow:hidden;
margin:0 5px 5px 5px;
display:block;
padding:0 0 0 45px;
line-height:24px;
height:24px;
color:#9df;
}

.breadcrumb .support {
float:right;
padding:0 0 0 19px;
display:inline;
}

.breadcrumb a {
line-height:24px;
}

.breadcrumb .support a {
background:url(http://www.miniclip.com./images/bg_tabcontrols.gif) no-repeat 100% 50%;
font-weight:bold;
margin:0 7px 0 0;
padding:0 10px 2px 0;
}

.breadcrumb .support a.last {
padding:0;
margin:0;
background:none;
}

.breadcrumb .support span {
float:left;
padding:0 10px 0 3px;
}

.breadcrumb span {
display:block;
height:24px;
padding:0 10px;
}

a.channel {
display:block;
text-decoration:none;
text-indent:-9999em;
width:70px;
background: no-repeat right;
padding:0 0 0 5px;
float:right;
}

a.games { background-image:url(http://www.miniclip.com./images/icons/channel_small_games.gif ); }
a.sketchstar { background-image:url(http://www.miniclip.com./images/icons/channel_small_sketchstar.png ); width: 90px; }
a.ecards { background-image:url(http://www.miniclip.com./images/icons/channel_small_ecards.gif ); }
a.toons { background-image:url(http://www.miniclip.com./images/icons/channel_small_toons.gif ); }
a.players { background-image:url(http://www.miniclip.com./images/icons/channel_small_players.gif ); }


#miniPanel {
height:222px;
margin:5px 0 0 0;
overflow:hidden;
}

#miniPanel h2 {
color:#fff;
font-weight:bold;
margin:0 0 16px 10px;
padding:7px 0 0 0;
}

#miniPanel .col {
width:85px;
padding:0;
float:left;
}

#miniPanel .col h2 {
margin:0 0 15px 15px;
}

#miniPanel ul {
display:block;
}

#miniPanel ul a {
text-decoration:none;
margin:0 0 5px 10px;
display:block;
padding:0 0 0 5px;
}

#miniPanel ul a strong {
text-decoration:underline;
}

#miniPanel ul a:hover strong {
text-decoration:none;
}

#miniPanel ul li {
height:90px;
}

#miniPanel .topTen_2 {
width:142px;
float:left;
margin:0 2px 0 0;
}

#miniPanel .topTen_2 li {
margin:0 0 5px 35px;
font-weight:bold;
height:auto;
white-space:nowrap;
}

a.toolbar_delete {
vertical-align:-30%;
float:right;
height:10px;
display:block;
}



.complete {
width:960px;
background:#E5F5FF;
clear:both;
overflow:hidden;
margin:0 5px;
background: url(http://www.miniclip.com./images/bg_listtoggle.gif) 50% 7px no-repeat #e5f5ff;
}

.complete .header {
background:#09f;
color:#fff;
font-weight:bold;
margin:0 0 5px 0;
}

.complete h2 {
font-weight:bold;
}

.complete .hidden {
display:none;
}
.complete .shown {
display:block;
}

.complete a.collapse {
display:block;
text-align:center;
clear:both;
white-space:nowrap;
}

.complete a.collapse:active, .complete a.collapse:focus {
outline: none;
}

#catList {
float:left;
margin:5px 0 0 5px;
width:168px;
display:inline;
}

.catItems {
background:url(http://www.miniclip.com./images/bg_catlist.gif) repeat-y 50% 0;
padding:0 4px 0 4px;
margin:2px 0 0 0;
border-bottom:1px solid #fff;
}

.catItems li {
margin:0 0 4px 0;
padding:3px 3px 2px 20px;
}

.catItems a {
font-weight:bold;
display:block;
}

#gameList {
float:left;
margin:5px 0 5px 5px;
width:776px;
display:inline;
}

.gameWrapper {
background:#fff;
overflow:hidden;
margin:5px 0 0 0;
}

#gameList .col {
overflow:hidden;
float:left;
width:103px;
font-size:10px;
padding:0 0 0 7px;
}

#gameList h3 {
font-weight:bold;
}

#gameList li {
white-space:nowrap;
overflow:hidden;
}

#icon_feed {
background:url(http://www.miniclip.com./images/icon_feed.gif) no-repeat 2px 1px;
}

#icon_blog {
padding:2px 0 2px 26px;
background:url(http://www.miniclip.com./images/bg_earth.gif) no-repeat 8px 4px;
}


#footer {
width:971px;
margin:5px auto 0 auto;
background:url(http://www.miniclip.com./images/games_tiles.png) 0 -60px;
overflow:hidden;
height:132px;
}

#footer .left {
overflow:hidden;
margin:5px 5px 5px 5px;
width:550px;
}

#footer .left.flags {
float:none;
width:auto;
}

#footer .left li {
float:left;
margin:3px 4px;
margin:3px 4px 0 0;
}

#footer .right {
clear:left;
margin:5px 5px 5px 5px;

}

#footer .right li {
float:right;
margin:3px 4px;
}

#footer .welcome {
padding:10px 0;
text-align:center;
color:#fff;
margin:0px 0;
clear:both;
}

#footer .center {
padding: 10px 0 0 0;
text-align:center;
color:#999;
margin:0 0;
}

#footer .center a {
color:#fff;
padding:0 1px;
}

#footer .center a.icon {
padding:0 5px 0 20px
}

#footer p {
color:#fff;
padding:0 10px;
margin:10px 0;
text-align:center;
clear:both;
}
#footer .flags li {
padding:0 0 0 20px;
}

#footer .flags .normal {
padding: 0px 10px 0 0;
color:#fff;
font-weight:bold;
}

.flags .en { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 2px; }
.flags .es { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -98px; }
.flags .fr { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -138px; }
.flags .de { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -238px; }
.flags .pt { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -198px; }
.flags .kr { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -38px; }
.flags .cn { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -178px; }
.flags .jp { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -218px; }
.flags .it { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -158px; }
.flags .br { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -118px; }
.flags .pl { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -58px; }
.flags .ro { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -18px; }
.flags .hu { background:url(http://www.miniclip.com./images/language_flags.png) no-repeat 0 -78px; }
.flags .classic { background:url(http://www.miniclip.com./images/flags/classic.gif) no-repeat 0 100%; }
.flags .clear { background:url(http://www.miniclip.com./images/flags/clear.gif) no-repeat 0 100%; clear:none; }

#footer em.left {
float:left;
margin:18px 0 0 105px;
width:50%;
}

#footer .hr {
height: 1px;
background-image: url(http://www.miniclip.com./images/footer_hr.gif); 
background-position: center;
width: 90%;
}

#footer em.right {
float:right;
margin:18px 8px 0 0;
}

#footer em {
color:#ccc;
}

#footer .left a, #footer .right a {
color:#fff;
}

.flagsHeader {
position:absolute;
right:5px;
top:10px;
margin:4px 0 0 0;
width:300px;
}

.flagsHeader.color {
top:0px;
}

.flagsHeader li {
padding:0 5px 4px 20px;
float:right;
width:auto;
}

.flagsHeader a {
color:#666;
}

.flagsHeader .normal {
padding:0;
color:#666;
font-weight:bold;
margin-right:5px;
}


.ad_300x250, .block_300x250 {
width:314px;
height:250px;
padding:5px;
_padding:5px 5px 3px 5px;
display:block;
}

.ad_300x250_holder, .block_300x250_holder {
position:relative;
}


.ad_300x250_holder_OLD, .block_300x250_holder_OLD {
position:absolute;
top:5px;
left:5px;
width:300px;
height:250px;
background:#eee;
}


.ad_728_90, .block_728x90 {
display:inline;
width:728px;
float:right;
margin:10px 5px 10px 0;
text-align:right;
background:transparent url(http://www.miniclip.com./images/bg_advertisement.gif) no-repeat right top;
padding:0 11px 0 0;
z-index:9999;
}

.ad_468_15, .block_468x15 {
text-align:center;
}

a.gameIcon {
display:block;
width:70px;
text-decoration:none;
}

a.gameIcon span {
text-decoration:underline;
}

a.gameIcon:hover span {
text-decoration:none;
}

.ruler {
margin:8px 16px;
height:1px;
display:block;
background:url(http://www.miniclip.com./images/bg_ruler.gif );
}


.corner_tr {
position:relative;
right:-20px;
margin:0; padding:0;
width:20px;
height:5px;
background: url(http://www.miniclip.com./images/border_1.gif) 100% 0;
float:right;
line-height:1px;
z-index:0;
}

.corner_tl {
margin:0 20px 0 0;
padding:0;
height:5px;
background: url(http://www.miniclip.com./images/border_1.gif) 0 0;
clear:both;
line-height:1px;
}

.corner_br {
position:relative;
right:-20px;
margin:0; padding:0;
width:20px;
height:5px;
background: url(http://www.miniclip.com./images/border_1.gif) 100% 100%;
float:right;
line-height:1px;
z-index:0;
}

.corner_bl {
margin:0 20px 0 0; padding:0;
height:5px;
background: url(http://www.miniclip.com./images/border_1.gif) 0 100%;
clear:both;
line-height:1px;
}

.corner_tr.b, .corner_tl.b, .corner_br.b, .corner_bl.b, .corner_tr.c, .corner_tl.c, .corner_br.c, .corner_bl.c {
background-image: url(http://www.miniclip.com./images/border_2.gif );
height:3px;
}

.corner_tr.b2, .corner_tl.b2, .corner_br.b2, .corner_bl.b2 { background-image: url(http://www.miniclip.com./images/border_5.gif ); }
.corner_tr.o, .corner_tl.o, .corner_br.o, .corner_bl.o { background-image: url(http://www.miniclip.com./images/border_community.gif ); }
.corner_tr.bb, .corner_tl.bb, .corner_br.bb, .corner_bl.bb { height:10px; }
.corner_tr.do, .corner_tl.do, .corner_br.do, .corner_bl.do { background-image: url(http://www.miniclip.com./images/border_community_do.gif ); }
.corner_tr.lb, .corner_tl.lb, .corner_br.lb, .corner_bl.lb { background-image: url(http://www.miniclip.com./images/border_community_lb.gif ); }

.corner_tr.g, .corner_tl.g, .corner_br.g, .corner_bl.g {background-image: url(http://www.miniclip.com./images/border_xmas_08.png );}


.message_error {
padding:10px;
background:#d00;
color:#fff;
font-weight:bold;
margin:0 0 10px 0;
border:2px solid #fff;
}

.message_success {
padding:10px;
background:#0a3;
color:#fff;
font-weight:bold;
margin:0 0 10px 0;
border:2px solid #fff;
}

.message_success a {
font-weight:bold;
color:#fff;
}

.banner {
clear:both;
background:#fff;
margin:5px 5px 0 5px;
}

.banner img {
margin: 0 0 0 5px;
}

.cat4 #xtra1 {
background:url(http://www.miniclip.com./images/bg_cat4_1.gif) transparent;
position:absolute;
top:0;
left:-110px;
display:block;
width:110px;
height:440px;
}

.cat4 #xtra2 {
background:url(http://www.miniclip.com./images/bg_cat4_2.gif) transparent;
position:absolute;
top:0;
left:970px;
display:block;
width:103px;
height:528px;
margin:0 -103px 0 0;
}

#challenge {
background:#ceedff url(http://www.miniclip.com./images/community/challenge_me.gif) top center no-repeat;
height:60px;
position:relative;
border-top:10px solid #fff;
}

#challenge p {
float:left;
width:170px;
text-align:left;
padding:15px 10px;
}

.our_challenge {
width:100%;
position:relative;
height:60px;
}

.me, .you {
float:left;
padding:7px;
width:184px;
font-size:12px;
}

.me img, .you img {
border:3px solid #fff;
margin:0 7px 0 0;
float:left;
}

.you img {
float:right;
margin:0 0 0 7px;
}

.me {
text-align:left;
}

.me strong, .you strong {
margin:7px 0 0 0;
font-weight:bold;
display:block;
}

.you {
text-align:right;
float:right;
}

a.challengeGame {
color:#f30;
}

.listLegend {
clear:both;
font-size:10px;
color:#333;
border-top:10px solid #fff;
margin:0 8px 4px 8px;
}

.listLegend span, .listLegend strong {
font-weight:bold;
}

.listLegend span {
margin:0 0 0 10px;
}

.loading {
text-indent:-9999em;
background:url(http://www.miniclip.com./images/ajax-loader.gif) center no-repeat !important;
min-height:30px;
}

.delete {
display:none;
height:0px;
visibility:hidden;
}

#generalMessage {
padding:10px;
margin:0 5px 5px 5px;
height:30px;
background:#e5f5ff;
border:#99d6ff 1px solid;
}

#playersLogin {
margin:5px 0 0 0;
}
#playersLogin strong {
font-weight:bold;
}


.MiniProfileBox {
width:324px; 
height:92px; 
background: url(http://www.miniclip.com./images/community/login/mini-profile-bg.png) #f90 top left no-repeat; 
position:relative;
}
.MiniProfileBox h3 {
padding:0;
margin:0 0 10px 0;
}
.MiniProfileBox h3 a {
color:#036;
font-size:14px;
line-height:14px;
padding:0;
margin:0;
font-weight:bold;
}
.MiniProfileBox img.PlayerPic {
position:absolute;
top:16px;
left:15px;
}
.MiniProfileBox div.PlayerFlag {
position:absolute;
top:16px;
right:15px;
}
.MiniProfileBox div.PlayerInfo {
position:absolute;
top:15px;
left:80px;
width:230px;
}
.MiniProfileBox div.RatingEmpty {
width:80px;
height:12px;
background: url(http://www.miniclip.com./images/community/login/rating-bar-empty.png) top left no-repeat;
margin-bottom:5px;
}
.MiniProfileBox div.RatingFull {
width:0px;
height:12px;
background: url(http://www.miniclip.com./images/community/login/rating-bar-full.png) top left no-repeat;
}
.MiniProfileBox div.StarsEmpty {
width:80px;
height:15px;
background: url(http://www.miniclip.com./images/community/login/stars-empty.png) top left no-repeat;
}
.MiniProfileBox div.StarsGold {
width:0px;
height:15px;
background: url(http://www.miniclip.com./images/community/login/stars-gold.png) top left no-repeat;
}
.MiniProfileBox div.StarsBlue {
width:0px;
height:15px;
background: url(http://www.miniclip.com./images/community/login/stars-blue.png) top left no-repeat;
}
.MiniProfileBox div.PlayerLinks {
width:144px;
position:absolute;
top:18px;
right:0;
border-left:1px dotted #acacac;
}
.MiniProfileBox div.PlayerLinks a {
display:block;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
padding-left:15px;
}
.MiniProfileBox div.PlayerLinks a.PlayerPageLink {
background:url(http://www.miniclip.com./images/community/login/player-icon-small.png) left bottom no-repeat;
}
.MiniProfileBox div.PlayerLinks a.LogoutLink {
background:url(http://www.miniclip.com./images/community/login/cross-icon-small.png) left bottom no-repeat;
}



.loggedOutProfile {
position: relative;
width: 238px;
height: 60px;
padding: 25px 7px 7px 79px;
background: url(http://www.miniclip.com./images/community/login/loginBg_m.png) no-repeat;
}
.loggedOutProfile.fem {
background: url(http://www.miniclip.com./images/community/login/loginBg_f.png) no-repeat;
}

.loggedOutProfile h2 {
display: none;
}

.loggedOutProfile p {
margin: 0px;
padding: 8px 6px 8px 6px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: left;
}

li.buttonSignup a {
display: block;
position: absolute;
top: 55px;
left: 84px;
width: 179px;
height: 20px;
padding: 8px 2px 8px 2px;
background: url(http://www.miniclip.com./images/community/login/signUp_off.png) no-repeat;
color: #003366;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
font-weight:bold;
}
li.buttonSignup a:hover {
background: url(http://www.miniclip.com./images/community/login/signUp_on.png) no-repeat;
text-decoration: none;
}

li.buttonLogin a {
display: block;
position: absolute;
top: 55px;
left: 272px;
width: 41px;
height: 14px;
padding: 8px 2px 8px 2px;
background: url(http://www.miniclip.com./images/community/login/login_off.png) no-repeat;
color: #003366;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
}
li.buttonLogin a:hover {
background: url(http://www.miniclip.com./images/community/login/login_on.png) no-repeat;
text-decoration: none;
}



div.toolbarContain, div.toolbarContain a {
display: block;
position: relative;
width: 100%;
height: 26px;
background: #eeeeee url(http://www.miniclip.com./images/toolbar/toolbarBg.png) repeat-x;
text-indent: -9999px;
}

div.toolbarBody, div.toolbarBody a {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 985px;
height: 26px;
background: url(http://www.miniclip.com./images/toolbar/toolbarMain.png) no-repeat;
text-indent: -9999px;
}

#toolbarPush {
font-size:0;
line-height:0;
}

#shockwaveInstallBar .arrow {
float: right;
width: 70px;
height: 103px;
margin-right: 39px;
background: url(http://www.miniclip.com./images/shockwaveArrowAnim.gif) no-repeat center;
}





.webmasterHead {
width: 930px;
margin: 5px;
padding: 5px;
background: #ffffff;
border: 5px solid #0099ff;
}



.featureBox {
float: left;
position: relative;
width: 340px;
height: 220px;
margin-bottom: 0px;
border: 1px solid #00abff;
background: #e0f5ff;
}

.featureBox h2 {
width: 328px;
padding: 6px;
background: #38beff;
color: #ffffff;
font-size: 18px;
font-weight: bold;
}

.featureBox h3 {
position: absolute;
left: 170px;
top: 45px;
font-size: 14px;
font-weight: bold;
color: #000000;
}

.featureBox p {
position: absolute;
left: 170px;
top: 70px;
width: 160px;
font-size: 11px;
color: #000000;
}

.featureBox img {
position: absolute;
left: 10px;
top: 45px;
}

.featureBox ul {
position: absolute;
left: 10px;
bottom: 10px;
}

.featureBox ul li {
float: left;
}
.featureBox ul li a {
font-size: 13px;
text-align: center;
}

.featureBox ul li.embed a {
display: block;
width: 195px;
height: 20px;
padding: 10px;
margin-right: 5px;
background: url(/images/webmasterGames/embedButtonSprite.png) 0px 40px;
font-weight: bold;
}
.featureBox ul li.embed a:hover {
background: url(/images/webmasterGames/embedButtonSprite.png) 0px 80px;
text-decoration: none;
}
.featureBox ul li.embed a:active {
background: url(/images/webmasterGames/embedButtonSprite.png) 0px 120px;
text-decoration: none;
}

.featureBox ul li.play a {
display: block;
width: 80px;
height: 20px;
padding: 10px;
background: url(/images/webmasterGames/playButtonSprite.png) 0px 40px;
}
.featureBox ul li.play a:hover {
background: url(/images/webmasterGames/playButtonSprite.png) 0px 80px;
text-decoration: none;
}
.featureBox ul li.play a:active {
background: url(/images/webmasterGames/playButtonSprite.png) 0px 120px;
text-decoration: none;
}



.headBox {
float: right;
position: relative;
width: 580px;
height: 225px;
margin-bottom: 0px;
background: #ffffff url(/images/webmasterGames/headboxBg.png) repeat-x;
}

.headBox h2 {
width: 580px;
height: 130px;
background: url(/images/webmasterGames/headBoxStrap.png) no-repeat center;
text-indent: -9999px;
}

.headBox ol {
margin-top: 10px;
}
.headBox ol li {
display: block;
float: left;
width: 136px;
height: 31px;
padding-left: 40px;
margin-left: 13px;
font-size: 12px;
}
.headBox ol li.one {
background: url(/images/webmasterGames/bulletOne.png) no-repeat left;
line-height: 29px;
}
.headBox ol li.two {
background: url(/images/webmasterGames/bulletTwo.png) no-repeat left;
line-height: 15px;
}
.headBox ol li.three {
background: url(/images/webmasterGames/bulletThree.png) no-repeat left;
line-height: 29px;
}

.headBox p {
position: absolute;
left: 10px;
bottom: 0px;
width: 564px;
padding: 8px 0px 8px 0px;
border-top: 1px dotted #818181;
font-size: 9px;
color: #818181;
}



ul.webmasterGameList {
margin: 5px 0px 0px 6px;
}

ul.webmasterGameList li {
position: relative;
float: left;
width: 223px;
height: 59px;
margin: 0px 5px 5px 0px;
padding: 5px;
background: #ffffff url(/images/webmasterGames/listItemBg.png) no-repeat;
text-align: left;
}

ul.webmasterGameList li h3 a {
position: absolute;
top: 8px;
left: 83px;
font-size: 12px;
font-weight: bold;
}
ul.webmasterGameList li h3.small a {
font-size: 11px;
}

ul.webmasterGameList li img {
position: absolute;
top: 5px;
left: 5px;
}

ul.webmasterGameList li p a.getCode {
position: absolute;
bottom: 5px;
left: 83px;
width: 131px;
height: 16px;
padding: 7px;
background: url(/images/webmasterGames/getCodeSprite.png) 0px 30px;
text-align: center;
font-weight: bold;
}
ul.webmasterGameList li p a:hover.getCode {
background: url(/images/webmasterGames/getCodeSprite.png) 0px 60px;
}
ul.webmasterGameList li p a:active.getCode {
background: url(/images/webmasterGames/getCodeSprite.png) 0px 90px;
}



.webmasterGamesArcade {
position: relative;
width: 930px;
margin: 0px 5px;
padding: 5px;
background: #ffffff;
border: 5px solid #0099ff;
}

.webmasterGamesArcade h2 {
margin-bottom: 10px;
color: #000000;
font-size: 18px;
font-weight: bold;
}

.webmasterGamesArcade p {
font-size: 13px;
line-height: 14px;
margin-bottom: 5px;
}

.webmasterGamesArcade img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.webmasterGamesArcade .textarea {
width: 580px;
height: 66px;
padding: 5px;
margin-top: 10px;
border: 1px solid #000000;
}

.webmasterGamesArcade .copyButton {
font-size: 9px;
color: #818181;
margin-top: 5px;
margin-bottom: 10px;
}



.clearer {
clear: both;
height: 0px;
overflow: hidden;
}

/* --- games --- */
#animPlayer {
background: url(http://www.miniclip.com./images/games_tiles.png ) 0 -430px;
}

#hotGames {
background: url(http://www.miniclip.com./images/games_tiles.png ) -418px -430px;
}

#gameSections li {
background:url(http://www.miniclip.com./images/games_tiles.png ) 0 -200px;
}

.ad_300x250, .block_300x250 {
background: url(http://www.miniclip.com./images/games_tiles.png ) -630px -340px;
}

.topTen {
background: url(http://www.miniclip.com./images/games_tiles.png ) -220px -200px;
}

.myGames {
background:url(http://www.miniclip.com./images/games_tiles.png ) -630px -200px;
}


#wrapperNav {
background:url(http://www.miniclip.com./images/games_tiles.png ) no-repeat;
}




div.mainContent {
background:#cef;
}

.catItems {
background:url(http://www.miniclip.com./images/games/bg_catlist.png ) repeat-y 50% 0;
}

#moreNav .sub li a {
background-image:url(http://www.miniclip.com./images/games/bullet_lightblue_right.gif );
}

#moreNav span {
background:url(http://www.miniclip.com./images/games/bg_moremenu.gif ) no-repeat bottom;
}

#miniPanel {
background:url(http://www.miniclip.com./images/games/bg_minipanel.png );
}

#subNav a.current, #subNav strong {
text-decoration:none;
color:#09f;
}

#controls #animNumber a.selected {
background:url(http://www.miniclip.com./images/games/bg_animnumber.gif ) no-repeat 0 3px;
}

#tabMainNav li {
background:url(http://www.miniclip.com./images/games/button_gp_tabsr_alt.gif ) 100% -25px no-repeat;
}

#tabMainNav a {
background:url(http://www.miniclip.com./images/games/icon_im_alt.gif ) 5px -23px no-repeat; 
}

#tabMainNav span {
background:url(http://www.miniclip.com./images/games/button_gp_tabs_alt.gif ) 0 -25px;
}

#tabMainNav li.selected {
background:url(http://www.miniclip.com./images/games/button_gp_tabsr_alt.gif ) 100% 0 no-repeat;
}

.corner_tr.bb, .corner_tl.bb, .corner_br.bb, .corner_bl.bb {
background-image: url(http://www.miniclip.com./images/games/border_4.gif );
}


#catSection {
background:url(http://www.miniclip.com./images/games/bg_catSection.png );
}

.breadcrumb { background:url(http://www.miniclip.com./images/games/bg_g_breadcrumb.png ); }
.breadcrumb .support span { background:url(http://www.miniclip.com./images/games/bg_g_breadcrumb.png ) top right; }
.breadcrumb .support { background:url(http://www.miniclip.com./images/games/bg_g_breadcrumbssplit.gif ) top left no-repeat; }

a.channel { background-color:#cef; }

.corner_tr.bb, .corner_tl.bb, .corner_br.bb, .corner_bl.bb {
background-image: url(http://www.miniclip.com./images/games/border_4.gif );
}

#moreNav {
border:5px solid #cef;
border-width:5px 0 0 0;
background:transparent url(http://www.miniclip.com./images/games/nav_more_bg.png ) bottom;
}

#closeMoreNav {
background:#e5f5ff url(http://www.miniclip.com./images/games/nav_closetab.png ) no-repeat;
}

#shockwaveInstallWrapper {
display:none;
background:url(http://www.miniclip.com./images/games/shockwaveWrapper.jpg) center center no-repeat;
height:350px;
}

#shockwaveInstallInstructions {
display:block;
width:530px;
height:285px;
background:url(http://www.miniclip.com./images/games/shockwaveInstall.png) no-repeat bottom;
}

/* --- toolbar --- */
@charset "utf-8";
/* CSS Document */

p, h2, h3, h4 {
margin: 0px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.tbContain h2 {
padding: 4px 4px 4px 44px;
font-size: 22px;
margin-bottom: 20px;
background: url(/images/toolbar/tbFlower.png) left no-repeat;
}

.tbContain h3 {
margin-top: 30px;
font-size: 18px;
font-weight: bold;
}

.tbContain p {
margin-top: 10px;
font-size: 12px;
}
.tbContain p a {
color: #003366;
}
.tbContain p a:hover {
text-decoration: none;
}

.tbContain form {
margin-top: 30px;
padding: 10px;
background: #e5f5ff;
border: 1px solid #99d6ff;
}

.tbContain form h2 {
display: none;
}

.tbContain form p {
margin: 0px;
font-size: 11px;
color: #003366;
}

.tbContain form select, .tbContain form textarea {
margin-top: 5px;
margin-bottom: 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px;
background: #f4fbff;
border: 1px solid #99d6ff;
}
.tbContain form select:focus, .tbContain form textarea:focus {
border: 1px solid #0099ff;
}

.tbContain form input {
padding: 2px 15px 2px 15px;
cursor: pointer;
}

.tbContain .tbFeatureContain {
margin-top: 10px;
padding: 10px;
background: #e5f5ff;
border: 1px solid #99d6ff;
}

.tbContain .tbFeatureContain p {
position: relative;
display: block;
margin: 10px 0px 10px 0px;
font-size: 12px;
}

.tbContain .tbFeatureContain h4 {
position: relative;
display: block;
font-size: 18px;
}

.tbContain .tbImage {
float: left;
width: 100px;
height: 100px;
margin-left: 10px;
margin-right: 20px;
border: 0px;
}
.tbContain .tbFeatureContain .tbImage {
margin-left: 0px;
}

.tbContain .tbClear {
clear: both;
}


/* TOOLBAR DOWNLOAD PAGE */

.toolbarDownload {
height: 415px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.toolbarDownload h2 {
margin: 20px 20px 5px 20px;
font-size: 25px;
font-weight: normal;
}
.toolbarDownload h2 strong {
font-size: 25px;
color: #ff9900;
}
.toolbarDownload h3 {
margin: 0px 20px 20px 20px;
font-size: 15px;
font-weight: normal;
}

.toolbarMontage {
position: relative;
width: 931px;
height: 261px;
margin: 5px;
background: url(/images/toolbar/toolbarMontage.png) no-repeat center;
}

.toolbarMontage li {
position: absolute;
width: 192px;
height: 12px;
padding: 18px 0px 18px 50px;
list-style-type: none;
background-position: left;
background-repeat: no-repeat;
font-size: 13px;
font-weight: bold;
}
.toolbarMontage li.tl { /* Top Left: Search */
top: 20px;
left: 20px;
background-image: url(/images/toolbar/toolbarIconSearch.png);
}
.toolbarMontage li.tc { /* Top Right: Latest Games */
top: 20px;
left: 335px;
background-image: url(/images/toolbar/toolbarIconGames.png);
}
.toolbarMontage li.tr { /* Top Right: Sketch Star */
top: 20px;
left: 645px;
height: 41px;
padding-top: 9px;
padding-bottom: 0px;
background-image: url(/images/toolbar/toolbarIconSketchstar.png);
}
.toolbarMontage li.bl { /* Bottom Left: Miniclip Link */
top: 197px;
left: 18px;
background-image: url(/images/toolbar/toolbarIconDirect.png);
}
.toolbarMontage li.br { /* Bottom Right: Players */
top: 197px;
left: 645px;
height: 41px;
padding-top: 9px;
padding-bottom: 0px;
background-image: url(/images/toolbar/toolbarIconPlayers.png);
}

.toolbarMontage h4 a {
position: absolute;
top: 168px;
left: 329px;
width: 185px;
height: 35px;
padding: 30px 25px 25px 60px;
color: #003366;
font-size: 24px;
font-weight: normal;
text-align: right;
}
.toolbarMontage h4 a:hover {
background: url(/images/toolbar/toolbarDownloadOn.png) no-repeat center;
text-decoration: none;
}

.toolbarMontage p {
position: absolute;
top: 242px;
left: 336px;
width: 238px;
height: 60px;
padding: 10px;
font-size: 11px;
text-align: center;
}