/* Set this templates default background color and foreground color */
body
{
	background-color: #5b828f;
	color: #000000;
}

/* Header settings */
.headerUL
{
    vertical-align: bottom;
}
.headerUR
{
    vertical-align: bottom;
}
.headerLL
{
    vertical-align: top;
}
.headerLR
{
    vertical-align: top;
}

table.headerFrame
{
    padding: 0;
    margin: 0;
    border-style: none;
    border-width: 0;
    text-align: center;
    vertical-align: middle;
	font-family: "Arial Black";
	font-size: large;
	
}

table
{
	text-align: center;
	vertical-align: middle;
	/*background-color: #000000;*/
}

td.headerContent
{
    width: 100%;
    border-width: 0;
    margin: 0;
    padding: 0;
    border-style: none;
    text-align: center;
}

img.header
{
	text-align: center;
	vertical-align: middle;
}

img.headerTop
{
	border-width:0;
	margin:0;
	padding:0;
	border-style:none;
	vertical-align: bottom;
}

img.headerBottom
{
	border-width:0;
	margin:0;
	padding:0;
	border-style:none;
	vertical-align: top;
}

td.smalltext
{
    font-size:x-small;
    color:Gray;
    text-align:center;
    border-width:0;
    margin:0;
	padding:0;
}

/* Menu configuration */
/* Form defaults for each paragraph in a form */
form.menu p
{
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* Form defaults for each label in a form */
form.menu label
{
    float: left;
    width: 15%;
    font: bold 0.9em Arial, Helvetica, sans-serif;
}

#menuList
{
	list-style-type: none;
	padding: 0;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	vertical-align: middle;
}

#menuList li
{
	float: left;
}

td.menu
{
	border-width: 0;
	margin: 0;
	padding: 0;
	border-style: none;
	text-align: center;
	vertical-align: middle;
}

img.menubutton
{
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
}

button.menubutton
{
	background-color: #5b828f;
	margin: 0;
	padding: 10px;
	border-width: 0;
	border-style: none;	
}

/* The input entry defaults */
input.menutext
{
	color: #0000BB;
    background-color: #C0C0F0;
    border: 3px inset #ffffff;
    width: 200px;
}

input.menubutton
{
	margin: 0;
	padding: 0;
/*	margin: 10px;*/
    color: #0000CF;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    background-color: #8F7F8F;
    border: 3px outset #7F7F7F;
}

fieldset, fieldset.info
{ 
    background-color: #5b828f;
}

legend, legend.info
{
    background-color: #5b828f;
	color: #000000;
}

form, form p
{
    background-color: #5b828f;
}

p
{
    background-color: #5b828f;
}

input.button, input.infoButton, input.registerButton
{
    color: #0000CF;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    background-color: #8F7F8F;
    border: 3px outset #7F7F7F;
}

input.text, input.infoText, input.checkbox, input.button
{
	color: #000000;
    background-color: #5b828f;
}

label.text, label.infoText
{
	color: #000000;
    background-color: #5b828f;	
}

#userFirstNameLabel, #userLastNameLabel, #userEmailLabel, #userSchoolYearLabel, #userSchoolNameLabel, #userFacultyLabel
{
	color: #000000;
}

#userMaidenNameLabel
{
	color: #7F000F;
}

#maidenSpan
{
	font-size:10px;
	color: #000000;
}

/* Warnings should be hidden until needed */
#warningMsgLabel
{
	background-color: #5b828f;
	color: #5b828f;
}

/*-------------------------------------------*/
/* Picture Data                              */
/*-------------------------------------------*/
fieldset.pictureData
{
	padding-top: 2px;
    color: #0000FF;
}

legend.pictureData
{
    color: #0000FF;
}

p.pictureData
{
    color: #0000FF;
}

div.pictureData
{
    color: #0000FF;
}