h1 {
	font: bold 30px Verdana;
	color: #990134;
	border-bottom: 1px solid #2d343e;
}

h2 {
	font: italic 25px Tahoma;
	color: #550134;
	border-bottom: 1px dashed #2d343e;
}

/*'!!!TODO remove!!! tablica za koju ce u okviru dizajna pocetne stranice, u okviru headera, trebati napraviti login box koji ce biti baziran na ovom stilu*/
table.logintable
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	table-layout: auto;
	width: 300px;
	background-color: #ffffff;
	border-collapse: collapse;	
	margin-bottom: 8px;
}

/*obvezan zahtjev je da svi linkovi moraju biti podcrtani*/
a:link
{
	color: #003399; text-decoration: underline;
}

a:visited
{
	color: #0066cc; text-decoration: underline;
}

a:active
{
	color: #0066cc;
}

a:hover
{
	color: #0066cc; text-decoration: none;
}

/*link sa smanjenim fontom na pocetnoj stranici s kategorijama*/
a.cats
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

a.menu:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.menu:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.menu:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D9E5F6;
	text-decoration: none;
}

body
{ 
	scrollbar-face-color: #e6edf7; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #0066cc; 
	scrollbar-3dlight-color: #0066cc; 
	scrollbar-arrow-color: #0066cc; 
	scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #ffffff; 
	background-color: #ffffff;
	margin-left: 0px; 
	margin-top: 0px; 
}

/*redefiniran zbog explicitnog setiranja fonta i sirine*/
textarea
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
}

/*redefiniran zbog explicitnog setiranja fonta*/
input
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

/*ovo je kostur-tablica u glavnom templateu za citavu stranicu. ova tablica sadrzi sve ostalo.*/
table.holder
{
	table-layout: auto;
	padding: 0px;
	width: 100%;
	height: 100px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

/*data table - osnova za prakticki sve tablice s podacima*/
table.dtable
{
	table-layout: auto;
	width: 100%;
	background-color: #ffffff;
	border-collapse: collapse;
	border-right: 8px solid #2772c3;
	border-bottom: 1px solid #2772c3;
	border-left: 8px solid #2772c3;
}

/*data table - bez bordera*/
table.dtableNB
{
	table-layout: auto;
	width: 100%;
	background-color: #ffffff;
	border: #c0c0c0 1px none;
	border-collapse: collapse;	
	margin-bottom: 1px;
}

/*form table - osnova za tablice s formom na pojedinim stanicama gdje se prikazuju detalji nekog objekta*/
table.ftable
{
	table-layout: auto;
	width: 100%;
	background-color: #ffffff;
	border-left: #2772c3 8px solid;
	border-right: #2772c3 8px solid;
	border-bottom: #2772c3 1px solid;
	border-collapse: collapse;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

/*CMS details form table */
table.detable
{
	table-layout: auto;
	width: 100%;
	background-color: #ffffff;
	border-top: #2772c3 1px solid;
	border-left: #2772c3 1px solid;
	border-right: #2772c3 1px solid;
	border-bottom: #2772c3 1px solid;
	border-collapse: collapse;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

/*ovo je klasa za cellove koji u tablicama sadrze ikonice (jer ti cellovi sadrze i tekst)*/
table.tcellimg
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

/*ovo je tablica na pocetnoj stranici koja sadrzi main catalog*/
table.cats
{
	table-layout: auto;
	width: 700px;
	background-color: #E6EDF7;
	border-collapse: collapse;	
	border-left: #2772c3 8px solid;
	border-right: #2772c3 8px solid;
}

/*definicija stila za neparne retke*/
tr.dtrodd
{
	background-color: #E6EDF7;
}

/*definicija stila za parne retke*/
tr.dtreven
{
	background-color: #F5F7F9;
}

/*definicija stila za form retke*/
tr.fdtr
{
	background-color: #E6EDF7;
}

/*header row za data table*/
th.dth
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #2772C3;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
}

/*header row za data table DataGrid s TR*/
tr.dgth
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #2772C3;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
}

/*klasa za ikonice koja simboliziraju sortiranje, a koje se nalaze u table header rowu*/
th.dthimg
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #2772C3;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;	
}

/*glavni holder za sadrzaj svih stranica koje se generiraju iz templatea*/
td.holderpage
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	vertical-align: top;
	background-color: #ffffff;
	padding-top: 5px;
}

/*definicija cella za data table*/
td.dtd
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: #c0c0c0 1px solid;
	padding: 4px;
}

/*definicija cella za form data table*/
td.fdtd
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border-bottom: #2772c3 1px dashed;
	padding: 4px;
	border-collapse: collapse;
}

/*definicija cella za data table-no border*/
td.dtdNB
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: #c0c0c0 1px none;
	padding: 2px;
}

/*definicija cella za tablicu u kojem se nalazi popis upita/naredbi*/
td.qlst
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: #c0c0c0 1px solid;
	padding: 5px;
}

/*definicija cella za tablicu s kategorijama na pocetnoj stranici*/
td.cats
{
	font-family: arial, helvetica, sans-serif;
	font-size : 14px;
	font-weight: bold;
	padding: 10px;
	width: 33%;
}

/*div koji sluzi za razmak; nema potrebe dirati osim u slucaju da treba veci razmak*/
div.mb
{
	margin-bottom: 3px;
}

div.ptitle
{
	margin-top: 5px;
	margin-bottom: 10px;
}

/*holder div za komandne linkove na stranici s podacima*/
div.dpcbar
{
	margin-bottom: 20px;
}

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

/*holder div za pagination bar*/
div.pbar
{
	margin-bottom: 8px;
}

/*ovo je DIV koji drzi tekstualne poruke na stranicama s tekstualnim porukama*/
div.ptxt
{
 	margin-bottom: 8px;
 	padding-left: 10px; 
}

/*klasa za slike koje idu u celijama tablica s rezultatima queryja*/
img.cellimg
{
	border-style: none;
	margin: 1px;
	vertical-align: middle;
}

/*definira razmak u DIV.pbar-prvi dio*/
span.spbar
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	margin-left: 2px;
	margin-right: 2px;
	color: #EDF4F9;
}

/*definira razmak u DIV.pbar-drugi dio s combo boxevima*/
span.spbar2
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	margin-left: 15px;
}

span.reqd
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
	color: #ffffff;
	vertical-align: middle;
}

span.ptitletxt
{
	font-family: arial, helvetica, sans-serif;
	font-size : 15px;
	font-weight: bold;
}

span.subtitletxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #EDF4F9;
	text-align: left;
	margin-left:10px
}

/*defaultna klasa za tekst u tablicama s rezultatima queryja i na stranici*/
.dtxt
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
	color: #000000;
}

/*classes added by design process*/
.textmaliplavi
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #15579E;
	text-decoration: none;
	font-weight: bold;
}

.bordertopbot
{
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #2772C3;
	border-right-color: #2772C3;
	border-bottom-color: #2772C3;
	border-left-color: #2772C3;
}

a.textmanjibijeli:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EDF4F9;
	text-decoration: underline;
	font-weight: bold;
}

a.textmanjibijeli:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EDF4F9;
	text-decoration: underline;
	font-weight: bold;
}

a.textmanjibijeli:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C1E1F5;
	text-decoration: none;
	font-weight: bold;
}

.textmalibijeli
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #EDF4F9;
	margin-left: 2px;
	margin-right: 2px;
}

a.textmalibijeli:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #EDF4F9;
	text-decoration: underline;
	margin-left: 2px;
	margin-right: 2px;
}

a.textmalibijeli:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #EDF4F9;
	text-decoration: underline;
	margin-left: 2px;
	margin-right: 2px;
}

a.textmalibijeli:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #CDDEEA;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
}

.marginnula
{
	margin: 0px;
	padding: 0px;
}

.gumbplavi
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #E6EDF7;
}

.gumbplavi2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.gumbbijeli
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #2772C3;
}

.marginbottom
{
	margin-bottom: 10px;
	padding: 0px;
}

.marginform
{
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
}

/***TAB CSS BEGIN***/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background: #e6edf7;
border-bottom: none;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: none;
width: 100%;
margin-bottom: 0px;
padding: 0px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {display:block!important;}
}
/***TAB CSS END***/