/*
Theme Name:		Cutline 3-Column Split
Theme URI:		http://pearsonified.com
Description:	A squeaky clean, feature-rich theme for WordPress designed and coded by <a href="http://pearsonified.com">Cis Pearson</a>.
Version:		1.1
Author:			Chris Pearson
Author URI:		http://pearsonified.com/
*/

/*colour scheme
dirty orange: #F4610F
dark turk: #0778A0
mid turk: #00A5EA
light turk: #00A3E7
dark grey; #666666

have changed all .entry to .brentry
*/

.addtoany_share_save img{border:0;}

body { background: #ffffff; font-size:62.5%; font-family: Helvetica, Arial, sans-serif; color: #272727; height:100%; }

* { padding: 0; margin: 0; }

#content {font-size:1.2em; line-height:1.6em; }
#content p { margin: 0 0 1.5em 0; }

strong {/*color:#666666;*/}

hr { color: #00A5EA; background-color: #00A5EA; height:1px; border:none; width:100%; margin: 0em auto 1em auto;}



/*---:[ global elements ]:---*/

a { color: #0778A0; text-decoration: underline; }

	a:visited { color: #0778A0; text-decoration: underline; }

	a:hover { color: #F4610F; text-decoration:none;}
	
	a img { border: none; }
	
	
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 1em 1.5em 1em; padding: 0;  }

blockquote.quotescollection {margin-left:0; margin-bottom:2em;}

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }

pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1em; }

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }

.green { color: #F4610F; }/*this is actually orange - don't want any green*/
.orange { color: #F4610F; }

.red { color: #f00; }



.purple { color: #909; }

.bluebold { font-weight: bold; /*color:#666666;*/ }



/*---:[ headlines ]:---*/

h1				{ font-size: 1.5em; font-weight:normal; color:#F4610F; margin: 1em 0 1em 0; line-height:1em;}
h1 a			{color:#F4610F;}
h1 a:visited	{color:#F4610F;}
h1 strong		{color:#F4610F; font-weight:bold;}
	

h2				{ font-size: 1.3em; font-weight:normal; color: #0778A0; margin: 0 0 0.5em 0;}
h2 a			{color:#0778A0;}
h2 a:visited	{color:#0778A0;}


h3				{ font-size: 1.2em; font-weight:normal; color:#F4610F; margin: 0 0 0.5em 0;}
h3 a			{color:#F4610F;}
h3 a:visited	{color:#F4610F;}


h4				{ font-size: 1em; font-weight: bold; color: #666666; margin: 0 0 0.5em 0;}
h4 a			{color:#666666;}
h4 a:visited	{color:#666666;}

/*indents content lists to be sure other list declarations don't over-ride*/
div#content ul {margin: 0em 0em 1em 2em;}
div#content ul li {margin-bottom: 0.5em;}






/*---:[ core layout elements ]:---*/

#container { width: 970px; margin: 15px auto 0; border:1px solid #F4610F; min-height: 100%; height: auto !important; height: 100%; }
					
#content_box { width: 970px; text-align: left; float: left; clear: both; }
	/* Hides from IE5-mac \*/
* html #content_box {height: 1%;}
/* End hide from IE5-mac */	
					

	
#content {
	width: 500px;
	float: left;
	padding-top: 2em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
		
div#sidebar {
	width: 190px;
	float: right;
	padding-top: 4em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
	
#l_sidebar {
	width: 180px;
	float: left;
	padding-top: 1em;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 25px;
}
		
#footer { width: 970px; padding: 1.2em 0 0 0; float: left; clear: both; }

#logo { margin-left: 0.5em;
margin-top:0.5em;}
		



/* HEADER */

div#top-bar		{
	height: 135px;
	position:relative;
	margin-bottom:2em;
	padding:0/* 5px 15px 0px 0px*/;
	/*background: url(../../../images/ms_logo_03.gif) 1em 1em no-repeat;*/
	
}

				  
div#address		{
	float: right;
	/*border-left:1px solid #F4610F;
	border-bottom:1px solid #F4610F;*/
	background-color:#FFFFFF;
	top: 0;
	text-align:right;
	color:#F4610F;
	padding: 5px;
	font-size: 1.2em;
	line-height:1.3em;
}

div#address	a {
font-size: 0.9em;
}

div#address .grey {
font-size:0.9em;
color:#666666;
}

/* Hides from IE5-mac makes the thing work in bastard ie5 \*/
* html #address {height: 1%; position:absolute; top:0; right:0; }
/* End hide from IE5-mac */	



div#menubar		{
	left: 230px;
	position: absolute;
	bottom: 0em;
	width: 750px;
} 
/* hollyhack for ie5 Hides from IE5-mac \*/
* html #menubar {height: 1%;}
/* End hide from IE5-mac */	
#header_img img { display: block; }*/ /* this is really just an IE 6 and 7 hack in disguise */



/*this is the header navs*/
ul#aboutnav		{	width: 100%; margin: 0; padding: 0; border: 0;list-style-type:none;     }
ul#aboutnav li	{
	display:inline;
	float:left;
	width: auto;
	line-height: 2.5em;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #F4610F;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
}
ul#aboutnav a	{  display: block;  color: #00A5EA; text-decoration:none;  padding: 0; text-transform:uppercase; font-weight:bold; font-size: 1.1em; line-height:auto; }
ul#aboutnav a:hover {	color: #F4610F;}
ul#aboutnav li.current_page_ancestor, ul#aboutnav li.page_item_current_page_item { 
border:1px solid #F4610F; 
background-color:#F4610F;}
ul#aboutnav li.current_page_ancestor a, ul#aboutnav li.page_item_current_page_item a {color:#ffffff; }

				
/*---:[ sidebar styles ]:---*/

	/*sets a basic font size and colour for sidebars*/
	div#sidebar, div#l_sidebar {font-size: 1.2em; color: #0778A0;}
	div#sidebar h2, div#l_sidebar h2 {font-size: 1em;}
	div#sidebar h3, div#l_sidebar h3 {font-size: 1em;}
	div#sidebar li a, div#l_sidebar li a {color: #00A5EA;}
	div#sidebar p, div#l_sidebar p {line-height:2.5em;}
	div#sidebar li, div#l_sidebar li {color: #0778A0;}
	div#sidebar a, div#l_sidebar a {color: #00A5EA;}
	/*all the h2s for the list headers in the sidebars*/
		div#l_sidebar h2, #sidebar h2, li.linkcat h2 {
	color: #F4610F;
	letter-spacing: normal;
	margin: 2em 0 0.8em 0;
	width: 80%
}

		
		div#l_sidebar a:hover, #sidebar a:hover {color: #F4610F; text-decoration:none;}
	
	/*this styles all sidebar lists*/
	
	#l_sidebar ul li, div#sidebar ul li { list-style: none; margin: 0 0 1em 0em; padding-left: 15px;  background-image: url(../../../images/arrow_blue.gif); background-repeat: no-repeat; background-position: 0 .5em; width: 90%; line-height:1.5em; }
	#l_sidebar ul, div#sidebar ul {
	margin-bottom: 0em;
}
	#l_sidebar ul li ul, div#sidebar ul li ul {margin: 0.5em 0 0 0;  }
	
	
					
	/*sidebar navlist for pages*/
	
			ul#sidebar {margin-bottom: 0 0 2em 0; width: 100%; padding: 0;
			/*\width: 160px;
			w\idth: 158px;*/  }
			ul#sidebar li {  list-style: none;  padding: 0; margin: 0; background-image: none;  display:inline; background-color:#FFFFFF;}
			ul#sidebar li a { display: block; color: #00A5EA;  margin: 0; width:80%; text-decoration:none;   border-bottom: 1px solid #CAECFB; padding: 0.5em 0 0.5em 0em;
			 /*width: 122px;
			\width: 158px;
			w\idth: 122px;*/}
			/*ul#sidebar a {font-size: 0.8em;}*/
			
	/*styles children lists*/
			ul#sidebar li ul li a { margin-left: 1em; width:80%; padding-right:1em;}
				ul#sidebar li ul li ul li a { margin-left: 2em; width:70%; padding-right:0em;}
			ul#sidebar li ul {margin-bottom: 0em; margin-top:0em;}
					
	/*so when you hover, the text goes orange*/
			ul#sidebar li a:hover {color: #F4610F;}
			ul#sidebar li.current_page_ancestor ul li.page_item a:hover {color: #F4610F;}
					
			
	/*when active, there is an orange arrow and the text gets darker*/
			ul#sidebar li.page_item_current_page_item a { color:#0778A0; background-color: #FFFFFF; background-image: url(../../../images/arrow_orange.gif); background-repeat: no-repeat; background-position: center right; border-bottom: 1px solid #F4610F; }
			
	/*and the same for an active child*/
			ul#sidebar li.current_page_ancestor ul li.page_item_current_page_item a { color:#0778A0; background-color: #FFFFFF; background-image: url(../../../images/arrow_orange.gif); background-repeat: no-repeat; background-position: center right; border-bottom: 1px solid #F4610F;}
			
	/*and it doesn't appear on a non-active child of an active parent*/
			ul#sidebar li.page_item_current_page_item ul li.page_item a { background-image: none; color: #00A5EA; border-bottom: 1px solid #CAECFB;   }
				   
	/*nor on an active parent page*/
			ul#sidebar li.current_page_ancestor a { color:#0778A0; background-image: none; border-bottom: 1px solid #CAECFB; }
			
	/*nor the non-active sibling of an active page*/
			ul#sidebar li.current_page_ancestor ul li.page_item a { background-image: none; color: #00A5EA; border-bottom: 1px solid #CAECFB;   }
			
	/*the following is to deal with collapsible menus for categories, so that the resource centre navlist looks the same as pages navlists*/
			/*collapse non-active child lists*/
			ul#sidebar li.cat-item ul.children {display: none;} 
			
	/*show when active*/
			ul#sidebar li.current-cat ul.children, ul#sidebar li.current-cat-parent ul.children{display:block; margin:0; padding:0;}
			
/*and the third level list*/




			
	/*closes up the gap between children li's*/
			div#l_sidebar ul#sidebar li.current-cat ul.children li {margin:0; padding:0;}
			div#l_sidebar ul#sidebar li.current-cat-parent ul.children li {margin:0; padding:0;}
			
	/*when active, there is an orange arrow and the text gets darker*/
			ul#sidebar li.current-cat a  { color:#0778A0; background-color: #FFFFFF; background-image: url(../../../images/arrow_orange.gif); background-repeat: no-repeat; background-position: center right; border-bottom: 1px solid #F4610F;}
			
	/*and it doesn't appear on a non-active child of an active parent*/
			ul#sidebar li.current-cat ul.children li.cat-item a { background-image: none; color: #00A5EA; border-bottom: 1px solid #CAECFB;   }		
			
	/*this makes the non-active page in the category lists look the same as the rest - not sure what this is jc*/
			ul#sidebarcats li { display: block; color: #00A5EA;  text-decoration:none;  padding: 3px;  border-bottom: 1px solid #CAECFB;}
			
			ul#sidebar li.cat_item a.active_category ul.children {display:block;}
	
	
	
	
	/*this styles the widget lists of categories and news items*/
	
	/*in the left sidebar*/
	
	#l_sidebar ul li.widget ul li { list-style: none; margin: 0 0 0.5em 10px; padding-left: 15px;
	background-image: url(../../../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em; }
	
	#l_sidebar ul li.widget { list-style: none; margin: 0 0 0 0; padding-left: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0em; }
	
	/*in the right sidebar*/
	
	div#sidebar ul li.widget ul li { list-style: none; margin: 0.5em 0 1em 0; padding-left: 15px;
	background-image: url(../../../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em; }
	
	div#sidebar ul li.widget {
	list-style: none;
	padding-left: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0em;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
}
	
	
	li.widget_text ul {margin-left:0em;}
	
	div.textwidget {margin-left:0em;}
	

	
	
	
	
	
	
	
			/*this styles the category lists*/
			/*this styles the resource centre lists*/
			
	/*the top level*/	
	#l_sidebar ul li ul li.cat-item {
	list-style: none; margin: 0 0 1em 0em; padding-left: 10px; background-image:none;}
	 
	 #l_sidebar ul li.cat-item ul { list-style: none;  /*margin-top: 1em;*/  }
	 
	 #l_sidebar ul li ul li.cat-item ul.children li { margin: 0 0 0em 0em;}
	 
	 #l_sidebar ul li ul li.cat-item a { display: block; color: #00A5EA;  width:80%; text-decoration:none;  /*padding: 3px;*/  border-bottom: 1px solid #CAECFB;}
	 
	 #l_sidebar ul li ul li.cat-item a:hover {color: #F4610F;}
	 
	 /*when active, there is an orange arrow and the text gets darker*/
	 
	#l_sidebar ul li ul li.current-cat a { color:#0778A0; background-color: #FFFFFF; background-image: url(../../../images/arrow_orange.gif); background-repeat: no-repeat; background-position: center right; border-bottom: 1px solid #F4610F; }
	
	/*and it doesn't appear on a non-active child of an active parent*/
	
	
	 #l_sidebar ul li ul li.current-cat ul.children li.cat-item a { background-image: none; color: #00A5EA; border-bottom: 1px solid #CAECFB;   }
	 
	 
	 
	 /*---:[ search form styles ]:---*/
	 div.entry {
	margin-bottom:3em;
	padding-top: 0em;
}
	
	/*the search box*/
	
div#sidebar ul li.search 		{ list-style: none; margin: 2em 0 2em 0; padding-left: 0px;
								background-image: none; background-repeat: no-repeat; background-position: 0em; }
	
	
	
	li.search h2				{ margin: 2em 0 0 0;}
	
	form#search_form 				{margin:0 0 2em 0;}
	
	#search_form .search_input {
	width: 75%;
	padding-top:3px;
	padding-left:2px;
	
	color: #F4610F;
	border: 1px solid #F4610F;
height: 1.6em;
	font-size:1em;
	margin:0;
	float:left;
}
	#search_form #searchsubmit {
	background-color: #F4610F;
	text-transform:none;
	font-size:1em;
	border:none;
	color:#FFFFFF;
	height:2em;
	padding-top: 2px;
	padding-bottom: 3px;
	margin:0;
	border: 1px solid #F4610F;
	margin-left:1px;

}

	
	/*this puts the orange box round the search term on the search results page*/
	div#searchbox {display:block; width:90%; height: 1.5em; border: 1px solid #F4610F; margin-bottom: 4em; padding: 5px 1em 5px 1em;}


/*-----:[ random image box styles ]:-----*/

div#randomimage { width:180px; margin-bottom:0em;}


/*-----:[ random quote box styles ]:-----*/

div#randomquote {line-height:1.5em; margin: 3em 0 3em 0em;  width: 150px; }

div#randomquote h2 {font-style:normal;}

div#randomquote p {font-size: 1em; line-height:1.5em; color:#0778A0; font-style: italic; text-indent: -0.5em; font-family: Georgia, "Times New Roman", Times, serif;}




				





/*---:[ content styles ]:---*/

/*.brentry {line-height: 1.65em; }
		

	
		.brentry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em!important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
		.brentry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
			.brentry blockquote.right p, .brentry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
	
	.brentry p { margin: 0 0 1.5em 0; }

	.brentry ul, .brentry ol { margin: 0 0 1.5em 40px; }
	
	.brentry ul { list-style-type: square; }
	
		.brentry li { margin: 0 0 0.5em 0; }
		
			.brentry ul li ul, .brentry ul li ol, .brentry ol li ul, .brentry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.brentry dl { margin: 0 0 1.5em 0; }
			
		.brentry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.brentry dd { margin: 0 0 1.5em 20px; }
		
	.brentry .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.brentry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	.brentry img { }

		.brentry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }
		
		.brentry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }
		
		.brentry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
	
		.brentry img.off { padding: 0 !important; border: none !important; }
		
		.brentry img.stack { clear: none !important; }

.tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; line-height: 1.6em; color: #888; clear: both; }

	.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }
	
		.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }


	
	.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 3.5em 0 !important; }*/

.clear {clear: both; height:1px; }

.navigation { width: 500px; float: left; }
	
	.previous { padding: 0 20px 0 0; float: left; }
	
	.next { float: right; }






/*---:[ footer styles ]:---*/

#footer p { margin: 0 0 0.923em 0; font-size: 1em; color: #0778A0; text-align: right; }

	#footer a, #footer a:visited { color: #0778A0; text-decoration: underline; }
		
		#footer a:hover { color: #F4610F; text-decoration: none ; }







	
	
		
	/*julia additions*/
	
	.teamphoto {
	float: left;
	width: 80px;
}

.teamphoto1 {
	float: left;
	width: 80px;
}

.teamphoto2 {
float:left;
margin-left:150px;
	width: 80px;
}



/* for the support team page*/

.teaminfo {
	width: 290px;
	margin-left: 85px;
}
	
	
	
		
		.alignleft {
padding-right: 3%;
padding-bottom: 20px;
padding-top: 5px;
float: left;
}

.teamphoto {
	float: left;
	width: 120px;
	margin-top: 10px;
}
.teaminfo {
	width: 350px;
	margin-left: 135px;
	margin-top: 10px;
	padding-top: 1em;
}

.breadcrumb a {color: #666666;}

/*wordpress image styles*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
p.wp-caption-text {display:none;}
img {margin-bottom:1em;}

/*share save button styling*/
div#sharebutton {margin-top: 0em;}



/*front page news styling*/

div#sidebar div.news{
/*border:1px solid #F4610F;*/
padding-right:1em;
margin-right:1em;
padding-top:0em;
width: 145px;
}

div#sidebar div.news div.post_item {
margin-top:1em;
padding-bottom: 1em;
border-bottom:1px solid #F4610F;

}

div#sidebar div.news div.post_item2 {
margin-top:1em;
}

div.rule {display:block; height:2em; border-bottom:1px solid #F4610F;}


div#sidebar div.news div.post_item a h3 strong, div#l_sidebar div.news div.post_item a h3 strong {
color:#F4610F;
}

div#sidebar div.news div.hr {
display:block;
height:2em;
border-bottom:1px solid #F4610F;
margin-bottom: 1em;}



div#l_sidebar div.news p, div#sidebar div.news p{
line-height:1.5em;}
div#l_sidebar div.news h2, div#sidebar div.news h2 {
font-size:1.3em;
margin-top:0.5em;
margin-bottom:0.5em;

}

div#l_sidebar div.news h3, div#sidebar div.news h3 {
font-size: 1em;}

div#l_sidebar div.news a, div#sidebar div.news a  {
color:#F4610F;
text-decoration:underline;}

div#l_sidebar div.news a h3, div#sidebar div.news a h3   {
color:#F4610F;
text-decoration:underline;}


div#sidebar div.entry-date {
border-bottom:none;

}



div.entry-date {
color: #666666;
font-weight:bold;
padding-top:0.5em;
font-size:0.8em;
text-align:right;
height:2em;
border-bottom:1px solid #F4610F;
margin-bottom: 1em;
display:block;

}

/*print button styling*/
div.printbutton {
margin-top: 2em;}
input.button {border: 1px solid #F4610F; background-color:#FFFFFF; padding:3px; color:#F4610F;}
input.button:hover {background-color:#F4610F; color:#FFFFFF; border-bottom:2px groove #999999; border-right:2px groove #999999;}

/*read more styling*/
p.right {text-align:right;}

/*quotescollection*/

/* Random quote */
.quotescollection_randomquote q {
}

.quotescollection_randomquote cite {
	display:block; /* To display author and source in a new line */
	text-align:right; font-size:0.9em; font-style:normal; line-height:1em; margin-top: 0.5em;
}

.quotescollection_author { /* author */

}

.quotescollection_source { /* source */

}

.quotescollection_nextquote { /* 'Next Quote »' link */

}

.quotescollection_nextquote a { /* use this if you want to change, for example, the color of the 'Next Quote »' link */

}


/* Quotes page */
blockquote.quotescollection {
	
}

blockquote.quotescollection q {

}

blockquote.quotescollection cite {
	display:block; /* To display author and source in a new line */
	text-align:left; font-size:0.9em; font-style:normal; line-height:1em; margin-top: 0.5em;
}


addtoany_share_save img{border:0;}

div#top-bar hr {margin: -1px 5px 0 5px; width:960px; z-index:1; display:none;}
div.imagecaption {font-size: 0.9em; color: #0778A0; margin-bottom: 1em; line-height:1em; margin-top:-0.5em;}

/*team pages layout*/
table#team tr td {
padding: 6px;
vertical-align:top;
}

table#team {
width:100%;
border-bottom: 1px solid #0778A0;


}

table#team h3 {
margin-top:0;
padding-top:0;
}

/*wpaudio styles*/
.wpa_container {position: relative; margin: 0 0 3em 0; padding: 0; font-family: Arial, Sans-serif; line-height: 1; text-align: left;}
.wpa_container a {text-decoration: none; color: #00A5EA;}
.wpa_container a:hover {color: #F4610F;}
.wpa_clear {clear: both;}
.wpa_play {position: absolute; top: 0; left: 0; width: 16px; height: 15px; margin-top: 2px; background: #777 url(http://www.ms-solicitors.co.uk/wp-content/plugins/wpaudio-mp3-player/wpa_button.gif) 0px 0px; cursor: pointer; overflow: hidden;}
.wpa_meta, .wpa_bar, .wpa_sub {margin-left: 20px;}
.wpa_meta {font-weight: bold; color: #CAECFB;}
.wpa_placeholder {font-size: 11px; font-weight: normal; letter-spacing: 0;}
.wpa_bar {display: none; position: relative; height: 5px; margin-top: 2px; background: #00A5EA; overflow: hidden;}
.wpa_bar_load {position: absolute; top: 0; left: 0; width: 0; height: 5px; z-index: 10; background: #F4610F;}
.wpa_bar_position {position: absolute; top: 0; left: 0; width: 0; height: 5px; z-index: 11; background: #46f;}
.wpa_bar_click {position: absolute; top: 0; left: 0; width: 100%; height: 5px; z-index: 12; background: transparent; cursor: pointer;}
.wpa_sub {display: none; margin-top: 2px; font-size: 11px; color: #999;}
.wpa_time {float: left;}
.wpa_download {float: right;}


/*addtoany styles*/
.addtoany_subscribe img{border:0;}
.addtoany_share_save img{border:0;}

/*new stats box*/
div#stats {
width:160px;
background-color:#FFFFFF;
display:block;
padding: 5px;
height:auto;
color:#F4610F;
border: 1px solid #F4610F;

}