/* -----------------------------------------------------------------------
Project Name:  Alberta Egg producers
Filename: screen.css
Author: Cory Schadt
----------------------------------------------------------------------- */
@import url("reset.css");
@import url("superfish.css");
/* 
typography
----------------------------------------------- */
html { font-size:100.01%; }
body { color:#666666; font: 0.75em/1.25em "Helvetica Neue", Helvetica, Arial, sans-serif; }
p { padding: 0px; margin: 0 0 1.25em; line-height: 1.5em; }
a { color:#208b9b; text-decoration:underline; }
a:focus, a:hover { text-decoration: none; }
h1 { font-size: 1.5em; line-height: 1.25em; margin-bottom: .75em; color: #6a8698; text-shadow: 0px 1px 0px #e0e8f5;
 }
h2 , h2 a{ font-size: 1.25em; margin-bottom: 1em; color: #6a8698; text-decoration: none; line-height: 18px; }
.favorite-recipe { margin-top: 20px; padding-bottom: 20px; border-bottom: 2px dotted #CCC; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; color: #7F7F7F; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
ul, ol { margin-bottom: 1.5em; }
ol { list-style: decimal; }
ul li { margin: 0 0 5px 20px; list-style: url(../images/arrow-list.gif) none; }

ul li ul { margin: 8px 0 8px 8px;  }
ol li { margin: 0 0 5px 20px; }
ul ul, ul ol, ol ol, ol ul { margin-top: 8px; margin-bottom: 8px; margin-left: 0px; padding: 0px; }
blockquote { margin:1.5em; color:#666; font-style:italic; }
/* 
misc
----------------------------------------------- */
.print { display:none; }
.clear { clear: both; }
.skip-nav { display: none; }
.styled-img { padding: 5px; border: 1px solid #DFDFDF; -webkit-box-shadow:  0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); }
/* 
layout
----------------------------------------------- */
#page-wrap { margin: 0 auto; width: 916px; z-index: 9999; position: relative; }
#masthead { height: 88px; background: url(../images/masthead-bg.png) no-repeat; position: relative; margin-bottom: 13px; z-index: 9999; }
#masthead .logo { font-size: xx-small; text-indent: -9999px; overflow: hidden; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; position: absolute; top: 10px; left: 25px; }
#masthead .logo a { display: block; width: 133px; height: 36px; background-image: url(../images/logo.gif); background-position: 0em; background-repeat: no-repeat; }
#sub-nav { position: absolute; right: 38px; top: 17px; }
#sub-nav ul li { display: inline; margin-right: 6px; margin-left: 6px; }
#sub-nav ul li a { color: #7F7F7F; text-decoration: none; font-size: 12px; padding-left: 20px; }
#sub-nav ul li a:hover { text-decoration: underline; }
#sub-nav ul li a.site-search { background: url(../images/icon-search.gif) no-repeat left; }
#sub-nav ul li a.events { background: url(../images/icon-star.gif) no-repeat left; }
#sub-nav ul li a.store { background: url(../images/icon-cart.gif) no-repeat left; }
#sub-nav ul li a.media { background: url(../images/icon-arrow.gif) no-repeat left; }
#sub-nav ul li a.questions { background: url(../images/icon-question.gif) no-repeat left; }
#sub-nav ul li a.contact { background: url(../images/icon-contact.gif) no-repeat left; }
#sub-nav ul li a.producers { background: url(../images/icon-producers.gif) no-repeat left; }
#main-nav { position: absolute; bottom: 0px; left: 26px; margin: 0px; padding: 0px; }

#banner-wrap { width: 669px; position: relative; }
/* 
home banner
----------------------------------------------- */
#corners { background: url(../images/home-banner/corners.png); position: absolute; top: 0px; height: 10px; width: 669px; z-index: 10; }
#pics { width: 669px; padding:0; margin:0; overflow: hidden; height: 331px; }
#pics img { height: 329px; width: 667px; top:0; left:0; border-top: 1px solid #e3e3d3; border-right: 1px solid #e3e3d3; border-bottom: 1px none #e3e3d3; border-left: 1px solid #e3e3d3; }
#panel { position: absolute; z-index: 10; background: url(../images/home-banner/pager-bg.gif) repeat-x; height: 33px; width: 669px; bottom: 0px; }
#pager { z-index: 9999; position: absolute; right: 30px; }
#pager a { line-height: 26px; background: url(../images/home-banner/egg-controls.gif) 0px; height: 26px; width: 18px; display: block; float: left; font-size: xx-small; text-indent: -999999px; margin-top: 3px; margin-right: 10px; z-index: 9999; }
#pager a.activeSlide, #pager a:hover { background: url(../images/home-banner/egg-controls.gif) -18px; height: 26px; width: 18px; }
#content-wrap { float: left; width: 669px; z-index: 1; }
#content-wrap.inner { float: left; width: 667px; z-index: 1; background: repeat-x bottom; }
#content-wrap.inner #content { padding: 25px; min-height: 555px; height:auto !important; height:555px; background: url(../images/content-bg.gif) repeat-x bottom; border-top: 0px solid #ebe9df; border-right: 1px solid #ebe9df; border-bottom: 1px none #ebe9df; border-left: 1px solid #ebe9df;



 }
#content-wrap #bottom { background: url(../images/content-bottom.png) no-repeat; height: 8px; width: 667px; }



/* 
default theme
----------------------------------------------- */

body.theme-default #footer { background: url(../images/footer-easter.jpg) repeat-x center bottom; z-index: 1; position: relative; margin-top: -306px; color: #FFF; padding-top: 430px; height: 50px; }
body.theme-default #footer #links { bottom: 0px; width: 916px; margin-right: auto; margin-left: auto; }
body.theme-default #footer #links a { color: #FFF; text-decoration: none; }
body.theme-default #footer #links p { margin: 0px; font-size: 11px; }
body.theme-default #egg { background: url(../images/home-banner/egg-default.png); height: 174px; width: 192px; position: absolute; bottom: -15px; left: -87px; z-index: 100; }
body.theme-default { background: url(../images/easter-body.gif) no-repeat left top; }






/* 
easter theme
----------------------------------------------- */

body.theme-easter #footer { background: url(../images/footer-easter.jpg) repeat-x center bottom; z-index: 1; position: relative; margin-top: -306px; color: #FFF; padding-top: 430px; height: 50px; }
body.theme-easter #footer #links { bottom: 0px; width: 916px; margin-right: auto; margin-left: auto; }
body.theme-easter #footer #links a { color: #FFF; text-decoration: none; }
body.theme-easter #footer #links p { margin: 0px; font-size: 11px; }
body.theme-easter #egg { background: url(../images/home-banner/egg-easter.png); height: 174px; width: 192px; position: absolute; bottom: -15px; left: -87px; z-index: 100; }
body.theme-easter { background: url(../images/easter-body.gif) no-repeat left top; }






#home-callouts { margin-top: 30px; }

#home-social { margin-top: 30px; clear: both; background-image: url("../images/share-home.gif"); width: 664px; height: 77px; position: relative; }
#home-social h3 { position: absolute; top:21px; right:118px; color: #6a8698; font-size: 16px; }
#home-social p { position: absolute; top:41px; right:110px; }


#featured h4.featured { display: block; font-size: 14px; color: #738e9f; margin: 0px; padding: 0px 16px; }
#featured a.view-recipe { font-size: 13px; color: #208b9b; text-decoration: none; display: block; font-weight: normal; background: url(../images/icon-link-arrow.gif) no-repeat left top; position: static; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 25px; }
#featured a.view-recipe:hover { text-decoration: underline; }
#featured-text { display:none; }
#featured #featured-share { display: block; }
#featured-share {
		margin-bottom: 5px;
		background: no-repeat;
}

#featured-share a:hover {
		text-decoration:underline;

}



table.home-callouts td { border-right: 2px dotted #CDE5F5; text-align: left; vertical-align: top; padding-right: 15px; padding-left: 20px; }





table.home-callouts td.last { border-style: none; }

table.home-callouts td a.last { font-size: 13px; color: #208b9b; text-decoration: none; background: url(../images/icon-link-arrow.gif) no-repeat left top; padding-left: 20px; display: block; }


table.home-callouts td a:hover { text-decoration: underline; }



#search_box { width: 184px; height: 31px; background: url(../images/search-box-bg.gif); margin-left: 10px; }

#search-button { margin-left: 10px; }
#search_box #CAT_txtKeywords { float: left; padding: 0; margin: 8px 0 0 12px; border: 0; width: 140px; background: none; font-size: 12px; color: #666666; }
#search_box #go { float: right; margin: 0; }
/*
home featured recipe
----------------------------------------------- */

#featured #webapp4945pagination { display: none; }
#sidebar { float: left; width: 226px; display: inline; margin: 0px 0px 0px 19px; padding: 0px; position: relative; }
#sidebar-inner { float: left; width: 220px; display: inline; margin: 0px 0px 0px 24px; padding: 0px; position: relative; }
#sidebar #featured { background: url(../images/featured-bg.gif) no-repeat center bottom; width: 226px; padding-bottom: 15px; }
#sidebar #featured .recipe { position: relative; margin: 0px; padding: 0px; background: url(none); width: 226px; border-style: none; }
#sidebar #featured .recipe h3 a { color: #ffcb25; text-decoration: none; font-size: 20px; line-height: 22px; position: static; font-weight: bold; margin: 0; padding: 0 16px 0 16px; display:block; font-style: normal; }
#sidebar #featured #top { background: url(../images/featured-top.png) no-repeat center top; height: 9px; width: 226px; position: absolute; top: 0px; z-index: 10; }
#sidebar #featured .thumbnail { float: none; margin: 0 0px 14px 0; position: relative; width: 226px; padding: 0px; border-top: none; border-right: none; border-bottom: 1px solid #e5eaec; border-left: none; height: 90px; }
#sidebar #featured .thumbnail img { width: 224px; margin: 0px; padding: 0px 0px 0px 1px; position: absolute; height: 90px; clip: rect(0px 226px 90px 0px); z-index: 5; left: 0px; top: 0px; right: 0px; bottom: 0px; }
#sidebar #featured #featured-text { display:block; font-size: 12px; color: #666; padding-right: 16px; padding-left: 16px; }
#sidebar #featured .webapptable { margin: 0px; padding: 0px; }
#sidebar-inner table.callout { width: 220px; margin-bottom: 30px; }
#sidebar-inner table.callout td { border-bottom: 2px dotted #CDE5F5; padding-bottom: 20px; padding-right: 10px; }
#sidebar-inner table.callout td a.last { font-size: 13px; color: #208b9b; text-decoration: none; background: url(../images/icon-link-arrow.gif) no-repeat left top; padding-left: 20px; margin-top: 15px; display: block; }
#sidebar-inner table.callout td a:hover { text-decoration: underline; }
h4.featured { display: none; }

a.button-recipe {
display: block;
width: 184px;
height: 28px;
text-decoration: none;
background-image: url(../images/button-recipe.gif);
margin: 0 0 0 15px;
}

a.button-recipe:hover {
background-position: 0 -28px;
}

/* 
recipe layouts
----------------------------------------------- */

.recipe { position: relative; margin: 0px 15px 10px 0px; padding: 10px; width: 270px; background: #FDFEFF; border: 2px solid #eeeeee; 

-moz-border-radius:0px 10px 0px 10px;
-webkit-border-radius: 0px 10px 0px 10px;

 }
.recipe.hover { cursor: pointer; border-color: #A6CBDF; background: #FBFBFB; -webkit-box-shadow:  0 3px 6px #efefef; -moz-box-shadow: 0 3px 6px #efefef; }










.recipe h3 a { color: #708097; text-decoration: none; font-size: 13px; line-height: 18px; position: absolute; left: 92px; top: 8px; font-style: italic; width: 180px; font-weight: bold; }

.recipe h3 a:hover { text-decoration: underline; }


.recipe a.view-recipe { font-size: 11px; color: #208b9b; text-decoration: none; font-weight: normal; background: url(../images/icon-link-arrow.gif) no-repeat left top; margin: 0px; padding: 0px 0px 0px 20px; position: absolute; bottom: 8px; right: 5px; display: none; }
.share { margin: 0 0 15; padding-bottom: 15px; }
.inner .thumbnail { float: left; margin: 0 15px 0px 0; position: relative; width: 70px; height: 50px; border: 1px solid #CCC; background: #FFF; }
/*.thumbnail img { width: 50px; height: 50px; position: absolute; clip: rect(0,65px,50px,15px);  left:0; }*/

.inner .thumbnail img { width: 70px; height: 50px; position: absolute; clip: rect(0 70px 70px 0px); left:0; background: #FFF; }
#featured-share { display: none; }


#header.default { background: url(../images/header-default.gif); height: 115px; width: 667px; }
#header.store { background: url(../images/header-store.gif); height: 115px; width: 667px; }
#header.about { background: url(../images/header-about.gif) no-repeat top; height: 115px; width: 667px; }
#header.recipes { background: url(../images/header-recipes.gif); height: 134px; width: 667px; margin: 0 0 -19px 0; }
#header.kids { background: url(../images/header-kids.gif); height: 115px; width: 667px; }
#header.health { background: url(../images/header-health.gif); height: 115px; width: 667px; }
#header.industry { background: url(../images/header-industry.gif); height: 115px; width: 667px; }
#header.teachers { background: url(../images/header-teachers.gif); height: 115px; width: 667px; }
#featured a.addthis_button { display: block; padding-left: 16px; font-size: 12px; color: #666666; background: url(../images/share-icons.gif) no-repeat 125px top; margin-top: 15px; text-decoration: none; }
table.callout.home { width: 220px; margin-top: 30px; }
table.callout.home td { padding-top: 0; padding-right: 10px; padding-left: 10px;  }
table.callout.home td a.last { font-size: 13px; color: #208b9b; text-decoration: none; background: url(../images/icon-link-arrow.gif) no-repeat left top; padding-left: 20px; margin-top: 15px; display: block; }
table.callout.home td a:hover { text-decoration: underline; }
.faq-details { padding: 10px; border-bottom: 2px dotted #CCC; margin-top: 0px; margin-bottom: 10px; }
.faq-question { background: url(../images/icon-question.gif) no-repeat left top; display: block; margin: 0px; padding: 0px 0px 8px 25px; }
.faq-question a { text-decoration: none; }
.yes { background: url(../images/icon-clock.png) no-repeat; height: 36px; width: 40px; position: absolute; top: -13px; right: -13px; display: block; }




#social-box { background: url(../images/social-bg.png) no-repeat; height: 218px; width: 213px; margin-top: 25px; position: relative; }
#advanced-search { width: 556px; background: #FDFEFF; border: 2px solid #eeeeee; padding: 10px;  }
#advanced-search form { position: relative; }

#advanced-search .cat_button { position: absolute; top: 30px; color: #FFF; background: #9DB5D1; font-weight: bold; border-top: none; border-right: none; border-bottom: none; border-left: none; cursor: pointer; padding: 6px 10px; font-size: 12px; left: 380px; }
#advanced-search .cat_dropdown { background: #FFF; margin-top: 10px; border: 2px solid #BAE3F8; margin-right: 5px; padding: 2px; color: #333; width: 219px; }


#advanced-search #CAT_txtKeywords { border: 2px solid #BAE3F8; width: 350px; color: #666; font-style: italic; font-size: 16px; padding: 3px 8px; margin-bottom: 15px; }

#social-box h2 { position: absolute; left: 16px; top: 30px; height: 36px; width: 178px; }
#social-box p { position: absolute; left: 16px; top: 89px; line-height: 16px; width: 178px; }
#social-box .twitter { position: absolute; left: 16px; top: 151px; }
#social-box .facebook { position: absolute; left: 83px; top: 151px; }
#recipe-tools { float: right; margin-bottom: 10px; margin-left: 10px; margin-top: 5px; }

#detail-image img { padding: 5px; border: 1px solid #DFDFDF; -webkit-box-shadow:  0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); margin-bottom: 30px; float: right; width: 300px; margin-left: 15px; }

#recipe-tools ul { margin: 0px 0px 0px 15px; padding: 0px; }
#recipe-tools ul li { margin: 0px 10px; padding: 0px 0px 0px 20px; list-style: none; display: inline; float: left; font-size: 11px; }
#recipe-tools ul li.print { background: url(../images/small-icon-print.gif) no-repeat left top; }
#recipe-tools ul li.share { background: url(../images/small-icon-facebook.gif) no-repeat left top; }
#recipe-tools ul li.favorite { background: url(../images/small-icon-favorite.gif) no-repeat left top; }


/* Web App Pagination */

#webapp4945pagination, #webapp4945pagination ul { padding: 0; margin: 0 0 15px; list-style: none; }
#webapp4945pagination li { float:left; padding:4px 8px; background: #FFF; border: 2px solid #BAE3F8; display: block; }
#webapp4945pagination li a{ font-weight: bold; text-decoration: none; }
#webapp4945pagination li a:hover { color: #333; }

li.page-next {
       padding-left: 5px;
}
table td { text-align: left; vertical-align: top; }

/*table.styled td{ padding: 5px; }*/

table.styled { margin: 8px 0em; border-collapse: collapse; }
table.styled td { padding: 5px 10px; border: 1px solid #AFC9E6; }
table.styled tr.odd { background: #FBF9FC; }



#home-social img.facebook { position: absolute; top: 19px; left: 91px; }
#home-social img.twitter { position: absolute; top: 19px; left: 31px; }

#top_up {z-index: 9999;}

span.email a { word-wrap: break-word; }

.hide { display: none; }

#laid-callout { margin-top: 30px; clear: both; background-image: url("../images/laid_banner.png"); width: 664px; height: 77px; position: relative; }


.load {

	background:url(/_templateFiles/images/loader.gif) no-repeat center top;

	margin:100px;

	padding:30px 0 0;

	text-align:center;

}

.quick-links { margin: 15px 0 0 0 }
.quick-links a { font-weight: bold; text-decoration: none; }
.quick-links a:hover { text-decoration: underline; }