/*
	colors:
		#BF4D02	links
		#999	borders (fielset, examples)
*/

/*	nano	*/
/*	nanoCrumbsBox	*/
#nanoCrumbsBox{margin-bottom:0px;font-size:small;}
#nanoCrumbsBox a{color: #bbb;}
#nanoCrumbsBox a:hover{color: #BF4D02;}

/*	форматирование базовых элементов	* /


/*	base colors	*/
a{color:#BF4D02;text-decoration:none}
a:hover{text-decoration:underline}
a.currentPage {
	color:#BF4D02;
}
a.currentPage:hover{
	background: #fff;
}
abbr{font-weight:bold}
body{
	background: url(images/header-bg.jpg) 0 29px  repeat-x #FFFBF2;
	width: 1000px;
	color:#555;
	/* font-family:Arial, Helvetica, sans-serif; */
	font-family:Verdana, sans-serif;
	/* _line-height: 30px; */
	line-height: 160%;
	font-size: 10pt;
	font-weight:normal;
}
button{
	border: 1px outset #BF4D02;
	color: #BF4D02;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 10px;
}
button:hover{
	background-color: #fff;
}
canvas{
	border: 1px solid #B200FF;
	background: #F6E5FF;
}
fieldset{border:1px solid #999;margin-bottom:10px;padding: 5px 10px;}
body > footer{
	background: url(images/footer-bg.gif) 0 0 repeat-x;
	margin:20px 0 0 0;
	padding: 10px;
}
body > footer a{
	color: #fff;
}
p{text-indent:0px;margin-bottom:10px;}
pre{
	background: #eee;
    border-color: #FFB450 #FFB450 #FFB450 #FF8C00;
    border-style: solid;
    border-width: 1px 1px 1px thick;
    color: #001B4C;
    font-family: Courier New, Prestige, monospace;
	font-size: 10pt;	
    /*
    font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;	
	*/
	line-height: 200%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 10px;
	text-indent:0;
}
pre:before{
	font-size: 8pt;

	display:block;
	background: #ccc;
	margin-left: -10px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align: right;
}
pre[class=jscript]:before{
	content:'JScript ';
}
pre[class=html]:before{
	content:'HTML ';
}
pre[class=php]:before{
	content:'PHP ';
}
pre[class=shell]:before{
	content:'Shell ';
}
pre[class=sql]:before{
	content:'SQL ';
}
pre[class=text]:before{
	content:'Текст ';
}
pre[class=xml]:before{
	content:'XML ';
}

textarea{
    background: #FFF;
    border: 1px solid #CCC;
}
td{
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family:Verdana, sans-serif;
	color:#555;
	/* _line-height: 30px; */
	font-size: 9pt;
}
ul{margin-left:0px;}
ul ul{margin-left:20px;}

.result{margin-bottom:10px;font-family:Courier;padding: 10px;background: #eee; border: 1px solid #999}

/*	форматирование в области вывода	*/

/* BODY PANEL */
#bodyPan{width:1000px; position:relative; margin:0 auto;}
#bodyPan #bodyPanStruct{border:none}
#bodyPan #bodyPanStruct > tbody > tr > td {border:none}
#bodyPan #bodyPanStruct > tr > td {border:none}

/* footer Panel */
#mainfooterbody{height:114px; background:url(images/footer-bg.gif) 0 0 repeat-x #4D4D4D; color:#fff; padding:90px 0 0 0; margin:0 auto; clear:both;}
#footerPan{width:650px; height:82px; position:relative; margin:0 auto; padding:0 0 0 50px;}
#footerPan ul{width:330px; display:block; position:absolute; right:0px; top:26px; padding:0; }
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 10px; color:#fff; background:#424242; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}

#footerPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:74px; right:80px;}
#footerPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p{ background:#484848; margin:54px 45px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FF833B; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#footerPanleft{width:285px; height:82px; float:left; margin:0 auto; background:url(images/vertical-dot.gif) 100% 0 repeat-y;}
#footerPanleft img{width:260px; height:35px; margin:22px 0 0 0;}
/* /footer Panel */

/* Left Panel */
#leftPan{
	background:#fff;
	font-size: 12px;
	line-height: 20px;
	margin:0;
	padding:10px 0 0 10px;
	width:200px;
}
#leftPan .minWidth{width:160px;height:0px;overflow:hidden;}
#leftPan li ul a{padding-left:20px;}
#leftPan p{display:block; padding:0 0 24px 0;}
#leftPan p.more{height:20px; display:block; margin:0 0 13px 146px; padding:0;} 
#leftPan p.more a{display:block; width:100px; height:20px; background:#EFEFEF; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#leftPan p.more a:hover{ background:#EFEFEF; color:#FF6500; text-decoration:none;}
#leftPan h4{ width:177px; height:70px; float:left; display:block; background:url(images/image2.jpg) 0 0 no-repeat #EFEFEF; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin:0; }
#leftPan h4 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}

#leftPan h2{
	background: transparent;
	margin: 0;
	padding: 0;
}
#leftPan ul{
	list-style-position: outside;
	list-style-type: none;
}
#leftPan ul ul{
}

#leftPan .menu{
	margin-left:0;
}

#leftPan .menu a{
	display: block;
	color:#BF4D02;
	text-decoration:none; 
	text-align:left;
	margin: 0 0 0 0px;
	padding: 0 4px;
	border: none;
	_width: 123px;
}
#leftPan ul li a{
	padding: 5px 10px;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#leftPan ul li a:hover{
	color:#F06000;
	background: #FEDD80 url("images/header-bg.jpg") repeat-x 0 -80px;
}
#leftPan ul li a:active{
	border: none;
}

/*
#leftPan ul{
	width:100%;
	display:block;
	margin-left: 0px;
	}
#leftPan ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}
#leftPan ul li{
	padding:0 0 0 0; 
	list-style-type:none;
	display: block;
}
#leftPan ul li:first-letter{font-size:inherit}
#leftPan ul li img{width:109px; height:105px; display:block; padding:0; margin:0;}
#leftPan ul li a{
	display: block;
	color:#BF4D02;
	text-decoration:none; 
	text-align:left;
	margin: 0 0 0 0px;
	padding:0 10px 0 10px;
	border: none;
	_width: 123px;
}
#leftPan ul li a:hover{
	color:#F06000;
	background-color: #FEDD80;
}
#leftPan ul li a:active{
	border: none;
}
*/
#leftworkPan{width:241px; height:271px; display:block; float:left; margin:10px 0 0; padding:0;} 
/* /Left Panel */

/* Right Panel */
#rightPan{
	background:#FFF; 
	padding: 10px 10px 10px 10px;
}
#rightPan h1{font-weight:bold}
#rightPan h2{font-weight:bold}
#rightPan h2 span{background:#fff; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#rightPan section, #rightPan .sectionHTML5 {margin-bottom: 20px}
#rightPan p{}
#rightPan p.paddingtop{padding:26px 63px 0 52px; background:#FFF; margin:0 auto; color:#666; font:14px/20px Georgia, "Times New Roman", Times, serif; font-style:italic;}
#rightPan p.userWarning{
	border: 1px solid #BF4D02;
	background: lightyellow;
	padding: 0 10px;
	margin: 10px 0;
}
#rightPan p span.bigsize{ font-style:italic; color:#BF4D02; font-size:20px; line-height:20px; background:#fff; padding:0;}
#rightPan p.name{background:#fff; display:block; color:#AC8101; font:18px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; text-align:right; padding:10px 63px 16px  0;}
#rightPan p.dotline{background:url(images/dot-line.gif) 0 0 repeat-x #fff; color:#666; margin:0 63px 0 52px;}
#rightPan p.bottompadding{padding:0 63px 22px 52px;}
#rightPan p.more{height:28px; display:block; position:relative; margin:0; padding:13px 0 38px 200px;} 
#rightPan p.more a{display:block; width:100px; height:20px; background:#fff; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#rightPan p.more a:hover{ background:#fff; color:#FF6500; text-decoration:none;}
/* /Right Panel */


/* TOP PANEL */
#topPan{
	width:auto;
}
#menuBox{
	height:32px; 
	display:block; 
	background:url(images/menu-bg.gif) 0 0 repeat-x #FF8714; 
	color:#fff;
	width: 1000px;
}
#menuBox div{
    background: url("images/menu-devider.gif") no-repeat scroll left top transparent;	
	padding-left: 2px;
}
#menuBox div div{
	width: auto;
	border: 10px;
    background: url("images/menu-devider.gif") no-repeat scroll left top transparent;	
	padding-left: 0px;
}
#menuBox .menuItem{
	display:inline-block;
	height:32px;
	background:url(images/menu-devider.gif) right top no-repeat;
	margin: auto;
	padding-right: 2px;
	float:left;
}
#menuBox a{
	display:block;
	float:left;
	height:32px;
	color:#fff;
	font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding: 0 10px;
}
#menuBox a:hover{
	background: #FF7C09;
	text-decoration:none;
}

#menu2Box{
	height:32px; 
	display:block; 
	background: url(images/header-bg.jpg) 0 0 repeat-x #FFFBF2;
	color:#fff;
	width: 1000px;
}
#menu2Box .menuItem{
	float:left;
	display:block;
	height: 32px;
	margin: auto;
	width: auto;
}
#menu2Box a{
	display:block;
	height:32px;
	color:#888;
	font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding: 0 10px;
}
#menu2Box a:hover{
	text-decoration:underline;
	color: #BF4D02;
	background: #ddd;
}
#menu2Box .menuItem li{
	display:inline-block;
	height:32px;
	float:left;
}
#menu2Box span{
	display:block;
	height:32px;
	font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 0 10px;
}

/* /TOP PANEL */

.menuScroll{
	display: block;
	height: 300px;
	overflow: auto;
	border: 1px solid #FEDD80;
}
#content{
	width:770px;
	margin-left: 0;
}
#contentsBox{
    font-size: 12px;
    left: 40%;
    line-height: 20px;
    margin: 0 0 10px 10px;
    position: relative;
    width: 60%;	
}
#contentsBox section{
	padding: 10px 0;
	background: #eee;
}
#contentsBox section a{
	display: block;
	list-style: circle;
	padding: 0 10px;
}
#contentsBox section a:hover{
	background: #fff;
	text-decoration: none;
}
#contentsBox section a:before{
	content: '. ';
}
.gotoContentsTop{
	display: block;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
}
.gotoContentsTop a:before{
	content: '\21d1  ';
}
.gotoContentsTop a:after{
}


#nanoTabsBox{
	font-size: 13px;
}
#nanoTabsBox a{
	padding: 4px 10px;
	border: 1px #fff solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#nanoTabsBox a:hover{
	background: #fff;
	border: 1px #ddd solid;
}
#nanoTabsBox a.currentPage {
	background: #eee;
	color:#BF4D02;
	border: 1px #ddd solid;
}
#nanoTabsBox a.currentPage:hover{
	background: #fff;
}


#supportTable{width:auto;}
#supportTable td{text-align:center;font-size:80%;line-height:140%;}
#supportTable .support1{background:#CFC;color:#060}
#supportTable .support2{background:#FCC;color:#900}
#supportTable .support3{background:#CCC;}
#supportTable .support4{background:#CFF;color:#066}
#supportTable .support5{background:#FFC;color:#660}

.syntaxhighlighter {
	overflow: visible !important;
}
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea{
	font-family: inherit !important;
	font-size: 10pt !important;
	line-height: 20pt !important;
	padding: 0 !important;
	margin: 0 !important;
}
.syntaxhighlighter .toolbar{
	height: auto !important;
}

#litersBox{
	text-align: center;
}
#litersBox a{
    background: none repeat scroll 0 0 #FFEDE2;
    border: 1px solid #FFDDD2;
    display: inline-block;
    font-size: small;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
	margin-left: -1px;
}
#litersBox a:hover{
	background: #ffdDd2;
	text-decoration: none;
	font-weight: bold;
}

#pageAlphabetic dl{
}
#pageAlphabetic dt{
	color: #333;
}
#pageAlphabetic dd{
	margin-left: 40px;
}

.nanoPageAlphabetic dl{
}
.nanoPageAlphabetic dt{
	color: #333;
}
.nanoPageAlphabetic dd{
	margin-left: 40px;
	margin-bottom: 9pt;
	text-indent: 0;
}

.nanoPanel > ul > li > a {
	padding: 4px 10px;
	border: 1px #fff solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}
.nanoPanel > ul > li > a:hover{
	background: #fff;
	border: 1px #ddd solid;
}

.messageTip{
	border: 1px solid gray;
	background: #ffffe0;
	padding: 2px 4px;
	margin: 10px 0;
}
.messageTip:before{
	content:'!';
	color: red;
	font-size: 24px;
	float:left;
	margin:0 10px 0 0;
	font-weight: bold;
}


section.dictionary-teaser{
	/* padding: 10px; */
	border: 1px #ddd solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
section.dictionary-teaser a{
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    padding: 20px 10px;
}
section.dictionary-teaser a:hover{
	color:#F06000;
	background: #FEDD80 url("images/header-bg.jpg") repeat-x 0 -80px;
	text-decoration: none;
}
section.dictionary-teaser div.logo{
	width:100px;
	height: 50px;
	overflow: hidden;
	float:left;
	background:url(/template/images/logos.png) 0 0 no-repeat;
}
section.dictionary-teaser a:hover h2{
	color:#F06000;
	text-decoration: underline;
}
section.dictionary-teaser h2{
	color:#BF4D02;
}



.alphabeticPager{
	margin: 10px 0;
}
.alphabeticPager td{
	padding: 0;
	border: 1px solid #eee;
}
.alphabeticPager a{
	display: block;
	padding: 5px 10px;
}
.alphabeticPager a:hover{
	background: #eee;
}
.alphabeticPager .pred{
	text-align:left;
}
.alphabeticPager .pred a:before{
	content: '\2190  ';
}
.alphabeticPager .next{
	text-align:right;
}
.alphabeticPager .next a:after{
	content: '  \2192';
}
/*****************
	jstree
*****************/
#rightPan .jstree ul{
	margin: 0;
}
#rightPan .jstree-default.jstree-focused{
	background: none;
}
#rightPan .jstree a{
	line-height: 23px;
	font-size: 10pt;
	height: auto;
}
/*****************
	coursesBox
*****************/
.coursesBox{
	padding: 0 0 10px 0;
	border: 1px #ddd solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}
.coursesBox a{
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    padding: 5px 10px;
}
.coursesBox > a{
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    padding: 20px 10px;
}
.coursesBox a:hover{
	color:#F06000;
	background: #FEDD80 url("images/header-bg.jpg") repeat-x 0 -80px;
}
.coursesBox a:hover h2{
	color:#F06000;
}
.coursesBox h2{
	color:#BF4D02;
}
.coursesBox div.coursesLogo{
	width:100px;
	height: 50px;
	overflow: hidden;
	float:left;
	/*
	margin: 8px 10px 10px 0;
	*/
	background:url(/template/images/logos.png) 0 0 no-repeat;
}

/*****************
	docsBox
*****************/
#docsBox{
}
#docsBox .result{
	border: 1px solid gray;
	margin: 10px 0;
	padding: 10px;
	background: #eef;
}
#docsBox code{
	font-family: monospace;
}
#docsBox dd a{
    color: #555555;
    text-decoration: none;
}
#docsBox dd:hover a{
    color: #BF4D02;
    text-decoration: none;	
}
#docsBox fieldset.code{
	border: 1px solid #999999;
	background: #EEEEEE;
}
#docsBox fieldset.code code{
	padding: 0;
	border: none;
}
#docsBox fieldset.code legend{
	border: 1px solid #999999;
	background: #EEEEEE;
}
#docsBox fieldset.code pre{
	background: transparent;
	border: none;
	margin: 0;
}
#docsBox img{
	border: 0px solid gray;
	margin: 0px 0;
	padding: 0px;
	background: lightgray;
}
#docsBox pre{
	border: none;
}
/*****************
	lessonBox
*****************/
#lessonBox{
}
#lessonBox  .warning{
	border: 1px solid #BF4D02;
	background: lightyellow;
	padding: 0 10px;
	margin: 10px 0;
}
#lessonBox canvas{
	border: 1px solid #B200FF;
	background: #F6E5FF;
}
#lessonBox img{
	border: 0px solid gray;
	margin: 0px 0;
	padding: 0px;
	background: lightgreen;
}
#lessonBox img.forCanvas{
	border: 1px solid #B200FF;
	background: #F6E5FF;
}
#lessonBox ol{
	margin: 20px 0 20px 30px;
	list-style-position: outside;
}
#lessonBox ul{
	margin: 20px 0 20px 30px;
	list-style-position: outside;
}

.bananas{
}
.bananas img{
	height: 20px;
	vertical-align: text-bottom;
}

#block-this-navigation{
	margin-bottom: 20px;
}


#banner1{
	height:65px;
	overflow: hidden;
	border: 1px #ddd solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	font-family: Arial;
}
#banner1 h3{
	font-size: 125%;
	font-weight: bold;
}