/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #e7d881 url(img/bgnd.gif) repeat-x top; }
td, input, select, textarea { font: 11px Arial, sans-serif; color: #3d3d3d; line-height: 15px; }
form { margin: 0; }

a img { border: none; }

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

ul.boxNews { margin: 0; padding: 0; list-style-type: none; }
ul.boxNews li { background: url(img/bullet_rect.gif) 0 3px no-repeat; padding-left: 12px; margin-bottom: 10px; }

ul.footerLinks { margin: 5px 0 0 0; padding: 0; list-style-type: none; }

ul.subMenu { margin: 10px 0 0 10px; padding: 0; list-style-type: none; }
ul.subMenu li { background: url(img/bullet_rect.gif) 0 3px no-repeat; padding-left: 12px; margin-bottom: 3px; }

ul.fondLinks { margin: 17px 0 17px 30px; padding: 0; list-style: none; }
ul.fondLinks li { background: url(img/bullet_rect.gif) no-repeat 0 3px; padding: 0 25px 0 10px; }

.datum { color: #9e9b97; font-size: 9px; }
.txtRed { color: #df0000; }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c8c8c8; padding: 3px 5px; }
.searchbox { width: 165px; margin-right: 5px; }

select { height: 20px; background: #fff; border: 1px solid #b5b8b9; }
.mjesIzvjSelect { width: 170px; }
.buttonMarginLeft { margin-left: 7px; }
.btn { cursor: pointer; }


/* LINKS */
a:link { color: #00488e; text-decoration: none; }
a:active { color: #00488e; text-decoration: none; }
a:visited { color: #00488e; text-decoration: none; }
a:hover { color: #df0000; text-decoration: none; }

a.linkWhite:link { color: #ffffff; text-decoration: none; }
a.linkWhite:active { color: #ffffff; text-decoration: none; }
a.linkWhite:visited { color: #ffffff; text-decoration: none; }
a.linkWhite:hover { color: #e9f4fc; text-decoration: none; }


/* WRAPPERS */
.header { width: 970px; background: #fff url(img/headerBgnd.gif) no-repeat center top; margin-top: 15px; }
.header td { text-align: left; }
.headerRow1 { height: 107px; vertical-align: bottom; }
.headerRow2 { background: url(img/headerBgnd2.gif) repeat-x 0 top; }
.logoContainer { height: 40px; padding-left: 90px; }
.logoContainer div { text-align: center; }
.topLinksContainer { padding: 0 20px 35px 0; color: #9e9b97; }

.tagsContainer { width: 300px; }
.search { width: 275px; height: 42px; background: url(img/searchBgnd.gif) no-repeat 0 bottom; }
.searchEnd { width: 20px; background: url(img/searchBgnd.gif) no-repeat right bottom; }

.middleContainer { width: 970px; background: #fff; } 
.middle { width: 940px; margin: 0 15px; }
.leftCol { width: 235px; vertical-align: top; text-align: left; }
.mainCol { vertical-align: top; text-align: left; }
.graphContainer { vertical-align: bottom; text-align: left; border: 1px solid #bcbcbc; border-bottom: none; }

.leftMenuItem { background: #f6f3f0 url(img/menuItemBgnd.gif) 0 0 repeat-x; padding: 9px 10px 8px 15px; border-bottom: 1px solid #fff; }
.leftMenuItem2 { background: #f6f3f0 url(img/menuItemBgnd2.gif) 0 0 repeat-x; padding: 5px 10px 4px 15px; border-bottom: 1px solid #fff; }

.graphWrapper { margin: 0 0 0 15px; }
.graphTitle { font: 18px Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 12px; }
.graphChange { margin: 0 auto; }
.graphChange select { margin-left: 10px; width: 170px; }
.fondInfoDivider { background: url(img/divider_horiz.gif) repeat-x left center; height: 25px; }
.marginTopSmall { margin: 5px 0 0 0; }
.maximum { background: #99133e; padding: 10px 15px; margin: 0 0 10px 0; }
.equity { background: #00adef; padding: 10px 5px 10px 15px; margin: 0 0 10px 0; }
.bond { background: #f5811f; padding: 10px 15px; margin: 0 0 10px 0; }
.breza { background: #a5ce38; padding: 10px 15px; margin: 0 0 10px 0; }
.proprius { background: #d39c5e; padding: 10px 15px; margin: 0 0 10px 0; }

.fondInfoName { width: 100%; margin: 0 auto 10px auto; }
.fondInfoLogo { width: 90px; }
.fondInfoValue { color: #fff; background: #666666; border-left: 1px solid #fff; padding-left: 11px; }
.fondInfoValue h1 { font: 18px Arial, Helvetica, sans-serif; margin: 0 0 0 0; font-weight: normal; }
.fondInfoValue h1 img { margin: 0 0 0 6px; vertical-align: middle; }

.fondChooserWrapper { background: url(img/fondChooserBgnd.gif) repeat-x center top; }
.fondChooser .tab { border-right: 1px solid #fff; padding: 6px 20px; text-align: center; }
.fondChooser .tab a:link { color: #ffffff; text-decoration: none; }
.fondChooser .tab a:active { color: #ffffff; text-decoration: none; }
.fondChooser .tab a:visited { color: #ffffff; text-decoration: none; }
.fondChooser .tab a:hover { color: #e9f4fc; text-decoration: none; }
.fondChooser .active { border-left: none; background: #fff; border-bottom: 1px solid #bcbcbc; }

.fondChooser .active a:link { color: #00488e; text-decoration: none; }
.fondChooser .active a:active { color: #00488e; text-decoration: none; }
.fondChooser .active a:visited { color: #00488e; text-decoration: none; }
.fondChooser .active a:hover { color: #00488e; text-decoration: none; }

.graphValues { width: 650px; }
.graphValues th { padding: 2px 10px; background: #e1eef9; color: #00488e; font-weight: normal; text-align: center; }
.graphValues td { padding: 2px 10px; background: #f1f1f1; text-align: center; }

.indexBoxesWrapper { width: 940px; margin-top: 20px; }
.indexBoxesWrapper td { text-align: left; vertical-align: top; }
.boxLeft { width: 230px; padding-left: 5px; }
/*.boxMain { width: 440px; }*/
.boxMain { width: 400px; }
.boxRight { width: 270px; }
.boxTitle { margin-bottom: 10px; }

.stockIndex { width: 100%; }
.stockIndex tr { background: url(img/stockIndexBgnd.gif) repeat-x left center; }
.stockIndex td { border-bottom: 1px solid #fff; padding: 7px 2px; }
.stockValue { text-align: right; }

.pageContent { margin: 0 5px; }
.pageTitle h1 { font: 20px Arial, Helvetica, sans-serif; color: #104c85; margin: 5px 0 15px 0; text-align:left; }
.pageContent { font: 12px Arial, Helvetica, sans-serif; line-height: 16px; text-align:left; height: 300px; vertical-align: top; }
.pageContent p { margin: 0 0 16px 0; }
.pageContent td { font: 12px Arial, sans-serif; color: #3d3d3d; line-height: 15px; }

.footer { width: 930px; margin-bottom: 15px; }
.footer td { color: #5c5c5c; vertical-align: top; }
.footerLeft { width: 215px; text-align: left; padding-top: 10px; }
.footerMain { text-align: center; padding-top: 10px; }
.footerRight { width: 195px; text-align: right; padding-top: 10px; }


/* DatePicker Styles */
input.DatePicker{
	display: block;
/*	width: 150px;
	padding-left: 3px 3px 3px 24px;
	border: 1px solid #0070bf;
*/
	width: 100px; 
	margin: 0 7px;
	cursor: pointer;
}
/*
.dp_container{
	position: relative;
	background-color: #fffce9;
	padding: 0;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option{
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
}
.dp_cal thead th{
	background: #d9eefc;
}
.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
*/
/* must have this for the IE6 select box hiding */
/*
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #eee;
}
.dp_today{
	background: #daf2e6;
}
.dp_selected{
	color: #fff;
	background: #328dcf;
}*/

div.DatePicker-Container {}
div.DatePicker-Wrapper {
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
	}

div.DatePicker-Wrapper table {}

div.DatePicker-Wrapper td { padding: 0px; }

div.DatePicker-Wrapper td.nav {}

div.DatePicker-Wrapper td.dayName {
	font-weight: bold;
	background-color: #EEEEEE;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

div.DatePicker-Wrapper td.day, div.DatePicker-Wrapper td.empty {
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
}

div.DatePicker-Wrapper td.current {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
}

div.DatePicker-Wrapper td.dp_roll { background-color: #E0E0E0; }