* {
padding: 0;
margin: 0;
}

html, body {
	height: 100%;
	width: 100%;
	background-color: #F2F2F2;
	color: #000000;
	font: 14px Arial, Verdana;
}

img {
	border: none;
}

div.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow:hidden;
	visibility: hidden;
}

div.err_icon {
	background: url("/app/images/error.png") no-repeat;
	width: 48px;
	height: 48px;
	float: left;
}

div.err {
	margin: 0 auto;
	border: 1px solid #FF7D7D;
	background-color: #FFD9D9;
	color: #D8000C;
	padding: 5px;
	text-align: center;
	width: 30%;
	margin-bottom: 20px;
	margin-top: 20px;
}

div.loginbox {
	background: none repeat scroll 0 0 #F8F8F8;
	border: 1px solid #DADADA;
	padding: 20px;
    margin: 0 auto;
    width: 300px;
}

input.input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #555555;
    float: left;
    padding: 4px;
    width: 200px;
}

label, span.currency {
    float: left;
    font-family: Arial,Tahoma,Verdana,sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    padding: 1px 0 0;
    text-align: left;
    width: 140px;
    color: #7A7A7A;
}

div.button {
	background-color: #000000;
	width: 70px;
	height: 25px;
	text-align: center;
    font-weight: bold;
    line-height: 25px;
}

div.button a {
	text-decoration: none;
	color: #FFFFFF;
}

div.button a:hover {
	text-decoration: underline;
}

div.login_page h3 {
	text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    color: #383838;
    padding: 25px;
}

div.header {
	background-color: #000000;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
}

div.header a {
	color: #FFFFFF;
	text-decoration: none;
}

div.header a:hover {
	text-decoration: underline;
}

div.header h3 {
	text-align: center;
    font-size: 22px;
    font-variant: small-caps;
    font-weight: bold;
    color: #FFFFFF;
}

div.menu {
	margin: 0 auto;
	width: 820px;
	height: 30px;
	margin-top: 20px;
}

div.menu_sub {
	margin: 0 auto;
	height: 30px;
	width: 350px;
}

div.menu_sub span {
	font-style: italic;
}

ul#list-nav {
	list-style: none;
	padding: 0;
	width: 820px;
	margin: 0 auto;
}

ul#list-nav li {
	display:inline
}

ul#list-nav li a {
	text-decoration:none;
	padding:5px 0;
	width:100px;
	background:#9AB92C;
	font-weight: bold;
	color:#FFFFFF;
	float:left;
	text-align:center;
	border-left:1px solid #fff;
}

ul#list-nav li a:hover {
	background:#C0D479;
	color:#F2F2F2
}

div.content {
	margin-top: 30px;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border: 1px solid #CCCCCC;
}

a.black {
	color: #000000;
}

table.list {
	border: 1px solid #CCCCCC;
}

table.list tr td, table.list tr th {
	padding: 10px;
	text-align: center;
}

table.left tr td, table.left tr th {
	padding: 6px;
	text-align: left;
}

td.bold {
	font-weight: bold;
}

table tr.odd {
	background-color: #FFFFFF;
}

table tr th {
	background-color: #9AB92C;
	color: #FFFFFF;
	font-variant: small-caps;
}

div.tables_right {
	width: 50%;
	float: right;
}

div.tables_left {
	width: 50%;
	float: left;
}

span.green {
	color: #008833;
}

span.red {
	color: #CC1100;
}

div.search_result {
	width: 200px;
	height: 200px;
	float: left;
	border: 1px solid black;
}