/**************************************
 * THEME NAME: st_cuthberts
 *
 * Files included in this sheet:
 *
 *   st_cuthberts/gradients.css
 *   st_cuthberts/styles_st-cuthberts.css
 **************************************/

/***** st_cuthberts/gradients.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {     
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}

.navbar {
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}
/***** st_cuthberts/gradients.css end *****/

/***** st_cuthberts/styles_st-cuthberts.css start *****/

/**
 These styles are for St Cuthberts Custom Theme for moodle 1.9 
 Designed and built by Catalyst IT Limited. New Zealand.
 **/
 
body {
	background: #648E72 url(images/bg-top.png) top left repeat-x;
	margin: 0;
}

body, table, td, th, li {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Trebuchet, Arial !important;
	font-size: 95%;
}

a:link, a:visited {
	color: #569182;	
}

h2 {
	color: #BF202F;
}

#layout-table {
	width: 958px;
	margin-left: -45px;
}
table#layout-table td#left-column,
table#layout-table td#right-column {
	 width: 210px !important;
	 display: block;
}

#content {
	margin:0 25px;
	min-height: 305px;
	padding-bottom: 20px;
}

#logo {
	padding: 10px 0 14px 44px;
}

#header-home,
#header {
	width: 1017px;
	height: 180px;
	margin: 0 auto;
	position: relative;
	background: url(images/header.png) top center no-repeat;
}

#page {
	width: 951px;
	margin: 0 auto;
	background: url(images/content-bg.png) top center repeat-y;
	padding-top: 5px;
}

.navbar {
	margin:2px auto;
	width:898px;
}

.bg-style {
	background: url(images/white-overlay-bg.png) top center no-repeat;
}

#login-index #content {
	min-height:367px;
}

/** Login Block **/
#header-profileblock {
	background: url(images/login-bg.png) top right no-repeat;
	height: 130px;
	width: 287px;
	position:absolute;
	right: 42px;
	top: 10px;
	font-size: 0.8em;
}

.notloggedin form#login li input#login_username,
.notloggedin form#login li input#login_password{
	width: 120px;
	height: 10px;
}

.notloggedin div#header-profilename {
	padding-left:0;
	padding-top:41px !important;
	position:absolute;
	right:20px;
	text-align:center;
	width:89px;
	display: none;
}

.notloggedin .logged-in-as {
	display: none;	
}

.notloggedin #header-profilename a {
	font-size: 1em;	
}
.notloggedin #header-profileoptions ul {
	padding-top: 12px;
	text-align:left !important;
}

.notloggedin div#header-profilename {
	padding-top: 12px;
}

div#header-profilename {
	padding-left:21px;
	padding-top:22px;
	text-align:center;
	width:147px;
	font-size: 0.8em;
}
#header-profilename a {
	color: #BF202F;
	font-size: 1.8em;
}

#header-profileoptions {
		width: 164px;
}
#header-profileoptions ul {
	margin:0;
	padding-left:30px;
	padding-top:8px;
	text-align:center;
	width:131px;
}

#header-profileoptions li {
	display: inline;	
}
.notloggedin form#login li{
	list-style: none;
	font-size: 0.8em;
	color: #8CB499;
	display: block;
	
}

.notloggedin form#login li input.login-button{
	background:none repeat scroll 0 0 #ABC9B5;
	border:1px solid #CEE2D5;
	color:#FFFFFF;
	cursor:pointer;
	font-size:0.9em;
	font-weight:bold;
	margin:6px 0 0 64px;
	padding:3px 7px;
	text-transform:uppercase;
}

.notloggedin form#login li input.login-button:hover {
	background:#8CB499 ;
}

div#header-profilepic{
	position:absolute;
	right:23px;
	top:11px;
	width:85px;
}

a.logout {
	background:none repeat scroll 0 0 #ABC9B5;
	border:1px solid #CEE2D5;
	color:#FFFFFF;
	cursor:pointer;
	font-size:0.8em;
	font-weight:bold;
	padding:4px 10px;
	text-transform:uppercase;
}

a.logout:hover {
	background:none repeat scroll 0 0 #8CB499;
	text-decoration: none;
}
	

/** Top menu **/

#top_menu {
	background:url("images/navbar-bg.png") no-repeat scroll center top transparent;
	clear:both;
	height:60px;
	margin:0 auto;
	width:1020px;
	font-weight: normal;
	font-size: 0.75em;
	
}	

#top_menu ul {
	padding:0;
	margin:0 0 0 42px;
	list-style:none;
	float:left;
	z-index: 9999;
	
}
#top_menu ul li {
	list-style:none;
	float:left;
	height:38px;
	white-space:nowrap;
	z-index: 9999;
}
#top_menu ul li div{
	position:relative;
	zoom:1;
	z-index:10000;
	background:url(images/nav-divider.png) top left no-repeat;
}
#top_menu ul li a {
	color:#FFFFFF;
	display:block;
	height:38px;
	margin-left:2px;
	padding:10px 10px 0;
}
	
#top_menu ul li a:hover{
	background: url(images/nav-hover.png) top left repeat-x;
	text-decoration: none;

	
}
#top_menu ul li.home a:hover{
	background:none;
}
#top_menu ul li.line {
	padding:0;
}

#top_menu ul li.home a {
	padding-top:10px;
}

#top_menu ul ul{
	padding: 5px;
	margin:0;
	list-style:none;
	position:absolute;
	background: #bd0416 url(images/nav-drop-bg.png) top left repeat-x;
	left: 0;
	border: none;
	display:none;
	top:37px;
	z-index: 1000;
}
#top_menu ul li:hover ul{
	display: block;
}
#top_menu li ul li{
	list-style:none;
	float:none;
	background:none;
	margin:0;
	height: auto;
	line-height:18px;
	min-width: 200px;
}



#top_menu li ul li a:hover {
	text-decoration: none;
	background: #ffffff;
	color: #333333;
	display:block
}
#top_menu li ul li a {
	padding:2px 5px;
	margin:0;
	display:block;
	height: auto;
	color:#FFFFFF;
}

#top_menu_date {
	display: none;	
}
#top_menu_date a {
	color:#FFFFFF;
	float:right;
	font-size:0.8em;
	padding:11px 27px 0 17px;
	text-decoration:none;
}

#top_menu_date a:hover {
	color: #363636;
	text-decoration:none;
}

/** Sideblocks **/

.block_html ul {	
	padding-left: 17px;
	margin: 2px;
}

.block_html ul li {
	padding: 2px;
}

.sideblock .content .list li {
	padding:3px 0;
}


/** Left Sideblocks **/

#left-column li a:link,
#left-column li a:visited, 
#left-column li a:link a {
	color: #333333;	
}

#left-column .sideblock .header {
	background: url(images/sideblock-lefthdrbtm-bg.png) bottom left no-repeat;	

	border: none;
	padding: 0;
}

#left-column .sideblock .header .title {
	background: url(images/sideblock-lefthdr-bg.png) top left no-repeat;
}

#left-column .sideblock .header .title h2{
	color: #af8628;
	font-size: 1.1em;
	font-weight: normal;
	padding: 8px 8px 9px 40px;
}


#left-column .sideblock .header .commands {
	background: url("images/sideblock-lefthdrbtm-bg.png") no-repeat scroll left bottom transparent;
	padding: 0px 18px 8px;
	margin: 0;
}

#left-column .sideblock .content {
	background: url(images/sideblock-left-bg.png) top center repeat-y;
	border: none;
	padding: 7px 13px 5px 19px;
}
#left-column .sideblock {
	background: url(images/sideblock-left-footer.png) bottom center no-repeat;	
	padding-bottom: 14px;
	margin-bottom: 2px;
	width: 210px;
}

.sideblock .header .hide-show-image {
	margin-top: 0;
}
#left-column div.sideblock input.hide-show-image {
	background: url(images/toggle-left-d.png) bottom left no-repeat;
	padding: 5px;
}

#left-column div.sideblock.hidden input.hide-show-image {
	background: url(images/toggle-left-s.png) bottom left no-repeat;	
}


/** Right Sideblocks **/

#right-column .sideblock {
	padding-top: 0;
	margi-top: 0;
}
#right-column .sideblock .header {
	background: none;
	border: none;
		position: relative;
}

#right-column .sideblock .header .title {
	background:	url(images/hdr-sideblock-right.png) bottom right no-repeat;
}
#right-column .sideblock .header .title h2{
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: normal;
	padding: 7px 7px 19px 14px;
	min-height: 17px;
	margin-top: 0;

}

#right-column .sideblock .header .commands {
	padding:5px 18px;
	margin: 0;
}

#right-column .sideblock .content {
	background:transparent;
	border: none;
	padding: 7px 32px 5px 16px;
	margin-top: -8px;
	zoom: 1;
	word-wrap: break-word;
}

#right-column .sideblock {
	background: url(images/sideblock-right-bg.png) bottom left no-repeat;	
	padding-bottom: 20px;
	width: 210px;
}

#right-column div.sideblock input.hide-show-image {
	background: url(images/toggle-right-d.png) bottom left no-repeat;
	padding: 4px;
}

#right-column div.sideblock.hidden input.hide-show-image {
	background: url(images/toggle-right-s.png) bottom left no-repeat;	
	padding: 4px;
}
/** Content**/
#middle-column h2.headingblock {
	color: #bf202f;
	background: url(images/hdr-centre.png) top left no-repeat;
	border:medium none;
	height:25px;
	line-height:24px;
	margin-bottom:9px;
	padding-left:25px;
	border-right: 1px solid #DDDDDD;
}

#layout-table #middle-column {
	min-width:554px;
	padding-left:3px;
	padding-right:3px;
}

#layout-table #middle-column .generalbox {
	padding: 5px;	
}
.block_html.sideblock img {
	max-width: 175px;}

.block_admin_tree .admintree div.depth1 a.link img,
.block_admin_tree .admintree div.depth2 a.link img {
	padding-right: 6px;
}

.block_admin_tree.sideblock .link.current {
	background: none;
	color: #BF202F;
}

/** Footer **/

#footer .helplink {
	margin: 0;
}	

#footer {
	background:url("images/footer-bg.png") no-repeat scroll center bottom transparent;
	height:175px;
	margin-top:0;
	padding-top:0;
}
div.footer-content {
	width: 980px;
	margin: 0 auto;
	position:relative;
}

table.footer-content{
	width: 949px;
	margin: 0 auto;
	border-top: 12px solid #A2BBAA
}

td.st-cuthberts-logo {
	text-align: left;
	width: 200px;
	padding-left:12tpx;
	padding-top: 10px;
}
td.moodle-logo {
	text-align: right;
	width: 200px;
	padding-right: 28px;
	padding-top: 10px;
}
td.footerlinks {
	padding-top: 10px;	
}
.footerlinks li{
	display: inline;
	list-style: none;	
}
.footerlinks a:link,
.footerlinks a:visited,
.footerlinks a {
	color: #FFFFFF;
	font-size:0.85em;
	padding:0 9px;
}

#footer_loginas {
	color: #c8e2d0;
	font-size:0.8em;
	vertical-align:top;
}

#footer_loginas a,
#footer_loginas a:link,
#footer_loginas a:visited {
	color: #FFFFFF;	
}

.block_login.sideblock .loginform div {
	margin:2px;
	padding:2px;
	text-align:left !important;
	width:150px;
}

.block_login.sideblock .loginform .fld input {
width:100px;
}


/** Forum **/
.forumpost .starter {
	background: #E4E4E4 url(images/post-bg.png) top left repeat-x;
}

.forumpost .left {
	background: none;	
}

/** Calendar **/

table#calendar {
	width:932px;
}
table.minicalendar  {
	font-size: 0.8em;
	border: none;
}

table.minicalendar th {
	padding: 0;
}

#calendar .sidecalendar .filters,
#calendar td.sidecalendar .minicalendarblock {
	margin:0 9px;
	width:177px;
}

#calendar .sidecalendar .filters table{
	background: none;	
}

#calendar td.sidecalendar {
		width: 210px;

}
#calendar td.sidecalendar .sideblock {
	border: none;	
	width: 210px;
}

table#calendar .sideblock .header {
	background: url(images/hdr-sideblock-right.png) top right no-repeat;
	border: none;
	padding: 0;
}
table#calendar .sideblock .header h2{
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: normal;
	padding: 7px 7px 19px 14px;
}
table#calendar .sideblock .header .commands {
	padding:5px 18px;
	margin: 0;
}

table#calendar .sideblock .content {
	background:transparent;
	border: none;
	padding: 7px 32px 5px 16px;
	margin-top: -8px;
}

table#calendar .sideblock {
	background: url(images/sideblock-right-bg.png) bottom left no-repeat;	
	padding-bottom: 20px;
}


/** Simplecss **/

.simplecss-format {
	margin:0 auto;
	width:960px;
}
.simplecss-format #left-column,
.simplecss-format #right-column{
	width: 210px;	
}

.simplecss-format #left-column .sideblock .header .title h2,
.simplecss-format #left-column .sideblock .header .title h2 {
}


#course-view .weekscss .current, #course-view .current td.side  {
	background: #BF202F;	
}

#course-view .section td.content {
	max-width: 433px;
	overflow: hidden;
}

/**
 * Tabs
 **/
.tabtree {
  margin-top: 15px;
  height: 45px;
}

.tabrow0 a {
  color: #569182;
  font-size: 105%;
  font-weight: bold;
  line-height: 1.13em;
  background: transparent url(images/tab/left.gif) no-repeat left top;
}

.tabrow0 a span {
  background: transparent url(images/tab/right.gif) no-repeat right top;

}

.tabrow0 li.selected a,
.tabrow0 li.selected a:hover,
.tabrow0 li.active a{
  background: transparent url(images/tab/left-selected.gif) no-repeat left top;
}

.tabrow0 li.selected a span,
.tabrow0 li.selected a:hover span,
.tabrow0 li.active a span{
  background: transparent url(images/tab/right-selected.gif) no-repeat right top;

}

/* Hover Styles */

.tabrow0 .here a:hover span {
  background: transparent url(images/tab/right-selected.gif) no-repeat right top !important;	
}
.tabrow0 .here a:hover {
	background: transparent url(images/tab/left-selected.gif) no-repeat left top !important;
}

.tabrow0 a:link:hover,
.tabrow0 a:visited:hover,
.tabrow0 .last a:hover,
.tabrow0 a:hover {
  background-image: url(images/tab/left_hover.gif);
  color: #FFFFFF;
  text-decoration: none;
}
.tabrow0 a:link:hover span,
.tabrow0 a:visited:hover span,
.tabrow0 .last a:hover span,
.tabrow0 a:hover span {
  background-image: url(images/tab/right_hover.gif);
}

.tabrow0 .here a:hover {
  background-image: url(images/tab/left.gif);
}

.tabrow0 .here a:hover span {
  background-image: url(images/tab/right.gif);
}

.tabrow0 .here a,
.tabrow0 .here a:hover {
  color: #444;
  text-decoration: none;
}

ul.tabrow1 li a,
ul.tabrow1 li a:link,
ul.tabrow1 li a:visited,
.tabrow0 ul li a:hover span,
.tabrow0 ul a {
  color: #569182;
  text-decoration: none;
}

.tabrow0 ul li.here a:hover span {
  color: #444;
}

.tabrow0 div, .tabrow0 ul {
  border-color: #cccccc;
  padding: 6px 0px;
  background: url(images/tab/tab-nav-row.gif);
  margin-top: 1px;
  *margin-top: 3px;
}

.tabrow1 li.active a {
	background: none;	
}

ul.tabrow1 li a {
	background: none !important;	
}

ul.tabrow1 li a:hover span {
	text-decoration: underline;
}

ul.tabrow1 li.active a:hover span {
	color: #444444 !important;
	text-decoration: none !important;
	}
ul.tabrow1 li a:hover span {
	
}

ul.tabrow1 li.selected a:hover span {
	text-decoration: none !important;
	color: #444444 !important;
}


ul.tabrow1 {
	border-bottom: none !important!;	
}

body#course-user .section {
	margin-top: 20px;	
} 

/* Header tabs */
.header-tabs .tabtree {
  margin-top: 0;
  background: transparent url(images/tab/right.gif) no-repeat top right;
  padding: 10px 0 4px 0;
  position: relative;
  z-index: -1;
}



.navbar .breadcrumb {
	font-size: 0.7em;
	margin: 6px 0;
}

.header-tabs {
  margin: 0 0 -1px 0;
}

#header-tabs .tabrow0 {
  padding-bottom: 0;
  text-align: left;
  line-height: normal;
  margin-top: 0;
}

#header-tabs .tabrow1 {
  display: none;
}

#site-index .header-tabs {
  margin-bottom: 10px;
}

#site-index .header-tabs .tabtree {
  border-bottom: 1px solid #DDDDDD;
}


/** Content Fixes **/

body#course-index .buttons, body#course-category .buttons {
	margin-bottom: 0;
	padding-bottom: 10px;
}


/** Homepage Customisation **/

table.thumbtable {
	width: 100%	
}

table.thumbtable td{

}

td.thumbcaption{
	background: #eef2ef;
	padding: 5px;
	border: 2px solid #FFFFFF;	
}
td.thumbcaption a:hover {
	text-decoration: underline;	
}

span.label h2{
	background: url(images/hdr-centre.png) top left no-repeat;
	border-right: 1px solid #DDDDDD;
	padding: 7px 26px 6px;
	
}
table#navigation {
	margin-bottom: 20px;	
}
table#navigation td {
	margin: 0;
	padding: 0;
}

table#navigation td a.myjunior{
	background:url(images/link-myjunior.png);
	height: 131px;
	width: 91px;
	display: block;
}
table#navigation td a.mystudio{
	background:url(images/link-mystudio.png);
	height: 131px;
	width: 109px;
	display: block;
}
table#navigation td a.mymedia{
	background:url(images/link-mymedia.png);
	height: 131px;
	width: 101px;
	display: block;
}
table#navigation td a.mymail{
	background:url(images/link-mymail.png);
	height: 131px;
	width: 86px;
	display: block;
}
table#navigation td a.mysenior{
	background:url(images/link-mysenior.png);
	height: 131px;
	width: 101px;
	display: block;
}


/** Messages / Help windows **/
body#help,
body#message-index,
body#course-info {
	background: #FFFFFF;
}
body#course-info div #content,
body#message-index div #content {
	background: #FFFFFF;
}

body#help #footer,
body#course-info #footer,
body#message-index #footer {
	display: none;	
}

body#mod-resource-view {
	background: #FFFFFF;
	padding-top: 20px;
}

body#mod-resource-view .bg-style {
	background: none;
}

body#mod-resource-view div#footer {
	background: none;
	height: auto;
}

body#mod-resource-view div#footer div.footer-content {
	width: auto;
}

body#mod-resource-view div#footer div#footer_loginas {
	color: #00584A;	
}

body#mod-resource-view div#footer div#footer_loginas a {
	color: #569182;	
}


	
body#mod-resource-view div#footer table.footer-content {
	display: none;
}

.reportlink {
	margin: 10px 0;
	text-align:left;
}


body.sansheading {
	background: none;
}

body.sansheading  #footer {
	background: none;
	height: 100px;
}
body.sansheading  #footer div.footer-content {
	width: 100%;
}
body.sansheading  #footer table.footer-content {
	border-top: 1px solid #666666;	
}
body.sansheading  #footer .footerlinks {
	color: 	
}

body.sansheading td.st-cuthberts-logo,
body.sansheading td.moodle-logo {
	width: 0;
}
body.sansheading #footer table.footer-content  td.st-cuthberts-logo img,
body.sansheading td.moodle-logo img{
	display: none;
}

body.sansheading #footer_loginas {
	color: #666666;	
}

body.sansheading #footer_loginas a, 
body.sansheading #footer_loginas a:link,
body.sansheading #footer_loginas a:visited,
body.sansheading .footerlinks a:link,
body.sansheading .footerlinks a:visited, 
body.sansheading .footerlinks a {
	color: #569182;
}

body.sansheading .bg-style {
	background: none;
}

body.sansheading #content { 
	min-height: 100px;
}


/***** st_cuthberts/styles_st-cuthberts.css end *****/