/* Elements
---------------------------------*/

html, body
{
	margin: 0;
	background-image: url(../Images/bg.gif);
}

html, body, TD
{
	font-size: 11px;
	font-family: euphemia, arial, verdana;
	font-weight: normal;
	color: #222222;	
}

.toutText
{
	font-size: 10px;
}

.pageHeader
{
	font-size: 18px;
	font-weight: bold;
}

/* Default Mapleleaf Common UI Controls Styles */
/* -------------------------------------------- */
.DataField
{
	width: 100%;
}

.Caption
{
	padding-right:5px;
	text-align: left;
	font-size: 11px;
	font-family: euphemia, arial, verdana;
	font-weight: normal;
	color: #222222;
}
/* -------------------------------------------- */

.textbox
{
	width: 130px;
	vertical-align: top;
}

.textboxLong
{
	width: 160px;
}

.textbox,
.textboxLong,
.DataField
{
	height: 12px;
	font-size: 11px;
	font-family: euphemia, arial, verdana;
	font-weight: normal;
	color: #222222;
	padding: 0 2px 0 0;
}

.textbox INPUT,
.textboxLong INPUT,
.DataField INPUT
{
	height: 12px;
	line-height: 11px;
	font-size: 11px;
	font-family: euphemia, arial, verdana;
	font-weight: normal;
	color: #222222;
}

.dropdown
{
	width: 130px;
}

.dropdownLong
{
	width: 162px;
}

.dropdown SELECT, 
.dropdownLong SELECT
{
	height: 19px;
	font-size: 11px;
	font-family: euphemia, arial, verdana;
	font-weight: normal;
	color: #222222;
}


.label
{
	width: 130px;
}

.labelLong
{
	width: 160px;
}

.label,
.labelLong,
.Caption
{
	text-align: left;
	font-size: 11px;
	font-family: euphemia, arial, verdana;
	font-weight: normal;
	color: #222222;
}

#horizon
{
    background-color: Transparent;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    visibility: visible;
    display: block;
}

#centeredContent
{
    text-align: left;
    position: absolute;
    margin-left: -593px;
	top: -406px;
    left: 50%;
    visibility: visible;
}

#topImage
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1186px;
	height: 132px;
}


#cellNavigation
{
	position: absolute;
	top: 132px;
	left: 0px;
	width: 378px;
	height: 555px;
	background-image: url(../Images/left_side.jpg);
}

#cellContent
{
	position: absolute;
	top: 132px; 
	left: 378px;
	width: 671px;
	height: 555px;
	background-color: #FFFFFF;
}

#cellFooter
{
	text-align: right;
	position: absolute;
	top: 687px; /* 132 + 555*/
	left: 0px;
	width: 1186px;
	height: 125px;
	background-image: url(../Images/footer.jpg);
}

#columnRight
{
	position: absolute;
	top: 132px;
	left: 1049px; /* 378 + 671 */
	width: 138px;
	height: 555px;
}

#NavigationButtons
{
	padding: 210px 0 0 150px;
}

.copyrightText
{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.validationToolTip
{
	position: absolute;
	top: 200px;
	left: 300px;
}


img
{
	border: 0;
}

a
{
	color: #cc2228;
	text-decoration: underline;
	font-weight: bold;
}

a:hover
{
	color: #cc2228;
	text-decoration: none;
	font-weight: bold;
}