html, body         { background: #fcfcfc; margin: 0; padding: 0; text-align: center; }
/* - Default font */
html,body,input,select,option, ul { font-family: Arial,Verdana,sans-serif; }
sup                { line-height: 0; }
.container         { margin-left: auto; margin-right: auto; width: 970px; text-align: left; }
.header            { color: #808080; text-decoration: none; font-size: 16px; font-weight: bold; }
.subheader         { color: #000000; text-decoration: none; font-size: 14px; font-weight: bold; }
.normaltext        { color: #000000; text-decoration: none; font-size: 12px; font-weight: normal; }
.normaltextl       { color: #000000; text-decoration: none; font-size: 13px; font-weight: normal; }
.normaltextxl      { color: #000000; text-decoration: none; font-size: 14px; font-weight: bold; }
.normallink        { color: #000000; text-decoration: none; font-size: 12px; font-weight: normal; }
.normallink:hover  { color: #1c6aa8; text-decoration: underline; font-size: 12px; font-weight: normal; }
.normallinkl       { color: #000000; text-decoration: none; font-size: 13px; font-weight: normal; }
.normallinkl:hover { color: #1c6aa8; text-decoration: underline; font-size: 13px; font-weight: normal; }
.lbluetext         { color: #1c6aa8; text-decoration: none; font-size: 14px; font-weight: bold; }
.bluelink          { color: #1c6aa8; text-decoration: none; font-size: 12px; font-weight: normal; }
.bluelink:hover    { color: #1c6aa8; text-decoration: underline; font-size: 12px; font-weight: normal; }
.lbluelink         { color: #1c6aa8; text-decoration: none; font-size: 14px; font-weight: bold; }
.lbluelink:hover   { color: #1c6aa8; text-decoration: underline; font-size: 14px; font-weight: bold; }
.smalltext         { color: #000000; text-decoration: none; font-size: 11px; font-weight: normal; }
.smalllink         { color: #000000; text-decoration: none; font-size: 11px; font-weight: normal; }
.smalllink:hover   { color: #1c6aa8; text-decoration: underline; font-size: 11px; font-weight: normal; }
.sbluelink         { color: #1c6aa8; text-decoration: none; font-size: 11px; font-weight: normal; }
.sbluelink:hover   { color: #1c6aa8; text-decoration: underline; font-size: 11px; font-weight: normal; }
.sgreylink         { color: #808080; text-decoration: none; font-size: 11px; font-weight: normal; }
.sgreylink:hover   { color: #1c6aa8; text-decoration: underline; font-size: 11px; font-weight: normal; }
.letterlink        { color: #000000; text-decoration: none; font-size: 13px; font-weight: normal; }
.letterlink:hover  { color: #1c6aa8; text-decoration: underline; font-size: 15px; font-weight: bold; }
.pagelink          { color: #9c9c9c; text-decoration: none; font-size: 11px; font-weight: normal; }
.pagelink:hover    { color: #808080; text-decoration: none; font-size: 11px; font-weight: bold; }
.pagelinksel       { color: #808080; text-decoration: none; font-size: 11px; font-weight: bold; }

.input             { color: #000000; text-decoration: none; font-size: 13px; font-weight: normal; }
.quiz_text         { color: #000000; text-decoration: none; font-size: 14px; font-weight: normal; }

.add_text_grey     { color: #808080; text-decoration: none; font-size: 11px; font-weight: normal; }
.tinytext          { color: #000000; text-decoration: none; font-size: 10px; font-weight: normal; }
.tinylink          { color: #000000; text-decoration: none; font-size: 10px; font-weight: normal; }
.tinylink:hover    { color: #1c6aa8; text-decoration: underline; font-size: 10px; font-weight: normal; }
.tinybluelink      { color: #1c6aa8; text-decoration: none; font-size: 10px; font-weight: normal; }
.tinybluelink:hover{ color: #1c6aa8; text-decoration: underline; font-size: 10px; font-weight: normal; }
.greytinytext      { color: #B0B0B0; text-decoration: none; font-size: 10px; font-weight: normal; }
.inputtext         { color: #000000; text-decoration: none; font-size: 13px; font-weight: normal; }
.logol             { color: #ffc200; text-decoration: none; font-size: 15px; font-weight: normal; }
.logol:hover       { color: #ffc200; text-decoration: underline; font-size: 15px; font-weight: normal; }
.logos             { color: #ffc200; text-decoration: none; font-size: 7px; font-weight: normal; }
.navi              { color: #808080; text-decoration: none; font-size: 12px; font-weight: normal; }
.navil             { color: #808080; text-decoration: none; font-size: 12px; font-weight: normal; }
.navil:hover       { color: #1c6aa8; text-decoration: underline; font-size: 12px; font-weight: normal; }
.navil_grey        { color: #B0B0B0; text-decoration: none; font-size: 12px; font-weight: normal; }
.navis             { color: #808080; text-decoration: none; font-size: 6px; font-weight: normal; }
.navis:hover       { color: #000000; text-decoration: underline; font-size: 6px; font-weight: normal; }
.navis_grey        { color: #B0B0B0; text-decoration: none; font-size: 6px; font-weight: normal; }
.yellow_text       { color: #ffc200; text-decoration: none; font-size: 12px; font-weight: normal; }
.whitetext         { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: normal; }
.whitelink         { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; }
.whitelink:hover   { color: #FFFFFF; text-decoration: underline; font-size: 12px; font-weight: bold; }
.rpxnow            { color: #ffc200; text-decoration: none; font-size: 12px; font-weight: normal; }
.rpxnow:hover      { color: #ffc200; text-decoration: underline; font-size: 12px; font-weight: normal; }
.searchl           { color: #ffc200; text-decoration: none; font-size: 12px; font-weight: normal; }
.searchl:hover     { color: #ffc200; text-decoration: underline; font-size: 12px; font-weight: normal; }
.search_fieldl     { font-size: 10px; width: 120px; background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #808080; } 
.keyboards         { color: #808080; background-color: #FFFFFF; text-decoration: none; font-size: 18px; font-weight: normal; }
.keyboardl         { color: #000000; background-color: #FFFFFF; text-decoration: none; font-size: 27px; font-weight: bold; }
.key_s             { color: #808080; background-color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: normal; }
.key_l             { color: #000000; background-color: #FFFFFF; text-decoration: none; font-size: 17px; font-weight: bold; }
.largeletter       { color: #000000; text-decoration: none; font-size: 38px; font-weight: bold; }
.listheader        { color: #000000; text-decoration: none; font-size: 18px; font-weight: bold; }
.adlink            { font-family:  arial, sans-serif; color: #808080; text-decoration: underline; font-size: 12px; font-weight: normal; }
tbody.on           { display:table-row-group; }
tbody.off          { display:none; }

/* The new paging styles */
ul.paging            { clear: both; font-size: 11px; position: relative; list-style-type: none; padding: 0px; }
ul.paging li         { float:left; }
ul.paging li a       { height: 15px; display: block; overflow: hidden; text-align: center; border: 1px solid #c6c6c6; margin: 0px 1px 0px 1px; line-height: 15px; padding: 0px 0px 0px 0px; text-decoration: none; font-weight: normal; color: #9c9c9c; }
ul.paging li a:hover { height: 15px; color: #606060; font-weight: bold; border: 1px solid #ffc200; }
ul.paging li span    { height: 15px; display: block; overflow: hidden; text-align: center; border: 1px solid #c6c6c6; margin: 0px 1px 0px 1px; line-height: 15px; padding: 0px 0px 0px 0px; text-decoration: none; font-weight: normal; color: #9c9c9c; }
ul.paging .current   { height: 15px; color: #ffc200; font-weight: bold; border: 1px solid #ffc200; background-color:#fff6df; }
ul.paging .disabled  { height: 15px; color: #e2e2e2; font-weight: bold; border: 1px solid #e2e2e2; background-color:#ffffff; }

/* Buy Now / Make Offer -styles */
ul.buybutton {
	position: relative;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 168px;
}
ul.buybutton li   { float:left; }
ul.buybutton li a {
	background-image: url('../gfx/button_white.png');
	background-repeat: no-repeat;
	background-position: right;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: block;
	line-height: 22px;
	width: 84px;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #000000;	
}
ul.buybutton li a:hover { 
	background-image: url('../gfx/button_green.png');
	color: #ffffff;	
}
  img.css-frame {
    border: 4px solid #fff;
    padding: 1px 1px 1px 1px;
    background: #e4e4e4;
  }
  .shadow {
    -moz-box-shadow: 2px 2px 3px #333;
    -webkit-box-shadow: 2px 2px 3px #333;
    box-shadow: 2px 2px 3px #333;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333');
  }
  .shadow2 {
    -moz-box-shadow: 1px 1px 1px #555;
    -webkit-box-shadow: 1px 1px 1px #555;
    box-shadow: 1px 1px 1px #555;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#555555')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#555555');
  }
.rounded-corners {
  /* Firefox */
  -moz-border-radius: 6px; 
  /* WebKit */
  -webkit-border-radius: 6px; 
  /* IE9, Opera 10.5+, dev channel releases of Google Chrome */
  border-radius: 6px 6px 6px 6px; 
	 }
	 .rounded-corners4 {
  /* Firefox */
  -moz-border-radius: 4px; 
  /* WebKit */
  -webkit-border-radius: 4px; 
  /* IE9, Opera 10.5+, dev channel releases of Google Chrome */
  border-radius: 4px 4px 4px 4px; 
}

.shadows {
  -moz-box-shadow: 1px 1px 2px #333;
  -webkit-box-shadow: 1px 1px 2px #333;
  box-shadow: 1px 1px 2px #333;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333');
}

.smallframeshadow {
  -moz-box-shadow: 2px 2px 2px #333;
  -webkit-box-shadow: 2px 2px 2px #333;
  box-shadow: 2px 2px 2px #333;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333');
}

img.frame_border {
  padding: 1px 1px 1px 1px;
  background: #cccccc;
}


.frame_normal {
	padding: 4px;
	border: solid 1px #CCC;
  background: #ffffff;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
  box-shadow: 2px 2px 2px #666;
}

.frame_medium {
	padding: 3px;
	border: solid 1px #CCC;
  background: #ffffff;
	-moz-box-shadow: 2px 2px 2px #777;
	-webkit-box-shadow: 2px 2px 2px #777;
  box-shadow: 2px 2px 2px #777;
}


.frame_small {
	padding: 2px;
	border: solid 1px #CCC;
  background: #ffffff;
	-moz-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
  box-shadow: 1px 1px 2px #999;
}
/*-----------------------------------------
    Navigation Styles
-----------------------------------------*/
ul.nav {
	position: relative;
	list-style-type: none;
  float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  line-height: 1.5em;
}
ul.nav li   { float:left; }
ul.nav li a {
	background-image: url('../gfx/navibg1.png');
	background-repeat: repeat-x;
	background-position: left top;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	display: block;
	line-height: 30px;
	vertical-align: text-bottom;
	font-family:'Arial',verdana,sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	color: #707070;	
}
ul.nav li a:hover { background-image: url('../gfx/navibg3.png'); background-repeat: repeat-x; background-position: left top; }
ul.nav a:hover, ul.nav a.active { background-image: url('../gfx/navibg2.png'); background-repeat: repeat-x; background-position: left top; }
ul.nav a:hover, ul.nav a.active:hover { background-image: url('../gfx/navibg4.png'); background-repeat: repeat-x; background-position: left top; }

ul.nav li a.logo {
	background-image: url('../gfx/navibg5.png');
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px 0px 0px 0px;
  padding: 0px 8px 0px 28px;
	display: block;
	line-height: 30px;
	font-family:'Arial',verdana,sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	color: #ffc200;
}
ul.nav li a.logo:hover { background-image: url('../gfx/navibg6.png'); background-repeat: repeat-x; }

ul.nav li a.activelogo {
	background-image: url('../gfx/navibg7.png');
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 28px;
	display: block;
	line-height: 30px;
	font-family:'Arial',verdana,sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	color: #ffc200;
}
ul.nav li a.activelogo:hover { background-image: url('../gfx/navibg8.png'); background-repeat: repeat-x; background-position: left top; }

a.blue_button {
	float: left;
	padding: 2px 4px;
    background-color: #ECEEF5;
    border: 1px solid #CAD4E7;
    border-radius: 3px 3px 3px 3px;
    display: block;
    color: #3B5998;
    cursor: pointer;
    text-decoration: none;
    font-size: 11px;
    font-family: "arial",sans-serif;
    margin-right: 3px;
}
a.blue_button:hover {
	border-color: #9dacce;
}

a.puzzle_button span.blue_text {
	background-image: url(../gfx/puzzle14.png);
}

span.blue_text {
	background-repeat: no-repeat;
    color: #3B5998;
    display: block;
    padding-left: 17px;
    white-space: nowrap;
    line-height: 14px;    	
}

span.blue_text .tm {
	font-size: 9px;
	line-height: 9px; 
}

a.lifeline {
	background-image: url("../gfx/grad40a.png");
	border: 1px solid #CDCDCD;
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	width: 220px;
	text-decoration: none;
}

a.lifeline:hover {
	background-image: url("../gfx/grad40c.png");
}

a.lifeline span.quiz_text {
	background: url("../gfx/lifebelt30.png") no-repeat left center;
    margin: 0px 8px 0px 14px; 
	padding-left: 40px;
	display: block;
	font-size: 12px;
	white-space: nowrap;
}

a.lifeline span.counter {
	margin-left: 5px;
	letter-spacing: 2px;
	float: right;
}
 

span.lifelinebox {
	background-image: url("../gfx/grad40a.png");
	border: 1px solid #CDCDCD;
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	width: 220px;
	text-decoration: none;
}

span.lifelinebox span.quiz_text_grey {
	background: url("../gfx/lifebelt30grey.png") no-repeat left center;
    margin: 0px 8px 0px 14px; 
	color: #c0c0c0;
	padding-left: 40px;
	display: block;
	white-space: nowrap;
}

div.selectRow {
	padding: 0px 4px 5px 0px;
	float: left;
	width: 180px;
	clear: both;
}

div.selectRow label {
	font-size: 12px;
	font-weight: bold;
	float: left;
}

div.selectRow select {
	float: right;
	width: 80px;
}

#completedHolder {
	margin-left: 30px;
	display: none;
	margin-bottom: 10px;
}