/* Colors 

Blue = #103c90
Light Yellow = #fcdd77
Yellow = #fcdd77

END: Colors */

@import "xeno_forms.css";


/* Override Blueprint CSS */
.append-1 {padding-right:15px;}
.prepend-1 {padding-left:15px;}
/* END: Override Blueprint CSS */


#pf-top
{
display: none;
}

#top
{
height: 132px;
background-color: #fcdd77;
}

#top-left
{
float: left;
width: 7px;
height: 132px;
background-image: url("/manual/images/template/top-left.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#top-body
{
float: left;
width: 936px;
height: 132px;
background-image: url("/manual/images/template/top-bg.jpg");
background-repeat: repeat-x;
background-position: left top;
position: relative;
}

#top-right
{
float: right;
width: 7px;
height: 132px;
background-image: url("/manual/images/template/top-right.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#new_dates {
	z-index: 99999;
	position: absolute;
	top: -10px;
	right: 60px;	
}

#searchbar
{
height: 52px;
background-color: #103c90;
}

#searchbar h2 {
margin: 0;
padding: 0.6em 1em 0 0;
text-align: right;
font-size: 1.6em;
color: #fff;
}

#searchbar-left
{
float: left;
width: 7px;
height: 52px;
background-image: url("/manual/images/template/searchbar-left.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#searchbar-body
{
float: left;
width: 936px;
height: 52px;
background-image: url("/manual/images/template/searchbar-bg.jpg");
background-repeat: repeat-x;
background-position: left top;
text-align: right;
}

#searchbar-body form
{
margin: 1.25em 0.75em 0 0;
color: #ffffff;
}

#searchbar-body form label
{
font-weight: bold;
margin: 0 0.5em 0 0;
}

#searchbar-body form input.field
{
/*height: 20px;*/
width: 150px;
margin: 0 0.1em 0 0;
padding: 0.1em 0.2em 0.1em 0.2em;
border: 1px solid #000000;
}

#searchbar-body form input.button
{
cursor: pointer;
margin: 0;
padding: 0.2em 0.2em 0.2em 0.2em;
border: 1px solid #000000;
background-color: #fcdd77;
background-image: url("/manual/images/template/button-bg-yellow.jpg");
background-repeat: repeat-x;
background-position: left top;
font-size: 0.9em;
font-weight: bold;
color: #000000;
}

#searchbar-right
{
float: right;
width: 7px;
height: 52px;
background-image: url("/manual/images/template/searchbar-right.jpg");
background-repeat: no-repeat;
background-position: right top;
}


#left-column
{
float: left;
width: 230px;
}

div.registration {
display: block;
background: url("/manual/images/register-bg.png") repeat-y;
margin: 0 5px;
height: 40px;
width: 215px;
text-align: center;
border: 2px solid #1A3D8D; /* !!!hack to have div touch div above it!!! */}

	div.registration h5 {
		margin: 0;
		padding: 0;
		line-height: 42px;}

	div.registration h5 a {		
		display: block;
		font-size: 18px;
		color: #003090;
		text-decoration: none;
		text-transform: uppercase;}

#countdown
{
height: 80px;
background-color: #103c90;
}

#countdown-left
{
float: left;
width: 7px;
height: 80px;
background-image: url("/manual/images/template/countdown-left.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#countdown-body
{
float: left;
width: 214px;
height: 80px;
background-image: url("/manual/images/template/countdown-bg.jpg");
background-repeat: repeat-x;
background-position: left top;
}

#countdown-body h2
{
margin: 0;
padding: 0.5em 0 0.1em 0;
text-align: center;
font-size: 1.6em;
font-weight: bold;
color: #ffffff;
line-height: normal;
}

#countdown-body table
{
width: 190px;
margin: 0 auto 0 1.5em;
}

#countdown-body th
{
padding: 0;
background-color: transparent;
color: #ffffff;
line-height: normal;
}

#countdown-body td
{
padding: 0;
background-color: transparent;
color: #ffffff;
line-height: normal;
}

#countdown-right
{
float: right;
width: 9px;
height: 80px;
background-image: url("/manual/images/template/countdown-right.jpg");
background-repeat: no-repeat;
background-position: right top;
}

#nav
{
width: 230px;
background-color: #fcdd77;
background-image: url("/manual/images/template/left-bg.jpg");
background-repeat: repeat-y;
background-position: left top;
}

#nav-body
{
min-height: 50px;
_height: 50px;
padding-top: 7px;
background-image: url("/manual/images/template/left-top.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#nav-bottom
{
height: 9px;
background-image: url("/manual/images/template/left-bottom.jpg");
background-repeat: no-repeat;
background-position: left bottom;
}

/** OLD
#nav ul
{
list-style: none;
margin: 0 9px 0 7px;
padding: 0px;
}

#nav li
{
background-color: #103c90;
border-bottom: 3px solid #ffffff;
font-weight: bold;
color: #ffffff;
}

#nav ul a
{
display: block;
padding: 0.5em 0.75em 0.5em 0.75em;
color: #ffffff;
text-decoration: none;
}

#nav ul a:hover
{
background-color: #3366cc;
color: #ffffff;
text-decoration: none;
}
**/

#left-column-text
{
	clear: both;
margin: 0.75em 1.25em 0.75em 1.25em;
}

#right-column
{
float: right;
width: 720px;
}

#content
{
background-color: #fcdd77;
background-image: url("/manual/images/template/content-bg.jpg");
background-repeat: repeat-y;
background-position: left top;
}

#content-body
{
min-height: 778px;
_height: 778px;
padding: 1.5em 2.0em 1.5em 2.0em;
background-image: url("/manual/images/template/content-top.jpg");
background-repeat: no-repeat;
background-position: left top;
}

#content-bottom
{
height: 9px;
background-image: url("/manual/images/template/content-bottom.jpg");
background-repeat: no-repeat;
background-position: left bottom;
}

#footer
{
margin: 1.5em 0 1.5em 0;
text-align: center;
color: #808080;
}


a {color: #103c90; text-decoration: underline; }
a:hover {color: #103c90; text-decoration: none; }

h1
{
background-image: url("/manual/images/template/h1-bg.jpg");
background-repeat: repeat-x;
background-position: left 0.5em;
font-family: tahoma, verdana, sans-serif;
font-size: 1.8em;
font-weight: bold;
color: #103c90;
}

h1 span
{
background-color: #ffffff;
padding: 0 0.4em 0 0;
}

h2
{
font-family: tahoma, verdana, sans-serif;
font-size: 1.4em;
font-weight: bold;
color: #103c90;
}

h3
{
font-family: tahoma, verdana, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #103c90;
}

.image_border {
	padding: 2px;
	border: 1px solid blue;
	background-color: #FFFF99;	
}

.float_right{
	float: right;
	margin: 0 0 1.5em 1.5em;
}
div.call_out {
	float: right;
	margin: 0 0 1.5em 1.5em;
	padding: 2px;
	border: 1px solid blue;
	background-color: #FFFF99;
	width: 30%;
	padding: .5em;
}

#content-body table.schedule,
#content-body table.rates {
	width: 400px;}
	
#content-body table.schedule td.col1,
#content-body table.rates td.col1 {
	width: 150px;
	font-weight: bold;}

div.highlight-box
{
overflow: auto;
_overflow: none; /* IE6 Hack */
_height: 10em; /* IE6 Hack */
background: #ccc;
padding: 1.0em 1.5em;
margin: 0 0 1.5em 0;
}

/*========== subnav =========*/
#subnav
{
width: 100%;
position: relative;
clear: both;
display: table;
background-color: #e6e6e6;
color: #003660;
margin: 0 0 1em 0;
}

#subnav div
{
overflow: hidden;
padding: .5em;
}

#subnav ul
{
list-style: none;
display: inline;
}


#subnav li
{
padding: 0px 2px 4px 2px;
float: left;
}

#subnav li a
{
text-decoration: underline;
}

#subnav li a:link {}
#subnav li a:visited {}
#subnav li a:hover {text-decoration: none;}
#subnav li a:active {}
/*========== END: subnav =========*/

/*@group Tables*/

table.chart {
	margin: 1em 0;}
	
table.chart th,
table.chart td {
	vertical-align: top;
	border: 1px solid #e6e6e6;}

/*@end*/

/*@group Search Box*/

#search_box {
	margin: 1em 0;}

#search_box form {
	width: 100%;}
	
#search_box input.text_input {
	width: 95%;}

#search_box input.submit_input {
	float: right;
	display: inline;
	margin: .5em 0;}
	
/*@end*/

#help {
	border-top: 2px solid #103c90;
	border-bottom: 2px solid #103c90;
	margin: 0 0 1em 0;}

#help p {
	margin: 1em 0;
	text-align: center;
	font-weight: bold;}
	
#help p a {
	color: #103c90;}
	
#wms-home {
	text-align: center;
	border-bottom: 2px solid #103c90;
	margin: 0 0 1em 0;}