* {
	font-family: Lucida Sans Unicode, Lucida Grande, verdana, helvetica, sans-serif;
	font-size: 1em;
	xletter-spacing: 0.3px;
}

body {
	margin: 0px;
	overflow: scroll;
	xbackground-color: #CDD5EF;
}

body.popup {
	overflow: auto;
	padding: 8px;
}

div.main {
	width: 900px;
	text-align: left;
	background-color: #DDE5FF;
	padding: 0px;
	border: 4px solid white;
	border-width: 4px 4px;
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.logo {
	height: 160px;
	padding: 0px;
	background-color: #cdd5FF ! important;
	background: url(/images/school.jpg) right center no-repeat;
}
div.logo table td {
}
div.logo table td.name {
	vertical-align: center;
	width: 400px;
	color: #cc0000;
	font-family: monospace;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}
div.logo img {
	margin: 20px 4px;
}

div.login {
	text-align: right;
	font-size: 9pt;
	padding-bottom: 12px;
	padding-right: 4px;
}

div.loggedin {
	text-align: right;
	font-size: 9pt;
	padding-bottom: 12px;
	padding-right: 4px;
}

div.contents, div.contentswide {
	margin: 10px 0px;
	width: 633px;
	padding: 0px 10px 0px 10px;
	line-height: 1.4em;
}
div.contentswide {
	width: 878px;
	padding-top: 0px;
}


/* BOXES */

div.boxes {
	margin-top: 10px;
	width: 245px;
	float: right;
	/* border-left: 1px dotted #f7a300; */
	border-left: 1px dotted #2e81f7;
}

div.box {
	font-size: 80%;
	margin-bottom: 20px;
	padding: 0px;
	padding-top: 14px;
}

div.box .title {
	font-size: 14pt;
	color: #00f;
	padding: 4px;
}
div.box .text {
	padding: 4px;
}


/* TITLES */

.title {
	color: #2e81f7;
	font-weight: bold;
	font-size: 1.2em;
}


h1, h2, h3 {
	margin: 0px;
	letter-spacing: 2px;
	color: #00f;
	font-size: 1.2em;
}
h1 {
	font-size: 2em;
}
h2, h3 {
	margin-top: 20px;
}


.newsheadline {
	margin-top: 4px;
	margin-left: 20px;
	text-indent: -20px;
}

.readmorelink {
	text-align: right;
}


th {
	font-size: 90%;
	font-style: italic;
}


/* LINKS */

div.page a, div.box a {
	text-decoration: none;
	color: #005ce0;
	font-weight: bold;
	border-bottom: 1px dotted #005ce0;
}

div.page a:hover, div.box a:hover {
	border-bottom-style: solid;
}

/*
a.button, a.inactivebutton {
	border: 1px dotted #005ce0;
	margin: 6px;
	padding: 4px;
}
a.inactivebutton {
	border: 1px dotted #999;
	color: #999 ! important;
	border-color: #999;
}
a.button:hover {
	text-decoration: none ! important;
	border-style: solid;
}
a.inactivebutton:hover {
	border-style: dotted ! important;
	text-decoration: none ! important;
}
*/

/* NAVIGATION */

table.navigation {
	width: 100%;
}
table.navigation td.previous {
}
table.navigation td.title  {
	text-align: center;
}
table.navigation td.next {
	text-align: right;
}

/* NEWS */

.newsheader {
	margin-top: 20px;
	background-color: #6666ff;
	margin-bottom: 4px;
}

.newsdate {
	font-weight: bold;
	padding: 4px;
}
.newstitle {
	font-weight: bold;
	font-size: 120%;
	padding: 4px;
}
.newscontent {
	margin: 0px 20px;
}

@media print {
	div.main {
		width: 100%;
		margin: 0px;
		position: relative;
		left: 0;
	}

	div.logo {
	}

	#jsddm, #jsddm li, #jsddm li ul, #jsddm li ul li {
		display: none;
	}

	div.boxes {
		display: none;
	}

	div.contents {
	}
}

/* CALENDAR */

table.calendar {
	border-collapse: collapse;
	border: 1px solid black;
}

table.calendar tr.calendartitle {
}
table.calendar tr.calendartitle td {
	vertical-align: bottom;
	padding-bottom: 10px;
}

table.calendar tr.weekdays {
	border: 1px solid black;
}

table.calendar tr.days td {
	border: 1px solid black;
	padding: 0px;
}

div.day, div.nonmonthday, div.holiday, div.weekend {
	width: 90px;
	height: 90px;
}

div.today {
	background-color: #2e81f7;
	color: white;
	font-weight: bold;
}

div.nonmonthday {
	background: url( 'images/calendar-back-nonmonth.png' );
}

div.weekend {
	background: url( 'images/calendar-back-weekend.png' );
}

div.holiday  div.date {
	background: url( 'images/calendar-back-holiday.png' );
}

div.weekend div.day {
	xcolor: red;
}

div.nonmonthday div {
	color: #666;
}

div.calendarevent {
	margin: 4px;
	width: 85px;
	height: 20px;
	xoverflow: hidden;
	color: black;
	font-size: 70%;
}

/* MENU */

ul#jsddm, ul#jsddm li {
	font-weight: bold;
}

ul#jsddm, ul#jsddm li a:hover {
	xbackground-image: url(images/menuback.png);
	background-repeat: repeat-x;
}
/* sub menu items */
ul#jsddm li ul li {
	font-size: 80%;
}
ul#jsddm li ul li a, ul#jsddm li ul li a:hover {
	background-image: none;
}

.error {
	display: block;
	color: red;
}

/* GALLERIA */

.gallerycontainer { position: relative; margin-top: 2em; }
.galleria { list-style: none; width: 200px; padding-left: 0px; }
.galleria li { display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin: 0 10px 10px 0; }
.galleria li a { display: none; }
.galleria li div { position:absolute; display:none; top:0; left:180px; }
.galleria li div img { cursor: pointer; }
.galleria li { border: 2px solid silver; }
.galleria li.active { border-color: red; }
.galleria li.active div img,
.galleria li.active div { display: block; }
.galleria li img.thumb { cursor:pointer; top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption { display:block; padding-top:.5em}
* html .galleria li div span{ width:400px; } /* MSIE bug */

.galleria li { width: 68px; height: 50px; border: 3px double #111; margin: 0 2px; background: #ccc; }
.galleria li:hover { background: #999; }
.galleria li div { left: 240px; }
.galleria li div .caption { font: italic 0.7em/1.4 georgia, serif; }


/* TABLES */

table.small td {
	font-size: 75%;
	padding: 1px 4px;
}

table.list {
	border: 1px solid silver;
}
table.list tr th {
	background-color: #e0e0ef;
	border-bottom: 1px solid silver;
	font-weight: normal;
	font-size: 80%;
}
table.list tr td {
	padding: 1px 4px;
}

table.list tr.odd td {
	background-color: #f0f0ff;
}


/* TABLESORTER */

th.header { 
	background-image: url(scripts/jquerytablesorter/bg.gif);     
	cursor: pointer;
	font-weight: normal;
	font-size: 70%;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 20px;
	border-bottom: 1px solid #999;
	margin-left: -1px;
}
th.headerSortDown { 
	background-image: url(scripts/jquerytablesorter/desc.gif);
	xbackground-color: #3399FF;
}
th.headerSortUp { 
	background-image: url(scripts/jquerytablesorter/asc.gif);
	xbackground-color: #3399FF;
}
tr.odd td {
	background-color: white;
}
tr.even td {
	background-color: #f0f0ff;
}


table.list tr td,
table.list tr th {
	font-size: 80%;
}
table.list tr td {
	vertical-align: top;
}
table.list tr th {
	vertical-align: bottom;
}
table.list tr:hover {
	background-color: #eee;
}


.admin {
	font-size: 10pt;
}
.dialog {
	font-size: 10pt;
}

form table tr td {
	vertical-align: top;
}

/* corrections for buttons with icons and text */

.icontextbutton span.icon {
	position: absolute;
	left: 12px;
	top:50%;margin-top:-8px;
}
.icontextbutton span.text {
	margin-left: 20px;
	padding-left: 4px;
	padding-right: 4px;
}