/* @override 
  http://practicalplants.local/w/extensions/PracticalPlants/resources/css/main.css
  http://practicalplants.org/w/extensions/PracticalPlants/resources/css/main.css
  
*/

/* @group Global Layout Rules */

a, a:active, a:hover, a:visited{
  color: #009900;
  /*color: rgb(236,80,0);*/
  font-weight: normal;
  text-decoration: none;
}
a.new{
  
}
a:hover{
  text-decoration: underline;
}
textarea {
  width: 100%;
  padding: .1em;
}
.btn{
  font-family: CreteRoundRegular;
  font-weight: normal !important;
}
a.btn{
  color: #333;
}
a.btn-success, a.btn-success:active, a.btn-success.visited{
  color: #fff;
}



body{
  font-family: Georgia, Times New Roman, Times, serif;
}
#page-wrapper{
  position: relative;
  min-width: 960px;
}




/* ========= Top Menu Bar =========*/
nav#menubar{
  position: absolute;
  display: block;
  
  text-align: center;
  width: 100%;
  top: 59px;
  left: 0;
  
  height: 20px;
  padding: 5px 0px;
  
  /*z-index: 9;*/
}
#menubar h2{
  display: none;
}
/*#menubar .menu,#menubar .dropdown{
}
#menubar .menu{
  display: inline-block;
  text-align: left;
  margin-right: 200px;
}
#menubar .dropdown{
  height: 20px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
#menubar .dropdown:hover{
  overflow: visible;
  
}
#menubar .dropdown h5{
  
  height: 20px;
  
  text-align: center;
  
  font-weight: normal;
  color:  #fff;
  font-size: 14px;
  line-height: 19px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 10px;
}
#menubar .dropdown .dropdown-content{
  background: rgb(227,107,0);
   padding: 5px 10px 10px 10px;
  width: 150px;
  
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -ie-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
#menubar .dropdown ul.dropdown-content{
  list-style-type: none;
  margin: 0;
}
#menubar .dropdown .dropdown-content ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#menubar .dropdown .dropdown-content a{
  color: #fff;
  font-weight: normal;
}*/


/* ======================= jQuery UI overrides =====================  */
/* The preceeding ul selector is necessary to increase specifity over the overrides 
semantic forms uses, since it's css gets included after this file */
ul.ui-autocomplete{
  /*opacity: 0.9;*/
  z-index:99;
}
ul .ui-menu-item{
  font-family: CreteRoundRegular;
  font-size: 14px;
  border: none;
}

ul .ui-menu-item .ui-state-hover {
  background: rgb(246,100,0); /*rgb(0,165,0);*/
  color: white;
  border-color: transparent;
}
ul .ui-menu-item span.name{
  
}
ul .ui-menu-item span.common{
  color: #999;
  color: rgba(0,0,0,0.4);
  font-size: 12px;
  vertical-align: middle;
}
ul .ui-menu-item span.taxonomy{
  color: #999;
  color: rgba(0,0,0,0.4);
  font-size: 12px;
  vertical-align: middle;
  float: right;
}
ul .ui-menu-item .ui-state-hover span{
  color: rgba(255,255,255,0.6);
}
ul.ui-menu {
  padding: 0 0 5px 0;
  max-height: 200px;
  
  max-height: none;
  overflow: visible;
  
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  
  border-color: rgba(0,0,0,0.2);
}



/* ==================== Browser Update Bar ======================= */
body .buorg {
  font-size: 14px;
}
body .buorg div {
  padding:8px 36px 8px 40px;
}
.buorg a {
  color:#E25600;
}


/* ==================== Beta Banner ======================= */
#beta-banner{
  display: none;
}
.page-Practical_Plants #beta-banner{
  display: block;
  cursor: pointer;
  background: url(/resources/images/beta-ribbon.png) no-repeat;
  width: 81px;
  height: 81px;
  position: absolute;
  z-index:10;
  top: -5px;
  left:-1px;
  text-indent: -1000px;
}
.page-Practical_Plants #beta-banner:hover{
  background-position: -82px 0;
}


/* ==================== Masthead Changes (see masthead.css for main styles) ======================= */

#masthead #masthead-search h5{
  display: none;
}
#masthead #masthead-search input.search-field{
  width: 250px;
  margin-right: 5px;
  padding: 3px 18px 3px 3px;
  outline: none;
  
  font-size: 14px;
  
  font-family: CreteRoundRegular;
  
  border: 1px solid rgba(255,255,255,0.5);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ie-border-radius: 5px;
  border-radius: 5px;
  
  -webkit-transition: width 0.2s ease-in-out 0s;
  -moz-transition: width 0.2s ease-in-out 0s;
  -o-transition: width 0.2s ease-in-out 0s;
  -ms-transition: width 0.2s ease-in-out 0s;
  transition: width 0.2s ease-in-out 0s;
}
#masthead #masthead-search input.search-field.loading{
  background-image: url(/resources/images/loader-small-arrows.gif);
  background-repeat: no-repeat;
  background-position: right center;
  
}
#mw-searchButton,
#searchGoButton{
  display: none;
}

#search-nav #searchform{
  display: inline-block;
}
#search-nav .icon-search{
  margin-top: 3px;
}
#search-nav{
  padding-top: 3px;
}
input.search-field{
  width: 250px;
  margin-right: 5px;
  padding: 2px 4px 2px 3px;
  outline: none;
  
  font-size: 14px;
  
  font-family: CreteRoundRegular;
  
  border: 1px solid rgba(255,255,255,0.5);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ie-border-radius: 5px;
  border-radius: 5px;
  
  -webkit-transition: width 0.2s ease-in-out 0s;
  -moz-transition: width 0.2s ease-in-out 0s;
  -o-transition: width 0.2s ease-in-out 0s;
  -ms-transition: width 0.2s ease-in-out 0s;
  transition: width 0.2s ease-in-out 0s;
}
.search-field.loading{
  background: #fff url(/resources/images/loader-small-arrows.gif) no-repeat center right;
}
#search-nav .search-field{
  margin-right: 32px;
  width:260px;
}

/* ==================== Page Header ======================= */

article#main-entry{
  margin: 30px 0 0px;
  background: #fff;
  min-height: 500px;
  position: relative;
}

#page-header{
  border: 1px solid #ccc;
  /* Big right padding to make logo */
  background: #e9eacc url(../images/header-bg.png) repeat;
  position: relative;
  
}
#page-header #header-content{
  padding: 25px 40px 25px 40px; 
}
#page-header.with-image #header-content{
  padding-right: 320px;
  min-height: 200px;
}
#page-header.with-iconbar #header-content{
  padding-bottom: 90px;
}
#page-header.with-image.with-iconbar #header-content{
  min-height: 130px;
}
#page-header h1#article-title{
  font-size: 50px;
  line-height: 56px;
  font-weight: normal;
  position: relative;
  
  font-family: CreteRoundRegular;
  letter-spacing: -1px;
  
  text-shadow: 1px 1px 1px rgba(255,255,255,1);
  
  vertical-align: middle;
  
  border: none;
  
  color: #2f1307;
  margin-top: 0;
}
#page-header h1#article-title em, #page-header h1#article-title span{
  vertical-align: top;
}
#page-header h1#article-title em{
  font-style: normal;
  font-family: CreteRoundItalic;
}
#page-header h1#article-title em.binomial{
  font-style: normal;
  font-family: CreteRoundItalic;
}
#page-header h1#article-title .cultivar-group{
  letter-spacing: -1px;
}
#page-header h1#article-title .cultivar{
  
}
#article-summary{
  display: none;
}
#page-header #article-summary{
  display: block;
  color: #2f1307;
  line-height: 24px;
}
#page-header #article-summary a{
  color: rgb(236,80,0);
}
#page-header #article-summary a.new{
  color: #BA0000;
}
#page-header #article-summary,
#page-header #article-summary p,
#page-header #article-summary a{
  font-size: 20px;
  font-family: CreteRoundRegular;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
#page-header #article-summary i,
#page-header #article-summary em{
  font-variant: normal;
  font-family: CreteRoundItalic;
}
#page-header #article-title.indented, #page-header #article-summary.indented{
  /*margin-left: 260px;*/
}
#page-header #article-image-container{
  /*display: none;*/
}
#page-header.with-image #article-image-container{
  display: block;
  position: absolute;
  bottom: 10px;
  right: 30px;
  z-index: 1;
  

  width: 270px;
  height: 230px;
  
  text-align: center;
  
}


#page-header #article-image{
  background: white;
  border: 1px solid #ccc;
  padding: 10px;  
  overflow:hidden;
  max-height: 208px;

  box-shadow: 0px 2px 5px rgba(0,0,0,0.1);

}
#page-header #article-image a{
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 0px;
  max-height: 205px;
  overflow: hidden;
}
#page-header #article-image a.new{
  height: 190px;
  width: 190px;
  background: url(/resources/images/no-image-transgreen-248.png) no-repeat center center rgba(255, 255, 255, 0.7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#page-header #article-image img{
  /*width: 248px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;*/
  max-width: 248px;
}
#page-header.with-image #article-image-container #article-image a,
#page-header.with-image #article-image-container #article-image{
}
/*show full image on hover */
#page-header.with-image #article-image-container:hover #article-image{
  box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
}
#page-header.with-image #article-image-container:hover #article-image a,
#page-header.with-image #article-image-container:hover #article-image{
  height:auto;
  max-height:inherit;
  overflow: visible;
}


#page-header #plant-uses-qr{
  position: absolute;
  top: 40px;
  right: 40px;
  width: 100px;
  height: 32px;
  font-size: 0px;
  line-height: 0px;
}
#page-header.with-image #plant-uses-qr{
  right: 320px;
}
#page-header #plant-uses-qr > div{
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/ui-sprite.png);
}
#page-header #plant-uses-qr #plant-uses-qr-edible{
  background-position: -288px -32px;
}
#page-header #plant-uses-qr #plant-uses-qr-medicinal{
  background-position: -320px -32px;
}
#page-header #plant-uses-qr #plant-uses-qr-material{
  background-position: -352px -32px;
}
#page-header #plant-uses-qr > div{
  opacity: 0.2;
}
#page-header #plant-uses-qr > div.active{
  opacity: 1;
}

/* This div basically only exists to position the article actions tabs */
div#after-header{
  position: relative;
}


#sidebar{
  width: 250px;
  margin: 0 0px 0 20px;
  padding: 10px 40px 0 10px;
  position: absolute;
  right: 0;
  border-left: 1px solid #ccc;
  background: white;
}
#sidebar #page-buttons{
  margin-bottom: 20px;
}
#sidebar #page-buttons .btn-block{
  margin-bottom: 5px;
}
#sidebar #page-buttons .btn-small{
  width: 75px;
  margin-right: 5px;
  display: inline-block;
  float: none;
}
#sidebar #page-buttons .dropdown{
  display: inline-block;
}
#sidebar #page-buttons #ca-history{
  display: inline-block;
  width: 70px;
}
#sidebar #page-buttons #article-toolbox-dropdown .btn{
  width: 25px;
  margin-right: 0;
}
#sidebar #page-buttons .dropdown-menu{
  
}
#sidebar #page-buttons .dropdown-menu a{
  font-family: CreteRoundRegular;
  font-weight: normal;
  font-size: 14px;
}

#sidebar #toc-container{
  margin-bottom: 20px;
}
#sidebar #toc-container .toc{
  border: 1px solid #ccc;
  border-width: 1px 0 1px 0;
}
#sidebar #toc-container .toc td{
  padding-bottom: 10px;
}
#sidebar #toc-container.scroll td > ul{
  overflow-y: scroll;
}

.toc li.active{
  background: #51A351;
  border-radius: 3px;
}
.toc li.active a{
  color: white;
}
#sidebar.fixed{
  position: fixed;
  top: 0;
  z-index: 20;
  overflow: none;
}
#sidebar.absolute{
  position: absolute;
  z-index: 20;
  overflow: none;
}
#sidebar.fixed #page-tools{
  
}



/* =============== Article actions tabs ================ */
nav#article-actions{
  position: absolute;
  top: 0;
  width:100%;
  display: block;
  height: 26px;
  margin-top: -28px;
  z-index: 10;
}
/* selector for when the nav has been moved into the header on domload */
#page-header #article-actions{
  width: auto;
}

nav#article-actions h2{
  display: none;
}
nav#article-actions .left{
  float: left;
}
nav#article-actions .right{
  float: right;
  margin-right: 40px;
}
nav#article-actions .right:after{
  content:  "";
  display: block;
  clear: right;
  height: 0px;
}
nav#article-actions .tabs, nav#article-actions .dropdown{
  display: inline-block;
  vertical-align: top;
}
nav#article-actions .tabs ul{
  margin: 0;
}
nav#article-actions .tabs ul li{
  display: inline-block;
  padding: 3px 10px 4px 10px;
  text-decoration: none;
  
}
nav#article-actions .tabs ul li a,
nav#article-actions .dropdown div.menu ul li a{
  text-decoration: none;
  color: #fff;
  color: rgba(255,255,255,0.4);
  font-weight: normal;
  font-family: CreteRoundRegular;
}
nav#article-actions .tabs h5{
  display: none;
}
nav#article-actions .tabs ul li.selected{
  border:1px solid #ccc;
  border-width: 1px 1px 0 1px;
  background: #e9eacc url(../images/header-bg.png) repeat;
}
nav#article-actions .tabs ul li.selected a{
  color: #73744d;
}
nav#article-actions .dropdown{
  height: 20px;
  overflow: hidden;
}
nav#article-actions .dropdown h5{
  padding: 4px 10px 5px 10px;
  margin: 0;
  font-family: georgia;
  font-weight: normal;
  font-size: 14px;
  color: #73744d;
  height: 20px;
  cursor: default;
}

nav#article-actions .dropdown:hover{
  overflow: visible;
  position: relative;
  z-index: 999999;
}
nav#article-actions .dropdown:hover h5{
  color: #009900;
  background: rgba(255,255,255,0.7);
}
nav#article-actions .dropdown div.menu ul li a{
  color: #009900;
}

nav#article-actions .dropdown div.menu{
  position: inherit;
  background: rgb(255,255,255);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  padding: 0px 10px 7px 10px;
}

nav#article-actions .empty{
  display: none;
}
nav#article-actions .tabs #ca-talk.new{
  opacity: 0.5;
}



#footer #mw-footer-info ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

/* @end */

/* @group Wiki Article */



article.wiki-entry{

}
.wiki-entry a{
  font-weight: bold;
}
.wiki-entry h1, 
.wiki-entry h2, 
.wiki-entry h3,
.wiki-entry h4, 
.wiki-entry h5,
.wiki-entry h6{
  font-family: CreteRoundRegular;
  font-weight: normal;
  color: #2f1307;
}
.wiki-entry h1 a, 
.wiki-entry h2 a, 
.wiki-entry h3 a,
.wiki-entry h4 a, 
.wiki-entry h5 a,
.wiki-entry h6 a{
  font-weight: normal;
}
.wiki-entry p{
  font-size: 1.1em;
  margin-bottom:10px;
}
.wiki-entry .mw-content-ltr > p:first-child{
  font-size: 1.2em;
}
.wiki-entry h1{
  font-size: 1.5em;
  font-weight: normal;
  border-bottom: 1px solid #dedede;
  margin-bottom: 8px;
}

.wiki-entry h2{
  font-size: 2em;
  font-weight: normal;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(46, 19, 7, 0.3);
}
.wiki-entry h2 span.mw-headline{
  position: relative;
  top: 4px;
}

.wiki-entry h3{
  font-size: 1.7em;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 2px;
}

.wiki-entry h4{
  font-size: 1.4em;
  margin-top: 8px;
  margin-bottom: 2px;
}
.wiki-entry h5{
  font-size: 1.2em;
  margin-top: 8px;
  margin-bottom: 2px;
}
.wiki-entry h6{
  font-size: 1.1em;
  margin-top: 8px;
  margin-bottom: 2px;
}
.wiki-entry h1 i,
.wiki-entry h2 i,
.wiki-entry h3 i,
.wiki-entry h4 i,
.wiki-entry h5 i,
.wiki-entry h6 i{
  font-style: normal;
  font-family: CreteRoundItalic;
}
.wiki-entry h1:first-child, 
.wiki-entry h2:first-child, 
.wiki-entry h3:first-child,
.wiki-entry h4:first-child, 
.wiki-entry h5:first-child,
.wiki-entry h6:first-child{
  margin-top: 0;
}
.wiki-entry h1 span.info,
.wiki-entry h2 span.info,
.wiki-entry h3 span.info,
.wiki-entry h4 span.info,
.wiki-entry h5 span.info,
.wiki-entry h6 span.info{
  display: none;
  font-size: 12px;
  color: #aaa;
  font-family: CreteRoundItalic;
}
.wiki-entry h1:hover span.info,
.wiki-entry h2:hover span.info,
.wiki-entry h3:hover span.info,
.wiki-entry h4:hover span.info,
.wiki-entry h5:hover span.info,
.wiki-entry h6:hover span.info{
  display: inline;
}
/* WHen the TOC is present, the following P el will not be the first-child */
.wiki-entry #toc-container + h1, 
.wiki-entry #toc-container + h2, 
.wiki-entry #toc-container + h3,
.wiki-entry #toc-container + h4, 
.wiki-entry #toc-container + h5,
.wiki-entry #toc-container + h6{
  margin-top: 0;
}
.wiki-entry .editsection{
  float: right;
  margin-right: 10px;
}
.wiki-entry h1 .editsection { font-size: 53%; }
.wiki-entry h2 .editsection { font-size: 67%; }
.wiki-entry h3 .editsection { font-size: 76%; font-weight: normal; }
.wiki-entry h4 .editsection { font-size: 86%; font-weight: normal; }
.wiki-entry h5 .editsection { font-weight: normal; }
.wiki-entry h6 .editsection { font-size: 125%; font-weight: normal; }

.wiki-entry blockquote{
  margin:15px 0 15px 20px;
}

.wiki-entry .article-content p i, article.wiki-entry .article-content p em{
  font-style:italic;
}
.wiki-entry .article-content p b, article.wiki-entry .article-content p strong{
  font-weight: bold;
}

.wiki-entry .article-content{
  padding: 20px 20px 20px 40px;
  margin: 0 300px 0 0 ;
}
.wiki-entry .article-content .mw-newarticletextanon{
  
}

.wiki-entry #article-state{
  /*rgb(236,158,0) - rgb(224,102,0)*/
  background-color: #111;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(34, 34, 34)), color-stop(0.486, rgb(57, 51, 48)), to(rgb(36, 36, 36))) #111;
  background: -webkit-linear-gradient(top left 90deg, rgb(34, 34, 34) 0%, rgb(57, 51, 48) 48.6%, rgb(36, 36, 36) 100%) #111;
  background: -moz-linear-gradient(top left 90deg, rgb(34, 34, 34) 0%, rgb(57, 51, 48) 48.6%, rgb(36, 36, 36) 100%) #111;
  background: -o-linear-gradient(top left 90deg, rgb(34, 34, 34) 0%, rgb(57, 51, 48) 48.6%, rgb(36, 36, 36) 100%) #111;
  background: -ms-linear-gradient(top left 90deg, rgb(34, 34, 34) 0%, rgb(57, 51, 48) 48.6%, rgb(36, 36, 36) 100%) #111;
  background: linear-gradient(top left 90deg, rgb(34, 34, 34) 0%, rgb(57, 51, 48) 48.6%, rgb(36, 36, 36) 100%) #111;
    
  
  /*-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;*/
  padding: 20px 10px 15px;
  color: #fff;
  font-family: CreteRoundRegular;
  text-align: center;
}
.wiki-entry #article-state a{
  color: #fff;
  text-decoration: underline;
}
.wiki-entry #article-state b{
  font-family: CreteRoundItalic;
  font-weight: normal;
}
.wiki-entry #article-state p:first-child{
  font-size: 20px;
  margin-bottom: 10px;
}
.wiki-entry .article-section{
  margin-bottom: 40px;
}
/* Class applied by JS to indent sections around the TOC, else they unfloat mid section and it's ugly. */
.wiki-entry .article-section.indented{
  margin-left: 0px;
}

/* Specific styles for WikiText */
.plant-name{
  
}
.plant-name .binomial{
  font-style: italic;
}
.selflink{
  
}
#article-summary .plant-name .binomial{
  font-style: normal;
}
.wiki-entry h1 .binomial, 
.wiki-entry h2 .binomial, 
.wiki-entry h3 .binomial,
.wiki-entry h4 .binomial, 
.wiki-entry h5 .binomial,
.wiki-entry h6 .binomial{
  font-style: normal;
  font-family: CreteRoundItalic;
}

/* @group TOC */

/* =============== Table of Content ============== */
table.toc{

}
#toc-container{
  background: white;
  width: 248px;
}
#toc-container table.toc{
  width: 100%;
}
#toc-container .toc-border{
  
}
table.toc{

}
table.toc > tbody > tr > td{
  padding: 0;
}
table.toc h2{
  margin: 0;
  font-size:  20px;
  color: #085708;
  border: none;
}
table.toc a{
  color: #085708;
  text-decoration: none;
  padding: 2px;
}
table.toc a .toctext{
  text-decoration: underline;
}
table.toc ul{
  list-style: none;
  margin: 0;
}
.mw-content-ltr .toc ul ul, .mw-content-ltr #toc ul ul, .mw-content-rtl .mw-content-ltr .toc ul ul, .mw-content-rtl .mw-content-ltr #toc ul ul{
  list-style-type: none;
  margin-left: 1.3em;
}
table.toc ul li.toclevel-1{
  margin-bottom: 3px;
}
table.toc ul, table.toc ul a, table.toc ul a span.toctext{
  font-family: georgia;
  font-weight: normal;
  text-decoration: none;
  font-family: CreteRoundRegular;
}
table.toc ul a span.tocnumber{
  display: none;
}
table.toc ul a span.toctext:hover{
  text-decoration: underline;
}
table.toc #toctitle h2{
}
table.toc .toctoggle{
  float: right;
  margin-top: -28px;
  font-size: 12px;
  font-weight: normal;
}
.toc .toclevel-1{
  
}
.toc .toclevel-2{
  padding-left: 8px;
  font-size: 12px;
  line-height: 16px;
}
.toc .toclevel-3{
  padding-left: 12px;
}
.toc .toclevel-4{
  padding-left: 16px;
}

/* @end */

/* @group CSS Tables */

/* =============== Layout table styles ============= */
.tbl{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  
  border: 1px solid #a9d3a4;
  background: #fff;
  
  display: table;
  
}
.tbl h2,
.tbl .heading{
  padding: 7px 0;
  background-color: #009900;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(0,144,0)), to(rgb(0,164,0)));
  background: -webkit-linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  background: -moz-linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  background: -o-linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  background: -ms-linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  background: linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 0 0;
}
.tbl h3,
.tbl .subheading{
  padding: 2px 0;
  background: #e5f5e5;
  color: #007500;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 3px 0;
}
.tbl .row{
  display: table-row;
  width: 100%;
}
.tbl .row h2,
.tbl .row .heading{
  display: table-cell;
  padding-left: 10px;
  padding-right: 10px;
}
.tbl .col{
  display: table-column-group;
}
.tbl .cell{
  display: table-cell;
  border-right: 1px solid #a9d3a4;
  padding: 2px;
}




.tbl.orange{
  border-color: rgb(236,150,0);
}
.tbl.orange h2,
.tbl.orange .heading{
  background-color: #ea9800;
  text-shadow: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(236,158,0)), to(rgb(224,102,0)));
  background: -webkit-linear-gradient(top left 90deg, rgb(236,158,0) 0%, rgb(224,102,0) 100%);
  background: -moz-linear-gradient(top left 90deg, rgb(236,158,0) 0%, rgb(224,102,0) 100%);
  background: -ms-linear-gradient(top left 90deg, rgb(236,158,0) 0%, rgb(224,102,0) 100%);
  background: -o-linear-gradient(top left 90deg, rgb(236,158,0) 0%, rgb(224,102,0) 100%);
  background: linear-gradient(top left 90deg, rgb(236,158,0) 0%, rgb(224,102,0) 100%);
}
.tbl.orange h3,
.tbl.orange .subheading{
  background-color: hsl(38, 100%, 92%);
  color: hsl(27, 100%, 44%);
}
.tbl.orange .cell{
  border-right: 1px solid rgb(236,150,0);
}

.tbl .cell:last-child{
  border: none;
}

/* @end */

/* @group Collapsing Sections */

/* ======== Collapsable sections ========= */
.js .collapser{
  color:#009900;
  cursor: pointer;
  border: 0;
  border-bottom: 1px solid rgba(46, 19, 7, 0.3);
  background: transparent;
  font-weight: normal;
  margin: 0;
  /*position: relative;*/
  z-index: 1;
}

/*.js .collapser:after{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../images/ui-sprite.png') no-repeat left top;
  background-position: 0px -160px;
  position: relative;
  left: 5px;
  top: 5px;
}
.js .collapser.active:after{

  background-position: -16px -160px;

}*/
/* Reset jquery ui theme */
.js .collapsee.ui-widget{
  padding: 0;
}

.js .collapser.ui-accordion-header,
.js .collapsee.ui-accordion-content
{
  -webkit-transition: margin 0.5s;
}
.js .collapsee.ui-accordion-content
{
  border: 1px solid #ccc;
  border-width: 0 1px 1px 1px;
  padding-top: 0;
}
.js .collapser.ui-state-active{
  margin: 50px 0 0 0;
  
}
.js .collapsee.ui-accordion-content-active{
  margin: 0px 0 50px 0;
}

/* @end */

/* @group Column List */

ul.column-list{
  list-style-type: none;
  padding: 0;
  margin: 0;  
}
.column-list.two-columns{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -o-column-count: 2;
  -ms-column-count: 2;
  column-count: 2;
}
.column-list.three-columns{
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -o-column-count: 3;
  -ms-column-count: 3;
  column-count: 3;
}
.column-four-columns{
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -o-column-count: 4;
  -ms-column-count: 4;
  column-count: 4;
}
.column-list.five-columns{
  -webkit-column-count: 5;
  -moz-column-count: 5;
  -o-column-count: 5;
  -ms-column-count: 5;
  column-count: 5;
}

/* @end */

/* @group Tabify */

.tabify{
  
}
.tabify.ui-tabs{
  border-width: 1px 0;
  border-color: #ccc;
  background: transparent;
  font-family: Georgia;
}
.tabify ul.ui-tabs-nav{
  background: #e5f4e5;
  overflow:visible;
  border-bottom: 1px solid #ccc;
  border-width: 0 0 1px 0;
  padding-top: 0;
  padding-left: 5px;
  margin-top: 0px;
}
.tabify ul.ui-tabs-nav li{
  border-radius: 4px 4px 0 0;
  margin-top: 10px;

  background: rgba(255,255,255,0.5);
  padding: 0;
  border-bottom-width: 1px !important;
}
.tabify ul.ui-tabs-nav li.ui-state-active{
  border: 1px solid #ccc;
  background: #fff;
  
}

.tabify ul.ui-tabs-nav li, .tabify ul.ui-tabs-nav li h2, .tabify ul.ui-tabs-nav li h3{
  font-family: CreteRoundRegular;
  font-size: 16px;
  color: #009900;
  padding: 0;
  line-height: 18px
}
tabify ul.ui-tabs-nav li h3 a{
  padding: 5px;
}

.tabify ul.ui-tabs-nav li.ui-state-active, .tabify ul.ui-tabs-nav li.ui-state-active h3{
  color: #000;
  color: rgb(236,80,0);
}
.tabify .ui-widget-content a{
  color: #009900; /* jQuery UI forces grey links */
}
h2 + .tabify{
  border-top: 0;
  margin-top: 0px;
}

.tabify h2.tabify-header{
  /* undo styles imposed by .wiki-entry h2 */
  margin-top: 0px;
  border-bottom: none;
}


.tabify .tabify-tab .multipleTemplateWrapper{
}
.tabify .tabify-tab .multipleTemplateList .multipleTemplateInstance{
  border-radius: 0;
  border: 1px solid #ccc;
  border-width: 1px 1px 1px 1px;
  margin:0 0 -1px 0;
  padding-left: 10px;
  background-color: #f4f8f4;
}
.tabify .tabify-tab .multipleTemplateList .multipleTemplateInstance table{
}
.tabify .tabify-tab .multipleTemplateAdder{
  display: block;
  margin: 20px 0 1px 0;
}

/* @end */

/* @group Infobox */

.infobox{
  background: white;
  padding: 0 20px 20px 0;
}
.infobox.left{
  clear: left;
  float: left;
  padding: 0 20px 20px 0;
}
.infobox.right{
  float: right;
  clear: right;
  padding: 0 0 20px 20px;
}

.infobox-border{
  border: 1px solid #a9d3a4;
  background: #fff;
  padding: 0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
  font-size: 1em;
}

.infobox .infobox-section{
  
}
.infobox .infobox-section > .infobox-title{
  padding: 7px 0;
  
  background-color: #009900;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(0,144,0)), to(rgb(0,164,0)));
  background: -webkit-linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  background: -moz-linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  background: -o-linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  background: -ms-linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  background: linear-gradient(top left 90deg, rgb(0,144,0) 0%, rgb(0,164,0) 100%);
  
  color: #fff;
  font-family: CreteRoundRegular;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 0 0;
}
.infobox .infobox-section > .infobox-content{
}
.infobox .infobox-subsection{
  
}
.infobox .infobox-subsection > .infobox-title{
  padding: 2px 0;
  background: #e5f5e5;
  color: #007500;
  font-family: CreteRoundRegular;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 3px 0;
}
.infobox .infobox-subsection > .infobox-content{
  padding: 5px;
}

/*.infobox .infobox-section:not(:first-child){
  margin-top: 10px;
}*/
.infobox .infobox-section:first-child .infobox-section-title{
  -webkit-border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  -o-border-radius:5px 5px 0 0;
  -ms-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
}
.infobox .infobox-subsection-split{
  display: table;
  width: 100%;
}
.infobox .infobox-subsection-split .infobox-subsection{
  display: table-cell;
  
  border: 1px solid #a9d3a4;
  border-width: 0 0 0 1px;
  margin: 0 0 0 -1px;
  
}
.infobox .infobox-subsection-split .infobox-subsection:first-child{
  border-left: none;
}
.infobox .infobox-subsection-split .infobox-subsection:last-child{
  border-right: none;
  margin-right: 0;
}
.infobox p{
  font-size: 1em;
}
.infobox .infobox-title a{
  font-weight: normal;
}
.infobox .infobox-column{
  
}

.infobox.small{
  
}
.infobox.small .infobox-section > .infobox-title{
  padding: 3px 10px;
}
.infobox.small p{
  margin-bottom: 0;
}

.infobox.horizontal{
  
}
.infobox.horizontal .infobox-border{
  display: table;
  width: 100%;
}
.infobox.horizontal .infobox-section,
.infobox.horizontal .infobox-sectiongroup{
  display: table-cell;
  border-right: 1px solid #a9d3a4;
}
.infobox.horizontal .infobox-sectiongroup .infobox-section{
  display: block;
}

/* @end */

/* @end */


/* @group Plant Template */



/* Common name for plant articles */
#page-header #common-name{
  display: inline-block;
  margin-left: 10px;
  
  font-family: CreteRoundRegular;
  font-size: 14px;
  letter-spacing: 0;
  text-shadow: none;
  
}
#common-name h2{
  display: none;
}
#common-name ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 16px;
}
#common-name ul li{
  display: inline;
  color: #000;
}
#common-name ul li{
  margin-left: 3px;
  opacity: 0.4;
  font-size: 14px;
}
#common-name ul li:after{
  content: ',';
  display: inline;
}
#common-name ul li:first-child{
  font-size: 20px;
  opacity: 0.6;
  margin-left: 0;
}
#common-name ul li:last-child:after{
  content: '';
}



#plant-uses .article-section#plant-uses-header{
  margin-bottom: 0px; /* use types are enclosed in article sections to allow javascript to add the left margin, but we don't want the vertical margin between them */
}
#plant-uses{
  margin-bottom: 40px;
}
#plant-uses .article-section{
  margin-bottom: 20px;
}
#plant-uses .article-section .header-info{
  /* Hide the header info, it's google fodder */
  display: none;
}
#plant-uses .medicinal-warning{
  font-size: 12px;
}
#plant-uses .medicinal-warning a{
  color: red;
}
.plant-uses{
  margin-top: 10px;
}
.plant-uses h4{
  border-bottom: 1px solid #dedede;
}
.plant-uses .plant-use-list{

}
.plant-use-list .plant-use-list-item{
  /*display: list-item;*/
  
}
.toxicpart{
  
}
.toxicpart h4{
  margin-bottom: 0;
}
.toxicpart .toxic-compound{
  font-family: CreteRoundRegular;
  font-weight: normal;
  margin-bottom: 5px;
}
.toxicpart.toxicpart-toxicity-high,
.toxicpart.toxicpart-toxicity-high h4,
.toxicpart.toxicpart-toxicity-deadly,
.toxicpart.toxicpart-toxicity-deadly h4{
  color: red !important;
}
.toxicpart.toxicpart-toxicity-deadly{
  font-weight: bold;
  padding: 10px;
  border: 4px double red;
  margin: 10px 0;
}
.toxicpart .toxic-compound .toxicpart-toxicity{
  margin-left: 5px;
}
.toxicpart .toxic-compound .toxicpart-toxicity-low{
  opacity: 0.5;
}
.toxicpart .toxic-compound .toxicpart-toxicity-moderate{
  font-family: CreteRoundItalic;
  color: #ad4747;
}
.toxicpart .toxic-compound .toxicpart-toxicity-high,
.toxicpart .toxic-compound .toxicpart-toxicity-deadly{
  font-family: CreteRoundItalic;
  text-decoration: underline;
  margin-left: 5px;
}
.toxicpart .toxic-compound .toxicpart-toxicity-deadly{
  font-size: 140%;
  text-decoration: underline;
  margin-left: 10px;
}
.toxicpart .toxic-compound .toxicpart-toxicity-deadly{
  
}
/*.plant-use-list .plant-use-list-item:before{
  content: '\2027';
  display: inline;
  float: left;
  position: relative;
  left: -10px;
}
.plant-use-list .plant-use-list-item h5{
  margin-left: -10px;
}*/




/* == Uses QR ============================== */
#plant-uses-qr{
  display: none;
}
#page-header #plant-uses-qr{
  display: block;
  float: right;
}


/* == Iconbar =============================== */
#plant-iconbar{
  background: #eef5e6;
  border-color: #eee;
  border: 1px solid rgba(0,0,0,0.16);
  
  /*padding-left: 300px;*/
  
  border-width: 1px 0 1px 0;
  margin: -21px -40px 0 -40px;
  padding: 0 0 0 40px;
}

#page-header #plant-iconbar{
  position: absolute;
  bottom: -1px;
  width: 100%;
  margin: 0;
  z-index: 0;
  padding-left: 0;
}
#page-header #plant-iconbar .iconbar-section:first-child{
  margin-left: 20px;
}
.iconbar-section{
  display: inline-block;
  vertical-align: top;
  padding: 5px 15px;
  text-align: center;
  margin: 0 -1px;
  border: 1px solid #ccc;
  border-width: 0 1px 0 0;
  height: 65px;

}
.iconbar-section .header,
.iconbar-section h3
{
  font-family: CreteRoundRegular;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #115d11;
  margin-bottom: 5px;
}
.iconbar-section .header a{
  font-weight: normal;
}
.iconbar-section ul.iconbar-icons{
  padding: 0;
  list-style: none;
  margin: 0;
}
.iconbar-spot{
  display: inline-block;
}
.iconbar-icon{
  overflow: hidden;
  padding: 0;
  list-style: none;
  display: inline-block;
  width: 32px;
  height: 32px;
  text-indent: -9000px;
  background: url('../images/ui-sprite.png') no-repeat left top;
  margin: 0 4px 0 4px;
  vertical-align: top;
}
.iconbar-icon + .iconbar-icon{
  margin-left: 5px;
}

/* Twitter Bootstrap Popover  */
.iconbar-popover{
  text-align: center;
}
.iconbar-popover .popover-title{
  text-align: center;
  font-size: 110%;
   /* background-color: #eef5e6;*/
}
.iconbar-popover .popover-content{

}
.iconbar-spot .iconbar-popover-content{
  display: none;
}
.iconbar-popover-result{
  text-align: center;
  margin-bottom: 10px;
  font: 22px/32px CreteRoundRegular;
}
.iconbar-popover-result .iconbar-icon{
  height: 32px;
  /*width: 32px;
  display: block;
  margin: 0 auto;*/
}
.iconbar-popover-result em{
  display: block;
  margin: -2px auto -4px auto;
  text-align: center;
  font-size: 14px;
  padding: 0;
  line-height: 14px;
}
.iconbar-popover-explanation .definition{
  font-size: 13px;
  line-height: 15px;
  margin: 0 -10px 10px -10px;
}
.iconbar-popover-explanation .definition + .key{
}
.iconbar-popover-content .key{
  border-top: 1px solid #ccc;
  text-align: center;
  margin: 15px -15px 0 -15px;
  padding: 0 10px;
}
.iconbar-popover-content .key .heading{
  font-family: CreteRoundRegular;
  text-align: center;
  margin-bottom: 5px;
  
}


/*Icon types with bars below need to be taller*/
.sun-icon,
.shade-icon,
.water-icon{
  height: 40px;
}

.iconbar-icon{ background-position: -64px -128px; }
.none-icon{ background-position: 0 -128px; }
.unknown-icon{ background-position: -32px -128px; }

.niche-icon-canopy{      background-position: -352px 0px; }
.niche-icon-secondary_canopy{      background-position: -352px 0px; }
.niche-icon-shrub{      background-position: -416px 0px; }
.niche-icon-soil_surface{  background-position: -320px 0px; }
.niche-icon-rhyzosphere{  background-position: -288px 0px; }
.niche-icon-climber{    background-position: -384px 0px; }

.function-icon-rootstock{      background-position: -288px -64px; }
.function-icon-earth_stabiliser{    background-position: -320px -64px; }
.function-icon-hedge{        background-position: -352px -64px; }
.function-icon-ground_cover{      background-position: -384px -64px; }
.function-icon-mineral_accumulator{  background-position: -288px -96px; }
.function-icon-nitrogen_fixer{    background-position: -320px -96px; }

.sun-icon{ background-position: -32px 0px; }
.sun-icon-full_sun{ background-position: -32px 0px; }
.sun-icon-partial_sun{ background-position: -64px 0px; }
.sun-icon-indirect_sun{ background-position: -96px 0px; }

.shade-icon-no_shade{ background-position: -256px 0px; }
.shade-icon-light_shade{ background-position: -224px 0px; }
.shade-icon-partial_shade{ background-position: -192px 0px; }
.shade-icon-permanent_shade{ background-position: -160px -0px; }
.shade-icon-permanent_deep_shade{ background-position: -128px 0px; }

.water-icon-low{    background-position: 0px -48px; }
.water-icon-moderate{ background-position: -32px -48px; }
.water-icon-high{   background-position: -64px -48px; }
.water-icon-aquatic{  background-position: -96px -48px; }

.hardiness-icon,
.heat-icon{
  font-family: Helvetica, Arial;
  font-weight: bold;
  font-size: 15px;
  color: white;
  
  text-indent: 0;
  line-height: 32px;
}
.hardiness-icon{  
  background-position:-224px -96px; 
  text-shadow: 0px 0px 3px rgb(0,0,250);
}
.heat-icon{
  background-position:-256px -96px;
  text-shadow: 0px 0px 3px rgb(150,0,0);
}
.heat-key{
  -webkit-column-count: 3;
  -webkit-column-rule:1px solid #ddd;
  -moz-column-count: 3;
  -moz-column-rule:1px solid #ddd;
  column-count: 3;
  column-rule:1px solid #ddd;
  
  font-size: 12px;
  text-align: left;
  line-height: 12px;
  
}
.heat-key div{
  display: inline-block;
  width: 100px;
}
.heat-key .zone{
  display: inline-block;
  width: 14px;
  text-align: left;
  font-family: CreteRoundRegular;
}
.heat-key .degrees-c,
.heat-key .degrees-f
{
  display: inline-block;
  width: 70px;
  color: #333;
}
.heat-key .degrees-f{
  display: none;
}
.soil_ph-icon{
  /* ResourceLoader can't deal with creating absolute urls automatically for multiple background images, so we have to hard code it.
  We'll leave the first one for ResourceLoader to do, so it can add the right cache ending */
  /*background-image: url('../images/ui-sprite.png'),
          url('../images/ui-sprite.png'),
          url('../images/ui-sprite.png'),
          url('../images/ui-sprite.png'),
          url('../images/ui-sprite.png'),
          url('../images/ui-sprite.png');*/
  background-image: url('../images/ui-sprite.png'),
          url('/w/extensions/PracticalPlants/resources/images/ui-sprite.png'),
          url('/w/extensions/PracticalPlants/resources/images/ui-sprite.png'),
          url('/w/extensions/PracticalPlants/resources/images/ui-sprite.png'),
          url('/w/extensions/PracticalPlants/resources/images/ui-sprite.png'),
          url('/w/extensions/PracticalPlants/resources/images/ui-sprite.png');
  background-position: 0 -96px,
             0 -96px,
             0 -96px,
             0 -96px,
             0 -96px,
             -32px -96px;
}
.soil_ph-icon-very_acid{    background-position: -64px -96px, 0 -96px, 0 -96px, 0 -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-acid{       background-position: 0 -96px, -96px -96px, 0 -96px, 0 -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-neutral{    background-position: 0 -96px, 0px -96px, -128px -96px, 0 -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-alkaline{     background-position: 0 -96px, 0px -96px, 0px -96px, -160px -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-very_alkaline{  background-position: 0 -96px, 0px -96px, 0px -96px, -0px -96px, -192px -96px,   -32px -96px; }

/*very acid to very alkaline*/
.soil_ph-icon-very_acid.soil_ph-icon-acid{    
  background-position: -32px -96px, -64px -96px, 0 -96px, 0 -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-very_acid.soil_ph-icon-neutral{    
  background-position: -32px -96px, -64px -96px, -96px -96px, 0 -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-very_acid.soil_ph-icon-alkaline{    
  background-position: -32px -96px, -64px -96px, -96px -96px, -128px -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-very_acid.soil_ph-icon-very_alkaline{    
  background-position: -32px -96px, -64px -96px, -96px -96px, -128px -96px, -160px -96px,   -32px -96px; }
/*acid to very alkaline*/
.soil_ph-icon-acid.soil_ph-icon-neutral{    
  background-position: 0 -96px, -96px -96px, -128px -96px, 0 -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-acid.soil_ph-icon-neutral.soil_ph-icon-alkaline{     
  background-position: 0 -96px, -96px -96px, -128px -96px, -160px -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-acid.soil_ph-icon-neutral.soil_ph-icon-alkaline.soil_ph-icon-very_alkaline{     
  background-position: 0 -96px, -96px -96px, -128px -96px, -160px -96px, -192px -96px,   -32px -96px; }
/*neutral to very alkaline*/
.soil_ph-icon-neutral.soil_ph-icon-alkaline{     
  background-position: 0 -96px, 0px -96px, -128px -96px, -160px -96px, 0 -96px,   -32px -96px; }
.soil_ph-icon-neutral.soil_ph-icon-alkaline.soil_ph-icon-very_alkaline{     
  background-position: 0 -96px, 0px -96px, -128px -96px, -160px -96px, -192px -96px,   -32px -96px; }
/*alkline to very alkaline*/   
.soil_ph-icon-alkaline.soil_ph-icon-very_alkaline{     
  background-position: 0 -96px, 0px -96px, 0 -96px, -160px -96px, -192px -96px,   -32px -96px; }

.soil_texture-icon{
  background-position: -64px -128px;
  height: 40px;
  text-indent: 0;
  font-size: 0px;
}
/* Sprite */
.soil_texture-icon-sandy{ background: none; }
.soil_texture-icon-loamy{ background: none; }
.soil_texture-icon-clay{ background: none; }
.soil_texture-icon-fragment-one,
.soil_texture-icon-fragment-two,
.soil_texture-icon-fragment-three{
  background-image:url('../images/ui-sprite.png');
  display: inline-block;
  height: 40px;
  
}
.soil_texture-icon-fragment-one{ width: 11px; background-position:-128px -48px; }
.soil_texture-icon-fragment-two{ width: 10px; background-position:-139px -48px;}
.soil_texture-icon-fragment-three{width: 11px; background-position:-149px -48px;} 

.soil_texture-icon-sandy .soil_texture-icon-fragment-one{ background-position:-160px -48px; }
.soil_texture-icon-loamy .soil_texture-icon-fragment-two{ background-position:-171px -48px; }
.soil_texture-icon-clay .soil_texture-icon-fragment-three{ background-position:-181px -48px; }
.soil_texture-icon-heavy_clay .soil_texture-icon-fragment-three{ background-position:-213px -48px; }


.use-icon{
  
}
.use-icon-fuel, .use-icon-firewood{ background-position:-288px -128px; }
.use-icon-timber{ background-position:-320px -128px; }


.qtip-content{
  text-align: center;
}
.qtip-content span{
  display: block;
  font-family:CreteRoundRegular;
  margin-bottom: 2px;
}


/* Plant infobox */
.infobox-scale{
  text-indent: -10000px;
  width: 203px;
  height: 18px;
  background: url('../images/ui-sprite.png') no-repeat left top;
  margin:  0 auto;
  position: relative;
  z-index:  1;
}
.scale-slider{
  position: absolute;
  z-index:  10;
  top: -5px;
  height: 25px;
  
  font-family: Helvetica, Corbel, Arial, sans-serif;
  text-align: center;
  font-size: 16px;
  line-height: 27px;
  text-indent: 0;  
  
  border: 1px solid rgba(0,0,0,0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
  background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
  
}
.hardiness-scale{
  background-position: -80px -32px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.heat-scale{
  margin-top: 10px;
  margin-bottom: 10px;
  background-position: -80px 0px;
}
.hardiness-scale .scale-slider, .heat-scale .scale-slider{
  width: 25px;
  margin-left: -14px;
}
.heat-scale:before, .hardiness-scale:before{
  content: "0";
  text-indent: 0;
  position: absolute;
  left: -9px;
  top: 3px;
  
  color: #aaa;
  font-size: 10px;
  font-family: Helvetica, Corbel, Arial, sans-serif;
}
.heat-scale:after, .hardiness-scale:after{
  content: "12";
  text-indent: 0;
  position: absolute;
  right: -14px;
  top: 3px;
  
  color: #aaa;
  font-size: 10px;
  font-family: Helvetica, Corbel, Arial, sans-serif;
}

.scale-slider.hs-slider-value-1{ left: 8%; }
.scale-slider.hs-slider-value-2{ left: 16%; }
.scale-slider.hs-slider-value-3{ left: 24%; }
.scale-slider.hs-slider-value-4{ left: 33%; }
.scale-slider.hs-slider-value-5{ left: 41%; }
.scale-slider.hs-slider-value-6{ left: 49%; }
.scale-slider.hs-slider-value-7{ left: 51%; }
.scale-slider.hs-slider-value-8{ left: 60%; }
.scale-slider.hs-slider-value-9{ left: 68%; }
.scale-slider.hs-slider-value-10{ left: 76%; }
.scale-slider.hs-slider-value-11{ left: 85%; }
.scale-slider.hs-slider-value-12{ left: 93%; }
.scale-slider.hs-slider-value-unknown{ left: 50%; color: red; }


.ph-scale{
  background-position: -80px -64px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.ph-scale .scale-slider{
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  opacity: 0.8;
  text-align: center;
}

.scale-slider.-ph-slider-value-very_alkaline-{ left:  65%; }
.scale-slider.-ph-slider-value-alkaline-{ left: 50%; }
.scale-slider.-ph-slider-value-neutral-{ left: 35%; }
.scale-slider.-ph-slider-value-acid-{ left: 20%; }
.scale-slider.-ph-slider-value-very_acid-{ left: 3%; }
.scale-slider.-ph-slider-value-unknown-{ left: 50%; width: 25px; margin-left: -14px; }

.scale-slider.-ph-slider-value-very_acid-.-ph-slider-value-alkaline-{ width: 65%; }
.scale-slider.-ph-slider-value-very_acid-.-ph-slider-value-very_alkaline-{ width: 84%; }


.plant-cultivar_group{
  margin-bottom: 15px;
}
.plant-cultivar_group .plant-cultivar{
  margin-left: 20px;
  border-left: 1px solid #ccc;
  padding: 10px;
}
.plant-cultivar_group .plant-cultivar:first-child{
  margin-top: 10px;
}

.plant-subspecies{
  margin-bottom: 15px;
}


.cc-nc{
  position: relative;
  border: 2px solid transparent;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  
  padding-right: 18px;
  
  -webkit-transition: background 0.5s, border 0.5s, padding 0.5s, margin 0.5s;
  -moz-transition: background 0.5s, border 0.5s, padding 0.5s, margin 0.5s;
  -o-transition: background 0.5s, border 0.5s, padding 0.5s, margin 0.5s;
  -ms-transition: background 0.5s, border 0.5s, padding 0.5s, margin 0.5s;
  transition: background 0.5s, border 0.5s, padding 0.5s, margin 0.5s;
  
  padding: 10px 28px 10px 10px;
  margin: -10px;
}
.cc-nc:hover{
  
}
.cc-nc .cc-nc-logo{
  background: url('../images/cc-nc.png') no-repeat top right;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  right:  5px;
  
  margin-top: -8px;
  
  opacity: 0.2;
}
.cc-nc:hover .cc-nc-logo{
  opacity: 0.6;
}

.cc-nc .cc-nc-logo:hover{
  opacity: 1;
}
.cc-nc.active{
  border-color: red;
  
  background: rgba(255,200,200,0.3);
}
.cc-nc.active .cc-nc-logo{
  
}


/* @end */





/* =============== Semantic Category Listings ================ */
.category-plant-item{
  
}
.category-plant-item .common-name{
  color: #999;
}




/* =============== Edit New Article screen ================ */
#edit-new-article-forms{
  font-size: 120%;
}
#edit-new-article-forms dl dt{
  font-family: CreteRoundRegular;
}
#edit-new-article-forms dl dt a{
  font-family: CreteRoundRegular;
  
}
#edit-new-article-forms dl dd{
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 10px;
}


/* @group Semantic Forms */

/* @group Global */

#sfForm h2{
  margin-bottom: 10px;
  position: relative;
  z-index: 90;
}
#sfForm h2 + .tabify{
  margin-top: -10px;
}
#sfForm .collapsee{
  margin-bottom: 30px;
}
#sfForm textarea, #sfForm input{
  font-family: Georgia;
}
#sfForm input[type=button]{
  font-family: CreteRoundRegular;
}
#sfForm textarea.wikieditor{
  font-size: 14px;
  font-family: Georgia;
}
table.formtable{
  margin: 10px;
}
table.formtable th{
  font-weight: bold;
}
table.formtable td{
  padding: 2px;
}
table.formtable tr{
}
.multipleTemplateInstance{
  margin: 0;
}
.multipleTemplate{
  margin: 0;
}
.sf-field{
  margin-bottom: 20px;
}
.sf-fieldgroup{
  position: relative;
  padding: 10px 0 0ifpx 15px;
  margin: 30px 0 30px 5px;
  border-left: 1px solid #ccc;
}
.sf-fieldgroup > div.label{
  position: absolute;
  top: -20px;
  left: -10px;
}
table.formtable input.createboxInput,
form.createbox input.createboxInput,
input.autocompleteInput{
  padding: 2px;
  font-size: 13px;
  border: 1px solid #999;
  -webkit-border-radius: 4px;
}
.sf-field .collapser{
  
}
.sf-field .collapser.inactive{
  
}
.sf-field .collapsee{
  
}

.sf-field label.checkboxLabel{
  display: inline-block;
}
.sf-field label.radioButtonItem{
  display: inline-block;
}

.sf-field .label{
  font-family: CreteRoundRegular;
  font-size: 16px;
  
  /* override .label styles from bootstrap */
  background: transparent;
  color: #333;
  text-shadow: none;
  font-weight: normal;
  padding-left: 0;
}
.label span{
  font-family: CreteRoundItalic;
  color: #666;
  font-size: 12px;
}
table.formtable input.createboxInput,
form.createbox input.createboxInput{
  padding: 2px;
  font-size: 15px;
  border: 1px solid #999;
  -webkit-border-radius: 4px;
}
.wikiEditor-ui-text textarea{
  width: 100%;
}
.multipleTemplateList .multipleTemplateInstance{
  background: #fafafa;
  border-radius: 5px;
}
input.multipleTemplateAdder,
input#wpSave{
  width: 200px;
  height: 40px;
  
  font-family: CreteRoundRegular;
  font-size: 17px;
  
  border: 1px solid transparent;
  border-top: 1px solid #97f79a;
  background: #28872d;
  background: -webkit-gradient(linear, left top, left bottom, from(#5dbd4e), to(#28872d));
  background: -webkit-linear-gradient(top, #5dbd4e, #28872d);
  background: -moz-linear-gradient(top, #5dbd4e, #28872d);
  background: -ms-linear-gradient(top, #5dbd4e, #28872d);
  background: -o-linear-gradient(top, #5dbd4e, #28872d);
  padding: 9px 18px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;

  
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  text-decoration: none;
  vertical-align: middle;
}
input#wpPreview,
input#wpDiff{
  vertical-align: middle;
  
  font-family: CreteRoundRegular;
  font-size: 14px;
  
  border: 1px solid transparent;
  border-top: 1px solid #999;
  background: #28872d;
  background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#555));
  background: -webkit-linear-gradient(top, #aaa, #555);
  background: -moz-linear-gradient(top, #aaa, #555);
  background: -ms-linear-gradient(top, #aaa, #555);
  background: -o-linear-gradient(top, #aaa, #555);
  padding: 4px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  text-decoration: none;
  vertical-align: middle;
}
#form-buttons{
  margin-top: 30px;
}
#form-buttons input{
  margin-right: 5px;
}





.tbl-tr{
  display: table-row;
}
.tbl-th,
.tbl-td{
  display: table-cell;
}

/* @end */

/* @group References */

.form-references{
  
}
.form-references .ref-title{
  min-width: 200px;
}
.form-references .ref-date{
  width: 140px;
}
.form-references .ref-buttons{
  width: 50px;
}
.form-references .removeButton .btn{
  padding: 0;
}
.form-references .instanceRearranger{
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
}
.form-references .removeButton button,
.form-references .instanceRearranger{
  vertical-align: bottom;
}
.form-references .table select{
  width: auto;
}
.form-references .table input.createboxInput{
  width: 95%;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-color: transparent;
  font-size: 12px;
  margin-top: 4px;
}
.form-references .table input.createboxInput:hover{
  border-color: #ccc;
}
.form-references .table th{
  padding: 2px;
}
.form-references .table td{
  padding: 0 2px;
}
.form-references input.dayInput{
  width: 15px;
}
.form-references input.yearInput{
  width: 30px;
}
.form-references select.monthInput{
  padding: 0;
  width: 50px;
}
.form-references input.dayInput,
.form-references select.monthInput,
.form-references input.yearInput{
  font-size: 12px;
  vertical-align: top;
  margin: 0;
}
.form-references .multipleTemplateInstance{
  
}
.form-references .multipleTemplateInstance .ref-field{
  
}
.form-references .multipleTemplateInstance .ref-field .label{
  
}
.form-references .multipleTemplateInstance:hover .ref-field .label{
  
  
}
.form-references .multipleTemplateInstance .ref-type{

}
.form-references .multipleTemplateInstance .ref-type select{
  
}
.form-references .multipleTemplateInstance .ref-name{

}

.form-references .multipleTemplateInstance .ref-field.ref-author{

}

/* @end */

/* @group Plant Form */

/* Plant form */
.plantform-use{
  
  /*border: 1px solid #ccc;
  border-width: 0 1px;*/
}
.plantform-use .multipleTemplateInstance input.ui-autocomplete-input,
.plantform-use .multipleTemplateInstance input.createboxInput{

}

#plantform-interactions .multipleTemplateInstance .plantform-interaction{
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}
#plantform-interactions .multipleTemplateInstance .plantform-interaction input.createboxInput{
  width: 300px;
}
#plantform-interactions .multipleTemplateInstance .plantform-interaction.interaction-references{
  margin-right: 0;
}
#plantform-interactions .multipleTemplateInstance .plantform-interaction-type{

}
#plantform-problems .multipleTemplateInstance{
  
}
#plantform-problems .plantform-problem-type{
  width: 150px;
  display: inline-block;
  vertical-align: top;
}
#plantform-problems .plantform-problem-name{
  width: 300px;
  display: inline-block;
  vertical-align: top;
}
#plantform-problems .plantform-problem-picture{
  width: 500px;
  display: inline-block;
  vertical-align: top;
}
#plantform-uses .plantform-use-part,
#plantform-uses .plantform-use-use{
  width: 500px;
  display: inline-block;
  vertical-align: top;
}
#plantform-uses .plantform-toxic-part,
#plantform-uses .plantform-toxic-compounds,
#plantform-uses .plantform-toxic-danger{
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}

#plant-form .pfaf-notes-field{
  border: 1px solid pink;
  padding: 10px;
    background-color: rgba(255,0,0,0.03);
  
}
#plant-form .pfaf-notes-field .pfaf-notes-instructions{
  margin: 10px 0;
  
}
#plant-form .pfaf-notes-field .pfaf-notes-instructions b{
  font-family: CreteRoundItalic;
  color: red;
}
#plant-form .pfaf-notes-field textarea{
  font-size: 13px !important;
  border: 1px solid pink;
  outline: 0;
}
/* @end */


/* @end */





/* @group Main Page */
body.page-Practical_Plants #page-header{
  padding-right: 0px;
  min-height: 170px;
}
body.page-Practical_Plants #page-header #header-content{
  padding-right: 40px;
  min-height: 165px;
}
body.page-Practical_Plants #page-header #article-image-container{
  position: absolute;
  padding: 0;
  left: 40px;
  top: 25px;
  background: transparent;
  border: none;
  box-shadow: none;
  width: 200px;
  margin: -20px 20px 0px 0px;
  
}
body.page-Practical_Plants #page-header #article-image{
  border: none;
  width: 200px;
  background:transparent;
  box-shadow: none;
}
body.page-Practical_Plants #page-header #article-image-container:hover #article-image{
  box-shadow: none;
}
body.page-Practical_Plants #page-header #article-image img{
  width: 200px;
}
body.page-Practical_Plants #page-header #article-title,
body.page-Practical_Plants #page-header #article-summary{
  margin-left: 220px;
}
body.page-Practical_Plants #sidebar{
  display: none;
}
body.page-Practical_Plants .article-content{
  width: auto;
  margin-right: 0;  
}
#main-page-content{
  display: table;
  clear: left;
}
#main-page-content #main-page-leftcol{
  display: table-cell;
  width: 53%;
  border-right: 1px solic #ccc;
}
#main-page-content #main-page-rightcol{
  display: table-cell;
  padding-left: 20px;
  width: 40%;
}
#main-page-polyculture,
#main-page-info,
#main-page-project{
  margin-bottom: 25px;
}

#main-page-content .discover .discover-filters{
  width: 220px;
  text-align: left;
}
#main-page-content .discover .discover-filter-header{
  text-align: left;
  background: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
  line-height: 18px;
}
#main-page-content .discover .discover-filter{
  font-size: 12px;
  margin-bottom: 5px;
}
#main-page-content .discover .discover-filter-propertyvalues .discover-filter-checkbox{
  display: block;
}
#main-page-content .discover .discover-results{
  margin-left: 240px;
}
#main-page-content .discover .discover-result-item{
  width: 138px;
  height: 138px;
  border: 1px solid #6c906c;
  background: #e5f3e5;
  border-radius: 4px;
  
  margin: 0 5px 39px 5px;
  position: relative;
  
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
#main-page-content .discover-result-item.loading{
  background: url(/resources/images/loader.gif) center center no-repeat;
  background-size: auto;
}
#main-page-content .discover-result-item.noimage{
  background: url(/resources/images/no-image-transgreen-248.png) center center no-repeat;
  background-size: cover;
}
#main-page-content .discover .discover-result-item:hover{
  text-decoration: none;
} 
#main-page-content .discover .discover-result-item:hover .title,
#main-page-content .discover .discover-result-item .title:hover{
  text-decoration: none;
  color: rgb(236,80,0);
}
#main-page-content .discover .discover-result-item .title{
  position: absolute;
  width: 160px;
  top: 160px;
  left: -5px;
  text-align: center;
}
#main-page-content .discover .discover-result-item .title{
  font-family: CreteRoundRegular;
  font-weight: normal;
}
#main-page-content .discover .discover-result-item .title .binomial{
  font-style: normal;
  font-family: CreteRoundItalic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#main-page-content .discover .discover-result-item .title .common-name{
  display: block;
  font-size: 10px;
  color: #999;
  position: Relative;
  top: -2px;
  padding: 0;
  margin: 0;
  line-height: 10px;
}
#main-page-content .discover .filter-usda_hardiness_zone .discover-filter-body,
#main-page-content .discover .filter-ahs_heat_zone .discover-filter-body{
  -webkit-column-count: 4;
}
#main-page-content .discover .filter-ahs_heat_zone .discover-filter-checkbox,
#main-page-content .discover .filter-usda_hardiness_zone .discover-filter-checkbox
{
  display: inline-block;  
}

#main-page-content .collapser:after{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('../images/ui-sprite.png') no-repeat left top;
  background-position: -32px -160px;
  position: relative;
  left: 0px;
  top: 4px;
}
#main-page-content .collapser.active:after{
  background-position: -48px -160px;
}

#main-page-browse{
  clear: left;
  padding-top: 20px;
}
#main-page-browse h3{
  font-size: 18px;
}
#main-page-browse h3 span.more{
  font-size: 12px;
}
#main-page-browse .browse-property{
  margin-bottom: 10px;
  width: 48%;
  display: inline-block;
  vertical-align: top;
}
#main-page-browse .browse-property ul{
  -webkit-column-count: 4;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
#main-page-browse #browse-edible{
  
}
#main-page-browse #browse-medicinal{
  
}
#main-page-browse #browse-material{
  
}
#main-page-browse #browse-function{
  
}
#main-page-polyculture-image{
  width: 152px;
  margin: 0 15px 15px 0;
  float: left;
}
#main-page-polyculture-image img{
  border-radius: 5px;
  border: 1px solid #6c906c;
}
#main-page-polyculture-image .title{
  display: block;
  text-align: center;
}
#main-page-polyculture-image .title a{
  font-family: CreteRoundRegular;
  text-decoration: none;
  color: #009900; 
  font-weight: normal;
}
#main-page-polyculture-image .title a:hover{
  color: rgb(236,80,0);
}

#main-page-info{
  clear: left;
}


#recently-modified-plant-list{
  
}
#recently-modified-plant-list .recently-modified-item{
  clear: left;
  min-height: 50px;
  margin: 0 0 10px 0;
  width: 300px;
  display: inline-block;
}
#recently-modified-plant-list .recently-modified-item .plant-name{
  
}
#recently-modified-plant-list .recently-modified-item .plant-image{
  width: 50px;
  max-height: 50px;
  overflow: hidden;
  border: 1px solid #ccc;
  font-size: 1px;
  
  float: left;
  margin: 0 5px 5px 0;
}
#recently-modified-plant-list .recently-modified-item .plant-image.no-image{
  background: #f5f5f5 url('/resources/images/no-image-green-248.png') no-repeat left top;
  background-size: cover;
  height: 50px;
}
/* @end */

/* =============== Search Page ================ */
#search-discover{
  
}
#search-discover .discover-filters{
  width: 220px;
  text-align: left;
}
#search-discover .discover-filter-header{
  text-align: left;
  background: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
#search-discover .discover-filter{
  font-size: 14px;
  margin-bottom: 5px;
}
#search-discover .discover-filter-propertyvalues .discover-filter-checkbox{
  display: block;
}
#search-discover .discover-results{
  margin-left: 240px;
}
#search-discover .discover-result-item{
  width: 138px;
  height: 138px;
  border: 1px solid #6c906c;
  background: #e5f3e5;
  border-radius: 4px;
  
  margin: 0 5px 30px 5px;
  position: relative;
  
  background-color: #e5f3e5;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
#search-discover .discover-result-item.loading{
  background: url(/resources/images/loader.gif) center center no-repeat;
  background-size: auto;
}
#search-discover .discover-result-item.noimage{
  background: url(/resources/images/no-image-transgreen-248.png) center center no-repeat;
  background-size: cover;
}


#search-discover .discover-result-item:hover{
  text-decoration: none;
} 
#search-discover .discover-result-item:hover .title,
#search-discover .discover-result-item .title:hover{
  text-decoration: none;
  color: rgb(236,80,0);
}
#search-discover .discover-result-item .title{
  position: absolute;
  width: 160px;
  top: 160px;
  left: -5px;
  text-align: center;
}
#search-discover .discover-result-item .title{
  font-family: CreteRoundRegular;
  font-weight: normal;
}
#search-discover .discover-result-item .title .binomial{
  font-style: normal;
  font-family: CreteRoundItalic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#search-discover .discover-result-item .title .common-name{
  display: block;
  font-size: 10px;
  color: #999;
  position: Relative;
  top: -2px;
}
#search-discover .filter-usda_hardiness_zone .discover-filter-body,
#search-discover .filter-ahs_heat_zone .discover-filter-body{
  -webkit-column-count: 4;
}
#search-discover .filter-ahs_heat_zone .discover-filter-checkbox,
#search-discover .filter-usda_hardiness_zone .discover-filter-checkbox{
  display: inline-block;
}



/* =============== Special Pages ================ */
.mw-specialpages-table{
  margin-top: 0;
}
body.ns-special #page-header{
  
}
/* =============== Preference Page ================ */

#mw-prefs-form ul#preftoc{
  list-style: none;
  margin: 0;
  text-align: left;
  margin: -10px 0 10px 0;
}
#mw-prefs-form ul#preftoc li{
  display: inline-block;
  
  margin: 0 0 0 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  background: #009900;
  display: inline;
  
  font-family: CreteRoundRegular;
  color: #fff;
  text-decoration: none;
  padding: 2px 7px;
  line-height: 2.6;
  white-space: nowrap;
}
#mw-prefs-form ul#preftoc li.selected{
  background: rgb(236,158,0);
}
#mw-prefs-form ul#preftoc li a{
  color: #fff;
  font-weight: normal;
}
#mw-prefs-form ul#preftoc li a:hover{
  text-decoration: none;
}
#mw-prefs-form fieldset fieldset{
  padding: 10px;
  /*border: 1px solid #007500;*/
  margin-bottom: 20px;
  background: #e5f5e5;
  /*color: #007500;*/
}
#mw-prefs-form fieldset legend.mainLegend{
  display: none;
}
#mw-prefs-form fieldset legend{
  font-family: CreteRoundRegular;
  font-size: 16px;
}
#mw-prefs-form fieldset fieldset td{
  padding: 3px;
}





.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* =============== Edit new article forms list ================ */

#edit-new-article-forms dt a.new{
  color: rgb(236,80,0); /*#009900;*/
}
#edit-new-article-forms dt{
  font-family: CreteRoundRegular;
  font-size: 18px;
}
#edit-new-article-forms dd{
  font-size: 14px;
}


/* =============== Polyculture form ================ */
#polycultureform-members .multipleTemplateInstance{
  
}

/* =============== User Namesapce ================ */
/*body.ns-subject #page-header{
  padding: 10px 40px 30px 40px;
  font-size: 28px;
}*/



/* =============== Screen Display Tweaks ================ */
@media screen{
  article.wiki-entry .article-content .printfooter{
    display: none;
  }
  
}\
/* =============== Print Display ================ */







@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}