/*-------------------------------------------------------------------------
++ JoomlaJunkie - Typography CSS
++ All Typographical styling is kept here
---------------------------------------------------------------------------*/
/* NB!! - Font colors are set in Configurators "Customization" Tab */
body{font:13px/1.231 Tahoma,helvetica,clean,sans-serif;}
p{margin-bottom:1em;line-height:1.5em;}
p.teaser{color:#777;font-size:1.2em;line-height:1.4em;margin:0 0 0.8em;}

/* heading styles
*****************************************/
h1,h2,h3,h4,h5,h6{margin:1em 0 .3em 0;}
.componentheading,h1{font-size:2.1em;line-height:1.2em;}
.contentheading,h2{font-size:1.9em;}
h3{font-size:1.7em;}
h4{font-size:1.5em;}
h5{font-size:1.2em;font-weight:bold;}
h6{font-size:1em;font-weight:normal; color: #F99B00; margin: 0;}
h1 a,h2 a{text-decoration:none;}
h2 a:hover{text-decoration:underline;}
h1.componentheading{margin:0;padding:0 0 .5em 0;}

h1 span{color:#333;}
h2 span{color:#666;}
h3 span{color:#999;}
h4 span{color:#222;}
h5 span{color:#222;}

#article span.sep{font-weight:normal;color:#ddd;position:relative;top:-2px;}

/* links styling
*****************************************/
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:hover,a:active{text-decoration:underline;}

/* lists styling
******************************************************/
ul,ol{margin:0 0 1.5em 3em;font-size:1em;font-weight:400;line-height:1.5em;}
ul ul,ol ol,ul ul ul,ol ol ol,ul ul ul ul,ol ol ol ol{margin-bottom:0;}
#article div.yui-u ul{margin:0 0 0 1.5em;}
#article div.yui-u ul.bullet{margin:0 0 1.5em 0;}
#article div.yui-u ol{margin-left:2em;}
#article div.yui-u h5{margin-top:.5em;}
/* unordered lists */
ul li{list-style:disc;}
ul li li{list-style:circle;}
ul li li li{list-style:square;}
ul.circle li{list-style-type:circle;}
ul.square li{list-style-type:square;}
ul.bullet{margin:0 0 1em 0;}
#article #article-content ul.none,
#article #article-content ul.none li{margin:0;padding:0;list-style:none;}
ul.bullet li{margin:0;list-style-type:none;background:transparent url(../../../../morph_assets/themelets/vanilla/images/bullet-icons-sprite.png) no-repeat;}
ul.style1 li{background-position:0 3px;padding-left:1.5em;}
ul.style2 li{background-position:0 -65px;padding-left:1.6em;}
ul.style3 li{background-position:0 -136px;padding-left:1.6em;}
ul.style4 li{background-position:0 -203px;padding-left:1.8em;}
ul.style5 li{background-position:0 -273px;padding-left:1.7em;}
ul.style6 li{background-position:0 -346px;padding-left:1.7em;}
ul.style7 li{background-position:0 -416px;padding-left:1.5em;}
ul.style8 li{background-position:0 -486px;padding-left:1.8em;}
ul.style9 li{background-position:0 -559px;padding-left:1.7em;}
ul.style10 li{background-position:0 -630px;padding-left:1.7em;}
ul.style11 li{background-position:0 -696px;padding-left:1.5em;}
ul.style12 li{background-position:0 -765px;padding-left:1.6em;}
ul.style13 li{background-position:0 -834px;padding-left:1.6em;}
ul.style14 li{background-position:0 -905px;padding-left:1.8em;}
ul.style15 li{background-position:0 -979px;padding-left:1.8em;}
/* compound lists */
ul.compound{margin:1em 0 2em 0;padding:0;overflow:hidden;}
ul.compound li{list-style:none;border-bottom:1px dashed #ccc;width:48%;float:left;}
ul.compound li.alt{border-left:1px dashed #ccc;padding-left:3%;}
ul.compound li.last{border-bottom:0;}
ul.compound h3{margin:.7em 0 .4em 0;padding:0;}
ul.compound p{color:#666;font-size:1em;width:95%;}
/* ordered lists */
ol li{list-style-type:decimal;}
ol li li{list-style:decimal;}
ol li li li{list-style:decimal;}
ol.decimal-leading-zero li{list-style-type:decimal-leading-zero;}
ol.lower-roman li{list-style-type:lower-roman;}
ol.upper-roman li{list-style-type:upper-roman;}
ol.lower-alpha li{list-style-type:lower-alpha;}
ol.upper-alpha li{list-style-type:upper-alpha;}
/* definition lists */
dl{line-height:1.5em;letter-spacing:.2px;}
dl dt{font-weight:bold;}
dl dd{margin:0.1em 0 1em 2em;}
dl.listHorizontal dt{}
dl.listHorizontal dd{margin:0.1em 0 1em 0;}
dl.listVertical dt{background:#eee;color:#3F3F3F;font-weight:700;padding:.3em .5em;}
dl.listVertical dd{margin:0 0 1em 0;padding:.2em .5em;}
dl.zebra dt{padding:0.3em 0.5em;border-bottom:1px solid #ddd;}
dl.zebra dd{background:#ddd;border-top:1px solid #fff;margin-bottom:1em;padding:0.5em 0.5em 1em .7em;}
dl.listHorizontal{overflow:hidden;}
dl lh{display:block;padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px dashed #ddd;font-size:1.2em;font-weight:bold;}
dl.listFlat{overflow:hidden;margin-bottom:1em;}
dl.listFlat dt{float:left;padding-right:.7em;width:110px;text-align:right;}
dl.listFlat dt code{background:#eee;padding:.1em .3em;font-size:.8em;}
dl.listFlat dd{margin-bottom:.5em;}
/* float list */
dl.listFloat{overflow:hidden;margin-bottom:1em;}
dl.listFloat dt{float:left;}
dl.listFloat dt,
dl.listFloat dd{margin-bottom:.5em;}
dl.listFloat.dt5 dt{width:50px;}
dl.listFloat.dt6 dt{width:60px;}
dl.listFloat.dt7 dt{width:70px;}
dl.listFloat.dt8 dt{width:80px;}
dl.listFloat.dt9 dt{width:90px;}
dl.listFloat.dt10 dt{width:100px;}
dl.listFloat.dt11 dt{width:110px;}
dl.listFloat.dt12 dt{width:120px;}
dl.listFloat.dt13 dt{width:130px;}
dl.listFloat.dt14 dt{width:140px;}
dl.listFloat.dt15 dt{width:150px;}
dl.listFloat.dt16 dt{width:160px;}
dl.listFloat.dt17 dt{width:170px;}
dl.listFloat.dt18 dt{width:180px;}
dl.listFloat.dt19 dt{width:190px;}
dl.listFloat.dt20 dt{width:200px;}

/* tables styling
****************************************/
#primary-content table.tbl-style1{border-left:1px solid #ccc;border-top:1px solid #ccc;background:#fff;margin:1em 0;}
#primary-content table.tbl-style1 caption{color:#999;text-align:left;font-size:1.3em;padding-bottom:0;margin-top:1em;}
#primary-content table.tbl-style1 th{background:#ddd;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:2px 5px;text-align:left;}
#primary-content table.tbl-style1 tr.alt{background:#eee;}
#primary-content table.tbl-style1 td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

/* remove tables styling - use class nostyle
****************************************/
#primary-content table.nostyle,#primary-content table.nostyle tr.alt{background:none;}
#primary-content table.nostyle td,#primary-content table.nostyle tr.alt,#primary-content table.nostyle{border:none;}
#primary-content table td{padding:2px 5px;}

/* quotes,blockquotes & code
******************************************************/
pre,.code{overflow:auto;background:#eee;margin:1em 0 1.5em;padding:1em;}
blockquote{font:normal 1.3em/1.4em Georgia,"Times New Roman",Times,serif;margin:0 2em 1em 2em;padding:0;color:#999;}
blockquote.quote{margin:0 0 1em 0;padding:0 2em;position:relative;height:100%;}
.quote span{font:bold 3em Georgia,sans-serif;width:2em;position:absolute;top:0;left:0;}
.quote .cite{border-top:1px dashed #ccc;}
blockquote.box{margin:1em 0;}
blockquote.box .cite{text-align:right;border-top:1px dashed;}
blockquote cite{font:bold .9em georiga;text-transform:uppercase;padding-left:1em;}
blockquote p{font-size:1em!important;margin-bottom:0!important;}
blockquote p.cite{font-size:.7em!important;padding-top:.5em;margin-top:.5em!important;border-top:1px solid;}
pre, code, kbd, samp, tt {font-family:monospace;font-size:0.9em;}

/* pullquotes */
.pullquote{font:normal 1.5em/1.2em Georgia,"Times New Roman",Times,serif;width:25%;float:left;margin:0 1em 0 0;}
.pqr{float:right;margin:0 0 0 1em;}
.box,blockquote.style1,blockquote.style2,blockquote.style3,blockquote.style4,blockquote.style5{padding:1em;}
.box,blockquote.style1{background:#eee;color:#777;}
blockquote.style2{background:#999;color:#fff;}
blockquote.style3{background:#577573;color:#fff;}
blockquote.style4{background:#304848;color:#fff;}
blockquote.style5{color:#fff;background:#CA6623;}
.quote-author{background:#ddd;border-top:1px solid #ccc;margin:20px -19px -20px -20px;padding:0.5em 1em;font-size:0.7em;text-align:right;font-weight:bold;}
.quote-author a{color:#666;}

/* dropcap */
.dropcap{color:#888;font:55px/40px Georgia,"Times New Roman",Times,serif;display:block;float:left;padding:4px 8px 0 0;}
q{background:#6CADBE;color:#fff;font-weight:bold;font-style:oblique;padding:.1em .4em;}
div.post .text .dropCap{float:left;font-size:45px;font-variant:small-caps;line-height:40px;padding-right:5px;padding-top:2px;}

/* alerts
******************************************************/
.notice{padding:.3em .5em .3em 2em;margin:1em 0;border:1px solid;background-repeat: no-repeat;background-image:url(../../../../morph_assets/themelets/vanilla/images/message-icons.png);}
.internetvanilla .notice{background-image:url(../../../../morph_assets/themelets/vanilla/images/message-icons-ie.gif);}
p.notice.error{background-color:#CC3333;border-color:#6A0000;color:#fff;background-position:4px 4px;}
p.notice.info{background-color:#90CACC;border-color:#276362;color:#276362;background-position:4px -194px;}
p.notice.buy{background-color:#99CC66;border-color:#496400;color:#496400;background-position:5px -394px;}
p.notice.alert{background-color:#FFFF99;border-color:#FFCC00;color:#9E561A;background-position:5px -593px;}
p.notice.help{background-color:#2D6DC2;border-color:#1C3986;color:#fff;background-position:4px -794px;}
p.notice.download{background-color:#EBB171;border-color:#FF6600;color:#fff;background-position:4px -993px;}

/* system notices */
#system-message *{color:#000;margin:0;padding:0;}
#system-message{margin:1em 0;overflow:hidden;font-size:1.5em;}
#system-message dt{float:left;margin-right:.6em;}
#system-message dd{float:left;}
#system-message dd li{list-style:none;}

/* highlight text
******************************************************/
.highlight{background:#FFFF99;}
.class-name{background:#F9FFD0;padding:2px 5px;border:1px solid #FFDF80;color:#9F5B32;}

/* horizontal rules
******************************************************/
hr{margin:2em 0;border:0;height:2px;border-bottom:1px solid #ccc;float:none;}
hr.clearer{clear:both;display:block;float:none;width:100%;}
hr.dotted,hr.dashed,hr.cut{border:0;background-image:url(../../../../morph_assets/themelets/vanilla/images/hr-dividers.gif);}
hr.dotted{background-position: top center;height:3px;}
hr.cut{background-position: center center;height:20px;}
hr.dashed{background-position: bottom center;height:3px;}

/* image alignment
******************************************************/
.img-left,
.img-right{background:#fff;position:relative;top:5px;}
.img-left{margin:0 1.5em 1.5em 0;}
.img-right{margin:0 0 1.5em 1.5em;}
.img-border{background:#fff;padding:1px;border:5px solid #eee;}
.img-style1{border-color:#ddd;}
.img-style2{border-color:#ccc;}
.img-style3{border-color:#999;}
.img-style4{border-color:#666;}
.img-style5{border-color:#333;}
span.caption-wrapper.img-left{margin:0 20px 20px 0;}
span.caption-wrapper.img-right{margin:0 0 20px 20px;}

/* image captions
******************************************************/
.caption-top,.caption-bottom{padding:1em;font-weight:bold;font-size:12px;font-family:arial;cursor:default;display:block;}
.caption a,.caption a{border:0 none;text-decoration:none;background:#000;padding:0;}
.caption a:hover,
.caption a:hover{background:#202020;}
br.c{clear:both;}

/* form elements
******************************************************/
.button{padding:3px 2px;margin:0; /*display:inline-block;*/ border:none;cursor:pointer;}
#navbar-container .button{padding:2px 12px;width:52px;}
#navbar-container .inputbox{width:113px;}
.inputbox{font-size:1.1em;padding:0.2em 0.1em 0.2em 0.4em;}
select option{background:#ccc;}
#navbar-container .inputbox{background:#e3e3e3;}
.inputbox{border: 1px solid #fff;}
.button{background:#ccc;color:#333;}
.button:hover{background:#eee;}
.inputbox{color:#333;}
select,input,button,textarea{background:#F6F6F6;border:1px solid #ccc;color:#333;}

/* reusable classes
******************************************************/
.nopadding{margin: 0;}

/* print view
******************************************************/
#printview{background:#ddd;}
#printview .article-page{background:#fff;margin:1em;border:1px solid #ccc;text-align:left;padding:2em;}
#printview #shareit-box,
#printview .article-info{display:none;}

/* grids in content
******************************************************/
#article .grid h1,
#article .grid h2,
#article .grid h3,
#article .grid h4,
#article .grid h5{margin:0 0 .3em 0;clear:both;}

/* tabs in content
******************************************************/
.jwts_tabberlive .jwts_tabbertab,.jwts_tabbernav,.jwts_tabbernav li,.jwts_tabbernav li a,.jwts_tabberlive {margin:0;padding:0;list-style:none;background:none;border:0;}
.jwts_tabberlive .jwts_tabbertab h2,.jwts_tabberlive .jwts_tabbertab h3,.jwts_tabberlive .jwts_tabbertabhide {display:none;}
.jwts_tabbernav {overflow:hidden;}
.jwts_tabbernav li a,.jwts_tabbernav li a:link {background:#739A97;margin:0 1px 0 0;padding:0.5em 1em;color:#333;text-decoration:none;display:block;float:left;}
.jwts_tabbernav li a:visited {color:#333;}
.jwts_tabbernav li a:hover {text-decoration:none;}
.jwts_tabbernav li a:active,ul.jwts_tabbernav li a:focus {outline:0;}
.jwts_tabbernav li.jwts_tabberactive a {background:#577573;border-bottom:1px solid #577573;color:#fff;}
.jwts_tabbernav li.jwts_tabberactive a:hover {background:#577573;text-decoration:none;}
.jwts_tabbernav li.jwts_tabberactive,.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0;margin:0;}
.jwts_tabberlive .jwts_tabbertab,ul.jwts_tabbernav {text-align:left;}
.jwts_tabberlive .jwts_tabbertab{padding-top:1em;border-top:3px solid #577573;}
.jwts_tabberlive .jwts_tabbertab pre{padding:0;background:#fff;}
.jwts_tabberlive .jwts_tabbertab pre ol{margin:0;}