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

/***** main/user_styles.css start *****/

/*******************************************************************
 user_styles.css
  
 This CSS file contains all layout definitions like positioning,
 floats, margins, padding, borders etc.

 Styles are organised into the following sections:
  core
  header
  footer
  content

  admin
  blocks
  forums
  calendar
  course
  exchange
  doc
  login

  various modules

*******************************************************************/

/***
 *** Core
 ***/
 
body {

	text-align: left;
	font-family: georgia,'trebuchet ms','times new roman',times,serif;
	font-size: 0.9em;
	background-color: #ffffff;
	color: #666666;
	margin: 0px;
}
#page {
	max-width: 980px;
	margin: 0px auto;
}
body#course-report-log-index div#page {
max-width: 100%;
}
#content {
  clear:both
}
a:link, a:visited {
  color: #993300;
}
a:hover {
  color: #f90;
  text-decoration: underline;
}
a.autolink:link,
a.autolink:visited {
  color:#993300;
}
body#site-index #middle-column {
  font-size: 0.8em;
}
@media only screen and (max-width: 768px) {
    #left-column {
        display: none;
    }
}
#layout-table #left-column {
  padding: 0px;
  float:  left;
  margin-right: 10px;
}
#layout-table #middle-column { 
    display: table;
}
@media screen and (max-width: 524px) {
    #right-column {
        display:  none;
    }
}
#layout-table #right-column {
  padding: 0px;
  width: 120px;
  margin-left: 10px;
  float:  right;
}
#right-column .sideblock .content {
  padding: 0px;
  border-width: 0px;
  border-style: solid;
}
body#course-view #right-column .sideblock .content {
  padding: 0px;
  border-width: 1px;
  border-style: solid;
}
.sitetopic {
  margin-bottom:0px;
}
.sitetopiccontent {
  border-width:0px;
  padding: 0px;
}
#sitetopic_row3 {
	display:inline; 
}
#sitetopic_row4 {
  	clear: both;
 	display:inline; 
}
div#sitetopic_row4 div#sitetopic_row4_list li {
	margin-top: 10px;
	font-size: 1.1em;
	font-weight: bold;
}
#sitetopic_row5 {
	display:inline;
}

/***
 *** Header
 ***/
 
#header-home {
	height: 120px;
}
#header {
	height: 120px;
}
div.headermenu {
  font-size: 0.75em;
  padding-top: 6px;
}
.logininfo {
 padding-top: 44px;
 font-size: 1.1em;
}
.logininfo a:link {
  color: #2D1EAB;
}
body#site-index div.headermenu font {
  color: #ffffff;
  font-size: 1.0em;
  font-weight: bold;
  padding: 5px;
  line-height: 2.6em;
}
body#site-index div.headermenu font a {
  color: #ff0000;
}
div.navbar {
  color: #DDDDDD;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin-left: 129px;
  margin-top: -55px;
  margin-bottom: 40px;
  height: 25px;
  background-image: url(pix/bg_navbar.gif);
  background-repeat: repeat-x;
  border-style: none;
}
div.breadcrumb {
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
}
div.breadcrumb a {
  font-size: 1em;
  color: #F4E820;
  font-weight: bold;
}
@media screen and (max-width: 524px) {
 	div.breadcrumb {
 	 font-size: 0.7em;
 	 max-width: 100%;
 	 }
 	div.breadcrumb a {
 	 font-size: 0.8em;
 	 max-width: 100%;
 	 }
}
body#user-index div.breadcrumb a {
  color: #F4E820;
  font-weight: bold;
}
.navbar .navbutton {	
  margin-top: -2px;
  margin-right: -5px;
}
.navbar .breadcrumb {
  margin: 2px;
}

/***
 *** Footer
 ***/
#footer {
  margin-top: 0px;
  text-align: center;
} 
div#footer div.navbar {
	width: 100%;
 	margin: 0px;
	font-size: 0.8em;
	background: none;
	color: #C0C0C0;
}
div#footer div.navbar div.breadcrumb {
 	width: 100%;
}
div#footer div.navbar div.breadcrumb a {
 	text-align: center;
 	color: #2D1EAB;
}
div#footer div.navbar img {
height: 10px;
width: 10px;
}
div.footxt {
  font-size: 0.65em;
}
div.footxt a {
	color: #2D1EAB;
}

/***
 *** Content
 ***/
 
#content {
	margin-bottom: 15px;
}
table.generalbox {
	background-color: #F8F8FF;
}
table.loginbox th {
	text-align: center;
}
table.loginbox td {
	background-color: #F8F8FF;
}
body#login-signup div#content table {
  width: 80%;
  background-color: #F8F8FF;
}
body#login-signup #form {
  text-align: left;
  margin-left: 25px;
}
#banner {
	width: 100%;
	max-width: 468px;
}
div.cd1 {
	background-color: rgb(247,206,189);
}
div.cd2 {
	background-color: rgb(230,197,230);
}
div.cd3 {
	background-color: rgb(214,189,255);
}
/*div.cdescription {
 	width: 30%;
	padding: 0.5em;
}
div.cd1, div.cd2 {
	margin-bottom: 10px;
	float: left; 
}
div.cd3 {
	float: left;	 
}*/
@media screen and (min-width: 768px) {
 	#ctable {
		display: table;
		width: 100%;
	}
	div.cd1, div.cd2,div.cd3 {
		display: table-cell;
		width: 33%;
		padding: 5px;
	}
 }
@media screen and (max-width: 524px) {
	div.cdescription {
	 width: 100%;
	 }
	#sitetopic_row4, #sitetopic_row5, #sitetopic_row6 {
		display: none;
	}	
}

/***
 *** Admin
 ***/

/***
 *** Blocks
 ***/ 

div.sideblock div.header {
  background-image: url(pix/bg_blockheader.jpg);
  background-repeat: no-repeat;
  color: #FFFFFF;
}
.sideblock .header .hide-show img.hide-show-image {
  background-image: url(pix/switch_minus.gif);
  background-repeat: no-repeat;
}
.sideblock.hidden .header .hide-show img.hide-show-image {
  background-image: url(pix/switch_plus.gif);
  background-repeat: no-repeat;
}
div.sideblock div.footer {
  text-align: right;
  margin-top:5px;
}
div.block_news_items div.name, div.block_news_items div.date {
  color: #999999;
}
div.block_dual_clock div.content {
  background-color: #F8F8FF;
}
div.block_messages div.content {
  background-color: #F8F8FF;
}
div.block_messages div.content center {
padding-top: 5px;
}
div.block_messages div.content a {
color: #2D1EAB;
}
div.block_messages div.footer a {
  color: #993300;
}
ul.list a {
margin-left:2px;
}
body#course-view right-column div.sideblock div.content {
padding: 5px;
}

/***
 *** Forums
 ***/
 
div.subscription {
 	width: 100%;
	text-align: right;
}
#forumtable .r0, #forumtable .r1 {
	margin-bottom: 3em;
}
#forumtable .c0 {
	font-size: 1.5em;
	float: left;
	margin-right: 1em;
}
#forumtable .c2 {
 	font-size: 1.1em;
 	clear: both;
	width: 100%;
	padding: 1em;
}
#forumtable .c3, #forumtable .c4, #forumtable .c5 {
	float: left;
	margin-right: 0.5em;
}
#forumview .discussion {
	margin-bottom: 2em;
}
#forumview .picturename, #forumview .replies, #forumview .lastpost {
	float: left;
	margin-right: 0.5em;
}
#forumview .author {
	font-size: 0.8em;
}
#forumview .starter {
 	clear: both;
	width: 100%;
	background-color: #F8F8FF;
	font-size: 1.2em;
	padding: 0.5em;
}
/* body#mod-forum-view table.generalbox {
  text-align: center;
  width: auto;
}
body#mod-forum-index table.generaltable tr.r1 td.cell {
  background-color: #ffffff;
}
body#mod-forum-view table#intro {
  width: auto;
  margin-bottom: 0px;
  text-align: center;
}
body#mod-forum-view div.singlebutton {
 	margin-top: 0px;
	margin-bottom: 15px;
}
body#mod-forum-view td.starter {
  background-color: #F8F8FF;
}
body#mod-forum-view table.forumheaderlist tr.r1,
body#mod-forum-view table.forumheaderlist tr.r1 td.starter {
  background-color: #ffffff;
}
body#mod-forum-view tr.discussion {
  background-color: #F8F8FF;
} 
body#mod-forum-view tr.discussion td.author a:link {
  color: #2D1EAB;
}
body#mod-forum-view tr.discussion td.replies a {
  color: #333333;
}
body#mod-forum-view td.lastpost a {
  color: #333333;
}
body.mod-forum table.forumpost td.left {
  background-color: #ffffff;
  border-width: 0px;
}
body.mod-forum table.forumpost {
  border: none;
  margin-bottom: 10px;
}
body.mod-forum table.forumpost td.content {
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
}
body.mod-forum table.forumpost td.topic {
  background-color: #F8F8FF;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
}
body.mod-forum table.forumpost tr.header div.author a {
  color: #2D1EAB;
}
body#mod-forum-post table.generalbox {
  text-align: justify;
} 

/***
 *** Calendar
 ***/

/***
 *** Course
 ***/

td.courseboxcontent td.info {
	width: 25%;
}
td.courseboxcontent td.summary {
	width: 75%;
}
span.teachers a {
color: #2D1EAB
}
div.cost {
  font-weight: bold;
}
td.courseboxcontent {
  background-color: #f8f8ff;
}
body#course-enrol div#shortscreen {
	height: 400px;
	overflow: auto;
}
body#user-index a {
  color: #2D1EAB;
}
body#user-index th.header a {
  color: #666666;
}
body#course-view #layout-table #middle-column {
padding-left: 50px;
padding-right: 50px;
}
body#course-view #layout-table #left-column {
  width: 180px;
}
body#course-view #layout-table #right-column {
  width: 180px;
}
#course-view .section td.side {
  padding:5px;
  border: none;
}
#course-view .section td.content {
  background-color: #ffffff;
  padding:5px;
  border: none;
}
#course-view .headingblock {
  border: none;
  text-align: center;

}
#course-view .section .right {
  width:30px;
}
#course-view .section .left a {
  display:none;
}
body#course-view tr.section td.right img {
  display: none;
}
body#course-view.editing tr.section td.right img {
  display: inherit;
}
body#course-view tr.section td.side {
  color: #ffffff;
}
#course-view .section .content .section .label img {
  margin-right:1em;
  margin-bottom:1em;
}
body.course-13 tr#section-1 td.content ul.section li.label img {
  margin-right:0em;
  margin-bottom:0em;
}
#course-view .section .content .section .activity {
  padding: 0.3em 0.2em 0.2em;
  border-bottom: 1px solid;
}
h3.summary a {
  display: block;
}
tr.section td {
padding: 0px 0px;
}
tr.section .summary {
  border-bottom: 1px solid;
  border-color: #1c1c1c;
  padding: 0px 0px;
  margin-left: 0px;
}
tr.section h3.summary {
  height: 26px;
  padding: 0em 1.3em;
  margin: 0px 0px;
}
tr.section h3.summary a {
  color: #2d1eab;
  line-height: 26px;
}
tr.section h3.summary a:hover {
  text-decoration: none;
}
tr#section-0 h3.summary {
  background-color: #ffffff;
}
tr#section-1 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_down.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-2 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_both.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-3 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_up.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-4 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_down.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-5 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_both.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-6 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_both.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-7 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_up.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-8 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_down.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-9 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_both.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-10 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_up.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-11 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_down.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-12 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_both.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-13 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_both.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-14 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_up.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-15 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_down.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-16 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_both.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-17 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_up.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-18 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_down.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-19 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_both.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
tr#section-20 h3.summary {
  background-color: #ffffff;
  background-image: url(pix/key_both.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
div.stretcher table.stretchedtab {
  width: 100%;
}

/***
 *** Exchange
 ***/
.exchangeinfo {
 padding-top: 29px;
 font-size: 1.1em;
}
.exchangeinfo a:link {
  color: #2D1EAB;
}
table#itemview {
 width: 750px;
 margin-left: auto;
 margin-right: auto;
 table-layout: fixed;
}
table#itemview td.picture {
 width: 100px;
 vertical-align: top;
 font-size: 11px;
 text-align: center;
}
table#itemview td.itemtitle {
 width: 650px;
 height: 30px;
 vertical-align: top;
 font-size: 18px;
 font-weight: bold;
 padding-left: 10px;
}
table#itemview td.description {
 width: 300px;
 vertical-align: top;
 padding-left: 10px;
}
table#itemview td.content {
 width: 350px;
 vertical-align: top;
 text-align: center;
 background: #f8f8ff;
}
table#itemview td.contentlist {
 height: 400px;
 width: 350px;
 vertical-align: top;
 text-align: center;
 background: #f8f8ff;
 padding-top: 5px;
}
table#itemview td.contentlist div {
 height: 400px;
 overflow: auto;
 text-transform: uppercase;
}
table#itemview td.itemlist {
 height: 160px;
 width: 400px;
 vertical-align: top;
 background: #f8f8ff;
 padding-top: 5px;
}
table#itemview td.itemlist div {
 height: 160px;
 overflow: auto;
 font-size: 11px;
}
body#mod-exchange-view table#itemview div table.generaltable {
 border: 0px;
}
body#mod-exchange-print {
 max-width: 216mm;
 background: transparent;
}
#printexchange {
 margin: 1mm;
 font: 8pt Georgia,"Times New Roman",Chicago,Charcoal,serif;
 color: #000;
 background: transparent;
}
#exchangeheaderleft {
 max-width: 80mm;
 background: transparent;
}
#exchangeheaderright {
 max-width: 80mm;
 background: transparent;
}
#exchangebodylist {
 padding-top: 5mm;
 background: transparent;
}
#exchangebodylist .exchangelistrow {
}
/***
 *** Doc
 ***/

/***
 *** Login
 ***/
  
/***
 *** Modules: Book
 ***/

body#mod-book-view .generalbox {
	background: #FEFEFE;
	border-style: dotted;
}

/***
 *** Modules: Chat
 ***/

body#mod-chat-view td.generalboxcontent a {
  font-weight: bold;
  font-size: 1.2em;
}

/***
 *** Modules: Resource
 ***/
body#mod-resource-view table.generalbox {
width: 90%;
}
/***** main/user_styles.css end *****/

