﻿/* ========================== Tabs Shortcode Styles ========================== */
.celta-tabs {
	background: #fff;
	border: 1px solid #dadada;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
}

.celta-tab {
	background: #fff;
	color: #898c8d;
	font-size: 12px;
	line-height: 18px;
	padding: 25px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#main-content .celta-tabsNav {
	list-style: none;
}

.celta-tabsNav {
	background: #cdd5d2;
	height: 38px;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0 11px;
}

.celta-tabsNav li {
	float: left;
	height: 38px;
	line-height: 38px;
	margin-right: 2px;
}

.celta-tabsNav li  a {
	color: #646c69;
	display: block;
	height: 29px;
	line-height: 29px;
	margin-top: 9px;
	padding: 0 15px;
	text-shadow: 0 1px 0 #fff;
}

.celta-tabsNav li  a:hover, .celta-tabsNav li  a.active {
	background: #fff;
	color: #353434;
	text-decoration: none;
	text-shadow: none;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
}

/* ========================== Toggle Shortcode Styles ========================== */
.celta-toggle {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
}

.celta-toggle-title {
	background: #cdd5d2;
	color: #646c69;
	font-size: 12px;
	height: 39px;
	line-height: 39px;
	padding: 0 25px;
	text-shadow: 0 1px 0 #fff;
	border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
}

.celta-toggle-title span {
	float: left;
}

.celta-toggle-title.active {
	background: #415e7e;
	color: #d1d6de;
	text-shadow: 0 -1px 0 #202d3b;
}

.celta-toggle-title a {
	color: #646c69;
	float: right;
	font-size: 11px;
}

.celta-toggle-title.active a {
	color: #d1d6de;
}

.celta-toggle-box {
	background: #fff;
	border: 1px solid #dadada;
	color: #898c8d;
	font-size: 12px;
	line-height: 18px;
	padding: 25px;
}

/* ========================== Content Boxes Shortcode Styles ========================== */
.celta-content-box {
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	height:50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;
}

.celta-content-box h3 {
	color: #454b53;
	margin-bottom: 10px;
}

.celta-content-box p {
	color: #454b53;
	text-align:right;
	margin-bottom: 0;
}

.celta-content-box.warning {
	background: #e7e7e7 url("/en/english/images/AaruDesignicon_warning.png") no-repeat 10px 10px ;
	border: 1px solid #f0abab;
}

.celta-content-box.download {
	background: #e7e7e7 url("/en/english/images/AaruDesignicon_download.png") no-repeat 10px 10px;
	border: 1px solid #a9e597;
}

.celta-content-box.info {
	background: #e7e7e7 url("/en/english/images/AaruDesignicon_info.png") no-repeat 10px 10px ;
	border: 1px solid #fce654;
}

.celta-content-box.user {
	background: #e7e7e7 url("/en/english/images/AaruDesignicon_user.png") no-repeat 10px 10px ;
	border: 1px solid #d9d9d9;
}

/* ========================== Slider Shortcode Styles ========================== */
#main-content .celta-slider {
	background: #f1f3f5;
	color: #898c8d;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 5px;
	position: relative;
	padding: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#main-content .celta-slider-controls {
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 50;
}

#main-content .celta-slider-controls a {
	float: right;
	margin-left: 10px;
}

#main-content .celta-slider h3 {
	color: #415e7e;
	margin-bottom: 25px;
}

#main-content .celta-slide div > :last-child {
	margin-bottom: 0;
}

/* ========================== Testimonials Shortcode Styles ========================== */
.celta-testimonials-content {
	background: #f1f3f5 url("/en/english/AaruDesignicon_quote.png") no-repeat 17px 25px;
	color: #898c8d;
	font-size: 11px;
	line-height: 16px;
	padding: 25px 30px 25px 50px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.celta-testimonials-author {
	background: #454b53 url("/en/english/AaruDesignbg_testimonial.png") no-repeat 15px 0;
	padding: 25px 15px 15px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.celta-testimonials-author img {
	float: left;
	margin: 0 10px 0 0;
}

.celta-testimonials-author p {
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
}

.celta-testimonials-author p a {
	color: #fff;
}

/* ========================== Featured Paragraph Shortcode Styles ========================== */
.celta-featured {
	background: #415e7e;
	color: #fff;
	font-size: 13px;
	margin: 0;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px #ccc;
	box-shadow: 2px 2px 3px #ccc;
}

/* ========================== Tooltip Shortcode Styles ========================== */
.celta-tooltip {
	color: #898C8D;
	font-size: 12px;
	line-height: 18px;
}

.tipsy {
	background: #454b53;
	color: #e9e9e9;
	font-size: 11px;
	line-height: 15px;
	padding: 10px;
	max-width: 350px;
	z-index: 9999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
