* {
  margin: 0;
  padding: 0;
}
a {
  color: #0B4499;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
p {
  margin-bottom: 14px;
}
dl 
{
    margin-bottom: 14px;
}
dd 
{
    margin-bottom: 5px;
}
dt 
{
    font-weight: bold;
}
ul 
{
    margin-bottom: 14px;
    list-style: none;
}
ul li 
{
    padding-left: 15px;
    margin-bottom: 5px;
    background: url(../img/site/bullet-green-star.gif) no-repeat 0 1px;
}
em 
{
    font-weight: bold;
    font-style: normal;
}
input, select, textarea
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}
body {
  text-align: center;
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
  color: #666;
}
table 
{
  font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}
#canvas {
  width: 750px;
  margin: 0 auto;
  text-align: left;
}
.nl #canvas 
{    
  background: url(../img/site/canvasbg-nl.gif) no-repeat top left;
}
.fr #canvas 
{    
  background: url(../img/site/canvasbg-fr.gif) no-repeat top left;
}
#header { 
  height: 145px;
  position: relative;
}
#breadcrumbs {
  padding: 7px 20px;
  border: 1px solid #ccc;
  border-width: 0 0 1px 0;
  margin-bottom: 15px;
}
#content-left {
  width: 450px;
  float: left;
}
#content-right {
  width: 275px;
  float: right;
}
.clearleft {
  clear: left;
}
.clearboth {
  clear: both;
}
#content {
  margin-bottom: 20px;
}
#footer 
{
  background: url(../img/site/footerbg.jpg) repeat-x top left;
  padding: 20px;
  padding-top: 20px;
}
* html #footer {
  padding-top: 10px;
}
#footer-left {
  width: 345px;
  float: left;
}
#footer-right 
{
    float: right;
  width: 345px;
}
#copyright {
  text-align: center;
  border: 1px solid #ccc;
  border-width: 1px 0 0 0;
  padding-top: 5px;
  margin-bottom: 20px;
  clear: left;
}
#copyright a {
  color: #666;
}
ul.urls, ul.questions, .questiongroup ul {
  list-style: none;
  margin-bottom: 10px;
}
ul.urls li, ul.questions li, .questiongroup ul li {
  list-style: none;
  line-height: 17px;
  margin-bottom: 5px;
}
.questiongroup ul li 
{
    margin-bottom: 15px;
}
.questioninfo 
{
    font-size: 10px;
}
ul.questions li {
  background: url(../img/site/bullet-green-star.gif) no-repeat 0 4px;
  padding-left: 18px;
}
.block {
  margin-bottom: 25px;
}
h2 {
  font-size: 18px;
  padding-bottom: 10px;
  border: 1px solid #ccc;
  border-width: 0 0 1px 0;
  margin-bottom: 10px;
}
#content-left h3 {
  font-size: 16px;
  margin-bottom: 15px;
}
#content-left h4 {
  font-size: 12px;
  margin-bottom: 15px;
  font-weight: bold;
}

.questiongroup-wrapper {
  background: url(../img/site/rcbluetop.gif) no-repeat top left;
  background-color: #CFDAEB;
}

.questiongroup {
  background: url(../img/site/rcbluebot.gif) no-repeat bottom left;
  padding:15px;
  margin-bottom: 2px;
}

.questiongroup h2, .question h2 {
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 0;
  border-width: 0;
}

.questiongroup li {
  min-height: 50px;
  margin-bottom: 10px;
  background: url(../img/site/bullet-questionmark.gif) no-repeat top left;
  padding-left: 40px;
}

* html .questiongroup li { /* IE min-height HACK */
  height: 50px;
}

.questiongroup li a {
  font-weight: bold;
}

#footer h2 {
  font-size: 15px;
  margin-bottom: 10px;
}

.pointer  {
  background: url(../img/site/bullet-pointer.gif) no-repeat 0 1px;
  padding-left: 15px; 
}

.pointer-rev  {
  background: url(../img/site/bullet-pointer-rev.gif) no-repeat 0 1px;
  padding-left: 15px; 
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height: 1.2em;
	letter-spacing: -0.15em;
}
.sIFR-hasFlash #content-left h3 {
	visibility: hidden;
	line-height: 1.2em;
	letter-spacing: -0.15em;
}
.sIFR-hasFlash .questiongroup h2, .sIFR-hasFlash .question h2 {
	visibility: hidden;
	line-height: 1.2em;
	letter-spacing: -0.15em;
}
.sIFR-hasFlash #footer h2 {
	visibility: hidden;
	line-height: 1.2em;
	letter-spacing: -0.15em;
}
/* TEMPORARY */

ul ul { padding-left: 30px; margin-bottom: 15px; }

.whizzkidofthemonthpic { float: left; margin-right: 15px; border: 1px solid #ccc; padding: 2px; }

.clearleft { clear: left; }

.whizzkids { width: 100%; }
.whizzkidsleft, .whizzkidsright  { width: 50%; padding-bottom: 15px;  }

.whizzkidprofilepic { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc; padding: 2px; }

#questionfilter
{
    border: 1px solid #fff;
    border-width: 1px 0;
    padding: 5px 0;
}

.pager 
{
    border: 1px solid #ccc;
    border-width: 1px 0;
    padding: 5px 0;
    width: 100%;
    margin-bottom: 20px;
}

.pager .details 
{
    width: 50%;
    float: left;
}
.pager .buttons 
{
    width: 50%;
    text-align: right;
    float: right;
}

.pager .previous, .pager .next
{
    font-weight: bold;
    text-decoration: underline;
}

.pager .next
{
  background: url(../img/site/bullet-pointer.gif) no-repeat center right;
  padding-right: 15px; 
}

.pager .previous
{
  background: url(../img/site/bullet-pointer-rev.gif) no-repeat center left;
  margin-right: 5px;
  padding-left: 15px; 
}



#map { border: 1px solid #ccc; margin-bottom: 25px; }

.whybecomeawebstar 
{
    list-style: none;
    margin-bottom: 14px;
}

.whybecomeawebstar li {
  min-height: 30px;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 12px;
}

* html .whybecomeawebstar li { /* IE min-height HACK */
  height: 30px;
}

.whybecomeawebstar li.item1 
{
  background: url(../img/site/bullet-one.gif) no-repeat top left;
}

.whybecomeawebstar li.item2 
{
  background: url(../img/site/bullet-two.gif) no-repeat top left;
}

.whybecomeawebstar li.item3 
{
  background: url(../img/site/bullet-three.gif) no-repeat top left;
}

.form table 
{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 14px;
    border-width: 0;
}
.form table th 
{
    width: 25%;
    font-weight: bold;
    text-align: right;
}
.form table th, .form table td 
{
    padding: 5px;
    vertical-align: top;
}
.formtext 
{
    width: 85%;
}
.formtextsmall
{
    width: 25%;
}
ul#nav 
{
    position: absolute;
    top: 99px;
    left: 0;
}
ul#nav li 
{
    float: left;
    padding: 0;
    margin: 0;
}
ul#nav li a 
{
    display: block;
    height: 40px;
    text-indent: -10000px;
    overflow: hidden;
}
body.nl ul#nav .btnHome a 
{
    width: 108px;
    background: url(../img/site/nav/nl/home.gif);
}
body.nl ul#nav .btnQAndA a 
{
    width: 107px;
    background: url(../img/site/nav/nl/q-and-a.gif);
}
body.nl ul#nav .btnWebstars a 
{
    width: 107px;
    background: url(../img/site/nav/nl/webstars.gif);
}
body.nl ul#nav .btnBeNearYou a 
{
    width: 108px;
    background: url(../img/site/nav/nl/be-near-you.gif);
}
body.nl ul#nav .btnHowItWorks a 
{
    width: 107px;
    background: url(../img/site/nav/nl/how-it-works.gif);
}
body.nl ul#nav .btnRegister a 
{
    width: 107px;
    background: url(../img/site/nav/nl/register.gif);
}
body.nl ul#nav .btnLogin a 
{
    width: 105px;
    background: url(../img/site/nav/nl/login.gif);
}
body.nl ul#nav .btnMypage a 
{
    width: 212px;
    background: url(../img/site/nav/nl/mypage.gif);
}
body.fr ul#nav .btnHome a 
{
    width: 108px;
    background: url(../img/site/nav/fr/home.gif);
}
body.fr ul#nav .btnQAndA a 
{
    width: 107px;
    background: url(../img/site/nav/fr/q-and-a.gif);
}
body.fr ul#nav .btnWebstars a 
{
    width: 107px;
    background: url(../img/site/nav/fr/webstars.gif);
}
body.fr ul#nav .btnBeNearYou a 
{
    width: 108px;
    background: url(../img/site/nav/fr/be-near-you.gif);
}
body.fr ul#nav .btnHowItWorks a 
{
    width: 107px;
    background: url(../img/site/nav/fr/how-it-works.gif);
}
body.fr ul#nav .btnRegister a 
{
    width: 107px;
    background: url(../img/site/nav/fr/register.gif);
}
body.fr ul#nav .btnLogin a 
{
    width: 105px;
    background: url(../img/site/nav/fr/login.gif);
}
body.fr ul#nav .btnMypage a 
{
    width: 212px;
    background: url(../img/site/nav/fr/mypage.gif);
}
body.nl ul#nav li a:hover, body.fr ul#nav li a:hover 
{
    background-position: bottom left;
}
body.nl ul#nav li.active a, body.fr ul#nav li.active a 
{
    background-position: center left;
}
.loginstatus 
{
    position: absolute;
    right: 10px;
    top: 80px;
    font-size: 10px;
}
.switchtolistview a
{
    display: block;
    height: 31px;
    line-height: 31px;
    vertical-align: 31px;
    font-weight: bold;
    padding-left: 40px;
    background: url(../img/site/icon-list.png) no-repeat center left;
    float: left;
   }
.switchtomapview a
{
    display: block;
    height: 31px;
    line-height: 31px;
    vertical-align: 31px;
    font-weight: bold;
    padding-left: 40px;
    background: url(../img/site/icon-map.png) no-repeat center left;
    float: left;
   }
.whizzkidsfilter 
{
    margin-left: 225px;
    margin-bottom: 25px;
}

.locateonmap 
{
    border: 1px solid #ccc;
    border-width: 1px 0;
    padding: 5px 0;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.whizzkidprofilefullpic { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ccc; padding: 2px; }

.moreprofileinfo { clear: left; }





.question-wrapper {
  background: url(../img/site/rcbluetop.gif) no-repeat top left;
  background-color: #CFDAEB;
}

.question {
  background: url(../img/site/rcbluebot.gif) no-repeat bottom left;
  padding:15px;
  margin-bottom: 2px;
}
.answer-wrapper {
  background: url(../img/site/rcgraytop.gif) no-repeat top left;
  background-color: #F0F0F0;
}

.answer {
  background: url(../img/site/rcgraybot.gif) no-repeat bottom left;
  padding:15px;
  margin-bottom: 2px;
}

.mapcloud 
{
    width: 250px;
    font-size: 10px;
}
.mapcloud-title
{
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-width: 0 0 1px 0;
}
.mapcloud-pic 
{
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
    padding: 2px;
}

#content-left .answer h4, #content-left .comment h4 
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.answertext, .commenttext 
{
    margin-bottom: 15px;
}

.answertext-1, .answertext-2, .answertext-3, .commenttext  {
  min-height: 50px;
  margin-bottom: 10px;
  padding-left: 40px;
}

.commenttext 
{
  background: url(../img/site/bullet-exlamationmark.gif) no-repeat top left;
}
.answertext-1 
{
  background: url(../img/site/bullet-whizzkid-1.gif) no-repeat top left;
}
.answertext-2
{
  background: url(../img/site/bullet-whizzkid-2.gif) no-repeat top left;
}
.answertext-3 
{
  background: url(../img/site/bullet-whizzkid-3.gif) no-repeat top left;
}

* html .answertext, * html .answertext  { /* IE min-height HACK */
  height: 50px;
}

.summaryinfo 
{
    margin-top: 15px;
}
.welcomeblockwhizzkidlevel 
{
    float: right;
}

.inboxmessage 
{
    
    border: 1px solid #ccc;
    border-width: 0 0 1px 0;
    margin-bottom: 5px;
}
#content-left .inboxmessage h4  
{
    margin-bottom: 5px;
}

#content-left .searchbox h2 
{
    border-width: 0;
    margin-bottom: 0;
}
.searchbox 
{
    margin-bottom: 15px;
}
.searchphrase  
{
    width: 325px;
    margin-right: 10px;
}
.btnselectwinninganswer 
{
  background: url(../img/site/icon-question-closed.gif) no-repeat 0 1px;
  padding-left: 20px; 
  margin-bottom: 25px;
  margin-left: 20px;
}
.questiongroup .pager 
{
    border-color: #fff;
    margin-bottom: 10px;
}
.whizzkidstats 
{
    width: 100%;
    border-collapse: collapse;
    border-width: 0;
}
.whizzkidstats td, .whizzkidstats th
{
    border: 1px solid #eee; 
    padding: 3px 5px;
    border-bottom-color: #ccc;
}

.whizzkidstats th 
{
    font-size: 10px;
    font-weight: bold;
}