/* @override 
	http://localhost:3000/stylesheets/client/styles.css
*/

/* ======================  Fonts ================== */

body, p, li {
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.title, #latest_news h4  {
	font-weight: 200;
	color: #184f7b;
	font-size: 17px;
	margin: 0 0 10px;
	line-height: 100%;
	    float: left;
  width: 100%; 
}
p {
  margin-bottom: 20px;
}
h3.title  {
	font-size: 22px;
	margin: 0px 0 20px;
	font-weight: normal;
}
.title-large {
	border-bottom: 6px solid #00af9b;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #404040;
	margin-bottom: 15px;

}
h3.get-support-subtitle, .news-title {
  font-size: 18px;
  line-height: 1.3;
}

.title-large a, .title-large a:hover {
  color: #404040;
}
p.home-text {
	font-size: 16px;
	line-height: 22px;
  
}

/* ======================  CSS3 regularly used stuff ================== */

#footer_links, .bx_h, #news_feed_older_btn, .bx_h a, button, .bttn, .pull_quote, div#page_related_col, a.backto, .search_box, .btn, #cart_link {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	

	
}
.big_message h1 {
	text-shadow:0 1px 1px #FFFFFF;
}
.bx_h {

}
a.backto {
	-moz-box-shadow:1px 1px 0 #7F7367;
	-webkit-box-shadow:1px 1px 0 #7F7367;
	box-shadow:1px 1px 0 #7F7367;		
}
#other_case_studies li a, #case_study_carousel .cycle {
	box-shadow:0px 0px 2px rgba(0,0,0,0.4);
}

#breadcrumb a, #breadcrumb span.last_crumb, a.breadcrumb {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}


/* =============================  colours ============================= */
a, p.inline-errors {
	color:#00b09c;
}
body span.cal_sheet span.month {
	background:#87cd29;
}


/* =============================  general styles ============================= */
body {
	color:#333;
	margin:0;
	float:left;
	width:100%;
	background:#f5f5f5 url(/images/bg.png);

}
body.cke_show_borders{
  background:#fff;
  padding: 20px;
  width: 655px;
  font-family: helvetica, arial, sans-serif;
}
body.cke_show_borders li {
	list-style-image:url(/images/bullet.png);
}
#main {
	clear: right;
	float: right;
	width: 760px;
	margin: 30px 0 40px 0;
	background: #fff;
	position: relative;
	z-index: 39;
	padding: 20px;
	
	
	min-height:500px;
	height:auto !important;
	height:500px;
	
	box-shadow:0 -1px 4px rgba(0,0,0,0.02);
	

}
#home #main {
	background: none;
	width: 100%;
	padding: 0;
	float: left;
	margin-bottom: 0;
	box-shadow:none;

}
#home #lower_wrapper_inside {
	margin: 0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.item_img:hover img {
	opacity: 0.9;
	
	 -webkit-transition: .1s ease-in;
     -moz-transition: .1s ease-in;
     transition: .1s ease-in;

  
}
.clear {
	clear:both;
	display:block;
	height:0;
	line-height:0;
	margin:0;
}
.hide {
	visibility:hidden;
}
.btn, #login_bttn, #cart_item_submit, #email_signup #enquiry_submit {
  background: #3075cf;
  border: 1px solid #3178db;
  
  color: #fff;
  padding: 8px 30px;
  font-size: 16px;
  line-height: 16px;
  text-shadow: none;
  
  	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1); 
    box-shadow:0 1px 4px rgba(0,0,0,0.1); 

}
#email_signup #enquiry_submit{
  margin: 0;
  margin-top: 10px;
}
.btn:hover {
  background: #3075cf;
  color: #fff;
}
.inner {
  width: 980px;
  margin: 0 auto;
}
#nav, #login_slide_bar_inside, #header_inside, #lower_wrapper, #footer {
	width:980px;
	margin:0 auto;
}

#lower_wrapper_inside {
	width: 100%;
	float: left;

	position: relative;
	z-index: 39;

	
}
.edit_snippet_link {
  display: block;
  background: #fff;
  float: right;
  padding: 5px 8px;
  line-height: 1;
  
  border-radius:3px;
  color: #004383;
  font-size: 13px;
  font-weight: bold;
  margin: 6px 0 0;
  
  box-shadow:1px 1px 2px rgba(0,0,0,0.1)

}
#lower_wrapper {

	
}

#sidebar_col {
  float: left;
  margin-top: 50px;
  position: relative;
  z-index: 33;
}

table {}
td, th {
	border:1px solid #CCCCCC;
	padding:5px;
}
.intro, #intro {
  background-color: #f5f5f5;
  font-size: 12px;
  padding: 5px;
}
div.details {
	border-top:1px solid #d5dee5;
	clear:left;
	color:#666666;
	font-size:11px;
	margin-top:20px;
	padding:5px 0 0;
}
p.flash_notice {
	background: #FFFFAA;
	padding:0px 10px;
	margin: 0;
}
p.flash_error {
	color: #ED1C24;
	font-weight: bold;
}
.buttonPanel {
  clear: left;
  text-align: right;
}
.required {
	font-size:19px;
	line-height:12px;
	margin:0 5px;
}
.optional {
	font-size:19px;
	line-height:12px;
	margin:0 5px;
}
.read_more {
	font-style:italic;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}

.ui-datepicker {
	z-index: 1000 !important;
  
}

ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.content li {
	list-style-image:url(/images/bullet.png);
}

.lst {
	float: left;
	display: block;
	list-style: none;
	list-style-image: none;
	margin: 0;
}
.lst li {
	float: left;
	margin: 0;
	width: 100%;
	list-style-image: none;
}
.labelified {
	color:gray;
}

/* =============================  button styles ============================= */
/* general large button*/
input[type="submit"], a.bttn_l, .formtastic input[type="submit"], .formtastic  a.bttn_l {
	background: #c5c7c8 url(/images/sprite.png) repeat-x 0 -80px;
	color:#000;
	font:bold 17px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	margin:20px 0 0;
	padding:5px 13px;
	float:left;
	width: auto;   
	border: none;
	overflow: visible; 
	
	cursor:pointer;
	
	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    
    -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px rgba(0,0,0,0.3);
    box-shadow:0px 1px 3px rgba(0,0,0,0.3), 0px 1px 0px rgba(0,0,0,0.3);    

   text-shadow:0 1px 0 rgba(255,255,255,0.4);   
   
	
	-webkit-background-clip: padding-box;
}

.update:active, a.bttn_l:active, #news_feed_older_btn:active, .bx_h a:active, button:active, .bttn:active {
	position:relative;
	top:1px;
}

a.bttn_l:hover, .join_activity_link:hover {
	text-decoration:none;
}

#main .photo_browser_button {
	background: #c5c7c8 url(/images/sprite.png) repeat-x 0 -160px;
	border:none;
	color:#000;
	font:bold 15px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	margin:10px 0 0;
	padding:5px 13px;
	float:left;
	
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    
    -webkit-box-shadow:1px 1px 2px #333;
    -moz-box-shadow:1px 1px 2px #333;
    box-shadow:1px 1px 2px #333;    

   text-shadow:0 1px 0 #cdcdcd;  
}

/* general small button */
#news_feed_older_btn, .bx_h a, button, html body .bttn {
	background:#cdcdcd url(/images/sprite.png) repeat-x scroll 0 0;
	border:1px solid #d6d6d6;
	color:#333333;
	display:block;

	font-weight:bold;
	letter-spacing:0.02em;
	line-height:100%;
	padding:7px 12px;
	float:left;
	margin-top: 10px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.6);
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.05);
	box-shadow:0px 0px 1px rgba(0,0,0,0.05);
}
#news_feed_older_btn:hover, .bx_h a:hover {
	background:#F5F5F5 none repeat scroll 0 0;
	text-decoration:none;
}
#news_feed_older_btn {
	margin:0;
	float:left;
}
#post_bttn {
	float:right;
}
.options_panel {
	margin-top: 20px;
	color: #fff;
}
.options_panel a, .controller_forums #create_topic_link a {
	background:#fff;
	border:1px solid #e8e8e8;
	display:block;
	float:left;
	font-size:13px;
	line-height:14px;
	margin:5px 10px 0 0;
	padding:5px 10px;
	color: #333;
	text-shadow: 0 1px 0px #fff;
	
	
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px  
}
.options_panel a:hover, .controller_forums #create_topic_link a:hover {
	background: #f5f5f5;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.05);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.05);
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.05);
    
    color: #000;
    text-decoration: none;
    
	
}

/* ===================================  form styles ================================== */
input, textarea {
	border:1px solid #999999;
	font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	font-size:14px;
	padding:5px;
	margin-bottom:15px;
	
}
.formtastic label {
	float: left;
	margin: 0 7px 10px 0;
	font-weight: bold;	
}
.formtastic .hidden {
  display: none;
}
.formtastic span.cke_skin_kama {
	float: left;
	clear: both;
	border: none;
	padding: 0;
}
.formtastic p, .formtastic label {
	font-size: 16px;
	line-height: 16px;
}
.formtastic p {
	line-height: 140%;
}
.formtastic input, .formtastic textarea {
	float: left;
	clear: both;
	background: #fff url(/images/sprite.png) repeat-x 0 -320px;
}
body .formtastic input[type="radio"], body .formtastic input[type="checkbox"] {
	border: none;
	background: none;
	margin-right: 6px;
}
body .formtastic .error input, body .formtastic .error textarea, body .formtastic .error .cke_editor_page_text_editor {
	-webkit-box-shadow:0 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0px 3px rgba(0,0,0,0.3);
	box-shadow:0 0px 3px rgba(0,0,0,0.3);
	border: 2px solid #d91c5c;	
}
p.inline-errors {
	font-size: 15px;
	line-height: 15px;
}
.formtastic ol {
	list-style: none;
	margin-left: 0;
}
.formtastic ol li {
	margin: 0 0 10px;
	float: left;
	clear: both;
	list-style-image: none;
}
.formtastic select {
  float: left;
  clear: left;
}
li#section_view_input legend {
	display: none;
}
.photo_button_preview {
	float: left;
	background: #000;
	
   -moz-border-radius:5px;
     -webkit-border-radius:5px;
     border-radius:5px;
}
.photo_button_preview img {
	float: left;
	margin: 8px;
}
#wrapper .photo_browser_button {
	background: #c5c7c8 url(/images/sprite.png) repeat-x 0 -160px;
	border:none;
	color:#000;
	font:bold 15px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	margin:10px 0 0;
	padding:5px 13px;
	float:left;
	clear: both;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    
    -webkit-box-shadow:1px 1px 2px #333;
    -moz-box-shadow:1px 1px 2px #333;
    box-shadow:1px 1px 2px #333;    

   text-shadow:0 1px 0 #cdcdcd;  
}
span.photo_browser_clear {
	background: url(/images/sprite.png) no-repeat 0px -2015px;
	float: left;
	clear: both;
	margin: 0 0 0 10px;
	padding: 0 0 0 12px;
}
.image_preview {
  clear: left;
}
html body.controller_enquiries form {
	background:#fff;
	color: #000;
}
#contact_us_form h3 {
	
}
.formtastic p.contact_us_form_intro {
	margin: 0 0 20px 0;
}

fieldset.inputs {
  clear:both;
}

li#page_snippet_carousel_button_text_input {
  display: none;
}



/* ================================ Admin/backend Styles ===================================== */
ul.tabs_container{
	display:block;
	float:left;
	height:46px;
	margin:0 0 0 0;
	width:700px;
}
ul.tabs_container li {
	float:left;
	list-style:none outside none;
	margin: 0;
	background: #00355f;
	margin:0 4px 0 0;
	position: relative;
	display:block;	

	text-shadow: 0px -1px 0px #000;
	

}

ul.tabs_container li a{
	background: url(/images/sprite.png) no-repeat;
	float:left;
	margin:0;
	padding:10px 25px 11px 50px;
	text-align:left;
	line-height: 1.5;
	font-size: 17px;
	color: #fff;
	cursor:default;
	display:block;

	
	
	

}

ul.tabs_container li.active {
	background: #0084D1;

	margin-bottom: -2px;
	text-shadow: 0px -1px 0px #496b7b;
	z-index: 13;

}

ul.tabs_container li#pages_details_link a, ul.tabs_container li#blog_posts_details_link a {
	background-position: 15px -1430px;
}
ul.tabs_container li#pages_publishing_link a {
 background-position: 15px -1610px;
}
ul.tabs_container li#pages_snippets_link a, ul.tabs_container li#blog_posts_author_link a {
 background-position: 15px -1730px;
}
ul.tabs_container li#pages_related_items_link a, ul.tabs_container li#blog_posts_related_items_link a, #sections_related_items_link a {
 background-position: 15px -1790px;
}

ul.tabs_container li#sections_details_link a {
 background-position: 15px -1850px;
}
ul.tabs_container li#sections_advanced_link a {
 background-position: 15px -1910px;
}
ul.tabs_container li#pages_location_link a {
	background-position: 15px -2070px;
	padding-left: 39px;
}
ul.tabs_container li#pages_paypal_link a {
	background: none;
	padding-left: 25px;
}
ul.tabs_container li a:hover{
	text-decoration: none;
}
.action_edit h1#main_page_title {
	margin: 0 0 10px 100px;
}
.formtastic.page, .formtastic.section, .controller_admin ul.tabs_container{
	float: left;
	background-color: transparent;
	margin: 0px 0 0px 00px;
}
.testsdfsd {
	background: url(/images/smoke_gradient_w.png)
}
.formtastic textarea {
	width: 400px;	
}
input#page_title {


}
.formtastic label {
	

}

fieldset legend{
  font-size:20px;
  float: left;
}
fieldset legend span{
  margin-bottom:5px;
}

fieldset.buttons {
	float: left;
	clear: both;
}


.tramlines_tab, #admin_tab_content, #tab_loader {
	background: #f0f3f7;
	padding: 20px;
	float: left;
	width: 720px;
	position: relative;
	z-index: 12;
	margin: 0 0 20px;
	border-top: 4px solid #0084D1;
	
	/*-webkit-box-shadow:0px 1px 6px #999 inset*/
	
	
}

span.cke_wrapper.cke_ltr {
	background: #d4d4d4 url(/images/sprite.png) repeat-x 0 -3985px;
	margin-bottom: 20px;
	width: 710px;



}

td.cke_top {
	border-bottom: 2px solid #ccc;

}

.formtastic .sections_tab input, .formtastic .sections_tab textarea, .formtastic .pages_tab input, .formtastic .pages_tab textarea, .formtastic #admin_tab_content input, .formtastic #admin_tab_content textarea {

}
br#pages_tab_links_break, br#sections_tab_links_break {
	display:none;
}
.tabs_container li.invalid {
  background: red;
}

#tab_loader img {
	margin: 30px 0 30px 350px;
	float: left;
}

#admin_tab_content {
	width: 600px;
}

.tramlines_tab p, #admin_tab_content p {
	color: #0083be;
}
.pages_tab label, #admin_tab_content label {
	color: #00355f;
}
#page_section_id {
  clear: left;
  float: left;
}
.pages_tab h1, .pages_tab h2, .pages_tab h3, .pages_tab h4, .pages_tab h5, .pages_tab h6 {

	text-shadow: 0px -1px 0px #fff;
}
#admin_tab_content ul {
	margin: 0;
}
#admin_tab_content ul li {
	margin: 5px 20px 10px 0;
	list-style:none outside none;
	float: left;

	display: block;
	font-size: 16px;
	line-height: 16px;
	background: #c5c7c8 url(/images/sprite.png) repeat-x 0 -80px;
	padding: 0;
	width: 190px;

	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0px 1px 3px #324955;
    -moz-box-shadow:0px 1px 3px #324955;
    box-shadow:0px 1px 3px #324955;		
}
#admin_tab_content ul li a {
	float: left;
	display: block;
	padding: 10px 16px 12px 40px;
	color: #333;
	background: url(/images/sprite.png) no-repeat;	
	text-shadow: 0 1px 0 #fff;
	width: 140px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#admin_tab_content ul li a:hover {
	text-decoration: none;
	color: #000;
}

li#new_page, li#new_section, #admin_tab_content ul li#new_photo_album a, #admin_tab_content ul li#new_document a {
	font-weight: bold;
}

ul.tabs_container li#content_admin_tab a {
 background-position: 15px -1370px;
}
ul.tabs_container li#enquiries_admin_tab a {
 background-position: 15px -1670px;
}
ul.tabs_container li#documents_admin_tab a {
 background-position: 15px -1550px;
}
ul.tabs_container li#photo_albums_admin_tab a {
 background-position: 15px -1490px;
}

#admin_tab_content ul li#list_photo_albums a, #admin_tab_content ul li#new_photo_album a {
	background-position: 10px -2148px;
	
}
#admin_tab_content ul li#list_enquiries a {
	background-position: 10px -2268px;
	
}
#admin_tab_content ul li#list_sections a, #admin_tab_content ul li#new_section a {
	background-position: 10px -2090px;
	
}
#admin_tab_content ul li#new_page a {
	background-position: 15px -2210px;
	
}
#admin_tab_content ul li#list_documents a, #admin_tab_content ul li#new_document a {
	background-position: 15px -2328px;
	
}/* ======== Media ========== */

.media_list div {
	float: left;
	margin-right: 10px;
	text-align: center;
}
.media_list div a.media_name {
	display:block;
}
#photo_container{
	margin-top: 20px;
}

#photo_container .photo{
	float: left;
	margin-right: 10px;
}

#album_list{
	border-bottom:1px solid #EFEFEF;
}

#album_list .album{
	float:left;
	margin-right: 30px;
}

/* ============ Search results ============= */
strong.highlight {
  background-color: #ffc;
}


/* ============ Contact us page ============= */
#contact_us_map {
  float:left;
  width:375px;
  margin-right:20px;
}

#contact_us_content {
  float:left;
  width:365px;
}

#contact_us_form fieldset fieldset legend.label {
  padding: 0;
  margin: 0;
  font-size: 20px;
  color: #333 !important;
  text-shadow: none !important;
  margin-left: -20px;
  background-color: transparent;
  border-bottom: none;
}
/* ============ Related Items ============= */

#search_term {
	width: 300px;
	
}
#pages_related_items_tab #suggest ul {
	list-style-type: none;
}
#pages_related_items_tab #suggest li {
	clear:both;
	margin-left:0;
	list-style-type: none;
}
#pages_related_items_tab #suggest ul li.related_search_result, ul#selected_items li.related_search_selected{
	background:url(/images/icon_related_page.png) no-repeat 10px 10px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	float:left;
	margin: 0;
	padding:10px 10px 10px 40px;
	position:relative;
	width:240px;
	line-height: 14px;
	list-style-type: none;
	list-style-image: none;
}
#suggest ul li.search_result_link{
}
#suggest ul li.search_result_member{
}
#suggest ul li.search_result_page{
}
#suggest ul li.search_result_photo{
}
#suggest ul li.search_result_video{
}
#pages_related_items_tab .related_item_links {
	position:absolute;
	right:10px;
	top:15px;
}

div.related_result_links {
	float: left;
	clear: both;
	width: 100%;
}
div.related_result_links a {
	display: block;
	float: left;
	margin: 4px 10px 0 0;

	font-size: 12px;
}
.related_item_add_link{
	font-weight: bold;
}
.view_related_item_link{
	float: left;
}
#pages_related_items_tab #ajax_search_form {
	width: 320px;
	margin-right: 20px;

}
#pages_related_items_tab .item_relationship fieldset {
	margin-bottom: 0;
}
ul#selected_items {
	width: 330px;
	display: block;
	background: #D8E0E9;
	padding: 10px;
}
ul#selected_items li{
	background-color:#ADADAD;
}
ul#selected_items li.link{
}
ul#selected_items li.member{
}
ul#selected_items li.page{
}
ul#selected_items li.photo{
}
ul#selected_items li.video{
}
ul#selected_items li.related_search_selected{
	background-color: #000;
	border: none;
	margin: 0 0 10px 0;
	
	 -moz-border-radius:6px;
     -webkit-border-radius:6px;
     border-radius:6px;

}
html body a.related_item_remove_link{
	float: left;
	clear: both;
	margin: 6px 0 0 0;
	font-size: 12px;
	color: #ccc;
}
ul#selected_items li span.related_title{
	font-size:16px;
	font-weight:bold;
	float: left;
	color: #fff;
}

/* ============ Photo browser input ========= */
.photo_browser_clear {
  cursor: pointer;
}

html body form {
  display: block;
}


/* =========== CKEditor Link Plugin ========= */
#searchResults ul {
  padding-left: 20px;
}
/* ========== Fix for ckeditor image preview ========== */
#previewImage {
	width: 200px !important;
	height: auto !important;
}

/*============= admin dashboard ==================*/

#admin_dashboard {
 	Abackground: #496B7B url(/images/sprite.png) repeat-x 0 -3680px;
	float: left;
	padding: 20px;
	margin: 0 0 20px;
	
	 -moz-border-radius:8px;
     -webkit-border-radius:8px;
     border-radius:8px;
}
#admin_content {
	margin: 0;
	
}
.dash_col {
	float: left;
	width: 288px;
	margin: 0 0 20px 20px;
	background: #fff;
	padding-bottom: 10px;
	
	
	 -moz-border-radius:5px;
     -webkit-border-radius:5px;
     border-radius:5px;

}
.dash_col h2 {
	float: left;
	border-bottom: 1px solid #666;
	width: 268px;
	padding: 5px 10px;
	margin: 0;
	
}
.dash_col h3 {
	font-size: 17px;
	line-height: 17px;
	margin: 0 0 10px;
}
.dash_item {
	float: left;
	width: 218px;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 15px 15px 55px;
	background: url(/images/sprite.png) 0 -1900px no-repeat;
	list-style-type: none;
	list-style: none;
	
}
.dash_item li {
	margin: 0 0 3px 0px;
	list-style-type: none;
	list-style: none;
}
.dash_item li a {
	display: block;
	background: url(/images/sprite.png) 0px -975px no-repeat;
	padding: 0 0 0 15px;
}
.dash_item ul {
	margin: 0;
}
.controller_admin h1#main_page_title {
	background: url(/images/icon_admin.png) no-repeat 0 6px;
	padding: 0 0 0 35px;
	margin: 0 0 0px 30px;
}
#dash_sections_and_pages {
	background-position: 10px -2190px;
}
#dash_images {
	background-position: 10px -2430px;
}
#dash_documents {
	background-position: 10px -2690px;
}
.create {
	font-weight: bold;
}
#dash_enquiries {
	background-position: 10px -2990px;
}
#dash_members {
	background-position: 10px -3270px;
}
#dash_departments {
	background-position: 10px -3448px;
}
/*=========== title icons for different sections  ================*/
.controller_photo_albums h1#main_page_title, .controller_photos h1#main_page_title {
	background: url(/images/sprite.png) no-repeat 0px -2430px;
	padding: 0 0 0 40px;
	margin: 0 0 20px 0px;
}
.controller_documents h1#main_page_title {
	background: url(/images/sprite.png) no-repeat 0px -2690px;
	padding: 0 0 0 40px;
}

.controller_sections.action_index h1#main_page_title {
	background: url(/images/sprite.png) no-repeat 0px -2190px;
	padding: 0 0 0 40px;
}

.controller_enquiries h1#main_page_title {
	background: url(/images/sprite.png) no-repeat 0px -2990px;
	padding: 0 0 0 40px;
}



/*============= photo albums ==================*/
.photo_album {
	display: inline-block;
}

.photo_album a {
	float: left;
	width: 150px;
	display: block;
	height: 150px;
	background: #000 repeat-x 30px -320px;
	float:left;
	text-align: center;
	margin: 0px 20px 20px 0;
	position: relative;
	
	 -moz-border-radius:5px;
     -webkit-border-radius:5px;
     border-radius:5px;

     box-shadow: 1px 2px 4px #333;
     -moz-box-shadow: 1px 2px 4px #333;
     -webkit-box-shadow: 1px 2px 2px #333;

	
	
}
.photo_album a img {
	float: left;
	margin: 10px;
	
}
.photo_album a span {
	float: left;
	display: block;
	background: #000;
	color: #fff;
	font-weight: bold;
	width: 150px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	
     -moz-border-radius-bottomleft:5px;
     -moz-border-radius-bottomright:5px;
     -webkit-border-bottom-right-radius:4px;
     -webkit-border-bottom-left-radius:4px;
     border-bottom-right-radius:3px;
     border-bottom-left-radius:3px;

	
}
.photo_album a:hover span {
	text-decoration: none;
}
.photo_album a:hover {
	text-decoration: none;
}





/* =============================  top styles ============================= */
div#top {
	float:left;
	width:100%;
	
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1); 
    box-shadow:0 1px 4px rgba(0,0,0,0.1); 
    
    border-bottom: 1pcx solid #009f8d;
    
     position: relative;
     
     z-index: 20;
     
     background: #00af9b;
     

}
#header {
	width:100%;
	background: #fff;
	margin: 0;
	float: left;
	position: relative;
	z-index: 35;
}
#home #header {

}
#header_inside {
	clear: both;
	position: relative;
	

}
#home #header_inside {
	top: 0;
}
#login_slide_bar {
	background:#004369;
	display:none;
	height:120px;
	float: left;
	width: 100%;
	border-bottom: 3px solid #fdf32f;
}
#donate {
	display: none;
}
#login_slide_bar_inside {
}
h1#site_logo {
	margin:0px 0 0px 0px;
	float: left;
	display: block;

} 
a.site_logo {
	background:url("/images/nes_logo.png") no-repeat scroll 0px 0 transparent;
	display:block;
	height:84px;
	width: 285px;
	text-indent:-9000em;
	z-index: 90;
	float: left;
	margin: 0 0 0 0px;
}
.site_intro {
  color: #00af9b;
  font-weight: 300;
  display: block;
  width: 380px;
  font-size: 20px;
  line-height: 26px;
  float: left;
  margin-top:-15px;
}
.top_donate_button,
.top_membership_button {
	float: right;
	padding: 8px;
	margin: 20px 0 0 20px;
}
.top_donate_button {
	padding-top: 16px;
	height: 24px;
}
.top_membership_button {
	height: 32px;
}
h1#site_logo a:active {
}

#logo_box {
	float: left;
	width: 700px;
	color: #fff;
	margin: 50px 0 40px 20px;
	
	position: relative;
	
}
#inside #logo_box p {
	display: none;
}
div#home_header {
	float: left;
	background: #00af9b;
	width: 100%;
	height: 390px;
	position: relative;
	z-index: 116;
	margin-bottom: 30px;
	
}
#case_study_carousel {
	float: left;
	height: 353px;
	padding: 37px 0 0 20px;
	position: relative;
	width: 620px;
}
#case_study_carousel .cycle, #case_study_carousel .slide {
	position: relative;
	height: 315px;
	float: left;
	background: #333;
	width: 480px;
}
#case_study_carousel .slide {
	float: left;
	width: 460px;
	height: 315px;
	margin: px 0 0 0;
}
#case_study_image {
	float: left;
	width: 480px;
	margin: 0px 0 0 0;
	height: 316px;
	overflow: hidden;
	position: absolute;

	top: 0;
	left: 0;
	z-index: 14;

}
.slide_link:hover {
	text-decoration: none;
}
#case_study_quote {
	background: url(/images/carousel_bg.png);
	position: absolute;
	z-index: 65;
	width: 440px;
	height: 20px;
	color: #fff;
	padding: 10px 20px;
	bottom: 0px;
	left: 0px;

	
}

#case_study_quote h3 {
	letter-spacing: normal;
	font-size: 16px;
	line-height: 16px;
	float: left;
}

#case_study_quote h3.quote {
	text-indent: 26px;
}

#case_study_quote h3 span#quote_start {
	position: absolute;
	background: url(/images/sprite_bta.png) no-repeat -180px 0;
	text-indent: -9000em;
	width: 20px;
	height: 20px;
	left: 20px;
	top: 20px;
	display: block;
	
}
#case_study_quote h3 span#quote_end {

	background: url(/images/sprite_bta.png) no-repeat -180px -20px;
	text-indent: -9000em;
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	
}

#learn_more_bttn, a.learn_more_bttn {
	width: 150px;
	height: 24px;
	padding: 5px 15px;
	display: block;
	color: #333;

	font-weight: bold;
	font-size: 14px;
	position: absolute;
	bottom: 18px;
	left: 10px;	
	margin: 0;
	background: url(/images/sprite_bta.png) 2px -300px;
	
	-moz-border-radius:0px;
     -webkit-border-radius:0px;
     border-radius:0px;


	
	 -webkit-box-shadow:none;
     -moz-box-shadow:none;
     box-shadow:none;
}

#other_case_studies {
	color: #fff;
	z-index: 18;
	background:;
	width: 120px;
	margin: -2px 0 0 2;
	float: left;
	height: 350px;



	
}
#other_case_studies h4 {
	float: left;
	display: block;
	width: 60px;

	font-size: 14px;
	line-height: 18px;
	margin: 10px 5px 10px 20px;
}
#other_case_studies li {
	float: left;
	width: 104px;
	height: 69px;
	overflow: hidden;
	
	padding: 0;
	margin: 0px 10px 15px 0;
}
#other_case_studies li a {
	display: block;
	width: 100px;
	height: 65px;
	overflow: hidden;
	margin: 2px;
	
	background: #333;
	
	border-radius:2px;


}
#other_case_studies li a.activeSlide {
	border: 2px solid #fdf32f;
	margin: 0;
	 
}
#other_case_studies li img {
	float: left;
	width: 100px;
	margin: 0;

}
#get_support {
	float: right;
	width: 280px;
	height: 350px;
	padding: 40px 0px 0;

	
}

#get_support .title-large {
	color: #fff;
	margin-bottom: 20px;
	border-color: #fff;
}
#get_support h2 strong {
	float: left;
}
#get_support h2 span {
	font-weight: bold;
	float: left;
}
.support-link {
  color: #fff;
  display: block;
  float: left;
  width: 100%;
  padding: 0 0 30px;
}
a.support-link:hover {
  color: #fff;
  text-decoration: none;
  
}
i.get-support-icon {
  font-size: 40px;
  line-height: 40px;
  float: left;
  width: 60px;
  margin: 3px 0 0;
  text-align: left;

}
.support-text {
  float: left;
  width: 220px;
}


.support-text p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 ;
  float: left;
  clear: both;
}

#get_support ul li a p.phone_number {
	font-size: 18px;
	font-weight: bold;
} 

/* =======  cycle  ====== */
.cycle_frame {
	position:relative;
}
.cycle {}
.cycle_nav {
	background:url(/images/ipad_smoke.png) repeat-x;
	bottom:0;
	float:left;
	height:60px;
	left:0;
	position:absolute;
	width:100%;
	z-index:200;
}

.cycle_nav a {
	display: block;
	float: left;
	font-size: 15px;
	color:#fff;
	padding: 10px 15px;
	margin: 10px 5px 0;
	
	 -moz-border-radius:10px;
     -webkit-border-radius:10px;
     border-radius:10px;

}
.cycle_nav a:hover {
	background:#000;
}

#user_links {
	float:right;
	margin:0px 0px 0;
	padding: 5px 0 0px;
	width: auto;
	position: absolute;
	top: 10px;
	left: 305px;
}
.not-logged-in {
	margin: ;
  
}
#user_links p {
	margin:0;
}
#user_links a {
	display: block;
	padding: 0px 25px 2px 0;
	margin: 0px 0 0 0px;
	float: left;

	font-size: 14px;
	color: #999;
	


	

}
.user-name {

  float: left;
  display: block;

}
#user_links a.site_settings {


}
#user_links a.site_settings:hover {

}
a#cart_link {
	background:#b7468f url(/images/cart.png) no-repeat 8px 10px;
	padding: 6px 6px 6px 32px;
	margin: 0;
	width: 60px;
	color: #fff;
	position: relative;
	float: right;
  margin: 20px 10px 0 0;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
a#cart_link span {
	color: #fff;
	font-weight: bold;
	background: #333;
	padding: 2px 5px;
	display: block;
	font-size: 12px;
	margin: 2px 0;
	line-height: 100%;
	float: right;
	position: absolute;
	right: 8px;
	top: 5px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	
}
a#cart_link:hover {
	text-decoration: none;

}
a#member_login_bttn {
margin-top: 20px;
	
}
a#member_login_bttn i {
	display: none;
	font-size: 25px;
	line-height: 25px;

}
a#member_login_bttn.open, a#member_login_bttn.open:hover {
	margin-top: -8px;
	text-decoration: none;
	color: #004369;
}
a#member_login_bttn.open i {
  display: block;
}
#user_links a:hover {
	color: #3075cf;
}
span.fb {
	float: right;
	margin: 0 10px;
}

fb.fb_login_not_logged_in.FB_login_button {
	float: right;	
}
.search_box {
	float:right;
	height:33px;
	margin:45px 0px 0 0;
	width:180px;
	background: #e3eaf0;
	
	padding: 0;
	color: #666;
	

}
input.search_field {
	border:medium none;
	float:left;
	background: none;
	height:15px;
	line-height: 0.6;
	margin:0 10px 0 0;
	padding:9px 10px;
	width:120px;
	font-size: 14px;
	color: #777;
	box-shadow:none;
	
}
input.search_field:focus {
  box-shadow:none;
}
input.search_icon, button.search_icon {
	background:url("/images/sprite.png") no-repeat scroll 0 -1320px transparent;
	border:medium none;
	display:block;
	float:left;
	height:21px;
	margin:7px 0 0 0px;
	width:23px;
	padding: 0;
	text-indent: -9000em;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

/* ====================  navigation  ===================== */
#nav {
	padding: 0px 0 0;
}
#nav ul {
	display:block;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	text-indent:0;
}
#nav ul li {
	float:left;
	margin:0;
	text-indent:0;
	

}
#nav ul li a {
	color:#fff;
	display:block;
	float:left;
	margin:0px;
	padding:20px 17px 20px;
	font-size: 17px;
	line-height: 100%;
}

#nav ul li a:hover, .section_2 #nav ul li#link_news a, .controller_enquiries.action_new #nav ul li#link_contact_us a {	
	text-decoration:none;
	background: rgba(255,255,255,0.2);

}
.page_contact_us #nav ul li.about_us_link a {
  background: none;
}
#nav ul li.active a, #home #nav ul li#link_home a {
	background: #008482;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	
	-moz-border-radius:0px;
     -webkit-border-radius:0px;
     border-radius:0px;

}
#nav ul li.smaller a {

}
/* ====================  homepage  ===================== */

.home-box {
  margin-bottom: 30px;
  min-height: 220px;
}
.link-image {
  float: left;
	width: 180px;
	background: #ccc;
  margin: 0 20px 0 0;
}

#what-is-eczema-box .home-text {
  margin-right: 20px;
}
#health-professionals-box .summary-text {
	float: left;
	width: 260px;
}
#latest-news-box .link-image {
  width: 100px;
  height: 60px;
  background: #333;
}
li.news-item {
  margin-bottom: 15px;
  float: left;
}


div.big_message {
	float:left;
	margin:0 0 30px;
}
.big_message h1 {
	font-size:20px;
	line-height:25px;
	margin:0 0 10px;
}
.big_message_left {
	float:left;
	font-size:15px;
	margin:0 20px 0 0;
	width:280px;
}
#big_message_right {
	float:right;
	height:260px;
	width:640px;
}
#big_message_right img {
	width:640px;
	float:left;
}
#big_message_right div {

}
#big_message_right .cycle {
	float:left;
	height:260px;
	overflow:hidden;
	width:640px;
}
div.home_bx {
	clear:none;
	float:right;
}
div.home_bx .bx_h, div.home_bx .bx_in {

}
div.home_page {
	float:left;
	margin:0 0 30px;
	width: 945px;
}
#main .home_page h1 {
	font-size:22px;
	line-height:27px;
	margin:0 0 10px;
	font-weight: normal;
	color:;
	
}
.home_page_left {
	float:left;
	font-size:15px;
	margin:0 15px 0 0;
	width:465px;
}
.home_page .home_page_left, .home_page .home_page_left {
	color: #D4205D;
}

.home_page_right {
	float:left;
	width:445px;
	padding: 0 10px;
}
.intro_text {
	margin: 0 0 30px;
	padding: 0 10px;
}
.home_page_right ul li {
	margin: 0 0 15px 0;
	list-style: none;
	float: left;
	display: block;
	width: 445px;
	
}

div.home_bx {
	clear:none;
	float:right;
}
div.home_bx .bx_h, div.home_bx .bx_in {

}
#twitter {
	
}
#twitter span, #twitter a#view_twitter, #twitter a#latest_tweet {
	display: block;
	float: left;
	clear: both;
}
a#latest_tweet {
	font-weight: bold;
}
#twitter span.view_twitter {
	font-weight: bold;
}
a#view_twitter {
	color: #999;
	font-size: 11px;
	font-style: italic;
}
a#facebook_link {
	position: absolute;
	bottom: -60px;
	right: -4px;
	background: url(/images/facebook.png) no-repeat 0 0;
	width: 243px;
	height: 37px;
	text-indent: -9000em;
	
}
#home_left_col {
	width: 180px;
	margin: 0px 0px 0 0px;
	padding: 20px 0;
	float: left;
	position: relative;
	background: #c0d4e2;
	
}
#home_left_col .donate_bttn{
	float: left;
	margin: 10px 0 0 15px;
	width: 160px;
	height: 35px;
	font-weight: bold;
	text-indent: -9000em;
	background: url(/images/sprite_bta.png) 0 -260px;
}
#home_left_col li {
	border-bottom: 1px solid #e1e9ee;
	padding: 0 20px;
	width: 140px;
	list-style-image: none;
	
}
div#home_box_center {
	float: left;
	width: 100%;
	
}
div#home_box_right {
	float: right;
	position: relative;
	z-index: 10;
}
div#home_box_right li {
	list-style-image: none;
}
#box_professionals {
	width: 460px;
	padding: 20px 0px 0px 20px;
	float: left;


	
}
#box_professionals h3, #box_shop h3 {
	margin-left: 10px ;
}
#box_shop h3 {
	color: #fff;
}
#home_left_col ul.lst li a {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin: 0 0 0px;
	padding: 5px 0px;
}
.bttn_round {
	padding: 5px 15px;
	display: block;
	color: #333;
	width: 115px;
	margin: 10px 0 0 -5px;

	
	 -moz-border-radius:20px;
     -webkit-border-radius:20px;
     border-radius:20px;


	
	 -webkit-box-shadow:inset 0 0 19px #e8e8e8;
     -moz-box-shadow:inset 0 0 19px #e8e8e8;
     box-shadow:inset 0 0 19px #e8e8e8;

	
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
}

#campaign_box {
	float: left;
/*	background: url(/images/campaign.jpg) no-repeat 0 -10px;*/
	width: 140px;
	height: 245px;
	margin: 0px 20px 0 0;
	
}
#campaign_box img {
/*  margin-top: -10px;*/
}
#campaign_box h4 {
  display: none;
}


#box_professionals li {
	width: 210px;
	margin: 0 20px 15px 0;
	padding: 0 0 20px;
	border-bottom: 1px solid #C0D0DB;
	
}
#box_professionals li:nth-child(3n), #box_professionals li:nth-child(4n) {
	border: none;
}
a.h_image {
	float: left;
	display: block;
	margin: 0px 20px 0 0;
}
#box_professionals li img {
	width: 210px;
	height: 90px;
	float: left;
	margin: 0px 0 10px 0;

}
#box_professionals li p {
	float: left;
	width: 200px;
	margin: 0;

}

#latest_news {
	float: left;
	width: 280px;
	background: #fff url(/images/latest_news.png) repeat-x 0 0;
	padding: 20px;
	position: relative;
	z-index: 10;
}
#latest_news .title a {
  color: #133D5C;
}
#latest_news li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #C0D0DB;
}
#latest_news li:last-child {
	margin: 0;
	border: none;
}
#big_news_item {
	float: left;
	width: 280px;
	border-bottom: 1px solid #e8e8e8;
	margin: 0 0 10px;
}
#big_news_item h4 {
	font-size: 17px;
}
#big_news_item img {
	float: left;
	width: 280px;
	margin: 0 0 10px;
}
#big_news_item p {
}

#latest_news li img {
	width: 60px;
}
#latest_news .lst h4 {
	float: left;
	margin: 0 0 5px;
	font-size: 14px;
	line-height
	font-weight: normal;
	display: block;
	width: 200px;
}

#latest_news .lst p {
	float: left;
	width: 200px;
	margin: 0;

}

#box_shop {
	float: left;
	width: 480px;
	height: 260px;
	background: #2795e4;
	color: #fff;
	margin: 10px 0 0;	
}
#box_shop .title a {
  color: #fff;
}
#box_shop ul {
	float: left;
	margin: 0 0 0 4px;
}
#box_shop li {
	width: 139px;
	margin: 0 0px 0;
	padding: 0 7px 0 10px;

}

#box_shop li:last-child {
	border: none;
	padding-right: 0;
}
#box_shop li img {
	width: 139px;
}
#box_shop li a {
	color: #fff;
}
#box_shop li a h4 {
	color: #fff;
	font-size: 14px;
}
a.our_ambassador {
	background: url(/images/our_ambassador.jpg) no-repeat 0 0;
	width: 225px;
	height: 180px;
	display: block;
	text-indent: -9000em;
	float: left;
	position: absolute;
	top: 360px;
	left: -70px;
	
}

div#community_row {
	float: left;
	width: 940px;
	
	padding: 20px;
	border-top: 5px solid #0870ad;
	
}
div#forums {
  clear: left;
}
.forum_list_header {
  display: none;
}
div#forum_box {
	float: left;
	width: 280px;
	height: 230px;

	margin: 0 20px 0 0;
	padding: 10px;
	background: #d5dee5;
	
}
div#forum_box h3, div#twitter_box h3 {
	margin: 0 0 10px;
	font-weight: bold;

}
div#forum_box ul li {
	border-bottom: 1px solid #BDCFDC;
	padding: 5px 0;
}
div#forum_box ul li a {
	font-weight: bold;
	font-size: 14px;
}
div#forum_box ul li p {
	font-size: 12px;
	color: #999;
	margin: 0;
}
div#forum_box ul li p span {
	color: #333;}
div#forum_box h3 a {
	color: #184f7b;	
}
#facebook_strip {
  background:#f8f8f8;
  background: rgba(255,255,255, 0.6);
  width: 100%;
  float: left;
  padding: 40px 0;
}
div#twitter_box h3 a {
	display: block;
	color: #00af9b;
}
div#facebook_box {
	float: left;
  width: 294px;
	height: 220px;
	margin: 0 20px 0 0;
	border: 3px solid #d5dee5;
	overflow:hidden;
	background: #fff;
}
.controller_forums div#facebook_box {
  width: 565px;
  height: 200px;
}

div#facebook_box iframe{
	float: left;
	margin: -1px;
}


div#facebook_box h3 {
	display: none;
}
div#twitter_box {
	float: left;
	position: relative;
	width: 250px;
	padding: 36px 0 0 80px;
}
#email_signup {
  background: #2c71a1;
  color: #fff;
  padding: 20px;
  width: 200px;
  height: 189px;
  float: right;
  margin-left: 30px;
}
#email_signup .title-large {
  color: #fff;
  font-size: 22px;
  line-height: 1.3;
  border-bottom: 6px solid rgba(0,0,0,0.12);
}

#email_signup_input, #email_signup input#enquiry_email_address {
	width: 190px;
	margin: 0;
	float: left;
  
}
#email_signup_input fieldset {
  margin: 0;
}

#twitter_box i.icon-twitter {
  position: absolute;
  top: 19px;
  left: 15px;
  font-size: 50px;
  line-height: 1;
  color: #00af9b;
}
p.tweet {
	float: left;
	margin: 0 0 40px;
}
div#twitter_box .bttn_round {
	position: absolute;
	bottom: -10px;
	width: 110px;
	font-weight: bold;
	text-align: center;
	clear: both;
	float: left;
	border: 1px solid #ccc;
}


/* ====================  Inside pages  ===================== */

h1.page_title, h1#main_page_title{
	font-size: 30px;
	line-height: 40px;
	letter-spacing: -2px;
	clear: both;
}
h1.page_title {
	float: left;	
	margin-left:170px;
	clear: both;
}
.left_col{
	border-top:3px solid #D4205D;
	float:left;
	margin-right:15px;
	width:145px;
	padding:10px 0;
}
.left_col h2{
	padding: 0 10px 0;
	margin: 0 0 5px;
	font-size: 16px;
	line-height: 16px;
}
.left_col ul li{
	margin: 0;
	list-style: none;
	font-weight: bold;
}
.left_col ul li a {
	margin: 0 0 0px;
	float: left;
	width: 125px;
	padding:8px 10px 10px;

	line-height: 15px;
}
.main_col{
	border-top:3px solid #E5E5E5;
	float: left;
	width: 445px;
	margin-right: 15px;
	padding: 10px;
	color: #333;
}
.right_col{
	float: left;
	width: 304px;
}
.main_col img, html[dir="ltr"] img[align='left'] {
	margin: 0 10px 0 0;
}

.main_col img[align="right"], html[dir='ltr'] img[align='left'] {
	margin: 0 0 0 10px;
}

h5.article_intro {
	font-weight: 200;
	font-size: 18px;
	line-height: 140%;
	color: #333;
	margin-bottom: 30px;
	

	
}


/* =================  cal icon and events list  =============== */
#events {}
#events .bx_h, #events .bx_in {
	margin:0 0 0 20px;
	width:220px;
}
#events .bx_h h2 {
	width:100px;
}
#events .bx_h a.more {
	margin-left: 5px;
}
#events .bx_in {
	background:none repeat scroll 0 0 #000000;
	color:#FFFFFF;
}
#events .bx_in a {
	color: #FFFFFF;
}

#page_right_col.event_details *{
  color: #333;
}
#page_right_col.event_details h3 {
  margin:10px 0 5px;
  color:#005B8E;
}

#page_right_col.event_details a {
  color: #2795E4;
}

#page_right_col.event_details .event_contact ul {
  padding-left:20px;
}

#news {
}
#news .bx_in, #news .bx_h {
	
}

.lst_pic {
	padding:0 0 0 110px;
	margin:0px;
}
.lst_pic li {
	margin:0px 0 10px -110px;
	padding:0 0 10px 110px;
	text-indent:0px;
	border-bottom:1px solid #CCCCCC;
	list-style-type:none;
}
ul.lst_pic img {
	display:inline;
	float:left;
	margin-left:-110px;
	margin-top:3px;
	border:none;

}
span.cal_sheet {
	width:25px;
	text-align:center;
}
.lst_cal li {
	margin:0px 0 10px -40px;
	padding:0 0 10px 40px;
	text-indent:0px;
	border-bottom:1px solid #CCCCCC;
	list-style-type:none;
}
.lst_cal {
	padding: 0px 0px 0px 40px;
	margin:0px;
}
ul.lst_cal span.cal_sheet {
	display:inline;
	float:left;
	margin-left:-40px;
	margin-top:3px;

}
span.cal_sheet span {
	display:block;
	float:left;
	width:100%;
}
span.cal_sheet {
	float:left;
	margin:5px 15px 0 0;
	text-align:center;
	width:35px;
}
span.cal_sheet span.month {
	background:none repeat scroll 0 0 #D4058E;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:17px;
	line-height:12px;
	padding-top:3px;
	text-align:center;
	text-transform:uppercase;
}
span.cal_sheet span.day {
	background:none repeat scroll 0 0 #FFFFFF;
	border:medium none;
	color:#000000;
	font-size:17px;
	font-weight:bold;
	line-height:1.4em;
}
.events_desc {
	display:block;
	
}


/* ==================== login form ===================== */
.controller_sessions.action_new #main {
	width: 400px;
	float: left;
	margin: 30px 0 40px 260px;
	
		min-height:340px;
	height:auto !important;
	height:340px;
  
}
#login_wrapper {
	margin: 20px 0 0 20px;
	position: relative;
	z-index: 30;
}
#login_intro {
	margin: 0 0 20px;

}
#login_intro p {
	clear: both;
	margin: 0;
}
#login_form {
	display:block;
}
#login_form p {
	display: block;
	width: 220px;
	margin: 9px 0 0;
}
#fb_connect_login {
  float: left;
  clear: both;
  margin:5px 0 0 -1px;
}
.controller_sessions #fb_connect_login {
  margin:15px 0 20px 0;
}
#login_email_or_username, #login_password {

}
input#login_bttn {
	margin: 24px 0 0;
	clear: left;
}

/* login slide bar */
#login_slide_bar form {
	background-color: transparent;
}
#login_slide_bar #login_wrapper {
	color: #fff;
	float:right;
}
#login_slide_bar #login_intro {
	width: 190px;
	margin: 0 40px 0 0;
	padding: 0 0 0 30px;
	float: left;
}
#login_slide_bar #login_intro h2 {
	color: #fff;
	margin: 0px 0px 5px 0;
	line-height: 20px;
	font-size: 20px;	
}
#login_slide_bar #login_intro a {
	color: #fff;
	font-weight: bold;
}
#login_slide_bar #login_form p {
	float: left;
	margin: 0;
}
#login_slide_bar #login_form p a {
	color: #fff;
	color:rgba(255,255,255,0.7);
	text-decoration: underline;
}
#login_slide_bar #login_form p label {
	color: #fff;
	float: left;	
}
#login_slide_bar #login_email_or_username, #login_slide_bar #login_password {
	border: none;
	margin: 0;	
}
#login_slide_bar input#login_bttn {
	clear: none;
}


/* ============  popup login form  ============ */
#login_popup {
	width: 260px;
	height: 240px;
	margin: 20px;
}
#login_popup p {
	float: left;
}
#login_popup label {
	font-weight: bold;
}
#login_popup input {
	margin: 0;
}



/* ============================== Social network styles ==================================== */
/* ======== Vanilla styles (to re-use)- basic styles that can be overridden ======== */

/* ====== structure ====== */
#left_column {
	float:left;
	width:540px;
}
#right_column {
	float:right;
	width:380px;
}
/* ====== .bx- standard box style ====== */
.bx {
	clear:both;
	float:left;
	margin:0 0 20px;
}
.bx_in, .bx_h {
	width:350px;
	float:left;
	clear:both;
	margin:0; 
	padding:10px 15px;
}
.bx_h {
	background:url("/images/bx_h.png") repeat-x scroll 0 0 #E8E8E8;
}
.bx_h h2 {
	display:block;
	float:left;
	font-size:20px;
	line-height:100%;
	margin:0;
	width:250px;
}
.bx_h a {
	float:right;
	margin:0;
}

#left_column .bx_in, #left_column .bx_h {
	width:480px;
}

/* ====== friends/people box ====== */
ul.people_list {
	float:left;
	margin:0 -15px 0 0;
}
ul.people_list li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}
ul.people_list li a {
	display:block;
	float:left;
	margin:0 18px 0 0;
	width:55px;
}
ul.people_list li a img {
	float:left;
}
ul.people_list li a span.name {
	clear:left;
	color:#999999;
	display:block;
	float:left;
	font-size:10px;
	margin:5px 0;
	text-align:center;
	width:100%;
}
ul.people_list li a:hover {
	text-decoration:none;
}
/* === standard image, title and text list in a .bx box ==== */
ul.bx_lst {
	margin:0;
}
ul.bx_lst li {
	border-bottom:1px solid #E8E8E8;
	float:left;
	list-style-type:none;
	margin:0 0 12px;
	padding:0 0 12px;
	width:100%;
}

.bx_l {
	display:block;
	float:left;
	height:80px;
	margin:0 20px 0 0;
	overflow:hidden;
	width:120px;
}
.bx_l img {
	width:120px;
}
.bx_r {
	display:block;
	float:left;
	margin:0;
	width:205px;
}
.bx_r a {
	font-weight:bold;
}
.bx_desc {}

/* ====== news feed and wall ====== */
ul#news_feed {
	margin:0;
}
ul#news_feed li, .wall_post_list li {
	border-bottom:1px solid #508aab;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 10px;
	padding:0 0 10px;
	width:510px;
}
img.wall_profile_img, .news_item img {
	float:left;
}
.inner_text {
	float:left;
	padding:0 0 0 14px;
	width:70%;
}
.inner_text p {
	margin:0;
}
div.time_ago, p.wrote {
	color:#999999;
	font-size:10px;
}
p.events_desc {
	font-size:16px;
	margin:0 0 5px;
}
p.post_admin a {
	font-size:11px;
	margin:0 4px 0 0;
}


/* ====== info messages for boxes without content (empty profiles etc)====== */
p.nothing_yet, .intro, #intro, #flash_notice, #notice, #error {
	padding:10px 0px;
	position:relative;
	text-align:center;
	z-index:2;
	font-size: 15px;
	font-weight: bold;
	clear:left;
	float: left;
	width: 100%;
	margin: 0;
	background:#104f8b;
	color: #fff;	
  -webkit-box-shadow:inset 0 -6px 10px rgba(0,0,0,0.1);
  -moz-box-shadow:inset 0 -6px 10px rgba(0,0,0,0.1);
  box-shadow:inset 0 -6px 10px rgba(0,0,0,0.1);
}
#error.flash {
  background-color: #DA1C5A;
}

.controller_sections.action_create #main_page_title, .controller_sections.action_update #main_page_title, .controller_pages.action_create #main_page_title, .controller_pages.action_update #main_page_title {
	margin-left: 100px;
}

/* ========== profile styles =========== */
#profile {}
#profile h1 {
	margin:0;
}
.profile_photo {
	float:left;
	width:140px;
}
.profile_info {
	float:right;
	width:380px;
}
.profile_photo img {}

#profile img {
	float:left;
}
#profile form {
	margin-bottom:0px;
}
#status_box {
	float:left;
	width:360px;
	padding:5px 10px 19px 10px;
	margin:10px 0;
}
#status_box_top {
	background:transparent url(/images/status.png) no-repeat scroll left top;
	width:380px;
}
#status_box #show_link {
	font-weight:bold;
}

#profile img#status_loader {
  border: 0;
  float: none;
  margin: 0;
}
#about_me * {
	margin:0px;
}
#about_me {
	float:left;
	width:100%;
}
#about_me  h3 {
	font-size:14px;
}
/* ====== Stuff I like tabs (under profile picture)- optional ====== */
#stuff ul.tabbernav {
	border:medium none;
	margin:0 0 0 10px;
	padding:0;
}
#stuff h2 {
	margin-bottom:0px;
}
#stuff h4 {
	display:none;
}
#stuff .tabbernav li a {
	background:transparent url(/images/stuff_a.png) no-repeat scroll left bottom;
	border:medium none;
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	margin:0 10px 0 0;
	padding:5px;
	text-align:center;
	width:80px;
}
#stuff .tabbernav li.tabberactive a {
	background-position:left top;
	color:#FFFFFF;
}
#stuff .tabberlive {
	margin-left:35px;
	margin-top:0;
}
#stuff .tabbertab {
	border:medium none;
	clear:both;
	padding:10px;
} 
#music_tag_list, #tv_and_film_tag_list, #heroes_tag_list {
	font-size:16px;
	margin:0 0 10px;
}
#stuff .tabberactive #nav1 {
	background:url(/images/stuff_tab_1.png) 0 0px no-repeat;
}
#stuff .tabberactive #nav2 {
	background:url(/images/stuff_tab_2.png) 0 0px no-repeat;
}	
#stuff .tabberactive #nav3 {
	background:url(/images/stuff_tab_3.png) 0 0px no-repeat;
}
#wall .bx_h {}
#wall .bx_h h2 {}
#postbox.bx_in {
	padding-bottom:20px;
	padding-top:0;
}
#wall .bx_in textarea {
	border:1px solid #CCCCCC;
	padding:10px;
	width:490px;
	
	-moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
}
#post_loader {
	float:right;
	margin:10px 20px 0;
}
#wall_body.bx_in {
	background:#fff;
}
ul.action_links {
	margin:0;
}
ul.action_links li {
	margin:0;
	list-style:none;
}


/* ====================  footer  ===================== */

#footer {
	float: left;
	width: 100%;
	border-top: 6px solid #d5dee5;
	position: relative;
	background: #fff;
}

p#medical_info {
	float: left;
	width: 340px;
	background: #d5dee5;
	padding: 8px;
	margin: 15px 0 0;
}

#copyright {
	float: left;
	margin: 20px 0 30px 0px;
	font-size: 10px;

	width: 360px;

}
div#footer_links {
	float:right;
	margin:0px 0px 0 0;
	padding:10px 0px;
	width: 590px;
}
#footer_links ul {
	margin:0px;
	padding:0px;
	text-indent:0;
	float:right;
	clear:left;
}
#footer_links ul li {
	list-style-type: none;
	text-indent:0px;
	margin:0px;
	padding:0px;
	float:right;
}
#footer_links ul li a {
	float: left;
	margin: 5px 10px 0 0;
}

#footer_links ul li#site_feedback a {
	background: url(/images/site_feedback.png) no-repeat;
	padding: 0 0 0 20px;
}

#lottery_funded {
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: url(/images/sprite_bta.png) no-repeat -220px -60px;
	width: 90px;
	height: 70px;
	text-indent: -9000em;
	
}

#siteby {
	background-image:url("/images/yoomee_black.png");
	background-position:right top;
	background-repeat:no-repeat;
	display:block;
	height:33px;
	line-height:9px;
	margin-top:5px;
	padding:0 38px 0 0;
	position:absolute;
	right:5px;
	text-indent:-9000px;
	top:7px;
	width:60px;
}
#siteby:hover {

}




/* ====================  calendar/event styles  ===================== */
#calendar_menubar {
	background:url("/images/calendar_menubar.png") repeat-x scroll 0 0 #DDDDDE;
	float:left;
	margin:15px 0 20px;
	padding:10px;
	width:880px;
	
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    
}
.menubar_left {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 8px;
}
.menubar_left li {
	float:left;
	margin:0 20px 0 0;
}
.menubar_left li a {
	color:#005265;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 1px 0 #FFFFFF;
}
.menubar_left li a:hover {
	text-decoration:underline;
}
.menubar_left li a img {
	margin:0 4px 0 0;
}

#date_form {
	background:none repeat scroll 0 0 #5D676F;
	float:right;
	font-size:13px;
	padding:5px;
	width:450px;
	
	-moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}
.menubar_right {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}
.menubar_right li {
	float:left;
	margin:0 10px 0 0;
}
.menubar_right li select {
	width:130px;
}


table.calendar_month  {
  clear: left;
}

  table.calendar_month td {
	height:91px;
	padding:5px;
	vertical-align:top;
	width:112px;

  }

  table.calendar_month th {
	background:#E8E8E8 none repeat scroll 0 0;
	
}

 table.calendar_month ul li a {
	display:block;
	font-size:11px;
	margin:0 0 0 5px;
	text-decoration:none;
	width:66px;
  }
.calendar_month ul {
	clear:both;
	float:left;
	margin:0;
	padding:0;
}
#calendar_content .calendar_month ul li {
	background-image:none;
	clear:left;
	float:left;
	font-size:11px;
	line-height:11px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.calendar_marker {
	float:left;
	height:20px;
	margin-right:10px;
	width:10px;
}
#calendar_content .calendar_month ul li .calendar_marker {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:11px;
	height:auto;
	margin:0 0 5px;
	padding:6px;
	text-decoration:none;
	text-indent:0;
	width:76px;
	
	
	-moz-border-radius:4px;
  	-webkit-border-radius:4px;
  	border-radius:4px;

  	box-shadow: 1px 1px 0 #CCCCCC;
  	-moz-box-shadow: 1px 1px 0 #CCCCCC;
  	-webkit-box-shadow: 1px 1px 0 #CCCCCC;
}
#calendar_content .calendar_month ul li a {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:11px;
	margin:0;
	text-decoration:none;
	text-indent:0;
	width:76px;
}
#calendar_content {
	width:900px;
}
p.previousLink {
	float:left;
}
p.nextLink {
	float:right;
}
.key {
	float:left;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 10px;
	width:880px;

}
#day_content {
	clear:both;
}
#all_content {}
#all_content ul, #day_content ul, #year_content ul, #week_content ul    {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#all_content ul li, #day_content ul li, #year_content ul li, #week_content ul li {
	border-bottom:1px solid #E8E8E8;
	clear:both;
	float:left;
	margin:0;
	padding:10px 0;
	width:670px;
}
#week_content h3 {
	font-size:18px;
	margin:0 0 5px;
}
#all_content ul li a {}
/* =======================  section/show  ======================== */

p.section_description {
	float: left;
	margin: 0 0 20px;
}
#section_grid {
  margin-right: -20px;
  float: left;
}
div.grid_item {
	float: left;
	width: 240px;
	height: 440px;
	padding: 0px;
	margin: 0 20px 0 0;
}
div.grid_item h3 {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom:7px;
}
div.grid_item a.item_img {
	margin-bottom: 10px;
	float: left;
}

.controller_departments.action_index div.grid_item {
  height:325px;
}

/* ====================  latest stories  ===================== */
#latestStoriesList {
	float: left;
}
h3#latest_stories_intro {
	display:block;
	font-size:17px;
	font-weight:normal;
	margin:0 0 25px;
	width:700px;
}
.item {
	border-bottom:1px solid #CCCCCC;
	clear:both;
	float:left;
	margin:0 0 17px;
	padding:0 0 17px;
	width:740px;
}
.text {
	float:left;
	width:440px;
	margin: 0 0 10px;
}
.text h3 {
	font-size:18px;
	line-height:18px;
	margin:0 0 10px;
}
.text h3 a {}
.text p {
	margin:0 0 10px;
}
a.moreLink {
	background:transparent url(/images/more_bttn.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	font-size:13px;
	margin:7px 0 0;
	padding:4px 11px;
	text-decoration:none;
}
a.moreLink:hover {
	text-decoration:underline;
}
a.item_img {
	display:block;
	float:left;
	margin:0 20px 0 0;
	overflow:hidden;
	padding:0;
	text-indent:-9000em;
	width:220px;
}
a.item_img img {
	float:left;
	margin:  0 0 0 0px;
}
.grid_item p {
  line-height: 1.5;
}


/* ============================= Message inbox ========================== */
.messaging_section #page {
	width:750px;
}
table.inbox {
	margin:10px 0 0;
	width:750px;
}
ul#group_tabs {
	clear:both;
	display:block;
	float:left;
	margin:10px 10px 0 0;
	padding:0;
	width:100%;
}

  ul#group_tabs li {
    display: block;
    float: left;
    margin: 0 6px 0 0;
    width: auto;
}

ul#group_tabs li a {
	background:#E8E8E8 none repeat scroll 0 0;
	border-bottom:5px solid #DFDFDF;
	color:#666666;
	display:block;
	float:left;
	font-size:16px;
	font-weight:normal;
	padding:0 10px;
	
	
	 -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    
}
ul#group_tabs li a:hover {
}
ul#group_tabs li.active a:link, ul#group_tabs li.active a:active, ul#group_tabs li.active a:visited {
	background:#767975 url(/images/group_tabs.png) repeat scroll 0 80px;
	border-bottom:5px solid #767975;
	color:#FFFFFF;
	text-decoration: none;
	
}

ul#group_tabs li.new_message_tab  {
	float: right;
	margin: 0;
}


ul#group_tabs li.new_message_tab a, ul#group_tabs li.new_message_tab a:hover {
	margin:0;	
}
ul#group_tabs li.new_message_tab.active a {
	border-bottom: 5px solid #90278E;
}


ul#group_tabs li a span {
	display:block;
	padding:9px 10px 5px;
}
ul#group_tabs li.new_message_tab a span {
	display:block;
	padding:2px 7px 3px;
}


div.tabs_wrapper {
	margin-bottom: 10px;
}

form#reply_form_tag {
	clear: both;
}
#add_file_partial a {

}

#add_link {
  padding: 6px 0 0;
}

#add_link_partial a {

}

#file_indicator {
  padding: 6px 0 0;
}

#file_preview {
  background: #fff none repeat scroll 0 0;
  border-top: medium none;
  margin: 0 0 5px;
  margin-left: 0;
  padding: 10px;
}

#recipients_label {
  float: left;
  padding: 0 10px 0 0;
  text-align: right;
  width: 60px;
}

#new_message_text {
  float: left;
}

#subject {
  margin-top: 0;
}

#new_message_fieldset {
  border: medium none;
  margin: 0;
  padding: 10px 0 0 0;
}

#new_message_subject {
  float: left;
}

#new_message_subject_label {
  float: left;
  padding: 0 10px 0 0;
  text-align: right;
  width: 60px;
}

#new_message_text_label, #replylabel {
  float: left;
  padding: 0 10px 0 0;
  text-align: right;
  width: 60px;
}

.message_strip {
  display: block;
  margin: 0 0;
  width: 830px;
}

#messages_to_view_form {
	color:#FFFFFF;
	float:left;
	margin:2px 8px 0 20px;
}

.new_message_attach_label {

}

#new_message_subject {
  height: 18px;
  width: 349px;
}

#new_message_text {
  width: 349px;
}

#delete_msg {
  float: left;
  margin: 20px 0 0 282px;
}
input.submit_msg_button {
  float: left;
  font-size: 14px;
  margin: 0 0 0 10px;
  font-weight: bold;
}

#message {
  float: none;
  margin-top: 5px;
}

.new_message_attach_label {
	display:block;
	float:left;
	padding:2px 10px 0 0;
	width:100%;
}

.msg_links {
  display: block;
  float: left;
  margin: 0;
  width: 360px;
}

#checkbox_buttons {
  padding: 0 15px 0 10px;
}

#ids {
  float: left;
}

#link_indicator {
  margin: 0 0 10px;
  padding: 2px 0 0;
}

#link_preview {
  margin: 0 0 10px;
  padding: 2px 0 0;
}

#reply input {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #90278E;
  float: left;
  margin: 0 2px 0 0;
  padding: 2px 5px;
}

.link_details {
  background: #fff none repeat scroll 0 0;
  border-top: medium none;
  margin: 0 0 5px;
  padding: 10px;
}

#add_link {
  margin: 0 0 10px;
  padding: 2px 0 0;
}

#attach input {

}
#attach input#link_url {
	background:#fff;
	border-color:#999;
}
#delete_msg a, input.submit_msg_button {

}

#attach {
	float:left;
	margin:20px 0 20px 71px;
	width:578px;
}
.msg_items {}
.msg_items {}
#delete_sent_msg a {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #90278E;
  float: left;
  margin: 0 2px 0 0;
  padding: 2px 5px;
}

#submit_msg {
  float: left;
  font-size: 14px;
  margin: 0 0 0 70px;
}

.under_tab p em {
  margin: 0 5px;
}

.under_tab {
	background:none repeat scroll 0 0 #767975;
	clear:both;
	float:left;
	font-size:13px;
	height:33px;
	margin:0 0 10px;
	padding-top:12px;
	width:750px;
}

  .under_tab a {
	margin:0 0 0 10px;
	padding:5px 10px;
  }

#reply {
  float: left;
  font-size: 14px;
  margin: 0 0 0 70px;
}

div.message_panel .message_strip {
  display: block;
  margin: 0 0;
  width: 450px;
}
div#subject {
	margin-top: 5px;
}

#page .inbox th, #page .inbox td, #page .sent_messages th, #page .sent_messages td {
	border: medium none;
	border-bottom:1px solid #ccc;
}

tr.message_row_odd td {
	border-bottom: 1px solid #ddd;
}
.unread_inbox_message td {
	background:#f2f2f2;
}
tr.message_row_even td {
	border-bottom: 1px solid #ddd;
}
tr.unread_inbox_message td {
	font-weight: bold;
}
table.inbox td.author, table.sent_messages td.author {
	color:#777777;
	font-size:10px;
	text-align:right;
	width:120px;
}
table.inbox td.author a, table.sent_messages td.author a  {
	font-size: 12px;
}
.message_checkbox {
	width:10px;
}
.message_author_icon {
	width:50px;
}
td.subject {
	padding-left:15px;
}
.message_panel form {
	float:left;
}

/*============================== Group Show ============================*/

.content .events_box .lst li {
	border-bottom:1px solid #E8E8E8;
	display:block;
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0 0 10px 40px;
	text-indent:0;
	width:150px;
}
ul.lst span.cal_icon {
	display:inline;
	float:left;
	margin-left:-40px;
	margin-top:3px;
}
div.event_item span.cal_icon, ul.lst li.news_feed_item span.cal_icon {
	margin-left: 10px;
}
span.cal_icon span {
	display:block;
	float:left;
	width:100%;
}
span.cal_icon {
	width:28px;
	text-align:center;
	display:block;
}
span.cal_icon span.month {
	background:#53534D none repeat scroll 0 0;
	border:1px solid #53534D;
	color:#FFFFFF;
	display:block;
	font-size:9px;
	font-weight:bold;
	height:12px;
	line-height:1.1em;
	padding-top:2px;
	text-align:center;
	text-transform:uppercase;
}
span.cal_icon span.day {
	font-size:14px;
	background:#FFFFFF none repeat scroll 0 0;
	border-color: #CCCCCC;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	color:#000000;
	font-weight:bold;
	line-height:1.4em;
}
.events_desc {
	display:block;
}

.event_contact ul, .event_contact li {
  list-style-type: none;
  text-indent: 0;
  padding-left: 0;
  margin-left: 0;
}

.events_desc p {
	margin: 3px 0px;
}

#organisation_profile_image {
	float:left;
	width:270px;
}
#organisation_profile_image img {
	max-width:270px;
}
/*============================== Event Show ============================*/

#event_left_col{
	float:left;
	margin:20px 30px 0 0;
	width:451px;
}
#event_left_col h3 {
	color:#999999;
	font-size:16px;
	margin:-14px 0 20px;
}

#event_right_col{
	float:right;
	margin:20px 0 0;
	width:250px;
}

#attendance_details .rsvp_list{
	background-color:#E8E8E8;
	float:left;
	margin-bottom:15px;
	padding:10px;
	width:230px;
	
	
	-moz-border-radius:10px;
  	-webkit-border-radius:10px;
  	border-radius:10px;

}
.rsvp_list ul {
	list-style:none outside none;
	margin:0;
}
.rsvp_list li {
	border-top:1px solid #E8E8E8;
	float:left;
	margin:0 0 10px;
	padding:10px 0 0;
	width:210px;
}
.rsvp_list li a {
	float:left;
}
.rsvp_list li img {
	float:left;
	margin:0 10px 0 0;
}
.number_of_people{
	background-color:#FFFFFF;
	float:left;
	padding:5px 10px;
	width:210px;
	
	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
}

.number_of_people a{
	float: right;
}

#rsvp{
	background-color:#E8E8E8;
	float:left;
	margin:20px 0;
	padding:20px;
	width:410px;
	
	
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
}
#rsvp form {
	background:none repeat scroll 0 0 #FFFFFF;
	float:left;
	padding:10px;
	width:390px;
	
	-moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
}
#rsvp form input[type="radio"] {
	margin-right:8px;
}
/*============================== News feed items ============================*/
#main_news_feed{
	margin-bottom: 0;
	list-style: none;
}

#main_news_feed li{
	border-bottom:1px solid #E8E8E8;
	float:left;
	margin:0;
	padding:10px;
	position:relative;
	width:370px;
}
.time_ago {
	color:#999999;
	font-size:11px;
}
.news_feed_item img{
	float: left;
}

.news_feed_item div.inner_text{
	float:right;
	font-size:14px;
	margin-left:10px;
	width:300px;
}

.news_item a.trash {
	display:none;
	float:right;
	margin-top:20px;
	right:0px;
	top:10px;
	width:25px;
	position:absolute;
}

li.news_feed_item:hover a.trash {
  display: inline;
}

li.news_feed_item_hovering a.trash {
  display: inline;
}
/* ====================  page show ===================== */
.breadcrumbs {
  float: left;
  width: 100%;
 
}
#breadcrumb {
  float: left;
  width:100%;
   margin: -15px 0 10px;
}
#breadcrumb a, #breadcrumb span.last_crumb {
  float: left;
  padding: 4px 15px 4px 10px;
  background: url(/images/sprite_bta.png)  right -622px;
  color: #005b8e;
  font-size: 11px;
  letter-spacing: 1px;
  border: none;
  

  
}
#breadcrumb span.last_crumb {
	background-position: right -662px;
	color: #888;
}
.page #page_title {
	display:block;
	float:left;
}
#page_content {

}
#page_big_image {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}
#page_big_image img {
	max-width: 760px;
}
#page_big_image * {
	margin: 0;
	padding: 0;
}
#page_content #page_left_col{
	width: 440px;
	float: left;
	margin: 0 0 30px 0px;
	clear: both;
}
#page_left_col img {
  max-width: 100% !important;
  height: auto !important;
  float: left;
  clear: both;
}
div#page_related_col {
	clear:left;
	float:left;
	margin:0 60px 0 0;
	min-height:300px;
	padding:0;
	width:160px;
}

.controller_sections.action_show h1#page_title {
	margin: 0 0 20px;
}
p.page_publish_date {
	color: #777;
	float: left;
	clear: both;
	display: none;
	margin: -10px 0 20px 0;
}
.section_3 p.page_publish_date {
	display: block;
}
.section_3 #page_left_col p:first-child {
	font-size:17px;
	font-weight:normal;
	padding:0;
	text-decoration:none;
	margin: 0 0 15px;
}

div#page_related_col h4 {
	margin:0;
}
div#page_related_col ul {
	float:left;
	list-style:none outside none;
}
div#page_related_col li {
	border-bottom:1px solid #CCCCCC;
	display:block;
	float:left;
	margin:0;
	padding:5px 0;
	width:100%;
}
div#page_related_col li a {

}
div#page_related_col a {
}
a.backto {
	background:none repeat scroll 0 0 #B8AB9E;
	color:#FFFFFF;
	display:block;
	float:left;
	height:15px;
	line-height:16px;
	margin:10px 8px 0 0;
	padding:6px 10px;
	
}
#page_content h5, p.section_description {
	font-size:19px;
	line-height: 1.4;
	font-weight:200;
	padding:0;
	margin-bottom: 30px;
	text-decoration:none;
}
#page_content h2, #page_content h3, #page_content h4, .blog_post h2, .blog_post h3, .blog_post h4, #product_info h2, #product_info h3, #product_info h4, .product_overview h2, .product_overview h3, .product_overview h4 {
	color:#005b8e;
}
div.photo_holder {
	display:none;
}
#page_full_width div#photo_holder {
	display:block;
	float:left;
	height:220px;
	margin:0 0 20px;
	width:620px;
}
#page_full_width div#photo_holder img {
	width:590px;	
}

#page_right_col {	
	float:right;
	margin:10px 0 0 20px;
	width:280px;
}


#article_image {
	float:left;
	font-size:11px;
	padding:0;
	text-indent:10px;
	width:280px;
	margin: 0 0 20px;
	
	
}
#page_right_col * {
	color:#FFFFFF;
}

div.summary_wrapper {

	

}

#page_right_col .summary{
	padding: 15px 20px;
	
	font-size: 16px;
	float: right;
	width: 235px;
	
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4), inset 1px 1px 1px rgba(255,255,255,0.3);
     -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4), inset 1px 1px 1px rgba(255,255,255,0.3);
     box-shadow:1px 1px 2px rgba(0, 0, 0, 0.4), inset 1px 1px 1px rgba(255,255,255,0.3);
     
background: #C42BA3; /* old browsers */
background: -moz-linear-gradient(top, #C42BA3 0%, #9E2285 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C42BA3), color-stop(100%,#9E2285)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C42BA3', endColorstr='#9E2285',GradientType=0 ); /* ie */

	text-shadow:0 1px 0 #801A6A;
	
	
	
	
}

#page_right_col .pull_quote {

	background:url(/images/pull_quote.png) no-repeat 0 0;
	float:left;
	margin:0 0 20px;
	padding:0px 0px 20px 70px;
	width:210px;
	font-size: 18px;
	line-height: 1.3;
	color: #9f2787;
}
#page_right_col .pull_quote * {
	margin:0;
	padding:0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	color: #0870ad;

}
#logos {
	background:url("/images/logos.png") no-repeat scroll 10px 10px #E85311;
	float:left;
	font-size:17px;
	padding-left:55px;
	width:230px;
}
#links {
	background:#E774A7 url(/images/links.png) no-repeat scroll 10px 15px;
	padding-left:55px;
	width:230px;
}
.call_to_action {
	padding: 15px 20px;
	margin: 0 0 20px;
	font-size: 16px;
	float: left;
	width: 285px;
	-moz-box-shadow:1px 2px 3px rgba(0,0,0, 0.1);
     -webkit-box-shadow:1px 2px 3px rgba(0,0,0, 0.1);
     box-shadow:1px 2px 3px rgba(0,0,0, 0.1);
	
	text-shadow:0 1px 0 #188ABF;
	

	background:#3a80cf url(/images/call_to_action.png) repeat-x top; /* webkit */

}
body #main .call_to_action * {
	text-transform: none;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	color: #fff;
}

div.call_to_action_wrapper {
	float: left;
	margin: 0 -40px 20px 0px;
	padding: 13px 0 0px 0;
	width: 325px;
	background: url(/images/summary_wrapper.png) no-repeat 300px -37px;
}
#main .call_to_action a {
	color: #fff;
	text-decoration:underline;
}
div.article_image {
	float: left;
	margin: 0 0 15px;
	width: 300px;	
}

#small_print {
	border-top:2px solid #E85311;
	color:#999999;
	font-size:11px;
	padding:10px 0;
	width:300px;
	
	-moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}
#pull_quote_large {
	background:#53534D;
	
}

#page_right_col a, #page_right_col a:hover {
	border-bottom-color:#fff;
}
#page_right_col img{
	float: left;
	margin: 0 0 0px;
}

#pull_quote_large h3 {
	color:#FFFFFF;
	font-size:17px;
	line-height:23px;
	font-weight:normal;
	margin:0;    
}

#subnav {
	width: 180px;
background: #BED3E2; /* old browsers */
background: -moz-linear-gradient(top, #BED3E2 0%, #D5DEE5 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BED3E2), color-stop(100%,#D5DEE5)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BED3E2', endColorstr='#D5DEE5',GradientType=0 ); /* ie */

	padding: 20px 0px 20px 0px;
	font-size: 14px;
	line-height: 100%;
	float:left;

}
#subnav a {
	color: #0870ad;
}
#subnav li a {
	float: left;
	width: 150px;
	border-bottom: 1px solid #e1e9ee;
	padding: 10px 10px 10px 20px;
}
#subnav li.active a, #subnav ul.level2 li.active a {
	background: #fff;
	font-weight: bold;
	width: 150px;
	color: #333;
	


	
}
#subnav li.has_children a {

	background: url(/images/sprite.png) no-repeat 8px -3645px;
	
}
#subnav li.has_children.active_parent a {
	border-bottom: 2px solid #0870ad;
	font-weight: normal;
	background: url(/images/sprite.png) no-repeat 8px -3705px;


}
#subnav ul.level2 li a{
	float: left;
	width: 140px;
	margin-left:10px;
	font-size: 13px;


 
}
#subnav ul.level2 li a, #subnav ul.level2 li.has_children.active_parent a, #subnav ul.level2 li.has_children.active_parent a {
	background-color: #d6e2eb;
}
#subnav ul.level3 li a {
	float: left;
	width: 130px;
	margin-left:20px;
	font-size: 13px;
	background: #D7E4EE;

  
}
#subnav ul.level1 {


}

#audio {
	float: left;
	width: 200px;
	padding: 20px 20px 20px 60px;
	background: #444444 url(/images/mp3.png) no-repeat 20px 62px;
	clear: both;
	margin: 0 0 20px 0;
	
}
.audio_player {
	float: left;
	clear: both;
	margin: 0 0 10px;
}
#audio h4 {
	color: #fff;
	font-size: 15px;
	margin: 0;
}
#audio h3 {
	margin-left: -40px;
}
/* ============= Documents =============== */
.doc{
	display:block;
	float:left;
	font-size:12px;
	width: 280px;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #e8e8e8;
}
.doc .doc_icon {
  float:left;
  margin: 0 10px 0 0;
}

#documents .doc h4 {
  float:left;
  font-size: 15px;
  margin: 10px 0 5px;
  width: 210px;
}
#page_right_col #documents .doc a.download_text, #page_right_col #audio a.audio_download {
	float: left;
	color: #84A5B8;
	padding: 0 0 0 20px;
	background: url(/images/download_doc.png) no-repeat  0;
}
#page_right_col #documents a, #page_right_col #audio a {
  color: #2795e4;
}
#documents {
	float: left;
	clear: both;
	width: 280px;

}
#documents h3.title {
	color: #184f8d;
	margin-bottom: 20px;
}
#document_list .document_folder_item {
 list-style-image: url("/images/folder_icon.png");
}
#document_list .document_item {
 list-style-image: url("/images/file_icon.png");  
}

/* ===================================  Blog ======================================== */
.blog{
	margin-bottom: 30px;
}
.blog_image{
	float:left;
	margin-top:10px;
	text-align:center;
	width:110px;
}
.blog_details{
	float:left;
	margin-left:15px;
	width:580px;
}
h3.blog_date{
	color:#666666;
	font-size:20px;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:-10px;
}
/* ====================  Blog Post Inside ===================== */
.blog_post_inside .blog_post_image {
  float: left;
  margin-bottom: 15px;
}

.blog_post_inside .wall {
  width: 570px;
}

.controller_blog_posts .details {
  background: #BED3E2; /* old browsers */
  background: -moz-linear-gradient(top, #BED3E2 0%, #D5DEE5 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BED3E2), color-stop(100%,#D5DEE5)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BED3E2', endColorstr='#D5DEE5',GradientType=0 ); /* ie */
  float: right;
  clear: none;
  font-size: 13px;
  margin-top: 15px;
  width: 180px;
}

.controller_blog_posts .details img {
  float: left;
  margin: 0 10px 10px;
}

.controller_blog_posts .details .posted_by {
  margin: 5px 10px;
}

.controller_blog_posts h1#page_title {
  float: left;
  width: 560px;
}

.controller_blog_posts .details .author_details {
  clear: left;
  margin: 5px 10px;
}

.controller_blog_posts .details .author_name_and_photo {
  float: left;
  font-weight: bold;
}

.blog_post_inside .blog_post_details {
  width: 520px;
}

/* ====================  Blog Post ===================== */
.blog_post{
	margin-bottom: 30px;
}
.blog_post_author img {
  float: left;
  margin-right: 10px;
}
.blog_post_author .author_details {
  float: left;
  width: 117px;
}
.blog_post_author {
  float: left;
  width: 180px;
  margin-top: 10px;
}
.blog_post_author p.author {
  font-weight: bold;
  margin-bottom: 0;
}
.blog_post .blog_post_image{
	float:right;
	margin-top:10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.blog_post_details{
	float:left;
	margin-left:0px;
	width:560px;
}
.blog_post_content {
  float: left;
  width:350px;
}
h3.blog_post_date{
	color:#999;
	font-size:16px;
	font-weight:normal;
	margin-bottom:5px;
	margin-top:-10px;
}
h2.blog_post_title {
  float: left;
  width: 350px;
}
#blog_share_links {
	float:left;
  margin:20px 0 20px 0px;
  padding: 10px;
	width:590px;
	border-top: 2px solid #999;
	background: #f0f3f7;
}
#blog_share_links .digg a {
	background-image:url(/images/icons/digg.gif);
}
#blog_share_links .twitter a {
	background-image:url(/images/icons/twitter.gif);
}
#blog_share_links .reddit a {
	background-image:url(/images/icons/reddit.gif);
}
#blog_share_links .facebook a {
	background-image:url(/images/icons/facebook.gif);
}
#blog_share_links .stumbleupon a {
	background-image:url(/images/icons/stumbleupon.gif);
}
#blog_share_links ul {
	margin:0;
}
#blog_share_links li {
	float:left;
	list-style-type:none;
	list-style-image: none;
	margin:0;
	width:95px;
}
#blog_share_links a {
	background:transparent url(/images/icons/delicious.gif) no-repeat scroll 0 5px;
	display:block;
	float:left;
	margin:0;
	padding:4px 23px 4px 20px;
}

.wall {
	background: #054E77; /* old browsers */
background: -moz-linear-gradient(top, #054E77 0%, #0870AD 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#054E77), color-stop(100%,#0870AD)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054E77', endColorstr='#0870AD',GradientType=0 ); /* ie */
	width: 720px;
	color: #fff;
	padding: 20px;
	
}
.wall .bx_h {
	background: none;
	padding: 0;
}

.wall textarea {
	border-color: #fff;
}
.wall a {
	color: #fff;
	text-decoration: underline;
}
/* ====================  blog comments  ===================== */
.comment_wrapper {
	background:#F5F5F5 none repeat scroll 0 0;
	border-top:1px solid #CCCCCC;
	padding:15px;
}
.comment_title {}
.comment {
	border-bottom:1px solid #CCCCCC;
	margin:0 0 10px;
	padding:0 0 15px;
}
.comment p {
	margin:0 0 10px;
}
.comment_by {
	font-weight:bold;
}
.comment_on {
	color:#999999;
}
.comment_wrapper form {}
.comment_wrapper form .required {
	display:none;
}
.comment_wrapper form textarea {
	height:100px;
	width:505px;
}

/*================ Share Page ======================*/
.share{
	float:left;
	margin-right:10px;
	width:300px;
}
.share .formtastic label{
	color: #D4205D;
}
.share .formtastic input{
	width: 250px;
}
.share .formtastic input#share_submit{
	width: 100%;
}
#share_by_email{	
}
#share_by_twitter{
}
#share_by_twitter #tweet_me a{
	text-align: center;
	display: block;
	width: 200px;
	color: #FFF;
	background-color: #5A9DBF;
	padding: 10px;
	margin: 10px auto;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#share_by_facebook{
}
#share_by_facebook #facebook_me a{
	text-align: center;
	display: block;
	width: 200px;
	color: #FFF;
	background-color: #3B5998;
	padding: 10px;
	margin: 10px auto;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}


/* ========= Calendar =========== */
.ec-day-link {
  float: right; 
  width: 100%;
  position: relative;
}
.ec-add-event {
  float: left;
  font-size: 16px;
  line-height: 8px;
  display: block;
  font-weight: bold;
  padding: 3px;
  background: #333;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
a.ec-add-event:hover {
	text-decoration: none;
	background: #2795e4;
}
.ec-view-event {
  float: right;
  width: 40px;
}
#previous_next_day_links {
  margin-bottom: 10px;
}
#previous_day_link {
  float: left;
}
#next_day_link {
  float: right;
}
li.event_list_item {
  list-style-type: none;
  list-style-image: none;
  margin: 15px 0 15px 0;
}
#calendar_header {
  float: left; 
}
#event_categories {
  float: right;
  margin:10px;  
}

#event_categories_key {
	float: left;
	width: 180px;
	margin: 0px 0px 0 0px;
	padding: 20px 0 0;
	position: relative;
	background: #c0d4e2;
	
}
#category_loader {
  float: left;
  width: 100%;
  text-align: center;
  background: #f0f3f7;
}
#event_categories_key h4 {
	font-size: 14px;
	margin: 0 0 5px 20px;
}
#event_categories_key li {
	border-bottom: 1px solid #e1e9ee;
	padding: 5px 0 5px 20px;
	width: 160px;
}
#event_categories_key li input {
	float: left;
}
#event_categories_key li p {
	float: left;
	width: 105px;
}
div.cal_category_color {
	float: left;
	width: 14px;
	height: 14px;
	margin: 0 5px 0;
	
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;		
	
}

#event_categories_submit {
	margin: 20px 20px 0;
	
}


/* ========= Search results =========== */

#search_results ul.lst li {
	padding: 5px;
	margin: 0 0 5px;
	border-bottom: 1px solid #e8e8e8;
	
}
#search_again {
	padding: 20px;
	float: left;
	background: #005b8e;
	color: #fff;
	width: 720px;
	margin: 20px 0 0;
}
#search_again h2 {
	
}


/* ==================  Event Categories Lists ==================== */

#categories_list .category_wrapper {
	border-bottom:1px solid gray;
	clear:both;
	height:37px;
	margin-bottom:5px;
	width:500px;
}

#categories_list .category_wrapper ol li {
	clear:none;
}

.category_wrapper h3 a {
	color: black;
}

#categories_list .edit_category_form .category_name_input {
	width: 240px;
	float:left;
	font-weight: bold;
	font-size:21px;
	padding:2px;
	margin-bottom: 9px;
}

#categories_list li.error .category_name_input {
	padding:1px;
}

#categories_list .edit_category_form .category_color_input {
	width: 50px;
	float:left;
}

.edit_category_form {
	float:left;
	clear:none;
}

.edit_category_form p.inline-errors {
	color:#DA1C5A;
	float:left;
	font-size:15px;
	line-height:15px;
	margin:7px 0 0 5px;
}

.edit_category_form fieldset.inputs, .edit_category_form ol li{
	margin-bottom:0;
}

.edit_category_form .buttons{
	display:none;
	margin-bottom:0;
}


a#new_category_link {
	text-decoration: underline;
	font-size: 16px;
	color: gray;
}

a#new_category_link:hover{
	color: black;
}

a.category_function_link {
	float:right;
	clear:none;	
	padding: 5px;
}

.ajax_category_form_loader{
	background-color:#DFDFDF;
	clear:none;
	float:left;
	height:12px;
	padding:7px 0 13px 143px;
	width:357px;
}

.category_display{
	float:left;
	clear:none;
}

.category_display h3{
	clear:none;
	float:left;
	margin:0 0 9px;
	padding:1px 0 0 4px;
}
.category_display .color_block{
	border:2px solid;
	clear:none;
	float:left;
	height:22px;
	margin:2px 5px 0 0;
	width:41px;
}
#page_title .color_block {
  border: 2px solid;
  clear: none;
  float: left;
  height: 22px;
  margin: 6px 5px 0 0;
  width: 41px;
}
#page_title a {
  float: left;
}
#page_title .greater_than {
  float: left;
  margin: 0 5px;
}

/* ================== Color Picker ==================== */

div.color_picker {
	border:4px gray solid;
	clear:none;
	float:left;
	height:18px;
	margin:2px 5px 0 0;
	padding: 0 !important;
	width:37px;

	background: url(images/arrow.gif) no-repeat top right;
	cursor: pointer;
	line-height: 16px;
	
	box-shadow: 3px 3px 4px #888888;
	-moz-box-shadow: 3px 3px 4px #888888;
	-webkit-box-shadow: 3px 3px 4px #888888;
}

div#color_selector {
  width: 147px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
}
  div#color_custom {width: 100%; float:left }
  div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.color_swatch {
  height: 22px;
  width: 41px;
  border:2px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

/* ========== Wall and Comments ========== */

.wall_form textarea {
  width:510px;
}
.wall_body {
  float: left;
  clear: both;
  margin-top: 0px;
  width: 520px;
}
.wall_body p.nothing_yet {
	background: none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	color: #d2dde5;
	text-align: left;
	padding: 0;
	margin: 0 0 20px;
}
.wall_post_list {
  float: left;
  clear: both;
  margin-top: 10px;  
}
.wall_post {
  float: left;
  clear: both;  
}
.wall_post .wall_post_left {
  float: left;
  margin-right:10px;
}
.wall_post .wall_post_right {
  float: left;
  width: 450px;
}
.wall_post .wall_post_member_link {
  float: left;
}
.wall_post .time_ago {
  float: left;
  margin-left:5px;  
}
.wall_post .wall_post_content {
  float: left;
  clear: both;
}
.wall_post .wall_post_options {
  float: left;
  clear: both;
}
.wall .wall_content .bx_h {
  width: 100%;
}
/* ========== Forum ============ */
#forums {
  float: left;
  clear: both;
  width:100%;  
}
table.forum{
	border: none;
	border-bottom: 3px solid #2795e4;
	padding: 0 0 20px;
  margin:0 0 10px;
  width:100%;  
}
#create_topic_link {
  float: left;
  clear: both;
  margin:0 0 15px;  
}
.forum td {
	border: 1px solid #DAE0E8;
	padding: 15px 15px 30px;
	vertical-align: top;
}
.forum_message h4 {
	margin: 0;
}

.forum_message p.message_posted {
	color: #999;
}

.forum td.author {
	width: 80px;
	font-size: 12px;
} 
tr.forum_row_even td {
	background: #f0f3f7;
	
}

span.light_text {
	color: #999;
	
}

p#forum_intro {
	background: #666;
	color: #fff;
	padding: 10px;
	margin: 10px 0 0 ;
  float:left;	
	
	-moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-top-left-radius:5px;
	
	background: #545454;	
	background: -moz-linear-gradient(top, #545454 0%, #383838 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(100%,#383838)); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#383838',GradientType=0 );
}




/* ======== Autocomplete ===== */

.ui-autocomplete {
	float: left;
	clear: both;
	list-style-type: none;
	padding: 5px;
}
.ui-autocomplete li {
	margin: 0 0 5px 0;
}

/* ======== Directory ===== */
#directory_container {
  border: 1px solid gray;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#directory_a2z {
  clear:both;
  padding: 10px 20px;
  color: #666;
  font-size: 17px;
  margin: 0 0 20px;
  	background: #545454;	
	background: -moz-linear-gradient(top, #545454 0%, #383838 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(100%,#383838)); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#383838',GradientType=0 );
	
	    -moz-border-radius:5px;
     -webkit-border-radius:5px;
     border-radius:5px;

}
#directory_a2z a {
	color: #fff;
}
#directory_search {
	padding: 10px;
	float: right;
	margin: -50px 0 0 ;
}
#directory_search .search_box {
  border:solid 1px gray;
}
#directory_search #search_term{
  width:159px;
}

#contacts_directory {
	
}
#contacts_directory table {
	width: 100%;
}
#contacts_directory table td {
	border: none;
}
#contacts_directory table th {
	border:none;
	text-align: left;
	border-bottom: 2px solid #2795e4;
}
#contacts_directory td.name {
	border-right: 1px solid #d5dee5;
	width: 50%;
}

#contact_top {
	float: left;
	width: 300px;
	
}
#contact_map {
	float: right;

}
#categories_list {
  width: 250px;
  float: left;
}
div#categories_list.directory h3 {
  font-size: 13px;
  margin-top: 4px;
  width: 196px;
}
#categories_list .category_wrapper {
  width: 250px;
}
.directory_map {
  float: right;
/*  margin-top: -43px;*/
}
.directory_map h3.contact_name {
  font-size: 12px;
}
.directory_map .list_image {
  float: left;
  margin: 0 10px 10px 0;
}
#directory_container {
  margin-bottom: 30px;
}
h2.contact_categories {
  float: left;
  width: 300px;
}
.contact_info_window {
  width: 200px;
}
/* ====================  Related Content ===================== */

#related_content {
	float: left;
	clear: both;
	width: 100%;

}

#related_content h2{
	margin-top: 10px;
	color: #404004;

}
#related_content ul {
	float: left;
	margin: 0 -20px 0 0;
}
#related_content h3 a {

}
#related_content ul li{
	float:left;
	list-style:none outside none;
 	 margin:0px 20px 0 0;
 	 width:175px;

	display: block;

}
.item_image {
	float:left;
/*  margin:5px 15px 0 0;*/
	width: 145px;
}
.item_image img{
	width: 145px;
}
.item_info{
	float: left;

}
#related_content a.more_link {
	display: none;
}
.item_info p {
	
}
.item_info h3 {
	font-size: 15px;
	line-height: 15px;	
}
#related_content .item_image {
	width: 145px;
	margin: 0 15px 0 0;
}
#related_content .item_image a , #related_content .item_image img{
	float: left;
	width: 175px;
	margin: 0 0 5px;
}
#related_content .item_info {
	width: 100%;
	font-size: 12px;
}
#related_content .item_info h3 {
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 1.4;
}

/* ========= News and Events ========== */

body.section_news_and_events #latestStoriesList .item {
  width: 400px;
}
body.section_news_and_events #latestStoriesList .item .text {
  width:280px;
}
body.section_news_and_events #latestStoriesList .item .item_img {
  width: 100px;
}
body.section_news_and_events #latestStoriesList .item .item_img img {
  margin: 0;
}
body.section_news_and_events #latest_events {
  float:right;
  margin-left:20px;
  width:280px;
  background: #d3dde5;
  padding: 10px;
}
body.section_news_and_events #latest_events .event_list_item {
  height:60px;
  margin-bottom:20px;
  overflow:hidden;
}

/* ============= Events Show ============ */

body.section_events #page_right_col * {
  color: black;
}

/* ============= Shop =============== */

.snippet_shop_intro {
  margin: 10px 0 10px 0;
  float: left;  
  clear: both;
  width: 100%;
}

.cart_list {
  clear: both;
  width:100%;
}

.cart_list tr.totalRow {
  text-align:right;
}
#cart_form table fieldset.inputs {
  float: none;
  clear: none;  
  margin-bottom: 0;
}
#cart_form table fieldset.inputs ol {
  margin-bottom: 0;
}
#cart_form table fieldset.inputs li, #cart_form table fieldset.inputs li input {
  float: none;
  clear: none;
  margin: 0;
  padding: 0;
}

#cart_form fieldset.buttons {
  float: right;
  clear:none;
}

.formtastic li.checkout, .formtastic li.cart-donate{
	clear: none;
	margin: 0 0 0 20px;
}

.product {
  padding:5px;
  border-bottom:1px solid #ccc;
  margin-bottom: 20px;
  float:left;
  width: 100%;
}
.product .product_thumbnail{
  float:left;
  margin-right:20px;
  width: 150px;
  min-height: 100px;
}
.product .product_details{
  float:left;
  margin-bottom: 15px;
}

.product_image {
  float: left;
  margin: 0px 20px 20px 0;
}

.sub-dept {
  border-bottom: 2px solid #0870ad;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
a.back_to_shop {
  float: left;
  margin-top: 20px;
}

/* ======== Product/show ========= */
#product_info {
  float:left;
}
#product_info .product_left_col{
  width:300px;
  float:left;
  margin-top: 0px;
}
#product_info .product_right_col{
  float:left;
  width:440px;
  padding: 0px 0px 20px;
  font-size: 14px;
}
.product_code {
  color: #999;
}
.member_special_offer {
	background: url(/images/shop_post_it.png) bottom no-repeat;
  margin: 0px 18px 18px;
  padding: 20px 20px 40px 20px;
  font-size: 14px;
}
.member_special_offer h4{
  font-size: 17px;
  margin: 0;
  float: left;
  width: 100%;
}
.product .member_special_offer {
  font-size: 13px;
}
.product .member_special_offer h4 {
  font-size: 15px;
}
.product_price_details {
  clear:both;
  float:left;
  width:100%;
  background-color:#EFF2F6;
  margin-bottom:20px;
  padding: 15px 0 25px;
}

.product_price_details .price_left_col {
  float:left;
  width:300px;
  margin-top: -33px;
}

.product_price_details .price_right_col {
  float:right;
  width:450px;
}

.product_price_details input[type="submit"]{
	background: #c5c7c8 url(/images/sprite.png) repeat-x 0 -80px;
}

.product_price_details p.postage {
  font-style:italic;
  margin-bottom:0px;
}

.product_price_details p.price {
  font-size:14px;
  margin-bottom:0px;
}
.product_price_details p.main_price {
  font-size:25px;
  margin-bottom:0px;
}

div.product_overview {
	float: left;
	width: 460px;	
}
a.product_more_details {
  float: right; 
  font-size: 14px;
}

.product_price_box {
	float: left;
	clear: both;
	margin: 20px 0 20px 170px;
 	background-color:#EFF2F6;
  	padding: 15px;
  	width: 550px;
	
}
.product_price_box fieldset.buttons {
	float: left;
	clear: none;
}
.product_price_box fieldset.inputs {
	display: none;
} 
div.price {
	font-size: 25px;
	
}


/* ======== Ratings ========= */

#wall_rating_form {
	float:left;
	margin:10px 0;
}
.wall_rating_star {
	background:url("/images/rating_star.png") no-repeat scroll 0 -23px transparent;
	display:block;
	float:left;
	height:23px;
	margin:0 5px 0 0;
	text-indent:-9000em;
	width:23px;
}
.wall_rating_star.active {
	background-position:0 0;
}
a.wall_rating_star:hover {
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
   -khtml-opacity: 0.8; 
     opacity: 0.8; 
}
#wall_rating_form .your_rating {
	float:left;
	margin:0 10px 0 0;
	cursor: default;	
}
.wall_post_rating_stars {
  clear:both;
  float:left;
  margin:5px 0;
}
.average_rating {
  float: right;
}
.average_rating span {
  float: left;
  line-height:28px;
}
.average_rating .wall_post_rating_stars {
  clear:none;
  float:left;
  margin-left:10px;
}
/* ================================ Cart ===================================== */

#cart_wrapper, #order_address_wrapper {
	float: left;
	width: 760px;
	border: 3px solid #d1d1d1;
		 box-shadow: 1px 1px 4px #e8e8e8;
     -moz-box-shadow: 1px 1px 4px #e8e8e8;
     -webkit-box-shadow: 1px 1px 4px #e8e8e8;
	
}
#cart_wrapper p.intro, #order_address_wrapper p.intro {
	background:#cdcdcd url(/images/sprite.png) 0 0 repeat-x;
	margin: 0;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	
	 box-shadow: 1px 1px 4px #888888;
     -moz-box-shadow: 1px 1px 4px #888888;
     -webkit-box-shadow: 1px 1px 4px #888888;

}
#cart_wrapper p.non_uk_customer {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 10px;
}
#cart_wrapper form, #order_address_wrapper form {
	margin: 20px;
	float: left;
	width: 720px;
}
#cart_wrapper th, #cart_wrapper td {
	text-align: left;

}

td.product_column {
	font-size: 14px;
	
}
tr.totalRow td.price_column {
	font-size: 14px;
	font-weight: bold;
	
}

#cart_wrapper div.options_panel,#order_address_wrapper div.options_panel {
	margin: 20px 20px 40px;
}


#cart_wrapper a.bttn_l, #order_address_wrapper input#order_submit {
	background: #a8387f url(/images/bttn_l.png) repeat-x top;
	color: #fff;
	text-shadow:0 -1px 0 #90306B;
	border-color: #a9387f;
}
td.gift_aid_column {
  width: 514px;
}
td.gift_aid_column label {
  font-weight: normal;
  font-size: 14px;
}
#cart_form table td.gift_aid_column fieldset.inputs input {
  margin-right: 5px;
  float: left;
}
td.gift_aid_column p {
  font-size: 12px;
  color: gray;
  font-style: italic;
}
#cart_form .buttons li.commit {
  clear: none;
}
#cart_form .buttons li.cart_donate {
  margin: 0 20px 0 0;
}
#cart_form .buttons li.cart_donate a {
  text-shadow: 0 -1px 0 #3075CF;
	font:bold 17px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	margin:20px 0 0;
	padding:5px 13px;
}

/* ================================ campaign microsite ===================================== */
.campaigns #lower_wrapper_inside {
	margin: 0;
	background: #fff;

}

.campaigns #sidebar_col {
	margin: 0;
}
.campaigns #user_links {
	display: none;
}

.campaigns div#top {
	display: none;
}
.campaigns #header {
	height: 200px;
	background: none;
}
body.campaigns {
	/*background: #000;*/
}
.campaigns #footer {
	border: none;
	float: left;
	background: #fff;
	margin: 0 0 40px;
	border-top: 2px solid #c0d0db;
	width: 940px;
	padding: 0 20px;
}
a.bta_home_link {
position: absolute;
top: 0;
background-color: #000;
background: rgba(0,0,0,0.6) url(/images/sprite_bta.png) no-repeat -1275px -510px;
padding: 10px 40px 10px 20px;
right: 0;

     -moz-border-radius-bottomleft:5px;
     -moz-border-radius-bottomright:5px;
     -webkit-border-bottom-right-radius:5px;
     -webkit-border-bottom-left-radius:5px;
     border-bottom-right-radius:5px;
     border-bottom-left-radius:5px;

	color: #fff;
}
a.bta_home_link:hover {
	background-color: #2795e4;
}
.campaigns #subnav {
	background: none;
	margin-bottom: 500px;
	
}
.campaigns #header_inside {
	overflow: hidden;
	height: 200px;
}
.campaigns #footer_links {
	display: none;
}
.campaigns a#lottery_funded {
	background: url(/images/lottery_campaigns.png) no-repeat;
}

div#bta_home {
	position: absolute;
	bottom: 20px;	
	left: 20px;
	width: 160px;
	color: #666;
}
#bta_home h2 a {
	background:#2897e8 url("/images/bta_logo.png") no-repeat scroll 15px 10px;
	display:block;
	height:220px;
	margin:20px 0 20px 0px;
	width: 161px;
	text-indent:-9000em;
}

/*=========Section Archive==========*/

.action_archive table {
  margin-top:15px;
}

/*========== Multiple nested fields ==========*/

#product_option_inputs li {
  clear: none;
}

#product_option_inputs .remove_link {
  margin-left: 10px;
}

#new_cart_item fieldset.inputs {
/*  height: 20px;*/
  float: left;
  margin: 10px 0px 5px;
}

#new_cart_item input[disabled] {
  background: #C4C4C4;
  border-color: #C4C4C4;
}

/*========== cookie policy ==========*/

#cookie_policy_container {
  width: 100%;
	float: left;  
	background: #003069;  
}
#cookie_policy {
  margin: 0 auto;
	color: white;
	padding: 15px;
	height: 40px;
	width: 950px;
}
#cookie_policy a{
  color:white;
  text-decoration:underline;
}
#cookie_policy p{
  float:left;
  line-height:20px;
  font-size: 14px;
  margin-bottom:0px;
  margin-left: 50px;
}
#cookie_policy a.bttn{
  float: right;
	text-decoration: none;
	color: white;
	margin-top: 3px;
	margin-right: 50px !important;
	background: #004C9E;
	text-shadow: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 20px;
	font-size: 13px;
}


/*========== Donation button ==========*/
#cart_item_submit.donation-submit {
  margin-top: 0px;
}
.formtastic li.currency_input label {
  clear: none;
  margin-top: 5px;
}
.formtastic li.currency_input input {
  clear: none;
}

/*========== gift aid section of checkout ==========*/
#giftaid {
  margin-top: 20px;
}
#giftaid h1 {
  margin-bottom: 20px;
}
#giftaid ol#gift-aid-ol, #giftaid ol#gift-aid-page-ol {
  list-style: decimal;
  margin: 0 0 9px 25px;
}
#giftaid ol#gift-aid-page-ol{
/*  margin-bottom: 5px;*/
}
#giftaid li.no_label {
  list-style: none;
}

.not-approved-message {
  color: #C62D19;
  font-size: 16px;
  font-weight: bold;
}
