root { 
    display:block;
}

.debug {
    border:red 2px solid;
}

.clear {
        clear:both;
        height:0px;
		font-size: 0px;
		line-height: 0px;
        overflow:hidden;
}

a img {
    border:none;
}

sub {
	font-size: 85%;
	vertical-align: -12%;
}

#top_text {
    position:absolute;
    left:20px;
    top:11px;
    color:#009CE4;
    font-family:Arial;
    font-size:10px;
    font-weight:bold;
    text-align:left;
}

#about-us {
    position:absolute;
    top:20px;
    left:760px;
}

#help {
    position:absolute;
    top:20px;
    left:870px;
}

body {
    background-color:#51b3f2;
    background-image:url(/static/img/main/background.jpg);
    background-repeat:repeat-x;
    font:normal 14px Arial;
}

#head_head, #head_head_rel {
    width:934px;
    height:45px;
}

#head_head {
    background-image:url(/static/img/main/head_head.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
}

#head_head_rel {
    margin-top: 0;
    position: relative;
}

#head_body {
    background-image:url(/static/img/main/head_body.jpg);
    background-repeat:no-repeat;
    width:934px;
    height:112px;
    padding-top:10px;
    overflow:hidden;
}

#top_left_img,
#bottom_left_img,
#top_right_img,
#bottom_right_img {
    position:absolute;
}

#bottom_menu {
    padding:45px 0 21px 120px;
    text-align:left
}

.home_button,
.download-games_button,
.online-games_button,
.about_button,
.support_button,
.social-games_button,
.home_button_active,
.download-games_button_active,
.online-games_button_active,
.about_button_active,
.support_button_active,
.social-games_button_active  {
    display:block;
    width:107px;
    height:76px;
}

.home_button_active {
    background-image:url(/static/img/main/button_active.jpg);
	background-position: 0px 0px;
}

a.home_button {
    background-image:url(/static/img/main/button.jpg);
	background-position: 0px top;
}

a.home_button:hover {
	background-position: 0px bottom;
}

.download-games_button_active {
    background-image:url(/static/img/main/button_active.jpg);
	background-position: 535px 0px;
}

a.download-games_button {
	background-image:url(/static/img/main/button.jpg);
	background-position: 535px top;
}

a.download-games_button:hover {
	background-position: 535px bottom;
}

.online-games_button_active {
    background-image:url(/static/img/main/button_active.jpg);
	background-position: 428px 0px;
}

a.online-games_button {
    background-image:url(/static/img/main/button.jpg);
	background-position: 428px top;
}

a.online-games_button:hover {
	background-position: 428px bottom;
}

.about_button_active {
    background-image:url(/static/img/main/button_active.jpg);
	background-position: 214px 0px;
}

a.about_button {
    background-image:url(/static/img/main/button.jpg);
	background-position:214px top;
}

a.about_button:hover {
	background-position: 214px bottom;
}

.social-games_button_active {
	background-image:url(/static/img/main/button_active.jpg);
	background-position: 321px 0px;
}

a.social-games_button {
    background-image:url(/static/img/main/button.jpg);
	background-position:  321px top;
}

a.social-games_button:hover {
	background-position: 321px bottom;
}

.support_button_active {
    background-image:url(/static/img/main/button_active.jpg);
	background-position: 107px 0px;
}

a.support_button {
    background-image:url(/static/img/main/button.jpg);
	background-position: 107px top;
}

a.support_button:hover {
	background-position: 107px bottom;
}

.page_body {
    width:934px;    
    min-height: 300px;
	background: #ffffff url(/static/img/main/page_body.gif) left top repeat-y;
}

a.bottom_link {
    color:white;
    font:bold 14px Tahoma;
    text-decoration:none;
    padding:0 13px;
}

a.bottom_link:hover {
    text-decoration:underline;
}

a.common-link,
a.common-link:link,
a.comon-link:visited{
    color: #2B6ACB;
    text-decoration:none;
}

a.common-link:hover {
    color: #E08400;

}

.page_link {    
    font: bold 16px Tahoma;
    position:absolute;
	z-index: 2;
    top:120px;
    left: 110px;
    padding:0;
}

.page_link a:link,
.page_link a:visited,
.page_link a:hover {
    color: #A93502;
    text-decoration:none;
}

.page_link a:hover {
    color: #df6503;
}

a.game_link {
    color: #2c5eaf;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 14px;
    text-decoration: none;
}

a.game_link:hover {
    color:#df6503;
}

#bottom, #bottom_rel {
    width:934px;
    height:127px;
}

#bottom {
    background-image: url(/static/img/main/bottom.gif);
    position:relative;
    background-position:top;
    background-repeat:no-repeat;
    padding-bottom:40px;
}

#bottom_rel {
    position: relative;
    padding-bottom:0;
}

.copyright {
    color:#AADCFA;
    font-family:Tahoma;
    font-size:12px;
}

.input-box_div,
.input-box-long_div {
    background-image:url(/static/img/main/input.gif);
    background-repeat:no-repeat;
    padding:7px 2px 0 5px;
    width:185px;
    height:26px;
}

.input-box-long_div {
    background-image:url(/static/img/main/long_input.jpg);
    width:242px;
}

.input-box,
.input-box-long {
    font:normal 14px Tahoma;
    border:0px;
    width:175px;
}

.input-box-long {
    width:234px;
}

.vert-separator {
    background-image:url(/static/img/main/vert-separator.jpg);
	background-repeat: no-repeat;
    float:left;
    height:159px;
    width:2px;
}

/* Balloon */
.balloon_head_left,
.balloon_head_center,
.balloon_head_right,
.balloon_center_left,
.balloon_center_right,
.balloon_bottom_left,
.balloon_bottom_center,
.balloon_bottom_right {
    background-repeat:no-repeat;
    background-position:left top;
    overflow:hidden;
    width:100%;
    height:100%;
}

.balloon_head_left {
    background-image:url(/static/img/components/balloon/head_left.gif);    
}

.balloon_head_center {
    background-image:url(/static/img/components/balloon/head_center.gif);
    background-repeat:repeat-x;
}

.balloon_head_right {
    background-image:url(/static/img/components/balloon/head_right.gif);
    background-position:right top;
}

.balloon_center_left {
    background-image:url(/static/img/components/balloon/center_left.gif);
    background-repeat:repeat-y;
}

.balloon_center_right {
    background-image:url(/static/img/components/balloon/center_right.gif);
    background-repeat:repeat-y;
    background-position:right top;
}

.balloon_bottom_left {
    background-image:url(/static/img/components/balloon/bottom_left.gif);
    background-position:left bottom;
}

.balloon_bottom_center {
    background-image:url(/static/img/components/balloon/bottom_center.gif);
    background-repeat:repeat-x;
    background-position:left bottom;
}

.balloon_bottom_right {
    background-image:url(/static/img/components/balloon/bottom_right.gif);
    background-position:right bottom;
}

.balloon_head_left2,
.balloon_head_center2,
.balloon_head_right2,
.balloon_center_left2,
.balloon_center_right2,
.balloon_bottom_left2,
.balloon_bottom_center2,
.balloon_bottom_right2 {
    background-repeat:no-repeat;
    background-position:left top;
    overflow:hidden;
    width:100%;
    height:100%;
}

.balloon_head_left2 {
    background-image:url(/static/img/components/balloon2/head_left.jpg);    
}

.balloon_head_center2 {
    background-image:url(/static/img/components/balloon2/head_center.jpg);
    background-repeat:repeat-x;
}

.balloon_head_right2 {
    background-image:url(/static/img/components/balloon2/head_right.jpg);
    background-position:right top;
}

.balloon_center_left2 {
    background-image:url(/static/img/components/balloon2/center_left.jpg);
    background-repeat:repeat-y;
}

.balloon_center_right2 {
    background-image:url(/static/img/components/balloon2/center_right.jpg);
    background-repeat:repeat-y;
    background-position:right top;
}

.balloon_bottom_left2 {
    background-image:url(/static/img/components/balloon2/bottom_left.jpg);
    background-position:left bottom;
}

.balloon_bottom_center2 {
    background-image:url(/static/img/components/balloon2/bottom_center.jpg);
    background-repeat:repeat-x;
    background-position:left bottom;
}

.balloon_bottom_right2 {
    background-image:url(/static/img/components/balloon2/bottom_right.jpg);
    background-position:right bottom;
}

.balloon_name {
    position:absolute;
    left:44px;
    top:10px;
}

/* Blue balloon */
.blue-balloon_head_left,
.blue-balloon_head_center,
.blue-balloon_head_right,
.blue-balloon_center_left,
.blue-balloon_center_right,
.blue-balloon_bottom_left,
.blue-balloon_bottom_center,
.blue-balloon_bottom_right {
    background-repeat:no-repeat;
    background-position:left top;
    overflow:hidden;
    width:100%;
    height:100%;
}

.blue-balloon_head_left {
    background-image:url(/static/img/components/blue-balloon/head_left.jpg);
}

.blue-balloon_head_center {
    background-image:url(/static/img/components/blue-balloon/head_center.gif);
    background-repeat:repeat-x;
	background-color: #eefbff;    
}

.blue-balloon_head_right {
    background-image:url(/static/img/components/blue-balloon/head_right.jpg);
    background-position:right top;
}

.blue-balloon_center_left {
    background-image:url(/static/img/components/blue-balloon/center_left.gif);
    background-repeat:repeat-y;
}

.blue-balloon_center_right {
    background-image:url(/static/img/components/blue-balloon/center_right.gif);
    background-repeat:repeat-y;
    background-position:right top;
}

.blue-balloon_bottom_left {
    background-image:url(/static/img/components/blue-balloon/bottom_left.jpg);
    background-position:left bottom;
}

.blue-balloon_bottom_center {
    background-image:url(/static/img/components/blue-balloon/bottom_center.gif);
    background-repeat:repeat-x;
    background-position:left bottom;
}

.blue-balloon_bottom_right {
    background-image:url(/static/img/components/blue-balloon/bottom_right.jpg);
    background-position:right bottom;
}

.blue-balloon_name {
    position:absolute;
    left:44px;
    top:12px;
}

.blue-balloon_content {
    text-align: center;
}

/* Blue-White balloon */
.bluewhite-balloon_head,
.bluewhite-balloon_center,
.bluewhite-balloon_bottom {
    background-repeat:no-repeat;
    background-position:left top;
    overflow:hidden;
    width:100%;
    height:100%;
}

.bluewhite-balloon_head {
	background: url(/static/img/components/bluewhite-balloon/head.jpg) left top no-repeat;
}

.bluewhite-balloon_center {
	background: url(/static/img/components/bluewhite-balloon/center.gif) left top repeat-y;
}

.bluewhite-balloon_bottom {
	background: url(/static/img/components/bluewhite-balloon/bottom.jpg) left bottom no-repeat;
}

.bluewhite-balloon_name {
    position:absolute;
    left: 25px;
    top: -17px;
}

.bluewhite-balloon_content {
    text-align: center;
}

/* Signing, Newsletter */
#signing {
	background: url(/static/img/signing/bg.jpg) 0px 87px no-repeat;
}

#signing div.content {
	float: left;
	width: 420px;
}

#signing div.nameplate {
	float: left;
	width: 87px;
	height: 375px;
}

#signing p.sign {
	text-align: right;
	margin-right: 58px;
	margin-top: 15px;
}

#signing div.nameplate a {
	width: 87px;
	height: 52px;
	display: block;
	margin-top: 183px;
	background: url(/static/img/signing/home.jpg) 0px 0px no-repeat;
}

#signing div.nameplate a:hover {
	background-position: 0px -52px;
}

#signing,
#signing-newsletter {
	width: 846px;
	height: 375px;
	padding: 87px 0px 40px 0px;
	overflow: hidden;
}

#signing-newsletter {
	background: url(/static/img/newsletter/bg.jpg) 0px 87px no-repeat;
}

#signing div.content,
#signing-newsletter div.content {
	padding-left: 270px;
	height: 375px;
}

#signing-newsletter div.content {
	padding-right: 130px;
}

#signing h1,
#signing-newsletter h1 {
	color: #74ae00;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	margin-top: 37px;
}

#signing h2,
#signing-newsletter h2 {
	color: #e17d13;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	margin-top: 12px;
	margin-bottom: 0px;
}

#signing p,
#signing-newsletter p {
	margin-top: 16px;
	color: #000000;
}

#signing-newsletter div.input {
	overflow: hidden;
	text-align: left;
	margin-top: 6px;
}

#signing-newsletter div.email {
	width: 244px;
	height: 33px;
	float: left;
	background: url(/static/img/newsletter/input.gif) 0px 0px no-repeat;
}

#signing-newsletter div.email input {
	border: none;
	margin: 9px 0px 0px 12px;
	padding: 0;
	width: 220px;
	font: normal 12px Arial;
	color: #879ca6;
	
}

#signing-newsletter div.email input.active {
	color:#333333;
}

#signing-newsletter div.email input.text {
	background: url(/static/img/newsletter/enter-email.gif) 1px 3px no-repeat;
}

#signing-newsletter div.input input.sign-up {
	background: url(/static/img/download/sign-up.jpg) 0px 0px no-repeat;
	width:109px;
	height:27px;
	margin: 3px 0px 0px 11px;
	border: none;
}

#signing-newsletter div.input input.sign-up:hover {
	background-position: bottom;
}

#signing-newsletter #sign_result {
	color: red;
	text-align: left;
	margin: 3px 0px 0px 13px;
	font-size: 12px;
}


/* Betatest */
#betatest {
	
}

#betatest div.error-msg {
	color: #2B6ACB;
}

#betatest a {
	color: #2B6ACB;
}

#about-report {
	display: none;
	width: 640px;
	padding: 20px;
	background-color: #ffffff;
	border: 2px solid #0D6EC5;
}

#about-report a {
	color: #2B6ACB;
}

#about-report div.close {
	margin-top: 15px;
	text-align: center;
}

#about-report ul {
	list-style: disc inside;
	margin: 5px 0px 0px 10px; 
}

#simplemodal-overlay {
	background-color: #000000;
}

/* Scroll blocks */
div.scroll-frame {
	overflow: hidden;
	text-align: left;
	position: relative;
}

div.scroll-content {
	position: absolute;
	margin: 0px;
}

a.scroll-arrow {
	display: none;
	position: absolute;
	width: 21px;
	height: 45px;
	background: url(/static/img/index/scroll-arrows.jpg) no-repeat;
}

div.scroll a.left {
	background-position: 0px 0px;
	left: 9px;
}

div.scroll a.left:hover {
	background-position: 0px -45px;
}

div.scroll a.left-disabled,
div.scroll a.left-disabled:hover {
	background-position: 0px -90px;
	cursor: default;
}

div.scroll a.right {
	background-position: 0px -135px;
	right: 9px;
}

div.scroll a.right:hover {
	background-position: 0px -180px;
}

div.scroll a.right-disabled,
div.scroll a.right-disabled:hover {
	background-position: 0px -225px;
	cursor: default;
}

div.scroll div.balloon_head_right {
	position: relative;
}

div.scroll div.balloon_head_left,
div.scroll div.balloon_head_center,
div.scroll div.balloon_head_right,
div.scroll div.balloon_center_left,
div.scroll div.balloon_center_right,
div.scroll div.balloon_bottom_left,
div.scroll div.balloon_bottom_center,
div.scroll div.balloon_bottom_right {
    overflow: visible;
}

/* Download games scroll */
#download-games div.scroll-frame {
	width: 500px;
	height: 270px;
}

#download-games div.scroll-content {
	width: 1032px;
}

div.scroll-content div.download-games-item {
	padding: 13px 23px 16px 5px;
}

#download-games a.scroll-arrow {
	top: 139px;
}

#download-games a.all-games {
	display: block;
	position: absolute;
	width: 160px;
	height: 34px;
	left: 50%;
	bottom: -18px;
	margin-left: -80px;
	background: url(/static/img/index/all-games.jpg) 0px 0px no-repeat;
}

#download-games a.all-games:hover {
	background-position: 0px -34px;
}

/* Online games scroll */
#online-games div.scroll-frame {
	width: 500px;
	height: 130px;
}

#online-games div.scroll-content {
	width: 1024px;
}

div.scroll-content div.online-games-item {
	padding: 17px 26px 0px 7px;
}

#online-games a.scroll-arrow {
	top: 70px;
}

#online-games a.all-games {
	display: block;
	position: absolute;
	width: 160px;
	height: 34px;
	left: 50%;
	bottom: -18px;
	margin-left: -80px;
	background: url(/static/img/index/all-games.jpg) 0px -68px no-repeat;
}

#online-games a.all-games:hover {
	background-position: 0px -102px;
}

/* Balloons scroll */
div.balloons div.scroll-frame {
	width: 815px;
	height: 225px;
	margin: 0px auto;
}

div.balloons div.scroll-content {
	width: 1700px;
}

div.scroll-content div.list_item {
	padding: 15px 12px 0px 11px;
}

div.balloons a.scroll-arrow {
	top: 105px;
}

div.balloons div.balloon_content {
	padding: 0px;
}