body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0; 
  padding: 0;
}

fieldset, img { border: 0; }

 
a:focus { outline: none; }

 
body { overflow-y: scroll; }

/*
 * default values
 */

p {
  margin-top: 10px;
  margin-bottom: 15px;
}

 
ul, ol, dl {
  margin: 10px 0;
  padding-left: 30px
}

dl { margin: 10px 0; }
dd { padding-left: 40px; }

 
td, th { padding: 1px; }

 
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }

 
fieldset {
  margin: 10px 0 10px 0;
  padding: 0 10px 10px 10px;
  border: 1px solid #c8c8c8;
}

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

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

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

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

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

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-top: 1px solid #dddcd4;
  border-bottom: 1px solid #ffffff;
  background: #dbdbd2;
}

 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-top: 1px solid #dddcd4; border-bottom: 1px solid #ffffff; background: #e1e1d9; }



 
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: normal;
}

h1 { font-size: 36px; line-height: 36px; margin-top: 25px; }
h2 { font-size: 24px; line-height: 24px; margin-top: 25px; }
h3 { font-size: 18px; line-height: 18px; margin-top: 15px; }
h4 { font-size: 16px; line-height: 16px; margin-top: 15px; }
h5 { font-size: 14px; line-height: 14px; margin-top: 10px; }
h6 { font-size: 14px; line-height: 14px; margin-top: 10px; }

 
hr {
  margin: 15px 0 15px 0;
  display: block;
  background: #c8c8c8;
  height: 1px;
  border: none;
}

 
q { font-style: italic; }

blockquote {
  margin: 10px 0 10px 15px;
  font-style: italic;
  font-size: 130%
}
blockquote > *:first-child:first-letter { font-size: 150% }

 
pre {
  margin: 10px 0 10px 0px;
  padding: 5px 0 5px 10px;
  border: 1px dotted #aab4be;
  border-left: 20px solid #b4b4b4;
  background: #fafafa;
  font-size: 90%;
  color: #2E8B57;
  font-family: "Courier New", Courier, monospace;
  white-space: pre-wrap;
}

 
acronym, abbr {
  border-bottom: 1px dashed #969696;
  cursor: help;
  font-variant: small-caps;
  text-transform: lowercase;
}
/* layout.css */
 
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 150%;
  color: #797971;
}


.wrapper { margin: auto; }

#header {
  position: relative;
  z-index: 10;
  padding: 0px 10px 30px 10px;
  clear: both;
}

#top {
  padding: 0px 0px 30px 0px;
  overflow: hidden;
  clear: both;
}

#middle {
  padding: 0px 0px 30px 0px;
  clear: both;
  min-height: 300px;
}

#bottom {
  padding: 0px 0px 30px 0px;
  overflow: hidden;
  clear: both;
}

#bottom2 {
  padding: 0px 0px 30px 0px;
  overflow: hidden;
  clear: both;
}

#footer {
  position: relative;
  padding: 0px 0px 10px 0px;
  clear: both;
  text-align: center;
}

 
 
#middle {
  width: 100%;
  overflow: hidden;
}


#middle-expand {
  width: 200%;
}

 
#main {
  left: 50%;
  width: 50%;
  float: left;
}

#main-shift {
  left: -100%;
  overflow: hidden;
}

 
#left {
  position: relative;
  left: -50%;
  float: left;
  overflow:hidden;
}

 
#right {
  float: left;
  overflow:hidden;
}

 

div#maintop,
div#contenttop {
  margin: 0px 0px 20px 0px;
  overflow: hidden;
}

div#contentbottom,
div#mainbottom {
  margin: 20px 0px 0px 0px;
  overflow: hidden;
}

 
 
#mainmiddle {
  width: 100%; 
  overflow: hidden;  

}

#mainmiddle-expand { width: 200%; }

#content { left: 50%; width: 50%; float: left; }
#content-shift { left: -100%; overflow: hidden; }
#contentleft { left: -50%; float: left;  overflow:hidden; }
#contentright { float: left; overflow:hidden; }

.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

 

body.yoopage { background: #ABAAA1; }
#page-body { background: #F5F4EB url("../images/page_body_bg.png") 50% 0 repeat-x; }
#page-footer { 
  padding-top: 30px;
  background: url("../images/page_footer_bg.png") 50% 0 repeat-x;
}

 

#absolute {
  position: absolute;
  z-index: 15;
  top: 0px;
  left: 0px;
  width: 100%;
}

 

 
#headerbar {
  min-height: 60px;
  padding: 80px 0px 0px 300px;
  overflow: hidden;
  border-bottom: 3px solid #CDCCC3;  
}

 
#breadcrumbs {
  height: 30px;
  border-bottom: 3px solid #CDCCC3;
  overflow: hidden;
  line-height: 30px;
  font-size: 12px;
  text-shadow: 1px 1px 1px rgba(255,255,255,1);
  text-transform: uppercase;
}

#breadcrumbs a,
#breadcrumbs span {
  display: block;
  float: left;
}

#breadcrumbs a,
#breadcrumbs span.separator {
  margin-right: 10px;
  padding-right: 20px;
  background: url("../images/breadcrumbs.png") 100% 11px no-repeat;
}

#breadcrumbs a:link,
#breadcrumbs a:visited { color: #E99D01; }
#breadcrumbs a:hover { color: #EB5F2B; }

 
#logo {
  position: absolute;
  top: 25px;
  left: 10px;
}

#menu {
  position: absolute;
  top: 5px;
  left: 6px;
  z-index: 11;
}

#search {
  position: absolute;
  bottom: 38px;
  right: 15px;
  z-index: 12;
}

#banner {
  position: absolute;
  top: 150px;
  right: -15px;
  width: 0px;
  z-index: 3;
}

 
 
#footer {
  color: #ffffff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

#footer a.anchor {
  position: absolute;
  right: 5px;
  top: 0px;
  width: 25px;
  height: 20px;
  background: url("../images/footer_anchor.png") 0 0 no-repeat;
  display: block;
  text-decoration: none;
}

#footer a.anchor:hover { background-position: 0 -15px; }

 

div.bottom-line {
  margin: 0px 10px 30px 10px;
  border-top: 3px solid #CDCCC3;
  overflow: hidden;
}

 

#component { margin: 0px 10px 0px 10px; }

body.nofrontpage #component {
  margin: 0px 10px 0px 10px;
  padding: 1px;
  border: 1px solid #CDCCC3;
  background: #ffffff;
}

body.nofrontpage #component .component-bg {
  padding: 10px;
  background: url("../images/module_box_bg.png") 0 0 repeat-x;
}

/* typography.css */

/*
 * headings
 */

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; }

.joomla h1, .joomla h2, .joomla h3, .joomla h4, .joomla h5, .joomla h6 {
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
}

h1 { color: #5D5D57; }

#page h1 a {
  color: #5D5D57;
  text-decoration: none;
  font-size: 30px;
}

h2 { color: #E99D01; }
h3 { color: #5D5D57; }
h4 { color: #E99D01; }
h5 { color: #5D5D57; }
h6 { color: #E99D01; }

/*
 * anchor
 */

a:link,
a:visited { color: #E99D01; }
a:hover { color: #EB5F2B; }

#page-footer a:link,
#page-footer a:visited { color: #FFCF88; }
#page-footer a:hover { color: #ffffff; }

a.icon-folder {
        padding-left: 17px;
        background: url("../images/typography/icon_folder.png") 0 40% no-repeat;
}

a.icon-file {
        padding-left: 17px;
        background: url("../images/typography/icon_file.png") 0 40% no-repeat;
}

a.icon-download {
        padding-left: 17px;
        background: url("../images/typography/icon_download.png") 0 40% no-repeat;
}

a.icon-external {
        padding-left: 17px;
        background: url("../images/typography/icon_external.png") 0 40% no-repeat;
}

a.icon-pdf {
        padding-left: 17px;
        background: url("../images/pdf_button.png") 0 40% no-repeat;
}

/*
 * emphasis
 */

em.box { 
  padding: 0px 3px 0px 3px;
  border: 1px dotted #aaaaaa;
  background: #ffffff;
  font-family: "Courier New", Courier, monospace;
  font-style: normal;
  white-space: nowrap;
}

#bottom2 em.box {
  background: #848379;
  border-color: #ffffff;
}

/*
 * unsorted lists
 */

/* icon style */
ul.arrow,
ul.checkbox,
ul.check,
ul.star {
  margin: 10px 0px 10px 0px;
  padding-left: 20px;
  list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
  margin: 5px 0px 5px 0px;
  padding-left: 35px;
  font-weight: bold;
  line-height: 26px;  
}

ul.arrow li { background: url("../images/typography/list_arrow.png") 0 0 no-repeat; }
ul.checkbox li { background: url("../images/typography/list_checkbox.png") 0 0 no-repeat; }
ul.check li { background: url("../images/typography/list_check.png") 0 0 no-repeat; }
ul.star li { background: url("../images/typography/list_star.png") 0 0 no-repeat; }

/* plus style */
ul.plus {
  padding-left: 0px;
  list-style: none;
}

ul.plus li { 
  padding-left: 25px;
  border-top: 1px dashed #C4C3BC;
  background: url("../images/typography/list_plus.png") 0 50% no-repeat;
  font-size: 16px;
  line-height: 32px;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
}
ul.plus li:first-child { border-top: none; }

ul.plus li a { display: block; }
ul.plus li a:hover { text-decoration: none; }

#page-footer ul.plus li { 
  border-top-color: #838278;
  background-image: url("../images/typography/list_plus_footer.png");
  text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
#page-footer ul.plus li:first-child { border-top-color: #838278; }

/* hover style */
ul.hoverbox {
  padding-left: 0px;
  list-style: none;
}

ul.hoverbox li { margin-bottom: 5px; }
ul.hoverbox li:last-child { margin-bottom: 0px; }

ul.hoverbox li a {
  height: 18px; overflow: hidden; line-height: 23px;
  display: block;
  padding: 8px 40px 10px 10px;
  border-top: 1px solid #DDDCD4;
  border-bottom: 1px solid #ffffff;
  background: #E9E8DF url("../images/typography/list_hoverbox.png") -100px 50% no-repeat;
  color: #5D5D57;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
}

ul.hoverbox li a:hover {
  padding: 9px 40px 11px 10px;
  border: none;
  background: #EBB755 url("../images/typography/list_hoverbox.png") 100% 50% no-repeat;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  text-decoration: none;
}

ul.hoverbox li span.title { 
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
}

#page-footer ul.hoverbox li a {
  border-top-color: #85847D;
  border-bottom-color: #C0BEB7;
  background: #94938B url("../images/typography/list_hoverbox_footer.png") -100px 50% no-repeat;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

#page-footer ul.hoverbox li a:hover {
  background: #C0BEB7 url("../images/typography/list_hoverbox_footer.png") 100% 50% no-repeat;
  color: #5D5D57;
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

/* table style */
ul.table {
  margin: 20px 0px 20px 0px;
  padding-left: 0px;
  list-style: none;
}

ul.table li {
  padding: 5px;
  border-bottom: 1px solid #DDDCD4;
}

ul.table li:nth-child(odd) { background: #FBFBF7; }
ul.table li:nth-child(even) { background: #ffffff; }
ul.table li:last-child { border: none; }

/*
 * ordered lists
 */

ol.disc {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 45px;
  background: url("../images/typography/list_disc.png") 20px 0px repeat-y;
}

ol.disc li {
  margin: 5px 0px 5px 0px;
  padding-left: 10px;
  font-weight: bold;
  line-height: 26px;  
}

/*
 * horizontal rule
 */
 
hr.dotted {
  margin: 15px 0px 15px 0px;
  display: block;
  background: url("../images/typography/line_dotted.png") 0 0 repeat-x;
  height: 1px;
  border: none;
}

/*
 * highlighted div and span tags
 */

span.note,
span.info,
span.alert,
span.download,
span.tip { display: block; }

div.note, span.note {
  margin: 10px 0px 10px 0px;
  padding: 5px 10px 5px 10px;
  border-top: 1px solid #DDDCD4;
  border-bottom: 1px solid #ffffff;
  background: #e9e8df;
  text-align:justify;
  color: #5D5D57;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
  margin: 10px 0px 10px 0px;
  padding: 8px 10px 8px 40px;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

div.info, span.info {
  border-top: 1px solid #6B7984;
  border-bottom: 1px solid #6B7984;
  background: #8FA2B1 url("../images/typography/box_info.png") 7px 5px no-repeat;
}

div.alert, span.alert {
  border-top: 1px solid #96574B;
  border-bottom: 1px solid #96574B;
  background: #C87564 url("../images/typography/box_alert.png") 7px 5px no-repeat;
}

div.download, span.download {
  border-top: 1px solid #7A8661;
  border-bottom: 1px solid #7A8661;
  background: #A3B382 url("../images/typography/box_download.png") 7px 5px no-repeat;
}

div.tip, span.tip {
  border-top: 1px solid #A67E40;
  border-bottom: 1px solid #A67E40;
  background: #DEA856 url("../images/typography/box_tip.png") 7px 5px no-repeat;
}
.tip a, .tip a:hover { color: #ffffff; }
/*
 * p tag with dropcaps
 */
 
p.dropcap:first-letter {
  display: block;
  margin: 7px 4px 0px 0px;
  float: left;
  font-size: 280%;
  font-family: Arial, Helvetica, sans-serif;
}

/*
 * tables
 */
 
table.listing {
  width: 100%;
  margin-bottom: 30px;
  font-size: 11px;
}

table.listing thead th {
  height: 30px;
  padding: 5px;
  border-bottom: 1px solid #DDDCD4;
  background: none;
  vertical-align: top;
  font-size: 14px;
  font-weight: normal;
}

table.listing tbody td {
  height: 20px;
  padding: 5px;
  border-bottom: 1px solid #DDDCD4;
}

table.listing tr.odd td { background: #FBFBF7; }
table.listing tr.even td { background: #ffffff; }

table.listing td.bold {
  font-weight: bold;
  font-size: 12px;
}

/*
 * blockquotes
 */

blockquote {
  font-family: Georgia, "Times New Roman", Times, serif;
}

q.blockquote {
  margin: 10px 0 10px 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 130%;
}

q.blockquote:first-letter { font-size: 150%; }

q.blockquote:before,
q.blockquote:after { content: ""; }

blockquote.quotation {
  margin: 10px 0px 10px 0px;
  padding: 10px 35px 10px 35px;
  border: none;
  background: url("../images/typography/blockquote_start.png") 0 0 no-repeat;
  text-align:justify;
}

blockquote.quotation p {
  margin: 0px -35px -10px 0px;
  padding: 0px 35px 10px 0px;
  background: url("../images/typography/blockquote_end.png") 100% 100% no-repeat;
}

/*
 * floating boxes
 */

body .inset-left {
  margin: 15px 15px 10px 0px;
  float: left;
}

body .inset-right {
  margin: 15px 0px 10px 15px;
  float: right;
}
/* menus.css */

/*
 * top and footer menu
 */

 
#footer ul.menu {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#footer ul.menu {
  display: block;
  line-height: 14px;
}

#footer .menu li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}

#footer .menu li a {
  display: inline-block;
  padding: 0px 10px 0px 15px;
  background: url("../images/footermenu_item_bg.png") 0 60% no-repeat;
  overflow: hidden;  
}

#footer .menu a.first {
  padding-left: 0px;
  background: none;
}

#footer .menu a.last { padding-right: 0px; }

#footer .menu a:link,
#footer .menu a:visited { color: #ffffff; }
#footer .menu a:hover { color: #ffffff; }

/*
 * menu
 */

 
#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu li {
  position: relative;
   
  margin: 0px;
  padding: 0;
}

#menu a,
#menu span { display: block; }
#menu a { text-decoration: none; }

 
#menu span.icon {
  background-repeat: no-repeat;
  background-position: 0 50%;
}

 
#menu ul.menu { float: left; }

#menu li.level1 {
  padding-left: 10px;
  float: left;
}

#menu a.level1,
#menu span.level1 {
  padding-right: 10px;
  float: left;
}

#menu a.level1 span.bg,
#menu span.level1 span.bg {
  height: 40px;
  padding: 5px 10px 0px 10px;
  float: left;
  line-height: 37px;
  font-size: 15px;
  color: #F2F0E4;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}


 
#menu li.level1:hover,
#menu li.level1.remain,
#menu li.level1.active { background: url("../images/menu_level1_item.png") 0 0 no-repeat; }

#menu li:hover .level1,
#menu li.remain .level1,
#menu li.active .level1 { background: url("../images/menu_level1_item.png") 100% -50px no-repeat; }

#menu li:hover .level1 span.bg,
#menu li.remain .level1 span.bg { 
  color: #7E7A72;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

#menu li.active .level1 span.bg {
  color: #E99D01;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

 
#menu a.level1 span.title,
#menu span.level1 span.title {
  font-size: 15px;
  line-height: 24px;
}

 
#menu a.level1 span.subtitle,
#menu span.level1 span.subtitle {
  font-style: italic;
  margin-top: -5px;
  font-size: 9px;
  font-weight: normal;
  line-height: 10px;
  text-transform: none;
}

 
#menu .dropdown {
  position: absolute;
  top: 39px;
  left: -999em;  
  z-index: 100;
   
}

#menu li:hover .dropdown,
#menu li.remain .dropdown { left: 0px; }

#menu .dropdown-t1 {}
#menu .dropdown-t2 {}
#menu .dropdown-t3 {}

#menu .dropdown-1 { background: url("../images/menu_dropdown_edges.png") 0 0 repeat-y; }

#menu .dropdown-2 {
  padding: 0px 5px 0px 5px;
  background: url("../images/menu_dropdown_edges.png") 100% 0 repeat-y;
}

#menu .dropdown-3 {
  padding: 5px 0px 5px 0px;
  background: #F5F4EB;
  overflow: hidden;
}

#menu .dropdown-b1 { background: url("../images/menu_dropdown_corners.png") 0 0 no-repeat; }

#menu .dropdown-b2 {
  padding: 0px 5px 0px 5px;
  background: url("../images/menu_dropdown_corners.png") 100% -15px no-repeat;
}

#menu .dropdown-b3 {
  height: 5px;
  background: url("../images/menu_dropdown_corners.png") 0 -30px repeat-x;
}

 
#menu ul.level2 { background: url("../images/menu_level2_line_v.png") 100% 0 repeat-y; }
#menu ul.last { background: none; }

#menu .hover-box1 { overflow: hidden; }

 
#menu a.level2 {
  margin-top: 5px;
  border-top: 1px solid #DCDBD3;
  border-bottom: 1px solid #ffffff;
  background: #E9E8DF;
}
#menu a.level2.first { margin: 0px; }

#menu a.level2 span.bg,
#menu span.level2 span.bg {
  padding-left: 5px;
  line-height: 24px;
  color: #7E7A72;
  font-size: 15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

 
#menu a.level2:hover { border-top-color: #d2d2c8; }
#menu a.level2:hover span.bg { color: #494843; }

 
#menu li.level2 a.current span.bg {
  font-weight: bold;
  color: #5D5D57;
}

 
#menu a.level2 span.subtitle,
#menu span.level2 span.subtitle {
  margin-top: -10px;
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}

 
#menu a.level2 span.icon,
#menu span.level2 span.icon {
  min-height: 45px;
  padding-left: 50px;
  line-height: 45px;
}
#menu a.level2 span.icon span.title,
#menu span.level2 span.icon span.title { line-height: 33px; }
#menu a.level2 span.icon span.subtitle,
#menu span.level2 span.icon span.subtitle { line-height: 12px; }

 
#menu li.level3.last { padding-bottom: 5px;  }

#menu a.level3 {
  margin-left: 5px;
  background: url("../images/menu_level3_item.png") 0 3px no-repeat;
}

#menu a.level3:hover { background-position: 0 -23px;  }

#menu a.level3 span.bg,
#menu span.level3 span.bg {
  padding-left: 15px;
  line-height: 18px;
  font-size: 11px;
  color: #7E7A72;
}

#menu a.level3:hover span.bg { color: #494843; }

 
 
 
 

#menu .columns2 ul.level2,
#menu .columns3 ul.level2,
#menu .columns4 ul.level2 { float: left; }

#menu .columns2 ul.level2 {  width: 50%; }

#menu .columns3 ul.level2 { width: 34%; }
#menu .columns3 ul.first,
#menu .columns3 ul.last { width: 33%; }

#menu .columns4 ul.level2 { width: 25%; }

#menu .group-box1 { padding: 0px 5px 0px 5px; }

#menu .columns2 li.level2 .group-box1,
#menu .columns3 li.level2 .group-box1,
#menu .columns4 li.level2 .group-box1 { margin-right: 2px; }

#menu .columns2 ul.last li.level2 .group-box1,
#menu .columns3 ul.last li.level2 .group-box1,
#menu .columns4 ul.last li.level2 .group-box1 { margin-right: 0px; }

/*
 * sub menus
 */
 
 
div.mod-menu ul {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  list-style: none;
}

div.mod-menu ul.menu li {
  margin: 0px;
  padding: 0px;
}

div.mod-menu ul.menu a,
div.mod-menu ul.menu span { display: block; }
div.mod-menu ul.menu a { text-decoration: none; }

 
div.mod-menu ul.menu span.icon {
  background-repeat: no-repeat;
  background-position: 5px 50%;
  text-indent: 35px;
}

 
div.mod-menu ul.menu li.parent span.separator { cursor: pointer; }

 
div.mod-menu ul.menu span.subtitle { display: none; }

/*
 * sub menu: mod-headline
 */

div.mod-headline ul.menu span.bg {
  height: 25px;
  line-height: 25px;
  text-indent: 5px;
  text-transform: uppercase;
  color: #A9A59F;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

 
div.mod-headline ul.menu li a.current span.bg {
  background: #EBB755;
  color: #ffffff;
  text-shadow: 0 0 2px rgba(120, 70, 0, 0.7);
}

 
div.mod-headline ul.menu li.level1 { }

div.mod-headline ul.menu a.level1,
div.mod-headline ul.menu span.level1 { }

div.mod-headline ul.menu li.parent a.level1 span.bg,
div.mod-headline ul.menu li.parent span.level1 span.bg { background: url("../images/submenu_level1_parent.png") 100% 0 no-repeat; }

div.mod-headline ul.menu li.parent a.level1:hover span.bg,
div.mod-headline ul.menu li.parent span.level1:hover span.bg { background-position: 100% -35px; }

div.mod-headline ul.menu li.parent a.active span.bg,
div.mod-headline ul.menu li.parent span.active span.bg { background-position: 100% -70px; }

div.mod-headline ul.menu li.parent a.active:hover span.bg,
div.mod-headline ul.menu li.parent span.active:hover span.bg { background-position: 100% -105px; }

 
div.mod-headline ul.menu ul.level2 { padding: 5px 0px 10px 0px; }

div.mod-headline ul.menu li.level2 {}

div.mod-headline ul.menu li.level2 a:hover {}

div.mod-headline ul.menu li.level2 span.bg {
  height: 22px;
  font-size: 18px;
  line-height: 22px;
  background: url("../images/submenu_level2_item.png") 10px 0 no-repeat;
}

div.mod-headline ul.menu li.level2 a.level2 span.bg,
div.mod-headline ul.menu li.level2 span.level2 span.bg { text-indent: 20px; background-position: 10px 0px; }

div.mod-headline ul.menu li.level2 a.level2:hover span.bg,
div.mod-headline ul.menu li.level2 span.level2:hover span.bg { background-position: 10px -32px; }

 
div.mod-headline ul.menu li.level3 a.level3 span.bg,
div.mod-headline ul.menu li.level3 span.level3 span.bg { text-indent: 40px; background-position: 30px 0px; }

div.mod-headline ul.menu li.level3 a.level3:hover span.bg,
div.mod-headline ul.menu li.level3 span.level3:hover span.bg { background-position: 30px -32px; }

 
div.mod-headline ul.menu li.level4 a.level4 span.bg,
div.mod-headline ul.menu li.level4 span.level4 span.bg { text-indent: 60px; background-position: 50px 0px; }

div.mod-headline ul.menu li.level4 a.level4:hover span.bg,
div.mod-headline ul.menu li.level4 span.level4:hover span.bg { background-position: 50px -32px; }
/* modules.css */

/*
 * module headers
 */

.module h3.header {
  margin: 0px 0px 7px 0px;
  color: #5D5D57;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
}

.module span.header-2,
.module span.header-3 { display: block; }

 
.module h3.header span.title {
  display: block;
  text-indent: 1px;
  font-size: 9px;
  line-height: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: none;
}

.module h3.header span.subtitle {
  display: block;
  margin-top: -2px;
  line-height: 16px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0px;
  text-indent: 1px;
  text-transform: uppercase;
}

/*
 * space between modules
 */

#left .module,
#right .module,
#contentleft .module,
#contentright .module { margin-bottom: 20px; }

#left div.last,
#right div.last,
#contentleft div.last,
#contentright div.last { margin-bottom: 0px; }

#top .topblock .module { margin-bottom: 20px; }
#bottom .bottomblock .module { margin-top: 20px; }

/*
 * header module positions
 */

#headerbar .left .module {
  margin-right: 15px;
  float: left;
}

#headerbar .right .module {
  margin-left: 15px;
  float: right;
}

/*
 * badge styles
 */
 
div.module { position: relative; }
 
div.module div.badge {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 39px;
  height: 39px;
  background: url("../images/module_badges.png") 0 0 no-repeat;
  overflow: hidden;
  z-index: 1;
}
 
div.module div.badge-hot { background-position: 0 0; }
div.module div.badge-top { background-position: 0 -40px; }
div.module div.badge-pick { background-position: 0 -80px; }
div.module div.badge-new { background-position: 0 -120px; }

/*
 * icon styles
 */
 
div.module h3.header span.icon {
  display: block; 
  position: relative;
  left: 0px;
  margin-right: 3px;
  width: 32px;
  height: 30px;
  background: url("../images/module_icons.png") 0 0 no-repeat;
  overflow: hidden;
  float: left;
}

div.module h3.header span.icon-feed { background-position: 0 0; }
div.module h3.header span.icon-download { background-position: 0 -30px; }
div.module h3.header span.icon-twitter { background-position: 0 -60px; }
div.module h3.header span.icon-mail { background-position: 0 -90px; }
div.module h3.header span.icon-message { background-position: 0 -120px; }
div.module h3.header span.icon-users { background-position: 0 -150px; }
div.module h3.header span.icon-shopping { background-position: 0 -180px; }
div.module h3.header span.icon-lock { background-position: 0 -210px; }

/*
 * module: blank
 */
 
div.mod-blank { 
  margin: 0px 10px 0px 10px;
  overflow: hidden;
}

div.mod-blank h3.header span.icon { top: -3px; }

/* bottom2 position */
#bottom2 div.mod-blank { color: #ffffff; }
#bottom2 div.mod-blank h3.header {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

/*
 * module: dropdown
 */

#menu ul.mod-dropdown {
  padding-left: 0px;
  background: none;
}

#menu .mod-dropdown .module {
  padding: 5px;
  overflow: hidden;
}

#menu .mod-dropdown .dropdown { width: 300px; }

/*
 * module: headerbar
 */

div.mod-headerbar { overflow: hidden; }

div.mod-headerbar div.box-1 {
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);
}

/*
 * module: box
 */
 
div.mod-box div.box-1 {
  margin: 0px 10px 0px 10px;
  padding: 1px;
  border: 1px solid #CDCCC3;
  background: #ffffff;
}

div.mod-box div.box-2 {
  padding: 10px;
  background: url("../images/module_box_bg.png") 0 0 repeat-x;
  overflow: hidden;
}

div.mod-box h3.header span.icon { top: -5px; }
div.mod-box div.badge { right: 10px; }

/* bottom2 position */
#bottom2 div.mod-box div.box-1 { border-color: #94938B; }
#bottom2 div.mod-box em.box { 
  border: 1px dotted #aaaaaa;
  background: #ffffff;
}

/* color: ribbon */
div.mod-box-ribbon div.box-2 { padding-top: 48px; }

div.mod-box-ribbon h3.header {
  position: absolute;
  top: 10px;
  left: 0px;
  right: 0px;
  z-index: 1;
  margin-bottom: 0px;
  background: url("../images/module_box_header_bg.png") 0 0 no-repeat;
}

div.mod-box-ribbon span.header-2 {
  padding: 0px 10px 0px 10px;
  background: url("../images/module_box_header_bg.png") 100% -50px no-repeat;
}

div.mod-box-ribbon span.header-3 {
  height: 40px;
  padding-left: 10px;
    padding-bottom: 0px;
  overflow: hidden;
  background: url("../images/module_box_header_bg.png") 0 -100px repeat-x;
  color: #ffffff;
  font-size: 18px;
  line-height: 30px;
  text-shadow: 0 0 2px rgba(120,70,0,0.7);
}

div.mod-box-ribbon h3.header span.icon { top: -1px; }
div.mod-box-ribbon div.badge { top: 39px; right: 10px; }

/* color: dark */
div.mod-box-dark div.box-1 {
  border: 1px solid #000000;
  background: #555248;
}

div.mod-box-dark div.box-2 {
  color: #ffffff;
  background: #2B2B24;
}

div.mod-box-dark h3.header { 
  color: #ffffff;
  text-shadow: 1px 2px 0 rgba(0,0,0,1);
}

div.mod-box-dark em.box { 
  border: 1px dotted #aaaaaa;
  background: #000000;
}

/*
 * module: headline
 */
 
div.mod-headline { 
  margin: 0px 10px 0px 10px;
  overflow: hidden;
}

div.mod-headline2 h3.header2 {
  font-size: 20px;
  line-height: 40px;
  color: #DBDBD2;
  text-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(0,0,0,0.2);
  letter-spacing: -1px;
}

div.mod-headline h3.header {
  font-size: 40px;
  line-height: 40px;
  color: #DBDBD2;
  text-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(0,0,0,0.2);
  letter-spacing: -3px;
}

div.mod-headline h3.header span.title {
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: -3px;
  text-transform: uppercase;
}

div.mod-headline h3.header span.subtitle { 
  margin-top: 0px;
  font-size: 18px;
  line-height: 20px;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}

div.mod-headline h3.header span.icon { top: 10px; }

/* menu */
div.mod-menu-headline div.box-1 { padding: 0px; }

/*
 * module: stamped
 */
 
div.mod-stamped { margin: 0px 10px 0px 10px; }

div.mod-stamped div.box-1 {
  padding: 9px 10px 9px 10px;
  border-top: 1px solid #DDDCD4;
  border-bottom: 1px solid #ffffff;
  background: #E9E8DF;
  overflow: hidden;
}

div.mod-stamped h3.header span.icon { top: -4px; }

/* bottom2 position */
#bottom2 div.mod-stamped div.box-1 {
  border-top-color: #85847D;
  border-bottom-color: #C0BEB7;
  background: #94938B;
  color: #ffffff;
}

#bottom2 div.mod-stamped h3.header {
  color: #ffffff;  
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

/*
 * module: polaroid
 */

div.mod-polaroid { margin: 0px 10px 0px 10px; }

div.mod-polaroid div.badge-tape {
  position: absolute;
  top: -13px;
  left: 50%;
  width: 114px;
  height: 38px;
  margin-left: -57px;
  background: url("../images/module_polaroid_tape.png") 0 0 no-repeat;
  z-index: 1;
}

div.mod-polaroid div.box-1 {
  margin-top: 13px;
  padding: 10px 10px 5px 10px;
  border-top: 1px solid #C8C8C8;
  border-left: 1px solid #C8C8C8;
  border-right: 1px solid #C8C8C8;
  background: #ffffff url("../images/module_polaroid_bg.png") 0 100% repeat-x;
  overflow: hidden;
}

div.mod-polaroid div.box-2 {
  margin-bottom: 5px;
  background: #000000;
}

div.mod-polaroid div.box-3 {
  padding: 10px 15px 10px 15px;
  overflow: hidden;
  font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #C8C8C8;
}

div.mod-polaroid div.box-b1 {
  background: url("../images/module_polaroid_shadows.png") 0 0 no-repeat;
}

div.mod-polaroid div.box-b2 {
  padding: 0px 70px 0px 70px;
  background: url("../images/module_polaroid_shadows.png") 100% -5px no-repeat;
}

div.mod-polaroid div.box-b3 {
  height: 5px;
  background: url("../images/module_polaroid_shadows.png") 0 -10px repeat-x;
}

div.mod-polaroid h3.header {
  height: 25px;
  margin: 0px 0px 0px 0px;
  line-height: 25px;
  text-align: center;
  letter-spacing: -1px;
  font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: normal;
  color: #323232;
  text-shadow: none;
}

#left div.mod-polaroid,
#right div.mod-polaroid,
#contentleft div.mod-polaroid,
#contentright div.mod-polaroid { margin-top: 30px; }

/*
 * module: postit
 */

div.mod-postit { margin: 0px 10px 0px 10px; }

div.mod-postit div.box-1 {
  background: #FFFFAA;
  color: #323232;
}

div.mod-postit div.box-2 {
  padding: 15px 15px 0px 15px;
  overflow: hidden;
  font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: italic;
}

div.mod-postit div.box-b1 {
  background: url("../images/module_postit_shadows.png") 0 0 no-repeat;
}

div.mod-postit div.box-b2 {
  padding: 0px 90px 0px 60px;
  background: url("../images/module_postit_shadows.png") 100% -40px no-repeat;
}

div.mod-postit div.box-b3 {
  height: 40px;
  background: url("../images/module_postit_shadows.png") 0 -80px repeat-x;
}

div.mod-postit h3.header {
  height: 30px;
  margin: -15px -15px 5px -15px;
  background: #FFFFDA;
  line-height: 30px;
  text-indent: 15px;
  letter-spacing: -1px;
  font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style: italic;
  font-weight: normal;
  color: #323232;
  text-shadow: none;
}
/* joomla.css */

/*
 * global CSS
 * not inside joomla CSS class
 */

/* readmore button */
.readmore { margin: 15px 0 -20px 0; text-align: right; font-size: 1.2em; font-weight:bold; }
.readmore a { text-decoration: none; color: #797971; }
.readmore a:hover { text-decoration: none; color: #EB5F2B; }

div.module {  margin-bottom: 0px; }

/* tooltips */
.tool-tip {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
  color: #323232;
}

.tool-title {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url("../../system/images/selector-arrow.png") no-repeat;
}

.tool-text {
  font-size: 100%;
  margin: 0;
}

/*
 * general
 */

div.joomla h1 { letter-spacing: -1px; }

div.joomla h1.pagetitle { margin-top: 0px; }

div.joomla div.description {
  margin: 10px 0px 10px 0px;
  overflow: hidden;
}

div.joomla div.description img.left {
  margin-right: 15px;
  float: left;
}

div.joomla div.description img.right {
  margin-left: 15px;
  float: right;
}

div.joomla div.filter { margin: 10px 0px 10px 0px; }

div.joomla table.joomlatable th {
  padding: 5px 5px 5px 5px;
  background: #ffffff;
  border-bottom: 1px solid #DDDCD4;
  font-weight : bold;
}

div.joomla table.joomlatable tr.even td {
  padding: 5px 5px 5px 5px;
  background: #ffffff;
  border-bottom: 1px solid #DDDCD4;
}

div.joomla table.joomlatable tr.odd td {
  padding: 5px 5px 5px 5px;
  background: #FBFBF7;
  border-bottom: 1px solid #DDDCD4;
}

 
div.joomla span.number {
  color: #969696;
  font-style: italic;
}

/*
 * com_content
 * blog layout (frontpage, category, section)
 * sub selectors: blog
 */
 
div.joomla div.blog div.description {  
  margin: 10px 0px 15px 0px;
}

div.joomla div.leadingarticles { overflow: hidden; }
div.joomla div.teaserarticles { overflow: hidden; }

div.joomla div.item {
  margin-bottom: 20px;
  padding: 1px;
  border: 1px solid #CDCCC3;
  background: #ffffff;
}

div.joomla div.item-bg {
  padding: 10px;
  background: url("../images/module_box_bg.png") 0 0 repeat-x;
  overflow: hidden;
}

div.joomla div.multicolumns div.item { margin: 0px 0px 20px 10px; }

div.joomla div.multicolumns div.first div.item { margin-left: 0px; }
div.joomla div.multicolumns div.last div.item { margin-right: 0px; }

div.joomla div.morearticles { margin: 10px 0px 10px 0px; }

div.joomla div.pagination { text-align: center; }

div.joomla div.pagination p.results {}

/*
 * com_content
 * list layout (frontpage, category, section)
 * sub selectors: sectionlist, categorylist
 */

/*
 * com_content
 * article layout
 * sub seletors: article
 */

div.joomla div.article {
  padding: 1px;
  border: 1px solid #CDCCC3;
  background: #ffffff;
}

div.joomla div.article-bg {
  padding: 10px;
  background: url("../images/module_box_bg.png") 0 0 repeat-x;
  overflow: hidden;
}

div.joomla div.headline {
  overflow: hidden;
  margin-top: 5px;
  padding-bottom: 2px;  
}

div.joomla h1.title {
  margin: 0px;
  float: left;
}

div.joomla div.multicolumns h1.title {
  font-size: 200%;
  letter-spacing: -1px;
}

div.joomla div.multicolumns .width100 .item h3 { font-size: 24px; }
div.joomla div.multicolumns .width50 .item h3 { font-size: 18px; }
div.joomla div.multicolumns .width33 .item h3,
div.joomla div.multicolumns .width25 .item h3 { font-size: 14px; }

div.joomla div.icons { float: right; }

div.joomla div.icon {
  margin-top: 10px;
  float: right;
}

div.joomla div.multicolumns div.icon { margin-top: 5px; }

div.joomla div.edit {
  margin-left: 10px;
  float: left;
}

div.joomla div.pdf { margin-right: 5px; }
div.joomla div.print { margin-right: 5px; }
div.joomla div.email {}
div.joomla div.printscreen {}

div.joomla p.iteminfo {  margin: 0px 0px 15px 0px; }

div.joomla p.articleinfo {
  margin-top: 0px;
  text-transform: uppercase;
  font-size: 80%;
  letter-spacing: 1px;
  line-height: 150%;
}

div.joomla p.articleinfo span.modified,
div.joomla p.articleinfo span.author,
div.joomla p.articleinfo span.created,
div.joomla p.articleinfo span.url {  white-space: nowrap; }

/*
 * com_content
 * editing an article
 * sub seletors: edit-article
 */

div.joomla div.edit-article fieldset { margin-bottom: 30px; }

div.joomla div.edit-article fieldset div { overflow: hidden; }

div.joomla div.edit-article label.label-left {
  display: block;
  width: 150px;
  float: left;
}

div.joomla div.edit-article div.save {
  margin: 0px;
  float: right;
}

div.joomla div.edit-article div#editor-xtd-buttons {
  margin-bottom: 0px;
  overflow: hidden;
}

div.joomla div.edit-article div#editor-xtd-buttons div { margin: 0px; }

div.joomla div.edit-article div#editor-xtd-buttons div.button2-left { margin-right: 5px; }

div.joomla div.edit-article div#editor-xtd-buttons a:link,
div.joomla div.edit-article div#editor-xtd-buttons a:visited,
div.joomla div.edit-article div#editor-xtd-buttons a:hover { color: #323232; }

/*
 * com_weblinks
 * sub seletors: weblinks
 */

div.joomla div.weblinks fieldset {}

div.joomla div.weblinks fieldset div { overflow: hidden; }

div.joomla div.weblinks label.label-left {
  display: block;
  width: 150px;
  float: left;
}

/*
 * com_search
 * sub seletors: search
 */

div.joomla div.search p.info {
  margin: 0px;
  color: #969696;
  font-style: italic;
}

div.joomla div.search span.highlight {
  background: #ffffff;
  color: #323232;
}

/*
 * com_poll
 * sub seletors: poll
 */

div.joomla div.poll fieldset { margin: 15px 0px 10px 0px; }

/*
 * com_contact
 * sub seletors: contact
 */

div.joomla div.contact h1 {
  margin-bottom: 0px;
  font-size: 250%;
  font-weight: normal;
  letter-spacing: -1px;
}

div.joomla div.contact h2 {
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}

div.joomla div.contact div.image { float: right; }

div.joomla div.contact table { margin-bottom: 10px; }

div.joomla div.contact label.label-top { display: block; }

/*
 * com_user
 * sub seletors: user
 */

div.joomla div.user label.label-left,
div.joomla div.user span.label-left  {
  display: block;
  width: 130px;
  float: left;
}

/*
 * com_wrapper
 */

iframe.wrapper {
  width: 100%;
}

/*
 * mod_newsflash
 */

div.module-newsflash { overflow: hidden; }

div.module-newsflash div.item {
  padding-bottom: 15px;
  overflow: hidden;
}

div.module-newsflash div.last { padding-bottom: 0px; }

/*
 * mod_search
 */

.default-search div.searchbox {
  width: 120px;
  height: 18px;
  padding: 0px;
  margin: 0px;
  background: url("../images/searchbox_bg.png") 0 0 no-repeat; /* ie6png:crop */
}

.default-search div.searchbox:hover  { background: url("../images/searchbox_bg.png") 0 -18px no-repeat; }
.default-search div.searchbox:hover input { color: #000000; }
.default-search div.searchbox input:focus { color: #000000; }

.default-search div.searchbox input {
  width: 102px;
  height: 15px;
  padding: 3px 0px 0px 0px;
  border: none;
  outline: none;
  background: none;
  float: left;
  color: #646464;
  font-size: 11px;
}

.default-search div.searchbox button {
  width: 18px;
  height: 18px;
  padding: 0px;
  border: none;
  float: left;
  cursor: pointer;
  line-height: 0px;
}

.default-search div.searchbox button.search-magnifier { background: url("../images/search_magnifier_icon.png") 0 0 no-repeat; }

/*
 * legacy Joomla styling only for third party components
 */

.contentheading,
.componentheading {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
  line-height: 100%;
  font-weight: bold;
  color: #5D5D57;
  letter-spacing: 0px;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
}

/*
 * system CSS file: system.css
 */
 
/* OpenID icon style */
input.system-openid {
   background: url("../../../openid.net/login-bg.gif") no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/*
 * Joomla! system CSS file: general.css
 */
 
 /* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
  padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
  float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
  display: block;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 11px;
  color: #666;
  cursor: pointer;
}

.button2-left span,
.button2-right span {
  cursor: default;
  color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
  padding: 0 6px;
}

.page span {
  color: #000;
  font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
  text-decoration: none;
  color: #0B55C4;
}

.button2-left a,
.button2-left span {
  padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
  padding: 0 6px 0 24px;
}

.button2-left {
  background: url("../../system/images/j_button2_left.png") no-repeat;
  float: left;
  margin-left: 5px;
}

.button2-right {
  background: url("../../system/images/j_button2_right.png") 100% 0 no-repeat;
  float: left;
  margin-left: 5px;
}

.button2-left .image {
  background: url("../../system/images/j_button2_image.png") 100% 0 no-repeat;
}

.button2-left .readmore {
  background: url("../../system/images/j_button2_readmore.png") 100% 0 no-repeat;
}

.button2-left .pagebreak {
  background: url("../../system/images/j_button2_pagebreak.png") 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
  float: left;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 200px;
}

div.tooltip h4 {
  padding: 0;
  margin: 0;
  font-size: 95%;
  font-weight: bold;
  margin-top: -15px;
  padding-top: 15px;
  padding-bottom: 5px;
  background: url("../../system/images/selector-arrow.png") no-repeat;
}

div.tooltip p {
  font-size: 90%;
  margin: 0;
}

/* Caption fixes */
.img_caption .left {
  float: left;
  margin-right: 1em;
}

.img_caption .right {
  float: right;
  margin-left: 1em;
}

.img_caption .left p {
  clear: left;
  text-align: center;
}

.img_caption .right p {
  clear: right;
  text-align: center;
}

/* Calendar */
a img.calendar {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  background: url("../../system/images/calendar.png") no-repeat;
  cursor: pointer;
  vertical-align: middle;
}

/* extensions.css */

#left #form-login fieldset { margin: 0px; border: none; }
#left #form-login fieldset p { margin: 0px 0px 10px 0px; }

/*
 * YOOsearch
 */

#page div.default div.yoo-search { height: 20px; }

#page div.default div.yoo-search div.searchbox {
  border-top: 1px solid #CACAC3;
  border-bottom: 1px solid #ffffff;
  background: #DBDBD2;
}
#page div.default div.yoo-search div.searchbox:hover  { background: #E1E1D9; }

#page div.default div.yoo-search div.searchbox input { 
  color: #797971;
  height: 18px;
  padding: 0px 0px 0px 0px;
}
#page div.default div.yoo-search div.searchbox input:hover { color: #5C5C56; }

#page div.default div.yoo-search div.searchbox button.search-magnifier { background: url("../images/yoosearch/magnifier_icon.png") 0 0 no-repeat; }
#page div.default div.yoo-search div.searchbox button.search-close { background: url("../images/yoosearch/close_icon.png") 0 0 no-repeat; }
#page div.default div.yoo-search div.searchbox button.search-loader { background: url("../images/yoosearch/loader_icon.gif") 0 0 no-repeat; }

#page div.yoo-search div.resultbox {
  position: absolute;
  right: 0px;
  top: 25px;
  z-index: 20;
}

#page div.default div.yoo-search div.resultbox-bg {
  border-left: 1px solid #C9C8C1;
  border-right: 1px solid #C9C8C1;
  background: #F5F4EB;
}

#page div.default div.yoo-search div.resultbox-bl { background: #CDCCC3; border: 1px solid #C9C8C1; border-bottom: none; }
#page div.default div.yoo-search div.resultbox-br,
#page div.default div.yoo-search div.resultbox-b { background: none; }
#page div.default div.yoo-search span.search-more { background: url("../images/yoosearch/more_icon.png") 0 0 no-repeat; }
#page div.default div.yoo-search h3.search-header { background: #CDCCC3; }
#page div.default div.yoo-search .resultbox-bg a { background: #F5F4EB; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); }
#page div.default div.yoo-search .resultbox-bg a:hover { background: #E9E8DF; }

#page div.default div.yoo-search a.search-more {
  color: #5D5D57;
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

#page div.default div.yoo-search h3.search-header {
  height: 30px;
  color: #5D5D57;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

#page div.default div.yoo-search .resultbox-bg a:link,
#page div.default div.yoo-search .resultbox-bg a:visited,
#page div.default div.yoo-search .resultbox-bg a h3 { color: #797971; }
#page div.default div.yoo-search .resultbox-bg a:hover,
#page div.default div.yoo-search .resultbox-bg a:hover h3 { color: #6D6D67; }

/*
 * YOOtweet
 */

/* single */
#header div.single div.yoo-tweet {
  min-width: 200px;
  max-width: 400px;
}

#header div.single div.yoo-tweet p {
  margin-top: 0px;
  text-align: center;
}

/* list */
#page div.list div.yoo-tweet ul li {
  margin-bottom: 5px;
  padding: 9px 10px 9px 10px;
  border-top: 1px solid #DDDCD4;
  border-bottom: 1px solid #ffffff;
  background: #E9E8DF;
  color: #5D5D57;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
  font-size: 11px;
  line-height: 15px;
  overflow: hidden;
}

#page div.list div.yoo-tweet a.image { margin-right: 5px; }

#page div.list div.yoo-tweet p.text { margin: 0px; }

/*
 * YOOgallery
 */

#page div.default div.yoo-gallery div.thumbnail { padding: 3px; }

#page div.default div.yoo-gallery div.thumbnail-bg {
  padding: 0px;
  border: 1px solid #DDDCD4;
  background: none;
}

/*
 * YOOlogin
 */

 
/* quick */
#header span.quick span.yoo-login {}

#header span.quick span.yoo-login span.login { width: 231px; }

#header span.quick span.yoo-login span.login span.login-button-text,
#header span.quick span.yoo-login span.login span.login-button-icon { margin-right: 0px; }

#header span.quick span.yoo-login span.login span.lostpassword, 
#header span.quick span.yoo-login span.login span.lostusername,
#header span.quick span.yoo-login span.login span.registration { margin-top: 5px; }

#header span.quick span.yoo-login span.logout {
  margin-top: 10px;
  overflow: visible;
}

#header span.quick span.yoo-login span.logout span.logout-button-text,
#header span.quick span.yoo-login span.logout span.logout-button-icon { margin-right: 0px; }

/* nifty quick */  
#header span.niftyquick span.yoo-login {}

#header span.niftyquick span.yoo-login span.login {
  width: 268px;
  height: 50px;
}

#header span.niftyquick span.yoo-login span.login span.login-button { margin-right: 0px; }

#header span.niftyquick span.yoo-login span.login span.lostpassword, 
#header span.niftyquick span.yoo-login span.login span.lostusername,
#header span.niftyquick span.yoo-login span.login span.registration { margin-top: 5px; }

#header span.niftyquick span.yoo-login span.logout {
  margin-top: 10px;
  overflow: visible;
}

#header span.niftyquick span.yoo-login span.logout span.logout-button { margin-right: 0px; }

 
#header span.niftyquick span.yoo-login span.login span.username input,
#header span.niftyquick span.yoo-login span.login span.password input {
  width: 95%;
  height: 12px;
  background: #ffffff;
  border: 1px solid #ffffff;
  overflow: hidden;
}
/* custom.css */

/*
 * This CSS file is for customization purpose only
 */ 

#logo a.logo-icon {
  display: block;
  width: 300px;
 height: 120px;
  background: url("../images/logo.png") 0 0 no-repeat;
}

pre { border-color: #CDCCC3; }

.newstitle { padding: 0; margin: 0 0 20px 0; }
.newstitle h2 { margin: 10px 0 0 0; font-size: 1.8em; text-transform:capitalize; padding-bottom: 8px; border-bottom: 1px dotted #a3a3a3; }
.postmetadata { padding: 0 0 0 2px; margin: 0; }

.sidetex { padding: 0 0 20px 0; }
.basetags { padding-top: 10px; text-align: left; border-top: 1px solid #a3a3a3; }

/*---Page Navigation---*/
.pagenavi { clear: both; text-align: center; padding: 5px 0; font-weight:bold; }
.pagenavi a { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.pagenavi a:hover { border-color: #000; }
.pagenavi span { color: 333333; text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.nav_ext { color: #96c; font-weight: normal; }

.maplist, .mapcat {margin:0; padding:0;}
.maplist ul, .mapcat ul {margin:0; padding:0; border-top: 1px solid #DDDDDD;}
.maplist ul li, .mapcat ul li {margin:0; padding:10px 0 10px 0; border-bottom:1px solid #DDDDDD; list-style-type:none;}
.mapnavi { clear: both; text-align: center; padding: 20px 0 5px 0; line-height:30px; }
.mapnavi a { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.mapnavi a:hover { border-color: #000; }
.mapnavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.mobnavi { width:0; height:0; overflow:hidden; display:none; }

.bannerheader { position: absolute; top: 50px; right: 13px; background:#BFBFBF; border: 3px solid #BFBFBF; }
.bannerbottom { margin-top: 20px; text-align: center; border: 1px solid #BFBFBF; }
.bannertop { margin-bottom: 20px; text-align: center; border: 1px solid #BFBFBF; }

.related a, .related a:visited { margin:10px 5px 15px 0; padding: 0px; width:130px; overflow: hidden; }
.related img { padding: 0px; width:130px; border:1px solid #939393; }