/* @override http://localhost:8888/qs/25/Ascent/templates/jbascent/css/theme.css */



/*------------------------------------------------------------------

Template:  JB Ascent

Version:  Joomla 1.5 / Joomla 2.5

Zen Grid:   v2.0

Copyright:  Joomlabamboo

Created:  October 2012

---------------------------------------------------*/



/* Body and Outer Wrapper

-----------------------------------------------------------------------------*/



body

{  color: #333 }



/* Elements that receive the border style */



#fancybox-content div

{  width: 100% !important;

  max-width: 100% !important;

}



#breadcrumb,

#jbSplitMenuLeft,

#jbSplitMenuRight,

#mainContent,

.moduletable-border,

.moduletable.border,

.moduletable.inset .jbmoduleBody,

.moduletable-panelmenu ul,

#navwrap .row

{  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box;

  padding: 0;

  width: 100%;

}



#leftshadow

{  background: url(../images/sideshadow.png) no-repeat -505px 0;

  margin-left: -40px;

  padding-left: 40px;

  padding-right: 40px;

}



#leftshadow.long

{  background-position: 0 0 }



#rightshadow.long

{  background: url(../images/siderightshadow.png) no-repeat right 0 }



#rightshadow

{  background: url(../images/shortrightshadow.png) no-repeat right 0;

  width: 100%;

  margin-right: -40px;

  padding-right: 80px;

}



#gradient

{  float: left;

  width: 100%;

}



.row

{  width: 92% }



/* Top Row - For top1 to top4 positions

-----------------------------------------------------------------------------*/



#topwrap h3

{  color: #333 !important }



#topwrap .row

{  padding-top: 8px;

  margin-bottom: 0;

  position: relative;

  z-index: 10;

  width: 100%;

  font-size: 95%;

}



#top4 ul

{  float: right }



#topwrap ul

{  margin: 0 }



#topwrap ul li

{  list-style-type: none }



#topwrap .moduletable

{  margin-bottom: 24px !important }



/* Header and Logo Row - For when logo is in the header row and for header1 to header4 positions

-----------------------------------------------------------------------------*/



#headerwrap .container

{  position: relative }



#headerwrap  .row

{  padding: 0 }



#headerwrap

{  color: #f9f9f9 }



#headerwrap .moduletable

{  padding: 20px }



#headerwrap .moduletable,

#headerwrap .moduletable p

{  margin: 0 }



#headerwrap h2

{  margin: 0 }



/* Logo Div and Tagline

-----------------------------------------------------------------------------*/



#logowrap .container

{  padding: 0;

  position: relative;

}



#logo

{  background: url(../images/logoShadow.png) no-repeat right top !important;

  padding: 10px 0 30px;

}



/* Reset on Logo class */



#logo h1,

#logo h2,

#logo h3,

#logo h4,

#logo h5,

#logo h6,

#logo img,

#logo a

{  margin: 0;

  border: 0;

}



/* Tagline Class */



#tagline

{  font-style: italic;

  color: #999;

  position: relative;

}



#tagline span

{  display: block }



/* Nav row - for the menu position. See below for superfish styling

-----------------------------------------------------------------------------*/



#navwrap

{  float: left;

  width: 100%;

  margin-bottom: 0;

  padding-bottom: 0 !important;

}



#navwrapper

{  float: left;

  width: 100%;

}



#navwrap .row

{  float: left;

  width: 100%;

  padding: 0;

  margin: 0 !important;

}



#navwrap #logo

{  padding-left: 4%;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box;

}



/* Sticky Nav Style */



#navwrap.sticky

{  border-bottom: 1px solid #333;

  padding: 0px 0 15px;

  margin-top: 0px;

  z-index: 11;

  left: 0;

}



#navwrap .row

{  overflow: visible;

  margin-bottom: 30px;

}



#navwrap .container

{  padding: 0px 0 }



#nav.right

{  float: right;

  margin: 0;

}



#nav ul

{  margin-top: -25px !important }



#nav.left #menuwrap

{  margin-top: -30px }



#nav ul ul

{  margin-top: 38px !important;

  margin-left: -12px !important;

}



/* Fix for top menu in ie7 */



.ie7 #nav ul

{  margin-top: 30px;

  margin-bottom: 0;

}



.ie7 #navwrap .row

{  margin-bottom: 0 }



#nav ul li

{  line-height: 5em;

  background: url(../images/sprite.png) no-repeat right -152px;

}



.ie8 #nav li li

{  text-indent: 10px }



/* Top level menu items */



#nav ul li a,

#nav ul li span.mainlevel span,

#nav ul li span.separator

{  padding: 0 30px !important;

  margin-right: 0px;

  font-size: 1.2em;

}



#nav ul.menu > li a,

#nav ul.menu > li span.separator,

#nav ul.menu > li span.mainlevel span

{  border-bottom: 3px solid #171717 }



#nav ul li:last-child

{  background: none }



#nav ul li:last-child a

{  margin: 0 }



/* Adjustment on top level separator */



#nav ul li.active span.separator,

#nav ul li.active span.mainlevel span

{  padding-right: 30px !important;

  padding-left: 30px !important;

}



/* Makes sub level items smaller */



#nav ul li li a,

#nav ul li li span.separator,

#nav ul li li span.mainlevel span

{  font-size: 0.9em;

  padding: 0 !important;

}



/* Sub level dropdown ul */



#nav ul ul,

.moduletable-superfish ul li:hover ul

{  left: 12px;

  top: 26px;

}



/* Styling on sub level menu items */



#nav ul li li

{  border-bottom: 1px dotted #222;

  padding: 12px 0 8px 0;

  line-height: 1.4em;

  background: none;

}



#nav ul.menu > li li a,

#nav ul.menu > li li span.separator,

#nav ul.menu > li li span.mainlevel span

{  border-bottom: none }



/* Styling on subline menus */



#nav ul li.twoline

{  margin-top: 0px }



#nav ul li.twoline span

{  margin-top: -5px }



#nav ul li em

{  padding-bottom: 11px }



#nav ul li em

{  font-size: 70%;

  line-height: 1;

  margin-top: -20px;

  display: block;

}



#nav li li em

{  margin-top: 0;

  padding-bottom: 0;

}



/* Banner Row - For the banner position

-----------------------------------------------------------------------------*/



#bannerwrap .row

{  padding: 0;

  width: 100%;

  margin: 0;

}



#bannerwrap .container

{  padding: 0 }



#banner .moduletable

{  margin: 0;

  background: #fff;

  color: #333;

}



#banner .moduletable h3

{  color: #333 }



#banner .slide-controller

{  position: absolute;

  z-index: 10;

  bottom: -4%;

  left: 20px;

  height: 75px;

}



#banner .slide-controller img

{  border: 1px solid #eee }



#banner ul.flex-direction-nav

{  width: 100px;

  margin-left: 2%;

}



#banner .flexslider .flex-pauseplay span.pause,

#banner ul.flex-direction-nav li a,

#banner .flex-pauseplay span.play

{  text-shadow: none;

  border: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  background: #222525;

  border-radius: 0;

  font-size: 80%;

  height: 30px;

  width: 34px;

}



#banner .flex-direction-nav li a span

{  background: url(../images/sprite.png) no-repeat 5px -786px;

  height: 30px;

  width: 32px;

}



#banner .flex-direction-nav li a.prev span

{  background: url(../images/sprite.png) no-repeat 8px -815px;

  height: 30px;

  width: 32px;

}



#banner ul.slidenav

{  margin-top: 50px;

  position: absolute;

}



#banner .zenmore a

{  margin: 0 !important }



#banner p

{  margin: 0 }



/* Tabbed Module - Bottom1 to bottom4 modules

-----------------------------------------------------------------------------*/



ul.jbtabs

{  margin: 0 0 30px;

  background-color: transparent !important;

}



ul.jbtabs li

{  display: block;

  background: none;

  padding: 10px;

}



ul.jbtabs li.active,

ul.jbtabs li:hover,

ul.jbtabs li.active:hover

{  padding: 9px  !important }



/* Main Content

-----------------------------------------------------------------------------*/



#mainContent

{  margin-bottom: 50px }



#mainContent.one

{  padding: 10px 0;

  width: 100%;

}



#mainwrap .container

{  padding: 0;

  float: left;

  width: 100%;

}



#mainwrap .row

{  overflow: visible;

  nowhitespace: afterproperty;

  float: left;

  width: 100%;

  background: #fafafa;

  -webkit-box-sizing: border-box;

 /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box;

  padding: 0px 2%;

  margin-top: -15px;

}



#midCol.twoR

{  margin-right: 0;

  margin-left: 2%;

}



#midCol.one

{  margin: 0 }



/* Common to left, right and center columns

-----------------------------------------------------------------------------*/



/* Split Menu */



#jbSplitMenuLeft,

#jbSplitMenuRight

{  padding: 10px }



.sidebar

{  padding-left: 10% }



/* Lists in left, center, right and split menu positions */



.sidebar ul li

{  border-bottom: 1px solid #e8e8e8;

  border-top: 1px solid #fff;

 : ;

  padding: 15px 0;

}



.sidebar ul li li

{  text-indent: 25px }



.sidebar ul li li li

{  text-indent: 40px }



.sidebar ul li:last-child,

.sidebar ul li li:last-child

{  margin: 0 }



#left,

.threeLC #center

{  background-position: right top;

  padding-left: 0;

}



#left

{  padding-right: 12% }



#rightCol

{  margin-top: -120px;

  background: url(../images/vertDivider.png) no-repeat 45px top;

  position: relative;

  z-index: 1;

}



#rightCol.nobanner

{  margin-top: -15px }



#rightCol.nobanner #right

{  padding-top: 35px }



#right

{  background: url(../images/rightshadow.png) no-repeat left top;

  padding-left: 80px;

  position: relative;

  padding-top: 120px;

  padding-right: 10px;

}



#right .moduletable.highlight .moduleTitle

{  text-align: center }



#right .moduletable.highlight h3

{  padding: 10px;

  line-height: 3em;

}



#leftCol,

#center

{  background: url(../images/vertDivider.png) no-repeat right -110px;

  position: relative;

  z-index: 1;

  padding-top: 10px;

}



#leftCol.threeLR #left

{  background: none;

  padding-right: 0;

}



#leftCol.threeLR

{  background-position: right -200px }



#center

{  padding-right: 3%;

  background-position: right -200px !important;

}



#centerCol.fourLRC #center,

#centerCol.threeRC #center

{  padding-right: 0;

  background-position: left -200px !important;

  padding-left: 20%;

}



/* Breadcrumbs

-----------------------------------------------------------------------------*/



#breadcrumb

{  padding: 10px 0;

  margin: 0 0 30px 0;

  font-size: 85%;

}



#breadcrumb  span.showHere

{  font-style: italic;

  margin-right: 10px;

}



#breadcrumb .moduletable

{  margin-bottom: 0 }



/* Grids

-----------------------------------------------------------------------------*/



#grid1wrap,

#grid2wrap,

#grid3wrap,

#grid4wrap,

#grid5wrap,

#grid6wrap

{  clear: both }



/* Bottom row

-----------------------------------------------------------------------------*/



#bottomrow

{  clear: both }



#bottomrow .row

{  width: 100%;

  padding-top: 20px;

}



#bottomrow .container

{  padding: 0 }



#bottomrow .container

{  

}



/* Footer Row - Footer Position

-----------------------------------------------------------------------------*/



#footerwrap

{  padding-bottom: 80px }



#footerwrap .row

{  width: 100% }



#footer

{  padding-top: 20px }



#footerRight

{  float: right }



#footerLeft ul

{  margin: 0 }



#footerLeft ul li

{  list-style-type: none;

  float: left;

}



#footerLeft ul li a

{  margin-right: 20px }



/* Hidden Panel - Core often overriden in template overrides

-----------------------------------------------------------------------------*/



#zenpanel

{  z-index: 100;

  display: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  -moz-border-radius: 0;

  -khtml-border-radius: 0;

  -webkit-border-radius: 0;

  background: none;

  border: 0;

  color: #fff;

}



#zenoverlay

{  background: url(../images/overlay/blackOverlay.png) }



#zenpaneltrigger a

{  padding: 10px 20px 10px 15px;

  top: -1px;

  font-size: 90%;

  right: -20px;

  position: absolute;

  z-index: 11;

  color: #fff;

}



#zenpaneltrigger a span

{  background: url(../images/sprite.png) no-repeat left -937px;

  padding-left: 20px;

}



/* Places the close button off the screen so we dont need to override */



a#zenpanelclose.active

{  display: none }



/* Close button inside the popup */



a#zenpanelclose2

{  float: right;

  border-width: 0 0px 1px 1px;

  padding: 4px 8px;

  width: 20px;

  height: 20px;

}



a#zenpanelclose2 span

{  display: block;

  text-indent: -9999em;

}



/* Resets on login form in panel */



#zenpanel form.form-login p,

#zenpanel ul li

{  border-bottom: 1px solid #333;

  padding: 8px 0;

}



#zenpanel ul

{  margin: 0 }



#zenpanel ul li

{  list-style: none }



#zenpanel form.form-login input#mod_login_remember

{  width: auto }



#zenpanel form.form-login input.button

{  display: block;

  margin: 10px 0  20px;

}



/* Social Icons

-----------------------------------------------------------------------------*/



#socialicons

{  z-index: 100;

  position: relative;

}



#socialicons ul

{  margin: 0 }



#socialicons ul li

{  border: 0 !important }



#socialicons.zencenter ul li

{  margin: 0 4px }



#socialicons.zenleft ul li

{  margin: 0 8px 0 0 }



#socialicons.zenright ul li

{  margin: 0 0 0 8px }



/* Search

-----------------------------------------------------------------------------*/



.results p

{  font-style: italic }



ol.list,

.results ol

{  margin: 0 }



ol.list li,

.results ol li

{  list-style-position: inside }



.results ol li

{  padding: 0 0 20px;

  margin: 20px 0;

}



ol.list li:last-child,

.results ol li:last-child

{  background: none;

  padding: 0;

}



.results li p

{  font-size: 90% }



/* Typography

-----------------------------------------------------------------------------*/



a:hover

{  text-decoration: none }



/* Headings */



h1,

.componentheading

{  color: #333;

  font-size: 3em;

}



h2,

.contentheading,

h2 a

{  clear: both }



#midCol .contentheading

{  font-size: 3em }



#midCol .cols2 .contentheading,

#midCol .cols-2 .contentheading,

#midCol .cols3 .contentheading,

#midCol .cols-3 .contentheading,

#midCol .cols4 .contentheading,

#midCol .cols-4 .contentheading,

#midCol .cols5 .contentheading,

#midCol .cols-5 .contentheading

{  font-size:2em }



h3

{  font-size: 1.6em }



.moduletable h3

{  background: url(../images/divider.png) repeat-x left bottom;

  padding: 8px 0px 15px;

}



#zenpanel h3,

#topwrap h3,

#footer h3,

#bottomrow h3

{  border: 0;

  background: none;

  text-shadow: none;

}



#midCol h3 span

{  color: #333;

  font-size: 1.3em;

  line-height: 1.4em;

}



#midCol h3

{  padding: 0 0 15px }



#banner .zentitle h2

{  line-height: 2;

  margin: 0;

  font-size: 2.4em;

}



#banner .zentitle h2 a

{  font-size: 1em;

  line-height: 1.4;

}



#banner .zentext

{  font-size: 1.3em }



#midCol h3 span

{  margin-top: 10px;

  display: block;

  padding-top: 7px;

}



#tagline span

{  font-size: 1.2em }



img.border

{  margin-left: 4px }



blockquote

{  background: url(../images/dividersingle.png) !important;

  border-bottom: 1px solid #e1e1e1;

  padding: 0 !important;

  margin-top: 0;

}



blockquote p

{  background-image: none !important;

  background-repeat: no-repeat;

  background-position: 104% top;

  margin-bottom: 0;

  padding: 10px 4%;

}



.divider

{  padding: 0 !important }



/* Inputs Text area and read more

-----------------------------------------------------------------------------*/



input,

textarea

{  line-height: 2em;

  padding: 10px 8px;

}



input

{  margin-left: 2px;

  width: 95%;

}



textarea

{  border: 1px solid #ACACAC }



input.button,

a .readon,

a.jbReadon span,

button.validate,

button.button,

#login-form input.button

{  cursor: pointer;

  padding: 2px 10px 0px !important;

  margin-bottom: 20px;

}



.zentools .readon,

.zentools .zenmore a

{  margin-bottom: 0 }



a.jbReadon

{  border-radius: 0 !important;

  margin-bottom: 30px;

}



a.jbReadon span

{  display: block;

  height: 20px !important;

  margin-bottom: 0;line-height: 1.7;

  padding-left: 0 !important;

}



a.jbReadon span span {

display: inline;padding-left: 20px !important

}









button.validate

{  padding: 8px 20px !important;

  margin: 30px 0 10px;

}



a .readon,

a.jbReadon

{  float: right }



/* Contact Form */



input#contact_email_copy

{  width: auto }



/* Joomlabamboo Link

---------------------------------------------------*/



a.jblink

{  background: url(../images/sprite.png) no-repeat left -50px;

  height: 35px;

  width: 150px;

  float: left;

}



a.jblink span

{  display: block;

  text-indent: -9999em;

}



/* Back to Top

---------------------------------------------------*/



#toTop

{  border: none !important;

  background: url(../images/sprite.png) left 0 !important;

  width: 23px !important;

  height: 23px;

  right: 8px;

  text-indent: -9999em;

  bottom: 10px !important;

}



/* Panel Menu

-----------------------------------------------------------------------------*/



.moduletable-panelmenu

{  padding: 0 !important }



.zentools.accordion .zentitle.open,

h3.pane-toggler,

h3.pane-toggler-down,

h3.pane-toggler:hover

{  cursor: pointer;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box;

  background: transparent url(../images/sprite.png) no-repeat 0 4px;

  display: block;

  padding: 4px 0;

  text-indent: 4px;

}



.moduletable-panelmenu span

{  cursor: pointer }



.moduletable-panelmenu span span,

.moduletable-slide h3 span span

{  height: 20px;

  width: 26px;

  float: left;

  background: transparent url(../images/sprite.png) no-repeat 0 4px;

}



.moduletable-slide h3

{  cursor: pointer;

  text-indent: 10px;

  font-size: 140%;

  line-height: 1.4em;

  text-shadow: 1px 1px 1px #fff;

}



.moduletable-panelmenu span.separator

{  padding: 1px 10px 6px;

  line-height: 1.8;

}



.sidebar .moduletable-panelmenu li ul,

.sidebar .moduletable li ul,

.sidebar .moduletable-slide li ul

{  margin-top: 20px !important;

  background: #fefefe;

  padding: 10px !important;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box;

  border: 1px solid #dadada !important;

  border-radius: 3px;

}



.moduletable-panelmenu li ul li,

.moduletable-slide li ul li,

.moduletable li ul li,

.moduletable-panelmenu li ul li:last-child,

.moduletable-slide li ul li:last-child,

.moduletable li ul li:last-child

{  padding: 4px 0;

  text-indent: 16px;

  background-position: 0px center !important;

}



.zentools.accordion .zentitle.open

{  display: block }



.zentools.accordion .zentitle,

#sliders h3.pane-toggler-down,

h3.pane-toggler-down

{  background: url(../images/menu/menuOpen.png) no-repeat 96% 2px }



.moduletable-panelmenu ul li

{  border-bottom: 1px solid #ddd }



/* PDF Buttons

-----------------------------------------------------------------------------*/



.buttons

{  float: right }



/* JB Meta - Details underneath title

-----------------------------------------------------------------------------*/



div.jbMeta

{  clear: both;

  float: left;

  width: 100%;

}



div.jbMeta,

span.jbModifydate,

p.counter

{  color: #999;

  font-size: 85%;

  line-height: 1.4;

}



div.jbMeta span

{  float: left;

  margin-right: 10px;

}



#midCol.thin .jbMeta div,

.cols2 .jbMeta div,

.cols3 .jbMeta div,

.cols4 .jbMeta div

{  float: none;

  clear: both;

}



div.jbMeta form

{  clear: both;

  float: left;

  width: 96%;

  background: #fafafa !important;

  padding: 4px 2%;

  margin: 10px 0;

  border: 1px solid #eee;

}



div.jbMeta form span.content_vote

{  margin-top: -10px }



div.jbMeta form input.button

{  margin: 0;

  float: right;

  padding: 0 4px!important;

}



/* Section, Featured, Categories

-----------------------------------------------------------------------------*/



div.jbCategory

{  margin: 0;

  padding-top: 0;

  position: relative;

}



#jbArticle,

.jbSection,

.jbCategory,

.jbFrontPage

{  position: relative;

  z-index: 10;

}



.cols2 .jbCategory,

.cols2 .jbSection,

.cols3 .jbCategory,

.cols3 .jbSection,

.cols4 .jbCategory,

.cols4 .jbSection

{  margin-bottom: 30px }



/* Modify Date */



span.jbModifydate

{  display: block;

  margin-top: 20px;

  padding-bottom: 20px;

  clear: both;

}



/* Create Date */



div.jbCreatedate

{  float: left;

  margin-right: 10px;

}



/* List at bottom of articles

-----------------------------------------------------------------------------*/



.blog_more

{  clear: both;

  background-position: left top;

  padding-top: 30px;

  padding-bottom: 0;

}



/* Sections and Categories

-----------------------------------------------------------------------------*/



.article_row

{  margin: 0;

  padding: 0;

}



.column3.cols3,

.column4.cols4

{  float: right;

  margin-top: -18px;

}



/* Contact Page

-----------------------------------------------------------------------------*/



span.marker img

{  margin-right: 20px }



h3.pane-toggler,

h3.pane-toggler-down

{  width: 100%;

  border-bottom: 1px solid #eee;

  padding-bottom: 15px !important;

}



/* Login Module

-----------------------------------------------------------------------------*/



input#modlgn-remember

{  width: auto }



p#form-login-remember label

{  display: inline }



#login-form input.button

{  font-size: 90% }



/* Joomla 2.5 pagination

-----------------------------------------------------------------------------*/



/* Tabs */



#tabs dt.tabs.open h3

{  border-bottom: 0;

  margin-top: -1px;

  background: #fafafa;

}



dd.tabs

{  background: #fafafa }



dt.tabs

{  width: auto }



/* Sliders */



#sliders h3.pane-toggler,

#sliders h3.pane-toggler:hover,

#sliders h3.pane-toggler-down

{  background: transparent url(../images/menu/menuOpen.png) no-repeat 96% 14px;

  text-indent: 0px;

  margin: 0 0 10px;

  padding-bottom: 8px !important;

}



#sliders h3:hover,

#sliders h3.pane-toggler-down,

#sliders h3.pane-toggler-down:hover

{  background: transparent url(../images/menu/menuOpenDown.png) no-repeat 96% 14px }



/* Table of content */



#article-index,

table.contenttoc

{  float: right;

  padding: 2%;

  width: 25%;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box;

  font-size: 90%;

  background: none;

  border: 0;

}



#article-index ul

{  margin: 0 }



#article-index li,

table.contenttoc tr

{  list-style-type: none;

  margin: 0;

  border-bottom: 1px solid #eee;

  padding: 4px 0 0;

  text-align: left;

  font-style: normal;

}



table.contenttoc tr td,

table.contenttoc tr th

{  text-align: left;

  font-style: normal;

}



table.contenttoc tr th

{  font-weight: bold;

  font-size: 120%;

}



a.toclink.active

{  font-weight: bold;

  color: #333;

}



table.category td

{  position: relative;

  z-index: 1;

}



table.category li.edit-icon

{  list-style-type: none }



.column4.cols4,

.column3.cols3

{  margin-top: 0px }



/* Page nav */



.pagenavcounter

{  font-size: 90% }



.pagination ul

{  margin: 0 }



.pagination ul li

{  list-style-type: none;

  margin: 0 20px 0 0;

  float: left;

}



/* Pagination */



ul.pagination

{  padding-top: 30px;

  padding-bottom: 0px;

  background-position: left top;

}



ul.pagination li

{  border: 0;

  background: #eee;

  padding: 4px 6px;

}



ul.pagination li:last-child,

ul.pagination li:first-child

{  border: 0 !important }



/* Next and Previous */



th.pagenav_prev,

th.pagenav_next

{  width: 100%;

  padding: 0;

  float: right;

}



th.pagenav_next

{  text-align: right }



th.pagenav_prev a

{  float: left }



th.pagenav_next a

{  float: right }



/* User - Login, remind, reset etc

-----------------------------------------------------------------------------*/



.josForm.form-validate

{  margin-bottom: 30px }



input#email

{  width: 100%;

  margin: 0 0 20px;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box;

}



/* Modules

---------------------------------------------------*/



/* Resets on various moduletables */



#nav .moduletable,

#footer .moduletable,

#bottomrow .moduletable,

#breadcrumb .moduletable,

#zenpanel .moduletable,

#banner .moduletable,

#tabwrap .moduletable

{  border: 0;

  padding: 0;

}



/* Generic style for modules */



.moduletable,

.moduletable-slide,

.moduletable-panelmenu

{  clear: both;

  margin-bottom: 30px;

}



#abovemain .moduletable

{  margin-bottom: 10px }



.moduletable-border,

.moduletable.border

{  box-shadow: none }



.moduletable.inset .moduleTitle h3

{  margin: 0 0 8px }



.moduletable.primary1,

.moduletable.primary2,

.moduletable.secondary1,

.moduletable.secondary2,

.moduletable.warning,

.moduletable.success,

.moduletable.notice

{  border: 0;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box;

  padding: 10px 4%;

  width: 100%;

  clear: both;

}



.moduletable.inset

{  padding: 0;

  width: 100%;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box;

}



.moduletable.inset .jbmoduleBody

{  padding: 10px 4% }



/* Success Class fix */



.success

{  clear: both }



/* Togglemenu

--------------------------------------------------*/



#togglemenucontent ul

{  border: 0;

  padding: 0;

  margin: 10px 0;

}



#togglemenucontent ul li

{  border-bottom: 1px solid #111;

  border-top: 1px solid #242424;

}



#togglemenu ul li li

{  margin: 0 }



#togglemenu ul ul

{  margin: 0 }



/* Lists

---------------------------------------------------*/



/* Reset soem lists */



#bannerwrap ul,

#grid1wrap ul,

#grid2wrap ul,

#grid3wrap ul,

#grid4wrap ul,

#grid5wrap ul,

#grid6wrap ul,

#bottomwrap ul

{  margin: 0 }



/* Set some default styles for lists */



#grid1wrap ul li,

#grid2wrap ul li,

#grid3wrap ul li,

#grid4wrap ul li,

#grid5wrap ul li,

#grid6wrap ul li,

#bottomwrap ul li

{  padding: 10px 0 !important;

  border-bottom: 1px solid #e8e8e8;

  border-top: 1px solid #fff;

}



.jTweet ul li

{  border: 0 !important }



#grid6wrap ul li,

#bottomwrap ul li

{  list-style-type: none;

  padding: 4px 0;

}



ul li:last-child

{  border-bottom: 0 !important }



ul li:first-child

{  border-top: 0 !important }



ul.slidenav li

{  border: 0 !important }



/* A simple UL */



ul.simple

{  margin-bottom: 30px }



ul.simple li

{  padding: 4px 0 }



/* Zentools Slideshow

---------------------------------------------------*/



.slidecount

{  margin-right: 10px;

  font-style: italic;

}



.slideshow.slideshowoverlay a

{  color: #fff }



.slide-controller.zenpadding

{  padding: 0 !important }



.grid .zenitem

{  width: 96% }



ul#filters li a

{  border: 0 !important;

  border-radius: 0 !important;

}



/* Zentools More

---------------------------------------------------*/



.zenmore a

{  float: right;

  height: 29px;

  margin-bottom: 30px;

  width: 24px;

  text-indent: -9999em;

}



.zenmore a span

{  width: 4px;

  height: 29px;

}



/* Reset the banner slideshow More */



#banner .zenmore a

{  height: auto;

  background: none !important;

}



.zentools.grid .zenitem

{  padding-bottom: 30px }



/* Zentools Accordion

---------------------------------------------------*/



.zentools.accordion h1,

.zentools.accordion h2,

.zentools.accordion h3,

.zentools.accordion h4,

.zentools.accordion h5,

.zentools.accordion h6

{  margin: 0 0 8px }



.zentools .zentitle h3

{  margin: 2px 0 8px 0 !important;

  padding: 10px 0 10px 0!important;

  border: 0 !important;

}



.zentools .zentitle

{  border: 0 !important;

  padding: 0 !important;

}



.zentools.accordion .zenitem

{  margin: 0 }



.zentools.accordion .allitems.container

{  background-color: transparent !important;

  border: 0 !important;

}



/* Zentools Slideshow

---------------------------------------------------*/



.zentools.slideshow .zenmore a span

{  text-align: center;

  display: block;

  margin-bottom: 0;

}



/* Slideshow Styling

-----------------------------------------------------------------------------*/



.slideshowoverlay .allitems.container

{  width: 45% !important;

  background: url(../images/sprite.png) repeat-x left -687px  !important;

  bottom: 30%;

  padding: 0px 0 10px 4% !important;

  height: 82px;

}



#banner .zentools a .readon

{  background: url(../images/sprite.png) no-repeat left -300px  !important;

  display: block;

  text-indent: -9999em;

  width: 11px;

  height: 60px;

  border-radius: 0;

  margin: 0px;

  min-height: 90px;

}



#banner .zentitle a

{  padding-top: 10px;

  display: block;

  font-size: 2em;

  margin-top: 0px;

  float: left;

} 



/* Zentools in Sidebar

---------------------------------------------------*/



.sidebar .zentools li a

{  padding: 0 !important }



.sidebar .zentools p

{  margin: 0 }



/* Zenkit

---------------------------------------------------*/



#zenkit a.jbReadon {

  width: 100px;line-height: 1.8;

}

#zenkit a.jbReadon span {

  float: right;

  padding: 0 8px !important;

}







#zenkit .blogsidebar .divider,

#zenkit .itemFullText .divider

{  height: 8px }



#zenkit blockquote,

#zenkit .authorLatest.zenblock

{  background-repeat: no-repeat !important;

  background-color: transparent !important;

  background-image: none;

}



#zenkit .readMore a

{  float: right;

  padding: 4px 8px !important;

  -webkit-border-radius: 0;

  -moz-border-radius: 0px;

  border-radius: 0;

  color: #999;

  border: 0 !important;

}



#zenkit ul.zentabs li a

{  padding: 4px 8px;

  margin: 0 10px 10px 0;

  border-radius: 0;

}



#zenkit ul.zentabs li a.active,

#zenkit ul.zentabs li.active a

{  border-radius: 0 }



.grid_2 .contentheading,

.grid_3 .contentheading,

.grid_4 .contentheading,

.grid_5 .contentheading,

.cols2 .contentheading,

.cols3 .contentheading,

.cols4 .contentheading

{  font-size: 1.4em }



.grid_2 .commentsLink,

.grid_3 .commentsLink,

.grid_4 .commentsLink,

.grid_5 .commentsLink

{  text-align: left }



#k2Links

{  background-position: left top;

  margin-top: 30px;

  padding-top: 30px;

  padding-bottom: 0;

  margin-bottom: 0;

}



#zenkit span.commentDate,

span.commentAuthorName,

span.commentLink

{  clear: both;

  float: left;

}



#zenkit .grid_2 .grid_eight,

#zenkit .grid_3 .grid_eight,

#zenkit .grid_4 .grid_eight,

#zenkit .grid_5 .grid_eight,

#zenkit .grid_2 .grid_four,

#zenkit .grid_3 .grid_four,

#zenkit .grid_4 .grid_four,

#zenkit .grid_5 .grid_four

{  width: 100% }



.grid_three #k2ItemListPrimary .contentheading

{  font-size: 150% }



#zenkit a.itemVideoLink

{  float: right }



/* Zenkit Comments

---------------------------------------------------*/



h3.commentsCounter span

{  display: inline !important }



/* Zenkit Blog

---------------------------------------------------*/



#zenkit .blogsidebar

{  margin-top: 30px }



/* jTweet Blog

---------------------------------------------------*/



.jTweetfollowtext a

{  padding: 10px;

  font-size: 90%;

  font-style: italic;

  float: right;

  margin-bottom: 10px;

}



.jTweet.bubble .tweet_text:after

{  border: 0 }



.jTweet span,

.jTweet a

{  font-size: 90% }



.jTweet span.tweet_text

{  font-size: 100% }



#zenkit .groupPrimary.accordion h2

{  padding: 0 0px 0px 25px;

  text-indent: 10px;

  margin-top: 10px;

  margin-bottom: 20px;

  box-shadow: none !important;

}



@media only screen and (max-width: 520px)

{  

  #zenkit .grid_eight,

  #zenkit .grid_four

  {  margin: 0 }



  #zenkit .buttons

  {  float: left !important;

    border: #000;

  }

}