body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; }
.pointerHand { cursor: pointer; }
TABLE { border-collapse: collapse; }
TD { font-size: 12px; /*background-color:White;*/ }
A:link { COLOR: Green; border: none; }
A:visited { COLOR: Green; border: none; }
A:hover { COLOR: Blue; border: none; }
.button { }
.rowLinks /* REDAK S LINKOVIMA */ { color: White; vertical-align: middle; }
.rowLinks2 /* REDAK S LINKOVIMA ZA LGO */ { background-color: #ffffcc; color: White; vertical-align: middle; }
.rowBodyNoMenu /* CONTENT AREA ZA STRANICE BEZ MENIJA */ { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: center; vertical-align: top; border-right: solid 1px green; border-left: solid 1px green; }
.rowBody2 /*CONTENT AREA ZA STRANICE BEZ MENIJA */ { background-color: #ffffcc; text-align: center; vertical-align: top; }
/** STRANICA ZA EDITIRANJE ****************************************************************/
.fields_group_title /* NASLOV TABLICE ZA EDITIRANJE */ { background-color: blue; font-weight: bold; font-size: 12px; color: White; border-left: solid 1px blue; border-top: solid 1px blue; vertical-align: middle; padding-bottom: 4px; padding-top: 4px; }
.fields_group_icon { background-color: blue; width: 20px; }
.naslov_tablice /* NASLOV TABLICE DATAGRID */ { color: #336633; font-weight: bold; font-size: 12px; padding-top: 5px; padding-bottom: 3px; }
.naslov_forme { font-weight: bold; font-size: 14px; padding: 2px 2px 2px 2px; }
.naslov_forme_td { padding-bottom: 5px; }
.cellStatus /* TD ZA STATUS */ { color: white; /*font-weight: bold;*/ font-size: 10px; text-align: right; vertical-align: middle; border-right: solid 1px green; border-top: solid 1px green; background-color: #336633; }
.validationSummary /* VALIDATION SUMMARY ZA SVE STRANICE */ { color: Red; font-size: 11px; font-weight: bold; }
.tablicaRiba1 { background-color: #e6e6fa; }
.dateBox { width: 80px; }

.eu { float: right; background: white; margin: 6px 18px; padding: 0; text-align: left; }
.eu { font-family: Arial, sans-serif; font-size: 8pt; color: black; }
.eu .logo_eu { float: left; width: 81px; height: 57px; background: url(../images/EFPR_EU.png); }
.eu .logo_hr { float: left; width: 81px; height: 57px; background: url(../images/EFPR_HRV.png); }
.eu .text_efpr { float: left; width: 160px; height: 37px; padding: 5px 12px 5px 0; text-align: center; }
.eu .logo_efpr { float: left; width: 140px; height: 57px; background: url(../images/EFPR_logo.png); background-position: center; margin: 0 0 0 10px; background-size: 80%; background-repeat: no-repeat; }
.eu img { border: none; margin: 0; padding: 0; }

.colorCell1 { background-color: #e6e6fa; }
.field_error { width: 1%; }
.datagrid_naslov { font-weight: bold; color: black; font-size: 11px; }
.button_line /* TD U KOJI IDU GUMBI ZA SPREMI PROMJENE .... */ { padding-top: 4px; }
/*********************************************************************************/
.div_filter_row { background-color: #C6DCF4; height: 22px; color: black; font-size: 11px; font-weight: bold; padding: 3px; }
	.div_filter_row DIV { float: left; height: 22px; }
.div_filter_spacer { width: 10px; }
.div_filter_item { margin: 4px 4px 0 0; }
.div_pagesizer_item { float: right !important; }
	.div_pagesizer_item DIV { width: auto; }


.select_by_zupanija { background-color: #C6DCF4; color: black; font-size: 11px; font-weight: bold; padding: 3 3 3 3; }
.naslov_liste /* NASLOV LISTE DATAGRID */ { color: #CC6633; color: #4b7b00; font-weight: bold; font-size: 16px; padding-top: 0px; padding-bottom: 5px; }
.pomocni_tekst { font-size: 10px; }
.my_data_grid { padding: 13 3 3 3; border: solid 1px #ffffcc; }
.my_data_grid_header { color: White; font-weight: bold; text-align: center; height: 20px; background-color: #243C53; }
.my_data_grid_pager { color: Black; background-color: #ffffcc; height: 22px; }
	.my_data_grid_pager A { border: solid 1px gray; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; background-color: #eeeeee; }



/** GLAVNA STRANICA - CUSTOMPAGE CSS ****************************************************************************/
.links_line_td /* MENU LINIJA S LINKOVIMA */ { color: White; vertical-align: middle; font-size: 11px; }
.links_line_href:link { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; }
.links_line_href:visited { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none; }
.links_line_href:hover { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #efe9c2; TEXT-DECORATION: underline; }
.footer_line /* FOOTER */ { color: White; text-align: center; font-size: 9px; vertical-align: middle; }
.menu_area /* LIJEVI DIO STRANICE U KOJI IDE MENU */ { background-color: #ccffcc; width: 220px; padding: 10 10 10 10; background-color: #AFCCA0; }
.content_area /* DIO STRANICE U KOJI IDU KONTROLE */ { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 0px; text-align: left; vertical-align: top; border-right: solid 1px green; }

/* MENI S LIJEVE STRANE  *******************************************************************/
.menu_table_href:link /* LINKOVI U MENI TABLICI*/ { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: black; TEXT-DECORATION: underline; }
.menu_table_href:visited /* LINKOVI U MENI TABLICI*/ { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: black; TEXT-DECORATION: underline; }
.menu_table_href:hover /* LINKOVI U MENI TABLICI*/ { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: gray; TEXT-DECORATION: underline; }
#menuTable /* MENI TABLICA */ { width: 180px; }
.menu_table_td /* TD U MENI TABLICI */ { color: black; padding-bottom: 10px; padding-top: 10px; padding-left: 5px; padding-right: 5px; }
.menu_search_box { }
/* NAPREDNI PRETRAŽIVAČI *******************************************************************/
.search_field_name /* NAZIV POLJA PO KOJEM SE PRETRAŽUJE - LIJEVI DIO TABLICE*/ { background-color: #ffcc66; color: black; padding: 1px 1px 1px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; font-size: 10px; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: #ffcc66; height: 28px; }
.search_field_value /* VRIJEDNOST KOJA SE TRAŽI - DESNI DIO TABLICE*/ { vertical-align: middle; padding: 1px 1px 1px 5px; border-bottom: solid 1px #ffcc66; border-right: solid 1px #ffcc66; background-color: White; font-size: 12px; }
.search_field_name1 /* PRVI LIJEVI TD U TABLICI*/ { background-color: #ffcc66; padding: 1px 1px 1px 5px; border-bottom: solid 1px white; font-size: 10px; font-weight: bold; height: 28px; color: black; }
.search_field_value1 /* PRVI DESNI TD U TABLICI*/ { vertical-align: middle; padding: 1px 1px 1px 5px; border-bottom: solid 1px #ffcc66; border-right: solid 1px #ffcc66; border-top: solid 1px #ffcc66; background-color: White; font-size: 12px; }
.search_field_name_n /* ZADNJI LIJEVI TD U TABLICI*/ { background-color: #ffcc66; padding: 1px 1px 1px 5px; border-bottom: solid 1px #ffcc66; font-size: 10px; font-weight: bold; height: 28px; color: black; }
.statistika_grupa { font-size: 12px; font-weight: bold; }
.message_line { font-size: 10px; color: Gray; }
.message_box_right { border-bottom: solid 3px green; border-right: solid 3px green; padding: 10 10 10 10; }
.message_box_left { border-bottom: solid 3px green; border-left: solid 3px green; text-align: left; vertical-align: middle; padding-left: 10px; }
.messagebox_title { padding-left: 30px; color: White; font-weight: bold; font-size: 11px; }
.img_open { background-image: url(../images/GoUp.gif); width: 15px; height: 15px; }
.img_closed { background-image: url(../images/GoDown.gif); width: 15px; height: 15px; }
.oprema_stupac_1 { width: 100px; }
.oprema_stupac_2 { width: 100px; }
.oprema_stupac_3 { width: 100px; }
.oprema_stupac_4 { width: 100px; }
.oprema_stupac_5 { width: 100px; }


.menu_hyperlink:link { COLOR: #243C53; border: none; font-weight: bold; font-size: 11px; text-decoration: underline; }
.menu_hyperlink:visited { COLOR: #243C53; border: none; font-weight: bold; font-size: 11px; text-decoration: underline; }
.menu_hyperlink:hover { COLOR: #243C53; border: none; font-weight: bold; font-size: 11px; text-decoration: underline; }
.searchTitle { text-align: left; font-size: 12px; font-weight: bold; }
.searchName { font-weight: bold; padding: 4px 4px 4px 0px; font-size: 12px; text-align: right; color: #555; vertical-align: top; }
.searchValue { padding: 4px 4px 4px 4px; font-size: 12px; vertical-align: top; }



.field_name /* TD ZA ISPIS NAZIVA POLJA */ { /*background-color: #e6e6ff;	
	/*background-color: #c6dcf4;*/ color: black; padding: 1px 1px 1px 5px; font-size: 11px; font-weight: normal; width: 190px; width: 23%; font-weight: bold; /*width: 240px;*/ /*height: 28px;*/ }
.field_value /* TD ZA ISPIS VRIJEDNOSTI */ { vertical-align: middle; padding: 1px 1px 1px 1px; font-size: 12px; width: 27%; }
.field_value_long { vertical-align: middle; padding: 1px 1px 1px 1px; font-size: 12px; width: 72%; }
.field_error { width: 1%; width: 5px; }
.longTextBox { width: 100%; }
.longTextBoxRO { width: 100%; background-color: #eeeeee; }
.textBox { width: 98%; background-color: Transparent; }
.textBoxRO { background-color: #dddddd; width: 98%; background-color: White; border: solid 0px white; }
.textBoxROGray { width: 98%; background-color: #dddddd; }
.listBox1 { width: 165px; }
.listBox { width: 100%; }
.checkBox { font-weight: bold; }

.field_name_1 /* NAZIV POLJA PO KOJEM SE PRETRAŽUJE - LIJEVI DIO TABLICE*/ { background-color: gainsboro; color: black; padding: 1px 1px 1px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; font-size: 11px; font-weight: bold; border-left-width: 1px; border-left-style: solid; border-left-color: #ffcc66; height: 28px; width: 200px; }
.field_value_1 /* VRIJEDNOST KOJA SE TRAŽI - DESNI DIO TABLICE*/ { vertical-align: middle; padding: 1px 1px 1px 5px; border-bottom: solid 1px #ffcc66; border-right: solid 1px #ffcc66; background-color: White; font-size: 12px; width: 400px; }
.field_name_2 { text-align: left; font-weight: normal; color: black; font-size: 11px; }
.field_name1 { text-align: left; font-weight: bold; color: black; border-bottom: solid 1px blue; border-top: solid 1px blue; border-left: solid 1px blue; background-color: #f8edff; }
.field_name { background-color: #EBEBED; background-color: #C6DCF4; padding: 5px 3px 5px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; font-size: 11px; font-weight: normal; border-left-width: 0px; border-left-style: solid; border-left-color: white; /*#86D90F;*/ width: 44%; }

.field_name_top { background-color: #EBEBED; background-color: #C6DCF4; padding: 5px 3px 5px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; border-top-width: 1px; border-top-style: solid; border-top-color: white; font-size: 11px; font-weight: normal; border-left-width: 0px; border-left-style: solid; border-left-color: white; /*#86D90F;*/ width: 44%; }

.field_name_b { background-color: #EBEBED; background-color: #C6DCF4; padding: 5px 3px 5px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; font-size: 11px; font-weight: bold; border-left-width: 0px; border-left-style: solid; border-left-color: white; /*#86D90F;*/ width: 44%; }
.field_value { vertical-align: middle; padding: 2px 0px 2px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: lightblue; background-color: White; width: 55%; }

.field_name_b2 { padding: 0 0 0 0; font-size: 11px; font-weight: bold; }
.field_value2 { vertical-align: middle; padding: 2px 0 0 0; text-align: left; }

.field_error { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: lightblue; border-right-width: 1px; border-right-style: solid; border-right-color: lightblue; background-color: White; width: 1%; }
.field_error22 { width: 1%; background-color: white; border-right-width: 0px; border-right-style: solid; border-right-color: lightblue; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: lightblue; }
.field_error2 { width: 1%; background-color: white; border-right-width: 0px; border-right-style: solid; border-right-color: lightblue; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: lightblue; border-right-width: 1px; border-right-style: solid; border-right-color: lightblue; }
.colorCell { background-color: #C6DCF4; }
.menuHyperlink:link { font-size: 10px; font-weight: bold; color: Navy; }
.menuHyperlink:visited { font-size: 10px; font-weight: bold; color: Navy; }
.menuHyperlink:hover { font-size: 10px; font-weight: bold; color: gray; }
.pregled_promjena_naslov { font-size: 14px; }
.pregled_promjena_naslov_b { font-size: 14px; font-weight: bold; }

.MyCalendar .ajax__calendar_container { border: 1px solid #646464; background-color: white; color: gray; }
.MyCalendar .ajax__calendar_header { background-color: white; color: black; }
.cs_readonly_tb { border: solid 1px #bbbbbb; }

.field1_name_b { padding: 5px 3px 5px 5px; font-size: 11px; font-weight: bold; width: 50%; }
.cs_button_td { padding-top: 5px; }
.cs_row_button { padding-top: 5px; text-align: right; }
.cs_textbox_readonly { background-color: Transparent; border: none 0px white; font-size: 12px; width: 98%; }
.menu_horiz_table_cell { padding-right: 12px; }

.field_name_2 { background-color: #EBEBED; background-color: #C6DCF4; padding: 5px 3px 5px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; font-size: 11px; font-weight: bold; border-left-width: 0px; border-left-style: solid; border-left-color: white; /*#86D90F;*/ }
.field_value_2 { vertical-align: middle; padding: 2px 0px 2px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: lightblue; background-color: White; border-right-width: 1px; border-right-style: solid; border-right-color: lightblue; }
.izvul_td { border-right: solid 1px black; border-bottom: solid 1px black; width: 40px; text-align: center; font-size: 9px; }
.izvul_ulov_item { width: 40px; font-size: 9px; text-align: center; }
.cs_izv_tb { width: 30px; text-align: center; font-size: 9px; }
.cs_izv_naslov { text-align: center; font-size: 12px; font-weight: bold; }
.cs_izv_prvi_stupac { text-align: left; font-size: 10px; font-weight: bold; width: 130px; }
	.cs_izv_prvi_stupac SELECT { font-size: 10px; }
.cs_row_header { background-color: Navy; color: White; font-weight: bold; }
.cs_my_search_box { background-color: #C6DCF4; }
.cs_txt_date_read_only { border-style: none; border-width: 0px; }
.cs_izbor_osobe_text { color: White; font-weight: bold; width: 200px; }
.cs_izbor_osobe_buttons { width: 160px; }
.cs_izbor_osobe_background { background-color: #C6DCF4; border-bottom: solid 1px white; padding: 0px 0px 0px 0px; }
.cs_naslov_tablice { font-size: 12px; font-weight: bold; margin-bottom: 8px; }

.cs_menu_root_style A { font-weight: bold; font-size: 12px; color: Black; }

.cs_dynamic_menu { border-top: solid 1px green; border-left: solid 1px green; border-right: solid 1px green; }

.cs_dynamic_menu_item { padding-left: 4px; padding-right: 4px; padding-bottom: 2px; padding-top: 2px; border-bottom: solid 1px green; }

.button { height: 26px; font-size: 11px; text-align: center; color: #000000; background-color: #FFFFFF; padding-top: 0px; padding-bottom: 0px; padding-right: 4px; padding-left: 4px; font-weight: bold; /* font-family: 'Microsoft Sans Serif' , Tahoma; */ font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #cccccc; font-style: normal; text-decoration: none; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-image: url('../Images/nav-bg.gif'); background-repeat: repeat-x; cursor: pointer; cursor: hand; }
.button_margin { margin-top: 3px; }
.button_margin_left { margin-left: 3px; }

.margin5 { margin-top: 10px; }

.hiddenObject { display: none; visibility: hidden; }
.visibleObject { visibility: visible; display: block; }
/*Modal Popup*/
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

.modalPopup { background-color: White; border-width: 1px; border-style: solid; border-color: Black; width: 250px; }

.modalPopupHeaderTD { background-color: Gray; color: White; font-weight: bold; padding: 7px 5px 7px 5px; }

.modalPopupBodyTD { font-weight: normal; padding: 7px 5px 5px 5px; }

.modalPopupButtonsTD { padding: 5px 5px 5px 5px; text-align: center; }

.modalPopupButton { height: 28px; font-size: 10px; text-align: center; color: #000000; background-color: #FFFFFF; padding-top: 0px; padding-bottom: 0px; padding-right: 8px; padding-left: 8px; font-weight: bold; /* font-family: 'Microsoft Sans Serif' , Tahoma; */ font-family: Verdana, Arial, Helvetica, sans-serif; border-top: #C2C2C2 1px solid; border-left: #C2C2C2 1px solid; border-right: #202020 1px solid; border-bottom: #202020 1px solid; font-style: normal; text-decoration: none; margin-top: 3px; margin-bottom: 0px; margin-left: 4px; margin-right: 4px; background-image: url('../Images/ButtonBack.jpg'); background-repeat: repeat-x; cursor: pointer; cursor: hand; }
.cs_title { font-size: 12px; font-weight: bold; }
.cs_modal_panel { background-color: White; border: solid 1px gray; padding: 5px 5px 5px 5px; }

.yesNoModalPopup { background-color: White; border-width: 1px; border-style: solid; border-color: Black; width: 250px; height: 115px; }

.razlogPovratkaPopup { background-color: White; border-width: 1px; border-style: solid; border-color: Black; width: 270px; }

.odabirOpremePopup { background-color: White; border-width: 1px; border-style: solid; border-color: Black; width: 350px; height: 170px; }

.odabirAlataPopup { background-color: White; border-width: 1px; border-style: solid; border-color: Black; width: 270px; height: 130px; }

.unosMorfologijePopup { background-color: White; border-width: 1px; border-style: solid; border-color: Black; width: 270px; height: 350px; }

.odabirVlasnikaPopup { background-color: White; border-width: 1px; border-style: solid; border-color: Black; width: 270px; height: 105px; }

/******************NOVO*************************************************/
.cs_form_table { border-collapse: collapse; width: 100%; }


.cs_field_name_new { background-color: #C6DCF4; padding: 5px 3px 5px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; font-size: 11px; font-weight: normal; border-left-width: 0px; border-left-style: solid; border-left-color: white; width: 45%; vertical-align: top; }
.cs_field_name_new_top { border-top: solid 1px white; }
.cs_field_value_new_top { border-top: solid 1px lightblue; }

.reg_flote .cs_field_name_new { background-color: #C6DCF4; padding: 5px 3px 5px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; font-size: 11px; font-weight: normal; border-left-width: 0px; border-left-style: solid; border-left-color: white; width: 36%; vertical-align: top; }

.reg_flote .button { min-width: 200px; }

.cs_field_value_new { vertical-align: middle; padding: 2px 5px 2px 5px; border-bottom: solid 1px lightblue; border-right: solid 1px lightblue; width: 56%; font-size: 12px; background-color: White; }

.cs_field_name_new_2 { background-color: #C6DCF4; padding: 5px 3px 5px 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: white; font-size: 11px; font-weight: normal; border-left-width: 0px; border-left-style: solid; border-left-color: white; vertical-align: top; }

.cs_field_value_new_2 { vertical-align: middle; padding: 2px 5px 2px 5px; border-bottom: solid 1px lightblue; border-right: solid 1px lightblue; background-color: White; font-size: 12px; }
.datagrid_message { width: 100%; padding-top: 5px; padding-bottom: 5px; padding-left: 3px; padding-right: 3px; font-size: 12px; background-color: #eeeeee; text-transform: uppercase; }

.MyGridViewRowStyle { background-color: #e3e3e3; }
.MyGridViewAlternatigRowStyle { background-color: #ffffff; }
.MyGridViewSelectedRowStyle { background-color: #a1a1a1; }

.MyGridViewStyle { border: solid 1px #eee; }
.MyGridViewHeaderStyle { background-color: #243C53; color: White; font-weight: bold; text-align: left; font-size: 11px; }
	.MyGridViewHeaderStyle A { color: White; font-weight: bold; }
.MyGridViewPagerStyle { background-color: #AFCCA0; color: Black; }

.MyGridViewPagerLink { padding-left: 1px; padding-right: 4px; margin-left: 2px; margin-right: 2px; }
.MyGridViewPagerStyle A { border-right: solid 1px gray; color: black; }

.MyGridViewPagerLinkSelected { padding-left: 3px; padding-right: 3px; font-weight: bold; border-right: solid 1px gray; color: black; }

.MyGridViewPreHeader { background-color: #C6DCF4; padding: 0; }
	.MyGridViewPreHeader TD { font-weight: bold; padding-bottom: 3px; padding-left: 3px; padding-top: 3px; padding-right: 3px; vertical-align: middle; }

.cs_mk_ocev_table TD { font-size: 12px; }


/************************* rounded corners ******************/
.roundcont { width: 100%; color: #fff; background: url(images/bg_color.gif); margin-bottom: 6px; }

	.roundcont p { margin: 0 10px; }

.roundtop { background: url(images/top_right_corner.gif) no-repeat top right; }

.roundbottom { background: url(images/bottom_right_corner.gif) no-repeat bottom right; }

img.corner { border: none; display: block !important; width: 13px; height: 13px; }
#logo { background-image: url(../images/header/grb.gif); background-repeat: no-repeat; padding-left: 116px; margin-left: 20px; height: 74px; vertical-align: text-bottom; padding-bottom: 0px; }
	#logo h1 { color: White; font-size: 20px; margin-bottom: 0px; margin-top: 3px; font-family: Arial, Verdana; font-weight: normal; }
	#logo h2 { color: White; font-size: 12px; margin-bottom: 0px; margin-top: 3px; font-family: Arial, Verdana; font-weight: normal; }
	#logo .naslov { position: relative; top: 15px; }

#slicice { float: right; padding-right: 16px; padding-top: 5px; }

	#slicice .slika { margin-left: 3px; }

/****STRANICA***********************************************************************************/
#wrapper_middle { width: 100%; height: 28px; background: url(images/bg_color.gif); color: white; margin-bottom: 0; }

#username { font-size: 12px; padding-left: 18px; background: url(images/top_left_corner.gif) no-repeat top left; width: 210px; float: left; padding-top: 6px; }
#switch { font-size: 12px; padding-left: 2px; float: left; padding-top: 6px; }
#linkovi { font-size: 12px; padding-right: 18px; float: right; background: url(images/top_right_corner.gif) no-repeat top right; width: 50%; float: right; text-align: right; padding-top: 6px; height: 22px; }
	#linkovi ul li { display: inline; }
	#linkovi ul { padding: 0; margin: 0; }


#one_column_content { width: 100%; border-right: solid 1px #c6dcf4; border-left: solid 1px #c6dcf4; float: left; text-align: left; }

.wrapper_content { width: 100%; background: url(images/bodybg.gif) repeat-y; border-right: solid 1px #c6dcf4; float: left; }
	.wrapper_content .column_left { width: 220px; background-color: #c6dcf4; float: left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
	.wrapper_content .column_right { margin-left: 250px; background-color: white; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; }
	.wrapper_content .column_middle { padding-top: 10px; width: 20px; float: left; }



.wrapper_content_no_menu { width: 100%; border-right: solid 1px #c6dcf4; border-left: solid 1px #c6dcf4; float: left; }
	.wrapper_content_no_menu .column_left { background-color: #c6dcf4; float: left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; visibility: hidden; display: none; }
	.wrapper_content_no_menu .column_right { margin-left: 30px; background-color: white; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; }
	.wrapper_content_no_menu .column_middle { padding-top: 10px; width: 20px; float: left; margin-left: 10px; }


#footer_wrapper { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; }
#footer { margin: 0 4px 0 5px; height: 28px; background: url(images/bg_color.gif); color: white; }
#footer_left { font-size: 12px; padding-left: 18px; background: url(images/bottom_left_corner.gif) no-repeat bottom left; width: 15%; float: left; padding-top: 0px; height: 28px; }
#footer_right { font-size: 12px; padding-right: 18px; float: left; background: url(images/bottom_right_corner.gif) no-repeat bottom right; width: 15%; float: right; text-align: right; height: 28px; }

#footer_middle { width: 65%; float: left; text-align: center; padding-top: 8px; }



h1 { margin-top: 10px; font-size: 16px; color: #243c53; margin-bottom: 10px; }
h2 { font-size: 12px; font-weight: bold; margin-top: 2px; margin-bottom: 10px; }
h3 { font-size: 12px; font-weight: bold; margin-top: 2px; margin-bottom: 2px; }

.report_list { margin-left: 10px; }
.report_list h2 { font-size: 11pt; margin: 0 0 12px 0; cursor: pointer; padding: 0 0 0 20px; background: url(../images/plus.gif) left center no-repeat; }
.report_list h2.exp { background: url(../images/minus.gif) left center no-repeat; }
.report_list a { text-decoration: none; color: black; }
.report_list a div { float: left; width: 200px; min-height: 36px; font-size: 9pt; text-decoration: none; margin: 10px 10px 0 0; padding: 15px 20px 20px 20px; overflow: hidden; }
.report_list a div { background: #f8f8f8; border: solid 1px #d0d0d0; }
.report_list a:hover div { cursor: pointer; color: #4040ff; background: #fdfdfd; border: solid 1px #8080ff; }
.report_list .clps  { visibility: hidden; display: none; }
.report_list .exp  { visibility: visible; display: block; }

/********************* LOGIN PANEL *******************************************/
.login_panel { width: 400px; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; font-size: 10pt; }
.login_panel TD { text-align: left; padding: 0 0 5px 0; }
.login_panel TR { vertical-align: middle	; }
.login_panel INPUT { padding: 6px; margin: 0; }

	.login_panel P { line-height: 1.6em; margin-bottom: 6pt; }
	.login_panel UL { line-height: 1.6em; margin-top: 0; }

.login_panel_header { font-size: 13pt; text-align: left; font-weight: bold; color: #202080; vertical-align: middle; padding: 0 0 20px 0;}
IMG.login_panel_header { margin: 0 10px 0 0; vertical-align: top; }
.login_panel_class { text-align: right; }

/*****************************************************************************************************/
.GridViewPageSizer { width: 220px; height: 22px; }
	.GridViewPageSizer p { font-weight: bold; font-size: 11px; background-color: red; line-height: 22px; }

/****VALIDATION SUMMARY*****************************************************************************/
.validationSummary { color: #D8000C; border: solid 1px #D8000C; padding: 5px; background: #FFBABA url(images/error1.png) 10px 6px no-repeat; margin: 3px; }
	.validationSummary ul { list-style-type: none; padding: 0; margin: 0; }
	.validationSummary li { background-image: url(images/warning.png); background-repeat: no-repeat; background-position: 0 3px; text-indent: 20px; color: #D8000C; line-height: 20px; }


.div_grid_editing input[type="text"] { width: 98%; }


.ElOcevTextBox { width: 30px; }


.DExGrid_Header { font-weight: bold; background-color: #243C53; color: white; text-align: left; font-size: 11px; font-style: italic; }
	.DExGrid_Header A { color: white; font-weight: bold; }
.DExGrid_Pager { background-color: #AFCCA0; }
.DExGrid_PreHeader { background-color: #C6DCF4; font-weight: bold; padding: 2px; }
.DExGrid_EditFormCaption { background-color: #C6DCF4; width: 40%; border-bottom: solid 1px white; }
.DExGrid_EditFormCell { background-color: #fff; width: 60%; border-bottom: solid 1px #C6DCF4; border-right: solid 1px #C6DCF4; }

.MkOcevFieldName { font-weight: bold; background-color: #f3f3f3; }
.MkOcevValue { background-color: White; font-weight: normal; }
.MkOcevValueCenter { text-align: center; background-color: White; font-weight: normal; }
	.MkOcevValueCenter INPUT { width: 92%; }
.highlight_textbox { background-color: Red; }
.mk_ocev_godina { width: 120px; }
.mk_ocev_kol { width: 100px; }
.mk_ocev_tune_table TD INPUT[type=text] { width: 50px; }
.mk_ocev_tune_table_glavna TD { text-align: center; }
.mk_ocev_tune_header TD { font-weight: bold; background-color: #eee; }
.mk_ocev_tune_sivo { background-color: #eee; }
.mk_ocev_tamnocrveno { color: #C00000; font-weight: bold; }

.mainMenuTreeView TR { vertical-align: top; }
.mainMenuSeparator { width: 180px; height: 8px; margin-bottom: 3px; border-bottom: solid 1px #90AFD0; }

.pov_custom_menu H1 { padding: 0; padding-left: 15px; margin: 20px 0 10px 0; }
.pov_custom_menu H2 { font-size: 8pt; padding: 0; padding-left: 15px; margin-bottom: 10px; }
.pov_custom_menu H3 { font-size: 8pt; padding: 0; padding-left: 15px; background: url(../images/pred.gif) 3px 3px no-repeat; }
	.pov_custom_menu H3 A { font-weight: normal; }
.pov_custom_menu P { font-size: 8pt; padding: 0; padding-left: 15px; margin: 8px 0 18px 0; line-height: 1.6em; }
	.pov_custom_menu P.desc { width: 480px; text-align: justify; }

.popupMenu { float: left; width: 150px; padding: 1px 1px 5px 1px; background: #EAF0F6; border: solid 1px gray; position: relative; left: -10px; font-size: 10pt; position: relative; left: -3px; top: -3px; }
	.popupMenu A.mnuItem { font-size: 8pt; font-weight: bold; color: #121E31; text-decoration: none; }
		.popupMenu A.mnuItem DIV { margin: 0; padding: 3px 7px; border: solid 1px #EAF0F6; }
		.popupMenu A.mnuItem:hover DIV { background: #B6CBE0; border: solid 1px #6591BD; }

.breadcrumbs { color: #404040; margin: 7px 0 14px 0; }
	.breadcrumbs A { color: Teal; }

.zadruge { }
	.zadruge .cs_field_name_new { width: 25%; font-size: 8pt; }
	.zadruge .cs_field_value_new { vertical-align: middle; padding: 2px 5px 2px 5px; border-bottom: solid 1px lightblue; border-right: solid 1px lightblue; width: 56%; font-size: 8pt; background-color: White; }
		.zadruge .cs_field_value_new INPUT,
		.zadruge .cs_field_value_new SELECT,
		.zadruge .cs_field_value_new TEXTAREA,
		.zadruge .cs_field_value_new .dxeButtonEdit { font-family: Verdana; font-size: 9pt; width: 320px; }

.izborLookupEdit { list-style-type: none; width: 300px !important; border: solid 1px #606060; background: #F0F0FF; padding: 1px; font-family: Tahoma, Arial, Sans-Serif; font-size: 8pt; line-height: 1.2em; position: absolute !important; z-index: 200000 !important; }
.izborLookupEditItem { padding: 4px 8px 4px 8px; cursor: pointer; white-space: nowrap; overflow: hidden; text-align: left; font-weight: normal; }
.izborLookupEditItemHighlighted { padding: 4px 8px; background: #B6CBE0; white-space: nowrap; overflow: hidden; color: black; cursor: pointer; text-align: left; font-weight: normal; }
	.izborLookupEditItemHighlighted .izborLookupEditKeyword { color: white; background: #495D8A; }
.izborLookupEditKeyword { color: white; background: #495D8A; }

.izborLookupEditTooltip { width: 310px; height: 50px; background: #FFFFE0; border: solid 1px #a0a0a0; padding: 7px; font: Arial, Sans-serif; line-height: normal; font-size: 7.5pt; color: #808080; }

.zadrugaIzborLookupEdit { list-style-type: none; width: 300px !important; border: solid 1px #606060; background: #F0F0FF; padding: 1px; font-family: Tahoma, Arial, Sans-Serif; font-size: 8pt; line-height: 1.2em; }
.zadrugaIzborLookupEditItem { padding: 4px 8px 4px 8px; cursor: pointer; white-space: nowrap; overflow: hidden; }
.zadrugaIzborLookupEditItemHighlighted { padding: 4px 8px; background: #B6CBE0; white-space: nowrap; overflow: hidden; color: black; cursor: pointer; }
	.zadrugaIzborLookupEditItemHighlighted .zadrugaIzborLookupEditKeyword { color: white; background: #495D8A; }
.zadrugaIzborLookupEditKeyword { color: white; background: #495D8A; }

.zadrugaIzborLookupEditTooltip { width: 310px; height: 50px; background: #FFFFE0; border: solid 1px #a0a0a0; padding: 7px; font: Arial, Sans-serif; line-height: normal; font-size: 7.5pt; color: #808080; }

.itemIzborControl { background: #ffffff url(../images/search.jpg) no-repeat right center; height: 18px; padding: 0 2px; border-top: 1px solid #ABADB3; border-right: 1px solid #DBDFE6; border-bottom: 1px solid #E3E9EF; border-left: 1px solid #E2E3EA; }

.control_buttons { margin: 4px 0; }
	.control_buttons .button { margin-bottom: 5px; }

.marikultura { width: 480px; margin: 0 20px 20px 0; border: none; border-collapse: collapse; }
	.marikultura .cs_field_name_new, .marikultura .cs_field_name_new2 { width: 25%; font-size: 8pt; vertical-align: top; padding: 4px 5px 6px 5px; }
	.marikultura .cs_field_value_new { vertical-align: top; padding: 4px 5px 2px 5px; border-bottom: solid 1px lightblue; border-right: solid 1px lightblue; width: 56%; font-size: 8pt; background-color: White; }
		.marikultura .cs_field_value_new INPUT,
		.marikultura .cs_field_value_new SELECT,
		.marikultura .cs_field_value_new TEXTAREA,
		.marikultura .cs_field_value_new .dxeButtonEdit { font-family: Verdana; font-size: 8pt; width: 320px; }
		.marikultura .cs_field_value_new BIG { display: block; margin: 8px 0 10px 0; font-weight: normal; font-size: 10pt; }
	.marikultura .cs_field_name_new2 { width: 50%; background-color: #C6DCF4; padding: 5px 3px 5px 5px; border-bottom: solid 1px white; font-size: 8pt; font-weight: normal; border-left: none; }

	.marikultura .cs_field_value_new2 { vertical-align: middle; padding: 2px 5px 2px 5px; border-bottom: solid 1px lightblue; border-right: solid 1px lightblue; font-size: 8pt; background-color: White; }
		.marikultura .cs_field_value_new2 INPUT,
		.marikultura .cs_field_value_new2 SELECT,
		.marikultura .cs_field_value_new2 TEXTAREA,
		.marikultura .cs_field_value_new2 .dxeButtonEdit { font-family: Verdana; font-size: 8pt; width: 190px; }

	.marikultura .DExGrid_Header { background: #C6DCF4 !important; }
		.marikultura .DExGrid_Header TD { color: black !important; }

.ocevidnik { border-collapse: collapse; margin-bottom: 15px; width: 650px; }
	.ocevidnik .titleCellClass { background: none; color: black; font-weight: normal; text-align: center; }
	.ocevidnik .td_value,
	.ocevidnik .td_value2,
	.ocevidnik .td_name,
	.ocevidnik .td_name2 { padding: 4px 10px; border: solid 1px #808080; vertical-align: middle; }
		.ocevidnik .td_name SELECT,
		.ocevidnik .td_name TEXTAREA,
		.ocevidnik .td_name INPUT { vertical-align: middle; }
	.ocevidnik .td_value2 { text-align: center; vertical-align: middle; }
		.ocevidnik .td_value2 SELECT,
		.ocevidnik .td_value2 TEXTAREA,
		.ocevidnik .td_value2 INPUT { font-family: Verdana; font-size: 8pt; width: auto; text-align: center; }
	.ocevidnik .td_name { width: 50%; }
	.ocevidnik .td_name2 { text-align: center; }
.ocevidnik_help { width: 630px; margin: 30px 0 0 0; line-height: 1.4em; }
	.ocevidnik_help UL LI { margin-bottom: 8px; text-align: justify; }

.small_buttons { width: 650px; text-align: right; margin: -10px 0 20px 0; padding: 0; }
	.small_buttons .button { font-size: 7pt; text-align: center; color: #000000; background-color: #FFFFFF; padding: 3px 4px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #60D060; margin: 0; font-style: normal; text-decoration: none; background-image: url('../Images/nav-bg.gif'); background-repeat: repeat-x; cursor: pointer; cursor: hand; }

.newModalPopup { width: 480px; position: absolute; }
	.newModalPopup .container { background: #f0f0ff; padding: 5px 10px 15px 10px; text-align: center; border: solid 1px #fefeff; border-right: solid 1px gray; border-bottom: solid 1px gray; }

		.newModalPopup .container SELECT,
		.newModalPopup .container TEXTAREA,
		.newModalPopup .container INPUT { font-size: 8pt; }

.koordinate_view { }
	.koordinate_view UL { list-style: none; font-size: 8pt !important; margin-left: 0; }
	.koordinate_view LI { padding: 2px 0 3px 0; margin-bottom: 3px; clear: both; }
	.koordinate_view INPUT { width: 200px !important; }
	.koordinate_view .control_buttons { float: right; margin: 0 4px 0 2px; padding: 0; }
	.koordinate_view .linkbutton { }
		.koordinate_view .linkbutton IMG { border: none; margin-top: 3px; width: 16px; height: 16px; }
	.koordinate_view .point { display: block; padding: 0 6px 2px 6px; margin: 0 5px 0 0; background: #243c53; color: White; font-weight: bold; float: left; }
	.koordinate_view .btn2 IMG { width: 13px; height: 13px; margin-right: 3px; }
	.koordinate_view .addNewItem .control_buttons { margin-left: 1px; float: left; }
	.koordinate_view .addNewItem .linkbutton IMG { margin-right: 3px; }

.globalinfomessage { font-weight: normal; line-height: 1.6em; margin: 10px 50px 20px 0; background: #FFEEEE; border: solid 2px #FFAAAA; font-size: 9pt; padding: 15px 20px 20px 20px; }


.nmgrp { width: 200px; margin: 0 0 0 3px; padding: 3px 6px 3px 8px; font-family: Tahoma; font-size: 9pt; font-weight: bold; cursor: pointer; }
.nmgrp .name { margin: 0 0 6px 0; }
.nmgrp .nmitm { visibility: hidden; display: none; }
.nmgrp .spcr { padding: 0 0 3px 0; }

.nmgrp { background: url("../images/mnugrp.gif") top left no-repeat; }
.exp .nmitm { visibility: visible; display: block; }
.nmitm { text-decoration: none; }
.nmitm.sprtr { margin: 10px 0 10px 10px; border-bottom: solid 1px #90AFD0;  }
.nmitm:hover { text-decoration: underline; }
.nmitm div { background: url("../images/mnuitm.png") top left no-repeat; margin: 0 0 3px 6px; padding: 3px 6px 3px 10px; font-family: Tahoma; font-size: 10pt; font-weight: normal; }

/*
	ACCORDION za povijest plovila	
	*/

.accordion_header, .accordion_header_selected { padding: 5px 5px 10px 5px; margin: 0 0 1px 0; font-size: 10pt; cursor: pointer; color: white; font-weight: bold; }
.accordion_header { background: #243C53 url(../images/expand.gif); background-repeat: no-repeat; background-position: 98% center; }
.accordion_header_selected { background: #243C53 url(../images/collapse.gif); background-repeat: no-repeat; background-position: 98% center; }
.accordion_content TD.row_name { width: 180px; vertical-align: top; font-weight: bold; font-size: 8pt; }
.accordion_content TD.row_value { vertical-align: top; font-size: 8pt; }