/* MPF 2.0 CSS - Subset */

body, html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;

	background-color:#a7a8a0;
	color:#000000;
	
	font-family:"Arial", sans-serif;
}

img {
	border:none;
}

tt {
 font-size: 140%;
}

div.spacer {
	clear:both;
	height:0px;
	width:0px;
	padding:0px;
	width:100%;
}

div.page_container {
	width: 1180px;
	height: auto;
	
	margin: 0px auto;
	padding: 0;
	
	background-color: white;
	background-image: url(images/page_container_background.png);
	background-position: left;
	background-repeat: repeat-y;
	color: black;
}

div.page_content{
	float: right;
	width: 985px;
	margin: 0;
	height: 85%;
	
	min-height: 400px;
}


div.menu_bar {
	float: left;
	width: 155px;
	margin: 0;
	height: 85%;
}

/* MPF 2.0 CSS - Header and Footer - SFU Edition*/

/* SFU CLF top bar (SFU logo and project logo) */
div.top_bar {
	background-color:#6c6e64;
	color:#000000;
	border-style:none;
	padding:0px;
	margin:0px;
	height: 75px;
	width: 1180px;
}

div.top_bar_blue {
	height: 5px;
	background-color: #2e3192;
	margin: 0px;
	padding: 0px;
}

div.top_bar #sfu-logo {}
	
div.top_bar #project-logo {
	position: relative;
	left: 309px;
}


/* Top Bar Menu (immediately below the logo) */
div.top_bar_menu {
	background-color: #b5111a;
	color: #fff;
	background-image: url(images/top_bar_menu_background.png);
	background-position: left;
	background-repeat: repeat-y;
	height: 45px;
	
	font-size: 15px;
	padding: 4px 10px 0px 66px;
	
}

div.top_bar_menu a {
	color: #fff;
	text-decoration: none;
}

div.top_bar_menu span.divider {
	font-weight: bold;
	color: #cb5a60;
}

div.top_bar_menu span.main_sfu_link {
	padding-right: 50px;
	font-weight: bold;
}

div.top_bar_menu span.campus_links {
	padding-right: 45px;
}

div.top_bar_menu div.right_links {
	float: right;
	display: inline;
}

div.top_bar_menu form.top_bar_search {
	display: inline;
}

div.top_bar_menu form.top_bar_search input#sfu_search {
	font-size: 11px;
}

/* Left menu bar. NOTE: Positioning and size for the menu bar is defined in mpf-base.css! */
div.menu_bar
{	
	background-color:#bcbcb4;
	background-image:url(images/left_menu_background.png);
	background-position:left;
	background-repeat:repeat-y;
	
	color:#000;
	margin: 0px;
	padding: 15px 0px 0px 30px;
	
	font-size: 12px;
	font-family: "DIN", "DINPro-Regular", "Arial", sans-serif;
}

div.menu_bar ul {
	padding: 0px;
	margin: 0px;
	
	list-style-type: none;
}

div.menu_bar ul hr {
	border-width: 1px 0px 0px;
	border-style: dotted;
	height: 1px;
}

div.menu_bar ul li:hover {
	background-color: #ccc;
}

div.menu_bar ul li a {
	color: black;
	text-decoration: none;
	padding: 2px 0px;
}

div.menu_bar ul li ul {
	list-style-type: square;
	padding-left: 12px;
}

/* Menu Boxes */
div.box_menu_title
{
	font-family: "DIN", "DINPro", "DINPro-Regular", "Arial", sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: black;
	margin-bottom:5px;
	padding:2px;
}

div.box_menu_item
{
	margin:10px 5px;
	padding:10px 2px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
	border-color: #ccc;
}

div.box_menu_item_icon
{
	background-color:transparent;
	border-style:none;
	float:left;
	height:48px;
	margin:5px 10px 5px 5px;
	width:48px;
}

/* Footer */
div.footer {
	background-color:#bbb;
	color: white;
	text-align: center;
	font-size: 11px;
	padding: 4px 0px;
}

div.footer a {
	color: white;
	text-decoration: none;
}

/* Generic Sizing Classes */

.s16 	{ width: 6.2% !important; }
.se 	{ width:12.5% !important; }
.ss 	{ width:16.6% !important; }

.sq_fit	{ width: 23% !important; }
.sq 	{ width: 25% !important; }

.st_fit { width: 31% !important; }
.st 	{ width: 33% !important; }

.sh_fit { width: 46% !important; }
.sh 	{ width: 50% !important; }

.stt_fit{ width: 63% !important; }
.stt 	{ width: 66% !important; }

.stq_fit{ width: 73% !important; }
.stq 	{ width: 75% !important; }

.sfull_fit { width: 97.5% !important; }
.sfull, .full_size { width:100% !important; }

.sauto { width:auto !important; }
.hauto { height: auto !important; min-height: 0 !important; }

.floatright { float: right !important; }
.floatleft  { float: left !important;  }

/* MPF 2.0 CSS - Boxes */
div.box, div.box_scroll, div.box_hidden, div.box_popup {
	border-style:none;
	margin:8px 2px 2px;
	background-color: #fff;
}

div.box_scroll {
	height:20em;
	overflow:scroll;
}

div.box_hidden {
	display:none;
}

div.box_title, div.box_title_error, div.box_title_hilight, div.box_title_info {
	color: #b5111a;
	
	font-family: "DIN", "DINPro-Bold", "Arial", sans-serif;
	font-size:110%;
	font-weight:bold;
	
	padding:2px 5px;
	margin-bottom:5px;
}

div.box_title_hilight {
	background-color: #ef6 !important;
	color: #000;
}

div.box_detail, div.box_menu_list {
	background-color:#fff;
	margin:2px 2px 8px;
}

div.box_detail_title, div.box_info_title, div.box_table_title {
	background-repeat:repeat-x;
	background-position:top;
	background-color:#555;
	padding:2px;
	font-size:80%;
	color:#ffffff;
	margin-bottom:5px;
}

div.box_detail_text {
	padding:0px 5px 5px 5px;
}

/* Box Controls */
div.box_controls {
	background-color: transparent;
	border-style:none;
	
	margin:5px 0px 0px 0px;
	padding:2px 5px;
	text-align:right;
	clear:both;
}

div.box_controls_top {
	background-color:#eee;
	margin: 2px 2px 6px;
	padding:4px 2px;
	text-align:right;
	clear:both;
}

div.box_controls a, div.box_controls_top a, div.box_controls span, div.box_controls_top span {
	text-decoration:none;
	color:#000000;
	cursor:pointer;
	
	padding: 3px;
}

/* Big Green Button */
.big_green_button {
	
	background: #bfd255; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

	display: block;
	
	border-width: 3px;
	border-style: solid;
	
	padding: 25px 5px 0px;
	margin: 0px auto;
	
	height: 3em;
	width: 50%;
	
	-moz-border-radius: 10px;
	
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.big_green_button:hover {
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}