@import "/layout/smx_style.css";

DIV.clearboth {
	clear:					both;
}

BODY {
	background-color:		#002032;
	color:					white;
}

A {
	color:					yellow;
}

FORM {
	color:					white;
}

/******************************************************/

/*** Logo ***/

.logo {
	text-align:				left; /* leaving out causes IE trouble */
	width:					750px;
	margin:					0 auto;
	background-repeat:		no-repeat;
}

#TourLayout .logo {
	background-image:		url( img/header1.jpg );
	height:					350px;
}

/* Logo for everything but the tour */
.logo {
	background-image:		url( img/header2.jpg );
	height:					229px;
}

.headanim {
	position:				relative;
	width:					159px; /* from .gif */
	height:					182px; /* from .gif */
	top:					16px;
	left:					580px;
}

.headbutton {
	position:				relative;
	left:					237px;
	width:					282px; /* keep it wide enough for the button */
}

.headinfo {
	position:				relative;
	left:					260px;
	top:					35px;
	width:					228px;
	height:					124px;
	text-align:				center;
}

.headinfo H1 {
	font-size:				90%;
	padding:				0;
	margin:					0;
	text-decoration:		underline;
	color:					yellow;
}

.headinfo P {
	padding:				0;
	margin:					0;
	font-size:				60%;
	line-height:			1.2em;
}

/*** General Form Stuff ***/

.buttons .form_submit {
	background-color:		#8080ff;
}

.buttons .form_submit:hover {
	background-color:		#5050e0;
}


.form_select,
.form_text,
.form_textarea,
.form_password {
	border:					solid black 1px;
	background-color:		#d0d0ff;
}

/*** The DaveBox ***/

.daveboxcontainer {
	text-align:				left; /* leaving out causes IE trouble */
	background-image:		url( img/davebox.jpg );
	background-repeat:		no-repeat;
	width:					740px;
	height:					122px;
	color:					white;
	padding:				0;
	margin:					0 auto;
	margin-bottom:			10px; /* just spacing */
	margin-top:				10px; /* just spacing */
}

.davebox {
	/* positioning */
	position:				relative;
	top:					37px;
	left:					145px;
	width:					570px;
	height:					65px;
	/* style */
	font-size:				70%;
	line-height:			1.0em;
}

.box {
	width:					760px;
}

.boxhead {
	background-image:		url( img/cbox_head.png );
	background-repeat:		no-repeat;
	height:					51px;
}

.boxbody {
	background-image:		url( img/cbox_body.png );
	background-repeat:		repeat-y;
}

.boxfoot {
	background-image:		url( img/cbox_foot.png );
	background-repeat:		no-repeat;
	height:					8px;
}


/*** Movie box ***/

.box .description {
	color:					#ccf;
}

.thumbbox {
	background-color:		#88a;
}


.formfield .form_text,
.formfield .form_textarea {
	background-color:		#bbf;
}


/*** Tour Preview ***/

.preview {
	background-color:		#ff9933;
}


/*** Movie pager (1 2 3 4 5) ***/

.moviepager .selected {
	background-color:		#44f;
}


/*** Button bar ****/

.buttonbar {
	position:			absolute;
	margin-top:			124px;
	margin-left:		237px;
}