/* ------------------------------------------------------------------------------------------------------------------------- */
/*
	File: Scrollbar.css

	Game: Soniro
	Created: 29/11/2012
	Last update: 29/11/2012 - Alpha Release 1
	Language: Cascading Style Sheets 3

	License: 

	Copyright © 2011-2012 Skykill. All rights reserved

	Author: Skykill
	Description: Contains the global scrollbar styling.
	Change History: 
	[Note: note for this file.
           note for this file.]
*/
/* ------------------------------------------------------------------------------------------------------------------------- */

::-webkit-scrollbar
{									/* Scrollbars */
	width: 14px;
	height: 14px;
	background: #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 repeat;
}
/* The bar in the middle under the scrollbar */
::-webkit-scrollbar-track-piece
{						/* Fond */
	background: transparent none;
	border: solid 4px transparent;
	border-right-width: 6px;
	border-left-width: 6px;
	margin: 4px;
	-webkit-box-shadow: inset 1px 1px 0 0 rgb(70,70,70), inset -1px -1px 0 0 rgb(105,105,105);
}
::-webkit-scrollbar-track-piece:horizontal
{			/* Fond pour la barre du bas */
	border-right-width: 6px;
	border-bottom-width: 8px;
}
::-webkit-scrollbar-thumb
{								/* Barre */
	border: solid 0 transparent;
	border-right-width: 2px;
	border-left-width: 2px;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 6px 5px;
	-webkit-border-bottom-right-radius: 6px 5px;
	-webkit-border-top-left-radius: 6px 5px;
	-webkit-border-bottom-left-radius: 6px 5px;
	-webkit-box-shadow: inset 0 0 0 1px rgb(79,79,79), inset 0 0 0 6px rgb(102,102,102);
}
/* When the mouse is hover the scrollbar */
::-webkit-scrollbar-thumb:hover
{						/* Barre */
	-webkit-box-shadow: inset 0 0 0 1px rgb(120,120,120), inset 0 0 0 6px rgb(110,110,110);
}
/* When the mouse click the scrollbar */
::-webkit-scrollbar-thumb:active
{						/* Barre */
	-webkit-box-shadow: inset 0 0 0 1px rgb(105,105,105), inset 0 0 0 6px rgb(70,70,70);
}
::-webkit-scrollbar-thumb:horizontal
{					/* Barre du bas */
	border-right-width: 0;
	border-bottom-width: 4px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px 9px;
	-webkit-border-bottom-left-radius: 5px 9px;
}
/* Corner scrollbar button */
::-webkit-scrollbar-corner
{
	background: url(../Images/webkit-scrollbar-corner.png) 0px 1px no-repeat;
}
/* Right scrollbar, top button */
::-webkit-scrollbar-button
{
	height: 28px;
	background: url(../Images/webkit-arrows-vertical.png) 1px 50% no-repeat/*, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat*/;
}
/* Right scrollbar, bottom button  */
::-webkit-scrollbar-button:increment
{
	background-position: -14px 50%;
}
/* Bottom scrollbar, left button  */
::-webkit-scrollbar-button:horizontal
{
	width: 28px;
	background: url(../Images/webkit-arrows-horizontal.png) 50% 1px no-repeat/*, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat*/;
}
/* Bottom scrollbar, right button  */
::-webkit-scrollbar-button:horizontal:increment
{
	background-position: 50% -14px;
}
body ::-webkit-scrollbar
{
	background: transparent none;
}
/*body ::-webkit-scrollbar-button:horizontal:decrement {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.1)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(../Images/webkit-arrows-horiz.png) 50% 1px no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(../Images/webkit-arrows-horiz.png) 50% 1px no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(../Images/webkit-arrows-horiz.png) 50% 1px no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
}
body ::-webkit-scrollbar-button:horizontal:increment {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.1)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(../Images/webkit-arrows-horiz.png) 50% -19px no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(../Images/webkit-arrows-horiz.png) 50% -19px no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(../Images/webkit-arrows-horiz.png) 50% -19px no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	-webkit-border-radius: 0 0 6px 0;
}
body ::-webkit-scrollbar-button:vertical:decrement {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(../Images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(../Images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(../Images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
}
body ::-webkit-scrollbar-button:vertical:increment {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,.1))) 0 0 repeat, url(../Images/webkit-arrows-vert.png) -19px 50% no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	background: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(../Images/webkit-arrows-vert.png) -19px 50% no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) 0 0 repeat, url(../Images/webkit-arrows-vert.png) -19px 50% no-repeat, #bfb6a3 url(../Images/bg-blog-repeat.png) 0 0 no-repeat;
	-webkit-border-radius: 0 0 6px 0;
}*/