/* General Settings */
a { text-decoration: none; color: #134302}
a:hover { text-decoration: underline; }
input.cms_input, select.cms_input, textarea.cms_input, table.cms_input 
	{ width: 100%; border: 1px solid #134302; }

/* General Component Settings ------------------------------------------------------*/
.text_base, .pre_text_base,
.table_base,
.abstract, .abstract_meta,
.media_base, .media_noborder,
.ref_simple, .ref_teaser,
.prog_base,.prog_color,
.gallery_base,
.form_base,
.contentview,
.forumview,
.contsearchbox,
.footer,
.adminTable,
table.camimage tr td
{
  font-family: Tahoma, Arial, Helvetica;
  font-size: 10pt;
  color: black;
}

.text_base, .pre_text_base { list-style-image: url( /pub/docroot/varosvedo/image/base-bullet.gif ); }

/* Program component -----------------------------------------------------------------------*/
table.prog_base td.prog_base { width: 150px; padding: 2;}
table.prog_base td { vertical-align: top; border-top: 1px solid #80ff80; border-bottom: 1px solid #80ff80; }
table.prog_color { background-color: #f0fff0; padding: 2;}
table.prog_color td.prog_color { width: 150px; }
table.prog_color td { vertical-align: top; }

tr.programview_1 { background-color: #f0e8e0; }
.programview th { font-weight: normal; width: 120px; text-align: left; }
th.programview, td.programview { border-bottom: 1px solid #dec9b0; }

/* Gallery ----------------------------------------------------------------------*/
body.gallery_base { background-color: #88C141; }
table.gallery_base { border: 1px solid #134302; background-color: f0fff0; }
.gallery_base_thumb { border-top: 1px dashed #134302; padding: 5 0 0 0; }
.gallery_base img { padding: 2; border: 1px solid #134302; }
.gallery_base_prev, .gallery_base_next { background-position: 25 190; background-repeat: no-repeat; }
.gallery_base_prev { background-image: url( /pub/docroot/varosvedo/image/arrow_left.jpg ); }
.gallery_base_next { background-image: url( /pub/docroot/varosvedo/image/arrow_right.jpg ); }

/* Guestbook -----------------------------------------------*/
th.forumview{
	background-image: url( /pub/docroot/varosvedo/image/guest_back.jpg );
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #88C141; 
	border-bottom: 1px solid #88C141; 
}
td.forumview { 
	background-image: url( /pub/docroot/varosvedo/image/ref_teaser1.jpg );
	border-bottom: 1px solid #88C141; 
	border-right: 1px solid #88C141; 
}

/* Content view --------------------------------------------*/
th.contentview { 
	border-bottom: 1px solid #88C141; 
	text-align: left; 
	font-size: 11pt;
}
th.contentview A { text-decoration: none; color: #134302; }
td.contentview A { text-decoration: none; color: #909090; font-size: 8pt; }
th.contentview A:hover, td.contentview A:hover { text-decoration: underline; }

/* Form component ----------------------------------------------------------------------- */
.form_base_description { font-size: 8pt; }
table.form_base {
	background-color: #e0f0d0;
	border-top: 1px solid #88C141;
	border-bottom: 1px solid #88C141;
}
.form_base_valid, .form_base_invalid { 
	border-top: 1px solid #88C141; 
	padding: 2px 5px 2px 5px;
}
.form_base_invalid { background-color: #f0e0d0; }
A.form_base {
	display: block;
	color: #134302;
	background-color: #88C141;
	width: 120px;
	border-right: 1px solid #446021;
	border-bottom: 1px solid #446021;
	padding: 3 5 3 5;
	text-decoration: none;
	text-align: center;
}
.form_base A:hover { background-color: b0c0a0; color: black;}

/* AbstractRef component ---------------------------------------------------------------- */
div.ref_simple { border-bottom: 1px solid #88C141; margin: 0 0 8 0; padding: 5 0 5 0; }
td.ref_simple { border-right: 1px solid #88C141; padding: 0 5 0 5; }
.ref_simple h1 { font-size: 11pt; font-weight: bold; margin: 0 0 5 0;}
.ref_simple h2 { font-size: 9pt; font-weight: normal; color: #f0f0f0; margin: 0 0 5 0;}
.ref_simple img { border: 0; margin: 5; }

div.ref_teaser {
	display: block; 
	background-image: url( /pub/docroot/varosvedo/image/ref_teaser1.jpg );
	border-right: 1px solid #446021; 
	border-bottom: 1px solid #446021; 
	border-top: 1px solid #88C141; 
	border-left: 1px solid #88C141; 
	margin: 0 0 8 0; padding: 5 5 10 5; 
	color: black;
}
.ref_teaser h1 { font-size: 11pt; font-weight: bold; margin: 0 0 5 0;}
.ref_teaser h2 { font-size: 9pt; font-weight: normal; color: #f0f0f0; margin: 0 0 5 0;}
.ref_teaser img { border: 0; margin: 5; }

/* Media component ----------------------------------------------------------------------- */
.media_base { font-size: 8pt; font-weight: bold; }
.media_base img { border: 1px solid #134302; }
.media_base A { border:0; font-size: 10pt; font-weight: normal; }

.media_noborder { font-size: 8pt; font-weight: bold; }
.media_noborder img { border: 0; }
.media_noborder A { border:0; font-size: 10pt; font-weight: normal; }

/* Box component ------------------------------------------------------------------------- */
td.box_line { padding: 5; border-right: 1px solid #88C141; }
td.box_noline { padding: 10; }

/* Table component ----------------------------------------------------------------------- */
.table_base, .table_base_gridv, .table_base_gridh, .table_base_gridhv { padding: 5;}
table.table_base { border: 1px solid #134302; padding: 0;}
tr.table_base { background-color: #e0f0d0; }
th.table_base, th.table_base_gridv, th.table_base_gridh, th.table_base_gridhv 
	{ background-color: #88C141; color: white; font-weight: normal;}
.table_base_gridv { border-right: 1px solid #134302; }
.table_base_gridh { border-bottom: 1px solid #134302; }
.table_base_gridhv { border-right: 1px solid #134302; border-bottom: 1px solid #134302; }

/* Top menu 1-level navigation ----------------------------------------------------------- */
div#topmenu { 
  border-left: 1px solid #5d6454;
  padding: 0 0 0 2; 
}
#topmenu ul, #topmenu ul li {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 205px;
  list-style: none;
}

#topmenu a 
{
  border-bottom: 1px solid #88C141;
  border-top: 1px solid #134302;
  padding: 0 6px;
  display: block;
  background: #134302;
  color: #88C141;
  font: bold 12/25px Tahoma, Arial, Helvetica;
  text-align: center;
  text-decoration: none;
  height: auto;
  height: 1%; 
}

div#topmenu ul a:hover, div#topmenu ul li:hover a
{
  background: #88C141;
  color: #134302;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
}

/* Child menu 2-level navigation ----------------------------------------------------------- */
div#relmenu { 
  border-left: 1px solid #5d6454;
  padding: 0 0 0 2; 
}
#relmenu ul, #relmenu ul li {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 205px;
  list-style: none;
}

#relmenu a 
{
  border-bottom: 1px solid #134302;
  border-top: 1px solid #ffffff;
  padding: 0 6px;
  display: block;
  background: #ffffff;
  color: 134302;
  font: bold 12/25px Tahoma, Arial, Helvetica;
  text-align: center;
  text-decoration: none;
  height: auto;
  height: 1%; 
}

#relmenu ul ul li a 
{
  font: normal 11/25px Tahoma, Arial, Helvetica;
  text-align: right;
}

div#relmenu ul a:hover
{
  background: #e0f0d0;
  color: #000000;
  border-bottom: 1px solid #88C141;
  border-top: 1px solid #88C141;
}

/* Search area */
div.contsearchbox { 
  border-top: 2px soild #ffffff;
  border-left: 3px solid #ffffff;
  padding: 7 0 7 0; 
  display: block;
  width: 205px;
  text-align: center;
  background-color: #88C141;
  color: white;
}

/* General areas: menu, content -------------------------------------------------- */
body.mainpage { background-image: url( /pub/docroot/varosvedo/image/mainbg.jpg ); }

.menuarea, .contentarea { background-color: white; }
.contentarea
{
  border-left: 1px solid #134302;
  padding: 10 15 10 15;
}
.footer
{
  border-top: 1px solid #134302;
  background-color: #88C141;
  text-align: center;
  padding: 10 0 10 0;
}
.footer a { color: white; }

table.adminTable { width: 700px; border: 1px solid #134302; }