/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
	margin: 0px;
	background-image: url(back_OpceStranice.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	SCROLLBAR-FACE-COLOR: #AFBCCB; 
	SCROLLBAR-HIGHLIGHT-COLOR: white; 
	SCROLLBAR-SHADOW-COLOR: #C2CEDB; 
	SCROLLBAR-3DLIGHT-COLOR: #C2CEDB; 
	SCROLLBAR-ARROW-COLOR: #6E7680; 
	SCROLLBAR-DARKSHADOW-COLOR: white; 
	SCROLLBAR-BASE-COLOR: silver;
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

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

.RightPane  { 
}

/* hyperlink style for the selected tab */
.SelectedTab, A.SelectedTab:link, A.SelectedTab:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6A6A6A;
	text-decoration: none;
}

A.SelectedTab:hover    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3B3B3B;
	text-decoration: none;
}

/* text style for the unselected tabs */
.OtherTabs, A.OtherTabs:link, A.OtherTabs:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.OtherTabs:hover    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2D6C90;
	text-decoration: none;
}

/* GENERAL */
/* style for module titles */
.Head   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #505E66;
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.Normal a:visited {
	color: #2D6C90;
	text-decoration: underline;
}

.Normal a:hover {
	color: #D18933;
	text-decoration: underline;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.NormalRed
{
}

.NormalBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton, A.CommandButton:link, A.CommandButton:visited    
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #F5F5F5;
	border: 1px solid #999999;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:hover    
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #377599;
	text-decoration: none;
	background-color: #E2E2E2;
	border: 1px solid #377599;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}

/* GENERIC */

TEXTAREA {
	border: 1px solid #949494;
	padding-left: 3px;
	padding-right: 3px;
	background-image: url(/Portals/1/Skins/OtokHvar/back_login.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link, A:active, A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #2D6C90;
	text-decoration: underline;
}

A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #D18933;
	text-decoration: underline;
}
SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

/*mainmenu container*/
.MainMenu_MenuContainer {
	border: 0 solid #909191;
	background-color: #909191;
}

/*mainmenu links*/
.MainMenu_MenuBar {
	cursor: hand; 
	height:25;
}

/*submenu links*/
.MainMenu_MenuItem {
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica; 
	font-size: 11; 
	font-weight: bold; 
	font-style: normal;
	border: 1 solid #A6A6A6;
}

/*icon on submenu background*/
.MainMenu_MenuIcon {
	cursor: hand; 
	background-color: #A6A6A6;
	border: 1 solid #A6A6A6;
	text-align: center; 
	width: 15; 
	height: 21;
}

/*submenu background*/
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: hand; 
	background-color: #A6A6A6;
	border: 0 solid #A6A6A6;
}

.MainMenu_MenuBreak {
	border: 0 solid #A6A6A6;
	background-color: White; 
	height: 1px;
}

.MainMenu_MenuItemSel {  
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica;
	font-size: 11; 
	font-weight: bold; 
	background-color: #909191;
	border: 1 solid #909191;
}

.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: hand; 
	border-color: #A6A6A6;
	border-style: solid;
	border-width: 0;
	text-align:left;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: hand;
}

/* text style for title in top right container */
#ContainerPlace .Head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F8F5E3;
} 

/* text style for text in top right container */
#ContainerPlace .Normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
} 

#ContainerRandomApp .Head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8094AC;
} 

/* text style for text in top right container */
#ContainerRandomApp .Normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-decoration: none;
	color: #32547F;
}
#ContainerRandomApp .Normal A:link, #ContainerRandomApp .Normal A:active, #ContainerRandomApp .Normal A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-decoration: none;
	color: #32547F;
}
#ContainerRandomApp .Normal A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-decoration: none;
	color: #FFFFFF;
}
/* text style for title in Right Pane */
#ContainerRight .Head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #97B6C7;
} 

/* text style for title in Left Pane Container*/
#ContainerLeft .Head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
} 

 /*hyperlink style for buttons and link buttons in Left Pane Container*/
#ContainerLeft .CommandButton  
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 0px solid;
	background-color: #DEE5EA;
	padding: 0px;
}
    
#ContainerLeft A.CommandButton:hover    
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #377599;
	text-decoration: none;
	border: 0px solid;
	background-color: #DEE5EA;
	padding: 0px;
}

#ContainerLeft A:link, A:visited, A:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#ContainerLeft A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #377599;
	text-decoration: none;
}

#GlasnikContent table, td {
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-collapse:collapse;
}

/* text style for cell around User token */
.UserTokenCell {
	border-width: 1 1 1 0;
	border-style: solid;
	border-color: #FFFFFF;
	padding: 0 5 0 6;
}

.UserToken, A.UserToken:link, A.UserToken:visited, A.UserToken:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A.UserToken:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4F688C;
	text-decoration: none;
}

.NormalGray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6A6A6A;
}

.HeadBorder {
	padding: 1 5 1 5;
	background-color: #EDE8CF;
	border-width: 1 1 0 1;
	border-color: #BEBEBE;
	border-style: solid;
}


/* Mjesta otoka hvara CSS - SIDEMENU klase */

.menuitem0 a, .menuitemcurrenttab0 a, .menuitemopentab0 a,
.menuitem1 a, .menuitemcurrenttab1 a, .menuitemopentab1 a,
.menuitem2 a, .menuitemcurrenttab2 a, .menuitemopentab2 a,
.menuitem3 a, .menuitemcurrenttab3 a, .menuitemopentab3 a,
.menuitem4 a, .menuitemcurrenttab4 a, .menuitemopentab4 a,
.menuitem5 a, .menuitemcurrenttab5 a, .menuitemopentab5 a 
{
 border-width: 0px 0px 1px 0px;
 border-style: dotted;
 border-color: #AFBCCB;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 padding: 1 0 1 0;
 text-decoration: none;
 width: 100%;
}

.menuitem0 a, .menuitemopentab0 a, .menuitemcurrenttab0 a 
{
 padding-left: 5px;
 color: #000000;
}

.menuitem0 a:link, .menuitem1 a:link, .menuitem2 a:link, 
.menuitem3 a:link, .menuitem4 a:link, .menuitem5 a:link 
{
 text-decoration: none;
 color: #000000;
}

.menuitem0 a:visited, .menuitem1 a:visited, .menuitem2 a:visited, 
.menuitem3 a:visited, .menuitem4 a:visited, .menuitem5 a:visited 
{
 text-decoration: none;
  color: #000000;
}

.menuitem0 a:hover, .menuitemcurrenttab0 a:hover, .menuitemopentab0 a:hover,
.menuitem1 a:hover, .menuitemcurrenttab1 a:hover, .menuitemopentab1 a:hover,
.menuitem2 a:hover, .menuitemcurrenttab2 a:hover, .menuitemopentab2 a:hover,
.menuitem3 a:hover, .menuitemcurrenttab3 a:hover, .menuitemopentab3 a:hover,
.menuitem4 a:hover, .menuitemcurrenttab4 a:hover, .menuitemopentab4 a:hover,
.menuitem5 a:hover, .menuitemcurrenttab5 a:hover, .menuitemopentab5 a:hover 
{
 color: #2D6C90;
 text-decoration: none;
}

.menuitem1 a, .menuitemopentab1 a, .menuitemcurrenttab1 a 
{
 padding-left: 5px;
 color: #000000;
}

.menuitem2 a, .menuitemopentab2 a, .menuitemcurrenttab2 a 
{
 padding-left: 18px;
 color: #000000;
}

.menuitem3 a, .menuitemopentab3 a, .menuitemcurrenttab3 a 
{
 padding-left: 18px;
 color: #000000;
}

.menuitem4 a, .menuitemopentab4 a, .menuitemcurrenttab4 a 
{
 padding-left: 14px;
 color: #000000;
}

.menuitem5 a, .menuitemopentab5 a, .menuitemcurrenttab5 a 
{
 padding-left: 17px;
 color: #000000;
}

.menuitemcurrenttab0, .menuitemcurrenttab1, .menuitemcurrenttab2, 
.menuitemcurrenttab3, .menuitemcurrenttab4, .menuitemcurrenttab5 
{
 color: #000000;
 font-weight: bold;
 background-color: #EAF1F6;
}

.menuitemicon0, .menuitemicon1, .menuitemicon2, 
.menuitemicon4, .menuitemicon4, .menuitemicon5 
{
 margin: 2px;
 vertical-align: middle;
}

.menuitemtext, .menuitemtext0, .menuitemtext1, .menuitemtext2, 
.menuitemtext4, .menuitemtext4, .menuitemtext5 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: regular;
 text-decoration: none;
}
/**************************************************************************************************/
/* Begin NukeMenu Styles */
/**************************************************************************************************/

/* First (topmost) level of menus */
.TopGroup
{
	background-color: #AFBCCB;
}

.TopItem
{
	color: #2C496D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	cursor: hand;
}

.TopItemOver
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	cursor: hand;
}

.TopItemSelected
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	cursor: hand;
}

.TopItemSelectedOver
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	cursor: hand;
}

.TopItemChildSelected
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	cursor: hand;
}

.TopItemChildSelectedOver
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	cursor: hand;
}

/* General menu item (levels below first level) */
.Group
{
	border: solid 1px #A6A6A6;
}

.Item
{
	background-color: #AFBCCB;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: hand;
}

.ItemOver
{
	background-color: #AFBCCB;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: hand;
}

.ItemSelected
{
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: hand;
}

.ItemSelectedOver
{
	background-color: #AFBCCB;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: hand;
}

.ItemChildSelected
{
	background-color: #AFBCCB;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: hand;
}

.ItemChildSelectedOver
{
	background-color: #AFBCCB;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: hand;
}

.ChildTopGroup
{
	background-color: white;
}

.ChildTopItem
{
	color: black;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: hand;
}

.ChildTopItemOver
{
}

.ChildTopItemSelected
{
}

.ChildTopItemSelectedOver
{
}

.ChildTopItemChildSelected
{
}

.ChildTopItemChildSelectedOver
{
}

/* General menu item (levels below first level) */
.ChildGroup
{
}

.ChildItem
{
}

.ChildItemOver
{
}

.ChildItemSelected
{
}

.ChildItemSelectedOver
{
}

.ChildItemChildSelected
{
}

.ChildItemChildSelectedOver
{
}


/* Current weather */
.CurrentWeather {
	border-collapse: collapse;
	margin-left: 4px;
}
.CurrentWeather TD,
.CurrentWeather TH {
	font-size: 10px;
	font-weight: normal;
	padding: 3px 2px;
	vertical-align: middle;
	white-space: nowrap;
}
.CurrentWeather TH {
	border-bottom: 1px #CCC solid;
	color: #2d6c90;
}
.CurrentWeather TR:hover {
	background-color: #fdf0ab;
}
.Source {
	font-size: 10px;
	text-align: right;
	margin: 4px 0;
	width: 135px;
}
.Source IMG {
	vertical-align: middle;
	margin: 0 0 0 5px;
	border-width: 0;
}
/* Short list */
/* column align in IE */
.ShortCW .c3,
.ShortCW .c4 {
	text-align: center;
}
.ShortCW .c2 {
	text-align: left;
}
.ShortCW TD+TD+TD {
	text-align: center;
}


/* Exchange rate */
.ExchangeRate TABLE {
	border-collapse: collapse;
	margin-left: 4px;
	width: 125px;
}
.ExchangeRate .List TD,
.ExchangeRate .List TH {
	font-size: 10px;
	font-weight: normal;
	padding: 3px 4px;
	vertical-align: middle;
}
.ExchangeRate .List TR:hover {
	background-color: #fdf0ab;
}
.ExchangeRate TH {
	border-bottom: 1px #CCC solid;
	color: #2d6c90;
}
.ExchangeRate .NormalDropDown {
	font-size: 10px;
	width: 50px;
}
.ExchangeRate .NormalTextBox {
	width: 50px;
}
.ExchangeRate .NormalDropDown:focus,
.ExchangeRate .NormalTextBox:focus {
	background-color:#fffbe4; 
}
.ExchangeRate .Calc {
	margin: 10px 0;
	
}
.ExchangeRate .Calc TD {
	padding: 2px;
}
.LongER .Alt {
	background-color: #e8e8e8;
}
.ExchangeRate .Up {
	color: #3e5e89;
}
.ExchangeRate .Down {
	color: #c01818;
}
/* Short list */
/* column align in IE */
.ShortER .c1,
.ShortER .c3,
.ShortER .c4 {
	text-align: center;
}
.ShortER .c2 {
	text-align: right;
}
/* column align in Mozzila */
.ShortER TH+TH {
	text-align: left;
}
.ShortER TD+TD {
	text-align: right;
}
.ShortER TD+TD+TD {
	text-align: center;
}