/**
 * @package Joomla
 * @subpackage mx_joofree11 Theme
 */ 

/*  General style */
body        {color:#808080;
          background-color:#ededed;
          font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}

/*headings*/
h1,h2,h3,h4,h5,h6  {color:#1a1a1a; font-weight:300;}
h1{font-size:30px}
h2{font-size:27px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}
/*links*/
a          {color:#ffffff;
          text-decoration:none;}
a:hover,
a:active,
a:focus        {color:#666666;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}
/*modules*/
.white {
  color: #333;
  background-color: #fff;
  margin: 0 auto 10px auto;
  border: 1px solid #f1f1f1;
  padding: 5px;
}
.white:hover {
  color: #333;
  background-color: #f9f9f9;
}
.grey {
  color: #333;
  background-color: #f5f5f5;
  margin: 0 auto 5px auto;
  padding: 5px;
  border: 1px solid #f1f1f1;
}
.grey:hover {
  color: #333;
  background-color: #ddd;
}
.red {
  color: #ffffff;
  margin: 0 auto 10px auto;
  background-color: #cc3333;
  padding: 5px;
  border: 1px solid #fafafa;
}
.blue {
  color: #f1f1f1;
  margin: 0 auto 10px auto;
  background-color: #6699cc;
  padding: 5px;
  border: 1px solid #fafafa;
}
.green {
  color: #f1f1f1;
  margin: 0 auto 10px auto;
  background-color: #99cc33;
  padding: 5px;
  border: 1px solid #fafafa;
}
.orange {
  color: #f1f1f1;
  margin: 0 auto 10px auto;
  background-color: #fc8817;
  padding: 5px;
  border: 1px solid #fafafa;
}

.white h3, .grey h3
{
margin: -5px 0px 3px 0px;  font-size: 1.5em; padding: 0px 8px; line-height:34px; 
}

.dark h3, .dark h3, .red h3, .blue h3, .green h3, .orange h3{ color: #f1f1f1; margin: -5px 0px 3px 0px;  font-size: 1.5em; line-height:34px; padding: 4px; border-bottom: 1px #999 solid ;

}

.dark {
  background-color: #444;
  margin: 0 auto 10px auto;
  color: #ddd;
  padding: 5px;
}
.dark ul, .mcolor ul, .white ul {
  padding-left: 10px;
}

.dark a, .colors a { color: #ddd; text-decoration: underline;}

/*lists*/
li {list-style:none;}

span.latestItemImage img       {max-width:100%!important;}

/*  Grid */
.block        {padding:0 10px 0px 10px;}


/*joomla columns*/
.cols-2 .item,
.cols-3 .item,
.cols-4 .item    {float:left;
          margin:0 2%;}


.cols-2 .item    {width:48.0%;}
.cols-3 .item    {width:30.2%;}
.cols-4 .item    {width:21.5%;}


.column-1      {margin-left:0!important;}

.cols-2 .column-2,
.cols-3 .column-3,
.cols-4 .column-4  {margin-right:0!important;}


/*  Joomla meus */
/*default menu*/
.joomla-nav    {margin:0;}
.joomla-nav li  {list-style:none;
        margin:0;}



/*menu1 style*/
.menu1 li    {margin-bottom:10px;}
.menu1 li a    {display:block;
        padding:4px 15px;
        background:#f5f5f5;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        color:#808080;
        text-decoration:none;}

.menu1 li a:hover,
.menu1 li a:active,
.menu1 li a:focus,
.menu1 li a.active  {
          color:#fff;
          text-decoration:none;}

/*  Joomla elements */
.cat-children    {margin-bottom:20px;}

/*messages*/
.tip-wrap    {background:#fff;
        padding:10px;
        border:solid 1px #ddd;}

/*article archives*/
.filter-search  select    {margin-right:10px;}

/*  Forms */
.inputbox,
input,
textarea    {border:0;
        background:url(../images/input-bg.png);
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        padding:7px;
        color:#808080;}

/*forms buttons*/
.button,
.btn,
button        {font-size:90%!important;
          text-transform:uppercase;
          padding:2px 10px;
          background-image:url(../images/button-bg.png);
          background-repeat:repeat-x;
          background-position:left bottom;
          background-color:#555;
          color:#fff;
          text-decoration:none;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;
          border-radius:3px;
          cursor:pointer;
          border:0;}


.button:hover,
.btn:hover,
button:hover    {color:#fff;
          text-decoration:none;
          background-position:left top;}

/*contact form*/
#contact-form legend        {font-size:92%;
                  font-style:italic;
                  color:#999;}
#contact-form input          {width:300px;
                  max-width:90%;
                  margin-bottom:15px;}

#contact-form .control-label    {padding-bottom:5px;}



#contact-form textarea        {width:450px;
                  max-width:90%;
                  margin-bottom:15px;}
          
#contact-form .email-copy input    {width:20px;}
/*  Page layout */
.container       {background:#;}

/*separator*/
.separator       {visibility:visible;
          height:3px;
          width:auto;
          margin:0 21px;
          background:none;}


/*slider container*/
#slider .container        {}

/*feature section*/
#feature .container       {padding-top:20px;}

/*before content section*/
#top .container     {padding-top:20px;}

/*content section*/
#content .container       {padding-top:0px;}

/*after content section*/
#info .container .separator  {background:url(../images/line.png) repeat-x;
                    margin-bottom:20px;} 

/*bottom section*/
#bottom  .container        {background:#f5f5f5;
                border-top:solid 1px #ddd;
                border-bottom:solid 1px #ddd;
                padding-top:20px;}


/*page bottom container section*/
#page-container-bottom      {padding-bottom:none;}


/*category list section*/
.category-list      {margin-bottom:20px;}


/*module bottom margins in sidebars*/
.left .module-container,
.right .module-container  {margin-bottom:20px;}        
          

/*  Header */
#header              {background: #;
                padding:0px 0;}

/*logo*/
.logo        {float:left;
          margin-left:1%;
          padding-left:10px;}


#logo-image      {margin:0;}
#logo-image a    {display:block;
          text-indent:-999px;
          overflow:hidden;}

/*header content*/
.header-content          {float:right;
                margin-right:1%;}


.search-form      {text-align:right; width: 200px; float: right;}
/*  Navigation */
/*navigation container*/
#navigation          {display:block;
              font-size: 16px;
              float:right;
              background: #f1f1f1; 
              padding:0px 10px ;}


/*fixed navigation when site is scroll*/
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}


#navigation  ul      {margin:0;}  

/*hide select menu*/
.select-menu       {display:none;}

/* left offset of submenus need to match (see below) */
#navigation .sf-menu ul             {width:160px!important;}



/* match ul width */ 
#navigation ul.sf-menu li li.sfHover ul     {left:169px!important;} 



/* match top ul list item height */
#navigation .sf-menu > li:hover > ul,
#navigation .sf-menu > li.sfHover > ul       {top:35px!important;} 
          

#navigation ul.main-nav              {margin:0;}


/*root menu items*/
#navigation .sf-menu li             {background:0;
                        margin:0 1px 0 0;}
#navigation .sf-menu a              {border:0;
                        padding:10px 15px;                        
                        color:#7f7f7f;}

/*active root menu items*/
#navigation .sf-menu li:hover, 
#navigation .sf-menu li.sfHover,
#navigation .sf-menu li.sfHover a,
#navigation .sf-menu li#current a,
#navigation .sf-menu a:focus, 
#navigation .sf-menu a:hover, 
#navigation .sf-menu a:active,
#navigation .sf-menu li.selected a      {
                      color:#fff;
                      -moz-border-radius:3px;
                      -webkit-border-radius:3px;
                      border-radius:3px;}


/*padding right fore parent menu item*/  
#navigation .sf-menu a.sf-with-ul      {} 




/*dropdown menu items*/  
#navigation .sf-menu li li          {background:0;}

#navigation .sf-menu li li a        {font-weight:normal; 
                      color:#fff;
                      font-size:12px;
                      text-shadow: none;
                      padding:10px 15px;
                      border-bottom:0;
                      border-left:0;}  
                                                              

/*dropdown hover and active menu items*/                  
#navigation .sf-menu li li:hover, 
#navigation .sf-menu li li.sfHover,
#navigation .sf-menu li li#current a,
#navigation .sf-menu li li a:focus, 
#navigation .sf-menu li li a:hover, 
#navigation .sf-menu li li a:active       {background:0;}


              
/*style for ul dropdown container*/
#navigation .sf-menu li ul          {border:0;
                      -moz-border-radius:3px;
                      -webkit-border-radius:3px;
                      border-radius:3px;
                      margin-top:-3px;}
                      
#navigation .sf-menu li ul ul         {margin-top:0;}

/*  Footer */
/*footer section*/
#footer              {font-size:92%; background: url('/buff/images/footer_bg.png') repeat scroll 0% 0% transparent;
height: 105px;}
#footer .separator        {background-position:left -1px;
                margin-bottom:25px;}
#footer .block          {padding-bottom:25px;}

/*footer menu*/
.footer-menu    {margin:0;}
.footer-menu li    {display:inline;
          list-style:none;
          margin:0 10px 0 0;
          background:url(../images/footer-menu-bg.png) no-repeat right center;
          padding-right:15px;}

.footer-menu li:last-child  {margin-right:0;
              padding-right:0;
              background:0;}

.footer-menu li  a      {text-transform:uppercase;
              font-size:92%;}




/*  Articles */
/*article layout*/
.article-bg          {margin-bottom:20px;}




/*article info*/
.article-info        {font-size:92%;
              font-style:italic;
              color:#999;
              margin-bottom:15px;
              padding:5px 0;}
              
.article-info ul       {margin:0;}
.article-info ul li      {list-style:none;float:left;margin:0 15px 0 0;padding:0 0 0 18px;}


.article-info ul li.category-name  {background:url(../images/icons/16x16/folder_2.png) no-repeat left center;}
.article-info ul li.create,
.article-info ul li.modified,
.article-info ul li.published    {background:url(../images/icons/16x16/calendar_2.png) no-repeat left center;}
.article-info ul li.createdby    {background:url(../images/icons/16x16/user_2.png) no-repeat left center;}
.article-info ul li.hits      {background:url(../images/icons/16x16/graph.png) no-repeat left center;}

/*print and email icons*/
.article-info ul li.print-icon,
.article-info ul li.email-icon    {display:block;
                  float:right;
                  margin:0;
                  padding:0;}

.article-info ul li.print-icon a,
.article-info ul li.email-icon a  {display:block;
                  width:18px;
                  height:18px;
                  margin-left: 8px;
                  text-indent:-999px;
                  overflow:hidden;}

.article-info ul li.email-icon a  {background:url(../images/system/emailButton.png) no-repeat center center;}
.article-info ul li.print-icon a  {background:url(../images/system/printButton.png) no-repeat center center;}




/*  Modules */
/*module1 style*/
.module1     {background:#f5f5f5;
        border:solid 1px #ddd;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        padding:20px;}

/*center style*/
.text-center  {text-align:center;}




/*latest news module*/
.latestnews          {margin:0;}
.latestnews li        {list-style:none;
              margin:0 0 10px 0;
              padding:0 0 10px 0;
              display:block;
              border-bottom:solid 1px #ddd;}

.latestnews li a      {background:url(../images/readmore-arrow.png) no-repeat right 4px;
              padding:0 14px 0 0;}  

/*breadcrumb module*/
.breadcrumbs        {font-size:92%;
              padding-top:11px;}
.breadcrumbs ul        {margin:0;
              text-align:right;}
.breadcrumbs ul  li      {display:inline;
              margin:0;}
.breadcrumbs li.pathway    {background:url(../images/breadcrumb.png) no-repeat right center;
              margin:0 7px 0 0;
              padding:0 16px 0 0;}



/*search module*/
#mod-search-searchword    {margin-top:5px;
              width:80%;
              background: #f1f1f1;
              padding-left:20px;
              font-size:92%;}

/*  Pagination */

.readmore      {background-color:#fafafa; padding: 5px 15px; }

ul.pagenav         {margin-bottom:0;}
.pagination,
.k2Pagination       {float:left;
            width:100%;
            padding:0!important;
            margin:0 0 45px 0!important;}
.pagination ul,
.k2Pagination ul     {padding:0!important;
            margin:0!important;}

.pagination ul li,
.k2Pagination ul li   {float:left;
            margin:0 10px 0 0!important;
            border:0!important;
            padding:0!important;
            list-style:none;}

.pagination ul li.pagination-start span.pagenav,
.pagination ul li.pagination-prev span.pagenav,
.pagination ul li.pagination-next span.pagenav,
.pagination ul li.pagination-end span.pagenav,
.pagination ul li span.pagenav,
.pagination ul li a.pagenav,
.k2Pagination ul li.pagination-start span.pagenav,
.k2Pagination ul li.pagination-prev span.pagenav,
.k2Pagination ul li.pagination-next span.pagenav,
.k2Pagination ul li.pagination-end span.pagenav,
.k2Pagination ul li span.pagenav,
.k2Pagination ul li a.pagenav,
.k2Pagination ul li                 {display:block;
                          padding:0;
                          margin:0;
                          line-height:25px;
                          height:25px;
                          width:29px;
                          font-size:100%;}

.pagination ul li span.pagenav,
.k2Pagination ul li span.pagenav           {text-align:center;
                          -moz-border-radius:3px;
                          -webkit-border-radius:3px;
                          border-radius:3px;
                          font-weight:normal;}

.pagination ul li a.pagenav,
.k2Pagination ul li a.pagenav           {border:solid 1px #ddd;
                        text-align:center;
                        -moz-border-radius:3px;
                        -webkit-border-radius:3px;
                        border-radius:3px;
                        background:#fff;}
                        
.pagination ul li a.pagenav:hover,
.pagination ul li a.pagenav:active,
.pagination ul li a.pagenav:focus,
.k2Pagination ul li a.pagenav:hover,
.k2Pagination ul li a.pagenav:active,
.k2Pagination ul li a.pagenav:focus       {background-position: left center;}

.pagination ul li.pagination-start span.pagenav,
.pagination ul li.pagination-prev span.pagenav,
.pagination ul li.pagination-next span.pagenav,
.pagination ul li.pagination-end span.pagenav,
.k2Pagination ul li.pagination-start span.pagenav,
.k2Pagination ul li.pagination-prev span.pagenav,
.k2Pagination ul li.pagination-next span.pagenav,
.k2Pagination ul li.pagination-end span.pagenav,
.pagination ul li.pagination-start a.pagenav,
.pagination ul li.pagination-prev a.pagenav,
.pagination ul li.pagination-next a.pagenav,
.pagination ul li.pagination-end a.pagenav,
.k2Pagination ul li.pagination-start a.pagenav,
.k2Pagination ul li.pagination-prev a.pagenav,
.k2Pagination ul li.pagination-next a.pagenav,
.k2Pagination ul li.pagination-end a.pagenav         {border:0!important;
                              background:0!important;}

.pagination ul li.pagination-start span.pagenav,
.pagination ul li.pagination-prev span.pagenav,
.pagination ul li.pagination-next span.pagenav,
.pagination ul li.pagination-end span.pagenav,
.k2Pagination ul li.pagination-start span.pagenav,
.k2Pagination ul li.pagination-prev span.pagenav,
.k2Pagination ul li.pagination-next span.pagenav,
.k2Pagination ul li.pagination-end span.pagenav       {font-weight:normal;}


ul.pagenav li.pagenav-next,
ul.pagenav li.pagenav-prev           {margin-bottom:15px;}
.results,
.pagination-results              {line-height:25px;
                      text-align:right;
                      margin:0;}
                      
/**article navigation*/
ul.pagenav                  {text-align:right;
                      margin-bottom:20px;}
ul.pagenav li                {display:inline;
                      margin:0 0 0 10px;}