/*******************************************************************************************



TFJ YATA PREMIUM Joomla! 3 Responsive Template - August 2014

Package tpl-tfj-yata-premium-rwd-j3.zip

Version 3.0



PREMIUM VERSION!

Only in Premium Version Full Quickstart Instalation Package and footer link remove option.



What is quickstart package?



"Quickstart Package" is a TFJ YATA PREMIUM Template + Joomla 3 + all content, all modules, all components and settings used in demo site.

         

How to install Quickstart package?



Quickstart Package install exactly the same as a normal Joomla! installation package. (To get know more about technical requirements to run Joomla! please  /*      visit: Joomla technical requirements).



TEMPLATE FEATURES



TFJ ONE Responsive Joomla! 3 template is based on the Bootstrap Framework. The Bootstrap Framework makes it fully responsive to all screen resolutions and aspect ratios.



Joomla 3 compatible.

Based on Bootstrap.

Responsive Mobile-Friendly template for Joomla 3. A responsive layout automatically adapts to the viewing device, allowing for an optimized appearance on multiple devices, such as tablets.

Template Bundle Package.

CSS Superfish multi level dropdown menu (Only in Premium Version).

Responsive Menu.

Fully responsive jQuery slider.

Gallery plugin and modules.

Tableless design and 100% CSS based.

Lightweight and fast-loading.

Logo as Text or Image with configuration parameters.

Built-in 672 Google Fonts! (Only in Premium Version).

FlexSlider - an awesome, fully responsive jQuery slider! (Only in Premium Version).

Built-in social media icons for the popular social networking sites including Twitter, Facebook, Google Plus, Youtube, LinkedIn and more... (Only in Premium Version).

FlexSlider - an awesome, fully responsive jQuery slider! (Only in Premium Version).

4 layout options: 3 columns (left+component+right), 2 columns (left+component), 2 columns (component + right), 1 column (component).

12 Possible Module Positions. All module positions are fully collapsible

Support for Sitemap - Xmap component.

Custom 404 error page and offline message page.

Cross-Browser Support - TFJ ONE template work great with all modern browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 9+.

SEF Optimised Layout.

Heading: h1, h2, h3, h4 and h5.

Optimized code for Search Engines which helps in SEO.

SEO Breadcrumbs with Microdata Google - this will give a nice category-display in the Google search results. (Only in Premium Version).

Full quickstart installation package for Joomla 3.3.3 (Only in Premium Version).

What is quickstart package? - "Quickstart Package" is a TFJ ONE Template + Joomla 3 + all content, all modules, all components and settings used in demo site.



How to install Quickstart package?

Quickstart Package install exactly the same as a normal Joomla! installation package. (To get know more about technical requirements to run Joomla! please visit: Joomla technical requirements).



Quickstart Package Extra Extensions (Components, Modules, Plugin) Included. (Only in Premium Version).

Automatic Slideshow. FlexSlider - an awesome, fully responsive jQuery slider. Supported in all major browsers. Horizontal/vertical slide and fade animations.  Hardware accelerated touch swipe support. Custom navigation options. (Only in Premium Version TFJ ONE Joomla! 3 Template).

Gallery plugin & module - Sigplus Gallery (Sigplus Image Gallery Plus is a straightforward way to add image or photo galleries to a Joomla article with a simple syntax. It takes a matter of minutes to set up a gallery but those who are looking for a powerful gallery solution will not be disappointed either: sigplus is suitable for both beginner and advanced users. (Only in quickstart package Premium Version).

Xmap - the best sitemap component. (Only in quickstart package Premium Version).

JCE editor - the best WYSiWYG editor. (Only in quickstart package Premium Version).

Extra SEO SEF plugins automatically generates description meta tags by pulling text from the content to help with SEO. It also gives you the ability to set different title configurations. (Only in quickstart package Premium Version).

Extra Cache plugin. (Only in quickstart package Premium Version).

And more...

More information on http://templatesforjoomla.eu



*******************************************************************************************/

body.background.defaultbg {
	background: #f7f7f7;
}

body.background.lnd {
	background: url(../images/bg/lnd.png) repeat;
}

body.background.la {
	background: url(../images/bg/la.png) repeat;
}

body.background.wbs {
	background: url(../images/bg/wbs.png) repeat;
}

body.background.lght {
	background: url(../images/bg/lght.png) repeat;
}

body.background.nn {
	background: url(../images/bg/nn.png) repeat;
}

body.background.hex {
	background: url(../images/bg/hex.png) repeat;
}

body.contentpane {
	padding: 20px;
}

div.formelm label {
	width: 100px;
	display: inline-block;
	margin-bottom: 7px;
}


/*mod_search*/

#top form.form-inline {
	width: 245px;
	height: auto;
	float: right;
	margin: 0 7px 0 0;
}

#top input#mod-search-searchword {
	background-color: #e7e7e7;
	width: 142px;
	height: 25px;
	padding: 0px 5px 0px 10px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #353535;
	border: 1px solid #e4e4e4 !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#top input#mod-search-searchword:hover,
#top input#mod-search-searchword:focus {
	-webkit-box-shadow: 0px 0px 100px 0px #e7e7e7;
	-moz-box-shadow: 0px 0px 100px 0px #e7e7e7;
	box-shadow: 0px 0px 100px 0px #e7e7e7;
}

input#mod-search-searchword {
	background-color: #585858;
	border: 1px solid #e4e4e4;
	width: 157px;
	height: 25px;
	padding: 0px 5px 0px 10px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #fff;
}

input.button,
button.button,
button,
.btn-primary {
	background-color: #f96150;
	height: 27px;
	padding: 0 14px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
}

input.button:hover,
button.button:hover,
button:hover,
.btn-primary:hover {
	color: #fff;
	background-color: #5f5f5f;
	border: 0;
}

#topbottom input#mod_search_searchword:hover,
#topbottom input#mod_search_searchword:focus {
	background-color: #636363;
	border: 1px solid #e4e4e4;
}

#topbottom input.button {
	float: right;
}


/*Slideshow*/

#slide-wrap,
#tfj-slide-wrap {
	background-color: #252525;
	border-bottom: 2px solid #0b0b0b;
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#slide-wrap {
	margin: 0 0 20px 0;
	padding: 30px 0 55px 0;
}

#tfj-slide-wrap {
	margin: 0;
	padding: 30px 0 35px 0;
}

.flexslider,
#tfj-slide {
	width: auto;
	max-width: 960px;
	margin: 0 auto;
}


/*Typo*/

div.blog-featured h1.componentheading {
	padding: 0 0 15px 0;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.items-row h2.item-page-title,
.items-row h2.item-page-title a {
	font-size: 20px;
	color: #333;
	line-height: normal;
}

.items-row h2.item-page-title a:hover {
	font-size: 20px;
	color: #f96150;
}

#wrapper .thumbnail {
	display: block;
	padding: 0 !important;
	-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	-webkit-box-shadow: 0 0 0 !important;
	-moz-box-shadow: 0 0 0 !important;
	box-shadow: 0 0 0 !important;
}

#wrapper .thumbnail img,
.imgborder {
	border: 1px solid #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#wrapper a.thumbnail:hover {
	border-color: #0088cc;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

#wrapper .thumbnail>img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#wrapper .thumbnail .caption {
	padding: 9px;
	color: #555555;
}

#wrapper .contact .thumbnail {
	display: inline-block;
}

div .thumbnail img,
.imgborder {
	border: 1px solid #333 !important;
}

.item-page ul,
div.description ul,
.category-desc ul {
	list-style: none;
	margin: 0 0 15px 5px;
}

.item-page ul li,
div.description ul li,
.category-desc ul li,
ul#archive-items li ul li {
	background: url(../images/li-arrow-hover.png) left 8px no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none;
}

.item-page ol,
div.description ol,
.category-desc ol {
	counter-reset: li;
	margin-bottom: 15px;
	list-style: none;
	padding: 0
}

.item-page ol li,
div.description ol li,
.category-desc ol li {
	position: relative;
	padding-left: 30px;
}

.item-page ol li:before,
div.description ol li:before,
.category-desc ol li:before {
	content: counter(li);
	counter-increment: li;
	background: #f96150;
	color: #fff;
	font: normal 14px/20px sans-serif;
	height: 20px;
	text-align: center;
	width: 20px;
	position: absolute;
	left: 0;
	top: 2px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.category-desc {
	border-bottom: 1px solid #e4e4e4;
	margin: 0 0 10px 0;
	padding-bottom: 18px;
}

/*Tags icons*/

#comp-w ul.tags.inline li{
	background: none; display: inline; padding: 0;
}

/*Readmore*/

p.readm {
	margin: 0;
}

p.readmore a,
a.readmore,
div.item a.readmore {
	background-color: #f96150;
	color: #eaeaea;
	padding: 4px 6px 3px 6px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	text-shadow: 0 1px 1px #000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

p.readmore a:hover,
a.readmore:hover,
div.item a.readmore:hover {
	color: #fff;
	background-color: #5F5F5F;
}


/*Sigplus gallery*/

body div.sigplus-gallery ul>li img {
	margin: 5px !important;
	border: 1px solid #e4e4e4 !important;
	padding: 0px !important;
}

body div.sigplus-gallery ul>li img {
	margin: 5px !important;
	border: 1px solid #e4e4e4 !important;
	padding: 0px !important;
}


/*Bottom*/

#bottom_wrapper {
	background-color: #252525;
	border-bottom: 2px solid #0b0b0b;
	width: 100%;
	height: auto;
	padding: 0 0 30px 0;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#bottomgallery_wrapper {
	width: 100%;
	height: auto;
	background-color: #000;
	padding: 30px 0;
}

#bottomgallery {
	width: auto;
	max-width: 960px;
	margin: 0 auto;
	height: auto;
	margin-bottom: 0;
	overflow: hidden;
	clear: both;
	text-align: left;
}

#user56 {
	width: auto;
	max-width: 960px;
	margin: 0 auto;
	height: auto;
	text-align: left;
	padding: 41px 0 20px 0;
	overflow: hidden;
	clear: both;
	color: #a1a1a1;
}

#user5,
#user6 {
	width: auto;
	max-width: 960px;
	height: auto;
	padding: 0;
	overflow: hidden;
	clear: both;
}

#user5w,
#user6w {
	padding: 20px 0 0 0;
}

#bottomgallery h3,
#user5 h3,
#user6 h3 {
	border-bottom: 1px solid #393939;
	color: #989898;
	background-color: transparent;
	font-size: 20px;
	padding: 0 15px 5px 15px;
	margin: 0 0 10px 0;
	text-shadow: 0 1px 1px #000;
}

#bottom_modules ul,
#bottomgallery ul,
#user5 ul,
#user6 ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#bottom_modules ul li,
#bottomgallery ul li,
#user5 ul li,
#user6 ul li,
#bottom_wrapper form a {
	margin: 0 0 3px 0;
	background: url(../images/arrow-bottom.png) left 10px no-repeat;
	padding: 2px 0 4px 10px;
	border-bottom: 1px dotted #393939;
}

a.llast {
	border-bottom: 0 !important;
}

#bottom_modules ul li:last-child,
#bottomgallery ul li:last-child,
#user5 ul li:last-child,
#user6 ul li:last-child {
	border-bottom: none;
}

#bottom_modules .moduletable ul li a,
#bottom_modules a,
#bottomgallery ul li a,
#user5 ul li a,
#user5 a,
#user6 ul li a,
#user6 a {
	text-decoration: none;
	color: #a1a1a1;
	display: block;
}

#bottom_modules .moduletable ul li a:hover,
#bottom_modules a:hover,
#bottomgallery a:hover,
#user5 a:hover,
#user6 a:hover {
	color: white;
}

#bottom_modules a,
#bottomgallery a {
	color: #b5b5b5;
	text-decoration: none;
}

#bottom_modules a:hover,
#bottomgallery a:hover {
	color: #fff;
}

#user5 .module,
#user6 .module {
	margin-bottom: 30px;
}

#bottom_modules .modulecontent,
#bottomgallery .modulecontent,
#user5 .module-body,
#user6 .module-body {
	padding: 15px 15px 0 15px;
}

#bottomgallery .module-body {
	padding-top: 15px;
}

#bottom_wrapper form label {
	font-size: 12px !important
}

#bottom_wrapper form .nav-list {
	padding: 5px 0 0 0;
	margin-bottom: 0;
}

#bottom_wrapper form a i {
	display: none;
}


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

input:hover,
input.invalid:hover,
select:hover,
textarea:hover,
form#emailForm input.inputbox:hover,
input.inputbox:hover,
.modulecontent form.form-login fieldset input:hover,
input.inputbox.search-query:hover,
input:focus,
input.invalid:focus,
select:focus,
textarea:focus,
form#emailForm input.inputbox:focus,
input.inputbox:focus,
.modulecontent form.form-login fieldset input:focus,
input.inputbox.search-query:focus {
	border: 1px solid #f96150;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

button.button.btn:hover,
button.btn:hover,
input.button.btn:hover,
input.btn:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


/*bottom social icons*/

#bottom_social_wrapper {
	width: 100%;
	height: auto;
	min-height: 38px;
	font-size: 12px;
	background-color: #000;
}

#bottom_social {
	width: auto;
	max-width: 960px;
	height: auto;
	margin: 0 auto;
}

#bottom_social ul.social {
	list-style: none;
	text-align: center;
	padding: 4px 0 0 0;
}

#bottom_social ul.social li {
	display: inline;
	padding: 0 1px;
}


/*Footer*/

#footer ul.menu {
	font-size: 16px;
	list-style: none;
	margin: 0 0 20px 0;
}

#footer ul.menu li {
	display: inline;
	padding-right: 24px;
}


/*Search*/

div#archive,
#searchForm {
	padding: 15px;
	overflow: hidden;
	color: #333;
	margin-bottom: 10px;
	padding: 10px 15px;
	background: #fff;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #cfcfcf;
}

div.searchintro,
div.ordering-box,
div.form-limit {
	margin: 20px 0 0 0;
}

div.search-results {
	margin: 35px 0 0 0;
}

dd.result-category,
dd.result-created {
	font-size: 10px;
	text-transform: uppercase;
	color: #A0A0A0;
}

label input[type="checkbox"],
label input[type="radio"] {
	display: inline-block;
	vertical-align: top;
}


/*Contact*/

div.list-title {
	font-size: 18px;
}


/*Breadcrumb*/

#breadcrumb-w {
	width: 100%;
	height: auto;
	background-color: #252525;
	padding: 0;
	color: #B5B5B5;
	font-size: 11px;
}

ul.breadcrumb {
	width: auto;
	max-width: 936px;
	margin: 0 auto;
	color: #B5B5B5;
	padding: 6px 0 4px 0;
}

ul.breadcrumb li {
	text-shadow: 0 1px 0 #000;
}

ul.breadcrumb a {
	color: #B5B5B5;
}

.breadcrumb a:hover {
	color: #fff;
	text-decoration: none;
}

.breadcrumb li.active {
	color: #fff;
}

ul.breadcrumb div {
	display: inline-block;
	line-height: 28px;
	padding: 0 1px
}

ul.breadcrumb .divider {
	color: #B5B5B5;
}


/*tags*/

ul.category.list-striped {
	list-style: none;
	margin: 0;
}

ul.category.list-striped li {
	border-bottom: 1px solid #e4e4e4;
}

ul.category.list-striped h3 {
	padding: 10px 0;
}

.registration form label,
.remind form label,
.reset form label,
.login form label,
.profile__edit form label,
.edit label {
	display: inline-block;
	margin-right: 20px;
}

.profile .dl-horizontal dt {
	float: left;
	width: 140px;
	clear: left;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile .dl-horizontal dd {
	margin-left: 150px;
}


/* Mobile Table*/

@media screen and (min-width: 768px) {
	.contact .dl-horizontal {
		margin-bottom: 20px;
	}
	.contact .dl-horizontal:after {
		clear: none;
	}
	.contact .dl-horizontal dt {
		width: 150px;
	}
	.contact .dl-horizontal dd {
		margin-left: 160px;
	}
	.contact .contact-position.dl-horizontal dd {
		margin-left: 160px;
	}
}

@media screen and (max-width: 240px) {
	#topmininav ul.social {
		text-align: center;
		padding: 10px;
		float: none;
		margin: 0 auto;
	}
	#topmininav ul.menu {
		text-align: center;
		padding: 10px;
		float: none;
		margin: 0 auto;
		margin-top: 5px;
	}
	#header {
		height: auto;
		min-height: 110px;
		padding: 10px 0;
	}
	.logo {
		top: 15px !important;
		text-align: center;
		width: 95%;
	}
	.logo a {
		line-height: 30px;
		font-size: 26px;
	}
	.sitedescription {
		float: none;
		font-size: 16px;
		text-align: center;
		width: 95%;
	}
	div.search,
	ul.flex-direction-nav {
		display: none;
	}
	input,
	textarea,
	.uneditable-input {
		width: 150px !important;
	}
	.componentheading {
		font-size: 20px;
		line-height: 26px;
	}
	.blog-featured .items-row {
		padding: 15px 0 0 0;
	}
	#bottomgallery_wrapper {
		padding: 30px 0 0 0;
	}
}

@media screen and (min-width: 241px) and (max-width: 320px) {
	#topmininav ul.social {
		text-align: center;
		padding: 10px;
		float: none;
		margin: 0 auto;
	}
	#topmininav ul.menu {
		text-align: center;
		padding: 10px;
		float: none;
		margin: 0 auto;
		margin-top: 5px;
	}
	#header {
		height: auto;
		min-height: 110px;
		padding: 10px 0;
	}
	.logo {
		top: 15px !important;
		text-align: center;
		width: 95%;
	}
	.logo a {
		line-height: 36px !important;
		font-size: 32px !important;
	}
	.sitedescription {
		float: none;
		font-size: 16px;
		text-align: left;
		width: 95%;
	}
	div.search,
	ul.flex-direction-nav {
		display: none;
	}
	.contact .pull-right {
		float: left !important;
		display: block;
		width: 100%;
	}
	.contact .thumbnail.pull-right {
		margin-left: 0 !important;
		float: left !important;
	}
	.contact .thumbnail>img {
		margin-left: 0 !important;
	}
	#bottom_social_wrapper {
		padding-bottom: 7px;
	}
}

@media screen and (min-width: 321px) and (max-width: 480px) {
	div#top {
		display: none;
	}
	#topmininav ul.social {
		text-align: center;
		padding: 10px;
		float: none;
		margin: 0 auto;
	}
	#topmininav ul.menu {
		text-align: center;
		padding: 10px;
		float: none;
		margin: 0 auto;
		margin-top: 5px;
	}
	.logo {
		top: 30px !important;
		text-align: center;
		width: 90%;
	}
	.logo a {
		line-height: 44px !important;
		font-size: 42px !important;
	}
	.sitedescription {
		float: none;
		font-size: 20px;
		text-align: center;
		width: 95%;
	}
	div.search,
	ul.flex-direction-nav {
		display: none;
	}
	#wrapper-w {
		padding: 20px 0 0 0;
	}
}

@media screen and (min-width: 481px) and (max-width: 599px) {
	div#top {
		display: none;
	}
	#topmininav ul.social {
		text-align: center;
		padding: 10px;
		float: none;
		margin: 0 auto;
	}
	#topmininav ul.menu {
		text-align: center;
		padding: 10px;
		float: none;
		margin: 0 auto;
		margin-top: 5px;
	}
	.logo {
		top: 20px;
		text-align: center;
		width: 95%;
	}
	.logo a {
		line-height: 54px;
		font-size: 52px;
	}
	.sitedescription {
		float: none;
		font-size: 24px;
		text-align: center;
		width: 95%;
	}
	#wrapper-w {
		padding: 20px 0 0 0;
	}
}

@media screen and (min-width: 600px) and (max-width: 768px) {
	#topmininav ul.social {
		margin-left: 10px;
	}
	.logo {
		top: 20px;
		text-align: left;
		width: 95%;
	}
	.logo a {
		line-height: 50px;
		font-size: 48px;
	}
	.sitedescription {
		float: left;
		font-size: 24px;
		text-align: left;
		width: 95%;
	}
	ul.breadcrumb {
		padding: 6px 0 4px 10px;
	}
	div#footer {
		text-align: center;
	}
	div#xmap ul.level_0 {
		columns: 1 !important;
		-webkit-columns: 1 !important;
		-moz-columns: 1 !important;
	}
	ul.flex-direction-nav {
		display: none;
	}
	div.blog .items-row {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	div.span3,
	div.span4,
	div.span6,
	div.span12 {
		border-bottom: 1px solid #e4e4e4;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#bottom_wrapper div.span3,
	#bottom_wrapper div.span4,
	#bottom_wrapper div.span6,
	#bottom_wrapper div.span12 {
		border-bottom: 0;
		padding-bottom: 5px;
		margin-bottom: 15px;
	}
	input[type=checkbox] {
		width: auto !important;
	}
}

@media screen and (min-width: 384px) and (max-width: 768px) {
	.logo {
		left: 10px;
	}
}

@media screen and (max-width:999px) {
	div#xmap ul.level_0 {
		columns: 2 !important;
		-webkit-columns: 2 !important;
		-moz-columns: 2 !important;
	}
}


/*End mobile override*/

div#xmap ul.level_0 {
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
}

.muted {
	margin-top: 30px;
}

.contact dl.contact-address.dl-horizontal {
	margin-bottom: 20px;
}


/* ToolTip CSS  */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 8px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	font-weight: 400;
	color: #fff;
	text-shadow: none;
	text-align: center;
	line-height: 1.4em;
	padding: 6px 9px;
	background-color: rgb(249, 97, 80);
	background-color: rgba(249, 97, 80, 1);
}

#tiptip_arrow,
#tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: rgb(249, 97, 80);
	border-top-color: rgba(249, 97, 80, 1);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: rgb(249, 97, 80);
	border-bottom-color: rgba(249, 97, 80, 1);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: rgb(249, 97, 80);
	border-right-color: rgba(249, 97, 80, 1);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: rgb(249, 97, 80);
	border-left-color: rgba(249, 97, 80, 1);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(249, 97, 80);
	border-top-color: rgba(249, 97, 80, 1);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(249, 97, 80);
	border-bottom-color: rgba(249, 97, 80, 1);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(249, 97, 80);
	border-right-color: rgba(249, 97, 80, 1);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(249, 97, 80);
	border-left-color: rgba(249, 97, 80, 1);
}


/*End ToolTip*/