/* Alpha pages
==================================== */

* {
  margin: 0;
  padding:0;
  }


body {
  background:#E5ECF3;
  background-attachment:fixed;
  font: 12px/14px "Lucida Grande", Arial, Verdana, sans-serif;
  color:#333;
  height:100%;
  }

#wrapper {
    width:940px;
    margin:0 auto;
}

img { -ms-interpolation-mode:bicubic; }

a img {
  border: none;
}

a, a:link { color:#003399; background:url(../images/grey_dot.gif) repeat-x bottom left;  text-decoration:none; }

a:visited { color:#003399; }

a:hover { color:#fff; background:#003399;}

a.image {
  border:none;
  background:none;
}

a.image:hover {
  background:none;
  }

p{
  padding: 0 5px 10px 10px;
  font-size:12px;
  line-height:1.5em;
  color:#444;
  margin-bottom:5px;
}


ul, ol {
  font-size:12px;
  list-style-position:inside;
  padding:0 5px 10px 10px;
  color:#444;
}

ol {margin-top:0;}

ul li, ol li {
  line-height:20px;
}


  ol.about li {
    float:left;
    width:252px;
  }

  ol.about li p {
    display:block;
    height:5.5em;
    margin-left:0;
  }

h1 {
  font-size:14px;
  margin:15px 10px 10px 10px;
  color:#000;
  font-weight:normal;
  text-transform:capitalize;
  padding:8px 8px 8px 0px;
  letter-spacing:1px;
  }

  h1.first {
    margin-top:0;
  }

  h1.flash{
    margin:0 10px;
  }

  h1 span { font-size:12px; text-transform: none; letter-spacing:0px;text-align:right; }


h2 {
  font-size:12px;
  color:#444;
  margin:5px 10px 5px 10px;
  line-height:18px;
}

  h2.preference { clear:both; padding-top:10px; margin-bottom:0;}
  h2 span.sm { font-size:10px; }

h3 {
  font-size:10px;
  color:#333;
  margin:5px 0 10px 10px;
  line-height:14px;
}

body#cc_home h3 {
  font-size:11px;
  margin-bottom:3px;
}

h4 { font-size:12px;}

blockquote { margin:5px; }
blockquote.instruction {
  background:#fff;
  border:1px solid #ccc;
  border-color: #ccc #ccc #eee #eee;
  padding:7px;
  margin:10px;
}
blockquote.instruction p {
  padding:0;
}

/* global news */
.global_banner {
  -webkit-box-shadow: 0 4px 4px -2px #999999;
  -moz-box-shadow: 0 4px 4px -2px #999999;
  box-shadow: 0 4px 4px -2px #999999;
  position:fixed;
  top:0;
  right:0;
  background:#fff9e5;
  padding:10px;
  width:100%;
  font-size:14px;
  font-weight:bold;
  text-align:center;

}

/*layout*/

#container_wrapper {
  margin:0 auto;
  width:940px;
  position:relative;
  padding-bottom:7px;
  background: url(/images/footer_bg.gif) repeat-x bottom left;
}


#top {
  background:#000;
  width:100%;
}

#masthead {
  position:relative;
  margin:0 auto;
  width:940px;
}

body#search_result #masthead,
body#search_bg #masthead,
body#search_theme #masthead
 {
  background:transparent url(/images/result_edges.gif) no-repeat left bottom;
}

#masthead #login {
  margin:5px 15px 0px 0;
  text-align:right;
  color:#fff;
  font-size:11px;
  float:right;
}
  #masthead #mobster {
    float:left;
    color:#fff;
    margin:4px 10px;
    font-size:11px;
  }

#masthead #login a, #masthead #mobster a {
  color:#fff;
  border-bottom:1px dotted #ccc;
}

#masthead #login a:hover {
  color:#ccc;
}
#masthead .fb_login { margin-right:10px; margin-top:5px; float:right;}
#masthead .fb_login a { border:none; }

#masthead img.logo {
    float:left;
    padding:10px 0pt 0px 15px;
}

#masthead div.nav_ads {
    text-align:right;
    float:right;  display:inline;
    margin-right:200px;
    border:1px solid #ccc;
}

#masthead div.nav_ads img {
  float:none;
  padding:0;
}


#masthead:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}


/* try or buy buttons */
#action_container {
  float:right;
  width:938px;
  padding:1px;
  margin-bottom:5px;
}


#action_container p {
  font-size:10px;
}

#action_container div.login_wrap {
  height:30px;
  width:938px;
}

div.btn_box {
  float:right;
  width:193px;
  text-align:center;
  margin-left:8px;
}

div.btn_wrap {
  margin-left:35px;
  float:left; display:inline;
  padding-bottom:10px;
}

div.btn_action, div.login_action, div.get_action {
  position:absolute; top:40px; right:-16px;  width:153px;
}
  body#user_themes div.btn_action { top:0; }

div.featured_game div.btn_action { margin-top:-28px;}

div.login_action {
  top:10px;
}

div.get_action {
  right:16px;
  top:35px;
}

#create_l .create_l,
#alpha_test .alpha_test,
#theme .theme,
#play_now .play_now,
#editor .editor
{
  margin-left:0px;
  float:left;
  width:200px;
  height:43px;
}

#editor { float:right; margin:0; }
#create_l .create_l { background: url("/images/btn_create_layout.png") no-repeat right top; width:127px; height:27px;}
#alpha_test .alpha_test { background: url("/images/btn_create_home2.gif") no-repeat left top; }
#theme .theme { background: url("/images/btn_create_theme.png") no-repeat left top; width:127px; height:27px;}
#play_now .play_now { background: url("/images/btn_play_now.png") no-repeat left top; width:127px; height:27px;}
#editor .editor { background: url("/images/btn_editor.gif") no-repeat left top; width:156px; height:32px;}

#create_l a.create_l:link, #create_l a.create_l:visited, #create_l a.create_l:active,
#alpha_test a.alpha_test:link, #alpha_test a.alpha_test:visited, #alpha_test a.alpha_test:active,
#theme a.theme:link, #theme a.theme:visited, #theme a.theme:active,
#play_now a.play_now:link, #play_now a.play_now:visited, #play_now a.play_now:active,
#editor a.editor:link, #editor a.editor:visited, #editor a.editor:active

 {
  text-indent: -8000px; outline:none;
}

#create_l a.create_l:link, #create_l a.create_l:visited, #create_l a.create_l:active { background: url("/images/btn_create_layout.png") no-repeat left top; }
#alpha_test a.alpha_test:link, #alpha_test a.alpha_test:visited, #alpha_test a.alpha_test:active { background: url("/images/btn_create_home2.gif") no-repeat left top; }
#theme a.theme:link, #theme a.theme:visited, #theme a.theme:active { background: url("/images/btn_create_theme.png") no-repeat left top; }
#play_now a.play_now:link, #play_now a.play_now:visited, #play_now a.play_now:active { background: url("/images/btn_play_now.png") no-repeat left top; }
#editor a.editor:link, #editor a.editor:visited, #editor a.editor:active { background: url("/images/btn_editor.gif") no-repeat left top; }


#create_l a.create_l:hover { background: url("/images/btn_create_layout.png") no-repeat right top;  }
#alpha_test a.alpha_test:hover { background: url("/images/btn_create_home2.gif") no-repeat left top; }
#theme a.theme:hover { background: url("/images/btn_create_theme.png") no-repeat right top;}
#play_now a.play_now:hover { background: url("/images/btn_play_now.png") no-repeat right top;}
#editor a.editor:hover { background: url("/images/btn_editor.gif") no-repeat right top;}


#content {
  clear:both;
  margin-top:5px;
  width:940px;
  background:#fafafa url(/images/body_bg_new.gif) no-repeat top left;
  padding-top:10px;
}

#content .inner {
  background:#fafafa url(/images/content_bg2.gif) no-repeat 709px 0;

}
* html #content {
  margin-left:-1px;
  width:940px;
  overflow:hidden;
}

#content:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.invite_friend {
  margin-bottom:10px;
  background:#DAE4F6;
  padding:0px 5px;
  border:1px solid #ccc;
  text-align:center;
  -moz-border-radius:5px;
}

.text_ad {display:block;text-align: center;margin:5px 0 15px 0; font-size:10px;}

.h_ad_wrap {
  clear:both;
  margin:5px 0;
  width:100%;
  overflow:hidden;
}  
  .h_ad_wrap.on_top { margin-top:5px; border-top:1px dotted #999; padding-top:5px}

.banner_ad { width:720px; margin:0 auto; }
.tall_ad {
  margin:0 0 10px 5px;
}

div.top_ad_left {
  margin:0px 10px 0px 20px;
  width:300px;
  height:274px;
  float:left;
  display:inline;
}

div.top_ad_right, div.top_ad_right_theme {
  margin:0px 0px 0px 0px;
  width:336px;
  height:295px;
  float:right;
  text-align:center;
}

body#keywords div.top_ad_right {
  width:336px;
  height:295px;
}

body#games_play div.top_ad_right {
  float:left;
  margin-left:30px;
}

body#theme_keywords div.top_ad_right { height:250px; }

body#games_play div.top_ad_right p.more, body#theme_keywords div.top_ad_right p.more { display:none; }

div.nabbr_below div.top_ad_right {
  margin-right:-30px;
  text-align:left;
  width:336px;
}

div.top_ad_right_theme {
  width:300px;
}

div.sq_ad {
  width:651px;
  height:261px;
  float:left;
}

div.top_ad_right p.more {
  margin-right:15px;
  margin-top:15px;
}

div.link_ad_top {
  height:30px;
  margin-bottom:10px;
  margin-left:5px;
  overflow:hidden;
  width:710px;
}


/*homepage stuff */

#splash {
  background: #222 url(/images/home_splash_bg.gif) no-repeat top left;
  width:603px;
  height:230px;
  float:left;
  overflow:hidden;
  position:relative;
  border:1px solid #999;
 }

#splash h1 {
  background:none;
  color:#fff;
  font-weight:normal;
  margin:4px 0 0px 24px;
  text-transform:capitalize;
  font-size:18px;
  text-align:center;
}

#splash #movie {
  position:absolute;
  top:10px;
  left:20px;
  height:200px;
  width:530px;
}

div.try_now {
  width:200px;
  float:left;
  margin:0px 0 5px 0px;
  display:inline;
  text-align:center;
}

div.try_now {
  width:200px;
  margin:0 auto;
  background:none;
}

div.else {
    padding-top:40px;
}


div.try_now h1  {
  font-size:12px;
  border:none;
  background:#999;
  padding: 4px 0;
  margin:0;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
}
div.try_now h1  { color:#FF6600; font-size:14px; padding: 5px 0 15px 0; background:none; font-weight:bold;}

div.try_now p {
  padding:8px 5px;
  line-height:14px;
  color:#333;
  font-weight:bold;
  font-size:12px;
  margin-top:4px;
}

  div.sb div.try_now p { padding-top:0;}

div.try_now p strong { color:#D01F3C; }
div.try_now p.try { clear:both; font-size:11px; margin-top:4px;}


div.create_btn {
  width:200px;
  float:left;
  margin-left:7px;
  padding:20px 0;
  background:#fafafa;
}

div.makeover_btn {
  padding-top:40px;
  float:right;
  width:250px;
  padding-left:50px;
  margin-top:1px;
}

  div.sb {
    padding-left:0px;
    width:205px;
    padding-top:0px;
    margin-top:1px;
    margin-left:0;
    border:none;
    background:none;
  }

ul.check {
  padding-top:10px;
  list-style:none;
  margin:0 0 0 10px;
  list-style-position:outside;
}

  ul.white {color:#fff; padding-left:40px; padding-top:0; }

ul.check li {
  background: url(/images/tick.gif) no-repeat 0 50%;
  padding-left:20px;
  margin-bottom:5px;
}

div.sb_create_btn{
  background:#fafafa;
   float:right;
  width:210px;
  padding-left: 9px;
  margin-bottom:70px;
  padding-top:10px;
}

#layout_wrapper, #layout_whole  {
  float:left;
    display:inline;
    width:740px;
    border-top:none;
    position:relative;
    padding: 10px 7px 0px 0;
    margin-left:10px;
    margin-top:0px;
    margin-bottom:20px;
    min-height:480px;
  height:auto !important;
  height:480px;
  position:relative;
  }

  #layout_whole { width:920px;}

#layout_main_top {
  width:670px;
  float:left;
  margin-left:5px;
  display:inline;
}

#message {
    width:880px;
    background:#fafafa;
  position:relative;
  margin-left:5px;
  padding: 0 10px 10px;
  min-height:480px;
  height:auto !important;
  height:480px;
}

#layout_main {
    background: url("/images/l_main_bg_l.png") repeat-y scroll left top transparent;
    margin-left: 5px;
}

#layout_main_right {
    margin-right: 5px;
    padding-right: 15px;
}


.l_sp {
 border-top:1px solid #EBE8E8;
}

#layout_sb, #layout_sb_thin {
    float:right;
    display:inline;
    margin-right:15px;
}

  #layout_sb_thin {
    width:165px;
  }

#layout_sbr {
  display:inline;
  float:left;
  xmargin-right:10px;
  margin-left:10px;
}

body#user_home #layout_sbr {
  margin-top:10px;
  width:205px;
  float:right;
  margin-right:10px;
  margin-left:0;
}

body#user_themes #layout_sb {
  width:165px;
}

#home_page {
  margin:3px 15px;
  padding:10px 0 0;
}

* html #home_page {
  margin:-8px 0px 10px 6px;
}

div.box,
div.referral,
div.home_box,
div.nabbr,
div.nabbr_mini,
div.featured_user,
div.pop_keys
 {
  text-align:left;
  margin-bottom:10px;
  border-bottom:1px solid #ccc;
  overflow:hidden;
  width:200px;
}

div.box { background: #333; }
div.ad_box { width:165px; }

div.second_box {
  overflow:hidden;
  background:#fff;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  padding:0;
  margin-bottom:20px;
  }

  .ranking li {list-style:none;}
  .ranking li img { vertical-align:middle; border:1px solid #ccc; padding:1px; margin-right:5px; margin-bottom:5px;}
  .ranking li span a { background:none; }

  div.second_box ul li, div.second_box ol li, div.second_box p { font-size:11px;}
  div.second_box h3 { margin:7px 0 0 0; padding:7px 0 5px 5px; background:url(../images/separator.gif) repeat-x top left;}
  div.second_box h3.first { background:none;}
  div.second_box .ranking { margin:0 0 7px 0;}
  div.second_box .ranking li {line-height:20px; }
  div.second_box .ranking li img { width:16px; height:16px;}

  div.second_box .ranking a {font-weight:normal;}
  div.second_box p.more {text-align:right;}
  div.second_box h2 img { vertical-align:middle;　}
  div.home_box .ranking li {line-height:26px; font-size:10px;}
  div.home_box .ranking li img { width:40px; height:40px;}


div.referral { padding:10px 0px; background:#EAF9FC; border-right:1px solid #ccc; }
  div.referral h2 { padding:0 5px; color:#333; font-size:12px; margin:0;}
  div.referral p { padding:10px; color:#333; font-size:10px;}
  div.referral p strong { color:#333;}
div.user_home_r {margin:10px 20px 0px 10px; }
div.referral p { margin:5px; padding:0;}

#rows div.second_box {
  background:none;
}

div.pop_bg {
 width:330px;
 float:left;
}

div.pop_bg_inner {
  background:transparent url(/images/example_bg.gif) no-repeat scroll 0 0;
  float:left;
  margin-left:20px;
  padding-left:10px;
  padding-top:20px;
  width:300px;
  height:250px;
}

body#theme_keywords div.pop_bg { padding-top:1px;}
div.pop_bg div.user a {color:#ccc;}
div.pop_bg div.user { width:75px; height:105px;}
div.pop_bg div.user a.thumb { height:75px; width:75px; }


div.home_box, #rows div.second_box, div.nabbr, div.featured_user  {
   border:none;
   margin:0px 1px 10px 0px;
   width:303px;
   display:inline;
   float:left;
}
div.row_two div.home_box {
  width:239px;
}

div.row_one, div.row_two {
  background:url(/images/home_module_bg2.gif) repeat-y;
  width:913px;
  margin-bottom:10px;float:left;
}

div.row_two {
  background:url(/images/home_module_bg3.gif) repeat-y; float:left;
}

div.row_inner {
  background:url(/images/home_module_btm.gif) no-repeat bottom left; float:left;
  padding-bottom:2px;
}

div.row_two div.row_inner {
  background: url(/images/home_module_btm2.gif) no-repeat bottom left; float:left;
}

div.pop_keys {
  background: #ffffff;
  border:1px solid #ccc;
  border-bottom:2px solid #333;
  width:910px;
  min-height:8.5em; height:auto !important; height:8.5em; }

#rows div.featured_user { float:left; margin-right:0px; margin-left:0px;}
#rows div.featured_user ol { font-size:11px; }

div.nabbr { width:410px; margin-right:0; }
  div.nabbr div.inner { padding:0 3px;}
  div.nabbr_below {
   margin:10px 0px 20px 10px;
   padding-top:10px;
  }

  div.home_box p, div.featured_user p { margin-bottom:0px; font-size:11px;}

h2.module, h2.nav, h2.home_box, #rows h2.module, h2.music {
  background:#000;
  color:#fff;
  margin:0 0 10px 0;
  padding:4px 10px 4px 10px;
  font-size:11px;
}

  h2.home_box a { color:#fff;}

div.row_one {
  margin-top:0px;
}

div.row_two {
  margin-top:11px;
}


div.second_box h2.module {
  border-bottom:1px solid #999999;
}

div.second_box h2.module img { vertical-align:middle;}

div.second_box h2.module div.more {
  float:right;
  font-size:10px;
  text-transform:none;
}

div.second_box h2.module div.more a {
  color:#fff;
  text-decoration:underline;
  background:none;
}


h2.nav {
    background:#000;
    border-bottom:1px solid #999;
}


div.box { border:0; padding-bottom:3px; }
div.box ul, div.second_box ul  { list-style-position:outside; list-style:none; margin: 0 10px 0px 0; }
  div.second_box ul { text-transform:capitalize;}
div.box ul li, div.second_box ul li { font-size:11px; padding-bottom:3px;  }
div.box ul li a, div.box ul li a:visited, div.box a { color:#fff; font-weight:normal; padding:2px; background: url(/images/white_dot.gif) repeat-x bottom left;}
div.box ul li a:hover, div.box a:hover { background:#eee; color:#333;}
div.box ul li span, div.box ul li a.selected
 { color:#fff; background:none;}
div.second_box li a {font-weight:bold;}
  div.second_box a.selected, div.second_box a.selected:visited { background: none; color:#333; }

div.box h2, div.box h3, div.box p { color:#fff;}
div.box p { font-size:12px; color:#fff; text-align:center;}
div.box p.submit { font-size:13px;}
div.box h2 { color:#fafafa; xmargin: 10px 10px 15px 10px; }
div.box a, div.box a:link, div.box a:visited { color:#fff; text-decoration:none;}
div.box a:hover { color:#333;}

div.box form { margin-bottom:10px;}
div.box iframe {margin-left:10px;}


/* Normal Bubble */
div.bubble {
  width: auto;
  font-size: 11px;
  margin:0 5px 24px;
}

div.bubble blockquote {
  margin: 0 5px;
  padding: 0px 0px 10px 0;
  border: 1px solid #c9c2c1;
  background-color: #fff;
  width:650px;
  overflow:hidden;
}

div.second_box div.bubble blockquote { width:180px;}

#rows div.second_box div.bubble blockquote { width:275px;}

div.bubble blockquote p {
  margin: 10px 10px 0 10px;
  padding: 0px;
}

div.bubble blockquote img {float: right; margin: 0 10px 0px 5px; vertical-align:middle;}

div.bubble blockquote a.image { border:none;}

div.bubble cite {
  position: relative;
  margin: 0px;
  padding: 13px 0px 0px 5px;
  top: 5px;
  background: transparent url(/images/tip.gif) no-repeat 20px 0;
  font-style: normal;
  font-size:11px;
}
div.bubble cite span a { background:none; }
div.bubble cite img { vertical-align:bottom;}

/* people who use cc */
.my_friends_wrapper { margin-right:-10px;}

.my_friends  {
display:block;
float:left;
overflow:hidden;
padding-right:13px;
position:relative;
width:57px;
font-size:10px;
line-height:12px;
margin-bottom:10px;
height:80px;
}

.my_friends { width:60px; height:70px; text-align:center; font-size:10px; padding-right:7px; margin-bottom:4px;}
a.gu_name { height:12px; overflow:hidden; display:block;}
.my_friends img { width:40px; height:40px; background:none; display:block; margin:0 auto; }

/* share with friends */
dl.table-display
{
    float: left;
    width: 100%;
    font-size:12px;
}

.table-display dt
{
    clear: left;
    float: left;
    width: 120px;
    margin: 0;
    padding: 5px 5px 5px 0;
    font-weight: bold;
    text-align:right;
}

.table-display dd
{
    float: left;
    width: 420px;
    margin: 0;
    padding: 5px;
}

.table-display dd p { margin:0;}

div.invite_friends { width:453px; padding:5px 5px 0 5px; background:#fff; border:1px solid #eee; margin-bottom:5px; -moz-border-radius:5px; border-radius: 5px; -webkit-border-radius: 5px;}
div.invite_friends dl.table-display { float: left; width: 100%;}
div.invite_friends dl.table-display dt { width:310px; text-align:left; white-space:nowrap;}
div.invite_friends dl.table-display dd { width:90px;}
div.invite_friends dl.table-display dt, div.invite_friends dl.table-display dd { padding:8px; height:20px; border-bottom:1px dotted #ccc;}
div.invite_friends dl.table-display dt.last, div.invite_friends dl.table-display dd.last { border:none; }

a.fb_clr
{
  background:#627aac;
  color:#FFFFFF !important;
  text-align:center;
  font-size:10px;
  line-height:1.1em;
  margin:3px 0 10px 0;
  padding:3px 10px;
  -moz-border-radius:8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  text-decoration:none;
  border:none;
  cursor:pointer;
}
  a.fb_clr:hover { text-decoration:none; background:#DD143F; }

.fb_like_layout { float:right; margin-top:-5px; margin-left:10px;}

/*user example thumbs */

div.user, div.featured {
    text-align:center;
    float:left;
    display:inline;
    width:106px;
  height:135px;
  position:relative;
  margin:0 5px 12px 9px;
}

  div.featured { height:auto; }

     body#examples div.user,
     #rows div.user
      {
       margin:0 13px 10px 10px;
       width:78px;
       height:100px;
     }

     body#examples div.user {
       height:110px;
       margin-right:8px;;
     }

     body#keywords div.user { width:116px;}

       div.game_thumbs { width:110px; height:113px; overflow:hidden; margin-right:0;}
       body#games_play div.game_thumbs { margin-right:29px; }
       body#games div.fav div.user { width:120px;}
       body#user_guest div.user
       { width:122px; height:138px; overflow:hidden;}

        div.user div.hot { position:absolute; top:-12px; left:0;}
    div.featured { width:200px;  margin-right:15px; }

div.user a.thumb, div.featured a.thumb {
  border:1px solid #ccc;
  padding:1px;
  background:none;
  display:block;
  height:95px;
  width:95px;
  margin:0 auto;
}
div.user a:hover, div.featured a:hover { border-color:#000;}

div.user p.keywords a, div.user p.keywords { font-weight:bold; }
   div.user p.keywords a:hover { color:#fff; }

div.user a { font-weight:normal;}
    body#examples div.user a.thumb,
    #rows div.user a.thumb,
    div.game_thumbs a.thumb,
    body#games div.fav div.user a.thumb,
    body#user_guest div.user a.thumb   { height:75px; width:75px;}

  div.featured a.thumb {  height:134px; width:134px; }

div.user p, div.featured p {
  padding:0;
  margin:2px 0;
  line-height:11px;
  font-size:10px;
}
  body#user_guest div.user p,
  body#games div.fav div.user p,
  div.game_thumbs p { clear:both; padding-top:5px; font-size:11px; line-height:14px;}

  body#cc_home div.game_thumbs p { font-size:9px; padding-top:0; margin-top:0; }


div.layout {
  margin:0px 5px 3px 8px;
  padding:0px 0px 0px 5px;
  float:left;
  width:640px;
  display:inline;
}

div.layout div.profile, div.layout div.desc { float:left; padding-left:50px;}
div.layout div.profile img { width:275px;}
div.layout div.profile p {display:block;}
div.layout img.plus {  margin: 35px 10px 0px 0px; }

div.layout div.profile img {
  border:1px solid #666;
  background:#fff;

}

div.layout a.image {
  border:none;
  background:none;
}

div.layout a.image:hover {
  background:none;
  }

div.layout h2 {
  line-height:14px;
  font-size:14px;
  padding:5px 0;
  margin:5px 0 5px 0;
}

div.layout p.more { clear:both; margin:0 10px 0 0; padding:15px 0 0 0; text-align:right; font-size:12px; font-weight:bold;}


/*user home */


#codes {
  width:475px;
  float:left;
  text-align:center;
  display:inline;
  margin-top:5px;
  margin-left:10px;
}

  body#user_guest #codes {
    margin-left:7px;
  }


  div.memo_wrapper {
    width:200px;
    background: url(/images/memo_bottom.gif) no-repeat bottom left;
    padding-bottom:15px;
    margin:4px 0 10px 5px;
    float:left;
  }

  div.memo_inner {
    background: url(/images/memo_top.gif) no-repeat top left;
    padding-top:11px;
  }

  div.memo  {
    background: url(/images/memo_center.gif) repeat-y top left;
    padding:13px 13px 0px;
    text-align:center;
    width:174px;
  }
  div.memo p { padding:0; }

  div.nothing {
    margin:20px 0 150px;
  }

  p.nothing { margin: 30px 10px 0 220px;}

  div.code_wrapper {
    padding-bottom:15px;
  }


  div.code_box  {
    sbackground: url(/images/memo_center3.gif) repeat-y top left;
  }

  div.memo div.history { border:none; margin-bottom:0;}
  div.memo div.history:hover { background:#fff;}

    div.blog_too_opt form { margin-bottom:10px; }

  #friend_id {
    float:left;
  }
    #friend_id.v2 {
      margin:-20px 0 10px 0;
    }

    body#user_profile #friend_id {
      margin-left:30px;
      margin-bottom:10px;
    }

    div.friend_pointer {
      background:url(/images/pointer.gif) no-repeat top center;
      height:11px;
      width:159px;
      margin-bottom:-1px;
      font-size:0;
      float:left;
      display:inline;
    }

    div.friend_box {
      background:#FFF8D1;
      padding:10px 0px;
      width:159px;
      border:1px solid #FDE9AE;
      border-top:none;
      float:left;
      display:inline;
  }


  div.friend_box p, div.history div.friend_box p {
    font-size:11px;
    margin-bottom:10px;
    padding-bottom:0px;
    text-align:center;
    line-height:14px;
  }

  #friend_id div.wider {
    width:205px;
  }

.last_step {
  float:right;
  margin:-65px 50px 0 0;
}
.last_step img { vertical-align:middle; margin-right:20px;}

a.why_toolbar { font-size:11px; letter-spacing: 0px;  text-transform:none; background:url(/images/icon_help.gif) no-repeat 0 -1px; padding-left:20px;}
a.why_toolbar:hover { background:#003399 url(/images/icon_help.gif) no-repeat -1px; }
/* prompt box */
#overlay {
  display: block; position: absolute; top:-225px; left: 0pt; z-index: 90; width: 100%; height: 3485px;
}

div.lb {
  z-index:1000;
  position:absolute;
  top:-225px;
  left:0;
  width:100%;
  height:140%;
  }


  div.lb div.lb_inner {
    position:fixed;
    top:50%;
    left:48%;
    margin-left:-300px;
    margin-top:-200px;
    width:600px;
    text-align:center;
    border:2px solid #333;
    background:#fff;
    padding:10px 10px 10px 10px;
   }

   * html div.lb div.lb_inner
    {
      position: absolute;
      margin-top:120px;
      top:expression(eval(document.compatMode &&
      document.compatMode=='CSS1Compat') ?
      documentElement.scrollTop+((documentElement.clientHeight-this.clientHeight)/2 - 155)
      : document.body.scrollTop
      +((document.body.clientHeight-this.clientHeight)/2 -155));
      filter:none;  opacity:0;
      background:#fff;
    }

   div.lb div.wider {
     margin-top:-200px;
     width:700px;
     margin-left:-340px;
   }

   div.lb div.narrow {
     margin-top:-70px;
     width:400px;
     margin-left:-200px;
     height:150px;
   }

   div.lb div.lb_inner h1 {
        background:#000;
      color:#FFFFFF;
      font-size:13px;
      margin:-9px -9px 10px;
   }

   div.lb div.lb_inner div.close {
    position:absolute;
    top:8px;
    right:5px;
    color:#fff;
   }

   div.lb div.lb_inner div.close a, div.lb div.lb_inner div.close a:hover { color:#fff; text-decoration:none; font-weight:bold; padding:2px;}
   div.lb div.lb_inner div.close a:hover { color:#ccc; background:none;}

  div.lb div.lb_inner ul.steps {
    float:left;
    width:230px;
  }

  #overlay{ background-image: url(/images/overlay.png); }

  * html #overlay{
    background-color: #333;
    back\ground-color: transparent;
    background-image: url(/images/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
    }


  div.lb div.lb_inner p.close  {
    text-align:right;
    font-size:11px;
    font-weight:bold;
    margin-bottom:0;
    padding:0;
  }

  div.lb div.lb_inner form { float:none;}

  div.lb div.lb_inner h1 {
    font-size:14px;
  }

  div.lb div.lb_inner h2.warning {
   background:#FFFF99;
   margin:0pt 59px 5px;
 }
  div.lb div.lb_inner div.instruction {
    margin:20px 0;
  }
  div.lb div.lb_inner div.instruction  p {
    line-height:12px;
    margin:3px 0;
  }

 div.lb div.lb_inner img {float:none; margin:0;}

 #content div.lb div.lb_inner input.txt {
    display:inline;
    width:240px;
  }
  #content div.lb div.lb_inner textarea.getcode { width:200px; height:30px; font-size:10px; }

  #content div.lb div.lb_inner input.hidden {display:none;}
  #content div.lb  div.lb_inner textarea {height:100px;}
  #content div.lb  div.lb_inner textarea.v2 {height:100px; width:90%; margin-top:10px;}
  #content div.lb  div.lb_inner label { padding-top:3px; }

  .video {
    width:450px;
    float:left;
  }

  .loader {
    margin:20px 0 0 0;
  }

  p.status {
    color:#000;
    font-size:14px;
  }

  span.close {
    font-size:10px;
  }

  span.congrats {
    display:block;
    padding:30px 0;
  }

  /* toolbar extension overlay div */

  div.lb_ext {
    z-index:10000;
    position:absolute;
    top:0px;
    left:0;
    width:100%;
    height:3000px;
    background:#000;
    }

    div.ext_ie9 {
      background:none;
    }


  div.ext_install {
    position:fixed;
    right:0;
    width:350px;
    color:#fff;
  }
    div.ff { top:0; }

  div.ie9 {
     width:699px;
     bottom:60px;
     left:50%;
     padding-bottom:15px;
     margin-left:-270px;
     margin-top:-100px;
     background:#fff;
     border:3px solid #ccc;
     border-radius: 20px;
   }

   div.ie9 div.ie9_inner { margin-left:30px;}

   div.ext_install h1 {
     color:#fff;
     font-size:22px;
     font-weight:bold;
     letter-spacing:0;
     line-height:24px;
     margin:20px 0;
   }

   div.ext_install ol { margin-left:20px; }
   div.ext_install ol li {
     color:#fff;
     font-size:14px;
     font-weight:bold;
     margin-bottom:10px;
   }
   div.ext_install ol li img { display:block;}

   div.ext_install p {
     font-size:12px;
   }

   p.ie_close {
     position:absolute;
     top:10px;
     right:10px;
     width:300px;
     text-align:right;
   }

   div.ext_install a {
     color:#fff;
     background:none;
     text-decoration:underline;
   }

   div.for_ie {
     width:100%;
     left:0;
     margin-left:10px;
     position:static;
   }
   div.for_ie ol { margin-left:30px;}

   span.allow {
     color:#F4C218;
   }

   div.ie9 span.allow { color:#ff9933;}

   div.ext_install img {
     float:right;
     margin-right:35px;
   }

  div.for_ie img {
     float:none;
     display:block;
   }

  div.ie9 img { float:right; margin-right:100px; }
  div.ie9 ol li, div.ie9 a, div.ie9 h1 { color:#000; margin-right:15px; }

/* History */

h2.my_history { clear:both; margin-top:15px;}
div.history {
  width:159px;
  margin: 0px 0px 20px 10px;
  border:1px solid #ccc;
  text-align:center;
  float:left;
  display:inline;
  background:#fff;
}

    div.history {
        width:159px;
        margin:0px 5px 15px 5px;
        border:1px solid #ccc;
        text-align:center;
        float:left;
    }

div.history_inner {
  padding:15px 0px 7px 0;
}


  div.history_inner a.thumb {
    border:1px solid #ccc;
    height:100px;
    width:100px;
    margin-left:28px;
    padding:1px;
    background:none;
    display:block;
  }

  div.history_inner a.thumb:hover {
    border:1px solid #333;
  }


.current {
  background:#fff;
}

/*.current img {
  border:1px solid;
  border:1px solid #CCCCCC;
}   */

div.history p {
  font-size:10px;
  line-height:14px;
  padding-bottom:0;
  margin:0;
  text-align:center;
}

div.history p.title { font-size:11px; margin-bottom:0px; color:#333; font-weight:bold;  }
div.history p.title:hover  {
  background:#ffffcc;
  margin:0 5px;
}

div.history p.title span {
  font-weight:normal;
  font-size:10px;
  }
div.history p.homepage { margin-top:10px;}


div.history p.actions { font-size:9px;}
div.history p.actions a { color:#0A4A87; font-weight:normal;background:none;}
 div.history p.actions a:hover { background:#0A4A87; color:#fff;}
div.history:hover {
  background:#eee;
}

div.history { /* IE hover fix */
  background-color: expression(
  this.onmouseover = new Function("this.className += ' over';"),
  this.onmouseout = new Function("this.className = this.className.replace('over', '')"));
  }

div.over{
  background:#eee;
  }

  /* edit in place style */

  #content input.eip_editfield, #content input.eip_savebutton  {
    font-size:11px;
    margin:0 3px 5px 1px;
    float:none;
    display:inline;
    vertical-align:middle;
    padding:1px;
  }
  #content input.eip_editfield {
    width:60px;
  }
  #content input.eip_savebutton {
    background:#eee;
  }

  a.eip_cancelbutton {
    font-size:10px;
    vertical-align:middle;
  }

  p.edit_in_line, div.history p.edit_in_line {
    text-align:left;
    margin:3px 0 0 10px;
  }

  p.eip_empty, div.history p.eip_empty { font-style:oblique; color:#858583; }


/*theme history*/
div.theme_history {
    margin:0px 0px 10px 10px;
    border:1px solid #ccc;
    background:#fff;
    padding:0px 0 5px 0px;
    float:left;
    width:98%;
 }



div.theme_image { float:left; display:inline; width:80px; margin:10px 0 0 10px; }
div.theme_image img { border:1px solid #ccc; padding:1px;}
div.theme_image a, div.theme_image a:hover { border:none; background:none;}

div.theme_image p { font-size:10px; padding-left:0px; text-align:center;}
div.theme_desc { display:inline; xfloat:left;}
div.theme_desc p {
  font-size:11px;
  line-height:16px;
  padding-bottom:0;
  margin:0;
  color:#333;
}

div.theme_history p.title { font-size:13px; color:#333; font-weight:bold; margin-bottom:0px; padding-bottom:3px;}
div.theme_desc ul.actions {
  clear:both;
  display:block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:8px 0 0 10px;
  padding:0;
  font-size:10px;
  font-weight:bold;
}

div.theme_desc ul.actions li {
  display:inline;
  line-height:1.3em;
  margin-right:2px;
  border-left:1px solid #ccc;
  padding-left:5px;
}

div.theme_desc ul.actions li.first {
  border-left:none;
  padding-left:0;
}
div.theme_desc p.actions { font-size:10px;  font-weight:bold;}
div.theme_desc p.actions span { margin:0 8px;}
div.theme_history div.action { position:absolute; top:15px; right:15px; width:200px; text-align:right; font-weight:bold;}

div.theme_desc p span.tag { margin-left:8px; }
div.theme_desc dl { font-size:10px; margin-left:8px; padding:3px;}
div.theme_desc dt { float:left; display:inline; font-weight:bold; width:80px; margin-bottom:7px;}
div.theme_desc dd { float:left; display:inline; width:400px;  margin-bottom:7px;}

div.theme_desc div.spec { width:455px; float:left; margin-top:10px; }
div.theme_desc div.layout_num { width:80px; float:right; display:inline;}
div.layout_num div.badge { margin-top:5px; background:url(/images/badge.gif) no-repeat center center; width:75px; height:75px;}
div.layout_num div.badge p { font-size:14px; font-family:Georgia, serif; color:#000; padding:18px 0 0 0;margin:0; text-align:center;}

div.recent_users div.theme_desc div.layout_num { width:100px; display:inline; }
div.recent_users div.layout_num div.badge { background:url(/images/badge2.png) no-repeat center center; width:100px; height:100px;margin-top:10px;}
div.recent_users div.layout_num div.badge a { color:#fff; background:none; }
div.recent_users  div.theme_history { background: #fff url(../images/separator.gif) repeat-x bottom left;
 padding:0; margin-top:-5px; padding-bottom:5px; width:663px; border:3px double #ccc; margin-bottom:10px;}
div.recent_users div.theme_image { width:90px; margin:10px 10px 0 10px; }
div.recent_users div.theme_image img {width:90px; height:90px;}
div.recent_users div.theme_desc {  width:540px;}
div.recent_users  div.theme_desc div.spec { width:395px; }
div.recent_users div.theme_history p.title { font-size:14px; margin-top:5px;}
div.recent_users  div.layout_num div.badge p { padding-top:29px;}


div.whats_theme {
  text-align:center;
  margin-bottom:10px;
}

div.whats_widget img {
  float:right;
  padding-left:10px;
}

div.go_get_it {
float:left;
width:350px;
}

/* theme keywords theme details layout */
body#theme_keywords div.theme_history { height:200px; margin-bottom:10px; margin-top:33px; position:relative; width:165px;}
body#theme_keywords div.theme_image { float:none; display:block; width:100px; margin: 10px auto 0 auto;}
body#theme_keywords div.theme_image img { width:95px; height:95px;}

body#theme_keywords div.theme_desc div.spec { width:auto;}
body#theme_keywords div.theme_desc div.spec p.creator { font-size:9px;}


body#theme_keywords div.layout_num div.badge { position: absolute; top:-30px; right:-12px; z-index:100000;}
body#theme_keywords div.theme_desc p.theme_desc, body#theme_keywords div.theme_desc p span.tag { display:none; }



/*featured_theme*/
div.featured_theme {
  width:200px;
  margin:0px 10px 10px 10px;
  border:1px solid #ccc;
  background:#fff;
  padding:10px 0 0 0;   text-align:center; float:left;  display:inline;
}
div.featured_theme_image { float:left; display:inline; width:90px; }
div.featured_theme img { border:1px solid #ccc; padding:1px;}
div.featured_theme_desc { float:left; display:inline; width:510px; }
div.featured_theme p { font-size:11px; padding-bottom:0; margin:0; }
div.featured_theme p.title { font-size:12px; color:#333; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
    div.featured_theme p.title span {font-size:10px; font-weight:normal;}
div.featured_theme div.stat { width:100%; background:#F4FAFC; color:#333; text-align:left; margin-top:10px; padding:2px 0px 4px 0;}
  div.featured_theme div.stat p.grabbed { margin-left:5px; float:left; width:80px; background: url('/images/chart_bar.png') no-repeat left center; padding-left:18px;}
  div.featured_theme div.stat p.rate { float:right; text-align:right; width:37px; margin-right:5px; background: url('/images/star.png') no-repeat right center; padding-right:18px;}

/* user account */




#user_account, #account_login, #pwd  { margin-left:0px; margin-bottom:20px; float:left;}
    #account_login { padding:10px 0;}
    #account_login p {margin-bottom:5px;}
    #account_login form p { font-size:11px; padding:0 0 10px 0; line-height:12px;}
    p.password_qa  {margin-left:140px;}

    #user_account p.delete {
      margin-left:10px;
    }

#content #pwd label {
  text-align:left;
  width:auto;
}

#content #pwd input { margin-right:5px; }

#pwd div.form { margin-top:30px;}


#privacy_alert {
    background:#FFFFCC url(/images/alert.gif) no-repeat 9px 10px;
    padding:15px 15px 15px 30px;
    margin:0px 0 10px 0;
  font-size:12px;
}

#whats_up {
  padding:5px 5px 0;
  margin:0 5px 15px 0px;
  background-color:#FFF8D1;
  border:1px solid #FDE9AE;
}

.wu-in { margin:10px !important;}

#whats_up p {
  font-size:12px;
  margin-bottom:5px;
  padding-bottom:3px;
}

#whats_up p.hide {
  float:right;
  width:200px;
  text-align:right;
}

#privacy_alert ul { margin:5px; padding-left:0;}
#privacy_alert ul li { margin:0;}

ul#user_preference {
  font-size:12px;
  list-style:none;
  margin:0 0 0 0;
  background: url(/images/grey.gif) repeat-x bottom left;
  width:100%;
  padding:0;
  }

ul#user_preference li { float:left; padding: 3px 20px; margin: 0 5px 0 10px; background: #eee url(../images/grey.gif) repeat-x bottom left; border: 1px solid #999; border-bottom: none;}
ul#user_preference li.current { background:#fff; bottom: 2px; color:#333; font-weight:bold;}

#edit_account {float:left; border:1px solid #999; border-top:0; padding-bottom:20px; width:488px;}


/* about intro */
div.about {
  margin-right:30px;
}

div.about p {
  text-align:justify;
}
/* Testimonail */
div.testimonial {
  margin:0px 20px 10px 10px;
  padding:15px 5px 5px;
}



/* Main Nav
==================================== */

 ul#nav_tab_header {
  clear:both;
  margin:0;
  padding:0;
  line-height:0;
  height:35px;
  list-style:none;
  width:100%;
  background:#55A7D3 url(/images/top_nav_edge.gif) no-repeat bottom left;
  margin:0;
    }

    * html ul#nav_tab_header { bottom:-1px;}
    ul#nav_tab_header li {
    float:left;
    margin:4px 5px 0 11px;
    line-height:0;
    display:inline;
    font:bold 12px/14px 'Century Gothic', sans-serif;
    color:#fff;
    background:none;
    letter-spacing:1px;
    padding:0 0 0 13px;
        }

    ul#nav_tab_header li a {
    font: bold 11px/14px 'Century Gothic', sans-serif;
    color:#fff;
    background:none;
    letter-spacing:1px;
    padding:4px 15px 11px 5px;
    float:left;
    display:block;
    }

      ul#nav_tab_header li.editor, ul#nav_tab_header li.editor a { float:right; margin:0 5px 0 0; padding:0; }

        ul#nav_tab_header li.cheats a { padding-right:5px; }
        ul#nav_tab_header li.cheats img { float:left;}

    ul#nav_tab_header li a:hover { color:#000;}

  #cc_home ul#nav_tab_header li.home,
  #examples ul#nav_tab_header li.gallery,
  #recent_users ul#nav_tab_header li.gallery,
  #top_keywords ul#nav_tab_header li.gallery,
  #keywords ul#nav_tab_header li.gallery,
  #featured_themes ul#nav_tab_header li.gallery,
  #popular_themes ul#nav_tab_header li.gallery,
  #examples ul#nav_tab_header li.gallery,
  #recent_themes ul#nav_tab_header li.gallery,
  #search_themes ul#nav_tab_header li.gallery,
  #games ul#nav_tab_header li.games,
  #graphics ul#nav_tab_header li.graphics,
  #graphics ul#nav_tab_header li.stickers
   {
    background: url(/images/top_nav_bg.png) no-repeat left top;
    }

  #cc_home ul#nav_tab_header li.home a,
  #examples ul#nav_tab_header li.gallery a,
  #recent_users ul#nav_tab_header li.gallery a,
  #top_keywords ul#nav_tab_header li.gallery a,
  #keywords ul#nav_tab_header li.gallery a,
  #featured_themes ul#nav_tab_header li.gallery a,
  #popular_themes ul#nav_tab_header li.gallery a,
  #examples ul#nav_tab_header li.gallery a,
  #recent_themes ul#nav_tab_header li.gallery a,
  #search_themes ul#nav_tab_header li.gallery a,
  #games ul#nav_tab_header li.games a,
  #graphics ul#nav_tab_header li.graphics a,
  #graphics ul#nav_tab_header li.stickers a {
    background: url(/images/top_nav_bg.png) no-repeat right top;
    text-decoration:none;
    outline:none;
    font-weight:bold;
    }

    #cc_home ul#nav_tab_header li.home a:hover,
    #examples ul#nav_tab_header li.gallery a:hover,
    #recent_users ul#nav_tab_header li.gallery a:hover,
    #top_keywords ul#nav_tab_header li.gallery a:hover,
    #keywords ul#nav_tab_header li.gallery a:hover,
    #featured_themes ul#nav_tab_header li.gallery a:hover,
    #popular_themes ul#nav_tab_header li.gallery a:hover,
    #examples ul#nav_tab_header li.gallery a:hover,
    #recent_themes ul#nav_tab_header li.gallery a:hover,
    #search_themes ul#nav_tab_header li.gallery a:hover,
    #games ul#nav_tab_header li.games a:hover,
    #graphics ul#nav_tab_header li.graphics a:hover,
    #graphics ul#nav_tab_header li.stickers a:hover { color:#fff; }

/*secondary nav */

/*style 2 */
 ul#secondary_nav {
  background: #fafafa url(/images/user_nav_bg.gif) repeat-x top left;
  margin:-8px 0 0;
  padding:0;
  list-style:none;
  height:36px;
  border-width: 0 1px;
}

#search_result ul#secondary_nav,
#search_bg ul#secondary_nav,
#search_theme ul#secondary_nav {
  margin-top:15px;
  width:864px;
}

  ul#secondary_nav li {float:left; height:27px; background: url(/images/user_nav_left.gif) no-repeat top right; padding-right:1px; }

  ul#secondary_nav li a, ul#secondary_nav li span {
    display:block;
    float:left;
    height:21px;
    padding:3px 18px 3px 18px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    background:#ddd; color:#333;
    }

     ul#secondary_nav li span,
     #recent_users ul#secondary_nav li#nav-recent a,
     #top_keywords ul#secondary_nav  li#nav-top a,
     #keywords ul#secondary_nav  li#nav-keywords a,
     #redirect ul#secondary_nav  li#nav-top a,
     #featured_themes ul#secondary_nav li#nav-themes a,
     #popular_themes ul#secondary_nav li#nav-themes a,
     #recent_themes ul#secondary_nav li#nav-themes a,
     #search_themes ul#secondary_nav li#nav-themes a,
     #theme_tags ul#secondary_nav li#nav-themes a,
     #keywords ul#secondary_nav li#nav-recent a,
     #user_home ul#secondary_nav li#nav-home a,
     #user_themes ul#secondary_nav li#nav-themes a,
     #user_fav_themes ul#secondary_nav li#nav-themes a,
     #user_profile ul#secondary_nav li#nav-profile a,
     #user_edit ul#secondary_nav li#nav-settings a,
     #theme_keywords ul#secondary_nav li#nav-themes a,
     #search_result ul#secondary_nav li#nav-search-cc a,
     #search_bg ul#secondary_nav li#nav-search-bg a,
     #search_theme ul#secondary_nav li#nav-search-theme a,
     #all_games ul#secondary_nav li#all_games a,
     #pop_games ul#secondary_nav li#pop_games a,
     #rec_games ul#secondary_nav li#rec_games a,
     #fav_games ul#secondary_nav li#fav_games a,
     #questions ul#secondary_nav li#all_questions a,
     #ask_questions ul#secondary_nav li#ask_question a,
     #my_question ul#secondary_nav li#my_question a,
     #graphics ul#secondary_nav li#browse a,
     #add_own ul#secondary_nav li#add_own a,
     #my_stickers ul#secondary_nav li#my_stickers a
      { background: url(/images/user_nav_selected.png) no-repeat bottom center; height:32px; color:#fff; }

      ul#secondary_nav li#fav_games a { padding-right:25px;}

      *html  ul#secondary_nav li span { height:31px; }

     ul#secondary_nav li a:hover { color:#fff; background:#555;}


/*account nav */

ul#account_nav {
  float:right;
  list-style:none;
  margin:0px 15px 0px 0;
  color:#eee;
  padding:0;
  }

ul#account_nav li { line-height:14px; color:#eee; float:left; display:inline; padding:4px 0 0 0; margin:0 0 0 4px; font-size:11px; xborder-right:1px solid #fff;}

ul#account_nav li.last { padding-right:0; border-right:none;}

ul#account_nav li a { color:#eee; border:none; background:none; font-weight:normal; text-decoration:underline; }
ul#account_nav li a:hover {  color:#eee; }

p.flash, #status_text {
  padding:5px;
  margin:0px 15px 10px 15px;
  border:1px solid #ccc;
  font-weight:bold;
  text-align:center;
  background:#FFFFCC;
}

.logged_in span { font-size:11px;}

.fb_pic {
  position:absolute;
  top:0;
  right:0;
  width:50px;
  height:50px;
}
a.FB_Link img.FB_profile_pic {
  vertical-align:middle;
}


/*popular keywords cloud */
ul#cloud { list-style:none;  margin: 0.5em 0.5em 0em 0em; line-height:1.8em; }
ul#cloud li {display:inline; padding-right:5px;}
ul#cloud li a {font-size:1em; }
ul#cloud li a.one { font-size:0.8em; color:#627190; font-weight:normal;}
ul#cloud li a.two { font-size:0.9em; color:#627190; font-weight:normal;}
ul#cloud li a.three { font-size:1.1em;color:#3F5990; font-weight:normal;}
ul#cloud li a.four { font-size:1.4em;color:#3F5990;}
ul#cloud li a.five { font-size:2em;color:#003399; line-height:1em;}
ul#cloud li a.six { font-size:2.2em; line-height:1.3em;}

ul#cloud li a.one:hover, ul#cloud li a.two:hover, ul#cloud li a.three:hover, ul#cloud li a.four:hover, ul#cloud li a.five:hover {color:#fff; }

div.second_box ul#cloud li a { font-weight:normal;}

/*keyword page splash */
#keyword_splash {
    background: url("../images/keyword_splash.gif") no-repeat top left;
    width:649px;
    height:200px;
    float:left;
    overflow:hidden;
    position:relative;
    margin-left:25px;
    margin-bottom:7px;
    margin-top:10px; display:inline;
 }

#keyword_splash #movie {
    position:absolute;
    top:8px;
    left:57px;
    height:176px;
    width:533px;
}



/* faq page */
#faq div.answer, #login div.answer  { background:#fff; border:1px solid #ccc; border-color:#eee #ccc #ccc #eee; margin:10px 20px 10px 10px; padding:10px 5px 0px 5px; }

#faq ul li, #faq p { xfont-size:11px; padding-bottom:5px; color:#333;}
#faq  p.sp { margin-bottom:0; }
#faq a.title { font-weight:normal; outline:none;}

/* user profile page */
div.details { padding:0 0 10px 0;}
div.details p{ padding-bottom:0;color:#fff; font-size:11px; text-align:left; margin-bottom:7px;}

/* people page */
div.people { float:left;}
h2.people { font-size:14px; margin-top:50px;}
img.people { float:left; padding:0 10px 10px 10px;}
p.people { margin-top:50px;}

/* Tab Nav */
  ul.tabnav
    {
      height: 26px;
      margin: 16px 0px 0 0;
      padding: 0px 0 0 10px;
      background: #fafafa url(/images/grey.gif) repeat-x bottom;
      width:auto;
     }

      ul#engine_selector.tabnav {
       height:28px;
       padding-left:0;
     }


  ul.tabnav li
     {
      margin: 0;
      padding: 0;
      display: inline;
      list-style-type: none;
      line-height:12px;
      float: left;
        line-height: 14px;
        font-weight: bold;
        margin-right: 7px;
      text-decoration: none;
      color: #666;
       }

   ul.tabnav a:link, ul.tabnav a:visited, ul.tabnav span
    {
      border:none;
      text-decoration: none;
        color: #666;
        display:block;
        background:none;
        outline:none;
        padding: 5px 15px;
        border: 1px solid #999;
        background: #f3f3f3;
        font-size: 11px;
    }

    ul.tabnav a:link.active, ul.tabnav a:visited.active, ul li.active, ul.tabnav span, ul.tabnav li.active a,
    #tabnav a:link.active, ul.tabnav a:visited.active, ul.tabnav span,
    #featured_themes ul.tabnav li#nav-featured a,
    #popular_themes ul.tabnav li#nav-popular a,
    #recent_themes ul.tabnav li#nav-recent a,
    #search_themes ul.tabnav li#nav-search a,
    #keywords ul.tabnav li#nav-keywords a,
    #theme_keywords ul.tabnav li#nav-themes a,
    #user_themes ul.tabnav li#nav-myown a,
    #user_fav_themes ul.tabnav li#nav-myfav a
      {
        border-bottom: 1px solid #fafafa;
        background: #fafafa;
        color: #000;  display:block;
      }

      ul#engine_selector.tabnav a, ul#engine_selector.tabnav a:link, ul#engine_selector.tabnav a:visited {
        background:#ddd;
        border-bottom:none;
        padding:5px 6px;
      }

      ul#engine_selector.tabnav a:link.active, ul#engine_selector.tabnav a:visited.active {
        background:#f7f7f7;
        padding-bottom:6px;
      }
      ul.tabnav span.new {font-size:8px; color:#CC0000; font-family:Verdana; display:inline; background:transparent;}
      ul.tabnav li img { vertical-align:middle;}
   ul.tabnav a:hover
     {
       color: #000;
       background:none;
     }

/* Happy Resyndicator
----------------------------------------------- */

div.feedburnerFeedBlock {
  padding:0 2px;
 }

div.feedburnerFeedBlock ul { list-style:none; list-style-position:outside; margin-right:7px; }

div.feedburnerFeedBlock p.date {
  font-size: 10px;
  display: block;
  color: #666666;
  padding:0;
  margin-bottom:2px;
  }
div.feedburnerFeedBlock p.fbsubscribelink {display:none;}

div.feedburnerFeedBlock ul li div {
  display: inline;
  }

div.feedburnerFeedBlock span.headline  { font-size:12px; font-weight:bold; display:block; margin-bottom:0.5em; }

div.feedburnerFeedBlock ul li {
  font-size:11px;
  line-height:14px;
  margin-bottom: 15px;
  padding-left: 0 !important;
  text-indent: 0 !important;
  }

div.feedburnerFeedBlock  #creditfooter { display:none; }

#blogged_themes div.feedburnerFeedBlock span.headline { display:none;}
#blogged_themes div.feedburnerFeedBlock ul {  padding:0;}
#blogged_themes div.feedburnerFeedBlock ul li { float:left; width:50%; line-height:0;}

#blogged_themes div.feedburnerFeedBlock p {  display:none; }
 #blogged_themes div.feedburnerFeedBlock h2 { height:35px; width:300px;}
#blogged_themes div.feedburnerFeedBlock  p.show { display:inline; }
#blogged_themes div.feedburnerFeedBlock p.show img {width:300px; }

body#examples #blogged_themes { width:320px; float:left; border-right:1px dotted #ccc; padding-right:10px; xmargin:0 10px;}
body#examples #blogged_themes.right { float:right; border-right:none; padding-right:none;}

/* Ranking page table
----------------------------------------------- */

table.ranking {
    width:650px;
    margin:0 30px 20px 10px;
        border-collapse:collapse;
      background:transparent;
      border-left:1px solid #686868;
        border-right:1px solid #686868;
        font:11px/14px 'Trebuchet MS',helvetica,arial,verdana;
        color: #333;
}


table.ranking td, table.ranking th {
        padding:5px;    text-align:left;  background:#fff;
}

table.ranking tr.legend td { background:#eee;}

table.ranking th img {vertical-align:middle;}

table.ranking td img {vertical-align:middle;}


/* =head =foot
----------------------------------------------- */

table.ranking thead th {
        background:#333;
        color:#fff;
        font-size:13px;
        text-transform:capitalize;
}

table.ranking tfoot td {
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  background:#f3f3f3;
  font-size:11px;
  text-align:right
  }


/* =body
----------------------------------------------- */

table.ranking tbody th, table.ranking tbody td {
        border-bottom: dotted 1px #333;
}

table.ranking tbody th {
        white-space: nowrap;
}

table.ranking tbody th a {
        color:#333;
}


table.ranking tbody tr:hover {
        background:#fafafa
}



/* Form
==================================== */

form {
  font: 10px/14px "Lucida Grande", Arial, Verdana, sans-serif;
  margin:10px 10px 30px 10px;
}

  form.code {
    margin:0;
    width:98%;
  }

form h2 { font-size:12px; margin: 0 0 10px 0; color:#333; display:block;}
form p { font-size:12px; margin:0; padding:3px 0;  line-height:12px; }
form img.security { margin:0px 10px 15px 0; float:left;}

form span.notes { padding:0 0 0 10px; color:#666; }
form p.notes { clear:both; margin-left:142px; font-size:9px; color:#666;}


fieldset {
  padding:20px 10px 10px;
  background:#fff;
  border:1px solid #ccc;
  width:500px;
}

  fieldset.edit {
    width:640px;
  }

legend {
  font-size:12px;
  font-weight:bold;
  color:#333;
}

#content input, #content textarea {
  font-family:  "Lucida Grande", Arial, Verdana, sans-serif;
  font-size:12px;
  margin-bottom: 15px;
  color: #333;
  padding:3px;
  float:left;
  display:inline;
}
 #content input.submit { margin-right:3px;}
 #content input.hidden {display:none;}
 #content input.w_notes { margin-bottom: 0px;}


#content label {
  color: #333;
  font-size: 12px;
  margin-bottom: 0.3em;
  float:left;
  width:135px;
  padding:3px 0;
  text-align:right;
  margin-right:8px;
}

#content label.from { display:inline; margin-bottom:20px;}
#content label.sp {width:100%;}

div.radio { margin-bottom:20px; width:90%;}
#content input.radio, #content input.checkbox { float:left; display:inline; margin: 3px 5px 0px 0; padding:0; border:none;}
#content label.radio, #content label.checkbox { float:left; display:inline; margin:0; width:auto;}

form div.security { padding-left:10px; margin-left:130px; margin-top:-3px; margin-bottom:0; }
form div.security p {font-size:9px; margin-left:164px;}

#content input.checkbox {  width:auto;}
#content label.checkbox { color:#666; font-size:12px;}

#content textarea {
   color: #333;
  border: 1px solid #666;
  padding:2px;
  margin-bottom:10px;
}


/* game input style */
  body#games #content div.second_box input,
  body#theme_keywords #content div.second_box input { margin-left:10px;float:none; display:block;}
  body#games #content div.second_box input.text,
  body#theme_keywords #content div.second_box input.text { width:134px; margin-bottom:5px;}
    body#theme_keywords #content div.second_box input.text { margin-bottom:0;}
  body#games #content div.second_box input.submit,
  body#theme_keywords #content div.second_box input.submit { margin-bottom:5px; }
  body#games #content div.second_box form,
  body#theme_keywords #content div.second_box form { margin:0; padding:0; }

  p.eg { font-size:9px; color:#888; margin:0 0 10px 10px;}

/* cse search box */
div.search_box { display:inline; float:left; margin: 16px 0pt 0pt 80px; width:360px; height:41px; background:url(/images/search_bg.png) no-repeat;}
div.search_box form { margin:6px 0; padding:0; }

div.search_box input.text {
  font-family:  "Lucida Grande", Arial, Verdana, sans-serif;
  font-size:12px;
  color: #333;
  border:2px solid #55A7D3;
  display:inline;
  float:left;
  padding:5px 5px 5px 0px !important;
  background: #fff;
  width:225px;
  margin-left:40px;
}

div.search_box input.submit {
  display:inline;
  margin:2px;
}


div.footer_search {
  background:#000000 none repeat scroll 0 0;
  margin:1px;
  width:938px;
  float:left;
}

/* google Search result page */
#content div.search_box {
  margin:10px auto;
  float:none;
  display:block;
  }

  #content div.search_box form {
   margin:6px 0;
   float:left;
  }

  #content div.search_box input.submit {
    padding:0;
    margin:2px;
  }

/* Footer
==================================== */

#footer {
  clear:both;
  padding:7px 0 30px 0;
  background: #ddd url(/images/link_ad_bg_new.gif) repeat-x bottom left;
  margin-bottom:10px;
  position:relative;
  }

  .h_ad {
    clear:both;
    padding:0px 0px 10px 0px;
    text-align:center;
    margin:0 auto;
    background:#ddd;
    border-bottom:1px dashed #999;
  }

  .h_ad a {background:none;}

    #footer_inner {
        width:890px;
        padding:10px 0 0 20px;
    }

    div.footer_col {
    float:left;
    margin-right:5px;
    text-align:left;
    width:200px;
    }

    div.first {
     width:273px;
    }


    div.last {
      float:right;
      margin-right:0;
    }

    div.footer_col p { margin:0; padding:0; font-size:11px;}


#footer #copyright { padding-top:1em; color:#000; font-size:11px; width:100%; }
  #footer #copyright a { color:#000;}
  #footer #copyright a:hover { color:#000; background:#fff;}
  #footer #copyright span {color:#666;}
#footer #links {float: right; display:inline; }
#footer ul { margin:0;  padding: 0 1em 0 0; font-size:11px;}
#footer ul li {list-style:none; line-height:16px; display: inline;   margin:0;  padding: 0 0.5em; border-right: 1px solid #fff; }
#footer ul li.last { border:none; }
#footer ul a { color:#fff; border:none;}
#footer ul a:hover { color:#fff; }
#footer div.separator { background:none; border-bottom:1px dotted #ccc; padding:10px 0; margin-bottom:10px;}


#cse-search-results { margin-top:7px; xpadding:10px 15px; }

div.didyouknow { margin:0 5px 0 15px; background:#FFFFCC; padding:3px; border:1px solid #ccc;}
div.didyouknow p {
  background: url(/images/lightbulb.gif) no-repeat 0px 3px; padding:0 0 0 20px;
  font-size:12px; margin-bottom:0; color:#333;
}

 /* Get Code Tabs */

 ul.code_tabs{
   margin:0;
   list-style:none;
   float:left;
   list-style:none;
   width:506px;
   padding:0 0 0 5px;
   font-size:10px;
   }

 ul.code_tabs li  {
   float:left;
   background:transparent url("/images/tab_left.gif") no-repeat left top;
   margin:0 5px 0 0;
   padding:0 0 0 9px;
   display:block;
   cursor:pointer;
   white-space:nowrap;
   }


 ul.code_tabs a, ul.code_tabs span  {
   float:left;
   display:block;
   background:url("/images/tab_right.gif") no-repeat right top;
   padding:3px 15px 4px 4px;
   text-decoration:none;
   outline:none;
   color:#000;
   font-weight:bold;
   }

 /* Commented Backslash Hack
    hides rule from IE5-Mac \*/
 ul.code_tabs a {float:none;}
 /* End IE5-Mac hack */
 ul.code_tabs a:hover {
   color:#555;
   text-decoration:none;
   background:url("/images/tab_right.gif") no-repeat right top;
   }
 ul.code_tabs li.current {
   background-image:url("/images/tab_left_current.gif");
   }

   ul.code_tabs li.current a, ul.code_tabs li.current span {
     background-image:url("/images/tab_right_current.gif");
     font-weight:bold;
     color:#fff;
   }
    ul.code_tabs li.current a:hover {
      background-image:url("/images/tab_right_current.gif");
    }

   #content div.code_box textarea.code {
     height:44px;
     width:95%;
     font-size:10px;
     background:#fff;
     border:1px solid #BEBEBE;
   }

   div.code_box div.code {
     margin:10px 0 0 18px;
   }

   div.instruction {
     border-left:1px solid #999999;
     display:inline;
     float:right;
     height:265px;
     margin-right:7px;
     overflow-x:hidden;
     overflow-y:auto;
     text-align:center;
     xwidth:265px;
     width:305px;
   }

     div.instruction h3 {
       border-bottom:1px solid #999;
       font-size:12px;
       padding:0 0 5px;
     }

     div.instruction div.youtube {
      width:110px;
      float:left;
      text-align:left;
      display:inline;
      margin-left:10px;
     }

     div.instruction div.youtube_txt {
       width:120px;
       float:left;
       text-align:left;
       font-size:11px;
       display:inline;
     }

     div.instruction div.youtube_txt p {
       padding-bottom:5px;
       font-size:10px;
     }

     ul.steps {
       list-style:none;
       font-size:11px;
       padding-left:45px;
       margin-top:15px;
       text-align:left;
     }

     ul.steps li {
       padding-left:10px;
       margin-bottom:6px;
       margin-left:20px;
       float:left;
     }

     #auto_insert_instructions ul.steps li {
       float:left;
       width:100%;
     }

     div.auto_insert ul.steps li {
       padding-left:0px;
       line-height:16px;
       margin-right:5px;
     }

     ul.steps li .icon {
       float:left;
       display:inline;
       width:20px;
     }

     ul.steps li .text {
       margin:0 8px 0 20px;
     }

      ul.steps li .icon img{
       vertical-align:middle;
       margin-right:10px;
     }
     ul.steps li div.help {
       text-align:center;
     }

     div.no_gigya p, p.no_auto {
       font-size:11px;
       margin:0px 10px 5px 5px;
       padding: 0;
     }

     p.no_auto { padding-left:15px; }

     div.instruction p a  {
       text-decoration:underline;
       background:none;
     }

     div.instruction p a:hover  {
       color:#fff;
       background:#003399;
     }

   div.code_box form {
     margin-left:18px;
   }

   div.code_box p.share {
     font-size:14px;
   }

   div.auto_insert {
     display:inline;
     float:left;
     width:99%;
     margin:5px;
     padding-right:10px;
   }

    #auto_insert_preload.auto_insert {
      text-align:center;
    }

    #auto_insert_preload.auto_insert h2 { text-align:left; }

    #auto_insert_preload.auto_insert p {
      margin-top:20px;
      text-align:center;
    }

   div.auto_insert p, div.auto_insert ol {
     font-size:11px;
     text-align:left;
     padding-bottom:5px;
   }

   div.auto_insert p.btn {
     text-align:center;
     margin-top:25px;
     padding:0 25px 0 0;
     line-height:0;
   }

    div.auto_insert p.btn a {
      cursor:pointer;
    }

    div.auto_insert p.more_feat {
      text-align:right;
      margin-right:10px;
    }

    div.auto_insert p.privacy {
      text-align:center;
      font-size:10px;
    }

    div.auto_insert p.privacy a {
      color:#999;
    }

    #auto_insert_instructions {
      margin-top:15px;
    }


/* Share Themes
==================================== */
#share_text {
  border:1px solid #ccc;
  padding:10px;
  text-align:left;
  width:270px;
  float:left;
  display:inline;
  overflow:hidden;
  background:#fafafa;
}

#content #share_text label, #content #share_text input {
  width:auto;
  display:block;
  text-align:left;
  float:none;
}
#content #share_text input {
  width:260px;
}
#content div.lb div.lb_inner #share_text textarea{
  width:260px;
  height:90px;
}

#share_text p {
  padding:0;
}

#share_text p.small {
  font-size:9px;
}

/* Others
==================================== */
div.ad {
  padding:0px 5px;
  border:1px solid #ccc;
  text-align:left;
  -moz-border-radius:5px;
  margin-bottom:10px;
}

a.ad_on_us {
  margin-left:20px;
}


/* For cached pages
==================================== */
#container { background:#fff;}
#content_top {background:#fafafa; }
  #content_middle {
    background:#fff;
  }


/* Version 2 for homepage */

#version2 #alpha_test .alpha_test { background: url("/images/btn_create_home.gif") no-repeat left top; width:190px;}
#version2 #alpha_test a.alpha_test:link, #version2 #alpha_test a.alpha_test:visited, #version2 #alpha_test a.alpha_test:active { background: url("/images/btn_create_home.gif") no-repeat left top; }
#version2 #alpha_test a.alpha_test:hover { background: url("/images/btn_create_home.gif") no-repeat right top; }
#version2 {
  background: transparent url(/images/splash_new.gif) no-repeat scroll 0% 0%;
  font-size:10px;
  height:281px;
  margin:-12px -7px -5px -7px;
  position:relative;
  width:940px;
}

body#redirect #version2 {
  background-position:0;
  width:617px;
  margin-left:20px;
  margin-top:10px;
}

* html #version2 {
  margin:-12px -8px 10px -6px;
}

  #version2  div.top_ad_right {
    width:300px;
    height:250px;
    margin:5px 5px 0 0;
  }
  #version2 div.makeover_btn {
    float:right;
    width:214px;
    height:177px;
    position:absolute;
    top:40px;
    right:305px;
    padding:20px 0 0 10px;
  }

  body#redirect #version2 div.makeover_btn {
    right:10px;
  }

  #version2 ul.check {
    list-style:none;
    margin:0px 0 0 10px;
    list-style-position:outside;
    float:left;
  }

  #version2  ul.check li {
    background: url(/images/tick.gif) no-repeat 0 50%;
    padding-left:20px;
    margin-bottom:8px;
  }

  div.gigya_box {
    width:400px;
    float:left;
  }

  div.no_gigya_box {
    width:98%;
    float:left;
    display:inline;
    margin:5px 0;
  }

  div.no_gigya_box ol, div.no_gigya_box p { font-size:11px; margin:0;}
  div.no_gigya_box h2 span.ab {visibility:hidden; }
  div.no_gigya_box div.code { margin:15px 5px 10px 0px; padding-left:10px; height:140px; display:block;}
  div.no_gigya_box div.code p.sm { color:#666; font-size:10px; padding:0 0 5px 0; }
  #content div.code_box div.code textarea.code { margin-bottom:0; height:100px; color:#999; border:1px solid #999; }

  #divWildfirePost {
    float:left;
    margin:11px 0 10px 3px;
    display:inline;
    width:400px;
    height:255px;
  }

  div.clear_all #divWildfirePost  {
    margin-left:10px;
  }

  div.wildfire_feedback {
    height:310px;;
    padding-top:10px;
    background:#EBF5FA;
    width:495px;
  }

    body#clearall_cc div.wildfire_feedback {
      width:400px;
      background:#fff;
      float:left;
      border:1px solid #eee;
      margin:12px 0 12px 12px;
      height:286px;
    }

  div.wildfire_feedback p {
    margin:15px 0;
    font-size:12px;
  }

  div.wildfire_feedback p.did_not_work {
    margin-bottom:0;
    padding-bottom:0;
  }

   div.wildfire_feedback ul {
     font-size:11px;
     margin-top:10px;
     list-style-position:outside;
     margin-left:15px;
   }



   /* user home input style */
  body#user_home #content div.second_box form label
  { color:#000; font-size:10px; display:block; width:auto; float:none; text-align:left; }
  body#user_home #content div.second_box input.feedback,
  body#user_home #content div.second_box form textarea.feedback
   { color:#333; font-size:12px; display:block; float:none; width:163px; border:1px solid #ccc;}
  body#user_home #content div.second_box form textarea.feedback {  height:40px; width:142px;}
  body#user_home #content div.second_box p {font-size:11px; margin-bottom:0; margin-right:5px;}

  body#user_home #content div.second_box input { float:right;}

  /* User home page for js kit
  ----------------------------------------------- */

  body#user_home div.s_alt2 { background:#EBF5FA; }


  body#user_home div.second_box p.new_feat {
  border-bottom:1px dotted #999;
  margin-bottom:10px;
  }

  body#user_home div.s_alt {
  border-top:none;
  margin-top:-20px;
  padding-top:20px;
  background:#F7F7F7;
  }

  body#user_home h2.module { background:#eee; color:#000;}
  body#user_home h2.module div.more a { color:#000;}

  body#user_home div.s_alt h2.module {
  display:none;
  }

  div.s_alt_top {
  border-bottom:1px dotted #999;
  background:#F7F7F7;
  }

  body#user_home #layout_wrapper {
    float:right;
    width:710px;
    padding-right:0;
  }

  body#user_home #content div.second_box p.feed {
  font-size:10px;
  border-bottom:1px dotted #ccc;
  padding-bottom:7px;
  line-height:14px;
  padding-top:5px;
  margin:0;
  }

  body#user_home #content div.second_box p.feed img {
  vertical-align:middle;
  margin-right:2px;
  }

  body#user_home #content div.second_box p.feed span {
  color:#666;
  font-size:9px;
  }

  /* User Profile page for js kit
  ----------------------------------------------- */

  body#user_profile div.s_alt_top {
    border-bottom:1px solid #999;
  }

  body#user_profile #layout_wrapper {
    width:625px;
    float:left;
  }


  body#user_profile div.history
   {
    width:139px;
  }

  body#user_profile div.history_inner a.thumb, body#user_profile div.history_inner img

   {
    width:80px;
    height:80px;
  }

  body#user_profile #layout_sbr  {
    width:265px;
  }

  body#user_profile div.second_box  {
    margin-top:10px;
    border-top:1px solid #CCCCCC;
    padding-bottom:5px;
    width:260px;
  }

  body#user_profile div.my_info div.text {
    width:160px;
    margin-left:0;
  }

  body#user_edit div.my_info div.text {
    width:240px;
  }

  div.msp_vanity {
  color:#999999;
  float:left;
  font-size:13px;
  margin-top:3px;
}

  #content input.vanity { width:101px; }

  /* DAT box */


  .my_info div.pic {
    float:left;
    text-align:center;
  }

  .my_info img.avatar {
     float:left;
     margin-top:0;
  }

  .my_info div.text {
    float:left;
    margin-left:10px;
  }

  .my_info div.text p {
    margin-bottom:0;
  }

  .my_info div.text h2 {
    margin-top:0;
  }
  form .my_info div.text  p {
     color:#000;
     font-size:11px;
     line-height:16px;
     margin-bottom:0;
  }
  form .my_info div.text h2 {
    margin-bottom:0;
  }


  #content div.second_box div.coming_soon p {
    padding-right:10px;
    padding-top:20px;
    text-align:center;
  }


  div.info p, p.myurl {
   padding-bottom:5px;
   font-size:11px;
   margin-bottom:0pt;
   margin-right:5px;
   line-height:1.5em;
   color:#333;
  }

  div.link_to_myspace {
    float:left;
    display:inline;
    width:240px;
    padding:2px 5px 10px 20px;
    background:#EBF5FA url(/images/pointer_blue.gif) no-repeat center left;
    text-align:center;
    margin-left:20px;
  }

  div.link_to_myspace img {
    float:none;
    margin-bottom:0;
  }

  form div.link_to_myspace p {
    color:#333;
    line-height:20px;
    font-size:11px;
  }

  div.link_to_myspace p.relink {
    text-align:left;
    font-size:11px;
  }

  div.change_avatar {
    width:150px;
    float:left;
    font-size:11px;
    text-align:center;
  }

  div.change_avatar p {
    font-size:11px;
  }

  body#user_profile div.second_box h2.module {
  background:url(/images/h_bg.gif) repeat-x top left;
  color:#000;
  }

  body#user_profile div.second_box img.avatar {
   margin:0px 0px 7px 7px;
   float:left;
  }

  body#user_profile div.theme_history {
    width:590px;
  }

  body#user_profile div.theme_desc  {
    width:500px;
  }

  body#user_profile div.theme_desc div.spec {
    width:415px;
  }

  body#user_profile h1 {
    font-size:11px;
    margin:0px 0px 10px 0px;
    font-weight:bold;
    padding:6px;
    color:#333;
    letter-spacing:0px;
    background:url(/images/h_bg.gif) repeat-x bottom left;
    border:1px solid #ccc;
    border-color:#ccc #999 #999 #ccc;
    }


  body#user_profile div.history p, body#user_home div.history p.actions {
    font-size:9px;
  }

  body#user_profile ul#secondary_nav li.edit {
     float:right;
  }

  body#user_profile ul#secondary_nav li.edit a {
    background:#ccc;
    text-transform:none;
    float:right;
    color:#003399;
  }
    body#user_profile ul#secondary_nav li.edit a:hover {
      color:#fff; background:#003399;
      }

 ul#secondary_nav.wide {
    margin:10px 10px 0 10px;
  }


.cc_wiki {
margin:5px;
padding:5px;
}
.WPC-content {
background-color:#eeeeee;
margin: 20px;
padding:5px;
}


/* game page */

body#games_play #layout_wrapper, body#games_play ul#secondary_nav, body#games_play #layout_main {
  width:920px;
}

body#games #layout_sbr, #layout_sbr.fixed {
  width:170px;
}

body#games #layout_main {
  width:715px;
  display:inline;
}

body#games h1 {
  text-transform:none;
  line-height:20px;
}

div.featured_game {
  background:#333;
  border:1px solid #000;
  margin:0px 10px 10px;
  padding:10px;
  position:relative;
  border:3px solid #999;
  float:left;
  display:inline;
  width:670px;
}
div.featured_game img {
  float:left;
  margin-right:10px;
  border:1px solid #999;
  padding:2px;
}

div.featured_game h1, div.featured_game h2, div.featured_game p {
  color:#fff;
  margin-left:95px;
  padding-left:0;
}
  div.featured_game h1 {
    padding:0;
    margin-top:0;
    margin-bottom:15px;
  }

#flash_game {
  background-color: #333;
  border: 3px solid #999;
  margin: 0px 10px 10px;
  padding:5px 0 20px 0;
  float:left;
  position:relative;
  display:inline;
  color:#fff;
  width:880px;
}

#flash_game h2, #flash_game p {
  color:#fff;
}

div.full_screen, div.favorites {
   font-size:10px;
   text-align:center;
   width:146px;
   height:18px;
   background:url(/images/full_screen.gif) no-repeat;
   position:absolute;
   top:-26px;
   right:5px;
   padding:5px 10px 0 10px;
}

   div.game_actions, #add_to_my_list {
     font-size:10px;
     text-align:right;
     padding:0;
     margin:5px 0 15px 0;
     margin-right:10px;
     float:right;
     }

     #add_to_my_list { margin-right:0; }

     div.game_actions img.new, #add_to_my_list img.new {
       margin-left:12px;
       margin-right:3px;
     }

div.game_and_desc {
  float:left;
  display:inline;
  width:710px;
}

div.game_ad {
  clear:both;
  width:170px;
  float:right;
  display:inline;
}

div.game_box, div.graphic_box {
  margin-top:10px;
  padding:10px 10px 0 3px;
  border-top:1px dotted #999;
}

#flash_game  a { color:#eee; background:url(../images/white_dot.gif) repeat-x bottom left;}
#flash_game  a:hover { background:#eee; color:#333; }
div.game_box .alignRight, div.graphic_box .alignRight{ margin-right:10px;}

div.game_box p, div.graphic_box p {
  font-size:12px;
}

div.game_share, div.graphic_share {
  width:410px;
  float:left;
  display:inline;
  margin-top:7px;
}

div.game_extra {
  background:transparent url(/images/game_extra.gif) no-repeat;
  margin-left:13px;
  float:left;
  width:849px;
  display:inline;
  color:#fff;
}

  div.graphic_extra {
    width:668px;
  }

div.game_stats {
  float:left;
  display:inline;
  padding:4px 0pt 6px;
  width:420px;
  margin:6px 0 10px 5px;
}


div.game_stats dl { font-size:11px; margin-left:8px; padding:3px; color:#fff;}
div.game_stats dt { float:left; display:inline; font-weight:bold; margin-right:3px; margin-bottom:7px;}
div.game_stats dt.rating { margin-top:3px; }
div.game_stats dd { float:left; display:inline; width:300px;  margin-bottom:7px;}
div.game_stats p.js_credit { text-align:right; font-size:8px; color:#ccc; margin-top:5px;}
 div.game_desc {
  padding:10px 3px;
}

p.sort_by {
  margin-left:7px;
}

p.source {
  font-size:10px;
  padding:20px 10px 0 10px;
}

/* tweaks page */
body#tweaks #layout_wrapper {
  width:640px;
}

#content div.PDS_Poll label { text-align:left; }

/* graphics pages */

.panel {
  margin:20px 0;
}


div.toggle p { font-size:13px; display:inline; font-weight:bold; margin:0 5px 0 0; line-height:12px;}

#content div.toggle input, #content div.toggle label {
  float:none;
  width:auto;
  font-size:13px;
  font-weight:normal;
  vertical-align:middle;
  margin:0 3px 0 0;
  background:transparent;
  display:inline;
}
  #content div.toggle label { margin-right:10px;}

img.bumpme {
  float:left;
  margin:0 5px;
}
p.bumpme {
  padding-top:5px;
}

p.bumpme_btn {
  clear:both;
  text-align:center;
}

/* ringtone ads */
p.ringtone { margin-bottom:10px; padding:0; font-size:12px; float:right; width:336px; font-weight:bold; text-align:center;}
  p.ringtone img { vertical-align:middle; margin-right:5px; }
  p.ringtone img#phone_right { margin-left:5px;}
  p.ringtone a { color:#cc0000;}
  p.ringtone a:hover { background:#cc0000; color:#fff;}
div.btm_links { padding:10px 0;}
div.btm_links p.ringtone { clear:both; float:left; display:inline; margin-left:10px; width:50%; text-align:left; }
div.btm_links p.more { float:right; display:inline; width:45%;}

/* AFS */

#adcontainer1 { float:right; width:170px; margin-bottom:50px; }
body#games #adcontainer1{ width:200px;  margin-top:40px;  }
div.s_result { float:left; width:500px; }

/* Like Facebook */
.facebook_new  {
  background:#000 url(/images/fb_splash.gif) no-repeat top right;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
  position:relative;
  padding:10px 10px 20px 10px;
  margin:10px 4px 10px 10px;
}

body#cc_home .facebook_new { margin:5px 14px;}

.fb_arrow {
  background:url(/images/fb_arrow.png) no-repeat 5px 0;
  width:495px;
  height:95px;
  float:left;
}

.fb_arrow2 {
  background:url(/images/fb_arrow.png) no-repeat top right;
  width:435px;
  height:95px;
  float:left;
}

.fb_no_arrow {width:560px;float:left; }

  .fb_no_arrow ul.check { float:left; color:#fff; margin:10px 0 0 20px;}
  .fb_no_arrow  div.fb_eg { margin-left:0;}


.fb_arrow p, .fb_arrow2 p { background:#a4d5f0; color:#000; font-size:14px; font-weight:bold; margin:25px 26px 0 10px;}
.facebook_new h2, .small_splash h2 { color:#fff; margin:10px 0 10px 10px; }

div.fb_eg { width:160px; margin-left:15px; float:left; text-align:center; color:#fff;}
div.fb_eg img { border:1px solid #999; padding:1px;}
div.fb_eg a { color:#fff; text-decoration:underline;}
div.fb_eg a:hover { background:#fff; color:#333;}
div.fb_eg a.image:hover { background:none; }
div.fb_eg a.image:hover img { border:1px solid #fff;}
div.boring_arrow { float:left; margin-top:45px; }

.fb_login_inline { margin:10px;}
.fb_login_inline a { background:none; }

.fb_profile_pic_rendered img { vertical-align:middle; }
.fb_name { font-size:11px;}
div.get_fbl, div.get_fbl2 { float: left; margin-left: 20px; margin-top:-20px;}
  div.get_fbl2 { margin-top:10px; margin-left:0;}
div.get_fbl p.btn a,  div.get_fbl p.btn a:hover { text-indent:-3000px; width:323px; height:136px; display:block; background:url(/images/btn_create_my_layout.png);}
  div.get_fbl2 p.btn a,  div.get_fbl2 p.btn a:hover { text-indent:-3000px; width:205px; height:63px; display:block; background:url(/images/btn_create_layout_sm.png);}
div.get_fbl p { margin:0;}


/* FB share */
.FBConnectButton_Small {
    background: #29447E url("/images/connect_sprite.gif") no-repeat 0 0;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    outline: medium none;
    padding: 0 0 0 1px;
    text-decoration: none;

}

.FBConnectButton_Small .FBConnectButton_Text {
    background: #5F78AB;
    border-bottom: 1px solid #1A356E;
    border-top: 1px solid #879AC0;
    color: #FFFFFF;
    display: block;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-weight: bold;
    margin: 1px 1px 0 17px;
    padding: 2px 6px 3px;
    text-shadow: none;
}


/* Classes
==================================== */

.fb_like { float:right;}
.fb_like2 { width:90px; margin:5px auto 0;}
.fb_like3 {
    float: left;
    margin-left: 30px;
    margin-top: 30px;}
p.sorry { margin-top:30px; text-align:center;}

.more, .more_white {text-align:right; margin-right:0px; font-size:12px; font-weight:bold;}

.view_more, p.view_favs { text-align:right; padding:10px; margin-right:3px; float:right; width:200px; font-size:12px; font-weight:bold;}
p.view_favs { padding:0 10px; margin:60px 25px 0 0; width:100px;}
.view_previous { padding:10px 10px 10px 0; float:left; width:100px; margin-left:13px; font-size:12px; font-weight:bold;}
.pagination {
clear:both;
margin:8px 0px 20px 10px;
text-align:center;
background:#eee;
padding:4px 54px 7px 4px;
}

.more_white a, .more_white a:visited {color:#fff; background: url(/images/white_dot.gif) repeat-x bottom left; }
.more_white a:hover { background:#000; color:#ccc;}
.highlight { background:#FFFFCC;}
p.highlight2 {background:#FFFFCC; padding-bottom:0;}
p.lyrics { background:#fff; padding-bottom:0;}

  p.highlight2 img, p.lyrics img { vertical-align:middle;}

.urllink { font-size:10px; color:green; margin:0; padding:0;}
img.fav {
  width:12px;
  height:12px;
  vertical-align:middle;
  margin:0 3px 0;
}

.red_bold { font-weight: bold; color: #cc0000;}


#alert, #alert_gigya, div.errorExplanation {
  background:#FFFFCC url(../images/alert.gif) no-repeat 2% 50%;
  padding:5px 5px 5px 40px;
  margin:5px 0 5px 0;
  font-size:13px;
  border:1px solid #FFFF00;
  margin:0px 10px 10px;

}
div.errorExplanation {
  background-position:10px 10px;
}

div.errorExplanation p { line-height:20px; font-size:13px;}

#alert_gigya {
  background:#FFFFCC url(../images/alert.gif) no-repeat 5px 30px;
  padding:30px 5px 40px 20px;
  line-height:16px;
  font-size:12px;
  float:left;
  width:200px;
  height:225px;
  display:inline;
  margin-top:12px;
}

div.error { padding: 0 0 0 20px; background: url(/images/error.gif) no-repeat 0 0;}
  div.error p { margin-bottom:5px;}
  div.error p.error { color:#CC0000; font-weight:bold;  }
div.confirm { padding: 0 0 0 20px; background: url(/images/ok.gif) no-repeat 0 0; }
  div.confirm p.confirm { color:#339933;  font-weight:bold; margin:0; padding:0; }

img.new {vertical-align:middle;}

.alignRight { float: right; margin-right:25px;}
.alignLeft { float:left;}
.icon_img { vertical-align:middle; margin-right:5px;}
.strike {text-decoration: line-through;}


.separator {
  clear:both;
  background:url(../images/separator.gif) repeat-x bottom left;
  margin:0 0 0 0px;
}

.gutter {
  margin:0 15px;
}

.stuff {
  background:#fff;
  border:1px solid #ccc;
  padding:10px;
  margin:10px;
}

.clear {
  clear:both;
}

.clearfix:after, #layout_main_right:after, #layout_main:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}


/* Ad placement test */

#version2 { background:transparent url(/images/splash_home.gif) no-repeat scroll 315px 5px; height:271px;}
#version2 div.makeover_btn { right:0; padding-top:45px;}
#version2 ul.check { color:#fff; font-weight:bold; margin-left:0;}
#version2 ul.check li { background:transparent url(/images/tick_home.gif) no-repeat scroll 0 50%; }
body#keywords div.top_ad_left,
body#top_keywords div.top_ad_left,
body#theme_keywords div.top_ad_left,
body#recent_users div.top_ad_left { margin:0 20px 0 20px; width:310px;}
body#theme_keywords div.top_ad_left { height:250px; }
body#top_keywords div.top_ad_left { margin-top:5px; margin-right:50px;}

body#theme_keywords div.top_ad_left p.more { display:none; }

div.top_ad_left p.more {
  margin-right:15px;
  margin-top:15px;
}

div.top_ad_left p.more { margin-right:0; }
div.top_ad_left p.more { margin-right:0; }
#version2 div.top_ad_left {
  width:300px;
  height:250px;
  margin:5px 5px 0 0;
}
  #version2  div.top_ad_left { margin:5px 0 0 5px;}

  div.game_ad {
    clear:both;
    width:160px;
    float:left;
    display:inline;
    margin-left:10px;
  }