﻿/* page layout
----------------*/

#container
{
    max-width:1080px;
    height:100%;
    margin:0 auto;
}

#menubar
{
	position:absolute;
	color:White;
	background-color:black;
	top:114px;
	width:100%;
	height:28px;
	left:0;
	padding-left:60px;
	text-decoration:none;
}
#menucontainer
{
	position:absolute;
	top:0px;
	width:100%;
	height:25px;
	left:50px;
	text-decoration:none;
}

#ajaxlogin
{
    display:none;
    padding-top:1em;
}

#title
{
	font-size: 22px;
	color: #A61414;
    font-weight:bold;
    margin-bottom: 10px;
    text-align:center;
    line-height:110%;
}
#subtitle
{
	font-size: 16px;
	color: black;
    font-weight:bold;
    margin-bottom: 5px;
    text-align:center;
    padding-right:50px;
}

/* menu
---------*/

ul#menu
{
    list-style:none;
    display:inline-block;
}

#loginlink, #registerlink
{
    display:inline-block;
}
#loginlink a, #registerlink a
{
}
ul#menu li
{
    list-style:none;
    margin-right: .5em;
    padding:0 0 0 1em;
    display:inline-block;
}
ul#menu a
{
    display: block;
    padding: .5em 1em .5em 0;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}


ul#menu li:hover, #loginlink:hover, #registerlink:hover
{

}

ul#menu a:hover, #loginlink a:hover, #registerlink a:hover
{

}

ul#menu li.selected a, #loginlink.selected a, #registerlink.selected a
{
    color: #587854;
}



#loginlink, #registerlink
{
    margin-right:0;
}

/* content
------------*/

#content, #ajaxlogin
{
    margin-top:60px;
    padding:1em 1em 1em;
    letter-spacing:.03em;
    line-height:130%;
}

/* footer
-----------*/

/* ajax login
---------------*/
#ajaxlogin p
{
display:block;
position:relative;
top:0;
left:0;
width:400px;
margin-top:0;
}

#ajaxlogin form
{
display: block;
position:relative;
top:-2.5em;
left:450px;
width:450px;
margin-bottom:-2.5em;
}

#ajaxlogin input[type=checkbox]
{
margin-left:8em;
}

#ajaxlogin input[type=submit]
{
width:8em;
margin: .5em 0 0 7.5em;
}

#ajaxlogin label
{
width:8em;

}

#ajaxlogin label[for=rememberMe]
{
width:10em;
}

label
{
width:14em;
font-size:1em;
font-weight:bold;
color: #3D3527;
}


/* messages
-------------*/

div.information, div.error, div.success, ul.validation-summary-errors
{
    margin:1em 0;
    padding:1em;
}

div.information
{
    color:#C60;
    background-color:#FF9;
    border:1px solid #F90;
}

div.error, ul.validation-summary-errors
{
    color: black;
    background-color:#C99;
    border:1px solid #900;
}

div.success
{
    color: #060;
    background-color:#9C9;
    border:1px solid #060;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    margin-bottom: 10px;
    padding: 10px;
}	

/* Character pictures */
.charpicture img {
	float:left;
	margin-left:10px;
	margin-right:10px;
	width:100px;
}

.smallcharpic 
{
position:static;
float:right;
padding-left:10px;
padding-bottom:10px;
width: 75px;
}

.wizardmain
{
position:relative;
border: 1px #b0b0b0 solid;	
padding: 10px;
}
.wizardmain1
{
min-height:470px;
width:800px;
border: 1px #b0b0b0 solid;	
padding: 10px;
}
.wizardnav
{
position:relative;
top:10px;
padding-top:10px;
padding-bottom:10px;
}

