body, div, p, ul, li, h1, h2, h3, h4, h5, h6, fieldset {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}
body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #ffc20f;
	background-image: url("../img/bg-site.gif");
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: -200px -400px;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	display: inline;
}

ul {
	list-style-type:none;
}
.fs12 {
	font-size: 12px;
}
.fs13 {
	font-size: 13px;
}
.fs14 {
	font-size: 14px;
}
.fs15 {
	font-size: 15px;
}
.fs16 {
	font-size: 16px;
}
.fs17 {
	font-size: 17px;
}
.fs18 {
	font-size: 18px;
}
.fs19 {
	font-size: 19px;
}
.fs20 {
	font-size: 20px;
}
.fs21 {
	font-size: 21px;
}.fs22 {
	font-size: 22px;
}
.fs20white {
	font-size: 20px;
	color: #ffffff;
}

.fs21white {
	font-size: 21px;
	color: #ffffff;
}

.fs22white {
	font-size: 22px;
	color: #ffffff;
}

.fs22orange {
	font-size: 22px;
	color: #fb6d19;
}
.fs22yellow {
    font-size: 22px;
	color:#ffa500;
	}

.red {
	color:red;
}
#maincontainer {
	width: 100%;
	margin: 0 auto;
}
#contentwrapper {
	width: 926px; /*Width of main container*/ /*Not sure I need this*/
}
.leftcontainer {
	width:164px;
}
.leftcontainer .innertube {
	margin:0px;
}
.contentcontainer .innertube {
	margin:0px;
}
.rightcontainer .innertube {
	margin:0px;
}
#topPane {
	background-color: green;
}
#leftPane {
	background-color: blue;
}
#rightPane {
	background-color: orange;
	width: 185px;
}
#footerPane {
	background-color: #000000;
	width: 100%; /*Center container on page*/
	height: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	/*text-align: center;*/
}
/*
#content {
	padding-top:30px;
	padding-bottom:20px;
	padding-left:45px;
	padding-right:45px;
	background-color: #fff;
	width:836px;	
	background-image: url(../images/content-mid.gif);
}
*/
#content {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	background-color: #fff;
	width:926px;
	background-color:#FFC700;
}
#whiteBlack{
    width:844px;
	background: #FFF;
	border:3px solid #000;
	padding:0 4px 0 4px;
	
}
#whiteBlack > div{
    background: url(../images/gradBkr.gif) repeat-x #FFF;
	padding:4px 0 20px 0;
	text-align:left;
}
#admin_content {
	padding-left:45px;
	padding-right:45px;
	margin: 0 auto;
	width:836px;
	background-image: url(../images/content-mid.gif);
}


.containerHeader {
	width: 100%;
	background-color: #000000;
	position: relative;
	background-image: url(../images/header-bk.gif);
	height: 54px;
	margin-top: 50px;
}
#primaryMenu {
	width:223px; 
	height:54px; 
	float:left;
}

#primaryMenu ul li {
	float: left;
	margin-top: 0pt;
	margin-right: 4px;
	margin-bottom: 0pt;
	margin-left: 4px;
	padding-top: 0pt;
	padding-right: 5px;
	padding-bottom: 0pt;
	padding-left: 5px;
	line-height: 26px;
	font-size: 11px;
	font-weight: bold;
}
#primaryMenu ul li a {
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#primaryMenu ul li a:hover {
	font-weight: bold;
	color: #ffc20f; 
	background-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
body#communitybody a#community-nav,
body#welcomebody   a#welcome-nav,
body#earnbody      a#earn-nav,
body#reapbody      a#reap-nav,
body#myaccountbody a#myaccount-nav, 
body#loginbody     a#login-nav,
body#registerbody  a#register-nav {
	font-weight: bold;
	color: #ffc20f; 
	background-color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

#primaryMenu ul {
	height: 26px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 201px;
	background-color: #ffc20f;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-transform: uppercase;
}

#secondaryMenu {
	width:523px; 
	height:54px; 
	float:left; 
	border:1px solid green;
}

#secondaryMenu ul li {
	float: left;
	margin-top: 0pt;
	margin-right: 4px;
	margin-bottom: 0pt;
	margin-left: 4px;
	padding-top: 0pt;
	padding-right: 10px;
	padding-bottom: 0pt;
	padding-left: 10px;
	line-height: 26px;
	font-size: 11px;
	font-weight: bold;
}
#secondaryMenu ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
#secondaryMenu ul li a:hover {
	font-weight: bold;
	color: #ffc20f; 
	background-color: #000000; 
}
#secondaryMenu ul {
	height: 26px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 201px;
	background-color: #000000;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-transform: uppercase;
}

.containerHeader .pageHeader {
	height: 54px;
	width: 900px;
	text-align: left;
}
.containerBox {
	width: 100%;
	background-color: #FFD051;
	position: relative;
	height: auto;
	float: left;
}
#footerPane .containerFooter .pageFooter {
	color: #FFFFFF;
	width: 926px;
	text-align: right;
	padding: 5px;
}

#whiteBlack div.padder{padding:20px;}


#welcome {
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#welcome> #top{height:auto; padding-bottom:6px;}
#welcome> #top #winTrip{padding:0 10px 0 10px;}
#welcome> #top #winTrip img{padding:0 0px 0 60px;}
#welcome> #top #winTripB{padding:20px 10px 0 10px;}
#welcome> #top #earn100{height:105px; width:430px; margin-left:10px; background:url(../images/roo-header.jpg) no-repeat 120px 0px;}
#welcome> #top #earn100 div.padder{padding:0px 5px 0 0px;}
#welcome> #top #earn100 p{font-family: "Trebuchet MS", sans-serif;}
#welcome> #top #earn100 p.header{font-size:24px;}
#welcome> #top #earn100 p.copy{font-size:13px; width:350px;}
#welcome> #top #welcomeBox{width:auto;}
#welcome> #top #welcomeBox> #top p{font-size:28px; font-family:Arial, Helvetica, sans-serif; }
#welcome> #top #welcomeBox> .left, #welcome> #top #welcomeBox> .right{margin-top:7px;}
#welcome> #top #welcomeBox> .left p.points{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#f12403; padding-top:0;}
#welcome> #top #welcomeBox> .right p.points{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#f09c02; padding-top:0;}
#welcome> #top #welcomeBox p{padding:5px 7px 3px 15px}

#welcome> #pointEarners{padding:20px 15px 20px 15px;}
#welcome> #pointEarners> div{float:left; height:auto; padding:0 7px 0 7px; text-align:center;}
#welcome> #pointEarners> div p{padding:3px 0 2px 0}


#welcome> #bottom #birthdayPoints{width:399px; height:120px; background:url(../images/green-bg.jpg) repeat-y; font-family: "Trebuchet MS", sans-serif;}
#welcome> #bottom #birthdayPoints div.header{background-color:#62d09d; color:#fff; font-size:24px; padding:5px 5px 5px 5px;}
#welcome> #bottom #birthdayPoints div.prizeList{margin:10px 0 0 60px;}

#welcome> #bottom #spendPoints{width:399px; height:221px; background:url(../images/prizes.jpg) no-repeat; font-family: "Trebuchet MS", sans-serif;}
#welcome> #bottom #spendPoints div.header{color:#fff; font-size:24px; padding:2px 0 0 10px;}
#welcome> #bottom #spendPoints div.prizeList{margin:140px 0 0 160px;}

#welcome> #bottom #morePoints{width:393px; height:auto; background:url(../images/morePoints-bg.gif) repeat-y; font-family: "Trebuchet MS", sans-serif;}
#welcome> #bottom #morePoints table{padding:0px 5px 0 5px; width:100%;}
#welcome> #bottom #morePoints td{height:88px; border:none #CCCCCC 1px; border-bottom-style:dotted; text-align:center;}
#welcome> #bottom #morePoints td img{padding-bottom:5px;}
#welcome> #bottom #morePoints div.header{background:#f12403;}

#welcome> #bottom #community{width:390px; padding-left:2px; background:url(../images/welcome-tails-bg.gif) repeat-y; font-family: "Trebuchet MS", sans-serif; font-size:18px;}
#welcome> #bottom #community table{height:100%;}
#welcome> #bottom #community> div{padding-left:20px;}
#welcome> #bottom #community div.header{color:#fff; font-size:24px; padding:2px 0 4px 10px; background:#FF8226;}
#welcome> #bottom #community div.bbq{color: #ff9365; border: none 1px #ff9365; border-bottom-style:solid; height:60px;}
#welcome> #bottom #community div.tail{color: #f47abc; border: none 1px #f47abc; border-bottom-style:solid; height:73px;}
#welcome> #bottom #community div.photos{color: #f49e02; height:73px;}
#welcome> #bottom #community div.bbq a{color:#ff9365; text-decoration:none;}
#welcome> #bottom #community div.tail a{color:#f47abc; text-decoration:none;}
#welcome> #bottom #community div.photos a{color:#f49e02; text-decoration:none;}
#welcome> #bottom #community div.bbq td{color:#ff9365; text-decoration:none;}
#welcome> #bottom #community div.tail td{color:#f47abc; text-decoration:none;}
#welcome> #bottom #community div.photos td{color:#f49e02; text-decoration:none;}

#welcome> #bottom #history{padding-top:20px;}

#welcome> #top #right{float:right;}
#welcome .clear{clear:both; line-height:0; height:0; padding:0; margin:0;}
.left{float:left;}
.right{float:right;}
.bottomBorder{border:none #d6d6d6 1px; border-bottom-style:solid;}

.rightBorder{border:none #d6d6d6 1px; border-right-style:solid;}
.leftBorder{border:none #d6d6d6 1px; border-left-style:solid;}

#reap #spend{background:none; font-family: "Trebuchet MS", sans-serif; margin:20px;}
#reap #spend div.header{background:#00a3ce;}
#reap table#prizes{width:100%;}
#reap table#prize{margin-top:10px; background:#F7F7F7;}
#reap table#prize td{width:30%; text-align:center;}
#reap table#prize td.top{height:50px;}
#reap table#prize td.middle{height:175px;}
#reap table#prize td.bottom{height:35px; font-size:20px;}
#reap table#prize td.bottom-blue{background:#00a3ce; color:#fff;}
#reap table#prize td.bottom-red{background:#ff6623; color:#fff;}
#reap table#prize td.bottom-gray{background:#ccc; color:#fff;}

#confirmSpend{}
#confirmSpend #item{background:none; font-family: "Trebuchet MS", sans-serif; margin:20px;}
#confirmSpend #item div.header{background:#00a3ce;}
#confirmSpend #item #redeeming table{width:100%; padding-top:20px;}
#confirmSpend #item #redeeming table td{padding:30px 30px 40px 30px; vertical-align:top; width:50%;}
#confirmSpend #item #redeeming p.header{font-size:19px; color:#00a3ce; font-weight:bold; }
#confirmSpend #item #redeeming p{padding-bottom:30px;}
#confirmSpend #item #redeeming p.points{color:#666;}
#confirmSpend #item #redeeming b.item{font-size:15px; color:#000;}
#confirmSpend #item #redeeming p.confirm{background:#ff6623; color:#fff; font-size:20px; padding-bottom:2px;}
#confirmSpend #item #redeeming p.confirm:hover{cursor:pointer;}

#community{font-family: "Trebuchet MS", sans-serif; margin:20px;}
#community div.header{background:#f12403;}
#community #contentContainer{height:1050px;}
#community #contentContainer div.padder{padding:0 0 10px 15px;}
#community #contentContainer div.left{width:340px; border:none #a6a6a6 1px; border-right-style:dotted; height:auto;}
#community #contentContainer div.right{float:left; width:450px; height:auto;}
#community #contentContainer #testimonials{border:none #a6a6a6 1px; border-bottom-style:dotted; margin-bottom:10px;}
#community #contentContainer #testimonials td{padding:6px;}
#community #contentContainer #testimonials div.header{background:none; color:#3ec066; font-size:17px; font-weight:bold; padding-bottom:10px;}
#community #contentContainer #testimonials div.entries{width:418px; background:url(../images/community_test-bg.gif) repeat-y; font-size:11px; font-weight:bold;}

#community #contentContainer #snapshots{border:none #a6a6a6 1px; border-bottom-style:dotted; margin-bottom:10px;}
#community #contentContainer #snapshots div.header{background:none; color:#f6a004; font-size:19px; font-weight:bold; padding-bottom:10px;}
#community #contentContainer #snapshots div.shots{width:418px; background:url(../images/community_snapshots-bg.gif) repeat-y; font-size:12px; font-weight:bold;}
#community #contentContainer #snapshots div.shots table{padding:10px 0 10px 10px;}
#community #contentContainer #snapshots div.shots td.image{width:135px; padding-right:10px;}
#community #contentContainer #snapshots div.shots td p.caption{font-size:12px; font-weight:bold; padding-top:5px;}
#community #contentContainer #snapshots div.shots td p.submittedBy{font-size:11px; color:#767676;}
#community #contentContainer #snapshots div.shots td p.viewComments a{font-size:11px; color:#000;}
#community #contentContainer #snapshots div.shots td p.mostCommented{font-size:13px; color:#000; padding-bottom:14px;}
#community #contentContainer #snapshots div.shots td p.comment{font-size:12px; color:#000; padding-bottom:7px;}


#community #contentContainer #snapshots2{margin-bottom:10px;}
#community #contentContainer #snapshots2 div.header{background:none; color:#d4673e; font-size:19px; font-weight:bold; padding-bottom:10px;}
#community #contentContainer #snapshots2 td{padding:6px 6px 12px 6px;}
#community #contentContainer #snapshots2 div.shots{width:418px; font-size:12px; font-weight:bold;}
#community #contentContainer #snapshots2 div.shots p.caption{font-size:13px; font-weight:bold;}
#community #contentContainer #snapshots2 div.shots p.username{font-size:11px; font-weight:normal; color:#767676;}
#community #contentContainer #snapshots2 div.shots p.comments{font-size:11px; font-weight:normal;}

#community #contentContainer #recipes div.header{font-size:19px; color:#FF6623; font-weight:bold; background:none;}
#community #contentContainer #recipes div.featured{width:315px; background:url(../images/community_recipes-bg.gif) repeat-y; font-size:13px; font-weight:normal;}
#community #contentContainer #recipes div.featured div.padder{padding:10px 6px 10px 10px; margin-top:7px;}
#community #contentContainer #recipes div.featured p.header{font-size:15px; font-weight:bold; padding-bottom:0px;}
#community #contentContainer #recipes div.featured p.recipeName{font-size:15px; padding-bottom:0px;}
#community #contentContainer #recipes div.featured p.submittedBy{font-size:13px; color:#838282; padding-bottom:10px;}
#community #contentContainer #recipes div.featured p.ingredients{font-size:13px; padding-bottom:20px;}
#community #contentContainer #recipes div.latestRecipes{padding-top:20px;}
#community #contentContainer #recipes div.latestRecipes div.recipe td{padding-bottom:15px;}
#community #contentContainer #recipes div.latestRecipes div.recipe td.image{width:90px; padding-right:10px;}
#community #contentContainer #recipes div.latestRecipes div.recipe p.recipeName a{color:#FF6623;}
#community #contentContainer #recipes div.latestRecipes div.recipe p.submittedBy{color:#767676;}

#referFriend{background:url(../images/refer-bg-main.jpg) no-repeat 512px 50px; padding-bottom:15px;}
#referFriend div.header{background:#f12403;}
#referFriend #refer_a_friendContainer p{padding-bottom:10px;}
#referFriend table{padding-bottom:20px;}
#referFriend .form{background:url(../images/refer-bg.jpg) no-repeat; width:438px; height:376px;}

#referFriendBonus {background:url(../images/activity/refer-bg-main-bonus.jpg) no-repeat 450px 50px; padding-bottom:15px;}
#referFriendBonus div.header{background:#78c4e3;}
#referFriendBonus #refer_a_friendContainer p{padding-bottom:10px;}
#referFriendBonus table{padding-bottom:20px;}
#referFriendBonus .form{background:url(../images/activity/refer-bg-bonus.jpg) no-repeat; width:438px; height:376px;}

#photo{background:url(../images/photo-bg-main.jpg) no-repeat 430px 50px; padding-bottom:15px;}
#photo div.header{background:#ff8226;}
#photo .form{background:url(../images/photo-bg.jpg) no-repeat; width:393; height:290px;}

#holidayphoto{background:url(../images/activity/holiday-photo-bg.jpg) no-repeat; padding:20px;}
#holidayphoto div.header{background:#000;}
#holidayphoto .form{background:url(../images/photo-bg.jpg) no-repeat; width:393; height:240px;}

#photoThanks{}
#photoThanks div.header{background:#ffb123;}
#photoThanks div.container p{padding:0px 0 10px 0px; }

#photoList{}
#photoList div.header{background:#ffb123;}
#photoList table{width:700px; margin:10px 50px 0 50px;}
#photoList table td{width:33%; padding-bottom:15px; padding-left:20px;}
#photoList table td p{font-size:11px; padding-top:0;}
#photoList table td p.caption{padding-bottom:5px; font-size:12px;}
#photoList table td p.photo{padding-bottom:5px;}
#photoList table td p.user{padding-bottom:15px;}
#photoList table td p.comments{padding-bottom:0px;}

#photoView{}
#photoView div.header{background:#ffb123;}
#photoView p{font-size:12px; padding-left:20px;}
#photoView p.image{padding-bottom:10px; padding-left:0px; padding-top:15px;}
#photoView p.user{padding-bottom:7px; padding-left:0px;}
#photoView p.caption{padding-bottom:20px; padding-left:0px;}
#photoView p.comments{padding-bottom:10px;}
#photoView p.comment{font-size:14px;}
#photoView p.report{padding-bottom:10px}
#photoView div.commentContainer{width:350px; border:none 1px #666; border-top-style:dotted; margin-top:7px; padding-top:7px; padding-right:10px;}

#index{}
#index .top{border:none #d6d6d6 1px; border-bottom-style:dotted; padding-bottom:10px; margin:0 10px;}
#index #morePoints{width:393px; height:auto; background:url(../images/morePoints-bg.gif) repeat-y; font-family: "Trebuchet MS", sans-serif;}
#index #morePoints table{padding:0px 5px 0 5px; width:100%;}
#index #morePoints td{height:88px; border:none #CCCCCC 1px; border-bottom-style:dotted; text-align:center;}
#index #morePoints td img{padding-bottom:5px;}
#index #morePoints div.header{background:#f12403;}

#index #spendPoints{width:399px; height:150px; background:url(../images/prizes.jpg) no-repeat; font-family: "Trebuchet MS", sans-serif; margin-top:20px;}
#index #spendPoints div.header{color:#fff; font-size:24px; padding:2px 0 0 10px;}
#index #spendPoints div.prizeList{margin:140px 0 0 160px;}
#index .join_today{margin:20px 0 0 18px; height:695px; width:392px; background:url(../images/join-today-bg.gif);}

#new_to_you{background:url(../images/new-to-you-bottles.jpg) no-repeat 475px 50px; padding-bottom:15px;}
#new_to_you .header{background:#3ec066}
#new_to_you .form{background:url(../images/new-to-you-bg.jpg) no-repeat; width:393; height:290px;}

#recipeContainer{padding:0; width:840px;}
#recipeContainer .form{background:url(../images/recipe-form-bg.jpg) repeat-y; width:393; height:610px;}

#earnPoints{padding:20px;}
#earnPoints div.header{background:#ffb123;}

p.earn_rewards_description{font-size:12px; margin:0}

.hover:hover{cursor:pointer;}

div.header{color:#fff; font-size:24px; height:auto; font-family: "Trebuchet MS", sans-serif;}
div.header p{padding:3px 0 3px 10px; margin-bottom:10px; font-size:24px;}


#rankings a:hover{background-color:#ccc;}


/* font styles */
.orangeTitle { font-family: "Trebuchet MS", sans-serif; font-size: 22px; color: orange; }
.blackTitle  { font-family: "Trebuchet MS", sans-serif; font-size: 22px; color: black; }
.yellowTitle { font-family: "Trebuchet MS", sans-serif; font-size: 22px; color: yellow; }

a.userRollOver{text-decoration:none; color:#767676;}
a.userRollOver:hover{color:#00a3ce;}
.userColor{color:#00a3ce;}



/* ==================================================================================== */
/*                                  pagination                                          */
/* ==================================================================================== */
a.pagination_off {color: #CD6600; font-weight: normal; text-decoration: none;}
a.pagination_off:hover {color: #CD6600; font-weight: normal; text-decoration: underline;}

a.pagination_on {color: #000; font-weight: bold; text-decoration: none;}
a.pagination_on:hover {color: #CCC; font-weight: bold; text-decoration: underline;}

a.prev_next {color: #000; font-weight: bold; text-decoration: underline;}
.prev_next_disabled {color: #CCCCCC; font-weight: bold; text-decoration: none;}
a.prev_next_disabled {color: #CCCCCC; font-weight: bold; text-decoration: none;}

#admin {
	font-size:13px;
	text-align:left;
}

#admin a {
	color:#f12403;
}

.redeemNow { color:white; text-decoration:none; }
.redeemNow:hover { color:#8B4500; text-decoration:none; }

