html, body  { height: 100%; margin: 0; padding: 0; }

body
{
	font: 0.7em/1.6em tahoma, 'lucida grande', sans-serif;
	background: #f4fbfd url(background.gif) top left repeat-x;
	color: #555; text-align: center;
}

#all
{
	position: relative; min-height: 100%;
	height: auto !important; height: 100%;
	background: transparent top center no-repeat;
	width: 766px; text-align: left; margin-left: auto; margin-right: auto;
}

body.side  #all { background-image: url(background-side.jpg); }
body.fixed #all { background-image: url(background-fixed.jpg); }
/* block elements */
div,dl,dt,dd,ul,ol,li,form,fieldset,input,th,td  { margin: 0; padding: 0; }
pre, p, blockquote, h1, h2, h3, h4, h5, h6 { margin: 1em 0 1.8em 0; }
blockquote { border-left: solid 2px #ccc; padding-left: 1em; margin-left: 1em; }
a { color: #e1bd05; text-decoration: none; font-weight: bold; padding: 1px; }
a:visited { color: #C4B39F; }
a:hover  { color: #555; background-color: #F5EBED; }
a img { border: 0; }
.clearer { float: none; clear: both; }
h6 { font-size: 0.85em; }

h1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 2.1em; line-height: 1.3em; font-weight: normal; color: #e1bd05;
	margin: 0 0 1em 0; padding: 0; 
}

h2.download_center {
	margin: 0 0 0 21px;
	background: url(hr_download_center.gif) no-repeat left top;
	text-indent: -9999px;
	width: 424px;
	height: 31px;
	display: block;
}
h3.yellowtitle {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.8em; font-weight: bold; color: #e1bd05;
	margin: 0 0 1em 10px;
	padding: 0; 
}
/*
 * Side menu
 *   Contains the menu on the side ("view payment schedule", etc) 
 *   This style is used for #menu when body's classname is "side." 
 *   [#all > #menu] 
 */


body.side #menu { position: absolute; left: 19px; top: 215px; }
body.side #menu li { list-style-type: none; }

body.side #menu li a
{
	display: block;
	background: url(sidemenu-item.gif); height: 47px; width: 143px;
	background-position: 0 -48px; margin-bottom: 8px;
	padding: 0; position: relative;
}


body.side #menu li.active a,
body.side #menu li.active a:hover 
	{ background-position: 0 0px; cursor: default; }
	
body.side #menu li a:hover
	{ background-position: 0 -95px; background-color: transparent; }
	
body.side #menu li a span
{
	display: block; width: 80px; padding: 8px 0 0 24px; text-align: right;
	color: #827b55; font-weight: normal;
	font-size: 11px; line-height: 15px; /* Fixed font sizes for IE. */ 
}

body.side #menu li.active span,
body.side #menu li.active a:hover span
	{ color: #62592b; font-weight: bold; }

/* No clear */
body.side #menu .clearer { display: none; }

/*
 * Side menu ver 2
 */
 div#side_menu {
	float: left;
	width: 188px;
	padding: 5px 0 0 0;
	background: url(side-top.gif) no-repeat center top;
 }
 div#side_menu ul {
 	min-height: 332px;
	padding: 0;
	margin: 0;
	list-style: none;
 }
 div#side_menu ul li {
	color: #706247;
	margin: -2px 0px;
	padding: 0px 0px 0px 15px;
 }
 div#side_menu ul li a {
	color:  #706247;
	background: transparent;
 }
 div#side_menu div.bottom {
	height: 9px;
	background: url(side-bottom.gif) no-repeat center bottom;	
 }



/*
 * Top menu 
 *   This style is used for #menu when body's classname is "fixed."
 *   [#all > #menu] 
 *  
 */


body.fixed #menu, #top-menu { position: absolute; top: 156px; z-index: 2; }
#top-menu { left: 160px; }
body.fixed #menu ul li, #top-menu ul li { display: inline; list-style-type: none; }
body.fixed #menu ul li a, #top-menu ul li a
{
	display: block; height: 33px; float: left; padding: 0 15px;
	background: 0px -7px url(topmenu-item.gif) repeat-x;
	margin-left: 10px;  
}
body.fixed #menu ul li a:hover,
       #top-menu ul li a:hover
	{ background-position: 0 -47px; }
	
body.fixed #menu ul li.active a,
body.fixed #menu ul li.active a:hover,
       #top-menu ul li.active a,
       #top-menu ul li.active a:hover
	{ background-position: 0 -87px; }
	
body.fixed #menu ul li a span,
       #top-menu ul li a span
	{ color: #827b55; position: relative; top: 7px; }


/*
 * Head
 *   Has the logo.
 *   [#all > #head]
 *   
 *   Positioned as `absolute` so it will not disrupt the flow in #content.
 *   The free "home" button is integrated in here into the logo. 
 */


#head { position: absolute; top: 35px; left: 0; text-align: center; width: 100%; }
#head a { padding: 0; }
#head a:hover { background: transparent; }

	/* The free "home" button. */
	#head a#home-link span
	{
		position: absolute; right: 5px; top: 121px; display: block;
		width: 71px; height: 32px;
		background: url(home.gif); text-indent: -9999px; 
	}
	#head a#home-link:hover span
	{
		background-position: 0 -32px;
	}

 
/*
 * User-info
 *   Hello, person-logged-in.
 *   [#all > #user-info] 
 */

#user-info
{
	position: absolute; right: 100px; top: 160px; width: 500px; height: 20px;
	text-align: right; color: #80805f; font-size: 0.9em;
}
	body.combined #user-info { top: 10px; right: 20px; }

	/* Hides the 'home' button on the download area. */
	body.login #head a#home-link span,
	body.fixed #head a#home-link span { display: none; }
	body.fixed #user-info { right: 15px; }


/*
 * Content
 *   Where the main content is. Also includes the main heading.
 *   [#all > #content] 
 */


#content  { padding: 220px 15px 0 180px; }

body.fixed #content { padding-left: 10px; }
#main_content {
	padding: 0;
	margin: 0 0 0 12px;
	float: left;
	width: 488px;
	background: url(textbox-tile.gif) repeat-y center;
}
div#image_bg {
	background: url(login-bg.gif) no-repeat center top;
	width: 713px;
	padding: 10px 0 0 35px;
}
div#image_bg_bot {
	background: url(login-bg-bottom.gif) no-repeat center bottom;
	width: 713px;
	padding: 0 0 0 35px;
}

.textboxtop {
	background: url(textbox-top.gif) no-repeat center top;
}
.textboxbottom {
	background: url(textbox-bottom.gif) no-repeat center bottom;
}
#main_content p {
	color: #706247;
	margin: 0px 10px 8px;
	font-size: 1em;
	line-height: 1.3em;
}
div#sec1,div#sec2,div#sec3,div#sec4,div#sec5,DIV#sec6,div#sec7,div#sec8
{
	background-color:mediumslateblue;
	color:White;
	font-weight:bold;   
	padding-left:5px; 
}

table#tblsec1,table#tblsec2,table#tblsec3,table#tblsec4,table#tblsec5,table#tblsec6,table#tblsec6_2,table#tblsec7,table#tblsec8{ width: 100%; border-spacing: 3px; border: solid 2px mediumslateblue; }
#cellsec1{ border-bottom: none; border-right: none; padding: 2px 2px; }
th#head2,th#head3 ,th#head4 ,th#head1  { text-align:center; background-color: mediumslateblue; font-weight: bold; color:White ;border-right: solid 1px #ddd  }
th#rhead2,th#rhead3 ,th#rhead1  { text-align:center; background-color: mediumslateblue; font-weight: bold; color:White ;border-right: solid 1px #ddd  }
th#head5{ text-align:center; background-color: mediumslateblue; font-weight: bold; color:White ;border-right:none}
th#rhead4{ text-align:center; background-color: mediumslateblue; font-weight: bold; color:White ;border-right: none}


table { width: 100%; border-spacing: 3px; border: solid 2px #f4ebbf; }

th { background-color: #f0f0f0; font-weight: bold; }

td, th { border-bottom: solid 1px #ccc; border-right: solid 1px #ddd; padding: 2px 4px; }

table.payment-schedule .column-1 { width: 10%; }


/*
 * Login box
 */
 
body.login { background: #f4fbfd url(background-login.jpg) center top repeat-x; }
body.login #all { text-align: center; }
body.login #head { top: 30px; }
body.login #login-prompt
{
	background: #fff; width: 400px; text-align: left; border: solid 2px #ebbe4b;
	margin: 0 auto; position: relative; top: 138px;
	padding: 2em; 
}
body.login #login-prompt h1 { margin-bottom: 0em; }
body.login #login-prompt h5 { font-size: 1em; font-weight: normal; margin-top: 0; }


body.login form div { width: 50%; float: left; }
body.login form label { display: block; font-weight: bold; font-size: 0.9em; }
body.login form div input
{
	width: 180px;
	backgruond-color: #e9e9e9;
	border: solid 1px #ddd;
	padding: 4px;
	font-size: 1.2em; 
	border-bottom: solid 1px #aaa;
	border-right:  solid 1px #aaa;
}
body.login form div input:focus { background-color: #f0f0f0; }

body.login .button 
{
	clear: left; float: right; margin-top: 1em; margin-right: 8px; 
	background: 0px 0px url(topmenu-item.gif) repeat-x; height: 27px; width: 80px;
	padding: 0;
	border: solid 1px #ebbe4b;
}

#btnSubmit
{
	clear: left; float: right; margin-top: 1em; margin-right: 8px; 
	background: 0px 0px url(topmenu-item.gif) repeat-x; height: 25px; width: 120px;
	padding: 0;
	border: solid 1px #ebbe4b;
}

body.login input.button:hover
{ background-position: 0 -40px; }

div#all div#footer {
	text-align: center;
	padding: 10px 0;
}

#chkRemember { width: auto; }