/* START GENERIC */
abbr,
acronym {
  cursor: help;
  border-bottom: 1px dotted #FF0000;
}
body,
div.body {
  text-align: center;
  font-family: "Century Gothic", "Tw Cen MT", "MS Trebuchet", "Futura", sans-serif;
  font-size: 14px;
  background-color: #FFCCCC;
  background-image: url('../images/header_bg.png');
  background-repeat: repeat-x;
  color: #334;
}
body.wait,
body.wait * {
  cursor: wait!important;
}
a {
  text-decoration: none;
  color: #000000;
}
a img {
  text-decoration: none;
}
a :hover {
  text-decoration: underline;
}
a.info {
  color: inherit;
  text-decoration: none;
}
a.played {
  padding-left: 13px;
  background: url('../images/played_icon.png') 0 4px no-repeat;
}
a.playedFM {
  background-image: url('../images/played_icon_fm.png');
}
.hidePlayed a.played {
  padding-left: 0;
  background-image: none;
}
a.ext,
span.favicon {
  background-position: left center;
  background-repeat: no-repeat;
}
a.ext {
  padding: 1px 0 1px 18px;
}
a.noIcon {
  background-image: none;
  background-position: -1000px -1000px;
  padding: 0;
}
h1,
h2,
h3 {
  font-family: "Didact Gothic", "Century Gothic", "MS Trebuchet", "Futura", sans-serif;
}
h1 a,
h2 a,
h3 a {
  text-decoration: none;
}
h1 {
  color: #000000;
  font-size: 25px;
  display: block;
  margin: 4px 0;
  padding: 0;
  float: none;
  letter-spacing: 1px;
}
h1 img.bullet {
  vertical-align: top;
  margin-top: 11px;
}
/*
@largeIconPadding: 5px;

span.icon {
	position: relative;
	img {
		vertical-align: top;
	}
	img.largeIcon {
		background: @fillColour;
		display: none;
		position: absolute;
		z-index: 999;
		padding: @largeIconPadding;
		left: (@smallIcon - @fullIcon - (@largeIconPadding * 2));
		top: -@largeIconPadding;
		border: 1px solid @borderColour;
	}
}
span.hover{
	img.largeIcon {
		display: block;
	}
}
*/
.button {
  cursor: pointer;
  display: inline-block;
  text-align: left;
  text-align: start;
  position: relative;
  background: #7bf;
  background-image: linear-gradient(to bottom, #a8c8ff, #78adf0);
  border: 0.1em #48a solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  text-shadow: 0 0 0.2em #000;
  line-height: 1.5em;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 0 1em;
  margin-bottom: 3px;
  min-width: 3.75em;
}
.button:hover,
.button:focus {
  text-decoration: none;
  background-image: linear-gradient(to bottom, #62dd60, #54c949);
  border-color: #517442;
}
.button .fa {
  display: none;
  color: #fbb;
  margin-right: 0.6em;
  width: 1em;
  text-align: center;
}
input.button,
button.button {
  min-width: 9.15em;
  cursor: pointer;
  font-family: "Century Gothic", "Tw Cen MT", "MS Trebuchet", "Futura", sans-serif;
}
.button_alt {
  background: #aaa;
  background-image: linear-gradient(to bottom, #aaa, #777);
  border-color: #777;
}
.button_alt:hover,
.button_alt:focus {
  background-image: linear-gradient(to bottom, #bbb, #888);
  border-color: #888;
}
.largeIcon {
  float: right;
  margin: -10px 0 5px 5px;
  line-height: 0;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.resultsButton {
  clear: both;
  text-align: center;
  padding: 2px;
}
.editButton {
  position: absolute;
}
h2 {
  color: #000000;
  font-size: 18px;
  display: block;
  margin: 2px 0;
  padding: 0;
  float: none;
  letter-spacing: 1px;
}
.topSpace {
  margin-top: 15px;
}
h3 {
  color: #999;
  font-size: 18px;
  margin: 2px 0;
}
h4 {
  margin: 0;
  padding: 3px 0;
}
/*
h2, h3, h4 {
}
*/
p,
div.p {
  padding: 5px 0px;
  margin-left: 5px;
  clear: left;
  font-size: 14px;
  line-height: 20px;
}
ol {
  margin-left: 30px;
  line-height: 18px;
}
ol li {
  list-style-type: decimal;
}
hr {
  margin: 15px 0;
  padding: 0;
  height: 1px;
  display: block;
  color: #FF0000;
  background: #FF0000;
  border: 0;
}
input.textbox,
div.textbox,
#searchcontrol input.textbox,
textarea.textarea,
select,
div.fakeTextarea {
  font-family: "Century Gothic", "Tw Cen MT", "MS Trebuchet", "Futura", sans-serif;
  font-size: 14px;
  border: 1px solid;
  border-color: #FF0000;
  padding: 2px;
  width: 280px;
}
div.bigInputs input.textbox,
div.bigInputs textarea.textarea,
div.bigInputs select {
  font-size: 21px;
  width: 400px;
  padding: 4px;
}
div.bigInputs div.textbox {
  width: 406px;
}
/*
input.textbox, #searchcontrol input.textbox, textarea.textarea, select, div.fakeTextarea, div.formMap div.map {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
*/
div.fakeTextarea {
  min-height: 18px;
  cursor: text;
}
select {
  width: 286px;
  padding: 1px;
}
textarea.textarea,
div.hiddenTextarea {
  width: 280px;
  padding: 2px;
  text-align: left;
  overflow: hidden;
  position: relative;
}
textarea.textareaStatic {
  overflow: auto;
}
div.hiddenTextarea {
  padding: 2px 7px 2px 3px;
  /*	width: 244px;*/
  width: 722px;
  /*	_width: 235px;*/
  position: absolute;
  left: -2000px;
}
noscript.warning p {
  padding-left: 23px;
}
input.disabled {
  background: #ddd;
}
input.empty,
option.empty,
select.empty {
  color: #aaa;
}
input.radio,
input.checkbox {
  vertical-align: middle;
}
img.captcha {
  border: 1px solid;
  float: left;
  margin-bottom: 4px;
  width: 175px;
  height: 45px;
}
div.captchaButtons {
  float: left;
  margin-left: 10px;
  margin-top: 9px;
}
fieldset {
  padding-bottom: 10px;
}
legend {
  font-family: "Didact Gothic", "Century Gothic", "MS Trebuchet", "Futura", sans-serif;
  font-size: 18px;
  color: #999;
  padding: 4px 0;
}
input.colourPicker {
  width: 60px;
  height: 28px;
  padding: 1px;
}
input.shortText,
div.shortText input.textbox {
  width: 30px;
}
div.choices {
  text-align: right;
  vertical-align: top;
}
input.choice {
  width: 255px;
  margin-left: 5px;
  margin-bottom: 4px;
}
select.language {
  width: 120px;
}
input.language,
textarea.language,
div.language {
  width: 280px;
  overflow: auto;
}
input.languageVar {
  width: 150px;
}
div.hiddenTextareaLanguage {
  width: 274px;
}
div.formMap div.map {
  border: 1px solid;
  padding: 2px;
  margin-bottom: 4px;
  width: 280px;
}
div.formMap input.textbox {
  margin-bottom: 2px;
}
div.formMap div.buttons {
  text-align: right;
}
div.crosshair {
  position: absolute;
  top: 100px;
  left: 140px;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
}
input.time-II {
  width: 41px;
  margin-left: 1px;
  margin-right: 1px;
}
input.time-SS {
  width: 41px;
  margin-left: 1px;
}
div.fileInputs {
  position: relative;
}
div.fileInputs img.imageButton {
  margin-top: 3px;
  vertical-align: middle;
}
div.fileInputs div.fileOverlay {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  white-space: nowrap;
}
div.fileInputs input.file {
  /* Opacity of 0.001: effectively invisible, but selectable */
  -moz-opacity: 0.001;
  opacity: 0.001;
  position: absolute;
  z-index: 5;
  width: 287px;
  font-size: 18px;
}
div.fileSourceAlt {
  font-size: 11px;
  font-weight: bold;
}
input.fakefile {
  width: 185px;
  vertical-align: top;
  margin-right: 10px;
}
div.fileSourceAlt {
  margin: 2px 0;
}
.noJS,
.hidden {
  display: none!important;
}
div.hiddenImageButtonWrapper {
  height: 0;
  overflow: hidden;
}
div.readMore {
  margin-top: -20px;
  padding-top: 20px;
  height: 20px;
  position: relative;
}
.catBullet {
  padding-left: 11px;
  margin-left: 3px;
  background-image: url('../images/bullets.php');
  background-position: -100px 0;
  background-repeat: no-repeat;
}
/* END GENERIC */
/* START LAYOUT */
body.embedded {
  background: #fff;
}
body.embedded #frame {
  width: 782px;
}
body.embedded #content {
  background: #fff;
  padding: 0;
}
body.embedded #centre {
  border: 0;
}
body.popup {
  background: #fff;
}
body.popup #frame,
body.popup #content,
body.popup #centre {
  width: auto;
  margin: 0;
  background: #fff;
  border: 0;
}
#footer {
  border: 1px solid;
  border-color: #FF0000;
  background: #fff;
  text-align: center;
  padding-top: 4px;
  height: 24px;
}
#footer em {
  color: #FF0000;
  font-weight: bold;
}
#frame {
  position: relative;
}
#frame,
#framefooter {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
#framefooter {
  margin-top: -1px;
  height: 23px;
}
#header {
  width: 960px;
  height: 75px;
  position: relative;
  margin-bottom: 32px;
}
#header h1 {
  margin: 0;
}
#header h1 a {
  display: block;
  width: 830px;
  height: 75px;
  background: url('../images/logo.png') no-repeat;
  position: relative;
  left: -275px;
}
#header h1 a span {
  display: none;
}
#header h3 {
  margin: 0;
  padding: 75px 0 0 25px;
}
#header #search {
  position: absolute;
  right: 3px;
  top: 23px;
}
#header #search input.searchbox {
  width: 155px;
  /*padding-right: 35px;*/
  font-size: 16px;
  border-color: #5ba9e2;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
#header div.warning {
  position: absolute;
  width: 150px;
  left: 510px;
  top: 15px;
  text-align: center;
  z-index: 1;
}
#language {
  position: absolute;
  right: 23px;
  top: 80px;
}
#language select,
#language div.customSelectContainer {
  width: 120px;
}
#content {
  padding: 0 7px;
  position: relative;
  height: 1%;
  background: url('../images/content_bg.png') 7px 0 repeat-y;
  margin-bottom: 10px;
}
#contentfooter {
  background: #FFCCCC url('../images/content_footer.png') 0 0 no-repeat;
  height: 17px;
}
div.minHeight {
  height: 400px;
  float: right;
}
#centre {
  float: left;
  width: 750px;
  border: 1px solid;
  border-color: #FF0000;
  border-width: 1px 0 0;
  padding: 7px 16px 16px;
}
body.hasBreadcrumbs #centre {
  padding-top: 25px;
}
#sidebar {
  float: right;
  width: 135px;
  border: 1px solid;
  border-color: #FF0000;
  border-width: 1px 0 0;
  padding: 7px 11px 11px;
  position: relative;
}
#sidebar p {
  font-size: 11px;
  line-height: 19px;
}
#sidebar .socialSites {
  margin-top: 10px;
  position: relative;
}
#sidebar .fbFanInsert {
  margin: 15px 0 20px 0;
}
#sidebar #FacebookPrompt {
  display: block;
  width: 203px;
  height: 87px;
  background: url('../images/facebook_prompt.png') no-repeat;
  position: absolute;
  top: -31px;
  right: -27px;
  margin-top: -180px;
}
#sidebar li.quiz {
  font-size: 10px;
}
#leftCol {
  float: left;
  width: 200px;
  position: relative;
  margin-bottom: 10px;
}
#rightCol {
  float: right;
  width: 535px;
  position: relative;
  margin-bottom: 10px;
}
div.columnSection {
  margin: 5px 0;
}
div.columnSection h3 {
  margin: 0 0 4px 0;
  padding: 4px 6px;
}
div.columnSection p {
  margin-left: 0;
}
div.headerRight {
  float: right;
  text-align: right;
}
div.headerRightH1 {
  margin-top: 8px;
}
div.headerRightH3 {
  margin-top: 6px;
}
div.twoColLeft {
  width: 370px;
  float: left;
  clear: left;
  margin-right: 5px;
}
div.twoColRight {
  width: 370px;
  float: left;
}
div.centreForm {
  margin-left: 145px;
}
.centre {
  text-align: center;
}
/* END LAYOUT */
/* START MENUS */
#currentUser {
  position: absolute;
  top: -28px;
  right: 1px;
  padding-left: 14px;
  margin: 5px 6px 0 0;
}
#currentUser a.facebookIcon {
  float: left;
  width: 16px;
  height: 16px;
  background: url('../images/facebook_connect_sprite.png') 0 -16px no-repeat;
  margin-right: 3px;
}
#currentUser a.connected {
  background-position: 0 0;
}
#LoginLink a.menulink {
  position: relative;
  z-index: 99;
}
#QuickLogin {
  font-family: "Century Gothic", "Tw Cen MT", "MS Trebuchet", "Futura", sans-serif;
  font-size: 14px;
  display: none;
  position: absolute;
  left: 12px;
  top: 0;
}
#QuickLogin div.content {
  margin-top: 26px;
  border: 1px solid #FF0000;
  background: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
#QuickLogin div.data {
  display: block;
  float: none;
  margin: 4px;
  width: auto;
}
#QuickLogin div.data input.textbox {
  width: 200px;
}
#QuickLogin div.formNolabel {
  float: right;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}
#QuickLogin a.share {
  margin-left: 4px;
}
#QuickLogin .button {
  min-width: auto;
}
.hover #QuickLogin {
  display: block;
}
#breadcrumbs {
  position: absolute;
  top: 8px;
  left: 23px;
  z-index: 100;
  /* greater than #menu */
  /*margin-top: 5px;*/
}
#breadcrumbs img {
  margin: 0 3px;
}
#menu {
  padding: 6px 7px 0 7px;
  height: 48px;
  font-size: 16px;
  font-family: "Didact Gothic", "Century Gothic", "MS Trebuchet", "Futura", sans-serif;
  position: absolute;
  left: 0;
  top: 75px;
  z-index: 99;
}
#menu li {
  display: block;
  float: left;
  position: relative;
}
#menu li a.menulink {
  margin-right: 10px;
  display: block;
  float: left;
  text-transform: lowercase;
  cursor: pointer;
  text-decoration: none;
}
#menu li a.menulink span {
  text-decoration: none;
}
#menu li a.menulink span.wrap {
  height: 20px;
  line-height: 16px;
  display: block;
  float: left;
  padding: 2px 11px 0 11px;
  text-shadow: #fff 0 0 3px;
}
#menu li a.selected {
  /*text-transform: uppercase;*/
  background: url('../images/menu_item_bg.png') center bottom no-repeat;
  padding-bottom: 9px;
  color: #334;
}
#menu li a.selected span.wrap {
  border: 1px solid;
  border-bottom-width: 0;
  padding: 1px 10px 0 10px;
  background: #fff;
  border-color: #FF0000;
}
#menu li span.counter {
  color: #fff;
  padding-top: 5px;
  padding-right: 2px;
  width: 28px;
  height: 24px;
  text-align: center;
  display: block;
  position: absolute;
  background: url('../images/alert_counter.png') no-repeat;
  top: -12px;
  right: -1px;
  z-index: 1;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -2px;
}
#menu li span.new {
  display: block;
  position: absolute;
  background: url('../images/new.png') no-repeat;
  width: 36px;
  height: 19px;
  top: -10px;
  right: 1px;
}
#menu h4 {
  margin: 0;
  padding: 10px 5px 5px 5px;
}
/* END MENUS */
/* START UTILITIES */
.clear,
.clearLeft,
.clearRight {
  display: block;
  font-size: 1px;
  line-height: 1px;
}
.clear {
  clear: both;
}
.clearLeft {
  clear: left;
}
.clearLeftContent {
  clear: left!important;
}
.clearRight {
  clear: right;
}
/* END UTILITIES */
/* START CONTENT */
ul.bulletList,
div.p ul {
  margin: 5px 10px 10px 5px;
}
ul.bulletList li,
div.p ul li {
  margin: 1px 0;
  padding-left: 8px;
  list-style-type: none;
  position: relative;
  line-height: 18px;
  background: url('../images/bullet.png') no-repeat 0 5px;
}
div.browseBy {
  float: left;
  width: 230px;
  margin-right: 10px;
}
/*
div.mostPopular {
	float: left;
	width: 135px;
	margin-right: 10px;
}
*/
ul.bulletListSmall li {
  padding-left: 6px;
}
div.alert,
div.warning,
div.notice {
  padding: 5px 15px;
  margin: 10px -15px;
  border-width: 1px 0;
  border-style: solid;
  font-weight: bold;
}
div.alert p,
div.warning p,
div.notice p {
  margin: 0;
}
div.alert div.headingAndButton h2,
div.warning div.headingAndButton h2,
div.notice div.headingAndButton h2 {
  float: left;
  display: block;
}
div.alert div.headingAndButton a img,
div.warning div.headingAndButton a img,
div.notice div.headingAndButton a img {
  margin-left: 10px;
  margin-top: 3px;
}
div.right {
  text-align: right;
}
div.alert {
  color: #900;
  background: #faa;
  border-color: #a00;
}
div.alert h2,
div.alert p {
  color: #900;
}
div.warning {
  color: #990;
  background: #ffa;
  border-color: #aa0;
}
div.warning h2,
div.warning p {
  color: #990;
}
div.notice {
  color: #090;
  background: #afa;
  border-color: #0a0;
}
div.notice h2,
div.notice p {
  color: #090;
}
ul.userInfoList li.data {
  width: 400px;
}
/* END CONTENT */
div.homepageBox {
  width: 355px;
  float: left;
  margin-right: 10px;
}
div.homepageBoxNarrow {
  width: 180px;
}
div.homepageSearch {
  float: right;
  margin: 6px -9px 0 0;
}
div.homepageSearch div.nolabel {
  margin-left: 0;
}
div.homepageSearch div.data {
  width: 180px;
}
div.homepageSearch input.textbox {
  width: 168px;
  font-size: 16px;
}
div.double {
  width: 555px;
  margin-right: 0;
}
div.catLinkList {
  margin: 10px 0 14px 5px;
}
div.catLinkList h2 {
  float: left;
  margin: 0 9px 0 0;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 11px;
}
div.catLinkList h2 a {
  padding-bottom: 3px;
}
div.catLinkList h2 a :hover {
  padding-bottom: 1px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  text-decoration: none;
}
div.homepageCategory {
  padding: 5px 15px;
  margin: 10px -15px;
  border-width: 1px 0;
  border-style: solid;
}
div.homepageCategory a.more {
  float: right;
  margin-top: 4px;
  font-size: 11px;
}
div.homepageCategory ul.quizList li.quiz {
  float: left;
  clear: none;
  margin-right: 20px;
}
div.homepageCategory ul.quizList li.quiz li.meta {
  display: none;
}
div.homepageCategory ul.quizList li.quiz a span.title {
  display: none;
}
div.homepageCategory ul.quizList li.quiz a:hover {
  text-decoration: none;
}
div.homepageCategory ul.quizList li.quiz a:hover span.title {
  display: block;
  position: absolute;
  top: 84px;
  left: 1px;
  background: black;
  color: white;
  line-height: 20px;
  height: 20px;
  width: 96px;
  padding-left: 4px;
  font-weight: bold;
  text-shadow: 0px 0px 2px #000;
  background: url('../images/black.png');
}
div.homepageCategory ul.quizList li.last {
  margin-right: 0;
}
div.homepageCategory li.playButton {
  top: 82px;
  right: 0;
  position: absolute;
}
div.homepageCategory ul.popular li.quiz {
  width: 230px;
}
div.homepageCategory ul.popular li.quiz li.icon {
  margin-right: 8px;
}
div.homepageCategory ul.popular li.quiz li.desc {
  margin-left: 110px;
}
div.homepageCategory ul.recent li.quiz {
  width: 230px;
  margin-right: 0;
}
div.threeHalves {
  width: 410px;
}
.last {
  margin-right: 0!important;
}
#content div.homepageBox h3 {
  margin: 8px 0;
}
ul.categories {
  padding-top: 5px;
  float: left;
}
h2.subtitle {
  margin: -10px 0 10px 5px;
}
li.label,
li.data,
li.row label,
li.row div.data {
  margin-bottom: 8px;
}
div.cf_formelement label,
li.label {
  width: 125px;
  margin-left: 5px;
  padding-right: 5px;
  float: left;
  clear: left;
}
div.cf_formelement label.withInput {
  margin-top: 2px;
}
div.checkboxList,
.htmlField {
  margin: 2px 0 4px 0;
}
div.cf_formelement div.checkboxList,
div.cf_formelement div.radioListVertical {
  padding-left: 19px;
  text-indent: -19px;
  width: 267px;
  /* 256-19 */
}
div.cf_formelement div.radioList {
  margin-top: 3px;
}
div.cf_formelement div.radioList div.row {
  margin-bottom: 4px;
}
div.radioList label,
div.checkboxList label {
  margin: 0 10px 0 0;
  float: none;
  width: auto;
  display: inline;
}
div.data,
li.data {
  width: 260px;
  display: block;
  float: left;
}
div.nolabel,
li.nolabel {
  clear: left;
  margin-left: 135px;
  display: inline;
}
img.user {
  vertical-align: middle;
}
div.photoEdit img.photo {
  border: 1px solid;
  border-color: #FF0000;
  float: left;
  padding: 3px;
}
div.photoEdit input.imageButton,
div.photoEdit a.imageButton {
  margin-left: 41px;
  margin-right: 0;
}
/* START SUGGEST BOX */
div.suggest_box {
  background: #fff;
  border: 1px solid;
  border-color: #FF0000;
  border-top: 0;
  position: absolute;
  margin: 0 0 0 2px;
}
div.suggest_box a,
div.suggest_box span {
  width: 276px;
  padding: 2px;
  display: block;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}
div.suggest_box a span {
  width: 100%;
  padding: 0;
}
div.suggest_box_container {
  position: relative;
  z-index: 3;
}
input.selected {
  background: #ffc;
}
/* END SUGGEST BOX */
div.jumpList {
  padding: 10px;
  border: 1px solid;
  text-align: center;
}
div.jumpList a {
  padding: 0 0.1em;
}
div.addBox {
  margin-bottom: 2px;
}
div.leftPanel {
  margin-right: 220px;
}
div.rightPanel {
  width: 210px;
  float: right;
  clear: right;
  margin: 0 0 10px 10px;
}
div.rightPanel div.buttons {
  text-align: center;
  margin-top: 10px;
}
div.autoRightPanel {
  width: auto;
}
div.quizRightPanel {
  width: 270px;
}
div.shareRightPanel {
  width: 290px;
}
div.buttonRow {
  padding: 7px 0 15px 0;
}
div.buttonCell {
  width: 186px;
  float: left;
  text-align: center;
}
div.buttonCell div.clearLeft {
  height: 1px;
}
div.adobe {
  padding-top: 2px;
  margin-left: 5px;
}
div.audio div.download {
  text-align: right;
  font-size: 11px;
}
div.rateThisQuiz {
  margin: 10px 0 0 5px;
}
div.rateThisQuiz h3 {
  float: left;
}
div.rateThisQuiz div.form {
  margin: -4px 0 0 10px;
  float: left;
  width: 325px;
}
div.rateThisQuiz div.form div.data {
  margin-left: 0;
  width: 175px;
}
div.rateThisQuiz div.ratingMessages {
  float: right;
  width: 145px;
  text-align: left;
  margin: 7px 0 0 5px;
}
div.rateThisQuiz div.ratingMessages span.message {
  display: none;
}
div.rateThisQuiz div.showMessage span.message {
  display: block;
}
div.rateThisQuiz div.showMessage span.playCount {
  display: none;
}
span.dateIcon {
  float: left;
  position: relative;
  width: 20px;
  height: 22px;
  margin: 1px 4px 2px 2px;
}
span.dateIcon span.month {
  position: absolute;
  width: 18px;
  text-align: center;
  top: 1px;
  left: 1px;
}
span.dateIcon span.day {
  position: absolute;
  width: 20px;
  text-align: center;
  top: 11px;
}
ol.messageList {
  margin-left: 0;
}
ol.messageList ol {
  /*	border-left: 5px solid;*/
  margin-left: 0;
  display: block;
  height: 1%;
}
ol.messageList li {
  list-style-type: none;
  height: 1%;
}
ol.messageList li.root {
  padding-left: 0!important;
}
ol.messageList div.pseudoHover {
  clear: left;
  padding-left: 4px;
}
ol.messageList li.actions {
  float: right;
  margin-top: -5px;
}
ul.reviewList li.review,
ol.messageList li.message,
ul.userList li.user,
ul.quizList li.quiz {
  margin-bottom: 10px;
  clear: left;
  position: relative;
}
ul.quizList li.title {
  margin-bottom: 4px;
  line-height: 16px;
  zoom: 1;
}
ul.quizList li.quiz {
  zoom: 1;
  margin-bottom: 5px;
}
ul.quizList li.icon {
  float: left;
  margin-right: 3px;
  margin-top: 3px;
}
ul.quizList li.icon img {
  border: 1px solid;
  border-color: #FF0000;
}
ul.quizList li.desc {
  margin-left: 35px;
  color: #808080;
  font-size: 11px;
}
ul.quizList li.meta {
  float: right;
  color: #808080;
  font-size: 10px;
  margin-top: 2px;
  margin-left: 3px;
}
ul.quizList li.quizScore {
  zoom: 1;
  margin-bottom: 4px;
}
ul.quizList li.stats {
  font-size: 10px;
  color: #808080;
}
ul.quizListShort li.title {
  height: 17px;
}
ul.quizListShort li.quiz a {
  overflow: hidden;
  width: 200px;
  height: 17px;
  position: absolute;
}
ul.quizListShort li.quiz a :hover {
  overflow: visible;
  width: auto;
  background-color: #fff;
  padding-right: 2px;
  white-space: nowrap;
  z-index: 1;
}
ul.quizListHorizontal li.quiz {
  clear: none;
  float: left;
  margin-right: 10px;
  width: 166px;
}
ul.quizListHorizontal li.quiz a {
  overflow: hidden;
  width: 160px;
}
ul.scoreBoard li.quizScore {
  padding: 1px 5px;
  height: 18px;
  display: block;
  /* IE7 hack */
  float: left;
  width: 260px;
}
ul.scoreBoard li.highlighted {
  background: #f8dd66;
  font-weight: bold;
}
ul.scoreBoard li.odd {
  background: #eef1e7;
}
ul.scoreBoard li.rank {
  font-size: 10px;
  float: left;
  width: 15px;
  margin-right: 4px;
  text-align: right;
  padding-top: 1px;
}
ul.scoreBoard span.attempt {
  font-size: 10px;
}
ul.scoreBoard li.score {
  float: right;
  width: 30px;
  text-align: right;
}
ul.scoreBoard li.time {
  float: right;
  width: 65px;
  text-align: right;
}
ul.scoreBoard li.name {
  float: left;
}
ul.scoreBoard li.spacer {
  clear: left;
  border-bottom: 1px dotted #334;
  padding-top: 2px;
  margin-bottom: 3px;
  height: 1px;
}
ul.scoreBoard li.spacer span {
  display: none;
}
ul.categoryList li.category {
  margin-bottom: 4px;
}
ul.categoryList li.category span,
ul.categoryList li.category a.selected {
  color: #334;
  text-transform: uppercase;
  text-decoration: none;
}
ol.messageList li.message {
  padding-left: 10px;
  margin-bottom: 0;
  padding-top: 6px;
}
ul.reviewList li.review {
  margin-bottom: 20px;
}
ul.reviewList li.review ul,
ol.messageList li.message ul,
ul.userList li.user ul {
  float: left;
  width: 520px;
}
ul.reviewList img.photo,
ol.messageList img.photo,
ul.userList img.photo {
  border: 1px solid;
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}
ul.userList span.flag {
  display: block;
  position: absolute;
  width: 30px;
  top: 29px;
  left: 7px;
  text-align: right;
}
ul.reviewList img.photo,
ul.userList img.photo {
  width: 50px;
  height: 50px;
}
ol.messageList li.name {
  clear: left;
}
ul.userList li.label,
ul.userList li.data,
ul.quizList li.label,
ul.quizList li.data {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
ul.userList li.label {
  width: 100px;
}
ul.quizList li.label {
  margin-left: 10px;
}
ul.userList li.data,
ul.quizList li.data {
  width: 300px;
}
ul.noMeta li.label,
ul.noMeta li.data {
  display: none;
}
ul.reviewPreviews {
  width: 420px;
  padding: 5px 0 10px 0;
}
ul.reviewPreviews li.review {
  width: 420px;
  margin-bottom: 3px;
  clear: left;
}
ul.reviewPreviews div.rating_container {
  float: left;
  clear: left;
  margin: 3px 0 0 5px;
  height: 9px;
}
ul.reviewPreviews div.text {
  margin-left: 5px;
  float: left;
  width: 370px;
}
ul.reviewPreviews div.clearLeft {
  clear: none;
}
ul.reviewPreviews div.rating_container a,
ul.reviewPreviews div.rating_container span {
  width: 8px;
  height: 9px;
}
ul.productList {
  margin-left: 5px;
}
ul.productList li.product {
  float: left;
  width: 135px;
  margin: 5px 10px 10px 0;
}
ul.productList img {
  display: block;
  margin-top: 2px;
}
ul.userGridList li.user {
  float: left;
  clear: none;
  margin: 0 25px 5px 0;
  width: 50px;
  font-size: 10px;
}
ul.userGridList li.user ul {
  clear: left;
  width: 50px;
  overflow: hidden;
}
ul.userGridList li.user img {
  border: 0;
}
div.relevance {
  width: 100px;
  margin-top: 5px;
  padding: 1px;
  border: 1px solid;
}
div.relevance div.bar {
  height: 5px;
}
div.quizAverage {
  margin-top: 3px;
  float: left;
  margin-right: 5px;
}
div.photoSection {
  text-align: center;
}
div.uploadSection h4 {
  margin: 0 0 5px 5px!important;
}
div.uploadSection .more {
  text-align: right;
  margin-bottom: 5px;
}
div.tooltipContainer {
  position: relative;
}
div.tooltipContainer span.tooltip {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  text-align: left;
  opacity: 0.7;
  padding: 5px;
}
div.tooltipContainer.hover span.tooltip {
  display: block;
}
#languageTable {
  width: 100%;
}
#languageTable td,
#languageTable th {
  vertical-align: top;
  padding: 1px 2px;
}
#languageTable th {
  font-weight: bold;
}
#languageTable dd {
  margin-left: 10px;
}
#languageTable dt.target,
#languageTable dd.target {
  width: 250px;
}
#languageTable dt.source,
#languageTable dd.source {
  padding-left: 260px;
}
#languageTable hr {
  margin: 2px 0;
}
dl.languageList {
  line-height: 18px;
  margin-left: 5px;
}
dl.languageList dt.value {
  margin-top: 30px;
  padding: 1px 5px 3px 5px;
  border-width: 0 0 1px 5px;
  border-style: solid;
}
dl.languageList dd {
  margin-left: 10px;
}
dl.languageList dt.suggestion {
  margin-top: 5px;
  margin-left: 10px;
}
dl.languageList dd.suggestion div.voteButtons {
  float: left;
  width: 35px;
}
dl.languageList ul.varList li {
  float: left;
  margin-right: 5px;
}
#sideAd {
  padding: 25px 0 0 15px;
}
div.bannerAd {
  padding-left: 138px;
}
div.mpuAd {
  float: right;
  clear: right;
  margin: 0 0 10px 10px;
}
div.mpuAd#searchHomeMpu {
  float: left;
  margin: 0;
}
/* START CLEVERFORM */
div.cf_formelement {
  width: 745px;
  margin-bottom: 4px;
  min-height: 0;
}
div.cf_formelement div.required {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: 8px;
  left: 157px;
  background: url('../images/required.png');
}
div.cf_formelement label,
div.cf_formelement div.label {
  padding: 5px 15px 6px 2px;
  width: 150px;
}
div.cf_formelement .data {
  padding: 5px 2px 5px 0;
  width: 286px;
}
div.cf_formelement .dataFull {
  width: 570px;
}
div.cf_formelement div.messageContainer {
  padding-left: 7px;
  display: none;
  width: 265px;
  left: 490px;
  position: absolute;
  /*_text-indent: -16px; /* Mystery IE6 bug */
  font-size: 14px;
}
div.cf_formelement ul.messages {
  background-color: #fff;
  padding: 6px 6px 6px 7px;
  border: 1px solid;
  border-color: #FF0000;
  border-width: 1px 1px 1px 0;
}
div.cf_formelement li.instructions,
div.cf_formelement li.cf_error {
  display: none;
  /* hide messages by default */
}
div.cf_formelement div.nolabel,
div.formNolabel {
  margin-left: 172px;
}
div.cf_highlighted div.messageContainer {
  background: url('../images/formmessage_bg.png') no-repeat 0 -23px;
  z-index: 99;
}
div.cf_elementfailed div.messageContainer {
  background: url('../images/formerror_bg.png') no-repeat 0 -23px;
  color: #fff;
}
div.cf_formelement div.displaced {
  padding-top: 7px;
  padding-left: 0;
  margin-left: 7px;
}
div.cf_formelement div.displaced ul.messages {
  border-width: 0 1px 1px 1px;
}
div.cf_highlighted div.displaced {
  background: url('../images/formmessage_displaced_bg.png') no-repeat -5px 0;
}
div.cf_elementfailed ul.messages {
  background: #900 !important;
  border-color: #300 !important;
}
div.cf_highlighted li.instructions {
  display: block;
}
div.cf_elementfailed div.messageContainer,
div.cf_highlighted div.messageContainer {
  display: block;
  /* display messages (instructions/errors) if highlighted */
}
div.cf_highlighted.cf_elementwait div.messageContainer {
  display: none;
  /* hide message when waiting */
}
div.cf_elementfailed li.instructions,
.cf_elementwait li.instructions {
  display: none;
  /* hide instructions when failed or waiting */
}
div.cf_elementfailed li.cf_failed {
  display: block;
  /* display error message if failed */
}
/* END CLEVERFORM */
/* START SEARCH PAGE */
div.googleBranding {
  float: right;
  margin-top: 8px;
}
div.googleBranding img {
  vertical-align: middle;
}
div.googleResult {
  margin-top: 10px;
  padding: 5px;
  cursor: pointer;
}
/* END SEARCH PAGE */
/* START PAGING */
ul.paging {
  padding: 3px 15px 3px;
  margin: 8px -15px 4px;
}
ul.paging li {
  /*float: left;*/
  display: inline;
  line-height: 100%!important;
}
ul.paging h2 {
  display: inline;
  margin: 0;
  padding: 0;
}
ul.paging li a,
ul.paging li span {
  /*display: block;*/
  margin: 0 2px;
  padding: 4px 5px;
  text-align: center;
  text-decoration: none;
}
ul.paging li span {
  padding-left: 0;
}
ul.paging li.selected a,
ul.paging li a.selected,
ul.paging li a:hover {
  border: 1px solid;
  padding: 3px 4px 3px 4px;
  background: #fff;
  border-color: #FF0000;
  color: #000;
}
ul.paging_top {
  background: #fff url('../images/hBorder.png') repeat-x bottom;
}
ul.paging_top li.selected a,
ul.paging_top li a.selected,
ul.paging_top li a:hover {
  border-bottom: 0;
  padding-top: 1px;
}
ul.paging_bottom {
  padding-bottom: 1px;
  background: #fff url('../images/hBorder.png') repeat-x top;
}
ul.paging_bottom li.selected a,
ul.paging_bottom li a.selected,
ul.paging_bottom li a:hover {
  border-top: 0;
}
ul.translate {
  height: 18px;
  line-height: 14px;
}
ul.homepagePaging {
  padding-left: 8px;
}
ul.homepagePaging li a,
ul.homepagePaging li span {
  margin: 0 6px 0 0;
}
/* END PAGING */
/* START RATING */
.rating_container {
  height: 40px;
  margin-left: -2px;
}
.rating_container em {
  margin-left: 2px;
}
.rating_container span.alt {
  display: none;
}
.rating_container a.star,
.rating_container span {
  background-image: url('../images/rating.png');
  float: left;
  width: 35px;
  height: 40px;
}
.rating_container a.rating_off,
.rating_container span.rating_off {
  background-position: 0 -4px;
}
.rating_container a.rating_half,
.rating_container span.rating_half {
  background-position: 0 -44px;
}
.rating_container a.rating_on,
.rating_container span.rating_on {
  background-position: 0 -84px;
}
.rating_container a.rating_selected,
.rating_container span.rating_selected {
  background-position: 0 -124px;
}
.cf_formelement .rating_container {
  padding-top: 2px;
}
/* END RATING */
/* START WINDOW */
div.modal {
  padding: 5px;
  border: 1px solid;
  line-height: 0;
  text-align: left;
}
div.modal div.content {
  line-height: 100%;
}
div.modal_close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  margin: -8px -10px 0 0;
  width: 17px;
  height: 17px;
  cursor: pointer;
}
div.noOverflow iframe {
  overflow: hidden;
}
/* END WINDOW */
/* START TAG CLOUD */
ul.tagCloud li {
  float: left;
  margin-right: 5px;
}
/* END TAG CLOUD */
/* START LANGUAGE CHOICE */
#languagePopup {
  text-align: center;
}
#languagePopup h2 {
  margin: 10px 0;
}
ul.languageChoice {
  margin: 0 auto;
  width: 340px;
}
ul.languageChoice li a {
  display: block;
  width: 150px;
  float: left;
  text-align: center;
  padding: 30px 5px;
  margin: 5px;
}
/* END LANGUAGE CHOICE */
/* PROGRESS BAR */
div.progress {
  border: 1px solid;
  height: 18px;
  position: relative;
}
div.progressBar {
  position: absolute;
  height: 18px;
}
div.progressText {
  position: relative;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
}
/* END PROGRESS BAR */
/* START ORDERS */
ul.orders li.order {
  margin-bottom: 4px;
  font-size: 11px;
}
/* END ORDERS */
/* START FORUM */
table.forum {
  width: 100%;
  margin: 5px 0 10px 0;
}
table.forum th {
  padding: 5px;
  border-bottom: 1px solid;
}
table.forum td {
  padding: 5px;
}
table.forum ul.translate {
  visibility: hidden;
}
table.forum tr.hover td {
  cursor: pointer;
}
table.forum tr.hover ul.translate {
  visibility: visible;
}
/* END FORUM */
/* START TRANSPOSE */
div.payment {
  text-align: center;
  margin-top: 10px;
}
div.payment .data {
  width: auto;
  float: none;
  text-align: center;
}
div.payment h3 {
  padding-bottom: 10px;
}
div.payment div.formNolabel {
  margin: 0;
}
div.payment div.twoColLeft {
  border-right: 1px solid;
  width: 369px;
}
/* END TRANSPOSE */
/* START CROPPER */
div.cropCanvas {
  width: 600px;
  padding: 50px;
  padding-top: 35px;
  margin: 20px 0 0 22px;
}
/* END CROPPER */
/* START QUIZ */
input.score,
input.timer {
  width: 66px;
  text-align: center;
  background: none;
  border: 0;
  font-size: 20px;
}
input.score {
  color: #888;
}
div.quizWrapper {
  height: 50px;
  margin: 10px -15px;
}
div.quiz {
  background: url('../images/quizbar_bg.png') repeat-x;
  padding: 10px 15px;
  width: 750px;
  z-index: 999;
}
div.quiz label {
  display: block;
  margin-bottom: 3px;
}
div.quiz input.guess {
  width: 420px;
  font-size: 18px;
}
div.quiz input.timer {
  color: #000000;
  position: relative;
}
div.quiz canvas.timer {
  position: absolute;
  /*left: 622px;*/
  /*right: 108px;*/
  left: 161px;
  top: -11px;
}
div.quiz .quizButtons {
  float: right;
  width: 310px;
  line-height: 20px;
  position: relative;
  /*
		p {
			margin-left: 0;
		}
		*/
}
div.quiz .quizButtons .startStop {
  float: right;
  margin-top: 4px;
}
div.quiz .quizButtons .skipButton {
  float: left;
  margin-top: 4px;
}
div.quiz .quizButtons .skipButton a {
  visibility: hidden;
}
div.quiz div.keys {
  line-height: 14px;
  padding-left: 42px;
  background: url('../images/keyboard.png') 0 5px no-repeat;
}
ul.quiz {
  padding-top: 5px;
}
ul.quiz li.quizColumn {
  width: 360px;
  margin-right: 10px;
  float: left;
}
ul.quiz li.quizItem {
  float: left;
  padding: 3px 3px 3px 2px;
}
ul.quiz li.quizHeader {
  border-bottom: 1px solid #FF0000;
  margin-bottom: 3px;
  padding-bottom: 0;
}
ul.quiz li.quizHeader li.question,
ul.quiz li.quizHeader li.answer,
ul.quiz li.quizHeader li.clue {
  background: none;
}
ul.editQuiz li.question {
  clear: none!important;
}
ul.editQuiz li.quizHeader {
  margin-left: 24px;
  /* no buttons */
  position: relative;
}
ul.editQuiz li.addRow {
  margin-left: 24px;
  /* no buttons */
  clear: left;
}
ul.editQuiz div.columnWidthAdjuster {
  position: absolute;
  width: 14px;
  height: 16px;
  background: gray;
  cursor: e-resize;
  background: url('../images/resize_h.png') no-repeat;
}
ul.editQuiz li.quizItem {
  clear: left;
}
ul.editQuiz li.quizItem textarea {
  border: 0;
  margin: 0 0 0 -2px;
  padding: 1px 0;
  display: none;
  font-family: "Century Gothic", "Tw Cen MT", "MS Trebuchet", "Futura", sans-serif;
  font-size: 12px;
  border: 1px solid;
  border-color: #FF0000;
  overflow: auto;
}
ul.editQuiz li.quizItem span.label {
  display: block;
}
ul.editQuiz li.edit {
  padding-top: 0!important;
  padding-bottom: 0!important;
}
ul.editQuiz li.edit textarea {
  display: block;
}
ul.editQuiz li.edit span.label {
  display: none;
}
ul.editQuiz li.buttons {
  width: 20px;
  float: left;
  cursor: move;
  padding: 2px;
}
ul.rules_match_exact li.quizItem {
  cursor: pointer;
}
ul.rules_match_exact li.quizHeader {
  cursor: auto;
}
ul.type_diagram li.quizItem {
  position: absolute;
  padding-left: 0;
}
ul.quiz li.picture,
ul.quiz li.question,
ul.quiz li.clue,
ul.quiz li.answer,
ul.quiz li.answerLabel {
  float: left;
  margin-right: 5px;
  padding: 2px;
}
ul.quiz li.question {
  width: 91px;
  clear: left;
}
ul.quiz li.clue {
  width: 91px;
  margin-right: 0;
}
ul.quiz li.answer {
  width: 151px;
  background: #eef1e7;
}
ul.quiz li.correct {
  background: #b3d7b3;
}
ul.quiz li.wrong {
  background: #e1b3b3;
}
ul.quiz li.selected {
  background: #f8dd66;
  border: 1px solid #dfbe00;
  /*
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		*/
  padding: 2px 2px 2px 1px;
}
ul.quiz li.selected li.picture div,
ul.quiz li.selected li.answer {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
div.quizDiagram li.answer,
div.quizDiagram li.correct {
  width: 200px;
  background: none;
  padding: 0 0 0 1px;
  text-shadow: 0px 0px 3px #fff;
}
ul.quizNoClues li.question {
  width: 151px;
}
ul.quizNoClues li.answer {
  width: 191px;
  margin-right: 0;
}
ul.quizNoQuestions {
  margin-left: 25px;
}
ul.quizNoQuestions li.quizColumn {
  width: 230px;
}
ul.quizNoQuestions li.question {
  display: none;
}
ul.quizResults li.question {
  width: 131px;
}
ul.quizResults li.clue {
  width: 41px;
}
ul.quizResults li.answer {
  width: 161px;
}
ul.quizResults li.answer strong {
  color: #383;
  font-size: 14px;
}
ul.type_pictures li.quizColumn {
  width: 144px;
  margin-right: 5px;
}
ul.type_pictures li.picture,
ul.type_pictures li.question,
ul.type_pictures li.answer,
ul.type_pictures li.clue {
  width: 140px;
  margin: 2px;
}
ul.type_pictures.size_fuller li.quizColumn {
  width: 244px;
}
ul.type_pictures.size_fuller li.picture,
ul.type_pictures.size_fuller li.question,
ul.type_pictures.size_fuller li.answer,
ul.type_pictures.size_fuller li.clue {
  width: 240px;
}
ul.type_choice li.quizColumn {
  margin-right: 0;
  width: 100%;
}
ul.type_choice li.quizItem {
  clear: left;
  margin-bottom: 4px;
  width: 100%;
}
ul.type_choice li.question {
  width: 100%;
  font-weight: bold;
}
ul.type_choice li.answerLabel {
  margin: 2px;
  width: 12px;
  text-align: right;
}
ul.type_choice li.answer {
  margin: 2px 0;
}
ul.type_choice li.answer.hover {
  padding: 1px;
  border: 1px solid #FF0000;
}
ul.type_selftest li.quizHeader li.answer {
  margin-left: 170px;
  width: 210px;
}
ul.type_selftest li.quizColumn {
  margin-right: 0;
  width: 100%;
}
ul.type_selftest li.quizItem {
  margin-bottom: 3px;
  padding-top: 7px;
}
ul.type_selftest li.question {
  width: 350px;
}
ul.type_selftest li.answer {
  width: 380px;
  background: none;
}
ul.type_selftest li.answer img {
  cursor: pointer;
}
ul.type_selftest li.selected {
  padding-top: 6px;
}
ul.type_selftest li.selected li.answer {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -khtml-box-shadow: none;
  box-shadow: none;
}
ul.type_selftest span.answerText {
  float: right;
  width: 210px;
  margin-bottom: 4px;
}
table.quizScores {
  margin: 20px 0 20px 0;
  color: #666;
}
table.quizScores td {
  text-align: center;
}
div.quizDiagram {
  margin-left: 25px;
  position: relative;
}
div.diagramLabel {
  position: absolute;
  cursor: move;
  margin-left: -28px;
  height: 17px;
}
div.deleteButton {
  cursor: pointer;
  position: absolute;
  width: 13px;
  height: 13px;
  left: 14px;
  top: 3px;
}
span.hiddenText {
  position: absolute;
  left: -10000px;
}
ul.quizComplete span.hidden {
  display: inline!important;
}
div.diagramLabelHover {
  background: transparent url('../images/label_edit.png') 0 2px no-repeat;
}
div.diagramLabel input {
  border: 0;
  width: 50px;
  padding: 0;
  background: transparent;
  margin-left: 28px;
  text-shadow: 0px 0px 3px #fff;
}
div.quizDiagram li.answer,
div.diagramLabel input,
span.hiddenText {
  font-family: 'Arial', sans-serif;
  font-size: 10px;
  font-weight: bold;
}
h3.quizType {
  margin-top: 30px;
}
div.quizTypeBox {
  border: 1px solid;
  border-color: #FF0000;
  padding: 5px;
  float: left;
  margin-left: 103px;
  margin-top: 30px;
}
div.quizTypeBox p {
  font-family: 'Arial', sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #808080;
  margin-left: 0;
  padding-top: 0;
  width: 208px;
}
div.quizTypeBox h2 {
  margin-bottom: 0;
}
div.quizTypeBox div.quizIcon {
  border: 1px solid;
  border-color: #FF0000;
  line-height: 1px;
  width: 208px;
}
div.quizTypeBox div.quizIcon img {
  width: 208px;
  height: 116px;
}
div.quizTypeBoxSingle {
  margin-left: 267px;
}
div.quizTypeBox.hover {
  background: #ffffc6;
}
span.unit,
abbr.unit {
  color: #808080;
}
div.shareTabs ul.tabs {
  float: left;
}
div.shareTabs ul.tabs li a {
  display: block;
  border: 1px solid;
  border-color: #FF0000;
  margin-top: 5px;
  margin-right: -1px;
  width: 16px;
  height: 16px;
  background: #f9f9b5;
  padding: 2px 1px 2px 2px;
}
div.shareTabs ul.tabs li a.selected {
  background: #fff;
  border-width: 1px 0 1px 1px;
  padding-right: 2px;
}
div.shareTabs img.facebook {
  background: url('../images/share_sprite.png?1') no-repeat 0 -32px;
}
div.shareTabs img.twitter {
  background: url('../images/share_sprite.png?1') no-repeat 0 -80px;
}
div.shareTabs div.tabContent {
  margin-left: 20px;
  border: 1px solid;
  border-color: #FF0000;
  padding: 3px;
}
div.facebookShare,
div.twitterShare {
  border: 1px solid #ccc;
}
div.facebookShare h2,
div.twitterShare h2 {
  margin: 0;
  font-family: inherit;
  font-weight: bold;
  font-size: 14px;
  padding: 2px 5px;
  letter-spacing: 0;
}
div.facebookShare div.content,
div.twitterShare div.content {
  padding: 5px;
}
div.facebookShare {
  font-family: "lucida grande", "tahoma", "verdana", "arial", sans-serif;
}
div.facebookShare h2 {
  background: #6d84b4;
  color: #fff;
  border-bottom: 1px solid #3b5998;
}
div.facebookShare div.content img.icon {
  float: left;
}
div.facebookShare div.content h3,
div.facebookShare div.content p {
  font-size: 11px;
  padding-left: 55px;
}
div.facebookShare div.content h3 {
  font-family: inherit;
  color: #3b5998;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0;
}
div.facebookShare div.content p {
  clear: none;
  line-height: 14px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #808080;
}
div.facebookShare div.footer {
  clear: left;
  padding: 5px;
  background: #f7f7f7;
  border-top: 1px solid #ccc;
  text-align: right;
}
div.facebookShare div.footer input {
  background-color: #3b5998;
  border-color: #d9dfea #0e1f5b #0e1f5b #d9dfea;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  padding: 2px 15px 3px;
  text-align: center;
  cursor: pointer;
}
div.twitterShare {
  font-family: "verdana", "lucida grande", "tahoma", "arial", sans-serif;
}
div.twitterShare h2 {
  background: #94c8e0;
  color: #fff;
}
div.twitterShare div.content {
  background: #ddeef6;
  text-align: right;
  position: relative;
}
div.twitterShare div.content img.icon {
  position: absolute;
  left: 3px;
  top: 10px;
}
div.twitterShare div.content textarea {
  font-family: "verdana", "lucida grande", "tahoma", "arial", sans-serif;
  width: 182px;
  height: 56px;
  border: 1px solid #94c8e0;
  background: #fff;
  padding: 3px 5px;
  font-size: 10px;
  line-height: 14px;
  color: #808080;
  overflow: hidden;
}
div.twitterShare div.footer {
  margin-top: 5px;
  text-align: right;
}
div.twitterShare div.footer a.button {
  text-decoration: none;
  background: #94c8e0;
  color: #fff;
  border: 0;
  font: inherit;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 15px;
  cursor: pointer;
}
ul.scoreStats {
  width: 450px;
}
ul.scoreStats li {
  font-family: "Didact Gothic", "Century Gothic", "MS Trebuchet", "Futura", sans-serif;
  float: left;
  width: 215px;
  margin-left: 10px;
  margin-top: 5px;
}
ul.scoreStats li.bigStat {
  font-size: 20px;
}
ul.scoreStats li.smallStat {
  font-size: 15px;
}
ul.scoreStats span.stat {
  color: #000000;
  float: right;
  width: 80px;
}
dl.userStats {
  margin-bottom: 5px;
}
dl.userStats dt {
  font-weight: bold;
  width: 130px;
  float: left;
  clear: left;
  margin-bottom: 4px;
}
dl.userStats dd {
  color: #000000;
}
dl.userStats dd.userAverageScore {
  clear: left;
  font-family: "Didact Gothic", "Century Gothic", "MS Trebuchet", "Futura", sans-serif;
  font-size: 40px;
  margin: 0 0 0 10px;
}
div.categoryScoresContainer {
  float: right;
  width: 300px;
}
ul.categoryScores {
  margin-top: 5px;
  font-size: 11px;
}
ul.categoryScores ul.category {
  margin-bottom: 3px;
  height: 1%;
}
ul.categoryScores ul.category li.catName {
  width: 120px;
  float: left;
}
ul.categoryScores ul.category li.barChart {
  float: left;
  line-height: 1px;
  font-size: 1px;
}
ul.categoryScores ul.category li.barChart div.barBorder {
  width: 120px;
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  margin-top: 3px;
}
ul.categoryScores ul.category li.barChart div.barBackground {
  height: 6px;
}
ul.categoryScores ul.category li.percent {
  text-align: right;
}
ul.categoryScores ul.category li.morestats {
  color: #888;
  text-align: right;
  font-size: 10px;
}
ul.categoryScores ul.hover li.morestats {
  display: block;
}
/* right col = 535 */
div.quizScoresBox {
  float: left;
  width: 250px;
  margin-right: 15px;
}
div.quizScoresBox li.quiz a {
  width: 240px;
}
div.myQuizzesBox {
  float: left;
  width: 270px;
}
div.myQuizzesBox li.quiz a {
  width: 260px;
}
/* END QUIZ */
div.openInviter select {
  width: 238px;
  font-size: 12px;
  padding: 2px;
}
div.openInviter div.formNolabel {
  margin-left: 0;
}
div.contactList {
  border: 1px solid #FF0000;
  width: 408px;
  padding: 4px 0;
  height: 250px;
  overflow: auto;
  float: left;
  margin-top: 10px;
}
div.contactList li {
  padding: 2px 6px;
}
div.contactList li :hover {
  background: #FFCCCC;
}
div.contactList li.added {
  -moz-opacity: 0.5;
  opacity: 0.5;
}
div.contactList span {
  float: right;
  color: #808080;
  font-size: 11px;
}
dl.copyright dd {
  margin-left: 10px;
  font-style: italic;
}
dl.tags dd {
  margin-left: 10px;
}
div.world_cup_box {
  background: url('../images/world_cup_banner2.png') no-repeat;
  height: 148px;
  width: 555px;
  position: relative;
  margin-top: -30px;
  margin-bottom: 5px;
  overflow: hidden;
}
div.world_cup_box a.more {
  float: right;
  margin-right: 270px;
  margin-top: 12px;
}
div.world_cup_box ul {
  width: 512px;
  height: 110px;
  margin-left: 20px;
}
div.world_cup_box ul li {
  line-height: 0;
}
div.world_cup_box ul li a {
  background: url('../images/icon_full_shadow.png') no-repeat;
  padding: 5px;
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 10px 0 0;
  float: left;
  position: relative;
  text-decoration: none;
}
div.world_cup_box ul li div.title {
  font-family: "Didact Gothic", "Century Gothic", "MS Trebuchet", "Futura", sans-serif;
  display: block;
  background: url('../images/black.png');
  width: 100px;
  height: 25px;
  top: 80px;
  left: 5px;
  color: white;
  line-height: 25px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
body,
div.body {
  background-image: none;
}
#header h1 a {
  float: right;
  margin-top: 17px;
  width: 151px;
  height: 43px;
  background: url('../images/logo_themed.png') no-repeat;
  left: 0;
}
#header #search {
  display: none;
}
#content {
  background: none;
}
#centre {
  border-width: 1px;
  background: #fff;
  padding: 7px 15px;
}
#sidebar {
  border-width: 1px;
  background: #fff;
  padding: 7px 10px;
}
#sidebar #FacebookPrompt {
  background-image: url('../images/facebook_prompt_white.png');
}
#shareLinks,
#currentUser {
  border: 1px solid;
  border-color: #FF0000;
  background: #fff;
}
#shareLinks {
  padding: 3px 5px;
}
#currentUser {
  margin-top: 6px;
  padding: 2px 5px;
}
/* no sidebar */
/*
#frame, #framefooter, #header {
	width: 796px;
}

#sidebar {
	display: none;
}

#shareLinks {
	right: 270px;
}
*/
#contentfooter {
  background: none !important;
}
#menu {
  margin-top: 4px;
}
#menu li a.menulink span.wrap {
  padding: 1px 10px 0 10px;
  border: 1px solid;
  border-color: #FF0000;
  background: #fff;
}
#menu li a.selected {
  background-image: none;
}
#menu li a.selected span.wrap {
  padding-bottom: 1px;
  border-bottom-width: 0;
}
#QuickLogin {
  left: 0;
  top: -4px;
}
body, div.body { background-image: url("http://kwizmi.com/css/../photos/themes/original_e229c9b82c1f50fbe2166f93ce19ec55.jpg"); background-position: center top; background-repeat: repeat-x;}