/**
 * $Id: styles.css,v 1.4.2.1 2009/04/30 16:12:09 sudaraka Exp $
 * Created: 03/10/2008
 *
 */

body, th, td
{
	color: #666666;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
}
th
{
	font-weight: bold;
}
div.moodal_container,
body
{
	margin: 0px;
	padding: 0px;
	background: #9999cc url('/images/bg.gif') repeat-x top left;
}
div.moodal_container
{
	border: 1px solid #ffffff;
}
body.popup
{
}
div
{
	outline: 0px none;
}
a, a:visited, a:active
{
	color: #000000;
	font: normal 12px Arial, Helvetica, sans-serif;
	border: none;
	outline: 0px none;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
img
{
	border:none;
	margin: 0px;
}
form
{
	padding: 0px;
	margin: 0px;
}
input, textarea
{
	outline: 0px none;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
input[type=checkbox],
input[type=radio]
{
	border: 0px none;
	margin: 0px;
}
.IE input[type=checkbox],
.IE input[type=radio]
{
	width: 13px;
}
input[type=button],
input[type=submit]
{
	height: 20px;
	padding-bottom: 1px;
}
input[type=file]
{
	height: 19px;
}
strong
{
	color: #000000;
}

h3#page_title
{
	font: normal 21px 'Times New Roman', Arial, Helvetica, sans-serif;
	color: #243182;
	padding: 0px;
	margin: 0px;
}

span.err
{
	color: #FF0000;
}
span.ok
{
	color: #00aa00;
}
span.req
{
	font: italic bold 11px Geneva, Arial, Helvetica, sans-serif;
	color: #FF6600;
	margin-left: 3px;
}
span.req2
{
	font: italic bold 11px Geneva, Arial, Helvetica, sans-serif;
	color: #99CC33;
	margin-left: 3px;
}

div.rec_nav
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: right;
	padding: 3px 5px 4px;
	border: 1px solid #999999;
	background: #d8d8d8;
	margin-top: 5px;
}
div.rec_nav span.current
{
	margin:auto 2pt;
	color: #000000;
}
div.rec_nav a
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin:auto 3pt;
	text-decoration: none;
	color: #333333;
}
div.rec_nav a:hover
{
	text-decoration: underline;
	color: #FF9900;
}

div.container
{
	width: 802px;
	margin: auto;
}

div.container div.header
{
	height: 165px;
	background: transparent url('/images/header.back.gif') repeat-x top left;
}
div.container div.header div
{
	height: 100%;
	float: left;
}
div.container div.header div.h1
{
	background: transparent url('/images/logo-left.gif') no-repeat top left;
	width: 160px;
}
div.container div.header div.h2
{
	width: 642px;
}

div.container div.menubar
{
	background-color: #112286;
	height: 25px;
	padding-left: 83px;
}
div.container div.menubar a
{
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}

div.container div.middle
{
	float: left;
	background-color: #999999;
}
div.container div.middle div.side_panel
{
	width: 159px;
	height: 100%;
	float: left;
	padding: 29px 0px;
}
div.container div.middle div.side_panel a div
{
	font: normal 14px 'Times New Roman', Arial, Helvetica, sans-serif;
	margin-left: 10px;
	padding-left: 3px;
	line-height: 22px;
	color: #ffffff;
}
div.container div.middle div.side_panel a:hover div
{
	color: #000066;
	text-decoration: none;
	background-color: #ffffff;
	border-left: 1px solid #000066;
}
div.container div.middle div.side_panel a.selected div
{
	color: #000066;
	background-color: #ffffff;
	border-left: 1px solid #000066;
}
div.container div.middle div.contentarea
{
	background-color: #ffffff;
	float: right;
	width: 583px;
	padding: 9px 30px;
	min-height: 290px;
	overflow: hidden;
}

div.container div.footer
{
	margin-top: 10px;
	width: 100%;
	float: left;
	text-align: center;
}
div.container div.footer img#hp_banner
{
	margin: 0px auto 5px;
	width: 768px;
	height: 90px;
	padding: 1px;
	border: 1px solid #888888;
}