/* 
    Document   : ph
    Created on : Dec 14, 2009, 3:39:38 PM
    Author     : david
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
	background-color: #000000;
	color: #753b0d;
	font-family: Verdana, Tahoma, Helvetica;
	font-size: 11px;
	margin: 0px;
}

h1 {
	font-size: 24px;
	color: #530d0f;
	font-weight: bold;
	margin: 0px;
}

h2 {
	font-size: 22px;
	color: #530d0f;
	font-weight: bold;
	margin: 0px;
}

h3 {
	font-size: 16px;
	color: #530d0f;
	font-weight: bold;
	margin: 0px;
	padding: 0px; 
}

td {
	color: #753b0d;
	font-family: Verdana, Tahoma, Helvetica;
	font-size: 11px;
}


a {
	color: #e54607;
}

.siteWrapper {
	width: 100%;
	text-align: center;
}

.buttons {
	margin-bottom: 10px;
	border: none;
}

.middle {
	width: 1020px;
	height: 622px;
	overflow: hidden;
	background-image: url("../images/background.jpg");
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: left;

}

.bottom {
	height: 140px;
	width: 1020px;
	background-image: url("/images/bottom.png");
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

.header {
	width: 1020px;
	height: 100px;
	background-image: url("/images/top.png");
	background-repeat: no-repeat;
	margin-left: auto; 
	margin-right: auto;
	overflow: hidden;
}

.content {
	width: 800px;
	height: 480px;
	margin-top: 90px;
	margin-left: 135px;
	display: none;
}

.nav {
	float: right;
	height: 20px;
	width: 920px;
	display: none;
	padding: 20px;
	padding-bottom: 0px;
	padding-right: 30px;
}

.nav-item {
	font-size: 12px;
	font-weight: bold;
	color: #ffcc00;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}

.languages {
	text-align: right;
	padding-right: 30px;
	float: right;
	clear: right;
	width: 300px;
	height: 20px;
	margin-top: 0px;
}

.flag {
	border: 0px;
	margin: 0px;
	filter:alpha('opacity=50');
	opacity: 0.5;
	-khtml-opacity: 0.5;
	-moz-opacity:0.5;
}

.selected-flag {
	border: none;

}


.login-box {
	width: 360px;
	height: 179px;
	background-image: url("/images/loginbox.png");
}

.form-input {
	width: 220px;
	height: 20px;
	background-color: #fdf3bc;
	border: 2px solid #b7682b;
	color: #753b0d;
	font-family: Verdana, Tahoma, Helvetica;
	font-size: 12px;
	padding: 2px;
}

.form-select {
	background-color: #fdf3bc;
	border: 2px solid #b7682b;
	color: #753b0d;
	font-family: Verdana, Tahoma, Helvetica;
	font-size: 12px;
	padding: 0px;
	height: 25px;
	width: 228px;
}

.form-button {
	background-color: #753b0d;
	border: 2px solid #b7682b;
	color: #ffcc00;
	font-weight: bold;
	padding: 2px;
	height: 28px;
}

.form-button:hover {
	background-color: #b7682b;
}

.gfx-button {
	border: none;
	margin: 0px;
	padding: 0px;
}

#character {
	position: absolute;
	top: 0px;
	left: 0px;;
	width: 150px;
	height: 150px;
	background: none;
	z-index: 10;
}

.td-right {
	text-align: right;
}

.td-center {
	text-align: center;
}

#logo {
	width: 260px;
	height: 160px;
	border: none;
	margin-top: 30px;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

#flashContent {
	z-index: 2;
}


.helpTrigger {
	font-size: 9px;
	color: #753b0d;
	cursor: pointer;
	padding-left: 10px;
	font-weight: bold;
	padding-top: 2px;
}

.helpBox {
	width: 600px;
	background-color: #fdf3bc;
	border: 1px solid #b7682b;
	padding: 2px;
	display: none;
	margin-left: 10px;
}