/*Wrapper Styles Layout
*********************************************************/
body{background-color:#a6d642;}
#headerWrap, #bodyWrap, #footerWrap{width:960px; margin:0 auto;}
#bodyWrap{position:relative;}
#header{background: #a6d642 url(../../images/v4_1//mainNavBg2.png) repeat-x bottom left; height:105px;}
#headerWrap{height:105px;}
#body{background-color:white;}

/*body div styles
***********************/

#footer{background: #a6d642 url(../../images/v4_1//mainNavBg2.png) repeat-x top left; height:70px;}

/*Header Layout
*********************************************************/
#header{height:105px;}
.logo{text-indent:-4000px; display:block; width:235px; height:57px; margin-top:16px; margin-bottom:2px; background:transparent url('../../images/v4_1//logo.png') no-repeat;}
ul.main{height:30px; clear:left;/* width:100%;*/}
ul.main li{padding:8px 5px;}
div.user{width:260px; margin-left:701px; height:30px; background: transparent url(../../images/v4_1//orangeBar.png) repeat-x bottom left;}
.user p{float:left; padding:8px 0 8px 8px;}
.user img{float:right; margin:3px 8px;}
#header ul.smallNav{margin:15px 0 25px; *margin-bottom:15px; width:400px;}
#header ul.smallNav li{padding-left:10px;}
.profileHead{width:262px; margin:14px 0 0 0;  height:61px;}
.profileHead div.whiteBack{margin-left:-1px; height:60px; position:relative;}
.profileHead div.greyBack{margin-left:-1px; height:60px; position:relative;}
.profileHead p span.name{line-height:13px;}
div.whiteBack div.textRight{position:absolute; bottom:0; right:4px;}
#headerWrap .fRight ul.marginTop{margin-top:8px;}


/*homepage feature styles****/
div.homeBox{border:1px solid white; margin-bottom:25px;}
div.homeBox:hover{background:#EFF5E4; border-color:#ccc;}
#content div.homeBox p, #content div.homeBox p a{color:#5d5d5d;}
div.homeBox img.fRight{margin-right:5px;}
#content div.homeBox p a:hover{text-decoration:none;}

body.memberHome #bodyWrap{background:transparent url(/images/v4_1/sideBarBg.png) repeat-y top right;}
body.memberHome #content{margin-bottom:0; padding-bottom:0;}
body.home .equalCol{margin-bottom:0; padding-bottom:0;}
/* Main menu active tab styles 
 *************************************************************/
ul.main li#bzzscapes, #header ul.main li.gb_support {background: #66ccff url('../../images/v4_1/scapesBG.png') repeat-x bottom right}
ul.main li#frog {background: #9dd039 url('../../images/v4_1/frogPondBG.png') repeat-x bottom right}
ul.main li#campaigns {background: #f3ba64 url('../../images/v4_1/campaignsBG.png') repeat-x bottom right}
ul.main li#agentHome, ul.main li#join {background: #aaaaac url('../../images/v4_1/myAgentBG.png') repeat-x bottom right}
.support li#agentSupport, .editProfile  li#myProfile, ul.main li.gb_profile {background: #999 url('/images/v4_1/ukProfileGrade.png') repeat-x bottom right}
/*.joinBzz ul.main li#join a, .bzzscapes ul.main li#bzzscapes a, .frogHome ul.main li#frog a, .bzzscapes, .frogpond ul.main li#frog a, .mybzz ul.main li#agentHome a, .campaigns ul.main li#campaigns a, .support ul.main li#agentSupport a, .editProfile ul.main li#myProfile a, .wordofmouth ul.main li#wordofmouth a, .frogPage ul.main li#frog a {color:#ffffff}
.campaigns ul.main li#campaigns, .mybzz ul.main li#agentHome {height:13px; border-bottom:1px solid #90C84B*/}
/* Subnav active styles */
.frogHome .bzzscapes ul.subNav li#frog, .frogpond ul.subNav li#frog, .mybzz ul.subNav li#agentHome, .campaigns ul.subNav li#campaigns {background: #EFF5E4 url(../../images/v4_1/navActiveBG.png) repeat-x; border-left:1px solid #90C84B; border-right:1px solid #90C84B;}
.frogHome ul.subNav li#frog a, .frogpond ul.subNav li#frog a, .mybzz ul.subNav li#agentHome a, .campaigns ul.subNav li#campaigns a {color:#5D5D5D}


/*Content Layout
*********************************************************/
.skinny #content, div.skinny {width:690px; float:left; min-height:500px;}
 .wide #content{width:100%; display:block; padding-top:30px;}
#content{min-height:500px;}
.mybzz #content, .campaigns #content {padding-top:0px}
.frogpond #row, .wide #row{display:block; position:relative;}
.frogpond .equal2, .wide .equal2{display:block;}

#sidebar{width:259px; float:left; margin-left:10px;  padding-top:15px}
.userPage #sidebar{padding-top:0;}
.wordofmouth #sidebar, .frogHome #sidebar, .support #sidebar, .joinBzz #sidebar, .editProfile #sidebar, .frogPage #sidebar, .campaigns #sidebar, .mybzz #sidebar{position:relative; top:-32px; z-index:1}
.wide #sidebar {display:block; position:absolute; left:701px; top:30px; background:none; }
ul.subNav{height:30px; padding-left:17px; background-color:#4097C2;}
.subNav{width:943px;}
.skinny .subNav{width:700px;}
/*.editProfile #bodyWrap .subNav{border-color:#ccc; z-index:999;}*/
ul.subNav li{padding:8px 25px 0 0;}
ul.subNav li.fRight {float:right; padding-right:4px; padding-top:4px;}
ul.subNavfr li{padding-right:15px;}
.skinny ul.subNav li.fRight {padding-right:24px;}
.searchArrow{background:url('../../images/subNavSubmitBtn.png') no-repeat 0 0; text-indent:-4000px; height:23px; width:19px; border:0; float:left; cursor:pointer; margin-left:0px;}
ul.subNav li input.search{border-width:1px 0 1px 1px; border-style:solid; border-color:#989ba0; height:13px; margin:0; display:block; float:left; padding:4px; background-color:white;}
#login{display:none; padding:8px 8px 0; position:relative; top:-29px; width:100%; width:243px; background:#FF9900 url('../../images/v4_1/shortOrangeGrade.png') repeat-x top left; border-bottom:1px solid #c6c6c6}
.loggedout #sidebar {left:694px}
.frogpond #login{top:91px;}
.campHome{height:235px; margin-bottom:15px;}
.campHome .dashedBorder{height:145px;}
.publicCampHome {height:162px; margin-bottom:15px}
.tagline{position:relative; top:10%;}
.alert{padding:10px; position:relative; line-height:18px; margin-bottom:15px;}
/*.alert p{ margin-right:30px;}*/
.alert .closeX{ position:absolute; top:5px; right:5px;}
.bigBoxRight{margin-left:180px; width:425px;}
.campHome .bigBoxRight{margin-left:310px; width:360px;}

/* Profile content
 *******************************************************************/
#profile {min-height:80px; width:259px; position: absolute; top:91px; z-index:99; margin-bottom:10px}
#profileHead {padding:7px 10px 0; height:92px}
.profileHead .medPadded{padding-bottom:0;}
.editProfile #profileHead{background-image:none; background:#EFF5E4; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#showHide { z-index:999; cursor:pointer; padding: 0px 0 0; margin: 0 -1px; position: relative;}
#profileBottom { height:25px; top:0; width:100%; position:absolute}
ul.profileNav {width:220px; height: 30px; clear:left}
ul.profileNav li {padding:2px 0 5px}
.profileWrap{background:#575858 none repeat scroll 0 0; border-color: #6F6F6F; border-style:none solid solid; border-width:medium 1px 1px; padding:15px; display:none; position:absolute; z-index:999;}
.profile{background:#f2f2f2; padding:20px 30px; width:171px;}
.showHide span#openClose, .profileWrap span#closeProfile {display: block; text-align:center; color:white; padding-top:6px; padding-bottom:6px; width:264px;}
#showHide span#openClose, .profileWrap span#closeProfile{background:transparent url(../../images/v4_1/profile_tab3.png) no-repeat scroll 0 bottom; margin-top:-1px; height:13px;}
.statusBox {background:#c8e48c; padding: 5px 15px; margin:10px auto}
.sbLoggedIn {z-index:1; margin:0 5px; width:249px}
.sbLoggedOut {padding-top:0px; position:relative; top:-20px}

/* slider stuff 
 ******************************************************************** */
.slideHead {padding:10px 0; overflow:hidden;}
.skinny #content .slideHead h2{width:400px;}
/*invite Layout
*******************/
.invite{height:118px;}
.invite p{float:left;width:450px;}
.invite .button{width:115px; margin:0 0 5px 545px;}

/* Message Board layout 
 ***********************************************/
table#message {width:96%}
.pagebanner {margin: 10px 0 10px 20px; display:block; float:left}
.pagelinks {display:block; margin:10px 30px 10px 0; float:right}

/*  Flash helper ********************************************************
 * 
 */
 #flashHelp {display:block; position: absolute; z-index:998; top:30px; right:255px;}
 #flashHelpWide {top:-65px; right:0}
/*.frogpond  #flashHelpWide {top:-20px;}
#content .helperNormPosition{top:0;}*/
 #beeHelper {display:none;}
 .helperBee {top:-80px; display:block; position: relative; float:right; z-index:auto;}
 
 /* Special Offer 
  *****************************************************************/
 .specialOffer {position: relative; z-index:1999; left:500px; top:110px}

/*Footer Layout
*********************************************************/
p.copy{padding:8px 0;}
ul.footerNav{padding:7px 0; height:15px;}
ul.footerNav li{padding-right:20px;}

/* Popup 
 ************************************************************* */
.popup #content {padding-top:10px; padding-bottom:10px; width:685px; margin:0 auto; display:block}
.popup #headerWrap, .popup #bodyWrap, .popup #footerWrap {width:650px}
/*column styles
*********************************************************/
/*2 columns
*************/
.col1_2{width:48%;float:left;}
.col2_2{width:48%; margin-left:50%;}

/*3 columns
*************/
.col1_3{width:30%; margin-right:3%; float:left;}
.col2_3{width:31%; margin-right:3%; float:left;}
.col3_3{width:32%; float:left;}
.bzzscapes .col3_3{width:31%;}

.col12_3{width:63%; margin-right:3%; float:left;}
.frogpond .col12_3{width:60%;}
.col23_3{width:66%; margin-left:33%;}
.frogpond .col1_3{width:40%; margin-right:3%;}
.frogpond .col23_3{width:57%; margin-left:43%;}
.frogHome .col23_3 { width:63%; margin-left:35%;}
.frogHome .col12_3 {width:43%}
.frogHome .col3_3 {width:50%}
.editProfile .col1_2 {width:57%; float:left}
.editProfile .col2_2 {margin-left:60%; width:38%}

.editProfile .status_wrap .col1_2{width:334px;}
.col3_3SM {width:30%; margin-left:4%; float:left}
/*4 columns
*************/
.col1_4{width:22%; margin-right:3%; float:left;}
.col2_4{width:22%; margin-right:3%; float:left;}
.col3_4{width:22%; margin-right:3%; float:left;}
.col4_4{width:24%; margin-left:75%;}
.col23_4{width:50%; padding-right:2%; float:left}
.frogpond .col1_4 {width:18%; margin-right:3%; float:left;}
.col234_4{width:75%; margin-left:25%}
.frogpond .col234_4 {width:78%; margin-left:20%; padding-left:10px}
.col123_4{width:78%; float:left;}
.col1_4SM {width:18%; margin-right:3%; float:left;}
.col234_4SM {width:70%; margin-left:20%; padding-left:10px}
.col1_4f{float:left; width:15%}
.col234_4f {float:left; margin-left:2%; width:80%}

/*bzzscapes col additions
**************************/
ul.colx5 li{width:15%; display:block; padding:1%; height:125px; float:left}
.colx3{width:31%; display:block; padding:1%; height:170px}
.colx3 ul.medDarkGreyBg{height:82px;}
.colx3 a.lessBig{font-size:14px; display:block; margin-top:75px;}

.col12_5{width:38%; float:left;}
.col345_5{width:60%; margin-left:40%;}

/*equal column styles
*************/
#content .equalCol, .equalCol{
	margin-bottom:-20000px;
	padding-bottom:20000px;
}
#content .equalWrap, .equalWrap{
	overflow:hidden;
}

/*ToDo list 
*******************************************************/
ul.todo {background: #ffffff;  width:230px;}
ul.todo li {padding: 10px 5px 0 45px; border-bottom:1px solid #cccccc;}
ul.todo li p{margin-bottom:3px;}
ul.todo li.pollToDo{background:white url(../../images/v4_1/pollToDo.png) no-repeat 5px 13px;}
ul.todo li.frogToDo{background:white url(../../images/v4_1/frogToDo.png) no-repeat 5px 13px;}
ul.todo li.reportToDo{background:white url(../../images/v4_1/reportToDo.png) no-repeat 5px 13px;}
ul.todo a{font-weight:bold; color:#5b5b5b;}



/*table try
***************/
.equal2 {
	display:table;      
	border-collapse:separate;
}   

.row {     
	display:table-row;
}   
.row div.colOne, .row .colTwo {      
	display:table-cell;
	vertical-align: top
}  


/*Frog Stuff*/
.frogSearchBox {padding-left:13px;}


/*home flash styles
************************/
.homeFlash{width:569px; height:383px; float:left; margin:12px 0 0 5px; padding:25px 25px 0; background:transparent url('/images/v4_1/homeGreenBg.png') no-repeat 0 0;}
.home #content .homeFlash h1{color:black; font-size:50px; font-family:GothamMediumGothamMediumbok; line-height:1;}
.home #content .homeFlash h1 span{color:#7ba63d; font-weight:bold;}
.homeCallout{margin-left:650px; height:383px; width:307px; margin-top:12px;}
.homeCallout .becomeAgent{background:transparent url(/images/v4_1/becomeAgentBg.png) no-repeat 0 0; height:188px; margin-bottom:10px;}
.homeCallout .helpBrand{background:transparent url(/images/v4_1/helpBrandBg.png) no-repeat 0 0; height:185px; margin-bottom:10px;}
#content .homeCallout h2{font-weight:normal; color:white; padding:23px 0 0 28px; font-size:22px; font-weight:normal; line-height:24px;}
.homeCallout h2 span{font-weight:bold; font-size:27px;}
.homeCallout ul.whiteChev{padding:12px 0 0 15px;}
ul.whiteChev li{background:transparent url('/images/v4_1/whiteChev.gif') no-repeat 0 5px; padding-left:15px; line-height:15px; margin-bottom:5px;}
ul.whiteChev li a{color:white; font-size:13px;}
h2.FBactivity{color:white; text-indent:-4000px; background:transparent url('/images/v4_1/recentActivity.png') no-repeat 0 0; height:30px;}
h2.frFbActivicy{color:white; text-indent:-4000px; background:transparent url('/images/v4_1/recentActivityFR.png') no-repeat 0 0; height:30px;}
.greenHr{background:transparent url(/images/v4_1/greenHpHr.png) repeat-x 0 0; height:6px; margin-bottom:15px;}
.greenHr hr{display:none;}
.checkBullet{width:330px; margin:0 auto 18px;}
.checkBullet li{background:transparent url(/images/v4_1/checkBullet.png) no-repeat 0 0; padding-left:25px; margin-bottom:8px; text-align:left;}
.signUpBtn{display:block; width:233px; height:55px; margin:0 auto; background:transparent url(/images/v4_1/signUpBtn.png) no-repeat 0 0; text-indent:-4000px; font-size:0;}
.signUpBtn:hover{background-position:0 -57px;}


.home #content .homeFr h1{font-size:33px;}
.homeFr .checkBullet{width:430px; margin-bottom:28px;}
.homeFr .signUpBtn{background-image:url(/images/v4_1/signUpBtnFr.jpg);}
/*BzzScapes layout styles
*******************/
.bookmark #header{background-image:url('http://www.bzzagent.com/images/v4_1/hrDotted.png'); height:45px;}
.bookmark #headerWrap{padding-top:10px; height:auto;}
.bookmark #header #headerWrap, .bookmark #body #bodyWrap{width:930px;}
.bookmark #content{min-height:0;}
/*.bookmark .col1_2{width:250px;}
.bookmark .col2_2{margin-left:255px; width:240px;}*/
.scapesLogo{background: url('/images/v4_1/scapesLogoSM.gif') no-repeat 0 0; text-indent:-4000px; height:30px; width:100px; margin-bottom:4px;}
.scapesLogoBig{background:url('/images/v4_1/scapesLogo.png') no-repeat 0 0; text-indent:-4000px; width:217px; height:58px; margin-right:8px;}
.bookmark #body{background:#f2f2f2 url('/images/dottedShaddowBtm.png') bottom left repeat-x;}
.featureTag {position:relative; top:64px; display:block; width:80px; margin:0 auto; z-index:9;}


.relTop10 .objAvatar{position:relative; top:8px;}
.topRight{position:absolute; top:4px; right:4px;}

.gridPage .equalCol{margin:0; padding:0;}
.gridPage .equalWrap{overflow:visible;}

.scapeMain{width:705px; float:left;}
/*.gridPage .scapeMain{width:755px;}*/
.scapeSide{width:223px; margin-left:720px;}
.gridPage .scapeSide{width:243px;}

.assistLogo {position: absolute; top: 50px; left: 900px;}

ul.subNav li.fRight{float:right; padding-top:4px; padding-right:4px;}
ul.subCats li {display:block; width:90%}

/* Scape Search Results Style */
ul.results li {padding:15px 5px 0; clear:left;}
ul.results li div.dotted_hr{margin:0 0 10px;}


/*Featured content styles */
.featureTab {background:transparent url(../images/v4_1/featured_tabBG.png) no-repeat left top; height:36px;}