@charset "UTF-8";

/* =============================================== GENERAL Styles ========================================= */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

img {
	border: 0px;
}

div.footer {
	clear: both;
}

p {
	margin: 0px 0px 15px 0px;
}

form {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

select {
	padding: 0px;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

input {
	font-size: 11px;
	color: #000000;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	width: 255px;
}

/* =============================================== TOP Styles ========================================= */

div#top {
	background-color: #FFFFFF;
	width: 742px;
	height: 110px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #999999;
}

div#logo {
	float: left;
	width: 402px;
	padding-top: 23px;
}

div#time {
	float: right;
	width: 150px;
	padding-right: 15px;
	text-align: right;
	padding-top: 92px;
}

/* =============================================== NAV Styles ========================================= */

div#nav {
	font-size: 11px;
	background-image: url(images/bg_nav.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: right;
	height: 21px;
	width: 742px;
	margin: 0px auto 0px auto;
}

div#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#nav ul li {
	display: inline;
	float: right;
}

div#nav ul li a:link, div#nav ul li a:visited {
	color: #FFFFFF;
	height: 19px;
	padding-top: 2px;
	padding-left: 15px;
	text-decoration: none;
	display: block;
	background-color: #000000;
	padding-right: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

div#nav ul li a:hover {
	color: #FFFFFF;
	height: 19px;
	padding-top: 2px;
	padding-left: 15px;
	text-decoration: none;
	display: block;
	background-color: #666666;
	padding-right: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

div#nav ul li span {
	color: #FFFFFF;
	height: 19px;
	padding-top: 2px;
	padding-left: 15px;
	text-decoration: none;
	display: block;
	background-color: #666666;
	padding-right: 15px;
}

/* =============================================== Orange Styles ========================================= */

div#orange {
	background-color: #FFFFFF;
	width: 672px;
	padding-top: 20px;
	padding-right: 35px;
	padding-left: 35px;
	margin: 0px auto 0px auto;
	color: #FFFFFF;
}

div#orange h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	font-family: "Trebuchet MS";
}

div#orange h2 {
	font-size: 22px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	font-family: "Trebuchet MS";
	color: #f18f42;
}

div#orange-both {
	background-image: url(images/bg_orange2.gif);
	background-repeat: no-repeat;
	height: 221px;
	width: 472px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 200px;
}

div#orange-left {
	background-image: url(images/bg_orange.gif);
	background-repeat: no-repeat;
	float: left;
	height: 181px;
	width: 272px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

div#orange-right {
	background-image: url(images/bg_orange.gif);
	background-repeat: no-repeat;
	float: right;
	height: 181px;
	width: 272px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/* =============================================== White Styles ========================================= */

div#white-right {
	background-image: url(images/bg_white.gif);
	background-repeat: no-repeat;
	float: right;
	height: 181px;
	width: 272px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #666666;
}

div#white-left {
	background-image: url(images/bg_white.gif);
	background-repeat: no-repeat;
	float: left;
	height: 181px;
	width: 272px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #666666;
}

div#detail1 {
	color: #666666;
	float: left;
	width: 90px;
}

div#detail2 {
	color: #000000;
	float: right;
	width: 178px;
}

div#detail1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#detail1 ul li {
	margin: 0px 0px 7px 0px;
}

div#detail2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#detail2 ul li {
	margin: 0px 0px 7px 0px;
}

/* =============================================== Heading Styles ========================================= */
div#load-left {
	font-family: "Trebuchet MS";
	font-size: 22px;
	color: #f18f42;
	background-image: url(images/icon_load.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	width: 200px;
	padding-left: 28px;
}

div#head-right {
	float: right;
	width: 350px;
	color: #666666;
	text-align: right;
}

/* =============================================== main Styles ========================================= */

div#main {
	background-color: #FFFFFF;
	width: 672px;
	padding-top: 20px;
	padding-right: 35px;
	padding-left: 35px;
	margin: 0px auto 0px auto;
	color: #666666;
	line-height: 15px;
}

div#main h1 {
	font-size: 22px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	font-family: "Trebuchet MS";
	color: #f18f42;
}

div#main h2 {
	font-size: 14px;
	font-family: "Trebuchet MS";
	color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

div#main a:link, div#main a:visited {
	color: #f18f42;
	text-decoration: none;
}

div#main a:hover, div#main a:active {
	color: #f18f42;
	text-decoration: underline;
}

div#main ul {
	list-style-type: decimal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

div#main ul li {
	margin-top: 0px;
	margin-bottom: 5px;
}

/* =============================================== TBL Styles ========================================= */

div#tbl {
	background-color: #FFFFFF;
	width: 672px;
	padding-right: 35px;
	padding-left: 35px;
	margin: 0px auto 0px auto;
	color: #666666;
}

div#tbl table {
	width: 670px;
	color: #000000;
	border: 1px solid #666666;
}

div#tbl table td {
	text-align: left;
	height: 18px;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 3px;
}

th.date1 {
	color: #FFFFFF;
	background-color: #666666;
	text-align: left;
	height: 18px;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 10px;
	width: 150px;
}

th.format1 {
	color: #FFFFFF;
	background-color: #666666;
	text-align: left;
	height: 18px;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 10px;
	width: 85px;
}

th.name1 {
	color: #FFFFFF;
	background-color: #666666;
	text-align: left;
	height: 18px;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 10px;
	width: 220px;
}

th.size1 {
	color: #FFFFFF;
	background-color: #666666;
	text-align: left;
	height: 18px;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 10px;
	width: 60px;
}

th.download1 {
	color: #FFFFFF;
	background-color: #666666;
	text-align: left;
	height: 18px;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 10px;
}

tr.line1 {
	background-color: #FFFFFF;	
}

tr.line2 {
	background-color: #CCCCCC;
}


/* =============================================== LOGIN Styles ========================================= */

div#login {
	background-color: #FFFFFF;
	width: 672px;
	padding-top: 20px;
	padding-right: 35px;
	padding-left: 35px;
	margin: 0px auto 0px auto;
	color: #666666;
	font-size: 15px;
}

div#login span {
	color: #f18f42;
}

/* =============================================== BUTTON Styles ========================================= */

a.enter:link, a.enter:visited {
	background-image: url(images/bt_enter.gif);
	background-repeat: no-repeat;
	height: 20px;
	text-decoration: none;
	display: block;
	background-position: right center;
	width: 242px;
	color: #FFFFFF;
	padding-top: 6px;
	text-align: right;
	padding-right: 30px;
}

a.enter:hover, a.enter:active {
	background-image: url(images/bt_enter.gif);
	background-repeat: no-repeat;
	height: 20px;
	text-decoration: underline;
	display: block;
	background-position: right center;
	width: 242px;
	color: #FFFFFF;
	padding-top: 6px;
	text-align: right;
	padding-right: 30px;
}

a.arrow:link, a.arrow:visited {
	background-image: url(images/bt_arrow.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: none;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.arrow:hover, a.arrow:active {
	background-image: url(images/bt_arrow.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: underline;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.forum:link, a.forum:visited {
	background-image: url(images/bt_forum.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: none;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.forum:hover, a.forum:active {
	background-image: url(images/bt_forum.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: underline;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.forum-orange:link, a.forum-orange:visited {
	background-image: url(images/bt_forum_orange.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: none;
	display: block;
	background-position: left center;
	width: 244px;
	color: #f18f42;
	padding-top: 7px;
	padding-left: 28px;
}

a.forum-orange:hover, a.forum-orange:active {
	background-image: url(images/bt_forum_orange.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: underline;
	display: block;
	background-position: left center;
	width: 244px;
	color: #f18f42;
	padding-top: 7px;
	padding-left: 28px;
}

a.account:link, a.account:visited {
	background-image: url(images/bt_enter.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: none;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.account:hover, a.account:active {
	background-image: url(images/bt_enter.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: underline;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.quick:link, a.quick:visited {
	background-image: url(images/bt_edit.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: none;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.quick:hover, a.quick:active {
	background-image: url(images/bt_edit.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: underline;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.load:link, a.load:visited {
	background-image: url(images/bt_load.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: none;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.load:hover, a.load:active {
	background-image: url(images/bt_load.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: underline;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.download-arrow:link, a.download-arrow:visited {
	background-image: url(images/bt_download.gif);
	background-repeat: no-repeat;
	height: 17px;
	text-decoration: none;
	display: block;
	background-position: left center;
	color: #f18f42;
	padding-left: 15px;
	width: 80px;
}

a.download-arrow:hover, a.download-arrow:active {
	background-image: url(images/bt_download.gif);
	background-repeat: no-repeat;
	height: 17px;
	text-decoration: none;
	display: block;
	background-position: left center;
	color: #000000;
	padding-left: 15px;
	width: 80px;
}

a.edit:link, a.edit:visited {
	background-image: url(images/bt_edit.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: none;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

a.edit:hover, a.edit:active {
	background-image: url(images/bt_edit.gif);
	background-repeat: no-repeat;
	height: 22px;
	text-decoration: underline;
	display: block;
	background-position: left center;
	width: 244px;
	color: #FFFFFF;
	padding-top: 7px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding-left: 28px;
}

/* =============================================== FOOTER Styles ========================================= */
div#foot {
	background-image: url(images/bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 742px;
	padding-top: 45px;
	color: #666666;
	text-align: center;
	line-height: 15px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 10px;
}



/* FH added */
input.fh_btn {
	color: #FFFFFF; 
	border:none;
	background: url(images/bt_enter.gif) no-repeat right; 
	float: right; 
	width: 100px;
	cursor: pointer;
}

input.fh_btn2 {
	color: #000000; 
	background: #CCCCCC; 
	cursor: pointer;
	width: auto;
}

a.fh_clear {
	clear: both;
}
p.fh_msg {
	border: 1px solid #000000;
	margin: 8px;
	padding: 4px;
	font-style:italic;
}
table#user_table th {
	border: 1px solid #8F9194;
	background: #8F9194;
	color:#FFFFFF;
}
table#user_table td {
	border: 1px solid #8F9194;
}
tr.fh_users_alt0 {
	background: #FFFFFF;
}
tr.fh_users_alt1 {
	background: #E3E4E5;
}
tr.fh_users_alt0  a:link, tr.fh_users_alt0  a:visited, tr.fh_users_alt1  a:link, tr.fh_users_alt1  a:visited {
	color: #333333;
}
div#add_user label {
	display: block;
}
div#add_user input {
	display: block;
}
a.show-link {
	color: #F18F42;
	text-decoration:none;
}