/* This stylesheet is used to style the public view of the plugin. */
h3 {
	text-align: center;
}
.workplace-behaviors div {
	text-align: center;
}

.tfb-triangle {
	text-align: center;
}

.famous-quotes {
	border: 2px solid #ddd;
	padding: 15px;
	margin: 15px 0;
}
.scroll-player-shadow
{	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
	padding: 5px 15px 5px 10px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.scroll-player
{	height: 502px;
	overflow-y: scroll;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px 10px 0px 15px;
}

.famous-quotes h4{
  line-height: normal;
  margin: 0;
  font-weight: bold;
}
.landing {
	text-align: center;
}
.clearfix,
.real-stories {
	clear: both;
}

.real-stories .real-story {
	margin-top: 30px;
	border-top: 1px solid black;
	padding-top: 10px;
}

img.enneagram-number {
	width: 35px;
  background: none;
}
p.vs {
	text-align: center;
}
.interaction-widget #findYourStyleContent .work-with h3
{	padding-bottom: 5px;
	border-bottom: 1px solid #00628C;
	margin-top:0px!important;
}
.interaction-widget #findYourStyleContent .work-with>img
{	position:absolute;
	top: 20px;
	left:-15px;
}
.interaction-widget #findYourStyleContent .work-with
{	border: 1px solid #555;
	padding: 15px;
	margin-bottom:30px;
	position:relative;
}
.interaction-widget #findYourStyleContent .longer-description h3
{	font-size: 16px;
	text-align: left;
	margin-top: 30px;
}
.interaction-widget .style-tab .up-want p
{	padding-left: 35px;
}
.interaction-widget .style-tab .find-your-style-box .center-of-intelligence li
{	display:inline-block; 
	margin-right: 5px;
}

.interaction-widget .style-tab .find-your-style-box .center-of-intelligence
{	list-style: none;
	margin-top: 0px;
	display:inline-block;
	margin-top: 10px;
}
.interaction-widget .style-tab .real-stories .real-story .real-in ul
{	margin-bottom:0px;
}
.interaction-widget .style-tab .real-stories .real-story .real-in .blue-tit
{	color:#00628C;
	margin-bottom:0px;
	font-size:12px;
	padding-left: 10px;
}
.interaction-widget .style-tab .real-stories .real-story .real-in>img
{	position:absolute;
	top: 20px;
	left:-15px;
}
.interaction-widget .all-contt .real-in .each-how>img
{	position:absolute;
	top:10px;
	left: -30px;
}
.interaction-widget .all-contt .real-in .each-how h5
{	padding-left: 10px;
}
.interaction-widget .all-contt .real-in .each-how
{	position:relative;
}
.interaction-widget .all-contt .real-in ul li
{	list-style: disc!important;
	margin-bottom:10px!important;
}
.interaction-widget .all-contt .real-in ul
{	margin-bottom:0px;
}
.interaction-widget .all-contt .real-in
{	border: 1px solid #555;
	padding:15px;
	margin-bottom: 15px;
}	
.interaction-widget .all-contt
{	margin-bottom:30px;
	display: none;
}
.interaction-widget .cont1
{	display:block;
}
.interaction-widget .all-contt h4
{	font-size: 13px;
	padding-bottom: 3px;
	border-bottom: 1px solid #004563;
	text-transform: uppercase;
	font-weight:bold;
	
}
.interaction-widget .all-butt .cont-butt
{	display:inline-block;
	background: #004563;
	border:2px solid #fff;
	box-shadow: 0px 0px 2px #004563;
	border-radius: 5px;
	padding:5px 10px;
	color:#fff;
	font-size: 12px;
	width: 24%;
	margin: 0px 9px;
	line-height: 14px;
	cursor: pointer;
}
.interaction-widget .all-butt
{	text-align:center;
	margin-bottom:20px;
}
.interaction-widget #enneagramStyles 
{	border-bottom: 1px solid #DDD;
}
.interaction-widget .style-tab .real-stories .real-story
{	margin-top:0px;
	margin-bottom:20px;
}
.interaction-widget .style-tab .real-stories .real-story .real-in
{	position:relative;
	border: 1px solid #555;
	padding: 15px;
}
.interaction-widget .style-tab .real-stories .real-story h4
{	color:#000;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
}
.interaction-widget .style-tab .real-stories .real-story
{	border-top:0px;
}
.interaction-widget .style-tab .real-stories h3
{	text-align:left;
	text-transform: uppercase;
	padding-top: 10px;
	border-bottom: 1px solid #00628C;
	font-size:14px;
	font-weight:bold;
}
.interaction-widget .style-tab .find-your-style-box .bord-bot
{	border-bottom: 1px solid #000;
	padding-bottom:10px;
}
.interaction-widget .style-tab .find-your-style-box>ul
{	margin-top: 0px;
}
.interaction-widget .style-tab .find-your-style-box>p
{	text-align:center;
	margin-bottom: 0px;
}
.interaction-widget .style-tab .find-your-style-box 
{	width:94%; 
	float: right;
	padding:10px 3%!important;
	margin-bottom: 5px;
}
.interaction-widget ul.center-of-intelligence li
{	font-size:14px;
}
.interaction-widget ul.center-of-intelligence
{	margin-bottom: 5px;
	text-align: center;
	padding-left: 0px;
}
.interaction-widget .style-tab .nav-tabs > li:hover > a, 
.interaction-widget .style-tab .nav-tabs > li.active
{	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #72847d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#72847d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#72847d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#72847d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#72847d 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#72847d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#72847d',GradientType=1 ); /* IE6-9 */

}
.interaction-widget .style-tab #diffsTabs.nav-tabs > li:hover > a, 
.interaction-widget .style-tab #diffsTabs.nav-tabs > li.active, 
.interaction-widget .style-tab #findYourStyleTabs.nav-tabs > li:hover > a, 
.interaction-widget .style-tab #findYourStyleTabs.nav-tabs > li.active
{	background: #72847d; /* Old browsers */
background: -moz-linear-gradient(left,  #72847d 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#72847d), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #72847d 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #72847d 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #72847d 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #72847d 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72847d', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.interaction-widget #enneagramStyles > li:hover > a,
.interaction-widget #enneagramStyles > .active > a,
.interaction-widget #enneagramStyles > .active > a:hover,
.interaction-widget #enneagramStyles > .active > a:focus
{	box-shadow: 0 9px 13px -2px #72847d inset;
	-moz-box-shadow: 0 9px 13px -2px #72847d inset/*00628C*/;
	-webkit-box-shadow: 0 9px 13px -2px #72847ds inset;
	background: none;
}
.interaction-widget h5,
.interaction-widget h4,
.interaction-widget h3,
.interaction-widget h2,
.interaction-widget h1
{	color: #004563!important;
}
.interaction-widget #enneagramStyles li a {
color: #004563!important;
}
.interaction-widget #enneagramStyles li a
{	height: 57px;
}
.interaction-widget .half-box img
{	width:94px;
}
.interaction-widget #enneagramStyles li
{	height:80px;
}
.caricatimg
{	width:94px;
}
.interaction-widget #diffsContent .style-tab>p
{	margin: 0px;
}

/* New Tabs CSS */
.style-tab{display: none;}
.style-tab.active{display: block;}
.nav-tabs.secondary{display: none;}
.entry #enneagramStyles li{
	border-left: 1px solid #DDDDDD;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.entry #enneagramStyles li:first-child{border: none;}


.find-your-style-box_phant {
    float: right;
    width: 73%;
}

@media only screen and (min-width: 768px) and (max-width: 999px){
	#enneagramStyles li a{padding-left: 0px !important;padding-right: 0px !important;}

}
@media only screen and (max-width: 767px){
	#enneagramStyles li a{padding-left: 5px !important;padding-right: 5px !important;}
		.find-your-style-box_phant {
    float: none;
    text-align: center;
    width: 100%;
}
}
/* End New Tabs CSS */