@charset "windows-1250";

/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #fff url(img/bodyBgnd.gif) center top repeat-y; }
td, input, textarea, select, div { font: 11px Arial, Helvetica, sans-serif; color: #4d4f51; }

.searchbox { background: #fff; border: 1px solid #d3d3d3; padding: 2px 3px 1px 5px; }
.searchbox2 { background: #fff; border: 1px solid #a5a5a5; padding: 2px 3px 1px 5px; }
.button { background: #999999; font-weight: bold; color: #fff; border: none; cursor: pointer; }

.txtGreen { color: #079200; }
.txtRed { color: #d11119; }
.txtLightGrey { color: #959595; }
.napomena { font-size: 10px; }

ul.inline { list-style-type: none; margin: 0; padding: 0; }
ul.inline li { display: inline; }

ul.leftMenu { list-style-type: none; margin: 0; padding: 0; }
ul.leftMenu li { text-align: left; margin: 0; padding: 0; white-space: nowrap; margin-bottom: 1px; }
ul.leftMenu .leftMenuMainCat { color: #fff; text-decoration: none; padding: 7px 0 7px 10px; background: #797d7e; font-weight: bold; }
ul.leftMenu li img { margin-right: 7px; border: none; }
ul.leftMenu li a:link { color: #4d4f51; text-decoration: none; padding: 7px 0 7px 10px; background: #cccfd0; display: block; }
ul.leftMenu li a:active { color: #4d4f51; text-decoration: none; padding: 7px 0 7px 10px; background: #cccfd0; display: block;  }
ul.leftMenu li a:visited { color: #4d4f51; text-decoration: none; padding: 7px 0 7px 10px; background: #cccfd0; display: block;  }
ul.leftMenu li a:hover { color: #d11119; text-decoration: none; padding: 7px 0 7px 10px; background: #cccfd0; display: block; }

ul.auxMenu { list-style-type: none; margin: 0; padding: 0; }
ul.auxMenu li { text-align: left; margin: 0; padding: 0; white-space: nowrap; margin-bottom: 1px; }
ul.auxMenu li img { margin-right: 7px; border: none; }
ul.auxMenu li a:link { color: #4d4f51; text-decoration: none; padding: 7px 0 7px 10px; background: #dbddde; display: block; }
ul.auxMenu li a:active { color: #4d4f51; text-decoration: none; padding: 7px 0 7px 10px; background: #dbddde; display: block;  }
ul.auxMenu li a:visited { color: #4d4f51; text-decoration: none; padding: 7px 0 7px 10px; background: #dbddde; display: block;  }
ul.auxMenu li a:hover { color: #d11119; text-decoration: none; padding: 7px 0 7px 10px; background: #dbddde; display: block; }

/* DROPDOWN */
.subMenuContainer { display: none; }
.subMenuDrop { display: none; }
ul.subMenuLinklist { list-style-type: none; margin: 0; padding: 0; }
ul.subMenuLinklist li { text-align: left; border-top: 1px solid #d11119; margin: 0; padding: 0; white-space: nowrap; }
ul.subMenuLinklist li img { margin-right: 6px; border: none; }

ul.subMenuLinklist li a:link { color: #fff; text-decoration: none; padding: 5px 20px 5px 10px; background: #ed1c24; display: block; }
ul.subMenuLinklist li a:active { color: #fff; text-decoration: none; padding: 5px 20px 5px 10px; background: #ed1c24; display: block;  }
ul.subMenuLinklist li a:visited { color: #fff; text-decoration: none; padding: 5px 20px 5px 10px; background: #ed1c24; display: block;  }
ul.subMenuLinklist li a:hover { color: #fff; text-decoration: none; padding: 5px 20px 5px 10px; background: url(img/menuItemBgnd.gif) center center repeat-x; display: block; }


/* LINKS */
a:link { color: #d11119; text-decoration: none; }
a:active { color: #d11119; text-decoration: none; }
a:visited { color: #d11119; text-decoration: none; }
a:hover { color: #d11119; text-decoration: underline; }


/* WRAPERS */
#bodyWrapper { padding: 10px 0; }
#mainWrapper { width: 100%; background: #fff; padding: 10px 0; }
#masterWrapper { width: 100%; }

#header { width: 100%; background: url(img/headerBgnd.gif) repeat-x bottom; }

#headerLeft img { margin-bottom: 5px; }
#headerRight { display: none; }
#headerRight table { margin-right: 20px; }
#headerRight div { margin-bottom: 5px; }
#headerMain { text-align: center; }

#menuWrapper {display: none; }
#menuMain .menuMainDivider { width: 8px; }
.tab { cursor: pointer; }
.tab .tabLeft { float: left; background: url(img/tabBgnd.gif) no-repeat left; padding: 8px 0 6px 11px; font-weight: bold; color: #fff; }
.tab .tabRight { float: left; background: url(img/tabBgnd.gif) no-repeat right; width: 10px; padding: 7px 0; }
.tabActive { cursor: pointer; }
.tabActive .tabLeft { float: left; background: url(img/tabActiveBgnd.gif) no-repeat left; padding: 8px 0 6px 11px; font-weight: bold; color: #686a6c; }
.tabActive .tabRight { float: left; background: url(img/tabActiveBgnd.gif) no-repeat right; width: 10px; padding: 7px 0; }
.tab a:link, .tab a:active, .tab a:visited, .tab a:hover
{
  color: #fff;
  text-decoration: none;
} 


#centralWrapper { width: 100%; margin-top: 20px; }
#central { width: 100%; }
#centralLeft { display: none; }
#centralLeftIndex { display: none; }
#centralMain { padding: 0 5px; }
#centralRight { display: none; }
.centralDivider { width: 10px; }

#leftMenuContainer { width: 100%; background: #fff; padding-bottom: 10px; }

#fondoviStats { width: 100%; background: #fff; }
#grafPrikazContainer { background: #f0f0f0; border: 1px solid #d3d3d3; border-top: none; padding: 15px 20px; text-align: left; }
#fondoviTabs { width: 100%; }
#fondoviTabs td img { cursor: pointer; }
#fondoviTabs .fondoviTabsDivider { width: 4px; border-bottom: 1px solid #d3d3d3; }

#fondGrafWrapper { width: 100%; }
#fondGrafTitle { font: 18px Arial, Helvetica, sans-serif; color: #ed1c24; }
#fondGrafSelector select { background: #fff; border: 1px solid #b5b8b9; width: 165px; }
#fondGrafChart { padding: 15px 0 10px 0; text-align: center; }
#fondGrafValues div { background: #fff; padding: 5px 15px; text-align: center; margin-top: 10px; }
#fondGrafValues div strong { color: #d11119; }

#fondoviPrinosiWrapper { width: 100%; background: #e1e1e1; border: 1px solid #d3d3d3; padding: 10px 15px; text-align: left; }
#fondoviPrinosiWrapper .fondoviPrinosiTitle { font: 18px Arial, Helvetica, sans-serif; }
#fondoviPrinosi { width: 100%; margin: 12px 0 10px 0; border: 1px solid #b5b8b9; background: #fff; }
#fondoviPrinosi th { padding: 0; margin: 0; text-align: center; background: url(img/tableHeadingBgnd.gif) repeat-x center center; font: 9px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 2px 5px 5px 5px; }
#fondoviPrinosi tr.fondoviPrinosiDarker { background: #f1f1f1; }
#fondoviPrinosi td { text-align: center; padding: 5px; }
#fondoviPrinosi td.fondLabel { text-align: left; }

#path { display: none; }
#path ul li img { margin: 0 5px; }

#pageContent { width: 100%; margin-top: 15px; }
#pageContent td { text-align: left; }
#pageTitle { font: 18px Arial, Helvetica, sans-serif; color: #ed1c24; padding-left: 5px; }
#pageBody { padding: 10px 5px; line-height: 15px; }
#pageBody p { margin: 10px 0; }

.boxNews { width: 100%; border: 1px solid #dbddde; }
.boxSide { background: #b3b7b9 url(img/boxSideBgnd.gif) top repeat-x; vertical-align: top; padding: 10px 0; width: 26px; text-align: center; }
.boxBody1 { background: #fff; }
.boxBody2 { background: #f3f3f3; }

.news { width: 100%; }
.newsItem { padding: 15px 20px; text-align: left; line-height: 15px; } 
.newsItem img { margin-right: 6px; }
.newsItem .newsTitle { font-size: 12px; }
.newsItem .newsItemText { margin: 3px 0; }
.newsDivider { height: 1px; background: url(img/newsDivider.gif) repeat-x center center; }

#pollWrapper { width: 100%; background: url(img/poll_bgnd.gif) repeat-x top center; margin-top: 10px; }
#poll { width: 140px; margin: 8px 8px 8px 0; }
#poll td { text-align: left; }
#pollAnswers { padding: 10px 0; }

#rightCol { background: #fff; text-align: left; }
#tjedniIzvjestaj { width: 100%; height: 200px; background: url(img/banner_tjedni.gif) no-repeat top; margin-top: 10px; }
#tjedniIzvjestaj table { width: 135px; margin: 108px 0 0 25px; }

#trakicaBottomWrapper {display: none; }
#trakicaBottom { width: 100%; }

#footerWrapper { display: none; }
#footer { width: 100%; margin: 10px 0; }

.newsRow
{
  margin: 0;
  padding: 10px 0 10px 0;
  border-bottom: solid 1px #ccc;
}

.minorText
{
  color: #888;
  display: block;
  margin: 0;
  padding: 0;
}

.TopPager, .BottomPager
{
  background-color: #eee;
  padding: 2px;
}


.leftMenuSubUl
{
  margin: 0;
  padding: 10px 0 10px 20px;
  list-style-type: none;
}

ul .leftMenuSubUl li
{
  margin: 0 0 5px 5px;
}


.txtLightGrey, .txtLightGrey a:link, .txtLightGrey a:active, .txtLightGrey a:visited, .txtLightGrey a:hover
{
  color: #aaa;
}

.txtDarkGrey
{
  color: #888;
}

ul .leftMenuSubUl li a:link { color: #d11119; text-decoration: none; background: Transparent; display: block; padding: 0;}
ul .leftMenuSubUl li a:active { color: #d11119; text-decoration: none; background: Transparent; display: block;  padding: 0;}
ul .leftMenuSubUl li a:visited { color: #d11119; text-decoration: none; background: Transparent; display: block;  padding: 0;}
ul .leftMenuSubUl li a:hover { color: #d11119; text-decoration: underline; background: Transparent; display: block; padding: 0;}

/*tooltip*/

.toolTipElement { cursor: help; }
.tool-tip { color: #fff; width: 170px; z-index: 13000; }
.tool-title { width: 0; height: 0; overflow: hidden; }
.tool-text { font-size: 12px; font-weight: bold; color: #fff; padding: 7px 0; background: url(img/balloon.gif) top left; text-align: center; border: 1px solid #fff; }


.updater{
	display: none;
}


table td.q
{
  font-weight: bold;
  width: 200px;
  height: 30px;
}

table td.a
{
  height: 30px;
}


table td.q2
{
  height: normal;
}


table td.a2
{
  height: normal;
}

.formWrapper
{
  margin: 10px 0;
  padding: 10px 0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}

.Alert
{
  font-weight: bold;
  color: #f00;
  margin: 10px 0;
}

.Results
{
  margin: 10px 0;
  font-weight: bold;
}

.bigRed
{
  color: #ed1c24;
  font-size: 13px;
  font-weight: bold;
}

.TableHeader
{
  background-color: #ed1c24;
  color: #fff;
  font-weight: bold;
  padding: 2px 5px;
}

.tdPadded
{
  padding: 2px 10px;
}

#lang
{
  text-align: right;
  display: none;
}

#lang .flag
{
  margin: 0;
  padding: 0 30px 0 20px;
  background-image: url(img/eng.gif);
  background-repeat: no-repeat;
}