@charset "UTF-8";

/*
Title:     The Gate Lab
Author:    The Gate Films Limited
*/

/* remove firefox outlines from everything */
* { outline: none !important; }

body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size:76%;
	color: #6A6854;
	text-align:center;
	background-color: #FFFEEF;
	background-image: url(/TheGateLab/images/bodybg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	}


.forgot{
	border-left:1px solid rgb(179, 177, 158);
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}
/* links */

a:link, a:visited {

	color: #40392F;
	text-decoration: none;
	}
a:hover {

	color: #40392F;
	text-decoration: none;
	}


/* page structure
---------------------------------------------------------- */

#container {
	width:788px;
	padding: 0;
	line-height: 1.6em;
	margin:0 auto;
	text-align:left;
	}



/* Top navigation Bar
---------------------------------------------------------- */

#topNavigation { float:right; margin:0; font-size:0.80em; text-transform:uppercase; letter-spacing:0.02em; margin-right:14px;display:inline;}
#topNavigation li {   display:inline; text-align:right; float:left; height:30px;}
#topNavigation span {display:none;}

#breadcrumb {width:190px;border-top:#D7D5C3 3px solid; background:url(/TheGateLab/images/titles/youarebrowsing.gif) right 6px no-repeat;}
#breadcrumbOtherIdeas {width:190px;border-top:#D7D5C3 3px solid; background:url(/TheGateLab/images/titles/otherpeoplesideas.gif) right 5px no-repeat;}
#breadcrumbPlantingIdea {width:190px;border-top:#D7D5C3 3px solid;
 background:url(/TheGateLab/images/titles/plantinganidea.gif) right 5px no-repeat;}
 #breadcrumbBeingwise {width:190px;border-top:#D7D5C3 3px solid;
 background:url(/TheGateLab/images/titles/youarebeingwise.gif) right 5px no-repeat;}
 #breadcrumbProfile {width:190px;border-top:#D7D5C3 3px solid;
 background:url(/TheGateLab/images/titles/profile.gif) right 5px no-repeat;}

#loginIDTop {width:190px;border-top:#D7D5C3 3px solid;float:left;display:block;}
#loginIDTop p{font-size:9px;margin:0;padding:0 2px 0 0;font-family: Arial, "MS Trebuchet", sans-serif; letter-spacing:-0.005em;}


#logout {border-top:#40392F 3px solid; width:190px;background:url(/TheGateLab/images/titles/logout.gif) right 6px no-repeat;}
#logout a{display:block;background:url(/TheGateLab/images/titles/logout.gif) right 6px no-repeat;width:37px; height:15px; float:right;}
#login {border-top:#40392F 3px solid; width:190px;background:url(/TheGateLab/images/titles/login.gif) right 6px no-repeat;}
#login a{display:block;background:url(/TheGateLab/images/titles/login.gif) right 6px no-repeat;width:37px; height:15px; float:right;}


#Menu { float:right; margin:5px 0 20px 0;width:665px; font-size:1.00em; text-transform:uppercase; letter-spacing:0.02em; list-style:none; padding:0 0px 0 0; background:url(/TheGateLab/images/outsidemenubg.gif) no-repeat right top;  }
#Menulist { margin-left:222px; margin-bottom:0; margin-top:0;}
#Menulist li { margin:10px 0px 0 0px;list-style-position:outside;width:94.5px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; text-align:right; display:inline; float:left; text-transform:none; font-size:0.95em; letter-spacing:-0.01em;}
#Menulist span { display:none;}
#Menulist  a { color:#928D80;}


#Actions { float:right; margin:2px 0 16px 0; font-size:0.80em; text-transform:uppercase; letter-spacing:0.02em; list-style:none; padding:0;  }
#Actions li { margin:0 8px 0 14px;list-style-position:outside;height:36px;display:inline;float:right;}
#Actions span { display:none;}

#ViewAllIdeas{ float:left; background:url(/TheGateLab/images/buttons/view-ideas.gif) top left no-repeat; }
#ViewAllIdeas a {  display:block;background:url(/TheGateLab/images/buttons/view-ideas.gif) top left no-repeat;width:166px; height:36px;}

#OrderIdeasBy{ float:left; background:url(/TheGateLab/images/buttons/order-ideas-by.gif) top left no-repeat; }
#OrderIdeasBy a {  display:block;background:url(/TheGateLab/images/buttons/order-ideas-by.gif) top left no-repeat;width:166px; height:36px;}


#PlantAnIdea{ float:left;background:url(/TheGateLab/images/buttons/plant-idea.gif) top left no-repeat; }
#PlantAnIdea a {  display:block;background:url(/TheGateLab/images/buttons/plant-idea.gif) top left no-repeat;width:166px; height:36px;}
#ViewMyIdea a {  display:block;background:url(/TheGateLab/images/buttons/view-my-ideas.gif) top left no-repeat;width:166px; height:36px;}



/* logo */

h1#logo  { background:url(/TheGateLab/images/logo.jpg) top left no-repeat; height:60px; width:98px; float:left; margin:14px 0 0 15px;display:inline;}
#logo span{ display:none;}
#logo a {height:60px; width:98px; display:block;}

/* gallery
---------------------------------------------------------- */
#homeIllustration { width:100%; float:left; clear:left; text-align:center;}
#homeIllustration p{ margin-top:100px;}


/* gallery
---------------------------------------------------------- */

/* Gallery Layouts */
.shelfsmall { background:url(/TheGateLab/images/gallery/smallshelfspan.gif) center top repeat-y;padding:0px; margin:0 16px;float:left;width:756px;display:inline;}
#frameLined { float:left;background:url(/TheGateLab/images/gallery/framemiddle.jpg)  left 19px repeat-y; width:100%;}
#frameLined .frameTop { background:url(/TheGateLab/images/frametop.jpg) top left no-repeat; height:19px; padding-right:26px;}
#frameLined .frameTopLink { margin:16px 5px 0 0; float:right;}

/* Frame Bottom */
#frameLined .frameBottom { background:url(/TheGateLab/images/framebottom.jpg) bottom left no-repeat #fff; height:20px; color:#949186;clear:both;padding-top:30px;}
#frame .frameBottom { background:url(/TheGateLab/images/framebottom.jpg) bottom left no-repeat #fff; height:20px; color:#949186;clear:both;padding-top:30px;}

/* gallery user style plant */


.myideaactive .plantBox {background:url(/TheGateLab/images/diag_bg.gif) top left}
.myideapanel .plantBox {background:url(/TheGateLab/images/diag_bg_panel.gif) top left}
.myideaactivepanel .plantBox {background:url(/TheGateLab/images/diag_bg_panel_author.gif) top left}


.shelfsmall .plantBox { width:189px; float:left; height:303px;position:relative;overflow:hidden;}
.shelfsmall .member {background:url(/TheGateLab/images/diag_bg.gif) top left}
.shelfsmall .panel {background:url(/TheGateLab/images/diag_bg_panel.gif) top left}
div.panel.member {background:url(/TheGateLab/images/diag_bg_panel_author.gif) top left}

.plantBox h3{ font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#3D6357;margin:0px 15px 3px; }
.plantBox h3 a{color:#3D6357; }
.plantBox p{ margin:0px 15px 10px; font-size:0.9em; line-height:1.3em; height:57px; }
.plantBox p a {color:#767461;}
.plantBox p.plantBoxCat { text-transform:uppercase; text-align:right; font-size:0.8em; margin:4px 8px 0 0; color:#A5A289; height:auto;}
.plantBox p.plantBoxCat a {color:#A5A289;}

.flowerPower {
	opacity: .99;
}

/*

.flowerPower a{border:none;display:block;overflow:hidden;}
.flowerPower a:hover img{opacity: .2;
	filter: alpha(opacity=20);}

	.flowerPower a{opacity: .99;
		filter: alpha(opacity=99);}

	*/



.flowerPower {position:absolute;top:106px;left:0;float:left;background:none;}

.plantreadmore { position:absolute; width:65px; height:35px; margin:241px 0 0 124px; background:url(/TheGateLab/images/gallery/divider.gif) repeat-x;z-index: 50;}
.plantreadmore ul { float:left; padding:0; font-size:1.2em; margin:0; font-weight:bold; font-family:"Lucida Grande", verdana,arial, sans-serif; width:40px; letter-spacing:-0.1em;  }
.plantreadmore li { list-style-type:none; text-align:right;}
.plantreadmore li.commenticon { background:url(/TheGateLab/images/gallery/viewcomments.gif) no-repeat left 4px; padding-left:10px;}
.plantreadmore li.healthicon { background:url(/TheGateLab/images/icons/0117_mag.png) no-repeat left 4px; padding-left:10px;}

#gallerycontrols { padding:10px 0 8px; margin:0 30px; float:left; width:726px; background:#FFFFF7;display:inline;}

#pagination { float:left; background:url(/TheGateLab/images/buttons/button-middle-bg-tile.gif) repeat-x left top; margin-left:45px;}
#pagination p{ margin:5px 0px 0 5px; float:left; font-size:0.95em; letter-spacing:1.0em;  }
#pagination a:link {color:#80827C;}
#pagination img { float:left;}
#pagination a.active { color:#FF6EA0; font-weight:bold;}





/* Frame
---------------------------------------------------------- */

/* Frame Top */
#frame .frameTop { background:url(/TheGateLab/images/frametop.jpg) top left no-repeat; height:48px; padding-right:26px;}
#frame .frameTopLink { margin:16px 5px 0 0; float:right;}
#frame .frameTopLinkAbs { margin:0px 22px 0 0; float:right;}

.commentcontainer a:link, .right-config-curve a:link, #projectinfo a:link{background: url(http:/thegatelab.com/TheGateLab/images/icons/star_link.gif) no-repeat right 2px;
padding-right:10px;
color:#95554c;}

.commentcontainer a:hover, .right-config-curve a:hover, #projectinfo a:hover{background: url(http:/thegatelab.com/TheGateLab/images/icons/star_link.gif) no-repeat right 2px;
padding-right:10px;
color:#95554c;text-decoration:underline;}

.commentcontainer a:visited, .right-config-curve a:visited, #projectinfo a:visited{background: url(http:/thegatelab.com/TheGateLab/images/icons/star_link_done.gif) no-repeat right 3px;
padding-right:10px;
color:#95554c;}









ul.framesubnav {float:left;margin-left:207px;margin-top:-14px;}
ul.framesubnav li {display:inline;padding:7px 12px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;margin-right:4px;}
ul.framesubnav li.active {background:#CECCBA;}

ul.framesubnavTop {margin-top:-28px;margin-bottom:40px;float:right;width:380px;}
ul.framesubnavTop li {display:inline;padding:7px 12px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-right:4px;}
ul.framesubnavTop li.active {background:#CECCBA;}


.membersHomepage {background:url(/TheGateLab/images/member_homepage_bg.gif)  left top no-repeat;float:left;width:720px;height:400px;margin-left:38px;}
.membersleft {float:left;width:280px;clear:left;margin-top:060px;}
.membersright {float:right;width:260px;margin-top:-8px;margin-right:15px;text-align:left; }

.membersleft li{margin:0;}
.membersHomepage h3{border-bottom:solid 1px #ccc;padding-bottom:3px;margin-top:3px;}
.membersHomepage h4{padding-bottom:3px;margin-bottom:0px;}
.membersHomepage p {margin:0;padding:0;line-height:20px;}

.editYourDetails {float:right;}

.right-stats-curve {border:solid 1px #ccc;padding:0 10px;width:170px;float:right;margin-top:34px;}

.right-stats-curve ul { float:left; padding:0; margin:0 0 8px 0;  }
.right-stats-curve li { list-style-type:none;}

.right-config-curve {border:solid 1px #ccc;padding:0 10px;width:250px;float:right;margin-top:20px;}
.right-config-curvefront {border:solid 1px #ccc;padding:0 10px;width:250px;float:right;margin-top:20px;border:none;margin-right:60px;display:inline; }

img#homeright { display: block; float: right; margin: 110px 30px 0 0; }

/* Frame Container */
#frame { float:left;background:url(/TheGateLab/images/framemiddle.jpg)  left 48px repeat-y; width:100%;}

/* Page Layouts */
#shelf { background:url(/TheGateLab/images/shelf.gif) bottom center no-repeat; padding:0 16px; margin-top:-32px;float:left;width:756px;height:400px}

#comments {  float:left; margin:0 16px; width:755px;}

.plantPlace { float:left; width:214px;padding-bottom:13px;margin-top:98px;}

/* Splits */
.OneThird { float:left; width:214px;}
.TwoThird { float:left; width:542px;}
.ThirdThird { float:left; width:756px;}

.OneThird p , .TwoThird p , .ThirdThird p{ margin:8px 18px;}
.OneThird img{margin-top:10px;}

#comments   { float:left;}
#comments  .addcommentbutton { float:right; margin-right:16px; margin-top:10px;}
#comments  .lineborderbreak { height:1px; width:100%; float:left; background:#E7E1CF; margin-top:6px; margin-bottom:12px;display:inline;}

/* Type */
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.1em; font-weight:normal; margin:15px 0px 0 7px; background:url(/TheGateLab/images/underlineborderimg.gif) bottom left repeat-x; padding-bottom:15px; color:#3D6357; width:500px; padding-left:10px; }
h2 span { font-size:0.6em; color:#5B772B;}
.panelprofile h3 {color:#777973; text-transform:uppercase; font-size:0.8em;clear:left;}
#comments h3 { background:url(/TheGateLab/images/titles/comments.gif) no-repeat left 4px; padding:0 0 0 80px; color:#777973; text-transform:uppercase; font-size:0.8em; margin:10px 0 10px 10px; width:130px;float:left;}
#comments h3 span { display:none;}

.panelprofiles ul{clear:left;margin:0;}


/* user details list */
#details { font-size:0.95em; color:#4C7266; margin:0 0 0 15px; padding:6px 0;}
#details li {width:166px; display:inline; margin:0 10px 0 0px;}

#details .catagory { background:url(/TheGateLab/images/icons/catagory.gif) no-repeat left top;padding-left:18px;}
#details .date { background:url(/TheGateLab/images/icons/date.gif) no-repeat left top;padding-left:15px;}
#details .user { background:url(/TheGateLab/images/icons/user.gif) no-repeat left top;padding-left:12px;}

/* user details list */
#plantdetails { width:160px; float:left; margin-top:10px;}

#plantdetails a{background:url(/TheGateLab/images/watermebutton.gif) no-repeat left top;height:60px;width:133px;float:left;}
#plantdetails a:hover{background:url(/TheGateLab/images/watermebutton_on.gif) no-repeat left top;height:60px;width:133px;float:left;margin-top:-1px;margin-bottom:1px;}
.waterMeButtonClick span{display:none;}
.waterMeButtonClickBg {background:url(/TheGateLab/images/watermebutton.gif) no-repeat left top;}





#projectinfo { width:378px; float:left;margin-top:10px;height:260px;overflow:auto;}
#projectinfo p{ color:#767461; margin:0; }
#projectinfo span{ font-style:italic; font-size:0.9em; color:#9B987F; }

#projectfiles { padding:0; width:360px; margin:3px 0 1px;}
#projectfiles tr.last{ background:none; font-size:0.95em; list-style-type:none; width:75%; }
#projectfiles tr{ background:url(/TheGateLab/images/dashed.gif) bottom left repeat-x; font-size:0.95em; list-style-type:none; width:75%; }
#projectfiles .span { font-size:0.8em; font-style:italic; float:right; text-align:right;}
#projectfiles span{ font-style:italic; font-size:0.8em; color:#9B987F; }

#totalfiles { background:url(/TheGateLab/images/shade.gif) no-repeat right top ; width:383px; height:36px; float:left; padding-top:7px;}
#totalfiles p{ width:213px; float:left; margin:6px 6px 6px 12px;font-style:italic;}
#totalfiles .downloadall{  float:right; margin-right:17px;}

/* plantstats */

#plantstats { background:url(/TheGateLab/images/divider.gif) no-repeat  left 41px; font-size:2.3em; color:#5B772B; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin-top:23px; float:left; width:180px; text-align:left; width:165px;}
.statsheart { padding-right:16px; margin:0px 0; height:30px;}
.statscomments {padding-right:16px;margin:0px 0;height:30px;}


/* View ideas dropdown */

#dropmenudiv{
position:absolute;
border:1px solid #bababa;
border-bottom-width: 0;
font:normal 11px arial;
line-height:18px;
z-index:100;
margin-left:4px;
}

#dropmenudiv a{
width: 95%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #d7d7d7;
padding: 3px 0 3px 10px;
text-decoration: none;
font-weight: bold;
color:#676962;
text-align:left;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #ededed;
color:#353732;
padding: 3px 0 3px 10px;
width: 93%; }

/* comments
---------------------------------------------------------- */

.commentcontainer { float:left; margin:2px 0;}
.commentuser { width:195px; background:url(/TheGateLab/images/comments/arrow.gif) no-repeat right top; padding-right:18px; float:left;}
.commentuser h4{ color:#4C681C; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-left:18px; text-align:right; margin:2px 0 0 0;}
.commentuser h4 span{ color:#333333;}
.commentbox { background:url(/TheGateLab/images/comments/bubble.gif) no-repeat; float:left; width:520px; margin:0;}
.commentbox p { margin:10px 20px 5px 20px;}
.commentbox .bottom { background:url(/TheGateLab/images/comments/bubble-bottom.gif) no-repeat left bottom ; height:7px; width:520px; margin:0; padding:0;float:left;}


.commentcontainer .datestamp { text-align:right; color:#88886D; font-style:italic; font-size:0.9em; width:720px;}



.commentboxauthor { background:url(/TheGateLab/images/comments/bubble-author.gif) no-repeat; float:left; width:520px; margin:0;}
.commentuserauthor { width:195px; background:url(/TheGateLab/images/comments/arrowauthor.gif) no-repeat right top; padding-right:18px; float:left;}
.commentuserauthor h4{ color:#4C681C; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-left:18px; text-align:right; margin:2px 0 0 0;}
.commentuserauthor h4 span{ color:#333333;}
.commentboxauthor .bottomauthor { background:url(/TheGateLab/images/comments/bubble-bottom-author.gif) no-repeat left bottom; width:520px;height:7px; margin:0; padding:0;float:left;}
.commentboxauthor p { margin:10px 20px 5px 20px; color:#FFFFF7;}



.commentboxpanel { background:url(/TheGateLab/images/comments/bubble-panel.gif) no-repeat; float:left; width:520px; margin:0;}
.commentuserpanel { width:195px; background:url(/TheGateLab/images/comments/arrowpanel.gif) no-repeat right top; padding-right:18px; float:left;}
.commentuserpanel h4{ color:#4C681C; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-left:18px; text-align:right; margin:2px 0 0 0;}
.commentuserpanel h4 span{ color:#333333;}
.commentboxpanel .bottompanel { background:url(/TheGateLab/images/comments/bubble-bottom-panel.gif) no-repeat left bottom; width:520px;height:7px; margin:0; padding:0;float:left;}
.commentboxpanel p { margin:10px 20px 5px 20px; color:#FFFFF7;}

#CommentInput {float:left;}

.commentboxwidth textarea{width:490px;padding:0;overflow:auto;margin:0;}

/* upload an idea
---------------------------------------------------------- */
.error-message {font-size:1.4em; color:#4e6d3d;background:#cfd051;float:left;}

.padding { padding:0 16px; float:left; clear:left; width:756px; margin-bottom:15px;margin-top:-31px;}
.paddingshade { padding:25px 16px; float:left; clear:left; width:756px; background:url(/TheGateLab/images/widthshadedivider.gif) no-repeat 16px top;}

.padding h2{ padding-bottom:18px;}

.formlabel { width:195px; padding-right:25px; float:left; margin-top:8px;}
.formlabel label{ color:#4C681C; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 18px; text-align:right; margin:0px 0 0 0;  float:left; width:180px;}

.formlabel .howimg {margin:-3px 0 0 0;padding-left:15px;}

.forminput { float:left; width:520px; margin:0;}
.forminput p { margin:8px 10px 5px 10px; clear:left; float:left; font-size:0.95em;width:400px;}

.formlabel { width:195px; padding-right:25px; float:left; margin-top:8px;}
.formlabel label{ color:#4C681C; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 18px; text-align:right; margin:0px 0 0 0;  float:left; width:180px;}

.forminput { float:left; width:260px; margin:0;}
.formcommentinput { float:left; margin:0;}
.forminput p { margin:8px 10px 5px 10px; clear:left; float:left; font-size:0.95em;}
.formoutlineDefault { background:#FAF8F0; padding:2px; float:left; margin:0;margin-left:0px; border:solid 1px #DCDBD0;}
.forminput input{  float:left; padding:4px 8px; margin:5px 0 0;}
.forminput textarea { float:left; padding:4px 8px; margin:0;font-family: arial, sans-serif; font-size:14px; letter-spacing:0.01em;}
.forminput select{  float:left; padding:2px 4px; width:240px;}
.forminput option{ padding:0px 4px;}
.formButtonsAlign { float:right;margin:8px 18px 10px 10px; }
.buttonNext { float:left; margin:7px; }


p.required  { margin:8px 10px 5px 10px; float:left; font-size:0.95em; width:60px; clear:none; font-style:italic; color:#A89E8C;}

div.error p.required {
	margin:8px 10px 5px 10px; float:left; font-size:0.95em; width:60px; clear:none; font-weight:bold;
}

#upload div.error div.formoutline {
	background: #FAF8F0; padding:2px; float:left; margin:0;margin-left:8px; border:double 3px #aaa;
}

div.error input {
	background:#FFFFE4;
}

/*
#upload .formoutlineBold { background:#FAF8F0; padding:2px; float:left; margin:0;margin-left:8px; border:double 3px #aaa;}
#upload input.Bold{ background:#FFFFE4;}*/

/*p.requiredBold  {margin:8px 10px 5px 10px; float:left; font-size:0.95em; width:60px; clear:none; font-weight:bold;}*/

#upload input{  float:left; clear: left; padding:4px 8px; margin:0;}
#upload textarea { float:left; padding:4px 8px; margin:0;font-family: arial, sans-serif; font-size:14px; letter-spacing:0.01em;}
#upload select{  float:left; padding:2px 4px; width:240px;}
#upload option{ padding:0px 4px;}
#upload .formoutline { background:#FAF8F0; padding:2px; float:left; margin:0;margin-left:10px; border:solid 1px #DCDBD0;}



#upload .plantcolorselect {float:left; margin:0;margin-left:10px; clear:left; margin-top:10px;}
#upload .plantcolorselect img { border:solid 1px #D3D2C7; margin:2px 8px 0 2px;}
#upload .plantcolorselect img:hover { border:double 3px #9A9A9A; margin:0 6px -2px 0;}
#upload .plantcolorselect img:active { border:double 3px #9A9A9A; margin:0 6px -2px 0;}
#upload .plantcolorselect img.active { border:double 3px #9A9A9A; margin:0 6px -2px 0;}




#upload .plantcolorselect2 {float:left; margin:0; clear:left;border:1px solid #D3D2C7; width:225px; margin-left:10px; padding:0; margin-top:15px; padding-bottom:1px; padding-left:1px;}


#upload .plantcolorselect2 li { display:inline; margin:1px 1px 0px 0px; padding:0; list-style-position:inside; float:left;}

#upload #lightyellow { background-color:#FCFFAB;}
#upload #yellow { background-color:#F2DA54;}
#upload #palegreen { background-color:#CBF254;}
#upload #richgreen { background-color:#A4C247;}
#upload #darkgreen { background-color:#8E9139;}
#upload #aqua { background-color:#6DF3FF;}
#upload #blue { background-color:#6DBFFF;}
#upload #pink { background-color:#FF6DA0;}
#upload #royalpink { background-color:#AE5B78;}
#upload #darkpink { background-color:#764455;}
#upload #red { background-color:#CB2A2A;}

#upload .plantcolorselect2 span{ display:none;}
#upload .plantcolorselect2 a { border:double 3px #fff; margin:0; width:38px; height:38px; display:block; padding:0;}
#upload .plantcolorselect2 a:hover { border:double 3px #333;width:38px; height:38px; margin:0; padding:0;}
#upload .plantcolorselect2 a:active { border:double 3px #333;width:38px; height:38px; margin:0; padding:0;}




.browsebutton { float:left; margin:3px 0 0 5px;}
.addanotherbutton { float:left; clear:left; margin:7px; }


/* panelprofiles */


.formlabel .panelimg{ color:#4C681C; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 28px; text-align:right; margin:-9px  0 0 0;  float:left;}

.panelprofile { float:left; width:520px; margin:0;}
.panelprofile p { margin:4px 10px 5px 10px; clear:left; float:left; font-size:0.95em; background:url(/TheGateLab/images/panel/lines.gif) bottom; width:96.2%; line-height:178%; }
.panelprofile strong { background-color:#f5f9b1;}

.panelprofile h3 { padding:0 0 0 00px; color:#777973; text-transform:uppercase; font-size:1.2em; margin:10px 0 00px 10px; float:left;clear:left;}
.panelprofile h5 {background:url(/TheGateLab/images/titles/comments.gif) no-repeat left 4px; padding:0 0 0 80px; color:#777973; text-transform:uppercase; font-size:0.8em; margin:10px 0 10px 20px; width:140px; float:left;}

/* showcase */

.showcase .blockquoting {float:right;width:210px;background:#fffff7;margin-top:17px; margin-left:15px;color:#333;font-size:0.95em; padding:10px 15px 25px 20px;margin-bottom:5px;background:url(/TheGateLab/images/panel/cloud_bottom.gif) bottom no-repeat; margin-right:8px;margin-top:-23px;}
.paneltip{color:green;font-size:1.2em;float:left;width:100%;height:20px;}


.showcase { float:left; width:520px; margin:0;}
.showcase p { margin:4px 10px 5px 10px; clear:left; float:none; font-size:0.95em; background:url(/TheGateLab/images/panel/lines.gif) bottom; line-height:178%; }
.showcase strong { background-color:#f5f9b1;}

.showcase h3 { padding:0 0 0 00px; color:#777973; text-transform:uppercase; font-size:1.2em; margin:10px 0 04px 10px; float:left;}
.showcase h5 {background:url(/TheGateLab/images/titles/comments.gif) no-repeat left 4px; padding:0 0 0 80px; color:#777973; text-transform:uppercase; font-size:0.8em; margin:10px 0 10px 20px; width:140px; float:left;}


/* admin login
---------------------------------------------------------- */

#loginframeLined{ float:left;background:url(/TheGateLab/images/gallery/framemiddle-admin.jpg)  left 19px repeat-y; width:100%;}
.loginshelfsmall { background:url(/TheGateLab/images/gallery/smallshelfspan.gif) center bottom no-repeat; padding:0 16px; margin:0;height:auto; }



.loginpaddingshade { padding:10px 0px 10px 16px; float:left; clear:left; width:516px; background:none; border-bottom:dashed 1px #ccc;}


.loginformlabel { width:148px; padding-right:25px; float:left; margin-top:8px;}
.loginformlabel label{ color:#4C681C; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 8px; text-align:left; margin:0px 0 0 0;  float:left;}

.loginforminput { float:left; width:340px; margin:0;}
.loginforminput p { margin:8px 10px 5px 10px; clear:left; float:left; font-size:0.95em;}
.loginformoutlineDefault { background:#FAF8F0; padding:2px; float:left; margin:0;margin-left:0px; border:solid 1px #DCDBD0;}
.loginforminput input{  float:left; padding:4px 8px; margin:0;}
.loginormoutline { background:#FAF8F0; padding:2px; float:left; margin:0;margin-left:10px; border:solid 1px #DCDBD0;}

.logincommentcontainer { float:left; margin:2px 0;}

p.loginrequired  { margin:8px 10px 5px 10px; float:left; font-size:0.85em; width:60px; clear:none; font-style:italic; color:#A89E8C;}




/* content
---------------------------------------------------------- */

/* basic phrase element styles */

blockquote {


	margin:0;
	letter-spacing:-0.04em;
	padding:0;
	font-style:oblique;
	}

code {
	color: #963;
	font-family: Monaco, monospace;

	text-align: left;
	}
code strong {
	color: #630;
	}
abbr, acronym{
	font-style: normal;
	border-bottom: 1px dotted #dbd5c5;
	cursor: help;
	}
a abbr {
	border: none;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold; letter-spacing:0.0025em;
	}
del {
	text-decoration: line-through;
	color: #666b75;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
address {
	margin: 0;
	padding: 0;
	font-style: normal;
	}










/* home page specific
---------------------------------------------------------- */
.FrontFormLogin { margin-top:10px; float: left; margin-left: 65px;}
.FrontFormLogin label{float:left;color:#4C681C; font-size:1.0em; font-family:Georgia, "Times New Roman", Times, serif;padding-top:5px;margin-left:8px;}

#frontLine {width:750px;float:left;margin-top:-30px;margin-left:20px;border-bottom:solid 1px #ccc;display:inline;}
.formoutlinefront { background:#FAF8F0; padding:2px; float:left; margin:0;margin-left:10px; border:solid 1px #DCDBD0;margin-right:6px;}
.visitthegate { background: none; width: auto; float: left; font-size:1.0em;color:#cac8b8;}

#membersleftFront {margin-left:35px;width:380px;margin-top:20px;display:inline;}
#WelcomeGate {margin-left:0;padding-left:0;width:420px;background-position:bottom left;}

/* forms
---------------------------------------------------------- */

.error {
    background-color: #FE9B1F;
}


/* footer
---------------------------------------------------------- */

#frameLined .frameBottom{ text-transform:uppercase; font-size:0.8em;}
#frame .frameBottom{ text-transform:uppercase; font-size:0.8em;}

#footer { float:left; clear:both; width:100%; color:#949186;}
div.footerLeft { width:400px; text-align:left; float:left; margin-left:15px;}
div.footerRight { text-align:right; float:right; margin-right:15px;}

#frame .frameBottom a:link{background:none;
padding-right:0px;
color:#333;}

#frame .frameBottom a:hover{background:none;;
padding-right:0px;
color:#333;text-decoration:underline;}

#frame .frameBottom a:visited{background:none;
padding-right:0px;
color:#333;}


.test{
height: 200px;
overflow: hidden;
}

#panel {
	border: 1px dashed #DDD;
	clear: both;
	padding: 10px 10px 42px 10px;
	margin-bottom: 15px;
	display: none;
}
#panel h1 {
	color: #3D6357;
	font-family: Georgia, sans-serif;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	font-weight: normal;
	margin-bottom: 10px;
}
#panel th {
	padding-left: 2px;
}
#panel td {
	vertical-align: top;
}
#panel td input {
	vertical-align: middle;
}
#panel td.border {
	border-left: 1px dashed #DDD;
	width: 20px;
}


div#categories {
	margin: -5px 25px 0 15px;
	font-style: italic;
	color: #4C7266;
	font-size: 0.95em;
	line-height: 120%;
}

.SearchButton{
	float:right;
	margin-top: -10px;
}

input.checkbox-same-line {
	float: none !important;
	display: inline;
	margin-left: 10px !important;
}

table.checkboxes td input {
	vertical-align: middle;
	margin-right: 5px !important;
}

textarea#IdeaPitch { width: 470px !important; }

.membersName {
	float:left;width:300px;margin-top:-35px;margin-left:35px;
}