/* NOTE: Some of this stuff doesn't work for both major browsers, or it works differently.  Trial and error is the best approach. */

/* This controls the look of most page elements except those defined below.*/

BODY {
	font-family: Arial, Helvetica, san-serif;
	font-size: small;
	text-align: center;
}

/* This determines the look of the headings (<h1>). */
H1 {
	margin: 10px; padding: 2px;
	font-size: large;
	font-style: italic;
}

/* This determines the look of various subheadings. */

.subheading {
font-size: 16px;
}

/* This reduces the size of some form items */
INPUT, SELECT, TEXTAREA {
	font-size: 10px;
}

/* Determines the look for <hr>*/
HR {
	border:0px;
	height:1px;
	color: navy;
	background-color: navy;
	margin:0px;
}

/* aligns lists left */
OL, UL {
	text-align: left;
}

/* some iframe formatting */
iframe {
	border: 1px;
	border-style: inset;
	border-color: navy;
}

/* frames the content of most pages */
.content {
	margin:auto;
	width:740;
}

/* This determines the look of the linkbars (link area near top of most pages). */

.linkbar {
	font-size: small;
	color: #F2DAB2;
	margin: 20px;
	margin-bottom: 10px;
	padding: 4px;
	background-color: navy;
	max-width: 694px;
}

.linkbar A:link { color: #F2DAB2; font-size: 12px; text-decoration: none; }
.linkbar A:visited { color: #F2DAB2; font-size: 12px; text-decoration: none; }
.linkbar A:active { color: white; }
.linkbar A:hover { color: white; }

/* The following set determines the positioning of the profile form columns */
div.row {
	clear: both;
}

div.row span.form_left {
	float: left;
	width: 45%;
	text-align: right;
}

div.row span.form_right {
	float: right;
	width: 45%;
	text-align: left;
}

div.row span.form_right select {
	margin-left: 20px !important;
}

/* a placeholder */
div.spacer {
	clear: both;
	height: 1px;
}

/* This determines the look of each item on the profile form page. */
.profileform {
	border: 1px;
	border-color: navy;
	border-style: ridge;
	padding: 10px;
	font-size: 12px;
	line-height:23px;
	color: black;
	margin: 20px;
}

/* This determines the look of each item on the profile form page. */
.search_iframe {
	border: 1px;
	border-color: navy;
	border-style: ridge;
	width: 650px;
	padding: 0px;
	font-size: 12px;
	line-height:23px;
	color: black;
	margin: auto;
}

/* This determines the look of items on a user's profile page. */
.profile {
	border: 1px;
	border-color: navy;
	border-style: ridge;
	padding: 10px;
	font-size: 12px;
	color: black;
	margin:20px;
	margin-top:0;
	text-align:left;
}

/* This determines the look of items on the main menu matchlist. */
.match_list {
	border: 1px;
	border-color: navy;
	border-style: ridge;
	padding: 1px;
	padding-bottom: -15px;
	font-size: small;
	color: black;
	margin:20px;
	margin-top:0;
	text-align:left;
}

/* positioning data for the icons in the matchlist */
.image_1 { position: relative; left: 220px; top: -28px }
.image_2 { position: relative; left: 238px; top: -27px }
.image_3 { position: relative; left: 260px; top: -28px }
.text_overlay { position: relative; left: 171px; top: -33px; font-size: 6px }

/* This determines the look of messages on the private message boards. */
.board {
	border: 10px; border-color: silver; border-style: outset; margin: 20px; padding: 6px;
	font-family: Courier;
	font-size: small;
	color: black;
	text-align: left;
}

/* This the determines the look of the images on profile pages. */
.image {
	float: left;
	width:208px;
	border: 1px;
	border-color: navy;
	border-style: ridge;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px;
}

/* This the determines the look of the images on search lists. */
.sm_image {
	width:75px;
	border: 2px;
	border-color: navy;
	border-style: ridge;
	padding: 0px;
}

/* Some formatting for help pages. */
.help {
text-align: left;
margin: 20px;
}

/* These items determine background colors in matchlist based on status. */

.active_bg {
background: white;
}

.temp_bg {
background: silver;
}

.normal_bg {
}

/* some extra formatting for main admin form */
.admin_form {
	font-size: 12px;
}
a:hover {
	color: #FF0080;
	background-color: #E1F0FF;
}