body {
	margin: 0; 
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	min-height:450px;
}

#container, .cham-columns {
	position:relative;
	overflow: hidden; /* Keep container bg in prince */
	text-align: left; /* Counteract to IE5/Win Hack */
}
#container:after, .cham-columns:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}

body.shop #container .widget br {
	display:initial;
}

ul, ol {
	list-style: none;
}

td img, li img, dd img {
	vertical-align: middle;
}

.strong {
	font-weight: bold;
}

.smaller {
	font-size: 8px;
	text-transform: none;
}

h1, h2, h3, h4, h5 {
	text-align: center;
}

.shorter {
	min-height: 100px;
}
.tall {
	min-height: 175px;
}

.controls, .buttons {
	text-align: center;
}

.controls input, .buttons input {
	width: 65px;
	font-size: 80%;
	padding: 1px;
	margin: 6px auto 3px auto;
}

textarea {
	font-size: .9em;
	text-align: left;
	overflow: auto;
	display: block;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.emailForm fieldset {
	text-align: center;
}

.emailForm fieldset legend span { /* mostly controlled in with other h5's above */
	display: block;
	font-weight:bold;
	width: 100%;
	text-align: center;
}
.emailForm fieldset legend {
	display: block;
	width: 100%;
}

.emailForm fieldset label {
	font-size: .9em;
	font-weight: bold;
	width: 75px;
	text-align: left;
	float: left;
	padding: 0 0 0 20px;
}

.emailForm fieldset input[type=submit] {
	width: 100px;
	font-size: 85%;
	padding: 1px;
	margin: 6px 0 0 0;
	text-align: center;
}

.emailForm .emailcomments {
}

.emailForm input, .emailForm textarea {	
	text-align: left;
	width: 175px;
	display: inline;
	padding: 1px;
	margin: 0 auto;	
}

.shopheader {
	color: #000;
	text-align: center;
	border-top: 0;
}

ul.levels {
	text-align: center;
}

.sticky, ul.levels {
	border-top: 0;
	padding: 4px;
	margin: 0;
}

.sticky_note {
	background: #ffffe5;	
	border-top: 1px solid #ffe873;
	border-right: 1px solid #e5bf00;
	border-bottom: 1px solid #e5bf00;
	border-left: 1px solid #ffe873;
	color: #3D2109;
	margin: 6px 0 6px 3px;	
	padding: 6px;
	text-align: center;
	width: 95%;
	/* css 3 gradient */
	background: -moz-linear-gradient(top, #ffffe5 1%, #fff8bd 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffe5), color-stop(100%,#fff8bd)); /* webkit */
	filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#ffffe5', endcolorstr='#fff8bd',gradienttype=0 ); /* ie */
	/* css 3 drop shadow */
	-webkit-box-shadow: 1px 2px 3px #e5decf;
	-moz-box-shadow: 1px 2px 3px #e5decf;
	box-shadow: 1px 2px 3px #e5decf;
}
.sticky_note:after { /* this allows not to grow with text volume */
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}
.sticky_header span { /* note title */
	float: left;
	font-weight: bold;
	padding-left: 6px;
}

.sticky_header .stickynote { /* icon image to left of title */
	float: left;
	padding-left: 6px;
	padding-top: 3px;
}

#header .sticky_show_hide_links a {
	color: #b39500;
	font-size: 90%;
	float: right;
	padding-bottom: 3px;
}

span.sticky_text {
	border-top: 1px solid #f2de79;
	float: left;
	padding-top: 3px;
	text-align: center;
}

.levels li {
	line-height:150%;
}


.scoredetails {
	line-height:175%;
}

.scoredetails li {
	padding-left:4px;
	padding-right:4px;
}

.perc {
	float: right;
	clear: none;
}

.scoredetails .delim {
	display: none;
}






.dtor-sections {
	layout:fixed; 
	/*this needs to be here otherwise IE7-8 forgets to apply the break-word for the 1st column */
	 /* this one is a table, but it's div is like the other widgets below */
}

#header .dtor-sections table, #column1 .dtor-sections table, #column2 .dtor-sections table  {
	width: 100%;
}

.dtor-sections th, .dtor-sections td { /* all rows, including headers */
	padding: 4px 0;
	font-size: .93em; 
	text-align: center;
	vertical-align: middle;
}

div#header .dtor-sections th, div#header .dtor-sections td {/*IE hack */
	width:54px;
}
.dtor-sections th { /* column headers cells */	
	font-size: 1em;
	vertical-align: bottom;
	line-height: 1em;
}
.dtor-sections .section { /* 1st column text */
	text-align: left;
	white-space: normal;
	padding-left: 7px;
	-ms-word-wrap:break-word; 
	word-wrap:break-word;
	width:75px;
	max-width:75px
}
.dtor-sections .current-section-score, .dtor-sections .last-section-score, .dtor-sections .change { /* 2nd, 3rd and 4th column text */
	text-align: center;
	white-space: nowrap;
	padding-right: 2px;
}

.dtor-sections .change {
	 width:75px; 
}
.dtor-sections .current-section-score td, .dtor-sections .last-section-score td, .dtor-sections .change td { /* 2nd, 3rd and 4th column cell */
	width: 100%;
}
.dtor-sections .current-section-score img, .dtor-sections .last-section-score img, .dtor-sections .change img { /* 2nd, 3rd and 4th column image */
	float: left;
	margin-left: 6px;
}

/* sidebar version */

#header .dtor-sections table {
	white-space: normal;
}

#header .dtor-sections th, #header .dtor-sections td { /* all rows, including headers */
	font-size: 93%;
	letter-spacing: -1px;
}

#header .dtor-sections .section { /* 1st column text */
	letter-spacing: -1px;
	padding-left: 0;	
}

#header .dtor-sections .overall .section {
	letter-spacing: 0;
	padding-left: 3px;
}

#header .dtor-sections .current-section-score, #header .dtor-sections .last-section-score, #header .dtor-sections .change { /* 2nd, 3rd and 4th column text */
	padding-right: 1px;
}

#header .dtor-sections .change {
	/* padding-right: 9px; */  /*taking this out for now as part of IE7-8 hack to prevent wrap around */
}

#header .dtor-sections .current-section-score img, #header .dtor-sections .last-section-score img, #header .dtor-sections .change img {
	width: 12px;
	height: 12px;
	margin-left: 3px;
}






.widget
{
	clear: both;
	padding-top:9px;
	position:relative;
}

/* css3 rounded corners -- ie will ignore */
/* some themes have bottom corners turned off */
.widget
{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* contain any spillage */
.widget:after 
{
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}

/* sub-titles */
.widget h3
{
	font-size: 1.5em;
	margin: 3px 0 0 0;
}

.widget h4
{
	font-size: .8em;
	margin: -6px 0 0 0;
}

.widget dl h4, .widget dl h5 {
	margin:0;
	width:120px;
	text-align:left;
}

.widget h5
{
	padding: 0 0 6px 0;
}

/* all graph-based widgets */
.dtor-graph p {
	text-align: center;
	padding: 3px 0 0 0;
}

.dtor-graph p img {
	float: none;
	margin-bottom: 6px;
}

/* dl's */

/* - - - - gauge to the right - - - - */

.dtor-your-score dl dt,
.dtor-rank dl dt,

.local-avg-period dl dt,
.company-avg-ytd dl dt,
.company-avg-period dl dt,

.local-rank-ytd dl dt,
.local-rank-period dl dt,

.local-score-detailed dl dt,
.local-score-simple dl dt,
.last-score-simple dl dt,

.local-percentile-period dl dt,
.local-percentile-ytd dl dt,

.section-score-detailed dl dt
{
	text-align: center;
	float: right;
	clear: both;
	padding: 0;
	width: 150px;
	line-height:25px;
	margin: 0;
}

.detailed-avg {
	text-align: center;
}

.dtor-your-score dt img,
.dtor-rank dt img,

.local-avg-period dt img,
.company-avg-ytd dt img,
.company-avg-period dt img,

.local-rank-ytd dt img,
.local-rank-period dt img,

.local-score-detailed dt img,
.local-score-simple dt img,
.last-score-simple dt img,

.local-percentile-period dt img,
.local-percentile-ytd dt img,

.section-score-detailed dt img
{
	margin: 3px 0 0 0;
}

.dtor-your-score dd,
.dtor-rank dd,

.local-avg-period dd,
.company-avg-ytd dd,
.company-avg-period dd,

.local-rank-ytd dd,
.local-rank-period dd,

.local-score-detailed dd,
.local-score-simple dd,
.last-score-simple dd,

.local-percentile-period dd,
.local-percentile-ytd dd,

.section-score-detailed dd,
{
	
	font-size: 1.5em;
	line-height:25px;
	text-align: left;
	float: left;
	clear:left;
	padding: 0 0 0 30px;
	margin: 0;
}

.local-rank-ytd dd, .local-rank-ytd dd h3 {
	padding-top:13px;
	font-size: 1.3em;
	display:inline;
	width:40%;
}

/* - - - - "gauge to the right" widgets in sidebar become centered - - - - */

#header .dtor-your-score dl dt, #header .dtor-your-score dl dd,
#header .dtor-rank dl dt, #header .dtor-rank dl dd,

#header .local-avg-period dl dt, #header .local-avg-period dl dd,
#header .company-avg-ytd dl dt, #header .company-avg-ytd dl dd,
#header .company-avg-period dl dt, #header .company-avg-period dl dd,

#header .local-rank-ytd dl dt, #header .local-rank-ytd dl dd,
#header .local-rank-period dl dt, #header .local-rank-period dl dd,

#header .local-score-detailed dl dt, #header .local-score-detailed dl dd,
#header .local-score-simple dl dt, #header .local-score-simple dl dd,
#header .last-score-simple dl dt, #header .last-score-simple dl dd,

#header .local-percentile-period dl dt, #header .local-percentile-period dl dd,
#header .local-percentile-ytd dl dt, #header .local-percentile-ytd dl dd,

#header .section-score-detailed dl dt, #header .section-score-detailed dl dd
{
	text-align: center;
	line-height: 9px;
	float: none;
	width: auto;
	padding: 0;
	margin: 0 auto;
}




.eval-summary dl, .eval-summary-ytd dl {
	margin-left:32px;
}

#header .eval-summary dl, #header .eval-summary-ytd dl {
	margin-left: 0;
}

.eval-summary dt, .eval-summary-ytd dt {
	margin-left:8px;
	width:60%;
	float:left;
	clear:both;
}

#header .eval-summary dt, #header .eval-summary-ytd dt {
	margin-left:0;
}

.eval-summary dd, .eval-summary-ytd dd {
	width:30%;
	float:right;
	clear:right;
}
.eval-summary dl h4, .eval-summary-ytd dl h4 {
	width:30%;
	font-size: 1em;
	line-height: 1.4em;
	float: left;
	text-align: right;
	clear: both;
	padding: 0;
}
#header .eval-summary dl h4, #header .eval-summary-ytd dl h4 {
	width: 95%;
}

/* - - - - gauges side by side - - - - */

.vs-eval-ytd dl,
.vs-eval dl,
.vs-company dl,
.vs-company-ytd dl,
.dtor-this-eval dl
{
	float: left;
	width: 50%;
	margin: 0 auto;
	padding: 0;
}

.vs-eval-ytd dl dt,
.vs-eval dl dt,
.vs-company dl dt,
.vs-company-ytd dl dt,
.dtor-this-eval dl dt
{
	text-align: center;
	clear:both;
}

.vs-eval-ytd dd,
.vs-eval dd,
.vs-company dd,
.vs-company-ytd dd,
.dtor-this-eval dd
{
	font-size: 1.2em;
	text-align: center;
}



.dtor-rank p {
	text-align: center;
	padding: 0;
	margin: 0;
}




.qset_selector, { /* column view */
	text-align: center;
	padding-top: 9px;
	margin-bottom: 20;
}

#header.qset_selector { /* sidebar view */
	text-align: center;
	padding-top: 0;
	margin-bottom: 0;
}

.qset_selector select { /* dropdown space */
	margin: 6px auto 12px auto;
}

/***** end main widgets *****/

#mainbody {
	clear:both;
}


/***** question survey *****/

.question-header {
	width: 900px;
	padding: 3px 0;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

.question-header:after,
.question-list:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}


.question-header h3 {
	font-size: 1.25em;
	float: left;
	padding: 6px 0;
}

.question-header .question {
	width:66%;
}

.question-header .answer, .question-header h3.score {
	width:16.4%;
	text-align: left;
}

.question-list {
	width: 900px; /* question widget width */
	padding: 0;
	padding-left:5px;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

 /* wrapper to fill empty "cells" */
.question-list dl.wrapper {
	clear:both;
	padding:0;
	margin:0;
	width: 99%;
}
.question-list dl.wrapper:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
}
 /* end wrapper to fill empty "cells" */
 
.question-list dt, .question-list dd {
	line-height:25px;
	padding: 0;
	margin: 0;
}

.question-list .qtext {
	width:67%;
	float:left;
	clear:both;
	margin:0;
}
.question-list .answer, .question-list dd.score {
	float:right;
	width:16.4%;
	padding:0;
	margin:0;
}

.question-list dd.answer { /* bottom answer icon blocks */
	width: 16.4%;
	padding: 6px 0 0 0;
	margin: 0;
}


.selectedOption {
	background: transparent url('../../../../images/semantic/selectedOption.png') no-repeat 0px 8px;
	color: #3d8237;
	font-weight: bold;
	padding-left: 15px;
}

.unselectedOption {
	padding-left: 15px;
}


/* keeps header-bar images centered */
.question-list dt.qfmt41, /* QFMT_BIG_HEADER in SASSIE guide */
.question-list dt.qfmt42, /* QFMT_MED_HEADER in SASSIE guide */
.question-list dt.qfmt43 /* QFMT_SM_HEADER in SASSIE guide */ 
{
	margin: 0 -6px;
}

.question-list dt.qfmt32, /* QFMT_NARRATIVE in SASSIE guide */ 
.question-list dt.qfmt33, /* QFMT_PICTURE_UPLOAD in SASSIE guide */
.question-list dt.qfmt41, /* QFMT_BIG_HEADER in SASSIE guide */ 
.question-list dt.qfmt42, /* QFMT_MED_HEADER in SASSIE guide */ 
.question-list dt.qfmt43 /* QFMT_SM_HEADER in SASSIE guide */ 
{
	font-weight:bold;
	clear:both;
	/*these two rules for IE*/
	padding: 3px 0 3px 9px;
}

.question-list dd.qfmt34 dl dd.score, /* QFMT_AUDIO_UPLOAD in SASSIE guide */
.question-list dd.qfmt39 dl dd.score /* QFMT_RECORDED_PHONECALL in SASSIE guide */
{
	display:none;
}

/*these two rules for IE*/
.question-list dt.qfmt34, /* QFMT_AUDIO_UPLOAD in SASSIE guide */
.question-list dt.qfmt39 /* QFMT_RECORDED_PHONECALL in SASSIE guide */ 
{
	width: 749px; /* fixes some "empty cells" */
	padding: 3px 0 3px 6px;
	margin: 0 -100px 0 0; /* fixes some "empty cells" */
}

/*get override for FF here*/
.question-list>dt.qfmt32, /* QFMT_NARRATIVE in SASSIE guide */ 
.question-list>dt.qfmt33, /* QFMT_PICTURE_UPLOAD in SASSIE guide */
.question-list>dt.qfmt34, /* QFMT_AUDIO_UPLOAD in SASSIE guide */
.question-list>dt.qfmt39, /* QFMT_RECORDED_PHONECALL in SASSIE guide */
.question-list>dt.qfmt41, /* QFMT_BIG_HEADER in SASSIE guide */
.question-list>dt.qfmt42, /* QFMT_MED_HEADER in SASSIE guide */ 
.question-list>dt.qfmt43 /* QFMT_SM_HEADER in SASSIE guide */
{
	position:relative;
	left:-15px;
	padding: 3px 0 3px 9px;
}

.question-list dt.qfmt32, /* QFMT_NARRATIVE in SASSIE guide */ 
.question-list dt.qfmt45, /* QFMT_RED_REMARKS in SASSIE guide */
.question-list dt.qfmt46 /* QFMT_BLACK_REMARKS in SASSIE guide */ 
{ 
	clear:both;
	width: 100%;
	padding: 3px 0;
}

.question-list dt.qfmt33 /* QFMT_PICTURE_UPLOAD in SASSIE guide */ 
{
	font-weight:bold;
	float:left;
	clear:both;
}
.question-list .selected {
	padding: 0 3px 0 6px;
	margin: 0 -6px;
}

.question-list dd.qfmt32, /* QFMT_NARRATIVE in SASSIE guide */ 
.question-list dd.qfmt33 /* QFMT_PICTURE_UPLOAD in SASSIE guide */
{
	page-break-inside: auto;
	clear:both;
	float:left;
	border:0;
	width: 98.5%;
	padding: 1px 6px;
	margin: 0 0 6px 0;
}

@media print
{
	.question-list dt.qfmt32
	{
		page-break-inside: auto;
	}
}

.question-list dt.qfmt32, /* QFMT_NARRATIVE in SASSIE guide */
.question-list dt.qfmt60 /* QFMT_GRID_START in SASSIE guide */
{
	margin: 0;
}

/***** Grids *****/
.question-list dd.qfmt60 /* QFMT_GRID_START in SASSIE guide */
{
	width: 99.5%;
	margin-bottom: 6px;
}

.question-list dd.qfmt60.answer /* QFMT_GRID_START in SASSIE guide */
{
	width: 100%;
	padding: 0;
	margin: 0 0 9px 0;
}
.grid_table {
	width: 100%;
	padding: 0;
}
.grid_table input {
	font-size:90%;
}
.grid_table th {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.2em;

	/* IE/pdf fix for grid questions. further info in trackerid 61013 */
	padding: 6px 0 6px 0;
	font-size:90%;
	letter-spacing: 0;
}
.grid_table td {
	/* grids details */
}
.grid_blank {
	/* grids details */
}
.grid_horizontal {
	/* grids details */
}
th.grid_vertical {
	font-weight: bold;
	text-align: left;
	letter-spacing: 0;
	text-transform: capitalize;
	padding-left: 9px;
}
.grid_question {
	font-weight: bold;
}
.grid_answer {
	/* grids details */
}
.grid_score {
	/* grids details */
}

.grid_table .selectedOption {
	background: #f2fff2 url('../../../../images/semantic/selectedOption.png') no-repeat center;
	color: #3d8237;
	font-weight: bold;
	border-top: 1px dotted #d1e5cf;
	border-bottom: 1px dotted #d1e5cf;
	padding-left: 0;
	text-align: center;
}

.grid_table .selectedOption .gridItemContent {
	display: none;
}

.grid_table .unselectedOption {
	padding-left: 0;
}

.grid_table .unselectedOption .gridItemContent {
	display: none;
}
/***** End Grids *****/

/*take it away for thins*/
#header .thin h5 {
	display:none !important;
	border:0 !important;
}
#header .widget.thin {
	background-image:none !important;
	border:0 !important;
	padding-top:0 !important;
	margin-top:0 !important;
	padding: 6px 0 9px 0;
}

.ytd_averages, .major, .minor  {
	padding-bottom: 1px;
}

#header .ytd_averages, #header .major, #header .minor  {
	padding-bottom: 1px;
}

.ytd_averages dl.wrapper, .major dl.wrapper, .minor dl.wrapper {
	clear:both;
}

.ytd_averages dl dl, .major dl dl, .minor dl dl {
	padding: 6px 0;
	line-height:125%;
}

#header .ytd_averages dd, #header .major dd, #header .minor dd {
	float:right;
	clear:right;
	padding-right: 0;
}
#header .ytd_averages dt, #header .major dt, #header .minor dt {
	width: 75%;
	float:left;
	clear:both;
	padding-left: 0;
}

.ytd_averages dd, .major dd, .minor dd {
	float:right;
	clear:right;
	padding-right: 12px;
}
.ytd_averages dt, .major dt, .minor dt {
	width: 75%;
	float:left;
	clear:both;
	padding-left: 12px;
}
.absolute-logo {
	display:none;
}
.logo {
	text-align:center;
}
#header .widget h2 {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:4px;
	margin-top:2px;
	margin-bottom:2px;
	line-height:150%;
}
.shopcombo3 * {
	text-align:center;
}

.shopcombo1 , .shopcombo2 , .shopcombo3 {
	text-align:center;
}


.scoringdescription ul { /* column view */
	list-style: square;
	list-style-position: outside;
	padding: 6px 15px;
}
.scoringdescription li { /* column view */
	margin: 1px 15px;	
}
#header .scoringdescription ul { /* sidebar view */
	padding: 0;
}
#header .scoringdescription li { /* sidebar view */
	margin: 1px 0 1px 12px;	
}


.organization dl.levels { /* column view */
	text-align: center;
	padding: 6px 15px;
}
#header .organization dl.levels { /* sidebar view */
	text-align: left;
	padding: 0;
}


.street-address, .locality, .region, .postal-code, .country-name {
	font-size: 90%;
	margin: 0;
}

.vcard {
	text-align: center;
}

.vcard .country-name {
	display: inline;
}

.widget.shopdetails .vcard { /* column view */	
	padding: 6px 15px;
}
#header .widget.shopdetails .vcard { /* sidebar view */
	padding: 0;
}

.widget.spacer {
	background-color: transparent !important; /*because tc3 sadness */
}


.mgr-issues-add p {
	text-align:center;
}
#column1 .mgr-issues-view ul,  
#column2 .mgr-issues-view ul  {
	margin-left:12px;
}

#column1, #column2 {
	width: 300px;
	min-height: 50px;
}

.question-footer {
	width: 100%;
	padding: 0;
	margin: 0 0 24px 0;
}
#mainbody .questionWidget.widget {
	width:auto;
	background:none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.questionWidget.widget, .fullwidth.widget {
	background: none;
	width: 100%;
}

#content_anchor {
	display: none;
	position: absolute; 
}

.question-list dl.wrapper.allow_edit dd.qfmt32 textarea {
	width:100%;
	font-size:12px;
}
.question-list dl.wrapper.allow_edit dd dl dd.score {
	/* display:none;*/
}
.question-list dl.wrapper.allow_edit dd dl dt.answer {
	width:16.4% /* used to double the 16.4 from before, but not anymore */
}
.question-list dl.wrapper.allow_edit dd dl dt.qfmt60.answer /* QFMT_GRID_START in SASSIE guide */
{
	width: 100%; /*you obviously still need 100%*/
}

.survey-tag {
	text-align:center;
	font-size:.8em;
}

.toggleSectionButton {
	float: right;
	width: 26px;
	margin-right: 5px;
	cursor: pointer;
	background-image: url("../../../../images/semantic/minus_accordion.gif");
}

.toggleSectionButton.minimized {
	background-image: url("../../../../images/semantic/plus_accordion.gif");
}

.social-media-button {
	width: 45%;
	display: inline;
    height: 2em;
	font-size: 1.3em;
    vertical-align:middle;
    text-align: center;
    margin: 1em auto;
    padding 0;
}
.social-media-widget-image {
	background-image: url(../../../../images/semantic/bg_buttons_socialreviews.png);
    background-size: 100px 100px;
    height: 100px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.social-media-review-count {
	display: block;
	text-align: center;
	margin: 0.5em auto;
	width: 96%;
    font-size: 1.25em;
    line-height: 34px;
    padding-top: 4px;
}
.widget.social .star-icon {
	color: #ddd;
	font-size: 1em;
	position: relative;
}
.widget.social .star-icon.full:before {
	color: #FDE16D;
	content: '\2605';
	position: absolute;
	left: 0;
	text-shadow: 0 0 2px rgba(0,0,0,0.7);
}
.links-place {
	clear: both;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.links-place a span {
	text-decoration: underline;
}
.widget.social .star-icon.half:before {
	color: #FDE16D;
	content: '\2605';
	position: absolute;
	left: 0;
	width: 50%;
	overflow: hidden;
	text-shadow: 0 0 2px rgba(0,0,0,0.7);
}
.widget.social .social-image {
	padding: 5px 0 10px;
}
.widget.social .social-image img {
	width: 40px;
}
.social-widget-preview-left {
	width: 12%;
	float: left;
	margin-left: 5px;
	text-align: center;
}
.social-widget-preview-right {
	float: right;
	width: 85%;
	margin-right: -5px;
}
.social-media-container {
	margin: 10px;
}

.social-left, .social-left * {
	float: left;
}
.social-right, .social-right * {
	float: right;
}
.social-media-preview-container {
	clear: both;
}

.social-preview-row {
	clear: both;
}
/* styles for '...' */ 
.multiline_ellipsis_text {
	/* hide text if it more than N lines  */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative; 
	/* use this value to count block height */
	/* max-height = line-height (1.2) * lines max number (3) */
	font-size: 1.2em;
	line-height: 1.4em;
	max-height: 3.4em; 
	/* fix problem when last visible word doesn't adjoin right side  
	text-align: justify;  
	/* place for '...' */
	margin-right: -1.5em;
	padding-right: 1.5em;
	width: 93%;
/*	padding-left: 0.4em;
*/}
/* create the ... */
.multiline_ellipsis_text:before {
	/* points in the end */
	content: '...';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of block */
	right: 1.2em;
	bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.multiline_ellipsis_text:after {
	/* points in the end */
	content: '';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of text */
	right: 1.2em;
	/* set width and height */
	width: 1em;
	height: 1em;
	margin-top: 0.3em;
	/* bg color = bg color under block */
	background: white;
}