/**
 * @package    Joomla Bamboo Zen Grid Framework
 * @Type        Core CSS
 * @version    v22
 * @author    Joomlabamboo http://www.joomlabamboo.com
 * @copyright   Copyright (C) 2007 - 2010 Joomla Bamboo
 * @license    http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
 
/* Rules for Media queries. If you want to create your own media query file just create a file called mediaqueroes.css in your css file.
-----------------------------------------------------------------------------*/


  /* Tablet Portrait size to standard 960 (devices and browsers) */
@media screen and (max-width: 1024px) {
        .fullwrap {background:url(../images/bg-mobile-header.png) no-repeat!important;}
  .container{width: 100% !important}
  .mbWrap img {margin-right: 20px !important;height: auto !important;}
        #nav.centered{ background: none repeat scroll 0 0 #3376BA !important;

  width: 100%;
  background: none;
        position: relative;
  height: 40px;
  padding-top: 7px;
}
        #nav.centered li {
color: #fff000;
font-family: Arial;
    border-right: 1px solid #fff !important;
    
    display: block;
    padding: 0 5px;
    
}
#nav.centered li a {
float: left;
color: #FFF;


}
#nav ul li a:hover, #nav ul li.active a:hover {color: #F93E35}
#nav a.sf-with-ul:hover, .moduletable-superfish a.sf-with-ul:hover {color:#F93E35 !important;}
#nav li.sfHover{background: none;}
        #navwrapper {background: none;}
        #menuwrap {background: none;}
        #nav ul li, .moduletable-superfish ul li {background: none; color: #fff000;}
        #midCol {padding: 20px; border: 2px solid #ddd; background: white; width:auto;}
  #footerLeft {width:70%!important;}
  #footerRight {float: left!important;}

}

@media only screen and (max-width: 981px) {
#mobilemenu select.inputbox {width: 250px !important}
}

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers)
@media only screen and (min-width: 480px) and (max-width: 800px) {  
span.createDate,span.k2Author,.k2Category {
margin-right: 8px;
}
.fullwrap {background:url(../images/bg-mobile-header.png) no-repeat!important;}

#menuwrap li {background: none; }
  .dcb .moduletable-inner2  {padding-bottom:15px;}
  .dcb .moduletable-inner1 {margin-top:15px;}
  #belowmain .combprint {height:auto!important;}
  #footerLeft {width:70%!important;}
  #footerRight {float: left!important;}
        #top4 {padding: 0;font-size: 90%;margin-top: 60px;}
} */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)*/
@media only screen and (max-width: 770px) {
  .fullwrap {background:url(../images/bg-mobile-header.png) no-repeat!important;}
  #navwrap .row .inner {margin:0;}
  #belowmain .combprint {height:auto!important;}
  #footerRight {padding-top:0!important;}
  td.zdate {width:30%;}
  .dcb .moduletable-inner2  {padding-bottom:15px;}
  .dcb .moduletable-inner1 {margin-top:15px;}
  .fullwrap {background:url(../images/bg-mobile-header.png) no-repeat!important;}
  .moduletable-superfish {display: none;}
  #nav .search input{width:100%;margin:auto;position: relative;left:10px;}
        #top4 {padding: 0;font-size: 90%;margin-top: 60px;}
        #nav ul li a:hover, #nav ul li.active a:hover {color: #3376ba}
#nav a.sf-with-ul:hover, .moduletable-superfish a.sf-with-ul:hover {color:#3376ba!important;}
#nav li.sfHover{background: none;}
        #navwrapper {background: none;}
        #menuwrap {background: none;}
        #nav ul li, .moduletable-superfish ul li {background: none; color: #fff000;}
}

/*


@media only screen and (min-width: 480px) and (max-width: 980px) {


  #mainwrap .row, #abovemain {background: none;}
  body {font-size:90%!important;}
  #belowmain {background: none;}
  #belowmain {background: none;}
    #belowmain1 .combprint{background:url(../images/bg-pillar-blue-m.png) repeat-x;}
    #belowmain2 .combprint{background:url(../images/bg-pillar-yellow-m.png) repeat-x;}
    #belowmain3 .combprint{background:url(../images/bg-pillar-red-m.png) repeat-x;}
  #abovemain .grid_3,
  #abovemain .grid_4,
  #belowmain .grid_3,
  #belowmain .grid_4 {
    width: 100%;
  }  
  
  


  #zenpanel {width: 90% !important;}
  
}
*/

/* Fix for tabs dropping onto two lines on small screens */
@media only screen and (min-width: 480px) and (max-width: 768px) {
    ul.jbtabs li a,ul.jbtabs li.active a {padding: 12px 20px;font-size: 0.9em;line-height: 1.9em;}
      #bannerwrap .container {
padding-bottom: 0;
}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 981px) {
    /* .moduletable-slide { padding-left: 5% } */
         #mobilemenu {text-align: center;}
  .grid_one,
  .grid_two,
  .grid_three,
  .grid_four,
  .grid_five,
  .grid_six,
  .grid_seven,
  .grid_eight,
  .grid_nine,
  .grid_ten,
  .grid_eleven,
  .grid_twelve,
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4 
  {width: 100%;margin-bottom: 30px;}   
  
  #mobilemenu {display: block;padding: 3px 8px 0px 9px;}
  #mobilemenu select.inputbox {width: 100px !important}
  #menuwrap {display: none;}

  .moduletable.mobilehide{display: none;}
  .onecols_pull,
  .twocols_pull,
  .threecols_pull,
  .fourcols_pull,
  .fivecols_pull,
  .sixcols_pull,
  .sevencols_pull,
  .eightcols_pull,
  .ninecols_pull,
  .tencols_pull,
  .elevencols_pull,
  .twelvecols_pull,
  .onecols_push,
  .twocols_push,
  .threecols_push,
  .fourcols_push,
  .fivecols_push,
  .sixcols_push,
  .sevencols_push,
  .eightcols_push,
  .ninecols_push,
  .tencols_push,
  .elevencols_push,
  .twelvecols_push
  {left: 0;}
  
  .mbWrap{width: 47% !important;}

.mbColImage {
float: left;margin-right: 20px;
}


.mbWrap.last {
float: left;
}
  
  .container{width: 98%  !important}  
  #tabwrap .container {
padding: 0;
}
  #nav ul li a {padding-left: 0;padding-right: 0;}
  ul.jbtabs {border: 0;height: auto;}
  ul.jbtabs li {float: none;list-style-type: none;margin: 0;}
  ul.jbtabs li a {color: #999;padding: 12px 0px;border: 0;border-bottom: 1px solid #ddd;padding: 4px;display: block;}
  ul.jbtabs li a:hover {border-bottom: 1px solid #ddd;border-width: 0 0 1px 0;}
  ul.jbtabs li.active a {border-width: 0 0 1px 0;background: #eee;margin: 0;border-bottom: 1px solid #ddd;padding: 4px 0}
  #zenpanel {width: 90% !important;height: auto !important;}
  a#zenpanelopen {margin-top: -10px;margin-right: -5px;padding-top: 12px;}
  
  #bannerwrap .container {padding: 0;}
  #nav {margin-bottom: 0;}
  .jb_left45,.jb_right45 {
width: 100% !important;margin: 0 !important;border: 0 !important;padding: 0 !important;
}
}

@media only screen and (max-width: 321px) {
.sidebar { padding-left: 5%; } 
}

@media only screen and (max-width: 361px) {
.sidebar { /*padding-left: 15%;*/ } 
}

@media only screen and (min-width: 700px) and (max-width: 769px) {
.sidebar { padding-left: 23%; } 
}

@media only screen and (min-width: 798px) and (max-width: 802px) {
.sidebar { padding-left: 24%; } 
}
select{

width:100% !important;
height:36px !important;
text-align:center;
padding:8px;
}