/* Dev help: images should always have width and height
	img:not([width]):not([height]) { border: 2px solid red !important; }
*/

html {overflow-y: scroll;} 

body { font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased; margin:0px;font-size:14px; line-height: 21px; background-color:#ffffff; color:#333; }

.outerBox { width:970px; margin:0 auto; text-align:left; }
.outerBoxNarrow {width:950px; margin:0 auto; text-align:left; }

.noSelect {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor:default}

#q::-webkit-input-placeholder { color:#C0EBA4; }
#q::-moz-placeholder { color:#C0EBA4; }

.blockquote { font: 16px/22px Georgia, "Times New Roman", Times, serif; padding-left: 18px; text-indent: -18px; }
.blockquote:first-letter { background: url(/media/imgs/openquote.gif) no-repeat left top; padding-left: 18px; font: italic 1.4em Georgia, "Times New Roman", Times, serif; }
.blockquotesource { padding-left:20px; color: #666; font-size:12px }

img { border:0px }

.navigationItem { float:left; padding:3px; padding-left:10px; padding-right:10px }
.navigationItem a { color:#fff; font-size:14px; text-decoration:none; font-weight:bold }
.navigationItem a.selected { color:#bbfe9f; }
.navigationItem a:hover { color:#bbfe9f; text-decoration:none}

/*
ul {list-style-image:url('/media/imgs/list.gif'); list-style-position:inside; padding:0px; padding-left: 1em; text-indent: 0em; margin:0px; margin-top:10px; margin-bottom:10px}
li { line-height:21px; margin:0px; padding:0px }
*/

a { color:#0097CD; font-weight:normal; outline:0px }
a:hover { text-decoration:none }
/*a:active { position: relative; top: 1px; }*/
.linkWithArrow { padding-right:10px; background:url('/media/imgs/morearrow.gif') right no-repeat }

.message { padding:3px; padding-left:20px; padding-right:20px; background-color:#fff2b4; text-align:center;}
.messageNormal { padding:3px; padding-left:20px; padding-right:20px; background-color:#f2f2f2; }
.messageInformation { padding:3px; padding-left:20px; padding-right:20px; background-color:#fff2b4;}
.messageSuccess { padding:3px; padding-left:20px; padding-right:20px; background-color:#dfffc2;}
.messageError { padding:3px; padding-left:20px; padding-right:20px; background-color:#ffdada;}
.messageMinWidth { display:table-cell }

.group {padding:15px;}
.group .rawTitle {font-weight:bold; color:#000; font-size:16px;}

h1 {font-size:30px; font-weight:bold; margin:0px; color:#000; margin-bottom:4px; line-height:25px }
h2 {font-size:16px; color:#000; font-weight:bold; padding:0px; margin:0px; margin-bottom:10px}

.titleBar {background-color:#f1f1f1; color:#444444; font-weight:bold; padding:10px; font-size:14px; padding-left:5px }
.titleBar a { color:#2f9008; font-size:18px; font-weight:bold; text-decoration:none  }
.titleBar a:hover { text-decoration:underline  }

.lineSpace { line-height:1.5em }

.textSmall {font-size:12px}
.textLarge {font-size:16px}

.table1 {width:100%;}
.table1 td {padding:5px; padding-left:0px}
.table1 .head {font-weight:bold}

.table2 {width:100%; border-collapse:collapse}
.table2 td {padding:5px; border-right:1px #ccc solid;border-left:1px #ccc solid; border-bottom:1px #ccc solid}
.table2 th {font-weight:bold;border-right:1px #aaa solid; color:#fff; background:#ccc; font-size:16px; padding:5px}

.table3 { font-size: inherit; border-collapse: collapse; border-spacing: 0; text-align:left;width:100%;}
.table3 tr {border: 1px solid #ddd;width:40px;}
.table3 th {background: none repeat scroll 0 0 #EEEEEE;font-size: 18px;font-weight: bolder;padding: 8px;width:300px;}
.table3 td {border: 1px solid #ddd; font: 13px/1.231 arial,helvetica,clean,sans-serif; padding:5px}

.linkList { padding:0px; margin:0px; margin-left:25px }
.linkList li { line-height:1.5em }

.twitterContent {color:#555}
.twitterContent a {font-weight:normal; color:#298605}

/*do not use anymore*/
.title { font-size:14px; color:#000; font-weight:bold; padding-top:5px; padding-bottom:15px}
.rawTitle { font-size:18px; color:#000; font-weight:bold; }
/*end*/

.xlTitle { font-size:36px; color:#333333; line-height:40px;}
.lTitle { font-size:24px;}
.mTitle { font-size:18px; font-weight:bold; color:#000; }
.sTitle { font-size:14px; font-weight:bold }
.usTitle { font-weight:bold; color:#666; font-size:12px; text-transform: uppercase}
.titleBorder { padding-bottom:8px; border-bottom:1px #ddd solid }

.whiteShadow { text-shadow: 1px 1px white; color:#333;  }
.blackShadow { text-shadow: -1px -1px black; color:#f2f2f2;  }

.highliteBorder {border:3px #2f9008 solid}

.availableLanguages { color:#666}
.availableLanguages a {}

.removeButton { display:inline-block; background:#fff; white-space:nowrap; color:#666; font-weight:bold; padding:2px; padding-left:4px; padding-right:4px; font-size:12px; text-decoration:none}
.removeButton:hover {background:#ccc; color:#fff; text-decoration:none}
.highliteButton {background:url('/media/imgs/buttonbackactive.jpg'); cursor:default}


input, textarea { background-color:#eee; border:0px; font-family:Arial, helvetica, Sans-Serif; border-left:8px #ddd solid; border-bottom:1px #ddd solid; padding:6px; font-size:14px; margin-top:2px;}
input[type='radio'] {border:0px; margin:0px; padding:0px}
input[type='checkbox'] {border:0px; margin:0px; padding:0px}
input[type='submit'] {background:url('/media/imgs/buttonbacklarge.jpg') #eb5c22; cursor:pointer; line-height:18px; padding:3px; padding-left:20px; padding-right:20px; color:#fff; font-weigth:normal; text-decoration:none; border:0px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
input[type='submit']:hover {background:url('/media/imgs/buttonbackactivelarge.jpg') #eb5c22;}
textarea { resize:vertical; }


select {padding:6px;background-color:#eee; border:0px;font-size:14px;}
.inputWarning { border:0px; border-left:8px #e00000 solid; border-bottom:1px #e00000 solid;}

.inputClean { padding:2px; border:0px; background-color:#fff }
.inputStandard { padding:2px; border:0px; background-color:#fff; border:1px #ccc solid }

.inputReadonly { background-color:#f7f7f7; padding:6px; color:#999; cursor:default; height:18px}

.warning { text-align:center; padding:4px;  background-color:#e00000; color:#fff; margin-bottom:20px }

.selectedFolder {font-weight:bold; background-image:url(/media/imgs/folderopen32x32.png); background-repeat:no-repeat; padding-left:35px; padding-top:6px; height:28px; cursor:pointer}
.unselectedFolder {font-weight:normal; background-image:url(/media/imgs/folderclose32x32.png); background-repeat:no-repeat; padding-left:35px; padding-top:6px; height:28px; cursor:pointer}

.breakingNews {padding:4px; font-size:11px; padding:8px}
.breakingNews a { font-size:11px}

.colorpickerControl { margin-top:2px; background-color:#fff; padding:20px; border:3px #ccc solid }
.colorpickerControl input {	font-size:8pt; }

.belowBox { background-color:#eee; padding:20px; text-align:center; color:#333 }

.nav { text-align:center; display:block;height:36px; background:url('/media/imgs/naviback.jpg') repeat-x; }
.nav:hover {  background:url('/media/imgs/naviback_over.jpg') repeat-x; }
.nav:active {  background:url('/media/imgs/naviback_active.jpg') repeat-x; }
.navActive { text-align:center; display:block;height:36px; background:url('/media/imgs/naviback_over.jpg') repeat-x; }

.center { text-align:center }
.left { text-align:left }

.unflashy { color:#888 }
.unflashy a { color:#888 }
.unflashy a:hover { color:#888 }

.pagingIndicator { padding:3px; background:#ccc; color:#000; text-decoration:none; padding-left:5px; padding-right:5px }
.pagingIndicatorActive { background:#666; color:#fff }


/*Colors*/
.ultralightgrey { background-color:#f7f7f7 }
.lightgrey { background-color:#f2f2f2 }
.mediumgrey { background-color:#eee }
.darkgrey { background-color:#bbb }
.ultradarkgrey { background-color:#777 }
.darkgrey a {color:#fff; }

.beetagggreen { background-color:#39ab0b }
.lightgreen { background-color:#6add3c }
.ultralightgreen { background-color:#edfbe7 }
.beetaggred { background-color:#ff2b18 }
.lightyellow { background-color:#fff0cc }
.yellow {background-color:#efb31d}

.btmagenta { background-color:#e24eb0 }
.btviolet { background-color:#721dfe }
.btyellow { background-color:#ffd71f }
.btorange { background-color:#ff751c }
.btcyan { background-color:#00d44e }
.btbabyblue { background-color:#339eff }
.btblue { background-color:#331ffd }
.btgreen { background-color:#68cb20 }


/* http://www.manoli.net/csharpformat/ */
.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #ffffff; }
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #a31515; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; }
.csharpcode .lnum { color: #606060; }


#signInHandle { background:#409b1b; height:67px; width:115px; cursor:default }				
#signInHandle div  
{
	display:none;
	border:1px #f2f2f2 solid;
	border-top:0px;
	background:#fff;
	margin-left:-155px;
	width:250px;
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	z-index:1000;
	box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.23);
}	
#signInHandle > span {display:block; height:47px;color:#ffeb65; font-size:20px; display:block; padding-top:22px; text-align:center; font-weight:bold}	
#signInHandle ul {margin:0; padding:0 }
#signInHandle li { list-style: none; }	
#signInHandle a { display:block; background-repeat: no-repeat; padding-left:70px; text-decoration:none; }	
#signInHandle a:hover { background-color:#ffc }	
#signInHandle li > span { float:left; padding-top:18px   }
.signInTitle { display:block; font-weight:bold;  color:#000; font-size:24px; padding-top:10px  }
.signInDescription { display:block; color:#888; font-size:14px; margin-top:5px  }
#signInHandle:hover div { display: block; position: absolute; }		
#signInHandle div:hover div { display: block; position: absolute; }


.product .navigation {width:970px; margin:0 auto; text-align:left; margin-top:30px; }
.product .navigation .container {background:url(/media/imgs/secondnavback.jpg) #f5f5f5;height:60px; border:1px #ccc solid;}
.product .navigation .title { float:left; margin-top:14px; font-size:22px; color:#DD4B39}
.product .navigation .links {float:left; margin-left:110px; margin-top:20px; text-align:center;  font-size:18px; font-weight:bold}
.product .navigation .links a {font-size:18px}
.product .navigation .links a:hover {}
.product .navigation .calltoaction {float:right; margin-right:7px; margin-top:11px}
.product .content .head { background:#fff; width:888px; padding:30px; margin:0 auto; text-align:left; border-left:1px #ccc solid; border-right:1px #ccc solid }
.product .content .head .headline { font-size:60px; font-weight:bold;  line-height:60px }
.product .content .head .subheadline {  color:#999; font-size:28px; font-weight:bold; line-height:35px }
.product .content .head .text { font-size:16px; line-height:23px; }
.product .content .body.grey {  background:#f5f5f5 url(/media/imgs/greytexture.jpg); width:888px; padding:30px; margin:0 auto; text-align:left; border-left:1px #ccc solid; border-right:1px #ccc solid }
.product .content .body.grey .box {  background:#fff; border:1px #ddd solid; padding:20px}
.product .content .body.grey .title {  }
.product .content .body.white {background:#fff; width:888px; padding:30px; margin:0 auto; text-align:left; border-left:1px #ccc solid; border-right:1px #ccc solid }
.product .content .body.close { border-bottom:1px #ccc solid; }




.linkButtonMedium {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	padding:7px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
}
.linkButtonMedium:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}
.linkButtonMedium:active {
	position:relative;
	top:1px;
}



.linkButtonLarge {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
}
.linkButtonLarge:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}
.linkButtonLarge:active {
	position:relative;
	top:1px;
}


.linkButtonLargeInactive {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-size:20px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}



.linkButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	padding:3px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
}
.linkButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}
.linkButton:active {
	position:relative;
	top:1px;
}


.linkButtonSmall {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
}
.linkButtonSmall:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}
.linkButtonSmall:active {
	position:relative;
	top:1px;
}


.linkButtonSmallInactive {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-size:12px;
	font-weight:normal;
	padding:2px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}


.addButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	padding:0px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.addButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background-color:#f6f6f6;
}
.addButton:active {
	position:relative;
	top:1px;
}






/* SCROLLBARS */

::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 10px;
    background: #fff;
}
::-webkit-scrollbar-button {
    display: none;
    height:0;
    width: 0;
}
::-webkit-scrollbar-track {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    border-width: 0 0 0 4px;
    border: solid transparent;
}
::-webkit-scrollbar-track:hover {
    background-color:rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:active {
    background-color:rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-track:horizontal {
    border-width: 4px 0 0;
}
::-webkit-scrollbar-track:horizontal:hover {
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:horizontal:active {
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: rgba(0,0,0,.2);
    /*border-width: 1px 1px 1px 6px;
    border: solid transparent;*/
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    min-height: 28px;
    padding: 100px 0 0;
}
::-webkit-scrollbar-thumb:hover {
    background-color:rgba(0,0,0,.4);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
}
::-webkit-scrollbar-thumb:active {
    background-color:rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
}
::-webkit-scrollbar-thumb:horizontal {
    border-width: 6px 1px 1px;
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    padding: 0 0 0 100px;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
body::-webkit-scrollbar-track-piece {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: #f5f5f5;
    /*border-width: 0 0 0 3px;
    border: solid #fff;*/
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-track-piece:horizontal {
    border-width:3px 0 0;
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 5px;
}
body::-webkit-scrollbar-thumb:horizontal {
    border-width: 5px 1px 1px;
}
body::-webkit-scrollbar-corner {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: #f5f5f5;
    border-width: 3px 0 0 3px;
    border: solid #fff;
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
}