root {
    display: block;
}

body {
    background-repeat: repeat;
    background: #1f3655;
    margin: 0;
    padding: 0;
    text-align: center;
}

h1 {
    color: #ffffff;
    font-size: 17px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none;
    padding-top: 4px;
    text-align: center;
}

h2 {
    color: #ffffff;
    font-size: 17px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none;
    padding-top: 4px;
    text-align: center;
}

h3 {
    color: #555555;
    font-size: 16px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none;
    padding-top: 2px;
}

.quwrapper {
    width: 930px;
    margin: 0 auto;
    text-align: left;
    background: #ffffff;
}

.qutopgap {
    width: 930px;
    height: 20px;
    background: #1f3655;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 3px;
}

.qutopgap h1 {
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma;
    text-align: center;
    width: 100%;
}

.quwhitebar {
    width: 930px;
    background: #ffffff;
    height: 3px;
    clear: both;
}

.quheaderbar {
    width: 930px;
    height: 113px;
    background: url(https://s3.amazonaws.com/Quizopolis/siteimages/headerfull.jpg);
}

.quleftheader {
    width: 600px;
    float: left;
}

.qurightheader {
    width: 330px;
    float: right;
}

.qutopnavbar {
    width: 930px;
    height: 52px;
    background-color: #fac20d;
}

.quadbar {
    width: 930px;
    background: #ffffff;
    height: 90px;
    text-align: center;
}

.qutoptextnav {
    color: #304968;
    font-size: 17px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding-top: 14px;
}

.qucontentheader {
    width: 930px;
    height: 35px;
    background: url(/images/ket_4dlong-930.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.qucontentmainarea {
    width: 930px;
    background: url(/images/rep_2dlong-930.jpg) repeat-y;
    background-position: center;
    text-align: center;
}

.quloginform {
    margin-left: 200px;
    text-align: center;
    width: 400px;
}

.quloginformotherlinks {
    margin-left: 150px;
}

.quloginformforgotpasswordtext {
    margin-left: 50px;
}

.qucontentfooter {
    width: 930px;
    height: 3px;
    background: url(/images/bot_4d-930.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.qusubheaderbar {
    width: 930px;
    height: 1px;
    background: url(/images/bottom_2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    margin-bottom: 20px;
}

.qufooterbar {
    width: 930px;
    height: 47px;
    background: url(/images/bottom_2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    margin-bottom: 20px;
}

.qufooterlinks {
    padding-top: 10px;
    color: #464646;
    font-size: 11px;
    font-family: tahoma;
    text-decoration: none
}

.qufooterlinksrow {
    padding-top: 0px;
    margin-top: 2px;
    line-height: 11px;
}

.qunewaccountlinklogin {
    text-align: center;
    font-weight: bold;
}

.querrormessage {
    color: red;
}

.qucatouter {
    width: 250px;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    margin-left: 10px;
}

.qucatouternamepage {
    width: 250px;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
}

.qucatimage {
    width: 62px;
    float: left;
}

.qucattext {
    width: 188px;
    height: 62px;
    float: left;
    background-color: #EBEBEB;
    text-align: left;
}

/* Old Style stuff */

#wrapper {
    width: 930;
    margin: 0 auto;
    text-align: left;
}

.categoryboxouter {
    background-image: url(images/t_2.jpg);
    background-position: bottom;
    background-repeat: no-repeat
}

.categoryboxinner {
    background-image: url(images/t_1.jpg);
    background-position: top;
    background-repeat: no-repeat
}

.style1 {
    color: #464646;
    font-size: 11px;
    font-family: tahoma;
    text-decoration: none
}

.style2 {
    color: #304968;
    font-size: 11px;
    font-family: tahoma;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none
}

.style3 {
    color: #555555;
    font-size: 11px;
    font-family: tahoma;
}

.christmaselflink {
    padding-top: 0px;
    padding-bottom: 4px color: #555555;
    font-size: 18px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none;
    margin-right: 10px;
    background: #ffffff;
    border: 1px solid #bbbbbb;
    text-align: center;
}

.christmaselflink a {
    text-decoration: none;
}

.valentinenamelink {
    padding-left: 11px;
    padding-top: 0px;
    padding-bottom: 14px color: #555555;
    font-size: 18px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 8px;
    background: #ffffff;
    border: 1px solid #000000;
    margin-right: 5px;
}

.contentitem {
    color: #555555;
    font-size: 11px;
    font-family: tahoma;
    padding-left: 23px;
    padding-top: 5px;
}

.style6 {
    color: #0054A6;
    font-size: 11px;
    font-family: tahoma;
    font-weight: bold;
    text-transform: uppercase;
}

.style7 {
    color: #555555;
    font-size: 11px;
    font-family: tahoma;
    font-weight: bold;
    text-transform: uppercase;
}

.style15 {
    color: #ffffff;
    font-size: 17px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none
}

.toptextnav {
    color: #304968;
    font-size: 17px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none
}

.toptextnavhalloween {
    color: #FE7E00;
    font-size: 17px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none
}

.toptextnavchristmas {
    color: red;
    font-size: 17px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none
}

.style16 {
    color: #ff0000;
    font-size: 11px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none
}

.style17 {
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma;
    padding-left: 25px;
    padding-top: 10px;
    text-decoration: none

}

.style19 {
    color: #ffffff;
    font-size: 12px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none;
}

.style20 {
    color: #555555;
    font-size: 15px;
    font-family: tahoma;
}

.style21 {
    color: #000000;
    font-size: 17px;
    font-family: tahoma;
    font-weight: bold;
    text-decoration: none
}

.style22 {
    color: #555555;
    font-size: 17px;
    font-family: tahoma;
    font-weight: bold;
}

.style23 {
    color: #555555;
    font-size: 11px;
    font-family: tahoma;
    font-weight: bold;
}

.fade-box2 {
    margin-left: 10px;
    width: 260px;
    height: 135px;
    color: #FFFFFF;
    font-size: 11px;
    font-family: tahoma;
    font-weight: normal;
    text-transform: none
}

.contentboxtop {
    background-image: url(images/t_1.jpg);
    background-position: top;
    background-repeat: no-repeat
}

.contentboxbottom {
    background-image: url(images/t_2.jpg);
    background-position: bottom;
    background-repeat: no-repeat
}

.frontcontentlink {
    color: #0054A6;
    font-size: 11px;
    font-family: tahoma;
    font-weight: bold;
}

.frontcontentlinkbox {
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11px;
    font-family: tahoma;
}

#crossfade-container {
    margin: 0px 0px 0px 10px;
    width: 325px;
    height: 135px;
    background: url(images/grad_2.jpg);
}

#box-1 {

}

#fronttitle h1 {
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma;
    text-align: center;
    width: 100%;
}

.userheaderbox {
    margin-top: 17px;
    margin-left: 30px;
    padding-top: 5px;
    text-align: center;
    width: 250px;
    height: 85px;
    background-color: #ffffff;
    border: 3px #c0c0ff solid;
}

.creatorinfobox {
    background-color: #EBEBEB;
    border: 1px solid #BBC7CE;
    width: 400px;
    padding-top: 2px;
    padding-left: 3px;
    padding-bottom: 2px;

}

.maintable {
    background-repeat: repeat;
    background-position: top center;
    height: 100%;
    background-image: url(/images/til_1.jpg);
}

.leftcolumn {
    width: 187px;
    background-color: #EBEBEB;
    border-top: 5px;
    margin-right: 5px;
}

.leftmainnav {
    width: 157px;
    height: 20px;
    background-image: url(/images/rep_1.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
}

.leftmainnavbullet {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
}

.mainleftnav {
    padding-left: 12px;
    padding-top: 8px;
    padding-bottom: 4px;
    background-color: #83CAF9;
}

.mainleftnavitem {
    width: 150px;
    padding-left: 16px;
    padding-bottom: 3px;
    padding-top: 3px;
    background: url('/images/point_1.jpg') no-repeat center left;
    margin: 0px;
}

.mainleftnavitem a {
    color: #304968;
    font-size: 11px;
    font-family: tahoma;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none
}

.maincontainer {
    width: 900px;
}

.maincontleft {
    width: 575px;
    float: left;
    text-align: left;
}

.maincontright {
    width: 315px;
    float: right;

}

.questioncount {
    font-size: 24px;
    font-family: 'Droid Sans', tahoma;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
}

.questioncontainer {
    background-color: #C6D8F0;
    color: #000000;
    border: 1px solid #4381CD;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 8px;

}

.questionq {
    font-size: 20px;
    font-family: 'Droid Sans', tahoma;
    margin-left: 50px;
    margin-top: 20px;
}

.surveyquestionq {
    font-size: 20px;
    font-family: 'Droid Sans', tahoma;
    margin-top: 20px;
    text-align: center;
}

.questionchoicecontainer {
    margin-top: 15px;
}

.surveyquestionchoicecontainer {
    margin-top: 15px;
    text-align: center;
}

.questionchoice {
    font-size: 18px;
    font-family: 'Droid Sans', tahoma;
    margin-top: 3px;
    margin-left: 50px;
}

.questionsubmit {
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
}

.questionsubmit input {
    font-size: 14px;
    font-family: 'Droid Sans', tahoma;
}

.quleftrailemail {
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma;
    text-decoration: none;
    text-align: center;

}

.logincontainer {
    width: 400px;
    margin-left: 265px;
    text-align: center;
}

#websurveyanswers {
    text-align: center;
    margin-top: 30px;
}

#sharediv {
    text-align: center;
    margin-top: 30px;
}

.headerrightouter {
    padding-left: 30px;
    padding-top: 17px;
}

.headerrightinner {
    padding-top: 5px;
    text-align: center;
    width: 250px;
    height: 68px;
    background-color: #ffffff;
    border: 3px #c0c0ff solid;
}

.fbloginbutton {
    display: none;
    margin-top: 22px;
    margin-left: 50px;
    width: 150px;
    height: 20px;
    background: url('/images/facebook_signin.png') 0 -25px;
    cursor: pointer;
}

.fbloggedin {
    display: none;
}

#morepollslist p {
    font-size: 13px;
    font-weight: bold;
}

#morepollslist li {
    background-color: #CDCDCD;
    margin: 3px;
    padding: 3px;
    width: 450px;
}

#morepollslist li a {
    font-size: 12px;
    text-decoration: none;
}

.pollbox {
    background-color: #ffffff;
    border: 1px solid #000000;
    width: 320px;
}

.rightad {
    padding-left: 11px;
    padding-top: 5px;
    padding-bottom: 14px
}

.fronttodaysupdates {
    margin-left: 12px;
}

.maintriviacontleft {
    width: 600px;
    float: left;
    text-align: left;
}

.maintriviacontright {
    width: 300px;
    float: right;
}

.trivialistcontainer {
    background-color: #ffffff;
    color: #000000;
    margin-bottom: 8px;
    margin-left: 8px;

}

.trivialistitem {
    width: 584px;
    border: 1px #81A8B8 solid;
    height: 40px;
    margin-bottom: 2px;
}

.trivialistitemicon {
    background-color: #81A8B8;
    width: 40px;
    height: 40px;
    float: left;
    background-image: url('/images/triviaquestionmark.png');
    background-repeat: no-repeat;
    background-position: center;
}

.trivialistitemdetails {
    background-color: #E8F3F8;
    width: 400px;
    height: 40px;
    float: left;
    border-right: 1px #81A8B8 solid;
}

.trivialistitemstats {
    background-color: #DBE6EC;
    width: 143px;
    height: 40px;
    float: left;
}

.trivialistname {
    padding-left: 7px;
    padding-top: 4px;
    color:#000000;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
}

.trivialistdesc {
    padding-left: 7px;
    padding-top: 2px;
    color:#000000;
    font-family:arial;
    font-size:12px;
}

.trivialistyourscorelabel {
    color:#000000;
    font-family:arial;
    font-size:11px;
    text-align: center;
}

.trivialistyourscore {
    color: #89c403;
    font-family:arial;
    font-size:14px;
    font-weight: bold;
    text-align: center;
}

.trivialistretakelink {
    text-decoration: none;
    font-family:arial;
    font-size:11px;
}

.trivialistretakelinkcontainer {
    text-align: center;
}

.triviapagenav {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 150px;
}

.triviaquestion {
    font-weight: bold;
    font-family:arial;
    font-size:13px;
    padding-left: 50px;
    padding-top: 8px;
    padding-bottom: 2px;
}

.triviachoice {
    font-family:arial;
    font-size:13px;
    padding-left: 70px;
    padding-top: 1px;
}

.triviasubmitcontainer {
    padding-top: 10px;
    padding-left: 200px;
}

.triviascoreheader {
    font-weight: bold;
    font-family:arial;
    font-size:18px;
    padding-top: 20px;
    padding-left: 250px;
}

.triviascore {
    font-weight: bold;
    font-family:arial;
    font-size:32px;
    color: #89c403;
    padding-top: 10px;
    padding-left: 230px;
    padding-bottom: 20px;
}

.moretrivia {
    font-weight: bold;
    font-family: arial;
    font-size: 16px;
    padding-top: 20px;
    padding-left: 250px;
    padding-bottom: 10px;
}

.usertriviastats {
    width: 298px;
    background-color: #E8F3F8;
    border: 1px #81A8B8 solid;
    margin-bottom: 5px;
    text-align: center;
}

.usertriviastatsdesc {
    font-weight: bold;
    font-family: arial;
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 5px;
}

.triviaboxloginprompt {
    width: 298px;
    font-weight: bold;
    font-family: arial;
    font-size: 14px;
    color: #89c403;
    text-align: center;
    padding-bottom: 2px;
}

.usertriviastatstitle {
    width: 189px;
    font-weight: bold;
    font-family: arial;
    font-size: 14px;
    color: #89c403;
    text-align: right;
    float: left;
    padding-bottom: 2px;
 }

.usertriviastatsinfo {
    width: 98px;
    font-weight: bold;
    font-family: arial;
    font-size: 14px;
    color: #000000;
    text-align: left;
    float: left;
    padding-left: 11px;
    padding-bottom: 2px;
}

.taketriviabutton {
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#79bbff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528ecc;
    margin-top: 6px;
    margin-left: 18px;
}.classname:hover {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
     background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
     background-color:#378de5;
 }.classname:active {
      position:relative;
      top:1px;
  }

.pagebutton {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
    background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528009;
}.classname:hover {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
     background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
     background-color:#77a809;
 }.classname:active {
      position:relative;
      top:1px;
  }

/* This imageless css button was generated by CSSButtonGenerator.com */

.namecontainer {
    width: 420px;
    border: 1px solid #333333;
}

.resultsdiv {
    margin-bottom: 10px;
}

.socialbookmarks {
    margin-bottom: 10px;
}

.nameresultcontainer {
    width: 250px;
    border: 1px solid #333333;
    text-align: center;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

.nameimage {
    float: left;
    width: 90px;
    height: 90px;
    padding: 5px 5px 5px 5px;
}

.namegenshareonblog p {
    font-size: 14px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.namegenshareonblog textarea {
    text-align: left;
}

.nametext {
    text-align: center;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 20px 3px 3px 3px;
    float: left;
    width: 210px;
}

.nametextresult {
    font-size: 18px;
    font-weight: bold;
    color: green;
    padding-top: 8px;
=}

.nametextbold {
     font-weight: bold;
    padding-bottom: 2px;
}

.nameinput {
    width: 200px;
    text-align: center;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 3px 3px 3px 3px;
    float: left;
}

.nameradioinput {
    width: 200px;
    text-align: center;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 3px 3px 3px 3px;
}

.namesubmit {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.leftspacer {
    margin-top: 10px;
}

.leftrail {
    margin-right: 5px;
}

.signup-container {
    width: 600px;
    margin-left: 165px;
}

.login-container {
    width: 500px;
    margin-left: 215px;
}

.forgot-container {
    width: 550px;
    margin-left: 165px;
}

.error {
    color: red;
    margin-bottom: -15px;
}

.defaultcont {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.ci-namegencont h1 {
    color: #000000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 28px;
    margin-top: 7px;
}

.instructtext p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.nameimagemain {
    padding-left: 100px;
}

.cinameresultcontainer {
    text-align: center;
    width: 930px;
}

.cinameresultcontainer h1 {
    color: #000000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 28px;
    margin-top: 7px;
}

.cinameresultimage {
    width: 600px;
    float: left;
}

.cinameresultsshare {
    float: left;
    width: 330px;
    padding: 0px;
    margin: 0px;
}

.cinameresultsshare p {
    margin-top: 20px;
    color: #000000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.cimorestuffbox {
    border-radius: 5px;
    background-color: #fbef7e;
    border: 1px solid #3c3c3c;
    width: 295px;
    height: 110px;
    margin-left: 10px;
    float: left;
}

.cimorestuffboximage {
    width: 100px;
    margin: 5px;
    float: left;
}

.cimorestuffboxtext {
    width: 155px;
    margin: 5px;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    float: left;
}

.cisharebutton {
    height: 100px;
}

.ciquheaderbar {
    width: 930px;
    height: 113px;
    background: url(https://s3.amazonaws.com/Quizopolis/siteimages/headerfull.jpg);
    margin-top: 2px;
}

.ciqutopnavbar {
    width: 930px;
    height: 52px;
    background-color: #fac20d;
    margin-top: 2px;
}

.ciqutoptextnavbar {
    width: 930px;
    background: #ffffff;
    height: 90px;
    text-align: center;
    margin-top: 2px;
}

.qsocialnavcontainer {
    width: 100%;
    height: 25px;
    background-color: #c09853;
    border-bottom: 2px #c4e3f3 solid;
}

.qsocialnav {
    width: 620px;
    align: center;
    margin: 0 auto;

}

.qsovialnavitem {
    margin-top: 4px;
    margin-right: 10px;
    margin-left: 10px;
    float: left;
    color: #333333;
    font-weight: bold;
    font-family: Trebuchet MS;
    font-size: 12px;
}

.qsovialnavitem a {
    color: #1B1817;
    font-weight: bold;
}

.halloweencountdownfront {
    margin-left: -12px;
    padding-bottom: 5px;
}