body {
	background-image: url(images/bg-body.png);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #393855;
}

img {
  border:0;
  padding:0;
  margin:0;
}

a:link,
a:active,
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #64618F;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

#Header {
	border-top: 6px solid #FFFFFF;
	border-right: 6px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: 6px solid #FFFFFF;
	color: #484668;
	font-size: 100%;
	padding: 0px 0px;
	margin: 0px auto 0px auto;
	width: 960px;
	text-align: left;
	position: relative;
}

#Menu1 {
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #FFFFFF;
	border-bottom: 7px solid #656388;
	color: #BFC7D6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding: 10px 0px 0px 170px;
	margin: 0px auto 0px auto;
	width: 790px;
	height: 95px;
	text-align: left;
	position: relative;
	font-weight: bold;
	overflow: hidden;
}
#Menu1 a:link,
#Menu1 a:active,
#Menu1 a:visited {
	color: #64618F;
	text-decoration: none;
}
#Menu1 a:hover {
	color: #64618F;
	text-decoration: underline;
}

.language {
	float: right;
	margin: -2px 10px 0 0;
	font-size: 90%;
	font-weight: normal !important;
}
.language a:link,
.language a:active,
.language a:visited {
	color: #3E4D4A !important;
	text-decoration: none;
}
.language a:hover {
	color: #64618F;
	text-decoration: underline;
}

#NewsTicker {
	position: absolute;
	width: 524px;
	height: 47px;
	top: 49px;
	left: 426px;
	overflow: hidden;
	font-size: 80%;
}

#NewsTicker a:link,
#NewsTicker a:active,
#NewsTicker a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#NewsTicker a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#Container {
	clear: both;
	padding: 0px;
	margin: 0px auto;
	width: 960px;
	position: relative;
}

#Content {
	width: 690px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	background-image: url(images/bg-content.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 600px;
}

#Boxes {
	width: 270px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	overflow: hidden;
}

.box1 {
	margin: 0px 0px 6px 0px;
	padding: 15px 0px 15px 10px;
	background-color: #74719F;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	border-right: 6px solid #656388;
	border-bottom: 6px solid #656388;
	border-left: 6px solid #656388;
	/*height: 340px;*/
}
.box1 a:link,
.box1 a:active,
.box1 a:visited {
	/*color: #FFFFFF;*/
	text-decoration: none;
	display: block;
	padding: 2px 2px 2px 4px;
	margin: 2px 15px 2px 2px;
	/*border: 1px solid #656388;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*background-color: #6E6C96;*/
	background-color: #d2d8e2;
	color: #46447b;
	
	font-weight: bold;
	font-size: 90%;

	border: 1px solid #f1f1f1;
}
.box1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 2px 2px 2px 4px;
	margin: 2px 15px 2px 2px;
	background-color: #5f5d7b;
	border: 1px solid #f1f1f1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.box2 {
	margin: 0px;
	padding: 20px;
	background-color: #BFC7D6;
	color: #74719F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	border-bottom: 7px solid #FFFFFF;
}

#Footer {
	clear: both;
	border-top: 7px solid #656388;
	color: #484668;
	font-size: 100%;
	padding: 5px 0px;
	margin: 15px auto 20px auto;
	width: 960px;
	text-align: center;
	position: relative;
}

h1 {
	margin: 5px 10px 15px 0px;
	padding: 5px 2px 10px 2px;
	color: #656388;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 190%;
	text-align: left;
	font-weight: normal;
	border-bottom: 5px solid #BFC7D6;
}

h2 {
	margin: 10px 10px 6px 0px;
	padding: 5px 15px 5px 5px;
	color: #656388;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 150%;
	text-align: left;
	font-weight: bold;
	border-bottom: 2px solid #E8E7EE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #F4F3FA; /*#E8E7EE;*/
}

h3 {
	margin: 6px 10px 4px 0px;
	padding: 2px 15px 2px 2px;
	color: #656388;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 130%;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #bfc7d6;
}

h4 {
	margin: 4px 10px 4px 0px;
	padding: 2px 15px 2px 2px;
	color: #656388;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align: left;
	font-weight: bold;
}

p {
	margin: 0px 0px 5px 0px;
	padding: 8px 30px 8px 5px;
	color: #393855;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-align: justify;
}

.svjedocenja {
	margin: 10px 5px 10px 5px;
	color: #393855;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

ul, ol {
	color: #393855;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align: left;
}

.razmatranje_naslov {
	margin: 0px 7px 5px 0px;
	padding: 2px;
	color: #393855;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: right;
}

img.razmatranje {
	display: block;
	/*
	border-bottom: 7px solid #656388;
	border-left: 7px solid #656388;
	*/
	margin: 7px 7px 7px 0px;
	padding: 6px 7px 6px 6px;
	background-color: #bfc7d6;
	/*height: 300px;*/
	overflow: hidden;
}

.InputText {
	background-color: #e8e7ee;
	border: 1px solid #bfc7d6;
	width: 220px;
	padding: 2px 4px 2px 4px;
	margin: 1px 0px 7px 0px;
	font-size: 100%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.InputTextResizable {
	background-color: #e8e7ee;
	border: 1px solid #bfc7d6;
	padding: 2px 4px 2px 4px;
	margin: 1px 0px 7px 0px;
	font-size: 100%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

textarea {
	background-color: #e8e7ee;
	border: 1px solid #bfc7d6;
	width: 300px;
	height: 100px;
	padding: 2px 4px 2px 4px;
	margin: 1px 0px 7px 0px;
	font-size: 100%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

input.required, textarea.required {
	border: 1px solid #bfc7d6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #bfc7d6;
	color : #000;
}

.validation-advice {
	margin: -5px 0 0 0;
	padding: 0px 2px;
	color: #990000;
	font-weight: bold;
	font-size: 90%;
}


.InputButton {
	border: 2px solid #E8E7EE;
	background-color: #393855;
	color: #FFFFFF;
	padding: 5px 2px;
	margin: 2px 10px 2px 5px;
	text-transform: lowercase;
	font-size: 110%;
	letter-spacing: 1px;
	font-weight: bold;
	width: 120px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
label {
	color: #393855;
	letter-spacing: 1px;
}

.FormMargins {
	margin: 10px;
	padding: 0 0 0 20px;
}

.description {
	padding: 2px 4px 2px 4px;
	margin: -4px 0px 7px 0px;
	font-size: 85%;
	color: #393855;
}

#Message {
	margin: 5px 7px 5px 0px ;
	padding: 15px;
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	text-align: center;
	background-color: #FEF2F2;
	border: 2px solid #dea3a4;
}

.NavigationBox {
	border-top: 4px solid #BFC7D6;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	clear: both;
	margin: 10px 10px 10px 5px;
	padding: 10px;
}

.NavigationBoxTop {
	border-bottom: 2px solid #BFC7D6;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	clear: both;
	margin: 15px 5px 10px 5px;
	padding: 5px 5px 10px 5px;
}

.RowTitle {
	background-color: #FFEBD5;
	font-size: 95%;
	text-align: left;
	padding-left: 4px;
}
.RowTitle a {
	color: #000000;
}
.RowTitle td {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
}

.RowEven {
	background-color: #F1F1F1;
	font-size: 95%;
	text-align: left;
}
.RowOdd {
	background-color: #FAFAFA;
	font-size: 95%;
	text-align: left;
}
.RowEven2 {
	background-color: #F5F5F5;
	font-size: 95%;
	text-align: left;
}
.RowOdd2 {
	background-color: #FCFCFC;
	font-size: 95%;
	text-align: left;
}


dl {
	margin: 5px 15px 0px 15px;
	padding: 2px;
}
dt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	font-size: 130%;
	font-weight: bold;
}
dd {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 6px 0px;
	border-bottom: 2px dotted #E5E5E5;
	font-size: 100%;
}

.thumb {
	float: left;
	margin: 3px 6px 4px 0px;
	padding: 1px;
	border: 1px solid #74719F;
}

.spacer {
	clear: both;
	padding: 0px;
	margin: 0px;
}


.calendar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-align: left;
}

caption {
	padding: 2px;
	font-size: 150%;
}

.calendar_header {
	background-color: #D2D8E2;
	font-size: 90%;
	color: #000000;
	text-align: center;
}
.calendar_event {
	/*background-color: #F8F8F8;*/
	border: 1px solid #D2D8E2;
	font-size: 90%;
}
.EventStarts {
	border-top: 1px solid #E3FFE3;
	margin: 2px 0 0 0;
	background-color: #F1FFF1;
	padding: 2px;
}
.EventEnds {
	border-top: 1px solid #FEE7E7;
	margin: 2px 0 0 0;
	background-color: #FEF0F0;
	padding: 2px;
}

a.calendarLink:link,
a.calendarLink:active,
a.calendarLink:visited {
	text-decoration: none;
	color: #1F1D44;
}
a.calendarLink:hover {
	text-decoration: underline;
	color: #000000;
}
.EventEnds a.calendarLink {
	color: #777777 !important;
}


.panelHeader {
	background-color: #d2d8e2;
	color: #63699c;
	font-weight: bold;
	padding: 3px;
	width: 91%;
	border: 1px solid #bcbbd1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 110%;
	margin-bottom: 2px;
}

.panelHeader2 {
	background-color: #d2d8e2;
	color: #46447b;
	font-weight: bold;
	padding: 2px;
	width: 90%;
	border: 1px solid #f1f1f1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 90%;
	margin-bottom: 2px;
	margin-left: 2px;
}
.mdHover {
	background-color: #5f5d7b;
	color: #ffffff;
}
.mdSelected {
	background-color: #F1F1F1;
	color: #656388;
	font-weight: bold;
}
.panelContent,
.panelContent2 {
	overflow: auto;
}

.DescriptionBox {
	color: #F1F1F1;
	padding: 4px;
	font-size: 85%;
	margin: 3px 20px 3px 6px;
}

.RedText {
	color: #990000;
}


.grade_box {
	background-color: #F8F8F8;
	padding: 5px;
	margin: 5px 20px 15px 20px;
	font-size: 100%;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}



/* STARS */
.star-rating {
	list-style: none;
	margin: 0px;
	margin-left: 5px!important;
	padding: 0px;
	width: 150px;
	height: 30px;
	position: relative;
	background: url(images/stars.gif) top left repeat-x;
}
.star-rating li {
	padding: 0px;
	margin: 0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a {
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	/*text-indent: -900px;*/
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover {
	background: url(images/stars.gif) left bottom;
	z-index: 2;
	left: 0px;
}
.star-rating a.one-star {
	left: 0px;
}
.star-rating a.one-star:hover {
	width: 30px;
}
.star-rating a.two-stars {
	left: 30px;
}
.star-rating a.two-stars:hover {
	width: 60px;
}
.star-rating a.three-stars {
	left: 60px;
}
.star-rating a.three-stars:hover {
	width: 90px;
}
.star-rating a.four-stars {
	left: 90px;
}
.star-rating a.four-stars:hover {
	width: 120px;
}
.star-rating a.five-stars {
	left: 120px;
}
.star-rating a.five-stars:hover {
	width: 150px;
}
.star-rating li.current-rating {
	background: url(images/stars.gif) left center;
	position: absolute;
	height: 30px;
	display: block;
	/*text-indent: -900px;*/
	z-index: 1;
}


.NotePaper {
	background-image: url(images/notes.jpg);
	background-repeat: no-repeat;
	background-color: #DEDEDE;
	margin: -5px 0px 5px 10px;
	padding: 0px;
	width: 206px;
	height: 130px;
}

textarea.myNotes {
	background-color: transparent;
	border: 0px solid #535353;
	width: 194px;
	color: #000000;
	padding: 20px 6px 6px 6px;
	height: 100px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
}

textarea.myNotes2 {
	background-color: #e8e7ee;
	border: 1px solid #bfc7d6;
	width: 96%;
	color: #000000;
	padding: 5px;
	height: 250px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.icons {
	margin: 0;
	padding: 15px;
	clear: both;
}

a.icon {
	display: block;
	width: 90px;
	padding: 5px;
	text-align: center;
	height: 80px;
	overflow: hidden;
	float: left;
	text-decoration: none;
	font-size: 90%;
}

.class_V,
.class_V a {
	color: #252525;
	font-size: 100%;
	text-decoration: none;
}

.class_1P,
.class_1P a {
	color: #000087;
	font-size: 110%;
	text-decoration: none;
}
.class_2P,
.class_2P a {
	color: #ed145b;
	font-size: 120%;
	text-decoration: none;
}
.class_3P,
.class_3P a {
	color: #f26522;
	font-size: 130%;
	text-decoration: none;
}
.class_4P,
.class_4P a {
	color: #ed1c24;
	font-size: 140%;
	text-decoration: none;
}
.class_5P,
.class_5P a {
	color: #990000;
	font-size: 150%;
	text-decoration: none;
}
.class_6P,
.class_6P a {
	color: #39b54a;
	font-size: 160%;
	text-decoration: none;
}
.class_7P,
.class_7P a {
	color: #005826;
	font-size: 170%;
	text-decoration: none;
}

.ImgBorder4 {
	border: 4px solid #BFC7D6;
	margin: 5px 20px 5px 5px;
	float: right;
}