﻿/* ------------------------------------------------- Page Structure -------------------------------------------------------*/

* {padding: 0;margin: 0;}

html {height: 100%;}
body {height: 100%; background-color:#f0eee7;}

#nonFooter {position: relative;	min-height: 90%; margin: 0px 0px 100px 0px;}
* html #nonFooter {height: 100%;}

#footer {height: 85px; position: relative; margin: -100px auto 0 auto; background-color: #322d29;}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {margin-top: -100px; background-color: #322d29;}

.clearer {clear:both; margin: 0px 0px 10px 0px;}

.innerfooter{
    width:941px;
    margin: auto;
}

.innerfooterimage{
    width:938px;
    background-color: #fff;
    height:30px;
    margin: 0px 0px 0px 3px;
}



#header
{
    width: 100%;
    height: 140px;
    margin: 0px 0px 0px 0px;
    background-color: #322d29;
}

#wfcontainer
{
    background-position: 0px 0px;
    position: relative;
    width: 901px;
    height: 140px;
    margin: auto;
    top: 0px;
    left: -15px;
}

#pagecontainer
{
    min-height:37em;
    background-position: center top;
    width: 955px;
    margin: 0px auto 0px auto;
    background-image: url('../images/PageBG_10_copy.gif');
    background-repeat: repeat-y;
}

#innerpage{
    width: 922px;
    margin: 0px 10px 0px 15px;
}





.logo{
    float:left;
}

img{
    border:none;
}


.headercontrols{
    height:45px;
    float:left;
}

.headercontrols p
{
    font-family: 'Lucida Sans';
    font-size: .8em;
    color: #000000;
    margin: 8px 0px 0px 0px
}

/*------------------------------------------------------------------------------------*/

.clear{
    clear:both;
}

.logo{
    margin: 0px 0px 0px 20px
}

.imgright{
    float:right;
}

.imgleft{
    float:left;
    padding: 0px 6px 0px 0px;
}


/*--------------------------------- Ajax Control Toolkit ------------------------------------------*/

.accordionheader
{
    margin: 0px 0px 0px 0px;
	cursor:pointer;
	background-image: url('../images/Bar1.jpg');
	background-repeat:repeat-x;
	background-color:#ff6600;
	width:580px;
	margin-top: 5px;
	border: #000000 1px solid;
	padding: 5px 8px 5px 8px;
	font-weight: bold;
	font-size: .8em;
	color: #ffffff;
	font-family: Arial, Sans-Serif;
}

.accordioncontent
{
	width:580px;
	padding: 8px;
	border-right: #000000 1px dashed;
	border-top: none;
	border-left: #000000 1px dashed;
	border-bottom: #000000 1px dashed;
	background-color:#ffffff;
}


/*--------------------------------- menu ------------------------------------------*/

#menu
{
    background-position: left top;
    width: 100%;
    background-color: #009900;
    background-image: url('../images/MenuBG_06.gif');
    background-repeat: repeat-x;
}

#innermenu{
    width:927px;
    margin:auto;
    height:44px;
}


#innermenu a
{
    display: inline-block;
    text-decoration: none;
    text-align: center;
    width: 126px;
    height: 38px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: .9em;
    color: #fff;
    background-image: url('../images/MenuButton.gif');
    background-repeat: no-repeat;
    margin: 6px -2px 0px 0px;
    padding: 13px 0px 0px 0px;
}

#innermenu a:hover{
    color:#000;
}






/*--------------------------------- Login  ------------------------------------------*/

.loginmaster
{
    float: right;
    width: 438px;
    height:93px;
    margin: 20px 20px 0px 0px;
    padding: 10px 0px 0px 0px;
    background-image: url('../images/LoginBG.gif');
    background-repeat: no-repeat;
}


.loginmaster.row{
    clear:both;
    width:100%;
    Margin: 8px 0px 0px 0px;
}

.loginmaster div.row span.label
{
    float: left;
    width: 20%;
    text-align: right;
    color: #FFFFCC;
    font-size: .7em;
}

.loginmaster div.row span.formw{
    float:right;
    width:78%;
}

.logintextbox
{
    border: 1px solid #000;
    background-color: #cccccc;
    color: #FF0000;
}

.loginmaster a
{
    text-decoration: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
}

.loggedin{
    padding: 20px 0px 5px 0px;
    text-align: center;
}

.bigtext
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: #FF6600;
}

.status{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #ffffff;
}

/*----------------------------------------- Columns -----------------------------------------------*/

.left{
    width: 250px;
    float:left;
}

.right{
    width:650px;
    float:right;
}


.bluepanel
{
    width: 310px;
    height: 251px;
    background-image: url('../images/BluePanel.gif');
    background-repeat: no-repeat;
    padding: 20px 0px 0px 0px;
}

/*----------------------------------------- Password Strength -----------------------------------------------*/

.textindicator_passwordtextbox
{
	font-size: 0.8em;
	color: black;
	font-style: italic;
	font-family: Arial, Sans-Serif;
	background-color: #ccff66;
	border: black 1px solid;
	padding: 2px;
}

.helphandle
{
	font-size: 0.7em;
	color: black;
	font-style: italic;
	font-family: Arial, Sans-Serif;