/* Author Name: arrowthemes http://themeforest.net/user/arrowthemes  Version: 1.0 */


/* 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;}


/*cursors
----------------------------------------------------------------------------------------------------*/
	/*default*/
	body.cur-default , .cur-default .current, .cur-default abbr{cursor: default;}
	.cur-default a, .cur-default button, .cur-default input[type="submit"], .cur-default input[type="reset"], .cur-default input[type="button"], .cur-default a span, .cur-default .button, .cur-default .button-color, .cur-default .error, .cur-default .accordion h2, .cur-default li .title, .cur-default .tag-body, .cur-default div.detail, .cur-default ul.menu li, .cur-default ul.menu, .cur-default form label, .cur-default .zoom, .cur-default .more, .cur-default .showhide h4, .cur-default #slide-nav li, .cur-default .slider-nav .left, .cur-default .slider-nav .right, .cur-default .orbit-bullets li, .cur-default form label, .cur-default .orbit-wrapper .timer, .cur-default .mejs-controls .mejs-time-rail span, .cur-default .mejs-controls .mejs-time-rail span, .cur-default .mejs-overlay-play, .cur-default .wk-slideshow-default .nav span, .cur-default .wk-slideshow-default > div:hover .next, .cur-default .wk-slideshow-default > div:hover .prev, .cur-default .wk-slideshow .next, .cur-default .wk-slideshow .prev, .cur-default .wk-slideshow .nav li, .cur-default ul.gkTabs li, .cur-default #lightbox-overlay, .cur-default .nspPagination li{cursor: pointer !important;}
	.cur-default input {cursor: text;}
	.cur-default abbr, .cur-default acronym, .cur-default .postcontent dfn, .cur-default abbr[title], .cur-default .postcontent dfn[title]{cursor: help;}
	
	/*black*/
	body.cur-black, .cur-black .current, .cur-black abbr{cursor: url(../images/cursor/black/cursor.cur), default;}
	.cur-black a, .cur-black button, .cur-black input[type="submit"], .cur-black input[type="reset"], .cur-black input[type="button"], .cur-black a span, .cur-black .button, .cur-black .button-color, .cur-black .error, .cur-black .accordion h2, .cur-black li .title, .cur-black .tag-body, .cur-black div.detail, .cur-black ul.menu li, .cur-black ul.menu, .cur-black form label, .cur-black .zoom, .cur-black .more, .cur-black .showhide h4, .cur-black #slide-nav li, .cur-black .slider-nav .left, .cur-black .slider-nav .right, .cur-black .orbit-bullets li, .cur-black form label, .cur-black .orbit-wrapper .timer, .cur-black .mejs-controls .mejs-time-rail span, .cur-black .mejs-controls .mejs-time-rail span, .cur-black .mejs-overlay-play, .cur-black .wk-slideshow-default .nav span, .cur-black .wk-slideshow-default > div:hover .next, .cur-black .wk-slideshow-default > div:hover .prev, .cur-black .wk-slideshow .next, .cur-black .wk-slideshow .prev, .cur-black .wk-slideshow .nav li, .cur-black ul.gkTabs li, .cur-black #lightbox-overlay, .cur-black .nspPagination li{cursor: url(../images/cursor/black/hand.cur), pointer !important;}
	.cur-black input {cursor: url(../images/cursor/black/text.cur), text;}
	.cur-black abbr, .cur-black acronym, .cur-black .postcontent dfn, .cur-black abbr[title], .cur-black .postcontent dfn[title]{cursor: url(../images/cursor/black/help.cur), help;}


	/*chrome*/
	body.cur-chrome , .cur-chrome .current, .cur-chrome abbr{cursor: url(../images/cursor/chrome/cursor.cur), default;}
	.cur-chrome a, .cur-chrome button, .cur-chrome input[type="submit"], .cur-chrome input[type="reset"], .cur-chrome input[type="button"], .cur-chrome a span, .cur-chrome .button, .cur-chrome .button-color, .cur-chrome .error, .cur-chrome .accordion h2, .cur-chrome li .title, .cur-chrome .tag-body, .cur-chrome div.detail, .cur-chrome ul.menu li, .cur-chrome ul.menu, .cur-chrome form label, .cur-chrome .zoom, .cur-chrome .more, .cur-chrome .showhide h4, .cur-chrome #slide-nav li, .cur-chrome .slider-nav .left, .cur-chrome .slider-nav .right, .cur-chrome .orbit-bullets li, .cur-chrome form label, .cur-chrome .orbit-wrapper .timer, .cur-chrome .mejs-controls .mejs-time-rail span, .cur-chrome .mejs-controls .mejs-time-rail span, .cur-chrome .mejs-overlay-play, .cur-chrome .wk-slideshow-default .nav span, .cur-chrome .wk-slideshow-default > div:hover .next, .cur-chrome .wk-slideshow-default > div:hover .prev, .cur-chrome .wk-slideshow .next, .cur-chrome .wk-slideshow .prev, .cur-chrome .wk-slideshow .nav li, .cur-chrome ul.gkTabs li, .cur-chrome #lightbox-overlay, .cur-chrome .nspPagination li{cursor: url(../images/cursor/chrome/hand.cur), pointer !important;}
	.cur-chrome input {cursor: url(../images/cursor/chrome/text.cur), text;}
	.cur-chrome abbr, .cur-chrome acronym, .cur-chrome .postcontent dfn, .cur-chrome abbr[title], .cur-chrome .postcontent dfn[title]{cursor: url(../images/cursor/chrome/help.cur), help;}
/*forms
----------------------------------------------------------------------------------------------------*/
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="url"],
	textarea,
	select {
		border: 1px solid #cccccc;
		color:#939393;
		margin:0px 3px 0px;
		/*background: url(../images/body/form_input.jpg) repeat-x 0 0 #FFFFFF;
		outline: none;
		padding:2px 13px 2px;   
		-webkit-box-shadow:inset 0 0 3px #C0C0C0;
		-moz-box-shadow:inset 0 0 3px #C0C0C0;
		-ms-box-shadow:inset 0 0 3px #C0C0C0;
		-o-box-shadow:inset 0 0 3px #C0C0C0;
		box-shadow:inset 0 0 3px #C0C0C0;
		line-height: 1.5em;*/
		min-height:17px;
	}

	select {padding: 0px; border: 1px solid #c0c0c0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		outline:none;
		background: #FFF;
		-webkit-box-shadow:inset 0 0 1px #C0C0C0; 
		-moz-box-shadow:inset 0 0 1px #C0C0C0; 
		-ms-box-shadow:inset 0 0 1px #C0C0C0;
		-o-box-shadow:inset 0 0 1px #C0C0C0; 
		box-shadow:inset 0 0 1px #C0C0C0;
	}

	/*Acymailing component*/
	.acyfield_email input[type="text"]{
		min-height: 20px !important; 
		min-height: 17px; 
		-moz-box-shadow:inset 0 0 5px #000,1px 1px 1px #404040;
		-ms-box-shadow:inset 0 0 5px #000,1px 1px 1px #404040;
		-o-box-shadow:inset 0 0 5px #000,1px 1px 1px #404040;
		-webkit-box-shadow:inset 0 0 12px #000,1px 1px 1px #404040;
		box-shadow:inset 0 0 5px #000,1px 1px 1px #4B4B4B;
		min-height:24px;  
		line-height: 1.5em;  
		margin:0;  
		border: 1px solid #000;  
		padding:4px 13px 3px 30px;   
		-moz-border-radius:4px;  
		-ms-border-radius:4px;  
		-webkit-border-radius:4px;  
		-o-border-radius:4px;  
		border-radius:4px;  
		color:#c0c0c0; 
		background: url(../images/widget/social.png) 4px 7px no-repeat #202020}
    
    .acyfield_email input:hover{background-color: #303030}
    .acyfield_email input:focus{background-color: #404040; background-position: -20px 7px}



	/*image smart-loading*/
	a.h-effect img{visibility: hidden;}
	img.pic3d{visibility: hidden;}
	.pos-media img.pic3d{visibility: visible;}

	.preloader{width: auto; height: auto; background: url(../images/preloader.gif) 50% 50% no-repeat scroll #FFF; }
	div.img_caption{text-align: center;}
	.align-left div.img_caption {margin-right: 13px;}



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

	.container { padding: 0 10px; }
	.row { width: 100%; min-width: 0; margin: 0 auto; }  	/* change max-width to define your window size */
	.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; }
	[class*="column"] + [class*="column"]:last-child { float: right; }
	
	.row .one, .row .one-twelfth 	{ width: 6.3%; }
	.row .two, .row .one-sixth 		{ width: 14.6%; }
	.row .one-fifth 				{ width: 18.00% }
	.row .four-fifths				{ width: 72.00% }
	.row .three, .row .one-fourth 	{ width: 23.00%; }
	.row .four, .row .one-third		{ width: 31.67%; }
	.row .five						{ width: 40.1%; }
	.row .six, .row .one-half,
	.row .two-fourths				{ width: 48.7%; }
	.row .seven 					{ width: 57.5%; }
	.row .eight, .row .two-thirds 	{ width: 65.7%; }
	.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;}


	 /* shadow effect */
	.block-shadow{display: block; height: 16px; left: 8px;	margin: 14px 0 -16px -10px; position: relative; max-width: 100%; }
	.grid-box .block-shadow{margin: 12px 19px -16px 1px; position: relative; max-width: 100%; bottom: 15px;}
	.column .block-shadow{margin: 14px 0 -16px -10px; position: relative; max-width: 100%; bottom: 21px;}

	.folio .block-shadow{bottom: 17px;}
	.block-shadow:before, .block-shadow:after{content: ' '; position: absolute; width: 50%; height: 100px; z-index: -10; }

	.block-shadow:before { 	
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);
		top: -103px;
		left: 7px;
		border: 1px solid #bababa;
		background: #FFF;
	}

	.block-shadow:after {top: -107px; right: -9px;	
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
		top: -103px;
		right: 10px;
		border: 1px solid #bababa;
		background: #FFF;
	}

		.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: #eee url(../images/typo/modal-gloss.png) no-repeat -200px -80px; 
		position: absolute; 
		z-index: 41; 
		padding: 30px 40px 34px; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		box-shadow: 0 0 10px rgba(0,0,0,.4);}

		.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;
		}

	/*clients*/
	.client {
		position: relative;
		float: left;
	}

	.client img {
		padding-left: 15px;
	}



/* widgets/modules
----------------------------------------------------------------------------------------------------*/
	
	/*audio/video*/
	.mejs-container{
		border: 1px solid rgba(0, 0, 0, 0.4); 
		-webkit-box-shadow: 1px 1px 0 rgba(255,255,255, 0.2) inset;  
		-moz-box-shadow: 1px 1px 0 rgba(255,255,255, 0.2) inset;  
		box-shadow: 1px 1px 0 rgba(255,255,255, 0.2) inset;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		    -ms-border-radius: 3px;
		     -o-border-radius: 3px;
		        border-radius: 3px;
	}
	.mejs-controls .mejs-time-rail .mejs-time-loaded{filter: none;}
	.mejs-controls .mejs-time-rail span,
	.mejs-container .mejs-controls div
	{
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
		   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
		        box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset;
	}
	.mejs-controls .mejs-button button {-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;}

	/*accordion menu*/
	.menu-sidebar li.level1, .wk-twitter-list article, .zoo-comments-list > article { background: url(../images/body/hr-dotted.png) repeat-x scroll 0 100% transparent; border: 0 none !important; }
	#bottom-c .menu-sidebar li.level1{ background: url(../images/body/dotted-dark.png) repeat-x scroll 0 100% transparent; border: 0 none !important; }
	
	/*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;}

	/*gavick mod news image*/
	.nspBotInterface, .nspTopInterface{
		margin: 23px 0;
		margin-top: -37px;
	}

	.nspArts, .nspMain {
		overflow: visible;
	}

	.nspArt .author{
		font-style: normal;
		float: right;
		padding: 15px 0;
		font-weight: bold;
	}


	/*sprocket*/
	.layout-slideshow {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
	    }

	    .layout-slideshow .sprocket-features-title {font-size: 4em}
	   	.layout-slideshow .sprocket-features-title, 
	   	.layout-slideshow .sprocket-features-desc {
	   		 border: 1px solid rgba(0,0,0,.15);
	   		 border: 1px solid rgba(0,0,0,.15);
	   		 border: 1px solid rgba(0,0,0,.15);
	   		 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255, 0.15);
	   		    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255, 0.15);
	   		         box-shadow: 0 1px 1px rgba(0,0,0,.5) inset, 0 1px 0 rgba(255,255,255, 0.15);
	   		-webkit-border-radius: 4px;
	   		   -moz-border-radius: 4px;
	   		    -ms-border-radius: 4px;
	   		     -o-border-radius: 4px;
	   		        border-radius: 4px;
	   	}

	   	.layout-slideshow .sprocket-features-desc{
	   		padding: 25px 20px;
	   		line-height: 1.5
	   	}

	   	.layout-slideshow .sprocket-features-desc span{
	   		display: block;
	   		margin-bottom: 15px
	   	}

	   	.layout-slideshow .sprocket-features-desc a span{
	   		margin-bottom: 0
	   	}

	   	.layout-slideshow .sprocket-features-title{
	   		padding: 10px 15px 10px
	   	}

	   	.layout-slideshow .sprocket-features-arrows .arrow{
	   		font-size: 3.2em
	   	}

	   	.layout-slideshow .sprocket-features-content {
	   		top: 45px;
	   		left: 60px;
	   	}

	   	.sprocket-headlines-navigation .arrow{
	   		line-height: 0.9
	   	}

	   .sprocket-features-img-container img {
	   	-webkit-border-radius: 7px;
	      -moz-border-radius: 7px;
	       -ms-border-radius: 7px;
	        -o-border-radius: 7px;
	           border-radius: 7px;}

	    /*next/prev arrows*/
	    .layout-slideshow .sprocket-features-arrows .arrow {
	    	background-color: rgba(0,0,0,0.6);
	    	border: 1px solid rgba(0, 0, 0, 0.1);
			color: #FFF;
			height: 25px;
			width: 38px;
			top: 48%;
			padding: 7px 0 7px 0;
			-webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.05);
			-moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.05);
			box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.05);
	    }

	    .layout-slideshow .sprocket-features-arrows .prev,
	    .layout-slideshow .sprocket-features-arrows .next
	     {
	    	-webkit-border-radius: 20px;
			   -moz-border-radius: 20px;
			    -ms-border-radius: 20px;
			     -o-border-radius: 20px;
			        border-radius: 20px;
	    }

	    /*navigation*/
	    .layout-slideshow .sprocket-features-pagination li {
	    	padding: 6px;
	    	margin-right: 2px;
	    	-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), 0 0 1px #000 inset;
	    	   -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), 0 0 1px #000 inset;
	    	        box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), 0 0 1px #000 inset;
	    }

	    .layout-slideshow .sprocket-features-img-list {
	    	margin-bottom: -5px
	    }

	    /*community component*/

	    body #community-wrap div.greybox,
	    body #community-wrap div.greybox div,
	    body #community-wrap div.greybox div div
	     {
	    	-webkit-border-radius: 4px;
	    	   -moz-border-radius: 4px;
	    	    -ms-border-radius: 4px;
	    	     -o-border-radius: 4px;
	    	        border-radius: 4px;
	    }

	    body #community-wrap div.greybox a#joinButton,
	    body #community-wrap div.greybox a#joinButton:hover
	     {
	    	background: none;
	    	text-shadow: none;
	    	color: #808080;
	    }

	    #community-wrap .cModule,
	    #community-wrap .community-status .status-creator
	    {
		background: #EBEBEB;
		background: -moz-linear-gradient(top,  #EBEBEB 0%, #ffffff 10%, #ffffff 93%, #ededed 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBEB), color-stop(10%,#ffffff), color-stop(93%,#ffffff), color-stop(100%,#ededed));
		background: -webkit-linear-gradient(top,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		background: -o-linear-gradient(top,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		background: -ms-linear-gradient(top,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		background: linear-gradient(to bottom,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#ededed',GradientType=0 );
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 -1px 0 rgba(255,255,255,.4) inset, 0 1px 0px rgba(0, 0, 0, .1);
		   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 -1px 0 rgba(255,255,255,.4) inset, 0 1px 0px rgba(0, 0, 0, .1);
		        box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 -1px 0 rgba(255,255,255,.4) inset, 0 1px 0px rgba(0, 0, 0, .1);
	}

		#community-wrap .cModule h3
		{
			font-size: 18px !important;
			border: 0 none;
			padding: 12px 0;
			background: url(../images/body/f_inset_dotted.png) repeat-x scroll left bottom transparent;
		}

		#community-wrap .app-box-footer{
			border-top: 1px dotted #DDD;
		}

		body #community-wrap div.greybox div div div.loginform input.frontlogin{
			font-size: 13px;
			font-weight: normal
		}

		body #community-wrap div.greybox div div div.loginform {
			width: 225px
		}

		body #community-wrap .cSidebar{
			width: 235px;	
		}

		body #community-wrap .cMain{
			margin-right: 255px
		}

		body #community-wrap div.greybox div div div.loginform {
			background: none
		}

		#community-wrap .cAvatar-sidebar, #community-wrap .cAvatar-sidebar img {
			border: 1px solid #ddd;
		}

		.profile-box{
			background: #EBEBEB;
		background: -moz-linear-gradient(top,  #EBEBEB 0%, #ffffff 10%, #ffffff 93%, #ededed 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBEB), color-stop(10%,#ffffff), color-stop(93%,#ffffff), color-stop(100%,#ededed));
		background: -webkit-linear-gradient(top,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		background: -o-linear-gradient(top,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		background: -ms-linear-gradient(top,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		background: linear-gradient(to bottom,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
			-webkit-border-radius: 4px 4px 0 0;
			   -moz-border-radius: 4px 4px 0 0;
			    -ms-border-radius: 4px 4px 0 0;
			     -o-border-radius: 4px 4px 0 0;
			        border-radius: 4px 4px 0 0;
		}

		#community-wrap .community-status .creators{
			margin: 0 0 -7px 0;
		}
		#community-wrap div.profile-toolbox-br{
		border: 1px solid #DDD;
		-webkit-border-radius: 0 0 4px 4px;
		   -moz-border-radius: 0 0 4px 4px;
		    -ms-border-radius: 0 0 4px 4px;
		     -o-border-radius: 0 0 4px 4px;
		        border-radius: 0 0 4px 4px;
		background: #EBEBEB;
		background: -moz-linear-gradient(top,  #EBEBEB 0%, #ffffff 10%, #ffffff 93%, #ededed 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBEBEB), color-stop(10%,#ffffff), color-stop(93%,#ffffff), color-stop(100%,#ededed));
		background: -webkit-linear-gradient(top,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		background: -o-linear-gradient(top,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		background: -ms-linear-gradient(top,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		background: linear-gradient(to bottom,  #EBEBEB 0%,#ffffff 10%,#ffffff 93%,#ededed 100%);
		text-shadow: 0 1px 0 rgba(255,255,255,.5);
	}


		/*custom webkit scrollbars*/
	::-webkit-scrollbar {
	    width: 12px;
	}
	 
	/* Track */
	::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	    -webkit-border-radius: 10px;
	    border-radius: 10px;

	}

	::-webkit-scrollbar-track-piece {
		background: #101010;
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	    -webkit-border-radius: 10px;
	    border-radius: 10px;
	    border: 1px solid rgba(0,0,0, 0.8);
	    -webkit-box-shadow: inset 0 0 4px rgba(255,255,255,0.3);
	  	-webkit-transition: all .2s ease-in-out;
	}

	::-webkit-scrollbar-thumb:hover{
		-webkit-transition: all .2s ease-in-out;
	}

	::-webkit-scrollbar-thumb:window-inactive {
			    
	}