/*------------------------------------------------------*/
/* Test Site CSS
/*------------------------------------------------------*/

#log {
	display: none;
}

body, html {
    height: 100%;
}

/*------------------------------------------------------
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
/*------------------------------------------------------*/
html {
	color: #000;
	background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style: inherit;
	font-weight: inherit;
}
del,ins {
	text-decoration: none;
}
li {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
legend {
	color: #000;
}
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input,button,textarea,select {
	font-size: 100%;
}
/*------------------------------------------------------*/

/* Global ----------------------------------------------*/
html, body {
	background-color: #000000;
	font: normal 12px/14px 'Arial', 'Sans-Serif';
	margin: 0px;
	padding: 0px;
}
.banner, .header, .footer, .page {
	width: 997px;
	margin: 0px auto;
}
.clear {
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	clear: both;
}
/*------------------------------------------------------*/

/* Page Layouts ----------------------------------------*/
.scroll {
	width: 626px;
	margin: 0px auto;
	padding-bottom: 1px;
	background: url('../../images/testsite/bg.scroll.jpg') 0px bottom no-repeat;
}
.scroll h1 {
	background: url('../../images/testsite/bg.scroll.jpg') 0px 0px no-repeat;
	text-align: center;
	height: 86px;
}
.scroll h1 span {
	display: none;
}
.scroll .page_content {
	background: url('../../images/testsite/bg.scroll.jpg') -626px 0px repeat-y;
	margin-bottom: 53px;
	min-height: 327px;
	height: auto !important;
	height: 327px;
}
.scroll .page_content .inner_content {
	padding: 0px 50px;
}
.parchment {
	vertical-align: auto;
	width: 626px;
	margin: 0px auto;
	padding-bottom: 1px;
	background: url('../../images/bg.parchment.jpg') 0px bottom no-repeat;
}
.parchment h1 {
	background: url('../../images/bg.parchment.jpg') 0px 0px no-repeat;
	height: 8px;
	margin: 0px;
}
.parchment h1 span {
	display: none;
}
.parchment .page_content {
	background: url('../../images/bg.parchment.jpg') -626px 0px repeat-y;
	margin-bottom: 19px;
}
.parchment .inner_content {
	padding: 0px 20px;
}
/*------------------------------------------------------*/

/* Formating -------------------------------------------*/
.page a {
	color: #650A00;
}
.page .dynamic_content p {
	margin-bottom: 10px;
}
.page .dynamic_content h3 {
	font-weight: bold;
	margin: 10px 0px 5px 0px;
}
.page .dynamic_content ul {
}
.page .dynamic_content ul li {
	list-style: disc;
	margin: 0px 0px 0px 18px;
}
.page .dynamic_content ul li ul li {
	list-style: circle;
}
.page .dynamic_content ul li li li {
	list-style: square;
}
/*------------------------------------------------------*/

/* Banner ----------------------------------------------*/
.banner {
	background-color: #FF0000;
	color: #FFE0B6;
	font: bold 16px/20px 'Arial', 'Sans-Serif';
	padding: 3px;
	text-align: center;
}
.banner a {
	color: #FFE0B6;
}
/*------------------------------------------------------*/

/* Header ----------------------------------------------*/
.header {
	background: url('../../images/testsite/bg.header.jpg') no-repeat;
	height: 119px;
	position: relative;
}
.header .logo {
	width: 357px;
	height: 129px;
	margin: 0px 300px 0px 340px;
}
.header .launcher {
	position: absolute;
		top: 15px;
		left: 40px;
	color: #FFFFFF;
	width: 205px;
	height: 90px;
	text-align: left;
}
.header .launcher a {
	color: #FFFFFF;
}
.header .launcher h2 {
	font: bold 11px/12px 'Arial', 'Sans-Serif';
	margin: 5px 0px 0px 0px;
	padding: 0px 5px;
	overflow: hidden;
	width: 190px;
}
.header .launcher h3 {
	font: normal 12px/12px 'Arial', 'Sans-Serif';
	margin: 13px 0px 0px 0px;
	padding: 0px 5px;
}
.header .launcher .play_button {
	float: right;
	padding: 7px 5px 0px 0px;
}
.header .launcher .not_logged_in {
	padding: 10px 0px 0px 23px;
}
.header .launcher .progress_container {
	display: none;
	position: absolute;
		top: 60px;
		left: 5px;

	height: 25px;
	width: 188px;
}
.header .launcher .progress_container .filler {
	background: url('../../images/panda/game.filler.gif') 0px 1px no-repeat;
	line-height: 20px;
	width: 0%;
}
.header .launcher .progress_container .progress {
	background: url('../../images/panda/game.progress.gif') no-repeat;
	position: absolute;
		top: 0px;
		left: 0px;
		
	width: 100%;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
/*------------------------------------------------------*/

/* Game Header -----------------------------------------*/
.game_header {
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 997px;
	height: 100px;
	background: url('../../images/panda/game.frame.jpg') 0px 0px no-repeat;
}
.game_header .launcher {
	float: right;
	position: static;
		left: auto;
		top: auto;
}
.game_header .launcher .user_info {
	text-align: right;
	color: #FFFFFF;
	margin: 39px 15px 0px 0px;
}
.game_header .launcher .user_info h2 {
	font: bold 14px/14px 'Times', 'Serif';
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.game_header .launcher .user_info h3 {
	font: normal 12px/12px 'Times', 'Serif';
	margin: 0px;
	padding: 0px;
}
.game_header .launcher .progress_container {
	top: 45px;
	left: 10px;
}
.game_header .gameMessages {
	position: absolute;
		top: 45px;
		left: 10px;

	width: 385px;
	height: 30px;

	font: bold 14px/30px 'Arial', 'Sans-Serif';
}
/*------------------------------------------------------*/

/* Sidebar ---------------------------------------------*/
.sidebar {
	margin-top: 10px;
}
/*------------------------------------------------------*/

/* Navigation ------------------------------------------*/
.navigation {
	margin-top: 10px;
}
.navigation ul {
	background: url('../../images/testsite/bg.navigation.jpg') -320px bottom no-repeat;
	padding-bottom: 10px;
	font: normal 14px/20px 'Arial', 'Sans-Serif';
}
.navigation .change_api {
	display: none;
}
.navigation ul li {
	line-height: 20px;
	padding: 0px 10px;
}
.navigation ul li a {
	color: #F8EFB4;
}
.navigation h3 span {
	display: none;
}
.navigation h3 div {
	cursor: pointer;
	height: 30px;
	background: url('../../images/testsite/bg.navigation.jpg') 0px 0px no-repeat;
}
.navigation .selected {
	background: url('../../images/testsite/bg.navigation.jpg') -160px 0px no-repeat;
}
.navigation .help div {
	background-position: 0px -210px;
}
.navigation .help .selected {
	background-position: -160px -210px;
}
/*------------------------------------------------------*/

/* Play Popup ------------------------------------------*/
.play_popup {
	position: fixed;
		top: 0px;
		left: 0px;

	overflow: auto;

	width: 100%;
	height: 100%;
}
.play_popup .fade {
	background-color: #000000;
	opacity: 0.8;
	 filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;

	position: absolute;
		top: 0px;
		left: 0px;

	width: 100%;
	height: 100%;
}
.play_popup .play_button {
	position: absolute;
		top: 150px;
		left: 0px;

	z-index: 100;
	width: 100%;

	text-align: center;
}
/*------------------------------------------------------*/

/* Animated Progress Bar -------------------------------*/
.progress_overlay {
	position: absolute;
		top: 0px;
		left: 0px;

	width: 100%;
	height: 100%;
}
/*------------------------------------------------------*/

/* Content ---------------------------------------------*/
.content, .dynamic_content {
	width: 630px;
	float: left;
}
.page .navigation {
	width: 160px;
	margin-right: 8px;
	float: left;
}
.page .sidebar {
	width: 190px;
	float: right;
}
/*------------------------------------------------------*/

/* Home Page -------------------------------------------*/
.home h2 {
	font: bold 16px/20px 'Times', 'Serif';
	margin-bottom: 15px;
}
.home h3 {
	font-weight: bold;
}
.home h4 {
	font-weight: bold;
}
.home ol {
	margin-left: 20px;
	margin-bottom: 15px;
}
.home ol li {
	list-style: decimal;
}
/*------------------------------------------------------*/

/* Change API ------------------------------------------*/
.change_api h2 {
	font: bold 16px/20px 'Times', 'Serif';
	margin-bottom: 15px;
}
/*------------------------------------------------------*/

/* Launching Dock --------------------------------------*/
.launching_dock .inner_parchment {
	background: url('../../images/panda/bg.launching_dock.jpg') center 10px no-repeat;
	padding: 98px 20px 40px 20px;
}
.launching_dock .mini_game .inner_parchment {
	background: url('../../images/panda/bg.mini_game.jpg') center 10px no-repeat;
	padding: 98px 20px 45px 20px;
}
.launching_dock .inner_parchment .game_status {
	padding-left: 40px;
}
.launching_dock .inner_parchment .download_movie_container {
	height: 285px;
	width: 332px;
	margin: 30px auto 0px auto;
	text-align: center;
}
.launching_dock .inner_parchment .mini_game {
	height: 450px;
	width: 500px;
	margin: 0px auto 10px auto;
	text-align: center;
}
.launching_dock .other_options {
	overflow: hidden;
}
.launching_dock .other_options h2 {
	background: url('../../images/panda/msc.launching_dock.other_options.jpg') center 0px no-repeat;
	height: 35px;
}
.launching_dock .other_options h2 span {
	display: none;
}
.launching_dock .other_options ul {
	float: left;
	display: inline;
	width: 200px;
	list-style: none;
}
.launching_dock .other_options .first_child {
	margin: 0px 10px 0px 90px;
}
.launching_dock .other_options ul li {
	background: url('../../images/panda/msc.launching_dock.other_options.jpg') 0px 0px no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	float: left;
	height: 40px;
	list-style: none;
}
.launching_dock .other_options ul .book {
	background-position: -10px -40px;
}
.launching_dock .other_options ul .chest {
	background-position: -125px -40px;
}
.launching_dock .other_options ul .ancor {
	background-position: -10px -80px;
}
.launching_dock .other_options ul .movie {
	background-position: -180px -35px;
}
.PAG_Content .other_options ul .map {
	background-position: -70px -40px;
}
.launching_dock .other_options ul .spy_glass {
	background-position: -70px -80px;
}
.launching_dock .other_options ul .gold {
	background-position: -125px -80px;
}
.launching_dock .other_options ul .scroll {
	background-position: -180px -80px;
}
.launching_dock .other_options ul li a {
	background-color: #F8EFCE;
	display: block;
	float: left;
	width: 100%;
	height: 40px;
	font-weight: bold;
	line-height: 40px;
}
/*------------------------------------------------------*/

/* Installer Pages -------------------------------------*/
.install h2 {
	font: bold 20px/20px 'Times', 'Serif';
	margin-bottom: 15px;
	color: #4E0703;
	text-align: center;
}
.install .line {
	background: url('../../images/testsite/bg.line.gif') center 0px no-repeat;
	line-height: 1px;
	height: 1px;
	margin: 10px 0px;
}
.install .step {
	clear: both;
	padding: 15px 0px;
}
.install .step .image {
	text-align: center;
}
.install .step p span {
	display: block;
	float: left;
	width: 85px;
	font: bold 25px/30px 'Times', 'Serif';
	color: #4E0703;
}
.not_supported h2, .install_mac h2, .install_pc h2 {
	font: bold 16px/20px 'Times', 'Serif';
	margin-bottom: 15px;
}
.install_mac ol li, .install_pc ol li {
	list-style: decimal;
	margin: 0px 0px 5px 30px;
}
.install_mac p, .install_pc p {
	margin-top: 15px;
}
/*------------------------------------------------------*/

/* Game Page -------------------------------------------*/
.game .content {
	background: url('../../images/panda/game.frame.jpg') 0px bottom no-repeat;
	color: #FFFFFF;
	width: 997px;
	margin: 0px auto;
	padding-bottom: 20px;
}
.game .game_container {
	background-color: #F7EECD;
	width: 960px;
	min-height: 510px;
	height: auto !important;
	height: 510px;
	margin: 0px auto;
}
.game .game_container .panda_game_container {
	line-height: 0px;
}
.game .game_container .loading {
	display: none;
	padding: 100px 0px 109px 0px;
	text-align: center;
}
.game .game_container .panda_game {
	display: none;
	line-height: auto;
}
.game .content .inner_content {
	background: url('../../images/panda/game.frame.jpg') -997px 0px repeat-y;
}
.game .bug_report {
	width: 400px;
	margin: 0px auto;
	padding-bottom: 20px;
	color: #000000;
}
.game .bug_report p {
	margin-bottom: 15px;
}
.game .bug_report table {
	margin-bottom: 15px;
}
.game .bug_report table h3 {
	font: bold 14px/18px 'Times', 'Serif';
	padding-right: 10px;
}
.game .bug_report h2 {
	font: bold 20px/24px 'Times', 'Serif'; 
	padding: 15px 0px;
}
.game .bug_report h3 {
	font: bold 18px/22px 'Times', 'Serif'; 
}
.game .bug_report textarea {
	border: 1px solid #000000;
	width: 400px;
	height: 150px;
}
.game .bug_report .error {
	background-color: #FF9999;
}
.game .bug_report .text_input {
	border: 1px solid #000000;
	width: 250px;
}
.game .bug_report .read_only {
	background-color: #CCCCCC;
}
.game .bug_report .actions {
	text-align: center;
	margin-top: 15px;
}
/*------------------------------------------------------*/

/* Login -----------------------------------------------*/
.login h2 {
	font: bold 16px/18px 'Times', 'Serif';
	margin-bottom: 20px;
}
.login h3 {
	font-weight: bold;
}
.login .error {
	color: #FF0000;
	font-weight: bold;
}
.login .text_input {
	border: 1px solid #000000;
	width: 200px;
	font-size: 16px;
}
.login p {
	margin-bottom: 10px;
}
.login .login_form {
	width: 200px;
	margin: 0px auto;
}
.login .login_form .actions {
	text-align: center;
	margin: 20px 0px;
}
/*------------------------------------------------------*/

/* Footer ----------------------------------------------*/
.footer {
	margin-top: 20px;
	text-align: center;
}
/*------------------------------------------------------*/