/* COMMON STYLE
--------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}
body {
  color: #545C66;
  background: #FFFFFF;
  font-family: Tahoma, Arial, Geneva, sans-serif;
  line-height: 1.5;
}
body#bd { margin: 0; }
body.contentpane {
  width: auto; /* Printable Page */
  margin: 1em 2em;
  background: #FFFFFF;
  color: #000000;
  font-size: 12pt;
  font-family: serif;
  line-height: 140%;
}

/* Normal link */
a {
  color: #4a6e7a;
  text-decoration: none;
}

a:hover, a:active, a:focus {
  color: #065a67;
  text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, div.moduletable h3,
h1, h2, h3 {
}

/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon {
}

/* Heading */
h1 {
  font-size: 170%;
}

h2 {
  font-size: 160%;
}

h3 {
  font-size: 150%;
}

h4 {
  font-size: 110%;
  text-transform: uppercase;
}

p {
  margin: 5px 0 15px;
}

ul {
  margin-top: 5px;
  margin-left: 15px;
  margin-bottom: 15px;
}

ul li { padding-left: 2px; line-height: 160%; background-color: transparent; }

ol {
  margin-top: 5px;
  margin-bottom: 15px;
}

ol li {
  margin-left: 35px;
}

th {
  padding: 4px;
  font-weight: bold;
  text-align: left;
}



fieldset {
  border: none;
}

fieldset a {
  font-weight: bold;
}

hr {
  border-top: 1px solid #4a6e7a;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  height: 1px;
}

a img {
  border: none;
}

td, div {
  font-size: 100%;
}


/* FORM
--------------------------------------------------------- */
form {
  margin: 0;
  padding: 0;
}

input, select {
  font: 11px Tahoma, Arial, sans-serif;
}

select, .inputbox {
  padding: 2px;
}

textarea {
  padding-left: 2px;
}

.button, .button:hover { color: #fff; padding: 2px 10px!important; padding: 1px 5px; background: #464646 url(/web-site/templates/mx_joomla48/images/but-bg.gif) repeat-x 50% top; border-color: #dddddd #999999 #999999 #dddddd; border-style: solid; border-width: 1px; }

.button:active, .button:focus { color: #464646; background-color: #e6e6e6; border-color: #999999 #dddddd #dddddd #999999; border-style: solid; border-width: 1px; }

.inputbox {
  border: solid 1px #cccccc;
  background: #f1f0e5;
}

.inputbox:hover, .inputbox:focus {
  border: 1px solid #999999;
  background: #FFFFFF;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_seperator {
  display: block;
  background: url(/web-site/templates/mx_joomla48/images/seperator.gif) repeat-x center;
  height: 20px;
}

#ol-left .article_seperator, #ol-right .article_seperator {
  display: none;
}

table.contentpane {
  border: none;
  width: 100%;
}

table.contentpaneopen {
  border: none;
}

table.contenttoc {
  margin: 0 0 10px 10px;
  padding: 0;
  width: 35%;
}

table.contenttoc a {
  text-decoration: none;
}

table.contenttoc td {
  padding: 1px 5px 1px 25px;
  background: url(/web-site/templates/mx_joomla48/images/arrow.png) no-repeat 5% 50%;
}

table.contenttoc th {
  padding: 4px;
  text-indent: 5px;
}

table.poll {
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

table.pollstableborder {
  padding: 0;
  width: 100%;
  border: none;
  text-align: left;
}

table.pollstableborder img {
  vertical-align: baseline;
}

table.pollstableborder td {
  padding: 2px!important;
}

table.searchintro {
  padding: 10px 0;
  width: 100%;
}

table.searchintro td {
  padding: 5px!important;
}

table.adminform {
  width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more { background-color: #efefef; margin: 10px 0; padding: 10px; border: solid 1px #efefef; }

.blog_more strong {
  margin: 0 0 5px;
  display: block;
  text-transform: uppercase;
}

.blog_more ul {
  margin: 0;
  padding: 0;
}

.blog_more ul li {
  margin: 0;
  padding: 0 0 0 12px;
  background: url(/web-site/templates/mx_joomla48/images/arrow.png) no-repeat 0 8px;
}

td.buttonheading {
  padding: 0 0 0 3px!important;
  text-align: center;
}

.category {
  font-weight: bold;
}

.clr {
  clear: both;
}

.componentheading, .pagetitle { color: #4a6e7a; padding-bottom: 5px; margin-bottom: 10px; font-size: 190%; font-weight: bold; line-height: normal;  text-shadow: 0px 1px 0px #ffffff, 0px 1px 4px #c8c8c8;}
.contentheading { color: #4a6e7a; font-size: 170%; font-weight: bold; line-height: normal; text-shadow: 0px 1px 0px #f1f1f1, 0px 1px 3px #999; }

.contentdescription {
  padding-bottom: 30px;
}

table.blog .contentheading {
  font-size: 120%;
  font-weight: bold;
  line-height: normal;
}

a.contentpagetitle {
  text-decoration: none!important;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
  text-decoration: none!important;
}

a.readon { background-image: url(/web-site/templates/mx_joomla48/images/pages.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 5% 50%; float: right; padding: 1px 5px 1px 22px; display: block; text-transform: lowercase; text-decoration: none; }

a.readon:hover, a.readon:active, a.readon:focus { background: #e4e4e4 url(/web-site/templates/mx_joomla48/images/pages.gif) no-repeat 5% 50%; text-decoration: none; }
table.contentpaneopen, table.contentpane, table.blog {
  width: 100%;
}

.createdate {
  padding: 2px 0 10px 0;
  color: #999999;
  line-height: 10px;
}

.modifydate {
  color: #999999;
  height: 15px;
}

.moduletable {
  padding: 0;
}

.mosimage {
  padding: 0;
  margin: 8px 15px 0 0!important;
  margin: 8px 5px 0 0;
}

.mosimage img {
  padding: 0;
  margin: 0!important;
}

.mosimage_caption {
  margin-top: 5px;
  padding: 1px 2px;
  color: #999999;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
  padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
  text-decoration: none;
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
  text-decoration: none;
}

.pagenavbar {
  padding-left: 14px;
  background: url(/web-site/templates/mx_joomla48/images/pages.gif) no-repeat center left;
}

.pagenavcounter {
  padding: 8px 14px 0 14px;
  background: url(/web-site/templates/mx_joomla48/images/pages.gif) no-repeat 0 11px;
}

.sectiontabletophead {
  padding: 3px 5px;
  border: solid 1px #c1c1c1;
  background: #999;
  color: #ffffff;
  font-weight: bold;
}

tr.sectiontableentry1 td { background-image: url(/web-site/templates/mx_joomla48/images/seperator.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; padding: 5px; }

tr.sectiontableentry2 td { background-image: url(/web-site/templates/mx_joomla48/images/seperator.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; padding: 5px; }

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td { background-image: url(/web-site/templates/mx_joomla48/images/seperator.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; }

.small {
  color: #999999;
}

.smalldark {
  color: #999999;
  text-align: left;
}

div.syndicate div {
  text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
  background: none;
}
/* Poll Module */

table.poll  {
  padding: 0;
  width: 100%;
  border-collapse: collapse; }

table.pollstableborder  {
  padding: 0;
  width: 100%;
  border: none;
  text-align: left; }

table.pollstableborder img  {
  vertical-align: baseline; }
  
.ol_radiobutton {  
  padding-left:23px;
  cursor:pointer;
  line-height:25px;
  padding-left:27px;
  padding-top:2px;
  padding-bottom:2px;
  background: url(/web-site/templates/mx_joomla48/images/radiobutton.png) no-repeat;}

.ol_radiobutton_active {
  padding-left:23px;
  cursor:pointer;
  line-height:25px;
  padding-left:27px;
  padding-top:2px;
  padding-bottom:2px;
  background:transparent url(/web-site/templates/mx_joomla48/images/radiobutton.png) no-repeat scroll 0px -36px;}

  
  .ol_radiobuttonnv {
    display:none;}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ol-base { width: 760px; margin: 0 auto; background: #e2e2e2; border-right: 5px solid #eee; border-left:  5px solid #eee;}
#ol-basedown, #ol-basetop  { width: 760px; margin: 0 auto;}
.wide #ol-base, .wide #ol-basedown, .wide #ol-basetop{
  width: 970px;
}
.auto #ol-base, .auto #ol-basedown, .auto #ol-basetop{
  width: 94%;
}
/* tophead
--------------------------------------------------------- */
#date-format { color: #000; text-align: center; position: absolute; top: 0px; right: 0px; z-index: 1; padding: 4px 15px; }
.dmy {display: block;padding: 0; text-transform: uppercase;}
span.date {text-transform: uppercase;font-size: 90%;font-weight: bold;}
span.pathway { font-weight: normal; line-height: 140%; text-transform: uppercase; padding-top: 3px; padding-bottom: 3px; padding-left: 2px; overflow: hidden; }
span.pathway img {padding-right: 1px;width: 5px;height: 9px;}
span.pathway a {float: none;padding: 0 2px 0 0;}
#logo, img#logo { position: absolute; top: 0px; left: 0px; z-index: 9; border: 0; }
#ol-header2, #ol-header1 { text-align: left; padding: 0; position: relative; height: 250px; margin: 0 0 5px; }
#ol-tophead { clear: both; line-height: normal; position: relative; height: 80px; }
#ol-newflash { color: #fff; line-height: 16px; background-color: #4a6e7a; padding: 5px; z-index: 1; margin-bottom: 8px; border: solid 1px; }
#ol-newflash a { color: #fff; text-decoration: underline; }
#ol-pewrap { line-height: normal; background-color: #f6f5ec; text-align: left; position: relative; clear: both; padding: 5px; border: solid 1px #c3c1a8; }
#ol-topnavwrap { position: absolute; bottom: 0px; right: 0px; z-index: 1; }
/* Search */
#ol-search label {
display:none;
}
#ol-search {  margin: 0; padding: 0; }
#ol-search div.search { background: #888 url(/web-site/templates/mx_joomla48/images/icon-search.gif) no-repeat left center; height: 25px; padding-top: 5px; padding-right: 2px; padding-left: 34px; }
#ol-search .inputbox { color: #333; background-color: #fff; width: 90%; padding-left: 5px; border: solid 1px #cdccce; }
/* User Tools */
#stanhi-4 { font-size: 12px; background-color: #f5f4f2; float: right; }
#ol-extools {
  padding: 0;
  float: left;
  display: block;
  font-size: 12px;
}
#ol-extools span {
  float: left;
  margin: 0 2px;
  display: block;
}
#ol-extools img {
  padding: 3px 0 0 0;
}
#ol-extoolswrap {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 11px;
}

*+html #ol-extoolswrap {
  right: 0;
}

#ol-extools {
  margin: 0;
  padding: 0;
}

* html #ol-extools { /*IE 6*/
  float: left;
}

*+html #ol-extools { /*IE 7*/
  padding: 8px 0 4px 0;
}

#ol-extools ul {
  margin: 0;
  padding: 0;
  float: left;
}

#ol-extools ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  display: inline;
}

#ol-extools img {
  padding: 0;
  margin: 0 0 0 2px;
}
/* Default Joomla! Menu */
a.mainlevel { font-weight: bold; padding: 4px 2px 4px 16px; outline: none medium; width: 90%; display: block; text-decoration: none; border-bottom: 1px solid #fff; background: url(/web-site/templates/mx_joomla48/images/bullet.gif) no-repeat 3px 10px; }

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
  background: url(/web-site/templates/mx_joomla48/images/arrow_hover.gif) no-repeat 3px 10px;
}

a.mainlevel#active_menu {
  font-weight: bold !important;
  color: #000;
}

a.sublevel { padding-left: 25px; display: block; font-weight: normal !important; background-color: transparent !important; background-image: url(/web-site/templates/mx_joomla48/images/arrow.png) !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: 15px 6px; text-decoration: none; width: 75%; /*need for ie6*/
  border: none; }

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
  
}

#active_menu {
  color: #000;
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#ol-container,
#ol-container-bodyr,
#ol-container-bodyl,
#ol-container-body {
  clear: both;
  padding: 0;
}
#ol-container,
#ol-container-bodyr { background-attachment: scroll; background-position: 0 0; }
#ol-container-bodyl,
#ol-container-body { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
#ol-contentwrap { background-color: transparent; }
#ol-content {
  padding: 10px;
}
/* CONTENT COLUMN
--------------------------------------------------------- */
#ol-mainbody, #ol-mainbody-bodyl, #ol-mainbody-bodyr, #ol-mainbody-body { background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; }
#ol-mainbody {
  float: left;
  width: 75%;
}
#ol-mainbody #ol-contentwrap {
  float: right;
  width: 70%;
}
#ol-mainbody-bodyl {
  float: left;
  width: 75%;
}
#ol-mainbody-bodyl #ol-contentwrap {
  float: left;
  width: 100%;
}
#ol-mainbody-bodyr {
  float: left;
  width: 100%;
}
#ol-mainbody-bodyr #ol-contentwrap {
  float: right;
  width: 75%;
}
#ol-mainbody-bodyr #ol-leftcol {
  width: 25%;
}
#ol-mainbody-body {
  float: left;
  width: 100%;
}
/* LEFT COLUMN
--------------------------------------------------------- */
#ol-leftcol { float: left; width: 29.99%; padding-top: 10px; }
#ol-leftcol div.moduletable {  padding: 0 10px 10px; }
/* RIGHT COLUMN
--------------------------------------------------------- */
#ol-rightcol { background-color: transparent; float: left; width: 25%; padding-top: 10px; }
#ol-rightcol div.moduletable {
  margin-bottom: 5px;
  padding: 5px 0 10px;
  width: 92%;
}
/* MODULE
--------------------------------------------------------- */
div.module h3,
div.module_text h3,
div.module_menu h3 { padding: 5px 5px 5px 30px; font-size: 150%; background-image: url(/web-site/templates/mx_joomla48/images/h3div.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; border-bottom: 1px solid #c5c5c5; }
div.module,
div.module_text,
div.module_menu,
div.ol-square1 {
  margin-bottom: 10px;
  padding: 0;
  float: left;
  clear: both;
  width: 100%;
  background: #fff url(/web-site/templates/mx_joomla48/images/square1.gif) no-repeat right bottom;
  color: #444;
  overflow: hidden;
}
div.module div,
div.module_text div,
div.module_menu div,
div.ol-square2 {
  padding: 0;
  background: url(/web-site/templates/mx_joomla48/images/square2.gif) no-repeat bottom left;
}
div.module div div,
div.module_text div div,
div.module_menu div div,
div.ol-square3 {
  padding: 0;
}
div.module div div div,
div.module_text div div div,
div.module_menu div div div{
  padding: 10px 10px 25px 10px;
}
div.ol-square4 {padding: 10px 10px 25px 10px; }
div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div {
  margin: 0;
  padding: 0;
  background: none;
}
/*dark */  
#ol-dark div.ol-square1, #ol-dark div.ol-square2, #ol-dark div.ol-square3, #ol-dark div.ol-square4 { margin: 0; padding: 0; }
#ol-dark div.ol-square1 { color: #eee; background: #555 url(/web-site/templates/mx_joomla48/images/square1.gif) no-repeat right bottom; margin-top: 5px; margin-bottom: 5px; }
#ol-dark div.ol-square2 {
  background: url(/web-site/templates/mx_joomla48/images/square2.gif) no-repeat left bottom;
}

#ol-dark div.ol-square4 { padding: 10px 10px 25px 10px; }
  
#ol-dark h3 {  color: #bbb; padding: 0px; font-size: 150%; background-image: none;  border-bottom: 1px solid #c5c5c5; }

#ol-dark { margin: 0; color: #e9e9e9; }
/* blue */

#ol-blue div.ol-square1 {color: #f1f1f1; background: #4a6e7a url(/web-site/templates/mx_joomla48/images/square1.gif) no-repeat right bottom; margin-top: 5px; margin-bottom: 5px; }
#ol-blue div.ol-square2 {
  background: url(/web-site/templates/mx_joomla48/images/square2.gif) no-repeat left bottom;
}
#ol-blue div.ol-square1, #ol-blue div.ol-square2, #ol-blue div.ol-square3, #ol-blue div.ol-square4 { margin: 0; padding: 0; }

#ol-blue div.ol-square4 { padding: 10px 10px 25px 10px; }

/*green */
#ol-green div.ol-square1 {color: #f1f1f1; background: #648e5a url(/web-site/templates/mx_joomla48/images/square1.gif) no-repeat right bottom; margin-top: 5px; margin-bottom: 5px; }
#ol-green div.ol-square2 {
  background: url(/web-site/templates/mx_joomla48/images/square2.gif) no-repeat left bottom;
}
#ol-green div.ol-square1, #ol-green div.ol-square2, #ol-green div.ol-square3, #ol-green div.ol-square4 { margin: 0; padding: 0; }

#ol-green div.ol-square4 { padding: 10px 10px 25px 10px; }
/*red */
#ol-red div.ol-square1, #ol-red div.ol-square2, #ol-red div.ol-square3, #ol-red div.ol-square4 { margin: 0; padding: 0; }
#ol-red div.ol-square1 { color: #f1f1f1; background: #cc0000 url(/web-site/templates/mx_joomla48/images/square1.gif) no-repeat right bottom; margin-bottom: 15px; }

#ol-red div.ol-square2 {
  background: url(/web-site/templates/mx_joomla48/images/square2.gif) no-repeat left bottom;
}

#ol-red div.ol-square4 {padding: 10px 10px 25px 10px; }

#ol-green a, #ol-red a, #ol-blue a { color: #ddd;}

#ol-green h3, #ol-red h3, #ol-blue h3 { color: #e9e9e9; padding: 0px; font-size: 150%; background-image: none;  border-bottom: 1px solid #e9e9e9; }
/*grey */
#ol-grey div.ol-square1, #ol-grey div.ol-square2, #ol-grey div.ol-square3, #ol-grey div.ol-square4 { margin: 0; padding: 0; }
#ol-grey div.ol-square1 { color: #5d5d5d; background: #f6f6f6 url(/web-site/templates/mx_joomla48/images/square1.gif) no-repeat right bottom; margin-bottom: 15px; }

#ol-grey div.ol-square2 {
  background: url(/web-site/templates/mx_joomla48/images/square2.gif) no-repeat left bottom;
}

#ol-grey div.ol-square4 { padding: 10px 10px 25px 10px; }

h3.title span.color{
    color: #4a6e7a;
}

/* FOOTER
--------------------------------------------------------- */
#ol-footerwrap { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; clear: both; padding: 5px 0; position: relative; }
#ol-footer { color: #333; background-color: #eee; position: relative; padding: 13px; }

#ol-footer small {
  font-size: 100%;
  padding: 8px 10px;
}
#ol-footer ul {
  margin: 0;
  padding-bottom: 5px;
  line-height: normal;
}
#ol-footer li {
  display: inline;
  margin: 0;
  padding: 0;
  background: url(/web-site/templates/mx_joomla48/images/line.gif) no-repeat right center;
}
#ol-footer li a {
  display: inline;
  line-height: normal;
  padding: 0 10px;
}
li.ol-firstitem {
  background: none !important;
}
#ol-cert { margin-top: 1px; font-size: 11px; position: absolute; top: 1px; right: 10px; }
#ol-cert a {
  padding: 0;
}

/* MISCELLANOUS
----------------------------------------------------------- */
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
  margin: 10px 0;
  display: block;
  background: none!important;
  text-decoration: none!important;
}

#mod_login_password, #mod_login_username {
  width: 93%;
}
#mod_login_remember {
  border: none;
  background: none;
}
/* conturfix */
.conturfix:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

* html > body .conturfix {
  width: 100%;
  display: block;
}

* html .conturfix {
  height: 1%;
}
/* LR PADD */
#sr-padd { padding: 0; width: 100%; }
#lr-padd,#lr-padd1 { position: relative; padding: 0; width: 100%; clear: both; }
#lr-padd2 { padding: 0; position: relative; width: 100%; clear: both; }
#lr-padd div.moduletable, #lr-padd2 div.moduletable, #lr-padd1 div.moduletable { margin: 0; padding: 1px; border-right-width: 10px; }
table.lr-padd { width: 100%; padding: 0; }
#lr-padd ul {
  padding: 0;
  margin: 0!important;
}
#lr-padd li {
  padding: 0;
  margin: 0;
  background: none;
  line-height: 170%;
}
#lr-padd li a { padding-left: 17px; background: url(/web-site/templates/mx_joomla48/images/arrow_hover.gif) no-repeat 5px 50%; text-decoration: none; }
#lr-padd li a:hover, #lr-padd li a:active, #lr-padd li a:focus { background-image: url(/web-site/templates/mx_joomla48/images/arrow-on.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 3px 50%; }
table.lr-padd a:hover { text-decoration: none; }
table.lr-padd td.lr-padd { border:solid 1px #cecece; color:#000; background: #e3e5e8 url(/web-site/templates/mx_joomla48/images/h3modules.gif) repeat-x left top; width: 25%; }
table.lr-padd td.lr-padd:hover { background-color:#fff; border:solid 1px #c5c5c5; background-repeat:no-repeat; background-position:left top; color:#666; }
table.lr-padd h3 { padding: 4px 0; margin: 0 0 5px; color: #f3f3f3; font-size: 1em; background-color: #043e48; text-indent: 10px; }
table.lr-padd1 { width: 100%; padding: 0; }
table.lr-padd1 a { text-decoration: underline; }
#lr-padd1 ul {
  padding: 0;
  margin: 0!important;
}
#lr-padd1 li {
  padding: 0;
  margin: 0;
  background: none;
  line-height: 170%;
}
#lr-padd1 li a { padding-left: 13px; background: url(/web-site/templates/mx_joomla48/images/arrow-off.gif) no-repeat 0 50%; text-decoration: none; }
#lr-padd1 li a:hover, #lr-padd li a:active, #lr-padd li a:focus { background-image: url(/web-site/templates/mx_joomla48/images/arrow-on.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 50%; }
table.lr-padd1 a:hover { text-decoration: underline; }
table.lr-padd1 td.lr-padd1 {  color:#555;width: 33%; padding: 0 2px 2px; }
table.lr-padd1 td.lr-padd1:hover { color:#555; }
table.lr-padd2 td.lr-padd2 { color:#fffff2; width: 20%; padding: 0 4px 4px; }
#ol_top {float:left }
#ol_top a { color: #f5f5f8; font-weight: bold; text-decoration: none; }
#ol_top a:hover { color: #fff; text-decoration: underline; }
#ol_bottom { color: #f5f5f8; background:#4a6e7a; padding: 1px 7px; border: solid 1px #d4d4d4; }
#ol_bottom a { color: #fff; }
html {
  margin-bottom: 1px;
  height: 100%!important;
  height: auto;
}
/* @group Menus */

/* Sub and Side Menus */
ul.menu {
margin: 0 0 10px;
padding: 0;
}
ul.menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu ul {
margin: 4px 0;
}
ul.menu ul li a {
text-indent: 7px;
}
ul.menu ul a {
background: none;
text-indent: 0;
}
ul.menu ul {
margin-left: 5px;
padding: 0;
}
ul.menu ul ul {
padding: 0;
margin-left: 10px;
}
ul.menu li li {
padding: 0;
margin: 0;
}
ul.menu ul a {
text-indent: 0;
}
ul.menu li a { padding: 3px 3px 5px 15px; text-decoration: none; }
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}
ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}
ul.menu li a:hover { background-color: transparent; text-decoration: none; }
ul.menu li.active li a,
ul.menu li.active li a:hover { background: transparent; }
ul.menu a { outline: none medium; width: 90%; display: block; text-decoration: none; border-bottom: 1px dotted #aca686; }
ul.menu a:hover {  }
ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 5px;}
ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 10px;}
/* @end */

/* Lytebox
--------------------------------------------------------- */
.album {
  border:3px solid #FFFFFF;
}
.album:hover {
  cursor:pointer;
  border:3px solid #CCCCCC;
}
/* General */
div.login_clear {
  clear: both;
}

/* Link to window open, login and logout link */
div.moduletitle_logo { height: 28px; line-height: 28px; background-image: url(/web-site/templates/mx_joomla48/images/login_moduletitle.gif); background-repeat: no-repeat; background-position: 0 0; text-align: left !important; position: absolute; right: 0; bottom: 0; z-index: 8; }
div.moduletitle_logo a { color: #fff; font-size: 12px; text-decoration: none; text-transform: lowercase; margin-right: 13px; margin-left: 22px; padding: 2px 10px 2px 15px; }

/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
  background-position: 5px center;
  background-repeat: no-repeat;
  padding: 3px 10px;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 85%; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; }

table.simplerows thead th { background-color: #333; }
/* ++++++++++++++  pagination  ++++++++++++++ */

.mainbody .pagination
{
        margin:10px 0 ;
        padding:10px 0 10px 0px;

}

.mainbody .pagination ul
{
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:left;
}

.mainbody .pagination li
{
        display:inline;
        padding:2px 5px;
        text-align:left;
        border:solid 0px #eee;
        margin:0 2px
}

.pagenav
{padding:2px}

.mainbody .pagination li.pagination-start,
.mainbody .pagination li.pagination-next,
.mainbody .pagination li.pagination-end,
.mainbody .pagination li.pagination-prev
{border:0}

.mainbody .pagination li.pagination-start ,
.mainbody .pagination li.pagination-start  span
 {
padding:0

}
p.counter
{
        font-weight:bold;
}
/* pagenav */
.mainbody ul.pagenav {
  list-style-type:none;
  padding:0;
  overflow:hidden
}
ul.pagenav li
{
  display:inline-block;
  padding:0px;
  margin:0;
}
.mainbody ul.pagenav li 
{
  line-height:2em
}
ul.pagenav li a
{color: #fff; padding: 4px 10px!important; padding: 1px 5px; background: #333;
  -webkit-box-shadow: 0px 0px 7px #999;
  -moz-box-shadow: 0px 0px 7px #999;
  box-shadow: 0px 0px 7px #999;
  
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#777), to(#333));
background: -moz-linear-gradient(#777, #333);
-pie-background: linear-gradient(#777, #333); border-color: #dddddd #999999 #999999 #dddddd; border-style: solid; border-width: 1px;
}
ul.pagenav li.pagenav-prev 
{float:left}
ul.pagenav li.pagenav-next 
{float:right}


/* Lytebox
--------------------------------------------------------- */
.album {
  border:3px solid #FFFFFF;
}
.album:hover {
  cursor:pointer;
  border:3px solid #CCCCCC;
}
/* General */
div.login_clear {
  clear: both;
}

table.simplerows thead th { background-color: #a9946b; }

div#float_panel {
  width:22px;
  position:absolute;
  z-index:12;
  top:20px;
  right:-26px;
  padding: 5px;
}
#stylearea {
  margin-bottom:12px;
}
h3.title span.dcolor  {
  color: #f1f1f1;
}
.dark h3.title, .mcolor h3.title {
  color: #bbb;
}
/* contact  plain */
#main .contact h3
{
  border-bottom:solid 1px #ddd;
  margin: 20px 0
}

.form-required
{
  font-weight:bold;
  margin:10px 0;
  background:#fff url(/web-site/templates/mx_joomla48/images/req.png) no-repeat;
  padding:3px 30px

}

.profile-edit select
{
  padding:0px;
  border:solid 1px #ccc;
  background:#f5f5f5;

}
.profile-edit select option
{
  padding:3px

}
/* contact  slider */

.panel
{
  border:solid 1px #ddd;
  margin-top:-1px

}
#main .contact .panel h3
{
  margin:0px 0 0px 0;
  padding: 0;
  background:#eee;
  border:0
}
.panel h3 a
{
  display:block;
  padding:3px 10px;
  text-decoration:none;
}


.panel h3.pane-toggler a
{
  background:#f5f5f5 url(/web-site/templates/mx_joomla48/images/slider_plus.png) right  top no-repeat;
}
.panel h3.pane-toggler-down a
{
  background:#f5f5f5  url(/web-site/templates/mx_joomla48/images/slider_minus.png) right  top no-repeat;
  border-bottom:solid 1px #ddd;
}

.pane-slider
{
  border:solid 0px;
  padding:0px 10px !important;
  margin:0;
}

.panel .contact-form,
.panel  .contact-miscinfo
{
  padding:10px
}

.contact .panel .contact-form form,
.contact .panel .contact-address
{
  margin:20px 0 0 0
}

/*#################### tables ############################ */

table
{
        border-collapse:collapse
}

table.weblinks,
table.category

{
        font-size:1em;
        margin:10px 10px 20px 0px;
        width:99%;
}

table.weblinks td
{
        border-collapse:collapse;
}

table.weblinks td,
table.category td

{
        padding:7px;
}

table.weblinks th,
table.category th

{
        padding:7px;
        text-align:left
}

td.num
{
        vertical-align:top;
        text-align:left;
}

td.hits
{
        vertical-align:top;
        text-align:center
}

td p
{
        margin:0;
        line-height:1.3em
}

.filter
{
        margin:10px 0
}

.display-limit,
.filter
{
        text-align:right;
        margin-right:7px
}

/* Category Table layout */

table.category {
  border: 1px solid #cfcfcf;
  width: 100%;
  margin:10px 0;
}
table.category td {
  padding: 4px 4px !important;
  background: #f4f6f1;
}
table.category td.last {
  padding: 0px 4px 0px 0px !important;
}
table.newsfeeds th, table.weblinks th, table.category th {
  color: #444;
  background: #dedede;
  padding: 8px 5px 8px 5px;
}
table.newsfeeds td, table.weblinks td, table.category td {
  padding:5px;
}

.counter {
  text-align: center;
  margin: 0.5em auto;
  width: 107px;
  background: #cacaca;
  color: #323232;
  border:1px solid #b3b2b2;
}
/* ########################### contacts ########################### */

.contact
{
        padding:0 5px
}

.contact-category
{
        padding:0 10px
}

.contact-category  #adminForm fieldset.filters
{
  border:0;
  padding:0
}

.contact-image
{
  margin:10px 0;
  overflow:hidden;
}

.contact-image img
{
/* as you like
float:right;
float:left */
}


address
{
        font-style:normal;
        margin:10px 0;
        
}

address span
{
        display:block
}
.contact-address

{
margin:20px 0 10px 0;

}


.contact-email div
{
        padding:2px 0;
        margin:0 0 10px 0;
}

.contact-email label
{
        width:17em;
        float:left;

}
span.contact-image
{
    margin-bottom:10px;
    overflow:hidden;
    display:block
}
#contact-textmsg
{padding: 2px 0 10px 0}

#contact-email-copy
{
        float:left;
        margin-right:10px;

}

.contact .button
{
        float:none !important;
        clear:left;
        display:block;
        margin:20px 0 0 0
}



dl.tabs {
    float: left;
    margin: 50px 0 0 0;
    z-index: 50;
    clear:both;


}

dl.tabs dt {
    float: left;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-right: 3px;
    background: #f0f0f0;
    color: #666;
}

dl.tabs dt.open {
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index: 100;
    color: #000;

}

div.current {
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
    max-width: 500px;
}


div.current dd {
    padding: 0;
    margin: 0;
}

dl#content-pane.tabs {
    margin: 1px 0 0 0;
}

/* ++++++++++++++  login  ++++++++++++++ */

.login-fields
{
        margin:10px 0
}

.login-fields label
{
        float:left;
        width:9em
}

.login-description img,
.logout-description img
{
        float:left;
        margin-right:20px
}

.login-description,
.logout-description
{
        overflow:hidden;
                padding-left:5px;
                margin:20px 0 10px 0
}

.logout-description
{
        margin-bottom:20px
}

fieldset {
  margin: 10px 0 10px 0;
  padding: 0 10px 10px 10px;
}

legend {
  padding: 0 10px 0 10px;
  background: #ffffff;
}

form div { margin: 10px 0 10px 0; }

textarea { padding: 1px 0 1px 5px; }

option { padding: 0 0 1px 5px; }

input[type='hidden'] { display: none; }

input[type='text'],
input[type='password'] { padding: 1px 0 1px 5px; }

button,
input[type='button'],
input[type='submit'] {
  padding: 2px 4px 2px 1px;
  line-height: 100%;
}

input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button { cursor: pointer; }

 
textarea,
input[type='text'],
input[type='password'],
select {
  border: 1px solid #c8c8c8;
  background: #ffffff;
}

 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-color: #aaaaaa; }

 
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
  border-color: #8c8c8c;
  outline: 2px solid #dcdcdc;
}

.tip-wrap {
  display: none;
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
  color: #323232;
  font-size: 12px;
}

.tip-title {
  margin-top: -15px;
  padding: 15px 0 5px 0;
  background: url(/web-site/templates/system/images/selector-arrow.png) no-repeat;
  font-weight: bold;
  font-size: 13px;
  
}

/* template related fix for tooltips */
.tip-wrap .tip {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
}

/*menu colors*/
#mx_horfix {
width:100%;
height:42px;
}
#mx_hor ul li.active, #mx_hor ul li:hover { 
background: url(/web-site/templates/mx_joomla48/images/menuover-rg.png) repeat-x left center;
}

#mx_hor ul li ul li:hover, #mx_hor ul li ul li.active:hover {
background:#8f7a52;
}