/* Blueprint override */

body {background: url('http://static.fpz.hr/FPZWeb/Images/background.png') repeat-x top left; margin-top: 8px;}

.box {background: none; padding: .1em; margin-bottom: .5em;}
.box label {display: block;}
form {margin: 0; padding: 0;}
input[type=text], input[type=password], textarea, input[type=email] {border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; margin-top: 2px; padding: 4px;}
img {border: 0; margin: 0 2px; vertical-align: middle;}

.info {background: #bde5f8 url(http://static.fpz.hr/global/images/icoPorukaInfo.png) no-repeat scroll 5px center; border: 1px solid #7da5b8; color:#111f8a; margin-bottom: 1em; padding: .8em; padding-left: 3em;}
.info a {color:#111f8a;}

/* Layout */

#leftCol, #rightCol {background-color: #e2e2e2;}
#middleCol {background-color: #fff; margin-top: 0; margin-bottom: 0;}

#header {background-color: #e2e2e2;}
#banner {height: 113px; vertical-align: bottom;}
#searchBar {background-color: #c6c6c6; height: 38px;}
#naslovnaBanner {margin: 8px 0 0 8px;}
.mainPageWrap {margin: 4px; width: 99.99%;}
#breadcrumbs {height: 28px;}
#breadcrumbsLeft {float: left; font-weight: bold; padding: 4px 0 0 4px;}
#breadcrumbsRight {float: right; clear: right;}
#footer {background-color: #25346c; color: #fff; text-align: center;}

#searchContainer {float: right; padding: 0 12px 0 0;}
#q {background: #fff url('http://static.fpz.hr/global/images/icoSearch24.png') no-repeat top right; margin: 6px 6px 0 0; width: 15em;}

#socialIcons {padding-top: 12px;}
#socialIcons img {margin-left: 0;}

#studentiPrijavaBox {margin-top: 24px;}
#stuJMBAG, #stuPassword {width: 10em;}
#submitStudent {margin-right: 1.4em;}
.studentLoggedIn {margin-bottom: 8px;}

#kontaktBox {margin-top: 24px; text-align: center;}

#vaznijePoveznice {margin-top: 12px;}
#vaznijePoveznice a {display: block; margin: 4px 0 0 8px;}

/* Global stuff */
.colorGrey, .text-muted { color: #ccc !important; }
.colorRed, .color-red {color: #f00;}

.extPDF16 {background: transparent url('http://static.fpz.hr/global/images/filePDF16.png') no-repeat top left; padding-left: 18px;}
.extZIP16 {background: transparent url('http://static.fpz.hr/global/images/fileZIP16.png') no-repeat top left; padding-left: 18px;}

.font08 {font-size: 0.8em;}
.font12 {font-size: 1.2em;}

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


.formTitle {font-size: 1.2em; font-weight: bold;}
.formFooter {text-align: right;}

.floatLeft {float: left;}
.floatRight {float: right;}

.margin-bottom4 {margin-bottom: 0.4em;}
.margin-right4 {margin-right: 0.4em;}
.margin-left8 {margin-left: 0.8em;}
.margin-bottom8 {margin-bottom: 0.8em;}
.margin-top16 {margin-top: 1.6em;}
.margin-left16 {margin-left: 1.6em;}
.margin-bottom16 {margin-bottom: 1.6em;}

.margin-left32 {margin-left: 3.2em;}

.padding-04 { padding: 0.4em; }
.padding-08 { padding: 0.8em; }
.padding-right-08 { padding-right: 0.8em; }

.alignCenter {text-align: center;}
.alignRight {text-align: right;}
.alignTop {vertical-align: top;}
.alignMiddle {vertical-align: middle;}

.bP0 {background-color: #eaeaea;}
.bP1 {background-color: #f2f2f2;}

.bgLtBlue {background-color: #edfefF;}

.hidden {display: none;}

.strong { font-weight : bold; }

.tableSubHead {background-color: #BFCFFF; font-weight: bold;}

.width10 {width: 10%;}
.width25, .w25 {width: 25%;}
.width20, .w20 {width: 20%;}
.width40 {width: 40%;}
.width50, .w50 {width: 50%;}
.w60 {width: 60%;}
.width75 {width: 75%;}
.width90 {width: 90%;}
.width95 {width: 95%;}
.width97, .w97 {width: 97%;}
.width99 {width: 99%;}
.width100 {width: 100%;}

table {margin: 0;}
th {background-color: #c2c2c2; font-size: 1.2em; font-weight: bold;}
tr, td {margin: 0;}
/*table tr:hover .table-hover {background-color: #59b1f4;}
tr .NoHover, tr.no-hover:hover {background-color: transparent;}*/

/******** Navigacija *******/

#navigation {font-size: 12px; margin: 4px 0 0 0; width: 190px;}

/*Main Menu*/
#navigation ul {margin:0; padding:0;}
 
#navigation ul li {background: #fff url(http://static.fpz.hr/FPZWeb/Images/menuBullet.png) no-repeat; color: #000; cursor: pointer; min-height:25px; /*line-height:25px;*/ list-style: none; margin: 2px 0; padding-left:10px; border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0;}

#navigation a {display: block; text-decoration: none; padding-top: 4px;}
#navigation a:hover {text-decoration: underline;}
#navigation a:link, a:visited {color: #000;}

#navigation ul li:hover {background-color: #f2f2f2; position: relative;}
 
/*Sub Menu*/
#navigation ul ul {background-color: #aaa; display: none; left: 185px; position: absolute;}
#navigation ul li:hover ul {border: 1px solid #ccc; display: inline-block; top:0;}
 

#navigation ul ul li {border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; display: inline-block; _display: block; margin: 1px 0 0 0; width: 180px;}
#navigation ul ul li:hover {text-decoration: underline;}
/* 
#navigation li:hover ul li ul {display: none;}

#navigation ul ul li ul {left: 110px; background-color: #fff;}
#navigation ul ul li:hover ul {display: block;}
*/

/* IE hack za visinu izbornika koji nemaju podizbornik */
* html #navigation ul li { height: 1%; }
* html #navigation ul li a { height: 1%; }



/****** Page navigation ******/

#PageNavigation {font-size: 10px; margin: 4px 4px; text-align: center; width: 100%;}
#PageNav {border:0; margin:0; padding:0;}
#PageNav li {border:0; margin:0; padding:0; display: inline-block; _display: inline; list-style: none;}

#PageNav a {background: #eee; border: solid 1px #ccc; display: block;  _display: inline; margin-right: 4px; padding: 4px 6px;}
#PageNav a:link, #PageNav a:visited {background: #eee; color: #000; display: inline-block; text-decoration: none;}
#PageNav a:hover{background: #b2e2ff; border: 1px solid #ccc;}

#PageNav .previous-off, #PageNav .next-off {background: #ddd; border: solid 1px #777; color:#888; display: inline-block; _display: inline; font-weight: bold; margin-right: 4px; padding: 4px 6px;}
#PageNav .previous a, #PageNav .next a {display: inline-block;  _display: inline; font-size: 11px;} 
#PageNav .active{background: #a2d2ef; border: 1px solid #777; color: #000; display: inline-block; _display: inline; font-size: 10px; margin-right: 4px; padding: 4px 6px;}





/****** Controls ******/

.button, .button:visited {background: #222 url('http://static.fpz.hr/global/images/btnOverlay.png') repeat-x; border: none; color: #fff; cursor: pointer; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.6); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); display: inline-block; outline: none; padding: .4em .7em .45em; _padding: .4em .2em; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); text-align: center; text-decoration: none;}


.small.button, .small.button:visited {font-size: 11px}
.button, .button:visited, .medium.button, .medium.button:visited {font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
.large, .large:visited {font-size: 14px; padding: 8px 14px 9px;}
.super, .super:visited {font-size: 34px; padding: 8px 14px 9px;}
.green, .green:visited {background-color: #91bd09;}
.green:hover	{background-color: #749a02;}
.red, .red:visited {background-color: #e62727;}
.red:hover {background-color: #cf2525;}
.orange, .orange:visited {background-color: #ff5c00;}
.orange:hover {background-color: #d45500;}
.blue, .blue:visited {background-color: #2981e4;}
.blue:hover {background-color: #1565bf;}
.yellow, .yellow:visited {background-color: #ffb515;}
.yellow:hover {background-color: #fc9200;}


/* Tabs */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #eee;
	border-left: none;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #eee;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: none; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 0;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {

}



/* END Tabs */



/****** News display *******/
.News {border: 1px solid #eee; margin: 2px 4px 24px 4px; padding: 8px;}
.NewsTitle {font-size: 1.5em; font-weight: bold;}
.NewsPublished {font-size: 0.8em; padding-bottom: 6px;}
.NewsContent {border-top: 1px solid #eee; padding: 6px 0;}
.NewsFooter {border-top: 1px solid #eee; margin-top: 4px;}
.NewsAttachments {float: right; padding-top: 2px; vertical-align: middle;}
.NewsAttachments ul {margin:0;}
.NewsAttachments li {}
.NewsMore {float: right; margin: 0; padding: 12px 2px 0 0; width: 10em; text-align: right;}
/*
.News:hover span {background: #eee; border: 1px solid #b2c4d6; display: block; right: 2px; height: auto; opacity: 0.8; padding: 4px 4px 4px 0px; position: absolute; top: 2px; width: auto;}
*/
.News .Favorites, .Mail, .Print {margin-left: 4px; opacity: 0.4;}
.News .Favorites:hover, .Mail:hover, .Print:hover {opacity: 1;}

.special {border-color: #bde5f8; border-width: 2px;}

/***END News display ******/

/***** Ustrojstvo *******/
.TablicaUstrojstvo td {padding: 8px 4px 8px 0;}



/***** Popis nastavnika i kolegija *****/
.Slova {display: block; text-align: center; width: 2em;}
.Slova:hover {background-color: #e2e2e2;}

/******* Raspored predavanja ******/

#predavanjaContainer {}
#predavanjaContainer select {width: 250px;}
#prikazRasporeda {width: 99%;}

/******* PDS ******/
#PDSForma input[type=text], textarea {width: 25em;}
#PDSForma #Poruka {height: 10em;}

#PDSMenu {background-color: #f2f2f2; border-width: 1px; border-color: #ccc; border-style: solid; text-align: center; width: 99%;}
#PDSMenu ul {display: inline-block; _display: inline; list-style-type: none; margin: 0; padding: 0;}
#PDSMenu ul li {display: inline-block; _display: inline; text-align: center;}
#PDSMenu ul a {display: inline-block; _display: inline; margin: 0; padding: 4px 0; text-decoration: none; width: 85px;}
#PDSMenu ul li a:hover {background-color: #e2e2e2; color: #000; cursor: pointer;}
#PDSMenu .aktivan {background-color: #2981e4;}


/*** Godisnje izvjesce ***/

.unosRadova tr:hover {background-color: transparent;}
.unosRadova label {display: block;}
.unosRadova input[type=text] {width: 30em;}


/***** Izdavacka djelatnost ****/
#litForm label {display: block;}
#litSearch {width: 20em;}