/* CSS Document */

html { height: 100%; }

.clr { clear: both; }

.outline { /*background: #ffff00;*/ }

.okvir { border: 1px solid #ccd7e5; padding: 5px; }

#buttons { float: left; margin: 0px; padding: 0px; width: auto; }
#buttons_outer { width: 635px; margin-bottom: 2px; margin-right: 2px; float: left; }
#buttons_inner { border: 1px solid #cccccc; height: 21px !important; height: 23px; }
#pathway_text { overflow: hidden; display: block; height: 25px; line-height: 25px !important; line-height: 22px; padding-left: 4px; border: 1px solid #ccc; margin-bottom: 2px; }
#pathway_text img { margin-left: 5px; margin-right: 5px; margin-top: 6px; }


ul#mainlevel-nav { list-style: none; padding: 0; margin: 0; font-size: 0.8em; }
ul#mainlevel-nav li { background-image: none; padding-left: 0px; padding-right: 0px; float: left; margin: 0; font-size: 11px; line-height: 21px; white-space: nowrap; border-right: 1px solid #cccccc; }
ul#mainlevel-nav li a { display: block; padding-left: 15px; padding-right: 15px; text-decoration: none; color: #333333; background: transparent; }

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover { color: #fff; background: #c64934; }

#search_outer { float: left; width: 165px; }
#search_inner { border: 1px solid #cccccc; padding: 0px; height: 21px !important; height: 23px; overflow: hidden; }
#search_inner form { padding: 0; margin: 0; }
#search_inner .inputbox { border: 0px; padding: 3px 3px 5px; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #c64934; }

#header_outer { text-align: left; border: 0px; margin: 0px; }
#header { float: left; padding: 0px; margin-left: 0px; margin-right: 2px; width: 800px; height: 123px; background: url(../images/h1.jpg) no-repeat; }

#top_outer{ float: left; width: 165px; }
#top_inner { border: 1px solid #cccccc; padding: 2px; height: 144px !important; height: 150px; overflow: hidden; float: none !important; float: left; }

#left_outer { float: left; margin-top: 2px; width: 165px; }
#left_inner { border: 1px solid #cccccc; padding: 2px; float: none !important; float: left; }

#content_outer { padding: 0px; margin-top: 0px; margin-left: 2px; /** border: 1px solid #cccccc; **/ float: left; width: 635px; }
#content_inner { float: none !important; float: left; padding: 0; padding-top: 2px; margin: 0; }

table.content_table { width: 100%; padding: 10px; margin: 10px; background: #ffffff; }
table.content_table td { padding: 0px; margin: 0px; }

#banner_inner { float: left; padding: 0px; height: 70px; }
#poweredby_inner { float: right; padding: 0px; margin-left: 0px; height: 70px; }
#right_outer { margin-left: 2px; width: 165px; }
#right_inner { float: none !important; float: left; border: 1px solid #cccccc; padding: 2px; }

.user1_inner { border: 1px solid #cccccc; float: none !important; float: left; margin: 0px; padding: 2px; }
.user2_inner { border: 1px solid #cccccc; float: none !important; float: left; margin: 0px; padding: 2px; }

table td.body_outer { padding: 2px; border: 1px solid #cccccc; }

.maintitle { color: #ffffff; font-size: 40px; padding-left: 15px; padding-top: 20px; }

.error { font-style: italic; text-transform: uppercase; padding: 5px; color: #cccccc; font-size: 14px; font-weight: bold; }

/** old stuff **/

.back_button { float: left; text-align: center; font-size: 11px; font-weight: bold; border: 3px double #cccccc; width: auto; background: url(../images/button_bg.png) repeat-x; padding: 0px 10px; line-height: 20px; margin: 1px; }

.pagenav { text-align: center; font-size: 11px; font-weight: bold; border: 3px double #cccccc; width: auto; background: url(../images/button_bg.png) repeat-x; padding: 0px 10px; line-height: 20px; margin: 1px; }
.pagenavbar { margin-right: 10px; float: right; }

#footer { text-align: center; padding: 3px; }

ul { margin: 0; padding: 0; list-style: none; line-height: 1.3em; }
li { line-height: 1.3em; padding-left: 15px; padding-top: 0px; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: 0px 2px; }
td { text-align: left; font-size: 11px; line-height: 1.3em; }

body { margin: 15px; height: 100%; padding: 0px; font-family: Arial, Helvetica, Sans Serif; line-height: 1.3em; font-size: 11px; color: #333333; /*background: #d3deea;*/ /*	background: url(../images/bg.jpg) repeat;*/ }

/* Joomla core stuff */
a:link, a:visited { color: #336699; text-decoration: none; font-weight: bold; }
a:hover { color: #003366; text-decoration: none; font-weight: bold; }

table.contentpaneopen { width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px; margin: 0px; }
table.contentpaneopen td { padding-right: 5px; }
table.contentpaneopen td.componentheading { padding-left: 4px; }

table.contentpane { width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px; margin: 0px; }
table.contentpane td { margin: 0px; padding: 0px; }
table.contentpane td.componentheading { padding-left: 4px; }
table.contentpaneopen fieldset { border: 0px; border-bottom: 1px solid #eeeeee; }

.button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox { width: 195px; padding: 2px; border: solid 1px #cccccc; background-color: #ffffff; }

.componentheading { background: url(../images/subhead_bg.png) repeat-x; color: #666666; text-align: left; padding-top: 4px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase; }

.contentcolumn { padding-right: 5px; }

.contentheading { height: 30px; color: #003366; font-weight: bold; font-size: 16px; white-space: nowrap; }

.contentpagetitle { font-size: 13px; font-weight: bold; color: #cccccc; text-align: left; }

table.searchinto { width: 100%; }
table.searchintro td { font-weight: bold; }

table.moduletable { width: 100%; margin-bottom: 5px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }

div.moduletable { padding: 0px; margin-bottom: 2px; }

div.moduletable _mod1 { padding: 20px; margin-bottom: 2px; }

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td { font-size: 11px; padding: 0px; margin: 0px; font-weight: normal; }

table.pollstableborder td { padding: 2px; }

.sectiontableheader { font-weight: bold; background: #f0f0f0; padding: 4px; }
.sectiontablefooter { }
.sectiontableentry1 { background-color: #ffffff; }
.sectiontableentry2 { background-color: #f9f9f9; }

.small { color: #999999; font-size: 11px; }

.createdate { height: 15px; padding-bottom: 10px; color: #999999; font-size: 11px; }
.modifydate { height: 15px; padding-top: 10px; color: #999999; font-size: 11px; }

table.contenttoc { border: 1px solid #cccccc; padding: 2px; margin-left: 2px; margin-bottom: 2px; }
table.contenttoc td { padding: 2px; }
table.contenttoc th { background: url(../images/subhead_bg.png) repeat-x; color: #666666; text-align: left; padding-top: 2px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase; }

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu4_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover { background-position: 0px -25px; text-decoration: none; color: #cccccc; }
a.mainlevel#active_menu { color:#cccccc; font-weight: bold; }
a.mainlevel#active_menu:hover { color: #cccccc; }
a.mainlevel_metra:link, a.mainlevel_metra:visited {
	display: block;
	background: url(../images/menu5_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding-top: 5px;
	padding-left: 8px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel_metra:hover { background-position: 0px -25px; text-decoration: none; color: #cccccc; }
a.mainlevel_metra#active_menu_metra { color:#cccccc; font-weight: bold; }
a.mainlevel_metra#active_menu_metra:hover { color: #cccccc; }

/* ------------*/
/*
a.mainlevel_top:link, a.mainlevel_top:visited {
	background: url(../images/menu1_bg.png);
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 18px;
	padding-right: 18px;
	height: 20px !important;
	height: 25px;
	width: 180px;
	text-decoration: none;
}
*/
a.mainlevel_top:link, a.mainlevel_top:visited { background: url(../images/menu1_bg.png); font-size: 14px; 	font-weight: bold; color: #ffffff; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 18px; padding-right: 18px; }
a.mainlevel_top:hover { background-position: 0px -28px; text-decoration: none; color: #ffffff; }
a.mainlevel_top#active_menu_top { background-position: 0px -28px; }
a.mainlevel_top#active_menu:hover { color: #ffffff; }
/* ------------*/
a.mainlevel_top1:link, a.mainlevel_top1:visited {
	display: block;
	float: left;
	background-image: url(../images/bbg.png) no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	/*height: 26px;*/
	height: 20px;
	width: 100px;
	text-align: center;
	padding-top: 6px;
}
a.mainlevel_top1:hover { background: url(../images/bbg1.png); }
a.mainlevel_top1#active_menu_top1{ background: url(../images/bbg1.png); }
a.mainlevel_top1#active_menu_top1:hover { color: #ffffff; }

/* ------------*/
a.sublevel:link, a.sublevel:visited { padding-left: 1px; vertical-align: middle; font-size: 11px; font-weight: bold; color: #222222; text-align: left; }
a.sublevel:hover { color: #900; text-decoration: none; }

a.sublevel#active_menu { color: #ccc; }
a.sublevel_metra:link, a.sublevel_metra:visited {
	display: block;
/*	background: url(../images/abcmenu2_bg.png) no-repeat;*/
	background-color: #f5f5f5;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #0e4890;
	text-align: left;
	padding-top: 7px;
	padding-left: 15px;
	height: 30px !important;
	height: 40px;
	width: 181px;
	text-decoration: none;
	margin-left: 0px;
	margin-bottom: 1px;
}

a.sublevel_metra:hover { color: #000000; text-decoration: none; background-color: #f0f0f0; }

a.sublevel_metra#active_menu_metra { /*	color: #97CA3D;*/ background-color: #e0e0e0; }

.highlight { background-color: Yellow; color: Blue; padding: 0; }
.code { background-color: #dddddd; border: 1px solid #bbbbbb; }

form { /* removes space below form elements */ margin: 0; padding: 0; }

div.mosimage { border: 1px solid #ccc; }

.mosimage { border: 1px solid #cccccc; margin: 5px; }

.mosimage_caption { margin-top: 2px; background: #efefef; padding: 1px 2px; color: #666666; font-size: 10px; border-top: 1px solid #cccccc; }

span.article_seperator { display: block; height: 1.5em; }