@import "betabar.css";
/*
# $Id$
*/

/* Standard elements */
body {
	background: #ed9238;
	color: #3a3a3a;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

p {
	color: #3a3a3a;
}

a {
	color: #3a3a3a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*
# Float wrapper
# Use this class on blocks that contained floated children.
*/
.float-wrapper {
	height: 1px;
}
.float-wrapper[class] {
	height: auto;
	overflow: hidden;
}

.hidden {
	visibility: hidden;
}


/*
# Main body heading:
# 	<h1><b>title</b><span>&#160;</span></h1>
*/
#slot-action h1 {
	background: url('/images/canvas-top.jpg') no-repeat;
	margin-bottom: 10px;
	padding: 9px 0px 0px 0px;
}

	#slot-action h1 b {
		background: url('/images/h1-bg.jpg') repeat-x;
		border-left: #d3d3d5 1px solid;
		border-right: #d3d3d5 6px solid;
		color: #3a3a3a;
		display: block;
		font-size: 36px;
		font-weight: normal;
		padding: 16px 20px 24px 20px;
		letter-spacing: -1px;
	}

		#slot-action h1 b a {
			color: #3a3a3a;
			text-decoration: none;
		}

		#slot-action h1 b a:hover {
			text-decoration: underline;
		}

	#slot-action h1 span {
		background: url('/images/canvas-bottom.jpg') no-repeat;
		display: block;
		height: 5px;
	}

	#slot-action h2 {
		font-size: 1.30em;
		font-weight: normal;
		margin-bottom: 0.5em;
	}

	#slot-action h3 {
		font-size: 1.15em;
		font-weight: normal;
	}

/*
# Main body canvas:
# <div class="canvas"></div>
*/
div.canvas {
}

	div.canvas-top {
		border-bottom: #d3d3d5 1px solid;
		display: block;
		font-size: 1px;
		height: 9px;
	}
	div.canvas-top[class] {
		background: url('/images/canvas-top.jpg') no-repeat top right;
		border: none;
	}

	div.canvas-body-wrapper {
		background: #f7f1fd url('/images/canvas-bg.jpg') repeat-x;
		border-left: #d3d3d5 1px solid;
		border-right: #d3d3d5 6px solid;
		padding: 10px 0px;
	}

		div.canvas-body {
			font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
			background: #F9F9F9;
			line-height: 120%;
			border: #d3d3d5 1px solid;
			margin: 10px 20px;
			padding: 20px;
		}

			div.canvas-body p {
				margin-bottom: 20px;
				font-size: 0.8em;
			}

			div.canvas-body a {
				text-decoration: underline;
			}

			div.canvas-body a:hover {
				text-decoration: none;
			}

		div.canvas-body-top {
			background: transparent;
			border: none;
			margin: 0px 20px 10px 20px;
			padding: 5px;
		}

	div.canvas-bottom {
		border-top: #d3d3d5 1px solid;
		display: block;
		font-size: 1px;
		height: 5px;
		margin-bottom: 20px;
	}
	div.canvas-bottom[class] {
		background: url('/images/canvas-bottom.jpg') no-repeat top right;
		border: none;
	}


#article-body h1, #article-body h2, #article-body h3, #article-body h4, #article-body h5 {
	background: none;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 120%;
	margin-top: 10px;
	margin-bottom: 20px;
}


/*
# Buttons
# Use the "button" class to acheive the rounded-box effect on hyperlinks. ie:
#	<a class="button" href="..."><span>Hyperlink text</span></a>
*/
input.button {
	visibility: hidden;
}

.button {
	background: url('/images/button-left.gif') no-repeat center left;
	display: block;
	float: left;
	padding: 0px 0px 0px 7px;
	text-decoration: none;
	white-space: nowrap;
	width: 1px;
}
.button[class] {
	width: auto;
}

	.button span {
		background: url('/images/button-right.gif') no-repeat center right;
		color: #727070;
		display: block;
		font-size: 12px;
		cursor: pointer;
		height: 29px;
		padding: 2px 17px 2px 10px;
	}
	.button[class] span {
		height: 23px;
	}

	a.button:hover {
		text-decoration: none;
	}

	a.button:hover span {
		color: #e14801;
	}


/*
# Standard form elements
*/
form.std {
}

	form.std dl {
		height: 1px;
		margin: 15px 0px;
	}
	form.std[class] dl {
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		height: auto;
		overflow: hidden;
	}

		form.std dl dt {
			float: left;
			font-size: 0.80em;
			padding-top: 5Px;
			width: 170px;
		}

			form.std dl.req dt span {
				color: #FF0000;
				display: inline-block;
				padding-left: 5px;
			}

		form.std dd {
			margin: 0px 0px 0px 180px;
		}

			form.std dd input {
				background: #FFF url('/images/input-bg.gif') no-repeat;
				border: #CCC 1px solid;
				padding: 5px;
				width: 315px;
			}

			form.std dd input.radio {
				background: none;
				border: none;
				padding: 0;
				width: auto;
				float: left;
			}

			.ie form.std dd input.radio {
				padding-top: 4px;
			}

			form.std dd label.radio .option {
				display: block;
				margin-left: 24px;
			}

			form.std dd input.short {
				width: 100px;
			}

			form.std dd select {
				background: #FFFFFF url('/images/input-bg.gif') no-repeat;
				border: #CCCCCC 1px solid;
				padding: 5px;
			}

				form #school {
					width: 330px;
				}

			form.std dd textarea {
				background: #FFFFFF url('/images/input-bg.gif') no-repeat;
				border: #CCCCCC 1px solid;
				height: 200px;
				padding: 5px;
				width: 315px;
				font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
				font-size: 0.8em;
			}

		form.std dd.spaced {
			margin-bottom: 8px;
		}

		form.std dd.missing {
			background: #FFFFCC;
			color: #660000;
			font-size: 0.70em;
			margin-bottom: 5px;
			padding: 5px;
		}

	form.std dl.buttons dd {
		background: url('/images/divide.gif') repeat-x left top;
		padding: 15px 0px;
		width: 325px;
	}

		form.std dl.buttons dd input {
			background: #F0F0F0;
			padding: 5px;
			width: auto;
		}


/*
# Other elements
*/
div.divide {
	background: url('/images/divide.gif') repeat-x left center;
	height: 1px;
	margin: 20px 0px;
}