@charset "utf-8";
/* CSS Document */


img#courseTab {
	display: block;
	position:fixed;
	top: 4em;
	right: -12.5em;}

/* top banner is actually 2 parts inside of the pageHeader, which creates the illusion that the page is being dynamically resized. */
div#pageHeader {
	position: relative;}

img#topLeft {
	positon: absolute;
	top: 0em;
	left: 0em;}

img#topRight {
	position: absolute;
	top: 0em;
	right: -0.5em;}

/* left column is the width of the old student center search and features collapsable menus */

div.leftPanel {
	positon: absolute;
	width: 28.5em;
	margin-left: 1.3em;
	float: left;
	margin-bottom: 1em;}
	
div#search {
	position: relative;
	top: 0em;
	left: 0em;}
	
div#results {
	position: relative;
	top: 0em;
	left: 0em;}
	
div#cs240found {
	position: relative;
	top: 0em;
	left: 0em;}

div.leftPanel h1,h2,h3 {
	background-color:#06F;
	font-color: white;
	color: #FFF;}
	
a.collapsable {
	text-decoration: none;}

a.collapsable img {
	border: none;
	vertical-align: text-bottom;}

div.searchButtons {
	text-align: right;}

span.fakeGreen {
	background-color: #CFC;
	padding: .2em 1.5em .2em 1.5em;
	border-color: #393;
	border-style: solid;
	border-left: .3em;
	border-top: .2em;
	color: #06F;
	border-right-color: #393;}

span.fakeGreenThin {
	background-color: #CFC;
	width:10em;
	text-align:center;
	margin-right: 1em;
	border-color: #393;
	border-style: solid;
	border-left: .3em;
	border-top: .2em;
	color: #06F;}

span.fakeBlue {
	background-color: #A0FAFE;
	padding: .2em 1.5em .2em 1.5em;
	border-color: #03C;
	border-style: solid;
	border-left: .3em;
	border-top: .2em;
	color: #33F;}

span.fakeBlueThin {
	background-color: #A0FAFE;
	width:10em;
	text-align:center;
	margin-right: 1em;
	border-color: #03C;
	border-style: solid;
	border-left: .3em;
	border-top: .2em;
	color: #33F;}

span.fakeRedThin {
	background-color:#F00;
	width:10em;
	text-align:center;
	margin-right: 1em;
	border-color:#900;
	border-style: solid;
	border-left: .3em;
	border-top: .2em;
	color:#000;}


div.rightPanel {
	margin-left: 31em;
	margin-right: 1.5em;
	min-width: 35em;}

/* footer uses a hr plus a static image to simulate dynamic resizing */
div.footer {
	clear: both;}

div.footer hr {
	color: #06F;
	width: 95%;
	min-width: 30em;}


/* The schedule tab flats to the right over the whole window pane, a sort of sheet of paper one can pull out and over their desktop momentarily */
img#scheduleTab {}