/*********** OLD STYLES ****************/
#center{
	padding-top: 20px;
	min-height: 500px;
}
BODY.body-schedule {
	margin-right: 0;
}
BODY.body-schedule .content {
	margin-right: 0;
}
#center .left{
	width: 512px;
	float: left;
	position: relative;
	padding: 0 0 30px 30px;
}
#center .right{
	float: left;
	width: 440px;
}

#board{
	width: 440px;
	height: 440px;
	margin-bottom: 35px;
	background: url(../i/board.jpg) no-repeat;
}
#board IFRAME{
	width: 440px;
	height: 440px;
	position: absolute;
	left: 30px;
	top: 0;
	display: none;
}
#board .square{
	float: left;
	width: 55px;
	height: 55px;
}
#board .square DIV{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#board .current{
	background-image: url(../i/current.gif);
	background-repeat: repeat;
	opacity: 0.7;
}
#board .move{
	background-image: url(../i/b-green.gif);
	background-repeat: repeat;	
}
#board .attack{
	background-image: url(../i/b-red.gif);
	background-repeat: repeat;	
}
#board .agressor{
	background-image: url(../i/b-pink.gif);
	background-repeat: repeat;		
}
#board .grey{

}
#board .testo{
	background-image: url(../i/b-test.gif);
	background-repeat: repeat;
}
#razmetka{
	position: absolute;
	left: 0;
	top: 0;
	font: bold 16px Arial;
	color: #341400;
}
#razmetka .r-left{
	position: absolute;
	left: -2px;
	top: 0px;
	width: 32px;
	background: url(../i/board-left.png) right top no-repeat;
}
#razmetka .r-left .item{
	height: 55px;
	position: relative;
	left: 12px;
	top: 22px;
}
#razmetka .r-bottom{
	position: absolute;
	left: 29px;
	top: 440px;
	width: 480px;
	height: 30px;
	background: url(../i/board-bottom.png) no-repeat;
}
#razmetka .r-bottom .item{
	float: left;
	width: 55px;
	position: relative;
	left: 20px;
	top: 5px;
}
#tabs{
	height: 55px;
	background: url(../i/tab-bottom.gif) left bottom repeat-x;
}
#tabs .tab{
	float: left;
	height: 50px;
	font: 18px Arial;
}
#tabs .tab DIV{
	height: 50px;	
	padding-left: 12px;
	padding-right: 14px;
}
* html #tabs .tab DIV{
	float: left;
}
#tabs .tab A{
	color: #826b51;
	text-decoration: none;
	position: relative;
	top: 20px;
}
#tabs .here{
	background: url(../i/tab-here-bgr.gif) left bottom repeat-x; 
}
#tabs .here DIV{
	background: url(../i/tab-here.jpg) no-repeat;
	padding-left: 34px;
}
#tabs .here A{
	font-weight: bold;
	color: #FFF;
}
#patterns{
	padding: 10px 0;

}
#patterns .pattern{
	padding: 10px 5px;
	cursor: pointer;
	cursor: hand;
	font: 11px Arial;
	color: #4e2a0a;
	background:url(../i/brown-shtr.gif) left bottom repeat-x;
}
#patterns .here{
	background: #f8f2e3;
}
#patterns .removing{
	background: #eed7d0;
	border-color: #e94e1e;
}
#patterns .updating{
	background: #c3f3cc;
	border-color: #16b734;
}

.user-patterns .pattern .p-left INPUT{
	display: none;
}
#patterns .pattern .p-right{
	font-size: 11px;
}
#patterns .pattern .p-right .title{
	font-weight: bold;
	font-size: 12px; 
	color: #FFF;
	background: #1b7f37;
	padding: 3px 5px;
	float: left;
}
.o{
	overflow: auto;
}
#patterns .pattern .p-right .descr{
	clear: both;
	padding: 5px 0;
}
#board-buttons{
	padding: 0px 0 10px 0;
	height: 27px;
	position: relative;
}

#figures{
	padding-bottom: 10px;
}
#figures .slots{
	height: 55px;
	width: 366px;
}
* html #figures .slots{
	width: 366px;
}
#figures .slot{
	width: 55px;
	height: 55px;
	float: left;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin-right: 6px;
}
#figures .white{
	background: url(../i/slot-white.png) no-repeat;
}
#figures .white .slot{
}
#figures .black{
	background: url(../i/slot-brown.png) no-repeat;
}
.ie6-fix{
	display: none;
}
* html .square,
* html .slot{
	position: relative;
}
* html .ie6-fix{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.white .king{
	background-image: url(../i/king.png);
}
.white .queen{
	background-image: url(../i/queen.png);
}
.white .pawn{
	background-image: url(../i/pawn.png);
}
.white .rook{
	background-image: url(../i/rook.png);
}
.white .bishop{
	background-image: url(../i/bishop.png);
}
.white .knight{
	background-image: url(../i/knight.png);
}

.black .king{
	background-image: url(../i/king2.png);
}
.black .queen{
	background-image: url(../i/queen2.png);
}
.black .pawn{
	background-image: url(../i/pawn2.png);
}
.black .rook{
	background-image: url(../i/rook2.png);
}
.black .bishop{
	background-image: url(../i/bishop2.png);
}
.black .knight{
	background-image: url(../i/knight2.png);
}
#moves{
	position: relative;
}
#moves .move {
	text-align: center;
	padding: 2px 0;
	margin: 1px 0;
	background: #fff;
	cursor: pointer;
	cursor: hand;
	color: #814a15;
	font-size: 14px Arial;
	margin-bottom: 3px;

}

#moves .w {
	background: #000;
	color: #fff;
}

#moves .move .name {
}

#moves .here{
	font-weight: bold;
}
#moves .here .move{
	font-weight: normal;
}
#moves .branch{
	float: left;
}
#moves .branch .branch{
	display: none;
}
#moves .b-2 .branch{
	width: 150px;
}
#moves .branch>DIV{
	display: none;
}
#moves .here-level{
}
#moves .branch>DIV:first-child {
	display: block;
}

#moves .move {
	/*padding-right: 4px !important;*/
}

#moves .branch .move {
	margin-right: 4px;
}

#moves .last .move{
	margin-right: 0px;
}

#moves .move .branch .move {
	margin-top: 6px;
}



#moves .here-level>DIV:first-child{
	font-weight: bold;
}
#drag-drop{
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	z-index: 1000;
}
#drag-drop DIV{
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#help-buttons{
	position: absolute;
	width: 150px;
	height: 100px;
	left: -60px;
	top: 600px;
	display: none;
}
DIV.button,
DIV.button2{
	height: 22px;
	background: url(../i/button-bgr.gif) repeat-x;
	float: left;
	font: bold 12px Arial !important;
	margin-right: 7px;
}
DIV.button .b-left{
	background: url(../i/butt-left.gif) no-repeat;
}
DIV.button .b-right,
DIV.button2 .b-right{
	background: url(../i/butt-right.gif) right top no-repeat;
	height: 22px;
}

DIV.button A,
DIV.button2 A{
	text-decoration: none;
	color: #ebc470;
	display: block;
	padding: 3px 20px 2px;
}
* html DIV.button .b-left,
* html DIV.button2 .b-left,
* html DIV.button .b-right,
* html DIV.button2 .b-right,
* html DIV.button A,
* html DIV.button2 A{
	float: left;
}
DIV.button A:hover{
	color: #FFF;
}
DIV.button2{
	background-image: url(../i/butt2-bgr.gif);
}
DIV.button2 .b-left{
	background: url(../i/butt2-left.gif) no-repeat;
}
DIV.button2 .b-right {
	background-image: url(../i/butt2-right.gif);
}
DIV.button2 A{
	color: #431203;
}
DIV.button2 A:hover{
	color: #f8f2e3;
}
#pos-descr{
	color: #7a483f;
	font: bold 14px Arial;
}
#pos-descr TD{
	vertical-align: top;
	padding: 9px 4px 7px;
	background: url(../i/brown-shtr.gif) left bottom repeat-x;
}
#pos-descr .submit{
	background: none;
}
#pos-descr .submit IMG{
	cursor: pointer;
	cursor: hand;
}
#comment-box{

}
#patterns{
}
#moves{
}
#buttons{
	padding: 10px 0;
}
#buttons .line{
	padding-bottom: 7px;
}
#tabs{

}
.context-menu{
	position: absolute;
	width: 100px;
	border: solid 1px #CCC;
	background: #F7F7F7;
	color: #A00;
	visibility: hidden;
}
.context-menu .punkt{
	padding: 2px 10px;
	cursor: pointer;
	cursor: hand;
}
.context-menu DIV:hover.punkt{
	background: #A00;	
	color: #F7F7F7;
}
.resp-holder{
	position: absolute;
	left: -1000px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	top: -1000px;
}
#comment-box{
	font-weight: bold;
}
#comment-box DIV, #comment-box TEXTAREA{
	font-weight: normal;
	font-style: italic;
}
#schedule{
	text-align: left;
}
#schedule .lesson{
}
#schedule .today{
}
#schedule .future{
}
.lesson .go,
.lesson .anons,
.lesson .go,
.lesson .anons,
.lesson .time-left,
.lesson .time-left{
	display: none !important;

}

.online .view,
.future .view,
.online .view,
.future .view{
	display: none !important;
}
.future .anons,
.future .anons{
	display: inline;
	background: #063b54;
}
.online .go,
.online .go{
	display: inline !important;
}
.lesson .date,
.lesson .date{
	position: relative;
}

.today .time-left,
.today .time-left{
	display: block;
	white-space: nowrap;
	position: absolute;
	bottom: 20px;
	left: 5px;
}
.today .time-left SPAN.conuntdown,
.today .time-left SPAN.countdown{
	font-size: 18px;
}
.lesson .cont,
.lesson .cont{
	position: relative;
}
.lesson .delim,
.lesson .delim{
	margin: 0 5px;
}
.lesson .descr2,
.lesson .descr2{
	position: absolute;
	border: solid 1px #063b54;
	left: 0;
	top: 0;
	visibility: hidden;
	color: #fff;
	background: #226686;
	z-index: 1;
	overflow: hidden;
	width: 200px;
}
.lesson .descr2 .inside,
.lesson .descr2 .inside{
	display: block;
	padding: 5px;
}
.lesson .zagl,
.lesson .zagl{
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	visibility: hidden;
}
#lessons-main .lesson .not-allowed{
	border-color: #ba0413;
	background: #FFF;
	color: #ba0413;
}
#h-user-online{
	background: url(../i/tab-bottom.gif) left bottom repeat-x;
	padding-bottom: 5px;
	margin-bottom: 25px;
}


.chat{

}
.chat .mess-edge{
	font-size: 0 !important;
	height: 4px;
}
.chat .m-top{
	background: url(../i/mess-top.gif) repeat-x;
}
.chat .m-bottom{
	background: url(../i/mess-bottom.gif) repeat-x;
}
.message-wrap{
	height: 100px;
	width: 451px;
	float: left;
}
.chat .add-message,
.chat .sorry{
}
.chat .add-message TEXTAREA{
	width: 300px;
	height: 120px;
}
.chat .add-message IMG{
	margin-top: 8px;
	cursor: pointer;
	cursor: hand;
}
.messages{
	height: 92px;
	width: 451px;
	overflow: auto;
	padding: 10px 0;
	position: relative;
	background: #fbf4d6;
}

.messages .message{
	padding-bottom: 10px;
	position: relative;
	font: bold 12px Arial;
	color: #bf966f;
	background: url(../i/brown-shtr.gif) left bottom repeat-x;
	margin: 0 20px 5px;
}
.messages .message .time{
	float: left;
	width: 50px;
	color: #844128;
}
.messages .message .name{
	margin-left: 60px;
	color: #dd1004;
}
.messages .message .text{
	padding: 2px 10px 0 10px;
}
* html #messages{
	height: 100px;
}
.messages .message .button{
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	cursor: pointer;
	cursor: hand;
}

.messages .message:hover {
	background-color: #fbefbc;
}


.messages .message .remove{
	top: 0px;
	left: -15px;
	background: url(../i/remove.png) no-repeat;
}
.messages .message .tgmc{
	right: -15px;
	background: url(../i/tgmc.png) no-repeat;
}
.messages .removing{
	background: #d8bbb3;
}
.chat .sorry{
	display: none;
}
.banned .sorry{
	display: block;
	color: red;
}
.banned .sorry SPAN{
	color: #777;
	font-style: italic;
}
.banned .add-message{
	display: none;
}
#users-online{
	position: absolute;
	right: 40px;
	top: 250px;
	width: 250px;
	height: 300px;
}
#users-online .user {
	background: url(../i/user.png) left 50% no-repeat;
	position: relative;
	cursor: pointer;
	cursor: hand;
}

#users-online .banned{
	background-image: url(../i/user-banned.png);
	color: #AAA;
}
#users-online .popup{
	position: absolute;
	margin-top: 15px;
	display: none;
}
#users-online .popup .close{
	width: 9px;
	height: 10px;
	position: absolute;
	right: 4px;
	top: 4px;
	background: url(../i/x-blue.gif) no-repeat;
	cursor: pointer;
	cursor: hand;
}
#users-online .popup .p-content{
	padding: 2px;
}

#comment-box{
	font-weight: bold;
}
#comment-box DIV, #comment-box TEXTAREA{
	font-weight: normal;
	font-style: italic;
}
#wait-for-lesson{
	/*width: 862px;*/
	margin: 0 auto;
}
#wait-for-lesson H3{
	padding-bottom: 15px;
	font: normal 18px Arial;
	color: #b90600;
}
IFRAME{
	border: none;
}

.move_big {
	width: 440px;
	padding-left: 2px  !important;
}

.left_big, .right_big {
	float: left;
	width: 220px;
}

.move {
	height: 20px;
}

.left_big .name {
	text-align: right;
	padding-right: 2px;
}

.right_big .name, .left_text {
	text-align: left !important;
	padding-left: 2px  !important;
}



.height_5 {
	height: 20px;
}

.hod_num {
	position: absolute;
	margin-left: -20px;
	margin-top: 5px;
	font-weight: bold;
}

.branch {
	opacity: 0.4
}

.here-level {
	opacity: 1
}