/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #363 url("../images/bg_herald2.gif") repeat;
	font-family: sans-serif;
	font-size: 10pt;
	background-attachment: fixed;
}

img {
	border: none;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
	margin: 0 10px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	margin: 0 10px;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
	margin-left: 10px;
}

a:link, a:visited, a:active {
	color: #336600;
	text-decoration: none;
}

a:hover {
	color: #669900;
	text-decoration: underline;
}

hr {
	border: 0;
	width: 70%;
	color: #006600;
	background-color: #006600;
	height: 1px;
	margin: auto;
}

p {
	margin-bottom: 1em;
}

#content {
  border: 2px solid #00AA00;
  background: #FFFFDD;
  width: 800px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

.inside	{
	padding: 5px;
}

.innercontent {
	border-bottom: 1px solid #006600;
}

.header {
	text-align: center;
	border-bottom: 1px solid #006600;
}

.footer {
	text-align: center;
}

fieldset {
	border: 1px solid #663300;
	padding: 10px;
	margin: 15px 0;
}

input, password, textarea {
	display: inline;
	border: 1px solid #660033;
	margin-left: 10px;
	margin-top: 5px;
	overflow: hidden;
	vertical-align: text-bottom;
}

.hide {
	visibility: hidden;
	display: none;
	width: 0;
	height: 0;
}

select {
	float: left;
	display: inline;
	border: 1px solid #660033;
	margin-left: 10px;
	margin-top: 5px;
}

.checkbox {
	text-align: left;
	display: inline;
	border: 0;
	vertical-align: text-bottom;
}

legend {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
}

label {
	display: block;
	float: left;
	width: 100px;
	padding: 0;
	margin: 7px 0 0 0;
	text-align: right;
	font-weight: bold;
}

#frmLogin {
	width: 50%;
	margin: auto;
}

#frmLogin br {
	clear: left;
}

#frmPasswordForm {
	width: 75%;
	margin: auto;
}

#frmPasswordForm label {
	width: 190px;
}

#frmPasswordForm br {
	clear: left;
}

#frmChangePass {
	width: 75%;
	margin: auto;
}

#frmChangePass label {
	width: 150px;
}

#frmChangePass br {
	clear: left;
}

#frmNewAccount {
	width: 80%;
	margin: auto;
}

#frmNewAccount br {
	clear: left;
}

#frmNewRecommend {
	width: 93%;
	margin: auto;
}

#frmNewRecommend br {
	clear: left;
}

#frmLogout input {
	display: inline;
	border: 1px solid #660033;
	margin: 5px 10px;
	overflow: hidden;
}

.error {
	color:#CC0000;
	font-style: italic;
	font-size: 75%;
	margin-left: 110px;
	text-align: left;
}

.required {
	color:#CC0000;
	font-size: 90%;
}

#tblRecList {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: 1px solid #006600;
}

#tblRecList caption {
	caption-side: top;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}

#tblRecList tr.row0 {
	background-color: #FFFFFF;
}

#tblRecList tr.row1 {
	background-color: #CCFFCC;
}

#tblRecList tr.row2 {
	background-color: #FFCC99;
}

#tblRecList td {
	border: 1px solid #006600;
	padding-left: 3px;
}

#tblRecList thead td {
	background-color: #669966;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

#tblRecList tfoot {
	background-color: #669966;
	text-align: center;
}

#tblRecList tfoot td a:link, #tblRecList tfoot td a:visited, #tblRecList tfoot td a:active {
	color: #FFFFDD;
	text-decoration: none;
}

#tblRecList tfoot td a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#tblContactInfo  {
	border-collapse: collapse;
}

#tblContactInfo thead td {
	color: #993300;
	font-weight: bold;
	text-decoration: underline;
}

#tblContactInfo tbody th {
	color: #993300;
	text-align: right;
	padding-left: 10px;
}

#tblContactInfo tbody td {
	padding-right: 20px;
	padding-left: 10px;
}

#tblContactInfo tfoot td {
	text-align: right;
}

#tblContactInfo tfoot td a:link, #tblContactInfo tfoot td a:active, #tblContactInfo tfoot td a:visited {
	color: #0066CC;
	text-decoration: none;
	font-size: 75%;
}

#tblContactInfo tfoot td a:hover {
	color: #3399FF;
	text-decoration: underline;
	font-size: 75%;
}

#frmContactInfo input {
	margin: 0px;
}

#frmContactInfo .btnSubmit {
	color: #0066CC;
	border: none;
	background-color: transparent;
	font-size: 75%;
}

.awdExp {
	margin-top: 10px;
	width: 100%;
	min-height: 110px;
	border: 1px solid #663300;
	background-color: #FFFFFF;
}

.awdexpbadge {
	float: left;
	width: 110px;
}

.awdexphead {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}

.awdexpbody {
	font-size: 90%;
	font-weight: normal;
	text-align:left;
}

#tblEventList {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: 1px solid #006600;
}

#tblEventList caption {
	caption-side: top;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}

#tblEventList tr.row0 {
	background-color: #FFFFFF;
}

#tblEventList tr.row1 {
	background-color: #CCFFCC;
}

#tblEventList tr.row2 {
	background-color: #FFCC99;
}

#tblEventList td {
	border: 1px solid #006600;
	padding-left: 3px;
}

#tblEventList thead td {
	background-color: #669966;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

#tblEventList tfoot {
	background-color: #669966;
	text-align: center;
}

#tblEventList tfoot td {
	border-left:#669966;
	border-right:#669966;
}

#tblEventList tfoot td a:link, #tblEventList tfoot td a:visited, #tblEventList tfoot td a:active {
	color: #FFFFDD;
	text-decoration: none;
}

#tblEventList tfoot td a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#tblEventList input, #tblEventList select {
	border: none;
	margin: 0;
	padding: 0;
}

#tblEventList .delbtn {
	font-size: 120%;
	font-weight: bold;
	color:#FF0000;
	cursor: pointer;
}

.recletter {
	width: 80%;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #663300;
	background-color:#FFFFFF;
	font-size: 110%;
}

.recletter p {
	margin-top: 15px;
	margin-bottom: 15px;
}

.recletter ul {
	margin-top: 0;
	list-style: none;
}

.recletter li {
	margin-left: 4em;
}

.usernavigation {
	background: #006600;
	color: #FFFFCC;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
/*	text-align: right; */
	font-size: 90%;
}

.usernavigation li {
	display: inline;
/*	margin-right: 3em; */
	margin-left: 3em;
}

.usernavigation a:link, .usernavigation a:visited {
	color: #FFFFCC;
	text-decoration: none;
}

.usernavigation a:active, .usernavigation a:hover {
	color: #FFFF00;
	text-decoration: underline;
}

.navigation {
/*	background: #339933;
	color: #FFFFCC; */
	background: none;
	color: #009900;
	width: 100%;
	margin: 0;
	margin-left: 30px;
	margin-bottom: 15px;
}

.navigation li {
	display: inline;
	margin-left: 3px;
}

.navigation a:link, .navigation a:visited {
/*	color: #FFFFCC; */
	color: #339933;
	text-decoration: none;
}

.navigation a:active, .navigation a:hover {
/*	color: #FFFF00; */
	color: #33AA33;
	text-decoration: underline;
}

.institle {
	color:#CC0000;
	font-weight: bold;
	cursor: pointer;
	margin-bottom: 0;
}

#instructions li {
	margin-left: 3em;
	list-style: square;
}

/*  Auto complete */
.autocomp {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	width: 0px;
}