html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
	    font-family: inherit;
	    vertical-align: baseline
}
ul { margin-top: 4px; margin-bottom: 4px }
/* remember to define focus styles! */
:focus {
	outline: 0
}
body {
	line-height: 1;
	color: black;
	background: white;
	margin: 0 auto
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0
}
caption, th {
	text-align: left;
	font-weight: normal
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""
}
blockquote, q {
	quotes: "" ""
}

/* Float Clearing
 ---------------------------------------------------------------------*/
.module:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }

/* float clearing for IE6 */
* html .module { height: 1%; overflow: visible }

/* float clearing for IE7 */
* + html .module { min-height: 1px }

a:link { text-decoration: underline }
a:visited { text-decoration: underline }
a:hover { text-decoration: underline }
a:active { text-decoration: underline }

/* Page Specific
 ---------------------------------------------------------------------*/
.mainContainer { margin: 0 auto 10px; width: 970px }
#container { text-align: left }
.breadCrumbHolder { margin: 0 0 20px 0 }
pre { background: #ddd; border: solid 1px #fff; padding: 10px; color: #111 }
.description { float: left; width: 700px; margin-right: 20px }
.sideBar { float: left; background: #fff; border: solid 1px #dedede; padding: 20px; width: 238px; margin: 50px 0 0 0 }
.license p { font-size: 0.83333em; color: #888 }

/* Zajednički stilovi */
body { font-family: "Trebuchet MS" , Verdana, Arial, Sans-Serif; }

.header { font-size: 12px; font-family: Trebuchet MS; color: #000; text-align: left; line-height: 1.1em; }
.subheader a { color: #025d84; font-size: 13px; font-weight: normal; vertical-align: middle; }
.subheader a:link { text-decoration: underline; }
.subheader a:visited { text-decoration: underline; color: #025d84; }
.subheader a:hover { text-decoration: underline; color: #025d84; }
.subheader a:active { text-decoration: underline; }
.subheader IMG { vertical-align: middle; margin: 0 7px 0 7px; height: 32px; }

/* Infobar i ikone */
.film_upute 
{
    padding: 0px 24px 0 0; background: url(images_site/film_upute.png) right no-repeat;
}

/*.ui-widget { width: 940px }*/

/* Glavni sadržaj */
.panel { font-size: 10pt !important; line-height: 1.35em !important; }
.panel p { margin-bottom: 5px; padding-bottom: 0; color: #025d84; }
.panel span { font-size: 11px; color: #025d84; }

/* Hacks */
/* IE6 fix za marginu */
* html .header { margin-top: 0px }
* html .traziBox { width: 325px !important }

/* dodatak za logo /NM */
.item-logo
{
    vertical-align: top; 
    text-align:right; 
    width: 150px !important; 
    height:150px !important;
    overflow:hidden !important; 
    float:left;
}
.item-logo { float:right;}

/* Logotipovi */
#logotipovi 
{
    background: url(ps/NISpVU_logos.jpg); 
    width: 480px; height: 53px; float: left; top: 0px
}

#logotipovi { float: left; top: 0px; position: absolute; }
#logotipovi a { text-decoration: none; position: absolute; height: 45px; }
#logotipovi a span { visibility: hidden; }

#logotipovi a#azvo { left: 0px; width: 70px; }
#logotipovi a#spu { left: 72px; width: 90px; }
#logotipovi a#ncvvo { left: 162px; width: 90px; }
#logotipovi a#mzos { left: 252px; width: 210px; }


.linkbuttonextended:active { text-decoration: underline; }
.linkbuttonextended:visited { text-decoration: underline; color: #025d84; }
.linkbuttonextended:hover { text-decoration: underline; color: #025d84; }
.linkbuttonextended:link { text-decoration: underline;}

.LinkButton:active { text-decoration: underline; }
.LinkButton:visited { text-decoration: underline; color: #025d84; }
.LinkButton:hover { text-decoration: underline; color: #025d84; }
.LinkButton:link { text-decoration: underline; }

.a:active { text-decoration: underline;  }
.a:visited { text-decoration: underline; color: #025d84; }
.a:hover { text-decoration: underline; color: #025d84; }
.a:link { text-decoration: underline; }


/*--------CLASS CHANGE DIALOG--------*/

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

body { background: #fff url(images_site/mainBg.png) repeat-x }

a { text-decoration: underline; }

.logos { background: white; width: 100%; height: 53px; }
.logos IMG { float: left; }
.logos span.prijava { float: right; margin: 20px 20px; width: 200px; text-align: right; font-size: 9pt; }
.logos span.prijava a { font-size: 10pt; }

.header { margin: 0 auto; width: 100%; height: 292px; background: url(ps/NISpVU_bigBlue.jpg) no-repeat 1px;  }
.subheader  
{
    height: 34px; 
    margin: -2px 0px; 
    font-family: Trebuchet MS , Arial, Sans-Serif; 
    line-height: 20px; 
    padding: 7px 0px 0px 10px; 
    border: none; 
    display:inline-block;
}

.prijava { line-height: 1.2em; }

 a:link, a:visited, a:hover, a:active 
 {
     color: #025d84; 
     text-decoration: underline; 
 }

.header h1 { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 24pt; color: white; line-height: 26pt; margin: 20px 0 7px 0; font-weight: bold; width: 600px; }
.header h2 { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 13pt; color: black; line-height: 18pt; margin: 10px 0 10px 0; font-weight: bold; width: 600px; }
.header h3 { font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 12pt; color: white; line-height: 14pt; font-weight: bold; width: 600px; }
.header2 { height: 211px; border: none; padding: 40px 0 0 10px; }

/* glavni sadržaj */
.panel { margin: 30px auto; padding: 10px 0 120px 10px; color: #025d84; background: white; }

/* Početna i ostatak sadržaja portala */
.pocetna { font-family: Trebuchet MS , Arial, sans-serif; text-align: justify; float: left; margin: 0 10px; padding: 20px; background: url(ps/NISpVU_container.png); width: 418px; height: 233px; }
.pocetna2 { font-family: Trebuchet MS , Arial, sans-serif; text-align: justify; float: left; margin: 0 10px; padding: 20px; background: url(ps/NISpVU_container2.png); width: 895px; height: 233px; }

.pocetna h1, .pocetna2 h1 { font-size: 16pt; font-style: italic; margin: 30px 10px 0 10px; }
.pocetna h2, .pocetna2 h2 { font-size: 12pt; font-weight: bold; font-style: italic; margin: 25px 10px 0 10px; }

.pocetna caption, .pocetna2 caption { font-size: 14px; padding-bottom: 10px; }

.pocetna2 h1 { margin: 30px 10px 0px 10px; }
.pocetna2 h2 { margin: 10px 10px 0px 10px; }

.pocetna a {  font-size: 11pt; font-weight: normal; }
.pocetna a:link { text-decoration: underline; }
.pocetna a:visited { text-decoration: underline; color: #626262; }
.pocetna a:hover { text-decoration: underline; color: #626262; }
.pocetna a:active { text-decoration: underline; }
.pocetna TD { padding: 3px 5px; }

/* Početna i ostatak sadržaja portala */
.containerNew { line-height: 20px; text-align: justify; background: url(ps/roundedCLBg.png); margin-top: -10px;  }
.containerTop { background: url(ps/roundedTBg.png) repeat-y right }
.containerBottom { background: url(ps/roundedBBg.png) repeat-y right }
.containerContent { background: url(ps/roundedCRBg.png) repeat-y right; padding: 10px 20px }
.containerContent p { margin: 0 !important; padding-bottom: 5px;
    text-align: left;
}

.containerNew h2 { font-size: 16pt; font-style: italic; margin: 30px 0px 5px 0px; }
.containerNew h3 { font-size: 12pt; font-weight: bold; font-style: italic; margin: 15px 0px 10px 0px; }

.container { line-height: 1.12em; text-align: justify;  margin: 0 10px; background: url(ps/NISpVU_container.png); width: 418px; height: 233px; }
.container2 { line-height: 1.12em; text-align: justify; margin: 0; height: 275px; }
.container3 { line-height: 1.12em; text-align: justify; margin: 0; }

.half { width: 460px; }
.full { width: 940px; }

.containerNew ul { margin-left: 30px; }

.news h3 { background: transparent url(ps/newsSparator.png) repeat-x top; padding-top: 15px; }
.side h2 { font-size: 11pt }

.side h2 a:link {text-decoration: underline !important }
.side h2 a:visited {text-decoration: underline !important }
.side h2a:hover {text-decoration: underline !important }
.side a:active {text-decoration: underline !important }

.container h1, 
.container2 h1, 
.container3 h1 { font-size: 16pt; font-style: italic; margin: 30px 0px 10px 0px; }
.container h2, 
.container2 h2, 
.container3 h2 { font-size: 12pt; font-weight: bold; font-style: italic; margin: 25px 10px 10px 10px; }
.container caption, 
.container2 caption, 
.container3 caption { font-size: 14px; padding-bottom: 10px; }
.container p, 
.container2 p, 
.container3 p { text-align:justify; margin: 0px 5px 7px 10px }
.container ul, 
.container2 ul, 
.container3 ul,
.container li, 
.container2 li, 
.container3 li { text-align: left; }

.container2 TD.left { background: url(ps/NISpVU_container2_01.png); width: 7px; }
.container2 TD.mid { background: url(ps/NISpVU_container2_02.png); padding: 15px; }
.container2 TD.right { background: url(ps/NISpVU_container2_03.png); width: 7px; }

.container3 TD.left { background: url(ps/NISpVU_container3_01.png) top left no-repeat; width: 7px; }
.container3 TD.mid { background: url(ps/NISpVU_container3_02.png) repeat-x; padding: 15px; }
.container3 TD.right { background: url(ps/NISpVU_container3_03.png) top left no-repeat; width: 7px; }

.container2 TD.mid a { font-weight: normal; }
.container2 TD.mid a:link { text-decoration: underline; }
.container2 TD.mid a:visited { text-decoration: underline; color: #626262; }
.container2 TD.mid a:hover { text-decoration: underline; color: #626262; }
.container2 TD.mid a:active { text-decoration: underline; }

.container3 TD.mid a { font-weight: normal; }
.container3 TD.mid a:link { text-decoration: underline; }
.container3 TD.mid a:visited { text-decoration: underline; color: #626262; }
.container3 TD.mid a:hover { text-decoration: underline; color: #626262; }
.container3 TD.mid a:active { text-decoration: underline; }

/* Tablice */
table.uvjeti { position: relative; font-size: 12px; padding: 20px; margin: 20px; }
table.uvjeti, .uvjeti th, .uvjeti td { text-align: left; border: 1px solid #D4E0EE; border-collapse: collapse; font-family: Trebuchet MS , Arial, Sans-Serif; color: #555; }

.uvjeti caption { font-size: 150%; font-weight: bold; margin: 5px; }
.uvjeti td, .uvjeti th { padding: 4px; }
.uvjeti thead th { background: #E6EDF5; color: #4F76A3; font-size: 100% !important; font-weight: bold; text-transform: uppercase; }
.uvjeti tbody th { font-weight: bold; }
.uvjeti tbody tr { background: #FCFDFE; }
.uvjeti tbody tr.odd { background: #F7F9FC; }

/* Tablica ISUPI2 */
table.list td { padding: 4px; border-top: solid 1px #CED3E1; empty-cells: show; }
tr.theader td, tr.theader th { padding: 4px; white-space: normal; border-top: 0px; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; background: #b9cfdd url(../images/bg_taskbar1.html) repeat-x top; color: #006699; empty-cells: show; }
table.editlist { margin: 2px; padding: 0px; width: 928px; }
table.editlist td { padding: 4px; vertical-align: middle; border-top: solid 1px #cddde8; border-right: solid 1px #cddde8; empty-cells: show; }
table.editlist { border-bottom: solid 1px #cddde8; }
.desc { text-align: right; background-color: #e2eaf0; color: #587788; border-bottom: 1px solid #f0f5f9; border-top: 1px solid #cddde8; }
table.editlist tr td.desc { width: 150px; }

/* Ostale klase */
.tabovi { position: relative; top: -20px; margin-bottom: 0px !important; }

.repeaterItem { background: none; height: 22px; vertical-align: middle; }
.repeaterItem .pickButton { background: none; height: 20px; vertical-align: middle; }
.repeaterItem .cantPickButton { background: none; height: 20px; vertical-align: middle; }
.repeaterItemHover { background: #FFFFA0; height: 22px; cursor: default; }
.repeaterItemHover .pickButton { background: #FFFFA0; height: 20px; cursor: pointer; vertical-align: middle; }
.repeaterItemHover .cantPickButton { background: #FFFFA0; height: 20px; cursor: default; vertical-align: middle; }
.repeaterItem TD, .repeaterItemHover TD { font-size: 10pt; padding: 4px 8px; }
.repeaterItem TD SPAN, .repeaterItemHover TD SPAN { font-size: 10pt; }

.repeaterHeader { background: none; }
.repeaterHeader TD { font-size: 10pt; font-weight: bold; padding: 4px 8px; }
.repeaterHeader TD SPAN { font-size: 10pt; }

/*
A.lnkInfo { color: Blue !important; }
A:visited.lnkInfo { color: Blue !important; }
A:hover.lnkInfo { color: Blue !important; }
*/