/*
 * Project:		CIE
 * Date:		2009/07/16
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
form{  margin: 0; padding: 0;
}
body { background: #000 url(/css/images/background-a.jpg) 50% -50px no-repeat; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #ccc; font-family: Lucida Grande,Lucida Sans Unicode,sans-serif; line-height: 1.4; }
textarea, input, select, option, button { color: #333; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }
input{line-height: 1.1em; }

a { color: #0fc; text-decoration: none; outline:none;}
a:hover, a:focus, a:active { color: #5dffdf; text-decoration: underline; 
outline: none;
 }
a, input, img {
outline: none;
}
ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: 0; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; border-style: none; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 800px; margin: 0 auto; padding: 0; }
#top { position: relative; width: 100%; height:225px; margin: 0; padding: 0;margin-top:-20px;}
#top-a { position: relative; width: 100%; height:225px;}
  #logo, #logo-e  { position:absolute;top:54px;left:95px; margin: 0 0 0 0px; }
#logo a, #logo-e a  { display:block; overflow: hidden; width: 380px; height: 95px; background: url(/css/images/syoplogo.png) no-repeat ; text-indent: -10001px; }
  #team{ position:absolute;top:5px;left:425px; display:block; overflow: hidden; width: 368px; height: 200px; background: url(/css/images/syopteam.png) no-repeat ; text-indent: -10001px; }
     #team2{ position:absolute;top:5px;left:425px; display:block; overflow: hidden; width: 368px; height: 200px; background: url(/css/images/syopteam-fade.png) no-repeat ; text-indent: -10001px; }
   #discovery { position:absolute;top:64px;left:5px; margin: 0 0 0 0px;}
   #discovery a { display:block; overflow: hidden; width: 90px; height: 90px; background: url(/css/images/discovery-lg.png) no-repeat; text-indent: -10001px; }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10276px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
#nav { position: absolute; left: -8px; top: 123px; overflow: hidden; list-style: none; width: 850px; margin: 57px 0 0 10px; padding: 0;  }
#top #nav { position: absolute; left: -8px; top: 113px; overflow: hidden; list-style: none; width: 850px; margin: 57px 0 0 10px; padding: 0;  }

   #nav li { float: left; }
    #nav li a { overflow: hidden; float: left;  height: 35px; background: url(/css/images/nav-bg.png) no-repeat; text-indent: -10001px; }
    #nav li.mission a {width: 106px; background-position: 0 0; } #nav li.mission a:hover, #nav li.mission a:focus, #nav li.mission a:active, #nav li.mission a.selected { background-position: 0 -56px; }
    #nav li.searchlight a { width: 138px;background-position: -106px 0; } #nav li.searchlight a:hover, #nav li.searchlight a:focus, #nav li.searchlight a:active, #nav li.searchlight a.selected { background-position: -106px -56px; }
    #nav li.shop a {  width: 105px;background-position: -244px 0; } #nav li.shop a:hover, #nav li.shop a:focus, #nav li.shop a:active, #nav li.shop a.selected { background-position: -244px -56px; }
    #nav li.agency a { width: 126px;background-position: -349px 0; } #nav li.agency a:hover, #nav li.agency a:focus, #nav li.agency a.active, #nav li.agency a.selected { background-position: -349px -56px; }
    #nav li.leader a { width: 148px;background-position: -475px 0; } #nav li.leader a:hover, #nav li.leader a:focus, #nav li.leader a:active, #nav li.leader a.selected { background-position: -475px -56px; }
    #nav li.signout a {width: 104px; background-position: -625px 0;margin-left:5px; } #nav li.signout a:hover, #nav li.signout a:focus, #nav li.signout a:active, #nav li.signout a.selected { background-position: -625px -56px; }
    #nav li.member a { width: 37px;background-position: -729px 0;margin-left:3px;margin-right:3px; } #nav li.member a:hover, #nav li.member a:focus, #nav li.member a:active, #nav li.member a.selected { background-position: -729px -56px; }
    #nav li.helpagent a { width: 33px;background-position: -766px 0; } #nav li.helpagent a:hover, #nav li.helpagent a:focus, #nav li.helpagent a:active, #nav li.helpagent a.selected { background-position: -766px -56px; }
    * html #nav li a { background-image: url(/css/images/nav-bg.png); }
    #nav li em { position: absolute; left: -10001px; top: -10001px; }
#navpublic { position: absolute; left: -10px; top: 123px; overflow: hidden; list-style: none; width: 850px; height:80px; margin: 57px 0 0 10px; padding: 0;}
   #navpublic li { float: left; }
    #navpublic li a { overflow: hidden; float: left;  height: 35px; background: url(/css/images/nav-bg-public.png) no-repeat; text-indent: -10001px; }
   #navpublic li.about a {width: 75px; background-position: 0px 0; } #navpublic li.about a:hover, #navpublic li.about a:focus, #navpublic li.about a:active, #navpublic li.about a.selected { background-position: 0px -56px; }
#navpublic li.missions a {width: 103px; background-position: -75px 0; } #navpublic li.missions a:hover, #navpublic li.missions a:focus, #navpublic li.missions a.active, #navpublic li.missions a.selected { background-position: -75px -56px; }
#navpublic li.parents a {width: 103px; background-position: -178px 0; } #navpublic li.parents a:hover, #navpublic li.parents a:focus, #navpublic li.parents a.active , #navpublic li.parents a.selected { background-position: -178px -56px; }    
#navpublic li.teachers a { width: 111px;background-position: -281px 0; } #navpublic li.teachers a:hover, #navpublic li.teachers a:focus, #navpublic li.teachers a:active, #navpublic li.teachers a.selected {background-position: -281px -56px; }
#navpublic li.blog a { width: 70px;background-position: -392px 0; } #navpublic li.blog a:hover, #navpublic li.blog a:focus, #navpublic li.blog a:active, #navpublic li.blog a.selected { background-position: -392px -56px; }
#navpublic li.signup a { width: 90px;background-position: -462px 0; } #navpublic li.signup a:hover, #parent li.signup a:focus, #navpublic li.signup a:active, #navpublic li.signup a.selected { background-position: -462px -56px; }
#navpublic li.buy a { width: 136px;background-position: -552px 0; } #navpublic li.buy a:hover, #navpublic li.buy a:focus, #navpublic li.buy a:active, #navpublic li.buy a.selected { background-position: -552px -56px; }
#navpublic li.play a { width: 109px;background-position: -688px 0; } #navpublic li.play a:hover, #navpublic li.play a:focus, #navpublic li.play a:active, #navpublic li.play a.selected { background-position: -688px -56px; }

#shopnav { overflow: hidden; list-style: none; width: 150px; margin: 0px 0 0 0px; padding: 0;  }
   #shopnav li { float: left; }
    #shopnav li a { overflow: hidden; float: left;  height: 40px; background: url(/css/images/nav-shop-bg.png) no-repeat; text-indent: -10001px; }
    #shopnav li.shop a {width: 123px;background-position: 0px 0px; height: 35px;  } #shopnav li.shop a:hover, #shopnav li.shop a:focus, #shopnav li.shop a:active, #shopnav li.shop a.selected  { background-position: -140px 0px; }
    #shopnav li.video a { width: 123px;background-position: 0 -35px; } #shopnav li.video a:hover, #shopnav li.video a:focus, #shopnav li.video a:active,  #shopnav li.video a.selected { background-position: -140px -35px; }
    #shopnav li.game a { width: 123px;background-position: 0 -75px; } #shopnav li.game a:hover, #shopnav li.game a:focus, #shopnav li.game a:active, #shopnav li.game a.selected { background-position: -140px -75px; }
    #shopnav li.extras a { width: 123px;background-position: 0 -115px; } #shopnav li.extras a:hover, #shopnav li.extras a:focus, #shopnav li.extras a:active, #shopnav li.extras a.selected { background-position: -140px -115px; }
    #shopnav li.search a { width: 123px;background-position: 0 -155px;display:none; } #shopnav li.search a:hover, #shopnav li.search a:focus, #shopnav li.search a:active, #shopnav li.search a.selected { background-position: -140px -155px; }
    * html #shopnav li a { background-image: url(/css/images/nav-shop-bg.png); }
    #shopnav li em { position: absolute; left: -10001px; top: -10001px; } 
#content { overflow: hidden; width: 800px; margin: 0; padding: 0;border-top:solid 1px #000; }
#contentc { overflow: visible; width: 800px; margin: 0; padding: 0;border-top:solid 1px #000;hieght:800px; }
 #contentb { overflow: hidden; width: 100%; margin: 0; padding: 0;border-top:solid 1px #000; background-color:#111;}
  #header { margin-bottom:20px; background-color:#111; display:block; text-align:center; height:50px;border-top:solid 1px #000;}
   #header h1 { display:none;}
   #header h2 { margin-top: 15px; color: #0cf; text-align:center; }
    #headerpublic {padding-top:15px;padding-bottom:15px; margin-bottom:0px; background-color:#111;  color: #666; display:block; text-align:center;border-top:solid 1px #000;border-bottom:solid 2px #000;}
   #headerpublic h1 { display:none;}
   #headerpublic h2 { display:inline; }
#headerpublic h2 a { margin-top: 15px; color: #666; text-align:center; }
#headerpublic h2 a.selected { margin-top: 15px; color: #0cf; text-align:center; }

  #main { float: right; width: 480px;margin-right:30px; }
  #main-shop { float: right; width: 650px; }
  #side { float: left; width: 225px; }
  #side-shop { float: left; width: 150px;}
 #footer { padding: 30px 0; background: url(/css/images/background-b.jpg) 50% 100% no-repeat; color: #888; text-align: center;clear:both; }
   #footer a { color: #888; text-decoration: none; }
   #footer a:hover,
   #footer a:focus,
   #footer a:active { color: #bbb; text-decoration: none; }
  #footer h2 { width: 178px; height: 24px; margin: 0 auto 20px; background: url(/css/images/footer-seek-a.png) no-repeat; text-indent: -10001px; }
  #footer p { font-size: 0.9em; }

 #footer-a { padding: 30px 0; background: url(/css/images/background-b.jpg) 50% 0% no-repeat; color: #888; text-align: center; }
   #footer-a a { color: #888; text-decoration: none; }
   #footer-a a:hover,
   #footer-a a:focus,
   #footer-a a:active { color: #bbb; text-decoration: none; }
  #footer-a h2 { width: 178px; height: 24px; margin: 0 auto 20px; background: url(/css/images/footer-seek-a.png) no-repeat; text-indent: -10001px; }
  #footer-a p { font-size: 0.9em; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { color: #0cf; line-height: 1.2; }
h1 { color: #fff; font-size: 3.4em; font-weight: normal; text-transform: uppercase; text-shadow: #33d8ff 0 1px 20px; }
h2 { font-size: 1.8em; font-weight: normal; text-transform: uppercase;  }
h3 { font-size: 1.8em; font-weight: normal; text-transform: uppercase; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; text-transform: uppercase; }

h2.a { text-transform: uppercase; }
h3.a { color: #fff; font: 1.8em/1.2 Helvetica,Arial,sans-serif; text-transform: none; }
h4.a { font-size: 1.4em; text-transform: uppercase; }

/* containers */

div.agent-a { position: relative; overflow: hidden; margin: 0 0 15px; padding: 5px 53px 10px 0; background: url(/css/images/sep-a.gif) -3px 100% repeat-x; }
* html div.agent-a { overflow: visible; height: 1%;}
 div.agent-a p.image { float: left; width: 50px; margin: 0 -50px 0 0; }
  div.agent-a p.image img { float: left; border: 1px solid #333; }
  div.agent-a p.image a:hover img,
  div.agent-a p.image a:focus img,
  div.agent-a p.image a:active img { border-color: #555; }
 div.agent-a h3 { margin: 7px 0 5px 70px; color: #0cf;  font-weight: normal; }
 div.agent-a h4 { margin: 7px 0 5px 70px; color:#ccc; font-size: 1.2em; font-weight: normal; }
  div.agent-a h4 strong { color: #0fc; }
  div.agent-a h4 a { font-weight: bold; }
  div.agent-a h4 small { font-size: 0.83em;color:#999; }
 div.agent-a p { margin: 0 0 0 70px; font-size: 1em;color:#999; }
 div.agent-a p.seal { position: absolute; right: 0; top: 2px; margin: 0; padding: 0; }
  div.agent-a p.seal strong { display: block; width: 53px; height: 53px; background-repeat: no-repeat; text-indent: -10001px; }
  div.agent-a p.seal strong.gold { background-image: url(/css/images/seal-gold-a.png); }
  div.agent-a p.seal strong.locked { background-image: url(/css/images/button-locked.jpg);}
  div.agent-a p.seal strong.go { background-image: url(/css/images/button-go.jpg);}
  div.agent-a p.seal strong.available { background-image: url(/css/images/button-available.jpg);}
  div.agent-a p.seal strong.complete { background-image: url(/css/images/button-complete.jpg);}
  div.agent-a p.seal strong.new { background-image: url(/css/images/button-new.jpg);}
a div.agent-a:hover{
cursor:hand; text-decoration:none;
} 

 div.agent-b { position: relative; overflow: hidden; margin: 0px; padding: 12px 5px 5px 0; border-bottom:solid 4px #000; }
  div.agent-b span{ display:block;float:left;width:80px; font-size:1.4em; text-align:center;}
  div.agent-b span.agent{ width:120px;margin-left:25px;  text-align:left;color:#00ccff;}
div.agent-b span.agent a{color:#00ccff;}
  div.agent-b span.rank{ width:40px;color:#00ccff;font-weight:bold; }
  div.agent-b span.change{ width:60px;position:relative; }
  div.agent-b span.change .changeup{width:15px;height:15px;background: url(/css/images/rank-change.png) 0px 0px no-repeat;position:absolute;top:4px;left:45px;}
  div.agent-b span.change .changedown{width:15px;height:15px;background: url(/css/images/rank-change.png) 0px -15px no-repeat;position:absolute;top:4px;left:45px; }
  div.agent-b span.change .nochange{float:right; width:15px;height:15px;background: url(/css/images/rank-change.png) 0px -30px no-repeat; }
  div.agent-b span.score{ width:140px; }
  div.agent-b span.gold{ width:60px;margin-top:-3px; }
  div.agent-b span.played{ width:100px; font-size:1em;margin-left:30px;margin-top:3px; }

  div.rankme { position: relative; overflow: hidden; margin: 0px; height:62px;width:585px; background:url(/css/images/rank-me.png) 0px 0px no-repeat;margin-bottom:20px;) }
  div.rankme span{ display:block;float:left;width:80px; font-size:1.4em; text-align:center;margin-top:30px;}
  div.rankme span.agent{ width:90px;margin-left:25px;  text-align:left;margin-top:10px;}
  div.rankme span.rank{ width:50px;text-align:left;color:#00ccff; font-size:1.6em;margin-top:28px;}
  div.rankme span.change{ width:130px;position:relative;font-size:1.6em;margin-top:28px; }
  div.rankme span.change .changeup{width:15px;height:15px;background: url(/css/images/rank-change.png) 0px 0px no-repeat;position:absolute;top:4px;left:75px;}
  div.rankme span.change .changedown{width:15px;height:15px;background: url(/css/images/rank-change.png) 0px -15px no-repeat;position:absolute;top:4px;left:75px; }
  div.rankme span.change .nochange{float:right; width:15px;height:15px;background: url(/css/images/rank-change.png) 0px -30px no-repeat; }
  div.rankme span.score{ width:90px; text-align:left;}
  div.rankme span.gold{ width:60px;margin-top:27px; }
  div.rankme span.played{ width:100px; font-size:1em;margin-left:30px;margin-top:33px; }

div.agents-list-a { padding: 5px 0 0; background: url(/css/images/sep-a.gif) -3px -3px repeat-x; }
 div.agents-list-a div.agent-a { margin: 0 0 5px; }
  
div.add-comment-a { position: relative; margin: 0 0 30px; padding: 0 0 5px 70px; background: url(/css/images/sep-a.gif) -3px 100% repeat-x; }
* html div.add-comment-a { height: 1%; }
 div.add-comment-a p.image { position: absolute; left: 0; top: 0; }
  div.add-comment-a p.image img { border: 2px solid #333; }
  div.add-comment-a p.image a:hover img,
  div.add-comment-a p.image a:focus img,
  div.add-comment-a p.image a:active img { border-color: #555; }
 div.add-comment-a p.message { }
  div.add-comment-a p.message textarea { overflow: auto; width: 400px; padding: 4px; border: 1px solid #ccc; }
 div.add-comment-a div.go { overflow: hidden; width: 100%; }
  div.add-comment-a div.go div.rate { float: left; padding: 5px 0 0; }
   div.add-comment-a div.go div.rate ul.rating-a { float: left; }
   div.add-comment-a div.go div.rate p { float: left; color: #999; }
    div.add-comment-a div.go div.rate p strong { font-weight: normal; }
  div.add-comment-a div.go p.submit { float: right; }
   div.add-comment-a .button { display: block; width: 170px; height: 23px; margin: 0; padding: 0; border: none; background: url(/css/images/buttons-a.png) 0 -23px no-repeat; text-indent: -10001px; }
  
div.box-a { margin: 0 0 15px; padding: 4px 0 0; background: url(/css/images/badge-a-bg.png) no-repeat; }
 div.box-a-outer { padding: 0 0 8px; background: url(/css/images/badge-a-bg.png) -225px 100% no-repeat; }
  div.box-a-inner { overflow: hidden; width: 205px; padding: 11px 5px 1px 15px; background: #1e1e1e; }
   div.box-a h4 { margin: 0 0 7px; color: #a7de00; font-size: 1.4em; text-transform: uppercase; }
   
div.box-a-badge { position:absolute; top:63px; left:442px; width:362px; height:86px; overflow:hidden; background: #1e1e1e url(/css/images/profile.png) 100% 0px no-repeat;}
 div.box-a-badge div.box-a-inner {  }
   div.box-a-badge p.image { display: inline; float: left; width: 57px; margin: 14px 7px 0px 15px; }
    div.box-a-badge p.image img { float: left; border:solid 2px #0ff; }
    div.box-a-badge p.image a:hover img,
    div.box-a-badge p.image a:focus img,
    div.box-a-badge p.image a:active img { border:solid 2px #cf0; }
    div.box-a-badge a { color: #0ff !important; }
div.box-a-badge a:hover { text-decoration:none;}
div.box-a-badge .status { display:block;font-size:10px;color:#ccc !important;line-height:1.2em !important; }
       div.box-a-badge h3 a:hover { color: #cf0 !important; padding:0px;margin:0px; }
     div.box-a-badge h3{color: #0ff;padding:0px;margin:0px;margin-top:2px;line-height:1em; margin-top:14px;font-size:16px;}
div.box-a-badge .tokens{position:absolute;top:14px;left:315px;text-align:right; color:#ffcc00;font-size:1.2em;}

div.box-a-media { }
 div.box-a-media div.box-a-inner { background: #1e1e1e url(/css/images/badge-a-stamp.png) 100% 70% no-repeat; }
   div.box-a-media h5 { margin: 0 0 2px; color: #00d7df; font-size: 1.2em; }
    div.box-a-media h5 a { color: #00d7df; }
   div.box-a-media ul { list-style: none; margin: 0 0 10px; padding: 0; }
    div.box-a-media ul li { font-size: 1em; }

div.box-b { margin: 0 0 30px; padding: 0 10px; }
div.box-c { margin: 0 0 30px; padding: 0 10px; }
div.box-c h3{ color:#ccc;}
div.box-c a{ color:#ccc;}
div.box-shop { margin: 0; padding: 0; }
div.box-shop h3{ color:#ccc;}
div.box-shop a{ color:#ccc;}
	
div.comments-a { }
 div.comments-a h4 { }
 div.comments-a p.paging-a { float: right; margin: -33px 0 0; }
 
div.comment-a { position: relative; margin: 0 0 30px; padding: 0 0 0 70px; }
* html div.comment-a { height: 1%; }
 div.comment-a p.image { position: absolute; left: 0; top: 0; }
  div.comment-a p.image img { border: 2px solid #333; }
  div.comment-a p.image a:hover img,
  div.comment-a p.image a:focus img,
  div.comment-a p.image a:active img { border-color: #555; }
 div.comment-a p.date { float: right; }
 div.comment-a p.author { margin: 0 0 5px; padding: 0 0 3px; border-bottom: 1px solid #292929; }
 div.comment-a blockquote { margin: 0; padding: 0; line-height: 1.3; }
  div.comment-a blockquote p { font-size: 1.2em; }
 div.comment-a ul.options { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0 0 1px; }
  div.comment-a ul.options li { float: left; height: 1em; padding: 0 8px; border-left: 1px solid #585858; font-size: 1em; line-height: 1em; }
  div.comment-a ul.options li:first-child,
  div.comment-a ul.options li.first { padding-left: 0; border-left: none; }
   div.comment-a small { color:#999; font-size:.8em; }

.small { color:#999; font-size:.8em; }
	
div.controls-a { overflow: hidden; width: 100%; margin: 0 0 15px; }
div.controls-a p.paging-a { float: right; margin: 0; padding: 2px 0 0; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 0px solid #ccc; }
 
/* lists */

ul.clean-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.clean-a li { margin: 0 0 7px; }

ul.clean-b { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.clean-b li { margin: 0 0 3px; }
  ul.clean-b li a { color: #fff; }
  ul.clean-b li a:hover,
  ul.clean-b li a:focus,
  ul.clean-b li a:active { color: #fff; text-decoration: underline; }

ul.clean-c { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.clean-c li { margin: 0 0 2px; }
  ul.clean-c li a { color: #ccc; }
  ul.clean-c li a:hover,
  ul.clean-c li a:focus,
  ul.clean-c li a:active { color: #fff; text-decoration: underline; }

ul.featured-a { overflow: hidden; list-style: none; width: 501px; margin: 0 0 0 -21px; padding: 0; }
ul.featured-a + h3 { margin-top: 15px; }
 ul.featured-a li { display: inline; float: left; width: 145px; margin: 0 0 0 21px; padding: 0 0 20px;height: 170px; }
  ul.featured-a li img { display: block; margin: 0 0 -7px; }
  ul.featured-a li strong { display: block; margin-bottom: -15px; color: #0fc; font-size: 1.09em; }
  
ul.featured-public { overflow: hidden; list-style: none; width: 800px; margin: 0 0 0 -31px; padding: 0; }
ul.featured-public + h3 { margin-top: 15px; }
 ul.featured-public li { display: inline; float: left; width: 160px; margin: 0 7px 0 31px; padding: 0 0 20px;height: auto; }
  ul.featured-public li img { display: block; margin: 0 0 0px; }
  ul.featured-public li strong { display: block; margin-bottom: 0px;margin-top: 10px; color: #0cf; font-size: 1.09em; font-weight:normal; }

ul.categorynav-a { list-style: none; margin: 0 0 30px; padding: 0; }
 ul.categorynav-a li { margin: 0 0 7px; }
  ul.categorynav-a li a { display: block; overflow: hidden; width: 216px; height: 30px; text-indent: -10001px; }
ul.categorynav-a li a:hover { background-position: -216px 0; }
ul.categorynav-a li a.selected{ background-position: -216px 0; }
 
.entrypage ul.featured-public { overflow: hidden; list-style: none; width: 800px; margin: 0 0 0 0px; padding: 0; }
.entrypage ul.featured-public li { display: inline; float: left; width: 260px; margin: 0;margin-left: 5px;margin-bottom: 5px; padding: 0;height: 260px; }
.entrypage  ul.featured-public li img { display: block; margin: 0 0 0px; }
  
ul.featured-shop { overflow: hidden; list-style: none; width: 680px; margin: 0 0 0 -21px; padding: 0; }
ul.featured-shop + h3 { margin-top: 15px; }
 ul.featured-shop li { display: inline; float: left; width: 145px; margin: 0 0 0 21px; padding: 0 0 20px;height: 170px; }
  ul.featured-shop li img { display: block; margin: 0 0 -7px; }
  ul.featured-shop li strong { display: block; margin-bottom: -15px; color: #0fc; font-size: 1.09em; }
  
ul.logos-a { list-style: none; margin: 0 0 30px; padding: 0; text-align: center; }
 ul.logos-a li { display: -moz-inline-stack; display: inline-block; padding: 0 10px; vertical-align: middle; }
 * html ul.logos-a li { display: inline; zoom: 1; }
 *:first-child+html ul.logos-a li { display: inline; zoom: 1; }
  
ul.nav-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.nav-a li { display: -moz-inline-stack; display: inline-block; padding: 0 10px; border-left: 1px solid #888; font-size: 1em; line-height: 11px; }
 * html ul.nav-a li { display: inline; zoom: 1; }
 *:first-child+html ul.nav-a li { display: inline; zoom: 1; }
 ul.nav-a li:first-child,
 ul.nav-a li.first { border-left: none; }
  
ul.photos-a { overflow: hidden; list-style: none; width: 212px; margin: 0 0 6px -9px; padding: 0; }
 ul.photos-a li { float: left; padding: 0 0 9px 9px; }
  ul.photos-a li img { float: left; border: 2px solid #00a286; }
  ul.photos-a li a:hover img,
  ul.photos-a li a:focus img,
  ul.photos-a li a:active img { border-color: #32c6ac; }
  
ul.avatars-a { overflow: hidden; list-style: none; width: 500px; margin: 0 0 6px -9px; padding: 0; }
 ul.avatars-a li { float: left; padding: 0 0 9px 9px; }
  ul.avatars-a li img { float: left; border: 2px solid #00a286; }
  ul.avatars-a li a:hover img,
  ul.avatars-a li a:focus img,
  ul.avatars-a li a:active img { border-color: #32c6ac; }  
  
ul.rating-a { position: relative; overflow: hidden; list-style: none; width: 95px; height: 16px; margin: 0; padding: 0 12px 0 0; background: url(/css/images/rating-b.png) no-repeat; }
 ul.rating-a li { }
  ul.rating-a li a { position: absolute; left: 0; top: 0; height: 16px; background: url(/css/images/rating-b.png) 0 16px no-repeat; text-indent: -10001px; }
  ul.rating-a li a:hover { background-position: 0 -16px; }
  ul.rating-a li.r1 a { z-index: 15; width: 14px; }
  ul.rating-a li.r2 a { z-index: 14; width: 35px; }
  ul.rating-a li.r3 a { z-index: 13; width: 55px; }
  ul.rating-a li.r4 a { z-index: 12; width: 75px; }
  ul.rating-a li.r5 a { z-index: 11; width: 95px; }
  
/*** rating elements ***/
.rate
{
	width:125px;
	padding-top:5px;
}
.ratingTool
{

}
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    margin-right: 2px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar {
    background-image: url(/images/rating/FilledStar.gif);
}
.emptyRatingStar {
    background-image: url(/images/rating/EmptyStar.gif);
}
.savedRatingStar {
    background-image: url(/images/rating/FilledStar.gif);
}
/*** rating elements ***/    
 
/* paragraphs */

p.buttons-a { text-align: right; }

p.intro-a { color: #fff; font-size: 1.2em; }

p.intro-b { color: #fff; font-size: 1.3em; }

p.more-a { color: #fff; font-size: 0.9em; }
 p.more-a a { color: #fff; }
 p.more-a a:hover,
 p.more-a a:focus,
 p.more-a a:active { color: #fff; text-decoration: underline; }

p.paging-a { margin: 0 0 15px; color: #555; }
 p.paging-a a { color: #555; }
 p.paging-a a.next, p.paging-a a.prev { display: -moz-inline-stack; display: inline-block; overflow: hidden; width: 15px; height: 15px; background: url(/css/images/paging-a.png) no-repeat; text-indent: 15px; vertical-align: middle; }
 * html p.paging-a a.next { display: inline; }
 * html p.paging-a a.prev { display: inline; }
 *:first-child+html p.paging-a a.next { display: inline; }
 *:first-child+html p.paging-a a.prev { display: inline; }
 p.paging-a a.next { background-position: -15px 0; }
 p.paging-a a.prev:hover,
 p.paging-a a.prev:focus,
 p.paging-a a.prev:active { background-position: 0 -15px; }
 p.paging-a a.next:hover,
 p.paging-a a.next:focus,
 p.paging-a a.next:active { background-position: -15px -15px; }
 p.paging-a a:hover,
 p.paging-a a:focus,
 p.paging-a a:active { color: #aaa; text-decoration: none; }
 p.paging-a span.step { color: #000; padding: 0 1px; }
 p.paging-a .strong,
  p.paging-a .strong a,
  p.paging-a a .strong { color: #0fc !important; }
 
p.rating-a { overflow: hidden; width: 71px; height: 12px; background: url(/css/images/rating-a.png) no-repeat; }
 p.rating-a span { display: block; overflow: hidden; width: 0; height: 12px; background: url(/css/images/rating-a.png) 0 -12px no-repeat; text-indent: -10001px; }
 p.rating-a span.r1 { width: 11px; }
 p.rating-a span.r2 { width: 26px; }
 p.rating-a span.r3 { width: 41px; }
 p.rating-a span.r4 { width: 56px; }
 p.rating-a span.r5 { width: 71px; }
 
/* links */

a.favorites-a { display: -moz-inline-stack; display: inline-block; overflow: hidden; width: 170px; height: 23px; background: url(/css/images/buttons-a.png) no-repeat; text-align: left; text-indent: -10001px; }
* html a.favorites-a { display: inline; }
*:first-child+html a.favorites-a { display: inline; }
 
/* other */

.sep-a { margin-bottom: 30px !important; }

/* ELEMENTS
------------------------------------------- */
.home { background: #000 url(/css/images/background-d.jpg) 50% 110px no-repeat; }
.home #top-b { position: relative; width: 100%; height:auto;border-top:solid 1px #000;}
   .home #logo-b { margin-left: 110px; margin-top: 60px; width: 550px; height: 100px; background: url(/css/images/logo-b.png) no-repeat;}
   .home #logo-b a { display:block;width: 528px; height: 100px; text-indent: -10001px; }
   .home #login {position: absolute;left: 440px; top: 190px; width: 500px; }
.home #signup {position: absolute;left: 130px; top: 223px; width: 216px;height:126px; background: url(/css/images/NoAccount.png) no-repeat; }
   .home #login h1 { overflow: hidden; width: 446px; height: 57px; margin: 0 0 10px -13px; background: url(/css/images/h-seek-your-own-a.png) no-repeat; text-indent: -10001px; }
    .home #login p { width: 240px; padding: 0 10px 0 0; color: #fff; font-size: 1.4em; }
     .home #login label { display: block; overflow: hidden; width: 150px; height: 16px; margin: 0 0 5px; background: url(/css/images/login-labels-a.png) no-repeat; text-indent: -10001px; }
     .home #login p.password label { background-position: 0 -16px; }
     .home #login p input { width: 185px; padding: 4px; border: 1px solid #888; }
    .home #login p.submit { padding: 0px 0 0 0; }
     .home #login p .buttonsubmit { display: block; overflow: hidden; width: 216px; height: 27px; margin: 0; padding: 0; border: none; background: url(/css/images/button-signin.jpg) no-repeat; font-size: 0; text-indent: -10001px; }
     .home #login p .buttonsubmit:hover,
     .home #login p .buttonsubmit:focus,
     .home #login p .buttonsubmit:active { }
     .home #login p small {font-size: .7em; }
      .home #login p a{color:#00dee3;}
     .home #login .errrormsg{width:100%; color:#00dee3;}
   .home #login p.intro { color: #0dffd4; font-size: 2.4em; line-height: 1.1; width: 500px; }
.home #content{position: absolute; top: 432px; width: 800px;border:none;}
.home #footer{position: absolute; top: 700px; width: 800px;}


.entrypage { background: #000 url(/css/images/background-a.jpg) 50% 0 no-repeat; font-size: 62.5%; }
.entrypage #root { padding:0; }
 .entrypage #top { margin: 30px 0 0px; height:200px;  }
  .entrypage #launch { position: absolute; left: 265px; top: 410px; width: 700px; }
  .entrypage #logo{display:none;}
    .entrypage #launch a {margin-right:30px;}

   .entrypage #login {position:relative;background: url(/css/images/home-panel-login.jpg) no-repeat;width: 260px; height: 260px;padding: 0;margin: 0; }
.entrypage #signup {position:absolute; left:0px; top:218px; width:200px; height:40px; }
   .entrypage #login p { width: 240px; padding: 0; margin: 0; color: #fff; font-size: 1em;  }
     .entrypage #login label { display: block; overflow: hidden; width: 150px; height: 14px; margin: 0 0 1px; background: url(/css/images/login-labels-a.png) no-repeat; text-indent: -10001px; }
     .entrypage #login p.password label { background-position: 0 -16px; margin-top:5px; }
.entrypage p.codename {  }
     .entrypage #login p input { width: 185px; padding: 4px; border: 1px solid #888; }
    .entrypage #login p.submit { padding: 5px 0 0 0; }
     .entrypage #login p .buttonsubmit { display: block; overflow: hidden; width: 216px; height: 27px; margin: 0; padding: 0; border: none; background: url(/css/images/button-signin.jpg) no-repeat; font-size: 0; text-indent: -10001px; }
     .entrypage #login p .buttonsubmit:hover,
     .entrypage #login p .buttonsubmit:focus,
     .entrypage #login p .buttonsubmit:active { }
     .entrypage #login p small {font-size: .8em; }
      .entrypage #login p a{color:#00dee3;}
     .entrypage #login .errrormsg{width:100%; color:#00dee3;}
   .entrypage #login p.intro { color: #0dffd4; font-size: 2.4em; line-height: 1.1; width: 500px; }

#challenge { position: relative; width: 889px; height: 600px; magin:0 auto; }
#alert { width:500px; height:300px; background-color: #000; /*background: url(/css/images/background-popup.gif) repeat; */ }
#upgrade { width:600px; height:480px; background: url(/css/images/background-popup.gif) repeat; }
    
/* FANCYBOX 
------------------------------------------- */

html, body { height: 100%; }
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(/css/images/fancy_progress.png) no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #fff; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url(/css/images/fancy_loading.gif) no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 32px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #000; }
div#fancy_content { position: relative; margin: 0; z-index: 100; width: 100%; height: 100%; overflow:hidden; }
div#fancy_div { background: #000; color: #fff; height: 100%; width: 100%; z-index: 100;background-color: #000; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -6px; height: 30px; width: 30px; background: url(/css/images/fancy_closebox.png) top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; background-color: #000; }
#fancy_ajax { overflow: hidden; background-color:#000; }
* html div#fancy_ajax {  }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url(/css/images/fancy_left.png) no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url(/css/images/fancy_right.png) no-repeat; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url(/css/images/fancy_shadow_n.png) repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(/css/images/fancy_shadow_ne.png) no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url(/css/images/fancy_shadow_e.png) repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(/css/images/fancy_shadow_se.png) no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url(/css/images/fancy_shadow_s.png) repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(/css/images/fancy_shadow_sw.png) no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url(/css/images/fancy_shadow_w.png) repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(/css/images/fancy_shadow_nw.png) no-repeat; }
div#fancy_title { position: absolute; bottom: -32px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #fff; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(/css/images/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(/css/images/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(/css/images/fancy_title_right.png) repeat-x; }

.errrormsg{width:100%; color:red;}

.autocompleteCompletionListElement {border:solid 1px #333;background-color:#000; width:150px;margin:0;padding:0; overflow:hidden; z-index:1000;}
li.autocompleteCistItem{color:#ccc !important;line-height: 1.5em;margin:0;padding:0;background-color:#333;}
li.autocompleteHighlightedListItem{color:#ccc !important; line-height: 1.5em;margin:0;padding:0;background-color:#666;}

.avatarSelect{border:solid 2px #1ec1e9 !important;margin:2px;padding:2px;}
.avatarUnselect{border:solid 2px #000 !important;margin:2px;padding:2px; filter: alpha(opacity=40);
-moz-opacity: 0.40;
opacity: 0.40;}
.avatarUnselect:hover{border:solid 2px #fff !important;margin:2px;padding:2px;filter: alpha(opacity=99);
-moz-opacity: 0.99;
opacity: 0.99;}

.watermarked{color:#999;background-color:#fff;border:solid 1px #fff;}

.randomizer{color:#ccc;color:#fff;font-size: 1.1em;}
.randomizer label{color:#0cf;font-size: 1.1em; line-height:2.5em;}
.randomizer input{font-size: 1.1em; line-height:2.5em; width:250px; margin-right:10px;}
.randomizer span{color:#0fc;font-size: 1.1em; width:250px}
.randomizer small{color:#888;font-size:.9em;}

.box-d{position:relative;height:50px;background-color:#333333;margin-bottom:20px;}
.box-d .left{float:left; font-size:1.1em;margin-top:10px;margin-left:20px}
.box-d .right{float:right;margin-top:10px;margin-right:20px}

.status{font-size:1.2em;color:#fff;}
.updatestatus, .updatestatus:hover{color:#9a5256;}
.blog p{margin-bottom:10px !important;}

.tooltip {
display:none;
background:transparent url(/css/images/microdot_reader.png);
background-repeat:no-repeat;
font-size:12px;
height:75px;
width:160px;
overflow:hidden;
padding-top:35px;
padding-left:45px;
padding-right:60px;
color:#3afaf5;	
z-index:28;
}

#payalert{
background:url("/css/images/membership-reminder-tab-bg.gif") repeat-x scroll 0 0  transparent;
height:61px;
z-index:100;
bottom:0;
width:100%;
left:0;
position:fixed;
text-align:center;
}
#payalert img{
width:509px;
height:61px;
z-index:100;
margin-left:auto;
}
img.alignright{float:right;margin-left:20px;margin-bottom:20px;}


























































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */