/* =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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;   color: black;   background: white;}
ol, ul {list-style: none;}
table { border-collapse: separate;  border-spacing: 0;}
caption, th, td {   text-align: left;   font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

body {background-image: url('../gfx/dogrania-background.gif'); font-size: 12px; color: #404040; font-family: Arial,Helvetica,sans-serif; background-color: #f0f0f0; margin-top: 24px;}

div#wrapper {margin: 0px auto; padding: 4px; width: 976px; }

div.content-top {overflow: hidden; position: relative; background-image: url('../gfx/dogrania-content-top-v2.png'); width: 974px; height: 43px;}
div.content-top div#links {position: absolute; top: 19px; right: 20px;}
div.content-top div#links a {color: #57450d; text-decoration: underline; margin-left: 8px;}
div.content-top div#links a:hover {text-decoration: none;}
div.content-top p {margin-top: 20px; margin-left: 44px; color: #3d3200; }
div.content-top p b {font-weight: bold;}
div.content-bottom {background-image: url('../gfx/dogrania-content-bottom.png'); width: 974px; height: 16px;}
div.content {background-image: url('../gfx/dogrania-content.png'); width: 954px; overflow: hidden; padding: 12px 10px; }
a#dogrania-logo {display: block; background-image: url('../gfx/dogrania-logo.png'); width: 176px; height: 151px; margin-top: 6px;}

div.box {position: relative; background-color: #c0e98b; padding-bottom: 1px;}
div.box div.box-header {padding-top: 8px; position: relative; height: 20px;}
div.box div.box-header span.header-logo {position: absolute; top: -4px; left: 8px; display: block; width: 36px; height: 36px; background-image: url('../gfx/box-header-circle-hot.png');}
div.box div.box-header h3 {font-size: 14px; font-weight: bold; margin-left: 48px; color: #576F37;}
div.box div.box-content {background-color: white; margin: 6px; margin-top: 0px; padding: 6px; }
div.box div.box-content p {font-size: 12px; color: #454545; line-height: 16px; text-align: justify; padding: 2px;}
div.box div.box-content ul.game{margin-top: 0px; }
div.box div.box-content ul.game li{position: relative; background-color: #EAFFCF; border: 1px solid #d4f5aa; overflow: hidden; margin-bottom: 6px;}
div.box div.box-content ul.game li img{float: left;}
div.box div.box-content ul.game li h3 {float: left; margin-top: 9px; margin-left: 4px;}
div.box div.box-content ul.game li h3 a {color: #576F37; font-size: 12px; text-decoration: none; font-weight: bold;}
div.box div.box-content ul.game li h3 a:hover {color: #576F37; font-size: 12px; text-decoration: underline; }
div.box div.box-content ul.game li p {clear: both; color: #505050; font-size: 10px; line-height: 12px; text-align: justify; padding: 5px; padding-top: 4px;}
div.box div.box-content ul.game li a.game-play {position: absolute; bottom: 2px; right: 2px; background-image: url('../gfx/box-left-button-play-v2.gif'); display: block; width: 58px; height: 20px;}
div.box div.box-content ul.game li a:hover.game-play {background-position: 0px -20px;}

div.column {float: left; margin-left: 8px; }
div.column div.cright {width: 302px;}
div.column div.cleft {width: 208px;}
div.column div.ccenter {width: 412px; }
div.column div.game-show {width: 620px;}
div.column div.game-show-full {width: 930px;}

div.column-cleft {float: left; margin-left: 8px; width: 208px; }
div.column-cright {float: left; margin-left: 8px; width: 302px; }
div.column-ccenter {float: left; margin-left: 8px; width: 412px; }
div.column-game-show {float: left; width: 620px;}
div.column-game-show-full {float: left; width: 930px;}

div.left {width: 208px; }
div.center {width: 412px; }
div.right {width: 302px; }
div.game-show {width: 620px; }

div.box span.tl{position: absolute; top: 0px; left: 0px; display: block; width: 3px; height: 3px; background-image: url('../gfx/box-left-corners.gif');}
div.box span.tr{position: absolute; top: 0px; right: 0px; display: block; width: 3px; height: 3px; background-image: url('../gfx/box-left-corners.gif'); background-position: -3px 0px;}
div.box span.bl{position: absolute; bottom: 0px; left: 0px; display: block; width: 3px; height: 3px; background-image: url('../gfx/box-left-corners.gif'); background-position: 0px -3px;}
div.box span.br{position: absolute; bottom: 0px; right: 0px; display: block; width: 3px; height: 3px; background-image: url('../gfx/box-left-corners.gif'); background-position: -3px -3px;}

ul.gamelist {width: 208px;}
ul.gamelist li {overflow: hidden; border: 1px solid #E5F0F7; color: #404040; background-color: #F4FBFF; padding: 6px; margin-top: 115px; width: 207px;}
ul.gamelist li a {font-weight: bold; font-size: 12px; color: #336699; text-decoration: none;}
ul.gamelist li a:hover {text-decoration: underline; }
ul.gamelist li img {border: 1px solid #909090; padding: 1px; width: 70px; height: 55px; margin: 6px 0px;}

ul.categories {padding: 0px; }
ul.categories li {position: relative; margin-bottom: 2px; background-color: #EAFFCF; padding: 8px 12px; }
ul.categories li:hover {background-color: #FFF8AF;}
ul.categories li.in {background-color: #FFF8AF;}
ul.categories li span {position: absolute; font-size: 11px !important; color: #576F37; top: 5px; right: 6px; background-color: white; padding: 4px; }
ul.categories li a {font-size: 14px; font-weight: bold; color: #576F37;}
ul.categories li a:hover {text-decoration: none;}

div#ads-300x250 {width: 300px; height: 250px; padding-left: 1px; margin-top: 6px;}
div#ads-160x600 {width: 160px; height: 600px; margin: 0px auto;}

div.clean {line-height: 0px; font-size: 0px; clear: both;}

div.paginator {overflow: hidden; margin-right: 12px; float: right;}
div.paginator span {float: left; }
div.paginator span.paginate-current {text-align: center; display: block; border: 1px solid #FFD265; background-color: #FFD97F; padding: 4px 4px; margin: 0px 2px; }
div.paginator span a {color: #4F3905; text-decoration: none; text-align: center; display: block; border: 1px solid #FFD265; background-color: #FFEAB6; padding: 4px 4px; margin: 0px 2px;}
div.paginator span a:hover {background-color: #FFD97F;}

div#dogrania-breadcrumbs ul {margin-left: 50px; overflow: hidden; margin-top: -2px;}
div#dogrania-breadcrumbs ul li {padding: 0px; margin: 0px; padding-bottom: 2px; float: left;font-size: 16px; color: #404040;}
div#dogrania-breadcrumbs ul li a {font-size: 16px; font-weight: normal; color: #576F37; text-decoration: none;}
div#dogrania-breadcrumbs ul li a:hover {color: #606060;}
div#dogrania-breadcrumbs ul li.bc-last a {font-weight: bold;}

table.form {margin: 0px auto; width: 100%;}
table.form td {padding: 6px 0px; padding-left: 0px;}
table.form td p {padding: 4px 6px !important; font-size: 12px !important;}
table.form td.label {padding-left: 14px; font-size: 11px; color: #202020; text-align: right; padding-right: 5px;}
table.form td.field {}
table.form td.button {text-align: center;}
table.form td h4 {font-size: 14px; padding: 5px; color: #202020; background-color: #FFCF4F; font-weight:normal;}

div.bottom-links {background-color: #F1FFDF; border-top: 1px solid #C0E98B; padding: 8px; text-align: right;}
div.bottom-links a {color: #426F3E;}
div.bottom-links a:hover {text-decoration: none;}

div.top-panel {background-color: #EAFFCF; border-bottom: 1px solid #C0E98B; padding: 10px;}
div.top-panel a {margin-right: 6px; font-weight: normal; padding: 2px 4px; color: #404040; text-decoration: none;}
div.top-panel a.in {background-color: #C0E98B; border: 1px solid #576F37;}
div.top-panel a:hover {background-color: #C0E98B;}


div.bottom-panel{background-color: #F4FBFF; border-top: 1px solid #CCE6FC; padding: 8px;}
div.bottom-panel h3 {position: relative; color: #53A0DF; font-weight: bold; font-size: 16px; margin: 8px 0px; padding-bottom: 10px; padding-left: 6px; border-bottom: 1px dashed #CCE6FC}
div.bottom-panel h4 {position: relative; color: #17447F; font-weight: normal; font-size: 14px; margin: 8px 0px; padding-left: 6px; }
div.bottom-panel h3 span {display: block; padding: 5px; background-color: #ffffff; color: #404040; position: absolute; font-weight: normal; font-size: 11px; top: -4px; right: 140px;}
div.bottom-panel h3 a#dogrania-write-comment {cursor: pointer; position: absolute; top: -7px; right: 6px; width: 120px; height: 25px; display: block; background-image: url('../gfx/dogrania-button-write-comment.png')}
div.bottom-panel h3 a:hover#dogrania-write-comment {background-position: 0px -25px;}div.bottom-panel a {color: #426F3E;}
div.bottom-panel p {margin-left: 4px;}
div.bottom-panel a:hover {text-decoration: none;}

div.game p {color: rgb(96, 96, 96); float: left; font-size: 12px; line-height: 16px; text-align: justify; padding-right: 14px;}
div.game-show2 div#game-text p {color: rgb(96, 96, 96); margin-right: 5px; width: 322px; font-size: 12px; line-height: 18px !important; text-align: justify; padding-right: 14px;}
div.game-show2 div#game-text p.game-instructions {width: 310px; border: 1px solid #FFEB8F; background-color: #FFF6DF; padding: 6px !important;}
div.game-show2  {}
div.game-show2 div#game-text p b {font-size: 13px;}
div.game-show2 a#game-play-big {position: relative; text-decoration: none; display: block; width: 248px; height: 208px; margin: 6px 0px 6px 6px;}
div.game-show2 a#game-play-big div.t-line {position: absolute; padding-top: 14px; text-align: center;bottom: 0px; left: 0px; width: 248px; height: 38px; background-image: url('../gfx/dogrania-transparent-pixel.png');}
div.game-show2 a#game-play-big div.t-line span { color: #ffffff; font-size: 18px; font-weight: bold; }


div.game-show2 img {border: 3px solid #a0a0a0; padding: 1px}

div.game-show2 div#game-features {float: left; width: 260px; }
div.game-show2 div#game-features div#game-flags {overflow: hidden; margin-left: 18px;}
div.game-show2 div#game-features div#game-flags a {display: block; float: left; height: 60px; margin-right: 17px;}
div.game-show2 div#game-features div#game-flags a#game-leaderboard-on {width: 47px; background-image: url('../gfx/game-leaderboard-icon-v2.gif'); }
div.game-show2 div#game-features div#game-flags a#game-leaderboard-off {width: 47px; background-image: url('../gfx/game-leaderboard-icon-v2-off.gif'); }
div.game-show2 div#game-features div#game-flags a#game-top-on {width: 39px; background-image: url('../gfx/game-top-icon-v2.gif'); }
div.game-show2 div#game-features div#game-flags a#game-top-off {width: 39px; background-image: url('../gfx/game-top-icon-v2-off.gif'); }
div.game-show2 div#game-features div#game-flags a#game-exp-on {width: 41px; background-image: url('../gfx/game-exp-icon-v2.gif'); }
div.game-show2 div#game-features div#game-flags a#game-exp-off {width: 41px; background-image: url('../gfx/game-exp-icon-v2-off.gif'); }
div.game-show2 div#game-features div#game-flags a#game-contest-on {width: 40px; background-image: url('../gfx/game-contest-icon-v2.gif'); }
div.game-show2 div#game-features div#game-flags a#game-contest-off {width: 40px; background-image: url('../gfx/game-contest-icon-v2-off.gif'); }
div.game-show2 div#game-text {float: right; width: 324px; margin-right: 5px;}
div.game-show2 div#game-text p.game-tags {width: 310px; border: 1px solid #C0E98B; background-color: #F1FFDF; padding: 6px; line-height: 18px; }

span.weight-normal {font-weight: normal !important;}

/* @group Game List */
.game_thumb {border: 1px solid #f0f0f0; background-color: #fafafa;  overflow: hidden; width: 112px; height: 160px; float: left; padding: 12px 11px; position: relative; margin: 6px 6px 7px 7px; }
.smaller {width: 102px; height: 110px; }
.smaller_thumb_link {width: 80px !important; height: 80px !important; }
div:hover.game_thumb { padding: 12px 11px; border: 1px solid #FFEB8F; background-color: #FFF6DF;  }
.game_thumb .thumb_link,
.game_thumb .thumb { display: block; border: 2px solid #ddd; padding: 2px; margin: 0px auto; }
.game_thumb .thumb_link, .game_thumb .thumb_link img { width: 100px; height: 100px; }
.game_thumb .thumb_link img.smaller { width: 80px; height: 80px; }

.game_thumb .thumb_link { position: relative; }
.game_thumb .thumb_link .lb_enabled { display: block; width: 14px; height: 13px; background: url("../images/icon_trophy.png") no-repeat; position: absolute; right: -7px; top: -6px; }
.game_thumb .thumb_link .poi_enabled { display: block; width: 16px; height: 16px; background: url("../images/icon_coin_stack.png") no-repeat; position: absolute; left: -5px; bottom: -5px; }

.flyout_panel { border: 2px solid #965c21; position: absolute; top: -10px; left: 90px; background: #fff; padding: 3px
; font-weight: normal; font-size: .8em; color: #555; text-decoration: none; width: 150px; z-index: 200; }

/* .game_thumb .thumb_link:hover .popup { display: block !important; } */

.game_thumb .meta { text-align: center; }
.game_thumb .meta h3 { margin: 5px 0 2px 0px; font-size: 12px; line-height: 14px; overflow: hidden; }
.game_thumb .meta h3 a { color: #965c21; text-decoration: none; line-height: 14px; }
.game_thumb .meta h3 a:hover { text-decoration: underline; }
.game_thumb .meta h4 { margin: 1px 0 0px 0; font-size: 10px; line-height: 12px; font-weight: normal; color: #5d5d60; overflow: visible; }
.game_thumb .meta h4.poi {color:#3B9BDE;font-style:italic;}
.game_thumb .meta h4 a { color: #5d5d60; font-weight: normal; text-decoration: none; }
.game_thumb .meta h4 a strong { color: #fd8b1a; font-size: 10px; font-weight: normal; }
.game_thumb .meta h4 a:hover { text-decoration: underline; }
.game_thumb .meta p { font-size: 10px; margin: 5px 0 0 85px; line-height: 1.1em; letter-spacing: 0px; }

/* @end */

div.game_thumb a#in-category-play-mini {display: none; position: absolute; bottom: 4px; right: 4px; width: 20px; height: 19px; background-image: url('../gfx/game-button-play-mini.png')}
div.game_thumb span#score {display: block; position: absolute; bottom: 4px; left: 4px; font-size: 10px; color: #909090;}
div:hover.game_thumb  a#in-category-play-mini {display: block; position: absolute; bottom: 4px; right: 4px; width: 20px; height: 19px; background-image: url('../gfx/game-button-play-mini.png')}

div#game-controls {text-align: center; width: 318px; border: 1px solid #e0e0e0; background-color: #ffffff; padding: 2px !important;}
div#game-controls span{ text-align: left; display: block; padding: 5px; background-color: #f2f2f2; color: #404040; font-weight: bold;}
div#game-controls img{ margin-top: 7px; margin-bottom: 2px;}

div#game-comment-form label {display: block; font-size: 12px; width: 120px; margin-top: 12px; margin-bottom: 12px;}

h5 {position: relative; font-size: 14px; padding: 12px 4px; margin-bottom: 12px; border-bottom: 1px solid #e0e0e0;}
h5 span {float: right; font-size: 12px; position: absolute; top: 14px; right: 6px;}
#data_search_results {
	width: 183px !important;
	border: 1px solid #B7D9ED;
	border-top: 0px;
	font-size: 10px;
	font-family: arial;
	padding: 0px 0px;
	display: none;
	margin: 1px 0px 0px 2px;
	background-color: #ffffff;
}

#data_search_results div {
    padding: 4px 4px;
	color: #404040;
	cursor: pointer;
}

#data_search_results .selected {
	background-color: #B7D9ED;
}

#data_search_results .unselected {
}

div#swf_code {width: 592px !important; height: 444px !important;}
div#swf_code object {width: 592px !important; height: 444px !important;}

div#swf_code_full {width: 780px !important; height: 600px !important;}
div#swf_code_full object {width: 780px !important; height: 600px !important;}