/* =========================================================== Default styles */

* {
padding: 0;
margin: 0;
}

p {
font-size:14px;
}

body {
font-family: arial; 
background-color: #eee;
}

img { border: none; }

h1 {
color: black;
font-size: 24px;
margin: 0px 0 5px 0;
}

h2 {
color: black;
font-weight: bold;
font-size:  14px;
font-weight: normal;
color:#999;
}

a { font-weight: bold; }

a:hover {
text-decoration: underline;
font-weight: bold;
}

form {
   padding: 0px;
   margin: 0px;
}

.ad { padding-bottom: 15px; }

.clear {
clear: both;
height: 0;
line-height: 0;
padding: 0;
margin: 0;
}



/* =========================================================== Layout */

#wrapper {
width: 735px;
overflow: hidden;
background: #fff;
}

#content {
width: 705px;
margin-left: 15px;
}

#left-column {
width: 440px;
overflow: hidden;
float: left;
}

#right-column {
width: 250px;
overflow: hidden;
float: right;
}

#header { 
width: 705px;
overflow: hidden;
padding-bottom: 15px;
margin: 15px 0 0 15px;
}


#left-column p {line-height:140%;}

.status-bar {
width: 440px;
background: url(../images/misc/X-status-row-bg.gif) bottom left repeat-x;  
margin: 12px 0px 1px 0; 
height: 36px;
position: relative;
}

.status-bar p {
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
} 

.status-bar p.current-question {
position: absolute; 
top: 8px; 
left: 11px;
}

.status-bar p.current-score {
position: absolute; 
top: 8px; 
right: 11px;
}

.status-bar p.current-score span { color: blue; }
.status-bar p.current-question span { color: #111; }

#question { 
background: #f9f9f9 url(../images/misc/X-question-bg.gif) bottom left repeat-x;
width: 440px;
}

#question img.question-image {
padding: 6px;
background: #fff;
display: inline;
border: 1px solid #cdcdcd;
margin: 10px 10px 50px 10px; 
float: left;
}

#question p { padding: 15px 10px 10px 10px; }

#question p.main-question {
font-family: georgia;
font-size: 19px;
color: #111111;
padding: 15px 10px 15px 10px;
}

#question h3 { 
font-size: 16px;
padding: 15px 0 0 0; 
margin-bottom: 0;
}

/*
#question a, .btn {
color: white;
padding: 2px 5px 2px 5px;
text-decoration: none; 
font-weight: bold;
font-size: 15px;
background: #E50075;
text-align: center;
}
*/

#question .main-question span {  
margin-right: 5px; 
color: #111;
}

#left-column .main-comment { padding:5px 0; }

#left-column .main-comment span { 
color: #999; 
margin-right: 4px; 
text-transform: uppercase;
}

p.question-result {
font-size: 40px;
font-weight: bold;
text-align: center;
padding: 30px 0 30px 0 !important;
margin: 0 10px 0 10px;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
color: #333;
}

p.question-result span { color: #aaaaaa; }

p.comment span { font-weight: bold; }

/* the answer */

#left-column .the-answer span {
font-weight: bold; 
text-transform: uppercase; 
color: #999;
} 

#left-column form {
clear: both; 
padding: 10px 0px;  
float: left; 
width: 440px;
} 
/* Cancel button */
.butt-left {
   background:#666;
   float:left;
   margin: 0px 5px 5px 5px;
   padding: 3px;
   color: white;
   border-style: solid;
   border-color: #ececec;
   border-width: 1px;
   text-decoration: none; 
   font-weight:bold;
   font-size:16px;
   font-family: arial;
}
/* For OK buttons */
.butt-right {
   background:#111111;
   float:right;
   margin: 0px 5px 5px 5px;
   padding: 3px;
   color: white;
   border-style: solid;
   border-color: #ececec;
   border-width: 1px;
   text-decoration: none; 
   font-weight:bold;
   font-size:16px;
   font-family: arial;
}


#question-options { 
width: 100%; 
margin-bottom: 15px; 
list-style-type: none; 
padding: 0; 
}

#question-options li { 
padding: 6px 8px 5px 8px; 
font-size: 14px; 
}

#question-options input { margin-right: 10px; }

#question-options label { 
width: 100%; 
display: block; 
}

.oddrow { background: #ddd; }
.evenrow { background: #fff; }

.answer-input { 
width: 430px;
padding: 3px;
margin-bottom: 15px;
}

/* =========================================================== Result page */

.result-page-message h3 { 
font-size: 16px;
padding: 10px 0 0 0; 
}

.result-page-message p { 
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
}

.result-page-message .btn {
display: block;
width: 100px;
margin-top: 10px;
}

.result-page-message .btn:hover { text-decoration: none; }

.result-page-message form {
padding: 0 0 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}

.result-page-message form .subscribe-submit {
background: #aaaaaa;
border: none;
font-weight: bold;
color: #fff;
font-family: arial;
font-size: 14px;
padding: 2px 5px 2px 5px;
width: 115px;
}

.result-page-message form .subscribe { padding: 1px 5px 1px 5px; }
.result-page-message form .subscribe-submit:hover { cursor: pointer; } 

/* Input form fields */

.inmat {
color : black;
font-size: 12px;
}

/* For standard form buttons */

.butt {
   background:#111111;
   margin: 0px 5px 5px 5px;
   padding: 3px;
   color: white;
   border-style: solid;
   border-color: #ececec;
   border-width: 1px;
   text-decoration: none; 
   font-weight:bold;
   font-size:15px;
   font-family: arial;
}

.butt:hover { cursor: pointer; }


/* Table format for toplist tables */

.toprub {
font-weight: normal; 
background-color : #eeeeee;
margin: 0;
padding: 0px 10px 10px 5px;
}

.toprow1 {
background-color : #FAFAFA;
margin: 0;
padding: 0px 10px 0px 5px;
}

.toprow2 {
background-color: #f3f3f3;
margin: 0;
padding: 0px 10px 0px 5px;
}

.mytop {
color: blue;  
font-weight: bold; 
}

.topline {
background-color: #aaaaaa;
height: 1px;
}

/* Error messages - both system and user input */
.usrerr {
   color : red !important;
   font-weight: bold;
   font-size: 14px;
}

/* Information messages to user */
.usrmsg {
   color: blue; 
   font-style: italic;
   font-weight: bold;
   font-size: 14px;
   margin: 0px 10px 0px 10px;
   text-align: left;
}

.iframsubj {
   background-color: #ffffff;
   font-weight: bold;
   font-size: 14px;
   margin: 0px 0px 0px 0px;
   text-align: left;
}

.bottom {
   color: #999999;
   font-size: 9px;
   font-family: sans-serif;
}

.hgoh1 {
   font-size: 24px;
   font-weight: bold;
   font-family: sans-serif;
   text-decoration: none; 
   color: orange;
}

.hgolink {
   font-size: 16px;
   font-weight: bold;
   font-family: sans-serif;
   text-decoration: none; 
   color: black;
}

.hgobg {
   background-color: orange;
   font-size: 16px;
   font-weight: bold;
   font-family: sans-serif;
   margin: 5px 5px 5px 5px;
   padding: 5px 5px 5px 5px;
}