@charset "utf-8";
/* CSS Document */

body {
background: url(/images/quizzem/top_bg.jpg) repeat-x top left #fff;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #646464;
}

#wrapper {

}

.push {

}

#thefooter {
height: 244px;
background: url(/images/quizzem/bottom_bg.jpg) repeat-x;
width: 100%;
margin-top: 15px;
}

#everything {
width: 941px;
margin: auto;
}

#theheader {
height: 97px;
}

.toplogo {
width: 236px;
height: 97px;
float: left;
}

.topright {
width: 606px;
float: right;
height: 97px;
}

.toplinks {
text-align: right;
color: #789f44;
font-size: 18px;
height: 59px;
}

.toplinks a {
font-size: 12px;
color: #789f44;
font-weight: bold;
}

.path {
padding-top:5px;
text-align: left;
color: #789f44;
font-size: 14px;
height: 15px;
}

.path a {
font-size: 12px;
color: #789f44;
font-weight: bold;
}

.typelinks {
padding-top:5px;
text-align: left;
color: #789f44;
font-size: 14px;
height: 15px;
}

.typelinks a {
font-size: 12px;
color: #789f44;
font-weight: bold;
}

.typelinks .selected  {
font-size: 12px;
color: #000000;
font-weight: bold;
}

.registerinput  a {
font-size: 12px;
color: #789f44;
font-weight: bold;
}

.topbuttons {
float: left;
height: 38px;
}

.clear {
clear: both;
}

a {
text-decoration: none;
color: #646464;
}

a:hover {
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, form {
margin: 0;
padding: 0;
}

h1, h2, h3, h4 {
color: #171719;
}

h1 {
font-size: 24px;
}

ul li {
list-style-type: none;
margin: 0;
padding: 0;
}

ul {
margin: 0;
padding: 0;
}

.quiz p {
margin-top: 8px;
margin-bottom: 7px;
}

.pagetitle {
float: left;
width: 606px;
margin-top: 15px;
}

.subtext {
font-size: 14px;
font-weight: bold;
}

.searchbox {
float: right;
width: 233px;
margin-top: 35px;
}

.searchinput {
background: url(/images/quizzem/search_input.jpg) no-repeat;
border: none;
height: 20px;
width: 164px;
padding: 6px 4px 2px;
float: left;
}

.searchbutton {
float: right;
}

.col1 {
float: left;
width: 616px;
margin-top: 10px;
margin-bottom: 15px;
}

.col2 {
float: right;
width: 303px;
margin-top: 10px;
margin-bottom: 15px;
}

.col3 {
float: left;
width: 616px;
margin-top: 5px;
margin-bottom: 15px;
}

.col4 {
float: right;
width: 303px;
margin-top: 5px;
margin-bottom: 15px;
}

#insidefooter {
width: 941px;
margin: auto;
font-size: 12px;
}

#insidefooter h4 {
font-size: 14px;
margin-top: 10px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}

.orange {
color: #fd9e24;
}

.green {
color: #789f44;
}

span.green a{
	text-decoration: none;
	color: #789f44;
}

span.green a:hover{
	text-decoration: underline;
}

.gray {
color: #646464;
}

.footcats {
float: left;
width: 390px;
}

.footcats ul {
float: left;
margin-right: 10px;
width: 120px;
}

.footcats2 {
float: left;
width: 125px;
margin-left: 35px;
}

.bottomlogo {
float: left;
width: 235px;
height: 69px;
padding-top: 40px;
margin-left: 130px;
}

.footlinks {
float: right;
width: 100px;
}

.bigorange {
width: 617px;
background: url(/images/quizzem/big_orange_bg.jpg) repeat-y top left;
}

.bigorangetop {
width: 617px;
background: url(/images/quizzem/big_orange_top.jpg) no-repeat top left;
}

.bigorangebottom {
width: 597px;
background: url(/images/quizzem/big_orange_bottom.jpg) no-repeat bottom left;
padding: 10px;
}

.central {
text-align: center;
}

.widget {
width: 303px;
height: 198px;
background: url(/images/quizzem/widgetbox.jpg) no-repeat;
text-align: center;
}


.widget p {
padding-left: 10px; padding-right: 10px;
}

.create {
float: left;
width: 140px;
margin-right: 40px;
margin-left: 10px;
font-size: 12px;
color: #789f44;
}

.earn {
float: left;
width: 165px;
margin-right: 40px;
font-size: 12px;
color: #789f44;
}

.redeem {
float: left;
width: 195px;
font-size: 12px;
color: #789f44;
}

.bigreen {
font-size: 30px;
font-weight: bold;
color: #789f44;
}

.create li, .earn li, .redeem li {
color: #646464;
list-style-image: url(/images/quizzem/littlearrow.jpg);
margin-left: 20px;
margin-top: 2px;
}

.arrows {
margin-top: 15px;
margin-bottom: 15px;
}

.getstarted {
text-align: right;
margin-bottom: 10px;
}

.widget h2 {
color: #3c3c3c;
padding-top: 10px;
}

.orangesub {
font-weight: bold;
color: #fd9e24;
}

.quiztype {
float: left;
width: 75px;
margin-left: 21px;
margin-top: 23px;
}

.quiztype a {
font-weight: bold;
}

.quiztype a:hover {
text-decoration: none;
}

.mini {
font-size: 10px;
}

.activetab {
color: #789f44;
font-weight: bold;
font-size: 24px;
}

.inactivetab {
color: #789f44;
font-weight: bold;
}

.popularheader {
background: #9ccd5a;
padding: 5px;
color: #fff;
font-size: 14px;
font-weight: bold;
}

.popularbox {
padding: 5px;
border: 1px solid #9ccd5a;
}

.quizname {
float: left;
width: 280px;
margin-right: 5px;
}

.creator {
float: left;
width: 120px;
margin-right: 5px;
}

.qp {
float: left;
width: 100px;
margin-right: 5px;
}

.rating {
float: left;
width: 80px;
}

.desc {
float: left;
width:210px;
}

.col4 h3 {
color: #789f44;
}

.leaderbox_top {
height: 9px;
width: 303px;
background: url(/images/quizzem/big_green_top.jpg) no-repeat top left;
}

.leaderbox_bottom {
height: 9px;
width: 303px;
background: url(/images/quizzem/big_green_bottom.jpg) no-repeat bottom left;
}

.leaderbox_bg {
width: 303px;
background: url(/images/quizzem/big_green_bg.jpg) repeat-y top left;
}

.whiterow {
padding-bottom: 10px;
}

.grayrow {
padding-bottom: 10px;
background: url(/images/quizzem/green_and_gray.jpg) repeat-y;
}


.thumb {
width: 46px;
height: 46px;
float: left;
margin-left: 10px;
border: 1px solid #333;
margin-top: 8px;
}

.leadername {
font-weight: bold;
float: left;
margin-left: 10px;
width: 100px;
padding-top: 15px;
margin-right: 10px;
}

.leaderpoints {
font-size: 16px;
font-weight: bold;
float: left;
width: 100px;
padding-top: 13px;
}

.recentprizes {
width: 190px;
float: left;
margin-right: 15px;
background: url(/images/quizzem/small_green_bg.jpg) repeat-y;
margin-top: 20px;
}

.recentop {
height: 9px;
width: 190px;
background: url(/images/quizzem/small_green_top.jpg) no-repeat top left;
}

.recentbottom {
height: 9px;
width: 190px;
background: url(/images/quizzem/small_green_bottom.jpg) no-repeat bottom left;
}

.recentprizemid {
padding-left: 17px;
font-size: 14px;
}

.recentfloat {
float: left;
width: 46px;
}

.recentfloat2 {
float: left;
margin-right: 10px;
margin-left: 10px;
text-align: center;
width: 40px;
padding-top: 10px;
font-weight: bold;
}

.recentfloat2-nobold {
float: left;
margin-right: 10px;
margin-left: 10px;
text-align: center;
width: 40px;
padding-top: 10px;
}

.recentfloat2-nobold  a{
	font-weight:bold;
}

.registercol {
width: 370px;
float: left;
margin-top: 20px;
margin-bottom: 30px;
}

.termscol {
width: 438px;
float: left;
margin-left: 50px;
margin-top: 20px;
margin-bottom: 30px;
}

.registertop {
height: 20px;
width: 370px;
background: url(/images/quizzem/register_top.jpg) no-repeat top left;
}

.loginerror {
background: url(/images/quizzem/register_bg.jpg) repeat-y top left;
width: 370px;
color:#FF0000; 
text-align:center;
font-size:10px;
}

.registerbottom {
height: 17px;
width: 370px;
background: url(/images/quizzem/register_bottom.jpg) no-repeat bottom left;
}

.registermid {
width: 370px;
background: url(/images/quizzem/register_bg.jpg) repeat-y top left;
}

.termstop {
width: 438px;
height: 7px;
background: url(/images/quizzem/terms_top.jpg) no-repeat top left;
}

.termsbottom {
width: 438px;
height: 7px;
background: url(/images/quizzem/terms_bottom.jpg) no-repeat bottom left;
margin-bottom: 15px;
}

.termsbg {
width: 438px;
background: url(/images/quizzem/terms_bg.jpg) repeat-y;
padding: 10px;
height: 200px;
overflow: auto;
font-size: 11px;
}

.agree {
margin-left: 120px;
padding-top: 5px;
}

.left_menu_a {
color:#C80000;
font-weight: bold;
}

.finallyregister {
margin-left: 160px;
margin-top: 15px;
}

.registerlabel {
float: left;
margin-left: 15px;
width: 80px;
color: #333;
padding-top: 5px;
}

.errorlabel, .invalid {
float: right;
padding-right: 40px;
width: 235px;
text-align: right;
padding-bottom: 5px;
color:#FF0000; 
font-size:10px;
}

.registerinput {
float: left;
}

.input {
background: url(/images/quizzem/text_input.jpg) no-repeat;
width: 225px;
height: 20px;
border: 0;
padding: 6px;
}

.is_required, .vemail, .vpasswordconfirm, .vpassword, .vname{
background: url(/images/quizzem/text_input.jpg) no-repeat;
width: 225px;
height: 20px;
border: 0;
padding: 6px;
}

.signin_btn {
width: 100px;
float: right;
margin-right: 40px;
}

.allright {
margin-top: 15px;
text-align: right;
}
.quizpiccolumn {
width: 75px;
float: left;
}

.quizinfocolumn {
float: left;
width: 375px;
}

.takequizpiccolumn {
width: 100px;
float: left;
}

.takequizinfocolumn {
float: left;
width: 660px;
}

.takequizbannercolumn {
float: right;
width: 160px;
}

.takequizresultcolumn {
float: left;
width: 500px;
}

.textarea_class {
width: 271px;
height: 108px;
background: url(/images/quizzem/text_area.jpg) no-repeat;
border: 0;
padding: 4px;
}

.textarea_class_2 {
width: 271px;
height: 62px;
background: url(/images/quizzem/text_area_2.jpg) no-repeat;
border: 0;
padding: 4px;
}

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

.twohalf {
width: 450px;
float: right;
}

.clear2 {
clear: both;
padding-bottom: 20px;
}

.buildlabel_q {
float: left;
width: 80px;
font-weight: bold;
padding-top: 5px;
margin-bottom: 3px;
}

.buildinput_q {
width: 335px;
float: left;
margin-bottom: 3px;
}

.question {
width: 325px;
height: 20px;
padding: 4px;
background: url(/images/quizzem/quiz-question.jpg) no-repeat;
border: none;
}

.buildselect {
float: left;
width: 80px;
padding-top: 3px;
margin-top: 3px;
}

.buildlabel_a {
float: left;
width: 80px;
padding-top: 5px;
margin-top: 5px;
}

.buildinput_a {
width: 335px;
float: left;
margin-top: 3px;
margin-bottom: 3px;
}

.answer {
width: 325px;
height: 20px;
padding: 4px;
background: url(/images/quizzem/quiz-answer.jpg) no-repeat;
border: none;
}

.buildquiz {
width: 600px;
}

.rightnext {
padding-left: 330px;
}

.dashcol1, .dashcol2 {
width: 303px;
float: left;
margin-right: 15px;
}

.dashcol3 {
width: 286px;
float: left;
}

.colspacer {
height: 15px;
}

.qptotal {
font-size: 48px;
font-weight: bold;
color: black;
}

.your_active_quizzes {
font-size: 10px;
}

.active_1, .active_2 {
width: 13px;
}

.active_3 {
width: 100px;
}

.active_4 {
width: 30px;
text-align: center;
}

.active_5 {
width: 50px;
text-align: center;
}

.active_6 {
width: 50px;
}

span.publish_status0  a {
	color:#000000;
}

.askingquestion {
margin-bottom: 15px;
}

.underliner {
border-bottom: 1px solid #ccc;
font-weight: bold;
}

.leadercol {
float: left;
width: 303px;
margin-top: 15px;
margin-bottom: 15px;
margin-right: 5px;
}

.leaderrating {
font-weight: bold;
float: left;
margin-left: 10px;
width: 200px;
padding-top: 5px;
}

.prizeshop_left {
float: left;
width: 600px;
margin-top: 15px;
}

.prizeshop_left h2 {
border-bottom: 1px solid #333;
margin-top: 15px;
}

.prizeshop_right {
float: right;
width: 280px;
margin-top: 15px;
}

.individualprize {
border-bottom: 1px dotted #666;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom: 5px;
padding-top: 5px;
}

.prizepic {
width: 55px;
height: 55px;
float: left;
margin-right: 10px;
}

.prizename {
float: left;
width: 420px;
font-size: 30px;
font-weight: bold;
color: #ff8f00;
}

.prizedesc {
font-size: 14px;
color: #333333;
}

.prizecost {
float: left;
width: 110px;
font-size: 16px;
text-align: center;
font-weight: bold;
}

.cartpic {
width: 55px;
height: 55px;
float: left;
margin-right: 10px;
margin-left: 5px;
}

.cartname {
width: 125px;
float: left;
font-size: 16px;
font-weight: bold;
padding-top: 10px;
}

.cartqp {
font-size: 13px;
font-weight: normal;
}

.cartquant {
float: right;
font-size: 11px;
width: 60px;
margin-right: 5px;
}

.cartitem {
border-bottom: 1px dotted #666;
padding-bottom: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
}

.cartitem-last {
padding-bottom: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
}

.addmore, .addmore a {
color: #ff8f00;
font-size: 20px;
}

.gray-line {
	border-bottom:1px solid #B7B7B7;
	margin-bottom: 5px;
	margin-top: 2px;
}

/* message box */
div#message_box, div.bonus, div.error, div.neutral, div.success  {
    width: auto;
    margin: 0px 10px 10px 10px;
}

div#message_box p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

div#message_box ul {
	padding: 5px 5px 5px 5px;
}

div.bonus {
    border: 2px solid #D0D0D0;
    background: #FFFDE3;
}

div.bonus p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

div.error {
    border: 2px solid #F45949;
    background: #FDE2DF;
}

div.error p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

div.neutral {
    border: 2px solid #999999;
    background: #DFDFDF;
}

div.neutral p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

div.success {
    border: 2px solid #00C060;
    background: #DEF7C6;
}

div.success p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

/**************** About User ******************************/

.about-user-label {
	float: left;
	margin-left: 15px;
	width: 170px;
	color: #333;
	padding-top: 5px;
}

.about-user-data {
	float: left;
	font-size: 12px;
	color: #789f44;
	font-weight: bold;
	padding-top: 5px;
}


.about-user-title {
	margin-left: 15px;
	/* width: 170px; */
	color: #333;
	padding-top: 5px;
	text-align: center;
}

.about-user-title-data {
	float: left;
	font-size: 12px;
	color: #789f44;
	font-weight: bold;
	padding-top: 5px;
	margin-left: 15px;
}

/*** PrizeShop ***/
.prizecol1 {
	width:13px;
}

.prizecol2 {
	width:150px;
}

.prizecol3 {
	width:65px;
}

.prizecol4 {
	width:80px;
}

.pruzecol5 {
	width:80px;
}
.odd { background: none; }
.even {
    background: #f5f5f5;
    /*border-bottom: 2px solid #e6e6e6;*/
}
.your_purchases {
	width:410px;
	font-size: 11px;
	border:2px solid #9ACF59;
}

.askingquestion {
border: 1px solid #eee;
padding: 10px;
-webkit-border-radius: 5px;    /* for Safari */
-moz-border-radius: 5px;       /* for Firefox */
}

.bigorangebottom .askingquestion {
border: 0;
}

.takequizpiccolumn {
margin-right: 15px;
}

.prizeshop_right {
margin-top: -40px;
}

#recaptcha_widget_div {
margin-left: 25px;
}
/*dialog*/

.disable_masking
{
	z-index: 6001;
	position: absolute;
	display: none;
	background-color: #DEF7C6;
	border: 3px solid #789f44;
	padding: 10px;
}
.closebutton, .myclosebutton
{
	float: right; padding-right: 5px; padding-top: -5px; text-align: right;
}

.closebutton a { color: #000000; font-weight: bold; text-decoration: none;}
.closebutton a:hover { color: #F45949; text-decoration: none;}

.data
{
	width:100%;
	padding-top:10px;
   font-size: 12px;
   text-align: center;
}
.viewsiurce
{
	background-color: #F0F0F0;
	border: 2px dashed #000;
	padding: 20px;
	color: #006633;
	font-size: 15px;
}
/*********************************/