/*
CSS RESET, because all browser have different values for margin/padding/border for different html elements, so first rule is to reset all of these to make sure the page renders the same in all browsers.

Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/*Define the style for the main application, other stylesheet can be created as the need for modularisation is felt */
html, body {
	height: 100%;
}

body {
	font-size:12px;
	font-family:Helvetica;
}
.logo {
	font-size:2em;
	float:left;
	margin:0 5px 0 5px;
}

#logout {
	margin:3px;
	padding:4px;
	float:right;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1.3em; /* the bottom margin is the negative value of the footer's height */
	padding-left:3px;
	padding-right:3px;
}
.footer, .push {
	height: 1em; /* .push must be the same height as .footer */
}
.footer {
	margin-top:-1.6em;
	border-top:1px #4297D7 solid;
}

a, .fakeLink {
	cursor:pointer;
}


h1 {
	font-size:3em;
	text-shadow: 0.1em 0.1em 0.2em black
}

h2 {
	color: #1D5987;
	font-weight: bold;
	font-size: 1.5em;
}


h3 {
	color: #1D5987;
	font-weight: bold;
	font-size: 1em;
	margin-top:0.6em;
	margin-bottom:0.1em;
}

legend {
	color: #1D5987;
	font-weight: bold;
	font-size: 1.2em;
}

.modalInstruction {	/*Block of p() appearing usually at the top of a modal dialog window.. */
	margin-bottom:10px;
}

.foundText {
	font-weight:bold;
	color:#E17009;
}

/***** BSOD ******/
body.bsod {
    background:#0000aa;
    color:#ffffff;
    font-family:courier;
    font-size:12pt;
    text-align:center;
}

blink.bsod {
    color:yellow;
}

.bsod.neg {
    background:#fff;
    color:#0000aa;
    padding:2px 8px;
    font-weight:bold;
}

p.bsod {
    margin:30px 100px;
    text-align:left;
}


fieldset {
	margin:5px;
	padding:5px;
	border:1px solid #1D5987;
}

strong {
	font-weight:bold;
}
.comboboxHeading{
	font-size: 12pt;
	font-weight: normal;
}

.course_symbol {
	text-decoration:underline;
	color:#1D5987;
	padding-right:5px;
}


.template { display:none; }
/* Transcript */
#Transcript span.Symbol { display:block; float:left; width:80px; }
#Transcript span.Name { display:block; float:left; width:350px; }
#Transcript span.Grade {display:block; float:left;  width:30px; }
#AcademicRecord label { width:100px; display:block; float:left}

/* TODO shouldn't be necessary */
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { padding: 0.48em 0 0.47em 0.45em; width:500px; }

#termCombo { width:100px; }
#departmentCombo {width:200px; }
#Legend { padding:15px; float:right; margin:15px;}
.sequenceRow { clear:both; width:100px; }
#Legend p { width:150px; }
.course_symbol_hover { background-color: #FF5C5C; }

/*SEQUENCE PLANNER*/
#selectedCourse { padding:15px; }
#selectedCourse .courses { padding:3px; margin-right:5px; width:90px; height:16px; overflow:none; float:left; }
#calendar .constraint .wc-title { background-color:red;}
#calendar .constraint .wc-time { background-color:red;}
#calendar .constraint { background-color:red;}