﻿/*
 * Eksterni style sheet-ovi se ucitavaju kao persistent style sheets i linkuju se alfabetski:
 *
 * <link href="App_Themes/Simple/ThemeA.css" type="text/css" rel="stylesheet" />
 * <link href="App_Themes/Simple/ThemeB.css" type="text/css" rel="stylesheet" />
 * <link href="App_Themes/Simple/ThemeC.css" type="text/css" rel="stylesheet" />
 */

/* After the '0' length, the unit identifier is optional. */
.tblTemplate {
	background-color: #FFF;
	text-align: left;
	width: 954px !important
}
.Left {
    padding: 15px 0 0 15px
}
.Contents {
	padding-right: 15px
}


body {
	background-color: #FF0;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #242424
}

/*Header, (image, topmenu) */
.pnlHeader {
    background: url(Header/bg.gif) repeat-x top;
    height: 82px;
    width: 954px
}
.pnlHeaderImage {
    float: right
}
#TopMenu {
	margin-left: 0;
	padding-left: 15px;
	padding-top: 8px;
	float: left
}
#TopMenu ul {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0
}
#TopMenu ul li {
	display: inline;
	padding-right: 5px;
	margin-left: 0;
	padding-left: 0
}
#TopMenu li a:link, #TopMenu li a:visited {
	background: url(Header/topmenu_bg.gif) no-repeat right bottom;
	color: #666;
	text-decoration: none;
	padding: 0 8px 3px 0
}
#TopMenu li a:hover {
	background: url(Header/topmenu_bg2.gif) no-repeat right bottom;
	color: #F60;
	text-decoration: none
}

/*Main menu */
.TabbedPanels {
	background: url(MainMenu/bg.gif) repeat-x top;
	width: 954px !important
}
.TabbedPanels li {
	height: 37px
}
.TabbedPanelsTab a:active { border: none }
.TabbedPanelsTabGroup {
	width: 954px
}
.TabbedPanelsTabGroup li {
	top: 0
}
.TabbedPanelsContentVisible {
	background-color: #666;
	margin-left: 6px;
	width: 930px;
	float: left
}
.TabbedPanels .TabbedPanelsContentGroup {
	background-color: #666;
	padding: 5px 0 2px 0;
	float: left;
	width: 954px
}
.pnlMainMenu {
    background-color: #666
}
.CmsMenuItem {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	padding-left: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #FF0
}
.pnlMainMenu table table td {	
	margin-right: 2px;
	padding: 0 8px 0 0;
	border-right: solid 1px #D2D2D2 !important
}
.CmsMenuItem td a:link, .CmsMenuItem td a:visited  {
	color: #FFF;
	text-decoration: none
}
.CmsMenuItem td a:hover {
	color: #CCC;
	text-decoration: none
}

/*Combo TopArchive*/
.pnlComboArchive {
	width: 465px
}
.TopArchive {
	width: 340px
}
.TopArchive, .CenterArchive {
	margin-top: 15px;
	padding-top: 10px
}
.TopArchive table table td, .TopArchive2 table table td, .CenterArchive table table td {
	width: 170px;
	padding-right: 20px;
	vertical-align: top
}
.TopArchive .ArchiveTitle, .TopArchive2 .ArchiveTitle, .BottomArchive .ArchiveTitle, .BottomArchive2 .ArchiveTitle, .CenterArchive .ArchiveTitle{
	display: none
}
.TopArchive .rssfeed_image_url img, .CenterArchive .rssfeed_image_url {
	display: block;
	float: left;
	margin-top: 0
}
.TopArchive .rssfeed_image_url img {
    width: 142px;
    height: 104px
}
.CenterArchive .rssfeed_image_url img{
    width: 80px;
    height: 60px
}
.TopArchive .link, .TopArchive2 .link, .BottomArchive .link, .CenterArchive .link {
	padding: 8px 0 5px 0;
	text-align: left;
	white-space: normal
}
.TopArchive .link a, .BottomArchive .link a, .pnlVinoSedmice a, .pnlKulinarka a, .CenterArchive .link a {
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal
}
.TopArchive .link a:link, .TopArchive .link a:visited, .BottomArchive .link a:link, .BottomArchive .link a:visited, .pnlVinoSedmice a:visited, .pnlKulinarka a:visited, .CenterArchive .link a:visited {
	color: #000;
	text-decoration: none;
}
.TopArchive .link a:hover, .BottomArchive .link a:hover, .pnlVinoSedmice a:hover, .pnlKulinarka a:hover, .CenterArchive .link a:hover {
	color: #C90;
	text-decoration: none;
}
.TopArchive .DATETIME_PUBLISHED, .BottomArchive .DATETIME_PUBLISHED, .CenterArchive .DATETIME_PUBLISHED {
	color: #666;
	font-size: 11px;
	border-bottom: 2px solid #DDD;
	text-align: left;
	padding: 0 0 8px 0
}
.TopArchive2 .link a, .BottomArchive2 a {
	color: #333;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 3px
}
.TopArchive2 .link a:link, .TopArchive2 .link a:visited, .BottomArchive2 a:link, .BottomArchive2 a:visited {
	color: #333;
	text-decoration: none;
}
.TopArchive2 .link a:hover, .BottomArchive2 a:hover {
	color: #000;
	text-decoration: none;
}
.TopArchive2 .DATETIME_PUBLISHED {
	color: #666;
	font-size: 11px;
	border-bottom: dotted 1px #DDD !important;
	padding: 6px 0 6px 0;
	text-align: left
}

/*Combo BottomArchive*/
.row4 {
	width: 230px
}
.BottomArchive, .BottomArchive2 {
	border-top: solid 3px #DDD !important;
	margin-top: 15px;
	padding-top: 10px;
	white-space: normal
}
.BottomArchive .DATETIME_PUBLISHED {
	border-bottom: 0
}
.BottomArchive .rssfeed_image_url img {
	display: block;
	width: 230px;
	height: 173px;
	float: left
}
.BottomArchive2 {
	padding-left: 10px
}
.BottomArchive2 .rssfeed_image_url_link {
	border-bottom: dotted 1px #DDD !important;
	padding-bottom: 15px
}
.BottomArchive2 .rssfeed_image_url_link:hover {
	background-color: #F7F3F2
}
.BottomArchive2 table td {
	margin-bottom: 10px;
	vertical-align: middle
}
.BottomArchive2 .rssfeed_img {
	float: left;
	margin-right: 10px
}
.BottomArchive2 .rssfeed_img img {
	display: block;
	width: 80px
}
.BottomArchive2 .link_published {
	text-align: left;
	white-space: normal
}
.BottomArchive2 .DATETIME_PUBLISHED {
	color: #666;
	font-size: 11px;
	padding: 6px 0 0 0;
	text-align: left
}

/*ComboDashboard*/
.pnlComboDashboard {
	background: url("images/dashboard_bg.gif") repeat-x center top;
	word-spacing: normal;
	float: left;
	height: 56px;
	width: 954px
}

/*Vremenska prognoza*/
.pnlComboDashboard .VremenskaPrognoza {
	background: url("VremenskaPrognozaGrad/bg.gif") no-repeat right center;
	width: 170px;
	height: 44px;
	float: left;
	padding: 8px 0 0 10px
}
.pnlComboDashboard .VremenskaPrognoza .prognoza {
	color: #242424;
	font-size: 13px;
	font-weight: bold;
	text-align: left
}
.pnlComboDashboard .VremenskaPrognoza .datum {
	color: #666;
	font-size: 10px;
	text-align: left;
	vertical-align: top
}

/*Kursna lista*/
.pnlComboDashboard .KursnaLista {
	background: url("VremenskaPrognozaGrad/bg.gif") no-repeat right center;
	width: 170px;
	height: 44px;
	float: left;
	padding: 8px 0 0 10px;
	margin: 0
}
.pnlComboDashboard .KursnaLista .title {
	width: 55px;
	text-align: left;
	color: #999;
	font-size: 11px
}
.pnlComboDashboard .KursnaLista .value, .pnlComboDashboard .KursnaLista .kurs {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 5px;
	margin: 0
}
.pnlComboDashboard .KursnaLista .kurs {
	font-weight: bold
}

/*Nagradna Igra Dashboard*/
.pnlComboDashboard .pnlNagradnaIgraDashboard {
	background: url("VremenskaPrognozaGrad/bg.gif") no-repeat right center;
	font-size: 11px;
	color: #999;
	width: 240px;
	height: 44px;
	float: left;
	padding: 8px 0 0 10px
}
.pnlComboDashboard .pnlNagradnaIgraDashboard .nagradnaIgra, .pnlComboDashboard .pnlNagradnaIgraDashboard .doIzvlacenja {
	text-align: left;
	margin: 0
}
.pnlComboDashboard .pnlNagradnaIgraDashboard h1 {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 1px;
	font-weight: normal;
	color: #666;
	text-align: left
}
.pnlComboDashboard .pnlNagradnaIgraDashboard span {
	color: #333;
	border: 1px solid #CCC;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #FFF
}

/*Basic Search*/
.pnlComboDashboard .d_row4 {
	padding-left: 0
}
.pnlBasicSearch {
	width: 180px;
	height: 32px;
	float: right;
	padding: 0 10px 12px 0
}
.pnlBasicSearch .qry, .pnlBasicSearch .Watermark {
	border-width: 0;
	background: transparent;
	color: #666;
	margin-top: 6px;
	padding: 2px 3px 2px 5px;
	width: 140px;
	height: 17px;
	vertical-align: top
}
.input_wrapper {
	background: url("BasicSearch/bg.gif") no-repeat left top;
	border-width: 0;
	color: #666;
	font-size: 14px;
}
.pnlBasicSearch a:link, .pnlBasicSearch a:visited {
	color: #666;
	font-size: 10px;
	text-decoration: none;
	float: left
}
.pnlBasicSearch .hlSearchPage {
	display: none
}

/*Login Home*/
.pnlPublicLogin {
	background-color: #FFFF99;
	padding: 3px 10px 12px 10px;
	height: 121px;
	width: 435px;
	float: left
}
.pnlPublicLogin  h1 {
	color: #333;
	font-size: 12px;
	margin-bottom: 1px;
	margin-top: 0;
	text-align: left
}
.pnlPublicLogin  p {
	color: #666;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 2px;
	text-align: left
}
.pnlPublicLogin .logo {
	padding-right: 10px;
	float: left
}
.pnlPublicLogin .Watermark, .pnlPublicLogin .FancyInput {
	background: url("Login/input-bg.gif") transparent no-repeat left top;
	border: 0 none transparent;
	color: #666;
	font-size: 13px;
	height: 22px;
	margin: 0 8px 0 0;
	padding: 0 0 4px 8px;
	width: 122px
}
.pnlPublicLogin .cell1 {
	padding-left: 73px;
	width: 280px
}
.pnlPublicLogin .dugme {
	padding-top: 3px;
	padding-left: 73px;
	clear:right
}
.pnlPublicLogin a.Logout {
	padding-left: 0 !important
}
.pnlPublicLogin a.dgm, .RestrictedArea a.dgm, .docArchive a.dgm, .pnlPopupComments a.dgm, .pnlPopupDocument a.dgm {
	color: #FFF;
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	padding-right: 14px; /* sliding doors padding */
	text-decoration: none;
	background: transparent url(images/dgm1_r.gif) no-repeat scroll right top;
	font-size: 11px;
	font-style: normal;
	font-weight: bold
}
.pnlPublicLogin a.dgm span, .RestrictedArea a.dgm span, .docArchive a.dgm span, .pnlPopupComments a.dgm span, .pnlPopupDocument a.dgm span {
	display: block;
	line-height: 14px;
	background: transparent url(images/dgm1_l.gif) no-repeat;
	padding: 3px 0 5px 6px;
	color: #FFF;
	font-weight: bold
}
.pnlPublicLogin a.dgm:hover, .RestrictedArea a.dgm:hover, .docArchive a.dgm:hover, .pnlPopupComments a.dgm:hover, .pnlPopupDocument a.dgm:hover {
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
	background-image: url(images/dgm1_r_f2.gif)
}
.pnlPublicLogin a.dgm:hover span, .RestrictedArea a.dgm:hover span, .docArchive a.dgm:hover span, .pnlPopupComments a.dgm:hover span, .pnlPopupDocument a.dgm:hover span {
	background-image: url(images/dgm1_l_f2.gif);
	color: #FFF
}
.pnlPublicLogin .btnLogin {
	padding: 0 30px 0 0
}
.createUserText {
	display: none
}
.loginHint {
    font-size: 9px !important;
    clear: both
}
/*Aktivacija Clanstva*/
.pnlAktivacijaClanstva {
	float: left;
	margin: 13px 0 13px 0
}

/*Coffee Break*/
.pnlCoffeeBreak {
	float: left;
	margin-right: 20px
}
.pnlCoffeeBreak, .pnlCurrencyConverter, .pnlLoanCalculator, .Subpage .pnlNagradnaIgra {
	background-color: #EEE;
	border-bottom: 1px solid #DBDBDB;
	border-top: 3px solid #FFFF00;
	margin-bottom: 15px;
	width: 217px;
	height: 210px
}
.Subpage .pnlNagradnaIgra {
	height: 380px
}

.pnlCoffeeBreak .pnlDocumentTitle {
	text-align: left;
	padding-left: 10px;
	font-size: 14px
}
.pnlCoffeeBreak .pnlHtmlText {
	font-size: 14px;
	color: #242424;
	font-weight: bold;
	margin-top: 5px;
	text-align: left;
	padding: 0 10px 0 10px
}
.pnlCoffeeBreak a.dgm2, .Subpage .pnlNagradnaIgra a.dgm2, .pnlCurrencyConverter a.dgm2, .pnlLoanCalculator a.dgm2, .pnlPublicLogin a.Logout, .pnlCoffeeBreakDetalji a.dgm2 {
	color: #FFF;
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	padding-right: 14px; /* sliding doors padding */
	padding-left: 10px;
	text-decoration: none;
	background: url(Images/dgm2_r.gif) no-repeat scroll right top transparent;
	font: normal 11px bold
}
.pnlCoffeeBreak a.dgm2 span, .pnlNagradnaIgra a.dgm2 span, .pnlCurrencyConverter a.dgm2 span, .pnlLoanCalculator a.dgm2 span, .pnlPublicLogin a.Logout span, .pnlCoffeeBreakDetalji a.dgm2 span {
	display: block;
	line-height: 14px;
	background: url(Images/dgm2_l.gif) no-repeat transparent;
	padding: 3px 0 5px 6px;
	color: #FFF;
	font-weight: bold
}
.pnlCoffeeBreak a.dgm2:hover, .pnlNagradnaIgra a.dgm2:hover, .pnlCurrencyConverter a.dgm2:hover, .pnlLoanCalculator a.dgm2:hover, .pnlPublicLogin a.Logout:hover, .pnlCoffeeBreakDetalji a.dgm2:hover {
	color: #000;
	outline: none; /* hide dotted outline in Firefox */
	background-image: url(Images/dgm2_r_f2.gif)
}
.pnlCoffeeBreak a.dgm2:hover span, .pnlNagradnaIgra a.dgm2:hover span, .pnlCurrencyConverter a.dgm2:hover span, .pnlLoanCalculator a.dgm2:hover span, .pnlPublicLogin a.Logout:hover span, .pnlCoffeeBreakDetalji a.dgm2:hover span {
	background-image: url(Images/dgm2_l_f2.gif);
	color: #FFF
}

/*Nagradna Igra*/
.pnlNagradnaIgra {
	float: left
}
.Subpage .pnlNagradnaIgra .pnlHtmlText {
	/*Ukloniti nakon sto se nagradnaIgra pocne koristiti*/
	/*font-size: 14px;*/
	font-size: 10px;
	color: #242424;
	font-weight: bold;
	margin-top: 5px;
	text-align: left;
	padding: 0 10px 0 10px
	
	/*Zakomentarisano dok se ne pocne koristiti funkcionalnost nagradnaIgra
	/*font-size: 12px;
	color: #666;
	text-align: left;
	padding: 0 10px 0 10px
	*/
}
.pnlNagradnaIgra .pnlHtmlText p {
	margin-top: 5px
}
.pnlNagradnaIgra .nagradnaIgraImage {
	padding-left: 10px
}

/*Currency Converter | Loan Calculator*/
.pnlCurrencyConverter {
	margin-right: 20px
}
.pnlCurrencyConverter, .pnlLoanCalculator {
	float: left
}
.pnlCurrencyConverter p, .pnlLoanCalculator p {
	margin-bottom: 5px
}
.pnlCurrencyConverter .txt, .pnlLoanCalculator .txt {
	text-align: left;
	padding: 0 10px 0 10px
}
.pnlCurrencyConverter .txt p, .pnlLoanCalculator .txt p {
	margin-top: 0
}
.pnlCurrencyConverter .valuta, .pnlLoanCalculator .valuta {
	width: 130px;
	margin-top: 2px;
	font-size: 12px;
	color: #FFF;
	background-color: #999;
	border: 0px none transparent;
	padding: 3px 3px 3px 0
}
.pnlCurrencyConverter a.dgm2, .pnlLoanCalculator a.dgm2 {
	padding-left: 0px
}

/*Vino Sedmice*/
.pnlComboKulinarkaVino {
	margin: 20px 0 20px 0;
	padding: 20px 0 20px 0;
	width: 465px
}
.pnlComboKulinarkaVino .row1 {
	background: url("VinoSedmice/bg-dot.gif") repeat-y right
}
.pnlVinoSedmice {
	width: 225px;
	padding-right: 5px
}
.pnlVinoSedmice, .pnlKulinarka {
	background: url(VinoSedmice/bg.gif) repeat-x top;
	border-top: solid 3px #DDD;
	vertical-align: top;
	height: 250px;
	overflow: hidden
}
.pnlVinoSedmice .pnlHtmlText, .pnlKulinarka .pnlHtmlText {
	text-align: left;
	color: #666;
	font-size: 13px
}
.pnlVinoSedmice img, .pnlKulinarka img {
	padding-right: 5px
}
.pnlVinoSedmice a.link {
	float: left;
	margin: 0 0 10px 10px;
	width: 220px
}

/*Kulinarka*/
.pnlKulinarka {
	width: 230px;
	padding-left: 5px
}
.pnlKulinarka .pnlHtmlText {
	padding: 0 10px 0 5px
}
.pnlKulinarka a.link {
	float: left;
	margin: 0 0 10px 5px
}
.pnlKulinarka .link {
	width: 200px
}

/*Footer*/
.Footer {
	background-color: #FF0;
	text-align: left;
	vertical-align: text-top;
	padding-top: 10px;
	font-size: 11px;
	color: #960;
	width: 954px;
	height: 80px
}

/*--Subpage---------------------------------------------*/

/*Login Subpage*/
.Subpage .pnlPublicLogin {
	width: 197px;
	height: 270px;
	padding: 0 10px 5px 10px;
	
}
.Subpage .pnlPublicLogin .tblLogin {
	width: 197px
}
.Subpage .pnlPublicLogin .logo {
	padding: 0
}
.Subpage .pnlPublicLogin h1 {
	float: right;
	padding: 10px 0 0 5px;
	width: 110px
}
.Subpage .pnlPublicLogin p {
	margin-bottom: 0
}
.Subpage .pnlPublicLogin .lbl {
	display: none
}
.Subpage .pnlPublicLogin .FancyInput {
	padding-bottom: 5px
}
.Subpage .pnlPublicLogin .btnLogin {
	padding-bottom: 3px
}
.Subpage .pnlPublicLogin .dugme {
	padding: 3px 0 0 0
}

/*CoffeeBreak Subpage*/
.Subpage .pnlCoffeeBreak {
	display: block;
	padding: 0;
	margin: 15px 0 15px 0;
	float: left
}

/*CurrencyConverter Subpage*/
.Subpage .pnlCurrencyConverter {
	margin-right: 0
}

/*NagradnaIgra*/
.Subpage .pnlNagradnaIgra .nagradnaIgraImage {
	padding-left: 10px
}

/*NagradnaIgraDetalji Subpage*/
.Subpage .pnlNagradnaIgraDetalji {
	width: 480px
}
.pnlNagradnaIgraDetalji p, .nagradnaIgraDetaljiHeader, .pnlNagradnaIgraDetalji .lblQuestion {
	white-space: normal
}
.nagradnaIgraDetaljiHeader {
	width: 480px
}
.nagradnaIgraDetaljiHeader h2{
	font-size: 16px;
	font-weight: normal;
	line-height: 1.45em;
	margin-bottom: 15px;
	margin-top: 12px
}
.pnlNagradnaIgraDetalji .tblNagradnaIgraDetalji {
	border: solid 2px #EEE !important
}
.pnlNagradnaIgraDetalji .nagradnaIgraDetaljiText {
	padding: 15px;
	line-height: 1.4em
}
.pnlNagradnaIgraDetalji .nagradnaIgraDetaljiText img {
	padding: 10px 0 10px 20px
}
.pnlNagradnaIgraDetalji .tblNagradnaIgraDetalji .cellTime, .pnlNagradnaIgraDetalji .tblNagradnaIgraDetalji .cellCountDownImg, .pnlNagradnaIgraDetalji .tblNagradnaIgraDetalji .cellCountDown {
	border-top: solid 2px #EEE !important;
	border-bottom: solid 2px #EEE !important
}
.pnlNagradnaIgraDetalji .tblNagradnaIgraDetalji .cellTime {
	background: #EEE url("NagradnaIgraDetalji/count_down_bg.jpg") no-repeat right center;
	border-bottom: dotted 1px  #CCCCCC;
	border-top: dotted 1px  #CCCCCC;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 15px;
	text-align: left;
	width: 195px;
	white-space: nowrap !important
}
.pnlNagradnaIgraDetalji .tblNagradnaIgraDetalji .cellCountDownImg {
	padding: 0 0 5px 10px
}
.pnlNagradnaIgraDetalji .tblNagradnaIgraDetalji .cellCountDown {
	padding-left: 10px;
	width: 210px;
	white-space: nowrap !important;
	color: #D8BC2E;
	font-size: 18px
}
.pnlNagradnaIgraDetalji .pnlPoll, .pnlNagradnaIgraDetalji .nagradnoPitanje  {
	padding: 20px 0 0 15px
}
.pnlNagradnaIgraDetalji .pnlPoll .section {
	display: none
}
.pnlNagradnaIgraDetalji .pnlPoll table {
	width: 446px
}
.pnlNagradnaIgraDetalji .pnlPoll table table td, .pnlNagradnaIgraDetalji .pnlPoll .btnVote img {
	padding-bottom: 5px
}
.pnlNagradnaIgraDetalji .pnlPoll .lblQuestion {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 10px;
	font-weight: bold
}
.userCommentLabel {
    white-space:normal;
}
.userComment {
    display:block;
    height:100px;
    margin:20px 0 10px 0;
    width:400px;
    white-space:normal
} 

/*Postavke stari dizajn Subpage*/
.pnlChangePassword input {
	background: url("images/FancyInput-bg.gif") repeat-x bottom;
	border: solid 2px #D3D089;
	color: #666;
	font-size: 14px;
	padding: 5px 8px
}
.pnlChangePassword {
	padding: 5px 15px 15px 0;
	white-space: normal
}
/*.pnlChangePassword table*/#ctl08_wp280336205_wp918442771_frmChangePassword { width: 452px }
.pnlChangePassword .lbl {
	color: #CBBD0E;
	border-top: solid 1px #E8E6C2;
	display: block;
	font-weight: bold;
	margin: 10px 0 15px;
	padding-top: 5px;
	float: left;
	display: block;
	clear: both;
}
.pnlChangePassword .lblGray {
	color: #999;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
	clear: both;
}
.pnlChangePassword input { 
    margin-bottom: 10px; 
    clear: both;
    display: block;
    float: left;
}
input.ibChangePassword { margin-bottom: 0; padding: 0 }
.pnlChangePassword .bv, .failureText, .pnlPlanerObaveza .bv {
	color: #666 !important;
	border-left: solid 2px #F00;
	display: -moz-inline-block;
	display: inline-block;
	float: right;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 1px;
	width: 200px
}
.mnuProizvodi a.mi {
	background: url("Proizvodi/mi.gif") no-repeat left top;
	color: #9C8C54;
	display: block;
	font-size: 11px !important;
	font-weight: bold;
	width: 80px;
	padding: 15px 10px 12px 15px
}
.mnuProizvodi a.mi:hover { background: url("Proizvodi/mi-hover.gif") no-repeat left top }
.mnuProizvodi a.mi-sel { background: url("Proizvodi/mi-sel.gif") no-repeat left top }
.mnuPostavke a.mi { background: url("Postavke/mi.gif") no-repeat left top; width: 100px }
.mnuPostavke a.mi:hover { background: url("Postavke/mi-hover.gif") no-repeat left top }
.mnuPostavke a.mi-sel { background: url("Postavke/mi-sel.gif") no-repeat left top }
.failureText {
	float: none;
	margin-top: 20px;
	width: 452px
}

/* Vremenska Prognoza Detalji Subpage*/
.VremenskaPrognozaDetalji {
	width: 680px
}
.VremenskaPrognozaDetalji h2 {
    color: #242424;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.45em;
    margin: 12px 0 15px 0
}
.VremenskaPrognozaDetalji span {
    color: #666;
    font-size: 11px;
    font-weight: bold
}
.VremenskaPrognozaDetalji .tblVremeskaPRognozaDetalji .oznaceno {
	background-color: #F7F3F2;
}
.VremenskaPrognozaDetalji .tblVremeskaPRognozaDetalji  {
    color: #242424;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px
}
.VremenskaPrognozaDetalji .tblVremeskaPRognozaDan {
    border-bottom: solid 1px #CCC;
    border-top: solid 2px #CCC;
    color: #666;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 5px 0;
    text-align: left;
    font-weight: bold   
}
.VremenskaPrognozaDetalji .cityTableCell {
    border-bottom: solid 1px #CCC;
    border-top: solid 2px #CCC;
    color: #666;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 5px 200px 5px 0;
    text-align: left;
    font-weight: bold 
}
.VremenskaPrognozaDetalji .cellInnerVremeskaPRognozaDetalji {
	border-bottom: dotted 1px #999;
    padding: 15px 8px 15px 0;
    vertical-align: top
}
.VremenskaPrognozaDetalji .cellInnerVremeskaPRognozaDetalji p {
    color: #666;
    font-size: 12px;
    margin: 0;
    white-space: normal
}
.VremenskaPrognozaDetalji .cellInnerVremeskaPRognozaDetalji h1 {
    font-size: 18px;
    font-weight: normal;
    margin: 5px 0
}
.VremenskaPrognozaDetalji .cellInnerVremeskaPRognozaDetalji span {
    color: #666;
    font-size: 13px
}

/*Kursna Lista Detalji Subpage*/
.pnlKursnaListaDetalji {
	background-color: #FFF;
	padding: 8px 15px 15px 0;
	white-space: normal;	
	width: 680px
}
.pnlKursnaListaDetalji p {
	font-size: 11px;
	line-height: 1.5em;
	padding-bottom: 1.5em
}
.pnlKursnaListaDetalji h1 {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 8px
}
.pnlKursnaListaDetalji h2 {
	width: 480px
}
.pnlKursnaListaDetalji .btnCalToggle {
	margin: 12px 0 0 10px
}
.pnlKursnaListaDetalji table { 
    -moz-box-sizing: border-box;
    border-collapse: separate;
    /*border-spacing: 2px;*/
    display: table;
    margin: 0;
    text-indent: 0;
}
.pnlKursnaListaDetalji th {
	background-color: #F7F3F2;
    border-bottom: solid 1px #CCC;
    border-top: solid 2px #CCC;
    color: #666;
    font-size: 11px;
    padding: 7px 0 8px 4px;
    text-align: right
}
.pnlKursnaListaDetalji td {
	border-bottom: dotted 1px #999;
    color: #4F4F4F;
    font-size: 12px;
    padding: 13px 0;
    text-align: right
}
.pnlKursnaListaDetalji tr:hover {
    background-color: #F7F3F2
}
.pnlKursnaListaDetalji .altItem { background: #FFF }
.pnlKursnaListaDetalji a:link {
	color: #09C;
	text-decoration: none
}
.pnlKursnaListaDetalji a:visited {
	color: #069;
	text-decoration: none
}
.pnlKursnaListaDetalji a:hover {
	background: #DDF8FF;
	color: #09C
}
.pnlKursnaListaDetalji h2 {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.45em;
    margin-bottom: 15px;
    margin-top: 12px;
    float: left
}
.tblKursnaListaDetalji {
	float: left
}
.tblKursnaListaDetalji .country {
	text-align: left;
	padding-left: 7px
}
.tblKursnaListaDetalji th {
	padding-left: 10px
}
.cal {
	background: #666;
	border-width: 0 !important;
	border-style: none !important; 
	border-collapse: separate !important;
	position: absolute;
    top: 300px;
    margin-left: -176px;
    width: 173px
    /*left: 573px*/
}
.cal td, .cal th { border: none !important }
table.title td {
	background: #999;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	padding: 0;
	text-align: center
}
td.next-prev a { display: block; padding: 4px 7px }
td.next-prev a:link, td.next-prev a:visited {
	color: #FFF !important;
	text-decoration: none
}
td.next-prev a:hover {
	background: #09C;
	color: #FFF !important;
	text-decoration: none
}
th.day-header {
	background: #EEE;
	border-bottom: solid 2px #FFDF00 !important;
	/*border-left: solid 1px #FFF !important;*/
	font-size: 10px;
	font-weight: normal;
	padding: 6px 3px;
	vertical-align: bottom
}
td.selected-day, td.distinct { background: #EEE !important }
td.day, td.weekend-day, td.other-month-day, td.selected-day {
	border: none;
	border-bottom: solid 1px #DDD !important;
	font-size: 10px;
	font-weight: bold;
	padding: 6px 6px
}
td.day a:link, td.day a:visited, td.weekend-day a:link, td.weekend-day a:visited, td.other-month-day a:link, td.other-month-day a:visited, td.selected-day a:link, td.selected-day a:visited {
	color: #09C !important; /* important zbog selected-day */
	text-decoration: none
}
td.day a:hover, td.weekend-day a:hover, td.other-month-day a:hover, td.selected-day a:hover {
	color: #000 !important;
	text-decoration: none
}
td.other-month-day { visibility: hidden }


/*Restricted Area Subpage*/
.RestrictedArea {
	border: solid 4px #FF9;
	margin-top: 15px;
	padding: 15px;
	width: 442px;
	height: 237px
}
.RestrictedArea h2 {
	margin-top: 0px;
	background: url(RestrictedArea/clanstvo.gif) no-repeat left top;
	margin-bottom: 15px;
	padding-left: 65px;
	font-size:16px;
	font-weight: normal;
	line-height: 1.45em;
	white-space: normal
}
.RestrictedArea table {
	background: url(RestrictedArea/linija_dot_hor.gif) repeat-x left top
}
.RestrictedArea table p {
	margin: 0;
	white-space: normal
}
.RestrictedArea .dugme { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
	margin-top: 8px
}


/*Archive Subpage*/
.Subpage .pnlArchiveTable {
	width: 680px;
	padding-bottom: 30px
}
.Subpage .pnlArchiveTable .ArchiveTitle {
	border-bottom: solid 2px #DDD;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 12px
}
.Subpage .pnlArchiveTable table {
	margin-bottom: 8px
}
.Subpage .pnlArchiveTable table td {
	vertical-align: top;
	padding: 15px 10px;
	border-bottom: solid 2px #DDD
}
.Subpage .pnlArchiveTable table tr:hover {
	background-color: #EEE
}
.Subpage .pnlArchiveTable th.DATETIME_PUBLISHED, .Subpage .pnlArchiveTable th.rssfeed_image_url, .Subpage .pnlArchiveTable th.LINK_DESCRIPTION, .Subpage .pnlArchiveTable th.RANK, .Subpage .pnlArchiveTable th.ID {
	background-color: #999;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 8px;
	text-align: left
}
.Subpage .pnlArchiveTable .DATETIME_PUBLISHED {
	color: #666;
	font-size: 12px;
	padding: 30px 10px 10px
}
.Subpage .pnlArchiveTable .rssfeed_image_url {
	padding: 15px 10px;
	width: 112px;
}
.Subpage .pnlArchiveTable .rssfeed_image_url img {
	border: solid 2px #FFF;
	width: 100px
}
.Subpage .pnlArchiveTable .LINK_DESCRIPTION {
	margin: 12px 0 5px 0;
	padding: 15px 10px;
	line-height: normal;
	font-size: 16px;
	font-weight: normal;
	white-space: normal;
	width: 436px
}
.Subpage .pnlArchiveTable .LINK_DESCRIPTION a:link, .Subpage .pnlArchiveTable .LINK_DESCRIPTION a:visited {
	color: #494949;
	text-decoration: none
}
.Subpage .pnlArchiveTable .LINK_DESCRIPTION a:hover {
	color: #D8BC2E;
	text-decoration: none
}
.Subpage .pnlArchiveTable .LINK_DESCRIPTION p {
	font-size: 12px;
	color: #666;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 0em;
	line-height: normal
}
.Subpage .dpArchive .numeric {
	margin: 0 2px
}
.Subpage .dpArchive a:link, .Subpage .dpArchive a:visited {
	font-size: 13px;
	text-decoration: none;
	color: #666;
	background-color: #EEE;
	padding: 2px 5px
}
.Subpage .dpArchive a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #999
}
.Subpage .dpArchive .currentPage {
	padding: 0 5px 2px 5px
}


/*pnlComboDocumentArchive Subpage*/
.pnlComboDocumentArchive {
	white-space: normal
}
.pnlComboDocumentArchive .docCell, .pnlComboDocumentArchive .docArchive {
	vertical-align: top
}
.pnlComboDocumentArchive .docCell {
	width: 480px;
	padding-right: 20px;
}
.pnlComboDocumentArchive .docCell .DATETIME_PUBLISHED {
	background-color: #EEE;
	color: #999;
	font-size: 12px;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 8px 5px
}
.pnlComboDocumentArchive .DocTitle {
	border-bottom: solid 2px #DDD;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 12px 0;
	padding-bottom: 12px
}
.pnlComboDocumentArchive .desc {
	border-bottom: solid 1px #DDD;
	color: #0099CC;
	font-size: 17px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 12px
}
.pnlComboDocumentArchive .DocContent {
	font-size: 15px;
	line-height: 1.5em;
	padding-bottom: 1em
}
.pnlComboDocumentArchive .DocContent img {
	background-color: #EEE;
	border: solid 3px #EEE;
	margin: 5px 5px 0 0;
	padding: 1px
}
.pnlComboDocumentArchive .DocArchive {
	width: 185px;
	padding-bottom: 10px
}
.Subpage .pnlComboDocumentArchive .DocArchive .ArchiveTitle {
	background-color: #EEE;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: -1px;
	padding: 3px 5px
}
.Subpage .pnlComboDocumentArchive .DocArchive td {
	border-bottom: dashed 1px #CCC;
	vertical-align: top;
	padding: 10px 0
}
.pnlComboDocumentArchive .DocArchive .rssfeed_img, .pnlComboDocumentArchive .DocArchive .rssfeed_img img {
	width: 80px;
	float: left
}
.pnlComboDocumentArchive .DocArchive .rssfeed_image_url_link {
	padding: 0 10px 10px 0 !important
}
.pnlComboDocumentArchive .DocArchive .rssfeed_img {
	margin-top: 3px;
	padding: 10px 10px 10px 0
}
.pnlComboDocumentArchive .DocArchive .link_published {
	padding-top: 10px;
	width: 85px;
	float: left
}
.pnlComboDocumentArchive .DocArchive .link_published a {
	font-size: 15px;
	font-weight: normal
}
.pnlComboDocumentArchive .DocArchive .link_published a:link, .pnlComboDocumentArchive .DocArchive .link_published a:visited {
	text-decoration: none;
	color: #333
}
.pnlComboDocumentArchive .DocArchive .link_published a:hover {
	color: #C90;
	text-decoration: none
}
.pnlComboDocumentArchive .DocArchive .DATETIME_PUBLISHED {
	margin-top: 6px;
	padding: 0 10px 0;
	font-size:11px;
	width: 75px;
	float: right
}
.pnlComboDocumentArchive.Events td.docArchive {
	display: none
}


/*AdvancedSearch Subpage*/
.pnlAdvancedSearch {
	background-color: #EEE;
	padding: 15px
}
.Subpage .imgAdvancedSearch {
	border-bottom: solid 2px #DDD;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 12px;
	width: 680px
}
.pnlAdvancedSearch, .pnlAdvancedSearch table {
	width: 650px
}
.pnlAdvancedSearch .txtSearchQuery {
	border-width: 0;
	border-style: none;
	background: transparent;
	color: #666;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 490px;
	padding: 0 5px 0 5px
}
.pnlAdvancedSearch .input_wrapper {
	background: url("AdvancedSearch/bg.gif") no-repeat left top;
	border-width: 0;
	color: #666;
	font-size: 14px;
	width: 523px
}
.pnlAdvancedSearch table tr {
	padding-right: 20px !important
}
.pnlAdvancedSearch .b {
 	color: #666;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 8px;
	padding-bottom: 6px;
	
}
.pnlAdvancedSearch .lbl {
 	vertical-align: middle
}
.pnlAdvancedSearch .row5 td {
  	border-bottom: solid 1px #DDD;
  	height: 48px
}
.pnlAdvancedSearch .row6 td {
	padding-top: 10px
}
.pnlAdvancedSearch .row6 input, .pnlAdvancedSearch .row7 input {
	border: solid 1px #969696;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin-bottom: 5px;
	padding: 3px 12px;
	width: 130px
}	
.pnlAdvancedSearch .ajax__calendar_days table td {
	padding: 0;
	margin: 0
}
.pnlAdvancedSearch .ajax__calendar_container, .pnlAdvancedSearch .ajax__calendar_body, .pnlAdvancedSearch .ajax__calendar_days, .pnlAdvancedSearch .ajax__calendar_days table {
	width: 173px !important
}
.Subpage .fancySection {
	border-bottom: solid 2px #DDD;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 12px 0;
	padding: 40px 0 12px 0;
	width: 680px
}
.Subpage .totalResults {
	font-size: 15px;
	line-height: 1.5em;
	padding-bottom: 1em;
	padding-bottom: 0
}


/*PopupOdabir*/
.lcOpcije {
	display: inline;
    float: right
}
.popupOdabir {
	display: block;
    top: 159px;
    /*left: 886px;*/
    margin-left: 654px;
    background-color: #666;
    width: 300px;
    position: absolute
}
.Subpage .popupOdabir {
	margin-left: -300px;
}
.popupOdabir .intro {
	border-bottom: dotted 1px #999;
	color: #CCC;
	font-size: 12px;
	margin-bottom: 6px;
	margin-left: 5px;
	padding: 5px 0 6px 0
}
.popupOdabir .intro .ibClose {
	float: right
}
.popupOdabir .cblCategories {
	margin: 0 0 5px 5px
}
.popupOdabir .cblCategories td {
	padding-right: 40px
}


/*TrendiPlusInfo Subpage*/
.pnlTrendiPlusInfo {
	white-space: normal;
	width: 690px
}
.pnlTrendiPlusInfo h1 {
	font-size: 18px
}


/*EventsCalendar Subpage*/
.pnlMonthlyCalendar {
	width: 680px
}
.pnlMonthlyCalendar .imgEventsCalendar{
	padding-bottom: 10px
}
.pnlMonthlyCalendar .tblHeader {
	margin-bottom: 4px
}
.pnlMonthlyCalendar .tblHeader th {
	background-color: #EEE;
	border-bottom: solid 1px #CCC;
	border-right: dotted 1px #CCC;
	border-top: solid 2px #CCC;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	padding: 6px;
	text-align: left
}
.pnlMonthlyCalendar .ddlMonths {
	float: right
}
.pnlCalendarPreview { margin-left: 0 }
.pnlArchiveController .CategoryName, .pnlCalendarPreview .hlDisplayMonth { display: none }
/* rules="all" */
.pnlCalendarPreview .calEvents { border: none !important; margin-left: 10px; width: 315px; border-collapse: separate }
.pnlCalendarPreview .calEvents td { border: none }
.pnlCalendarPreview .calEvents .title { border-collapse: separate }
.pnlCalendarPreview .calEvents .title td { background: #FFF; border-top: solid 2px #DBD7C2; border-bottom: solid 2px #DBD7C2; color: #AF9B89; padding-bottom: 3px; text-align: center; /*text-transform: uppercase*/ }
.pnlCalendarPreview .calEvents th.day-header {
	background: #EFEDE4;
	border-top: none;
	border-right: solid 1px #FFF !important;
	border-bottom: solid 2px #DBD7C2;
	border-left: none;
	color: #AF9B89;
	font-size: 11px;
	font-weight: normal;
	padding: 4px;
	text-align: left;
	text-transform: uppercase
}
.pnlCalendarPreview .calEvents th.day-header:hover { background: #DEDAC7 }
.pnlCalendarPreview .calEvents td.next-prev a { font-weight: bold }
.pnlCalendarPreview .calEvents td.next-prev a:link, .pnlCalendarPreview .calEvents td.next-prev a:visited {
	color: #5F3813 !important;
	text-decoration: none
}
.pnlCalendarPreview .calEvents td.next-prev a:hover {
	color: #F60 !important;
	text-decoration: none
}
.pnlCalendarPreview .calEvents td.day, .pnlCalendarPreview .calEvents td.weekend-day, .pnlCalendarPreview .calEvents td.other-month-day, .pnlCalendarPreview .calEvents td.selected-day {
	border-right: dotted 1px #D3CEB4 !important;
	border-bottom: solid 1px #D3CEB4;
	color: #5F3813;
	font-size: 11px;
	padding: 1px 8px 1px 0;
	text-align: right
}
.pnlCalendarPreview .calEvents td.day:hover, .pnlCalendarPreview .calEvents td.weekend-day:hover, .pnlCalendarPreview .calEvents td.other-month-day:hover {
	background: #EFEDE4
}
.pnlCalendarPreview .pnlDogadjaj { margin: 10px 0 0 10px; width: 315px }
.pnlCalendarPreview #published {
	color: #D65914;
	display: -moz-inline-block;
	display: inline-block;
	float: left;
	font-size: 11px;
	width: 60px
}
.pnlCalendarPreview #title {
	display: -moz-inline-block;
	display: inline-block;
	font-weight: bold;
	width: 255px
}
.pnlCalendarPreview #title a:link, .pnlCalendarPreview #title a:visited {
	color: #5F3813;
	text-decoration: none
}
.pnlCalendarPreview #title a:hover {
	color: #F60;
	text-decoration: none
}
.pnlCalendarPreview #link, .pnlCalendarPreview #content { display: none }

.pnlMonthlyCalendar .calEvents { border: none !important; border-top: solid 2px #DBD7C2; /*margin-left: 10px; width: 315px;*/ width: 100%; border-collapse: separate }
.pnlMonthlyCalendar .calEvents td { border: none }
.pnlMonthlyCalendar .calEvents th.day-header {
	border-top: none;
	border-right: none;
	border-bottom: solid 2px #DBD7C2;
	border-left: none;
	color: #AF9B89;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left;
	text-transform: uppercase
}
.pnlMonthlyCalendar .calEvents td.day, .pnlMonthlyCalendar .calEvents td.weekend-day, .pnlMonthlyCalendar .calEvents td.other-month-day, .pnlMonthlyCalendar .calEvents td.selected-day {
	border-right: dotted 1px #E7E3D3;
	border-bottom: solid 1px #DBD7C2;
	height: 160px;
	text-align: left;
	vertical-align: top
}
.pnlMonthlyCalendar .calEvents td.day:hover, .pnlMonthlyCalendar .calEvents td.weekend-day:hover, .pnlMonthlyCalendar .calEvents td.other-month-day:hover {
	background: #FAF9F5
}
.pnlMonthlyCalendar .calEvents td.other-month-day { background: #FFF !important }
.pnlMonthlyCalendar div.day-number {
	background: #F2F1EA;
	color: #AF9B89;
	font-size: 11px;
	font-weight: bold;
	margin: 1px 0 5px 1px;
	padding: 0 0 2px 3px
}

.pnlMonthlyCalendar .calEvents td.distinct div.day-number {
	color: #D65915;
	font-size: 11px;
	background: url("EventsCalendar/distinct-bg.gif") no-repeat right top;
	margin-bottom: 1px;
	padding-top: 1px
}
.pnlMonthlyCalendar .calEvents td.distinct:hover div.day-number {
	background-image: none
}
.pnlMonthlyCalendar .calEvents td.distinct:hover {
	background-color: #F2F1EA
}
.pnlMonthlyCalendar .calEvents td.distinct a {
	/*border-bottom: solid 3px #36760D;*/
	cursor: text;
	display: block;
	font-size: 11px;
	line-height: 12px;
	margin: 0 3px 7px;
	padding-bottom: 2px
}
.pnlMonthlyCalendar .calEvents td.distinct a:link, .pnlMonthlyCalendar .calEvents td.distinct a:visited {
	color: #5F3813 !important;
	text-decoration: none
}
.pnlMonthlyCalendar .calEvents td.distinct a:hover {
	color: #5F3813 !important;
	text-decoration: none
}
.pnlMonthlyCalendar .pnlDogadjaj {
	position: absolute;
	width: 320px
}
.pnlMonthlyCalendar #dogadjaj {
	background: #FFF url("EventsCalendar/pnlDogadjaj-bg.gif") repeat-x bottom;
	border: solid 2px #DBD7C2;
	float: left;
	padding: 8px 8px 10px;
	width: 300px
}
.pnlMonthlyCalendar #dogadjaj img { margin: -21px 0 0 2px }
.pnlMonthlyCalendar #published {
	/*border-left: solid 2px #36760D;*/
	color: #AE9A88;
	display: -moz-inline-block;
	display: inline-block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding-left: 13px;
	width: 40px
}
.pnlMonthlyCalendar #published img {
	margin-top: 0;
	padding-bottom: 4px
}
.pnlMonthlyCalendar #title {
	display: -moz-inline-block;
	display: inline-block;
	float: left;
	font-weight: bold;
	width: 244px
}
.pnlMonthlyCalendar #title a:link, .pnlMonthlyCalendar #title a:visited {
	color: #5F3813;
	text-decoration: none
}
.pnlMonthlyCalendar #title a:hover {
	color: #F60;
	text-decoration: none
}
.pnlMonthlyCalendar #content { color: #5F3813; float: left; margin-left: 0 }
.pnlMonthlyCalendar #link { display: none }

/* StaJeRSC */
.pnlStaJeRSC {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #F3F2EE url("StaJeRSC/top-bg.gif") no-repeat center top;
	color: #666;
	margin-top: 15px;
	padding-top: 25px
}
.pnlPogodnosti {
	float: left;
	padding: 20px 60px 20px 25px
}
.pnlPogodnosti table { border-bottom: solid 1px #FFF }
.pnlPogodnosti td { border-top: solid 1px #FFF; padding: 5px 0 }
.pnlPogodnosti p { 	text-align: left }
.imgKartice {
	margin: -38px 0 0 -40px
}
/*#pnlKartice*/ a.kolica {
	border: solid 1px #D3D1C7;
	display: -moz-inline-block;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 9px 6px 28px
}
/*#pnlKartice*/ a.kolica:link, /*#pnlKartice*/ a.kolica:visited {
	background: #FFF url("StaJeRSC/kolica.gif") no-repeat left top;
	color: #959179;
	text-decoration: none
}
/*#pnlKartice*/ a.kolica:hover {
	background: #D3D1C7 url("StaJeRSC/kolica-hover.gif") no-repeat left top;
	color: #FFF
}
#pnlKartice {
	padding-bottom: 10px;
	width: 400px;
	height: 320px
}
#pnlKartice img {
	margin-top: 0
}
#pnlKartice p { width: 270px }
.pnlStaJeRSC .dalje {
	float: right;
	padding-top: 100px;
	margin-right: 30px;
	width: 120px
}

/*CoffeeBreakDetalji Subpage*/
.pnlCoffeeBreakDetalji {
	padding-right: 20px;
	float: left;
	width: 480px
}
.nagradnaIgraDetaljiHeader h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.45em;
	margin: 12px 0 15px 0
}
.pnlCoffeeBreakDetalji .tblPitanjeSedmice {
	background-color: #F0F0F0;
	white-space: nowrap !important
}
.pnlCoffeeBreakDetalji .tblPitanjeSedmice th {
	background: url("CoffeeBreakDetalji/bg.gif") repeat-x center bottom;
	color: #666;
	font-size: 11px;
	padding: 3px 0;
	text-align: left
}
.pnlCoffeeBreakDetalji .tblPitanjeSedmice  h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin: 10px 0;
	white-space: normal;
	width: 300px
}
.pnlCoffeeBreakDetalji .tblPitanjeSedmice .cell1 {
	width: 15px
}
.pnlCoffeeBreakDetalji .tblPitanjeSedmice .cell2, .pnlCoffeeBreakDetalji .tblPitanjeSedmice .pnlHtmlText  {
	width: 300px !important
}
.pnlCoffeeBreakDetalji .tblPitanjeSedmice .cell3 {
	width: 150px
}
.pnlCoffeeBreakDetalji .tblPitanjeSedmice .dugme {
	margin: 0
}
.pnlCoffeeBreakDetalji .tblPitanjeSedmice a.dgm2 {
	margin-top: 8px;
	padding-left: 0
}
.pnlCoffeeBreakDetalji .Komentari {
	white-space: normal;
	padding-bottom: 0;
	width: 480px
}
.pnlCoffeeBreakDetalji .Komentari .ArchiveTitle, .pnlCoffeeBreakDetalji .Komentari th {
	display: none
}
.pnlCoffeeBreakDetalji .Komentari table tr:hover {
	background-color: #FFF
}
.pnlCoffeeBreakDetalji .Komentari .BODY {
	color: #333;
	font-size: 13px;
	line-height: 1.35em
}
.pnlCoffeeBreakDetalji .Komentari .ADDED_BY p {
	color: #999;
	float: left;
	font-size: 11px;
	margin-top: 2px;
	width: 90px
}
.pnlCoffeeBreakDetalji .Komentari .BODY p {
	color: #D8BC2E;
	font-size: 12px;
	margin: 0;
	padding: 10px 0 0 0
}
.pnlCoffeeBreakDetalji .dugme a.dgm2 {
	padding-left: 0
}
.tblOnlineUsers .userCell {
	border-bottom: dotted 1px #999;
	color: #666;
	font-size: 12px;
	padding: 0 0 4px 0
}
.tblOnlineUsers .userCell span {
	background-color: #FFF;
	border: solid 1px #CCC;
	color: #999;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px
}
.pnlPopupComments, .pnlPopupDocument {
	background-color: #FFF;
	border-color: #D5AA00;
	border-style: solid;
	border-top: solid 3px #D5AA00;
	height: 243px;
	width: 470px;
	position: absolute;
	top: 405px;
	margin-left: -20px
}
.pnlPopupComments .tbxComment, .pnlPopupDocument .tbxDocument {
	background: url("PopupDataEntry/polje_komentar.gif") no-repeat left top;
	border-style: none;
	border-width: 0;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	padding: 10px;
	height: 124px;
	width: 425px;
}
.pnlPopupComments .comments, .pnlPopupDocument .comments {
	padding: 10px;
	margin: 0
}
.pnlPopupComments .btn, .pnlPopupDocument .btn {
	padding-left: 10px;
	margin: 0
}
/*------------------------------------------------------*/









/*CSS koji ostaje kao na staroj stranici (staticke stranice)*/
.stack { 
    display: block; 
    display: -moz-inline-block;
	display: inline-block
}
pnlHeader img { display: block }

.frm {
	background: #EFEEEA;
	min-height: 426px;
	padding-top: 10px/*;
	padding: 25px*/
}
.frm table { margin: 25px }
.frm .lbl, .frm .lblBold {
	/* XXX: Firefox/2.0.0.18 */
	display: -moz-inline-block;
	display: inline-block;
	margin-bottom: 10px
}
.frm .lbl { font-size: 11px }
.frm .lblBold { font-weight: bold }

.frm .Watermark, .frm .FancyInput {
	border: solid 1px #DAD39A;
	color: #C7BD65;
	display: -moz-inline-block;
	display: inline-block;
	font-size: 11px;
	margin-bottom: 5px
}
.frm input.Watermark, .frm input.FancyInput, .frm textarea.Watermark, .frm textarea.FancyInput { padding: 8px 0 8px 6px }
.frm select.FancyInput { margin-bottom: 10px }
.frm textarea.Watermark, .frm textarea.FancyInput { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
.frm .btn {
	display: -moz-inline-block;
	display: inline-block;
	/* http://stackoverflow.com/questions/129651/how-do-i-keep-a-div-from-expanding-to-take-up-all-available-width */
	float: left;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px
}
.frm .btn:link, .frm .btn:visited {
	background: #FFF;
	border: 1px solid #D3D1C7;
	color: #959179;
	padding: 6px 9px;
	text-decoration: none
}
.frm .btn:hover {
	background: #D3D1C7;
	color: #FFF
}
#frmPristupniPodaci {
	background-image: url("ProvjeraPodataka/pristupni-podaci-btm.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 283px
}
#frmOsnovniPodaci {
	background-image: url("ProvjeraPodataka/osnovni-podaci-btm.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 656px
}

/*Newsletter*/
.pnlNewsletterRegistration { width:675px; padding: 50px; white-space: normal }
.pnlNewsletterRegistration table { width:575px !important }

.pnlNewsletterRegistration .row1 .section {
	
	color: #CBBD0E;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	min-height: /*40px*/30px;
	padding: 10px 0 0 15px
}
.pnlNewsletterRegistration input {
	background: url("images/FancyInput-bg.gif") repeat-x bottom;
	border: solid 2px #D3D089;
	color: #666;
	font-size: 14px;
	padding: 5px 8px
}
.pnlNewsletterRegistration span.lbl {
	color: #CBBD0E;
	font-size: 10px;
	font-weight: bold;
	padding: 0 8px
}
.pnlNewsletterRegistration span.lbl { display: block; margin-top: 5px }
.pnlNewsletterRegistration span.lbl, .cblCategory { margin-left: 15px }
.pnlNewsletterRegistration .row8 input {
	background: none;
	border: none;
	font-size: normal;
	padding: 0
}
.pnlNewsletterRegistration .row4 td, .pnlNewsletterRegistration .row6 td,
.pnlNewsletterRegistration .row9 td, .pnlNewsletterRegistration .row10 td { padding-left: 15px }
.tblUnsubscribe { margin: 20px 15px 0 }
.tblUnsubscribe .section {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 15px 15px 0
}
.tblUnsubscribe span.lbl { margin-left: 0 }
.pnlNewsletterRegistration .row9 { padding-bottom: 10px }
.pnlNewsletterRegistration .row6 a, .pnlNewsletterRegistration .row9 a, a.fancyBtn {
	border: solid 1px #E0E6E9;
	display: -moz-inline-block;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	margin-left: 4px;
	padding: 2px 6px
}
.pnlNewsletterRegistration .row6 a:link, .pnlNewsletterRegistration .row9 a:link, .pnlNewsletterRegistration .row6 a:visited, .pnlNewsletterRegistration .row9 a:visited,
a.fancyBtn:link, a.fancyBtn:visited {
	color: #8DA3AD;
	text-decoration: none
}
.pnlNewsletterRegistration .row6 a:hover, .pnlNewsletterRegistration .row9 a:hover,
a.fancyBtn:hover {
	background: #E0E6E9;
	color: #8DA3AD;
	text-decoration: none
}

/*Ponuda paketa */
#paketiContentPanelTrendi,  #paketiContentPanelTrendiPlus {
    background-color:#FFFFFF;
    border-style:none;
    clear:none;
    float:left;
    width:500px;
}
.tabelapaketi {
}
.tabelapaketi td {
	vertical-align: top;
	padding: 20px 15px 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	white-space: normal;
}
.tabelapaketi td p {
	font-size: 14px;
	line-height: 1.45em;
	padding-bottom: 8px;
}
.tabelapaketi td span {
	font-weight: bold;
	color: #CC9900;
}

.tabelapaketi .sitnopismo {
	font-size: 11px;
	color: #999;
}
.tabelapaketi tr:hover {
	background-color: #F0F0F0;
}
.tabelapaketi ul {
	margin-top: 0px;
	margin-bottom: 1em;
	list-style-image: url(PonudaPaketa/bullet_strelica1.gif);
}
.tabelapaketi li {
	margin-bottom: .5em;
	line-height: 1.3em;
}
.tabelapaketi .slikadesno {
	float: right;
}

/* Kulinarka */

.Kulinarka img {
    width: 120px;
    height: 95px
}

#pnlKontakt {
    background: #EFEEEA;
    padding: 65px 15px 15px 15px
}

.pnlProvjeraPodataka {
    display: table;
    padding-top: 1px;
    float: left;
}

.Poruka {
    float: left;
}

.pnlPasswordReset {
    float:left
}
.pnlPasswordReset .FancyInput {
    display: block
}

.pnlStanjeNaPutevima {
    padding: 0 15px 0 15px;
    white-space: normal;
}

/*Nagradna igra (homepage) */
.pnlNagradnaIgra {
    background-color: #EEE;
	border-bottom: 1px solid #DBDBDB;
	border-top: 3px solid #FFFF00;
	margin-bottom: 15px;
	width: 454px;
	height: 210px
}
.pnlNagradnaIgra a.dgm2 {
	color: #FFF;
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	padding-right: 14px; /* sliding doors padding */
	padding-left: 210px;
	text-decoration: none;
	background: url(Images/dgm2_r.gif) no-repeat scroll right top transparent;
	font: normal 11px bold
}
.pnlNagradnaIgra .pnlHtmlText {
	/*Ukloniti nakon sto se nagradnaIgra pocne koristiti*/
	/*font-size: 14px;*/
	font-size: 10px;
	color: #242424;
	font-weight: bold;
	margin-top: 1px;
	/*margin-top: 5px;*/
	text-align: left;
	padding: 0 10px 0 10px
	/*padding: 0 10px 0 210px*/
	
	/*Zakomentarisano dok se ne pocne koristiti funkcionalnost nagradnaIgra
	/*font-size: 12px;
	color: #666;
	text-align: left;
	padding: 0 10px 0 10px
	*/
}
.pnlNagradnaIgra .dugme {
	margin-top: 0
}
.pnlNagradnaIgra .dugme .dgm2 {
	display: none;
	padding-left: 300px
}
.Subpage .pnlNagradnaIgra .dugme .dgm2 {
	display: none;
	padding-left: 300px
}
