body {
  font-size:11px;
  font-family: Arial,Helvetica,sans-serif;
  text-align:center;
  background-color:#FFFFFF;
  color: #333333;
}

a:link { font-family: arial, helvetica, sans-serif; color: #D91E15; text-decoration: underline; }
a:visited { font-family: arial, helvetica, sans-serif; color: #D91E15; text-decoration: underline; }
a:hover { font-family: arial, helvetica, sans-serif; color: #D91E15; text-decoration: none; } 
a:active { font-family: arial, helvetica, sans-serif; color: #D91E15; text-decoration: underline; }

H1 {
  font-size:10px;
  font-family: Arial;
  text-align:center;
  /* background-color:#ABC159; */
  color:#FFFFFF;
  padding-top:6px;
  background-image:url(/graphics/ProEco/pozadina_naslov_h1.gif);
  background-repeat:no-repeat;
  height:22px;
}

H1 a:link {
  color:#FFFFFF;
  text-decoration:none;
}

H1 a:visited {
  color:#FFFFFF;
  text-decoration:none;
}

H1 a:hover {
  color:#000000;
  text-decoration:none;
}

table {
  font-size:11px;
  font-family: Arial;
}

#spacer1 {
float:left;
width:20px;
margin-top:20px;
}

#spacer2 {
float:left;
font-size:23px;
font-weight:bold;
color:#A0A0A0;
margin-top:58px;
padding-left:25px;
}

#container {
  width:935px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  margin-top:0px;
}

#mainContent {
  float:left;
  width:600px;
  padding:15px;
}

#header {
  margin-top:30px;
  height:55px;
  width:100%;
}

#logo {
  float:left;
  width:250px;
  height:40px;
  margin-left:15px;
  margin-right:5px;
}

#logo_extension {
  width:295px;
  height:14px;
  margin-top:23px;
  float:left;
}

#language {
  margin-top:17px;
  float:right;
  font-size:11px;
  font-weight:bold;
  color:#575757;
  margin-right:15px;
}

#top_menu_container {
  background-image:url(/graphics/ProEco/pozadina_gornji_meni.gif);
  background-repeat:no-repeat;
  height:35px;
}

#top_menu {
  font-size:11px;
  font-weight:bold;
  color:#575757;
  padding-left:15px;
  margin-top:8px;
  float:left;
}

#search_form{
  font-size:11px;
  padding-right:15px;
  margin-top:10px;
  float:right;
}

form {
  margin:0px;
  padding:0px;
}

.commonControl {
  font-size:10px;
  border:1px solid #999999;
  background-color:#FFFFFF;
  color:#575757;
}

#middle_header {
  background-image:url(/graphics/ProEco/pozadina_roll_menu.jpg);
  background-repeat:no-repeat;
  height:185px;
  width:745px;
  float:left;
}

#roll_menu {
  float:left;
  font-size:25px;
  color:#FFFFFF;
  margin-top:58px;
  padding-left:5px;
}

#bottom_menu_container {
  background-image:url(/graphics/ProEco/pozadina_donji_meni.gif);
  background-repeat:no-repeat;
  height:52px;
  margin-top:1px;
}

#bottom_menu {
  font-size:11px;
  color:#FFFFFF;
  padding-left:15px;
  margin-top:15px;
  float:left;
}

.menuBottom:link {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.menuBottom:visited {

	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.menuBottom:hover {

	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.menuRoll:link {
	font-family: Arial;
	font-size: 25px;
	color: #A0A0A0;
	text-decoration: none;
}
.menuRoll:visited {

	font-family: Arial;
	font-size: 25px;
	color: #A0A0A0;
	text-decoration: none;
}
.menuRoll:hover {

	font-family: Arial;
	font-size: 25px;
	color: #000000;
	text-decoration: none;
}

.ilustracija {
  float:left;
  margin-top:20px;
  margin-left:0px;
}

.ilustracija1 {
  float:left;
  margin-top:20px;
  margin-left:52px;
  
}

.middleMenuHeader {
  float:left;
  width:156px;
  height:185px;
  margin-right:1px;
}

.middleMenuHeader1 {
  float:left;
  width:150px;
  height:185px;
  margin-right:1px;
}

.middleMenuHeaderTD {
  height:30px;
  background-image:url(/graphics/ProEco/pozadina_naslov_srednji_meni.gif);
  background-repeat:no-repeat;
  text-align:center;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px;
}

.middleMenuHeaderTD1 {
  height:30px;
  background-image:url(/graphics/ProEco/pozadina_naslov_srednji_meni1.gif);
  background-repeat:no-repeat;
  text-align:center;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px;
}

.middleMenuHeaderTD2 {
  height:30px;
  background-image:url(/graphics/ProEco/pozadina_naslov_srednji_meni2.gif);
  background-repeat:no-repeat;
  text-align:center;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px;
}

.middleMenuHeaderTD3 {
  height:30px;
  background-image:url(/graphics/ProEco/pozadina_naslov_srednji_meni3.gif);
  background-repeat:no-repeat;
  text-align:center;
  font-weight:bold;
  color:#FFFFFF;
  padding:5px;
}

.middleMenuItemsTD {
  height:155px;
  background-color:#EFEFF0;
  font-weight:bold;
  color:#65676A;
  padding:5px;
  padding-top:8px;
  margin-top:0px;
}

.middleMenuItems {
  background-image:url(/graphics/strelica_mala.gif);
  background-repeat:no-repeat;
  padding-top:0px;
  padding-left:15px;
  padding-bottom:4px;
  padding-right:5px;
}

.middleMenuItems1 {
  background-image:url(/graphics/strelica_mala.gif);
  background-repeat:no-repeat;
  padding-top:0px;
  padding-left:15px;
  margin-left:15px;
  padding-bottom:4px;
  padding-right:5px;
}

.middleMenuItems2 {
  background-image:url(/graphics/ProEco/strelica_mala.gif);
  background-repeat:no-repeat;
  padding-top:0px;
  padding-left:15px;
  margin-left:30px;
  padding-bottom:4px;
  padding-right:5px;
}

.menuMiddleLink:link {
	font-family: Arial;
	font-size: 10px;
	color: #65676A;
	text-decoration: none;
}
.menuMiddleLink:visited {

	font-family: Arial;
	font-size: 10px;
	color: #65676A;
	text-decoration: none;
}
.menuMiddleLink:hover {
	font-family: Arial;
	font-size: 10px;
	color: #676767;
	text-decoration: underline;
}

.menuMiddleTop:link {
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.menuMiddleTop:visited {
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.menuMiddleTop:hover {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

#tracking_menu {
  height:23px;
  border-bottom:1px dotted #ABC159;
  font-family:Arial;
  font-size:10px;
  padding-left:18px;
  padding-top:7px;

}

.tracking_menu1:link {
  font-family:Arial;
  font-size:10px;
  color:#65676A;
  text-decoration:none;
}

.tracking_menu1:visited {
  font-family:Arial;
  font-size:10px;
  color:#65676A;
  text-decoration:none;
}

.tracking_menu1:hover {
  font-family:Arial;
  font-size:10px;
  color:#65676A;
  text-decoration:underline;
}

.text_title {
  font-family:Arial;
  font-size:16px;
  font-weight:bold;
  color:#D91E15;
  margin-bottom:20px;
}

.text_body {
  font-family:Arial,helvetica,sans-serif;
  font-size:11px;
  color:#333333;
}

.text_right {
  font-family:Arial;
  font-size:11px;
  color:#676767;
}

.attachment:link {
  font-family:Arial;
  font-size:11px;
  color:#65676A;
  text-decoration:none;
}

.attachment:visited {
  font-family:Arial;
  font-size:11px;
  color:#65676A;
  text-decoration:none;
}

.attachment:hover {
  font-family:Arial;
  font-size:11px;
  color:#65676A;
  text-decoration:underline;
}

.right_okvir_container {
  float:left;
  width:219px;
  margin-top:15px;
  margin-bottom:15px
}

.right_okvir_top {
  width:219px;
  background-image:url(/graphics/ProEco/okvir_top.gif);
  background-repeat:no-repeat;
  height:11px;
}

.right_okvir_bottom {
  width:219px;
  background-image:url(/graphics/ProEco/okvir_bottom.gif);
  background-repeat:no-repeat;
  height:11px;
}

.right_okvir_content {
  width:219px; /*IE*/
  width:217px; /*Mozilla*/
  background-color:#F4F7FA;
  border-left:1px solid #E3E3E3;
  border-right:1px solid #E3E3E3;
}

.image_left { margin-right:6px; margin-bottom:6px; float:left; }
.image_right { margin-left:6px; margin-bottom:6px; float:right; }
.image_center { margin-top:6px; margin-bottom:6px; width:680px; text-align:center; }


.menu1:link {
  font-family:Arial;
  font-size:11px;
  color:#65676A;
  text-decoration:none;
}

.menu1:visited {
  font-family:Arial;
  font-size:11px;
  color:#65676A;
  text-decoration:none;
}

.menu1:hover {
  font-family:Arial;
  font-size:11px;
  color:#65676A;
  text-decoration:underline;
}

.newsBodySmall {
  color:#565656;
  font-weight:bold;
  border-bottom:1px dotted #CCCCCC;
}

.newsLink:link {
  color:#565656;
  font-weight:bold;
  text-decoration:none;
} 

.newsLink:visited {
  color:#565656;
  font-weight:bold;
  text-decoration:none;
} 

.newsLink:hover {
  color:#565656;
  font-weight:bold;
  text-decoration:underline;
} 

/*-----------------------------------------old styles--------------------------*/

.HomeLink5 {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#000000; text-decoration:none;}
.LoginForm {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 12px; color:gray; text-decoration:none;border-bottom:1px solid gray;background-color:white;}
.LoginFormPrompt {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:black; text-decoration:none;}
.HomeLinkRed {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#EE1818; text-decoration:none;}
.HomeLinkRed:hover {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#EE1818; text-decoration:underline;}
.HomeLinkBlue {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#292C83; text-decoration:none;}
.HomeLinkBlue:hover {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#292C83; text-decoration:underline;}
.ApplicationTitle {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 22px; color:#4A4C4A; font-style: italic; }
.IndexHead {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16px; color:#4A4C4A; border-bottom:1px dashed gray;padding-left:5px}
.AdminDesktopBackground {background-color:#C0C0C0;}

/* buttons */
.grayButton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:black; background-color:#C3C3C3; border:1px black solid}
.liteBlueButton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:black; background-color:#CDDAE6; border:1px black solid}

.whiteControl {font-family:  "Courier New", Courier, monospace;; font-size:11px; color:black; background-color:#EFEFEF; border:1px black solid}
.liteBlueControl {font-family:  "Courier New", Courier, monospace;; font-size:11px; color:black; background-color:#CDDAE6; border:1px black solid}

/* Navigation Bar*/
.NavBarHead {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16px; color:#4A4C4A}
.NavBarLeft {background-color: #E6EEFF;border-right:1px dashed gray;border-top:1px dashed gray; padding-top:10px;}
.NavBarBorder {border-top:1px dashed gray;}
.NavBarHighLite {color:#E68900;}
.NavBarHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color:white;font-weight: bold; text-align: left;background-color: #187194}
.NavBarItem {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; text-align:left;vertical-align:middle; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #187194;}
.NavBarLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:red; background-color: #eeeeee;font-weight: bold}
.NavBarInv {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:red; background-color: #eeeeee;font-weight: bold}
.NavBarError {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:red; background-color: white;font-weight: bold}

/* List */
.listHead {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:gray}
.listHead1 {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:black}
.listMessage {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 10px; color:red; font-weight:bold}

/* Search */
.searchForm {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#4A5983; padding-left:10px; text-decoration:none;}
.searchFormHead {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:white; padding-left:10px; text-decoration:none;background-color: #187194; font-weight: bold;}
.searchFormResult {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px;text-decoration:none;color:brown;font-weight: bold;}
.searchTableLayout {background-color: white; border:solid black 2px;}

/* Forms */
.FormHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#29166F}
.FormPrompt {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:black; text-decoration:none; background-color: #EEF2FF; }
.FormPromptRequired {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#4A5983; padding-left:10px; text-decoration:none;background-color: darkblue;color:white;font-weight: bold;}
.FormMessage {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 10px; color:red; font-weight:bold}
.FormLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:white; text-decoration:none; }
.formCommentar {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size:12px; color:black; font-weight:bold; }

/* menu */
.lowText { text-decoration: none; color: #000000; font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px}
.lowText1 { text-decoration: none; color: #000000; font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px}
.highText { text-decoration: none; color: #FFFFFF; font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px}
.itemBorder { border: 1px solid #666666 }
.itemBorderBlank { border: 1px solid #CCCCDD }

/* PERMISSIONS */
.PermissionsHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#FFFFFF; background-color:gray; border-bottom:1px solid black; border-top:1px solid black; font-weight:bold; padding-top:2px; padding-bottom:2px}
.PermissionsSubHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color:gray; border-bottom:1px solid black; padding-top:2px; padding-bottom:2px}
.PermissionsList {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:black; border-bottom:1px solid silver; padding-top:2px; padding-bottom:2px}
.PermissionsHeader1 {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:black; border-bottom:1px solid black; padding-top:2px; padding-bottom:2px; font-weight:bold; background-color:silver}
.PermissionsPrompt {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:black; padding-top:2px; padding-bottom:2px}
.PermissionMessage {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 10px; color:red; font-weight:bold}

/* application */
.ApplicationText{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:blue; background-color: white}
.ApplicationText1{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:black; background-color: white}
.Copyright{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; color:#006699;}


/* HTML editor */
.title { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.subtitle { font-size: 12px; font-weight: bold; }

.toc_ul, .toc_li { margin-left: 8 px; line-height: 16px; }
.step_ol, .step_li { margin-left: 11 px; line-height: 16px; }

.pageheader { border: #E0E0E0 solid 1px; }
.pagefooter { border: #E0E0E0 solid 1px; }
.sample { background-color: #FFFFFF; border: #000000 solid 1px; }
.samplecontent { font-size: 10px; }

.code { background-color: #FFFFFF; border: #000000 solid 1px; }
.codecontent { font-size: 10px; }
.codecontent a:visited { color: #666666; text-decoration: none; font-weight: bold }
.codecontent a:active { color: #666666; text-decoration: none; font-weight: bold  }
.codecontent a:hover { color: #666666; text-decoration: none; font-weight: bold  }
.codecontent a { color: #666666; text-decoration: none; font-weight: bold  }

.working { color: #00CC00 }
.failed { color: #CC0000 }

#pscroller2{
width: 500px;
height: 40px;
padding: 0px;
}



.someclass{ //class to apply to your scroller(s) if desired

}

hr {
  height: 1px;
  border: 1px dotted #ABC159;
}

H4 {
  font-size:11px;
  font-family: Arial;
  color:#333333;
}