body { margin: 0px; padding: 0px; }

a:hover { color: #ff0000; }

.header 
{
    padding-top: 0.1em;
	text-align: center;
}

h1, .Panel_Heading { 
	background-color: #dae9ff; 
	color: #000; 
	border-top: 2px solid #7fa5ff; 
	border-bottom: 2px solid #7fa5ff;
	font-size: 1.2em; 
	padding: 0.4em;
	font-weight: bold;
	margin: 0px;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

h2 {
    width: 75%;
    background-color: #eaf9ff; 
	color: #000; 
	border-top: 2px solid #9fc5ff; 
	border-bottom: 2px solid #9fc5ff;
	font-size: 0.9em; 
	padding: 0.4em;
	font-weight: bold;
}

.h2content { width: 75%; }

ul { padding-left: 2em; margin: 0px; margin-top: 0.4em; }
li { padding: 0.2em; }

input.hintField { color: #888; } 
input.hintFieldActive { color: #000; } 

.formPanel table { padding: 0.6em; border-collapse: collapse; }
.formPanel tr > td { text-align: right; }
.formPanel td + td { text-align: left; }
.formPanel td { padding: 0.6em; }
.formPanel .altrow td { background-color: #F4F9FF; }
.formPanel .altrow .ValidationError td 
{
    background-color: #CB4343;
    color: #FFFFFF;
}

.paddedTable { padding: 1em; padding-top: 0em; }
.paddedTable td { padding: 1em; }

.gamelist { border-collapse: collapse; }
.gamelist th { border-bottom: solid 1px #000; font-size: 1.05em; font-weight: bold; padding: 0.5em; }
.gamelist td { padding: 0.4em; }
.gamelist .altrow td { background-color: #F4F9FF; }

.messageArea, .ValidationErrors div
{
    color: #eff;
    background-color: #CB4343;
    border-top: 4px solid #993333; 
	border-bottom: 4px solid #993333;
    padding: 1em;
    margin-bottom: 1em;
}

.messageArea a, .ValidationErrors div a
{
    color: #FFE18E;
}

.messageArea a:hover, .ValidationErrors div a:hover
{
    color: #8ABE45;
}

.infoBox 
{
    border-top: 4px solid #C5DF6E; 
    border-bottom: 4px solid #C5DF6E; 
    background-color: #E5FF8E;
    margin-bottom: 0.5em;
}
.infoBox div { padding: 2em; padding-top: 0em; padding-bottom: 0.4em; }
.infoBox h1 { background-color: #E5FF8E; border: none; margin: 0px; }
.infoBox a:hover { color: #FF1E31; }

.actionBox 
{
    border-top: 4px solid #FFC15E; 
    border-bottom: 4px solid #FFC15E; 
    background-color: #FFE18E;
    margin-bottom: 0.5em;
}
.actionBox div { padding: 2em; padding-top: 0em; padding-bottom: 0.4em; }
.actionBox h1 { background-color: #FFE18E; border: none; margin: 0px; }
.actionBox a:hover { color: #FF1E31; }

.actionButton, .actionButton:hover   
{
    background-color: #FFE18E; border: 4px solid #FFC15E; 
    padding: 0.5em; font-weight: bold; width: 5em;
    text-align: center; font-family: Arial; display: block;
    color: #000; text-decoration: none; 
}

.actionButton:hover 
{
	background-color: #CB4343; border: 4px solid #993333; color: #EEFFFF;
}

.toolbar
{
    text-align: right;
    font-size: 1.1em;
    padding: 5px;
    margin-bottom: 0.8em;
}

.toolbar img { height: 1.1em; }

.sidebar
{
	width: 10em;
	padding: 0.5em;
	padding-left: 20px;
	min-width: 170px;
	vertical-align: top;
}

.main { width: 50em; }


.content { 
    vertical-align: top;
	padding: 1em;
	padding-right: 0px;
	padding-top: 0.3em;
}

.games { width: 37em; }

.games td {
    text-align: center;
    padding: 1em;
    width: 12.5em;
}

.gameimage {
    text-align: center;
    padding: 1em;
    width: 10em;
}

.gameimage {
    height: 10em;
}

.pager {
    text-align: center;  
    background-color: #dae9ff; 
	color: #000; 
	border-top: 2px solid #7fa5ff; 
	border-bottom: 2px solid #7fa5ff;
	padding: 0.4em;
}

.infoIcon {
    height:0.9em;    
    border-width:0px; 
    margin: 0em; 
    padding: 0em; 
    margin-left: 0.5em; 
    margin-bottom: 0.15em; 
    vertical-align: middle;
}

.ValidationError
{
    background-color: #CB4343;
    color: #FFFFFF;
}
.ValidationError td 
{
    background-color: #CB4343;
    color: #FFFFFF;
}

.popup_arrow { width: 0.3em; height: 0.3em; background-color: #CB4343; color: #FFFFFF; float: left; }

.popup_message { padding: 0.4em; max-width: 15em; background-color: #CB4343; color: #FFFFFF; float: left;}

.footer
{
	clear: both;
	border-top: 3px solid #7fa5ff;
	border-bottom: 3px solid #7fa5ff;
	text-align: center; 
	padding: 20px;
	background-color: #dae9ff;
	font-size: 0.8em;
}

.halfBox { float: left; padding-left: 1em; padding-bottom: 0.5em; width: 17em; }
.halfBox .gamelistFooter, .medalbox .gamelistFooter { width: 100%; text-align: center; border-top: 2px solid #7fa5ff; padding: 0.4em; font-size: 0.9em; }

.listFooter { width: 100%; text-align: center; border-top: 2px solid #7fa5ff; padding: 0.4em; font-size: 0.9em; }

ul.pagetabs {
    margin: 1em 0 1em 0; 
    border-bottom: 0.1em solid #8A9BC0;
    list-style: none;
    padding: 0px 0px 0.3em 0px;
    text-align: center;
}

ul.pagetabs li { display: inline; }

ul.pagetabs li.selected { 
    border-bottom: 0.1em solid #fff;
    background-color: #fff;
}

ul.pagetabs li.selected a { 
    background-color: #fff;
    color: #000;
    position: relative;
    top: 0.12em;
    padding-top: 0.4em;
}

ul.pagetabs li a {
    padding: 0.3em 1.5em;
    border: 0.1em solid #8A9BC0;
    background-color: #DAE9FF;
    color: #000;
    position: relative;
    top: 0.02em;
    text-decoration: none;
    border-bottom: none;
}

ul.pagetabs a:hover { background: #CB4343; }

.centerblock
{
	width: 100%; 
	margin-top: 0.3em; 
	margin-bottom: 0.6em;
}
.centerblock > div { margin: auto auto; }
.centerblock > table { margin: auto auto; }

.medalbox 
{ 
    vertical-align: middle;
    padding: 0.4em;
}
.medalbox img { vertical-align: middle; position: relative; top: -2px; }

.loginField input { width: 15em; }
.changePasswordField input { width: 15em; }
.gameReplayList .games { width: 10em; }