/*
BASE COLOURS
#453326: Dark Brown: header background, even table rows
#695649: Light Brown: header border, odd table rows
#5f391b: Medium Brown: Not sure yet...
#201913: Near Black: Info Blocks

#695444: Brown/Grey: alternating table rows?
#9c947c: Light Grey: Border for info blocks
#e3ddc9: Beige/Grey: Header Text (h2-h6), table text

#add978: Light Green: main page background
#619226: Dark Green: Possible borders
#9bcc60: Medium Green: Not sure yet.... Used for inactive tab text and icons

#f1fd86: Yellow: Icon colours and management only text on student notes

*/

html {
	height:100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
	font-family:"Segoe UI", Helvetica, Arial, sans-serif;
	background-color:#add978; /* Light Green */
}

body p {
	margin-top:2px;
	margin-bottom:0;
	line-height: 1.75em;
}

body div.grafDiv p {
	margin-bottom:2ex;
}

body a, body a:visited, body a:hover {
	color: #285c00;
}

body a:hover {
	text-decoration: none;
}

blockquote {
	color: #fff;
	background-color: #619226;
	padding-left: 40px;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	border-left: 2px #add978 solid;
	width: 800px;
}

.info-block a,
.info-block a:visited,
.info-block a:hover,
.ui-state-default a,
.ui-state-default a:visited,
.ui-state-default a:hover,
.ui-widget-content a,
.ui-widget-content a:visited,
.ui-widget-content a:hover {
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Verdana, "Lucida Grande", sans-serif;
	color: #201913; /* Near Black */
}

table, table th, table td {
	border-width: 3px;
	border-spacing: 3px;
	border-style: solid;
	border-color: #201913;
	border-collapse: collapse;
	color: #e3ddc9
}

table th, table td {
	padding: 3px;
}

table th {
	background-color: #5f391b;
}

table a, table a:visited, table a:hover  {
	color: #e3ddc9
}

table tr:hover {
	background-color: #666;
}

table td.positiveNumeric, table td.negativeNumeric {
	text-align:right;
}

td.negativeNumeric {
	color: #f00;
}

table.zebra tr {
	background-color: #453326; /* Dark Brown */
}

table.zebra tr:nth-child(odd) {
	background-color: background-color: #695649; /* Light Brown */
}

h2 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:3px solid #453326; /* Dark Brown */
}

#flash-messages {
	padding-left: 5px;
}

#content {
	margin:15px;
}

#header {
	margin:0;
	padding:5px 0 1px 15px;
	background-color:#453326; /* Dark Brown */
	height:69px;
	width:100%;
	text-align:left;
}


#header h1 {
	color: #9bcc60; /* Green */
	display: inline;
	margin-left: 15px;
}

#logo {
	float:left;
	margin-right: 20px;
}

#footer {
	background-color:#453326; /* Dark Brown */
	color: #9bcc60; /* Green */
	padding: 5px 15px;
	clear: both;
}

#copyrightNotice {
	font-size: 12px;
}

ul.nav {
	list-style-type: none;
	padding-left: 0;
	margin: 0;

}

ul.nav li {
	display: inline;
	margin-left: 0;
}

ul.nav a {
	text-decoration: none;
	color: #9bcc60; /* Green */
	padding: 0 15px 3px 15px;

}

ul.nav a:hover, ul.nav a.currentController {
	color: #e3ddc9; /* Light Grey */
}

ul.unstyled {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

/* FORM-RELATED ELEMENTS */
.zend_form {
	margin:0;
	padding:0;
	float:left;
}

.zend_form ul {
	margin:0;
	padding:0;
}

.zend_form ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}

dt {
	width:150px;
	display:block;
	float:left;
	clear:both;
}
form dd {
	margin-left:0;
	padding-left:0;
	float:left;
}

form label.required:after {
	content:'*';
	color:#8B0000 !important;
	font-weight:bolder !important;
}

fieldset {
  padding: 10px;
  border: 2px solid #695444;
  margin-bottom: 10px;
}

form fieldset legend {
  font-weight: bold;
}

div.error, .errors {
	color:#FF0000;
	font-size:12px;
}

.red {
	color: #FF0000;
}

.green {
	color: #add978;
}

ul.errors {
	padding-left: 0;
}

ul.errors li {
	list-style-type: none;
}

div.error {
	margin-left: 5px;
}

/* Special Divs and Spans */
.info-block {
	margin-top: 10px;
	padding:5px;
	background-color:#201913;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:3px solid #9c947c;
	color:#fff;
}

.info-block h2, .info-block h3  {
	color: #619226; /* Dark Green */
	border: none;
}

.info-block h3 {
	padding-bottom: 0;
}

.info-block a {
	color: #CCC;
}

.invisible {
	visibility:hidden;
}

.hidden {
	display:none;
}

.dark-red, .negative {
	color: #8B0000;
}

.positive {
	color: #000;
}

.xyCenter {
	position:absolute;
	top:35%;
}

.written-by {
	border-bottom: 2px #000 solid;
	font-style: italic;
}

/* For Images used with gears--to prevent them
   from getting too big */

.gearsImg {
	max-height: 768px;
	max-width: 1024px;
}

.dialogImg {
	max-width: 800px;
	max-height: 600px;
}

/* This is just meant to separate floating and non-floating elements;
   it should not contain anyhing. */
.separator, .clear-both, .clear-both {
	clear:both;
}

/* catch-all class for jQuery UI Dialogs */
#dialog {
	display: none;
}

#ajaxSpinnerDiv {
	text-align: center;
	padding-top: 15px;
}
.dialog {
	display:none;
}

.dialogContent {
	color: #fff;
}

.ui-widget-content h1,
.ui-widget-content h2,
.ui-widget-content h3 {
	color: #9bcc60; /* Green */
}

.ui-dialog-content {
	color: #fff;
}

/* catch-all class for jQuery UI Tabs and their contents */

.tabs {
	margin-top: 10px;
}

.tabContent p {
	/*margin-top: 1.5ex;*/
}

.tabs hr {
	border:0;
	border-top: 2px solid #000;
}

/* For the tables */

.even, .regular {
	background-color: #453326; /* Dark Brown */
}

.odd, .peak {
	background-color: #695649; /* Light Brown */
}

.checkedRow, .premium {
	background-color: #9c947c; /* Brown/Gray */
}

.checkedRow td {
	color: #000;
}

/**
 * For the news items, both on the index page
 * and on the News/Notices index pages
 **/

.msgFrom {
	border-bottom: 3px solid #453326; /* Dark Brown */
}

#twitter-note {
	padding: 8px;
	display: inline-block;
}

/**
 *	Calendar colours; these will
 *	also be used for the session lists
 **/

/* Common text colours */
.monthCalendar td {
	min-width: 100px;
}

.monthCalendar tr.even:hover {
	background-color: #453326;
}

/* For empty field in forms */
.requiredButEmpty {
	background-color: #FAFAD2; /* Light Goldenrod Yellow */
}

/* For personnel time off requests */
.pending {
	color: #FFD700; /* Gold */
}

.approved {
	color: #9bcc60; /* Green */
}

.warningMsg {
	color: #B22222; /* FireBrick */
	font-weight: bold;
}

p.warning strong {
	color: #B22222; /* FireBrick */
}

.denied {
	color: #ff4200; /* Red */
}

.mixed {
	color: #c877e0; /* Blue-Violet */
}

.jqueryEasyCounterMsg {
	opacity: 0;
	height: 0;
	text-align: right;
	size: 12px;
	color: #FFF;
}

.ui-icon, .ui-widget-content .ui-icon {
	display: inline-block;
	background-image: url('img/ui-icons_9bcc60_256x240.png');
}

ul.expandableUl {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #add978; /*green--same as background */
	font-size: 16px;
	font-weight: bold;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

ul.expandableUler li {

	background-color: #201913; /* Near Black */
	height: 32px;
	border: 1px solid #695649; /* Light Brown */
	border-radius: 4px;
	margin-bottom: 1px;
	margin-top: 3px;
	margin-left: 0;
	padding-left: 5px;
	padding-top: 3px;
	list-style-type: none;
	vertical-align: middle;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

ul.sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.sortable li {
	margin: 3px;
	padding: 3px;
}

.smallText {
	font-size: 10pt;
}

#sessionRatesTable td {
	text-align: center;
}

#sessionRatesTable tr:hover {
	background-color: inherit;
}

#sessionRatesTable td.invisible, #sessionRatesTable tr.invisible {
	width: 0;
}

.portlet-icon {
	float: right;
}

.portlet-header {
	padding: 5px;
}

.portlet-content {
	padding: 20px;
}

.alt-contacts {
	margin: 0;
	list-style-type: none;
	padding-left: 25px;
}