@charset "utf-8";
/* CSS Document */

body{
	background-color:#cccc99;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div {
	margin: 0px;
	padding: 0px;
}
p.bigtext {
	font-size: 14px;
	line-height: 1.6em;
	margin: 20px;
	padding-left: 20px;
}
td{
	padding:0px;
	margin:0px;
}
tr{
	padding: 0px;
	margin: 0px;
}
table {
	padding: 0px;
	margin: 0px;
}
.standard{
	border:0px;
	border-style:hidden;
	vertical-align:top;
}
.blueZone{
	background-color:#acd4d5;
}
.blueZone a {
	text-decoration: none;
	font-weight: bold;
	color: #b08213;
}
.quote{
	font-style:italic;
}
.attribution{
	text-align:right;
	margin-top:5px;
}
.copyright{
	font-size:9px;
	text-align:right;
}
.masterTable{
	border: 1px solid #494962;
	margin-left: auto;
	margin-right: auto;
}
.masterTable td{
	vertical-align:top;
}
.masterTable p{
	margin-left:10px;
}
.homeSwf{
	
}
.homeSwf p{
	width:550px;
	margin:10px 0px 0px 0px;
	padding:0px;
}
img.logoLink{
	margin-left:10px;
	text-align:right;
	border:0px;
	display:inline-block;
}

#commonFooter{
	width:950px;
	display:block;
	background-color:#FFFFFF;
	font-size:inherit;
	color:#494962;
	border-top:1px solid #494962;
}
#commonFooter td{
	padding:0px;
	vertical-align:middle;
	height:20px;
}
#commonFooter a{
	font-size:inherit;
	color:#494962;
	font-weight:600;
	text-decoration:none;
}
#commonFooter a:hover{
	text-decoration:underline;
}
#mainMenu{
	padding-left:10px;
	width:950px;
	background-color:#e5efdc;
	height:30px;
	border-top:1px solid #494962;
	border-bottom:1px solid #494962;
	table-layout:fixed;
}
#mainMenu td{
	text-align:center;
	width:auto;
}
#mainMenu .menuitem{
	display:block;
	padding-top:10px;
	height: 30px;
	color:#53546A;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration:none;
}
#mainMenu .menuitem#current {
	color: #e5efdc;
	background: #53546A;
}
#mainMenu .menuitem:hover{
	color: #e5efdc;
	background: #53546A;
}
#homeBodyTable{
	background-color:#FFFFFF;
	margin:10px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	height: 500px;
}
#homeBodyTable .middle {
	padding-top: 150px;
}
#homeBodyTable .left {
	height: 480px;
}
#playTable, #feedbackTable {
	width: 100%;
	margin: 0;
}
#playTable td, #feedbackTable td {
	vertical-align: middle;
	margin: 0;
}
#playTable tr, #feedbackTable tr {
	margin: 0;
}
#playTable label, #feedbackTable label {
	float: right;
	margin-right: 15px;
	font-size: 12px;
}
#playTitleBar, #feedbackTitleBar {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #7d7d65;
	padding: 5px;
	width: 410px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #000000;
}
#feedbackTitleBar {
	width: 710px;
}
#playMain, #feedbackMain {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: #eeeebc;
	border: 2px solid #000000;
	border-top: none;
}
#feedbackMain {
	width: 700px;
}
#passText, #gcText, #playbtn, #gamecode, #sendbtn {
	background-color: #e5efdc;
	border: 2px solid #000000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#problemtext {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #F00;
	font-weight: bold;
	padding-bottom: 10px;
}
#playbtn:hover, #sendbtn:hover {
	cursor: pointer;
}
td.topLeft{
	background: #ffffff url(../images/home/tl_corner.gif) no-repeat top left;
	border:none;
	width:10px;
	font-size:2px;
}
td.topLeftYellow{
	background: #eeeebc url(../images/home/tl_corner_yellow.gif) no-repeat top left;
	border:none;
	width:10px;
	font-size:2px;
}
td.topRight{
	background: #eeeebc url(../images/home/tr_corner.gif) no-repeat top right;
	border:none;
	width:10px;
	font-size:2px;
}
td.topRightWhite{
	background: #ffffff url(../images/home/tr_corner_white.gif) no-repeat top right;
	border:none;
	width:10px;
	font-size:2px;
}

td.bottomLeft{
	background: #ffffff url(../images/home/bl_corner.gif) no-repeat bottom left;
	border:none;
	font-size:2px;
}
td.bottomLeftYellow{
	background: #eeeebc url(../images/home/bl_corner_yellow.gif) no-repeat bottom left;
	border:none;
	font-size:2px;
}
td.bottomRight{
	background: #eeeebc url(../images/home/br_corner.gif) no-repeat bottom right;
	border:none;
	font-size:2px;
}
td.bottomRightWhite{
	background: #ffffff url(../images/home/br_corner_white.gif) no-repeat bottom right;
	border:none;
	font-size:2px;
}
td.top{
	border-top:1px solid #494962;
	font-size:2px;
	height:9px;
}
td.bottom{
	border-bottom:1px solid #494962;
	font-size:2px;
	height:9px;
}
td.left{
	border-left:1px solid #494962;
}
td.right{
	border-right:1px solid #494962;
}
.yellowBG{
	background:#eeeebc;
}

.text-content{
	padding: 10px;
	padding-top: 0;
}
.mediumBrownBG{
	background: #cacaa4;
}
.darkBrownBG{
	background-color: #7d7d65;
}
.x-dock-panel-body-expanded{
	background-color: #7d7d65;
	color: white;
}
.x-dock-panel-body-docked{
	font-size: 0.8em;
}
.x-dock-panel-body{
	font-size: 0.8em;
}
.x-dock-panel-body{
	background-color: #7d7d65;
}
.x-dock-panel-title-expanded{
	background-color: #7d7d65;
	color: white;
	font-weight: bold;
}
.x-dock-panel-title-text{
	border-top: 1px solid #cacaa4;
	padding: 10px;
	background-color: #7d7d65;
}
div.x-dock-panel td{
	background-color: #7d7d65;
}
div.x-dock-panel td>div>div>div{
	border-top: 1px solid #cacaa4;
}

.caseDescription {
	font-size: 11px;
	padding: 10px;
}
.caseDescription:hover, .caseDescriptionHover {
	background-color: #FFFFFF;
	cursor: pointer;
}
.casetitle {
	color: #0a5052;
	font-size: 12px;
	font-weight: bold;
	margin: 20px;
	margin-bottom: 20px;
}

#caseimg {
	padding-left: 20px;
}

table.centered {
	margin-left: auto;
	margin-right: auto;
}