/* ****************************************************************
* global basic html elements
***************************************************************** */

#main {
	margin: 0px;
	padding: 5px 20px;
}

div.clear {
	clear: both;
	font-size: 1px;
}

/* ****************************************************************
(4) - header elements
**************************************************************** */

#top-header {
	text-align: center;
	border-bottom-width: thick;
	border-bottom-style: double;
	border-bottom-color: #6587a1;
	margin-bottom: .5em;
	padding-bottom: .5em;
}

#top-header-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #6587a1;
	font-style: italic;
	display: inline;
	margin-left: 20px;
	position: relative;
	top: -5px;
}

#menu {
	margin: 8px 0px 0px 0px;
	padding: 0;
	font-size: 82.5%;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#menu ul li {
	margin: 0 .25em; 
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu a {
	display: block; 
	color: #333;
	background-color: #E4D0A3;
	padding: .2em .8em;
	text-decoration: none;
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
}

#menu a:hover {
	background-color: #F1E7D0;
	color: #333;
	border-top: 2px solid #666666;
	border-left: 2px solid #666666;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

#menu li.current-hot a {
	display: block; 
	color: #FFF;
	background-color: #0000FF;
	padding: .2em .8em;
	text-decoration: none;
	border-top: 2px solid #CECEFF;
	border-left: 2px solid #CECEFF;
	border-right: 2px solid #000033;
	border-bottom: 2px solid #000033;
}

#menu li.current-hot a:hover {
	background-color: #6262FF;
	color: #FFF;
	border-top: 2px solid #000033;
	border-left: 2px solid #000033;
	border-right: 2px solid #CECEFF;
	border-bottom: 2px solid #CECEFF;
}


/* ****************************************************************
(3) - useful tools
**************************************************************** */

div.heading {
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

div.heading h1 {
	display: inline;
	margin-right: 50px;
}

div.heading h2 {
	display: inline;
	margin-right: 50px;
}

div.heading a {
	font-size: 1.3em;
	margin-left: 20px;
	margin-bottom: 20px;
}
.message {
	font-size: 1.1em;
	font-weight: bold;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}
.action-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #006600;
	padding-left: 20px;
}
.instructions {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}
.form-label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.form-label-required {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FF0000;
}
.form-label-optional {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic
}
.required-field {
	background-color: #FFFFFF;
	border-color: #FF0000;
}
span.form-instructions {
	font-size: .8em;
	font-weight: normal;
	font-style:italic
}
.tooltip {
	color: #000000;
	text-decoration: none;
}
.disabled-opp {
	color: #999999;
	font-style: italic;
}
.current-opp {
	color: #000000;
	font-weight: bold;
}
.available-opp {
	color: #000000;
}