/*-------- COLOURS --------*/


body {
	background: url("images/pageBorderLeft.gif") repeat-y left top;
}

#page {
	background: url("images/pageBorderRight.gif") repeat-y top right;
}

a, a:visited, a:hover {
	color:black;
	border-bottom: 1px solid red;
}

a img {
	border:none;
	text-decoration: none;
}

#headNav li, #footer ul li, #homeNav li, .rowActions ul li, .adminLinks li {
	border-left:1px solid #BB0000;
}

#headNav li:first-child, #footer ul li:first-child, #homeNav li:first-child, .rowActions ul li:first-child, .adminLinks li:first-child  {
	border:none;
}
#footer #footerContent, .exercise-assistant #content {
	background:#f2f2f2;	
}

#footerContent {
	border-top:1px dotted #CCCCCC;
}

a
form.compact label, td, th, #sidebar .row, .twocol-sidebar #pageHead, .onecol-sidebar #pageHead, .onecol #pageHead,.twocol #pageHead, .exercise-assistant #pageHead, .post, #content .row {
	border-bottom:1px dotted #CCCCCC;
	
}

#sidebar, .quickEditor, .tags {
	background:#F7F7F7;
}

.job,.job .downArrow  {
	background-color: #d5e5ec;
}

.job .downArrow {
	background-image: url(images/jobDownArrow.gif);
}



#noscriptWarning, .alert, .gapSolutions, .gap,.job.dragging, .error {
	background:#FFFFBB;
}

.button,a.button,input[type="submit"],input[type="button"],.ui-combobox-arrow, ul.edit a {
	color:black;
	border:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;

	background: url("images/lowerShadow241.gif") bottom #F1F1F1 repeat-x;
	background: -webkit-gradient(linear, left top, left bottom,from(rgb(242,242,242)),to(rgb(217,217,217)));
	background: -moz-linear-gradient(
		center top,
		rgb(242,242,242) 0%,dat
		rgb(217,217,217) 100%
	);
	cursor: pointer;
}

a.button {
	line-height:2em;
}

.assistant input[type="submit"], input[type="submit"].importantButton, .selected, .button.important {
	color:white;
	background:url("images/redGloss.gif") repeat-x left top #E65345;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0.51,rgb(204,5,5)),color-stop(0.49,rgb(255,52,52)),from(rgb(254,180,180)),to(rgb(253,104,104)));
	background: -moz-linear-gradient(
				    center top,
				    rgb(254,180,180) 0%,
				    rgb(255,52,52) 48%,
				    rgb(204,53,53) 51%,
				    rgb(253,104,104) 100%
				);
	border: 1px solid red;
}

.absenceBar.unexcused {
	background:url("images/redGloss.gif") repeat-x left top #E65345;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0.51,rgb(204,5,5)),color-stop(0.49,rgb(255,52,52)),from(rgb(254,180,180)),to(rgb(253,104,104)));
	background: -moz-linear-gradient(
				    center top,
				    rgb(180,254,180) 0%,
				    rgb(52,255,52) 48%,
				    rgb(53,204,53) 51%,
				    rgb(104,253,104) 100%
				);
				
}

.absenceBar.excused {
	background:url("images/greenGloss.gif") repeat-x left top #E65345;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0.51,rgb(5,204,5)),color-stop(0.49,rgb(52,255,52)),from(rgb(180,254,180)),to(rgb(104,253,104)));
	background: -moz-linear-gradient(
				    center top,
				    rgb(254,180,180) 0%,
				    rgb(255,52,52) 48%,
				    rgb(204,53,53) 51%,
				    rgb(253,104,104) 100%
				);
				
}
.upperShadow,#mainMeta,#horizon {
	background: url("images/lowerShadow255dark.gif") bottom left repeat-x;
	background: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),to(rgba(20,20,20,0.25)));
	background: -moz-linear-gradient(
					center top,
					rgb(255,255,255) 0%,
					rgb(220,220,220) 80%,
					rgb(170,170,170) 100%
	);
}


.onecol-sidebar #newQuestion {
	background-color:#f4f5f1;
}


.evaluation .correct {
	background: #14F000;
	color:white;
}

.evaluation .not {
	background: yellow;
	color:black;
}
.evaluation .wrong {
	background: #DF1414;
	color:white;
}

.excused {
	color:#090;
}

.tag {
	background-color: #e5effa;
	border: 1px solid #d5deeb;
}

.job[exercise=mulcho], .job[exercise=mulcho] .downArrow {
	background-color: #c6f6c2;
}

.job[exercise=gaps], .job[exercise=gaps] .downArrow {
	background-color: #f3fcbb;
}

.job[exercise=tetris], .job[exercise=tetris] .downArrow {
	background-color: #d0f9fe;
}

.job.empty {
	background:none;
	border: 1px dashed #d5d6d5;
	color: #bababa;
}

.mediaExplanation, #loggedInName, .postMeta {
	color: #bababa;
}	



	/* Tasks */

.state, .stateopen, table.calendar th, .studentSelect, .teacherSelect, .parentSelect {
	background:url('images/stateopen.gif') repeat-x #e7e7e7;
}

.show, .showopen {
	background:url('images/showopen.gif') no-repeat;

}

.statereview {
	background:url('images/statereview.gif') repeat-x #f2ab98;
}

.showreview {
	background:url('images/showreview.gif') no-repeat;
}

.statecompleted {
	background:url('images/statecompleted.gif') repeat-x #ffff74;
}

.showcompleted {
	background:url('images/showcompleted.gif') no-repeat;
}

.stateconfirmed {
	background:url('images/stateconfirmed.gif') repeat-x #a7e7a8;
}

.showconfirmed {
	background:url('images/showconfirmed.gif') no-repeat;
}


.mandatory {
	font-weight: bold;
}


.taskDueAlert {
	background:url('images/taskDueIndicate.gif');
}

.commentCounter, .commentCountTask {
	background:url('images/commentCounter.gif') no-repeat;
}
.commentCounter {
	background-position: 4 2;
}

.commentCountTask {
	background-position: top center;
}

.documentCountTask, .documentCounter {
	background:url('images/documentCounter.gif') no-repeat;
}
.documentCounter {
	background-position: 4 1;
}


/*-------- TYPO --------*/

body {
	font-family: Arial,Helvetica,sans;
	font-size:12px;
}

h1, h2, h3 {
	font-weight: 100;
}

a {
	text-decoration: none;
}

th {
	text-align: left;
}

strong {
	font-weight: bold;
}

.assistant #main {
	font-size: 1.2em;
	line-height: 1.5em;
}

.exercise-assistant #content {
	font-size: 1.5em;
	line-height: 1.5em;
}

.exercise-assistant small {
	line-height:1em;
}
form.rich input[type="text"],form.rich input[type="password"] {
	border:red 1px solid;
}

.assistant form.compact {
	font-size: .8em;
	line-height:1.1em;
}
form.compact label {
	font-weight:bold;
}


.assistant input[type="submit"], input[type="submit"].importantButton, .button.important {
	font-weight:bold;
	text-align: center;
}

.assistant .alert {
	font-size:.8em;
}


#exerciseTable {
	font-size: 1.2em;
}

#pageHead h2 input[type=text] {
	font-size: 1.2em;
}

#pageHead h3 input[type=text] {
	font-size: 1.2em;
}
.evaluation > div {
	text-align: center;
	text-indent: -10000px;
}

.evaluation.nohover > div {
	text-align: left;
	text-indent: 0;
	padding:.3em;
}

.job.empty p {
	text-align: center;
	font-size:2em;
}

.exercise-assistant input[type="submit"], .exercise-assistant a.button {
	font-size:14px;
}

.mediaExplanation {
	font-size: 1.3em;
}	

/*-------- LAYOUT ---------*/

/* GENERAL LAYOUT */

html, body {
	height: 100%;
}

body {
	margin:0;
	padding:0;
}


#page {
	position: relative;
	float: left;
	margin:0;
	padding:0;
	width:100%;
	min-height:100%;
	min-width:77em;
}

#main {
	margin:0;
	padding-bottom: 3em;
}

.twocol-sidebar #maincontent {
	margin-left:23%;
}

.onecol-sidebar #content {
	margin-top: 0;
	margin-left:24%;
}

#content, #leftCol, #rightCol {
	padding-bottom: 4em;
}
#pageHead {
/* /	padding-top: 1em; */
}
#leftCol {
	float: left;
	padding-right:3em;
}
#rightCol {
	float: left;
}

.colWidth70 {
	max-width: 70%;
}
.colWidth60 {
	max-width: 60%;
}

.colWidth30 {
	max-width: 30%;
}
.colWidth20 {
	max-width: 20%;
}
#headNav li, #footer ul li, #homeNav li, #setNav li,.tagList li, .adminLinks li {
	list-style: none;
	display:inline;
	padding:0 1em 0 1em;
}
#setNav li{
	padding:0;
}.tagList li {
	padding: 0 .2em 0 .2em;
}

#students li {
	list-style: none;
	padding-top:.2em;
}

#headNav li:first-child, #footer ul li:first-child, #homeNav li:first-child, .rowActions ul li:first-child, , .adminLinks li:first-child  {
	padding:0 1em 0 0;
}

.exercise-assistant ul {
	margin-left:1em;
}

.adminLinks li:first-child {
	padding-left: 0;
}

ul li {
	list-style: none;
}


.hidden {
	display: none;
}

.text-right {
	text-align:right;
}

.alert {
	margin:1em;
	margin-left:27px;
	margin-right:27px;
	padding:.3em;
	padding-left:1em;
}

.clear {
	clear: both;
}

.floatLeft {
	float: left;
	overflow: hidden;
	padding-right: 1em;
}

hr.gap {
	border:none;
	background: none;
	height:3em;
}
/* UI */

a {
	cursor: pointer;
}

a[rel=fancybox], h3 a {
	border: 0;
}

fieldset {
	border:none;
	margin:0 0 2em 0 ;
	padding:0;
}

legend {
	padding-bottom: .5em;
}

#sidebar fieldset {
	margin-bottom: 1em;
}

label {
	min-width:10em;
	padding-top:.5em;
	display: inline-block;
}

.exercise-assistant label {
	display:inline;
}

ul {
	margin:0;
	padding:0;
}
.assistant input[type="submit"], input[type="submit"],input[type="button"], input[type="submit"].importantButton, .button, ul.edit a,
.ui-combobox-arrow  {
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	padding:.5em 1em .5em 1em;
	margin:.3em;
}

#pageLinks a {
	margin:.2em;
}

.assistant .alert {
	width:60%;
}

.exercise-assistant .alert {
	padding-left:1em;
}
.assistant .alert p{
	padding:0 0 0 .5em;
	margin: .2em;
}

.exercise-assistant form {
	width:70%;
	padding-bottom:5em;
}

.exercise-assistant form.formAddSetTag, .exercise-assistant form.formChangeSetCountdown, .exercise-assistant form.formChangeSetRandomOrder {
	padding: 0;
}

.exercise-assistant form#newQuestion {
	width:100%;
}

.exercise-assistant fieldset {
	display: block;
}
fieldset.right {
	float:right;
	text-align: right;
}
fieldset.left {
	float:left;
	text-align: left;
}

.exercise-assistant input[type=text],.exercise-assistant textarea {
	font-size:1.2em;
	width:100%;
	margin-bottom: .4em;
}

.exercise-assistant input[type=text].set_countdown_display {
	width:3em;
}

.button.big, input[type="submit"].big{
	min-width:10em;
	padding:1em;
	margin-bottom:1em;
}
.button.small, input[type="submit"].small, ul.edit a, input[type="button"].small {
	min-width:4em;
	padding:.2em .5em .2em .5em;
}

.button.square, input[type="submit"].square{
	min-width:1em;
}


.rowActions {
	visibility: hidden;
}
.rowActions a {
	font-size:.9em;
}

.rowActions ul {
	margin:0;
	padding:0;
	display: inline;
}

.rowActions ul li {
	list-style: none;
	display: inline;
	padding: 0 .5em 0 .5em;
}

.row#newSetWithAssistant {
	height:4em;
	padding-top: 3em;
}

.tag {
	padding:2px;
	padding-left:4px;
	margin:2px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.tagList {
	margin:.5em 0 .5em 0;
}

.tagList li {
	line-height: 2em;
}

#pageLinks {
	clear: both;
}

 #pageLinks {
	padding-top: 1em;
	text-align: center;
 }
 
ul.edit li {
	display:inline;
} 

.jswarning {
	top:0;
	width: 100%;
	padding: .5em;
	background: #ffffbb;
	font-weight: bold;
}

#pageNav {
	height: 3em;
	margin: auto;
	width:78.4em;	
}

#pageNav li {
	position: relative;
	float: left;
	text-align: center;
	width:5.6em;

}

#pageNav img {
	display: block;
	margin: auto;
}

#pageNav a  {
	border: none;
	text-align: center;
}

#pageNav .label {
	position: absolute;
	bottom:-1.5em;
	display: none;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

#pageNav li:hover .label {
	display: block;
}

#main {
	padding-top:1.4em;
}

#pageHead > * {
	position: relative;
	top:-.5em;
}


/* HEADER */

.bigLogo #header h1 {
	margin: 35px 0px 0px 37px;
	height:79px;
	width:514px;
	background: url("images/logoBig.gif") no-repeat;
	text-indent:-10000px;
}
.smallLogo #header h1 {
	margin: 12px 0px 0px 37px;
	height:56px;
	width:390px;
	background: url("images/logoSmall.gif") no-repeat;
	text-indent:-10000px;
}
#headNav {
	margin: 0;
	padding: 0;
	position: absolute;
	right:27px;
	top:0px;
	margin-top:7px;
}



/* MAIN */

h4 {
	margin-bottom: 0.2em;
}

.assistant.bigLogo #main
{
	margin-left:120px;
}

.assistant.smallLogo #main
{
	margin-left:85px;
}

.twocol #main, #mainMeta, .onecol #main {
	margin:0 27px 0 27px;
	padding-left:1em;
}




.welcome #main {
	position: relative;
	margin:0 27px 0 27px;
}

.exercise-assistant #main {
	margin: 0 27px 0 27px
}

.onecol-sidebar #main, .twocol-sidebar #main {
	margin:0 27px 0 27px;
}


.onecol-sidebar #pageHead, .onecol #pageHead, .twocol-sidebar #pageHead, .exercise-assistant #pageHead {
	position: relative;
	padding-left:1em;
	margin:0;
}

.exercise-assistant #content {
	padding:1em;
	min-height: 100%;
}

.introduction, .assistant.bigLogo p {
	width: 60%;
}

form.rich input[type="text"],form.rich input[type="password"] {
	height:2em;
	width:14em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-left:.2em;
	font-size: 1.2em;
	padding-left:.5em;
	margin-bottom:.5em;
}

/* sidebar */

#sidebar {
 	float:left;
 	width:23%;
 	overflow: hidden;
 	min-height:100%;
 	padding-bottom:5em;
 	margin-right:1%;
 }
 
#sidebar .row, #sidebar .moreOptions {
	padding-left:1em;
	padding-bottom: .4em;
}

#content .row {
	padding-bottom: 2em;
}

/* login */

#homeNav {
	margin-top:4em;
	padding:0;
}

#homeNav li {
	font-size: 1.2em;
}


#homeNav li:first-child {
	padding-left: 0;
}

/* welcome */

#horizon {
	position: absolute;
	height:10em;
	top:1em;
	width:100%;
	z-index: -1;

}

.welcome #items {
	margin-left:5em;
	margin-top:5em;
}

#exerciseList {
	float: left;
}
#exerciseList li {
	float:left;
	width:200px;
	margin-right: 5em;
	height:26em;
	list-style: none;
}

#exerciseList li a {
	border:none;
}

/* exercises */

#setTable, #parcourTable {
	width:100%;
}

#setTable td, #parcourTable td{
	margin:0;
	padding:0.2em;
}

#pageHead h2 input[type=text],#pageHead h3 input[type=text] {
	border:none;
	width:50%;
}

#setNav {
	position: absolute;
	right:.3em;
}
/* lists */


ul#classes li {
	list-style: none;
}

ul#classes li ul li {
	margin-left: 2em;
}

	
	/* options */
	
	ul.optionList {
		margin:0;
		padding:0;
		padding-bottom: 1em;
	}
	ul.optionList li {
		list-style: none;
	}


/* dashboard */

#dashboard li {
	list-style:none;
	margin-bottom: 1em;
}

#activeUsers ul li {
	display: inline;
}

#activeUsers ul li:after {
	content: ",";
}

#activeUsers ul li:last-child:after {
	content: "";
}

/* posts */

.post {
	padding-bottom: 1em;
}

.postMeta {
	position: relative;
}

.postReadStatus {
	position: relative;
	width:20em;
	border: 1px solid #ddd;
	text-align: center;
	height:1em;
}

.postReadBar {
	position: absolute;
	height:100%;
	top:0;
	left:0;
	background: url("images/lowerShadow228.gif") bottom #F1F1F1 repeat-x;
}

.postReadDetail {
	display:none;
	position: absolute;
	background: #f9f9f9;
	margin-top:1em;
	padding:0 1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
	color: black;
}

.postMeta:hover .postReadDetail {
	display: block;
}

.postReadUsers li {
	display: inline;
}

.postReadUsers {
	margin-bottom: .4em;
}

.postReadUsers li:after {
	content:",";
}

.postReadUsers li:last-child:after {
	content: "";
}

#elementsList li {
	list-style: none;
}

/* contacts */

.class {
	font-size: 1.2em;
	line-height: 1.5em;
}

#contacts #sidebar ul li {
	line-height: 1.8em;
}

/* calendar */

table.calendar {
	width:98%;
	border-left:1px dotted #ccc;
}

table.calendar td {
	height:5em;
	width:5em;
	vertical-align: top;
	border-right: 1px dotted #ccc;
	overflow: hidden;
}

table.calendar .cell {
	width:100%;
	height:100%;	
}

table.calendar .cell.today {
	background: #f77;
}

table.calendar .cell.daySelected {
	background: #fcfcfc;
}

th.next {
	text-align: right;
	padding-right: 1em;
}

th.previous {
	text-align: left;
	padding-left: 1em;
}

.cell {
	background-color: #fdfdfd;
}

.day {
	background-color: white;
	position: relative;
}

ul.dayEvents {
	margin:0;
	padding:.2em;
	width:100%;
	height:5em;
}
ul.dayEvents li {
	list-style: none;
}
ul.dayEvents li.continue, ul.dayEvents li.end {
	height:.4em;
	background: #DDDDDD;
}
ul.dayEvents li.continue, ul.dayEvents li.begin, ul.dayEvents li.end {
	
	background: #DDDDDD;
}
.taskEvent {
	color:blue;
	
}

.evtHomework {
	color:green;
}

.evtExam {
	color:red;
}

.absence a {
	border: none;
	color: inherit;
}

.absenceGraphs {
	width:100%;
	overflow: hidden;
}

.absenceBar {
	float: left;
	text-indent: -10000px;
}

tr:hover .absenceBar {
	text-indent: 0;
	
}

.absenceBar.unexcused {
	color:white;
}



.absenceEvents {
	position: absolute;
	bottom:2px;
	right:0px;
	width:90%;
	overflow: hidden;
	height:16px;
}

.absenceEvent {
	height:16px;
	width: 16px;
	background: url(images/absence.png) no-repeat;
	text-indent: -10000px;
	float: right;
}

.absenceEvent.excused {
	background: url(images/absence_excused.png) no-repeat;
}

#fromToForm label {
	display: inline;
}

/* registrations */

.studentSelect, .parentSelect, .teacherSelect {
	padding:.1em 1em;
}

/* tasks */

.categoryList li {
	margin-left:1em;
}

.categoryIconList li{
	margin-right:2em;
	float: left;
	text-align: center;
}


.categoryIconList a {
	text-decoration: none;
	border: none;
}

.parentCategory {
	
	border-right: 1px dotted #ccc;
	padding-right:.5em;
}

.documentList {
	margin:1em;
}
	
.task, .taskStudent {
	position: relative;
	margin:.5em;
	overflow: hidden;
}

.taskStudent {
	margin-left:1em;
	width:90%;
}

.taskStudent h4 {
	margin: 0;
	padding-top: 1em;
}
.taskMeta {
	float: right;
}

.taskMeta .documentCounter,.taskMeta .commentCounter {
	position:absolute;
	margin-right:1em;

	width:2em;
	height:2em;
	text-align: center;
}

.taskMeta .documentCounter {
	width:1.3em;
	right:28em;
}

.taskHead {
	height:2em;
	padding:.3em;
	vertical-align: baseline;
}


.taskContent {
	background: #f2f2f2;
	margin-top: 0;
	padding:1em;
}
.taskTitle > a, .taskHead > a  {
	text-decoration: none;
	border: none;
}

.taskTitle {
	height:21px;
	padding-top:2px;
	margin-right:15px;
	margin-left:24px;
	padding-left:5px;
}

.task_title {
	margin-top:.3em;
	display: block;
}
.taskShown {
	position: absolute;
	width:15px;
	height:24px;
	top:0px;
	right:0px;
}

.taskDueIndicate {
	width:24px;
	height:19px;
	padding-top:5px;
	float: left;
	text-align: center;
}

.commentCountTask {
	position: absolute;
	right:24px;
	top:5px;
	width:19px;
	height:14px;
	text-align: center;
}

.student .commentCountTask {
	right:48px;
}

.student .documentCountTask {
	right:74px;
}

.documentCountTask {
	position: absolute;
	right:50px;
	top:5px;
	width:12px;
	height:16px;
	text-align: center;
}

.doneCheckbox {
	position: absolute;
	right:24px;
	top: 2px;
}

ul.taskStatusOptions li {
	width:7em;
	float: left;
	text-align: center
}

/* Photos */

#photos #content {
	position: relative;
}

ul.albums li {
	line-height: 2em;
}

ul#photoList {
	overflow: hidden;
}
ul#photoList li {
	float: left;
	margin: .2em;
	line-height: .8em;
	display: block;
	position: relative;
}

ul#photoList a[rel=album] img {
	height:100px;
}

#albumsIndex {
	overflow: hidden;
}

ul#photoList li.editing, #uploadStatus,.uploadPhoto, 
#albumsIndex li {
	background: #f4f4f4;
	padding:.4em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px #ccc;
}

ul#photoList li.editing {
	text-align: center;

}

ul#photoList a {
	border: 0;
}

.photoMeta {
	display: none;
}

ul#photoList li.editing .photoMeta, h2#albumTitle.editing .titleMeta {
	display: block;
}

ul#photoList li.editing.hideOnEdit {
	display: none;
}

h2#albumTitle.editing span.albumTitle {
	display: none;
}

.photoMeta input[type=text] {
	border:0;
	margin: auto;
	width:120px;
	padding:.2em 0;
}

.photoMeta .deleteLink {
	position: absolute;
	top:2px;
	right:4px;
	background: white;;
	color: red;
	display: none;
	padding:2px;
}

ul#photoList li:hover .deleteLink {
	display: block;
}

h2#albumTitle .titleMeta {
	display: none;
}

.uploadPhoto {
	width:120px;
	height:80px;
	margin-bottom: .2em;
	display: none;

}

.uploadPhoto.editing {
	display: block;
}

.uploadPhoto p {
	text-align: center;
	line-height:20px;
}

.uploadPhoto a {
	display: block;
}

#fancybox-wrap a, #fancybox-close a {
	border:0;
}

#fancybox-title form {
	display: inline;
}

#uploadStatus {
	margin:1em 1em 0 0;
	padding-left: 1em;
	margin-bottom: .2em;
}

#sharedStatus {
	position: absolute;
	top:0em;
	right:1em;
	color:#999;
}

#editPermissionsPanel {
	position: absolute;
	width:300px;
	min-height:200px;
	background: #f9f9f9;
	padding:1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
}
#editPermissionsPanel h2 {
	font-size:1.2em;
}

#albumsIndex li {
	position: relative;
	width:120px;
	height:100px;
	overflow: hidden;
	margin:.5em;
	text-align: center;
	float: left;
}

#albumsIndex .thumbnails {
	position: absolute;
	top:4px
	left:0px;
	width:120px;
	height:80px;
	overflow: hidden;
}



#albumsIndex li img {

	width: 100%;
}


#albumsIndex h4 {
	position: absolute;
	width:100%;
	text-align: center;
	bottom:2px;
	left:0;
	border:1px solid #f2f2f2;
	background: white;
	padding: 4px 0;
	z-index: 2;
}

#editTitleForm input {
	background: none;
	border:none;
	color:white;
}
#editTitleForm input[type=submit] {
	display: none;
}

#fancybox-title #editTitleForm input[type=text] {
	width:90%;
}
#fancybox-title:hover #editTitleForm input[type=text] {
	color:black;
	background: white;
	border: auto;
	display: inline;
	width:40%;
}


#fancybox-title:hover #editTitleForm input[type=submit] {
	color:black;
	border:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	background: url("images/lowerShadow241.gif") bottom #F1F1F1 repeat-x;
	background: -webkit-gradient(linear, left top, left bottom,from(rgb(242,242,242)),to(rgb(217,217,217)));
	background: -moz-linear-gradient(
		center top,
		rgb(242,242,242) 0%,
		rgb(217,217,217) 100%
	);
	cursor: pointer;
	display: inline;
}

#fancybox-title .statistics {
	position: absolute;
	right:1.2em;
	top:8%;
	display: none;
	font-size:.8em;
}

#fancybox-title:hover .statistics {
	display: block;
}

#fancybox-title .statistics td,#fancybox-title .statistics th {
	border: none;
}
#fancybox-title .statistics th {
	padding-right: 1em;
}


/* Polls */

.pollsLogo {
	width:120px;
}

#polls #finderButton {
	border: none;
}


#pollsList li {
	position: relative;
	width:10em;
	height: 15em;
	float: left;
	margin:1em;
}

#pollsList img {
	width:100%;
}

#pollsList .inactive img {
	opacity: .5;
	filter: alpha(opacity = 50);
}

#pollsList a  {
	border: none;
}

.pollListSidebar li {
	line-height:2em;
}



.pollAnswers li {
	font-size:1.2em;
	background: repeat-x bottom rgb(245,245,245) url('images/lowerShadow245.gif');

}

.pollAnswers li a {
	display: block;
	width: 100%;
	border: none;
	padding:1em;
	cursor: pointer;
}

.pollAnswers li:hover,.pollAnswers li.givenAnswer {
	font-size:1.2em;
	background: repeat-x bottom rgb(255,255,158) url('images/lowerShadow255247158.gif');
}

.pollAnswerResults .givenAnswer {
	
}

.pollAnswers {
	width:100%;
	margin-top: 1em;
}

.showPoll #leftCol {
	width: 20%;
	padding: 1em;
}

.showPoll #rightCol {
	width:53%;
}

.pollAnswerResults {
	margin-top:1em;
	width:90%;
	border-spacing: 0;
}

.pollAnswerResults th {
	width:40%;
}

.pollAnswerResults td {
	position: relative;
}
.pollAnswerResults .resultsBar {
	height: 3em;
	background: repeat-x bottom rgb(255,255,100) url('images/lowerShadow255247158.gif');
}

.pollAnswerResults .resultsPercentage {
	position: absolute;
	margin:1em;
}

.pollCompleted {
	float: left;
	margin-right: .4em;
	width:2em;
	height: 2em;
}

.poll_answers input {
	display: block;
}

.questionRow .edit {
	vertical-align: bottom;
}

table#pollQuestions {
	width: 98%;
	border-spacing: 0 1em;
}

table#pollQuestions td, table#pollQuestions th {
	border: none;
}

table#pollQuestions th, table.pollAnswerResults th.question {
	font-weight: normal;
	font-size:1.2em;
	padding-right:1em;
}

table#pollQuestions th,table#pollQuestions td {
	border-top:1px solid #ccc;
}
table#pollQuestions tr:first-child th,table#pollQuestions tr:first-child td{
	border-top:none;
}

#resultsButton {
	float: right;
}

.usersPerAnswer {
	margin: .5em 0;
}
.usersPerAnswer li {
	display: inline;
}

/* Documents */

a.group {
	
	background:url('images/folderClose.gif') no-repeat;
}

.groupOpen {
	background:url('images/folderOpen.gif') no-repeat;
}

	/* Documents */
	
		ul.groupList a, a.document {
			text-decoration: none;
			border: none;
		}
	
		 #leftColumn.documents {
			margin-top:1em;
		 	width:23em;
		 }
		 
		 #rightColumn.documents {
			margin-top:1em;
		 	margin-left:25em;
		 }
		 
		ul.groupList, ul.documentList {
			margin-left:0;
			margin-bottom: 1em;
		}
		
		
		ul.groupList li ul, ul.documentList li ul {
			margin-left:2em;
			margin-bottom: 0;
		}
            
		ul.groupList li, ul.documentList li {
			padding-top:.5em;
		}
		
		a.group {
			padding-left:1.5em;
		}
		 #addDocument {
		 	margin-bottom:2em;
		 }
		 
/* books */

table.bookList {
	width: 100%;
}

#books #rightCol {
	margin-left: 1em;
}

table.bookList td, table.bookList th {
	max-width:20em;
}
.summary {
	width: 50%;
}

table.bookStudents td,table.bookStudents th {
	padding:.5em;
}


td.pages, th.pages {
	text-align: center;
}

.pages a {
	border: none;
}

/* mails */

#main.mailFrame {
	height: 100%;
}

iframe {
	border: none;
}

iframe body {
	background: white;
}

/* grades */

.gradeList td {
	padding:.5em;
	text-align: center;
}

#gradeDetail {
	position: absolute;
	background: #f8f8f8;
	min-width:10em;
	height:10em;
	padding:.4em;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 1px 1px 3px #888;
	-moz-box-shadow: 1px 1px 3px #888;
}

.subjectList ul {
	margin-left:2em;
	padding-top:.3em;
}

.subjectList label {
	cursor: pointer;
	display: block;
}

.subjectList li {
	position: relative;
	padding:.5em 0 .3em .5em;
	background: url('images/lowerShadow255.gif') repeat-x top left rgb(240,240,240);
	-moz-border-radius-topleft: .3em;
	-webkit-border-top-left-radius: .3em;
	-webkit-border-top-right-radius: .3em;
}


.subjectList .editLink {
	position: absolute;
	top:.3em;
	right:.3em;
	display: block;
}


/* playlists */

.trackTable td {
	padding: .5em;
}

.trackTable tr td:first-child {
	min-width: 10em;
}

ul.playlists {
	margin: 1em 0 1em 1em;
}

ul.playlists li {
	margin-bottom: 1em;
}

/* videolists */

.videoTable td {
	padding: .5em;
}

.videoTable tr td:first-child {
	min-width: 10em;
}

ul.videolists {
	margin: 1em 0 1em 1em;
}

ul.videolists li {
	margin-bottom: 1em;
}

.playButton {
	background: url('images/playButton.gif') 0 0 no-repeat;
	width:33px;
	height:24px;
	display: block;
	border:none;
	text-indent:-10000px;
}

.playButton:hover {
	border: none;
	background-position-y: 100%;
}

tr.video img {
	vertical-align: bottom;
}

/* Modules */

#moduleList tbody td, #moduleList thead th {
	text-align: center;
	
}
#moduleList a {
	border: none;
}

#moduleList .disabled {
	opacity:.2;
}

/* Todos */

.todoTable .todo_text {
	width: 3em;
}

.todoTable td {
	text-align: center;
}

.todoTable td:first-child, .todoTable td:nth-child(2) {
	text-align: left;
}

.todoTable tbody tr:hover {
	background: #ddd url(images/lowerShadow241.gif) repeat-x;
}

.todos li {
	list-style:disc;
	margin-left: 1em;
	line-height: 1.8em;
}
/* BWS */


#pinboardHead {
	height: 25px;
	width: 100%;
}

#pinboardTransition {
	height: 9px;
	background: url(images/pinboardFade.png) repeat-x;
	position: absolute;
	width:100%;
}
#pinboardContainer  {
	position: relative;
	overflow: auto;
}

#pinboardScrollLeft, #pinboardScrollRight {
	position: fixed;
	width: 24px;
	height: 70px;
	top:50%;
	z-index: 10;
	cursor: pointer;

}

#pinboardScrollLeft {
	background-image: url(images/pinboardArrowLeft.png);	
	left:30px;
}
#pinboardScrollLeft:hover {
	background-image: url(images/pinboardArrowLeftOver.png);	
}

#pinboardScrollRight {
	background-image: url(images/pinboardArrowRight.png);	
	right:30px;
}

#pinboardScrollRight:hover {
	background-image: url(images/pinboardArrowRightOver.png);	
}



#pinboard {
	background-image: url('images/pinboard.jpg');
	height: 3000px;
	cursor:move;
	padding-top: 1em;
}

#pinboard  .entry, #pinboard  h2 {
	cursor: default;
}

#pinboard  a, #pinboard  a h2 {
	cursor: pointer;
}

#bws #main {

}

.entry .admin {
	margin: 2em 0;
}

.entry .admin li {
	display: inline;
}

.entry .website {
	width:100%;
	display: block;
	overflow: hidden;	
}

.bwsCol {
	position: relative;	
	float: left;
	height: 100%;
}


.bwsCol.col0 {
	padding-left: 10px;
	width:130px;
	background-image: url('images/bwsColPath0.png');
	background-repeat: no-repeat;
}

.bwsCol.col1, .bwsCol.col2, .bwsCol.col3,.bwsCol.colEnd1, .bwsCol.colEnd2, .bwsCol.colEnd3 {
	width:250px;
	padding:0 0 0 10px;
	background-repeat: no-repeat;
}

.bwsCol.col1 {
	background-image: url('images/bwsColPath1.png');
}

.bwsCol.col2 {
	background-image: url('images/bwsColPath2.png');
}

.bwsCol.col3 {
	background-image: url('images/bwsColPath3.png');
}

.bwsCol.colEnd1 {
	background-image: url('images/bwsColEnd1.png');
}

.bwsCol.colEnd2 {
	background-image: url('images/bwsColEnd2.png');
}

.bwsCol.colEnd3 {
	background-image: url('images/bwsColEnd3.png');
}
.bwsCol h2 {
	font-family: Courier;
	font-weight: normal;
	font-size: 11pt;
	color: white;
	background: black;
	padding: 6px;
	margin: 0;
	display: inline-block;
	background-image: -webkit-gradient(radial, 0% 0%, 0, 0% 100%, 50, to(#000), from(#333));
	max-width: 250px;
}


.bwsCol a {
	border: none;
} 

.bwsCol.empty h2 {
	color:black;
	background: none;
	border:2px dashed #666;
	background: url(images/30percentWhite.png);
	-webkit-border-radius: 4px;
}

.bwsCol.col0 h2 {
	margin-top:10px;
	-webkit-transform: rotate(-1deg);
}

.bwsCol.col0 .needles {
	margin-top: 0px;
}

.bwsCol.col1 h2 {
	margin-top:110px;
	-webkit-transform: rotate(.5deg);
}

.bwsCol.col1 .needles {
	margin-top: 50px;
}

.bwsCol.col2 h2 {
	margin-top:50px;
	-webkit-transform: rotate(-1deg);
}

.bwsCol.col2 .needles {
	margin-top: -10px;
}

.bwsCol.col3 h2 {
	margin-top:122px;
	-webkit-transform: rotate(.3deg);
}
.bwsCol.col3 .needles {
	margin-top: 60px;
}

.bwsCol .entry p {
	margin: 0 0 5px 0;
}

#pinboard .entry span.label {
	font-size: .8em;
	color:#444;
}

#pinboard .entry {
	position: relative;
}

#pinboard .entry0 {
	margin-top:20px;
	width:160px;
	margin-left:30px;
	background-color: rgb(247,247,247);
	background-image: url('images/linearPaper.gif');
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.6);
	padding:10px;
}



#pinboard .entry1 {
	margin-top:15px;
	width:140px;
	padding:5px;
	padding-top:15px;
	margin-left:10px;
	margin-bottom:35px;
	background-color: rgb(245,245,250);
	-webkit-box-shadow: 1px 10px 10px rgba(0,0,0,.6);
}

#pinboard .entry1 .borderBottom {
	background-image: url('images/rippedBorderBottom.png');
	background-repeat: repeat-x;
	position: absolute;
	height: 18px;
	bottom: -17px;
	left:0px;
	width:100%;
}


#pinboard .entry2 {
	font-family:"Courier New";
	font-weight: bold;
	margin-top:15px;
	width:150px;
	padding:5px;
	padding-top:15px;
	margin-left:10px;
	margin-bottom:35px;
	background-color: rgb(245,245,250);
	background-image: url('images/haeuschen.gif');
	-webkit-box-shadow: 1px 10px 10px rgba(0,0,0,.6);
}

#pinboard .entry2 .borderBottom {
	background-image: url('images/rippedBorderBottom.png');
	background-repeat: repeat-x;
	background-position: bottom center;
	position: absolute;
	height: 8px;
	bottom: -7px;
	left:0px;
	width:100%;
}


#pinboard .entry2 .borderRight {
	background-image: url('images/rippedBorderRight.png');
	background-repeat: repeat-x;
	background-position: bottom center;
	position: absolute;
	height: 100%;
	width:4px;
	top:0;
	right:-3px;
}

#pinboard .entry3 {
	width:201px;
	background-color: #fff9ad;
	padding:5px;
	margin-top:30px;
	margin-bottom:35px;

	font-family: "Comic Sans MS";
}

#pinboard .entry3 .borderBottom {
	background-image: url('images/postItBorderBottom.png');
	background-repeat: repeat-x;
	background-position: bottom center;
	position: absolute;
	height: 16px;
	bottom: -15px;
	left:0px;
	width:100%;
}

#pinboard .entry3 .borderRight {
	background-image: url('images/postItBorderRight.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	position: absolute;
	height:100%;
	width:8px;
	bottom:-3px;
	right:-7px;
}


#pinboard > .entry0, #pinboard > .entry1, #pinboard > .entry2, #pinboard > .entry {
	width:800px;
	margin:auto;
	margin-bottom: 2em;
}


#pinboard .needles {
	position: absolute;
	margin-bottom: 3em;
	text-align: left;
	text-indent: 2em;
}

#pinboard .needles li {
	float: left;
	width:10px;
}

#pinboard .needles img {
	position: relative;
}


.entry .hasFiles {
	background-image: url('images/paperclip.png');
	width:38px;
	height:48px;
	position: absolute;
	right:-15px;
	bottom:5px;
}

.bwsCol .pin {
	position: absolute;
	left:35%;
	margin:auto;
	width:58px;
	height: 60px;
}

.bwsCol .pin0 {
	background-image: url('images/pin0.png');
	top:-30px;
}
.bwsCol .pin1 {
	background-image: url('images/pin1.png');
	top:-28px;
}
.bwsCol .pin2 {
	background-image: url('images/pin2.png');
	top:-32px;
}
.bwsCol .pin3 {
	background-image: url('images/pin3.png');
	top:-36px;
}
.bwsCol .pin4 {
	background-image: url('images/pin4.png');
	top:-28px;
}
.bwsCol .pin5 {
	background-image: url('images/pin5.png');
	top:-24px;
}
.bwsCol .pin6 {
	background-image: url('images/pin6.png');
	top:-22px;
}

.bwsClassTable {
	margin-right: 1em;
}

.bwsClassTable td,.bwsClassTable th { 
	margin: 0;
	padding: 0;
	width:9%;
	
}

.bwsClassTable .completed {
	background-color: #c9e8bd;
}

.bwsClassTable .completed.hasEntries {
	background-color: #14F000;
}

.bwsClassTable td a {
	display: block;
	border: none;
}


/* Finders */

#directories {
	position: absolute;
	top:0;
	left: 0;
	background: #f9f9f9;
	width:20%;
	height: 100%;
	overflow: auto;
}

div#files {
	position: absolute;
	width:78%;
	height: 96%;
	left: 20%;
	overflow: auto;
	padding:1%;	
}

#directoryList {
	margin-top:1em;
}

#directoryList li {
	margin-left: 1em;
	line-height: 1.7em;
	text-indent: 20px;
	background: url(images/folderClose.gif) no-repeat;
}

#directoryList li a {
	border: 0;
}

#directoryList li.open {
	background: url(images/folderOpen.gif) no-repeat;
	font-weight: bold;
}

#directoryList li.open ul {
	font-weight: normal;
}

#addNewDirectory {
	background: none;
	display:none;
}

#directories:hover #addNewDirectory {
	display: block;
}

#dirTools {
	position: absolute;
	bottom:0;
	padding-top:3px;
	width:100%;
	height:21px;
	background:#ddd ;
	background: -webkit-gradient(linear, left top, left bottom,from(rgb(242,242,242)),to(rgb(217,217,217)));
	background: -moz-linear-gradient(
		center top,
		rgb(242,242,242) 0%,
		rgb(217,217,217) 100%
	);
}

#dirTools span {
	background: -webkit-gradient(linear, left top, left bottom,from(rgb(255,255,255)),to(rgb(230,230,230)));
	background: -moz-linear-gradient(
		center top,
		rgb(242,242,242) 0%,
		rgb(217,217,217) 100%
	);
}

#dirTools a {
	border:none;
}

#dirTools li {
	float: right;
	margin-right: 3px;
}

#addNewDirectory a {
	font-weight:normal;
	font-style: italic;
	color: #aaa;
}

#finder {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: white;
}

#files .swfupload-control {

}

.file  {
	position: relative;
	width:10em;
	height:8em;
	float: left;
	background:#f9f9f9;
	margin:.2em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-position-x: 50%;
	background-repeat: no-repeat;
}

table#fileList .file {
	height:auto;
	width:auto;
	list-style: none;
}

.file.active {
	background-color: #fFfFf3;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.file.thumbnail .general p {
	display: none;
	background: white;
	background: rgba(255,255,255,.5);
	position: absolute;
	bottom:-1em;
	width:100%; 
}

.file.thumbnail.active .general p, .file.active .delLink {
	display: block;
}
.file .general {
	text-align:center;
}

.file .general p {
	max-height:3em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file .general p.filename {

}


.file .detail {
	position: absolute;
	top:8em;

	width:10em;
	height:4em;
	z-index: 1000;
	background: white;

	border-top:0;
	display:none;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-box-shadow: 0 5px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 3px rgba(0,0,0,.2);
}

.file.active .detail {
	display: block;
	text-align: center;
}

.file.thumbnail img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	max-height:80%;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
.file .delLink {
	position: absolute;
	display: none;
	top:4px;
	right: 4px;
}



.file .delLink span, #dirTools span {
	display: block;
	width:1.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-opacity: .5;
	-webkit-opacity: .5;
	filter: alpha(opacity = 50);
}

.file .delLink span:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity = 100);
}

.file .delLink a {
	border: none;
}

#finders #footer {
	display: none;
}

table.files .preview a {
	border: none;
	text-decoration: none;
}

/* Chats */

#chatBar {
	position: fixed;
	width:100%;
	bottom:2.2em;
	z-index: 5;
}

#chatBarContent {
	margin-left: 27px;
	margin-right: 27px;
	height:1em;
}


#chatWindows {
	position: absolute;
	bottom:0.2em;
}

#footerNav {
	float: right;
}


#chatList {
	width:20em;
	position: absolute;
	bottom:.3em;
	right:27px;
	background: white;

	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 30px rgba(0,0,0,.1);
	-moz-box-shadow: 1px 1px 30px rgba(0,0,0,.1);
}

#chatList a {
	border: none;
}

#chatList ul, #chatList h2 {	
	padding:.3em;
}

#chatList ul li {
	margin-bottom: .3em;
}

#chatList h2 {
	font-size:1em;
	margin:0;
	font-weight:bold;
	color:white;
	background:url("images/redGloss.gif") repeat-x left top #E65345;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0.51,rgb(204,5,5)),color-stop(0.49,rgb(255,52,52)),from(rgb(254,180,180)),to(rgb(253,104,104)));
	background: -moz-linear-gradient(
				    center top,
				    rgb(254,180,180) 0%,
				    rgb(255,52,52) 48%,
				    rgb(204,53,53) 51%,
				    rgb(253,104,104) 100%
				);
}
#chatWindows .chat {
	position: relative;
	float: left;
	width:200px;
	border:1px solid #ccc;
	background: url('images/lowerShadow245.gif') repeat-x bottom rgb(245,245,245);
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-box-shadow: 1px 1px 30px rgba(0,0,0,.1);
	-moz-box-shadow: 1px 1px 30px rgba(0,0,0,.1);
}

#chatWindows .chat.closed {
	background: url('images/lowerShadow255.gif') repeat-x bottom;
}


#chatWindows .chat h2 {
	height:1em;
	font-size:.8em;
	z-index: 6;
	cursor: pointer;
}

#chatWindows .chat .name {
	display: block;
	margin-left:2em;
}


#chatWindows .chatContent {
	background: white;
	width:100%;
	height:90%;
	border: 1px solid #ccc;
	border-bottom: 0;
	z-index: 1;
}

#chatWindows .chat .chatMessages {
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom:1px solid gray;
	min-height: 200px;
	height:90%;
}

#chatWindows .chat input {
	width:99%;
	border: none;
}
.chatMessages li {
	margin-top:5px;
}

.chatTime {
	text-align: center;
	color:#ccc;
	text-shadow:-1px -1px #eee;
}

.chatParties {
	text-align: center;
	font-weight: bold;
	font-size:.8em;	
}

.chatMessages .sender {
	margin-left:20px;
}

.chatMessages .sender .top {
	position: relative;
	background: url('images/bubbleRightT.gif') no-repeat left;
	height:9px;
}
.chatMessages .sender .top .topLeft {
	background: url('images/bubbleRightTL.gif') no-repeat left;
	height: 9px;
	width:15px;
	position: absolute;
	top:0;
	right: 0;
}

.chatMessages .sender div.chatMessage {
	position: relative;
	background: url('images/bubbleRightM.gif') repeat-y left;
	margin:0;
	padding-left:1em;
	padding-right:.5em;
}

.chatMessages .sender .left {
	background: url('images/bubbleRightML.gif') repeat-y;
	height: 100%;
	width:15px;
	position: absolute;
	top:0;
	right:0;
}

.chatMessages .sender .bottom {
	position: relative;
	background: url('images/bubbleRightB.gif') no-repeat left;
	height:9px;
}


.chatMessages .sender .bottom .bottomLeft{
	background: url('images/bubbleRightBL.gif') no-repeat;
	height: 9px;
	width:15px;
	position: absolute;
	bottom:0;
	right:0;
}


.chatMessages .receiver {
	margin-right:15px;
}

.chatMessages .receiver .top {
	position: relative;
	background: url('images/bubbleLeftT.gif') no-repeat right;
	height:9px;
}
.chatMessages .receiver .top .topLeft {
	background: url('images/bubbleLeftTL.gif') no-repeat right;
	height: 9px;
	width:15px;
	position: absolute;
	top:0;
	left: 0;
}

.chatMessages .receiver div.chatMessage {
	position: relative;
	background: url('images/bubbleLeftM.gif') repeat-y right;
	margin:0;
	padding-right:.5em;
	padding-left:1.5em;
}

.chatMessages .receiver .left {
	background: url('images/bubbleLeftML.gif') repeat-y;
	height: 100%;
	width:15px;
	position: absolute;
	top:0;
	left:0;
}

.chatMessages .receiver .bottom {
	position: relative;
	background: url('images/bubbleLeftB.gif') no-repeat right;
	height:9px;
}


.chatMessages .receiver .bottom .bottomLeft{
	background: url('images/bubbleLeftBL.gif') no-repeat;
	height: 9px;
	width:15px;
	position: absolute;
	bottom:0;
	left:0;
}

.chat .closeChatLink {
	font-weight: bold;
	text-decoration: none;
	float: left;
	padding: 0 .5em;
	
}

.chat .closeChatLink a {
	border:none;
}
#toggleHiddenLink {
	color:#999;
}

#toggleHiddenLink strong {
	color:black;
}

/* Files */

/* DIALOG */

.modalDialog {
	position: fixed;
	z-index: 100;
	width:100%;
	height:100%;
}

.modalDialog .bg {
	background: #ffffff;
	opacity:.6;
	filter: alpha(opacity = 60);
	z-index: -20;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
}

.modalDialog .body {
	position: relative;
	z-index: 10;
	background: white;
	width:40%;
	margin: 10% auto;
	-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius: 10px;
	border: 20px solid #555;
}

.modalDialog .caption {
	background: url('images/lowerShadow255.gif') repeat-x bottom;
	padding:1em;
	font-size:1.1em;
	font-weight: bold;
}

.modalDialog .inner {
	padding:1em;
	padding-top:0;
}

/* FOOTER */


#footer {
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	padding-top:1em;
	z-index: 2;
}

#footer #footerContent {
	padding: 0.5em 0px 0.5em 0.5em;
	padding-right:0;
	margin: 0 27px 0 27px;
}

#footer p {
	display: inline;
}

/* BEHAVIOURS */

tr:hover .rowActions {
	visibility: visible;
}

.evaluation > div:hover {
	text-indent:0;
}

.noborder {
	border:0;
}

.day:hover {
	background: #F9F9F9;
	cursor:pointer;
}
.today:hover {
	background: #f2f2f2;
}

#tasks #pageNav li.tasks, 
#polls #pageNav li.polls, 
#events #pageNav li.events, 
#posts #pageNav li.posts, 
#documents #pageNav li.documents, 
#books #pageNav li.books, 
#mails #pageNav li.mails, 
#playlists #pageNav li.playlists, 
#grades #pageNav li.grades, 
#videolists #pageNav li.videolists,
#photos #pageNav li.photos,
#todos #pageNav li.todos,
#bws #pageNav li.bws,
#statistics #pageNav li.statistics  {
	background: white;
    -moz-box-shadow: 0 0 10px 10px white;
    -webkit-box-shadow: 0 0 10px 10px white;
}


#tasks #pageNav li.tasks .label, 
#polls #pageNav li.polls .label, 
#events #pageNav li.events .label, 
#posts #pageNav li.posts .label, 
#documents #pageNav li.documents .label, 
#books #pageNav li.books .label, 
#mails #pageNav li.mails .label, 
#playlists #pageNav li.playlists .label, 
#grades #pageNav li.grades .label, 
#videolists #pageNav li.videolists .label,
#photos #pageNav li.photos .label,
#todos #pageNav li.todos .label,
#bws #pageNav li.bws .label,
#statistics #pageNav li.statistics .label{
	display: block;
}

#pageHead h2 {
	visibility: hidden;
}