/*
 * Copyright (c) 2012, Intel Corporation.
 *
 * This program is licensed under the terms and conditions of the 
 * Apache License, version 2.0.  The full text of the Apache License is at
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

@CHARSET "UTF-8";

.img_board_select{
	padding:0px;
	border:1px solid #021a40;
}

.img_board{
	padding:1px;
}

.img_style{
	margin: 0px;
}

#board{
	line-height:0px;
	position:absolute;
	top:36px;
	left:247px;
}

.play1_lable{
	position:absolute;
	top:60px;
	left:18px;
	width:110px;
	font-family: default_font;
	font-size: 30pt;
	color: #000000;
	text-align:center;
}

.play1_score{
	position:absolute;	
	top:130px;
	left:17px;
	width:110px;
	font-family: default_font;
	font-size: 100pt;
	color: #000000;	
	text-align:center;
}

.play1_pieces_lable{
	position:absolute;	
	top:260px;
	left:18px;
	width:110px;
	font-family: default_font;
	font-size: 42pt;
	color: #000000;	
	text-align:center;
}

.play2_lable{
	position:absolute;
	top:60px;
	right:19px;
	width:113px;
	font-family: default_font;
	font-size: 30pt;
	color: #ffffff;
	text-align:center;
}

.play2_score{
	position:absolute;	
	top:130px;
	right:18px;
	width:110px;
	font-family: default_font;
	font-size: 100pt;
	color: #ffffff;	
	text-align:center;
}

.play2_pieces_lable{
	position:absolute;	
	top:260px;
	right:18px;	
	width:110px;
	font-family: default_font;
	font-size: 42pt;
	color: #ffffff;
	text-align:center;
}

.stone_selected{
	position:absolute;	
	top:516px;
	left:805px;	
	font-family: default_font;
	font-size: 48pt;
	color: #ffffff;		
}

.left_pieces{
	position:absolute;
	top:94px;
	left:167px;
	width:56px;
	line-height:0px;
}

.right_pieces{
	position:absolute;
	top:94px;
	right:170px;
	width:56px;
	line-height:0px;
}


.pieces{
	line-height:0px;
	margin:0px;
	padding:0px;
}

.configure{
	position:absolute;
	top:27px;
	left:810px;
}

.configure_panel{
	position:absolute;
	right:230px;
	top:11px;
	height:72px;
	margin:0px;
	padding:0px;
}

.configure_panel_func{
	position:relative;
	top:0px;
	left:0px;
    height:72px;
	width:366px;
	z-index:2;
	margin:0px;
	padding:0px;
	cursor:pointer;
	cursor:hand;
}

.configure_panel_arrow{
	position:absolute;
	right:-14px;
	top:0px;
	height:72px;
}

.configure_panel_img{
	height:72px;
}

.configure_panel_selected{
	background-color:#222222;
}

.configure_panel_backcolor{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

.configure_panel_startover{
	position:absolute;
	top:0px;
	left:0px;
	width:98px;
	height:72px;
	background:url('../images/game_008_settingsstartover_img.png') top center no-repeat;
	background-color:#000000;
	opacity:0.8;
}

.configure_panel_newgame{
	position:absolute;
	top:0px;
	left:98px;
	width:137px;
	height:72px;
}

.configure_panel_new1game{
	background:url('../images/game_011_settings1p_img.png') top center no-repeat;	
	background-color:#000000;
	opacity:0.8;
}

.configure_panel_new2game{
	background:url('../images/game_010_settings2p_img.png') top center no-repeat;
	background-color:#000000;
	opacity:0.8;	
}

.configure_panel_help{
	position:absolute;
	top:0px;
	left:235px;
	width:64px;
	height:72px;
	background:url('../images/game_009_settingsrules_img.png') top center no-repeat;
	background-color:#000000;
	opacity:0.8;
}

.configure_panel_exit{
	position:absolute;
	top:0px;
	left:299px;
	width:67px;
	height:72px;
	background:url('../images/game_012_settingsexit_img.png') top center no-repeat;	
	background-color:#000000;
	opacity:0.8;
}

.configure_panel_text{
	position:absolute;
	width:100%;
	bottom:0px;
	font-family:default_font;
	font-size: 21pt;
	color:#ffffff;
	text-align:center;
}

.display_none{
	display:none;
	z-index:-1;
}

.result{
	position:absolute;
	top:175px;
	left:113px;
	width:825px;
	height:277px;
	font-family: default_font;
	font-size: 38pt;
	color: #49342d;
        opacity: 0.9;
}

.result_p1win{
	background:url('../images/__MSG_@@ui_locale__/winner_002_p1win.jpg') no-repeat;
}

.result_p2win{
	background:url('../images/__MSG_@@ui_locale__/winner_003_p2win.jpg') no-repeat;
}

.result_wood{
	background:url('../images/winner_001_wood.jpg') no-repeat;
}

.result_draw_text{
	position:absolute;
	top:37px;
	left:330px;
	font-size: 60pt;
}

.result_win_text{
	position:absolute;
	top:37px;
	width:825px;
	font-size: 60pt;
}

.result_new_p1{
	position:absolute;
	top:162px;
	left:52px;	
	color: #49342d;
}

.result_new_p2{
	position:absolute;
	top:162px;
	left:340px;
	color: #49342d;	
}

.result_exit{
	position:absolute;
	top:162px;
	right:109px;
	color: #49342d;	
}

.result_new_p1_rollover{
	position:absolute;
	bottom:55px;
	left:36px;
	width:265px;
	height:51px;
}

.result_new_p2_rollover{
	position:absolute;
	bottom:55px;
	left:318px;
	width:265px;
	height:51px;
}

.result_exit_rollover{
	position:absolute;
	bottom:55px;
	right:55px;
	width:175px;
	height:51px;
}

.result_quit{
	position:absolute;
	right:20px;
	top:20px;
	width:24px;
	height:24px;
	background:url('../images/result_quit.png') no-repeat;
}

.help{
	position:absolute;
	top:0px;
	left:0px;
	width:1024px;
	height:600px;
	background:url('../images/rules_001_bg.jpg');
	font-family: default_font;
	z-index:5;
}

.help_text{
	position:absolute;
	top:100px;
	left:0px;
	width:1024px;
}

.help_title{
	font-size:78pt;
	color:#49342d;
}

.help_contain{
	font-size:32pt;
	color:#f2cfb1;
	line-height: 125%;
}

.help_exit{
	position:absolute;
	bottom:35px;
	right:30px;
	font-family: default_font;
	font-size:50pt;
	color:#49342d;
}

.help_exit_img{
	position:absolute;
	bottom:57px;
	right:21px;
}

.open{
	position:absolute;
	top:0px;
	left:0px;
	width:1024px;
	height:600px;
	background:url('../images/opening_001_bg.jpg');
	font-family: default_font;
	font-size:42pt;
	color:#49342d;
	z-index:4;
}

.open_title{
	position:absolute;
	top:91px;
	left:157px;
}

.open_text{
	position:absolute;
	bottom:95px;
	left:390px;
	line-height:120%;
	font-family:default_font;
	font-size:32pt;
}

.open_text_bg{
	position:absolute;
	left:360px;
	width:267px;
	height:52px;
}

.open_text_bg1{
	bottom:93px;
}

.open_text_bg2{
	bottom:145px;
}

.open_text_bg3{
	bottom:198px;
}

.open_text_bg4{
	bottom:250px;
}

.tip {
	/* background-color:#000000; */
	opacity:0.6;
}



.world {
	position:absolute;
	top:0px;
	left:0px;
	height:600px;
	width:1024px;
	background:url('../images/game_001_boardbg.jpg') no-repeat;
}

body {
    background-positon: left top;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
	position:absolute;
    cursor: default;
	width:1024px;
	height:600px;
	padding:0px;
	margin:0px;
	box-shadow: 5px 5px 20px black;
}

#licensebtnl {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    font: 16px standard;
    line-height: 20px;
    cursor: pointer;
    -webkit-border-radius: 20px;
    border: solid 1px #000000;
    opacity: 0.3;
    color: black;
}

#licensebtnl:hover {
    opacity: 1.0;
}

#licensepage {
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#237745), to(#105a2d));
}

#licensetext {
    width: 99%;
    height: 88%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #b06228));
    -webkit-border-radius: 12px;
    border-radius: 12px;
    box-shadow: inset 1px 1px 2px 1px black;
    padding-left: 10px;
    paddin: 10px;
    margin-bottom: 2px;
    overflow: hidden;
    cursor: move;
}

.licensebtn {
    position: absolute;
    color: #d7d7d7;
    border: solid 1px #333;
    text-align: center;
    text-decoration: none;
    font: 30px/100% Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    height: 52px;
    line-height: 48px;
    cursor: pointer;
    box-shadow: 2px 2px 14px #000;
}

#licensescroll {
    position: relative;
    font: 25px/100% Arial, Helvetica, sans-serif;
    text-align: center;
}

.licensebtn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
}

.licensebtn:active {
    color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
}

#licensebtnq {
    left: 412px;
    width: 200px;
}

a{
	outline:none;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
}