/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
 *
 */
@font-face {
    font-family: 'DroidSansMono';
    src: url('/fonts/DroidSansMono-webfont.eot');
    src: url('/fonts/DroidSansMono-webfont.eot?#iefix') format('embedded-opentype'),
     url('/fonts/DroidSansMono-webfont.woff') format('woff'),
     url('/fonts/DroidSansMono-webfont.ttf') format('truetype'),
     url('/fonts/DroidSansMono-webfont.svg#DroidSansMonoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
 *
 */
html {
    overflow: -moz-scrollbars-vertical;
}

body {
    width: 100%;
    height: 100%;

    background-color: rgb(241,241,241);
    background-image: url('/img/back.png');

    font-family: geneva, verdana, arial, sans-serif;

    font-size: 11px;
    line-height: 18px;

    color: #52545A;
    color: #34394C;

    border-top: 2px solid #445;
}

/*
 *	segoe-fication
 */
.segoe-ui {
    font-family: "segoe ui";
    font-size: 14px;
    line-height: 20px;
}

.segoe-ui #menu {
    font-size: 12px;
    line-height: 15px;
}
    
.segoe-ui .basic {
x-    text-align: justify;
}

.segoe-ui #content h1 {
    font-size: 26px;
}

.segoe-ui #content h2 {
    font-size: 14px;
}

.segoe-ui #content h3 {
    font-size: 19px;
}

.segoe-ui #content a {
    padding-bottom: 0px;
}

.segoe-ui a.github {
    font-size: 11px;
}

p {
    height: 18px;
    line-height: 18px;
}

a {
    outline: none;
    text-decoration: none;
}

/*
 *
 */
.hidden {
    display: none;
}

.error {
    color: #961e2c;
    text-align: center;
    line-height: 16px;
    margin: 0 auto;
}

.error i {
    color: #aaacb3;
}

.error strong {
    color: #34394c;
    
    /* internet f explorer */
    *font-weight: normal;
}

.wip {
    width: 134px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin: 0px auto;
    background-image: url('/img/wip.png');
    background-repeat: none;
}

/*
 *
 */
noscript {
    width: 600px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -20px;
    
    display: block;
    background-image: url('/img/back.png');
}

noscript b {
    color: #aaacb3;
    padding: 0 16px;
}

/*
 *
 */
#menu {
    height: 100%;
    padding: 0 30px;
    width: 120px;

    margin-left: -1000px;

    color: #aaacb3;

    white-space: nowrap;
    line-height: 15px;
}

#menu .gray {
    color: #aaacb3;
color: #9d9ea3;
}

#menu p {
    line-height: 9px;
    font-size: 9px;
    height: 9px;
}

#menu a {
    color: #aaacb3;
    color: #9d9ea3;
}

#menu a:hover {
    color: #34394c;
}

#menu a.expanded {
    color: #34394c;
}

#menu .active a.selected {

    color: #34394c;
    background-image: url('/img/arrow-r.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 15px;
    margin-left: -15px;

    /* internet f explorer */
    *position: relative;
    *float: left;
}

#menu a i {
    color: #3a8bde;
    font-style: normal;
    
    color: #9d9ea3;
}

#menu a:hover i {
    color: #9d9ea3;
    color: #34394c;

    color: #3a8bde;
color: #3b8df1;
color: #0A77E6;
}

#menu a.selected i {
    color: #3a8bde;
color: #3b8df1;
color: #0A77E6;
}

#menu #breadcrumb {
    display: none;
    padding-left: 9px;
}

#menu #breadcrumb a {
    background-image: url('/img/arrow-r-gray.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 15px;
}

/*
#menu #m123 i {
    padding-right: 2px;
}
*/

#menu > div {
    margin-bottom: 24px;
    position: absolute;
    top: 50%;

    background: rgb(241,241,241);
}

#menu #m-root {
    display: block;
}

#menu .h {
    margin-top: 10px;
    padding-bottom: 4px;
    color: #3a8bde;
color: #3b8df1;
color: #0A77E6;

/*  margin: 12px -5px 0px -2px;
    padding: 0px 5px 2px 2px;
    border-bottom: 1px dotted #ccc; */
}

#menu .h:first-child {
    margin-top: 0px;
}

#menu .more {
    display: block;
    margin-top: 10px;
    padding-left: 9px;
}

#menu a.footed {
    padding-bottom: 4px;
}

#menu .more-block {
    margin-top: 10px;
    display: none;
}

/*
 *	- content -
 */
#content-parts {
    display: none;
} 

/*
 *	- welcome hint -
 */
.hint {
	width: 100%;
	height: 24px;
	background-image: url('/img/back-content-2-small.png');
	background-repeat: repeat;
	z-index: -10;
	margin-top: -3px;
}

div#m-root {
	background-image: url('/img/back-content-2-small.png');
}

div#m-root a {
	color: #575B69;	
}

div#m-root a:hover {
	color: #080B18;
}

div#m-root.stacked {
	background-image: none;
}

/*
 *	- loading spinner -
 */
#wait {
    width: 12px;
    height: 12px;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
    
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/img/wait.gif');
}

/*
 *
 */
#content {
    margin: 0 auto;

    height: 16px;

    display: none;
}

#content i {
    font-style: italic;
}

#content b {
    font-weight: bold;
}

#content u {
    text-decoration: underline;
}

#content .warn {
    font-style: italic;
    text-decoration: none;
    color: #9A2E3D;
}

#content .keyword {
    font-weight: bold;
    font-style: italic;
}


/*
 *      links
 */
#content a {
    color: #52545A;
    color: #34394C;

    background-image: url('/img/link.png');
    background-position: bottom left;
    background-repeat: repeat-x; 
    padding-bottom: 1px;
  
 /* border-bottom: 1px dotted #aaa; */
}

#content a:hover {
    color: #961e2c;
    color: #ae545e;
    color: #3a8bde;
color: #3b8df1;
color: #0A77E6;

/*  border-bottom: none; */
    background: none;
}

#content a.blue {
    color: #3a8bde;
color: #3b8df1;
color: #0A77E6;

/*  border-bottom: none; */
    background: none;
}

#content a.blue:hover {
    color: #34394c;
}

#content a.big-blue {
    display: block;
    color: #3a8bde;
    text-align: center;
    padding: 9px 0px;
    margin: 9px 0px;
    background: none;
    border-bottom: none;
color: #3b8df1;
color: #0A77E6;
}

#content a.big-blue:hover {
    color: #34394c;
}

/*
 *      headers
 */
#content h1 { /* page header */

    text-align: center;

    font-size: 24px;
    font-weight: 600;

    color: #292d3b;
    margin-bottom: 4px;
    padding-top: 80px;
}

#content h2 { /* page sub-header */

    text-align: center;

    x-font-family: Optima, Candara, Verdana, sans-serif;
    font-size: 13px;
    font-weight: 400;

    x-padding-top: 2px;

    color: #595D6D;
    color: #34394C;
}

#content .eoh { /* end of header */
    height: 60px;
    background-image: url('/img/groove-h-4.png');
    background-repeat: no-repeat;
    background-position: center center;
    padding: 60px 0;
}

#content h3 { /* section header */

    text-align: center;

    font-size: 18px;
    font-weight: 600;

    color: #292d3b;

    margin: 24px 0 48px 0;
}

#content h4 { /* paragraph header */
    
    text-align: center;
    font-size: 15px;

    color: #292d3b;

    font-weight: bold;
    margin-top: 45px;
    margin-bottom: 18px;

    margin: 32px auto;
}

#content h3 + h4 {

    margin-top: 0px;
}

#content .eos { /* end of section */
    height: 60px;
    background-image: url('/img/groove-h-4.png');
    background-repeat: repeat-x;
    background-position: center center;
}

#content .eos1 { /* end of section */
    height: 60px;
    background-image: url('/img/separator-double-2.png');
    background-repeat: no-repeat;
    background-position: center center;
}

#content .eos2 { /* end of section */
    height: 60px;
    background-image: url('/img/separator-double-2.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 24px;
}

#content .eos3 { /* end of section */
    height: 60px;
    background-image: url('/img/separator-single-2.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin: 24px auto;
}

#content .eop { /* end of page */
    height: 60px;
    background-image: url('/img/groove-h-4.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 60px;
}

#content .eop2 {
    height: 120px;
}

/*
 *
 */
#content pre {

    font-family: "Droid Sans Mono", DroidSansMono, monospace;
    font-size: 11px;
    line-height: 18px;

    background: rgb(234,234,234);
    background-image: url('/img/back-dark-3.png');
    color: #545760;

    margin: 18px -18px;
    padding: 9px 18px;
    border-radius: 2px;

    width: 480px;
    overflow: auto;
}

#content pre .gray {
    color: #9B9EA5;
}

#content pre .red {
    color: #9A2E3D;
}

#content tt {

    font-family: "Droid Sans Mono", DroidSansMono, monospace;
    font-size: 11px;
}

#content ol {
    
    margin-top: 18px;
    list-style: decimal outside;
    padding-left: 18px;
}

#content ul {

    margin: 18px 0;
    list-style: disc outside;
    padding-left: 18px;
}

#content li > ul {
    margin-bottom: 0;
}

#content ol ul li {
    padding-bottom: 18px;
}

#content ol ul li p {
    line-height: 9px;
    font-size: 9px;
    height: 9px;
}
 
/*
 *	Frames, for Internet F Explorer
 */
#content table.frame {
    margin: 45px auto;
}

#content table.frame td.frame-1px {
    font-size: 1px;
    line-height: 1px;
}

#content table.frame td.frame-tx {
    background-image: url('/img/frame-tx.png');
    background-repeat: repeat-x;
}

#content table.frame td.frame-bx {
    background-image: url('/img/frame-bx.png');
    background-repeat: repeat-x;
}

#content table.frame td.frame-xl {
    background-image: url('/img/frame-xl.png');
    background-repeat: repeat-y;
}

#content table.frame td.frame-xr {
    background-image: url('/img/frame-xr.png');
    background-repeat: repeat-y;
}

#content table.frame td.framee {
    padding: 0;
}


/*
 *
 */
.reframed {
	display: block;
	margin: 45px auto !important;

	border: 14px solid white;
	border-bottom: 9px solid white;
	box-shadow: 0px 1px 3px #888;
}

.unframed {
	display: block;
	margin: 45px auto !important;
}

.img-hint {
	display: block;
	text-align: center;
	margin-top: -36px;
	color: #aaa;
}

.thumb-slide {
	display: block;
	text-align: center;
	color: #aaa;
}

/*
 *	blue button, github links
 */
#content a.github {
	display: block;
	margin: 18px auto;
	text-align: center;

	height: 59px;
	line-height: 59px;

	background-image: url("/img/button-5.png");
	background-position: center 0px;
	background-repeat: no-repeat;

	color: white;
}

#content a.github:hover {
	background-position: center -59px;
}

#content a.github i {
	color: #AFC9E1;
	font-style: normal;
}

/*
 *      emphasized paragraphs / quotes
 */
#content .imp {

    font-style: italic;
    x-text-align: justify;

    background: rgb(234,234,234);
    background-image: url('/img/back-dark-3.png');
    color: #545760;
    color: #34394C;

    margin: 18px -18px;
    padding: 18px 36px;
    border-radius: 3px;
}

#content .imp a,
#content .imp a.blue:hover {
    color: #545760;
}

#content .imp a:hover,
#content .imp a.blue {
    color: #3A94E8;
    color: #0A77E6;
}

#content .imp i {
    font-style: normal;
}

#content .imp h4 {
    margin-top: 18px;
}

#content .imp .indent {
    padding-left: 18px;
}

#content .r {
    text-align: right;
    x-font-style: italic;
}

#content .c {
    text-align: center;
}

#content .gray {
    color: #aaa;
}

#content span.w150 {
    display: inline-block;
    width: 150px;
    text-align: left;
}

#content .nomore {
    text-decoration: line-through;
}

/*
 *
 */
#content .basic {
    width: 476px;
    margin: 0px auto;
    
    background-image: url('/img/back-content-2.png');
    background-position: center center;
    background-repeat: repeat-y;

    padding: 0px 120px 0px 120px;

    position: relative; /* needed for .tag */
}

#content .no-background {
    background: none;
}
/*
#content .basic .tag {

    x-display: none;
    position: absolute;
    left: 736px;
    width: 150px;
    height: 42px;
    line-height: 42px;
    background: url('/img/back-tag-2.png');
    margin-top: -12px;
    text-align: center;
}
*/

#content .basic .tag {

    position: absolute;
    left: 736px;
    width: 110px;
    height: 32px;
    line-height: 32px;
    background: url('/img/back-extra-dark-1.png');
    margin-top: -7px;
    text-align: center;
    color: white;
    border-radius: 3px;
    border-bottom: 1px solid white;
    border-top: 1px solid black;

    display: none; /* Jan 11, 2013 */
}

/*
 *
 */
#content #c-about {
    text-align: justify;
    width: 430px;
    margin: 32px auto;
}

#content #c-about .block {
    text-align: left;

    background: rgb(234,234,234);
    background-image: url('/img/back-content-2-small.png');
x-  color: #545760;

    margin: 18px -18px;
    padding: 24px 30px;
    border-radius: 3px;
}

#content #c-about a,
#content #c-about a.blue:hover {
    color: #545760;
    color: #34394C;
}

#content #c-about a:hover,
#content #c-about a.blue {
    color: #3A94E8; /* #3a8bde; */
    color: #0A77E6;
}

#content #c-about #contact {
    margin: 0px -18px;
}

#content #c-about #contact #avatar {
    width: 84px;
    height: 84px;
    margin-right: 18px;

    display: block;
    float: left;

    border-radius: 3px;
}

#content #c-about #contact #links {
    color: #aaacb3;
    line-height: 28px;
    text-align: center;

    height: 84px;
    width: 364px;

    float: left;

    border-radius: 3px;

    background: rgb(234,234,234);
    background-image: url('/img/back-content-2-small.png');
}

#content #c-about #contact #links a {
    padding: 0 8px;
}

#content #c-about #contact center {
    clear: both;
    color: #aaacb3;
    padding-top: 18px;
}

/*
 *
 */
#content #c-rocket #rocket {
    margin-left: -48px !important;
}

/*
 *
 */
.slides_container {
	width:400px;
	display:none;
	margin: 0 auto;
	margin-bottom: 16px !important;

	background: #fff;
	padding-bottom: 4px;
}

.slides_container div {
	width:400px;
	display:block;
	height: 300px;
}

.slides_container div.ext {
	height: 327px;
	text-align: center;
	background: white;
}

.slides_container div.ext img {
	display: block;
	margin-bottom: 10px;
}

#content ul.pagination {
	margin: 12px auto 24px;
	width: 400px;
	text-align: center;
	padding: 0;
}

#content ul.pagination li {
	display: inline-block;
	margin: 0 3px;
	background: #bbb;
	list-style: none;
}

#content ul.pagination li a {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	float: left;
	width: 21px;
	height: 21px;
	background: url('/img/radio-button.png');
}

#content ul.pagination li a:hover {
	background-position: 0px -21px;
}

#content ul.pagination li.current a,
#content ul.pagination li.current a:hover {
	background-position: 0px -42px;
}

#content .slides table.frame {
    margin-bottom: 0px;
}

/*
 *
 */
#preload i { 
	background: url('/img/wait.gif') no-repeat -1000px -1000px; 
}

#preload b { 
	background: url('/img/back.png') no-repeat -1000px -1000px; 
}

#preload u { 
	background: url('/img/gif-player-cancel-3.gif') no-repeat -1000px -1000px; 
}


.gif-player {
	margin: 0 auto;
}

.gif-player .gp-wrap {
	float: left;
	position: relative;
	left: 50%;
}

.gif-player .gp-canvas {
	float: left;
	position: relative;
	left: -50%;

	background: #111;
	box-shadow: 0px 1px 3px #888;
	margin-bottom: 10px;
	border: 10px solid white;
}

.gif-player .gp-canvas img {
	display: block;
}

.gif-ctrl {
	clear: both;
}

.gif-ctrl div {
	display: none;
	margin: 0 auto;
	width: 44px;
	height: 44px;
	background-image: url('/img/gif-player-buttons-2.png');
	cursor: pointer;
}

.gif-ctrl-l       { background-position:   0px 0px }
.gif-ctrl-l:hover { background-position: -44px 0px }

.gif-ctrl-c       { 
	background-image: url('/img/gif-player-cancel-3.gif') !important;
}

.gif-ctrl-c:hover { 
	background-image: url('/img/gif-player-buttons-2.png') !important;
	background-position: -44px -88px;
}

.gif-ctrl-p       { background-position:   0px 0px }
.gif-ctrl-p:hover { background-position: -44px 0px }

.gif-ctrl-s       { background-position:   0px -44px }
.gif-ctrl-s:hover { background-position: -44px -44px }

.gif-player-e .gif-ctrl-l { display: block; } /* load */
.gif-player-l .gif-ctrl-c { display: block; } /* cancel */
.gif-player-s .gif-ctrl-p { display: block; } /* play */
.gif-player-p .gif-ctrl-s { display: block; } /* stop */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{color:#ddd;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/img/wait-inv.gif) no-repeat;padding-left:22px;display:inline-block;height:24px;background-repeat:no-repeat;background-position:center center;text-indent:-10000px}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;background:#000;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/img/shadowbox/close.png);}
#sb-nav-next{background-image:url(/img/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/img/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/img/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/img/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}