/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
audio, canvas, video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
[hidden]{display:none;}


/* =============================================================================
   Base
   ========================================================================== */

::-moz-selection{background:#333;color:#fff;text-shadow:-1px -1px 0 #000 !important;}
::selection{background:#333;color:#fff;text-shadow:-1px -1px 0 #000 !important;}


/* =============================================================================
   Links
   ========================================================================== */

a{color:#a6a6a6;text-decoration:none;}
a:hover{color:#fff;}
a:focus{outline:thin dotted;}
a:hover, a:active{outline:0;}


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title]{border-bottom:1px dotted;}

b, strong{font-weight:bold;}

blockquote{margin:1em 40px;}

dfn{font-style:italic;}

hr{display:block;height:1px;border:0;border-top:1px solid;border-color:#ccc;border-color:rgba(0,0,0,0.2);background:rgba(255,255,255,0.3);margin:1em 0;padding:0;}

ins{background:#ff9;color:#000;text-decoration:none;}

mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}

pre, code, kbd, samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}

pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:0.8em;background:#f8f8f8;border:1px solid #ccc;}

code{padding:3px 4px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px;}

q{quotes:none;}
q:before, q:after{content:"";content:none;}

small{font-size:85%;opacity:0.6;}

sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0em 0;padding:0 0 0 0px;}
dd{margin:0 0 0 40px;}
nav ul, nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}


/* =============================================================================
   Embedded content
   ========================================================================== */

img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}

svg:not(:root){overflow:hidden;}


/* =============================================================================
   Figures
   ========================================================================== */

figure{margin:0;}


/* =============================================================================
   Forms
   ========================================================================== */

form{margin:0;}
fieldset{border:0;margin:0;padding:0;}

label{cursor:pointer;}

legend{border:0;*margin-left:-7px;padding:0;white-space:normal;}

button, input, select, textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}

button, input{line-height:normal;}

button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible;}

button[disabled], input[disabled]{cursor:default;}

input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}

button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}

textarea{overflow:auto;vertical-align:top;resize:vertical;}

input:valid, textarea:valid{ }
input:invalid, textarea:invalid{background-color:#f0dddd;}


/* =============================================================================
   Headlines
   ========================================================================== */

h6{margin:0;font-size:0.85em;text-transform:uppercase;color:#888;}


/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse:collapse;border-spacing:0;}
td{vertical-align:top;}


/* =============================================================================
   Elements
   ========================================================================== */

/* Message bubbles */
.info-bubble{margin:1em 0;padding:1px 1em;color:#3a87ad;background:#d9edf7;border:1px solid #bce8f1;}
.info-bubble p{margin:1em 0;}

/* Buttons */
.btn{border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #bfbfbf;
    display:inline-block;padding:5px 10px 5px;margin-bottom:0;font-size:13px;line-height:18px;color:#333333;text-align:center;text-decoration:none;
	vertical-align:middle;background-color:#f5f5f5;text-shadow:-1px -1px 0 rgba(255, 255, 255, 0.75);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:inset 0 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow:inset 0 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.15);
	        box-shadow:inset 0 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.15);
	margin-left: .3em;
    background-image: linear-gradient(top, #fff, #e6e6e6);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled]{background-color:#e6e6e6;}
.btn:active, .btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover{
	color:#333333;
	text-decoration:none;
	background-color:#e6e6e6;
	background-position:0 -15px;
	-webkit-transition:background-position 0.1s linear;
	-moz-transition:background-position 0.1s linear;
	-ms-transition:background-position 0.1s linear;
	-o-transition:background-position 0.1s linear;
	transition:background-position 0.1s linear;
}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active, .btn:active{
	background-image:none;
	-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	background-color:#e6e6e6;
	background-color:#d9d9d9 \9;
	outline:0;
}
.btn.disabled, .btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;
	-moz-box-shadow:none;box-shadow:none;
}
.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.btn-large [class^="icon-"]{margin-top:1px;}
.btn-small{padding:5px 9px;font-size:11px;line-height:16px;}
.btn-small [class^="icon-"]{margin-top:-1px;}
.btn-mini{padding:2px 6px;font-size:11px;line-height:14px;}

.btn-blue,
.btn-blue:hover,
.btn-orange,
.btn-orange:hover,
.btn-red,
.btn-red:hover,
.btn-green,
.btn-green:hover,
.btn-black,
.btn-black:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);color:#ffffff;}

.btn-blue,
.btn-orange,
.btn-red,
.btn-green,
.btn-black{
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
	        box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
}
.btn-blue.active,
.btn-orange.active,
.btn-red.active,
.btn-green.active{color:rgba(255, 255, 255, 0.75);}

.btn-blue{
	background-color:#006dcc;
	background-repeat:repeat-x;
	background-image: linear-gradient(top, #0088cc, #0044cc);
    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled]{background-color:#0044cc;}
.btn-blue:active, .btn-blue.active{background-color:#003399 \9;}

.btn-orange{
	background-color:#faa732;
	background-repeat:repeat-x;
	background-image: linear-gradient(top, #fbb450, #f89406);
    border-left-color: #f89406;
    border-right-color: #f89406;
    border-top-color: #f89406;
    border-bottom-color: #ad6704;
}
.btn-orange:hover,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled]{background-color:#f89406;}
.btn-orange:active, .btn-orange.active{background-color:#c67605 \9;}

.btn-red{
	background-color:#da4f49;
	background-repeat:repeat-x;
	background-image: linear-gradient(top, #ee5f5b, #bd362f);
    border-left-color: #bd362f;
    border-right-color: #bd362f;
    border-top-color: #bd362f;
    border-bottom-color: #802420;
}
.btn-red:hover,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled]{background-color:#bd362f;}
.btn-red:active, .btn-red.active{background-color:#942a25 \9;}

.btn-green{
	background-color:#5bb75b;
	background-repeat:repeat-x;
	background-image: linear-gradient(top, #62c462, #51a351);
    border-left-color: #51a351;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
}
.btn-green:hover,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled]{background-color:#51a351;}
.btn-green:active, .btn-green.active{background-color:#408140 \9;}

.btn-black{
	background-color:#393939;
	background-repeat:repeat-x;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3);
	        box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.3);
	background-image: linear-gradient(top, #454545, #262626);
    border-left-color: #222;
    border-right-color: #222;
    border-top-color: #222;
    border-bottom-color: #000;
}
.btn-black:hover,
.btn-black:active,
.btn-black.active,
.btn-black.disabled,
.btn-black[disabled]{background-color:#222;}
.btn-black:active, .btn-black.active{background-color:#0c0c0c \9;}

button.btn, input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
button.btn.large, input[type="submit"].btn.large{*padding-top:7px;*padding-bottom:7px;}
button.btn.small, input[type="submit"].btn.small{*padding-top:3px;*padding-bottom:3px;}

.btn-group{position:relative;*zoom:1;*margin-left:.3em;}
.btn-group:before, .btn-group:after{display:table;content:"";}
.btn-group:after{clear:both;}
.btn-group:first-child{*margin-left:0;}
.btn-group + .btn-group{margin-left:5px;}
.btn-toolbar{ }
.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;}
.btn-group .btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.btn-group .btn:first-child{
	margin-left:0;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
}
.btn-group .btn:last-child, .btn-group .dropdown-toggle{
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
}
.btn-group .btn.large:first-child{
	margin-left:0;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;
}
.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle{
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
}

/* Labels */
.label{padding:2px 4px 2px;font-size:12px;color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.50);background-color:#666;
	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border-bottom:1px solid #333;
}
.label-important{background-color:#b94a48;}
.label-warning{background-color:#f89406;}
.label-success{background-color:#468847;}
.label-info{background-color:#3a87ad;}

/* Progress */
.progress{
	overflow:hidden;
	height:18px;
	background-color:#f7f7f7;
	background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
}
.progress .bar{
	width:0%;
	height:18px;
	float:left;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#5eb95e;
	background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
    background-image: linear-gradient(top, #62c462, #57a957);
}


/* ==========================================================================
   Example page boilerplate styles
   ========================================================================== */



.container{width:100%;margin:0 auto;}


/* Content */
#content{background:#f5f5f5;padding:10px;text-shadow:1px 1px 0 rgba(255,255,255,.1);background-clip:padding-box;
	border-top:3px solid;border-bottom:3px solid;border-color:rgba(0,0,0,.5);
}
#content a{color:#0088cc;}
#content a:hover{color:#005580;}

/* ==========================================================================
   Page styles
   ========================================================================== */

/* universal sly */
.slyWrap .controls{margin:20px 0 ;}

.controls{text-align:center;}

.sly{overflow:hidden;}
.sly > ul{list-style:none;margin:0;padding:0;}
.sly > ul li{position:relative;margin:0;padding:0;background:#4DBCE9;color:#fff;text-align:center;cursor:pointer;}
.sly > ul li.active{background:#fff;color:#4DBCE9;
	-webkit-box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-moz-box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-o-box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	box-shadow:inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
}

.pages{list-style:none;margin:20px 0;padding:0;text-align:center;}
.pages li{display:inline-block;width:11px;height:11px;margin:0 2px;text-indent:-999px;background:#fff;border-radius:10px;cursor:pointer;
	overflow:hidden;border:1px solid #aaa;
}
.pages li:hover{background:#eee;}
.pages li.active{background:#999;border-color:#888;box-shadow:inset 0 0 0 2px #eee;}

.scrollbar{background: url(../images/bgbgbg.jpg) repeat-y center center;line-height:0;}/*border-radius:4px;border:2px solid #808080;border-top-color:#666;*/
.scrollbar .handle{border-radius:4px;cursor:pointer;line-height:0; left:0px;
	
	background:url(../images/bgbgbgbg.jpg) repeat-y center center;
}
/**-webkit-box-shadow:0 1px 0 #555;
	-moz-box-shadow:0 1px 0 #555;
	-o-box-shadow:0 1px 0 #555;
	box-shadow:0 1px 0 #555;*/
/* Horizontal examples */
#horizontal .slyWrap{margin:3em 0;}

#horizontal .scrollbar{margin:1em 0;height:5px;}
#horizontal .scrollbar .handle{width:100px;height:100%;}


#horizontal .example2 .sly{height:200px;}
#horizontal .example2 .sly ul{height:100%;}
#horizontal .example2 .sly ul li{float:left;width:480px;height:100%;margin:0 1px 0 0; }
#horizontal .example2 .sly ul li img{width:264px;height:198px;}
#horizontal .example2 .sly ul li.active img{border:solid 1px #3366cc;}


/* Vertical examples */
#vertical .slyWrap{margin:1em 0;width:480px;float:left;}

#vertical .scrollbar{width:5px;}
#vertical .scrollbar .handle{height:100px;width:100%;}


#vertical .example2{position:relative; color:#e4e5e7;}
#vertical .example2 .sly{width:480px;margin-right:25px;height:380px;}
#vertical .example2 .sly > div{padding:1em 1.5em;}
#vertical .example2 .scrollbar{position:absolute;top:0;right:0px;height:380px;}

/* Vertical example */
#infinite .controlbar{margin:2em 0 1.5em;}
#infinite .frameWrap{position:relative;height:380px;}
#infinite .frame{height:380px;margin-right:20px;overflow:hidden;border:1px solid #888;}
#infinite .frame ul{width:100%;margin:0;padding:0;list-style:none;}
#infinite .frame ul li{margin:0 0 5px 0;padding:0;height:200px;line-height:200px;font-size:30px;border-bottom:1px solid #aaa;
	background:#eee;color:#888;text-align:center;
}

#infinite .scrollbar{position:absolute;top:0;right:0;width:5px;height:380px;}
#infinite .scrollbar .handle{height:100px;width:100%;}


/* ==========================================================================
   Non-semantic helper classes
   ========================================================================== */

/* For image replacement */
.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0;}
.ir br{display:none;}

/* Floats */
.fleft{float:left;}
.fright{float:right;}

/* Hide from both screenreaders and browsers:h5bp.com/u */
.hidden{display:none !important;visibility:hidden;}

/* Hide only visually, but have it available for screenreaders:h5bp.com/v */
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible{visibility:hidden;}

/* Contain floats:h5bp.com/q */
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* PrettyPrint styles */
.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}
.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}
.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}
ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
/* stylesheet */
#stylesheet h2{margin:35px 0 0px 0;font-size:16px;height:32px;overflow:hidden;}