/* Copyright 2005-2019 by RKWebDesign
	www.rkwebdesign.de */

/* Body */
/* ====================================================================
   BODY AND OTHER GENERIC TYPOGRAPHY
   Generic styles for all elements with no class identifiers. All sizing
   based on ems. Do NOT make "body: font-size" any smaller than 76%. Adjust
   all other font sizing instead by adjusting ems in the classes below.
   Fonts smaller than .7em will not be readable on most browsers. See "A
   sane approach to CSS font sizing" for details on this sizing technique:
   http://www.thenoodleincident.com/tutorials/typography/index.html.
   ==================================================================== */

body {
    width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size: 70%;
	color: #333;
	background: #FFFFFF;
	/*line-height: 1.4em;*/
	margin: 0;
	padding: 0;

	}

a {
	text-decoration: none;
	font-weight: bold;
	color: #ff7900;
	border-bottom: 0px solid #666;
	}

a:link {
   color:#9F9688;
   text-decoration: none;
	}

a:hover {
   	color: #666;
   	border-bottom: 0px dashed #666;
   	text-decoration: none;
	}


h1 {
	font-size: 12px;
	font-weight: bolder;
	margin-top: 0em;
	margin-bottom: 0em; /*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}

h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

img {
   border: 0;
	}

ul,ol {
	width: 100%;
	display: block;
	font-size: 11.5px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	font: Trebuchet MS;
}

li {
   width: auto;
	font-size: 11.5px;
	font: Trebuchet MS;
   line-height: 1.8em;
   margin: 0 0 0 .5em;
   border: 0;
   padding: 0 0 0 0;
   }

table,td {
	font-size: 11.5px;
	font: Trebuchet MS;
	}

form {
   padding: 0;
   margin: 0;
	font-size: 11.5px;
	font: Trebuchet MS;
   }

p {
	font-size: 11.5px;
	font: Trebuchet MS;
	line-height: 120%; 
	margin: 1.2em 0em 1.2em 0em;
	}

pre {
	font-family: monospace;
	font-size: 11.5px;
	font: Trebuchet MS;
	}

strong, b {
	font-weight: bold;
	font-size: 11.5px;
	font: Trebuchet MS;
	}

.searchbox {
	font-family: arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	background: #FFFFFF;
	width: 100%;
	height: 12px;
	border: 1px solid #999;
}


.inputbox {
	font-family: arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	background: #eee;
	height: 20px;
	border: 1px solid #999;
	margin-left: 10px;
}

.button {
   font-size: 1.0em;
   background: #eee;
   border: 1px solid #999;
   }

.selectbox {
   	font-family: arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: .8em;
   	background: #cccccc;
   	width: 100%;
   	border: 1px solid #999;
   }


a.image, a.image:hover  {
  border:0;
  }

.strong {
	font-weight: bold;
	font-size: 11px;
	font: Trebuchet MS;
}

.normal {
	font-weight: normal;
	font-size: 11.5px;
	font: Trebuchet MS;
}

.tittlered {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 12px;
	font: Trebuchet MS;
	color: #CC0000;
}

/*  ====================================================================
   MODULES
   These classes are used to style the various modules. Default class
   can be extended by using class_suffix parament in the back-end, and
   making a related class here.
   ==================================================================== */

/* STANDARD MODULE TABLE */
.moduletable {
	width: 100%;
	padding: 0 0 10px 0;
    border: 0px solid #ddd;
	margin: 0 0 0 0;
}
.moduletable th {
	color: #666;
    text-align: left;
 	background: #f1f3f5 url(../images/dots.png) top right no-repeat;
   	font-size: 1em;
   	font-weight: bold;
   	padding: 0 0 0 .2em;
    border: 1px solid #ccc;
	margin: 0px;
}

.moduletable td {
    color: #333;
    padding: 0 0 0 5px;
    background: #ff93e1;
    font-weight: normal;
    background: #ffffff;
    padding: 0 0 .4em 0;
    border: 0px solid #ccc;
	}

.moduletable li {
	background: url(../images/arrow.gif) no-repeat 0 5px;
	padding-left: 12px;
	}

.moduletable p {
	padding: 4px;
	}

.moduletable a {
    color: #F8981D;
    padding: 0 0 0 5px;
    font-weight: bold;
    border-bottom: 0px dashed #FFF;
	}

.moduletable a:hover {
    color: #CC0000;
	}

/* MODULE TABLE FOR INLINE BOXES */
.moduletable-inline {
	width: auto;
	padding: 0 0 10px 0;
    border: 0px solid #ddd;
	margin: 0 0 10px 0;
	}

.moduletable-inline th {
	color: #666;
    text-align: left;
      background: #f1f3f5 url(../images/dots.png) top right no-repeat;
   	font-size: 1em;
   	font-weight: bold;
   	padding: 0 0 0 .2em;
    border: 1px solid #ccc;
	margin: 10px;
	}

.moduletable-inline td {
    color: #333;
    padding: 0 0 0 5px;
    background: #ff93e1;
    font-weight: normal;
    background: #ffffff;
    padding: 0 0 .4em 0;
    border: 0px solid #ccc;
    text-align: left;
	}

.moduletable-inline li {
	background: url(../images/arrow.gif) no-repeat 0 5px;
	padding-left: 12px;
	}

.moduletable-inline p {
	padding: 4px;
	}

.moduletable-inline a {
    color: #F8981D;
    padding: 0 0 0 0;
    font-weight: bold;
    border-bottom: 0px dashed #FFF;
	}

.moduletable a:hover {
    color: #CC0000;
	}

.moduletable-inline a:hover {
    color: #CC0000;
	}
		
a.mainlevel {
	color: #6D6F71;
	/* background: url(../images/navbar.gif) -5px 0 no-repeat;
	border: 1px solid #e4e4e4;
	padding: 0 0 0 20px;
	display: block;
	margin: 3px 0 -4px 0; */
	}

a.mainlevel:hover {
	/* background: url(../images/navbar_on.gif) -5px 0 no-repeat;
	display: block;
	border: 1px solid #e4e4e4; */
	color: #F8981D;
	}
a#active_menu {
	color: #f8981d;
	background: url(../images/navbar_on.gif) -5px 0 no-repeat;
	border: 1px solid #f8981d;
	padding: 0 0 0 20px;
	display: block;
	margin: 3px 0 -4px 0;
	}

/* MODULE TABLE FOR TOP NAVGIGATION BAR */
.moduletable-topnav {
    width: 100%;
	border: 1px solid #ccc;
    margin-bottom: 5px;

    padding: 7px 0 6px 5px;
  	font-size: .8em;
    background: #f1f3f5;
	}

.moduletable-topnav td {
    width: auto;
    text-align: left;
    line-height: 1em;
	}

.moduletable-topnav th {
	color: #666;
    text-align: left;
    background: url(../images/module_top.gif) no-repeat;
   	font-size: 1.5em;
   	font-weight: bold;
   	padding: 10px 0 0 10px;
    margin: 0;
	}

/* LINKS FOR TOP NAV */

.mainlevel-topnav {

	color: #f1f3f5;
	width: 0;
    margin-left: -1px!important;
	margin-left: -4px;
	}

a.mainlevel-topnav {
	position: relative;
	width: auto;
	background: #e9ecef;
	padding: 2px 6px 2px 6px!important;
 	padding: 2px 6px 2px 6px;
	color: #666;
    border: 1px solid #ccc;
    margin: 0 0 0 0;
    font-weight: normal;
	}

a.mainlevel-topnav:hover {
 	width: auto;
	color: #666;
	background:  #fff;
    border: 1px solid #ccc;
	padding: 2px 6px 2px 6px!important;
 	padding: 2px 6px 2px 6px;
 	font-weight: normal;
	}

a#active_menu-topnav {
	position: relative;
	width: auto;
	background: #ffffff;
	padding: 2px 6px 2px 6px!important;
 	padding: 2px 6px 2px 6px;
	color: #666;
    border: 1px solid #ccc;
    margin: 0 0 0 0;
    font-weight: normal;
	}

.moduletable-hpimage {
    margin: 0px;
	line-height: 0;
    padding: 0;
    border-spacing: 0;
    background: #CCC;
    border-collapse: collapse;
    border-spacing: 0;
     margin-bottom: 0!important;
    margin-bottom: -3px;
	}

.moduletable-hpimage td {
	line-height: 0;
    padding: 0;
	}

.moduletable-hpimage td img {
	line-height: 0;
    padding: 0;
    margin: 0px;
	}


/* MODULE HIGHLIGHTED IN LIGHT ORANGE WITH SINGLE PX BORDER */

.moduletable-highlight {
	width: 231px;
    font-size: 1em;
    text-align: left;
    background: #fff6eb;
    border: 1px solid #999;
    padding: 0 .2em 0 .2em;
    margin: .3em 0 .3em 0;
	}

.moduletable-highlight th {
    color: #666;
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 0 0 1em;
    margin: 0;
	}

.moduletable-highlight td {
    padding: 0 0 .4em 0;
	}

.moduletable-highlight a  {
    color: #666;
	}

.moduletable-highlight a:hover {
    color: #333;
	}

/* TABLE WITH PLAIN TEXT NO STYLING (USED FOR HOMEPAGE BLOCK) */

.moduletable-text {
	text-align: left;
	margin: 0;
	padding: 0;
	}

.moduletable-text li {
	background: url(../images/arrow.gif) no-repeat 0px 5px;
    padding-left: 18px;
    }

/* MODULE TABLE FOR INLINE BOXES */
.moduletable-search {
	width: 100%;
	padding: 0;
    border: 0px solid #ddd;
	margin: 0 0 1em 0;
	}

.moduletable-search th {
	color: #666;
    text-align: left;
 	background: #f1f3f5 url(../images/dots.png) top right no-repeat;
   	font-size: 1em;
   	font-weight: bold;
   	padding: 0 0 0 .2em;
    border: 1px solid #ccc;
	margin: 10px;
	}

.moduletable-search td {
    color: #333;
    padding: 0 0 0 5px;
    background: #ff93e1;
    font-weight: normal;
    background: #ffffff;
    padding: 1em;
    border: 1px solid #ccc;
    text-align: left;
	}

/* HORIZONTAL MODULE LAYOUT */

.modules {
  width: auto;
  margin: 0 .5em 3px .5em;
  border: 0px solid #ccc;
  }

.modules td {
	border: 1px solid #e4e4e4;
	background: #ffffff;
	margin-right: 0px;
	padding: .3em;
	}

.modules td td {
	border: 0px solid #e4e4e4;
	background: #ffffff;
	margin-right: 0px;
	}

/* USED TO HIGHLIGHT OFFSET CELL ON HOMEPAGE */
.cell-highlight {
	border: 1px solid #ccc;
	background: #fff6eb;
   	margin: 0px;
   	padding: 1em;
	}

/* USED TO SET BOTTOM MARGIN ON HOMEPAGE TABLE */
.moduletable-homepage {
    width: auto;
    padding: 0 0 0 0;
    margin: .5em .5em 7px .5em;
    line-height: 1;
	}



/* ====================================================================
   LAYOUT CLASSES
   Three column layout with fixed width sidebars liquid center. Changing
   col widths requires several changes, proceed with caution. See:
   http://www.csscreator.com/version2/pagelayout.php for more details on
   this layout, or from the creator Doug Livingstone at redmelon.net.
   ==================================================================== */

#container {
	width: 95%;
    margin-left: auto;
	margin-right: auto;
   	padding: 0em;
   	color: #333;
   }

#header {
	width: 95%;
   	padding: 0em;
    margin-left: auto;
	margin-right: auto;
   }



#col-a {

   background: #fff;

   vertical-align: top;
   border: 1px solid #e4e4e4;
 	}

hr.col-a-spacer {
    display: block;
    width: 150px;
    visibility: hidden;
	}

#col-b {
	width:231px;
   	background: #FFF;
   	border-right: 0px solid #000;
   	border-bottom: 0px solid #cccccc;
   	vertical-align: top;
  	padding: 0px;
	}

hr.col-b-spacer {
    display: block;
    width: 231px;
    visibility: hidden;
	}

hr.col-buffer-spacer {
    display: block;
    width: 7px;
    visibility: hidden;
	}

#footer{
	width:100%;
	text-align: left;
   	background-color:#ffffff;
  	color: #666;
   	border-top: 0px solid #999;
    border-right: 0px solid #000000;
  	 }

/* ====================================================================
   MAMBO CLASSES
   These are largely the standard Mambo classes...
   ==================================================================== */

a.contentpagetitle h1,a.contentpagetitle:link, a.contentpagetitle:visited {
	text-decoration: none;
	font-weight: normal;
	color: #ff7900;
	border-bottom: 0px;
	}

a.contentpagetitle:hover {
   color: #000;
   border-bottom: 0px  dashed #CCCCCC;
   text-decoration: none;
   }

/* Content - Sections & Categories */
.contentpane {
	background-color : #FFFFFF;
   }

.contentpaneopen {
    width: 100%!important;
    width: 99.7%;

	border : 0px solid #CCC;
    background: none;
    color: #333;
    padding: .2em;
	margin: 0 0 1em 0;
   }


.contentpaneopen li{
	margin-left: 20px;
    list-style: outside url(../images/arrow.gif);
    line-height: 15px;
	}

.contentpaneopen ul {
	padding-left: 10px;
	}


.contentheading {

    width: 100%;
	font-size: 1em;
	font-weight: bold;
	font-family: arial,sans-serif;
 	color: #CC0000;
	text-align:left;
	margin: 1.5em -.3em 0em 0;
    border: 1px solid #e4e4e4;
	padding: .2em;
	}

.contentpagetitle {
	font-size: 1.3em;
	font-weight: bold;
 	color: #333333;
	text-align:left;
	}

.blog_heading {
	font-size: 1em;
	font-weight: bold;
	font-family: arial,sans-serif;
 	color: #666;
	text-align:left;
	margin: 1.5em 0 0em 0;
	border-top: 0px solid #e4e4e4;
	border-left: 0px solid #e4e4e4;
	padding: .1em .2em 0 .2em;
	}

a.toclink:hover, a.toclink:visited, a.toclink:link {
}

table.contenttoc {
	border: 1px solid #ddd;
	background: none;
	border-collapse: collapse;
	padding: 0px;
	margin: 2px;
	}

table.contenttoc th {
	background-color: #e4e4e4;
	font-weight: bold;
	}

table.contenttoc td {
	padding: 2px;
	}

.contentdescription {
	font-size: 1em;
	color: #808080;
	text-align: left;
	}

.frontpage {
	border:0px solid #ccc;
	}

.frontpage td td {
	margin-right: 2em;
	}

.componentheading {
    font-size: 1.5em;
    font-weight: bold;
    color: #666666;
    text-align:left;
    margin: 1.5em 0 0em 0;
	}

/** category text format and links **/
.category {
	color: #F8981D;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold; text-decoration: none;
	}

a.category:link, a.category:visited {
	color: #F8981D; font-weight: bold;
	}

a.category:hover {
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	}

.poll {
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px
	}

.sectiontableentry1, .contentpane {
	background-color : #FFFFFF;
	}

.sectiontableentry2 {
	background-color : #EBEBEB;
	}

.sectiontableheader {
	background-color : #eee;
	color : #333;;
	font-weight : bold;
	border-collapse: collapse;
	}

.frontpageheader {
	 font-size: 1.3em;
    color : #333;
    font-weight : bold;
  }

/* Date Stamps */

.newsfeeddate {
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9F9688;
	font-weight: normal;
   }

.createdate {
	color: #666;
   font-weight: normal;
   line-height: 1;
	}

.modifydate {
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
		color: #666;
	text-decoration: none;
	font-weight: normal;
	}

.small {
	color: #666;
	line-height: 1;
}
/* RDF Styles */

.fase4rdf {
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px; color: #000000; font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 11px; font-weight: normal; color: #FF9900;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #808080;
	}

.newsfeedheading {
   font-family: arial, Helvetica, sans-serif;
   font-size: 1em;
   font-weight: bold;
   color: #333333;
   text-align:left;
}

/* Search Text */

/* Contact Component */

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size:.8em;
   }

.content_vote {
	font-weight: normal;
	font-size: .8em;
   }

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
   }
.code {
	font-family: courier, serif;
	font-size: 1.2em;
	padding: 2px;
	line-height: 1.3em;
	background-color: #f0f0f0;
	color: #ff7900;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}


/* Text passed with mosmsg url parameter */
.message {
	font-family : arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {

   }

.tabheading {
	background-color: #ffae00;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }



#weblink-categories {
   margin-top: 1em;
   }

.contact-form {
   width: 100%;
   }

.author  {
   font-size: .8em;
   }

.createdate  {
   font-size:.8em;
   }

.content-entry H3 {
   color: #CCC;
   font-size: 1.5em;
   font-weight: bold;
   margin: 1em 0 0 0;
   }

#limit-box {
   text-align: right;
   }

.page-navigation {
 	color: #999;
   }

.page-results {
 	color: #999;
   }

a.pagenav {
   color: #CCC;
   border-bottom: 0;
  }

a.pagenav:hover {
   color: #666;
   border-bottom: 0;
   }

/* styling for the pdf/email/print icons */
a.pop-up {
   border-bottom: 0;
}

.pop-ups {
   float: right;
}

/* data-table tags used to style tables such as
   weblinks, clean up... */

.data-table {
   position: relative;
   width: Auto;
   border-collapse: collapse;
   padding: 0;
   margin: 0 0 0 0;
   border:0;
   }

.data-table-header {
   padding: 0;
   margin: 0 0 0 0;
   border:0;
   background: #f4f4f4;
   color: #666666;
   font-weight: bold;
   }

.highlight {
  border: 1px dashed #ff7900;
  background: #f8981d;
  padding: 0px 2px 0px 2px;
}