/** Main Stylesheet for GYMKNM.sk **/
	
	html {
		height: 100%;
		overflow: auto;
	}
	
	body{
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, 'Times New Roman';
		font-size: 11px;
		cursor: default;
		text-align: center;
		background-image: url('/img/background.gif');
		background-repeat: repeat-x;
		background-attachment: fixed;
		background-color: #c0ffc3;
	}
	
	form {
		margin: 0;
		padding: 0;
	}
	
	img {
		border: 0;
	}
	
	/** LINKS **/
	a{
		color: blue;
		text-decoration: none;
	}

	a:hover{
		color: green;
		text-decoration: underline;
	}
	
	.teacher-link {
		color: green;
		padding-bottom: 5px;
		border-bottom: 1px dashed green;
	}
	
	.teacher-link:hover {
		color: green;
		padding-bottom: 5px;
		text-decoration: none;
		border-bottom: 1px solid green;
	}
	
	/** ************************************ **/
	
	h1 {
		margin: 0 0 25px 0;
		padding: 3px 0 0 60px;
		font-size: 16px;
		font-weight: bold;
		height: 40px;
		width: 400px;
		background-image: url('/img/header_back.gif');
		background-repeat: no-repeat;
	}
	
	h2 {
		padding: 15px 0 15px 0;
		font-size: 14px;
		font-weight: bold;
		font-style: italic;
	}
	
	/** *********** **/
	/** LAYOUT DIVS **/
	/** *********** **/
	
	div#layout-container {
		position: relative;
		margin: 0 auto;
		text-align: left;
		width: 950px;
	}
	
	div#content-container {
		position: relative;
		width: 100%;
		background-image: url('/img/content_background.png');
	}
	
	div#footer-container {
		position: relative;
		width: 100%;
		height: 100px;
		background-image: url('/img/footer_background.png');
		background-repeat: no-repeat;
	}
	
	div#footer {
		position: relative;
		text-align: center;
		padding-top: 35px;
	}
	
	div#copyright {
		position: relative;
		text-align: center;
		padding-top: 25px;
		color: gray;
	}
	
	div#copyright a {
		color: gray;
	}
	
	div#top-div {
		position: relative;
		width: 872px;
		height: 190px;
		margin-left: 40px;
		background-image: url('/img/top.jpg');
	}
	
	div#date-div {
		position: absolute;
		top: 15px;
		left: 20px;
		text-align: center;
		width: 290px;
	}
	
	div#left-panel {
		position: relative;
		width: 245px;
		float: left;
		left: 40px;
	}
	
	div#right-panel {
		position: relative;
		padding-top: 35px;
		float: right;
		right: 60px;
		width: 600px;
		top: 0;
	}
	
	div#menu-container {
		position: relative;
		width: 245px;
		background-image: url('/img/menu_back.jpg');
	}
	
	div#menu-bottom {
		position: relative;
		width: 245px;
		height: 70px;
		background-image: url('/img/menu_bottom.jpg');
	}
	
	/** *************** **/
	/** GENERAL CLASSES **/
	/** *************** **/
	
	.clear-div {
		position: relative;
		width: 100%;
		clear: both;
	}
	
	.user-input {
		font-size: 12px;
		border: solid 1px green;
		background-color: white;
	}
	
	.info-msg {
		position: relative;
		text-align: center;
		width: 100%;
		font-weight: bold;
		font-style: italic;
	}
	
	div#footer a{
		color: white;
	}
	
	div#login-info-div {
		position: absolute;
		top: 62px;
		width: 185px;
		left: 20px;
		font-size: 9px;
		color: navy;
	}
	
	#login-info-table {
		position: relative;
		width: 100%;
	}
	
	#login-mini-table {
		position: relative;
		margin-top: 4px;
	}
	
	#login-table {
		position: relative;
		width: 270px;
		margin: 0 0 0 15px;
		top: 15px;
	}
	
	#login-div {
		position: relative;
		margin: 0 auto;
		width: 300px;
		height: 110px;
		background-image: url('/img/login.jpg');
	}
	
	#login-mini-table .left {
		width: 40px;
	}
	
	#login-table .left {
		width: 70px;
		font-weight: bold;
		font-style: italic;
	}
	
	.login-input-mini {
		width: 130px;
		height: 15px;
		font-size: 10px;
		border: solid 1px green;
		background-color: #e1e1e1;
		margin: 0;
		padding: 0;
	}
	
	.login-input {
		width: 150px;
		height: 15px;
		font-size: 10px;
		border: solid 1px green;
		background-color: #eeeeee;
		margin: 0;
		padding: 0;
	}
	
	.login-btn {
		height: 20px;
		vertical-align: bottom;
		text-align: center;
	}
	
	div#login-info-div a {
		color: white;
	}
	
	.table-head {
		text-align: left; 
		font-weight: bold; 
		font-style: italic;
		border: solid 1px silver;
		background-color: #f0f0f0;
	}
	
	.table-row {
		height: 25px;
		vertical-align: middle;
	}
	
	#gymlogo {
		position: absolute;
		right: 25px;
		top: 0px;
		background-image: url('/img/gymlogo.jpg');
		width: 109px;
		height: 100px;
	}
	
	#prospech-proces {
		position: absolute;
		top: 70px;
		right: 170px;
		background-color: #eeeeee;
		border: solid 1px green;
		padding: 5px;
		font-weight: bold;
		font-style: italic;
		display: none;
	}
	
	/** ************** **/
	/** CUSTOM CLASSES **/
	/** ************** **/
	.school-info {
		position: relative;
		width: 300px;
		float: left;
		left: 0;
	}
	
	#school-info-table {
		position: relative;
		width: 100%;
		font-size: 11px;
		line-height: 20px;
	}
	
	#school-info-table .left {
		font-weight: bold;
		font-style: italic;
		width: 120px;
	}
	
	.school-picture {
		position: relative;
		float: right;
		right: 0;
		width: 300px;
		height: 163px;
		background-image: url('/img/school.jpg');
	}
	
	.contact-container {
		position: relative;
		margin: 0 auto 40px auto;
		text-align: center;
		width: 500px;
	}
	
	.contact-table {
		width: 100%;
		text-align: left;
		margin-bottom: 25px;
	}
	
	div#sk-rok, div#class-list-container {
		position: relative;
		width: 150px;
		float: left;
		left: 0;
		top: 0;
	}
	
	div#aktuality, div#dokumenty, div#student-list, div#prospech-container {
		position: relative;
		float: left;
		width: 430px;
		top: 0;
	}
	
	.aktuality-table, .dokumenty-table {
		position: relative;
		width: 100%;
	}
	
	.sk-rok-list, .class-list {
		margin: 10px 0 0 10px;
		padding: 0;
		list-style: none;
	}
	
	.sk-rok-list li, .class-list li {
		padding: 3px 0 3px 0;
	}
	
	.sk-rok-list li a, .class-list li a {
		padding-left: 20px;
		background-image: url('/img/bullet-small.gif');
		background-position: 0 30px;
		background-repeat: no-repeat;
	}
	
	.sk-rok-list li a:hover, .class-list li a:hover {
		background-position: 0 0;
	}
	
	.selected_year, .selected-class {
		background-image: url('/img/bullet-small.gif');
		background-position: 0 2px;
		background-repeat: no-repeat;
		font-weight: bold;
		font-style: italic;
	}

	
	.clanok-text {
		position: relative;
		width: 100%;
		text-align: justify;
		line-height: 20px;
		font-size: 12px;
		letter-spacing: 1px;
	}
	
	.clanok-info {
		position: relative;
		margin: 10px 0 20px 0;
		width: 100%;
		text-align: right;
		color: silver;
	}
	
	.clanok-info a {
		color: gray;
	}
	
	.newest-panel {
		position: relative;
		margin: 25px auto;
		width: 500px;
		height: 180px;
		background-image: url('/img/newest_panel.gif');
	}
	
	.newest-header {
		position: relative;
		padding-left: 20px;
		font-weight: bold;
		font-style: italic;
		padding-top: 10px;
	}
	
	.newest-bottom {
		position: absolute;
		bottom: 15px;
		left: 0;
		text-align: right;
		width: 475px;
	}
	
	.newest-table {
		position: relative;
		width: 430px;
		margin: 10px auto;
	}
	
	.teachers_subjects {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.teachers_subjects li {
		margin: 0;
		padding-bottom: 7px;
	}
	
	.subject-teachers {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.subject-teachers li {
		background-image: url('/img/bullet-large.gif');
		background-position: 0 0;
		background-repeat: no-repeat;
		padding: 0 0 5px 40px;
	}
	
	.book-container {
		position: relative;
		margin: 15px auto 15px auto;
		width: 560px;
	}
	
	.book-container img {
		vertical-align: middle;
		padding: 2px 5px 2px 5px;
	}
	
	.book-top {
		position: relative;
		height: 25px;
		width: 100%;
		background-image: url('/img/book_top.jpg');
	}
	
	.book-middle {
		position: relative;
		padding: 10px 0 10px 0;
		width: 100%;
		background-image: url('/img/book_middle.jpg');
	}
	
	.book-bottom {
		position: relative;
		height: 25px;
		width: 500px;
		background-image: url('/img/book_bottom.jpg');
	}
	
	.book-item {
		position: relative;
		width: 500px;
		float: left;
	}
	
	.book-left {
		position: relative;
		margin-top: 10px;
		float: left;
		text-align: left;
		width: 30px;
		color: green;
		font-weight: bold;
	}
	
	.book-right {
		position: relative;
		float: left;
		width: 30px;
		height: 100%;
		text-align: center;
		font-size: 20px;
	}
	
	.book-header {
		position: relative;
		font-weight: bold;
		font-style: italic;
		top: 10px;
		left: 15px;
	}
	
	.book-content {
		position: relative;
		width: 450px;
		left: 25px;
		line-height: 20px;
		letter-spacing: 1px;
		text-align: justify;
	}
	
	.book-bottom-info {
		position: relative;
		float: right;
		right: 20px;
		color: silver;
		font-style: italic;
	}
	
	.emoticon-div {
		width: 100%; 
		overflow: auto; 
		height: 64px;
		text-align: justify;
	}
	
	.emoticon-div img {
		cursor: pointer;
	}
	
	div#loading {
		position: absolute;
		display: none;
		top: 0;
		right: 10px;
		padding: 5px;
		border: solid 1px silver;
		background-color: #eeeeee;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		color: green;
	}
	
	.zastupovanie-den {
		position: relative;
		width: 100%;
		background-color: #eeeeee;
		border: solid 1px silver;
		text-align: left;
		padding: 3px 0 3px 0;
		margin: 15px 0 15px 0;
		font-weight: bold;
		font-style: italic;
	}
	
	.zastupovanie-item {
		position: relative;
		margin: 7px 0 7px 0;
	}
	
	div#prospech-student-info {
		position: relative;
		padding: 0 0 10px 0;
		width: 100%;
		margin-bottom: 20px;
		text-align: left;
		border-bottom: dashed 1px silver;
	}
	
	div#prospech-menu {
		position: relative;
		margin: 0 0 20px 0;
		background-color: #00bf1f;
		height: 35px;
	}
	
	.prospech-menu-button-selected {
		position: relative;
		background-color: white;
		font-weight: bold;
		font-style: italic;
		float: left;
		display: inline;
		padding: 5px 10px 5px 10px;
		margin: 12px 10px 0 10px;	
	}
	
	.prospech-menu-button-selected a {
		color: green;
	}
	
	.prospech-menu-button {
		position: relative;
		color: white;
		font-weight: bold;
		font-style: italic;
		float: left;
		display: inline;
		padding: 5px 10px 5px 10px;
		margin: 12px 10px 0 10px;
	}
	
	.prospech-menu-button a {
		color: white;
	}
	
	div#predmetyPanel {
		position: relative;
		width: 100%;
		background-color: #eeeeee;
		border: solid 1px silver;
		text-align: center;
		padding: 5px 0 10px 0;
		line-height: 20px;
	}
	
	div#znamkyPanel {
		position: relative;
		width: 100%;
	}
	
	div#predmetNazov {
		position: relative;
		padding: 10px 0 10px 0;
		text-align: left;
		font-weight: bold;
		font-style: italic;
		color: green;
		font-size: 12px;
	}
	
	.polrok-bar {
		position: relative;
		margin: 5px 0 10px 0;
		text-align: left;
		font-weight: bold;
		font-style: italic;
		padding: 3px 0 3px 0;
		background-color: #eeeeee;
		border: solid 1px silver;
	}
	
	.vypisZnamok, .vypisDochadzky {
		position: relative;
		width: 100%;
		margin: 5px 0 10px 0;
	}
	
	.znamkaCol {
		font-weight: bold;
		font-style: italic;
		width: 30px;
		text-align: center;
	}
	
	.popisCol {
		text-align: right;
	}
	
	.datumCol {
		width: 180px;
		text-align: left;
		padding-left: 50px;
	}
	
	.hodinyCol {
		width: 40px;
		text-align: center;
		font-weight: bold;
		font-style: italic;
	}
	
	.stavCol {
		text-align: right;
	}
	
	.logo-div {
		position: relative;
		width: 100%;
		text-align: center;
	}
	
	#login-info-menu {
		position: relative;
		margin: 0;
		padding: 5px 0 0 20px;
	}
	
	#login-info-menu li a {
		color: #660000;
	}
	
	#zoznam-priloh {
		position: relative;
		margin: 0;
		padding: 0 0 0 35px;
		list-style: none;
	}
	
	#zoznam-priloh li {
		background-image: url('/img/bullet-small.gif');
		background-repeat: no-repeat;
		margin: 10px 0 10px 0;
		padding-left: 30px;
	}
	
	#book-page-bar {
		position: relative;
		display: none;
		margin-bottom: 30px;
		text-align: left;
		background-color: #eeeeee;
		border: dashed 1px green;
		padding: 5px;
	}
	
	.polrok1 {
		position: relative;
		float: left;
		left: 0;
		width: 48%;
	}
	
	.polrok2 {
		position: relative;
		float: right;
		right: 0;
		width: 48%;
	}
	
	.gallery-parent-item {
		position: relative;
		font-weight: bold;
		font-style: italic;
		padding: 6px 0 0 10px;
		height: 24px;
		font-size: 12px;
		background-image: url('/img/gallery_parent.jpg');
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}
	
	.gallery-subitems {
		position: relative;
		margin: 0 0 15px 50px;
		padding: 0;
		list-style: none;
	}
	
	.gallery-subitems li {
		background-image: url('/img/bullet-small.gif');
		background-repeat: no-repeat;
		background-position: 0 5px;
		padding: 5px 0 5px 25px;
	}