/*
Theme Name:		Silco-Partnering 
Version:		1.01
General comments/.

Theme is clean and simple. Colour provided by pink (#FF1493), TED red (#FF2B06) or orange (#CC3300) and gray. 
Paradigm is http://www.rikcatindustries.com/resume/. Uses Georgia 41px for headline.


[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header
	5- Navigation
	6- content
	7- Forms
	8- Extras
	9- Footer

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');


/* 	=1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body, html {
	font-family:			arial,helvetica,clean,sans-serif;
	font-size:					13px;
	font-weight:			normal;
	line-height:				160%;
	text-align:				center;
	vertical-align:		top;
	background:			#FFFFFF;
	color:							#000000;
	padding:					0px 20px 30px 30px;	
}

#wrapper {
	text-align:			center;
	width:				940px;
	margin-right:			auto;
	margin-left:			15px;
	margin-top:			20px;
	padding:			0px;
	text-align:			left;
	overflow:			visible;
}


/* 	=2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	color:				#FF2B06;
	text-decoration:		none;
}

a:hover {
	color:				#000000;
	text-decoration:		underline;
	font-weight: 			normal;
}

a:active {
	text-decoration:		underline;
}


/* 	=3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1,
h2,
h3 {
	color:							#141414;
	font-family:			arial,"Trebuchet MS",arial,helvetica,clean,sans-serif;
	font-size:					28px;
	margin:						10px 10px 10px 0px;
	text-align:				left;	
	font-weight:			normal;
	line-height:				110%;	
}

h2 {
	font-size:					18px;
}

h3 {
	font-size:					14px;	
	font-weight:			bold;	
}

p {	
	color:						#3B3B3B;
	margin:					10px;
	font-family:		arial,helvetica,clean,sans-serif;
	font-size:				13px;
	font-weight:		normal;
	line-height:			150%;
	text-align:			left;
}

p.error {
	color:				red;
	width:				300px;
}

.standout {
	color:						#2E2E2E;
	font-weight:		bold;
}

.fade {
		color:					#9C9C9C;
}


/* 	=4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#header {
	float:				right;
	width:				100%;
	height:				50px;
	margin:				20px 0px 0px 0px;
	text-align:			left;
	overflow:			visible;
	vertical-align:			bottom;
	background:			url('/assets/images/banners/200903-logo-3-small.png') no-repeat left bottom;
	z-index:			2;

}

#header li {
	color:				#FF2B06;
	float:				right;
	display:			block;
	text-align:			center;
	vertical-align:			top;
	margin:				0px 3px 10px 3px;
	list-style-type:		none;
}

#header-1 {
	float:				left;
	width:				100%;
	height:				80px;
	overflow:			visible;
	z-index:			1;
}

/* Used in prospective surveys so that we can serve up customised logo */

#header-2 {
	float:								right;
	width:								100%;
	height:							60px;
	margin:							20px 0px 0px 0px;
	text-align:					left;
	overflow:						visible;
	vertical-align:			bottom;
	z-index:							2;
} 

.strap-1 {
	font-size:			15px;
	color:					#FF2B06;
}


/* 	=5 Navigation
      	nav-1 - Content navigation at the top of the page.
	nav-2 - Navigation at the top. 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#nav-1 {
/*	background-color:		#FF00FF;  */
	float:				left;
	width:				100%;
	height:				60px;
	margin:				auto;
	text-align:			left;
	overflow:			visible;
/* border-top:			1px solid silver; */
	border-top:			2px solid red;

}

#nav-1 p {
	margin:				10px 0px 0px 0px;
}

#nav-2 {
	float:				left;
	width:				199px;
	height:				500px;
	margin:				auto;
	text-align:			right;
	overflow:			visible;

}

#nav-2 p {
	margin:				10px;
}

#nav-1 ul,
#nav-2 ul {
	margin:				10px 3px 10px 0px;

}

#nav-1 li,
#nav-2 li {
	color:				#FF2B06;
	float:				left;
	display:			block;
	text-align:			center;
	vertical-align:			top;
	margin:			10px 3px 10px 3px;
	list-style-type:		none;
}

#nav-1 li a,
#nav-2 li a {
	color:				#FF2B06;
	text-decoration:		none;
}

#nav-1 li a:hover,
#nav-2 li a:hover {
	text-decoration:		underline;
	font-weight: 			normal;
	color:				#000000;
}

/* 	=6 Content
	content-1  - Main content display.
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#analysis-1 {	
	float:				left;
	width:					100%;
	height:				215px;
	padding-top:			5px;
	border-top:			1px dotted silver; 
	padding-bottom:			5px;
	border-bottom:			1px dotted silver;


}

#analysis-2 {	
	float:				left;
	width:				100%;
	height:				215px;
	background:			url('/assets/images/banners/200903-banner-1-small.png') no-repeat;
}

#analysis-3 {
	float:				left;	
	height:				215px;
	text-align:			left;
	padding-left:			600px;
}

#analysis-3 h1 {
	width:				350px;
	font-family:			arial,helvetica,clean,sans-serif;
	font-size:					24px;
	font-weight:			500;
	text-align:				left;
	line-height:				110%;	
		
}

#analysis-3 .pink {	
	color:				#FF2B06;
}

#content-1 {
	float:				left;
	width:				700px;
	height:				300px;
	margin:				25px 0px 40px 0px;
	text-align:			left;
	overflow:			visible;
}

/* Used for articles */
#content-2 {
	float:				left;
	width:				70%;
	margin:				25px 0px 40px 0px;
	text-align:			left;
	overflow:			visible;
}

.content-2i {	
	width:				98%;
	height:				20px;
	margin:				0px 0px 0px 10px;
	background:			url('../images/widgets/dot.gif') left bottom repeat-x;
}

/* Right column */
#content-3 {

	float:				left;
	width:				27%;
	height:				400px;
	margin:				25px 0px 40px 15px;	
	padding:			5px;
	text-align:			left;
	overflow:			visible;
}

#content-3 h3 {
	margin:				0px;
	color:					#141414;
}


#content-3 p {
	margin:				0px;
	font-weight:			normal;
}

#content-3 .sidebar {
	margin-bottom:	15px;
	
} 

/* Used for surveys and full page content */
#content-4 {
	float:					left;
	width:					940px;
	margin:				0px;
	text-align:		left;
	overflow:			visible;

}

#content-4 h1, h2, h3, p {	
	margin:				10px 10px 10px 0px;
	line-height:		150%;
}

#content-4 .table-2 {
	width:					100%;
}

#content-2 ul,
#content-2 li, 
#content-4 ul,
#content-4 li {
	color:						#3B3B3B;
	margin:					10px;
	font-family:		arial,helvetica,clean,sans-serif;
	font-size:				13px;
	font-weight:		normal;
	line-height:			150%;
	text-align:			left;
	list-style:				circle;
}

#hint ul, 
#hint li {
	list-style:				none;
}

/* Right column */
.p-1 {
	font-weight:			bold;
	color:				#FF2B06;
}

.p-2 {
	font-weight:			bold;
	color:				#000000;
}

.p-3 {
	float:				right;
}

.p-4 {
	/* text-align:						center; */
	/* border-top:					1px solid red; */
	/* border-bottom:			1px solid red; */
	/* background-color:		#EDEDED; */
 
}

/* Used for results */

#analysis {
	width:									100%;
	clear: 									both;
	margin-bottom:			5px;
	padding-bottom:		5px;
}

#content-5 {
	float:									left;
	width:									70%;
	margin:								25px 0px 40px 0px;
	text-align:						left;
	overflow:							visible;
}

#content-5 .message{
		background-color:	#F7F7F7;
		border:								1px solid #3B3B3B;
		padding:							3px;
		margin-bottom:			30px;
}

#content-5 .message_link{
	color:										#FF2B06;
	text-decoration:				underline;
}


#content-5-1 h2, 
#tags h2,
#comments h2,
#recent_events h2 {
	margin:						25px 10px 0px 0px;
}
a:link, a:visited {
	color:				#FF2B06;
	text-decoration:		none;
}

a:hover {
	color:				#000000;
	text-decoration:		underline;
	font-weight: 			normal;
}

a:active {
	text-decoration:		underline;
}
#content-5-1 .table-1 {
	width:										98%;
	/*background-color:		#F5F5F5;
	border:									1px solid #E6E6FA;*/
	color:						#3B3B3B;
	text-align:							left;
	clear:										both;
	padding:								0px 3px 0px 3px;
	margin:									0;
	border-spacing:				0px;
}

#content-5-1 tr.table-1-1 {
	height:									25px;
	padding:								0;
	margin:									0;
}

#content-5-1 tr.table-1-2 {
	height:									25px;
	font-weight:						bold;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-2 {
	width:										125px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-5-1 .table-1 {
	width:										98%;
	/*background-color:		#F5F5F5;
	border:									1px solid #E6E6FA;*/
	text-align:							left;
	clear:										both;
	padding:								0px 3px 0px 3px;
	margin:									0;
	border-spacing:				0px;
}

#content-5-1 tr.table-1-1 {
	height:									25px;
	padding:								0;
	margin:									0;
}

#content-5-1 tr.table-1-2 {
	height:									25px;
	font-weight:						bold;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-2 {
	width:										125px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-2-1 {
	width:										160px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-3 {
	width:										75px;
	text-align:							right;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-3-1 {
	width:										40px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-3-2 {
	width:										200px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-4 {
	border-bottom:				1px solid black;
}


#content-5-1 td.table-1-2-1 {
	width:										160px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-3 {
	width:										75px;
	text-align:							right;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-3-1 {
	width:										40px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-3-2 {
	width:										200px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-5-1 td.table-1-4 {
	border-bottom:				1px solid black;
}


/* Used for results columns*/

#content-6 {
	/*border-top:							1px solid silver;*/
	float:										right;
	width:										27%;
	height:									400px;
	margin:									25px 0px 40px 15px;	
	padding:								5px;
	text-align:							left;
	overflow:								visible;
	/*background:						url('../images/b-1.gif') left top repeat-x;*/
}

#content-6 h2 {
	color:										#141414;
	font-family:						arial,helvetica,clean,sans-serif;
	font-size:								16px;
	margin:									10px 0px 0px 0px;
	text-align:							left;	
	font-weight:						bold;	
}

#content-6 h3 {
	color:										#141414;
	font-family:						arial,helvetica,clean,sans-serif;
	font-size:								13px;
	margin:									10px 0px 1px 0px;
	padding-left:					3px;
	text-align:							left;	
	font-weight:						bold;
	/*border:									1px solid #E6E6FA;
	background-color:		#F5F5F5;*/
	border-bottom:				1px solid black;	
}

#content-6-1 p {
	margin:									0px 0px 0px 0px;	
}

#content-6-1 .table-1 {
	width:										100%;
	/*border:									1px solid #E6E6FA;
	background-color:		#F5F5F5;*/
	color:						#3B3B3B;
	text-align:							left;
	clear:										both;
	padding:								0px 3px 0px 3px;
	margin:									0;
	border-spacing:				0px;
}

#content-6-1 tr.table-1-1 {
	height:									25px;
	padding:								0;
	margin:									0;
}

#content-6-1 tr.table-1-2 {
	height:									25px;
	font-weight:						bold;
	padding:								0;
	margin:									0;
}

#content-6-1 td.table-1-2 {
	width:										125px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-6-1 td.table-1-2-1 {
	width:										160px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-6-1 td.table-1-3 {
	width:										75px;
	text-align:							right;
	padding:								0;
	margin:									0;
}

#content-6-1 td.table-1-3-1 {
	width:										40px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-6-1 td.table-1-3-2 {
	width:										200px;
	text-align:							left;
	padding:								0;
	margin:									0;
}

#content-6-1 td.table-1-4 {
	border-bottom:				1px solid black;
}


/* Tags */

#tags .t1, .t2, .t3, .t4, .t5 {
	color:						#3B3B3B;
	font-family:		arial,helvetica,clean,sans-serif;
	font-size:				13px;
	font-weight:		normal;
	line-height:			150%;
	text-align:			left;

}

#tags .t2 {
	color:						#3B3B3B;
	font-size:				15px;
	font-weight:		normal;
	line-height:			150%;
	text-align:			left;

}

#tags .t3, .t4, .t5 {
	color:						#3B3B3B;
	font-size:				18px;
	font-weight:		normal;
	line-height:			150%;
	text-align:			left;

}

#tags .t4, .t5 {
	color:						#000000;
	font-size:				18px;
	font-weight:		normal;
	line-height:			150%;
	text-align:			left;

}

#tags .t5 {
	color:						#000000;
	font-size:				18px;
	font-weight:		bold;
	line-height:			150%;
	text-align:			left;

}


/* 	=6a Login Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#login_1 {
	padding:		5px;
	width:				45%;
	float:				left;
	margin-bottom:	50px;
	border-right:		1px dotted silver;
}

#login_2 {
	width:				50%;
	float:				right;

}


/* 	=7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.span {
	clear:				both;
	width:				100%;
	margin-top:			5px;
	margin-bottom:			0px;
}

.span-1 {
	clear:				both;
	width:				100%;
	padding:			20px 0px 0px 0px;
}

.span-2 {
	clear:				both;
	width:				100%;
	padding:			5px 0px 0px 0px;
}

.span-3 {
	clear:				both;
	width:				100%;
	height:			32px;
	background:	#F7F7F7;
	margin-top:			5px;
	margin-bottom:			0px;
}

.span-4 {
	display:       inline;
	overflow:		hidden;
	width:				100%;
	float:				left;
	margin:			0px;
	padding:		0px;
}


/* Four column layout */

.left,
.right{
	border-top:			1px dotted #C0C0C0;
	padding:					4px 0px 4px 0px;
 	width:							49%;
}

.left-1, 
.right-1 {
	border-top:			1px dotted #C0C0C0;
	padding:					0px 0px 4px 0px;
	width:							49%;
}

.left-2 {
	border-top:			1px dotted #C0C0C0;
	padding:					0px 0px 4px 0px;
	width:							100%;
}

.no_dot {
	border-top:			0px solid #FFFFFF;
}

.left,
.left-1,
.left-2 {
	float:				left;
	clear:				none;
}

.right,
.right-1 {
	float:				right;
}

.shade-1 {
	border-top:			1px solid white;
	background:			#F7F7F7;
}

.left_input, 
.right_input {
	text-align:			right;
	float:						right;
	padding:				0px 14px 4px 0px;
}

.left_input-1, 
.right_input-1 {
	text-align:			left;
	float:						left;
	padding:				0px 14px 4px 0px;
}

#blueline {
	border-bottom:		1px dotted #C0C0C0;
	margin-bottom:		5px;
	clear:				both;
}

.checkbox,
.radio {
	padding:			2px 40px 4px 40px;
}


.label_narrow {
	display:            inline;
	width:				80%;
	float:				left;
}

.label-1 {
	display:          inline;
	width:					100px;
	float:					left;
}

.label-2 {
	display:          inline;
	width:					350px;
	float:					left;
}

.added {
	color:						#3B3B3B;
	padding:				0px 0px 0px 10px;
	font-family:		arial,helvetica,clean,sans-serif;
	text-align:			left;
	line-height:			150%;
	font-size:				13px;
	font-weight:		normal;
}

#error p {
		width:									300px;
		color:									#FF2B06;
}

label {
	display:						block;
	float:							left;
	/*width:						200px;*/
	/*margin:					10px;*/
	text-align:				left;
	font-weight:			normal;
	color:							#3B3B3B;
	font-family:			arial,helvetica,clean,sans-serif;
	font-size:					13px;
	line-height:		150%;

}

textarea {
	width:				100%;
	height:				80px;
}

.textarea-1 {
	width:				100%;
	height:				25px;
}

.rating_comments {
	width:					100%;
	height:				80px;
}

.additional_comments {
	width:					100%;
	height:				160px;
}
 
#radio ul {
	width:				240px;
	text-align:			justify;
	margin:				20px 10px;
	clear:				both;
}	

#radio li {
	display:			block;
	float:				left;
	width:				20px;
	list-style-type:		none;
	text-align:			center;
	vertical-align:			bottom;
	padding-left:			10px;
	padding-right:			10px;
	border:				1px solid white;
}

/* Likert buttons */

.likert,
.likert_button {
	padding:			4px 0px 4px 0px;
}

.likert {
	width:				60%;
	float:				left;
}

.likert_button {
	padding:			4px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	width:				40%;
	float:				right;
	position:			relative;
	text-align:			right;
	vertical-align:		bottom;
}

/* Setting the width of the input and the label gives cross browser compatability*/

.radio_input {
	width:				15px;
	margin:				0px 8px 0px 15px;
	padding:				0px 4px 0px 4px;

}

.radio_label {
	margin:				0 8px 0 15px;
	padding:			0 4px;
	width:				15px;
	text-align:			left;
	border-bottom:		1px solid black;

}

.likert_button input {			

	margin:				0px 8px 0px 15px;
	padding:				0px 4px 0px 4px;

}

.likert-1 {
}

.likert_button-1 {
	text-align:			right;
}

.shade {
	width:				100%;
	background-color:	#F2F2F9;
	float:				left;
}


.margin_top {
	margin-top:			12px;
}


/* Buttons */

.submit,
.reset,
.submit:hover,
.reset:hover {
	border:				0;
	margin:				0;
	padding:			0;
	line-height:			100%;
	vertical-align:			middle;
	text-align:			center;
	display:			block;
	float:				left;
	width:				72px;
	height:				22px;
	background-color:		#FF2B06;
	color:				#FFFFFF;
}

.submit,
.submit:hover {
	margin-left:			210px;
}

.reset,
.reset:hover {
	margin-left:			5px;
}

.reset:hover,
.submit:hover {
	background-color:		#000000;
}

.submit-1 {
	margin-left:			0px;
	width:				100%;
	text-align:			left;
}

.submit_form, 
.submit_form-1 {
	margin-top:			20px;
	margin-bottom:		20px;
	width:				100%;
	float:				left;
	text-align:			center;
}

.submit_form-1 {
	text-align:			left;
}

.form_button,
.form_button-1 {
	
}

 .form_button{
	font-weight: 						bold;
}

.form_button:hover,
.form_button-1:hover {
	cursor:									pointer;
	
}


/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.overLib {
	text-align:			center;
	line-height:		150%;
	color:						#3B3B3B;
	font-family:		arial,helvetica,clean,sans-serif;
	font-size:				13px;
	font-weight:		normal;
	color:				#000000;
	background-color:		#E5E5E5;
}

.dotted_line {
	margin:						10px 0px 0px 0px;
	padding:					5px 0px 10px 0px;
	border-top:			1px dotted #C0C0C0;
}

.dotted_line-2 {
	margin:						10px 0px 0px 0px;
	padding:					5px 0px 0px 0px;
	border-top:			1px dotted #C0C0C0;
}


/* Ajax formats                              */
/* ------------                              */

#hint,
#hintfirm {
	font-family:					arial,helvetica,clean,sans-serif;
	font-size:							13px;
	width:									235px;
	text-align:						left;	
}

#hint ul,
#hintfirm ul {
	background-color:	#FFFFFF;
	color:									#3B3B3B;
	border:								1px solid #EDEDED;
	margin:								0; 
	padding:							0;
	list-style: 							none;
	text-align:						left;
	width:									235px;
}

#hint li, 
#hintfirm li {
	color:									#3B3B3B;
	margin:				   			0; 
	padding:			  		 		3px 0px 0px 3px;
	text-align:						left;
	width:									235px;
}

#hint li:hover,  
#hintfirm li:hover {
	width:									235px;
	text-align:						left;
	background-color:	#EDEDED;

}

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footer {
	margin:						20px 0px 0px 0px;
	/* border-top:			1px solid silver; */
	/*background:			#EDEDED;*/
	background:			url('../images/widgets/dot.gif') left top repeat-x;	
	float:							left;
	width:							100%;
	height:						45px;
	text-align:				left;
	overflow:					visible;
	clear:							both;
}

#footer p {
	margin:				5px 20px 5px 5px;
}

#footer li {
	color:				#FF2B06;
	float:				right;
	display:			block;
	text-align:			center;
	vertical-align:			top;
	margin:				10px 3px 10px 3px;
	list-style-type:		none;
}


/* =10 Analysis
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.rating_normal,
.rating_highlight {
		color:		black;
		margin: 0px;
		padding: 0px;
		float:		right;
		text-align:	center;
		height:	18px;
		width:		18px;
}

.rating_highlight {
		color:		white;
		background-color:	#FF2B06;

}

.rating_left {
		float:		left;

}

.down {
		background:			url('/assets/images/widgets/down-1.png') no-repeat right center;
}

.up {
		background:			url('/assets/images/widgets/up-1.png') no-repeat right center;
}

.same {
		
}

/* Fixes the problem of divs having too much height in IE */

.nameslist {
	font-size:			1px;
	overflow:			hidden;
}