/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/

/* Space out sub-sections more
-------------------------------------------------- */
body {

}

ul.refinements {
    padding: 0;
    margin: 0 0 10px 5px !important;
}


div#top-padding {
	min-height:0px;
}
img#header-logo {
	max-width: inherit !important;
	vertical-align: middle;
}
 @media (min-width: 1210px) {
 img#header-logo {
 /*width: 360px !important;*/
 max-width: 225px !important;
 vertical-align: middle;
 margin-left: 20px;
 }
}
@media (max-width: 768px) {
    img#header-logo {
        /*width: 360px !important;*/
        max-width: 200px !important;
        vertical-align: middle;
        margin-left: 10px;

    }
}
section {
	padding-top: 15px;
}
/* Fade Out HR
-------------------------------------------------- */
hr.soften {
	height: 1px;
	margin: 54px 0;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image:    -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image:     -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
	border: 0;
}
/* Jumbotrons
-------------------------------------------------- */
.jumbotron {
	position: relative;
}
.jumbotron h1 {
	margin-bottom: 9px;
	font-size: 81px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1;
}
.jumbotron p {
	margin-bottom: 18px;
	font-weight: 300;
}
.jumbotron .btn-large {
	font-size: 20px;
	font-weight: normal;
	padding: 14px 24px;
	margin-right: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.jumbotron .btn-large small {
	font-size: 14px;
}
/* Masthead Docs Home
-------------------------------------------------- */
.masthead {
	padding-top: 36px;
	margin-bottom: 72px;
}
.masthead h1, .masthead p {
	text-align: center;
}
.masthead h1 {
	margin-bottom: 18px;
}
.masthead p {
	margin-left: 5%;
	margin-right: 5%;
	font-size: 30px;
	line-height: 36px;
}
/* Specific Jumbotrons
-------------------------------------------------- */
							  /* Supporting Docs Pages */
.subhead {
	padding-bottom: 0;
	margin-bottom: 9px;
}
.subhead h1 {
	font-size: 54px;
}
/* Sub Navigation
-------------------------------------------------- */
.subnav {
	width: 100%;
	height: 52px;
	background-color: #eeeeee; /* Old browsers */
	background-repeat: repeat-x; /* Repeat the gradient */
	background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
	background-image: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* IE10+ */
	background-image: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* W3C */
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.subnav .nav {
	margin-bottom: 0;
}


.subnav .nav > li > a {
    margin: 0;
    padding-top: 17px;
    padding-bottom: 17px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 0.75em;
}

.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
    padding-left: 13px;
    color: #777;
    background-color: #e9e9e9;
    border-right-color: #ddd;
    border-left: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
    font-size: 0.75em;
}

@media (min-width: 1210px) {

.subnav .nav > li > a {
	margin: 0;
	padding-top: 17px;
	padding-bottom: 17px;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #e5e5e5;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
    font-size: 1.0em;
}

.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
	padding-left: 13px;
	color: #777;
	background-color: #e9e9e9;
	border-right-color: #ddd;
	border-left: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .05);
    font-size: 1.0em;
} }

.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
	border-top-color: #777;
}
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
	border-left: 0;
	padding-left: 12px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
	border-right: 0;
}
.subnav .dropdown-menu {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}


/* Fixed subnav on scroll, but only for 980px and up (sorry IE!)
-------------------------------------------------- */
	@media (min-width: 980px) {
	.subnav-fixed {
	 position: fixed;
	 top: 40px;
	 left: 0;
	 right: 0;
	 z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
	 border-color: #d5d5d5;
	 border-width: 0 0 1px; /* drop the border on the fixed edges */
	 -webkit-border-radius: 0;
	 -moz-border-radius: 0;
	 border-radius: 0;
	 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
	 -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
	 box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
	 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
	}
	 .subnav-fixed .nav {
	 width: 938px;
	 margin: 0 auto;
	 padding: 0 1px;
	}
	 .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
	 -webkit-border-radius: 0;
	 -moz-border-radius: 0;
	 border-radius: 0;
	}
	}
/* Quick Links
-------------------------------------------------- */
.bs-links {
	margin: 36px 0;
}
.quick-links {
	min-height: 30px;
	margin: 0;
	padding: 5px 20px;
	list-style: none;
	text-align: center;
	overflow: hidden;
}
.quick-links:first-child {
	min-height: 0;
}
.quick-links li {
	display: inline;
	margin: 0 8px;
	color: #999;
}
.quick-links .github-btn, .quick-links .tweet-btn, .quick-links .follow-btn {
	position: relative;
	top: 5px;
}
/* Marketing Section of Overview
-------------------------------------------------- */
.marketing .row {
	margin-bottom: 9px;
}
.marketing h1 {
	margin: 36px 0 27px;
	font-size: 40px;
	font-weight: 300;
	text-align: center;
}
.marketing h2, .marketing h3 {
	font-weight: 300;
}
.marketing h2 {
	font-size: 22px;
}
.marketing p {
	margin-right: 10px;
}
.marketing .bs-icon {
	float: left;
	margin: 7px 10px 0 0;
	opacity: .8;
}
.marketing .small-bs-icon {
	float: left;
	margin: 4px 5px 0 0;
}
/* Footer
-------------------------------------------------- */
.footer {
	margin-top: 45px;
	padding: 35px 0 36px;
	border-top: 1px solid #e5e5e5;
}
.footer p {
	margin-bottom: 0;
	color: #555;
}
/* Special Grid Styles
-------------------------------------------------- */
.show-grid {
	margin-top: 10px;
	margin-bottom: 20px;
}
 .show-grid [class*="span"] {
	 background-color: #eee;
	 text-align: center;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 border-radius: 3px;
	 min-height: 30px;
	 line-height: 30px;
}
 .show-grid:hover [class*="span"] {
	 background: #ddd;
}
.show-grid .show-grid {
	margin-top: 0;
	margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
	 background-color: #ccc;
}
/* Render Mini Layout Previews
-------------------------------------------------- */
.mini-layout {
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.mini-layout {
	height: 240px;
	margin-bottom: 20px;
	padding: 9px;
}
.mini-layout div {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.mini-layout .mini-layout-body {
	background-color: #dceaf4;
	margin: 0 auto;
	width: 70%;
	height: 240px;
}
.mini-layout.fluid .mini-layout-sidebar, .mini-layout.fluid .mini-layout-header, .mini-layout.fluid .mini-layout-body {
	float: left;
}
.mini-layout.fluid .mini-layout-sidebar {
	background-color: #bbd8e9;
	width: 20%;
	height: 240px;
}
.mini-layout.fluid .mini-layout-body {
	width: 77.5%;
	margin-left: 2.5%;
}
/* Pop - Over Docs
-------------------------------------------------- */
.popover-well {
	min-height: 160px;
}
.popover-well .popover {
	display: block;
}
.popover-well .popover-wrapper {
	width: 50%;
	height: 160px;
	float: left;
	margin-left: 55px;
	position: relative;
}
.popover-well .popover-menu-wrapper {
	height: 80px;
}
.large-bird {
	margin: 5px 0 0 310px;
	opacity: .1;
}
/* Download Page
-------------------------------------------------- */
.download .page-header {
	margin-top: 36px;
}
.page-header .toggle-all {
	margin-top: 5px;
}
/* Space Out h3s When Following A Section 
-------------------------------------------------- */
.download h3 {
	margin-bottom: 5px;
}
.download-builder input + h3, .download-builder .checkbox + h3 {
	margin-top: 9px;
}
/* Fields for Variables 
-------------------------------------------------- */
.download-builder input[type=text] {
	margin-bottom: 9px;
	font-family: Menlo, Monaco, "Courier New", monospace;
	font-size: 12px;
	color: #d14;
}
.download-builder input[type=text]:focus {
	background-color: #fff;
}
/* Custom, Larger Checkbox Labels
-------------------------------------------------- */
.download .checkbox {
	padding: 6px 10px 6px 25px;
	color: #555;
	background-color: #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
.download .checkbox:hover {
	color: #333;
	background-color: #f5f5f5;
}
.download .checkbox small {
	font-size: 12px;
	color: #777;
}
/* Variables Section
-------------------------------------------------- */
#variables label {
	margin-bottom: 0;
}
/* Giant Download Button
-------------------------------------------------- */
.download-btn {
	margin: 36px 0 108px;
}
#download p, #download h4 {
	max-width: 50%;
	margin: 0 auto;
	color: #999;
	text-align: center;
}
#download h4 {
	margin-bottom: 0;
}
#download p {
	margin-bottom: 18px;
}
.download-btn .btn {
	display: block;
	width: auto;
	padding: 19px 24px;
	margin-bottom: 27px;
	font-size: 30px;
	line-height: 1;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/* Color Swatches on LESS Docs Page
-------------------------------------------------- */
					  /* Sets the width of the td */
.swatch-col {
	width: 30px;
}
/* Le swatch */
.swatch {
	display: inline-block;
	width: 30px;
	height: 20px;
	margin: -6px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* For white swatches, give a border */
.swatch-bordered {
	width: 28px;
	height: 18px;
	border: 1px solid #eee;
}
/* Misc
-------------------------------------------------- */

/* Make tables spaced out a bit more */
h2 + table, h3 + table, h4 + table, h2 + .row {
	margin-top: 5px;
}
/* Example sites showcase */
.example-sites img {
	max-width: 100%;
	margin: 0 auto;
}
.marketing-byline {
	margin: -18px 0 27px;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
	color: #999;
	text-align: center;
}
.scrollspy-example {
	height: 200px;
	overflow: auto;
	position: relative;
}
/* Remove bottom margin on example forms in wells */
form.well {
	padding: 14px;
}
/* Tighten up spacing */
.well hr {
	margin: 18px 0;
}
/* Fake the :focus state to demo it */
.focused {
	border-color: rgba(82, 168, 236, .8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
	outline: 0;
}
/* For input sizes, make them display block */
.docs-input-sizes select, .docs-input-sizes input[type=text] {
	display: block;
	margin-bottom: 9px;
}
/* Icons
------------------------- */
.the-icons {
	margin-left: 0;
	list-style: none;
}
.the-icons i:hover {
	background-color: rgba(255, 0, 0, .25);
}
/* Examples page
------------------------- */
.bootstrap-examples .thumbnail {
	margin-bottom: 9px;
	background-color: #fff;
}
/* Responsive table
------------------------- */
.responsive-utilities th small {
	display: block;
	font-weight: normal;
	color: #999;
}
.responsive-utilities tbody th {
	font-weight: normal;
}
.responsive-utilities td {
	text-align: center;
}
.responsive-utilities td.is-visible {
	color: #468847;
	background-color: #dff0d8 !important;
}
.responsive-utilities td.is-hidden {
	color: #ccc;
	background-color: #f9f9f9 !important;
}
/* Responsive tests
------------------------- */
.responsive-utilities-test {
	margin-top: 5px;
	margin-left: 0;
	list-style: none;
	overflow: hidden; /* clear floats */
}
.responsive-utilities-test li {
	position: relative;
	float: left;
	width: 25%;
	height: 43px;
	font-size: 14px;
	font-weight: bold;
	line-height: 43px;
	color: #999;
	text-align: center;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.responsive-utilities-test li + li {
	margin-left: 10px;
}
.responsive-utilities-test span {
	position: absolute;
	top:    -1px;
	left:   -1px;
	right:  -1px;
	bottom: -1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.responsive-utilities-test span {
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
}


/* Responsive Docs
-------------------------------------------------- */
@media (max-width: 480px) {

/* Reduce padding above jumbotron */
body {
    padding-top: 70px;
}

/* Change up some type stuff */
h2 {
    margin-top: 27px;
}
h2 small {
    display: block;
    line-height: 18px;
}
 h3 {
    margin-top: 18px;
}

/* icons */
.marketing .bs-icon {
    margin: 0;
}

    /* Adjust the jumbotron */
.jumbotron h1,  .jumbotron p {
	 text-align: center;
	 margin-right: 0;
}
 .jumbotron h1 {
 font-size: 45px;
 margin-right: 0;
}
 .jumbotron p {
 margin-right: 0;
 margin-left: 0;
 font-size: 18px;
 line-height: 24px;
}
 .jumbotron .btn {
 display: block;
 font-size: 18px;
 padding: 10px 14px;
 margin: 0 auto 10px;
}
    /* Masthead (home page jumbotron) */
    .masthead {
 padding-top: 0;
}

    /* Don't space out quick links so much */
    .quick-links {
 margin: 40px 0 0;
}
    /* hide the bullets on mobile since our horizontal space is limited */
    .quick-links .divider {
 display: none;
}

    /* center example sites */
    .example-sites {
 margin-left: 0;
}
 .example-sites > li {
 float: none;
 display: block;
 max-width: 280px;
 margin: 0 auto 18px;
 text-align: center;
}
 .example-sites .thumbnail > img {
 max-width: 270px;
}
 table code {
 white-space: normal;
 word-wrap: break-word;
 word-break: break-all;
}

    /* Modal example */
    .modal-example .modal {
 position: relative;
 top: auto;
 right: auto;
 bottom: auto;
 left: auto;
}
}
 @media (max-width: 768px) {

    /* Remove any padding from the body */
    body {
 padding-top: 0;
}

    /* Jumbotron buttons */
    .jumbotron .btn {
 margin-bottom: 0px;
}

    /* Subnav */
    .subnav {
 position: static;
 top: auto;
 z-index: auto;
 width: auto;
 height: auto;
 background: #fff; /* whole background property since we use a background-image for gradient */
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 .subnav .nav > li {
 float: none;
}
 .subnav .nav > li > a {
 border: 0;
}
 .subnav .nav > li + li > a {
 border-top: 1px solid #e5e5e5;
}
 .subnav .nav > li:first-child > a,  .subnav .nav > li:first-child > a:hover {
 -webkit-border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
 border-radius: 4px 4px 0 0;
}

    /* Popovers */
    .large-bird {
 display: none;
}
 .popover-well .popover-wrapper {
 margin-left: 0;
}

    /* Space out the show-grid examples */
    .show-grid [class*="span"] {
 margin-bottom: 5px;
}

    /* Unfloat the back to top link in footer */
    .footer .pull-right {
 float: none;
}
 .footer p {
 margin-bottom: 9px;
}
}
 @media (min-width: 480px) and (max-width: 768px) {

    /* Scale down the jumbotron content */
    .jumbotron h1 {
 font-size: 54px;
}
 .jumbotron p {
 margin-right: 0;
 margin-left: 0;
}
}
 @media (min-width: 769px) and (max-width: 980px) {

    /* Remove any padding from the body */
    body {
 padding-top: 0;
}

    /* Scale down the jumbotron content */
    .jumbotron h1 {
 font-size: 72px;
}
}
 @media (max-width: 980px) {

    /* Unfloat brand */
    .navbar-fixed-top .brand {
 float: left;
 margin-left: 0;
 padding-left: 10px;
 padding-right: 10px;
}

    /* Inline-block quick links for more spacing */
    .quick-links li {
 display: inline-block;
 margin: 5px;
}
}


/* LARGE DESKTOP SCREENS */
@media (min-width: 1210px) {

    /* Update subnav container */
    .subnav-fixed .nav {
 width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */
}
}
/* tims additions */

#homepage-articles-well {
	height: 26px;
}
.navbar-signin {
	position: relative;
	float: left;
	margin-top: 6px;
	margin-bottom: 0;
}
.navbar-signin .signin-input {
	padding: 4px 9px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	color: #ffffff;
	background-color: #626262;
	border: 1px solid #151515;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, 0.15);
	transition: none;
}

.navbar-signin .signin-input:focus, .navbar-signin .signin-input.focused {
	padding: 5px 10px;
	color: #333333;
	text-shadow: 0 1px 0 #ffffff;
	background-color: #ffffff;
	border: 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	outline: 0;
}
form.form-inline {
	margin: 0 0 0 0;
}
form#formquicknewsletter {
	display: inline !important;
	margin-top: -4px;
}
li.quicknewsletter {
	text-align: center;
}
li.quickfollow {
	margin-top: -2px;
}
#quicksearch, #quicksignin {
	margin-top: 4px;
}
#overview {
	margin-top: 12px;
}
#bottom-banner {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#topiclinks {
	margin-top: 20px;
}
#communicationslinks {
	margin-top: 20px;
}
#copyright {
	margin-top: 20px;
}
#copyright-notice {
	padding-top: 15px;
}
ul.homepage-articles-nav {
	margin-top: -5px;
}
/** listings **/

.listing p {
	color: black !important;
	text-decoration: none;
}
.listing-content p {
    text-align: justify;	
}
.listing p.price {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bolder;
	text-decoration: none;
}
.listing p.summary {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;

}


div.topic-section .listing p {
    color: black !important;
    text-decoration: none;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    text-align: left;
    text-justify: auto;
}


div.topic-section .listing p.summary {
    font-size: 1.0em;
    line-height: 1.2em;
    font-weight: normal;
    text-decoration: none;
    hyphens: auto;
    text-align: left;
    text-justify: auto;

}


div.listing.listing-user p.summary {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
	padding-left: 8px !important;

}
div.listing.listing-user {
	margin-bottom: 5px !important;
}
div.content-group-description {
	overflow: hidden;
	min-height: 94px;
	max-height: 94px;

}
.listing.related p.summary {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
}
 div.listing.homepage-forum p.summary, div.listing.homepage-article p.summary {
 font-size: 1.0em;
 line-height: 1.5em;
 font-weight: normal;
 overflow: hidden;
 min-height: 150px;
 max-height: 150px;
 text-decoration: none;
 margin-bottom: 5px;
     hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     text-align: left;
    text-justify: auto;
}
div.listing.homepage-advert p.summary {
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: normal;
	overflow: hidden;
	min-height: 150px;
	max-height: 150px;
	text-decoration: none;
	margin-bottom: 5px;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    text-align: left;
   text-justify: auto;
}

div.listing.homepage-article p.summary {
    font-size: 1.0em;
    line-height: 1.5em;
    font-weight: normal;
    overflow: hidden;
    min-height: 150px;
    max-height: 150px;
    text-decoration: none;
    margin-bottom: 5px;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    text-align: left;
    text-justify: auto;
}

section#article-view hr, section#blog-view hr, section#question-view hr {
	color: black;
	border-color: dimgrey;
	border-width: 3px;
}

section#article-view div.content, section#blog-view div.content, section#question-view div.content {
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    text-align: left;
   text-justify: auto;
	font-size: 1.6em !important;
}



section#article-view div.content p, section#blog-view div.content p, section#question-view div.content p{
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	text-align: left;
	text-justify: auto;
	font-size: 1.0em !important;
}



/* LARGE DESKTOP SCREENS */
@media (min-width: 1210px) {
 div.listing.homepage-forum p.summary, div.listing.homepage-article p.summary {
 font-size: 1.0em;
 line-height: 1.2em;
 font-weight: normal;
 overflow: hidden;
 min-height: 143px;
 max-height: 143px;
 text-decoration: none;
 margin-top: 3px;
 margin-bottom: 10px;
 hyphens: auto;
 -moz-hyphens: auto;
 -webkit-hyphens: auto;
     text-align: left;
    text-justify: auto;
}
 div.listing.homepage-advert p.summary {
 font-size: 1.0em;
 line-height: 1.2em;
 font-weight: normal;
 overflow: hidden;
 min-height: 138px;
 max-height: 138px;
 text-decoration: none;
 margin-bottom: 5px;
     hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     text-align: left;
    text-justify: auto;
}
 div#related-articles div.content-group-description, div#related-adverts div.content-group-description {
 overflow: hidden;
 min-height: 114px;
 max-height: 114px;
     hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
     text-align: left;
    text-justify: auto;
}
 div#related-adverts div.content-group-description {

     overflow: hidden;
     min-height: 120px;
     max-height: 120px;
}
}
div.listing.homepage-album {
	padding-right:10px;
}
div.listing.search-album {
	padding-right:15px;
	padding-top:20px;
}
div.listing.search-album p.summary, div.listing.homepage-album p.summary {
	min-height: 50px;
}
img.album-mini-thumb {
	height: 40px;
}
div.listing.homepage-album h3.title {
	min-height: 40px;
	max-height: 40px;
	/*font-size: 25px !important;*/
	line-height: 20px;
	overflow: hidden;
}
.listing.related {
	margin-bottom:5px;
}
.listing.related h3 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 3px;
    text-decoration: underline !important;
    color: blue;
}
.listing.related p.price {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
	margin-top:3px;
	margin-bottom: 2px;
}
.listing.related img {
	width: 130px;
	height: auto;
}
.listing a img.pull-right {
	margin-bottom: 4px;
	margin-left: 10px;
}
.listing a img.pull-left, .listing.related a img.pull-left {
	margin-bottom: 4px;
	margin-right: 10px;
}
/* External Content Image Width Limitations
-------------------------------------------------- */
section.external div.content img {
	display: block;
	max-width: 750px;
}
.actionbar {
	padding:0px 2px;
	margin:0 0 2px;
	list-style:none;
}
.actionbar li {
	display:inline-block;
 *display:inline;
 *zoom:1;
}
.actionbar .divider {
	padding:0 0px;
	color:#999999;
}
.actionbar .active a {
	color:#333333;
}
.breadcrumb {
	padding:7px 7px;
	margin:0 0 4px;
	list-style:none;
	background-color:#fbfbfb;
	background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
	background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image:linear-gradient(top, #ffffff, #f5f5f5);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
	border:1px solid #ddd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 0 #ffffff;
	-moz-box-shadow:inset 0 1px 0 #ffffff;
	box-shadow:inset 0 1px 0 #ffffff;
}
.breadcrumb li {
	display:inline-block;
*display:inline;
*zoom:1;
	text-shadow:0 1px 0 #ffffff;
}
.breadcrumb .divider {
	padding:0 5px;
	color:#999999;
}
.breadcrumb .active a {
	color:#333333;
}
ul.breadcrumb {
	min-height: 20px;
	max-height: 20px;
}
ul.breadcrumb li {
	padding-top: 4px;
}
ul.actionbar {
	min-height: 32px;
	max-height: 32px;
}
ul.actionbar li {
	padding-top: 0px;
}
ul.actionbar li.quicksearch {
	padding-top: 0px;
	margin-top:-4px;
}
ul.actionbar li.quickfollow {
	padding-top: 4px;/*    margin-top:-4px;   */
}
ul.actionbar li.topnewsletter {
	padding-top: 0px;/*    margin-top:-4px;   */
}
input#quicksearch_go, input#quicknewsletter_go {
	min-height: 28px;
	max-height: 28px;
}
.navbar .nav li a {
	line-height: 19px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* ----------------------------------------------Newsletter-------------------------------------*/

#newsletter form {
	display:block;
	width:250px;
	margin:0;
	padding:10px 0 0 0;
	border:none;
}
#newsletter input {
	display:block;
	width:160px;
	margin:0 0 10px 0;
	padding:5px;
	color:#FFFFFF;
	background-color:#2684B7;
	border:1px solid #1C5E82;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#newsletter input#newsletter_go {
	width:58px;
	height:62px;
	margin:0;
	padding:0;
	font-weight:bold;
	text-transform:uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:60px;
	cursor:pointer;
}
/*----------------------------------------------Additional Style Properties----------------------------------------------*/
div.well a.morelink, h3.well a.morelink {
	font-size: 0.7em;
	float: right;
}
/* User object sp4 */

.btn-user-addressbook-sp4 {
	min-height: 70px;
	max-height: 70px;
	min-width:  230px;
	max-width:  230px;
	overflow: hidden;
	text-align: left;
}




.btn-user-addressbook-nodropdown-sp4 {
    width: 90%;
	text-align: left;
}

.btn-user-addressbook-dropdown-sp4 {
	min-height: 80px;
	max-height: 80px;
	overflow: hidden;
    text-align: left;
}
 @media (max-width: 979px) and (min-width: 769px) {
.btn-user-addressbook-sp4 {
 min-height: 70px;
 max-height: 70px;
 min-width:  180px;
 max-width:  180px;
 overflow: hidden;
 text-align: left;
}
 .btn-user-addressbook-nodropdown-sp4 {
 min-height: 70px;
 max-height: 70px;
 min-width:  228px;
 max-width:  338px;
 overflow: hidden;
 text-align: left;
}
}
 @media (min-width: 1210px) {
 .listing.related img {
 width: 154px;
 height:auto;
}
 .btn-user-addressbook-sp4 {
 min-height: 70px;
 max-height: 70px;
 min-width:  314px;
 max-width:  314px;
 overflow: hidden;
 text-align: left;
}
 .btn-user-addressbook-nodropdown-sp4 {
 min-height: 70px;
 max-height: 70px;
 min-width:  340px;
 max-width:  340px;
 overflow: hidden;
 text-align: left;
}
}
.btn-user-addressbook-title-sp4 {
	font-size: 16px !important;
	font-weight: bold !important;
	line-height: 17px;
	min-height: 22px;
	max-height: 22px;
	overflow: hidden;
}
/** User object sp4 ***/


.btn-user-addressbook-sp3 {
	min-height: 70px;
	max-height: 70px;
	min-width:  230px;
	max-width:  230px;
	overflow: hidden;
	text-align: left;
}
.btn-user-addressbook-nodropdown-sp3 {
	min-height: 70px;
	max-height: 70px;
	min-width:  280px;
	max-width:  280px;
	overflow: hidden;
	text-align: left;
}
.btn-user-addressbook-dropdown-sp3 {
	min-height: 80px;
	max-height: 80px;
	overflow: hidden;
}
 @media (max-width: 979px) and (min-width: 769px) {
 .btn-user-addressbook-sp3 {
 min-height: 70px;
 max-height: 70px;
 min-width:  180px;
 max-width:  180px;
 overflow: hidden;
 text-align: left;
}
 .btn-user-addressbook-nodropdown-sp3 {
 min-height: 70px;
 max-height: 70px;
 min-width:  208px;
 max-width:  338px;
 overflow: hidden;
 text-align: left;
}
}
 @media (min-width: 1210px) {
 .btn-user-addressbook-sp3 {
 min-height: 70px;
 max-height: 70px;
 min-width:  323px;
 max-width:  323px;
 overflow: hidden;
 text-align: left;
}
 .btn-user-addressbook-nodropdown-sp3 {
 min-height: 70px;
 max-height: 70px;
 min-width:  350px;
 max-width:  350px;
 overflow: hidden;
 text-align: left;
}
}
.btn-user-addressbook-title-sp3 {
	font-size: 16px !important;
	font-weight: bold !important;
	line-height: 17px;
	min-height: 22px;
	max-height: 22px;
	overflow: hidden;
}
/** User object Common styles **/

.btn-user-addressbook-userstatus {
	min-height: 22px;
	max-height: 22px;
	overflow: hidden;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 12px !important;
	color: white !important;
}
.btn-user-addressbook-contribution {
	min-height: 22px;
	max-height: 22px;
	overflow: hidden;
	font-size: 9px !important;
	line-height: 10px !important;
	color: white !important;
}
/****** user info button *****************************************/

.navbar .nav .user-dropdown-menu li a {
	line-height: 19px;
	color: black !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar .nav>li.user-posted-by>a {
	padding-right: 0px !important;
}
.navbar .nav>li.user-posted-name>a {
	padding-left: 3px !important;
}
.flush-right {
	margin-right: 0px !important;
}
.flush-left {
	margin-left: 0px !important;
}
.btn-user-small {
	min-height: 80px;
	max-height: 80px;
	min-width:  100px;
	max-width:  100px;
	overflow: hidden;
	text-align: left;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.btn-user-small-nodropdown {
	min-height: 80px;
	max-height: 80px;
	min-width:  125px;
	max-width:  125px;
	overflow: hidden;
	text-align: left;
}
.btn-user-small-dropdown {
	min-height: 90px;
	max-height: 90px;
	overflow: hidden;
	padding: 1px;
!important;
}
.btn-user-small-title {
	padding-top: -2px;
	padding-left: 0;
	padding-bottom: 2px;
	font-size: 14px !important;
	font-weight: bold !important;
	line-height: 13px;
	min-height: 17px;
	max-height: 17px;
	overflow: hidden;
}
img.btn-user-small-image {
	width: 40px;
	height: 40px;
	border: 2px white solid;
}
.btn-user-small-member {
	visibility: hidden;
}
.btn-user-small-action {
	padding-top: 1px;
	padding-left: 3px;
	text-align: center;
	width: 60px;
	font-size: 13px !important;
	font-weight: bold !important;
	line-height: 10px;
	min-height: 10px;
	max-height: 10px;
	overflow: hidden;
}
.btn-user-small-action-value {
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	font-size: 22px !important;
	font-weight: bold !important;
	line-height: 22px;
	text-align: center;
	width: 60px;
	min-height: 17px;
	max-height: 17px;
	overflow: hidden;
}
.btn-user-small-action-units {
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	font-size: 10px !important;
	font-weight: bold !important;
	line-height: 10px;
	text-align: center;
	width: 60px;
	min-height: 9px;
	max-height: 9px;
	overflow: hidden;
}
 @media (min-width: 1210px) {
.btn-user-small {
 min-height: 80px;
 max-height: 80px;
 min-width:  132px;
 max-width:  132px;
 overflow: hidden;
 text-align: left;
 padding-left: 5px !important;
 padding-right: 5px !important;
}
 .btn-user-small-nodropdown {
 min-height: 80px;
 max-height: 80px;
 min-width:  135px;
 max-width:  135px;
 overflow: hidden;
 text-align: left;
}
 .btn-user-small-dropdown {
 min-height: 90px;
 max-height: 90px;
 overflow: hidden;
 padding: 1px;
!important;
}
 .btn-user-small-title {
 padding-top: -2px;
 padding-left: 0px;
 padding-bottom: 2px;
 font-size: 14px !important;
 font-weight: bold !important;
 line-height: 13px;
 min-height: 17px;
 max-height: 17px;
 overflow: hidden;
}
 img.btn-user-small-image {
 width: 40px;
 height: 40px;
 border: 2px white solid;
}
 .btn-user-small-member {
 padding-left: 3px;
 padding-top: 4px;
 font-size: 8px !important;
 font-weight: bold !important;
 line-height: 10px;
 min-height: 11px;
 max-height: 11px;
 overflow: hidden;
 width: 120px;
 text-align: center;
 visibility: visible;
}
 .btn-user-small-action {
 padding-top: 1px;
 padding-left: 3px;
 text-align: center;
 width: 70px;
 font-size: 13px !important;
 font-weight: bold !important;
 line-height: 10px;
 min-height: 10px;
 max-height: 10px;
 overflow: hidden;
}
 .btn-user-small-action-value {
 padding-top: 3px;
 padding-left: 3px;
 padding-bottom: 3px;
 font-size: 22px !important;
 font-weight: bold !important;
 line-height: 22px;
 text-align: center;
 width: 70px;
 min-height: 17px;
 max-height: 17px;
 overflow: hidden;
}
 .btn-user-small-action-units {
 padding-top: 3px;
 padding-left: 3px;
 padding-bottom: 2px;
 font-size: 10px !important;
 font-weight: bold !important;
 line-height: 10px;
 text-align: center;
 width: 70px;
 min-height: 9px;
 max-height: 9px;
 overflow: hidden;
}
}
a.discussion-header-link {
	margin-top: -25px;
}
div.discussion-thought {
	padding: 20px;
	min-width: 500px;
	max-width: 500px;
	min-height: 48px;
}


.btn-group > .btn, .btn-group > .dropdown-menu {
	font-size: 12px;
}
/*----------------------------------------------Homepage Index2 Items - Overrides----------------------------------------------*/


.homepage-items .well h1 {
	line-height:16px;
	font-size: 18px !important;
}


.homepage-items h3 {
	line-height: 1.3em !important;
}

.homepage-items a h3 {
    line-height: 1.3em !important;
    text-decoration: underline !important;
    color: blue;
}


/* .homepage-items p.summary, .column-section .hompage-advert p.summary {
	line-height: 1.3em !important;
}
*/

.homepage-category-articles a p.link,  .homepage-category-articles a h3.link{
	font-weight: bolder;
	font-size: 14px;
!important;
	line-height: 1.0em !important;
	margin: 0 0 7px !important;
}



#communicationslinks .span3 .social-fb {
	padding: 10px 0px 0px 13px !important;
}
#communicationslinks .span3 .social-google {
	padding: 10px 0px 0px 10px !important;
}
#communicationslinks .span3 .social-twitter {
	padding: 10px 0px 0px 20px !important;
}
.homepage-category-articles .span4 a p.link {
	border-bottom: dotted 1px #0088CC;
	padding: 0px 0px 10px 0px;
}
.span4 a {
	/* text-decoration:none !important; */
}
ul.refinements li {
	font-size: 12px !important;
	list-style: none;
	margin-left: -21px;
}
ul.refinements li span.total {
	font-size: 10px !important;
	color: #000000;
}
input#searchbox-object {
	width: 120px;
	margin:0px;
	padding: 3px;
}
div.listing-ad-content {
	margin-bottom: 5px;
}
div.listing-ad-content a.listing-title-url, div.listing-article-content_ a.listing-title-url, div.listing-skoolz-content a.listing-title-url, div.listing-skoolz-content span.listing-title, div.listing-biz-content a.listing-title-url, div.listing-biz-content span.listing-title, div.listing-group-content a.listing-title-url, div.listing-orgz-content a.listing-title-url, div.listing-eventz-content a.listing-title-url, div.listing-feed-content a.listing-title-url {
	font-size: 1.0em;
	/*color: #0000DD; 
    text-decoration: underline; */
    text-decoration-color: #0000DD;
	/*font-weight: bold; */ 
}
div.listing-ad-content div.listing-price {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}
div.banner {
	text-align: center !important;
    margin-top: 10px;
    margin-bottom:10px;
}
div.side-banner {
	margin-bottom: 20px;
}
div.banner-topbottom-inner {
	display: inherit;
}
div.banner-side-inner {
	display: inline-block !important;
}
ul li.nobullet {
	list-style: none;
	text-indent: -0.99em;
	padding-left: -0.1em;
}
button.actions-button {
	text-align: left;
	margin-bottom: 4px;
}
button.actions-button-view-details {
	padding-left: 20px;
	text-align: left;
	width: 130px;
	margin-bottom: 4px;
}
button.actions-button-bookmark {
	padding-left: 20px;
	text-align: left;
	width: 135px;
	margin-bottom: 4px;
}
button.actions-button-contact {
	padding-left: 20px;
	text-align: left;
	width: 100px;
	margin-bottom: 4px;
}
img.details-image {
	float: left;
	margin-right: 0.9em;
	margin-bottom: 0.9em;
}
ul.prod-attibs {
	padding: 0.5em;
}
ul.prod-attibs li {
	overflow:hidden;
	background: #F6F6F6;
	margin:0 0 5px 0;
	padding:3px 0px 3px 7px;
}
ul.prod-attibs li span {
	float: left;
	clear: left;
	width: 190px;
	text-align: left;
	font-weight: bold;
}
div.add-to-cart {
	border: 1px solid #dedede;
	margin: 3px !important;
	padding:3px !important;
	text-align: center;
}
div.add-to-cart a#add-cart-link {
	font-size: 1.7em;
	font-weight: bold;
}
div.add-to-cart div {
	text-align: left;
	margin: 10px;
}
div.add-to-cart div em {
	color: #9f0000;
	font-weight: bold;
}
div.object-header h1 {
	padding-top: 10px;
	font-size: 1.7em;
}
div.object-header img.thumbnail {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
div.object-header p.price {
	font-weight: bolder;
	font-size: 1.8em;
}
div.object-header p.price-type {
	margin-top: 15px;
	font-weight: bolder;
	font-size: 1.0em;
}
section {
	padding-top: 0px !important; /* i know i said no general overides, but having a pad on this is stupid */
}
/*-------Overrides / Channel Browse Heads--------*/
section#advert-browse ul, .listing-ad-actions-box ul, section#article-browse ul, section#group-browse ul, section#biz-browse ul, section#orgz-browse ul, section#skoolz-browse ul, section#eventz-browse ul, section#feed-browse ul, section#album-browse ul, section#search-index ul, section#mine-browse ul {
	margin: 0px !important;
	list-style: none;
}
section#advert-browse div.adverts-head .table td, section#article-browse div.articles-head .table td, section#group-browse div.groups-head .table td, section#biz-browse div.biz-head .table td, section#orgz-browse div.orgz-head .table td, section#skoolz-browse div.skoolz-head .table td, section#eventz-browse div.eventz-head .table td, section#feed-browse div.feed-head .table td, section#album-browse div.albums-head .table td {
	border-top: none !important;
	padding-left: 0px !important;
	width: 60% !important;
}
ul.refinements li {
	margin: 0 !important;
	padding: 0;
	font-size: 0.6em;
}
ul.dropdown-menu.dropdown-menu-categories li a {
	color: #000000;
}
div.listing-content a.title-url {
	font-size: 1.0em;
}

section#advert-browse div.adverts-head ul.textCollections li, section#advert-search div.adverts-head ul.textCollections li, section#article-browse div.articles-head ul.textCollections li, section#article-search div.articles-head ul.textCollections li, section#group-browse div.groups-head ul.textCollections li, section#group-search div.groups-head ul.textCollections li, section#biz-browse div.biz-head ul.textCollections li, section#biz-search div.biz-head ul.textCollections li, section#orgz-browse div.orgz-head ul.textCollections li, section#orgz-search div.orgz-head ul.textCollections li, section#skoolz-browse div.skoolz-head ul.textCollections li, section#skoolz-search div.skoolz-head ul.textCollections li, section#eventz-browse div.eventz-head ul.textCollections li, section#eventz-search div.eventz-head ul.textCollections li, section#feed-browse div.feed-head ul.textCollections li, section#feed-search div.feed-head ul.textCollections li, section#album-browse div.albums-head ul.textCollections li, section#albums-search div.albums-head ul.textCollections li {
	border-bottom: 1px solid #DDDDDD;
	list-style: none outside none;
	margin: 0;
	padding: 6px 2px 6px 10px;
}
section#advert-browse div.adverts-head li div span, section#article-browse div.articles-head li div span, section#group-browse div.groups-head li div span, section#biz-browse div.biz-head li div span, section#biz-search div.biz-head li div span, section#orgz-browse div.orgz-head li div span, section#skoolz-browse div.skoolz-head li div span, section#skoolz-search div.skoolz-head li div span {
	color: #888888;
	float: right;
}
/*** album **/

img.album-view-thumbnail {
	margin-bottom: 4px;
	width: 189px;
	height: 189px;
}

div.album-view-thumbnail-wrap{
    height:192px;
    overflow:hidden;
    position:relative;
    width:192px;
    display: inline-block;
}

div.album-view-thumbnail-overlay{
    background-color:#000;
    bottom:4px;
    color:#fff;
    opacity:0;
    filter: alpha(opacity = 0);
    position:absolute;
    width:189px;
    height: 189px;
    z-index:1000;
}

div.album-view-thumbnail-overlay div.button-bar {
    position: absolute;
    top: 115px;
    left: 20px;;
}


div.album-view-thumbnail-overlay h4{
    padding:0 10px;
    font-size: 1.2em;
}


div.album-view-thumbnail-overlay p{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.8em;
    line-height: 0.7em;;
}
div.album-view-thumbnail-wrap:hover div.album-view-thumbnail-overlay{
    opacity:0.60;
    filter: alpha(opacity = 100);
    transition:opacity 0.25s;
    -moz-transition:opacity 0.25s;
    -webkit-transition:opacity 0.25s;
}


/* social buttons */

#socialbuttons {
	position: relative;
	left: -38px;
	top: 20px;
	min-height: 120px;
}
ul.nav button.btn-object-action {
	position: relative !important;
	top: -8px !important;
	left: -1px !important;
}
ul.nav button.btn-object-action.btn-object-large {
	position: relative;
	top: -20px !important;
	left: 10px;
	height: 55px;
	width: 165px;
	font-size:1.6em;
}
div#header-action-navbar {
	margin-bottom: 20px;
}
div#header-action-navbar div.navbar-inner {
	min-height: 48px;
}
#shareme .box {
	float:right;
	margin:0% 0% 0 8%;
	width:100%;
}
#shareme .box a {
	color:#404040;
	text-shadow: 0 1px 1px rgba(167, 167, 167, .4);
}
#shareme .box a:hover {
	text-decoration:none;
}
#shareme .count {
	font-weight:bold;
	font-size:50px;
	float:left;
	border-right:2px solid #57b8d1;
	line-height:40px;
	padding-right:10px
}
#shareme .share {
	float:left;
	margin-left:10px;
	font-size:20px;
	width:82px;
}
#shareme .buttons {
	position: absolute;
	width:235px;
	background-color:#fff;
	border: 1px solid rgba(0, 0, 0, .2);
	padding:10px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
#shareme .button {
	float:left;
	max-width:50px;
	margin:0 10px 0 0;
}
#shareme .facebook {
	margin:0 4px 0 0;
}
 @media (min-width:1210px) {

/* social buttons */

#socialbuttons {
 //position: relative;
 //left: 15px;
 //top: 20px;
 min-height: 120px;
 /*margin-left: 0px !important;*/
 width:230px;
}
 div#slideshow-controls {
 position: relative;
 left: 40px;
}
 ul.nav button.btn-object-action {
 position: relative;
 top: -8px;
 left: -1px;
}
 div#header-action-navbar {
 margin-bottom: 20px;
}
#shareme {
margin-left: 20px;	
}
 #shareme .box {
 float:right;
 margin:2% 2% 0 2%;
 width:100%;
}
 #shareme .box a {
 color:#404040;
 text-shadow: 0 1px 1px rgba(167, 167, 167, .4);
}
 #shareme .box a:hover {
 text-decoration:none;
}
 #shareme .count {
 font-weight:bold;
 font-size:50px;
 float:left;
 border-right:2px solid #57b8d1;
 line-height:40px;
 padding-right:10px
}
 #shareme .share {
 float:left;
 margin-left:10px;
 font-size:20px;
 width:75px;
}
 #shareme .buttons {
 position: absolute;
 width:230px;
 background-color:#fff;
 border: 1px solid rgba(0, 0, 0, .2);
 padding:10px;
 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
 box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
 #shareme .button {
 float:left;
 max-width:50px;
 margin:0 7px 0 0;
}
 #shareme .facebook {
 margin:0 4px 0 0;
}
}
/* speech and thought bubbles */


.bubble {
	position: relative;
	background-color: #fff;
	border: 8px solid #666;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 12px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}
.thought {
	width: 130px;
	line-height: 20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 50px;
}
.bubble:before, .bubble:after {
	content: ' ';
	/*position: absolute;*/
	width: 0;
	height: 0;
}
div.speech:before {
	left: -52px;
	top: 10px;
	border: 25px solid;
	border-color: transparent #666 transparent transparent;
}
div.speech:after {
	left: -30px;
	top: 20px;
	border: 15px solid;
	border-color: transparent #fff transparent transparent;
}
div.speech-right:before {
	position: absolute;
	left: -10px;
	top: 0px;
	border: 28px solid;
	border-color: transparent transparent transparent #666;
	z-index: 2000;
}
div.speech-right:after {
	position: relative;
	left: -10px;
	top: 0px;
	border: 17px solid;
	border-color: transparent transparent transparent #fff;
	z-index: 2000;
}
.thought:before, .thought:after {
	left: -40px;
	top: -5px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border: 8px solid #666;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
}
.thought:after {
	width: 20px;
	height: 20px;
	left: -70px;
	top: -10px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
.bubble-drop:after {
	content: "Drop new photos here";
	padding: 17px;
	line-height: 2.8em;
	font-size: 1.6em;
	/*left: 475px;*/
	top: -105px;
	width: 250px;
	height: 60px;
	color: white;
	text-align: center;
	text-shadow: 0.1em 0.1em #333;
	background-color: #666;
	/*border: 8px solid #666;*/
-webkit-border-top-right-radius: 28px;
-moz-border-radius-topright: 28px;
border-top-right-radius: 28px;
}


div.transbubble {
	position: relative;
	padding:10px;
	border: 8px solid #666;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 12px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}
div.transbubble:before, div.transbubble:after {
	content: ' ';
	/*position: absolute;*/
	width: 0;
	height: 0;
}

.bqstart {
	float: left;
	height: 45px;
	margin-top: 10px;
	padding-top: 0px;
	margin-bottom: 0px;
	font-size: 700%;
    line-height: 1.0em;
	color: #666;
}
.bqend {
	float: right;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	font-size: 700%;
    line-height: 1.0em;
    color: #666;
}
.bqtext {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	vertical-align: baseline;
	margin-bottom: 40px;
    width: 80%;
}
.navbar-inner-comments {
	min-height:40px;
	padding-left:20px;
	padding-right:20px;
	background-color:#888;
	background-image:-moz-linear-gradient(top, #888888, #666666);
	background-image:-ms-linear-gradient(top, #888888, #666666);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#888888), to(#666666));
	background-image:-webkit-linear-gradient(top, #888888, #666666);
	background-image:-o-linear-gradient(top, #888888, #666666);
	background-image:linear-gradient(top, #888888, #666666);
	background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#666666', GradientType=0);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
	box-shadow:0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1);
}
ul.object-byline {
	margin: 0px 0px 0px 0px;
}
ul.object-byline li {
	display: inline-block;
}
ul.object-byline li a {
	color: #2f4f4f;
}
ul.tiny-byline {
	margin: 0px 0px 0px 0px;
	padding-right:15px;
}
ul.tiny-byline li {
	display: block !important;
}
ul.tiny-byline li a {
	color: #2f4f4f;
	font-size: 11px;
}
.bonsai-dialog {
	background-color: #f5f5f5;
	position: relative;
	background-color: #fff;
	border: 8px solid #666;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 12px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}
div.bonsai-dialog-inner {
	padding: 10px;
}
.ui-icon-closethick {
	background-color: #f5f5f5;
	border: 2px solid #666;
	padding: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div.step-wrap button.span4 {
	height: 120px;
}
div.step-wrap button.span4 div.page-header {
	border-bottom: 0;
}
div.warning-warning {
	padding: 5px;
	border-width:9px 9px 9px 9px;
	border-image: url('../img/hazzard.png') 29 24 30 28 round round;
}
/*** Object headers **/

.object-header-top {
	padding: 10px;
	background-color: #000000;
	color: white;
}
.object-header-top span.page-status {
	font-size: 0.4em;
	float: right;
}
div.object-header h1 {
	padding-top: 10px;
	font-size: 1.7em;
}
div.object-header img.thumbnail {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
div.object-header p.price {
	font-weight: bolder;
	font-size: 1.8em;
}
div.object-header p.price-type {
	margin-top: 15px;
	font-weight: bolder;
	font-size: 1.0em;
}
/** section specific **/

section {
	padding-top: 0px !important; /* i know i said no general overides, but having a pad on this is stupid */
}
/* External content image width limitations */

section.external div.content img {
	display: block;
	max-width: 750px;
}
section#advert-browse div.adverts-head ul.textCollections li, section#article-browse div.articles-head ul.textCollections li, section#group-contents-browse div.groups-head ul.textCollections li, section#biz-contents-browse div.biz-head ul.textCollections li, section#skoolz-browse div.skoolz-head ul.textCollections li, section#search-index div.search-head ul.textCollections li {
	border-bottom: 1px solid #DDDDDD;
	list-style: none outside none;
	margin: 0;
	padding: 6px 2px 6px 10px;
}
section#advert-browse div.adverts-head li div span, section#advert-search div.adverts-head li div span, section#article-browse div.articles-head li div span, section#article-search div.articles-head li div span, section#group-browse div.groups-head li div span, section#group-search div.groups-head li div span, section#eventz-browse div.eventz-head li div span, section#eventz-search div.eventz-head li div span, section#feed-browse div.feeds-head li div span, section#feed-search div.feed-head li div span, section#biz-browse div.biz-head li div span, section#biz-search div.biz-head li div span, section#skoolz-browse div.skoolz-head li div span, section#skoolz-search div.skoolz-head li div span {
	color: #888888;
	float: right;
}
div.listing.listing-feed-content p.summary {
	margin-bottom: 10px;
	min-height: 140px;
}
.feed-activity-bargraph {
	border-bottom: 1px solid #BBBBBB;
	height: 18px;
	margin-left: 12px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 0;
	position: relative;
	width: 100px;
	right: -7px
}
.feed-activity-bargraph li {
	border: 1px solid #BBBBBB;
	border-bottom: none;
	bottom: 0;
	list-style:none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 8px;
	position: absolute !important
}
.feed-activity-bargraph li.p1 {
	background-color:#BBBBBB
}
div.listing-left {
	float:left;
	margin-bottom: 30px;
}
div.listing-left div.listing-activity {
	position: relative;
	bottom: -150px;
}
div.hb-logo-campaign {
	height: 105px;
	border: 5px solid #CDE7F7;
	padding: 5px;
	margin: 10px 1px 10px 1px;
	background-color: #D7EEFC;  /* #feefb3; */
}
div.hb-logo-campaign div.hb-logo-bottom-text {
	text-align: right;
	font-size: 0.8em;
	color: #49A5DA;
}
div.step-wrap {
	height: 135px;
}
div.fileuploader-display {
	min-height: 100px;
	margin-top: -5px;
}
div.fileuploader-display div.fileupload-buttonbar {
	margin-top: 10px;
}
span.doc-btn-small {
	height: 12px;
	line-height: 1.0em;
	font-size: 0.9em;
    padding-left:-5px;
    padding-right:-5px;
}
button#cancel.btn.btn-danger,  button#topcancel.btn.btn-danger{
	margin-right: 10px;
}
fieldset#fieldset-categorygroup div.controls {
	margin: 0px;
}
div.listing-album-thumb {
	width: 70px;
	padding-top: 8px;
	padding-right:8px;
}
img.thumbnail-right {
	width:50%;
	height:auto;
	float: right;
	margin-left: 5px;
	margin-bottom: 3px;
	display: inline-block;
}
img.thumbnail-left {
	width:50%;
	height:auto;
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
	display: inline-block;
}
ul.browser-list li {
	text-align: center;
	list-style-type: none;
	padding: 5px;
	display: inline;
}

.step-panel {
    margin-bottom: 10px;
}


div.category-tree{
    max-height: 450px;
    width: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #778899;
}


div#tree.form-tree.category-tree{
    max-height: 300px;
    width: 575px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-left: 30px;
    border: 1px solid #778899;
}

.bonsai-messages-top, .bonsai-notifications-top {
    color: #ffffff;
}

fieldset#fieldset-contentgroup div.controls {
    margin-left: 160px !important;
}

fieldset#fieldset-membersgroup div.controls {
    margin-left: 0px;
}

/** Discussions **/

div.user-info-bar {
    height: 42px;
    color: white;
    background-color: #333;
    border: 1px solid #2f4f4f;
    margin-left:30px;
}

div.user-info-bar img{
    margin-top:5px;
    position: relative;
    left:20px;
    height: 80px;
    width:70px;
    border: 2px solid white;
}

div.user-info-bar span.name {
    position: relative;
    left: 50px;
    top:-20px;
    /*font-size: 1.6em;*/
}

div.user-info-bar span.dropdown {
    margin-top: 5px;
    font-size: 1.0em !important;
}

div.user-info-bar span.action-units {
    margin-top: 10px;
    margin-right: 15px;
    font-size: 1.2em !important;
}

div.user-info-bar span.action-value {
    margin-top: 10px;
    margin-right: 5px;
    font-size: 1.2em !important;
}

div.discussion-comment-toolbar {
    width:100%;
}

div.discussion-comment {
    background-color: #f9f9f9;
    /*padding: 0px 10px 10px 10px;*/
    min-height: 60px;
    /*margin-right:5px;*/
    width:80%;
}

div.discussion-comment-reply-toolbar {
    width:87%;
}

div.discussion-comment-reply {
    background-color: #f9f9f9;
    padding: 0px 10px 10px 10px;
    min-height: 80px;
    margin-right:5px;
    width: 67%;
}

div.discussion-comment p.text, div.discussion-comment-reply p.text{
   margin-top: 20px;
   font-size: 1.2em;
}

div.discussion-comment-listing {
    background-color: #d9d9d9;
    padding: 0px 10px 10px 10px;
    min-height: 80px;
    margin-right:5px;
    width: 73%;
}

div.discussion-comment-listing p.title {
    font-size: 1.4em;
    margin-top: 15px;
}

div.discussion-comment-listing p.text {

}

div.discussion-comment-row {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

div.listing-activity-discussion {
    width: 100%;
}

div.discussion-post-navbar {
    position: relative;
    bottom: 0px;
    left: -1px;
    background-color: #cfcfcf;
    margin-bottom: 1px !important;
}
div.discussion-reply-navbar {
    position: relative;
    bottom: 0px;
    left: -1px;
    background-color: #cfcfcf;
    margin-bottom: 1px !important;
}
div.subcomment-form-inner {
    margin-left: 200px;
    max-height: 200px;
    padding: 7px;
    margin-bottom: 15px;
}
div.subcomment-form-inner form.formDiscussionComments {
    margin: 0px !important;
}
div.subcomment-form-inner form.formDiscussionComments div.controls {
    margin: 0px !important;
}
div.subcomment-form-inner form.formDiscussionComments div.control-group {
    margin: 0px !important;
}
div.subcomment-form-inner form.formDiscussionComments textarea {
    width: 95%;
    min-height: 80px;
    max-height: 100px;
    margin-bottom: 10px;
}
div.subcomment-form-inner form.formDiscussionComments div.form-actions {
    margin-top: 0px;
    margin-bottom: 0;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
div.subcomment-form-inner form.formDiscussionComments legend {
    padding-top: 0px;
    margin-bottom: 5px;
    width: 60%;
}


div.user-profile-bar {
    height: 42px;
    color: white;
    background-color: black;
    border: 1px solid #2f4f4f;
    margin-left:0px;
}

div.user-profile-bar img{
    margin-top:5px;
    position: relative;
    left:20px;

    border: 2px solid white;
}

div.user-profile-bar span.name {
    position: relative;
    left: 25px;
    top:-44px;
    font-size: 1.2em;
}

div.user-profile-bar span.dropdown {
    margin-top: 5px;
    font-size: 12px !important;
}

div.user-profile-bar div.loc-stack {
    position: relative;
    left: -35px;
    top: 7px;
;
}

div.user-profile-content {
    min-height: 85px;
    margin-left: 140px;
    margin-top: 35px;
    font-size: 1.6em;
}

div.user-profile-bar div.info-stack {
    margin-right: 20px;
}

div.user-info-bar div.name-dropdown {
    display: inline;
    position: relative;
    left: 30px;
    top: -22px;
}

div.user-info-bar-medium {
    height: 50px;
    color: white;
    background-color: #333;
    border: 1px solid #2f4f4f;
    margin-left:0px;
}

div.user-info-bar-medium img{
    margin:3px;
    position: relative;
    height: 40px;
    width:35px;
    border: 2px solid white;
}

div.user-info-bar-medium div.name {
    float: left;
    font-size: 1.2em;
    left: 25px;
    margin: 13px 0 0 5px;
}

div.user-info-bar-medium div.action-action {
    font-size: 1.3em;
    margin: 12px;
}

div.user-info-bar-medium div.action-age {
    font-size: 1.1em;
    margin-top: 15px;
    margin-right: 10px;
}

div.user-info-bar-medium div.dropdown {
    margin: 8px;
    font-size: 1.0em !important;
	float: left;
}


div.user-profile-bar-medium div.info-stack {
    margin-right: 20px;
}

.user-details {
	float:left;	
}

div.user-info-bar-activity {
    height: 60px;
    color: #000000;
    background-color: #d3d3d3;
    margin-left:0px;
}

div.user-info-bar-activity img{
    margin-top:5px;
    margin-left:5px;
    //position: relative;
    //left:0px;
    height: 46px;
    width:35px;

    border: 2px solid white;
}

div.user-info-bar-activity span.name {
    //position: relative;
    //left: 25px;
    //top:3px;
    font-size: 0.8em;
}

div.user-info-bar-activity span.name-title {
    position: relative;
    left: 30px;
    top:19px;
    font-size: 1.1em;
}

div.user-info-bar-activity a.dropdown-toggle {
    padding-top:10px !important;
    font-size: 0.8em;
    vertical-align: middle;
}

div.user-info-bar-activity span.action-action {
    position: relative;
    left: -110px;
    top:12px;
    font-size: 0.9em;
}

div.user-info-bar-activity div.action-age {
    font-size: 0.8em;
    margin-left: 15px;
    padding-top: 40px;
}





div.user-profile-bar-activity div.info-stack {
    margin-right: 20px;
}

.navbar-activity-comments {
    margin-bottom: 0px !important;
    margin-top: 5px;
}

.navbar-activity-comments .nav li a {
    line-height: 19px;
    color: black;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


div.discussion-comment-toolbar-activity {
    width:30%;
}

div.discussion-comment-toolbar-activity span.caret {
    vertical-align: middle;
}

div.discussion-comment-activity {
    width:60%;
}

div.discussion-comment-activity p.text {
    background-color: #e5e5e5;
    padding: 4px;
    padding: 10px;
    min-height: 41px;
    margin-bottom: 1px !important;
}

div.discussion-comment-row-activity {
    margin-bottom: 0px !important;
    padding: 0px !important;
}

div.comments {
    /*margin-bottom: 10px; */
	/*margin-top: 20px;  */
}

div.activity-title-user-status {
    margin-top: 20px;
}
.user-status-edit-section {
    background: none repeat scroll 0 0 #37689C;
	margin-bottom:15px;
	height: 100%;
}
.user-status-edit-section h3 {
    font-size: 14px;
	text-transform:uppercase;
	color:#FFF;
	padding: 10px 0px 0px 10px;	
}
.bigBlockQuotes {
    background: none repeat scroll 0 0 #eaeaea;
    /*height: 55px;*/
    /*margin: -14px 2px -27px;*/
    padding: 10px 0 15px;
    text-align: center;
    z-index: 1;
}
.bigBlockQuotes p {
    font-size:18px;
    padding:10px;
    position:relative;
}
.bigBlockQuotes p span {
    position:relative;
	margin-right:5px;
}
/* .bigBlockQuotes p span:before {
    content: "“ ";
    font-size: 100px;
    font-weight: bold;
    line-height:20px;
    color:#e4e4e4;
    position:absolute;
    top:20px;
    left:-56px
}
.bigBlockQuotes p:after {
    content: " ”";
    font-size: 100px;
    font-weight: bold;
    line-height:20px;
    position:absolute;
    bottom:0px;
    color:#e4e4e4
}
*/

.statusUpdate {
    margin: 0px !important;
    font-size: 1.5em;
}
span.user-status-update textarea.inplace_field {
    width: 450px;
	height:25px;
    margin-right: 20px;
    font-size: 14px;
}

div.user-status-prompt {
    text-align: center;
    font-size: 20px;
	display:none;
}

.force-next { content:"\A"; white-space:pre; }

div.topic-listing-article-large {

}

div.topic-listing-article-large img  {
    margin-right: 6px !important;
}

div.topic-listing-article-large h4  {
    margin-top: 0px !important;
}


div.topic-listing-article-small {
    margin-left: 0px !important;
    margin-right:10px;
}

div.topic-listing-article-small img  {
    margin-right: 6px !important;
}

div.topic-listing-article-small h4  {
    margin-top: 0px !important;
}

div.topic-listing-article-link {
    margin-left: 0px !important;
    margin-right:10px;
}

div.topic-listing-article-link h4 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: 1px dotted #f39e00;
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
}

div.profile-photo-update {
    margin-top: 25px;
    margin-left: 0px;
}

h1#topic-header {
    font-size: 2.5em !important;
    line-height: 2.6em;
}

#top-country-marker-container {
   margin-top: 6px;
   margin-left: 10px;
}

form#quicksignin {
    margin-top: 5px;
}

a#top-user-notification-messages, a#top-user-notification-notifications {
    margin-top: 10px;
}

div#cookie-msg {
    display:none;
}

a.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: black;
    text-shadow: 0 1px 0 white;
    opacity: 0.8;
    filter: alpha(opacity=80) !important;
}

.btn-small {
    padding: 1px 6px;
    font-size: 10px;
    line-height: 14px;
}

abbr[title].timeago {
    cursor: auto;
    border-bottom: 0px;
}

/*div.user-info-bar-activity abbr.timeago {
//      position: relative;
//      left:-10px;
//    width: 200px !important;
//}*/

.copy-image-left {
    margin-right: 10px;
}

.copy-image-right {
    margin-left: 10px;
}

.listing-content {
    min-height: 150px;
}

/* color-profile styles */

ul.page-header li ul.statistics {width: 100%;padding-bottom: 5px;}

ul.page-header li ul.statistics li {float: none;border: none;border-bottom:1px dotted #C7C5C8;padding: 4px 10px 4px 10px;font-size: 12px;overflow: hidden;}
ul.page-header li ul.statistics li em {font-style: italic;}
ul.page-header li ul.statistics li:last-child {border-bottom:none}


/* ----------------------------------------------Profile Page main header -------------------------------------*/
ul.page-header.profile-page-header {}
ul.page-header.profile-page-header div.page-header-type { height: 27px; background-color: black; padding: 10px;}
ul.page-header.profile-page-header div.page-header-type div.page-type {color: white; font-size: 2.3em; float:left;}
ul.page-header.profile-page-header div.page-header-type div.page-status {color: white; font-size: 1.5em; float:right;}
ul.page-header.profile-page-header li.page-header-image {border-top: none; border-right:1px dotted #C7C5C8; padding:5px; float: left}
ul.page-header.profile-page-header li.page-header-image img {display:block;background-color:#fff;float:left;margin:0;padding:2px;border:1px solid #C7C5C8;clear:left}
ul.page-header.profile-page-header li.page-header-image div.change-profile-photo {display: none; float:left; margin-top:70%; position: absolute; background-color: white;color:black}
ul.page-header.profile-page-header div.profile-pagename { padding: 0px 0px 0px 10px; float: left;}


/* ----------------------------------------------Page secondary headers -------------------------------------*/
ul.page-subheader {list-style: none; overflow: hidden; background:  #F6F6F6; border-top:  5px solid #555; border-bottom:  5px solid #555; padding: 0; margin: 0px 0 10px 0; position: relative;}
ul.page-subheader.clearboth {clear:both}

ul.page-subheader .feed-images {float:left}
ul.page-subheader .feed-images img {margin: 5px 8px 0 0 !important;border: 1px solid #C7C5C8 !important;padding: 2px !important;}

/*  ul.page-subheader li {border-top: 1px dotted #C7C5C8;} */

ul.page-subheader li.pagename {border-top:  none;padding:5px 10px 5px 10px;overflow: hidden}

/* below is specifically for profile pages, as the individual details are all output from the same 'view-field.phtml' template - code below is a way of styling the displayname and headline differently to other details styled in the 'statistics' list */
ul.page-subheader li.pagesubname {border-top: none;padding:0px 10px 10px 10px;color: #4C4C4C;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 1.4em;font-style: italic}

ul.page-subheader li#pagedetails {padding:5px 10px 5px 10px}

ul.page-subheader li#pagedetails-from {padding:5px 10px 5px 10px}

ul.page-subheader li#pagedetails-received {padding:5px 10px 5px 10px}

ul.page-subheader li.pagename p {float: left;margin: 0 0 5px 0px;}

ul.page-subheader li h2 {margin: 0 0 0 0;font-size: 1.6em;float: left}

ul.page-subheader li h3 {margin: 0 0 0 0;font-size: 1.4em;}

ul.page-subheader li h4 {margin: 0 0 5px 0;font-size: 1.2em;}

ul.page-subheader li ul {float:left;list-style: none;overflow: hidden;margin: 0px 0 0 0px;}

ul.page-subheader li ul li {float: right;border-right:1px dotted #C7C5C8;border-top:  none;width:auto;padding: 2px 10px 2px 10px;font-size: 11px}

ul.page-subheader li ul li:first-child {border-right:none !important}

ul.page-subheader li ul li span {display: block; float: left;font-style: normal;font-weight: 900;margin-right: 3px;}

ul.page-subheader li ul.options {margin-top:0}

ul.page-subheader li ul.statistics {width: 100%}

ul.page-subheader li ul.statistics li {float: none;border: none;border-bottom:1px dotted #C7C5C8;padding: 4px 10px 4px 10px;font-size: 12px;overflow: hidden;}

ul.page-subheader li ul.statistics li.statistics-header {border-top:  none;padding:5px 10px 5px 10px;overflow: hidden;}

ul.page-subheader li ul.statistics li:last-child {border-bottom:none}

hr.large {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #888888;
    border-style: solid none;
    border-width: 3px 0;
    margin: 18px 0;
}

div.hero-unit p a.btn {
    position: absolute;
    float:right;
    top:auto;
    left: auto;
    right: 30px;
    bottom:15px;
    margin-right: 0px;
}

div.profile-header.main-header {
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
    background-color: #ddd;
    padding: 5px;
    margin-bottom:25px;
    margin-bottom:10px;
}

div.profile-content p span.lable {
    margin-left: 20px;
    font-weight: bolder;
    font-size: 1.2em;
}

div.profile-completion progress.profile-completion-red {
    border-color: #ff0000;
    width: 100%;
}

div.profile-completion progress.profile-completion-amber {
    border-color: #ff8c00;
    width: 100%;
}

div.profile-completion progress.profile-completion-green {
    border-color: #00ff00;
    width: 100%;
}

div.profile-completion-title {
    font-size: 1.2em;
    font-weight: bolder;
    text-align: center;
}

fieldset#fieldset-contentgroup div.controls { margin-left: 0px !important; } 
.form-horizontal .offset1 { margin-left: 0px !important; }
section#user-signin p a { color: blue; text-decoration: underline; font-weight: bold; }
section#user-signin p a:hover { text-decoration: none; }

@media (max-width: 768px) {
	
img.thumbnail-right {
	width:35%;
	height:auto;
	float: right;
	margin-left: 5px;
	margin-bottom: 3px;
	display: inline-block;
}
img.thumbnail-left {
	width:35%;
	height:auto;
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
	display: inline-block;
}

 }

form.formDiscussionComments {
    min-height: 20px;
   /*  width: 86%;  */
    float:right;
    padding: 10px;
    margin-bottom: 5px;
    background-color: #d3d3d3;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

form.formDiscussionComments div.form-actions {
    margin-top: 0px !important;
    margin-bottom:5px !important;
    padding-top: 0px !important;
    padding-bottom:5px !important;
    background-color: #d3d3d3;
}

form.formDiscussionComments textarea#comment {
    width:90%;
    margin-right:3%;
    float:right;
}

form.formDiscussionComments div.form-actions button#postbutton {

    float: right;
}

div.fixed5 {
    min-height: 10px;
}


div.fixed10 {
    min-height: 10px;
}

div.fixed20 {
    min-height: 20px;
}

div.fixed30 {
    min-height: 30px;
}

div.row.small-row {
    margin-top: -5px;
}

.hero-unit {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 60px;
    padding-bottom: 0px !important;
    margin-bottom: 30px;
    background-color: #EEE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.nav > li > a.profile-edit-link {
    font-size: 0.8em;
    margin-left: 5px;
    text-indent: -5px ;
}

div#newsletter h2 {
    font-size: 1.8em;
    line-height: 1.7em;
}

a.btn.profile-edit {
    margin-top: 5px;
    margin-left: 5px;
}


div.whycomplete_element a.btn {
    margin-bottom: 5px;
}

div.discussion-comment-row-activity-liked {
    height: 62px !important;
    overflow: hidden;
}

div.activity-box {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 2px solid #dedede;
    padding: 10px;
    margin-bottom: 10px;
}

div.featured-post {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 2px solid #dedede;
    padding: 10px;
    margin-bottom: 10px;
}


li.likeaction button.btn-object-action {
   height: 18px;
   color: white;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   margin-left:8px;
}

div.author-thumbnail {
    margin-right: 10px;
}

div.group-category-header {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left:15px;
    background-color: #d3d3d3;
    margin-bottom: 10px;
}

div.group-category-header h2 {
    font-size: 1.4em;
    line-height: 1.5em;
}

.discussion-comment-row-normal {
    border-top: 1px dotted #757575;
    margin-bottom: 12px;
    padding-top: 5px;
    position: relative;
}

.comment-right-normal p.title a {
   font-size: 1.8em;
   font-weight: bolder;
   line-height: 1.9em;
}

.comment-left-normal {
    float: left;
    width: 60px;
}

.comment-right-normal {
    margin-left: 80px;
}

#socialsharingbuttons {
    width: 70%;
	margin-bottom: 15px;
}

.related-widget {
    width:31%;
    display: inline-block !important;
    margin-right: 10px;
    vertical-align: top;
}

@media (max-width: 420px) {
    .related-widget {
        width:100%;
        display: inline-block !important;
        vertical-align: top;
        margin-bottom: 10px;
    }

}

.related-widget h3 {
    font-size: 1.0em;
    line-height: 1.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 2.3em;
    min-height: 2.3em;
}

.related-widget p.summary {
    font-size: 0.7em;
    line-height: 1.0em;
    hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    text-align: justify;
    text-justify: auto;
}

.related-widget img {
    width: 100% !important;
    margin-left: 5px;
}

.related-articles-widget {

}

.form-horizontal .control-group {
    margin-bottom: 6px;
}

p.supressed {
    margin-top: 7px;
    color: #778899;
    font-size: 1.7em;
    line-height: 1.3em;
    text-align: center;
}

div.photos-addnew {
    text-align: center;
    padding: 10px;
    margin-top: 15px;
}

section#photo-view p.content {
    font-size: 1.2em;
    margin-top: 10px;
}


/* section#article-view div.content img {
    float: left !important;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    clear: both;
}
*/

table.group-browse-header {
    width: 100%;
}

table.group-browse-header tr.header{
    background-color: darkblue;
    color: #ffffff;
    font-size: 15px;
    border-width: 2px;
    border-color: darkblue;
    text-align: left;
    padding: 3px !important;
}


table.group-browse-header tr th.name {
    width: 50%;
    padding-left: 10px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
}


table.group-browse-header tr th.topics {
    width: 10%;
    padding: 3px !important;
    font-size: 10px;
    text-align: center;
}


table.group-browse-header tr th.posts {
    width: 10%;
    padding: 3px !important;
    font-size: 10px;
    text-align: center;
}


table.group-browse-header tr th.lastpost {
    width: 30%;
    padding: 3px !important;
    font-size: 10px;
    text-align: left;
}


table.group-browse-header tr td.name {
    width: 50%;
    padding-left: 10px !important;
}


table.group-browse-header tr td.topics {
    width: 10%;
    padding-top: 15px !important;
    text-align: center;
    vertical-align: text-top;
    font-size: 15px;
}


table.group-browse-header tr td.posts {
    width: 10%;
    padding-top: 15px !important;
    text-align: center;
    vertical-align: text-top;
    font-size: 15px;
}

table.group-browse-header tr.seperator {
    border-top: 1px solid #59ba0b;
}

table.group-browse-header tr td.lastpost {
    width: 30%;
    padding-top: 15px !important;
    text-align: left;
    vertical-align: text-top;
    font-size: 11px;
}

/** ------ **/

table.discussions-group-header {
    width: 100%;
}

table.discussions-group-header tr.header{
    background-color: darkblue;
    color: #ffffff;
    font-size: 15px;
    border-width: 2px;
    border-color: darkblue;
    text-align: left;
    padding: 3px !important;
}


table.discussions-group-header tr th.name {
    width: 60%;
    padding-left: 10px !important;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 20px;
}


table.discussions-group-header tr th.data {
    width: 40%;
    padding: 3px !important;
    font-size: 10px;
    text-align: left;
}


table.discussions-group-header tr.header {
  margin-bottom: 15px;
}


table.discussions-group-header tr td.name {
    width: 60%;
    padding-right: 10px !important;
}


table.discussions-group-header tr td.name p.title{

    margin: -10px 0px 0px 0px  !important;

}

table.discussions-group-header tr td.name p.title a {
   font-size: 18px;
   color: blue;
   text-decoration: underline;
   text-decoration-color: #000000;
    margin: 0px !important;
    line-height: 19px;
}

table.discussions-group-header tr td.name p.text {
    font-size: 10px;
    margin: 3px 0px 5px 0px !important;
    line-height: 11px;
}

table.discussions-group-header tr td.name p.user {
    font-size: 10px;
    margin: 0px !important;
    line-height: 11px;
}

table.discussions-group-header tr td.data {
    width: 40%;
    padding-top: 6px !important;
    text-align: left;
    vertical-align: text-top;
    font-size: 15px;
}


table.discussions-group-header tr td.data p.posts {
    font-size: 10px;
    margin: -10px 0px 0px 0px !important;
    line-height: 11px;
}

table.discussions-group-header tr td.data p.views {
    font-size: 10px;
    margin: 0px 0px 10px 0px !important;
    line-height: 11px;
}

table.discussions-group-header tr td.data p.lastpost {
    font-size: 10px;
    margin: 0px !important;
    line-height: 11px;
}

table.discussions-group-header tr.seperator {
    border-top: 1px solid #59ba0b;
}

section#featured-posts blockquote.pull-right {
    width: 90%;
    overflow: hidden;
}

section#featured-posts h3 {
    font-size: 1.85em;
    line-height: 2.0em;
}

select#selsort1 {
    width: 200px;
}

div.author-details h2 {
    font-size: 2.0em;
    line-height: 2.1em;
    margin-top: -12px;
    margin-left: 55px;
}

div.adverts-page-header div.summary {
}


div.adverts-page-header div.title {
    /*line-height: 0px !important;*/
}



div.article-page-header div.summary {
}


div.article-page-header div.title {
    line-height: 0px !important;
}


div.groups-page-header div.summary {
}


div.groups-page-header div.title {
    line-height: 0px !important;
}


div.media-page-header div.summary {
}


div.media-page-header div.title {
    line-height: 0px !important;
}


div.adverts-page-header div.title small,
div.article-page-header div.title small,
div.groups-page-header div.title small,
div.media-page-header div.title small{
    position: relative;
    font-size: 2.4em;
    font-weight: bolder;
    color: #7F7F7F;
    line-height: 0;
    top: 4px;
}


div.adverts-page-header div.title h3 ,
div.article-page-header div.title h3,
div.groups-page-header div.title h3,
div.media-page-header div.title h3
{
    position: relative;
    font-size: 1.6em;
    line-height: 0 !important;
    top: 22px;
}


div.featured-posts-header h3 {
    position: relative;
    left: 10px;
    top: -100px;

    color: #ffffff;
    width: 60%;
    font-size: 2.5em;
    line-height: 1.6em;
    text-align: left;
    padding: 10px;
    text-shadow:
        3px 3px 0 #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

div.featured-post-header {
    margin-bottom: 5px;
    border-bottom: 2px solid #2f4f4f;
}


div.featured-post-content {
    padding-bottom: 15px;
    border-bottom: 2px solid #2f4f4f;
}

div.featured-posts-header {
    margin-bottom:10px;
}


div.featured-posts-header img {
//padding-bottom: -10px;
    width: 360px;
    height: 100px;
}



div.featured-post-header img {
    padding: 5px;
    width: 40px;
    float: left;
}




div.featured-post-header div.title small{
    position: relative;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7F7F7F;
    line-height: 0 !important;
    top: 3px;
}



div.featured-post-header div.title h3{
    position: relative;
    font-size: 1.8em;
    line-height: 1.3em;
    top: 0px;
}

div.featured-post-header p.link{
    position: relative;
    font-size: 1.5em;
    line-height: 0;
    top: 0px;
    right:-160px;

}


div.featured-post-content a h4 {
    clear: both;
    margin-top:10px !important;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #0088cc;
    text-decoration: underline !important;
}



div.featured-posts-header h3 {
    position: relative;
    left: 10px;
    top: -100px;

    color: #ffffff;
    width: 60%;
    font-size: 2.0em;
    line-height: 1.0em;
    text-align: left;
    padding: 10px;
    text-shadow:
        3px 3px 0 #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    margin-bottom: -90px;
}



@media (min-width: 1210px) {
    div.adverts-page-header div.summary {
    }


    div.adverts-page-header div.title {
        /*line-height: 0px !important; */
    }

    div.groups-page-header div.summary {
    }

    div.groups-page-header div.title {
        line-height: 0px !important;
    }

    div.article-page-header div.summary {
    }


    div.article-page-header div.title {
        line-height: 0px !important;
    }

    div.media-page-header div.summary {
    }


    div.media-page-header div.title {
        line-height: 0px !important;
    }




    div.adverts-page-header div.title small,
    div.article-page-header div.title small,
    div.groups-page-header div.title small,
    div.media-page-header div.title small{
        position: relative;
        font-size: 1.2em;
        font-weight: bolder;
        color: #7F7F7F;
        line-height: 0 !important;
        top: 5px;
    }


    div.adverts-page-header div.title h3 ,div.adverts-page-header div.title h2,
    div.article-page-header div.title h3,div.article-page-header div.title h2,
    div.groups-page-header div.title h3,div.groups-page-header div.title h2,
    div.media-page-header div.title h3, div.media-page-header div.title h2{
        position: inherit;
        /*font-size: 3.2em;*/
        line-height: 0;
        top: 22px;
    }




    div.featured-post-header img {
        padding: 5px;
        width: 80px;
        float: left;
    }





    div.featured-post-header div.title small{
        position: relative;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        color: #7F7F7F;
        line-height: 0 !important;
    }



    div.featured-post-header div.title h3, div.featured-post-header div.title h2 {
        position: relative;
        font-size: 2.2em;
        line-height: 1.3em;
        top: -3px;
    }

    div.featured-post-header p.link{
        position: relative;
        font-size: 2.8em;
        line-height: 0;
        top: 0px;
        right:-120px;

    }



    div.featured-post-content a h4,  div.featured-post-content a h3 {
        clear: both;
       margin-top:10px !important;
       font-size: 1.8em;
       line-height: 1.0em;
        color: #0088cc;
        text-decoration: underline !important;
    }



    div.featured-posts-header h3, div.featured-posts-header h2  {
        position: relative;
        left: 10px;
        top: -130px;

        color: #ffffff;
        width: 60%;
        font-size: 2.5em;
        line-height: 1.6em;
        text-align: left;
        padding: 10px;
        text-shadow:
            3px 3px 0 #000,
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
            1px 1px 0 #000;
        margin-bottom: -90px;
    }

    div.featured-posts-header {
        //margin-bottom:10px;
    }


    div.featured-posts-header img {
        //padding-bottom: -10px;
        width: 370px;
        height: 140px;
    }


}
    /**
     * Extra large button extensions. Extends `.btn`.
     */
.btn-xlarge {
    padding: 20px 24px;
    font-size: 24px;
    line-height: normal;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

div.postActionButton {
    margin-left: 5px;
}

div.post_actions {
    margin-top: 6px;
}


div.fileupload-files {
    position: relative;
    left: 30px;
    width: 88%;
    border-style:solid;
    border-width:medium;
    border-color: #c0c0c0;
    padding:10px;
    margin-bottom: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 12px;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
}

div.fileupload-progress {

    width: 88%;
    border-style:solid;
    border-width:medium;
    border-color: #c0c0c0;
    padding:10px;
    margin-bottom: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 12px;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
}

div.fileupload-progress div.progress
{
overflow: hidden;
height: 20px;
margin-bottom: 5px;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


/*----------------------------
    The file upload form
-----------------------------*/


#yousoc-uploader{
    font-family:'PT Sans Narrow', sans-serif;
  /*  background-color:#373a3d;

  //  background-image:-webkit-linear-gradient(top, #373a3d, #313437);
  //  background-image:-moz-linear-gradient(top, #373a3d, #313437);
  //  background-image:linear-gradient(top, #373a3d, #313437);

  */

    /*width:100%;*/
    padding-bottom:30px;
    margin-right: -15px;
    min-height:70px;
 /*   border-radius:3px;

    margin:200px auto 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
}

#yousoc-uploader-drop{
   /* background-color: #2E3134; */
    padding: 5px 5px;
    /* margin-bottom: 30px; */
    /* border: 20px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    border-image: url('../img/border-image.png') 25 repeat;
    */
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
    width: 49%;
    float:left;
    margin: 0 0 5px;
}

#yousoc-uploader-drop input{
    display:none;
}

#yousoc-uploader ul{
    list-style:none;
    margin-left: 0px;
    margin-right: 10px;
    margin-top:-110px;

    /* border-top:1px solid #2b2e31;
    border-bottom:1px solid #3d4043;
    */
    width:50%;
    float:right;
}

#yousoc-uploader ul li{

    background-color:#666666;

    border-top:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:15px;
    height: 78px;
    margin-right: -14px;
    position: relative;
}

#yousoc-uploader ul li input{
    display: none;
}

#yousoc-uploader ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#yousoc-uploader ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#yousoc-uploader ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#yousoc-uploader ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#uyousoc-uploader ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#yousoc-uploader ul li.error p{
    color:red;
}

#crop_wrapper {
    margin-left:2px;
    margin-right: 0px;
    min-height: 500px;
    width:100%;
}

#zoomMin.vertical,#zoomMax.vertical{color:#000;font:700 14px Arial;margin:auto;width:100%;text-align:center}
#zoomSlider.vertical{margin: 7px auto;height: 150px;width:6px;position:relative}
#zoomContainer.vertical{background-color:#FFF;z-index:3;width:31px;height: 200px}

#rotationMin.vertical,#rotationMax.vertical{color:#000;font:700 14px Arial;margin:auto;width:100%;text-align:center}
#rotationSlider.vertical{margin: 7px auto;height: 150px;width:6px;position:relative}
#rotationContainer.vertical{background-color:#FFF;z-index:3;width:31px;height: 200px}
/* Horizontal */
#zoomMin.horizontal,#zoomMax.horizontal{color:#000;font:300 12px Arial;margin:2px 3px;padding:0 5px;float:left;text-align:center}
#zoomSlider.horizontal{margin: 7px auto;height: 6px;width:300px;float:left;position:relative}
#zoomContainer.horizontal{background-color:#FFF;z-index:3;width:auto;}

#rotationMin.horizontal,#rotationMax.horizontal{color:#000;font:300 12px Arial;margin:2px 4px;float:left;text-align:center}
#rotationSlider.horizontal{margin: 7px 5px;height: 6px;width:300px;float:left;position:relative}
#rotationContainer.horizontal{background-color:#FFF;z-index:3;width:auto;}

.mvn{background: url(../img/movement.png) no-repeat;width:21px;height:21px;}
.mvn:hover{cursor:pointer;}
.mvn_no{background-position:0px 0px;}
.mvn_n{background-position:0px -21px;}
.mvn_ne{background-position:0px -42px; }
.mvn_o{background-position:0px -63px;}
.mvn_c{/* See what put here */ }
.mvn_e{background-position:0px -84px;}
.mvn_so{background-position:0px -105px}
.mvn_s{background-position:0px -126px;}
.mvn_se{background-position:0px -147px;}
.mvn_no:hover{background-position:100% 0px ;}
.mvn_n:hover{background-position:100% -21px ;}
.mvn_ne:hover{background-position:100% -42px;}
.mvn_o:hover{background-position:100% -63px;}
.mvn_c:hover{/* See what put here */ }
.mvn_e:hover{background-position:100% -84px;}
.mvn_so:hover{background-position:100% -105px;}
.mvn_s:hover{background-position:100% -126px;}
.mvn_se:hover{background-position:100% -147px;}

.yousoc-imageedit-buttonbar{
    padding-bottom: 15px;
    margin-right: -15px;
}

#crop_container{
    float:left;
}
.result{
    float:left;
    margin:20px 0 0 10px;
    border:1px solid #333;
    width:320px;
    height:300px;
}
.txt{
    width:230px;
    margin:75px auto 0 auto;

}


div#busy-modal {
    z-index:99999;
}

div#busy-modal p {
    font-size: 1.6em;
    font-weight: bolder;
    text-align: center;
}


div.input-append.date {
    margin-top:-20px;
}

div.mine-sample-display {
    min-height:140px;
}
.content a { margin-left: 2px; margin-right: 2px; color: blue; text-decoration: underline; }
.sub-container li.listAction a, .view-action-buttons li.listAction a { text-decoration: none; }

.siteinfo {
    margin-top:5px;
    margin-bottom:5px;
    font-size: 1.6em;
    text-align: center;
}

a.btn.btn-large.btn-activetopic {
    text-align: center;
    font-size: 1.8em;

}

div.userimages_image {
    display: inline-block !important;

}

div.userimages_image img {
    width: 55px;
    height: 55px;
}

ul.topline-nav {
    float: right !important;
}


/* Next create separate CSS file or add to <head> element <script> element with: */
i.fb,       span.fb{     color: #3b5998; }
i.tw,       span.tw{     color: #00aced; }
i.google,   span.google{ color: #dd4b39; }
i.linkin,   span.linkin{ color: #007bb6; }
i.vk,       span.vk{     color: #45668e; }
i.pinterest,span.pinterest{color: #cb2027;}

/* Special classes for surfingbird */
  i.surfingbird{ max-height: 12px; min-width: 25%; }
i.surfingbird::before{
    content: url(http://bootstrap-ru.com/cdn/i/surf.png);
    position: relative;
    left:0px;
    top: -7px;
    float: left;
}

/* Google +1 button styles: */
            .google-plus-one{
                overflow: hidden;
                position: relative;
            }

.google-plus-one i{
    position: absolute;
    left: -4px;
    bottom: -5px;
}

.google-plus-one span{
    font-size: 16px;
    font-weight: 900;
    line-height: 10px;
    margin-left: 15px;
}

.btn-sm.google-plus-one span{ font-size: 14px; }
.btn-sm.google-plus-one i{ bottom: -3px; }
.btn-lg.google-plus-one span{ font-size: 20px; margin-left: 18px; }
.btn-lg.google-plus-one i{ bottom: -5px; }
.btn-xs.google-plus-one span{ font-size: 12px;}
.btn-xs.google-plus-one i{ bottom: -7px; }

.bigblockquote {
    display: block;
    position: relative;
    padding-left: 60px;
    border-left: #d3d3d3;
    border-left-width: 5px;
    border-left-style: solid;
}

.bigblockquote:before {
    content: "\f10d";
    font-size: 30px;
    font-family: FontAwesome;
    position: absolute;
    top: -4px;
    left: 20px;
}

section#blog-view h1 {
	font-size: 2.8em;

}

section#blog-view div.blog-view-heading {
	margin-left: 120px;
}

section#blog-view img#blog-author-image {
	margin-top: -30px;
}

section#blog-view li.user-posted-by {
	font-size: 1.4em;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: -15px;
}

section#blog-view li.user-posted-name {
	font-size: 2.8em;
	display: block;
	margin-left: 120px;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}