/**
* HTML elements
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #111;
	font-size: 14px;
}
td {
	vertical-align: top;
	padding-left: 10px;
}
a {
	font-size: 14px;
	color: #F58400;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #F58400;
}
a:hover {
	text-decoration: none;
	color: #FFAF0F;
}
a:active {
	text-decoration: none;
	color: #FFAF0F;
}
h1 {
	font-size: x-large;
}
h2 {
	font-size: large;
	margin-bottom: 10px;
}
ul {
	padding-left: 40px;
}
p {
	margin: 10px 0;
}

/**
 * jquery-ui tweaks
 */
.ui-button-text{
	font-size: 11px;
}
.ui-widget p {
	margin: 15px;
}
.ui-autocomplete-loading-555555 {
	background-image: url('/images/ajax-loader-bg555555.gif') !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
}
.ui-autocomplete-loading-343434 {
	background-image: url('/images/ajax-loader-bg343434.gif') !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
}
.ui-autocomplete-loading-222222 {
	background-image: url('/images/ajax-loader-bg222222.gif') !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
}

/**
 * Layout
 */
div#banner {
	font-size: xx-large;
	margin: 20px;
	padding: 20px;
	text-align: center;
	background-color: #333;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#menu {
	margin-bottom: 10px;
}
#menu a {
	color: #FFFFFF;
}
#menu li {
	float: left;
	padding: 2px 5px;
	background-color: #F58400;
	border-style: solid;
	border-color: #FFAF0F;
	border-width: 1px;
	/*
	margin-left: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	*/
	cursor: pointer;
}
#menu li.selected {
	font-weight: bold;
	/*
	background-color: #F58400;
	border-style: solid;
	border-color: #FFAF0F;
	border-width: 1px;
	*/
}
#menu li:hover {
	background-color: #0078A3;
	border-color: #59B4D4;
	border-width: 1px;
	border-style: solid;
}
#menu a:hover {
	color: #FFF;
}
#fblike {
	float: right;
}
#donate {
	float: right;
}
#content {
	width: 1000px;
	margin: 0 auto;
}

#site-description {
	margin: 20px auto;
	width: 800px;
}
#calendar_container {
	float: left;
	margin-left: 10px;
	width: 56%;
	height: 500px;
}
.wc-today {
	background-color: #FFFFFF;
}

/* General Layout */
.notice-box {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.two-col {
	float: left;
	width: 45%;
	margin-left: 20px;
}

/* General Style */
.roundbox {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 14px;
}
.light-grey {
	background-color: #343434;
}
.dark-grey {
	background-color: #222222;
}

/**
 * Form stuff
 */
form {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
input[type="radio"] {
	margin: 0;
}

/* Calendar stuff */
#calendar_container {

}
#calendar_courses_container {
	float: right;
	width: 40%;
}
#calendar {
	height:800px;
	width: 560px;
	background-color: #333;
}
.course_list  tr:hover{
	background-color: #343434;
}.course_list  td{
	vertical-align: middle;
}
.wide-calendar {
	width: 100% !important;
}
.wc-day-column-header {
	color: #000;
}
.wc-time-header-cell {
	color: #000;
}
.wc-time{
	border-color: #000000 !important;
}
.wc-cal-event {
  /* Modern Browsers */ opacity: 1;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */ filter: alpha(opacity=100);
  /* Netscape */ -moz-opacity: 1;
  /* Safari 1 */ -khtml-opacity: 1;
}
.fixed-pos {
	position: fixed;
	top: 10px;
}

/* Remove time heading from calendar events
div.wc-time {
	display: none;
}
/* */

/**
 * Course stuff
 */
 [name="hider"] tr:hover{
	 background-color: #292929;
 }
 #summary-modal tr:hover{
	 background-color: #292929;
 }
 tr.altrow {
	 background-color: #292929;
 }
.sectionlist ul{
	width: 500px;
	list-style-type: disc;
}
.sectionlist ul li{
	 float: left;
	 width: 50%;
	 display: list-item;
	 list-style-type: disc;
}
.sectionlist button{
	float: right;
}
.sectionlist p {
	margin: 15px 0 0 0;
}
.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 400px;
}
.ui-buttonset label{
	display: inline-block;
}
#sharelink {
	color: #F58400;
}
/* Calendar colours */
.wc-time {background-color: #111 !important;}
.course_1 {background-color: #F58400;}
.course_2 {background-color: #004873;}
.course_3 {background-color: #003400;}
.course_4 {background-color: #AA1111;}
.course_5 {background-color: #33AAFF;}
.course_6 {background-color: #59a20e;}
.course_7 {background-color: #F53400;}
.course_8 {background-color: #551010;}
.course_9 {background-color: #881144;}
.course_alt_week {
  /* Modern Browsers */ opacity: 0.2;
  /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  /* IE 5-7 */ filter: alpha(opacity=20);
  /* Netscape */ -moz-opacity: 0.2;
  /* Safari 1 */ -khtml-opacity: 0.2;

}

/**
 * Other stuff
 */
.half-box {
	float: left;
	width: 48%;
	margin-left: 10px;
}

.clear {
	clear: both;
}
.hidden {
	display: none;
}

ol.numbered {
	list-style-type: decimal;
	margin-left:30px;
}
ol.numbered li{
	margin: 10px 0;
}