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

/***** shiatsuspace/style.css start *****/

/* This is a working draft designed from scratch by Ben Bowler for ShiatsuSpace.net */
/* Body Reset */
html, body, div, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 0;
}
/* Clearfix code NEEDS TO BE TESTED FOR EFFECTIVENESS. (No useful results noticed.)
/* This needs to be first because FF3 is now supporting this */
/* < DELETE
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}
DELETE > */
/* Hides from IE-mac \*/
/* < DELETE
* html .clearfix {height: 1%;}
.clearfix {display: block;}
DELETE > */
/* End hide from IE-mac */

body {
	font: small Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 20px;
	font-weight: lighter;
	color: rgb(62,128,121);
}
h2 {
	font-size: 12pt;
	font-weight: 500;
	color: rgb(62,128,121);
}
.section h2, h2.main {
	padding-bottom: 12px;
}
a, a:link, a:visited {
	color: rgb(62,128,121);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

em {
	font-weight: normal;
}

/* Page Layout */
#page {
	width: 880px; /*background.jpg width -paddingx2 */
	margin: 0 auto;
	padding: 0 30px;
	background-image: url(http://shiatsuspace.net/theme/shiatsuspace/background.jpg);
	background-repeat: no-repeat;
}
/* Header */
/* Header Menu */
#header-home a, #header a {
	color: white;
}
.headermain {
	height: 305px;
}
.headermenu {
	width: 880px;
	height: 0;
	overflow: visible;
	text-align: right;
	position: relative;
	bottom: 306px;
	left: 1px;
	clear: both;
	font-weight: 300;
}
#chooselang, .logininfo, .navigation {
	height: 20px;
	margin: 0 0 0 4px;
	padding: 5px;
	border: 1px solid white;
	background-image: url(http://shiatsuspace.net/theme/shiatsuspace/header-trans.png);
	color: white;
	float: right;
}
.navigation img {
	height: 0;
}
/* Select Tweaks */
#addselect, #removeselect {
	width: 350px;
}
/* SS Links */
.shiatsuspacelinks.top {
	width: 880px;
	height: 0;
	overflow: visible;
	text-align: right;
	position: relative;
	bottom: 300px;
	clear: both;
}
.shiatsuspacelinks a {
	color: white;
	text-decoration: none;
	font-weight: bolder;
}
.shiatsuspacelinks ul {
	list-style: none;
	padding-right: 5px;
}
.shiatsuspacelinks li {
	float: right;
	padding: 2px 6px;
	margin: 16px 10px;
}
.shiatsuspacelinks .selectedlink {
	padding: 2px 6px;
	background-color: rgb(62,128,121);
	border: 1px solid rgb(62,128,121);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* Right hand side of footer */
.credits {
	width: 350px;
	height:20px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
	position: relative;
	bottom: 29px;
}
.copyright {
	height: 20px;
	color: white;
	padding: 8px 30px 0 0;
	width: 350px;
}
.copyright a {
	font-weight: 300 !important;
/*	text-decoration: none;*/
}
.help {
	height: 20px;
	padding: 0 0 4px 0;
}
.help .helplink {
	padding: 0 86px 0 0;
}
.helplink a {
	color: rgb(0,0,0);
	font-weight: 300;
}
/* SS Subtitle */
#shiatsuspacesubtitle {
	width: 400px;
	height: 0;
	overflow: visible;
	position: relative;
	bottom: 235px;
	left: 25px;
	clear: both;
}
/* Move the course summery to under subtitle */
/*
.block_course_summary {
	margin: 0 !important;
	border: none !important;
	padding: 0 !important;
}
.block_course_summary .content {
	width: 450px;
	height: 0;
	overflow: visible;
	position: relative;
	bottom: 112px;
	right: 635px;
	clear: both;
	font-size: small;
	border: none;
}*/
.shiatsuspacesummary {
	width: 450px;
	height: 0;
	overflow: visible;
	position: relative;
	bottom: 120px;
	left: 25px;
	padding: 0;
	margin: 0;
	clear: both;
	font-size: small;
	border: none;
}

/* Hide teachers */

ul.teachers {
	display: none;
}


/* Block Paypal Donate Styles */
.block_paypal_donate {
	text-align: center;
}

table.donationsbox table {
	width: 100%;
}

/* Table Styles and Layout */
#layout-table {
	width: 880px;
	margin: 0;
/*	border-spacing: 20px;*/
	border: 0;
	padding: 0;
	position: relative;
	right: 30px;
	bottom: 30px;
}
#layout-table #right-column, #layout-table #left-column, .sidecalendar {
	width: 220px !important;
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: none;
}
/*Move editing on button without breadcrumbs*/
#right-column form {
	position: relative;
}
/**/
#layout-table #middle-column, .maincalendar {
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: none;
}
#middle-column ul {
	list-style: none;
}

/*
.sideblock {
	background-color: rgb(255,255,255);
	border: 1px solid rgb(194,189,183);
	padding: 4px;
	margin: 0 0 16px 0;
	width: 180px !important;
}
 Column drop shadows... */
.sideblock .header {
background: rgb(255,255,255) url(http://shiatsuspace.net/theme/shiatsuspace/sideblock_top.jpg) no-repeat;
height:28px;
text-align: left;
padding:10px;
margin:0;
border:0;
}
#left-column .hidden .header,
#right-column .hidden .header{
background-position: -220px 0;
}
.sideblock .content, .sideblock .filters, .sideblock .minicalendarblock {
background: rgb(255,255,255) url(http://shiatsuspace.net/theme/shiatsuspace/sideblock_bottom.jpg) no-repeat bottom left;
border:0;
padding:0 20px 20px 20px;
margin: 0;
}

.sideblock .minicalendarblock {
	margin-bottom: -13px;
}

/* Fix for header->content gap on this one block (plus others I've found since) 
.block_site_main_menu .content, block_participants .content, block_activity_modules .content {
	margin-top: -6px !important;
}*/

.headingblock {
	display: none;
}


.sideblock .title {
	margin: 4px 8px;
}
.title h2 {
	font-size: 10pt;
	padding:2px;
	border-bottom:1px solid #C2BDB7;
}

/* Add any blocks without header...*/
.block_paypal_donate {
	background: rgb(255,255,255) url(http://shiatsuspace.net/theme/shiatsuspace/sideblock_top.jpg) no-repeat;
	padding-top: 18px;
}

/* Main content shadow*/

.unlist li {
	width: 430px;
	background: rgb(255,255,255) url(http://shiatsuspace.net/theme/shiatsuspace/centerblock_top.jpg) no-repeat;
	padding-top: 18px;
	margin: 0;
	border: 0;
}

/* unlist fix within the sidebar */

.block_recent_activity .content .unlist li {
	width: 180px !important;
	background-image: none;
	list-style: none;

}

/* unlist which should not be styled as above */
li.post {
	width: 170px;
	background: white;
	padding: 2px;
	list-style: none;

}
/**/
.coursebox {
	width: 390px;
/*	height: 70px;
	overflow: hidden;*/
	min-height:104px;
background: rgb(255,255,255) url(http://shiatsuspace.net/theme/shiatsuspace/centerblock_bottom.jpg) no-repeat bottom left;
border:0;
padding: 0 20px 4px 20px;
margin: 0 0 0 -1px;
}

/* Front page image and links */

.info .name {
	width: 190px;
	height: 20px;
}
.name a {
	z-index: 10;
}
.summary {
	position: relative;
	bottom: 20px;
}
.summary ul {
	width: 195px;
	margin-left: 195px;
}
.summary li {
	width: 180px;
	background: rgb(255,255,255);
	list-style:inside url(http://shiatsuspace.net/theme/shiatsuspace/unordered_list.jpg);
	padding: 4px 0;
	margin: 0 5px 0 10px;
	border-bottom: 1.5px dotted #C2BDB7;
}
.summary img.homepage {
	width: 195px;
	float: left;
	margin-right: 10px;
}

/**/

.hide-show-image {
	margin: 0;
	height: 18px;
	width: 18px;
}
.depth0 a, .depth1 a, .depth2 a {
	text-decoration: none;
}
.depth1 {
	padding-left: 12px;
}
.depth2 {
	padding-left: 24px;
}
#left-column .hidden .content, #right-column .hidden .content {
	display: none;
}
.hide-show-image {
	float: right;
}
/*** Settings form ***/
.settingsform fieldset {
	padding: 16px;
}
div.form-label {
	width: 300px;
	overflow: hidden;
}
.form-shortname {
	float: left;
	padding-left: 6px;
	font-size: 10pt;
	font-weight: lighter;
	text-decoration: none;
	text-align: justify;
}
.form-description {
	margin: 16px 0;
}
.form-buttons {
	text-align: center;
}
/* Home page Accessicon (key) float near title */
.info .name {
	float: left;
}
#left-column .right {
	clear: right;
}
.helplink {
	clear: left;
}
.depth0 {
	clear: both;
}
.accessicon {
	margin-left: 2px;
}
.summery {
	float: none;
}
/*** Course week layout box ***/
#course-view .section td {
  vertical-align:top;
}
/*table.weeks {
	border-spacing: 0;
}*/

/* Dropshadow to course view... */
table.topics {
	margin-top: -1px;
	padding: 0 0 0 6px;
	border: 0;
	border-spacing: 0;
	
}
tr.main {
	width: 430px;
	background: rgb(255,255,255) top left url(http://shiatsuspace.net/theme/shiatsuspace/courseblock_bottom.jpg);
	padding: 40px 32px;
	margin: 0;
	border: 0;
}
.content .summary {
	position: static;
	padding: 20px 6px 6px 6px;
	border: 0;
}
tr.separator {
	width: 430px;
	height: 10px;
	position:relative;
	left: 10px;
	min-height:104px;
background: rgb(255,255,255) url(http://shiatsuspace.net/theme/shiatsuspace/courseblock_top.jpg) no-repeat bottom left;
border:0;
padding: 0;
margin: 0 0 0 40px;
}
td.side {
	background: transparent;
	padding: 20px 6px;
	border: 0;
	margin: 0;
}
td.left {
	text-align: right;
	padding-left: 20px
}
td.right {
	text-align: left;
	padding-right: 30px;
}

/*
#course-view .section td.content {
	padding: 12px;
	margin: 0;
	border: 1px solid rgb(194,189,183);
	border-right: none;
	border-left: none;
}
#course-view .section td.right {
	padding: 6px;
	margin: 0;
	border: 1px solid rgb(194,189,183);
	border-left: none;
	text-align: center;
	width: 0;
}
#course-view .section td.left {
	padding: 0;
	margin: 0;
	border: 1px solid rgb(194,189,183);
	border-right: none;
	text-align: center;
	width: 0;
}*/
#course-view .section .spacer {
	height: 20px;
}
.teachers li {
	clear: both;
	padding: 6px 0;
}
.info {
/*	padding-top: 12px;*/
}
/* Mini Calendar */
.calendar-controls {
	padding: 2px;
	font-size: 9pt;
	font-weight: lighter;
	border: 0;
	border-bottom: none;
	width: 178px;
	text-align: center;
}
.previous .arrow {
	float: left;
}
.next .arrow {
	float: right;
}
.calendar-controls a {
	text-decoration: none;
}
table.minicalendar {
	text-align: center;
	width: 184px;
	font-size: 9pt;
	font-weight: lighter;
	border: 0;
	margin-bottom: 4px;
}
table.minicalendar td {
	padding: 0;
	border: 0;
	margin: 0;
}
tr.weekdays {
	font-weight: 300;
}
/* Main Calendar */
.maincalendar {
	width: 100%;
}
#calendar-event .sidecalendar {
	display: none;
}
#cal_course_flt {
	text-align: right;
	position: relative;
	bottom: 12px;
}
.sidecalendar h2 {
	padding: 5px 0 0 5px;
}
/* Access form elements */
.accesshide, .skip-block, .hide {
	position: absolute;
	top: -1000px;
	left: -1000px;
}
.form-item {
	margin: 6px 0;
}
fieldset {
	border-top: 1.5px dotted #C2BDB7;
	border-bottom: 1.5px dotted #C2BDB7;
	border: 1.5px 0;
	clear: both;
}
#content {
	margin: 0;
	padding: 20px 32px 0 32px;
	position: relative;
	bottom: 65px;
}
/* Course Specific Items */
.list {
	list-style: none;
}
.icon {
	float: left;
	padding-right: 4px;
}
div.icon, .newlink {
	float: none;
}
.r0, .r1 {
	margin-bottom: 6px;
}
.link {
	clear: both;
}
.icon.column {
	clear: both;
}
.iconhelp {
	margin: 0 2px;
}/*
.navbutton .iconhelp {
	float: left;
}*/
/**** Clearer ****/
.clearer {
	clear: both;
}
/* Roles List styles */
.c0 {
	width: 30% !important;
}
.generaltable, .forumheaderlist {
	width: auto !important;
	border-spacing: 6px;
}

/* Forum Layout Elements */
.singlebutton, .discussioncontrols, .wikilinkright {
	text-align: center;
	padding: 10px 0 10px 0;
}
.forumpost {

	border-spacing: 12px;
	width: 100%;
}
th.header {
	font-weight: 300;
}

td.picture, td.side {
	padding-left: 0 !important;
	width: 35px;
}

.subscription{
	text-align: center;
}
.subscription a {
	color: rgb(62,128,121);
	text-decoration: none;
}
.subscription a:hover {
	text-decoration: underline;
}
#intro {
	padding: 12px 0;
}

.commands {
	padding: 4px;
	border: none;
	vertical-align: center;
	color: white;
	text-align: center;
	max-width: 200px;
}
.commands a {
	padding: 2px 6px;
	background-color: rgb(62,128,121);
	border: 1px solid rgb(62,128,121);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: white;
	overflow: visible;
	height: 18px;
	text-align: center;
}
.commands span {
	margin-right: 4px;
}
.file .commands a {
	color: black;
}
/*
.topic .subject {
	height: 0;
}*/
.topic .author, .content .link {
	border-bottom: 1.5px dotted #C2BDB7;
}
/* Login/Signup Elements */
.loginbox {
	width: 836px;
	border: 0;
	margin: -18px 0 0 -10px;
	padding: 0;
}
.loginpanel {
	width: 366px;
	float: left;
	text-align: center;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(194,189,183);
	padding: 16px;
	margin: 0 32px 20px 0;
}
.signuppanel {
	width: 366px;
	float: right;
	text-align: center;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(194,189,183);
	padding: 16px;
	margin: 0 0 20px 0;
}
#login-signup #chooselang {
	border: 0;
	background: none;
	padding: 0;
}
#login {
	text-align: left;
	width: 200px;
	margin: 0 83px;
	padding: 0;
}
.loginpanel .subcontent, .signuppanel .subcontent {
	margin-top: 16px;
}
#guestlogin, #changepassword, .loginform {
	margin-top: 16px;
}
.loginpanel .form-input {
	margin-top: 6px;
}
.form-shortname {
	width: 290px;
}
.form-label {
	width: 100% !important;
	text-align: center;
	padding: 0;
	margin: 0;
}
.form-input input {
	width: 100px;
}
.form-input {
	text-align: center;
}
.signuppanel ol {
	text-align: left;
	padding: 16px;
}
/* Breadcrumbs and Nav Links*/
.breadcrumb ul {
	padding:0;
	margin:0;
	list-style:none;
}
.breadcrumb li {
	display:inline;
}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:hover, .breadcrumb a:visited {
	font-family: "Myriad Pro", Arial, "Helvetica Neue", Helcetica, "Trebuchet", "Trebuchet MS", san-serif;
	font-size: 13pt;
	line-height: normal;
	margin-bottom: 0;
	font-weight: lighter;
	color: rgb(62,128,121);
}
/* Move the Lang Menu on the login page back to where it's supposed to be */
#login-index .navbutton {
	height: 40px;
	position: relative;
	left: 343px;
	bottom: 351px;
	text-align: left;
	z-index: 100 !important;
}

/* Fix search box */
fieldset.invisiblefieldset {
	border: none;
	float: none;
	clear: left;
	padding: 0;
vertical-align: top;
}

#searchform_search, #block_search_q, #query /*#general input*/ {
	width: 100px;
	margin: 6px 6px 0 0;
}
/*
#searchform_button {
	float: right;
	width: 90px;
}*/
.wikisearchform input {
	margin-right: 4px !important;
}
button, input[type="submit"], input[type="button"] {
	padding: 2px 6px;
	background-color: rgb(62,128,121);
	border: 1px solid rgb(62,128,121);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
color:white;
font-weight:bolder;
text-decoration:none;
margin: 0;
}
/*#username, #password, #searchform_search, #block_search_q, #query, #paypal_donate_input,  .invisiblefieldset input*/input[type="text"], #password, #id_password, #id_newpassword {
	padding: 3px 6px;
	margin: 0 6px 0 0;
	background-color: rgb(250,250,250);
	border: 1px solid rgb(62,128,121);
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: rgb(0,0,0);
}
#paypal_donate_input {
	background-color: rgb(255,255,255);
	border: 0;
}
.hide-show-image {
	border: 0;
	margin: 0;
	padding: 0;
}
#password {
	margin-bottom: 4px;
}
/* Fix wide boxes */
.generalbox {
	width: 96%;
	padding: 2%;
	clear: both;
}
.navigation ul {
	list-style: none;
}
/* Navbar */
.navbar { 
	position: relative;
	bottom: 70px;
	width: 836px;
	height: 27px;
	font-size: 12pt;
	padding: 0 32px 0 20px;
	border: 0;
	overflow: hidden;
	margin: 0 0 5px 0;
	z-index: 100;
}
.breadcrumb {
	height: 25px;
	padding: 0 0 5px 0;
	margin: 0;
	width: 518px;
	border: 0;
	overflow: hidden;
	z-index: 500;
}
.navbutton {
	height: 30px;
	position: relative;
	bottom: 30px;
	left: 518px;
	padding: 0;
	margin: 0;
	text-align: right;
	width: 318px;
	border: 0;
	overflow: hidden;
	z-index: 500;
}
/*** Tabs ***/
.tabrow0 {
	position:relative;
	float:left;
	width:100%;
	padding:0;
	border-bottom: 1.5px dotted rgb(194,189,183);
	margin:0 0 42px 0;
	list-style:none;
	z-index: 100;
}
.tabrow0 li {
	float:left;
	margin:0;
	padding:0;
}
.tabrow0 a {
	display:block;
	margin: 1px 0 -1px 4px;
	padding: 2px 6px;
	border: 1.5px dotted rgb(194,189,183);
	z-index: 100;
}
.tabrow0 a:hover,
.tabrow0 a:active,
.tabrow0 a.here:link,
.tabrow0 a.here:visited {
	border-bottom: 1.5px solid white !important;
	z-index: 200;
}
.nolink {
	border-bottom: 1.5px solid white !important;
	z-index: 300;
}
/*** Sub Tabs ***/
ul.tabrow1  {
	position: absolute;
	left: 0;
	top: 22px;
	float: left;
	height: 20px;
	width: 100%;
	margin: 0 0 42px 0;
	padding: 6px 6px 3px 0;
	list-style: none;
	border: 0;
	border-bottom: 1.5px dotted rgb(194,189,183);;
	z-index: 100;
}/*
.tabrow1 ul li {
	float: left;
	display: block;
	list-style: none;
	margin: 2px 2px 0 2px;
}
.tabrow1 ul a {
	display: inline;
	margin: 0 0 -2px 0px;
	padding: 2px 6px;
	border: 0;
}
.tabrow1 a {
	border-bottom: none !important;
}
.tabrow1 a:hover,
.tabrow1 a:active,
.tabrow1 a.here:link,
.tabrow1 a.here:visited {
	border-bottom: 1.5px solid white !important;
}*/
.tabrow1 li {
	float:left;
	margin:0;
	padding:0;
}
.tabrow1 a {
	display:block;
	margin: 1px 0 0 4px;
	padding: 2px 6px;
	border: 1.5px dotted rgb(194,189,183);
	z-index: 100;
}
.tabrow1 a:hover,
.tabrow1 a:active,
.tabrow1 a.here:link,
.tabrow1 a.here:visited {
	border-bottom: 1.5px solid white !important;
	z-index: 200;
}

.empty {
	position: absolute;
	top: -1000px;
	left: -1000px;
}
/*** User Profile Page ***/
.userinfobox {
	margin: 12px auto 12px auto;
	text-align: center;
}
.advancedbutton {
	text-align: right;
	height: 0;
	overflow: visible;
}
#moodle_optional {
	min-height: 42px;
}
.buttons {
	width: 200px;
}
.buttons form, .buttons div {
	width: auto;
	float: left;
	text-align: center;
}
.buttons input {
	margin-right: 4px;
}
#user-view .buttons {
	margin: 0 300px;
}
#admin-index #middle-column {
	padding: 20px;
}
/******************/
#switchrole {
	float: right;
}
.mform fieldset {
	padding: 16px;
	margin: 0 0 20px 0;
}
.fitem fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
fieldset.hidden {
	text-align: center;
}
.fitem {
	padding-bottom: 8px;
}




/* Footer */
#shiatsuspacebottomband {
	background-color: rgb(62,128,121);
	height: 30px;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}
#footer .helplink {
	height: 0;
	margin: 2px;
}
/* SS Links */
#footer .shiatsuspacelinks {
	width: 900px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	clear: both;
}
#footer .shiatsuspacelinks ul {
	float: left;
}
#footer .shiatsuspacelinks li {
	float: right;
	margin: 6px 10px;
	padding: 0 5px;
}
.shiatsuspacelinks .selectedlink {
	padding: 2px 6px;
	background-color: rgb(62,128,121);
}

/* Accessability hidden from regular users */
.skip, .skip-block, hr /*Get rid of horizontal rules as well. Argh!*/ {
	position: absolute;
	top: -1000px;
	left: -1000px;
}
/* Messenger Styles */
#message-index #page, #message-user #page {
	background: none;
	width: 100%;
}
#message-index #footer {
	display: none;
}

/* editting commands*/
select {
	width: 150px;
}

.editing .commands a, .editing .buttons a {
	background: white;
	border: 0;
}
.editing .commands, .editing .buttons {
	width: auto;
	height: 20px;
	margin: 4px;
	max-width: 150px;
}
.editing .block_paypal_donate .header, .editing .block_paypal_donate .header {
	margin-top: -20px;
}
/***** shiatsuspace/style.css end *****/