/* 
================================
 Container Styles for DotNetNuke
================================
*/   

.ContainerWrapperWithoutTitle
{
	background-color: #CCCCCC;
}

.ContainerWrapperWithTitle
{
	background-color: #E9E9E9;
}

.ContainerWrapperWhiteBackground
{
	background-color: #FFFFFF;
}

.ContainerTitle
{
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	color: #FFFFFF;
	background-image: url('images/header_bg.jpg');
	background-position: right top;
	line-height: 24px;
	text-indent: 8px;
	text-transform: uppercase;
	border-left: 1px solid #848484;
}

.Container_Title
{
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	color: #FFFFFF;
}

.ContainerContent
{
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	font-style: normal;
	color: #7F7F7F;
	margin: 10px;
}

.ContainerContentWhiteBackground
{
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 11px; 
	color: #000000;
	padding: 10px;
}

.ContainerContentGrayBackground
{
	font-family: Verdana; 
	font-size: 11px; 
	color: #FFFFFF;
	padding: 10px;
	background: #989898;
}

.ContainerContentWithBorder
{
	font-family: Verdana; 
	font-size: 11px; 
	color: #7F7F7F;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
}

.ContainerContentWithBorderWhiteBackground
{
	font-family: Verdana; 
	font-size: 11px; 
	color: #7F7F7F;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px;
	background: #FFFFFF;
}


.ModuleTitle_MenuItem
{
	border: black 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
	padding: 1px 3px 3px 1px;	
}


.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  {
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}

/* 
================================
 KLASE ZA TREEVIEW
================================
*/   

.tvNodeStyle
{ 
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	color: #B02F28;
	text-decoration: none;
}

.tvNodeStyle:First-Letter
{ 
	text-transform: uppercase;
}

.tvRootNodeStyle
{
	
}

.tvParentNodeStyle
{ 
	
}

.tvLeafNodeStyle
{   	
   	
}

.tvHoverNodeStyle, .tvHoverNodeStyle a
{
	background-color: #FFFFFF;
	color: #444444;
	text-decoration: none;
}

.tvSelectedNodeStyle
{
	background-color: #FFFFFF; 
	border: 1px solid #ABABAB;
}

td.tvLeafNodeStyle, td.tvParentNodeStyle, td.tvRootNodeStyle
{
	border-bottom: 1px solid #CECECE;
}

td.tvLeafNodeStyle a, td.tvParentNodeStyle a, td.tvRootNodeStyle a
{
   	display: block;
	margin: 3px;
	text-decoration: none;
}

.tvTreeViewStyle  /* >>> klasa cijelog TreeViewa */
{
	width: 100%;
}

.tvTreeViewStyle table td
{
	vertical-align: top;
}

/* 
================================
    KLASE ZA HORIZONTAL MENU 
================================
*/ 

.tableHorizontalMenuWrapper /* >>> tablica na vrhu - wrapper */
{
    

}

.tableHorizontalMenu /* >>> klasa cijele tablice na vrhu */
{
    	font-size: 11px;
    	background-color: #797979;
	padding:0px;
	margin:0px;

}

.HorizontalMenuLinkButton  /* >>> linkbutton */
{
    	font-family: Arial;
	color: #EEEEEE;
	text-decoration: none;
	font-size: 12px !important;
	padding:0px;
	font-weight:normal;
}

.HorizontalMenuLinkButton:hover  /* >>> linkbutton */
{
	color: #FFFFFF;
	text-decoration: underline;
}

.HorizontalMenuLinkButtonSelected /* >>> linkbutton selected */
{ 
	font-weight:bold;
	background-color: #DDDDDD;
	color:#444444;
    	padding: 2px 4px 2px 4px;
}

.HorizontalMenuLinkButtonSelected:hover /* >>> linkbutton selected */
{ 
	text-decoration: none;
	font-weight:normal;
	border: 1px solid #B5B5B5;
	background-color: #EE4036;
	color:#FFFFFF;
}

.HorizontalMenuLinkButton:First-Letter, .HorizontalMenuLinkButtonSelected:First-Letter
{ 
    display:block;
	text-transform:uppercase;
}

.tableHorizontal td {vertical-align:top; padding:0px;}

.tableHorizontal td ul {list-style-type:none;margin:0; padding:0; line-height:15px; }

.tableHorizontal td ul li {list-style-type:none; text-align:left; margin-right:5px; margin-bottom:2px; background-image:url(../../../../DesktopModules/BazaZnanjaModulPropisi/Images/bulet.gif); background-repeat:no-repeat; background-position:left top; padding-left:9px;}

.tableHorizontal td ul li a {}

.tableHorizontal td ul li a:hover {}

#arrowLeft, #arrowRight
{
	margin:0px;
	padding:0px;
	border:0px;
}

#divBg           {position:relative; z-index:10; clip:rect(0px 0px 0px 0px); visibility:hidden; float:left;	background-color: #797979;}
#divMenu         {position:relative; z-index:11; top:0px; color:#444444; visibility:inherit;}
#divArrowLeft    {position:relative; z-index:12; top:0px; padding-left:0px; padding-right:8px; visibility:inherit;}
#divArrowRight   {position:relative; z-index:12; top:0px; padding-right:0px; padding-left:8px; visibility:inherit;}



/* 
================================
    KLASE ZA VERTICAL MENU 
================================
*/ 


.tableQuickLinksWrapper /* >>> klasa cijele tablice u desnom pane-u */
{

}

.QuickLinksLinkButton /* >>> linkbutton */
{
}

.tableQuickLinks a
{
    font-family: Arial;
	font-size: 11px;
	color: #993333;
	font-weight: bold;
	text-decoration: none;
	display:block;
}

.tableQuickLinks a:hover
{
    
	color: #ff3300;
	text-decoration: underline;
	
}

.tableQuickLinks a:First-Letter
{
	text-transform:uppercase;
}

/* 
================================
    KLASE ZA PRIKAZ PRILOGA 
================================
*/ 

.PriloziSeperator
{

}

.PriloziParentInfo
{
 
}

.PriloziNoData
{

}

.PrilogWrapper
{

}

.PriloziMainWrapper
{
 	background-color: White;
 	padding: 1px;
}

.PriloziContentWrapper
{
 	padding: 13px;
}

/* 
================================
 MODULI: PRILOG/ZI -- PROPIS/I
================================
*/

.ItemTypeName, .itemTypeName font
{
	font-family: Arial;
	font-size: 12px;
	color: #FF3333;
	font-weight: normal;
	margin-bottom:6px;
}

.Title, .Title font
{
	font-family: Arial;
	font-size: 13px;
	color: #444444;
	font-weight: bold;
	margin-bottom:6px;
	display:block;
}

.LastUpdate, .LastUpdate font
{
	font-family: Tahoma;
	font-size: 9px;
	color: #999999;
	font-weight: normal;
	letter-spacing:-1px;
	margin-bottom:3px;
}

.Text, .Text font
{
	font-family: Arial;
	font-size: 12px;
	color: #444444;
	margin-top:6px;
}

.Links
{
	font-family: Arial;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	text-decoration: none;
}

.Links a, a:active, a:visited
{
	font-family: Arial;
	color: #993333;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.Links:First-Letter
{
	text-transform:uppercase;
}

.Links a:hover 
{
	color: #FF3333;
	font-weight: bold;
	text-decoration: underline;
}

.DinamicLink, .DinamicLink:visited,  .DinamicLink:active  /*  Link "više..." kod prikaza priloga i teksta propisa */
{
	font-family: Arial;
	font-size: 11px;
	color: #993333;
	font-weight: bold;
	text-decoration: none;
	text-transform:lowercase;
}

.DinamicTekst    /*  Tekst koji se prikazuje pritiskom na link "više..." kod prikaza priloga i teksta propisa */
{
    
}

.pnlMarquee a
{
	font-family: Arial;
	font-size: 11px;
	color: #993333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}

.pnlMarquee a:hover
{
	color: #ff3300;
	text-decoration: underline;
}

.pnlMarquee a:First-Letter
{
	text-transform:uppercase;
}

/* 
================================
 MODULI: PRETRAGA / REZULTATI
================================
*/

.SearchPanelForm /*  SVE   */

.SearchFormTable
{
    	font-family: Arial;
	font-size: 11px;
	color: #444444;
}

.SearchButton
{
    	font-family: Arial;
	font-size: 11px;
	color: #444444;
	font-weight: bold;
}

.advOption
 {
    	font-family: Arial;
	font-size: 11px;
	color: #993333;
	font-weight: bold;
	text-decoration: none;
 }
 
.TextBoxControl
{
	width:100px;
    	font-family: Arial;
	font-size: 11px;
	color: #444444;
}

.DropDownListControl

{
    font-family: Arial;
	font-size: 11px;
	color: #444444;
}

.lbtnKalendar
{
    color: #993333;
}

.calendar_cognita
{
    background-color:White;
    
}

.gvLink
{
    font-family: Arial;
	font-size: 11px;
	color: #993333;
	font-weight:normal;
}

.gvLink:hover
{
	color: #ff3300;
}

.gvLinkRelevant
{
    font-family: Arial;
	font-size: 11px;
	color: #993333;
	font-weight:bold;
}

.gvLinkRelevant:hover
{
	color: #ff3300;
}

.GridViewSortButton
{
    	text-decoration:none !important;
    	font-weight:bold;
    	color:#FFFFFF;
    	margin-left:3px;
}

.GridViewSortButton:hover
{
    	text-decoration:underline !important;
}

.gridViewHeader
{
    	background-color:  #999999;
    	color:#FFFFFF;
}

.GridView
{
    	border-bottom: 1px solid #cccccc;
}

.gridViewPager 
{
    	font-weight:bold;
    	color:#FF3300;
    	text-decoration:none;
}

.MenuTab
{
	border: 1px solid #222222;
    	background-color:#777777;
    	padding:3px;
    	margin:5px;    
    	text-transform:uppercase;
    	color:#dddddd;
}

.MenuTabSelected
{
    	background-color:#ffffff;
    	color: #993333;
    	font-weight:bold;
}

.ResultsTitle
{
    	font-weight:normal;
    	color:#444444;
}

.MenuTabHover
{
    	background-color:#dddddd;
    	color: #ff3300;
}

.ResultsTabStaticMenuItemStyle
{
    	text-transform:uppercase;
    	color:#993333;
    	text-decoration:underline !important;
    	margin-bottom:8px;margin-top:8px;
    	padding: 3px 4px 3px 4px;
}

.ResultsTabStaticSelectedStyle
{
    	/*background-color:#ffffff;*/
    	color: #666666;
    	font-weight:bold;
    	text-decoration:none !important;
    	border:1px solid #BBBBBB;
}

.ResultsTabStaticHoverStyle
{
    	color: #ff3300;
}

/**************************
***    AJAX KALENDAR    ***
***************************/

.calendar_cognita .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#ffffff;
    color:#000000;
}
.calendar_cognita .ajax__calendar_footer {
    border-top:1px solid #f5f5f5;
} 
.calendar_cognita .ajax__calendar_dayname {
    border-bottom:1px solid #f5f5f5;
} 
.calendar_cognita .ajax__calendar_day {
    border:1px solid #ffffff;
} 
.calendar_cognita .ajax__calendar_month {
    border:1px solid #ffffff;
} 
.calendar_cognita .ajax__calendar_year {
    border:1px solid #ffffff;
} 
.calendar_cognita .ajax__calendar_active .ajax__calendar_day {
    background-color:#ffeded;
    border-color:#FF3300;
    color:#FF3300;
} 
.calendar_cognita .ajax__calendar_active .ajax__calendar_month {
    background-color:#ffeded;
    border-color:#FF3300;
    color:#FF3300;
} 
.calendar_cognita .ajax__calendar_active .ajax__calendar_year {
    background-color:#ffeded;
    border-color:#FF3300;
    color:#FF3300;
} 
.calendar_cognita .ajax__calendar_other .ajax__calendar_day {
    background-color:#ffffff; 
    border-color:#ffffff;
    color:#646464;
} 
.calendar_cognita .ajax__calendar_other .ajax__calendar_year {
    background-color:#ffffff;
    border-color:#ffffff;
    color:#646464;
} 
.calendar_cognita .ajax__calendar_hover .ajax__calendar_day {
    background-color:#CC0000;
    border-color:#ffaeae;
    color:#FFFFFF;
} 
.calendar_cognita .ajax__calendar_hover .ajax__calendar_month {
    background-color:#fff5f5;
    border-color:#ffaeae;
    color:#ff6c6c;
} 
.calendar_cognita .ajax__calendar_hover .ajax__calendar_year {
    background-color:#fff5f5;
    border-color:#ffaeae;
    color:#ff6c6c;
} 
.calendar_cognita .ajax__calendar_hover .ajax__calendar_title {
    color:#FF3300;
} 
.calendar_cognita .ajax__calendar_hover .ajax__calendar_today {
    color:#FF3300;
}
/***    END AJAX KALENDAR   ***/

/* --- Paginacija priloga --- */
.pnlPages
{
	background-color: #CCCCCC;
	padding: 10px;
	text-align: center;
}
    
.btnPages
{
	padding: 5px; 
	color: #666666; 
	margin: 2px;
	border: solid 1px #CCCCCC;
	text-decoration: none;
}
    
.btnPages:hover, .PriloziPageButton:hover
{
	background-color: #FFFFFF;
	color: #EE4036;
	padding: 5px;  
	margin: 2px;
	border: solid 1px #888888;
	text-decoration: none;
}

.btnPagesSelected
{
	background-color: #FFFFFF;
	color: #EE4036;
	padding: 5px;  
	margin: 2px;
	border: solid 1px #888888;
	text-decoration: none;
}

.btnPagesSelected:hover
{
	text-decoration: none;
}

.PriloziPageButton
{
    padding: 5px;  
	margin: 2px;
	border: solid 1px #ccc;
	color: #666666; 
	text-decoration: none;
}