/* css document */

body {
	margin: 0;
	padding: 0;
	background-color: #676767;
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.5em;
}
#header {
	margin-left: 5%;
	margin-right: 5%;
	padding: 0;
	background-color: #660000;
	color: #000000;
	background-image: url(../images/header_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#dataportalheader {
	margin-left: 5%;
	margin-right: 5%;
	padding: 0;
	background-color: #013567;
	color: #000000;
	background-image: url(../images/dataportalheader_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#contenttop {
	margin-top: 1em;
	margin-left: 5%;
	margin-right: 5%;
	padding: 0;
	background-color: #ffffff;
	color: #333333;
	background-image: url(../images/content_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff; /* pulls divs together */
}
#contentbottom {
	margin-left: 5%;
	margin-right: 5%;
	padding: 0;
	background-color: #ffffff;
	color: #333333;
	background-image: url(../images/content_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	border-top: 1px solid #ffffff; /* pulls divs together */
}
#content {
	margin-left: 5%;
	margin-right: 5%;
	padding: 0 20px 12em 20px;
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #ffffff;
	min-height: 48em;
}
#footer {
	margin-left: 5%;
	margin-right: 5%;
	padding: 0 20px 1em 20px;
	background-color: #676767;
	color: #cccccc;
}
#start h3 {
	padding: .5em;
	background-color:#ececec;
	border-bottom:1px solid #cccccc;
}
#start p {
	padding: 0 .5em 0 .5em;
}
#start li {
	padding: 0 .5em 0 0;
}
a:hover {
	background-color: #ebebeb;
}
#updateswrapper {
	float: right;
	width: 40%;
	background-color: #ffffff;
}
/* need wrapper to add white space on left of updates */
#updates {
	background-color: #f5eeee;
	/*
	background-image: url(../images/updates_bkgnd.jpg);
	background-position: top;
	background-repeat: no-repeat;
	*/
	color: #000000;
	border: 1px solid #555555;
	padding: .5em;
	margin-left: 1em;
	margin-bottom: 1em;
}
#updates ul {
	margin-left: 1em;
	padding-left: 1em;
}
#uclacoursestabs {
	margin: 0;
	padding: 0;
	width: 512px;
}
.tabswrapper {
	margin: 0;
	padding: 0;
	height: 24px;
	background-image: url(../images/tabs_bkgnd.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}
/* need 1px padding top to bring divs together */
.tabscontent {
	padding: 1px 2em 2em 2em;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #cccccc;
}
h1,h2,h3,h4 {
	line-height: normal;
	color: #000000;
}
table {
	border-collapse: collapse;
}
td,th {
	font-family: verdana, arial, helvetica, sans-serif;
	padding: .3em;
	/*border: 1px solid #cccccc;*/
	color: #000000;
}
th {
	text-align: right;
}
select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
}
input[type=text] {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	background-color: #f2f2f2;
	color: #000000;
}
input.text {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	background-color: #f2f2f2;
	color: #000000;
}
input[type=password] {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	background-color: #f2f2f2;
	color: #000000;
}
input.password {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	background-color: #f2f2f2;
	color: #000000;
}

/* horizontal alignment */

.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}

/* vertical alignment */

.top {
	vertical-align: top;
}
.bottom {
	vertical-align: bottom;
}

/* text format */

.textbold {
	font-weight: bold;
	color: #000000
}
.textitalic {
	font-style: italic;
}
.textbolditalic {
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
.textnormal {
	font-weight: normal;
}

/* widths */

.one { width: 1%; }
.five { width: 5%; }
.eight { width: 8%; }
.ten { width: 10%; }
.twelve { width: 12%; }
.fifteen { width: 15%; }
.twenty { width: 20%; }
.twentyfive { width: 25%; }
.thirty { width: 30%; }
.thirtythree { width: 33%; }
.thirtyfive { width: 35%; }
.thirtynine { width: 39%; }
.forty { width: 40%; }
.fortythree { width: 43%; }
.fortyfive { width: 45%; }
.fortyeight { width: 48%; }
.fortynine { width: 49%; }
.fifty { width: 50%; }
.fiftyfive { width: 55%; }
.sixty { width: 60%; }
.sixtyfive { width: 65%; }
.seventy { width: 70%; }
.seventyfive { width: 75%; }
.eighty { width: 80%; }
.eightyfive { width: 85%; }
.ninety { width: 90%; }
.ninetyfive { width: 95%; }
.onehundred { width: 100%; }
.twofifty { width: 250px; }
.twoem { width: 2em; }
.fourem { width: 4em; }
.sixem { width: 6em; }
.eightem { width: 8em; }
.tenem { width: 10em; }
.twelveem { width: 12em; }
.fourteenem { width: 14em; }
.fifteenem { width: 15em; }
.sixteenem { width: 16em; }
.eighteenem { width: 18em; }
.twentyfourem { width: 24em; }
.twentysixem { width: 26em; }
.thirtyem { width: 30em; }
.thirtytwoem { width: 32em; }
.thirtyfiveem { width: 35em; }
.fortyem { width: 40em; }
.fortyfiveem { width: 45em; }
.fiftyem { width: 50em; }

/* miscellaneous */
.alert {
	color: #990000;
	font-weight: bold;
}
.altrow {
	background-color: #f3f3f3;
}
.assignment {
	padding: 1em;
	background-color: #f1f1f1;
	color: #000000;
	border: 1px solid #cccccc;
}
.border {
	border: 1px solid #cccccc;
}
.bordertop {
	border-top: 1px solid #cccccc;
}
.cellpadbottom {
	padding-bottom: 2em;
}
.cellpadleft {
	padding-left: 1em;
}
.cellpadright {
	padding-right: 1em;
}
.cellpadtop {
	padding-top: 2em;
}
.clearfloat {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.dottedrule {
	border-top: 1px dotted #333333;
}
.doublespace {
	margin-top: 2em;
}
.emspace {
	margin-left: .5em;
	margin-right: .5em;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.formpanel {
	background-color: #ececec;
}
.greyedout {
	color: #777777;
}
.greyheadrow {
	background-color: #e3e3e3;
}
.greyrow {
	background-color: #f3f3f3;
}
.indent {
	margin-left: 20px;
	margin-right: 20px;
}
.lightgrey {
	background-color: #ebebeb;
}
.linespace {
	margin-top: 1em;
}
.listocell {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 10px;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 10px;
}
.newsheader {
	font-weight: bold;
	color: #660000;
	letter-spacing: .1em;
}
.noborder {
	border: 0;
}
.nobullet {
	list-style: none;
}
.noshow {
	display: none;
}
.nospacetop {
	margin-top: 0;
	padding-top: 0;
}
.nospacebottom {
	margin-bottom: 0;
	padding-top: 0;
}
.paddingtop {
	padding-top: 2em;
}
.paddingleft {
	padding-left: 2em;
}
.paddingright {
	padding-right: 2em;
}
.paddingbottom {
	padding-bottom: 2em;
}
.prefill {
	color: #777777;
}
.quadspace {
	margin-top: 4em;
}
.required {
	color: #660000;
}
.singlespace {
	margin-top: 1em;
}
.smaller {
	font-size: 90%;
	line-height: 1.4em;
}
.subhead {
	font-weight: bold;
	color: #660000;
}
.submitbutton {
	padding-top: 2em;
	text-align: right;
}
.tip {
	font-size: 90%;
	color: #777777;
}
.warning {
	border: 2px solid #000000;
	padding: 1.5em;
	background-color: #f4f4f4;
	color: #cc0066;
}

/* tooltip */

.hotspot {
	padding-bottom: 1px;
	cursor: pointer;
}
#tt {
	position: absolute;
	display: block;
	background: url(../images/tt_left.gif) top left no-repeat;
}
#tttop {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(../images/tt_top.gif) top right no-repeat;
	overflow: hidden;
}
#ttcont {
	display: block;
	padding: 2px 12px 3px 7px;
	margin-left: 5px;
	background: #676767;
	color: #fff;
}
#ttbot {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(../images/tt_bottom.gif) top right no-repeat;
	overflow: hidden;
}