body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

.mainHolder {
	/* width: 950px; */
	margin: auto;
	padding: 0 10px;
	text-align: left;
	}

.headerHolder {
	position: relative;
	height: 130px;
	}

.headerHolder h1 {
	display: none;
	}

.headerHolder img {
	float: left;
	}

.headerHolder ul {
	float: right;
	margin: 25px 0px 0px 0px;
	padding-right: 14px;
	background: url(images/main_btn_bg.gif) no-repeat right 28px;
	}

.headerHolder ul li {
	float: left;
	list-style: none;
	vertical-align: bottom;
	padding-bottom: 0px;
	}

.headerHolder ul li a {
	#position: relative;
	width: 74px;
	height: 93px;
	display: table;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	overflow: hidden;
	}

.headerHolder ul li a div {
	margin: 0px;
	padding-top: 45px;
	#position: absolute;
	#top: 50%;
	width: 74px;
	display: table-cell;
	vertical-align: middle;
	}

.headerHolder ul li a span {
	display: block;
	text-align: center;
	#position: relative;
	#top: -50%;
	}

/* main buttons */

.main_btn_home a {
	display: block;
	background: url(images/main_btn_home.gif) no-repeat;
	}

.main_btn_login a {
	display: block;
	background: url(images/main_btn_login.gif) no-repeat;
	}

.main_btn_logout a {
	display: block;
	background: url(images/main_btn_logout.gif) no-repeat;
	}

.main_btn_search a {
	display: block;
	background: url(images/main_btn_search.gif) no-repeat;
	}

.main_btn_teachers a {
	display: block;
	background: url(images/main_btn_teachers.gif) no-repeat;
	}

.main_btn_help a {
	display: block;
	background: url(images/main_btn_help.gif) no-repeat;
	}

/* navi menu holder */

.naviHolder {
	margin: 0px;
	padding: 0px;
	height: 35px;
	overflow: hidden;
	background: url(images/main_btn_bg.gif) no-repeat right;
	}

.naviHolder li {
	float: left;
	margin: 0px 5px 0px 0px;
	list-style: none;
	}

.naviHolder li a {
	display: block;
	float: left;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	background-repeat: no-repeat;
	}

.naviHolder li a span {
	display: block;
	padding: 14px 0px 0px 0px;
	float: left;
	height: 35px;
	background-repeat: no-repeat;
	background-position: right top;
	}

/* search */

.naviHolder li.searchHolder {
	float: right;
	display: inline;
	margin: 5px 5px 0px 0px;
	}

.searchHolder form {
	margin: 0px;
	}

.searchHolder input, .searchHolder select {
	padding: 3px 3px 3px 3px;
	background: #ffffff;
	border: 1px solid #587992;
	vertical-align: middle;
	}

.searchHolder input.submit {
	margin: 0px 0px 0px 5px;
	padding: 2px 5px 2px 5px;
	color: #ffffff;
	font-weight: bold;
	background: #8ea9bd;
	}

/* pics */

.naviHolder li.pics {
	background-image: url(images/navi_btn_bg.gif);
	background-repeat: repeat-x;
	}
	.naviHolder li.picsSel {
		background-image: url(images/navi_btn_bg_sel.gif);
		background-repeat: repeat-x;
		}


.naviHolder li.pics a {
	padding-left: 49px;
	background-image: url(images/navi_btn_pics_left.gif);
	}
	.naviHolder li.picsSel a {
		padding-left: 49px;
		background-image: url(images/navi_btn_pics_left_sel.gif);
		}

.naviHolder li.pics a span {
	padding-right: 9px;
	background-image: url(images/navi_btn_right.gif);
	}
	.naviHolder li.picsSel a span {
		padding-right: 9px;
		background-image: url(images/navi_btn_right_sel.gif);
		}

/* snds */

.naviHolder li.snds {
	background-image: url(images/navi_btn_bg.gif);
	background-repeat: repeat-x;
	}
	.naviHolder li.sndsSel {
		background-image: url(images/navi_btn_bg_sel.gif);
		background-repeat: repeat-x;
		}

.naviHolder li.snds a {
	padding-left: 49px;
	background-image: url(images/navi_btn_snds_left.gif);
	}
	.naviHolder li.sndsSel a {
		padding-left: 49px;
		background-image: url(images/navi_btn_snds_left_sel.gif);
		}

.naviHolder li.snds a span {
	padding-right: 9px;
	background-image: url(images/navi_btn_right.gif);
	}
	.naviHolder li.sndsSel a span {
		padding-right: 9px;
		background-image: url(images/navi_btn_right_sel.gif);
		}

/* vids */

.naviHolder li.vids {
	background-image: url(images/navi_btn_bg.gif);
	background-repeat: repeat-x;
	}
	.naviHolder li.vidsSel {
		background-image: url(images/navi_btn_bg_sel.gif);
		background-repeat: repeat-x;
		}

.naviHolder li.vids a {
	padding-left: 49px;
	background-image: url(images/navi_btn_vids_left.gif);
	}
	.naviHolder li.vidsSel a {
		padding-left: 49px;
		background-image: url(images/navi_btn_vids_left_sel.gif);
		}

.naviHolder li.vids a span {
	padding-right: 9px;
	background-image: url(images/navi_btn_right.gif);
	}
	.naviHolder li.vidsSel a span {
		padding-right: 9px;
		background-image: url(images/navi_btn_right_sel.gif);
		}

/* favs */

.naviHolder li.favs {
	background-image: url(images/navi_btn_bg.gif);
	background-repeat: repeat-x;
	}
	.naviHolder li.favsSel {
		background-image: url(images/navi_btn_bg_sel.gif);
		background-repeat: repeat-x;
		}

.naviHolder li.favs a {
	padding-left: 49px;
	background-image: url(images/navi_btn_favs_left.gif);
	}
	.naviHolder li.favsSel a {
		padding-left: 49px;
		background-image: url(images/navi_btn_favs_left_sel.gif);
		}

.naviHolder li.favs a span {
	padding-right: 9px;
	background-image: url(images/navi_btn_right.gif);
	}
	.naviHolder li.favsSel a span {
		padding-right: 9px;
		background-image: url(images/navi_btn_right_sel.gif);
		}

.galleryAddress {
	border-left: 1px solid #8ea9bd;
	}

.galleryColumnTableTitle {
	margin: 0 10px;
	}

.galleryItemDetails div a img {
	display: inline;
	}

.adminNaviHolder {
	margin-right: 10px;
	margin-left: 10px;
	}

/* added by kuba on 05/02/08 */

.corners {
	display: block;
	position: relative;
	background: #96cf34 url(images/btn_gradient.gif) repeat-x left bottom;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	border: 1px solid #5b9400;
	}

* html .corners {
	height: 1%;
	}

.corners span {
	display: block;
	padding: 5px 10px 5px 35px;
	background: url(images/ico_plus.gif) no-repeat 10px 50%;
	}

.corners .ne, .corners .se, .corners .sw, .corners .nw {
	position: absolute;
	width: 8px;
	height: 8px;
	background-image: url(images/corners.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	}

.corners .ne {
	top: -1px;
	right: -1px;
	background-position: -8px 0px;
	}

.corners .se {
	right: -1px;
	bottom: -1px;
	background-position: -8px -8px;
	}

.corners .sw {
	bottom: -1px;
	left: -1px;
	background-position: 0px -8px;
	}

.corners .nw {
	left: -1px;
	top: -1px;
	background-position: 0px 0px;
	}

.tableBorder {
	border: 1px solid #587992;
	}

.tableBorder tr {
	vertical-align: top;
	}

.tableBorder .username {
	color: #8e8e8e;
	}

.tableBorder .username strong {
	color: #000000;
	font-size: 1.2em;
	}

.tableBorder .orangeBox {
	margin: 15px 0px 15px 0px;
	padding: 10px 15px 10px 15px;
	background: #f5ecbd;
	}

.tableBorder .orangeBox strong {
	font-size: 1.3em;
	}

.tableBorder .orangeBox p {
	margin: 5px 0px 0px 0px;
	}

.tableBorder .statisticsHolder {
	margin-top: 15px;
	padding: 10px 15px 10px 15px;
	border: 1px solid #d9d9d9;
	}

.tableBorder .statisticsHolder .statisticsSmall {
	font-size: 0.85em;
	}

.tableBorder .statisticsHolder ul {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	}

.tableBorder .statisticsHolder ul li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style: none;
	}

.textListHolder a {
	font-size: 1.2em;
	}

.textListHolder p {
	margin: 5px 0px 0px 0px;
	}

.lightHolder {
	min-width: 45px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}

.lightHolder div {
	padding: 1px 4px 1px 4px;
	background: #ffffff;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000000;
	}

.lightRed {
	color: #fa7961;
	background-image: url(images/light_red.gif);
	}
	.lightRed div {
		border: 1px solid #fa7961;
		}

.lightGreen {
	color: #93c81f;
	background-image: url(images/light_green.gif);
	}
	.lightGreen div {
		border: 1px solid #93c81f;
		}


.lightOrange {
	color: #e5913a;
	background-image: url(images/light_orange.gif);
	}
	.lightOrange div {
		border: 1px solid #e5913a;
		}

.sortingHolder {
	margin: 10px 0px 20px 0px;
	color: #717171;
	}

.sortingHolder span {
	color: #000000;
	}

.advancedSearch {
	padding-top: 20px;
	}

.advancedSearch div {
	margin-bottom: 5px;
	}

.columnTable h2 {
	margin-top: 0px;
	font-size: 1.5em;
	font-weight: normal;
	}

.greyComment {
	color: #656565;
	}

.smaller {
	font-size: 0.85em;
	color: #656565;
	}

.formHolder {
	margin-bottom: 20px;
	padding: 0px;
	background: #eaf5fc;
	border: 1px solid #0099ff;
	}

.formHolder h2 {
	margin: 0px;
	padding-bottom: 5px;
	font-size: 1em;
	color: #0099ff;
	border-bottom: 1px solid #0099ff;
	}

.formHolder .formContent {
	padding: 10px;
	background: #ffffff;
	border: 1px solid #0099ff;
	}
	.formHolder .formContent input, .formHolder .formContent select {
		margin-top: 4px;
		padding: 2px 4px 2px 4px;
		border: 1px solid #0099ff;
		}

.loginHolder, .registerHolder {
	margin: 15px 0px 15px 0px;
	width: 400px;
	text-align: right;
	}

.loginHolder div, .registerHolder div {
	margin-bottom: 5px;
	}

.selectedRegion {
	margin-top: 5px;
	padding: 5px;
	text-align: center;
	border: 1px solid #eaf5fc;
	}

.selectedRegion img {
	margin-bottom: 5px;
	}

.selectedRegion div {
	padding: 2px;
	color: #ffffff;
	font-weight: bold;
	background: #0099ff;
	}

.hide {
	display: none;
	}

.advSearchTop {
	position: relative;
	background: #e7eef3 url(images/main_btn_bg.gif) repeat-y;
	text-align: center;
	}

* html .advSearchTop {
	height: 1%;
	}

.advSearchTop form {
	margin: 0px;
	padding: 10px;
	}

.advSearchTable {
	margin: 0px auto 0px auto;
	}

.advSearchTable p {
	padding: 0px 0px 0px 0px;
	}

.advSearchTable p.advSearchTitle {
	margin: 0px 0px 0px 10px;
	padding: 10px 10px 5px 10px;
	}

.advSearchTable div {
	position: relative;
	width: 280px;
	margin: 0px 10px 0px 10px;
	background: url(images/search_gradient.gif) repeat-x;
	}

.advSearchTable div div {
	width: auto;
	margin: 0px;
	padding: 5px 15px 15px 15px;
	background: none;
	}

.advSearchTable label {
	cursor: pointer;
	}

.advancedSearch .nw, .advancedSearch .ne, .advancedSearch .se {
	display: block;
	position: absolute;
	top: 0px;
	width: 15px;
	height: 15px;
	background-image: url(images/search_corners.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	}

.advancedSearch .ne {
	right: 0px;
	background-position: -15px 0px;
	}

.advancedSearch .se {
	top: auto;
	right: 0px;
	bottom: 0px;
	background-position: -15px -15px;
	}

img.checked {
	width: 25px;
	height: 25px;
	background: url(images/checkbox.gif) no-repeat;
	}

img.unchecked {
	background: url(images/checkbox.gif) -25px no-repeat;
	}

/* 08/07/10 */

ul.sortable {}
ul.sortable li {
	cursor: n-resize;
	}

.footerHolder {
	padding-top: 20px;
	}

table.widgetList {
	margin-bottom: 10px;
	font-size: 14px;
	border-collapse: collapse;
	border-width: 0;
	}
	table.widgetList th {
		padding-bottom: 10px;
		color: #8ea9bd;
		}
	table.widgetList td {
		padding: 6px 10px;
		}
	table.widgetList td.narrow {
		width: 1%;
		white-space: nowrap;
		padding-left: 0;
		padding-right: 5px;
		}
	table.widgetList tr.odd td {
		background-color: #f0f4f7;
		}

/* 20/07/11 */

.adminpanel {
	overflow: hidden;
	}

.adminleftcol {
	float: left;
	width: 240px;
	overflow: hidden;
	margin: 15px 20px 0 0;
	padding: 0 20px 0 20px;
	background-color: #eaf5fc;
	}

.adminrightcol {
	margin-top: 15px;
	overflow: hidden;
	}

/* 21/07/11 */

.resource {
	width: 100%;
	background-color: #e7eef3;
	border-collapse: collapse;
	border: 2px solid #8ea9bd;
	}
	.resource td {
		margin: 10px;
		padding: 15px 20px;
		}
	.resource .first {
		width: 1%;
		color: #ffffff;
		background-color: #8ea9bd;
		}
	.resource a {
		color: #587992;
		}

.code {
	white-space: pre;
	padding: 15px 20px;
	color: #587992;
	font-size: 11px;
	background-color: #e7eef3;
	border: 1px solid #cad7e1;
	border-left-width: 2px;
	border-left-color: #8ea9bd;
	}
	.code span {
		color: #ff0000;
		}

.preview {
	padding: 20px;
	border: 2px dashed #8ea9bd;
	}

.swipeLoader {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: #ffffff url(images/loading_for_swipe.gif) no-repeat 50% 50%;
	opacity: 0.8;
	}

ul.attachments {
	margin: 0; padding: 0;
	}
	ul.attachments li {
		margin: 0; padding: 0 0 15px 0;
		list-style: none;
		color: #8ea9bd;
		overflow: hidden;
		}
		ul.attachments li div {
			overflow: hidden;
			}
		ul.attachments li img {
			float: left;
			margin: 0 10px 0 0;
			}
		ul.attachments li a {
			font-size: 1.2em;
			}

.resHeader {
	overflow: hidden;
	margin: 0 0 20px 0;
	}
	.resHeader img {
		float: left;
		margin: 0 15px 0 0;
		}
	.resHeader .title {
		margin: 0;
		font-weight: normal;
		}
	.resHeader .author, .resHeader .date {
		margin-top: 5px;
		color: #8ea9bd;
		}
	.resHeader .author {
		font-size: 1.2em;
		}

.resTable {
	font-size: 1.1em;
	}
	.resTable th {
		padding: 8px 0;
		color: #8ea9bd;
		}
	.resTable td {
		padding: 8px 12px;
		background: #f0f4f7;
		}
	.resTable .even td {
		background: #ffffff;
		}