/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */


/* Resets
----------------------------------------------------------------------------------------------------*/
:focus {outline:none;}
a { text-decoration: none; line-height: inherit; }
a:focus { outline: none; }
blockquote {quotes: none}
blockquote:before, blockquote:after{content: '';content: none}
abbr, .postcontent dfn{border-bottom: 1px dotted;} 
.right{float: right;}
.left{float: left;}

/*forms
----------------------------------------------------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	border-color: #E0E0E0;
	border-style: solid;
	border-width: 1px;
	padding:4px 13px 3px;   
	outline: none;
	color:#939393;
	margin:1px 0 3px;
	line-height: 1.5em;
	min-height:19px;
	-webkit-box-shadow: 2px 2px 0 1px #ECECEC;
	   -moz-box-shadow: 2px 2px 0 1px #ECECEC;
	        box-shadow: 2px 2px 0 1px #ECECEC;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	outline:none;
	border-color: rgba(0,0,0,0.23);
	-webkit-box-shadow: 2px 2px 0 1px #DBDBDB;
	   -moz-box-shadow: 2px 2px 0 1px #DBDBDB;
	        box-shadow: 2px 2px 0 1px #DBDBDB;
}

.searchbox input,
.searchbox input:focus{
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

/*Acymailing component*/
.acyfield_email input[type="text"]{
	min-height: 20px !important; 
	float: right; 
	min-height:24px;  
	line-height: 1.5em;  
	margin:-6px 0 0;  
	padding:4px 13px 3px 13px; }

td.acy_requiredField input[type="text"] {
	height: 28px;
	margin-bottom: 10px;
	float: left;
}

div.img_caption {
	text-align: center;
}

/*columns
----------------------------------------------------------------------------------------------------*/

.container { padding: 0 10px; }
.row { width: 100%; min-width: 0; margin: 0 auto; }
.row .row { min-width: 0; }

.row .column, .row .columns { margin-left: 2.4%; float: left; min-height: 1px;  }
.row .column:first-child, .row .columns:first-child { margin-left: 0; }

.row .one, .row .one-twelfth 	{ width: 6.3%; }
.row .two, .row .one-sixth 		{ width: 14.6%; }
.row .one-fifth 				{ width: 18% }
.row .four-fifths				{ width: 72% }
.row .three, .row .one-fourth 	{ width: 23.2%; }
.row .four, .row .one-third		{ width: 31.67%; }
.row .five						{ width: 40.1%; }
.row .six, .row .one-half,
.row .two-fourths				{ width: 48.8%; }
.row .seven 					{ width: 57.5%; }
.row .eight, .row .two-thirds 	{ width: 65.9%; }
.row .nine, .row .three-fourths { width: 74.4%; }
.row .ten 						{ width: 83.0%; }
.row .eleven 					{ width: 91.3%; }
.row .twelve 					{ width: 100%; }

/* Nicolas Gallagher's micro clearfix */
 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
 .row:after, .clearfix:after { clear: both; }
 .row, .clearfix { zoom: 1; }
 .clear {clear: both;  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}

.hidden-text {
	width: 70%;
	margin: 12px 0;
}


/*reveal-modal
----------------------------------------------------------------------------------------------------*/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%; 
	width: 100%; 
	background: #000; 
	z-index: 40; 
	display: none; 
	top: 0; 
	left: 0; }

.reveal-modal {
	visibility: hidden; 
	top: 100px; 
	left: 50%; 
	margin-left: -300px; 
	width: 520px; 
	background: #f4f4f4 url(../images/typo/modal-gloss.png) no-repeat -200px -80px; 
	position: absolute; 
	z-index: 41; 
	padding: 30px 40px 34px; 
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	     -o-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, .4), 0 0 0 4px rgba(0, 0, 0, .05) inset;
	   -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, .4), 0 0 0 4px rgba(0, 0, 0, .05) inset;
	        box-shadow: 0 0 0 4px rgba(0, 0, 0, .4), 0 0 0 4px rgba(0, 0, 0, .05) inset;
	}

	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

	.reveal-modal .close-reveal-modal {font-size: 22px;	line-height: .5; position: absolute;top: 8px; 	right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6);	font-weight: bold;} 
	.reveal-modal .row {min-width: 0;}


	.reveal-modal input[type="text"],
	.reveal-modal input[type="password"],
	.reveal-modal input[type="email"],
	.reveal-modal select{	
		width: 90%;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-ms-transition: background-color .15s ease-in-out;
		-o-transition: background-color .15s ease-in-out;
		transition: background-color .15s ease-in-out;
	}


/* CSS3 pricing tables
----------------------------------------------------------------------------------------------------*/

.pricing{
	margin: 15px 0 15px 5px;  
	width: 100% !important;  
	background: none !important
}

.pricing.two .price-col{max-width: 50%;}
.pricing.three .price-col{width: 33%;}
.pricing.four .price-col{width: 24.8%;}
.pricing.five .price-col{width: 19.8%;}
.pricing.six .price-col{width: 16.5%;}

.price-col{
	-webkit-box-shadow:1px 1px 1px rgb(236, 236, 236) inset;
	-moz-box-shadow:1px 1px 1px rgb(236, 236, 236) inset;
	box-shadow:1px 1px 1px rgb(236, 236, 236) inset;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display: inline-block;
	overflow:hidden;
	margin: 0;
	text-align: center;
}

.firefox .price-col{margin: 0 0 0 -4px}
.ie .price-col{margin: 0 0 0 -5px}

.price-col.first {
	border-left: 1px solid rgba(0,0,0,0.1);
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.price-col.last {
	border-right: 1px solid rgba(0,0,0,0.1);
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.pricing > .price-col:nth-of-type(2n+1){
  -webkit-box-shadow: 0 1px 30px rgba(0,0,0,.1) inset, 0 0 0 1px rgba(255,255,255,0.05) inset;
     -moz-box-shadow: 0 1px 30px rgba(0,0,0,.1) inset, 0 0 0 1px rgba(255,255,255,0.05) inset;
          box-shadow: 0 1px 30px rgba(0,0,0,.1) inset, 0 0 0 1px rgba(255,255,255,0.05) inset;
  position: relative;
}

#main .price-col:hover, 
#main .price-col.focus{
	-webkit-box-shadow: 1px 1px 20px rgba(0,0,0,0.1) inset, 1px 1px 15px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 20px rgba(0,0,0,0.1) inset, 1px 1px 15px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 20px rgba(0,0,0,0.1) inset, 1px 1px 15px rgba(0,0,0,0.25);
	position: relative;
}

/*price elements css*/
sup, sub {font-size: 50%}

.price-tag{
	margin:0;  
	display: inline-block; 
	line-height: 1.5;
	text-shadow: none !important; 
	-webkit-box-shadow: 0 -3px 0px rgba(255,255,255,0.25) inset !important;
	-moz-box-shadow: 0 -3px 0px rgba(255,255,255,0.25) inset !important;
	box-shadow: 0 -3px 0px rgba(255,255,255,0.25) inset !important;
}

.th{
	padding: 15px 0;
	height: 33px; 
	overflow:hidden;  
	text-align: center;
	background-image: url(../images/body/price-tag.png); 
	background-position: 0 100%; 
	background-repeat: repeat-x;
	background-color: rgba(243, 243, 243, 0.45);
}

.price-col.first .th{  
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.price-col.first .call-action{
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.price-col.last .th{
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

.price-col.last .call-action{
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}

.th .title{
	display: block;
	top: 0;
	min-height: 30px;
	text-align: center;
	font-size: 24px;
	padding: 10px 5px 5px !important;
	font-weight: normal;
	opacity: 1!important
}

.th .bottom{
	display: block;
	bottom: 0;
	height: 6px;
	text-align: center;
}

.th .title strong{
	font-weight: normal
}

ul.feature {
	margin: 0;
	float: left;
	padding: 0; 
	width: 100%;
}

ul.feature > li{
	text-align: center;
	padding: 7px 10px 7px 15px !important;
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.price-tag{
	display:block;
	font-size:30px;
	text-align:center;
	padding:10px 10px;
}

.call-action{
	display: block;
	padding: 20px 20px 25px 10px;
	text-align: center;
	float: left;
	width: 100%
}

.price-col .post ol{
	margin: 1em -8px 1em 13px !important;
	padding-left: 11px !important;
}

.tr-item{padding: 4px 0}
.price-col li {margin-bottom: 0;}

/*transition*/
.price-col, .price-col:hover{
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	transition:all 0.3s linear;
}



/* widgets/modules
----------------------------------------------------------------------------------------------------*/

/*twitter*/
.wk-twitter-list article{padding-bottom: 8px !important;}
.wk-twitter-list .meta{font-style: normal;}

/*zoo*/
.zoo-comments-list > article {padding-bottom: 10px !important;}
.pos-media.align-left{float: none;}
.yoo-zoo .item .pos-media a, .yoo-zoo .item .pos-media img{display: inline-block}


/*to-top scroller*/
#toTop{
	background: url(../images/body/back-to-top.png) no-repeat scroll left top transparent; 
	border: medium none;
	bottom: 0;
	display: none;
	height: 75px;
	width: 64px;
	overflow: hidden;
	position: fixed;
	right: 14px;
	text-decoration: none;
	text-indent: -999px;
	z-index: 1;
}

#toTopHover {
	display: block;
	float: left;
	height: 75px;
	opacity: 0;
	overflow: hidden;
	width: 50px;
}

#toTop:active,
#toTop:focus {
	outline: medium none;
}


/*spotlight override*/
.spotlight .overlay-default { background: rgba(0,0,0,0.5) url(../images/widget/magnifier.png) 50% 50% no-repeat; }
a[data-lightbox],
a[data-lightbox] img, 
.spotlight .overlay-default {
	text-decoration: none;
}

/*dj-slider*/
.djslider .prev-button {margin-left: -35px; margin-top: -25px;}
.djslider .next-button {margin-right: -35px; margin-top: -25px;}
.djslider {max-width: 1150px !important; margin-top: 10px;}


/*widgetkit*/
.wk-slideshow-home .nav,
.layout-slideshow .sprocket-features-pagination,
.sprocket-mosaic-filter li, 
.sprocket-mosaic-order li{
	z-index: 10;
	margin: 0 0;
	display: inline-block;
	position: relative;
	padding: 0 10px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
	   -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
	        box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	border: 1px solid #dedede;
}

.wk-slideshow-home .caption a {cursor: pointer;}
.wk-slideshow-home .caption p {padding: 15px 25px 10px;}

.wk-slideshow-home .caption h2, 
.wk-slideshow-home .caption h3, 
.wk-slideshow-home .caption h4{
	padding: 5px 20px
}

.wk-slideshow-home .caption, 
.layout-slideshow .sprocket-features-content{
	border: 1px solid rgba(255,255,255, 0.1);
	background: rgba(255,255,255, 0.85) !important;
	color: #303030;
	padding: 0;
	width: 400px;
	height: auto;
	bottom: 30px;
	top: auto;
	margin-left: 25px;
	text-align: left;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(255,255,255,0.5);
	   -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(255,255,255,0.5);
	        box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(255,255,255,0.5);
}

.caption h2, .caption h3, .caption h4, .sprocket-features-title {
    background: url(../images/body/menu-li-active-dropdown.png) 0 92% repeat-x transparent;
    border-bottom: 1px dotted #c0c0c0
}

.sprocket-headlines-navigation .arrow,
.sprocket-strips-arrows .arrow, .sprocket-lists-arrows .arrow,
.wk-slideshow-home > div .next, 
.wk-slideshow-home > div .prev, 
.layout-slideshow .sprocket-features-arrows .arrow{
	font-family: monospace, arial;
}


/* widgetkit media player
----------------------------------------------------------------------------------------------- */
/* audio/video */

.mejs-container{
	border: 3px solid rgba(0, 0, 0, 0.4); 
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded{filter: none;}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail .mejs-time-current{
	height: 13px;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: #202020 
}

.mejs-button.mejs-volume-button.mejs-mute {
	margin-right: 10px;
}

.mejs-button.mejs-fullscreen-button {
	margin-right: 10px !important;
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total{	
	border: 0 none;
	background: rgba(0,0,0,0.15);
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
}

.mejs-controls .mejs-time-rail .mejs-time-total{
	box-shadow: 0 1px 0 rgba(255,255,255,0.1), 0 -1px 2px rgba(0,0,0,0.1);
}

.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-loaded{border: 0 none;}
.mejs-controls .mejs-time-rail .mejs-time-float-current, .mejs-time-float{background: #EEEEEE !important; border: 0 none;}
.mejs-controls .mejs-time-rail .mejs-time-loaded{
	filter: none;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.5) inset;
	   -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.5) inset;
	        box-shadow: 0 -1px 0 rgba(255,255,255,0.5) inset;
}	

.mejs-controls .mejs-button button {
	font-size: 12px;
	color: #FFFFFF;
	margin: 11px;
}

.mejs-container,
.mejs-container .mejs-controls{	
	border: 0 none;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	background: #4B4C4E;
	-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.075) inset, 0 0 0 1px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.075) inset, 0 0 0 1px rgba(0, 0, 0, 0.1);
			box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.075) inset, 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.mejs-overlay,
.mejs-mediaelement video,
.mejs-poster,
.mejs-video,
.mejs-audio {
	display: table;
	width: 100% !important;
}

.mejs-container .mejs-controls .mejs-time span {
	margin: 6px 4px 0 5px;
}

.mejs-controls div.mejs-horizontal-volume-slider {
	margin: 3px;
}

.mejs-controls div.mejs-time-rail{
	padding-top: 8px;
}

.mejs-controls .mejs-button button:focus{
	outline: 1px dotted rgba(255,255,255,0.3);
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fefefe
}

.mejs-container.mejs-video{background: #000}
.mejs-container .mejs-controls{text-shadow: none;}

.mejs-overlay-button{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

.mejs-poster img {
	max-width: 100%;
	max-height: 100%;
}

.mejs-container .mejs-controls {
	height: 40px;
}

.mejs-container .mejs-controls{
	display: -webkit-inline-box;
}

.mejs-container .mejs-controls .mejs-time {
	position: relative;
}

/*roksprocket feature slider*/
.sprocket-features {
	border-top: 4px solid rgba(0, 0, 0, 0.05);
}
.sprocket-padding {
	line-height: 1.5
}

.sprocket-features li {line-height: 8px;}
.layout-slideshow .sprocket-features-arrows .arrow {
	top: 84%;
	color: #FFFFFF;
	height: 25px;
	width: 28px;
	padding: 2px 0;
	margin-right: 18px;
	opacity: 1
}

.layout-slideshow .sprocket-features-arrows .arrow:hover{
	background-color: rgba(255, 255, 255, 0.9);
	color: #202020;
}

.layout-slideshow .sprocket-features-arrows .prev {left: 93%;}
.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {
	-webkit-transition: background-color .3s ease-in-out;
	   -moz-transition: background-color .3s ease-in-out;
	        transition: background-color .3s ease-in-out;	    
}

.layout-slideshow .sprocket-features-desc a.readon {margin-top: 15px;}
.layout-slideshow .sprocket-features-content {
	left: 0; 
	text-align: left;
	line-height: 1
}

.layout-slideshow .sprocket-features-desc {
	padding: 15px 15px 10px;
	font-size: 13px;
	line-height: 1.6em;
}

.layout-slideshow .sprocket-features-title,
 .layout-slideshow .sprocket-features-desc{
 	color: inherit;
 	background: none
 }

.layout-slideshow .sprocket-features-title{
	font-size: 30px;
	margin: 0;
	display: block;
}

.sprocket-features-desc .readon {
	text-transform: lowercase;
	margin: 20px 10px 0
}


.layout-slideshow .sprocket-features-pagination {
	left: 0;
	bottom: 15px;
	padding: 5px 10px 0;
}

.layout-slideshow  .sprocket-features-pagination li{
	width: 8px;
	height: 7px;
	background: url(../images/widget/nav.png) 0 0 no-repeat;
	overflow: hidden;
	margin-top: 1px;
}

.layout-slideshow .sprocket-features-pagination li,
.layout-slideshow .sprocket-features-pagination li:hover,
.layout-slideshow .sprocket-features-pagination li:active{
	opacity: 1;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	-webkit-border-radius: none;
	   -moz-border-radius: none;
	    -ms-border-radius: none;
	     -o-border-radius: none;
	        border-radius: none;
}

.layout-slideshow .sprocket-features-pagination li:hover { background-position: 0 -30px; }
.layout-slideshow .sprocket-features-pagination li.active { background-position: 0 -45px; }
.layout-slideshow .sprocket-features-pagination li { background-position: 0 -15px; }

/*mosaic layout*/
.sprocket-mosaic-item{
	border: 1px solid #CFCFCF;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	    -ms-border-radius: 0;
	     -o-border-radius: 0;
	        border-radius: 0;
}

.sprocket-mosaic-item .sprocket-padding {
	padding: 0;
	overflow: hidden;
}

.sprocket-mosaic-title,
.sprocket-mosaic-text
{margin: 0;}

.sprocket-mosaic-title,
.sprocket-mosaic-text{
	padding: 10px 10px 0;
}

.sprocket-mosaic-item .sprocket-mosaic-text{
	margin: 0;
}

h2.sprocket-mosaic-title {
	font-size: 20px
}

.sprocket-mosaic .sprocket-mosaic-tags, 
#mosaic .sprocket-mosaic ul.sprocket-mosaic-tags{
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
	   -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
	        box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
}



.sprocket-mosaic-image-container img{
	border-style: none none solid;
	border-width: 0 0 1px 
}
.sprocket-mosaic .sprocket-mosaic-header{
	margin-bottom: 15px
}

.sprocket-mosaic-item {
	-webkit-box-shadow: 2px 2px 0 1px #ECECEC;
	   -moz-box-shadow: 2px 2px 0 1px #ECECEC;
	        box-shadow: 2px 2px 0 1px #ECECEC;
}

ul.sprocket-mosaic-tags li{
background:none repeat scroll 0 0 #DEDEDE;
border:1px solid #CCCCCC;
color:#202020;
position: relative;
font-size:11px;
font-style: normal;
margin:5px 4px;
width: auto !important; 
padding:1px 7px 1px 15px !important;
-webkit-border-radius: 3px !important;
   -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
     -o-border-radius: 3px !important;
        border-radius: 3px !important;
text-shadow:0 1px 0 rgba(255,255,255, .75); 
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
   -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
        box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
 }

ul.sprocket-mosaic-tags li:before {
  position: absolute;
  background: none repeat scroll 0 0 whitesmoke; /* change 'whitesmoke' to background color of your body */
  border: 1px solid #FFFFFF;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -moz-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  box-shadow: -1px -1px 3px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
  content: "";
  height: 5px;
  left: 5px;
  top: 6px;
  width: 5px;
  z-index: 0;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
}

.sprocket-mosaic-filter li, .sprocket-mosaic-order li, .sprocket-readmore {
	text-transform: lowercase !important;
	padding: 3px 13px !important;
	-webkit-border-radius: 20px !important;
	     -o-border-radius: 20px !important;
	        border-radius: 20px !important;
}

.sprocket-mosaic-filter li{
	margin-right: 3px !important;
}

div.sprocket-mosaic-order ul li{
	margin-left: 3px !important
}
.sprocket-mosaic-filter li.active{
	background: #DEDEDE !important
}

.sprocket-mosaic-hovercontent{
	width: 32px;
	height: 30px
}

span.sprocket-mosaic-hovercontent,
span.sprocket-mosaic-hovercontent span
{
	font-weight: normal;
	font-size: 1.5em !important;
	color: #FFFFFF;
}

.sprocket-mosaic-hover{
	bottom: 5px;
	background-color: rgba(0,0,0,0.4); 
	border-width: 30px 30px 0 0;
}

.sprocket-headlines {
	margin: -2px;
	border: 0 none;
	background: none !important
}

.sprocket-mosaic-loadmore {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
	   -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
	        box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	border: 1px solid #dedede;
}

.sprocket-mosaic-loadmore .loadmore-all span,
.sprocket-mosaic-loadmore span
 {text-shadow: 0 1px 0 rgba(255,255,255,.75)}

 .sprocket-mosaic-loadmore{
 	margin: 20px auto -8px;
 }

 .sprocket-lists-title {
 	-webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, .75) inset;
 	   -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, .75) inset;
 	        box-shadow: 0 -1px 0 rgba(255, 255, 255, .75) inset;
 }

 .sprocket-lists-container {
 	overflow: visible;
 }

 .sprocket-lists-title .indicator{
 	border-bottom: 2px solid #FFFFFF;
 	margin-top: -10px;
 	-webkit-box-shadow: 0 2px 1px #909090 inset;
 	   -moz-box-shadow: 0 2px 1px #909090 inset;
 	        box-shadow: 0 2px 1px #909090 inset;
 }

 .roksprocket-ellipsis{display: inline-block;}
 .sprocket-lists-title {font-size: 1.1em !important}

/*roksprocket tabs*/
.sprocket-tabs {margin-top: -67px;}
.sprocket-tabs-nav {background: none; border-bottom: none;}
.sprocket-tabs-nav {float: right;}
.sprocket-tabs-panels{margin-top: 75px;}

.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
 	border: 1px solid #B3B3B3 !important;
 	background: #DADCDE !important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0 inset,rgba(0, 0, 0, 0.4) 0 1px 1px 0 inset, 0 1px 0 #FFF !important;
	   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0 inset,rgba(0, 0, 0, 0.4) 0 1px 1px 0 inset, 0 1px 0 #FFF !important;
	        box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0 inset,rgba(0, 0, 0, 0.4) 0 1px 1px 0 inset, 0 1px 0 #FFF !important;
 }

 .sprocket-tabs-nav li .sprocket-tabs-inner{
 	line-height: 25px !important; 
 	font-weight: normal; 
 	font-size: 14px; 
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
        -ms-border-radius: 15px;
         -o-border-radius: 15px;
            border-radius: 15px;
    color: #202020 !important; 
    margin: 0 3px !important;
    padding: 0 15px;
    background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset !important;
	   -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset !important;
	        box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset !important;
	border: 1px solid #dedede !important;
}

	/*strips*/
.sprocket-strips-title a{
	color: #FFFFFF !important;
	font-weight: bold;
}

.sprocket-strips-content:hover{
	background: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

.sprocket-strips-item{
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

.sprocket-strips-text {padding-bottom: 20px;}
.sprocket-strips-content a.readon {
	padding: 2px 9px;
	font-size: 12px
}
.sprocket-strips-arrows .arrow,
.sprocket-lists-arrows .arrow
 {
	font-family: monospace, arial;
	line-height: 14px;
	font-size: 18px 
}
.sprocket-strips-item,
.sprocket-strips-content{
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

.sprocket-strips-arrows,
.sprocket-lists-arrows
 {
	padding-right: 10px
}

.sprocket-strips-content{
	padding: 23px
}

.sprocket-strips-content h4,
.sprocket-strips-content .sprocket-strips-text,
.sprocket-strips-content .readon{
	opacity: 0;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.sprocket-strips-content:hover h4,
.sprocket-strips-content:hover .sprocket-strips-text,
.sprocket-strips-content:hover .readon{
	opacity: 1
}	

/*navigation*/
.sprocket-lists-nav div.spinner {display: none}
.sprocket-strips-pagination li,
.sprocket-lists-pagination li
{
	padding: 5px !important;
	margin-right: 2px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	background: rgb(228, 228, 228);
	opacity: 1;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.75) inset, 0 1px 3px rgba(0,0,0,.75) inset, 0 1px 0 rgba(255,255,255,1);
	   -moz-box-shadow: 0 0 1px rgba(0,0,0,0.75) inset, 0 1px 3px rgba(0,0,0,.75) inset, 0 1px 0 rgba(255,255,255,1);
	        box-shadow: 0 0 1px rgba(0,0,0,0.75) inset, 0 1px 3px rgba(0,0,0,.75) inset, 0 1px 0 rgba(255,255,255,1);
}

.sprocket-strips-pagination li.active,
.sprocket-lists-pagination li.active
{
	background: rgba(255,255,255,0.65);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(255,255,255,.75) inset;
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(255,255,255,.75) inset;
	        box-shadow: 0 1px 2px rgba(0,0,0,0.65), 0 1px 3px rgba(0,0,0,.35), 0 -1px 0 rgba(255,255,255,1), 0 0 0 1px rgba(255,255,255,.75) inset;
}

/*kunena*/
.thread-solved,
#Kunena tr.krow1.thread-solved td{background: #DED !important}

.klatest-posttime, .klatest-cat, .klatest-author {
	font-size: 13px;
}

.klatest-items .knewchar {
	color: #009900;
	font-weight: bold;
	font-family: inherit;
	margin-left: 3px;
	font-size: .75em;
	vertical-align: middle;
	white-space: nowrap;
}