/* --- 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://e.miniclip.com/images/bg_h1.png) no-repeat 12px 10px;
}

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

.H_sketchstar h1, .H_sketchstar h1.ad {
background:url(http://e.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://e.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://e.miniclip.com/images/new_players.gif) no-repeat;
}

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

.button_games {background:url(http://e.miniclip.com/images/tabs_tile.png) no-repeat 0 0 transparent; }
.button_ecards { background:url(http://e.miniclip.com/images/button_ecards.gif) no-repeat transparent; }
.button_toons { background:url(http://e.miniclip.com/images/button_toons.gif) no-repeat transparent; }
.button_community { background:url(http://e.miniclip.com/images/tabs_tile.png) no-repeat 0 -45px transparent; }
.button_sketchstar { background:url(http://e.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://e.miniclip.com/images/tabs_tile.png) no-repeat transparent right 0 !important; }
.button_ecards a { background:url(http://e.miniclip.com/images/button_ecards2.gif) no-repeat transparent right top !important; }
.button_toons a { background:url(http://e.miniclip.com/images/button_toons2.gif) no-repeat transparent right top !important; }
.button_community a { background:url(http://e.miniclip.com/images/tabs_tile.png) no-repeat transparent right -45px !important; }
.button_sketchstar a { background:url(http://e.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://e.miniclip.com/images/bg_tabcontrols.gif) no-repeat 100% 50%;
display:block;
}

#subNav .more a {
color:#fff;
background:url(http://e.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://e.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://e.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://e.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://e.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://e.miniclip.com/images/icons/channel_small_games.gif ); }
a.sketchstar { background-image:url(http://e.miniclip.com/images/icons/channel_small_sketchstar.png ); width: 90px; }
a.ecards { background-image:url(http://e.miniclip.com/images/icons/channel_small_ecards.gif ); }
a.toons { background-image:url(http://e.miniclip.com/images/icons/channel_small_toons.gif ); }
a.players { background-image:url(http://e.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://e.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://e.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://e.miniclip.com/images/icon_feed.gif) no-repeat 2px 1px;
}

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


#footer {
width:971px;
margin:5px auto 0 auto;
background:url(http://e.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://e.miniclip.com/images/language_flags.png) no-repeat 0 2px; }
.flags .es { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -98px; }
.flags .fr { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -138px; }
.flags .de { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -238px; }
.flags .pt { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -198px; }
.flags .kr { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -38px; }
.flags .cn { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -178px; }
.flags .jp { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -218px; }
.flags .it { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -158px; }
.flags .br { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -118px; }
.flags .pl { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -58px; }
.flags .ro { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -18px; }
.flags .hu { background:url(http://e.miniclip.com/images/language_flags.png) no-repeat 0 -78px; }
.flags .classic { background:url(http://e.miniclip.com/images/flags/classic.gif) no-repeat 0 100%; }
.flags .clear { background:url(http://e.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://e.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://e.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://e.miniclip.com/images/bg_ruler.gif );
}


.corner_tr {
position:relative;
right:-20px;
margin:0; padding:0;
width:20px;
height:5px;
background: url(http://e.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://e.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://e.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://e.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://e.miniclip.com/images/border_2.gif );
height:3px;
}

.corner_tr.b2, .corner_tl.b2, .corner_br.b2, .corner_bl.b2 { background-image: url(http://e.miniclip.com/images/border_5.gif ); }
.corner_tr.o, .corner_tl.o, .corner_br.o, .corner_bl.o { background-image: url(http://e.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://e.miniclip.com/images/border_community_do.gif ); }
.corner_tr.lb, .corner_tl.lb, .corner_br.lb, .corner_bl.lb { background-image: url(http://e.miniclip.com/images/border_community_lb.gif ); }

.corner_tr.g, .corner_tl.g, .corner_br.g, .corner_bl.g {background-image: url(http://e.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://e.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://e.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://e.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://e.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://e.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://e.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://e.miniclip.com/images/community/login/rating-bar-full.png) top left no-repeat;
}
.MiniProfileBox div.StarsEmpty {
width:80px;
height:15px;
background: url(http://e.miniclip.com/images/community/login/stars-empty.png) top left no-repeat;
}
.MiniProfileBox div.StarsGold {
width:0px;
height:15px;
background: url(http://e.miniclip.com/images/community/login/stars-gold.png) top left no-repeat;
}
.MiniProfileBox div.StarsBlue {
width:0px;
height:15px;
background: url(http://e.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://e.miniclip.com/images/community/login/player-icon-small.png) left bottom no-repeat;
}
.MiniProfileBox div.PlayerLinks a.LogoutLink {
background:url(http://e.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://e.miniclip.com/images/community/login/loginBg_m.png) no-repeat;
}
.loggedOutProfile.fem {
background: url(http://e.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://e.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://e.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://e.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://e.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://e.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://e.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://e.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;
}

/* --- sketchstar/sketchstar_v2 --- */
/* GENERAL STYLES */
* { 
padding: 0;
margin: 0;
border:0;
}
.clearfix {
clear:both;
}
.clearInsideFloats {
overflow:hidden; /* Clears inside floats */
height:1%; /* Fixes hasLayout bug in IE6 */
}
.bottom {
margin-bottom:0;
}
.hidden{
display: none;
}
.corner_tr.lb, .corner_tl.lb, .corner_br.lb, .corner_bl.lb {
background-image: url(http://e.miniclip.com/sketch-star/ss2/img/layout/cornerLB.png);
}
.corner_tr.w, .corner_tl.w, .corner_br.w, .corner_bl.w {
background-image: url(http://e.miniclip.com/sketch-star/ss2/img/layout/cornersWhite.png);
}
.corner_tr.o, .corner_tl.o, .corner_br.o, .corner_bl.o {
background-image:url(http://e.miniclip.com/sketch-star/ss2/img/layout/corners_lpurple.gif);
}
.corner_tr.olive, .corner_tl.olive, .corner_br.olive, .corner_bl.olive {
background-image: url(http://e.miniclip.com/sketch-star/ss2/img/layout/cornerOLIVE.png);
}
.corner_tr.db, .corner_tl.db, .corner_br.db, .corner_bl.db {
background-image: url(http://e.miniclip.com/sketch-star/ss2/img/layout/cornerDB.gif);
}
/* GENERAL STYLES */



/* TEXT STYLES */
h2, h3, p, li, a {
font-size:11px;
}
h2, h2 a, h3, h3 a, strong {
font-weight:bold;
}
em {
font-style:italic;
}
/* TEXT STYLES */




/* CHANNEL-SPECIFIC STYLES (TOP NAVIGATION, ETC) */
#moreNav li {
width:auto;
margin-right:30px;
}

#subNav .createLink {
background: url(/sketch-star/ss2/img/layout/icons/nav-pencil-icon.png) 2px 12px no-repeat;
}
#subNav .createLink:hover {
background-position: 2px -24px;
}
#subNav .createLink a {
padding-left:21px;
}
#subNav .upgradeLink {
background: url(/sketch-star/ss2/img/layout/icons/nav-crown-icon.png) 2px 12px no-repeat;
}
#subNav .upgradeLink:hover {
background-position: 2px -24px;
}
#subNav .upgradeLink a {
padding-left:23px;
}


.letterbox,
.letterbox a {
height:auto; /* Fixes inherited fixed height from main stylesheet */
}
.ss2_wrapper {
width:630px; 
background-color:#d0ddf2;
}
h2.hGameCat {
font-size:11px;
font-weight:normal;
}
.mainContent {
background-color:#d0ddf2;
}
.ad_300x250, .block_300x250 {
background: url( /images/sketchstar/ad_300x250.png );
}
#moreNav {
border:5px solid #d0ddf2;
border-width:5px 0 0 0;
background:transparent url( /images/sketchstar/nav_more_bg.png ) bottom;
}
#moreNav li {
background:url( /images/bullet_green_right.gif ) no-repeat 0 50%;
}
#moreNav .sub li a {
background-image:url( /images/toons/bullet_lightblue_right.gif );
}
#moreNav span {
background:url( /images/toons/bg_moremenu.gif ) no-repeat bottom;
}
#closeMoreNav {
background:#e5f5ff url( /images/sketchstar/nav_closetab.png ) no-repeat;
}
#subNav a.current, #subNav strong {
text-decoration:none;
color:#809fd3;
}
#wrapperNav {
background:url( /images/sketchstar/nav.png ) no-repeat;
}
#wrapperNav .more a {
color:#FFF;
text-decoration:underline;
}
#wrapperNav .more a:hover {
text-decoration:none;
}
.breadcrumb { background:url(/images/sketchstar/bg_g_breadcrumbs.png ); }
.breadcrumb .support span { background:url(/images/sketchstar/bg_g_breadcrumbs.png ) top right; }
.breadcrumb .support { background:url(/images/sketchstar/bg_g_breadcrumbssplit.png ) top left no-repeat; }
a.channel { background-color:#d0ddf2; }
#wrapperNav .box input, #wrapperNav .box select {
border-top: 1px solid #7c7b7d;
border-left: 1px solid #7c7b7d;
border-bottom: 1px solid #f5f5f6;
border-right: 1px solid #f5f5f6;
}
#wrapperNav .box .button {
border-top: 1px solid #f5f5f6;
border-left: 1px solid #f5f5f6;
border-bottom: 1px solid #7c7b7d;
border-right: 1px solid #7c7b7d;
cursor: pointer;
}
/* CHANNEL-SPECIFIC STYLES (TOP NAVIGATION, ETC) */





/* COMMON LAYOUT BOXES */
.contentRow {
 width:620px; 
 margin:5px 0 5px 5px;
}
.contentRow.bottom {
 margin-bottom:0;
}
.contentBox {
background-color:white;
margin:0 5px 5px 5px;
}
.contentBox.bottom {
margin-bottom:0;
}
.contentBox .contentBoxContent {
margin:0 5px;
}
.titleBar {
 margin:0 5px 5px 5px; 
 background-color:#FFF;
}
.titleBar h2 {
 color:black; 
 font-size:14px; 
 font-weight:bold; 
 padding:5px 10px;
}
.heading-panel {
background-color:white;
margin: 0 5px 5px 5px;
}
.heading-panel ul {
float:right;
margin-right:5px;
padding-top:4px;
}
.heading-panel li {
display:inline;
padding:5px;
border-left:1px solid #E0E0E0;
}
.heading-panel h4 {
color:#333333;
font-size:12px;
font-weight:bold;
line-height:12px;
padding:5px 10px;
}
/* COMMON LAYOUT BOXES */




/* SUBNAV BAR STYLES */
.subnavBar {
width:620px;
height:46px;
margin: 0px 5px 5px 5px;
background: url(http://e.miniclip.com/sketch-star/ss2/img/layout/longPanel.png) no-repeat;
}
.subnavBar ul {
margin-top:9px;
margin-left:5px;
float:left;
}
.subnavBar li {
border-right:1px solid #CFD9E7;
padding: 7px 10px;
float:left;
}
.subnavBar li.last {
border-right:0;
}
.subnavBar a.selected {
font-weight:bold;
text-decoration:none;
}
/* SUBNAV BAR STYLES */




/* PAGINATION STYLES */
.navPaged {
background-color:#FFF;
text-align:center;
font-size:11px;
}
.navPaged a, .navPaged span {
border-right:1px solid #EEEEEE;
padding:0 5px;
}
.navPaged span {
color:#aaa
}
/* PAGINATION STYLES */



/* ANIMATION LISTINGS STYLES */
.animationListings {
margin: 0 5px;
}
.animationListings .listing {
width:204px;
height:100px;
background: #FFF url(http://e.miniclip.com/sketch-star/ss2/img/layout/artist-listing-bg-v2.png) top left no-repeat;
position: relative;
font-size:11px;
float:left;
margin-bottom:5px;
}
.animationListings .listing.middle {
margin:0px 4px 0 4px;
}
.animationListings .listing h4 {
position:absolute;
left:6px; 
top:6px;
padding:0;
}
.animationListings .listing h4 a {
font-size:12px;
line-height:16px; /* Stops descenders being cut off in IE6 */
font-weight:bold;
padding:0;
}
.animationListings .listing .editorsPick {
position:absolute;
left:181px;
top:2px;
}
.animationListings .listing img.screen {
position:absolute;
left:5px; 
top:35px;
height:58px;
width:76px;
border: 1px solid #999;
}
.animationListings .listing .hover {
position:absolute;
left:5px;
top:35px;
}
.animationListings .listing .row {
position:absolute;
left: 88px;
}
.animationListings .listing .row.top {
top:37px;
}
.animationListings .listing .row.middle {
top:60px;
}
.animationListings .listing .row.bottom {
top:81px;
}
.animationListings .listing p img {
float:left;
margin-right:4px;
}
/* ANIMATION LISTINGS STYLES */



/* CREATOR PAGE STYLES */
.animationEditor {
width:920px;
margin:0 auto;
}
p.newEditorLink,
p.oldEditorLink {
width:920px;
margin:0 auto;
text-align:right;
}
.animationEditor.new p.newEditorLink {
display:none;
}
.animationEditor.old p.oldEditorLink {
display:none;
}
a.flashPlayerMessage {
display:block;
height:219px;
width:495px;
text-indent:-99999px;
background: url(http://e.miniclip.com/sketch-star/ss2/img/banner/flash-warning.png) top left no-repeat;
margin:0 auto;
}
a.flashPlayerMessage:hover {
background-position: bottom left;
}
/* CREATOR PAGE STYLES */



/* BIG SEARCH BOX STYLES */
.topSearchBox {
background:transparent url(/sketch-star/ss2/img/layout/longPanel.png) no-repeat;
height:46px;
margin:0 5px 5px 5px;
}
.topSearchBox form {
margin-left:110px;
padding-top:10px;
}
.topSearchBox input#query {
float:left;
width:320px;
height:18px;
padding-top:4px;
border:1px solid #91B0DB;
margin-right:4px;
}
.topSearchBox button#submit {
float:left;
width:90px;
height:26px;
background: transparent url(/sketch-star/ss2/img/layout/buttons/blue-button-bg-90x26.png) 0px -26px no-repeat;
cursor:pointer;
text-decoration:underline;
color:#003366;
padding:0 !important;
}
button::-moz-focus-inner { border: 0; padding: 0;}
.topSearchBox button#submit img {
float:left;
margin-left:5px;
}
.topSearchBox button#submit span {
float:left;
margin-left:3px;
font-size:12px;
font-weight:bold;
}
.topSearchBox button#submit:hover {
text-decoration:none;
background-position: 0px -52px;
}
.topSearchBox button#submit:active {
background-position: 0px -78px;
text-decoration:none;
}
/* BIG SEARCH BOX STYLES */



/* TIPS BOX (SIDEBAR) */
.sidebarTips {
margin-top:5px;
background-color:#D4D8A2;
}
.sidebarTips .title {
font-size:11px;
line-height:11px;
padding-bottom:5px;
background-color:#ABB049;
border-bottom:1px solid #8B9029;
}
.sidebarTips .title h3 {
float:left;
margin-left:5px;
font-size:15px;
line-height:15px;
font-weight:normal;
color:white;
}
.sidebarTips .title a {
float:right;
margin-right:10px;
margin-top:2px;
color:white;
text-decoration:underline;
}
.sidebarTips .title a:hover {
text-decoration:none;
}
.sidebarTips .content {
background-color:#D4D8A2;
height:1%; /* Fixes IE6 hasLayout bug */
}
.sidebarTips .tip {
background: #D4D8A2 url(http://e.miniclip.com/sketch-star/ss2/img/layout/sidepanel/tips-box-bg-bottom.png) bottom left no-repeat;
}
.sidebarTips .tip h4,
.sidebarTips .tip p {
line-height:15px;
}
.sidebarTips .tip h4 {
font-size:13px;
font-weight:bold;
padding:5px 7px;
background-color:#D4D8A2;
}
.sidebarTips .tip p {
font-size:11px;
padding:5px 87px 7px 7px;
background: url(http://e.miniclip.com/sketch-star/ss2/img/layout/sidepanel/tips-box-bg-top.png) top left no-repeat;
min-height:87px;
height:auto !important; /* Min height hack for IE6 */
height:87px; /* Min height hack for IE6 */
}
.sidebarTips .tip p a { /* Overrides .letterbox styling from main Miniclip CSS */
display:inline; 
text-decoration:underline; 
}
.sidebarTips .tip p a:hover { /* Overrides .letterbox styling from main Miniclip CSS */
text-decoration:none; 
}
.sidebarTips .links {
padding:3px 5px 5px 5px;
font-size:11px;
line-height:11px;
}
/* TIPS BOX (SIDEBAR) */




/* NEWS BOX (SIDEBAR) */
.sidebarNewsBox {
 margin-top:5px;
 margin-bottom:5px; 
 background-color:#d4d8a2;
 height:1%; /* fixes peekaboo bug in ie6 that was hiding bg color */
}
.sidebarNewsBox a {
 text-decoration:underline;
 display:inline;
}
.sidebarNewsBox a:hover {
 text-decoration:none;
}
.sidebarNewsBox .title {
 margin: 0 5px 5px 5px;
 background-color:#abb049;
 height: 1%; /* fixes peekaboo bug in ie6 that was hiding bg color */
}
.sidebarNewsBox .content {
 margin: 0 5px;
 background-color:#FFF;
 position:relative; /* fixes peekaboo bug in ie6 that was hiding bg color */
}
.sidebarNewsBox .story {
 position:relative;
 margin:0 5px;
 padding-top:5px;
 border-top:1px dotted #afc7e7;
 padding-bottom:5px;
 clear:both;
}
.sidebarNewsBox .story.top {
 padding-top:0;
 border-top:0;
}
.sidebarNewsBox .story.bottom {
 padding-bottom:0;
}
.sidebarNewsBox .story img {
 float:left;
 margin-right:5px;
 border:1px solid #AAA;
 position:relative; /* fixes peekaboo bug in ie6 */
 -ms-interpolation-mode:bicubic; /* fixes img scaling problem in IE */
 height:40px;
 width:40px;
}
.sidebarNewsBox .story.top img {
 float:left;
 margin-right:5px;
 border:1px solid #AAA;
 position:relative; /* fixes peekaboo bug in ie6 */
 height:80px;
 width:80px;
 margin-bottom:0;
}
.sidebarNewsBox .title h3 {
 color:white;
 margin: 0 5px;
 padding-left:26px;
 background: url(http://e.miniclip.com/sketch-star/ss2/img/layout/icons/sketchStarMiniIcon.png) center left no-repeat;
}
.sidebarNewsBox .title a.viewAll {
float:right;
margin:1px 8px 0 0;
color:white;
}
.sidebarNewsBox .story h4,
.sidebarNewsBox .story h4 a {
 font-size:13px;
}
.sidebarNewsBox .title h3,
.sidebarNewsBox .title a.viewAll,
.sidebarNewsBox .story p {
 font-size:11px;
}
.sidebarNewsBox .title h3,
.sidebarNewsBox .story h4,
.sidebarNewsBox .story h4 a,
.sidebarNewsBox .story p { 
line-height:15px; 
}
.sidebarNewsBox .story h3,
.sidebarNewsBox .story h4,
.sidebarNewsBox .story a {
 font-weight:bold;
}
.sidebarNewsBox .story p.date {
 color:#859abb;
}
/* NEWS BOX (SIDEBAR) */







/* ANIMATION SLIDESHOW (SIDEBAR) */
.SS_SidePanel{
width:324px;
height:136px;
background-image: url(http://e.miniclip.com/sketch-star/ss2/img/layout/sidepanel/background.gif);
position:relative;
margin-top: 4px;
}
.SS_SidePanelTitle{
position:absolute;
top:6px;
left:10px;
color:#FFFFFF;
width:302px;
}
.SS_whiteLink{
color:#FFFFFF;
}
.SS_SidepanelConnector{
position:absolute;
left:8px;
}
.SS_SidepanelConnector.pos1{
top:32px;
}
.SS_SidepanelConnector.pos2{
top:50px;
}
.SS_SidepanelConnector.pos3{
top:68px;
}
.SS_SidepanelConnector.pos4{
top:86px;
}
.SS_SidepanelConnector.pos5{
top:105px;
}
.SS_SidepanelAnimationTitle{
position:absolute;
left:16px;
}
.SS_SidepanelAnimationTitle.pos1{
top:36px;
}
.SS_SidepanelAnimationTitle.pos2{
top:54px;
}
.SS_SidepanelAnimationTitle.pos3{
top:72px;
}
.SS_SidepanelAnimationTitle.pos4{
top:90px;
}
.SS_SidepanelAnimationTitle.pos5{
top:109px;
}
.SS_SidepanelThumb{
position:absolute;
top:40px;
left:146px;
}
.SS_SidepanelThumb.title{
top:106px;
}
.SS_SidepanelAuthorThumb{
position:absolute;
top:40px;
left:229px;
}
.SS_SidepanelAuthorThumb.star{
top:63px;
}
.SS_SidepanelAuthorThumb.clock{
top:82px;
}
.SS_SidepanelAuthor{
position:absolute;
left:249px
}
.SS_SidepanelAuthor.name{
top:41px;
}
.SS_SidepanelAuthor.votes{
top:64px;
}
.SS_SidepanelAuthor.duration{
top:83px;
}
/* ANIMATION SLIDESHOW (SIDEBAR) */



/* NEWS ARCHIVE STYLES */
.newsStories .content {
margin:5px 10px;
}
.newsStories .story {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #afc7e7;
}
.newsStories .story.bottom {
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
.newsStories .story h4,
.newsStories .story h4 a {
 font-size:13px; 
 font-weight:bold;
}
.newsStories .story img {
 float:left;
 margin-right:10px;
 border:1px solid #AAA;
 position:relative; /* fixes peekaboo bug in ie6 */
}
.newsStories .story a img:hover {
 border:1px solid black;
}
.newsStories .story p { 
line-height:16px; 
}
.newsStories .story p.date {
 color:#859abb;
}
.newsStories .story a { 
font-weight:bold;
}
/* NEWS ARCHIVE STYLES */



/* TIPS PAGE STYLES */
.tipList .content {
margin:5px 10px;
}
.tipList .tip {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #afc7e7;
}
.tipList .tip.bottom {
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
.tipList .tip h4,
.tipList .tip h4 a {
 font-size:13px; 
 font-weight:bold;
}
.tipList .tip img {
 float:left;
 margin-right:10px;
 border:1px solid #036;
 position:relative; /* fixes peekaboo bug in ie6 */
 cursor:pointer;
}
.tipList .tip img:hover {
 border:1px solid red;
}
.tipList .tip p { 
line-height:16px; 
}
.tipList .tip a { 
font-weight:bold;
}
.tipList .imageSmall {
width:82px;
float:left;
margin-right:10px;
cursor:pointer;
}
.tipList .imageSmall img {
float:none;
margin:0;
}
.tipList .imageSmall:hover img {
 border:1px solid red;
}
.tipList .imageSmall span {
color:white;
background-color:#036;
text-decoration:underline;
display:block;
padding:3px 0 5px 0;
font-weight:bold;
font-size:10px;
line-height:10px;
text-align:center;
}
.tipList .imageSmall:hover span {
text-decoration:none;
display:block;
background-color:red;
}
/* TIPS PAGE STYLES */



/* GALLERY PAGES STYLES */
.longPanel {
width:620px;
height:46px;
margin: 0px 5px 5px 5px;
background: url(http://e.miniclip.com/sketch-star/ss2/img/layout/longPanel.png) no-repeat;
}
.longPanel .navigation {
float:left;
margin-left:5px;
padding-top:4px;
margin-top:12px;
font-size:0; /* Removes extra whitespace between items */
}
.longPanel .navigation a {
padding:7px 9px;
border-right:1px solid #CFD9E7;
font-size:11px;
line-height:11px;
}
.longPanel .navigation a.selected {
font-weight:bold;
color:#333;
text-decoration:none;
}
.longPanel .navigation a.last {
border-right:0;
}
/* GALLERY PAGES STYLES */





/* SEARCH STYLES */
label {
float:left;
margin-top: 16px;
margin-right:12px;
text-align:right;
color:#000;
font-weight:bold;
font-size:1.1em;
}
.SS2form {
background-color: #fff;
border: 1px solid #809fd3;
margin:2px;
padding:4px;
font-size:1em;
height:auto;
}
.SS2form.text {
margin: 1px;
padding: 5px;
width: 200px;
}
.SS2IE7Button {
color: #000;
background-color: #e1e8f0;
border: 1px solid #809fd3;
margin:2px;
padding: 4px 8px 4px 8px;
}
.whitePanelMiddle {
width:620px;
margin: 0px auto 0px auto;
background-color: #FFFFFF;
}
/* SEARCH STYLES */



/* CREATE/UPGRADE PAGE STYLES */
#profiles {
margin:0 5px;
}

#profileEdit {
background:#fff;
border:5px solid #809fd3;
border-width:0 5px;
padding:0 5px;
}
.corner_tr.bb, .corner_tl.bb, .corner_br.bb, .corner_bl.bb {
background-image: url(http://e.miniclip.com/images/sketchstar/border_4.png );
}
/* CREATE/UPGRADE PAGE STYLES */


/* --- sketchstar/contests_v2 --- */
.contestTitle h2 {
 font-size:15px;
 margin: 3px 10px;
 float:left;
}
.contestTitle p.daysLeft {
 font-size:13px;
 margin: 4px 10px;
 float:right;
 font-weight:bold;
 color:#1b900b;
}
.contestTitle p.daysLeft.ended {
 color:#777;
}
.contestTitle p.daysLeft.judging {
 color:#dAa700;
}


.contestEyecandy {
width:290px;
float:left;
margin-left:5px;
display:inline; /* Fix IE6 double margin bug */
}
.contestEyecandy .contestImage {
margin-bottom:5px;
height:200px;
position:relative;
width:290px;
z-index:1;
}
.contestEyecandy .contestImage .corner_tl {
position:relative;
top:0;
z-index:3;
}
.contestEyecandy .contestImage .corner_bl {
position:relative;
top:190px;
z-index:4;
}
.contestEyecandy .contestImage img {
left:0;
position:absolute;
top:0;
z-index:2;
}
.contestEyecandy .contestButton {
width:290px;
height:52px;
background-color:#FFF;
margin-bottom:5px;
}
.contestEyecandy .contestButton a {
background: url(http://e.miniclip.com/sketch-star/ss2/img/layout/buttons/enter-button-bg.png) top left no-repeat;
display:block;
height:32px;
padding-top:10px;
width:280px;
margin-left:5px;
}
.contestEyecandy .contestButton a:hover {
background-position: bottom;
}
.contestEyecandy .contestButton a h4 {
font-weight:bold;
font-size: 14px;
padding-left:29px;
margin-left:60px;
background: url(http://e.miniclip.com/sketch-star/ss2/img/layout/icons/contest-button-icon.png) 0 2px no-repeat;
}


.contestDescription {
width:325px; 
float:right; 
margin-right:5px;
display:inline; /* Fix IE6 double margin bug */
}
.contestDescription .content {
 margin: 0 5px;
}
.contestDescription .description p,
.contestDescription .description li {
 font-size:11px;
 line-height:16px;
}
.contestDescription .description p a {
 font-weight:bold;
}
.contestDescription ul.details {
border-top:1px dotted #8fb0dd;
margin-top:7px;
padding-top:5px;
} 
.contestDescription .contestAwards {
border-top:1px dotted #8fb0dd;
margin-top:7px;
padding-top:5px;
}
.contestDescription .contestAwards .awards {
float:left;
}
.contestDescription .contestAwards p {
float:right;
font-style:italic;
width:215px;
}
.contestDescription .wallpapers {
border-top:1px dotted #8FB0DD;
margin-top:5px;
padding-top:3px;
}
.contestDescription .wallpapers li {
 float:left;
 margin-right:10px;
}
.contestDescription .wallpapers li a {
 font-weight:bold;
}





a.howToJoin {
display:block;
font-weight:bold;
padding:3px 0;
text-align:center;
}
.contestInstructions h3 {
font-size:14px;
font-weight:bold;
margin: 5px 0 15px 10px;
}
.contestInstructions p {
text-align:left;
line-height:16px;
margin-bottom:10px;
}



.contestClosedMessage {
width:310px;
background-color:#FB949F;
float:right;
margin-right:5px;
display:inline;
}
.contestClosedMessage p {
padding:0 7px;
line-height:16px;
}



/* OLD CONTEST ARCHIVE STYLES */
.SSContestlabel{
padding:1px 3px 1px 3px;
font-size: 10px;
background-color: #999;
font-weight: bold;
color: #FFFFFF;
margin-left: 4px;
float:right;
}
.SSContestlabel.current{
background-color: #38a820;
}
.SSContestlabel.judging{
background-color: #eab710;
}
.homeContestsModule {
font:12px tahoma, geneva, arial, sans-serif;
position:relative;
margin: 0px auto 4px auto;
background-image: url(http://e.miniclip.com/sketch-star/ss2/img/layout/homeContestbackground.png);
width:620px;
height:77px;
}
.homeContestsPic {
position:absolute;
left:5px;
top:5px;
}
.homeContestsTitle {
font-weight: bold;
color:#798fab;
position:absolute;
left:127px;
top:10px;
}
.homeContestsDescription {
color:#000;
position:absolute;
left:127px;
top:38px;
}
/* OLD CONTEST ARCHIVE STYLES */ 

.o_box{
height:18px;
margin-right: 4px;
}
.o_corner{
float:left;
height:18px;
width:2px;
background-repeat: no-repeat;
}
.o_center{
background:#ff7c00;
float:left;
font-size:10px;
height:18px;
color:#FFFFFF;
}
.o_center_inside{
margin: 3px 0px 0px 0px;
padding: 0px 4px;
font-weight: bold;
}
.o_corner.l{
background-image:url(http://e.miniclip.com/sketch-star/ss2/img/layout/contests/o_corner_l.gif);
}
.o_corner.r{
background-image:url(http://e.miniclip.com/sketch-star/ss2/img/layout/contests/o_corner_r.gif);
}


.link3idle {
font-weight: bold;
color:#003366;
}
.sectionTitle {
font-weight: bold;
color:#000;
}
.ss2_sort_menu {
font:.70em tahoma, geneva, arial, sans-serif;
}
.ss2_sort_menu_separator {
float:left;
padding:0px 4px 0px 4px;
margin-top: 2px;
color:#a4a8ad;
}
.ss2_sort_menu_item {
float:left;
padding:0px 4px 0px 4px;
margin-top: 8px;
color:#a4a8ad;
}
.ss2_sort_menu_separator_span {
padding:0px 4px 0px 4px;
margin-top: 4px;
color:#a4a8ad;
}
.ss2_sort_menu_item_span {
padding:0px 4px 0px 4px;
color:#a4a8ad;
}


.top3player {
background: #809fd3 url(http://e.miniclip.com/sketch-star/ss2/img/layout/bluePen.png) no-repeat;
margin-left: 5px;
margin-bottom: 5px;
width:620px;
}
.top3PanelBigBack{
float:left;
width:416px;
height:344px;
background: url(http://e.miniclip.com/sketch-star/ss2/img/layout/top3panel/backgroundBig.png);
position:relative;
}
.T3PanimationContainer{
top:7px;
left:8px;
position:absolute;
}
.T3PanimationPanel{
width:181px;
height:110px;
background: url(http://e.miniclip.com/sketch-star/ss2/img/layout/top3panel/backgroundSmall.png);
margin-bottom: 7px;
position: relative;
font-size:11px;
}
.T3PanimationPanel_type1{
width:204px;
height:98px;
background-image: url(http://e.miniclip.com/sketch-star/ss2/img/layout/animationPanel/backType1.gif);
background-repeat: no-repeat;
position: relative;
font-size:11px;
float:left;
margin-bottom: 4px;
}
.T3PanimationThumb{
position:absolute;
left: 9px;
top:34px;
}
.T3PanimationThumb_type1{
position:absolute;
left: 21px; 
top:26px;
}
.T3PanimationTitle{
font-size:12px;
position:absolute;
left: 9px;
top:9px;
font-weight: bold;
}
.T3PanimationTitle a {
font-size:12px;
font-weight: bold;
}

.T3PanimationTitle_type1{
position:absolute;
left: 21px; 
top:4px;
}
.T3PauthorThumb{
position:absolute;
left: 95px;
top:34px;
}
.T3PauthorThumb_type1{
position:absolute;
left: 107px;
top:26px;
}
.T3PauthorName{
position:absolute;
left: 114px;
top:34px;
}
.T3PauthorName_type1{
position:absolute;
left: 126px;
top:26px;
}
.T3PVotes{
position:absolute;
left: 114px;
top:57px;
}
.T3PVotes_type1{
position:absolute;
left: 126px;
top:49px;
}
.T3PStar{
position: absolute;
left: 95px;
top:56px;
}
.T3PStar_type1{
position:absolute;
left: 107px;
top:48px;
}
.T3PEye{
position: absolute;
left: 95px;
top:57px;
}
.T3PClock{
position: absolute;
left: 95px;
top:80px;
}
.T3PClock_type1{
position:absolute;
left: 107px;
top:72px;
}
.T3Time{
position:absolute;
left: 114px;
top:80px;
}
.T3Time_type1{
position:absolute;
left: 126px;
top:72px;
}
.T3PVotes_profile{
position:absolute;
left: 114px;
top:34px;
}
.T3PStar_profile{
position: absolute;
left: 95px;
top:34px;
}

.T3PConnector{
position:absolute;
width:25px;
height:110px;
background: url(http://e.miniclip.com/sketch-star/ss2/img/layout/top3panel/connector.png);
left:413px;
}
.T3PMenu{
position:absolute;
float:left;
width:400px;
text-align: center;
font-size:12px;
left: 8px;
top:319px;

}
.T3PMenu .middle{
width:270px;
margin: 0px auto;
float:left;
}

.T3PMenu .middle a{
font-weight: bold;
padding:0px 5px;
}

.T3PMenu .middle a.selected {
background:url(http://e.miniclip.com/sketch-star/ss2/img/layout/top3panel/bg_animnumber.png ) no-repeat 0 1px;
text-decoration: none;
color: #FFFFFF;
}

.T3PMenu .left {
float:left;
width:75px;
}
.T3PMenu .right {

float:left;
width:55px;
}
.T3PMenu .right a {
padding-right:16px;
}
.T3PMenu .left a {
padding-left:16px;
}



.T3PeditorsPickBadge{
position: absolute;
left: 155px;
top:5px;
}

.star1{
position:absolute;
top:-5px;
left:148px;
}
.star2{
position:absolute;
top:113px;
left:148px;
}
.star3{
position:absolute;
top:230px;
left:148px;
}


.longPanelInner {
padding: 14px 8px 0px 14px;
}
.titleDiv {
padding: 2px;
margin:0px 0px 2px 2px;
float:left;
}
.whitePanelMiddle {
font:.80em tahoma, geneva, arial, sans-serif;
width:620px;
margin: 0px auto 0px auto;
background-color: #FFFFFF;
}
.sectionTitle {
font-weight: bold;
color:#000;
}
.featureTitle {
font-weight: bold;
font-size: 16px;
color:#fff;
margin-left: 38px;
}
.featureTitle a {
font-weight: bold;
font-size: 16px;
color:#fff;
}
.featureTitle.sub a {
float: right;
color:#fff;
font-size: 11px;
font-weight: normal;
margin-top: 5px;
margin-right: 10px;
}