/*
 * css for 3M Post-it Notes Ideas site
 * JMW Feb 2009
 */
h3
{
	color: #fe9700;
	/* font-family: arial, helvetica, sans-serif; */
	font-weight: bold;
}

#postitbody div#paginatorcontainer
{
	clear: left;
	float: left;
	width: 506px;
	margin-top: 20px;
	margin-left: 7px;
	padding: 10px 10px 0 10px;
	border-top: solid 2px #ebebeb;
}
#postitbody div.paginator
{
	clear: left;
	width: 506px;
	margin: 5px auto 5px auto;
	padding: 5px 0 10px 0;
	/* font-family: arial, helvetica, sans-serif; */
	font-weight: bold;
}
	#postitbody div.paginator a,
	#postitbody div.paginator a:visited
	{
		color: #fea100;
		text-decoration: none;
	}
		#postitbody div.paginator a:hover
		{
			text-decoration: underline;
		}
	#postitbody div.paginator ul
	{
		width: 214px;
		padding-top: 5px;
		margin-left: 150px;
		margin-right: auto;
		text-align: center;
		list-style: none;
		list-style-image: none;
	}
		#postitbody div.paginator ul li
		{
			display: inline;
			background: none !important;
			padding: 0 2px;
			padding: 0;
		}
			#postitbody div.paginator ul li a,
			#postitbody div.paginator ul li a:visited
			{
				display: inline;
				padding: 0 2px;
			}
			#postitbody div.paginator ul li div
			{
				display: inline;
				padding: 0 2px;
			}

			#postitbody div.paginator a
			{
				height: 24px;
				font-weight: bold;
			}
			#postitbody div.paginator div.previousbutton
			{
				float: left;
				width: 140px;
			}
				#postitbody div.paginator div.previousbutton a
				{
					float: right;
					height: 24px;
					background: url(../sysimages_jw/bg_button_previous.gif) no-repeat top left;
					padding: 5px 10px 0 30px;
				}
			#postitbody div.paginator div.nextbutton
			{
				float: right;
				width: 130px;
			}
				#postitbody div.paginator div.nextbutton a
				{
					float: left;
					height: 24px;
					background: url(../sysimages_jw/bg_button_next.gif) no-repeat top right;
					padding: 5px 30px 0 10px;

				}


/* idea details page */
div.layoutvideo,
div.layoutimage,
div.layouttext
{
	float: left;
	padding-top: 10px;
}
div.fullwidth
{
	clear: both;
	width: 520px;
}

/* lined paper bgs for details */

div.ideabg
{
	width: 508px;
	margin: 10px 0 0 14px;
	background: url("../sysimages/ideadetails/Postit_EU_Gen2_IdeaContent_BG_img_GBEN.gif") top left repeat-y;
}

div.ideabg div.ideatop
{
	width: 508px;
	height: 11px;
	font-size: 1%;
	background: url("../sysimages/ideadetails/Postit_EU_Gen2_IdeaContent_Top_img_GBEN.gif") top left no-repeat;
}

div.ideabg div.ideabot
{
	width: 508px;
	height: 18px;
	font-size: 1%;
	background: url("../sysimages/ideadetails/Postit_EU_Gen2_IdeaContent_Bottom_img_GBEN.gif") bottom left no-repeat;
}

div#text p
{
	padding: 4px 10px 0 10px;
	margin: 0 20px 0 6px;
	line-height: 1.2em;
}
	div#text p.bold
	{
		font-weight: bold;
	}
div.layouttext div#text p
{
	width: 480px;
}

div#mediacontainer
{
	/*float: right;*/
	/*height: 267px;*/
	width: 500px;
	margin: 10px 15px 5px 15px;
}
	div#mediacontainer div#thevideo
	{
		width: 300px;
		/*height: 267px;*/
		margin-left: 50px;
		position: relative;
		padding-left: 80px;
		padding-bottom: 0;
		background: url(../sysimages/ideas/Postit_EU_Gen2_IdeasIndividual_BG_img_GBEN.gif) no-repeat top left;
	}
	div#mediacontainer div#thevideo img#ideaimg
	{
		margin-left: 0;
	}

div#relprodscontainer
{
	float: left;
	clear: both;
	width: 520px;
	color: #000;
	margin-left: 9px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 10px;
	font-size: 1em;
}
	div#relprodscontainer h3
	{
		color: #000;
		margin-right: 5px;
		padding-left: 5px;
		font-size: 1em;
	}
	div#relprodscontainer a,
	div#relprodscontainer h3 a
	{
		color: #fea100;
		font-size: 1em;
		font-weight: bold;
		text-decoration: none;
	}
		div#relprodscontainer a:hover,
		div#relprodscontainer h3 a:hover
		{
			text-decoration: underline;
		}

	div#relprods
	{
		position: relative;
		float: left;
		clear: both;
		padding: 0 15px;
		width: 490px;
		margin-top: 10px;
	}
		div#relprods div.relprod
		{
			float: left;
			width: 140px;
			padding: 5px 15px 0 5px;
			text-align: center;
		}
			div#relprods div.relprod img
			{
				border: 1px solid #ccc;
			}



/* submit idea page */
img.noborder
{
	border: 0 !important;
}
div.result
{
	padding-top: 40px;
}
	div.result p
	{
		margin: 0 20px;
		padding: 12px 0;
	}



/* Form styles */
span.req {
	color: #fea600;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	vertical-align: bottom;
}

form
{
	width: 500px;
	margin-top: 0;
	margin: 0 0 0 10px;
	padding: 10px 10px 30px 10px;
	font-family: arial, helvetica, sans-serif;
	line-height: 135%;
}
	form.inline
	{
		display: inline;
	}
	form h2
	{
		color: #ff9d1d;
		width: 500px;
		margin: 5px 0 10px 0;
		font-family: arial, helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: bold;
	}
	form p
	{
		color: #000;
		width: 500px;
		margin: 5px 0 10px 0;
		font-family: arial, helvetica, sans-serif;
		font-size: 1em;
	}

	label
	{
		display: block;
		padding: 10px 0 2px 0;
	}
		label.inline
		{
			display: inline;
			line-height: 150%;
		}
	input,
	select,
	textarea
	{
		color: #333;
		padding: 0.1em;
		border: solid 1px #a7a6aa;
		font-family: arial, helvetica, sans-serif;
		font-size: 1em;
	}
	input.checkbox
	{
		width: 20px !important;
		padding: 0 !important;
		border: 0 !important;
	}

	fieldset
	{
		clear: left;
		width: 535px;
		margin: 0;
		margin: 1em 0 0 0;
		padding: 0;
		border: 0;
	}
		fieldset.gap
		{
			padding-top: 20px !important;
			padding-bottom: 20px !important;
		}
		fieldset.submit
		{
			padding-top: 30px !important;
			text-align: center;
		}

label.required,
span.required
{
	color: #c00;
	font-weight: bold;
}
div.formerror
{
	width: 480px;
	color: #c00;
	font-weight: bold;
}

fieldset legend
{
	display: none;
}
fieldset.onecol input,
fieldset.onecol select,
fieldset.twocol select
{
	width: 236px;
}
fieldset.twocol input
{
	width: 236px;
}
fieldset.onecol .item
{
	width: 240px;
}
fieldset.onecol .wide
{
	width: 500px;
}
fieldset.twocol .item
{
	float: left;
	width: 240px;
	margin-right: 26px;

}
fieldset.twocol .second
{
	margin-right: 0 !important;
}
	fieldset.twocol .second p
	{
		width: 238px;
		margin: 0;
		padding: 0;
		font-size: 0.9em;
	}

div.errorsmall
{
	width: 485px;
	color: #c00;
	margin: 10px 10px;
	padding: 10px;
	border: solid 1px #c00;
}
img#captcha
{
	margin-top: 5px;
	margin-bottom: 5px;
}
input.go
{
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
div.space
{
	padding-top: 15px;
}



p.smaller
{
	padding: 3px 0 7px 0 !important;
	font-size: 75%;
}

div.clear
{
	clear: both;
}
div.overview
{
	clear: both;
}


/* buttons */
div.floatright
{
	float: right;
}

/* buttonlink used at bottom of idea details page */
div.buttonlink
{
	display: block;
	background: url(../sysimages_jw/bg_button_right.gif) right top no-repeat;
	margin: 5px 8px 8px 8px;
	padding: 0;
  /* font-family: arial, helvetica, sans-serif; */
}

	div.buttonlink span
	{
		display: block;
		color: #fff;
		background: url(../sysimages_jw/bg_button_left.gif) left top no-repeat;
		padding: 6px 20px 12px 20px !important;
		font-weight: bold;
		white-space: nowrap;
	}
		div.buttonlink span a,
		div.buttonlink span a:visited
		{
			color: #fff !important;
			text-decoration: none;
		}
			div.buttonlink span a:hover
			{
				color: #fff;
				text-decoration: underline;
			}


button
{
	padding: 0 20px 0 0;
	border: 0;
	text-align: center;
	/* font-family: arial, helvetica, sans-serif; */
	font-weight: bold;
	cursor: pointer;
}
	button span {
		position: relative;
		display: block;
		padding: 0 0 0 20px;
		white-space: nowrap;
	}

/* used at bottom of submit an idea page - now in ideas.css instead? */
button.formbutton {
	background: url(../sysimages_jw/bg_buttonform_right.gif) right no-repeat;
	font-size: 1.25em;
}
	button.formbutton span {
		height: 34px;
		color: #fff;
		background: url(../sysimages_jw/bg_buttonform_left.gif) #fe9700 left no-repeat;
		line-height: 30px;
	}

div.buttoncontainer
{
	margin-left: 180px;
}
	div.buttoncontainer div.overview
	{
		float: left;
		margin-top: 30px;
		text-align: center;
}

div.switcher
{
	padding-bottom: 20px !important;
}

/* added for uk competition, Dec 2010 JMW */
#postitbody .yellowpaper div#ukcomp
{
 padding-top: 5px;
}
#postitbody .yellowpaper div#ukcomp p
{
  margin-left: 0 !important; margin-right: 0 !important;
}