body {
  background-color:#F4F4F4;
  color:#393939;
  font-family: arial, helvetica, sans-serif;
  font-size:75%;  /*Opera's version of 75% is massive! Need to do this. Sorry IE6 users :( */
} 
 
hr {border:none; margin:0;}
 
#header {
  background:transparent url(../img/shadow-top.jpg) no-repeat top left; 
  width:1000px; 
  margin: 0px auto 12px auto;
  text-align:left;  
  position:relative;
  z-index:500;   
  }
   
#header .inner {
  background:transparent url(../img/shadow-sides.jpg) repeat-y scroll left top;
  padding:0px 6px;
  position:relative;  
  z-index:501; 
}   
   
#main {
  width:1000px; 
  background:transparent url(../img/shadow-top.jpg) no-repeat top left; 
  margin:00px auto 20px auto; 
  text-align:left;
  padding-top:10px;
  z-index:0;
  position:relative;
}

#main .inner {
  padding:10px 20px;
  background:transparent url(../img/shadow-sides.jpg) repeat-y scroll left top;
  float:left;
  width:960px;
  position:relative;
  z-index:1;
  
}  
.shadow-bottom {
  background:transparent url(../img/shadow-bottom.jpg) no-repeat left bottom;
  width:1000px;
}  

.shadow-separator {
  background:url('../img/shadow-separator.jpg') no-repeat bottom left;
  width:1000px;  
  float:left;
  height:20px;
  margin:0 0 0 -20px;
}


#main .shadow-bottom {
  margin:0 0 -10px -20px;
  padding:15px 0 10px 0;
}

#header .shadow-bottom {
  padding:2px 0;
  margin-bottom:-5px;
  margin-left:-6px;
}

  
  
#content {
  width:435px; 
  width:100%;
  float:left; 
  text-align:left;
  margin-right:15px;
  position:relative;
  }
#content.narrow {  width:435px; overflow:hidden; }
#content.wide {  width:635px;  }  
#content.extra-wide { width:960px; }


  
#related-content  {
  float:left;
  width:150px;
  padding:0 15px;
  border-left:1px solid #E7E7E7;
  border-right:1px solid #E7E7E7;  
  margin-right:15px;
}
  
#sidebar {
  float:left; 
  width:300px; 
  text-align:left;
  margin-right:0px;
  padding:0 5px;
  overflow:hidden;
  }
  
#sidebar.dip-below-title { margin-top:30px; }  
#sidebar.homepage-sidebar { margin-top:10px; margin-left:-5px; }

#footer {
  width:960px; 
  padding:15px;
  xborder-top:2px solid black;
  border-bottom:2px solid black;
  margin:30px auto; 
  float:none; 
  clear:both; 
  text-align:left;
  background:transparent;
}

/** General links **/
a { 
  color:rgb(202,0,93); 
  text-decoration:none;   
  }
a:hover {  

  }  
a.skip-to-content {text-indent:-9999em; display:block; height:0px; margin-left:-9999em; overflow:hidden;}
.clear { 
  float:none; 
  clear:both; 
  outline:none;
  border:none;
  }

  
/** FOOTER **/  
#footer {}
#footer {}
#quick-links{}
#quick-links li {
  border-right:1px solid #333; 
  display:inline;
  font-weight:normal;
  }
#quick-links li.last {
  border:none;
}  
#quick-links a {color:#333; padding:0 6px 0 4px;}

#footer .accessbility-control span { 
  text-transform:uppercase; 
  color:#333;
  font-weight:bold;
  }
#footer .accessbility-control li { 
  
}
#footer .accessbility-control a {   
  color:#346C85; 
  font-weight:bold;
}
#footer .accessbility-control .default {font-size:100%; }
#footer .accessbility-control .larger { font-size:120%; }
#footer .accessbility-control .largest { font-size:130%; }


#partners {
  border-top:1px solid #ccc;
  margin-top:10px;
  padding:15px 0;
}
#partners strong { width:100px; font-weight:bold; float:left; margin-top:10px;}
#partners ul {}
#partners ul li { display: inline;}
#partners ul li a { padding:0 10px;}

#footer .notice {
  font-size:90%; color:#333; line-height:1.3em;
  border-top:1px solid #ccc;
  padding-top:10px;
}
  
  
/* General formatting */  
#content p,
#content ul,
#content ol,
#content dl{
  color:black;
  font-size:1.1em;
  line-height:1.6em;
  margin-bottom:1.5em;
  }
  

#sidebar p,
#sidebar ul,
#sidebar ol,
#sidebar dl  {
  font-size:0.9em;
  line-height:1.3em;
}

  
#content ul , 
#content ol, 
#content dl
 {
  margin-left:3em;
}

#sidebar ul,
#sidebar ol,
#sidebar dl  {
  margin-left:0;
}

#content ul { list-style-type: square;  }  
#content ol { list-style-type: decimal; }

#sidebar ul, #sidebar ol {list-style:none;}

#content ul ul,
#content ol ul {
  margin-top:1em;
  font-size:1em;
  list-style-type: square; 
} 


/* Assume these are titles from old cms! */
/*
#content p span {
  font-size:1.2em !important;
  font-weight:bold !important;
  color: #CB3E61 !important; 
  display:block;
}
*/
 
 
#content strong {font-weight:bold;}
#content em {font-style:italic;}

#content > p:first-child {
  font-weight:bold;
  font-style:georgia, serif;
}  
  

#content blockquote{
  float:right;
  padding:10px 10px 10px 40px;
  width:140px;
  margin:5px 10px 10px 10px;  
  border:1px solid #D5D5D5;
  font-size:1.2em;
  color:#333;
  font-weight:bold;
  line-height:1.3em;
  background:url('../img/blockquote.gif') no-repeat 10px 14px;
}  
#content blockquote p{
  margin:0;
  padding:0;
  font-size:1em;
  line-height:1.3em;
}
  
#logo {float:left; margin-right:20px; margin-bottom:15px; position:relative;}

#strapline {
  font-size:1.1em; 
  float:left;
  width:300px;
  margin-top:38px;
  position:relative;  
  }
#strapline strong { display:block; color:#575757; margin-bottom:3px; font-weight:bold;}
#strapline a {}

/** ARTICLES **/
#content.feature {}
#content.feature .article img {padding:5px; margin:0 10px 0 0; float:left; }



/* When logged in a user has different options */
#user-options {
  position:absolute;
  top:0;
  right:6px;
  z-index:9999;
}
#user-options li {
  background:url('../img/login-controls.gif') no-repeat top left;
  height:26px;
  padding-left:10px;
  margin-left:1px;
  float:left;
}
#user-options li a {
  background:url('../img/login-controls.gif') no-repeat top right ;
  display:block;
  line-height:26px;
  font-size:0.9em;
  font-weight:bold;
  width:auto;
  padding-right:10px;
  color:white;
}

#user-options li.rss {width:92px;}
#user-options li.rss img {vertical-align:text-top; margin-right:5px;}
#user-options li.rss a { }
#user-options li.rss a.hovering {}

#user-options li.selected {  
  background:url('../img/login-controls.gif') no-repeat 0 -34px;
}
#user-options li.selected a {  
  background:url('../img/login-controls.gif') no-repeat right -34px;
}

#user-options li a:hover {
  text-decoration:underline;
}

/*** Sub menus ***/
#user-options ul {
   z-index:9999; width:100px; position:absolute; left:0; top:20px;
  margin-top:5px; display:none;
  background:#ccc; padding:5px 0 5px 0;
  clear:both;
  margin-left:1px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;  
border:1px solid #ccc; border-top:none;
  }
#user-options ul li { background:none;}
#user-options ul li.last {border-bottom:none;}
#user-options ul li a {background:none; }
#user-options ul a:hover {background:transparent; border:none; } 



#search{float:right; margin-right:10px; padding-top:5px; font-size:100%; width:285px;} 
#search label {text-indent:-9999em; display:block; width:0; height:0; float:left;}
/*#search input, #search select {border:none; background-color:#EFEFEF; color:black; float:left; margin-right:5px;font-size:100%;}*/
/*#search input {height:20px; padding:2px; width:160px;font-size:100%;}*/
/*#search select {height:24px; padding:1px; width:100px; font-size:100%;}*/
/*#search button {width:20px; height:20p; background-color:gray; text-align:center; overflow:hidden; float:left;}*/
#search .button-search {float:right;}  
#search .text {float:left;}
#search input.text:focus {border:1px solid #e7e7e7;}


/* General form styling */
input.text, input.file  {
  background:url('../img/text-input-bg.gif') repeat-x top left;
  border:1px solid #e7e7e7;
  padding:3px;
  width:185px;
  margin-right:15px;  
  font-size:100%;
  font-family:sans-serif;
}
input.text:focus {border:2px solid #AAB734;}

textarea{
  border:2px solid #9f9f9f;
  width:185px;
  height:80px;
  font-size:100%;
  font-family:sans-serif;
  padding:5px;
}
input.file {
  margin-bottom:5px;
  float:left;
}
input.bubbly-button {
  background:url('../img/sprite-buttons.gif') no-repeat 0px 0px;
  height:23px;
  width:80px;
  color:white;
  border:none;
  font-weight:bold;
  font-size:0.9em;
  line-height:20px;
  outline:none;
}
input.next-to {
  float:right;
}

select {
  background:#F6F6F6 none repeat scroll 0 0;
  border:2px solid #CCCCCC;
  font-weight:bold;
  font-size:100%;
  padding:2px;
  font-family:sans-serif;
  color:#666;  
  margin-right:10px;
  float:left;
}
select.select-no-float {float:none; margin-left:10px;}
.form , fieldset {
  background-color:#F8F8F8;
  float:left;
  padding:15px;
  width:605px;  
  margin-bottom:3px;
  border:1px solid #ccc;
  position:relative;
  }
fieldset.admin {
  border:none;
  background:none;
  padding:10px 0 0 0;  
  xborder-bottom:1px dotted #333;
  margin-bottom:0px;
  width:100%;
}  


fieldset.question{  border-bottom:1px dotted #333;padding-bottom:15px; margin-bottom:15px;}
fieldset.question legend {font-weight:bold; font-size:1.3em; }
fieldset.question legend .currently-selected-subjects {
font-weight:bold; font-size:85%; padding-bottom:5px; padding-top:5px; 
display:block; 
}

fieldset.question textarea, fieldset.question input.text {width:625px;}
fieldset.question textarea {border-color:#ccc;}
fieldset.question input.text {border:2px solid #9F9F9F; background:none; padding:5px; margin-bottom:15px;}
fieldset.question label {color:#999; display:block; margin-bottom:3px; font-weight:bold;}
fieldset.question .frmError {float:left; width:100%; margin-bottom:15px; margin-left:0;}

fieldset.question .directoryTree {width:615px; margin-top:0px;}
fieldset.question .button {}

fieldset.last {border-bottom:none;}

fieldset.admin h2 {
  border-bottom:1px dotted #333;
	border-top:1px dotted #333;
  padding:10px 0;
	color:#A8B834;
}
  
.field {
  margin-bottom:15px;
  clear:both;
  float:left;
  width:100%;
  } 
	


/*some fields need borders along the bottom */	
.with-border	 {
	border-bottom:1px dotted #333;
	padding-bottom:18px;
}
	
.field label {
  color:#666;
  display:block;
  float:left;
  font-size:105%;
  font-weight:bold;
  padding-right:20px;
  text-align:right;
  width:160px;
  line-height:20px;
  } 
.field label span{
  color:#666;
  font-size:85%;
  display:block;
  margin-top:5px;
  font-weight:normal;
  margin-bottom:10px;
  } 
.field label.instructional {
  font-size:1em;

  margin-bottom:15px;
  margin-left:0;
  text-align:left;
  width:100%;
}
label small {font-size:1em;}
.field .forgot-password{
	font-size:85%;
	font-weight:bold;
}

.justified label {text-align:left;}	


.field label.pic {
  width:auto;
}  




.field .text, .field .list, .field textarea {
  border:2px solid #CCCCCC;
  padding:2px;
  background:white;
  color:#333;
  width:310px;
}   
.field  input.money, .field  input.postcode {width:100px; float:left;}
.field input.sort-code {width:2em; float:left; margin-right:5px;}

.admin .field .text, 
.admin .field textarea,
.admin .field .file {
  background:#F6F6F6;
  border:1px solid #ccc;
}

.field .group {
  xborder-bottom:1px solid #CCCCCC;
  float:left;
  xmargin-bottom:15px;
  xpadding-bottom:20px;
  width:400px;
  } 
  
/* trying to align a .directoryTree with its label causes all sorts of problems, easy solution to drop the container somewhat*/  
.lowered {
  padding-top:15px;
}
  
.field .group strong {
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:10px;
  display:block;
  } 
  
.field strong.sign {float:left; line-height:25px;}

.field .group label {
  font-size:1em;
  font-weight:bold;
  text-align:left;
  xwidth:auto;
} 
.field .group label span {} 
.field .button {float:left;}

p.group {
  font-weight:bold;
  border-bottom:none;
}

.group.last {border-bottom:none;}


/* usually to hold check box groups */
#content .field .group ul {
  margin-left:0;
}
.field .group li {
  list-style:none;
  clear:both;
  width:100%;
}

.field .group li label {  
  text-align:left; 
  font-size:1em;
  font-weight:normal;
  }

.field .group li input {}
.field .group li .text {
  border:1px solid #CBCBCB;
}



.inline-checkbox  {
  width:100%;
  float:left;
  margin-bottom:15px;
}

.inline-checkbox  .checkbox , .inline-checkbox input {
  float:left;
  margin-right:15px;
}

.inline-checkbox label,
.field .inline-checkbox label,
.field .group .inline-checkbox label {
  float:right;
  width:90%;
  text-align:left; 
  font-size:1em;
  line-height:1.5em;
}

.field .group .inline-checkbox label {
  width:80%;
}

.field .think-create-grow-list label{
  margin-bottom:10px;
}
.field .help-icon {}

#content .inline-checkbox label  em {
  font-style:normal;
  font-weight:normal;   
}

/* On rbs forms need to show drop down panel with address in it */
.form-panel {background:#EFEFEF none repeat scroll 0 0;
border:2px solid #CCCCCC;
float:left;
margin-bottom:15px;
padding:10px;
width:580px;}
.form-panel label {font-size:100%;}
.form-panel .text {width:280px;}
.form-panel h3 {color:#CCCCCC;
font-size:2em;
font-weight:bold;
margin:0 0 10px;
letter-spacing:-0.05em;}

.group .form-panel {width:400px;}

.button-bar, .button-bar-delete {
  xborder-top:1px dotted #333;
  clear:both;
  float:left;
  padding:10px 0;
  width:100%;
}
.group .other {
color:#999999;
display:block;
float:left;
font-weight:bold;
margin:10px 0 2px;
width:100%;
}

.button-bar .button , .button-bar .cancel {
  float:right;
  margin-left:15px;
}

.button-bar-join {  
  float:right;
  margin-top:15px;
}

.button-bar-join input {
  float:right;
}

.button-bar-join strong{
  color:#666666;
  line-height:30px;
  margin-right:15px;
}
#content .form .legal, #content fieldset  .legal{
  border-top:1px dotted #CCCCCC;
  color:#666666;
  float:left;
  font-weight:bold;
  margin-bottom:0;
  margin-top:15px;
  padding-top:10px;
  width:100%;
  font-size:100%;
}

.form .third-party, fieldset  .third-party {
  border-top:1px dotted #ccc;
  margin-top:15px;
  padding-top:15px;
}

.field .frmError, .frmError {
  background:transparent url(../img/icon-warning.gif) no-repeat scroll left top;
  color:#CD0000 !important;
  display:block;
  font-weight:bold;
  margin-left:180px;
  margin-top:10px;
  padding:0px 0 0px 25px; /* icon too big so keep top and bottom padding 0 for now*/
  text-align:left;
  line-height:20px;
  clear:both;
   /* THIS MAY CAUSE DODGY POSITIONING */
  } 
  
.field .group .frmError {
  display:block;
  float:left;
  font-size:1em;
  margin:10px 0;
  width:400px;
}
.field label .frmError {
  margin-left:0;
  font-size:1em;
}


  

.info {   
  xbackground:transparent url(../img/icon-info.gif) no-repeat scroll left center;
  color:#999 !important;
  display:block;  
  text-align:left;
  font-size:1em;
  font-weight:bold;
  padding:3px 0 3px 3px;
  margin:5px 0 10px 175px;
  width:320px;
  } 
  
.note {
  margin-bottom:5px;
}

.message {
  border:1px solid #FFFF00; background-color:#FFFFCE; 
  padding:8px;    
  margin-bottom:15px;
  color:#fff;
  font-size:1em;  
  font-weight:bold;
}

.warning {   
  background-image:url('../img/icon-warning.gif') ;
  background-repeat: no-repeat;
  background-position:top left; 
  
  }
.error { 
  border:1px solid #FF0000; 
  background-color:#FFAAAA;
  background-image:url('../img/cross-circle.png');
  background-repeat: no-repeat;
  background-position:7px center; 
  padding-left:30px
}



#content .instructions {
	font-size:90%;
	color:#666;
	line-height:1.2em;
	margin-top:10px;
}  
  
#content blockquote.form-quote {
  background:none;
  border:medium none;
  margin:0 0 0 9px;
  padding:0 0 0 30px;
  position:absolute;
  right:-265px;
  width:280px;
  top:47px;
}  

#content blockquote.form-quote p {
  background:transparent url(../img/quote-pointy-bit.gif) no-repeat scroll 0 0;
  color:#666666;
  font-size:85%;
  font-weight:bold;
  line-height:1.3em;
  margin:1px;
  padding-left:25px;
}

#content blockquote.form-quote p span {
  border:1px solid #ccc;
  border-left:none;
  display:block;
  padding:10px;
  background:#f8f8f8;
}


#captcha {
  text-align:left;  
  font-weight:bold;
  float:left;
}
#captcha .group div {float:left; width:250px;}
#captcha .group div img {border:5px solid #fff;float:left;}
#captcha .group div input {
  background:white none repeat scroll 0 0;
  border:2px solid #CCCCCC;
  color:#333333;
  padding:2px;
  width:180px;
  float:left;
}
  
	
	
	
/* general H1 etc sizes */  
h1 , .title-plain{
  border-bottom:1px dotted #333;
  font-size:1.3em;
  padding-bottom:5px;
  line-height:1.4em;
}

#content h1  {
  border-bottom: 6px solid black;
  height:auto;
  line-height:20px;
}

#content .title h1 , 
#content .title h2 , 
#content .title h3  {
  border-bottom:none;
}


h2 {
  font-size:1.3em; /* was 1.2em*/
}

h3 {
  font-size:1.1em;
}

h1, h2, h3, .title-plain {
  font-weight:bold;
  color:#333;
  margin-bottom:1em;
}

/* Various title styles */
.title h1, .title h2, .title h3, .title strong {
  background-color:black;
  color:white;
  display:inline;
  padding:7px;
  float:left;
  line-height:1em;
  font-size:18px; /* was 1.3em then 16px */
 }
 
.title h3, .title strong {
  font-size:1.5em; /* was 120%*/
  height:16px;
}
 
.title, .title-plain {
  border-bottom: 6px solid black;
  margin-bottom:15px; 
  height:30px;
  float:left;
  width:100%;
}

.title-plain {
  height:20px;
  margin-bottom:5px;
}

/*usually headings for various boxes link back to their respective section*/
.title a {color:white;}

/* Section specific border colours */
.advice .title,  
.advice .title-plain ,
#content.advice h1.title,  
#content.advice h1.title-plain {
	border-bottom: 6px solid #01708B; /* 0,105,131 */
}


.tools .title,  
.tools .title-plain ,
#content.tools h1.title,  
#content.tools h1.title-plain {
	border-bottom: 6px solid #6D2789; /*110,38,123*/
}

.network .title,  
.network .title-plain ,
#content .network .title,
#content .network .title-plain h1 { 
	border-bottom: 6px solid #AAB734; /* 162,173,0 */
}


/* Various title block */
#title-block { 
  position:relative;
  overflow:hidden;
}

#title-block ul {
  float:right;
  margin-top:5px;
}

#title-block li {
  float:left;
  display:inline;
  list-style-type:none;
  background:url('../img/dotted-border.gif') no-repeat center right;
}

#title-block li  a {
  xbackground:transparent url(../img/menu-hover-icon.gif) no-repeat scroll right center;
  color:black;
  xfont-weight:bold;
  xline-height:30px;
  xmargin-right:8px;
  xpadding:0 17px 0 5px;
  }
#title-block li.last  {
  border-right:none; 
  background:none;}
#title-block li.last a {}
#title-block li  a:hover {}

/* Some title-blocks contain titles that are not html headings, use strong instead */
#title-block .title {
	background:black;
	padding:5px 
}

/* headers may contain small forms */
.header-field {font-size:75%; float:right;}
.header-field label { display:inline;}
.header-field select { display:inline; height:18px; padding:0; float:none; margin-left:5px; font-size:10px;}



#title-block a.filter-button, 
.filter-group a, 
#content .filter-group a, 
.filter-group li.view-by,
#content .filter-group li.view-by {
  xbackground:url('../img/sprite-menus.gif') no-repeat right  0px;
  xcolor:white;
  xdisplay:block;
  xfont-weight:bold;
  xfont-size:95%;
  xfloat:right;
  xheight:22px;
  xmargin-left:20px;
  xmargin-top:4px;
  xpadding:0px 10px 0px 0px;
  xwidth:auto;
}

#title-block a.filter-button:hover, 
.filter-group a:hover {
  border-bottom:none;
  text-decoration:underline;
}

#title-block a.filter-button span{
  background:url('../img/sprite-menus.gif') no-repeat -490px -69px;
  display:block;
  line-height:22px;
  padding-left:10px;
}


/* Filters positioning */
#page-filters { 
  float:left;
  border-bottom:1px dotted black;  
  width:100%;
  font-size:1em;
  margin-bottom:15px;
  padding-bottom:15px;
  
}
#question-panels #page-filters {border-bottom:none; margin-bottom:10px;}

#content #page-filters {
  font-size:0.9em;
}

#page-filters  input {
  float:left;
  margin-left:5px;
  
}

/** Filter group options **/
.filter-group,
#content .filter-group {
  float:left;  
  margin-left:0;
  margin-bottom:0;
}



.filter-group li,
#content .filter-group li
{  
  display:inline;  
  position:relative;
  float:left;
  margin-left:0px;
  border-right:1px dotted white;
  font-weight:bold;
  
  line-height:22px;
  height:22px;
  z-index:100;
}

.filter-group li.view-by,
#content .filter-group li.view-by
{
  float:left;
  margin-left:0px;
  background:gray url('../img/sprite-filters.gif') repeat-x  0px -137px;
  color:black;
  padding:0px 15px;
}

.filter-group a,
#content .filter-group a 
{
  float:left;
  margin-left:0px;
  background:url('../img/sprite-filters.gif') no-repeat 0px -56px;
  padding:0px 0px 0px 15px;
  color:white;
  position:relative;
  z-index:9999;
}

.filter-group a span,
#content .filter-group a span
{
  display:block;
  padding-right:20px;
  background:url('../img/sprite-filters.gif') no-repeat right  -56px;
}

.filter-group li.last a span,
#content .filter-group li.last a span {
  background:url('../img/sprite-filters.gif') no-repeat right  -29px;
}



/*hovering effect is bubblicious*/

.filter-group a:hover,
.filter-group a.current,
.filter-group a.test:hover,
.filter-group li.last a:hover,
.filter-group li.last a.current,
#content .filter-group a:hover,
#content .filter-group a.test:hover,
#content .filter-group a.current,
#content .filter-group li.last a.current,
#content .filter-group li.last a:hover
{
  background:url('../img/sprite-filters.gif') no-repeat 0px  0px;
  color:#D1506F;  
  margin-top:-2px;
  text-decoration:none;

}

.filter-group a:hover span,
.filter-group a.current span,
.filter-group a.test:hover span,
.filter-group li.last a.test:hover span,
.filter-group li.last a:hover span,
.filter-group li.last a.current span,
#content .filter-group a:hover span,
#content .filter-group a.test:hover span,
#content .filter-group a.current span,
#content .filter-group li.last a.current span
 {
  background:url('../img/sprite-filters.gif') no-repeat right  0px;
  display:block;
  line-height:26px;
}


/* filter button style - some filters look like buttons when hovered over */
.filter-group li.button a,
#content .filter-group li.button a
 {
  background:url('../img/sprite-filters.gif') no-repeat left  -164px;
}

.filter-group li.button a span,
#content .filter-group li.button a span
 {
  background:url('../img/sprite-filters.gif') no-repeat right  -164px;
}



/*selected filter looks different*/
.filter-group a.selected,
#content .filter-group a.selected,
#content .filter-group li.last a.selected {
  background:url('../img/sprite-filters.gif') no-repeat 0px  -110px;
  color:#D1506F;  
}

.filter-group a.selected span,
#content .filter-group a.selected span,
#content .filter-group li.last a.selected span{
  background:url('../img/sprite-filters.gif') no-repeat right  -110px;
  color:#D1506F;    
}

.filter-group a.selected-last,
#content .filter-group a.selected-last {
  background:url('../img/sprite-filters.gif') no-repeat 0px -110px;
  color:#D1506F;  
}

.filter-group a.selected-last span,
.filter-group li.last a.selected-last span,
#content .filter-group a.selected-last span,
#content .filter-group li.last a.selected-last span {
  background:url('../img/sprite-filters.gif') no-repeat right -83px;
  color:#D1506F;  
}



/*Dropdown filter lists styling is also very different*/
.filter-group .filter-dropdown,
#content .filter-group .filter-dropdown {
  display:none;
  position:absolute;
  background:white;
  border:1px solid #ccc; 
  top:21px;  
  left:0;
  z-index:999;
  padding:0px 15px 15px 15px;
  font-size:90%;

  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px; 
  border-top-left-radius:0px;
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;  
}

.filter-group ul,
#content .filter-group ul
{
  float:left;
  margin: 15px 15px 0 0;
}

.filter-group ul.last,
#content .filter-group ul.last {
  margin-right:0;
}

 .filter-group ul li,
#content  .filter-group ul li,
#content  .filter-group .filter-dropdown ul li.last
{
  background:none; 
  display:block; 
  float:none;  
  clear:both;
  position:relative;
  border-right:none;
  line-height:1.3em;
  height:auto;
  min-width:160px;
}

.filter-group ul li a,
#content .filter-group ul li a 
{
  background:none;
  color:#333;
  border-bottom:1px solid #ccc;
  width:100%;
  display:block;
  padding:2px 0;  
  }
  
.filter-group ul li.last a,
.filter-group ul.last li.last a,
#content .filter-group ul li.last a,
#content .filter-group ul.last li.last a
 {
  background:none;
  xborder-bottom:none;
}
  
.filter-group ul li a span {
  background:none;
  }


.filter-group ul li a:hover,
.filter-group ul li.last a:hover,
#content .filter-group ul li a:hover,
#content  .filter-group ul li.last a:hover,
#content .filter-group li.last ul li a:hover  {
  margin-top:0px !important;
  background:none !important;
  border-bottom:1px solid #ccc !important;
}

.filter-group li.clear {
  padding-top:20px;
}

.filter-group ul li.last li.clear a, 
#content .filter-group ul li.last li.clear a,
.filter-group ul li.clear a,
.filter-group ul li.last li.clear a ,
#content .filter-group ul li.clear a, 
#content .filter-group ul li.last li.clear a ,
#content .filter-group ul.last li.last a {
  background:url('../img/menu-close-icon.gif') no-repeat center left;
  padding-left:15px;
}

.filter-group ul li.last li.clear a:hover, 
.filter-group ul li.clear a:hover,
.filter-group ul li.last li.clear a:hover ,
#content .filter-group ul li.last li.clear a:hover,
#content .filter-group ul li.clear a:hover, 
#content .filter-group ul li.last li.clear a:hover ,
#content .filter-group ul.last li.last a:hover {
background:url('../img/menu-close-icon.gif') no-repeat center left !important;
}

/* filters with multiple columns need specific styling */
.filter-group .sector-list {
  width:540px;
}

.filter-group .subject-list {
  width:350px;
}

/** Businesses and people filters are very different again **/
.filter-group  .businesses-list, 
.filter-group  .people-list {width:470px; max-height:260px; overflow:hidden;}
.filter-group  .filter-dropdown .index {padding:5px 0; margin-bottom:8px; border-bottom:1px solid #ccc; float:left; width:450px;}
.filter-group  .filter-dropdown .search {padding:0px 0 8px 20px; margin-bottom:8px; border-bottom:1px solid #ccc; float:left; width:430px; background:url(/img/filter-search.gif) no-repeat left 2px;} 
.filter-group  .filter-dropdown .text { border-bottom:1px solid #ccc; margin-left:20px; margin-bottom:0;} 
.filter-group  .filter-dropdown .index a {
  background:none;
  border-right:1px solid;
  padding-right:3px;
  padding:0 4px 0 0;
  margin-right:4px;
  color:rgb(202,0,93);
  float:none;
  display:inline;
  font-size:110%;
}
.filter-group  .filter-dropdown .index a.last {border-right:none; margin-right:0; padding-right:0;}
.filter-group  .businesses-list ul,
.filter-group  .people-list  ul {margin:0; width:100%; float:left; max-height:200px; overflow-y:scroll; }
.filter-group  .businesses-list ul li,
.filter-group  .people-list ul li {clear:right; width:215px; float:left; height:40px; border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:10px; margin-right:10px;}
.filter-group  .businesses-list ul li a,
.filter-group  .people-list ul li a {border-bottom:none; font-size:120%;}
.filter-group  .businesses-list ul li a:hover,
.filter-group  .people-list ul li a:hover {border-bottom:none !important; text-decoration:none !important;}

/** Advertising **/
.large-mpu {
  border:1px solid #DCD8D5;
  margin:0 -5px;
  padding:4px;
  margin-bottom:15px;
  float:none;
  clear:both;
}

.skyscraper-mpu {
  text-align:center;  
  display:block;
  float:left;
  border:1px solid #E7E7E7;
  padding:4px;  
  margin:15px 11px;
 }

 #sidebar .sponsor {  
  border-bottom:1px dotted black;
  padding:2px 0 0;
  margin-bottom:15px;
}
 
.section-sponsor {
  position:absolute;
  right:21px;
  top:12px;
  }
  .section-sponsor strong {
    color:#999999;
    float:left;
    font-weight:bold;
    line-height:40px;
    margin-right:10px;  
    }
  

/* Related content Column styles */
.related-thing {
  border-bottom:6px solid #393939;
  margin-bottom:5px;
  float:left;
  width:100%;
  padding-bottom:5px;
  }
.related-thing  em { 
  font-weight:bold; 
  font-style:normal;  
  text-transform:uppercase;
  font-size:1em;  
  xborder-bottom:1px dotted #393939;
  display:block;
  padding:5px 0 10px 0;
  }
.related-thing  em a {color:#333;}
.related-thing em a:hover {
  border-bottom:none;
  text-decoration:underline;
  color:#CB3E61;
}

.related-thing  h4 {
  font-weight:bold; 
  font-style:normal;
  font-size:1em;  
  color:#D96E8A;
  border-top:1px dotted #393939; 
  padding:3px 0;
  margin-bottom:10px;
  line-height:1.2em;
  }
.related-thing img {
  float:left;
  margin:0 10px 5px 0;
  }

  .related-thing p,
.related-thing ul,
.related-thing dl {
  color:#333;
  font-size:0.9em;
  line-height:1.5em;
  }

  
 .related-thing dt {
  font-weight:bold;  
 }
.related-thing dd {
  margin-bottom:5px;
 }
 

 

 
 /* Related content in Sidebar have different styles */
#sidebar .title {
  margin-bottom:10px;
}

#sidebar .related-thing {
  border-top:none;
}

#sidebar .related-thing em {
  text-transform:none;
  width:290px;
}
#sidebar .ugc em,
#sidebar .umb em
 {
  xbackground:#333;
  display:block;
  xheight:25px;
  xline-height:25px;
  xpadding:0 0 0 10px; 
  xcolor:white;
  font-size:1.2em;
  border:none;
  margin-bottom:10px;
  border-bottom:1px dotted black;
  padding:0px 0 5px 0;
  width:100%;
 }
 #sidebar .related-thing h4,  
 #sidebar .related-thing p,  
 #sidebar .related-thing dl,
 #sidebar .related-thing ul {
  float:left;
  width:220px;
  border-bottom:none;  
 }
 
  #sidebar .umb h4,  
 #sidebar .umb p,  
 #sidebar .umb dl,
 #sidebar .umb ul {
  float:none;
  width:auto;
 }
 
 
  #sidebar .related-thing h4 {
    padding:0;
    font-size:100%;
  }
  
  v#sidebar #related-questions .related-thing  { 
    background:url(../img/sprite-icons.gif) no-repeat -22px -198px;
    
    }
  

  #sidebar #guides em {
    margin-bottom:5px;
  }

  #sidebar #guides h4{
  border-bottom:1px dotted #333;
    font-size:111%;
    width:100%;
  }
  
  #sidebar #guides h4.last {
    border-bottom:none;
  }
#sidebar #guides h4 a {
  color:#333;
  font-weight:bold;
  margin:0;
  padding:5px 0 5px 22px;
  display:block;
  background:url('../img/guide-icon.gif') no-repeat left 3px;
}
#sidebar #guides h4 a:hover {
  color:#CB3E61;
  text-decoration:underline;  
  border-bottom:none;
}

 /* Guides always display differently */
  #related-content .guide h4 {
  background:url('../img/guide-icon-small.gif') no-repeat 1px 10px;
  padding-left:15px;
  margin-bottom:0;
  }
 #related-content .guide h4.last{ border-bottom:none;}
 
 #related-content .guide a {
  display:block;
  padding:5px 0;
  color:#333;  
 }  
 
  #related-content .guide a:hover {
  border-bottom:none;
  text-decoration:underline;
  color:#CB3E61;
 }

#related-content .guide em a {padding:0;}
 
 /* Related content specific type styles */
#sidebar .ugc h4,
#sidebar .umb h4
{margin-bottom:3px; border-top:none;} 

#sidebar .ugc li,
#sidebar .umb li
{margin-bottom:1px;}

#sidebar .ugc li span,
#sidebar .umb li span
{color:#676767; margin-top:10px;}

#sidebar .ugc li strong,
#sidebar .umb li strong
{color:black; margin-top:10px; }

#sidebar .each {
  float:left;
  border-bottom:1px dotted #333;
  margin-bottom:10px;
  padding-bottom:5px;
  width:100%;
  }
 
 
 /* Overriding styles */
#sidebar .last {
  border-bottom:none;
  margin-bottom:0;
}
 
 /* Sharing options */
 #sidebar .share-options {
  margin:15px auto;
 }
 
 /***** #ADVICE-PAGE *****/
 
#advice-subjects-list {
  float:left;
  position:relative;
}

#advice-subjects-list .column,
#all-features .column{  
  float:left;  
  margin:0 15px 0px 0;
  width:310px;
  position:relative;
}

#advice-subjects-list .last,
#all-features .last
{
  margin-right:0;  
}

#advice-subjects-list ul ul{
  float:left;
  margin-left:-10px;
  margin-top:0;
  width:300px;
  background-color:#F0F0F0;
  border-top:1px solid white;
  padding:0 5px;  
  position:absolute;
  z-index:999;

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

#advice-subjects-list li{
  background-color:#DCDCDC;  
  clear:both;
  float:none;
  height:33px;  
  list-style:none;
  margin-bottom:15px;
  width:300px;
  background:url('../img/advice-topic-tab.gif') no-repeat left 0px;
  padding-left:10px;
  z-index:100;
}

#advice-subjects-list li li {
  background-image:none;
  margin-bottom:0;
  padding-left:0;
}

#advice-subjects-list li a { 
  background:url('../img/advice-topic-tab.gif') no-repeat right 0px;
  color:#333;  
  display:block;
  line-height:33px;
  font-size:1.1em;
  font-weight:bold;
  padding:0 auto;
  position:relative;
}

/* clicking on the span part of the link only allows the subtopics to drop down
the link event is cancelled via javascript
*/
#advice-subjects-list li a span {
  width:30px;
  height:30px;
  position:absolute;
  top:0;
  right:0;  
  display:block;
  cursor:help;
}

#advice-subjects-list li a.last {
  border-bottom:none;
}

#advice-subjects-list li a:hover {
  border-bottom:none;
  text-decoration:none;
  color:#CB3E61;
}




#advice-subjects-list li a:hover .subtopics-list {
  display:block;
}

#advice-subjects-list li ul a {
  background:none;
  display:block;
  height:auto;
  text-decoration:none;  
  font-size:90%;
  border-bottom:1px solid #E0E0E0;
  padding-left:10px;
}


#advice-subjects-list li ul  a:hover {
  border-bottom:1px solid #E0E0E0;
  text-decoration:none;
}
#advice-subjects-list li ul  a.last:hover  {
  border-bottom:none;
}

#boxes {
  float:left;
  width:650px;
  margin-top:15px;
}

.box, .static-box {
  float:left;
  margin-right:15px;
  width:310px;
  margin-bottom:15px;
}

.box .title, .static-box .title {
  margin-bottom:4px;
}


.box .small {
  width:310px;
  height:160px;
}

.box .carousel {
  width:310px;
  height:160px;
  position:relative;
  float:left;
}

.box .small h4{ 
  background:transparent url(../img/trans-grey.png) repeat left top;
  bottom:0;
  color:white;
  font-size:90%;
  min-height:30px;
  padding:7px 0px 2px 0px;
  position:absolute;
  width:100%;
  margin-bottom:0;
  
  }
.box .small h4 a{
  color:white; 
  
  display:block;
  padding-right:20px;
  padding-left:5px;
  }  
.box .small h4  a:hover{ 
  border-bottom:none;
  }  
.box .small h4  strong{
  xdisplay:block;
  font-weight:bold;
  margin-bottom:4px;
  background:transparent url(../img/white-arrow.png) no-repeat right bottom; 
  padding-right:20px;
  }
  
 .small   em, #content .small   em{
  display:block;
  font-style:normal;
  margin-top:0.5em;
  font-weight:bold;
  line-height:1.17em;
  }
  
  
#guides.box  .carousel{
  background:url('../img/guide-carousel-bg.jpg') no-repeat top left;
}
#features-all.box  .carousel, #features.box  .carousel{
  background:url('../img/features-carousel-bg.jpg') no-repeat top left;
}
#case-studies.box  .carousel{
  background:url('../img/casestudy-carousel-bg.jpg') no-repeat top left;
}
#videos-all.box  .carousel{
  background:url('../img/videos-carousel-bg.jpg') no-repeat top left;
}


.info-carousel a.image-link {
  background:url('../img/features-carousel-bg.jpg') no-repeat center center;
  width:145px;
  height:90px;
}


.carousel-control {
  background:url('../img/video-controls.gif') no-repeat top left;
  width:20px;
  height:20px;
  display:block;
  z-index:700;
  position:absolute;
  top:50px;
  text-indent:-9999em;
  cursor:pointer;
}  
.next2 {right:10px;}
.prev2 {left:10px; background:transparent url(../img/video-controls.gif) no-repeat scroll right top;}
  
  
.static-box {
  
}

.static-box .action {
		border:none;
	padding:0;
	padding-left:15px;
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
  background:url('../img/sprite-icons.gif') no-repeat bottom left;
	display:block;
	margin-top:10px;
}

.static-box .carousel {
  float:left;
  width:310px;
}

.static-box img{
  float:left;
  margin-right:15px;
}


.static-box .small{
  float:left;
  width:150px;
  
}

.static-box .small h4 {
  font-weight:bold;
  margin-bottom:5px;
}


.static-box .small h4 a {
  color:#CB3E60;
  line-height:1.2em;
}

.static-box .small p {
  line-height:1.3em !important;
  color:#333;
  font-size:0.9em !important;
  margin-bottom:0 !important;
}

/*.static-box .meta, .box .meta, #related-content */
.meta  {
  float:left;
  border-top:2px solid black;
  border-bottom:2px solid black;
  padding:4px 0; 
  width:100%;  
  margin-top:10px;
}

.advice-landing .box .meta, 
#related-content .meta {
  border-top:none;
  margin-top:5px;
}


#article-meta.meta{
  border-top:1px dotted #333;
  border-bottom:1px dotted #333;
}
#related-videos .meta {
	border-top: 1px dotted #333;
	width:100%;
}



 .meta a  {
  color:black;
  background:url('../img/sprite-menus.gif') no-repeat 101% -115px;
  border-right:1px solid black;
  font-weight:bold;
  padding-right:20px;
}



/*.static-box .meta a.last, .box .meta a.last, #related-content*/
 .meta  a.last { 
  border-right:none; 
  padding-left:5px
}


#related-content .meta,
.case-study-info .meta,
#related-videos .meta  {
  border-bottom:none;
}

.case-study-info .meta  {
  margin-top:0;
  border-top:6px solid black;
  margin-bottom:0;
  padding-bottom:0;
}

#related-content .meta a,
.case-study-info .meta a,
#related-videos .meta  a
{  
  border-right:none;
  padding-left:0px;
  line-height:1.3em;
  padding-bottom:5px;
  xdisplay:block;
}

#related-content .meta div,
.case-study-info .meta  div,
#related-videos .meta div {
  display:block;
  border-bottom:1px dotted #333;
  margin-bottom:5px;
  padding-bottom:5px;
} 

.static-box .question {
  border-bottom:1px dotted black;
  background:url(../img/sprite-icons.gif) no-repeat -22px -200px;
  float:left;
  padding:10px 0 10px 45px;
  
 }
 #profile .static-box .question {width:665px;}

.static-box .question h4 {
  font-weight:bold;  
  line-height:1.3em;
  
}

#ugc-landing .static-box .question h4 {
  font-size:131%;  
  font-weight:bold;
}

/* questions and answers box on landing pages has horizontal layout*/
#questions-answers{
  width:635px;
  xmargin-top:15px;
}
#questions-answers .related-questions {
  float:left;
  margin-right:-4px;  
  width:290px;
  margin-left:10px;
}


/* Question box */

#content .question p.question-meta, 
.static-box  p.question-meta{
  float:left;
  margin:15px 0 10px 0;
  line-height:1em;
  font-size:100%;
}

#content .question p.question-meta strong, 
.static-box  p.question-meta strong {
  font-weight:normal;
}

#content .static-box .question ul li , 
.static-box .question ul li {
}

#content .static-box .question ul li.last, 
.static-box .question ul li.last {
  border-right:none;
}



.ask-question-box, .answer-question-box {
  background:url('../img/box-320-180.gif') no-repeat top left;      
  padding:10px 15px 0 15px;
  width:290px;  
  height:180px; 
}


#content .ask-question-box h4, 
#content  .answer-question-box h4 {
  display:block;
  float:left;    
  padding-bottom:10px;
  font-size:1.3em;
  font-weight:bold;
  width:100%;
  color:black;
}

.ask-question-box h4 a,
.answer-question-box h4  a {
color:black;
}


.ask-question-box  .question-form , .answer-question-box  strong {
  float:left;
}

.ask-question-box  .question-form  textarea {
  border:1px solid #9f9f9f;
  width:280px;
  height:80px;
  display:block;
  font-size:100%;
  font-family:sans-serif;
  color:#666;
  font-weight:bold;
  padding:5px;
}

.ask-question-box  .question-form  a, .ask-question-box  .question-form  input  {
  float:left;
  margin-top:10px;
}
.ask-question-box  .question-form  input:focus {border:1px solid #E7E7E7;}

.ask-question-box {
  float:left; 
  margin-right:4px;
  margin-left:-5px;   
}
.answer-question-box {
  float:left;
  position:relative;
  background:url('../img/box-answer-advert.jpg') no-repeat top left;
  margin-right:-5px;
}

#content .answer-question-box h4 {
  border-bottom:1px dotted #ccc;
}
#content .answer-question-box strong  {    
  display:block;
  font-size:1.2em;
  font-weight:normal;
  right:20px;
  position:absolute;
  top:50px;
  width:160px;  
  font-weight:normal;
  font-style:normal;
}
#content .answer-question-box .button {
  position:absolute;
  top: 135px;
  right:20px;
}




/* Case Study specific styles */
.case-study-info {
  float:left;
  margin-right:15px;
  width:175px;
}

.case-study-info img {
  padding:3px;
  border:2px solid #333;
  margin-bottom:15px;
}

#content .case-study-info dl, #content .profile-info dl {
  margin-left:0;
  line-height:1.3em;
  margin-bottom:0;
}

.case-study-info dt, .profile-info dt  {
  color:#CB3E61;
  font-weight:bold;
  font-size:1em;
}

.case-study-info dd, .profile-info dd{
  color:#333;
  font-weight:bold;
  font-size:1em;
  border-bottom:1px dotted black;
  padding-bottom:10px;
  margin-bottom:10px;
}

.case-study-info dd.last, .profile-info dd.last {
  border-bottom:none;
}

.case-study {
  float:left;
  width:445px;  
}





/* Topic and Sub topic landing page */
#topics-landing-header {
 margin-bottom:0px;
 float:left;

}

#topics-landing-header .box {
  margin-right:0;
}


#guides-subjects-list {
  float:left;
  width:635px;  
  margin-right:15px;
  position:relative;
  xoverflow:hidden;
  padding-bottom:40px;
}

#guides-subjects-list  ul {
  float:left;
  position:relative;
  overflow:hidden;
  width:660px;
}

#guides-subjects-list li {
  float:left;
  xheight:30px;
  margin-right:20px;
  margin-bottom:5px;
  width:308px; 

}
#guides-subjects-list li a{
  background:url('../img/guide-icon.gif') no-repeat top left;
  color:#333;
  display:block;
  font-weight:bold;
  xfont-size:1.2em;
  padding-left:25px;
  border-bottom:1px dotted #333;
  padding-bottom:10px;  
  padding-top:2px;
}
#guides-subjects-list li a:hover {
  border-bottom:1px dotted #333;
  color:#CB3E61;
}

#guides-subjects-list a.more {
  color:#666;
  font-weight:bold;
  display:block;
  text-align:left;
  float:left;
  margin-top:5px;
}

#guides-subjects-list a.more span {
  color:#CB3E61;  
  font-size:120%;  
}

#guides-subjects-list a.more:hover {
  border-bottom:none;
  cursor:help;
  text-decoration:underline;
}

#guides-subjects-list a.all-guides {
  border-bottom:none;
  text-decoration:none;
  position:absolute;
  right:0;
  bottom:15px;
  color:black;
  font-weight:bold;  
  background:url('../img/sprite-menus.gif') no-repeat 101% -115px;
  padding-right:20px;  
}

#guides-subjects-list a.all-guides:hover {

}

/* Blog specific styles */

#blog-archive-months li, 
#blog-recent-posts li{  
  margin-bottom:10px;
}

#blog-recent-posts li {
  font-weight:bold;
  padding-left:17px;
  background:url('../img/sprite-icons.gif') no-repeat  bottom left;
}

#blog-subscribe {position:relative;}
#blog-subscribe a.feed{
  font-weight:bold;  
  background:url('../img/rss-icon-small.png') no-repeat 0px 0px; 
  display:block;
  position:absolute;
  top:6px;
  right:0px;
  text-indent:-9999em;
  width:15px; height:15px;
}

#blog-subscribe a.feed:hover {
  border-bottom:none;
  text-decoration:underline;
}

#blog-subscribe  label {
  font-weight:bold;
  display:block;
  margin-bottom:10px;
}


#blog-subscribe .button-subscribe {  background-position:0px -775px;  width:80px; }
#blog-subscribe fieldset {width:100%; border:none; background-color:transparent; padding:0;}
#blog-subscribe input.text {float:left; width:270px; }
#blog-subscribe input.text:focus {border:none; border:1px solid #E7E7E7;}
#blog-subscribe .frmError, .success {float:left; margin-left:0 !important; width:100% !important;}
#blog-subscribe .success {background:transparent url(../img/tick-circle.png) no-repeat scroll left top;
color:#333 !important;
font-weight:bold;
line-height:20px;
margin-top:10px;
padding:0 0 0 25px;
text-align:left;
}

.homepage-box #blog-subscribe h3 {border-bottom:4px solid #CA005D;}
.homepage-box #blog-subscribe input.text {width:180px; }

.blog-post {
    margin-bottom:25px;
}

#content .blog-post h1 {
  border-bottom:none;
}
#content.blog small {display:block; margin:15px 0; font-weight:bold;}
.archive li {display:block; margin-bottom:15px;}
.archive li div {display:block; margin-bottom:5px;}
#blog-recent-posts {font-size:120%;}

#content .blog-post .meta,
#content .blog-post .meta-bottom {
  color:#666;
  font-weight:bold;

  padding-top:5px;
  border-top:1px dotted black;
  font-size:0.9em;
}

#content .blog-post .meta-bottom {
  border-top:none;
  padding-top:0;
}

#partner-box {
  background:transparent url(../img/ugc-shadow-bottom-narrow-trimmed.gif) no-repeat scroll left bottom;
  float:left;
  margin-bottom:15px;
  padding-bottom:3px;
  width:440px;
}
#partner-box h4 {
  background:transparent url(../img/ugc-shadow-top-narrow-trimmed.gif) no-repeat scroll left top;
  padding:15px 15px 0;  
  margin-left:-1px;
  font-weight:bold;
  font-size:115%;
  width:100%;
  float:left;
}

#partner-box .help{
background:transparent url(../img/ugc-shadow-middle-narrow-trimmed.gif) repeat-y scroll left top;
float:left;
padding:10px 15px;
width:405px;
}
#partner-box .help ul, #partner-box .help ol {margin-left:1em;}

#partner-box h4 span {float:left; line-height:20px; }
#partner-box h4 strong  {float:left; margin-left:10px; }
#partner-box.intuit h4 strong {background:url(../img/logo-intuit-small.jpg) no-repeat center center; display:block; width:65px; height:21px; text-indent:-9999em;}
#partner-box.rbs h4 strong {background:url(../img/logo-rbs-small.jpg) no-repeat center center; display:block; width:79px; height:26px; text-indent:-9999em;}
#partner-box.vodafone h4 strong {background:url(../img/logo-vodafone-small.jpg) no-repeat center center; display:block; width:50px; height:35px; text-indent:-9999em;}
#partner-box.natwest h4 strong {background:url(../img/logo-natwest-small.jpg) no-repeat center center; display:block; width:77px; height:26px; text-indent:-9999em;}
#partner-box.mishcon h4 strong {background:url(../img/logo-mishcon-small.jpg) no-repeat center center; display:block; width:175px; height:2s1px; text-indent:-9999em;}




/** SHARE OPTIONS **/
#content .share {
  margin:0;
  border-top:1px dotted black;
  border-bottom:1px dotted black;
  text-align:center;
  padding:5px;
  }
  
  
.share li{ 
  display:inline; 
  background-image:url('../img/sprite-icons.gif');
  background-repeat:no-repeat;
  padding: 0 10px 0 16px;
  font-size:0.9em;
  font-weight:bold;
  }
  


#content .share li a {
  color:#666;
  }


  #content .share li a:hover{
  text-decoration:underline;
  border-bottom:none;
  color:#CB3E61;
}  

  #page-options.share {
  float:left;
  width:165px;
  border-top:none;
  }
	
	

  #page-options.share li {
  width:16px;
  height:16px;
  float:left;
  padding:0;
  margin-right:5px;
}

  #page-options.share li a{
    display:block;
    text-indent:-9999em;
  }

#page-options.share li a:hover{
  border:none;
  cursor:pointer;
}


.share li.delicious{
  background-position:0px -40px;
  }
.share li.digg{
background-position:0px -60px;
  }
.share li.reddit{
background-position:0px -80px;
  }
.share li.facebook{
background-position:0px -100px;
  }
.share li.stumbleupon{
background-position:0px -120px;
  }
.share li.print {
  background-position:0px -162px;
  }  
.share li.save {
  background-position:0px -141px;
  }  
.share li.email {
  background-position:0px -183px;
  }

 /* Case study landing page */  
#all-case-studies{
  float:left; 
  }
 #all-case-studies .case-study {
  width:300px;
  float:left;
  margin-right:15px;  
  padding:10px 0 5px 0;
}

 #all-case-studies .case-study img {
float:left;
margin:0 10px 0 0;
 }
 
 #all-case-studies .case-study h4 {
  float:left;
  font-size:1em;
  font-weight:bold;
  margin-bottom:10px;
  width:185px;
  line-height:1.3em;
 }
  
 #all-case-studies .case-study p {
color:#333333;
float:left;
font-size:90%;
font-weight:bold;
width:185px;
margin-bottom:0;
line-height:1.3em;
 } 

.dotted-clear {
  clear:both;
  float:none;
  border-bottom:1px dotted #9A9A9A;
  display:block;
  height:2px;    
  width:635px;
 }
 
.admin .dotted-clear {
  width:100%;
  margin-bottom:30px;
} 
  
  
/* Features landing page */  
#all-features {
  float:left;
}

/*
#all-features .feature {
 width:300px;
 margin-right:15px;
 margin-bottom:15px;
 float:left;
 border-bottom:1px dotted #333;
 overflow:hidden;
}
*/
#all-features .feature {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

  border:5px solid #EFEFEF;
  float:left;
  height:310px;
  list-style-type:none;
  margin-bottom:10px;
  margin-right:15px;
  padding:10px;
  position:relative;
  width:280px;
}
#all-features .feature.last {
  margin-right:0;
}

#all-features .feature h1 {
  border-bottom:none;
  margin-bottom:10px;  
}

#all-features .feature p {
  font-size:0.9em;
  color:#333;
  font-weight:bold;
  line-height:1.3em;
}

#all-features .feature a.more {
  display:block;  
  padding-left:17px;
  background:url('../img/sprite-icons.gif') no-repeat 0px -286px;
  font-size:0.9em;
  font-weight:bold;
  margin:10px 0;
}
#all-features .feature img {
  margin-bottom:15px
}

#all-features .large-mpu {
  float:right;
  margin:0 0 15px 0;
}

/* Feature specific */
img.feature-image {
  margin-bottom:15px;
  margin-top:-10px;
}

.standfirst {
  font-weight:bold;
  font-size:123%;
  display:block;
  padding-bottom:5px;
  margin-top:10px;
  margin-bottom:15px;
  color:#999;
  }
.standlast {
  font-style:normal; 
  display:block; 
  border-bottom:1px dotted #333; 
  padding-bottom:3px;
  font-size:85%;
  margin-bottom:15px;}

  
/* All guides */  
#all-guides, #directory-listing {
  width:635px;
  position:relative;
}
#directory-listing {float:left; height:375px;}
#directory-listing .multiple-accordion-listing {

  float:left;
}

.topic-list {
  width:315px;
  background:url('../img/guides-bottom.jpg') no-repeat bottom left;
  padding-bottom:7px;
  float:left;
  margin-right:1px;
} 

.topic-list .action {
  display:block;
  height:41px;
  background:url('../img/guides-top.jpg') no-repeat top left;
  font-size:1.5em;
  font-weight:bold;
  line-height:40px;
  text-indent:15px;
  color:#CE3D5E;
}

.topic-list .action span {
  color:#CB3E61;
}

#all-guides .topic-list ul,
#directory-listing .topic-list ul, 
#directory-listing .parent-topics ul, 
#directory-listing .sub-topics ul {
  margin: 0 0 0 0;
  list-style:none;  
  background:url('../img/guides-middle.jpg') repeat-y top left;
  float:left;
  width:100%;
}

#all-guides .topic-list ul.info,
#directory-listing .topic-list ul.info {
  width:315px;
}

#all-guides .topic-list ul ul,
#directory-listing .topic-list ul ul {
  background:none;
}

.topic-list  li {
  xborder-bottom:1px dotted #000;
  padding:3px 15px 3px 5px; 
  float:left;
  margin-left:15px;
  width:260px;
  list-style:none;
}

.topic-list  li ul li {
  width:240px;
}

.topic-list  li a {
  font-size:1.1em;
  color:#000;
  font-weight:bold;  
  padding-left:10px; 
  background:url('../img/arrow-purple-sideways.png') no-repeat center left;
  display:block
}



.topic-list  li ul a {
  font-size:1em;
}

#all-guides .topic-list  .guides-list,
#directory-listing .topic-list  .guides-list {
  float:left;  
  margin-top:15px;
  padding-bottom:15px;
}

#all-guides .topic-list  .guides-list li, 
#directory-listing .topic-list  .guides-list li {
  border-bottom:none;
  padding:0;
  margin-bottom:10px;
}

.topic-list  .guides-list li a {
  font-size:0.8em;
  background:url('../img/guide-icon-small.gif') no-repeat top left;
  padding-left:20px; 
  line-height:1.1em;
  color:#CE3D5E;

}

.topic-list li.last {
  border-bottom:none;  
}


/*
#directory-listing-entries {
  width:635px;
  position:relative;
  float:left;
  height:auto;
  border:1px solid #efefef;
  border-left:1px solid #efefef;
  border-right:1px solid #efefef;
}
#directory-listing-entries ul {margin:0;}
#directory-listing-entries ul li {list-style:none; padding:10px; border-bottom:1px solid #efefef; position:relative;}
#directory-listing-entries ul li h3{font-size:100%; margin-bottom:5px;}
#directory-listing-entries ul li p {color:#666; font-size:0.9em; font-weight:bold;}
#directory-listing-entries ul li img { float:left; margin:0 10px 0 10px; width:50px;}
#directory-listing-entries ul li .comments a {color:blue; text-decoration:none;}
#directory-listing-entries ul li .rating {  }
*/
/*
.switch {}
.switch a {display:block; width:auto; float:left; padding:5px 10px; color:white; background-color:#6D2789; font-weight:bold; font-size:1.2em; margin-right:1px; text-decoration:none;}
.switch a:hover {text-decoration:underline; background-color:#efefef;}
.switch a span {}
*/

/** HOMEPAGE **/
.homepage #sidebar {margin-top:10px;}

.homepage-box {
	background:url('../img/homepage-box-shadow.gif') no-repeat bottom right;
	width:295px;
	padding:15px;
	padding-left:0;
	float:left;
	font-size:1.1em;
	margin-right:15px;
  margin-bottom:15px;
}
#sidebar .homepage-box {	
	width:288px;
}
#network-latest {
	margin-right:0px;
	float:right;
}

.homepage-box h4 {
	border-bottom:4px solid black;
	font-size:1.3em;
	font-weight:bold;
	width:100%;
	margin-bottom:10px;
}

.homepage-box h4  span {
	padding-bottom:2px;
	display:block;
}

.homepage-box p {
	margin-bottom:1.2em;
}
.homepage-box strong {
	font-weight:bold;
}

#blog-latest.homepage-box h4 {border-bottom:4px solid #00718C}
#tools-latest.homepage-box h4 {border-bottom-color:#6E288A}
#network-latest.homepage-box h4 {border-bottom-color:#AAB734}
#why-join.homepage-box h4 {border-bottom-color:#AAB734}
#what-is-smarta.homepage-box h4 {border-bottom-color:#AAB734}
#recent-comments.homepage-box h4 {border-bottom-color:#00718C}

.homepage-box .network-section {}
.homepage-box .network-section h5  {
	font-weight:bold;
	color:#AAB734; 	
	font-size:1.2em;
	margin-bottom:5px;
}
.homepage-box .network-section h5  a {
	color:#AAB734; 		
}

.homepage-box .network-section{border-bottom:1px dotted #ccc;
padding-bottom:10px; margin-bottom:10px; float:left; width:100%;}
.homepage-box .network-section .user-image {width:70px;  border:4px solid #E1E8AC; float:left; margin-right:10px;  }
.homepage-box .network-section img{}
.homepage-box .network-section h6 a strong {text-transform:capitalize;}
#content .expertise {color:#7C8729; font-weight:normal;}


#network-latest .button-bar {
	padding-bottom:0;
}

#promo {}
#promo h1, #promo h2 { 
	width:290px; 
	height:66x; 
	padding:20px 13px 22px 13px;
	float:left;
	margin-right:5px;
	position:relative;
	z-index:50;
	background:url(../img/promo-bg.gif) no-repeat top left;
	font-size:1em;
	line-height:15px;
	border:none;
	margin-bottom:0;	
	}
#promo a {
	display:block; 
	border:none; 
	text-decoration:none;
	margin:0;
	padding:0;
	}
#promo strong {
	font-weight:bold;
	font-size:1.5em;
	padding:5px;
	color:white;
	line-height:20px;
	}
#promo em {
	font-style:normal;
	display:block;
	border-top:6px solid #000;
	color:black;
	font-size:1.2em;
	line-height:1.3em;
	padding-top:5px;
	width:100%;
	}
#promo em span {
	padding-right:30px;
	display:block;
}
#promo img {
	position:absolute;
	z-index:100;
	top:8px; 
	right:20px;	
	
}

#promo .advice {background:url(../img/promo-advice-bg.gif) no-repeat top left; margin-left:-5px; margin-right:10px;}
#promo .advice  strong {background-color:#00718B;}
#promo .advice em {border-top:6px solid #00718B;}


#promo .network{}
#promo .network strong {background-color:#AAB734;}
#promo .network em {border-top:6px solid #AAB734;}
#promo .network em span {padding-right:45px;}


#promo .tools {margin-right:0px; overflow:hidden;}
#promo .tools strong {background-color:#6E288A;}
#promo .tools em {border-top:6px solid #6E288A;}
#promo .tools em span {padding-right:80px;}
#promo .tools em span big {font-style:italic;}
#promo .tools img {top:5px;}



/** Homepage carousel **/
#homepage-carousel {	
	float:left; 
	position:relative; 
	background:url(../img/home-carousel-bg.gif) no-repeat top left;
	padding:20px 25px 20px 15px;
	width:605px;
	margin-left:-5px;
	}
#slides {width:100%; height:290px; position:relative; background:white; overflow:hidden;}
#slides .controls { height:272px; width:155px; float:float;position:absolute; top:0; left:0; background:#efefef; border-right:1px solid white; padding-top:18px;}
#slides .controls a.control {
	position:absolute; 
  display:block; 
  width:155px; 
  height:18px; 
	text-indent:-9999em;
	cursor:pointer;
  left:0;
  z-index:400;
}
#slides .controls a.previous {top:0; display:block; width:155px; height:18px; background:#fff; 
	border-bottom:1px solid white; background:#EDEDED url(../img/control-previous.png) no-repeat top left; }
#slides .controls a.next {bottom:0; display:block; width:155px; height:18px; background:#fff;border-top:1px solid white; 
 background:#EDEDED url(../img/control-next.png) no-repeat top left;}
#slides .controls .headline {margin:0; padding:0; float:left; position:relative; height:65px; overflow:hidden; background:transparent url(../img/slide-grey-bg.jpg) no-repeat top left;  }
#slides .controls .headline h3 a {
  color:#666666;
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:0;}
#slides .controls .headline em a, #slides .controls .headline em  {color:#666; font-size:10px; font-style:normal; position:absolute; bottom:12px;}
#slides .controls .headline-strip img {display:none;}
#slides .controls .headline-strip {margin-top:0px; float:left;}
#slides .controls .headline-strip .headline {width:155px;}
#slides .controls .headline-strip .headline p {display:none;}

#slides .controls .headline div { padding: 12px 10px; height:100%; }
#slides .controls .headline-strip .selected  {}
#slides .controls .headline-strip .selected div {
	background:transparent url(../img/slide-blue-bg-with-arrow.png) no-repeat top left; 
}
#slides .controls .headline-strip .selected div a {color:white;}
#slides .controls .headline-strip .selected div em {color:white;}
#slides .imagebox  {height:280px; z-index:9999; overflow:hidden; border:5px solid #E9E9E9;}
#slides .imagebox img {float:right; width:450px; height:290px }
#slides .textbox { position: absolute; top:15px; right:15px; color:white; background:transparent url(../img/slide-quote-bg.png) repeat scroll left top; padding:10px; width:150px;}
#slides .textbox.read-more { background:#00718B; }
#slides .textbox a { font-size:1.3em; color:white;}
#slides .textbox a:hover { text-decoration:underline; }

#slides .textbox p { margin-bottom:0; color:white; font-size:0.9em; font-weight:bold; line-height:1.3em;}


#channel-quicklinks {float:left; margin-top:5px;}
#channel-quicklinks p {display:inline; color:black;}
#channel-quicklinks ul {display:inline; margin:0;}
#channel-quicklinks ul li {border-right:1px solid black; display:inline;}
#channel-quicklinks ul li.last {border-right:none;}
#channel-quicklinks ul li a{color:#00718C; font-weight:bold; padding:0px 4px;}

#why-join{}
#why-join li {
	background:url(../img/sprite-why-join.gif) no-repeat top left;
	font-weight:bold;
	font-size:1.2em;
	padding:5px 0 5px 30px;
	}
#why-join li a {color:black; border:none;}
#why-join .tailor {background-position:0px 5px;}
#why-join .expert {background-position:0px -33px;}
#why-join .question {background-position:0px -75px;}
#why-join .contacts {background-position:0px -112px;}
#why-join .business {background-position:0px -159px;}
#why-join .events {background-position:0px -205px;}
#why-join  .join , .join {float:right; margin-top:10px; }
#why-join  .join strong, .join strong {float:left; color:#AAB734; font-weight:bold; font-size:1.1em; line-height:22px; margin-right:10px;}
#why-join  .join .button , .join .button{float:left; }
#why-join .intro {font-size:1.3em; font-weight:bold; color:#AAB734;}

#what-is-smarta {}
#what-is-smarta blockquote {border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px; line-height:1.3em;}
#what-is-smarta blockquote img {float:left; padding:0 10px 10px 0;}
#what-is-smarta blockquote strong {}
#what-is-smarta .meta {text-align:right; font-weight:bold; color:black; border:none; width:270px; background:url('../img/sprite-menus.gif') no-repeat 100% -110px; padding-right:15px;}
#what-is-smarta {}

#blog-latest {}
#blog-latest ul {margin:0;list-style:none;}
#blog-latest ul  li{border-bottom:1px dotted #CCCCCC;
font-size:90%;
margin-bottom:5px;
padding-bottom:5px; float:left; width:100%;}
#blog-latest h5{font-weight:bold; line-height:1.1em; }
#blog-latest a.image{display:block;
height:115px;
overflow:hidden;
width:294px; margin-bottom:15px;}
#blog-latest ul  li.last {border-bottom:none;}
#blog-latest a img{}
#blog-latest a {}
#blog-latest p {font-size:100%;margin-bottom:0; }
#blog-latest strong {font-size:85%; float:left;}
#blog-latest a.more{ width:auto; background:url('../img/sprite-menus.gif') no-repeat 100% -110px; float:right; padding-right:15px; font-size:75%; color:black; font-weight:bold;}
/* the first blog post has slightly bigger text */
#blog-latest .first {}

#tools-latest {position:relative;}
#tools-latest img {position:absolute; top:40px; left:0px;}
#tools-latest h5{font-size:130%; margin-bottom:10px; padding-left:90px;}
#tools-latest p {font-size:90%; margin-bottom:0; line-height:1.3em; padding-left:90px;}

#recent-comments ul {margin:0; font-size:90%;}
#recent-comments ul li p {font-size:90%; line-height:1.3em; margin-bottom:0;}




/* All guides hover effects for non-javascript usage*/
.topic-list  li a:hover {
  border-bottom:none;
  background:url('../img/arrow-purple.png') no-repeat center left;
  color:#CE3D5E;
  text-decoration:none;
  }
.topic-list  .guides-list li a:hover {
  text-decoration:underline;
  background:url('../img/arrow-purple-sideways.png') no-repeat top left;
  }
d.topic-list li ul li {display:none;}
.topic-list  li:hover ul li{
  display:block;
}

.topic-list li.selected a {color:#CE3D5E;}

#content p.guides-info {
  font-size:121%;
  font-weight:bold;
  line-height:1.2em;
  margin-top:15px;
}

#contnt .banner-image {
  margin-top:-13px;  
}

/** BUSINESS TOOLS LANDING **/
#tools-banner {background:url(../img/tools-banner.jpg) no-repeat top left; width:462px; height:160px; padding:20px 160px 20px 20px; position:relative; float:left; margin-left:-3px;}
#tools-banner h1 { font-size:2em; margin-bottom:15px; padding:0; border:none;}
#tools-banner p {font-size:1.2em; font-weight:bold;}
#tools-banner .button-news {/*bottom:35px; left:385px; position:absolute;*/}

.tools-box {border-bottom:1px dotted #ccc; height:165px; width:310px; float:left; margin:0 15px 20px 0px; position:relative;}
.tools-box  h2 {margin-bottom:5px; border-bottom:6px solid #6E288A; font-size:1.4em; line-height:1.5em;}
.tools-box img {float:left; padding:0px;}
#content .tools-box ul { }
.tools-box ul li {list-style:disc; font-size:1em; font-weight:bold;}
.tools-box a.more, .wiki-box-small a {color:black; position:absolute; bottom:2px; right:0px; font-weight:bold;  
background:url('../img/sprite-menus.gif') no-repeat 100% -117px; padding-right:15px; font-size:95%; font-weight:bold;}

#tools-showcase {overflow:hidden; float:left; width:651px; margin-top:20px;}
#register-company {background:url(../img/tools-register-company.jpg) no-repeat 0px 50px;}
#register-company ul {padding-left:70px}
#apply-bank-account {background:url(../img/tools-accounts.jpg) no-repeat 0 50px;}
#apply-bank-account ul{padding-left:83px;}
#accounting-tools {background:url(../img/tools-accounting.jpg) no-repeat 0 45px;}
#accounting-tools ul {padding-left:70px;}
#marketing-tools {background:url(../img/tools-marketing.jpg) no-repeat 0 50px;}
#marketing-tools ul {padding-left:70px;}
#intuit-websites {background:url(../img/tools-intuit-websites.jpg) no-repeat 0 50px;}
#intuit-websites ul {padding-left:70px;}
#grants-tool {background:url(../img/piggy.jpg) no-repeat 0 50px;}
#grants-tool ul {padding-left:70px;}



/** BUSINESS PLANS LANDING **/
#most-popular-business-plans {float:left; border-top:1px dotted #ccc; padding:10px 0 0 0; width:100%; overflow:hidden;}
#most-popular-business-plans h2 {}


#most-popular-business-plans .popular-business-plans {float:left; margin-right:10px; margin-bottom:10px;background:url(../img/popular-business-plans.jpg) no-repeat top left; width:285px; height:67px; padding:15px; margin-left:-3px;}
#most-popular-business-plans .popular-business-plans img {margin-right:10px; float:left;}
#most-popular-business-plans .popular-business-plans h3 {margin-bottom:3px; color:#CA3D60;}
#most-popular-business-plans .popular-business-plans  p {margin:0; font-weight:bold;}
#most-popular-business-plans .last {margin-right:0;}

#business-plan-sections {float:left; margin-top:20px;}
#business-plan-sections .title-block {}
#business-plan-sections .title-block strong  {float:left; font-weight:bold; margin-right:20px; font-size:1.3em; line-height:22px;}
#business-plan-sections .title-block .text {float:left;}
#business-plan-sections .title-block .button-news{}
#business-plan-sections ul {margin-left:0; float:none; clear:both; padding-top:15px;}
#business-plan-sections ul li {list-style:none; font-weight:bold; color:black;}
#business-plan-sections ul li a {font-weight:bold;  background:url('../img/sprite-icons.gif') no-repeat bottom left; padding-left:20px;}


#business-plans-listing {}
#business-plans-listing ul {margin:0 0 0 0;}
#business-plans-listing ul li  {border-top:1px dotted #ccc; padding:10px; float:left; list-style:none; width:615px;}
#business-plans-listing ul li h2 { margin-bottom:0px; font-size:1.2em;}
#business-plans-listing ul li a { background:url('../img/sprite-icons.gif') no-repeat left -286px; padding-left:20px;}
#business-plans-listing ul li p{float:left; font-size:1em; padding-left:20px; font-weight:bold;} 
#business-plans-listing ul li img {float:left; padding:0 10px 0 0; width:70px; height:60px;}

#business-plans-listing a.back-to-plans { display:block; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; float:left; width:100%; padding:5px 0;}
#business-plans-listing a.back-to-plans span { padding-right:20px;  background:url('../img/sprite-menus.gif') no-repeat 101% -115px;}
#business-plans-listing a.back-to-plans {}

/** INTUIT **/

#intuit-tools {}
#intuit-tools .tools-box{width:100%; height:100%; padding-bottom:15px;}
#intuit-tools .tools-box img {padding-right:15px;}
#intuit-tools .tools-box h3 {margin-top:10px; font-size:120%;}
#intuit-tools .tools-box ul  {float:left; width:435px;}
#intuit-tools .tools-box ul li {font-weight:normal}
#intuit-tools .tools-box p { margin-bottom:10px; font-size:120%;}
#intuit-tools .button-news {float:right;}

#intuit-tools #quickbooks-simplestart-free-edition {background:url(/img/quickbooks/quickbooks-popular-bg.jpg) repeat-x bottom left;}
#intuit-tools #quickbooks-simplestart-free-edition img {margin-left:10px;}
#intuit-tools #quickbooks-simplestart-free-edition .button-news {margin-right:15px;}


/** VIDEO PLAYER PAGE **/
#video-player {float:left; margin-right:18px; width:422px;}
#video-player h2 {margin-top:15px; font-size:121%; line-height:1.2em;}
#video-player .copy {}

#more-videos-from{border-top:1px dotted #333333; padding-top:15px;float:left;width:100%;}
#more-videos-from ul {}
#more-videos-from ul li {width:89px; float:left; list-style:none; margin-right:34px;}
#more-videos-from ul li h3 {font-size:0.9em; line-height:1.2em; margin-bottom:2px;}
#more-videos-from ul li h3 a {}
#more-videos-from ul li img {}
#more-videos-from ul li p {line-height:1.2em; font-size:0.8em; padding:0; border-top:0; }


#related-videos {float:left; width:195px;}
#related-videos  .related-thing  {margin-bottom:0px; border-bottom:none;}
#related-videos  .related-thing p {line-height:1.2em; margin-bottom:0; font-size:0.9em;}
#related-videos #page-options {width:185px; padding-bottom:15px;}

/* Network section tabs for various multi panelled pages */ 
#tabs {
  border-bottom:4px solid #AAB734;
  width:100%;
  float:left;
  margin-bottom:15px;
}
#tabs ul {
  float:left;
  margin:0;
}
#tabs ul li {
  float:left;
  background:#AAB734;
  margin-right:1px;
  list-style:none;
}
#tabs ul li a {
  padding:2px 10px;
  color:#000;
  font-weight:bold;
  font-size:120%;
  background:#DEE2AF;
  display:block;
  width:auto;
}
#tabs ul li a span {}

#tabs ul li a:hover, 
#tabs ul li.selected a,
#tabs li.ui-tabs-selected a{
  background:transparent;
  color:white;
}




/** Network landing banner **/
#network-landing-banner {
  float:left;
  margin-bottom:20px;
  background:url('../img/network-banner-bg.gif') repeat-y top left;
  width:635px;
}



#network-landing-banner #why-join {
  width:295px;
  padding:10px;
  float:left;
  background:url(../img/network-why-join-bottom.gif) no-repeat 10px bottom ;
  position:relative;
  margin-bottom:10px;
  height:215px;
}
#network-landing-banner #why-join img {position:absolute; top:11px; right:11px;}
#network-landing-banner #why-join h2 {
  background:url(../img/network-why-join-top.gif) no-repeat top left;
  margin-bottom:0;
  padding:10px 13px;
}
#network-landing-banner #why-join ul {padding:0 10px; width:280px; float:left;font-size:100%;}
#network-landing-banner #why-join ul , #network-landing-banner #why-join .join {
  background:url(../img/network-why-join-middle.gif) repeat-y top left;
  margin:0;
  list-style:none;
}
 #network-landing-banner #why-join .join  {float:left; width:100%; padding:10px;}


#network-landing-banner .loginBox {
  float:left;
  margin-left:0px;
  padding:10px 0px;
  width:315px;
  background:url(../img/network-register-bottom.gif) no-repeat bottom left;
  position:relative;
    height:215px;
}
#network-landing-banner .loginBox  h2 {
  background:url(../img/network-register-top.gif) no-repeat top left;
  margin:0;
  padding:10px;
}

#network-landing-banner .loginBox p {
  margin-top:20px;  
}

#network-landing-banner .loginBox .loginForm {
  position:relative;
  float:left;
  background:url(../img/network-register-middle.gif) repeat-y top left;
  width:295px;
  padding:10px 10px 0 10px;
  height:166px;
}


#network-landing-banner .loginBox .loginForm  .field {  
  clear:both;
  float:none;
}

#network-landing-banner .loginBox .loginForm input.text {
  margin-bottom:10px;
  border:1px solid #ccc;
  padding:2px;
  width:160px;
  margin-right:0px;  
	float:left;
}

#network-landing-banner .loginBox .loginForm .field label{
  width:100px;
  font-weight:bold; 
  font-size:100%;
}




#network-landing-banner .loginBox a:hover{
  border-bottom:none;
  text-decoration:underline;
}

#network-landing-banner .loginBox a.login-button {  
  position:absolute;
right:10px;
top:-35px;  
}

#network-landing-banner .loginBox .button-join-large {
  float:right;
  margin:10px 10px 5px;
}


#network-landing-banner h1, 
#network-landing-banner h2 {   
  border:medium none;
  color:#AAB734;
  display:inline;
  font-size:1.7em;
  line-height:1em;  
  width:100%;
  float:left;
  }




/** Network landing page **/
#network-updates{float:left;margin-right:15px;width:200px;}
#network-latest-feed{width:420px; float:left;}

#network-updates ul , #network-latest-feed ul{width:100%; margin:0; float:left;list-style:none; overflow:hidden;}
#network-updates ul li , #network-latest-feed ul li {line-height:1; border-bottom:1px dotted #333; float:left; width:99%; padding:5px 0; color:black; font-weight:bold; font-size:80%}
#network-updates ul li a.profile-pic , #network-latest-feed a.profile-pic{width:50px; height:50px; float:left; overflow:hidden;margin-right:10px; padding:0;}
#network-updates ul li img, #network-latest-feed img {float:left;}
#network-updates ul li strong, #network-latest-feed strong{}
#network-updates ul li em,#network-latest-feed em {font-style:normal; display:block; padding-left:60px; line-height:1.2em;}
#network-updates ul li .time-ago, #network-latest-feed .time-ago {display:block; margin-top:2px;padding-left:60px;}


#network-latest-feed {}
#network-latest-feed ul {}
#network-latest-feed ul li {border:none;font-size:100%; font-weight:normal; line-height:1.3em; color:#333}
#network-latest-feed a.profile-pic{}
#network-latest-feed img {}
#network-latest-feed strong {}
#network-latest-feed em{padding-left:0; display:inline; font-style:normal;}
#network-latest-feed .time-ago{display:inline; padding-left:0;}
#network-latest-feed h3 {	font-weight:bold;	color:#AAB734; 		font-size:1.2em;	margin-bottom:5px; margin-top:5px; width:100%; float:left;}
#network-latest-feed h3 a {		color:#AAB734; 		}
#network-latest-feed a.more {
  color:#666;
  font-weight:bold;
  display:block;
  text-align:left;
  float:right;
  margin-top:5px;
  clear:both;
}

#network-latest-feed a.more span {
  color:#CB3E61;  
  font-size:120%;  
}

#network-latest-feed a.more:hover {
  border-bottom:none;
  text-decoration:underline;
}
#network-latest-feed .feed-panel{border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:15px; float:left; width:100%;}

#sidebar #profile-controls {margin:0;padding-bottom:5px; margin-bottom:15px; border-bottom:1px dotted #ccc;}
#profile-controls li {}
#profile-controls a {line-height:20px; display:block; font-size:115%; font-weight:bold; padding:0  0 0 25px;}
#profile-controls li.new-messages a { background:url(../img/icon-new-messages.gif) no-repeat top left; }
#profile-controls li.new-contacts a { background:url(../img/icon-new-contacts.gif) no-repeat top left;}
#profile-controls li.more a {padding-right:20px;  background:url('../img/sprite-menus.gif') no-repeat 101% -112px; color:black; text-align:right;}



#questions-panel .static-box {
  xwidth:100%;
  width:635px;
}

#questions-panel .ask-question-box {
  width:290px;
}

#questions-panel .questions-list {
  width:290px;
  float:right;
}

#questions-panel .question {
  width:260px;
  overflow:hidden;
}

#content .answers {margin-top:10px;}
#content .answers .your-answer{ font-weight:bold; display:block;}
#content .answers p { font-size:1em; font-weight:normal; line-height:1.2em; margin-bottom:10px;}

.network .meta {
  border-top:1px dotted #333;
  border-bottom:1px dotted #333;
  text-align:right;
}

#questions-panel .meta {
  border-top:none;
}

.network .meta a {
  color:#CB3E61;
  font-weight:normal;
  font-size:0.8em;
}

.network .static-box {
  margin-right:0;
}

.network .static-box .title-plain {
  margin-bottom:10px;
}

.network .static-box .small {
  width:210px;
}

.network .static-box h4 {  
  font-weight:bold;
  margin-bottom:0px;
  color:#CC3C60;
  font-size:1.1em;
}

#content.network .static-box ul {
  margin-left:0;
  list-style:none;
  font-size:95%;
  margin-bottom:0;
}

#content.network .static-box li {
  list-style:none;
} 

#content.network .static-box li span {
  color:#707070;
}




.network #related-events , 
.network #related-profiles{
  margin-right:15px;
}



/* Businesses */
.administrators {
  margin-top:10px; float:left;
}

.administrators li {
  margin-bottom:10px;
}
.administrators li a {
  display:block;
}

/* 
Landing pages for events, groups, businesses and people look similar.
The main listing is wrapped in a #ugc-landing.
The content is produced  by the same widgets as for the network landing page.
*/
#ugc-landing {}

#ugc-landing .static-box { 
  width:100%; 
  position:relative;
  width:650px;
}

#ugc-landing .static-box .title-plain {
  display:none;
}

#ugc-landing .static-box h4{
  font-size:1.2em;
}

#ugc-landing .static-box .each {
  xborder-bottom:1px dotted #333;
  float:left;
  width:310px;  
  margin-right:15px;
  padding:15px 0;
}

#ugc-landing .meta {
  display:none;
}
  
  
/* People landing has slightly different layout */  
#ugc-landing.people-landing {}
#ugc-landing.people-landing .static-box {}
#ugc-landing.people-landing .static-box .each {width:635px; border-bottom:1px dotted #333;}
#ugc-landing.people-landing .static-box .each h4 {margin-bottom:5px;}
#ugc-landing.people-landing .static-box .small {width:530px;}
#ugc-landing.people-landing .static-box  li ,
#ugc-landing.members-grid .static-box li{
  width:80px; 
  margin-right:10px; 
  float:left; 
  margin-left:6px;
  font-weight:bold;}
  
#ugc-landing.people-landing .static-box  li.expertise,
#ugc-landing.members-grid .static-box li.expertise {
width:150px;}

#ugc-landing.people-landing .static-box  li span,
#ugc-landing.members-grid .static-box li span {
  background:url(../img/subtitle-shadow.gif) no-repeat bottom left;
  display:block;
  margin-bottom:5px;
  padding:3px 0 3px 6px;
  color:black;
  margin-left:-6px;
  font-size:105%;
  
  }
  
#ugc-landing.people-landing .static-box  li em,
#ugc-landing.members-grid .static-box li em {
  color:#A1AB54;  
}  

#ugc-landing.people-landing .static-box .profile-pic ,
#ugc-landing.members-grid .static-box .profile-pic{
  float:left;
}
 
/* Members grids are styled differently , more like events etc */ 
#ugc-landing.members-grid {}
#ugc-landing.members-grid ul { margin-left:-6px; margin-bottom:0; }
#ugc-landing.members-grid .static-box {}
#ugc-landing.members-grid .static-box .each {
  width:435px; 
  border-bottom:1px dotted #333;
  font-size:85%;
  padding:10px 0;  
}
#ugc-landing.members-grid .static-box .each h4 {
  margin-bottom:0px;
  font-size:1.4em;
}
#ugc-landing.members-grid .static-box .small {
  width:325px;
}
#ugc-landing.members-grid .static-box  li {
  list-style:none;
  width:135px;
  }
#ugc-landing.members-grid .static-box  li.expertise {

  }
#ugc-landing.members-grid .static-box  li span {
  color:#999;  
  }
  
#ugc-landing.members-grid .static-box  li em {
  color:#A1AB54;  
  display:inline;
  }  

#ugc-landing.members-grid .static-box .profile-pic {
  float:left;
  }
 
  

/* Members, comments, discussion, wiki panels */
.panel  {
  float:left;
  background:url(../img/ugc-shadow-bottom-narrow.gif) no-repeat bottom left;
  padding-bottom:3px;
  width:440px;
  margin-left:-3px;
  margin-bottom:15px;
  }
.panel  .title-block {
  background:url(../img/ugc-shadow-top-narrow.gif) no-repeat top left;
  padding:15px 15px 0;
  width:410px;
  
  }
.panel  .grid {
  background:url(../img/ugc-shadow-middle-narrow.gif) repeat-y top left; 
  padding:10px 15px;
  float:left;
  }

.panel h3 {
  font-size:1.3em;   
  padding-bottom:5px;
  border-bottom:4px solid #A4AD02;
  margin-bottom:0;
}

.panel .title-block a {
  float:right;
  font-weight:bold;
  font-size:80%;
  line-height:150%;
  padding-right:20px;
  background:url('../img/sprite-menus.gif') no-repeat right -113px;
  color:black;
  
}

#content .panel p {
	marging-bottom:1em;
}

	

.panel  #ugc-landing.grid .static-box  {
  width:410px;
  margin-right:0px;
  margin-bottom:5px;
  }
.panel  #ugc-landing.grid .static-box .each {
  width:410px;
  margin-right:0;
  }
.panel  #ugc-landing.grid .small{ width:305px;  }

/*Question panels are slightly wider*/
#question-panels .panel {
  background:url(../img/ugc-shadow-bottom.gif) no-repeat bottom left;
  width:635px;
}
#question-panels .panel  .title-block {
  background:url(../img/ugc-shadow-top.gif) no-repeat top left;
  width:615px;
}
#question-panels .panel  .grid {
  background:url(../img/ugc-shadow-middle.gif) repeat-y top left;
  width:635px;
}
#question-panels .panel  .grid .static-box {
  width:500px;
}
#question-panels .panel  .grid .static-box .question {
  width:570px;
}

/* On network pages the related content bar can look very different */
#related-content.clean {
  border:none;
  margin-top:30px;
}

#related-content.clean .contentImg {
  border:1px solid #ccc !important;
  padding:4px;
  margin-bottom:5px;
  width:140px;
  xheight:110px;
}

#related-content #options {
  font-weight:bold;
}

#related-content #options li {
  border-bottom:1px dotted #ccc;
  padding:7px 0;
  float:left;
  width:100%;
   
}

#related-content #options li.action {
  padding-left:17px;
  background:url('../img/sprite-icons.gif') no-repeat 0px -278px; 
}

#related-content #options li.action a {
  
}
  
/** network create links **/  
#sidebar .create-link {
  background:url(../img/create-button.gif) no-repeat top left;
  width:310px;
  height:33px;
  margin:0px 0 15px -5px; 
}
  
#sidebar .create-link a {
  color:white;
  display:block;
  padding-left: 60px;
  line-height:33px;
  font-size:1.2em;
  font-weight:bold;
}  

#sidebar .create-link a:hover {
  text-decoration:underline;
} 
  
  
/* Group details pages */  
#group-details {margin:0 0 15px 0; border-bottom:2px solid black; float:left; width:100%; overflow:hidden;}
#group-details ul { margin:0; margin-bottom:15px; float:left;}
#group-details li {
  float:left; 
  border-bottom:1px dotted #ccc; 
  list-style:none;
  }
#group-details li a {}
#group-details li strong {
  width:110px; 
  float:left; 
  font-weight:bold; 
  font-size:105%;
  padding:5px 10px 5px 0;
  display:block;
  }
#group-details li span {
  width:290px; 
  float:left; 
  padding:5px;
  display:block;
  font-size:90%;  
  }
#group-details h2, #group-details h3 {margin-bottom:5px;}
#group-details p {margin-bottom:15px; }
#group-details h3 {font-size:1.2em;}
  
  
/** CONTACTS LISTING FOR INVITATIONS  **/  
#content .contacts-box {position:relative; width:600px; margin-bottom:25px; border:1px solid #ccc; float:left; padding:0px; max-height:350px; margin-top:10px; overflow-y:scroll; overflow-x:hidden;}
#content .contacts-box .select-all {background-color:black; color:white; width:100%; height:25px; padding-top:3px;}
#content .contacts-box .select-all label {font-size:100%; display:inline; width:auto; margin-left:5px; font-weight:bold; }
#content .contacts-box .select-all input {margin-left:14px;}
#content .contacts-box  ul {margin-left:0; margin-bottom:0;}
#content .contacts-box  ul li {cursor:pointer; border-bottom:1px dotted #ccc; float:left;margin:0 10px; list-style:none;width:590px;padding:10px 0;}
#content .contacts-box  ul li:hover {background-color:#FFFFCE;}
#content .contacts-box  ul li .checkbox { float:left; margin-right:10px;}
#content .contacts-box  ul li img {float:left; margin-right:10px; }
#content .contacts-box  ul li label {float:left; font-size:1.2em; font-weight:bold;}
#content .contacts-box #search_members {float:left;}

#email-to-box {clear:both; width:100%;}
#email-to-box label {font-weight:bold; font-size:1.1em; display:block; margin-bottom:10px;line-height:1.2em;}
#email-to-box label span {color:#999; display:block;}
#email-to-box textarea{margin-top:10px; width:620px; margin-bottom:10px; background:#F6F6F6;}

#administrate {}
#administrate ol {margin:0; margin-bottom:15px;}
#administrate ol li {list-style:none; background:url(../img/bar-with-shadow.jpg) no-repeat center center; width:595px; padding:20px;}
#administrate ol li span.role {font-size:1.1em; font-weight:bold;}
#administrate ol li a {
  float:right;
  font-size:1em;
  font-weight:bold;
  margin-left:5px;}
#administrate ol li a {}


/** PROFILE PAGES **/
#content h1.profile-title{
	color:black;
	border-bottom:1px dotted #ccc;
	margin: 0 0 15px 0;
	padding:0  0 5px 0;
  font-size:1.5em;
}



#content #user-inbox-status {float:right; margin:0; margin-top:-10px;}
#user-inbox-status li {float:left; list-style:none; border:1px solid #ddd; margin-left:10px;  background:url(../img/grey-bg-small.gif) repeat-x top left; padding-left:10px;}
#user-inbox-status li a {display:block; width:auto;   font-weight:bold; height:23px; padding:0 10px 0 25px ; line-height:23px; }
#user-inbox-status li.new-messages a { background:url(../img/icon-new-messages.gif) no-repeat top left; }
#user-inbox-status li.new-contacts a { background:url(../img/icon-new-contacts.gif) no-repeat top left;}



#profile {
	float:left;
	width:745px;
	font-size:105%;
}


.profile-info {
  float:left;
  margin-right:15px;
  width:200px;
}
#content .profile-info .profile-image {
	border:2px solid #ccc;
	padding:4px;
	margin-bottom:15px;
}
#content .profile-info .partner-image {
  display:block; 
  margin-bottom:10px;
  text-align:center;
}
#content .profile-info .partner-image img {
  margin:0 auto;
  max-width:180px;
}

#content .profile-info .action {
	border:none;
	padding:0;
	padding-left:15px;
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
  background:url('../img/sprite-icons.gif') no-repeat bottom left;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

#content .profile-info .featuredStatus {	
	color:#666;
	float:left;
	margin:10px 0 10px 0;
	font-weight:bold;
	font-size:116%;
	line-height:1.3em;
	padding:0;
	width:200px;
}

#content .profile-info .featuredStatus .status {	
	color:black;
	font-size:1.05em;
}
#content .profile-info .featuredStatus .time {
	font-size:90%;	
  display:block;
}
#content .updateStatus {
	border-bottom:1px dotted #999;
	margin-bottom:15px;	
	float:left;
	width:200px;
}

#content .updateStatus .text {
	width:192px;
	background:none;
	border:1px solid #999;
}

#content .updateStatus .button-bar {

}
#content .updateStatus .button-bar .button-news {
	float:right;
}

#share-summat-box {overflow:hidden; float:left; border:1px solid #AAB734;  color:#6A721F; font-weight:bold; background:#E7ECBB; padding:10px; width:178px; margin-bottom:10px;}
#share-summat-box .got-something-to-write{cursor:pointer;}
#share-summat-box .button{float:right; margin:10px 0 0 0 ;}
#share-summat-box textarea {width:165px}

#content .profile-info h4 {
  border-bottom:6px solid #AAB734;
  font-size:1.2em;
  font-weight:bold;
  padding-bottom:3px;
  margin:15px 0 5px 0;
  }

#content .profile-info h5 {
  border-bottom:1px dotted #333333;
  display:block;
  font-size:1em;
  font-weight:bold;
  padding:2px 0 4px;
}

#content .profile-info ul {margin-left:0;}
#content .profile-info ul li {list-style:none;}
#content .profile-info ul li a{}
#content .profile-info dt {color:black;}
#content .profile-info dd { 
  font-size:85%; 
  margin-bottom:5px; 
  padding-bottom:0;
  font-weight:normal;
  border-bottom:none;
  }  
#content .profile-info dd img {
  margin:0 auto;
}


	
#profile {}
#profile .profile-selected-view {float:left;width:100%;}
#profile h2 {
  border-bottom:1px dotted #333;
  padding-bottom:5px;
  clear:both;
  float:none;
  margin-bottom:0;
}
#profile h3 {
  border-bottom:1px dotted #333;
  padding-bottom:5px;
  margin-bottom:5px;
  font-size:1.2em;
}


#profile .detail {
	margin-bottom:2em;
}

#profile span.meta, 
.profile-info span.meta{
  border:medium none;
  display:inline;
  float:right;
  margin:0;
  padding:0;
  text-align:right;
  width:auto;
  line-height:1.2em;
  width:auto;
}

#profile span.meta a, .profile-info span.meta a {
  font-size:75%;
  float:right;
  border:none;
  color:black;
  display:inline;
  font-weight:bold;
  background-position:100% -116px;
	line-height:1.2em;
	padding-right:15px;
}

#profile  .panel {
  background:url(../img/ugc-shadow-bottom-extra-wide.gif) no-repeat bottom left;
  width:745px;
}
#profile  .panel  .title-block {
  background:url(../img/ugc-shadow-top-extra-wide.gif) no-repeat top left;
}

#content.network #profile .title-block {
	border-bottom:none;
	margin:0;
	width:715px;
  padding-bottom:1px;
	}

#profile  .panel  .grid {
  background:url(../img/ugc-shadow-middle-extra-wide.gif) repeat-y top left;
  width:715px;
}


#profile  .panel #ugc-landing {
	width:715px;
}


#profile  .panel .title-block h3 {
  padding-left:20px;
}

 
#profile .dotted-clear {
  width:710px;
}



#profile #ugc-landing {
  width:100%;
}
#profile #ugc-landing .static-box{
  width:100%;
}
  
#profile #ugc-landing .static-box .each  {
  width:355px;
}  

#closed-profile   {}

#closed-profile  .button-bar {float:left; clear:none; padding-left:15px; width:300px; font-weight:bold}
#closed-profile  #ugc-landing {float:left; border-right:1px dotted #ccc;}
#closed-profile  #ugc-landing h4 {display:none;}
#closed-profile  #ugc-landing .static-box  {width:400px;}
#closed-profile	 #ugc-landing .static-box .each {width:385px;}
#closed-profile	 #ugc-landing .static-box .small {width:275px;}
#closed-profile  .profile-pic {float:left;}
  
/** ACTIVITY STREAM **/
ol#activity-stream {
  margin-left:0;
  }
#activity-stream li {
  list-style:none;
  background:url(../img/activity-stream-status.gif) no-repeat 0px 10px;
  border-bottom:1px dotted #ccc;
  padding:15px 0;
  padding-left:50px;
  
  }
#activity-stream li.person     {background-image:url(../img/activity-stream-status.gif);}
#activity-stream li.status     {background-image:url(../img/activity-stream-status.gif);}
#activity-stream li.qAndA       {background-image:url(../img/activity-stream-status.gif);}
#activity-stream li.group       {background-image:url(../img/activity-stream-status.gif);}
#activity-stream li.business  {background-image:url(../img/activity-stream-status.gif);}
#activity-stream li.event       {background-image:url(../img/activity-stream-status.gif);}
#activity-stream li a{}
#activity-stream li a.linkTitle{}
.time-ago{font-style:normal; color:#999; font-size:85%; font-weight:bold;}


#profile #questions-panels .static-box,
#profile #answers-panels .static-box {
	width:715px;
}


#activity a.more {
  color:#666;
  font-weight:bold;
  display:block;
  text-align:left;
  float:right;
  margin-top:5px;
  margin-bottom:20px;
}

#activity a.more span {
  color:#CB3E61;  
  font-size:120%;  
}

#activity a.more:hover {
  border-bottom:none;
  text-decoration:underline;
}

/** PROFILE CONTACTS LIST **/

#contact-directory {}
#contact-directory .alphabet-index  {xbackground:url(../img/directory-index-top.gif) no-repeat top left; width:30px; float:left;}
#contact-directory .alphabet-index ul {xbackground:url(../img/directory-index-bottom.gif) no-repeat bottom left; float:left; border-left:1px solid #ccc; border-top:1px solid #ccc; margin:15px 0 0 0;  width:30px;}
#contact-directory .alphabet-index li {border-bottom:1px solid #ccc; list-style:none;text-align:center;}
#contact-directory .alphabet-index a {display:block; width:25px; height:25px;line-height:25px; font-weight:bold;font-size:14px;}
#contact-directory .page{width:712px; float:left; margin-bottom:15px; background:url(../img/directory-bottom.gif) no-repeat bottom left; padding-bottom:20px; height:700px; overflow:hidden;} 

#contact-directory .title-block {
	background:url(../img/directory-top.gif) no-repeat top left;
}
#contact-directory .title-block h3{padding-top:10px; width:680px;margin-left:15px; margin-bottom:0; border-bottom:none;}
#contact-directory .controls {margin:0; float:left; padding:5px 0; width:680px; border-bottom:1px dotted #333; border-top:1px dotted #333;}
#contact-directory .controls li {list-style:none;float:left;margin-right:5px;}
#contact-directory .controls{}
#contact-directory .controls{}
#contact-directory #ugc-landing{background:url(../img/directory-middle.gif) repeat-y top left; float:left; padding:0px 15px 15px 15px; height:660px;} 
#contact-directory #ugc-landing{}
#contact-directory #ugc-landing{}
#contact-directory #ugc-landing .static-box .each{ width:680px; }
#contact-directory #ugc-landing.members-grid .static-box .small{ margin-left:25px; width:545px; }
#contact-directory #ugc-landing .static-box .selectable { position:relative;}
#contact-directory #ugc-landing .selectable input {position:absolute; left:100px; top:10px;}
#contact-directory #ugc-landing.members-grid ul.controls {margin:0;}
.image-controls {width:100px; float:left; height:auto;}
.image-controls .send-message{display:block; font-weight:bold; font-size:1.1em; padding:5px 0; float:left;}
#contact-directory {}


/** ACCOUNT SETTINGS **/
#skyscraper-banner {width:150px; float:left; margin-right:10px;}
#skyscraper-banner .skyscraper-mpu {margin-top:0; margin-left:0;}
#account-settings{width:800px; float:left;}
#account-settings  #tabs {font-size:90%;}
  
#content .user-badge {background:url(../img/account-badge.jpg) no-repeat top left;  height:120px; margin:10px 0 0px 0; float:left; padding-left:20px;}	
#content .user-badge ul {width:224px; height:85px; float:left; margin:0;background:url(../img/account-badge.jpg) no-repeat top right; padding:15px 20px 15px 0;}
#content .user-badge li {border-bottom:1px dotted black; font-weight:bold; font-size:1.1em; list-style:none; padding:1px 0;}	
#content .user-badge li.last {border-bottom:none;}
	
	
/** INBOX **/	
#inbox-options {width:160px; float:left; margin-right:10px; }
#inbox-options ul {list-style:none; margin:0; } 
#inbox-options ul li {border-top:1px dotted #ccc; } 
#inbox-options ul li.last {border-bottom:1px dotted #ccc; } 
#inbox-options ul li a { font-weight:bold; line-height:12px; font-size:13px;} 
#inbox-options ul li a  span { padding:5px;} 
#inbox-options ul li a.selected {border-top:1px dotted #ccc; padding:0; border-bottom:1px dotted #ccc; margin-bottom:0; color:black;} 
#inbox-options ul li a.selected span {background:#E4E9C1; display:block;  margin:1px 0; } 


#messages-view {float:left; width:790px;}
#messages-view table {width:790px;}
#messages-view table tr {}
#messages-view table tr td {padding:5px 0px; font-size:100%; background:none; 
background:#efefef url(../img/inbox-row-border.gif) repeat-x top left; vertical-align:middle;}
#messages-view table tr.unread {font-weight:bold;}
#messages-view table tr.unread td {background:url(../img/inbox-row-border.gif) repeat-x top left;font-weight:bold; }
#messages-view table tr td.heading {background:url(../img/inbox-row-border.gif) repeat-x top left;font-size:120%; font-weight:bold;} 
#messages-view table tr td.delete {width:85px; }
#messages-view table tr td.from {width:150px;}
#messages-view table tr td.subject {width:400px;}
#messages-view table tr td.date {width:150px;}
#messages-view table tr td img {margin-left:20px;}
#messages-view table {}
#messages-view {}
#messages-view {}
#notepad .button-bar-delete {
  background:#efefef url(../img/inbox-row-border.gif) repeat-x top left;   
  padding:10px 0px 10px 5px;
  }
#notepad .button-bar-delete .button {float:left}
#notepad h2 {font-size:1.3em; border-bottom:1px dotted #ccc;}
#notepad  {width:790px; float:left;}
#notepad  .email-options {width:315px; float:left;}
#notepad  .email-options h3 {font-size:1.2em; margin-bottom:5px;}
#notepad  .contacts-box{width:315px; float:left;}
#notepad  .contacts-box ul li label {font-size:1em;}
#notepad  #AdminBulkUserList {width:305px; padding:5px; float:left; margin-top:20px; backgroun:#efefef; border:1px solid #666; color:black;}
#notepad  #AdminBulkUserList h3 {font-size:1.2em;}
#notepad  .email-form {width:450px; float:left; margin-left:25px;}
#notepad fieldset.email { padding-top:0px;}	
#notepad fieldset.email label {text-align:left; width:300px; margin-bottom:5px;}	
#notepad fieldset.email input, #notepad fieldset.email textarea {width:445px; float:left; margin-bottom:10px}	
#notepad fieldset.email textarea {height:150px}

#introduce-from-box.email-options, #introduce-to-box.email-options {width:385px}
#introduce-from-box.email-options .contacts-box, #introduce-to-box.email-options .contacts-box {width:380px; max-height:400px}
#introduce-from-box.email-options {margin-right:20px;}

ul#email-controls {margin:0; float:left; width:100%; padding:10px 0 5px 0; border-top:1px dotted #ccc; list-style:none;}
ul#email-controls li {margin-right:10px; float:left; list-style:none;}
ul#email-controls {}


#email-info {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:10px 0; width:100%; float:left;}
#email-info ul {margin:0; list-style:none;}
#email-info ul li {font-size:105%; font-weight:bold; margin-bottom:5px; }
#email-info ul li a {}
#email-info ul li p {margin-bottom:0;}

#notepad .post {border-bottom:1px dotted #ccc; width:100%; float:left; padding:10px 0;}
#notepad .post img {float:left; padding:0 15px 0 0;}
#notepad .post .post-meta {display:block; font-size:90%; width:712px; font-weigt:bold; float:left; color:#999; margin-bottom:10px;}
#notepad .post .post-meta .date { }
#notepad .post .bodyText {margin-bottom:0; font-size:1em;  margin-left:80px;}
#notepad .post .bodyText p {margin-bottom:10px;}

#reply-box {float:left; padding-top:15px; margin-left:77px}
#reply-box textarea{ border:1px solid #ccc; width:700px; height:130px; margin-bottom:15px;}
#reply-box .frmError {margin-left:0;}
#reply-box .button {float:right;}



/**  REGISTRATION **/  
.howSecure {} /* needs sorting out javascript etc*/

h2.registration-step-title { 
  color:#AAB734;  
  line-height:30px;
  margin:-15px -15px 15px -15px;  
  border-bottom:1px solid #ccc; 
  clear:both;
  }
h2.registration-step-title span {
  background-color:#eee; 
  margin:1px;
  display:block;
  padding-left:15px;
  border:1px solid white;
  text-shadow:1px 1px white;

  }
h2.extra-bottom-margin {
  margin-bottom:10px;
}  
h3.intro {font-size:1.3em; font-weight:bold; color:#AAB734; margin-bottom:0;}
#content .required {
  xborder-bottom:1px dotted #333; 
  xpadding:0px 0 10px 0; 
  margin-bottom:5px;
  font-weight:bold;
  font-size:1.2em;
  color:#333;
  }
#content.network p.required {
  border-bottom:1px dotted #333;
  padding-bottom:5px;
}

.registration .button-next-step {
  float:right;
}
#registration-form p.legal-blurb {
  margin-top:20px; font-size:90%; color:#333; float:left;
}
#registration-form .message {width:597px; float:left;}


/*directoryTreeRequried is a misspelling carried over from smarta v1*/
.directoryTree, .directoryTreeRequried {  
  border:2px solid #CCCCCC;
  background-color:#fff;
  padding:10px;
  float:left;
  width:295px;
  margin-bottom:15px;
  margin-top:-13px;
}
.directoryTreeRequried, .requiredField {border:2px solid red;}
.requiredField {margin-right:10px;}

.admin .directoryTree {
  background:#F6F6F6;
}
.scrollable {
  overflow-y:scroll;
  height:250px;
}

.directoryTree table, .directoryTreeRequried table {
  margin-bottom:5px;
}

.directoryTree table span, .directoryTreeRequried table span{
  padding-left:10px;
  font-weight:bold;
}

.directoryTree .extra, .directoryTreeRequried .extra {
  margin-bottom:10px;
}

.directoryTree .extra input, .directoryTreeRequried .extra input {
  margin-left:0px;
}

.directoryTree .extra  label, .directoryTreeRequried .extra label {
  display:inline;
  float:none;
  text-align:left;
  width:auto;
  font-size:1em;
  padding-left:10px;
}



/** REGISTRATION EXPERTISE AND HELP **/
.narrow-column {width:280px; float:left;}
.narrow-column .directoryTree {width:260px; margin-top:5px;}
.narrow-column .field-heading{width:275px; margin:5px auto 5px auto;}
.narrow-column .field-heading .text {margin:5px 0 10px 23px; width:250px;}
.narrow-column .field-heading label {color:rgb(162,173,0); text-align:left; width:auto; padding-right:0;margin-bottom:5px;}
.narrow-column .field-heading label span{font-weight:bold;}
.narrow-column .field-heading .directoryTree label {color:black;}
.narrow-column {}
.narrow-column .field-heading text {margin:5px 0; width:275px;}
.narrow-column .field-heading  .frmError {margin-left:0;}

#steps-block {float:right;}
#steps-block li {
  font-size:85%;
  font-weight:bold;
  color:black;  
  xpadding:0 10px;
  xwidth:55px;
}
#steps-block li em {font-style:normal; float:left;}
#steps-block li span {
  background:url('../img/reg-steps.gif') no-repeat top right;
  display:block;
  float:right;
  width:20px;
  height:20px;
  text-align:center;
  line-height:20px;
  overflow:hidden;
  color:#CB3E5E;
  margin:0 5px; 
}
#steps-block li span.selected, #steps-block li a.selected span {
  background:url('../img/reg-steps.gif') no-repeat top left;
  color:white;
}
  
#steps-block li.last {
  margin-right:0;
  padding-right:0;
}  

#steps-block li.step-label {
  background:none;
}
#steps-block li.step-label em {
  
}
  

/** QUESTIONS PAGE **/
#view-question-panel {
  background:url(../img/ugc-shadow-bottom.gif) no-repeat bottom left;
  width:635px;  
  float:left;
  padding-bottom:5px;
  padding-right:10px;
}
#view-question-panel #question-controls-top {
  background:url(../img/ugc-shadow-top.gif) no-repeat top left;
  width:615px;
  float:left;
  padding:15px 15px 0 15px;
}

#view-question-panel .panel {
  background:url(../img/ugc-shadow-middle.gif) repeat-y top left;
  width:635px;
  float:left;
  /*padding-right:10px;*/
  margin:0;
  /*padding-bottom:25px;*/
}

#view-question-panel h2 {margin-left:15px; font-size:150%; border-bottom:4px solid #A4AD02; width:610px; padding-bottom:3px; float:left; margin-bottom:5px; margin-top:20px;}
#view-question-panel h2  strong {color:#999;}

#view-question-panel .user-question {  
  background:url(../img/sprite-icons.gif) no-repeat -22px -200px;
  float:left;
  padding:10px 0 10px 45px;  
  margin-left:15px;
  width:565px;
  margin-top:15px;
}

#view-question-panel .user-question h3 { display:inline; font-size:150%; border:none; color:black; line-height:1.2em; float:left; width:100%; margin-bottom:10px; }
#view-question-panel .user-question p {font-size:120%;}
#view-question-panel .user-question .question-meta {margin-bottom:0; font-size:90%;}

#view-question-panel fieldset.answer {width:540px; margin-left:60px; padding:10px; border:1px solid #ccc;}
#view-question-panel fieldset.answer .field {width:100%; margin-bottom:5px;}
#view-question-panel fieldset.answer legend {display:none;}
#view-question-panel fieldset.answer label {}
#view-question-panel fieldset.answer label.your-response {font-size:140%; text-align:left; width:100%; float:left;}
#view-question-panel fieldset.answer textarea{width:535px;}
#view-question-panel fieldset.answer p {font-size:90%; color:#999; font-weight:bold;}
#view-question-panel .invite-contacts-selection {margin-top:15px;}
#view-question-panel .contacts-box {width:540px;}

#view-question-panel #answers {float:left; margin-left:15px; width:610px; }
.answer-body {line-height:1.5em; margin-bottom:10px;}
#view-question-panel #answers .post {float:left; width:610px; border-bottom:1px dotted #333;padding:10px 0 5px 0;}
#view-question-panel #answers .post p {margin-bottom:5px;}
#view-question-panel #answers .post p br {}
#view-question-panel #answers .rating  {display:block;
float:left;
height:auto;
margin-right:5px;
width:40px;}
#view-question-panel #answers .rating a {padding-left:0; color:#A3AD00; font-weight:bold; background:url(../img/sprite-icons.gif) no-repeat -55px -178px; line-height:25px; display:block;}
#view-question-panel #answers .rating a.already-voted {background-position:-67px -134px; }
#view-question-panel #answers .post-info {margin: 5px 0; font-size:90%; clear:both; float:none; padding-top:5px}
#view-question-panel #answers .partner-rosette {background:transparent url(../img/sprite-icons.gif) no-repeat scroll -50px -157px; padding-left:20px; padding-bottom:8px;}
#view-question-panel #answers .partner-logo {vertical-align:baseline;}
#view-question-panel #answers .best-answer {background:transparent url(../img/sprite-icons.gif) no-repeat scroll -23px -180px;
display:block;
float:left;
height:20px;
text-indent:-9999em;
width:16px;}
#view-question-panel #answers .select-best {background:#F8EFC0  none repeat scroll 0 0;
border:2px solid #ECD786;
display:block;
float:right;
font-size:90%;
font-weight:bold;
padding:3px;
margin:10px 0;
}
#view-question-panel #answers .select-best label {float:left;line-height:20px; color:#666;}
#view-question-panel #answers .select-best .checkbox {}
#view-question-panel #answers .rateContent .post {float:none;}

  
#question-controls-bottom {    width:615px;float:left;padding:15px 15px 0 15px;}
  
#content .question-controls  ul { float:left; margin:0; width:100%; }
#view-question-panel #question-controls-top ul {border-bottom:1px dotted #333333;padding-bottom:10px;}
#content .question-controls  ul li {float:left;  font-weight:bold; list-style:none; padding-right:10px; line-height:20px;}
#content .question-controls  ul li.back-to-browse {margin-right:270px; padding-left:20px;  background:url('../img/sprite-icons.gif') no-repeat bottom left; width:auto;}
#content .question-controls  ul li.back-to-browse a { color:#CA005D; }
#content .question-controls  ul li.previous {color:black; padding-right:0px;}
#content .question-controls  ul li.next {color:black; padding-right:25px;}
#content .question-controls  ul li a{}

#expert-panel {float:left; margin-bottom:0px; }  
#expert-panel .inner {float:left; background:none; margin-bottom:20px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:10px; width:280px;}  
#expert-panel .title {margin-bottom:0; border-bottom:5px solid #AAB734; height:24px;}
#expert-panel h2 {background-color:#AAB734; color:white; padding:4px 10px;}
#expert-panel .expertise-help {font-weight:bold; font-size:1.2em; color:#AAB734; margin-bottom:15px;}  
#expert-panel h3 { font-size:1.5em; border-bottom:4px solid #AAB734; margin-bottom:10px; color:black; padding-bottom:3px; width:100%;}  
#expert-panel .expert-category {margin-bottom:0px; float:left; width:100%; position:relative;}  
#expert-panel .expert-category p {margin-bottom:10px; float:left; width:100%; position:relative; font-size:90%; font-weight:bold; color:#999;}  
#expert-panel .expert-category p img  {float:left; margin:0 10px 10px 0; border:1px solid #ccc; padding:5px;}  
#expert-panel .expert-category .expert-panel-dropdown {position:relative; float:left; width:280px; text-align:left; background:url('/img/expert-closed.gif') no-repeat top left; padding:0; margin-bottom:10px;}  
#expert-panel .expert-category .open-panel {height:auto; width:280px; background:url('/img/expert-open.gif') no-repeat top left;}
#expert-panel .expert-category .drop {cursor:pointer; width:100%; display:block; float:left;  font-weight:bold; margin-bottom:0px; padding:10px; }  
#expert-panel .become-an-expert {margin-top:0; float:left; padding-bottom:10px;}
#expert-panel .become-an-expert h3 {color:#AAB734;}
#expert-panel .experts-list { list-style:none; float:left; background:url("/img/expert-open.gif") no-repeat scroll 0 bottom transparent; width:280px; padding-bottom:15px;}
#expert-panel .experts-list li {float:left; padding:10px; width:255px;}
#expert-panel .experts-list img {float:left; padding:0 10px 0 0;}
#expert-panel .experts-list h4 {font-size:1.2em; font-weight:bold; margin-bottom:5px; border:none; }
#expert-panel .experts-list span {  display:block; font-size:95%; line-height:1.2em; width:180px; float:left; } /*Assume max 230 chars*/
#expert-panel ol {margin:10px 0 15px 0; padding:0 25px; font-size:95%;}  
#expert-panel ol li {list-style:square; margin-bottom:5px;}  

 
/** DISCUSSION GRIDS **/
/* meta link in a title */
.title-plain .meta {border:none; float:right; margin:0; padding:0; width:auto;} 
.title-plain .meta a {line-height:30px; font-weight:bold; display:inline; border:none; background-position:100% -107px; float:right;}
.title-plain  h2 {display:inline;}
#discussion #tabs {margin-top:15px;}
#discussion h3 {
  border-bottom:1px dotted #333333;
  float:left;
  font-size:150%;
  padding-bottom:10px;
  width:100%;}
#discussion .post-count {font-size:90%; color:#999; font-weight:bold;}

#discussion fieldset {}
#discussion fieldset.wide {width:100%}
#discussion .field {}
#discussion .{}
#discussion .field label {text-align:left; width:95px;} 
#discussion .field textarea{height:200px;}
#discussion .field .text {margin-right:0;}
#discussion .button-bar{}

#discussion .wide .field {margin-bottom:5px;}
#discussion .wide .field textarea{height:150px; width:630px;}
#discussion textarea.wide {width:428px;}
#discussion .wide .button-bar{width:100%}
#discussion .wide .frmError{margin-left:0;}
 
.discussions {}
.discussions .post { border-bottom:1px dotted #ccc; margin-bottom:10px; float:left; width:100%;}
.discussions h4 {font-size:1.2em;   
  font-weight:bold;
  padding-left:17px;
  background:url('../img/sprite-icons.gif') no-repeat bottom left;}
.discussions .info{
  font-size:85%;
  margin:0;
  padding:10px 0;
  width:100%;}

#discussion .thread-post{}  
#discussion .thread-post .info { width:80px; margin:0 0px 0 0; float:left; background:white;}  
#discussion .thread-post .profile-pic {float:left; padding:0 15px 15px 0;}  
#discussion .thread-post img {}  
#discussion .thread-post .post-number {font-weight:bold; font-size:90%; color:#999; }  
#discussion .thread-post .post{}  
#discussion .thread-post .post .post-author{display:block; font-size:90%; border-bottom:1px solid #ccc; background-color:#efefef;}  
#discussion .thread-post .post-actions {list-style:none; margin:0;  border-bottom:1px solid #ddd; padding:0px 0; float:left; width:100%;  } 
#discussion .thread-post .post-actions li {list-style:none; float:left; margin-right:10px; font-size:75%;}  

#related-content.discussion-meta {}
#related-content.discussion-meta h4 {font-size:1.1em; font-weight:bold; margin-bottom:1em;}
#related-content.discussion-meta ul{margin:0 0px 15px 0}
#related-content.discussion-meta ul li {
  font-weight:bold;
  margin-bottom:5px;
}
#related-content.discussion-meta ul li a {}
  
  
  
/** LOAN AND ACCOUNT TOOLS **/
#related-tools {float:left; height:200px; width:195px;}
#related-tools .title-plain {border-bottom:1px dotted #333;}
#bank-todo {float:left; margin-right:14px; width:425px;}
#content .get-started {background:transparent url(../img/get-started.jpg) no-repeat scroll left top;
margin-bottom:20px;
min-height:60px;
padding:15px 20px 17px 13px;}
#content .get-started h2 {margin-bottom:5px;}
#content .get-started p {margin-bottom:5px; line-height:1; color:#666;}
#getting-started { margin-bottom:15px;}
#getting-started h3 img {display:none;}
#getting-started .button {color:White !important; float:right;}
#getting-started p {font-size:90%;}
#getting-started div {overflow:hidden; }
#getting-started h4 {margin-bottom:10px; font-size:100%; font-weight:bold; color:#333}
/*override themeroller jquery*/
#getting-started .ui-state-active a, #getting-started  .ui-state-active a:link,
#getting-started  .ui-state-active a:visited , #getting-started a {color:rgb(202,0,93) !important; }
#getting-started a:hover {color:white !important;}

#account-with-smarta {float:right; width:625px;}
#account-with-smarta h3 {font-family:georgia, serif;}
#account-with-smarta .reason {}

#content .bank-box {width:440px; height:365px; float:left; background-color:#333; color:white; background-position:top left; background-repeat:no-repeat; position:relative;}
#content .bank-box.rbs {background-image: url(../img/partners/rbs-bank.gif);}
#content .bank-box.natwest {background-image: url(../img/partners/natwest-bank.gif);}
#content .bank-box .help {margin-top:120px; padding:0 30px; color:white; }
#content .bank-box .help h3 {color:white; font-size:141%;}
#content .bank-box .help p, #content .bank-box .help ul {margin-bottom:0; font-size:1em; color:white; }
#content .bank-box .help ul {margin-left:2em;}
#content .bank-box .help p {margin-top:10px; font-weight:bold;}
#content .bank-box .help a {xcolor:#FF0066;}
#content .bank-box .help .button {position:absolute; bottom:30px; right:30px; }

#content .bank-intro {width:635px;}
#content .selected-bank {margin:10px 0; border:1px solid #FFFF00; background-color:#FFFFCE; padding:5px; }
#content .selected-bank h5 {font-weight:bold; color:#333; font-size:115%; margin-bottom:5px;}
#content .selected-bank address {font-weight:bold; font-style:normal; color:#333; font-size:100%;}

#content p.summary {
  xborder:5px solid #efefef;
  xbackground:#FF0066;
  clear:both;
  color:gray;
  display:block;
  float:left;
  font-weight:bold;
  margin:10px 5px;
  padding:15px;
  width:910px;
  
   }
#content p.or {letter-spacing:-0.05em; display:block; width:80px; font-weight:bold; overflow:hidden; line-height:365px; float:left; padding:0; text-align:center; color:#999; font-size:300%; margin-bottom:0;}  
#branch-result  {border:10px solid white;
width:100%;
padding:10px;}
#branch-result  caption {color:#CCCCCC;
font-size:2em;
font-weight:bold;
margin:0 0 10px;
letter-spacing:-0.05em;}
#branch-result  thead {}
#branch-result  tbody {}
#branch-result  tr{}
#branch-result  th {
color:#999999;
font-size:1em;
font-weight:bold;
padding-bottom:10px;
padding-left:10px;
border-bottom:1px dotted #fff }

#branch-result  td{padding:5px 10px; border-right:1px dotted white; border-bottom:1px dotted white;}
#branch-result  td.last {border-right:none;}
#branch-result th.choose, #branch-result td.choose  {padding-left:0; padding-right:0; text-align:center; width:60px; xborder-left:1px dotted white;} 

#content p.bank-choice {border:1px solid #FFFF00; background-color:#FFFFCE; padding:5px;}


/* Search results */
#search-results-listing {
  clear:both;
  float:none;
  width:100%;
}
#search-results-listing h2 {margin-bottom:5px;}
#search-results-listing tr td {border-bottom:1px dotted #333;}
#search-results-listing thead th {font-weight:bold;}
#search-results-listing thead tr th {border-bottom:1px dotted #333; font-size:1.2em; padding-bottom:5px;}
#search-results-listing tbody {}
#search-results-listing tbody tr td {padding:15px 15px 15px 0;}
#search-results-listing tbody tr td.result {width:470px; padding-right:15px;}
#search-results-listing tbody tr td.type {font-weight:bold;}
#search-results-listing tbody tr td.result p {margin-bottom:0; font-weight:bold; color:#333;}
  
  
/** SEO BLURB **/
#seo-blurb {font-size:100%; color:#000; margin-top:15px; clear:both;}
  
  
/* Pagination */  
  
.pagination {
  margin-top:15px;
  }
  
.pagination p {
  color:#393939;
  float:left;
  font-size:110%;
  font-weight:bold;
  }
  
.pagination ol {
  float:right;
}

 .pagination li {
  float:left;  
  xwidth:20px;
  display:block;
  text-align:center;
  xbackground:url('../img/sprite-menus.gif') no-repeat -81px -25px;
  cursor:pointer;
  }  
.pagination li a {
  color:#999;
  font-weight:bold;  
  display:block;
  padding:0 4px;
  }
  
 
.pagination li a:hover, #video-pagination li.active a {
  color:#CB3E61;  
  }
.pagination li a.selected {  
  color:#fff;  
  text-decoration:none; 
  background:#ccc;
  }
  
.pagination li.last {
  border-right:none;  
  background:none;
  }  
  
.pagination li a span {
  display:block;
  width:0;
  height:0;
  text-indent:-9999em;
  float:left;
  }  
  
.pagination li.next,
.pagination li.previous {
  float:right;
  display:block;
  background: url('../img/sprite-menus.gif') no-repeat -228px -53px;
  margin-top:0px;
  height:20px;
  padding:0 25px 0 20px;
  width:auto;
} 

.pagination li.previous {
  float:left;
  background: url('../img/sprite-menus.gif') no-repeat -280px -77px;
  padding:0 20px 0 20px
}


/*Buttons*/
.button, .button-news {
  border:none;
  margin:0;    
  cursor:pointer;  
  height:22px;
  line-height:22px;
  color:white;
  font-weight:bold;  
  background:url('../img/sprite-buttons.gif') no-repeat  right -478px; 
  padding-right:5px;
  float:left;  
}

.button span, .button-news span {
  background:url('../img/sprite-buttons.gif') no-repeat  left -478px; 
  float:left;
  padding-left:5px;
  font-weight:bold;
}

/* News section of website has different coloured buttons */
.button-news {
background:url('../img/sprite-buttons.gif') no-repeat  right -454px; 
}
.button-news span {
background:url('../img/sprite-buttons.gif') no-repeat  left -454px; 
}

/* account and loan applications have special buttons */
.button-bank {
background:url('../img/partners/white-button.png') no-repeat  left 0px; 
color:black;
width:150px;
overflow:hidden;
}
.button-bank span {
background:none; 
width:135px;
text-align:center;
}
.button-bank:hover {
background:url('../img/partners/white-button-over.png') no-repeat  left 0px; 
}


.button-linkedin {
  width:194px;
  height:33px;
  background:url('../img/import-contacts/connect-with-linkedin-button.png') no-repeat  top left; 
}
.button-linkedin span {
  text-indent:-9999em;
  background:none;
}

/* input buttons can be styled to look like buttons too */
input.button {
  text-transform: capitalize; /* hides button text from IE !! */  
  text-indent:-9999em;
  background-image:url('../img/sprite-buttons.gif');   
  background-repeat:no-repeat;
}

input.right-side {float:right}

/* cancel links are like normal links */
.cancel {
  float:right;
  font-weight:bold;
  line-height:22px;
}

.buttons {
float:left;
}
.buttons .button {
  margin-bottom:10px;  
  clear:both;
}

.attend-options .group {
  display:block;
  margin-bottom:3px;
  font-weight:bold;
}

/* input buttons specific styles */
.button-save {
  background-position:0px -532px;
  width:50px;
}

.button-ask {
  width:32px;
  background-position:0px -368px; 
}

.button-update {
  background-position:0px -25px; 
  width:59px;
}
.button-clear {
  background-position:0px -49px;
  width:49px;
}

.button-login {
  background-position:0px -122px;
  width:57px;
}

.button-search {
  background-position:0px -73px;
  width:75px;
}

.button-next-step {
  background-position:0px -428px;
  width:37px;
  float:right;
}

.button-skip {
  background-position:0px -856px;
  width:42px;  
  float:right;
}

.button-create-group {
  background-position:0px -505px;
  width:84px;
}

.button-create-event {
  background-position:0px -559px;
  width:84px;
}

.button-create-business {
  background-position:0px -694px;
  width:99px;
}
.button-delete {
  background-position:0px -586px;
  width:46px;
}

.button-block {
  background-position:0px -613px;
  width:42px;
}
.button-search-contacts{
  background-position:0px -640px;
  width:50px;
}
.button-add-contacts{
  background-position:0px -802px;
  width:83px;
}
.button-answer {
  background-position:0px -721px;
  width:53px;
  margin-right:10px; /* question panels have lots of padding */
}

.button-send {
  background-position:0px -829px;
  width:42px;  
}



.button-join-large {
  background-position:0px -395px;
  width:95px;
  height:28px;
}

.button-pending-membership {
  border:1px solid #A3AD00;
  padding:5px;
  margin:0;  
  text-indent:0;  
  display:block;
  height:22px;
  background:#B8BE66;
  color:white;
  font-weight:bold;
}

.button-invite {
  background-position:0px -667px;
  width:40px;
}

.button-upload-picture {
  background-position:0px -748px;
  width:91px;
}

#content .bar-login {width:595px;} 
#content .bar-login a {float:right; margin-left:20px; font-size:100%; font-weight:bold; line-height:22px} 


/** POPUPS **/
#popup {border:3px solid #ccc; text-align:left; background:white; font-size:100%; padding:20px; float:left; width:350px;}
#popup img {display:none;}
#popup p.closeBtn img {display:block; float:right; margin:0 0 10px 10px;}
#popup .popupMessage p {line-height:1.6em; color:#333;}

/*Hide HRs*/
.access, hr.access {
	background-color: inherit;
	color: #ffffff;
	position: absolute;
	overflow: hidden;
	border: none;
	left: -10999px;
	width: 990px;
	height: 0px;
}

.last, li.last, a.last, li.last a{
  margin-right:0; 
  border-right:none; 
  xpadding-right:0;
}


			
.ajax_loader_large
{
  display:block;
  background:url(/img/ajax-loader-snake.gif) no-repeat top left;  
  float:left;
  height:20px;
  margin-bottom:15px;
  margin-left:180px;
  width:20px;
}

  .ajaxLoader
  {
			  height:58px;
			  padding-left:40px;
			  display:block;
			  background-image:url(../img/black-ajax-loader.gif);
			  background-position:left;
			  background-repeat:no-repeat;
			  font-size:1.4em;
			  font-weight:bold;
			  color:#df0427;
			  line-height:25px;
  }

/**RATING**/
.rating {font-style:normal; background-color:#fff; height:20px; line-height:20px;  
font-weight:bold; font-size:123%;  display:block; float:right; margin-left:5px; overflow:hidden;
}
.rating a { color:#AAB734; 
background:transparent url(/img/tools/thumb-up.gif) no-repeat 0px -2px;
padding-left:21px; display:block; margin:0 auto; 
}

.rating a.already-voted {
background-image:url(/img/tools/thumb-voted.gif);
}
.rating a.saving {
background-image:url(/img/ajax-loader-snake.gif);
}

/** Status Bar **/
#temp-banner {position:static; width:100%; height:35px; border-bottom:3px solid #efefef; text-align:center; font-size:1.2em;
font-weight:bold; background:url(/img/trans-white-bg.png) repeat top left; z-index:9997;} 
#temp-banner div { width:960px;  margin:0 auto; } 
#temp-banner p {margin:0; position:relative; } 
#temp-banner p a {display:block; line-height:35px; xcolor:#999;} 
#temp-banner p strong {} 
#temp-banner p img {margin-right:20px; vertical-align:middle;} 

/** Disqus **/
#disqus_thread {margin-top:20px;float:left;width:435px}
#dsq-content #dsq-comments .dsq-header-avatar .dsq-drop-profile {margin-top:0;}


/*** Competitions ***/
a.enter-competition-link {font-size:1.6em; font-weight:bold;}
.group .question {color:#333333;
font-size:1.2em;
font-style:italic;
font-weight:bold;
margin-bottom:10px;}




/*** POPUPS need styling appropriately ***/
#facebox .form {width:400px; }
#facebox .text {width:200px; margin-right:0;}
#facebox label {text-align:left; width:140px;}
#facebox .button-bar {margin:0 0 15px;
padding-top:0;}


/*** TWITTER REACTIONS ***/
#twitter-reactions {border:1px solid #CCCCCC; float:left; margin:15px; padding:15px; width:580px;}
#twitter-reactions h4 {background:url(../img/reaction-from-the-twittersphere.png) no-repeat top left; text-indent:-9999em; width:100%; height:62px; margin-bottom:10px;}
#twitter-reactions .reactions-listing {}

#share-urls {background:none repeat scroll 0 0 #F5F5F5;
font-size:80%;
margin:15px 0 5px;}
#share-urls .text {border:2px solid #ccc; background:white;}


.strike-through {text-decoration:line-through;}