/**************************************
 * THEME NAME: quantum
 *
 * Files included in this sheet:
 *
 *   quantum/quantum.css
 **************************************/

/***** quantum/quantum.css start *****/

body, html { 
	background:#ccc url(images/backgrounds/page-bg.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif; 
	color:#777;   
	margin:0; 
	padding:0; 
	line-height:1.4em; 
	width:100%;  
	height: 101%;
}

#page {
  width:980px;
  margin:auto;
}
html {
	height: 101%!important;
}

a:link {
    color: #444444;
	text-decoration: none;
	outline:none;
}

a:visited {
	color: #444444;
}

a:hover, a:active {
	color: #000000;
	text-decoration: none;
}
/* links with icons */
.img-text a:hover span {
    text-decoration: none;
}

/* code for quantum */
/* -----------------------------------------------------------

   2:  TYPOGRAPHY

   ----------------------------------------------------------- */
h1, h2, h3, h4 { 
	letter-spacing:0.5px; 
	font-weight:normal; 
	text-decoration:none; 
}
h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {
font-weight: normal;
}
h1 {
	font-size:29px; line-height:1.1em; 
	margin:0 0 25px 0; 
	color:#555; 
	padding:20px 30px 20px 30px;
	background:#ffffff;
	margin:-31px -30px 20px -30px;
	border-bottom:1px solid #ccc;
	-moz-border-top-right-radius:2px;
	-moz-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-webkit-border-top-left-radius:2px;
}
h2 {
font-size:18px; margin:0 0 10px 0;
 }

#wrapper {
width: 960px;
    padding: 10px 9px 8px;
	margin-bottom: 5px;
	margin-top: 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #fff;
	background:url(images/backgrounds/white_alpha_80.png);
	box-shadow:0px 2px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, .2);
}
/* The Header */

#topbar {
	display:block;
	width:980px;
	margin:0;
	overflow:hidden;
}

#description {
	font-size: 12px;
	font-weight: bold;
	color: #ccc;
	padding: 3px 0 0px 10px;
	line-height: 1.5em;

	text-shadow:0px 1px 3px rgba(0, 0, 0, .2);
	-webkit-text-shadow:0px 1px 3px rgba(0, 0, 0, .2);
	-moz-text-shadow:0px 1px 3px rgba(0, 0, 0, .2);	
}
/* top right_menu styles */
#contacts {
	margin:0;
}
#contacts ul {
	list-style:none; 
	margin:0; 
	float:right; 
}

#contacts li {
	font-weight:bold;
    line-height: 1.5em;
	color:#FFF; 
	font-size:14px;  
	display:inline; 
	float:left; 
	clear:none; 
	padding: 0 15px 0px 15px;  
}

#contacts li ul {
	display:none; 
}

#contacts li a {
	font-weight:bold;
	color:#FFF;
	display:inline; 
	float:left; 
}
#contacts li a:hover {
	text-decoration:underline; 
}

/* The Header */

#logo {
	margin-bottom:10px;
    width: 960px;
	height: 100px;
	background: #fff url(images/backgrounds/swishie.png) no-repeat center top;
	border-radius:2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	box-shadow:0px 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, .2);	
	margin-bottom:10px;
	position:relative;
	color:#999;
}
#quLogo {
    float: left;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 10px;
}

#secondary-menu {
	float: right; 
	max-width: 580px; 
	display: block; 
	margin: 27px 45px 0;
	background: #fff; 
	
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .2);	
	
	border:1px solid #fff;
	
	background: -moz-linear-gradient(top, #fff, #efefef);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#efefef)";
}

/* UL */
#secondary-menu ul { list-style:none; margin:0; padding:0; float:right; margin:0;}
#secondary-menu li { 
	display:inline; 
	float:left; 
	clear:none; 
	margin:0 10px; 
	padding:0; 
	font-size:18px; 
	position:relative; 
	font-weight:bold;  
line-height: 1.5em;
}
#secondary-menu li a {
	display:inline; 
	float:left; 
	color:#444; 
	padding:8px 10px; 
}
#secondary-menu li span { display:none; /* Removes separator on last menu item*/ }
#secondary-menu li.menu-item span { display:inline; }
#secondary-menu li.menu-item-last span { display: none; }

#secondary-menu li a:hover {
	color:#000; 
	text-decoration:none;  
}

.navbar {
	margin:5px 0 1px 0; 
	padding: 0px;
	height:30px;
	width:940px;
	float:left;
	color:#666666;
	background:#ffffff;
	border:0px solid #fff;
/*	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	box-shadow:0px 1px 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, .2);
*/
}

.navbutton {
float: right;
margin-top: 9px;
font-size: 0.7em;
}
.navbar .breadcrumb {
float: left;
margin-top: 0px;
padding-left:20px;
}

/*clear header*/
.mmr_clear {
	clear:both;
}
/*Menu css below*/

#menubox {
	width:960px; 
	height:30px; 
	margin-top:0px;
	margin-bottom: 10px;
	float:left; 
	background:url(images/backgrounds/iface_top_bg.png) no-repeat; 
	
	border-radius:2px;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	
	box-shadow:0px 1px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, .4);	
}
/* PRIMARY MENU */
/* Level 1 */
#primary-menu {
	position:relative; 
	float:left; 
	clear:both; 
	padding:0; 
	margin:0;  
	z-index:300;  
	min-height:30px;
}

#primary-menu ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	float:left;  
	overflow:visible; 
}

#primary-menu li { 
	display:inline; 
	margin:0; 
	padding:0; 
	float:left; 
	clear:none; 
	background:url(images/menudivider.png) no-repeat right top;
}

#primary-menu li a {
	color:#f9f9f9; 
	font-size:18px;
	text-decoration:none;
	outline:none; 
	display:inline; 
	float:left; 
	clear:none; 
	line-height:10px; 
	margin:0; 
	padding:7px 30px 0px 30px; 
	height:20px; 
	margin:2px 2px 0 0; 
}

#primary-menu li a:hover {
	background: #222222;
}


/* Main Content*/	
h1.headermain {
    padding-left:20px;
	font-weight:normal;
	margin:0 0 1px 0; 
	float:left;
	height:35px;
	color:#666666;
	background:#ffffff;
	border:0px solid #fff;
/*	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	box-shadow:0px 1px 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, .2);
*/}

#content {
    width: 940px;
	float:left;
	background:#ffffff;
	border:0px solid #fff;
	
}
#contentwrap {
    width: 940px;
    padding: 10px;
	float:left;
	background:#ffffff;
	border:0px solid #fff;
	margin:0 0 2px 0; 
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
	box-shadow:0px 1px 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, .2);
}

.sideblock .content {
background-color: #ffffff;
border:none;
}
.sideblock .header h2 {
	border-bottom: 1px solid #DDDDDD;
	margin: 5px 0 5px;
letter-spacing: 0.5px;
font-weight: normal;
}
.sideblock .header {
	border: none;
}

h2.headingblock {
  display:none;
}
#layout-table #middle-column {
    padding-left: 0px;
    padding-right: 0px;
}
#layout-table {
margin-top:0px;
width: 940px;
}

#course-view .section td.side {
  padding:0px;
  border-style:solid;
  border-width:0px;
}
/* --- FOOTER --- */
.footerlinks {
	text-align:center;
	margin:0px 0px 0px 20px;
}
.copyright {
text-align:center;
font-size:12px;
}

#end-wrap {
overflow: auto;
	margin-bottom:2px;
	padding:0;
	width:960px;
	height:60px;
	background:#222; 
	
	 border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	
	box-shadow:0px 1px 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, .4);
}

.loggedinas {
text-align:left;
padding-left:20px;
padding-top:5px;
}
.loggedinas a {
color:#777;   
}

/* top right_menu styles */
#social_connect {
	margin:0; 
padding-top: 14px;
}
#social_connect ul {
	list-style:none; 
	margin:0; 
	float:right; 
}
#social_connect ul li h3 {
padding-top:3px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:19px;
 line-height:1.3em;
   margin:0 0 12px 0;
    color:#777;
	}

#social_connect li {
	 font-size:14px;  
	 display:inline; 
	 float:left; 
	 clear:none; 
	padding: 0 6px 2px 6px;  
}

#social_connect li ul {
	display:none; 
}

#social_connect li a {
	font-weight:bold;
	display:inline; 
	float:left; 
	color:#FFF; 
	border: solid 1px #000;li1422
	
	
	background: -moz-linear-gradient(top, #111, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#111), to(#000));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#111, endColorstr=#000)";	
	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
	box-shadow:0px 1px 4px rgba(0, 0, 0, 1);
	-webkit-box-shadow:0px 1px 4px rgba(0, 0, 0,1);
	-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, 1);
}
#social_connect li a:hover {
	border: solid 1px #030303;
	box-shadow:none;  
	-webkit-box-shadow:none;
	-moz-box-shadow:none; 
}

#social_connect a img {
	opacity:.45;
display: block;
}

#social_connect a:hover img
{
	opacity:1;
} 

/***
 *** Course
 ***/

.activitydate, .activityhead {
  text-align:center;
}

#course-view .section td {
  vertical-align:top;
}

#course-view .section td.content {
  padding:0px 5px;
  border:0px;
}

#course-view .section td.side {
  padding:0px;
  border-style:solid;
  border-width:0px;
}

#course-view .section td.left {
  border-right:0px;
  text-align:center;
  width: 1.5em;
  font-weight:bold;
  padding-right: 2px;
}

#course-view .section td.right {
  border-left:0px;
  text-align:center;
  width: 1.5em;
}

#course-view .weeks .section .side img,
#course-view .topics .section .side img {
display: none;
}

#course-view .current .side {
}

#course-view .section .spacer {
  height:0.5em;
}

#course-view .section .weekdates {
}

#course-view ul.section,
#site-index ul.section {
  margin: 0;
  padding: 0;
  list-style: none;
}

.section_add_menus {
  text-align:right;
}

.section_add_menus .horizontal div {
  display:inline;
}
/* Added Styles */
.truefalse .answer span {
  float: left;
  clear: left;
  padding: 0.2em 0;
}
.que .grading,
.que .comment,
.que .commentlink,
.que .generalfeedback,
.que .history {
  float: right;
  margin: 5px;
  width: 88%;
}

.importerror {
  margin-top: 10px;
  border-bottom: 1px solid #555;
}
/* Added By Mediamanagers.net -----------*/

#mod-chat-gui_header_js-jsupdate {
	background: #fff;
}
#mod-chat-gui_header_js-chatinput {
	background: #fff;
}

#mod-chat-gui_header_js-users {
	background: #fff;
	
}

#mod-chat-gui_header_js-users #page #header,
#mod-chat-gui_header_js-users #page #ja-mainnavwrap,
#mod-chat-gui_header_js-users #page .navbar  {
	display: none;
}

#mod-chat-gui_header_js-chatinput #page #header,
#mod-chat-gui_header_js-chatinput #page #ja-mainnavwrap,
#mod-chat-gui_header_js-chatinput #page .navbar {
	display: none;
}

#input_chat_message {
	width: 400px;
}

#mod-chat-gui_header_js-users #page {
	width: 100%;
}






/***
 *** Footer
 ***/

#footer {
  text-align:center;
  margin-top: 0;

 /* position: relative;
  top: -12px;*/
}

.homelink {
  margin: .25em 0;
}

.homelink a {
  padding-left:1em;
  padding-right:1em;
}

.performanceinfo {
  margin: 2em;
}

.performanceinfo span {
  display: block;
}

#footer .validators {
  margin-top:40px;
  padding-top:5px;
  border-top: 1px dotted gray;
}

#footer .validators ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#footer .validators ul li {
  display:inline;
  margin-right:10px;
  margin-left:10px;
}

body#course-view tr.section td.content {

border: none;
}
body#course-view tr.section td.side {

border: none;

}
.summary {
margin-left: 0;
margin-right: auto;
margin-bottom: 5px;
}

/*--ADDED BY MEDIAMANAGERS.NET--*/

.mediaSelector {
  margin:15px 0 0 0;
}

.mediaPlayer {
  border: 1px solid #ddd;
  width:500px;
  height:300px;
  z-index: -500;
}
.depth1 {
margin-left:1em;
}
.depth2 {
margin-left:2em;
}
.depth3 {
margin-left:3em;
}
.depth4 {
margin-left:4em;
}
.depth5 {
margin-left:5em;
}
.form-label {
float:left;
width:18em;
}
.form-shortname {
display:block;
}
.form-setting {
display:inline;
}
.form-description {
margin-top: 1em;
margin-left: 18em;
margin-bottom: 1em;
}
.form-multicheckbox {
margin-left: 18em;
}
.form-multicheckbox  ul {
margin:0;padding:0;
}
.form-multicheckbox  ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#site-index #layout-row {
padding-left:12px;
}
#site-index #layout-row .sideblock {
display: inline;
float:left;
padding:4px 12px 4px 0;
width:450px;
}
#site-index .block_login .loginform .fld {

}
#site-index .block_login .loginform .fld input {
width:20em;
}
#site-index .block_login .loginform .fld label {
display: block;
float: left;
width:70px;
line-height:1.3em;
padding-top:3px;
}
#right-column {
	border:1px solid #fff;
	background:#ffffff;

}
#site-index #layout-brow .sideblock {
display: inline;
float:left;
padding:4px 12px 4px 0;
width:304px;
}
.message #header, .message #ja-mainnavwrap, .message div.navbar,
#blocks-useradmin-contextfilterframe  div#header, #blocks-useradmin-contextfilterframe  div#ja-mainnavwrap, #blocks-useradmin-contextfilterframe  div.navbar{
display:none;
}
.message div#page, #blocks-useradmin-contextfilterframe div#page{
width:100%;
}
#message-messages, #message-send, #message-user, #message-index {
background:#FFFFFF;
}

.generaltable .cell {
  background-color: #EEEEEE;
}
table.generaltable td {
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
table.generaltable th.header {
  background-color: #DDDDDD;
  border-width: 1px;
  border-style: solid;
  border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
}

.programtable {
font-size:12px;
width: 910px;
}


.categorybox .category {
  font-weight:bold;
}
.boxaligncenter {
  margin-left:auto;
  margin-right:auto;
}
.box coursebox courseboxcontent {
text-align:left;
}
div.courseboxcontent {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
td.courseboxcontent {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: left;
}
div.courseboxcontent {
  background-color: #EEEEEE;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
}
h2.main {
margin-left: 15px;
}
.boxaligncenter {
}
/*Accessibility: Skip block link, for screen reader users. */
a.skip-block, .skip-block, .skip {
  display:none;
  width:2em;
  height:1px;
}
.coursebox .summary {
float:left;
width: 100%;
}
.overview {
font-weight:bold;
margin-bottom:10px;
line-height:22px;
}

/*** bof Added for hiding tavle cell - PB *****/
#middle-column > div > table > tbody > tr.r0.lastrow > td.cell.c0 {
visibility: hidden;
}
#middle-column > div > table > tbody > tr.r0 > td.cell.c0 {
visibility: hidden;
}
#middle-column > div > table > tbody > tr.r1 > td.cell.c0 {
visibility: hidden;
}
#middle-column > div > table > tbody > tr > th.header.c0 {
visibility: hidden;
}
/*** eof Added for hiding tavle cell - PB *****//***** quantum/quantum.css end *****/

