/*
	Theme Name: Backstreet
    Theme URI: http://themeforest.net/item/backstreet-blog-magazine-theme/1680564?WT.ac=category_item&WT.seg_1=category_item&WT.z_author=ridwanreedwan
    Description: Blog and Magazine Wordpress Theme
    Version: 2.5
    Author: Reedwan
    Author URI: http://themeforest.net/user/ridwanreedwan
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Tags:white, light, three-columns, right-sidebar, left-sidebar, fixed-width, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/

/*************** GENERAL ***************/
.general { width:1000px; margin:0 auto; position:relative; }
.container { background:#fff; }
.wrapper { margin-top:30px; }
.scrolltop { background: url(images/top.png) repeat; width:40px; height:40px; }
.post-tooltip { font-size:13px; color:#fff; background:#444; display:none; padding:3px 10px; position:absolute; z-index:1000; }
.line-head { height:1px; background:#F7F7F5; margin-top:5px; }
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { text-align:center;}
.sticky {}
.bypostauthor  {}
.wp-caption {}
.wp-caption-text {}
.single-thumb img, .magazine-widget img, .post-image img, .portfolio1 img, .portfolio2 img { width:100%; height:auto; }
.video-frame { position:relative; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; }
.video-frame iframe,.video-frame object,  .video-frame embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.video-shortcode { position:relative; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; }
.video-shortcode iframe,.video-shortcode object,  .video-shortcode embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/** Gallery & Portfolio **/
ul#filter { float: left; font-size: 14px; list-style: none; margin-top:0; margin-bottom:20px; }
ul#filter li { float: left; line-height: 28px; margin-right: 10px; }
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { background:#272625; color:#fff; text-decoration: none; text-transform:capitalize; padding:5px 15px; }
ul#filter li.current a, ul#filter li a.current, ul#filter a:hover { background:#BA0D16; }
#portfolio .post-title{ background:url(images/bg-pattern.png) repeat; border:none; }
ul#portfolio { float: left; list-style: none; margin-left: 0; }
.portfolio1 li { float: left; width:300px; overflow:hidden; margin:0 10px 30px 10px; }
.portfolio2 li { float: left; width:220px; margin:0 10px 30px 10px; }
.portfolio2 .post-title { font-size:14px; }
.portfolio1 .post-title { font-size:16px; }
.picture_counter { background:#111; padding:7px; position:absolute; top:0; left:0; display:block; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; z-index:1000; line-height:1; color:#fff; font-size:16px; }
.gallery-image { margin-bottom:20px; }
.picture_title { background:#111; overflow:hidden; padding:7px; position:absolute; bottom:0; left:0; display:block; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; z-index:1000; line-height:1; font-size:14px; }
.picture_title a { color:#fff; }

	/** Hover Image **/
	.video-format-icon { background:#111 url(images/format-icon/format-video.png) no-repeat 50% 50%; display:block; line-height:0; }
	.gallery-format-icon { background:#111 url(images/format-icon/format-gallery.png) no-repeat 50% 50%; display:block; line-height:0; }
	.audio-format-icon { background:#111 url(images/format-icon/format-audio.png) no-repeat 50% 50%; display:block; line-height:0; }
	.standard-format-icon { background:#111 url(images/format-icon/format-standard.png) no-repeat 50% 50%; display:block; line-height:0; }
	.portfolio-format-icon { background:#111; display:block; line-height:0; }
	.reviews-icon { background:#111 url(images/format-icon/format-reviews.png) no-repeat 50% 50%; display:block; line-height:0; }
	.preview-icon { background:#111 url(images/preview.png) no-repeat 50% 50%; display:block; line-height:0; }
	.play-icon { background:#111 url(images/format-icon/format-play.png) no-repeat 50% 50%; display:block; line-height:0; }
	
/*************** HEADER ADDS **********************/
.header-adds {overflow:hidden; line-height:0; }
.header-adds-toggle { position:absolute; right:0; height:30px; width:30px; background:url(images/header-adds-open.png) no-repeat; overflow:hidden;}
.header-adds-toggle.active { background:url(images/header-adds-close.png) no-repeat; }

/*************** TOP **********************/
.top { height:32px; background:#272625; width:1000px; margin:0 auto; }
.top-wrap { width:960px; margin:0 auto; }
.datetime { text-align:right; }
.top-nav-wrapper  {  }
.topNav { float:left; margin:0; }
.topNav a, .datetime  { font-size:11px; line-height:32px; color:#e1e1e1; text-transform:uppercase; }
.topNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; }
.topNav li a{ padding:0 20px 0 0; display:block; }
.topNav li ul { display: none; margin:0 !important; }
.topNav li:hover > ul, .topNav li.hover > ul { display: block; position: absolute; top: 32px; left: -20px; z-index: 2000; width: auto; }
.topNav li  > ul { height:auto;  width: auto; background: #272625; border:1px solid #3c3c3a; padding:0; }
.topNav li  > ul li {  width:150px; padding: 0; position: relative; height:30px; border-bottom:1px solid #3c3c3a; }
.topNav li  > ul li:last-child{  border-bottom:none; }
.topNav li  > ul li a { text-transform:none; height:22px; padding: 5px 10px 0px 15px; text-align: left;  font-size: 11px; line-height:20px; color:#ebebeb; }
.topNav li  > ul li a:hover { border:none; }
.topNav li ul li:hover > ul, .topNav li ul li.hover > ul { display: block; position: absolute; top:0; left: 150px; z-index: 0; width: 150px; }
	


/*************** SOCIAL HEADER ****************/
.header-content { height:35px; padding-top:15px; }
.social-header ul { overflow:hidden; margin:0; float:right; }
.social-header ul li{ float:left; list-style-type:none; border:none; padding:0 10px 0 0; }
.social-header ul li:last-child { padding:0; }
.social-header ul li.rss a{ background:url(images/social-icons/rss.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.facebook a{ background:url(images/social-icons/facebook.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.google a{ background:url(images/social-icons/google.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.twitter a{ background:url(images/social-icons/twitter.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.vimeo a{ background:url(images/social-icons/vimeo.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.youtube a{ background:url(images/social-icons/youtube.png) no-repeat ; width:25px; height:25px; display:block; }
.social-header ul li.flickr a{ background:url(images/social-icons/flickr.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.deviantart a{ background:url(images/social-icons/deviantart.png) no-repeat; width:25px; height:25px; display:block; }
.social-header ul li.linkedin a{ background:url(images/social-icons/linkedin.png) no-repeat ; width:25px; height:25px; display:block; }



/*************** SPOTLIGHT *****************/
.spotlight{ overflow:hidden; background:#272625; margin-top:10px;  }
.spotlight-title { background:url(images/side-title-spotlight.png) no-repeat right; color: #fff; text-transform:uppercase; float:left; padding:0 40px 0 30px; height:34px; line-height:34px; }
.spotlight-title span { position:relative; top:-2px; padding:0 5px 0 0; }
ul#ticker { margin-bottom:0; }
ul#ticker li { float:left; display:none; margin-right:15px; }
ul#ticker li a { color:#fff; line-height:32px; }
ul#ticker li a:hover { color:#999; }
.tickercontainer { /* the outer div with the black border */  background:#272625; height:34px;  margin: 0;  padding-right:30px; overflow: hidden; }
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */position: relative; top: 0; overflow: hidden;  }
ul.newsticker { /* that's your list */ position: relative; list-style-type: none; margin: 0; padding: 0; left: 860px; }
ul.newsticker li { background:url(images/spotlight-arrow.png) no-repeat 0 50%; float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0 0 0 12px; display:block !important; }
ul.newsticker a { white-space: nowrap; padding: 0; } 
ul.newsticker span { margin: 0 15px 0 0; }

/************** HEADER **************/
.logo-header { position:absolute; top:20px; left:0; z-index:1000;  }
.logo-header a { display:block; }

	/** Main Navigation **/
	.container_12.dropdownmenu{ display:none; }
	.main-nav-wrapper{ height:30px; position:relative; }
	.mainNav { float:right; height:30px; padding-bottom:0px; margin:0 !important; }
	.mainNav a { font-size:14px; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
	.mainNav ul { list-style-type: none; list-style-image: none; }
	.mainNav li {float:left; position: relative; list-style-type: none; list-style-image: none; }
	.mainNav li a { text-transform:uppercase; padding:0 0 0 25px; display:block; padding-bottom:7px;  }
	.mainNav li ul { display: none; margin:0 !important; }
	.mainNav li:hover > ul, .mainNav li.hover > ul { display: block; position: absolute; top: 30px; left: 0; z-index: 2000; width: 180px; }
	.mainNav li  > ul { height:auto;  width: auto; background: #333;  padding:0; }
	.mainNav li  > ul li {  width:180px; padding: 0; position: relative; height:35px;  }
	.mainNav li  > ul li:last-child{  border-bottom:none; }
	.mainNav li  > ul li a { text-transform:none; height:22px; padding: 5px 10px 0px 15px; text-align: left;  font-size: 13px; line-height:25px; color:#ebebeb; }
	.mainNav li  > ul li a:hover { border:none; }
	.mainNav li ul li:hover > ul, .mainNav li ul li.hover > ul { display: block; position: absolute; top:0; left: 180px; z-index: 0; width: 180px; }
	
	
	
/*************** CONTENT ****************/
	/** HTML styling **/
	.single-content a, .single-content strong  { font-weight:bold; }
	.single-content em { font-style:italic; }
	.single-content blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; margin-left:25px; font-style:italic; }
	.single-content blockquote p { color:#999; }
	.single-content ul { padding-left:17px; margin-bottom:10px; }
	.single-content ul ul{ margin-left:10px; }
	.single-content ul li{ padding-left:8px; }
	.single-content ol { padding-left:17px; margin-bottom:10px; margin-left:25px;}
	.single-content ol ol { margin-left:10px; }
	.single-content ol li { list-style-type: decimal; padding-left:8px; }
	#gallery { margin: auto; }
	.gallery-item { float: left; margin-top: 10px;text-align: center; width: 20%;}
	.gallery-icon { margin: auto; width:100px; height:100px; background:#000 url(images/preview.png) no-repeat 50% 50%; }
	.gallery-icon img { width:100px; height:100px; }
	.gallery-caption { margin-left: 0;}
	
	/** Home Blog Style, Archive, Page **/
	.content { overflow:hidden; }
	.content-title { margin-bottom:35px; overflow:hidden; background:url(images/bg-pattern.png) repeat; padding:18px 0; }
	.content-title h1{ font-size:25px; margin:0 18px; text-transform:uppercase; }
	.block-post { overflow:hidden; margin-bottom:35px; border:1px solid #efefef; }
	.block-post p{ margin:0; padding:0; }
	.post-content {  padding:15px 15px 15px 0; }
	.post-title { overflow:hidden; font-size:26px; padding:7px 15px 0 15px; }
	.post-image{ position:relative; padding:15px 20px 15px 15px;  }
	.home-1 .post-image { float:left; overflow:hidden; width:300px; height:170px;}
	.home-1 .post-content {padding-left:335px;}
	.home-2 .post-content { overflow:hidden; padding:15px; }
	.home-2 .post-image, .home-3 .post-image, .home-4 .post-image { padding:0; }
	.home-3 .post-title, .home-4 .post-title { padding:5px 10px; }
	.home-2 .post-content, .home-3 .post-content, .home-4 .post-content { padding:0; border-right:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef;  }
	.home-2 .block-post p{ padding:0 15px 10px 15px; }
	.home-3 .block-post p, .home-4 .block-post p { padding:0 10px 10px 10px; }
	.home-3 .post-head, .home-4 .post-head { padding:5px 10px; }
	.home-3 .post-content h3, .home-4 .post-content h3 { font-size:16px; }
	.home-2 .block-post, .home-3 .block-post, .home-4 .block-post { border:none; padding-bottom:0; margin-bottom:35px; }
	.home-3 .block-post .last, .home-4 .block-post .last { display:block; float:left;  }

	/** Post Info for Blog Style **/
	.post-head { color:#666; padding:5px 15px; border-top:1px dashed #efefef;  }
	.post-head .info-date, .post-head .info-author, .post-head a { font-size:11px;  color:#666; }
	.info-author { background:url(images/author.png) no-repeat left; padding-left:20px; padding-top:5px; margin-right:10px; }
	.info-date { background:url(images/clock.png) no-repeat left; padding-left: 20px; padding-top:2px; margin-right:10px; }
	.info-comment { background:url(images/comment.png) no-repeat left; padding-left:20px; }
	.info-category { background:url(images/category.png) no-repeat left; padding-left:23px; margin-right:10px; }
	
	/** Single **/
	.single-block { overflow:hidden; margin-bottom:35px; }
	.single-title-wrap { background:url(images/bg-pattern.png) repeat; margin-bottom:15px; padding-left:15px; }
	.single-title { overflow:hidden; margin:0; padding:7px 0;}
	.single-info { overflow:hidden; color:#666; padding:5px 0 0 0; }
	.single-info a{ color:#666; }
	.single-thumb {  padding:5px 0 10px 0; }
	.single-content .tagcloud { padding:10px 0 0 0; }
	.post-nav { overflow:hidden; margin-bottom:35px; background:url(images/bg-pattern.png) repeat; padding:10px 15px; }
	.nav-right{ font-size:14px; overflow:hidden; float:right; }
	.nav-left { font-size:14px; overflow:hidden; float:left; }
	.single-tag { float:left;  }
	.single-category { float:left; background:url(images/category.png) no-repeat center left; padding-left:22px; margin-right:16px; color:#666; }
	.single-author { float:left; background:url(images/author.png) no-repeat 0 20%; padding-left:18px; margin-right:16px; color:#666; }
	.single-date { float:left; background:url(images/clock.png) no-repeat 0 40%; padding-left:20px; margin-right:16px; color:#666; }
	.single-comment { float:left; background:url(images/comment.png) no-repeat center left; padding-left:20px; margin-right:16px; color:#666;  }
	.-post-icon { float:right;  width:65px; height:43px; background:url(images/format-icon/post-standard.png) no-repeat center right; position:relative; right:15px; top:0; }
	.gallery-post-icon { float:right; width:65px; height:43px; background:url(images/format-icon/post-gallery.png) no-repeat center right ; position:relative; right:15px; top:0; }
	.video-post-icon { float:right;  width:65px; height:43px; background:url(images/format-icon/post-video.png) no-repeat center right; position:relative; right:15px; top:0; }
	.audio-post-icon { float:right;  width:65px; height:43px; background:url(images/format-icon/post-audio.png) no-repeat center right; position:relative; right:15px; top:0; }
	.reviews-post-icon { float:right;  width:65px; height:43px; background:url(images/format-icon/post-reviews.png) no-repeat center right; position:relative; right:15px; top:0; }
	
	/** Reviews box **/
	.post-review { overflow:hidden; float:left; margin:10px 0; }
	.overall-score { background:#111; height:150px; width:129px; color:#f1f1f1; float:left; padding:15px 10px; text-align:center; border-right:1px solid #333;}
	.overall-score span { font-size:14px; font-weight:bold; }
	.overall-score-value {  font-size:50px; font-weight:bold; }
	.critera {  position:relative; overflow:hidden; width:450px; height:35px; background:#222; font-size:12px; padding:0 10px; border-bottom:1px solid #333; float:left; }
	.critera.last { margin-bottom:0; }
	.critera p { color:#f1f1f1; line-height:33px; overflow:hidden; padding:0; margin:0; float:left; font-weight:bold; }
	.score { position:absolute; top:7px; right:10px;}
	.blog_reviews { background:#111; padding:3px; position:absolute; top:0; left:0; display:block; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; z-index:1000; line-height:1; }
	
	/** Post Author Information and Related Post **/
	.post-share .share-widgets { overflow:hidden; }
	.post-share .share-widget { float:left; padding:0 5px; }
	.post-share, .author-information, .related-wrapper {  margin-bottom:35px; overflow:hidden; }
	.author-description img {  border:1px solid #d9d9d9; padding:4px; float:left; margin-top:0px; margin-right:15px; }
	.author-social { float:right; overflow:hidden; }
	.author-social a { float:left; width:16px; height:16px; display:block; margin-left:10px; }
	.author-social a.author-twitter { background:url(images/social-icons/twitter-author.png) no-repeat; }
	.author-social a.author-facebook { background:url(images/social-icons/facebook-author.png) no-repeat; }
	.author-social a.author-google { background:url(images/social-icons/google-author.png) no-repeat; }
	.author-social a.author-flickr { background:url(images/social-icons/flickr-author.png) no-repeat; }
	.description-author{overflow:hidden; }
	.author-title { float:left; }
	.author-title a{  font-size:14px; line-height:14px; }
	.related-post { float:left; margin-right:20px; width: 140px; position: relative; text-align:center;}
	.related-item-wrapper { overflow:hidden; }
	div.related-post:last-child { margin-right:0; }
	.related-post h6 { font-size:13px; margin-top:5px; }
	
	/** Comments styles **/
	ol.commentlist { margin:0; list-style:none; }
	.comments-navigation { overflow:hidden; padding:15px 0; font-weight:bold; }
	.the-comment { overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #efefef; }
	.avatar { float:left; margin-right:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.reply-comment { clear:both; text-align:center; margin-top:5px; width:70px; background:#444; padding:2px 0; }
	.reply-comment:hover { background:#ba0d16; }
	.reply-comment a, .reply-comment a:hover { color:#fff; font-weight:bold; }
	.comment-box { overflow:hidden; }
	.comment-author span { margin-bottom:10px; font-size:15px;  }
	.comment-author small{ font-size: 11px; color:#636363; font-style:italic; }
	#comments .children { margin: 20px 0 0 83px; }
	#comments .children li.comment { margin: 0 0 20px 0; list-style:none; }
	.cancel-comment-reply  a { margin-bottom:10px; }
	.no-comments { color:#888; }
	.wrapper-input { overflow:hidden !important;  }
	#comment-input { float:left; margin-right:40px; }
	#comment-input input { border:0; margin-bottom:17px; border:1px solid #efefef; }
	#comment-input input:focus, textarea:focus { outline:none; }
	#comment-input label { display:block; margin-bottom:5px; }
	#comment-input label .required { font-style:italic; }
	.input-name, .input-email, .input-website { background:#fff ;  width:220px; padding: 5px; }
	#comment-textarea { float:left; }
	.textarea-comment {  background:#fff; border:0; width:327px; height:155px; padding:9px; font-family:arial; border:1px solid #efefef; }
	#comment-textarea label { display:block; margin-bottom:7px; }
	#comment-textarea-admin { float:none; margin-bottom:5px;  }
	#comment-textarea-admin label { display:block; margin:10px 0 5px 0; }
	#comment-submit {  float:left; }
	#comment-submit-admin { clear:both; }
	#respond { margin-bottom:35px; }
	#respond form { margin-top:10px; }
	.comment-submit { font-size:18px; padding:4px 0 4px 0; text-transform:uppercase; color:#fff; width:348px; background:#444; cursor:pointer; border:none; margin-top:5px; }
	.comment-submit:hover { background:#ba0d16;  }
	
/*************** Contact Form ***************/
.postForm-wrap { background:url(images/bg-pattern.png) repeat; padding:10px; margin-top:15px;  }
.postForm { background:#fff; padding:15px; overflow:hidden;  }
.postForm label { font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px;  }
.postForm label span { font-style: italic; color: #888888; font-weight: normal; }
.postForm div { margin-bottom: 20px; }
.postForm .text { border: 1px solid #efefef; color: #555555; font-size: 12px; width: 278px; padding: 9px 10px; }
.postForm textarea { border: 1px solid #efefef; color: #555555; font-size: 12px; width: 400px; padding: 10px; height: 170px; }
.postForm .submit { width:420px; font-size:18px; padding:5px 0; text-transform:uppercase; color:#333; background:#444; cursor:pointer; border:none; margin-top:5px; color:#fff; }
.postForm .submit:hover { background:#BA0D16;  }
.postForm .error_msg { display: none; margin-top: 5px; }
.postForm .email_sent { color: green; margin-bottom: 10px; display: none; }

/************* PAGINATION **************/
.pagination { font-size: 16px; overflow:hidden; margin-bottom:35px; }
.pagination a {  line-height:18px; height: 20px; background: #272625; display: block; float: left; padding:2px 7px; color: #fff; margin-right: 6px; }
.pagination a:hover { background: #ba0d16; color: #fff; }
.pagination span.current { line-height:18px; background: #ba0d16; height: 20px; display: block; float: left; padding:2px 7px; color: #f3f3f3; margin-right: 6px; }
.pagination span.arrows { font-size: 16px; line-height:18px; }

/***************** WIDGET ******************/
.widget{  background:url(images/bg-pattern.png) repeat; margin-bottom:35px; overflow:hidden; padding:10px; }
.widget iframe { display:block; }
.widget ul { background:#fff; list-style-type:none; clear:both; height:100%; overflow:hidden; margin:0; padding:0 10px; } 
.widget ul li { padding: 8px 0; border-bottom:1px dashed #efefef; }
.widget ul li:last-child { border-bottom:none; }
.textwidget { margin-bottom:35px; overflow:hidden; }
.sidebar-widget-title { padding-bottom:10px; text-transform:uppercase; }
.widget-line-title { background:url(images/bg-pattern.png) repeat-x 0 50%; height:27px; }
.line-title, .page-line-title { background:url(images/bg-pattern.png) repeat-x 0 60%; margin-bottom:15px;  }
.line-title { height:27px; }
.page-line-title { height:33px; }
.line-title h3, .page-line-title h1,.widget-line-title h3  { background:#fff; padding:0 10px 0 0; display: inline-block; }
.widget-line-title h3 { text-transform:uppercase; }
.widget-footer-title { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #3C3C3A; }
.text-widget { margin-bottom:35px; }

	/** Adds 285x250 & 620x90 **/
	.adds620x90 { display:block; margin-bottom:35px; height:90px; }
	.adds620x90 a, .adds300x250 a { display:block; }
	.adds300x250 { display:block; margin-bottom:35px; height:250px; }
	
	/** Widget Homepage Magazine Columns **/
	.magazine-widget { margin-bottom:35px; overflow:hidden; }
	.widget-magazine .block-big  { overflow:hidden; padding:15px 0;  }
	.magazine-widget .block-big h3 { font-size:16px; }
	.widget-magazine .block-big p { margin:0; }
	.widget-magazine .block-big .big-desc { padding-left:320px; }
	.widget-magazine .block-big .magz-image { float:left;overflow:hidden; width:300px; height:170px;  border: #CCC 2px solid; }
	.widget-magazine.half .big-desc { clear:both; padding-left:0; }
	.widget-magazine.half .big-title { padding-top:8px; }
	.widget-magazine .block-small .description { padding-left:85px; }
	.widget-magazine .block-small .magz-image{ float:left; overflow:hidden; width:75px; height:60px; }
	.widget-magazine .block-small { width:300px; float:left; overflow:hidden; padding:15px 0; border-top:1px dashed #efefef; }
	.magazine-widget .block-small-noimage { background:url(images/Right-Arrow.png) no-repeat 0 14px; width:285px; float:left; overflow:hidden; padding:10px 0 10px 15px; border-top:1px dashed #efefef; }
	.magazine-widget .block-small-noimage a { }
	.widget-magazine .xright { margin-left:10px; }
	.widget-magazine .xleft { margin-right:10px; }
	.xreview {padding:0; float:left;}
	.magazine-widget .block-small-noimage h3 {float:left;}
	.magazine-widget .block-small-noimage .xreview { padding-left:8px;}
	.magz-meta, .magz-meta a  { font-size:11px; font-style:italic; padding-top:5px; }
	.magazine-widget .block-small h3, .magazine-widget .block-small-noimage h3 { font-size:13px; }
	
	/** Social Counter Widget **/
	.social-counter-wrapper { overflow:hidden; background:url(images/bg-pattern.png) repeat; padding:10px 10px 0 10px; margin-bottom:35px; }
	.social-counter { background:#fff; float:left; text-align:center; width:70px; padding:10px; margin:0 5px 10px 0; }
	.social-counter.facebook-count { margin:0; }
	.social-counter .social-count { color:#666; font-size:18px; padding-top:5px;} 
	.social-counter .social-descrip { color:#666; font-style:italic;}
	.social-counter a { margin-left:19px; }
	.social-counter.no-right{margin-right:0;}
	.Feedburner-count a{ background:url(images/counter/Feed.png) no-repeat; width:33px; height:33px; display:block; }
	.Twitter-count a{ background:url(images/counter/Twitter.png) no-repeat; width:33px; height:33px; display:block; }
	.Facebook-count a{ background:url(images/counter/Facebook.png) no-repeat; width:33px; height:33px; display:block; }
	.YouTube-count a{ background:url(images/counter/YouTube.png) no-repeat; width:33px; height:33px; display:block; }
	.Vimeo-count a{ background:url(images/counter/Vimeo.png) no-repeat; width:33px; height:33px; display:block; }
	.Dribbble-count a{ background:url(images/counter/Dribbble.png) no-repeat; width:33px; height:33px; display:block; }
	.Forrst-count a{ background:url(images/counter/Forrst.png) no-repeat; width:33px; height:33px; display:block; }
	.Digg-count a{ background:url(images/counter/Digg.png) no-repeat; width:33px; height:33px; display:block; }
	
	/** Widget Homepage Magazine Carousel **/
	.wrapper-carousel { overflow:hidden; padding:15px 0; }
	.wrapper-carousel .image-carousel { position:relative; float:left; display: block; }
	.anyClass { height:auto; overflow:hidden; float:left; margin-left:25px; }
	.wrapper-carousel ul li { position:relative; list-style-type:none; width:130px; height:90px; margin-right:15px; }
	a.prev, a.next { width: 17px; height: 22px; display: block; position: absolute; top:50px; z-index:50; }
	.nav { position: relative;  }
	a.prev span, a.next span { display: none; }
	a.prev { left:0; background:url(images/carousel-arrow.png) 0 0;  } 
	a.next { right:0; background:url(images/carousel-arrow.png)-17px 0; }
	
	/** Social Network Widget**/
	.title-social {  float:left; color:#f3f3f3; font-size:14px; margin-right:4px; }
	.social-widget { overflow:hidden; }
	.widget .social-widget li.flickr { padding:0; }
	.widget .social-widget { padding:10px; }
	.footer-widget .social-widget li, .widget .social-widget li{ float:left; list-style-type:none; border:none; padding:0 9px 0 0; }
	.footer-widget .social-widget li a { border:none; }
	.facebook a{ background:url(images/social-icons/facebook-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.twitter a{ background:url(images/social-icons/twitter-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.vimeo a{ background:url(images/social-icons/vimeo-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.linkedin a{ background:url(images/social-icons/linkedin-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.youtube a{ background:url(images/social-icons/youtube-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.flickr a{ background:url(images/social-icons/flickr-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.friendfeed a{ background:url(images/social-icons/friendfeed-widget.png) no-repeat; width:24px; height:24px; display:block;}
	.deviantart a{ background:url(images/social-icons/deviantart-widget.png) no-repeat; width:24px; height:24px; display:block;}
	
	/** Search Widget **/
	.search-sidebar  { margin-bottom:35px; background:url(images/bg-pattern.png) repeat; padding:10px; }
	#search{ background:#fff; padding:5px 10px; overflow:hidden; }
	#search #s { background:none; border:none; color:#666; width:240px; float:left; }
	#searchbutton{ width:16px; height:16px; float:right; float:right;  margin-top:2px; background:url(images/search.png) no-repeat;  border:0; text-indent: -1000em; cursor: pointer; cursor: hand; /* for IE 5.x */ }
	#search #s:focus { outline:none; }
	.search-header { margin-left:20px; }
	.search-header #search{  padding:2px 5px 2px 10px; overflow:hidden; }
	.search-header #search #s { width:150px;  color :#d7d7d7;}
	.search-header { float:right; border:1px solid #ebebeb; width: 190px; overflow:hidden;  }

	/** Flick Widget **/
	.widget-footer .flickr_stream a{ background:#111; display:block; width:63px; height:50px; float:left; display:block; margin:0px 8px 8px 0; border:none; }
	.widget-footer .flickr_stream img{ width:63px; height:50px; }
	.widget .flickr_stream { overflow:hidden;}
	.widget .flickr_stream a{ background:#111; display:block; width:83px; height:65px; float:left; display:block; margin:5px; }
	.widget .flickr_stream img{ width:83px; height:65px; }
	
	/** Tabs widget **/
	.tabs-wrapper { padding:0; overflow:hidden; overflow:hidden; }
	ul.tabs-sidebar { margin:0; padding:0; overflow: hidden; background:transparent; }
	ul.tabs-sidebar li { background:none; float:left; text-align:center; width:35%; padding: 0 !important; border:none !important; overflow: hidden; }
	ul.tabs-sidebar .last { width:30%; }
	ul.tabs-sidebar li a { text-decoration:none; font-size:14px; display: block; outline: none;  padding:3px 0; text-transform:uppercase; }
	ul.tabs-sidebar li.last a { overflow:hidden; border-right:none; padding:3px 0; }
	ul.tabs-sidebar li a:hover, ul.tabs-sidebar li.active a{ background: #fff !important; z-index:1000; border-bottom:1px solid #fff; }
	.tab_content{ background:#fff; padding:0 10px; }
	.block-tabs { overflow:hidden; padding:15px 0; border-bottom:1px dashed #efefef; }
	.block-tabs:last-child { border:none; }

	.block-tabs .description { padding-left:85px; }
	.block-tabs .tabs-image { float:left; overflow:hidden; width:75px; height:60px; border: #CCC 2px solid; }
	.block-tabs .description h3  { font-size:13px; }
	.block-tabs .tabs-meta, .block-tabs .tabs-meta a { float:left; padding-top:5px; font-size:11px; font-style:italic; font-weight:normal; }
	.review { float:left; padding:2px 0 0 7px; }
	.block-tabs .avatar { margin-top:0; float: left; margin-right: 10px; }
	.block-tabs .comment-text-side { font-weight:normal; font-size:12px; }
	.commenters {  font-size:14px; }
	#tags-tabs { overflow:hidden; }
	.tagcloud { overflow:hidden; padding:5px 0; }
	.tagcloud a { background:#444; float: left; margin: 5px 5px 5px 0; padding:3px 10px; color:#fff; }
	.tagcloud a:hover { color:#fff; background:#ba0d16;  text-decoration: none; }
	.tagcloud a:before { content:'';  display:inline-block; border-radius:20px; width:6px; height:6px;background-color:#fff; margin:0 6px 1px 0; zoom:1; /* IE7 fix */*display:inline;  /* IE7 fix */}
	
	/** Tweet Widget **/
	.widget .tweet_list li { padding:10px 10px 11px 28px; background:url(images/twitter.png) no-repeat 0px 15px; }
	.widget-footer .tweet_list li  {  padding:0 0 0 28px; background:url(images/twitter-footer.png) no-repeat 0px 5px;  }
	.tweet_time , .tweet_join { font-style:italic; }
	
	/** Facebook Like **/
	.facebook-like-wrap { margin-bottom:35px; }


/***************** SHORTCODES ******************/
	/** Columns **/
	.last { margin-right: 0 !important; }
	.one_half { 	width: 48%; float: left; margin-right: 4%; }
	.one_half.last { width: 48%; float: right; }
	.one_third { width: 30.6666%; float: left; margin-right: 4%; }
	.one_third.last { width: 30.6666%; float: right;  }
	.two_third { width: 65.3332%; float: left; }
	.two_third.last { width: 30.6666%; float: right; }
	.one_fourth { width: 22%; float: left; margin-right: 4%; }
	.one_fourth.last { width: 22%; float: right; }
	.three_fourth { width: 74%; float: left; margin-right: 4%;  }
	.three_fourth.last { width: 22%; float: right; }
	.clearboth { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }
	
	/** Tabs **/
	.single-content .tabs-wrapper { background:url(images/bg-pattern.png) repeat; padding:10px; }
	.single-content  ul.tabs { padding:0; margin:0; }
	.single-content  ul.tabs li { background:none; float:left; text-align:center; overflow: hidden; padding:4px 15px; }
	.single-content ul.tabs li a { font-size:16px; font-weight:normal; border-bottom:none; color:#444; }
	.single-content ul.tabs li a:hover, .single-content ul.tabs li a.active, h5.toggle a:hover { color:#BA0D16; }
	.single-content ul.tabs li:hover, .single-content ul.tabs li.active { background:#fff; z-index:1000; }
	.single-content .tabs-wrapper { margin: 10px 0 30px 0; }
	.single-content .tabs-wrapper .tabs-container { padding:15px; background:#fff; }
	.single-content .tabs-wrapper .tabs-container .tab_content { background:#fff; padding:0; }
	.single-content .tabs-wrapper ul li { width:auto; }
	
	/** Dropcap **/
	.dropcap { font-size:40px; margin-right:6px; text-transform: uppercase; float: left; line-height: 1; font-weight:bold; }
	
	/** Highlight **/
	.highlight1 { background:#f6f67a; }
	.highlight2 { background:#000; color:#CCC; }
	
	/** Youtube & Vimeo **/
	.video-shortcode { margin-bottom:20px; }

	/** Toggles **/
	h5.toggle { background:url(images/bg-pattern.png) repeat; padding:5px 10px; margin:15px 0; cursor:pointer; }
	h5.toggle a { background:url(images/toggle-open.png) no-repeat left center; text-decoration:none; padding-left:20px;  font-size:16px; color:#444; font-weight:normal; }
	h5.toggle.active a { background:url(images/toggle-close.png) no-repeat left center; text-decoration:none; padding-left:20px;  font-size:16px; }
	.toggle-content { display:none; background:url(images/bg-pattern.png) repeat; padding:10px;  font-size:12px;  margin-bottom:20px; }
	.toggle-content .block { background:#fff; padding:10px; }
	
	/** List **/
	.checklist li { background:url(panel/shortcodes/check-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;}
	.badlist li { background:url(panel/shortcodes/bad-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;}
	.blocklist li { background:url(panel/shortcodes/block-list.png) no-repeat left !important; padding-left:28px !important; list-style-type:none;}
	
	/** Attention, Information, and Error **/
	.attention {padding: 8px 10px 5px 10px; overflow: auto; margin-bottom: 20px; clear: both; border: 1px solid #BF9900; background: #FEEB9C url(images/warning-bg.png) repeat-x top; }
	.attention p, .information p, .error_warning p { padding: 0; margin: 0;}
	.attention p span {background:url(panel/shortcodes/icon-warning.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #BF9900;}
	.information { padding: 8px 10px 5px 10px; overflow: auto; margin-bottom: 20px; clear: both; border: 1px solid #2FADD7; background: #92D6ED url(images/info-bg.png) repeat-x top; }
	.information p span {background:url(panel/shortcodes/icon-info.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #0E7A9F;}
	.error_warning { padding: 8px 10px 5px 10px; overflow: auto; margin-bottom: 20px; clear: both; border: 1px solid #990000; background: #F5D0CD url(images/error-bg.png) repeat-x top; }
	.error_warning p span { background:url(panel/shortcodes/icon-error.png) no-repeat left !important; padding-left:25px !important;font-weight: bold; color: #990000;}
	
	/** Buttons **/
	.button { padding:8px; display:inline-block; margin:10px 13px 10px 0; cursor:pointer;  }
	.button a { color:#F8F8F8; font-size:13px; text-transform:uppercase; text-decoration:none; font-weight:normal; }
	.button a:hover { color:#f8f8f8; }
	.button.silver a { color:#444; }
	.button.black { background:#464646; }
	.button.black:hover { background:#262626; }
	.button.red { background:#ed1c24; }
	.button.red:hover { background:#d51920; }
	.button.green { background:#00a651; }
	.button.green:hover { background:#027d3e;}
	.button.blue { background:#448ccb; }
	.button.blue:hover { background:#015d99;}
	.button.orange { background:#FFA500; }
	.button.orange:hover{ background:#dd8f01;} 
	.button.silver { background:#F8F8F8; }
	.button.silver:hover { background:#e8e8e8;}
	.button.pink { background:#ec008c; }
	.button.pink:hover { background:#ce007a;}
	.button.brown { background:#8c6239; }
	.button.brown:hover { background:#73512f;}
	
/**************** FOOTER ****************/
.footer-widget { background:#272625; color:#efefef; }
.footer-widget a{ color:#efefef; border-bottom: 1px dashed #5B5A59; }
 .footer-widget p { color:#efefef; }
.footer-bottom { background:#1E1D1D; }
.footer-bottom-wrap { padding:15px 0 10px 0; }
.widget-footer { padding:15px 0; }
.widget-footer .cat-item { width:50%; float:left; }
.widget-footer ul { list-style-type:none; clear:both; height:100%; overflow:hidden;}
.widget-footer ul li { margin:0; margin:0 0 10px 0;  }
.bottomNav-wrapper  { overflow:hidden; }
.bottomNav { float:right; margin:0; }
.bottomNav a { font-size:14px; text-transform:uppercase; color:#efefef; }
.bottomNav li{ float:left; position: relative; list-style-type:none; list-style-image: none; }
.bottomNav li a{ padding:0 0 0 20px; display:block; }
.logo-bottom{ padding-top:10px; overflow:hidden; }
.credits { padding-top:5px; }
.credits p{ float:right; color:#efefef}
.credits a{ color:#efefef; border-bottom: 1px dashed #5B5A59; }

/**************** 404 Error ****************/
.error404_image { overflow:hidden; margin-bottom:20px; }
.error404_title { font-weight:bold; font-size:50px; text-align:center; margin-bottom:20px }
.error404_text { font-weight:bold; font-size:30px; text-align:center; margin-bottom:20px;}



/* Facebook Comments */
	.fb-comments{
		margin-bottom:30px;
	}
	.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
		width: 100% !important;
	}
	.facebook-fan-box iframe[style] {
		width: 103% !important; 
	}

/* seo friendly tables */

.mytable{
	display:table;	/* Defines a Table */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-bottom:2px solid #dddddd;
	color:#8d8d8d;
	margin:auto;
	width: 620px;
	margin-top: 25px;
}

.mytable-head{
	 display: table-header-group; /* Defines a table header group */
}
.mytable-head .mycolumn{ /* Column inside the table-head */
	background: #BA0D16;
	color:#FFFFFF;
	border-right:1px solid #5d5d5d;
	border-bottom:none;
}
.mytable-head .mycolumn:hover{ /* Column hover inside the table-head */
	background:#222222;
}
.myrow{
	display:table-row; /* Defines a table row */
}
.myrow .mycolumn:nth-child(1){ /* First column in a row */
	border-left:1px solid #eeeeee;
}
.myrow:last-child .mycolumn{  /* column in a last row */
	border-bottom:none;
}
.mycolumn{
	display:table-cell; /* Defines a table cell */
	padding:5px 10px;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
}
.mycolumn:hover{
	background:#f9f9f9;
}
/* Responsive table */
@media all and (max-width: 620px){
	.mytable,
	.myrow,
	.mycolumn,
	.mycolumn:before{
		display:block;	/* Converts a table, table row, table column and table column:before into a block element */
	}
	.mytable,
	.myrow .mycolumn:last-child{
		border-bottom:none;
	}
	.mytable-head{
		position:absolute;	/* Hides table head but not using display none */
		top:-1000em;
		left:-1000em;
	}
	.myrow{
		border:1px solid #eeeeee;
		border-top:2px solid #dddddd;
		border-bottom:2px solid #dddddd;
		margin:10px 0;
	}
	.myrow .mycolumn:nth-child(1){ /* first column of the row */
		border-left:none;
	}
	.myrow .mycolumn:last-child{ /* last column of the row */
		border-right:none;
	}
	.myrow:last-child .mycolumn,
	.mycolumn{ /* Column in the last row and column */
		border-bottom:1px solid #eeeeee;
	}
	.mycolumn:before{ /* prints the value of data-label attribute before the column data */
		font-weight:bold;
		padding-right:10px;
		font-size:12px;
		content:" "attr(data-label)" //";	/* call the attribute value of data-label and adds a string // */
	}
}
/*-------------------------------------------------------------------------------------------*/
/* 2. Buttons */
/*-------------------------------------------------------------------------------------------*/
a.woo-sc-button {
	font-family: sans-serif;
	display: inline-block;
	line-height: 1em;
	padding: 6px 13px;
	margin-left: 5px;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background-color: #237fd7; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #52a8e8),
					color-stop(1, #2e76cf)
				);
	background: -moz-linear-gradient(
					center top,
					#52a8e8 20%,
					#2e76cf 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

a.woo-sc-button:hover, 
a.woo-sc-button.hover, 
a.woo-sc-button.active {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e9ee5),
					color-stop(1, #1666ca)
				);
	background: -moz-linear-gradient(
					center top,
					#3e9ee5 20%,
					#1666ca 100%
				);
}

a.woo-sc-button:active,
a.woo-sc-button.active  {
	border-color: #20559a;
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

a.woo-sc-button span { line-height:1.2em; min-height: 16px; }

a.woo-sc-button.red { 
	border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e));
	background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%);
}
a.woo-sc-button.red:hover { 
	background: #d20000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616));
	background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%);
}

a.woo-sc-button.orange { 
	border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e));
	background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%);
}
a.woo-sc-button.orange:hover { 
	background: #d25e00;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116));
	background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%);
}

a.woo-sc-button.green { 
	border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16));
	background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%);
}
a.woo-sc-button.green:hover { 
	background: #87c000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513));
	background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%);
}

a.woo-sc-button.aqua { 
	border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab));
	background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%);
}
a.woo-sc-button.aqua:hover { 
	background: #00d2a8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e));
	background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%);
}

a.woo-sc-button.teal { 
	border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf));
	background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%);
}
a.woo-sc-button.teal:hover { 
	background: #009ed2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca));
	background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%);
}

a.woo-sc-button.purple { 
	border-color: #234dd6; border-bottom-color: #20489a; background-color: #2356d7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #526ee8),color-stop(1, #2e58cf));
	background: -moz-linear-gradient(center top,#526ee8 20%,#2e58cf 100%);
}
a.woo-sc-button.purple:hover { 
	background: #0036d2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e5ae5),color-stop(1, #1638ca));
	background: -moz-linear-gradient(center top,#3e5ae5 20%,#1638ca 100%);
}

a.woo-sc-button.pink { 
	border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf));
	background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%);
}
a.woo-sc-button.pink:hover { 
	background: #bc00d2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca));
	background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%);
}

a.woo-sc-button.silver { 
	color: #444 !important;
	text-shadow:0 1px #fff;
	border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc));
	background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%);
}
a.woo-sc-button.silver:hover { 
	background: #ccc;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe));
	background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);
}

///////////////

/* Enter Your Custom CSS Here */


.footable > tbody > tr > td {
line-height: 15px;
}
.bbimg {
    border-right: 20px none;
    color: transparent;
    float: right;
    font-size: 0;
    margin: 0 0 -50px;
}
/*-------------------------------------------------------------------------------------------*/
/* software */
/*-------------------------------------------------------------------------------------------*/
.bbcolumn > a {
font-size: 15px
font-weight: strong;
color: #6ca16c;
}
.bbtable{
        background: #f0f0f0;
	display:table;	/* Defines a Table */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8d8d8d;
	margin:auto;
	width: 100%;
	margin-top: 15px;
}
.bbtable-head{
	 display: table-header-group; /* Defines a table header group */
}
.bbtable-head .bonuscolumn{ /* Column inside the table-head */
	background: #222222;
	color:#FFFFFF;
	border-right:1px solid #5d5d5d;
	border-bottom:none;
}
.bbrow{
	display:table-row; /* Defines a table row */
}
.bbrow .bonuscolumn:nth-child(1){ /* First column in a row */
	border-left:1px solid #eeeeee;
}
.bbrow:last-child .bonuscolumn{  /* column in a last row */
	border-bottom:none;
vertical-align: middle;
}
.bbcolumn {
    border-bottom: 5px solid #eeeeee;
    border-right: 10px solid #eeeeee;
    display: table-cell;
    padding: 10px;
}
/* Responsive table */
@media all and (max-width: 370px){
	.bbtable,
	.bbrow,
	.bbcolumn,
	.bbcolumn:before{
		display:block;	/* Converts a table, table row, table column and table column:before into a block element */
	}
	.bbtable,
	.bbrow .bonuscolumn:last-child{
		border-bottom:none;
	}
	.bbtable-head{
		position:absolute;	/* Hides table head but not using display none */
		top:-1000em;
		left:-1000em;
	}
	.bbrow{
		border:1px solid #eeeeee;
		border-top:2px solid #dddddd;
		border-bottom:2px solid #dddddd;
		margin:10px 0;
	}
	.bbrow .bonuscolumn:nth-child(1){ /* first column of the row */
		border-left:none;
	}
	.bbrow .bonuscolumn:last-child{ /* last column of the row */
		border-right:none;
	}
	.bbrow:last-child .bonuscolumn,
	.bbcolumn{ /* Column in the last row and column */
		border-bottom:1px solid #eeeeee;
	}
	.bbcolumn:before{ /* prints the value of data-label attribute before the column data */
		font-weight:bold;
		padding-right:10px;
		font-size:12px;
		content:" "attr(data-label)" //";	/* call the attribute value of data-label and adds a string // */
	}
}

/*-------------------------------------------------------------------------------------------*/
/* original */
/*-------------------------------------------------------------------------------------------*/

.bottomNav li a:hover { 
	color: #000000; 
}
.mobile-button{
	display:none !important;
	margin:20px 0 0;
}
/* Button */
.buttons a{
	margin-right:30px;
}
.button {
	display:inline-block;
}
.button.custom {
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	padding:0 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.button.green{
	color:#54770f !important;
	background-image: linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -o-linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -moz-linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -webkit-linear-gradient(top, #D1E990 0%, #AAD75D 100%);
	background-image: -ms-linear-gradient(top, #D1E990 0%, #AAD75D 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D1E990),
		color-stop(1, #AAD75D)
	);
	border:1px solid #9dba60;
}
.button.green:hover{
	color:#54770f !important;
	background-image: linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -o-linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -moz-linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -webkit-linear-gradient(top, #AAD75D 0%, #D1E990 100%);
	background-image: -ms-linear-gradient(top, #AAD75D 0%, #D1E990 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #AAD75D),
		color-stop(1, #D1E990)
	);
	border:1px solid #9dba60;
}
.no-cssgradients .button.green{
	background-color:#D1E990;
}
.no-cssgradients .button.green:hover{
	background-color:#AAD75D;
}
.button.darkgreen{
	color:#54770f !important;
	background-image: linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -o-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -moz-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -webkit-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);
	background-image: -ms-linear-gradient(top, #d0e0a5 0%, #a8c76a 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #d0e0a5),
		color-stop(1, #a8c76a)
	);
	border:1px solid #9dba60;
}
.button.darkgreen:hover{
	color:#54770f !important;
	background-image: linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -o-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -moz-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -webkit-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);
	background-image: -ms-linear-gradient(top, #a8c76a 0%, #d0e0a5 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #a8c76a),
		color-stop(1, #d0e0a5)
	);
	border:1px solid #9dba60;
}
.no-cssgradients .button.darkgreen{
	background-color:#d0e0a5;
}
.no-cssgradients .button.darkgreen:hover{
	background-color:#a8c76a;
}
.button.orange{
	color:#c0830b !important;
	background-image: linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -o-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -moz-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -webkit-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);
	background-image: -ms-linear-gradient(top, #fbdc86 0%, #f8bf56 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fbdc86),
		color-stop(1, #f8bf56)
	);
	border:1px solid #c0830b;
}
.button.orange:hover{
	color:#c0830b !important;
	background-image: linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -o-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -moz-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -webkit-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);
	background-image: -ms-linear-gradient(top, #f8bf56 0%, #fbdc86 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f8bf56),
		color-stop(1, #fbdc86)
	);
	border:1px solid #c0830b;
}
.no-cssgradients .button.orange{
	background-color:#fbdc86;
}
.no-cssgradients .button.orange:hover{
	background-color:#f8bf56;
}
.button.blue{
	color:#1172c1 !important;
	background-image: linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);
	background-image: -o-linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);
	background-image: -moz-linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);
	background-image: -webkit-linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);
	background-image: -ms-linear-gradient(top, #b5e0f7 0%, #76c7f1 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #b5e0f7),
		color-stop(1, #76c7f1)
	);
	border:1px solid #1172c1;
    float: right;
    font-size: 16px;
}
.button.blue:hover{
	color:#1172c1 !important;
	background-image: linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);
	background-image: -o-linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);
	background-image: -moz-linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);
	background-image: -webkit-linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);
	background-image: -ms-linear-gradient(top, #76c7f1 0%, #b5e0f7 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #76c7f1),
		color-stop(1, #b5e0f7)
	);
	border:1px solid #1172c1;
}
.no-cssgradients .button.blue{
	background-color:#b5e0f7;
}
.no-cssgradients .button.blue:hover{
	background-color:#76c7f1;
}
.button.red{
	color:#9d1111 !important;
	background-image: linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);
	background-image: -o-linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);
	background-image: -moz-linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);
	background-image: -webkit-linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);
	background-image: -ms-linear-gradient(top, #fd9c9c 0%, #fc7d7d 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fd9c9c),
		color-stop(1, #fc7d7d)
	);
	border:1px solid #9d1111;
}
.button.red:hover{
	color:#9d1111 !important;
	background-image: linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);
	background-image: -o-linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);
	background-image: -moz-linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);
	background-image: -webkit-linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);
	background-image: -ms-linear-gradient(top, #fc7d7d 0%, #fd9c9c 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fc7d7d),
		color-stop(1, #fd9c9c)
	);
	border:1px solid #9d1111;
}
.no-cssgradients .button.red{
	background-color:#fd9c9c;
}
.no-cssgradients .button.red:hover{
	background-color:#fc7d7d;
}
.button.pink{
	color:#a31366 !important;
	background-image: linear-gradient(top, #fda1d5 0%, #fc84c8 100%);
	background-image: -o-linear-gradient(top, #fda1d5 0%, #fc84c8 100%);
	background-image: -moz-linear-gradient(top, #fda1d5 0%, #fc84c8 100%);
	background-image: -webkit-linear-gradient(top, #fda1d5 0%, #fc84c8 100%);
	background-image: -ms-linear-gradient(top, #fda1d5 0%, #fc84c8 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fda1d5),
		color-stop(1, #fc84c8)
	);
	border:1px solid #a31366;
}
.button.pink:hover{
	color:#a31366 !important;
	background-image: linear-gradient(top, #fc84c8 0%, #fda1d5 100%);
	background-image: -o-linear-gradient(top, #fc84c8 0%, #fda1d5 100%);
	background-image: -moz-linear-gradient(top, #fc84c8 0%, #fda1d5 100%);
	background-image: -webkit-linear-gradient(top, #fc84c8 0%, #fda1d5 100%);
	background-image: -ms-linear-gradient(top, #fc84c8 0%, #fda1d5 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fc84c8),
		color-stop(1, #fda1d5)
	);
	border:1px solid #a31366;
}
.no-cssgradients .button.pink{
	background-color:#fda1d5;
}
.no-cssgradients .button.pink:hover{
	background-color:#fc84c8;
}
.button.darkgray{
	color:#434c50 !important;
	background-image: linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -o-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -moz-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -webkit-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);
	background-image: -ms-linear-gradient(top, #c0c0c0 0%, #9e9e9e 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #c0c0c0),
		color-stop(1, #9e9e9e)
	);
	border:1px solid #434c50;
}
.button.darkgray:hover{
	color:#434c50 !important;
	background-image: linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -o-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -moz-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -webkit-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);
	background-image: -ms-linear-gradient(top, #9e9e9e 0%, #c0c0c0 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #9e9e9e),
		color-stop(1, #c0c0c0)
	);
	border:1px solid #434c50;
}
.no-cssgradients .button.darkgray{
	background-color:#c0c0c0;
}
.no-cssgradients .button.darkgray:hover{
	background-color:#9e9e9e;
}
.button.lightgray{
	color:#ababab !important;
	background-image: linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background-image: -o-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background-image: -moz-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background-image: -ms-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #fbfbfb),
		color-stop(1, #f0f0f0)
	);
	border:1px solid #ababab;
}
.button.lightgray:hover{
	color:#ababab !important;
	background-image: linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);
	background-image: -o-linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);
	background-image: -moz-linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);
	background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);
	background-image: -ms-linear-gradient(top, #f0f0f0 0%, #fbfbfb 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #f0f0f0),
		color-stop(1, #fbfbfb)
	);
	border:1px solid #ababab;
}
.no-cssgradients .button.lightgray{
	background-color:#fbfbfb;
}
.no-cssgradients .button.lightgray:hover{
	background-color:#f0f0f0;
}
.tabs-wrapper .tabs-container {
    padding: 0px !important;
}

.label {
    transition: all 0.3s ease 0s;
}
.label {
    border-radius: 2px;
}

.label {
   background-color: #6ba26a;
    color: #ffffff;
    padding: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* seo friendly tables */

/* seo friendly tables */

.mylisttable{
	display:table;	/* Defines a Table */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:2px solid #dddddd;
	color:#8d8d8d;
	margin:auto;
	width: 100%;
	margin-top: 25px;
}

.mylisttable-head{
	 display: table-header-group; /* Defines a table header group */
}
.mylisttable-head .mylistcolumn{ /* Column inside the table-head */
	background: #c4ecf9;
	color:#308cd4;
	border-right:1px solid #ffffff;
	border-bottom:none;
}
.mylisttable-head .mylistcolumn:hover{ /* Column hover inside the table-head */
	background:#222222;
}
.mylistrow{
	display:table-row; /* Defines a table row */
}
.mylistrow .mylistcolumn:nth-child(1){ /* First column in a row */
	border-left:1px solid #eeeeee;
}
.mylistrow:last-child .mylistcolumn{  /* column in a last row */
	border-bottom:none;
}
.mylistcolumn{
	display:table-cell; /* Defines a table cell */
        text-align: center;
        vertical-align: middle;
	padding:5px 10px;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
}
.mylistcolumn:hover{
	background:#f9f9f9;
}
/* Responsive table */
@media all and (max-width: 620px){
	.mylisttable,
	.mylistrow,
	.mylistcolumn,
	.mylistcolumn:before{
		display:block;	/* Converts a table, table row, table column and table column:before into a block element */
	}
	.mylisttable,
	.mylistrow .mylistcolumn:last-child{
		border-bottom:none;
	}
	.mylisttable-head{
		position:absolute;	/* Hides table head but not using display none */
		top:-1000em;
		left:-1000em;
	}
	.mylistrow{
		border:1px solid #eeeeee;
		border-top:2px solid #dddddd;
		border-bottom:2px solid #dddddd;
		margin:10px 0;
	}
	.mylistrow .mylistcolumn:nth-child(1){ /* first column of the row */
		border-left:none;
	}
	.mylistrow .mylistcolumn:last-child{ /* last column of the row */
		border-right:none;
	}
	.mylistrow:last-child .mylistcolumn,
	.mylistcolumn{ /* Column in the last row and column */
		border-bottom:1px solid #eeeeee;
	}
	.mylistcolumn:before{ /* prints the value of data-label attribute before the column data */
		font-weight:bold;
		padding-right:10px;
		font-size:12px;
		content:" "attr(data-label)" //";	/* call the attribute value of data-label and adds a string // */
	}
}