/* @override 
	http://cspcda.synfinity.net/site_media/css/base.css
	http://badlist.co.uk/site_media/css/base.css
	http://goodlist.co.uk/site_media/css/base.css
*/

@import url(reset.css);
/* @group legacy */

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.dialog {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -270px;
    width: 450px;
    
    background-color: #EEE;
    color: #333;
    border: 5px solid red;
    padding: 45px;
}

.jqmOverlay { background-color: #000; }

@font-face {
    font-family: "Hobo";
    src: url(../hobo.ttf) format("truetype");
    }
    
#site_wide_announcements {
    background: yellow;
    padding: 15px;
    text-align: center;
}
div#redirect {
    padding:5px 10px;
    text-align:center;
    margin:3px;
    border: 1px solid #977;
    background-color:#fbb;
    }

.verified {
    color: green;
}
.remove {
    color: red;
}
.unverified {
    color: gray;
}
.primary {
    font-weight: bold;
}
.warning {
    color: red;
    font-weight: bold;
}

div.notice {
    margin:0 0 0.2em 0;
    padding: 5px;
    border-bottom: 1px solid #CCC;
}
div.unseen_notice { background: #DFC; }

span.notice_type {
    color: #666;
}
span.notice_message {
}
span.notice_time {
    color: #999;
    font-size: 90%;
}

/* pagination */
.pagination {
    margin: 10px 0;
}
.pagination .disabled {
    padding: 0.5em 0.8em;
    color: #FFF;
    background: #AAA;
}
.pagination .current {
    padding: 0.5em 0.8em; margin:0 0.5em;
    color: #FFF;
    background: #336B33;
}
.pagination a {
    padding:0.5em 0.8em;
    text-decoration: none;
    color: #FFF;
    background: #336B33;
}
.pagination a:hover, .pagination a:focus	{ color:#AAF043; }

/* reference:
 *   http://www.positioniseverything.net/easyclearing.html
 *   http://www.zeldman.com/2006/10/27/ie7fixes1/
 *      comment by michael on 10/28/2006
 */
.clearfix {
    min-height: 1%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* hides from ie5-mac \*/
* html .clearfix { height: 1%; }
/* end hide from ie5-mac */


dl.what_next {
    margin: 2em;
}
dl.what_next dt {
    font-size: 120%;
}
dl.what_next dd {
    margin: 0 0 1em 0;
    font-style: italic;
}
p.what_next {
    font-size: 120%;
}

.clear	{ clear:both; }
.clearleft	{ clear:left; }

/* @end */


/* @group blocks */

body	{ color:#1A1A1A; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; font-size:9pt; background:#FFF url(../site-images/vines.png) center 22px no-repeat; }
body.goodlist	{ background:#fff url(../site-images/vines-gl.png) center 22px no-repeat; }

#site-container	{ min-height:700px; width:900px;  margin:0 auto; padding-bottom:2em; }

#site-head	{ width:100%; min-height:150px; float:left; clear:both; position:relative; margin-bottom:0.3em; }

#site-body	{ width:100%; clear:both; float:left; background:url(../site-images/bg_tile.png) 0 0; padding:0 15px; position:relative; right:15px; }
	
#site-footer	{ width:100%; float:left; clear:both; padding:1em 0; margin:2em 0 0 0; border-top:2px solid #336B33; }

/* @end */

/* @group basic typography */

::selection	{ background:#79BD9A; }
em	{ font-weight:inherit; font-style:italic; }
strong	{ font-weight:bold; font-style:inherit; }
h1, h2, h3	{ clear:both; }
h1	{ color:#0B486B; font-weight:normal; font-size:170%; line-height:1.3em; margin:0 0 1em 0; }
h2	{ color:#0B486B; font-weight:normal; font-size:130%; line-height:1.3em; margin:0 0 0.6em 0; }
h3	{ color:#0B486B; font-weight:bold; font-size:100%; line-height:1.3em; margin:0 0 0.5em 0; }
h4	{ font-style:italic; margin:0 0 1em 0; }
h1 em	{ font-family:serif; font-size:1.7em; }

a	{ cursor:pointer; text-decoration:none; color:#0B486B; }
a:hover,
a:focus	{ color:#336B33; }
p, label, li	{ font-size:0.9em; line-height:1.5em;  }
li>label	{ font-size:1em; }
p	{ margin-bottom:1em; }
p.note, li.note	{ margin:0 0 0.7em 0; color:#336B33; font-style:italic; }

hr	{ border:0; border-top:1px solid #FFF; }

#site-footer	{ font-size:0.8em; }

/* @end */

/* @group IR */

.ir	{ display:block; text-indent:-1000em; position:relative; background:transparent 0 0 no-repeat; }
a.bad.logo	{ background-image:url(../site-images/badlist.co.uklogo.png); width:210px; height:64px; right:6px; float:left; }

a.good.logo	{ background-image:url(../site-images/goodlist.co.uklogo.png); width:210px; height:64px; right:6px; float:left; }
#site-head a.good.logo	{ position:absolute; top:80px; left:0; }
a.logo.small	{ height:20px; display:inline-block; right:0; padding-top:0.6em; margin:-10px 0; float:none; }
a.bad.logo.small	{ background-image:url(../icons/badlistsmall.png); width:51px;  }
a.good.logo.small	{ background-image:url(../icons/goodlistsmall.png); width:71px; }

#socnet a	{ display:block; width:16px; height:16px; }
a.facebook	{ background-image:url(../icons/small/facebook.png); }
a.twitter{ background-image:url(../icons/small/twitter.png); }

/* @end */

/* @group good/bad */

.bad, .good, .neutral, .ingredient	{ font-weight:inherit; font-style:inherit; font-family:"Hobo Std","Hobo","Hobo (D)", Myriad, Verdana, Arial, Helvetica, sans-serif; }
.bad, .bad a	{ color:#D30500; }
.good, .good a	{ color:green; }
.neutral, .neutral a	{ color:#4A50CC; }
a.bad:hover, a.good:hover, a.neutral:hover,
a.bad:focus, a.good:focus, a.neutral:focus,
.bad a:hover, .good a:hover, .neutral a:hover,
.bad a:focus, .good a:focus, .neutral a:focus	{ text-decoration:underline; cursor:pointer; }
ul.nav.category li a.bad:focus,
ul.nav.category li a.bad:hover,
ul.nav.category li a.neutral:hover,
ul.nav.category li a.neutral:focus,
ul.nav.category li a.good:focus,
ul.nav.category li a.good:hover	{ text-decoration:none; }

/* @end */

/* @group header */

	/* @group context nav */
	
	#site-head .nav.context	{ clear:both; position:relative;  }
	#site-head .nav.context li a	{ padding:0 1em; border:0; }
	
	/* @end */

.construct	{ background:yellow; padding:0.5em 15px; font-size:1em; margin-bottom:0.5em; }
.construct p	{ font-style:italic; margin:0; }
#site-head .login	{ float:right; margin:1em 0 0 0; }
#site-head .nav	{ float:right; clear:right; padding:0.5em 0 0 0; }
#site-head .nav li	{ float:left; background:url(../site-images/nav-left.png) left center no-repeat; margin:0 0 0 1em; min-height:26px; display:block; padding:0 0 0 5px; }
#site-head .nav li a	{ float:left; display:block; width:auto; min-height:28px; line-height:2.4em; padding:0.4em 0.9em 0.4em 0.5em; color:#336B33; background:url(../site-images/nav-right.png) right center no-repeat; text-align:center; }
#site-head .nav li a:hover,
#site-head .nav li a:focus,
#site-head .nav li a:active	{ color:#FFF; }

/* @end */


/* @group footer */



/* @end */


/* @group things */

ul.badthings,
ul.products	{ width:100%; float:left; }
ul.badthings li,
ul.products li	{ width:254px; padding:10px 13px; margin-bottom:25px; font-size:1em; background:url(../site-images/badthing-bottom.png) 0 bottom no-repeat; float:left; clear:none; position:relative; top:30px; right:2px; }
ul.badthings li .bad a	{ color:inherit; font-weight:bold; }
ul.badthings li h4,
ul.products li h4	{ background:url(../site-images/badthing-top.png) 0 top no-repeat;width:250px; padding:10px 15px 0; position:relative; bottom:30px; right:13px; margin:0 0 -30px 0; font-family:"Hobo Std","Hobo","Hobo (D)", Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; height:20px; }

ul.badthings li p	{ color:#336B33; font-style:italic; margin-bottom:0.4em; }
ul.badthings li p a	{ font-style:normal; font-weight:bold; }


/* @end */

/* @group columns */

.col	{ display:block; float:left; padding:15px 0; margin:0 33px 1em 33px; }
.col.one.first, .col.two.first	{ padding-left:0; margin:0; }
.col.one.last, .col.two.last	{ float:right; padding-right:0; margin:0; }
.col.two.first	{ margin-right:30px; }
.col.two.last	{ margin-left:30px; }
.col.one	{ width:274px; }
.col.one.first, .col.one.last	{ width:265px; }
.col.two	{ width:590px; margin:0; }
.col.three	{ width:900px; padding:15px 0; margin:0 0 1em 0; }
.col.boxed	{ background:url(../site-images/boxed-wide-bottom.png) 0 bottom no-repeat; position:relative; top:25px; padding-bottom:15px 15px 10px; }
.col.one.boxed	{ width:250px; padding:15px; }
.col.boxed.tight#alternatives	{ top:15px; }

.col.one.boxed p	{ margin:0 0 1.5em 0; }
.col.one.boxed h3	{ border-top:1px solid #FFF; padding-top:1em; margin:0.7em 0; display:block; }
.col.one.boxed .first	{ width:250px; padding:15px 15px 0; position:relative; bottom:29px; right:15px; margin:5px 0 -23px; background:url(../site-images/boxed-wide-top.png) 0 0 no-repeat; border:0; }

.col.tight	{ padding-top:0; padding-bottom:0; }
.col.tight.boxed	{ padding-bottom:5px; padding-top:0; }

/* @end */

/* @group categories */

	/* @group horizontal bar */
	.col.three ul.nav.category	{ margin-bottom:0.2em; }
	.col.three ul.nav.category li	{ width:172px; height:37px;  background-image:url(../site-images/category-bg-small.png); background-position:0 0; margin:0; }
	.col.three ul.nav.category li a	{ font-size:0.8em; height:37px; line-height:37px; width:142px; }
	.col.three ul.nav.category li:hover,
	.col.three ul.nav.category li:focus	{ background-position:0 -36px; }
	.col.three ul.nav.category.generic	{ float:none; width:540px; }
	.col.three ul.nav.category.generic	{ margin:0 auto; border-top:1px dotted #CCC; padding-top:0.2em; }
	
	/* @end */

ul.nav.category	{ float:left; width:101%; }
ul.nav.category li	{ display:block; width:258px; height:50px; margin:0 0 -8px 0; background:url(../site-images/category-bg.png) 0 -50px no-repeat; font-size:1em; position:relative; right:5px; padding-right:8px; float:left; }
ul.nav.category li:hover,
ul.nav.category li:focus	{ background-position:0 0px; }
ul.nav.category li:hover a,
ul.nav.category li:focus a	{ color:#336B33; }
ul.nav.category li a	{ display:block; height:50px; line-height:50px; padding:0 20px; background:transparent 90% center no-repeat; font-weight:bold; width:218px; }

ul.nav.category li a.food	{ background-image:url(../icons/food.png); }
ul.nav.category li a.drink	{ background-image:url(../icons/drink.png); }
ul.nav.category li a.cosmetic	{ background-image:url(../icons/cosmetic.png); }
ul.nav.category li a.agent	{ background-image:url(../icons/agent.png); }
ul.nav.category li a.thing	{ background-image:url(../icons/thing.png); }

ul.nav.category.generic	{ clear:left; border-top:1px dashed #FFF; margin-top:0.4em; }


/* @end */

/* @group forms */

	/* @group login */
	
	#site-head .login	{ font-size:0.8em; }
	
	
	
	.openid label	{ background:url(../site-images/openid-icon.png) 0 0 no-repeat; padding-left:20px; margin-left:-20px; position:relative; }
	a.forgot_pass	{ font-style:italic; font-size:0.8em; line-height:1.55em; }
	
	/* @end */



form 	{ clear:left; width:100%; margin:0 0 0.4em 0; float:left; }
form ul	{ float:left; width:100%; }
form ul li	{ clear:left; width:100%; }
form label	{ display:block; float:left; width:58px; margin-right:11px; color:#336B33; }
form input, form textarea	{ display:block; float:left; margin-right:0; }
form ul li.checkbox label	{ width:auto !important; }
form ul li.checkbox input	{ width:1.5em !important; }
form ul li.checkbox input.submit	{ width:82px !important; }
form a.forgot_password	{ clear:both; font-size:0.8em; font-style:italic; }
form ul li input.submit,
.notice_settings input.submit,
a.submit	{ float:right; background:url(../site-images/submit.png) 0 -26px no-repeat; border:0; width:82px; height:25px; text-align:center; padding:0; font-size:1em; position:relative; left:2px; }
a.submit	{ float:left; clear:left; padding-top:6px; left:-2px; }
form input.submit:hover,
form input.submit:focus,
a.submit:hover,
a.submit:focus		{ background-position:0 -1px; }

form .helptext	{ font-style:italic; float:left; margin-bottom:1.5em; color:#336B33; }

form.add-ingredient ul li label	{ width:120px; font-weight:bold; }
form.add-ingredient ul li input,
form.add-ingredient ul li textarea	{ width:300px; }
form.add-ingredient ul li input.submit	{ width:82px; }

.col.one form ul li.no-label input	{ width:100%; }
.col.one form ul li.no-label input.submit	{ width:82px; }

/*.col.one form ul input	{ width:216px; }*/
.col.one form ul select	{ width:182px; }
.col.one form ul input.submit	{ width:82px; }

.col.two form ul.wide-label	{ width:403px; }
.col.two form ul.wide-label label	{ width:140px; }
.col.two form ul.wide-label input,
.col.two form ul select	{ width:250px; }
.col.two form ul.wide-label input.submit	{ width:82px; }

.errorlist li	{ color:#F00; font-weight:bold; }

/* @end */

/* @group subnav */

ul#socnet	{ position:fixed; right:0; top:5.5em; display:block; width:16px; z-index:100;; }
ul#socnet li	{ display:block; width:16px; }

/* @end */

/* @group inputs */

input, textarea	{ border:1px solid #79BD9A; background:#FFF; color:#79BD9A; font-size:0.9em; line-height:1.5em; height:1.5em; width:100%; margin: 0 0 0.7em 0; }
textarea	{ height:7em; }
input.submit	{ font-weight:bold; font-style:italic; color:#336B33; padding:0.2em; margin-bottom:0; }
input.submit:hover,
input.submit:focus	{ cursor:pointer; }
#product-search input.submit,
.col.one form ul li input.submit.search	{ width:80px; height:29px; float:right; font-size:1em; background:url(../site-images/search-submit.png) 0 0 no-repeat; border:0; padding:0 8px 0 8px; position:relative; left:4px; }

#product-search input.submit:hover,
#product-search input.submit:focus,
input.submit.search:hover,
input.submit.search:focus	{ background-position:0 -29px; }

/* @end */

/* @group feeds */

#compare .section	{ width:50%; float:left; margin:1em 0 0 0; }
.section	{ margin-bottom:2em; }
ul.feed li	{ margin:0; display:block; min-height:1em; }
a.smavatar img	{ height:2.5em; position:relative; top:0.9em; margin:0 0.4em 0 0; }
ul.feed li .smallinfo	{ font-style:italic; color:#336B33; margin-left:3em; display:block; }
img.inline	{ height:2em; margin-bottom:-0.6em; }
a.see-all	{ float:right; font-style:italic; font-size:0.8em; padding-top:0.4em; }

/* @end */

/* @group profiles */

ul.profiles li	{ float:left; clear:left; border-bottom:1px solid #CCC; padding-bottom:1em; margin-bottom:1em; width:100%; }
ul.profiles li:first-child	{ border-top:1px solid #CCC; padding-top:1em; }
ul.profiles li a img	{ height:6em; float:left; }
ul.profiles li a .username	{ line-height:4em; margin-left: 1em; font-weight:bold; font-size:1.5em; }

ul.team_profiles li	{ background-color: white; float:left; clear:left; border-bottom:1px solid #CCC; padding:1em; margin-bottom:1em; width:95%; height: 80px; }
ul.team_profiles li:first-child	{ border-top:1px solid #CCC; padding-top:1em; }
ul.team_profiles li a img	{ height:7em; float:left; }
ul.team_profiles li a .username	{ line-height:4em;  font-weight:bold; font-size:1.5em; }
ul.team_profiles li a .fullname	{ line-height:4em; margin-left: 1em; font-weight:bold; font-size:1.5em; }
ul.team_profiles li .about	{ line-height:1em; margin-left: 1em; font-weight:bold; font-size:1em; height: 100%; width: 40%; float:right; overflow: hidden;} 

div#user-info { display:block; width:100%; }
#avatar	{ float:left; }
.avatar_links	{ float:right; width:49%; margin-bottom:1em; }

/* @end */

/* @group ingredient detail */

	/* @group research */
	
	ul.research li	{ margin:0 0 1em 0; padding:0 0 1em 0; border-bottom:1px solid #AAF043; }
	ul.google li	{ margin:0 0 0.7em 0; }
	ul.google li a	{ display:block; width:auto; line-height:1.5em; }
	/* @end */

	/* @group tabs */
	
	.ui-tabs-nav { padding-right:0; position:relative;  }
	.ui-tabs-nav ul.tab-nav	{ border-bottom:1px solid #8CD126; float:left; width:100%; }
	.ui-tabs-nav ul.tab-nav li { float:left; margin: 0 1em 0px 0; padding: 0; list-style: none; background:#FFF url(../site-images/tab-left.png) 0 -29px no-repeat; max-height:28px; position:relative; }
	
	.ui-tabs-nav ul.tab-nav li a { display:block; text-decoration: none; padding: 5px 1em; font-weight:bold; font-size:1.2em; background:url(../site-images/tab-right.png) right -29px no-repeat; max-height:18px; color:#AAF043;}
	.ui-tabs-nav ul.tab-nav li a:hover,
	.ui-tabs-nav ul.tab-nav li a:focus	{ color:#0B486B; }
	.ui-tabs-nav ul.tab-nav li.ui-tabs-selected { background-position:0 0; padding-bottom:0px; margin-bottom:-1px; top:1px;  }
	.ui-tabs-nav ul.tab-nav li.ui-tabs-selected a	{ color:#0B486B; background-position:right 0px; }
	.ui-tabs-panel { padding:1em 2.5% 1em 2.5%;  display:block; border:none; background:#AAF043; width:95%; float:left; clear:left; }
	.ui-tabs-hide { display: none !important; }
	
	#wikirev { font-size:0.8em; font-style:italic; float:right; }
	
	/* @end */

h1.ingredient, h1.good	{ margin-bottom:0; }
h2#usedfor, h2#product-type	{ font-style:italic; margin:1em 0; }

#watching a	{ background:0 0 no-repeat; font-size:0.8em; display:block; min-height:25px; padding-left:10%; padding-top:7px; margin:0 10px 0 0; width:auto; float:left;  }
#watching #watch.off	{ background-image:url(../icons/small/watchoff.png); }
#watching #watch.on	{ background-image:url(../icons/small/watchon.png); }
#watching #flag.off	{ background-image:url(../icons/small/flagged.png); }
#watching #flag.on	{ background-image:url(../icons/small/unflagged.png); }

#foundin, #tags	{ float:left; display:block; width:100%; }
#foundin	{ margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #AAF043; }
#foundin ul,
#tags ul	{ clear:both; }
#foundin div#ing-products	{ clear:both; }
#foundin ul li	{ display:block; float:left; margin:0 5px 0 0; top:0; }
#foundin ul li a	{ display:block; width:25px; }
#foundin h3,
#tags h3,
#excludes h3	{ float:left; }
#tags p.note	{ clear:both; }
a.add	{ padding-right:25px; float:right; font-size:0.8em; height:17px; line-height:17px; background:right -19px no-repeat; text-align:right; font-style:italic; background-image:url(../site-images/add.png); }
a.add:hover, a.add:focus	{ background-position:right -2px; text-decoration:underline; }
#tags a.add	{ background-image:url(../site-images/tag.png); }
h3 a.add	{ float:none; display:inline-block; font:inherit; line-height:inherit; padding:0 25px 0 0; }

ul#tagcloud li	{ float:left; margin-right:0.6em }
ul#tagcloud li:after	{ content:","; }

#foundin ul.products,
#excludes ul.products	{ float:left; clear:left; width:auto; }
#foundin ul.products li,
#excludes ul.products li	{ background:transparent; float:left; clear:none; margin:0; top:0; width:auto; padding:0; }
#foundin ul.products li a,
#excludes ul.products li a	{ width:auto; }
#foundin ul.products li a:after,
#excludes ul.products li a:after	{ content:"," }



/* @end */

/* @group vote */

#vote h4	{ float:left; line-height:2em; }
#vote #score	{ color:#0B486B; right:14px; position:absolute; line-height:1.5em; }
#vote #score strong	{ color:#000; }
ul.vote	{ float:left; margin-left:10px; }
ul.vote li	{ float:left; display:block; }

/* @end */

/* @group messages */

ul#messages li	{ background:yellow; padding:0.4em 15px; font-weight:bold; color:#0B486B; }
ul#messages li a	{ display:block; float:left;text-indent:-1000em; width:14px; height:14px; margin:0 0.4em 0 0; background:url(../site-images/cross.png) 0 0 no-repeat; }

/* @end */

/* @group tables */

table.notice_settings	{ font-size:0.8em;  }
table.notice_settings th	{ font-weight:bold; text-align:right; color:#0B486B; padding:0 0.85em 1.5em 0; font-size:1.2em; }
table.notice_settings td	{ text-align:right; padding:0 1em 1.5em 0; font-weight:bold; }
table.notice_settings td .notice_type_description	{ font-style:italic; position:relative; top:0.4em; }

/* @end */

#foundin ul.foundin_categories li	{ width:50%; float:left; }

ul#messages { margin-bottom:1em; }

/* @group add info */

#foundin .foundin_categories li ul li	{ display:block; width:45%; float:left; clear:none; margin:0 0 0.2em 0; }
#foundin .foundin_categories li ul li input	{ width:1.5em; margin-right:0.5em; }

#foundin .foundin_categories li a	{ clear:left; display:inline; }

/* @end */

div#stars { margin-bottom:0.3em; }

/* @group progress */

.stepmenu .current	{ font-size:1.3em; font-weight:bold; }
.stepmenu	{ margin-bottom:1em; }
.stepmenu li	{ font-weight:bold; color:#0B486B; }

/* @end */