/* FLASH */
div.notice {
  border: 2px solid #BBDF8D;
  background-color: #EAF7D9;
}
div.info {
  border: 2px solid #B8E2FB;
  background-color: #E8F6FF;
}
div.warning {
  border: 2px solid #F2DD8C;
  background-color: #FFF5CC;
}
div.error {
  border: 2px solid #FFAEAE;
  background-color: #FEEBEB;
}
div.warning span {
  font-weight: bold;
}
div.notice a,
div.info a,
div.error a,
div.warning a {
  color: #333;
}

div.notice,
div.info,
div.warning,
div.error {
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

div.message.notice {
  padding-left: 35px;
  background: #EAF7D9 url("/images/ico-notice.gif") 10px 50% no-repeat;
}
div.message.warning {
  padding-left: 35px;
  background: #FFF5CC url("/images/ico-warning.gif") 10px 50% no-repeat;
}
div.message.info {
  padding-left: 35px;
  background: #E8F6FF url("/images/ico-info.gif") 10px 50% no-repeat;
}
div.message.error {
  padding-left: 35px;
  background: #FEEBEB url("/images/ico-error.gif") 10px 50% no-repeat;
}


/* ERRORS */
div.errorExplanation {
  border: 2px solid #FFAEAE;
  background-color: #FEEBEB;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 0px;
  margin-bottom: 20px;
}
div.errorExplanation h2 {
  border: none;
  background-color: #fcc;
  margin:0;
  margin-bottom:10px;
  padding:5px 10px;
}
div.errorExplanation p {
  padding:0px 10px;
}
div.errorExplanation ul {
  margin:0px 0px 20px 0px;padding:0px;
}
div.errorExplanation ul li {
  margin-left:25px;
}
div.fieldWithErrors {
  border: 1px solid #f00;
  display: inline-block;
  margin-right: 3px;
}


/* Tooltips CSS definitions */	

.tooltip {
	position: absolute!important;
	overflow:hidden;
	font-size: 12px;
	z-index: 10000!important;
}
	.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
	.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #E4A227; border-left: 1px solid #E4A227; border-right: 1px solid #E4A227; }
	.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #E4A227; }
	.tooltip .xb1 { margin: 0 5px; background: #E4A227; }
	.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
	.tooltip .xb3 { margin: 0 2px; }
	.tooltip .xb4 { height: 2px; margin: 0 1px; }
	
	.tooltip .xarrow {
		position: relative;
		top: 2px; left: 12px;
		width: 11px;
		height: 7px;
	}
		.tooltip .xarrow b {
			display: block;
			background:#666;
			border-left:1px solid #E4A227;
			border-right:1px solid #E4A227;
			font-size:1px;
			height: 1px;
		}
		.tooltip .xarrow .a1 { margin: 0 5px; background-color: #E4A227; border: 0 solid; width: 1px; }
		.tooltip .xarrow .a2 { width: 1px; margin: 0 4px;}
		.tooltip .xarrow .a3 { width: 3px; margin: 0 3px;}
		.tooltip .xarrow .a4 { width: 5px; margin: 0 2px;}
		.tooltip .xarrow .a5 { width: 7px; margin: 0 1px;}
		.tooltip .xarrow .a6 { width: 9px; margin: 0 0px;}

	.tooltip .xboxcontent {
		padding: 0 .5em;
		margin: 0;
		color: #FFF;
		word-wrap:break-word;
		border: 1px solid #E4A227;
		border-width: 0px 1px 0 1px;
		background-color: #E4A227;
		line-height:15px;
		font-size:12px;
		font-weight:bold;
	}

@charset "utf-8";
/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 1;
}

table th {
  text-align:left;
  padding:2px;
}
/* Utilities */
.left {float:left;}
.right {float:right;}
.vtop {vertical-align:top;}
.noscreen { display:none; }
.clear_both {
  clear: both;
  margin:0;padding:0;
  height: 0%;
  height: 0px;
  width: 100%;
}

h1 {
  font-size: 169%;
  font-weight: bold;
  margin-bottom: 15px;
}
h2 {
  font-size: 123%;
  font-weight: bold;
  margin-bottom: 15px;
}
h3 {
  margin-bottom: 15px;
  font-size: 108%;
}

p {
  margin-bottom: 10px;
}

h1 {
  position:relative;
  margin: 0px 0px 15px 0px;
  padding: 15px 15px;
  letter-spacing: -1px;
  display: block;
  font-size: 180%;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
h1 a,
h1 a:hover,
h1 a:visited {
  color: #FFF;
}

/* LAYOUT */
body{
  margin:0;padding:0;
  color:#232323;
  border-top:2px solid #D57819;
  font-size:12px;
  font-family:Tahoma;
  background: #faf5e1 url("/images/header_bg.jpg") 0 0 repeat-x;
}

/* HEADER */
#header {
  width:1004px;
  height:100px;
  margin: 0 auto;
  color: #dcd66e;
  padding: 0px;
  position:relative;
}

#breadcrumb {
  padding:10px;
  height:20px;
  color:#FFF;
}
#breadcrumb a {
  color:#FFF;
  text-decoration:underline;
}
#header a {
  color: #FFFFFF;
}
#header div.title {
  float:left;
  font-size:300%;
  font-weight: bold;
  margin-left:10px;
  color: #FFFFFF;
}
#header div.title a {
  text-decoration:none;
}

#search_box {
  float:right;
  background-image: url(/images/search.png);
  background-repeat: no-repeat;
  padding: 0px;
  height: 38px;
  width: 363px;
  font-family: Arial;
  font-weight: bold;
  color: #9a2500;
  vertical-align:middle;
  padding-left: 20px;
  padding-top: 8px;
}
#search_box .searchname {
  float: left;
  height: 20px;
  margin: 0px;
  padding-left: 20px;
}
#search_box input.text {
  font-family: Arial;
  font-size: 11px;
  color: #333333;
  margin: 0px 5px; padding: 0;
  height: 19px;
  width: 215px;
  border: 1px solid #CCCCCC;
}
#search_box a.go,
#search_box a.go:hover {
  font-family: Arial;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #b72D01;
  margin: 0px;
  height: 19px;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
}

/* CONTENT */
#page {
  width:1004px;
  margin: 0 auto;
  padding: 20px;
  color: #dcd66e;
  color: #3B3B3B;
  min-height:700px;
}

#content {
  margin:0;
  padding:0;
  width:666px;
  float:right;
}
#sidebar {
  width:310px;
  float:left;
}
#page a, 
#page a:hover {
  font-weight: bold;
  color: #c12f00;
}

h1,
div.games h2,
div.games h3 {
  font-size:160%;
  background-color: #3B3B3B;
  font-weight:normal;
  color:#FFF;
  padding:10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  letter-spacing:1px;
}

div.thumb_small,
div.thumb_medium {
  position:relative;
  border:2px solid #E4A227;
  float:left;
  margin:0px 5px 5px 0px;
  width:100px; height:100px;
  overflow:hidden;
  text-align:center;
  vertical-align:center;
  background-color:#FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
div.thumb_small img {
  width:100px;
  height:100px;
}
div.framed {
  padding:10px;
  border:2px solid #E4A227;
  background-color:#FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom:20px;
}

#categories {
  width:300px;
  padding:0px; margin:0px 0px 20px 0px;
}
#categories ul {
  width:280px;
  padding:10px;
  line-height: 24px;
  list-style-type:none;
}

div.more_games {
  width:310px;
  text-align:center;
}
div.more_games div.thumb_small {
  margin:4px 4px 4px 0px;
  height:95px;width:95px;
}
div.more_games div.thumb_small.last {
  margin-right:0px;
}

div.game_panel {
  float:right;
  width:666px;
  margin-left:10px;
}

.game_description {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border:3px solid #E4A227;
  padding:5px;
  margin:0px 0px 15px 0px;
  line-height:15px;
  font-family: Arial;
  font-size:13px;
  line-height:18px;
  font-weight:normal;
  color: #ffc762;
  color:#FFF;
  background-color:#FFF;
  color:#000;
}
.game_description a {
  color:#000;
  font-weight:bold;
  text-transform:uppercase;
}

div.instructions {
  background-color: #FFF;
  border:3px solid #E4A227;
  padding:5px;
  margin:0px 0px 15px 0px;
  line-height:15px;
  width:650px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.full_game {
  position:relative;
  background-color: #FFF;
  border:3px solid #E4A227;
  width:660px;
  height:495px;
  margin:0px 0px 15px 0px;
  vertical-align:baseline;
  text-align:center;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.full_game div.center_game {
  position:absolute;
  left: 50%; top: 50%; 
}

/* FOOTER */
#footer{
  display:block;
  clear:both;
  width:100%;
  margin: 0 auto;
  margin-top:20px;
  padding: 0px;
  background-color:#141414;
}

#footer .inner {
  width:1004px;
  margin:0 auto; padding:20px 0px;
  font-family: Arial;
  font-size: 11px;
  color: #dcd66e;
  color: #9e9e9e;
}
#footer strong {
  font-weight:normal;
}
#footer a {
  text-decoration: underline;
  color: #9e9e9e;
}
#footer a:hover {
  color: #FFFFFF;
}

/* SEARCH RESULTS */
div.game_result {
  float:left;
  background-color:#FFF;
  border:2px solid #A85000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  width:480px;
  height:100px;
  padding:5px;
  margin-bottom:10px;
  color:#000;
}
div.game_result.even {
  margin-left:15px;
}
div.game_result div.thumb_small {
  margin:0; padding:0;border:none;
}
#page div.game_result a {
  color:#000;
}
div.game_result span.match {
  color:#BA3103;
}
div.game_result .excerpt {
  float:right;
  width:370px;
  height:100px;
  overflow:hidden;
}
div.game_result .excerpt h3 {
  margin:0; margin-bottom:8px;
}
div.game_result .excerpt p {
  margin:0; margin-bottom:5px;
}

span.title {
  font-weight:bold;
}
/* pagination */
div.pagination {
  background-color:#FFF;
  border:2px solid #A85000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding:10px;
  text-align:right;
  margin-bottom:10px;
  color:#000;
  font-size:13px;
  font-weight:bold;
}
div.pagination a {
  margin:0px 5px;
  font-size:13px;
  font-weight:normal;
}

#sidebar .ads {
  text-align:left;
  width:300px;
}

.ad_block {
  margin-bottom:20px;
}
.ad_block .right {
  float:right;
}


div.thumb_medium {
  margin:0px 12px 10px 0px;
  margin:0px 20px 10px 0px;
}
div.thumb_medium,
div.thumb_medium img {
  width:140px; height:118px;
}

.big {
  border:2px solid #E4A227;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background-color:#FFF;
  height:250px;
  float:right;
  display:inline-block;
  margin-right:30px;
  margin-bottom:10px;
}