/*
2Mediax Shortcodes Styles

/* Blockquotes
-------------------------------------------------------------- */
.quote {margin: 1.5em 1.5em 1.5em 1.5em; padding-left: 2.5em; background: url('images/shortcodes-img/quotes.png') no-repeat left center; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; }
.quote p { padding-left: 2.5em; color:#454545; }

.quote-white {margin: 1.5em 1.5em 1.5em 1.5em; padding-left: 2.0em; background: url('images/shortcodes-img/quotes-white.png') no-repeat left center; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; color:#fff; }
.quote-white p { padding-left: 2.5em; color:#fff; }

/* Separation lines
-------------------------------------------------------------- */
.separation-line {
	width: 100%;
} 
.separation-line .container {
	width: 100%;
	overflow: hidden;
}
.separation-line .title {
	background-color: transparent;
	font-size: inherit;
	float: left;
	width: auto;
	margin-right:5px;
}
/* Banner Box
-------------------------------------------------------------- */
.banner-box {float:left; width:100%; padding: 30px 0; margin: 20px 0 20px 0; font-style:italic; color:#333; font-size:20px; text-align:center; font-family: Georgia, "Times New Roman", Times, serif; background-color:#f6f6f6;}
.banner-box2 {float:left; width:100%; padding: 30px 0; margin: 20px 0 20px 0; color:#333; text-align:center;  background-color:#f6f6f6;}
.banner-footer {padding: 10px; margin: 20px 0 20px 0; color:#efefef; text-align:center;}
.banner-box.rounded,.banner-box2.rounded{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.banner-box.notrounded,.banner-box2.notrounded{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.banner-box.withstylecolor,.banner-box2.withstylecolor{border-left: solid 5px #238FCF; border-right: solid 5px #238FCF;}
.banner-box>div,.banner-box2>div{overflow:hidden;}


.nostyle,.nostyle:active,.nostyle:hover,.nostyle:visited{text-decoration:none;}
.customhover {z-index:100;background: none repeat scroll 0 0 #fff;height:100%;width:100%;top:0;left:0;opacity:0;overflow:hidden;position:absolute;-webkit-transition:opacity 0.3s ease-in-out 0s;-moz-transition:opacity 0.3s ease-in-out 0s;-o-transition:opacity 0.3s ease-in-out 0s;-ms-transition:opacity 0.3s ease-in-out 0s;transition:opacity 0.3s ease-in-out 0s;}
.customhover>div{z-index:101;display: none;position: absolute;width: 100%;height: auto;margin: 0 auto;text-align: center;color: #fff;}
.homepage-content .sidebar{width:100%; height:auto;position:relative; z-index:1;}
.customhover > div img{opacity: 1;}

/* placeholder
-------------------------------------------------------------- */
.ph-wrapper{width:100%;height:auto;}


/* Spacer
-------------------------------------------------------------- */
.spacer-shortcode {margin:0; width:100%; height:20px;}

.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/* Highlights
-------------------------------------------------------------- */
.highlight { width:auto; padding: 0 3px 0 3px; display: inline-block; text-shadow: none;}

/*--- drop cap ---*/
div.dropcap{float: left; width: 30px; height: 30px; line-height: 40px; text-align:center; margin-top: 2px; margin-bottom: 0px; margin-right: 7px; margin-left: 2px;  font-size: 29px;}
div.dropcap.circle{ width: 40px; height: 40px;  margin-top: 2px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
div.dropcap.square{ width: 40px; height: 40px; margin-left: 0px; margin-top: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }


/* icons
-------------------------------------------------------------- */
.xblack {padding-left: 20px; background:url('library/css/images/icons/xblack.png') no-repeat left center;}
.xred {padding-left: 20px; background:url('library/css/images/icons/xred.png') no-repeat left center;}
.okgreen {padding-left: 20px; background:url('library/css/images/icons/okgreen.png') no-repeat left center;}
.cancelredWcircle {padding-left: 20px; background:url('library/css/images/icons/cancelredWcircle.png') no-repeat left center;}
.plusgreen {padding-left: 20px; background:url('library/css/images/icons/plusgreen.png') no-repeat left center;}
.plusgreenWcircle {padding-left: 20px; background:url('library/css/images/icons/plusgreenWcircle.png') no-repeat left center;}
.icon1 {padding-left: 20px; background:url('library/css/images/icons/icon1.png') no-repeat left center;}
.icon2 {padding-left: 20px; background:url('library/css/images/icons/icon2.png') no-repeat 4px center;}
.icon3 {padding-left: 20px; background:url('library/css/images/icons/icon3.png') no-repeat left center;}
.icon4 {padding-left: 20px; background:url('library/css/images/icons/icon4.png') no-repeat left center;}
.icon5 {padding-left: 20px; background:url('library/css/images/icons/icon5.png') no-repeat left center;}
.line {overflow:hidden; background:url('library/css/images/icons/line.png') repeat-x center 1px;}
.doubleline {overflow:hidden; background:url('library/css/images/icons/double-line.png') repeat-x center 1px;}
.doted {overflow:hidden; background:url('library/css/images/icons/doted.png') repeat-x center 1px;}
.doubledoted {overflow:hidden; background:url('library/css/images/icons/double-doted.png') repeat-x center 1px;}

