/*** *************************************************** */
/*** Menu Text                                           */
/*** *************************************************** */

/*** Текст общего меню (вверху боковушки) ***/
.clsCommon0On {color: #4D70A5}
.clsCommon0Over {color: #58A7E7}
.clsCommon0On, .clsCommon0Over {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
        padding: 2px 4px;
}

.clsCommon1On {color: #4D70A5}
.clsCommon1Over {color: #CE7E0D}
.clsCommon1On, .clsCommon1Over {
	font-size: 12px;
	text-decoration : none;
        padding: 4px 6px;
}


/*** Текст локального меню (внизу боковушки) ***/
.clsLocal0On {color: #CE7E0D}
.clsLocal0Over {color: #CE7E0C}
.clsLocal0On, .clsLocal0Over {
	background-position: 0px 0px;
	font-size: 12px;
	font-weight: bold;
	text-decoration : none;
        padding: 2px 4px;
}

.clsLocal1On {color: #804913}
.clsLocal1Over {color: #58A7E7}
.clsLocal1On, .clsLocal1Over {
	background-position: 0px 0px;
	font-size: 12px;
	text-decoration : none;
        padding: 2px 4px;
}

/*** Шрифт ***/
.clsLocal0On,.clsLocal0Over,.clsLocal1On,.clsLocal1Over,
.clsCommon0On,.clsCommon0Over,.clsCommon1On,.clsCommon1Over {
	font-family: Arial;
}


/*** *************************************************** */
/*** Рамка с закругленными краями под меню боковушки     */
/*** *************************************************** */


.clsMenuBorderT {height: 16px}

.clsMenuBorderR {width: 37px}

.clsMenuT {
	background-position: top;
	background-image: url(../sys_gr/menu_t.gif); 
	background-repeat: repeat-x;
}

.clsMenuRT {
	width: 15px;
	height: 15px;
}

.clsMenuL {height: 1191px}
.clsLocalMenuL {height: 164px}

.clsMenuR {
	background-position: right;
	background-image: url(../sys_gr/menu_r.gif); 
	background-repeat: repeat-y;
}

.clsMenuLB {
	background-position: bottom;
	background-image: url(../sys_gr/menu_b.gif); 
	background-repeat: repeat-x;
}

.clsMenuRB {
	width: 15px;
	height: 15px;
}


/*** Цвет фона меню (бледно-голубой в bigjig) ***/
.clsLocal0On,.clsLocal0Over,.clsLocal1On,.clsLocal1Over,
.clsCommon0On,.clsCommon0Over,.clsCommon1On,.clsCommon1Over,
.clsMenuT,.clsMenuL,.clsLocalMenuL,.clsMenuR, .clsMenuLB  {
	background-color: #F3F6F9;
}

/*** Цвет фона боковушки (темно-голубой в bigjig) ***/
BODY,.clsLeftMenu,.clsRightBorder {
	background-color: #0000BE
}


/*** *************************************************** */
/*** Page                                                */
/*** *************************************************** */

BODY {
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 	
}


/*** Левый край страницы (с меню) ***/
.clsLeftMenu {
	BACKGROUND-POSITION: right 50%; 
	BACKGROUND-IMAGE: url(../sys_gr/bkg_l.gif); 
	BACKGROUND-REPEAT: repeat-y;
        vertical-align: top;
	width: 20%
}

/*** Собственно страница ***/
.clsMainTable {
	background-color: white;
}

/*** Правый край страницы (пустой) ***/
.clsRightBorder {
	BACKGROUND-POSITION: left 50%; 
	BACKGROUND-IMAGE: url(../sys_gr/bkg_r.gif); 
	BACKGROUND-REPEAT: repeat-y;
	width: 20%
}


/*** Left and right borders for mobile version ***/
.clsLeftBorderMobile {
	background-color: white;
        vertical-align: top;
	width: 5px;
}

.clsRightBorderMobile {
	background-color: white;
        vertical-align: top;
	width: 5px;
}



/*** *************************************************** */
/*** Text                                                */
/*** *************************************************** */

/*** Page title ***/
h1 {
	color: #0080FF;
	/*color: #0000A0;*/
	font-size: 150%;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica;
	text-align: center;
}


/*** Section title ***/
h2 {
	color: #3366FF;
	font-size: 113%;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica;
	text-align: left;
}


/*** Normal text ***/
p, ul, div, td {
	color: #000000;
	font-size: 100%;
	font-style: normal;
	font-weight: thin;
	font-family: Arial, Helvetica;
}


/*** Product params cap ***/
.clsProdParamCap {
	color: #FF8000;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica;
}



/*** *************************************************** */
/*** Games Table                                         */
/*** *************************************************** */


@media screen and (max-width: 400px) {

.clsGamesTableCell {
	padding: 15px;
        vertical-align: top;
	background-color: white;
}
.clsGamesTableSection {
	padding: 15px;
        vertical-align: top;
	background-color: #F0FAFF;
}

}

@media screen and (min-width: 401px) {
.clsGamesTableCell {
	padding: 20px;
        vertical-align: top;
	background-color: white;
}
.clsGamesTableSection {
	padding: 20px;
        vertical-align: top;
	background-color: #F0FAFF;
}
}



/*** *************************************************** */
/*** Линейки                                             */
/*** *************************************************** */

/*** Линейка0 ***/

.clsBar0Left {
	background-image: url(../sys_gr/bar_l.gif); 
	background-repeat: no-repeat;
	background-position: right;
	width: 10px;
	height: 44px;
}
.clsBar0Mid {
	background-image: url(../sys_gr/bar_m.gif); 
	background-repeat: repeat-x;
	background-position: center;
	height: 44px;
}
.clsBar0Right {
	background-image: url(../sys_gr/bar_r.gif); 
	background-repeat: no-repeat;
	background-position: left;
	width: 10px;
	height: 44px;
}


/*** Линейка волнушкой ***/
.clsBarWave {
	background-image: url(../bj_gr/bar_wave.gif); 
	background-repeat: repeat-x;
	background-position: center;
	height: 26px;
}


/*** Линейка пунктиром ***/

.clsBarDotsLeft {
	background-image: url(../sys_gr/bar_dots_l.gif); 
	background-repeat: no-repeat;
	background-position: right;
	width: 10px;
	height: 17px;
}
.clsBarDotsMid {
	background-image: url(../sys_gr/bar_dots_m.gif); 
	background-repeat: repeat-x;
	background-position: center;
	height: 17px;
}
.clsBarDotsRight {
	background-image: url(../sys_gr/bar_dots_r.gif); 
	background-repeat: no-repeat;
	background-position: left;
	width: 10px;
	height: 17px;
}


/*
.clsBarDots {
	background-image: url(../sys_gr/bar_dots.gif); 
	background-repeat: repeat-x;
	background-position: center;
	height: 18px;
}
*/



/*** Линейка0 ***/

.clsBar0xmas2025Mid {
	background-image: url(../xmas_gr/2025/bar1.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2024Mid {
	background-image: url(../xmas_gr/2024/border-3-40.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2023Mid {
	background-image: url(../xmas_gr/2023/border-branches.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2022Mid {
	background-image: url(../xmas_gr/2022/border-tiny-leaves.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2021Mid {
	background-image: url(../xmas_gr/2021/border-lamps-30.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2020Mid {
	background-image: url(../xmas_gr/2020/border2.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2019Mid {
	background-image: url(../xmas_gr/2019/border-315316790-2.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2018Mid {
	background-image: url(../xmas_gr/2018/bar-fir-balls-by.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2017Mid {
	background-image: url(../xmas_gr/2017/silver-balls.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2016Mid {
	background-image: url(../xmas_gr/2016/line-1.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2015Mid {
	background-image: url(../xmas_gr/2015/xmas-border.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2014Mid {
	background-image: url(../xmas_gr/2014/bar-berries-2.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 60px;
}

.clsBar0xmas2013Mid {
	background-image: url(../xmas_gr/2013/bar-bear.gif);
	background-repeat: repeat-x;
	background-position: left;
	height: 40px;
}

.clsBar0xmas2012Mid {
	background-image: url(../xmas_gr/2012/bar-1.gif); 
	background-repeat: repeat-x;
	background-position: left;
	height: 40px;
}

.clsBar0xmas2011Mid {
	background-image: url(../xmas_gr/bar-2.gif); 
	background-repeat: repeat-x;
	background-position: left;
	height: 40px;
}


/*
.clsBar0xmas2007Left {
	background-image: url(../xmas_gr/2007bar_l.gif); 
	background-repeat: no-repeat;
	background-position: right;
	width: 55px;
	height: 44px;
}
.clsBar0xmas2007Mid {
	background-image: url(../xmas_gr/2007bar_m.gif); 
	background-repeat: repeat-x;
	background-position: center;
	height: 44px;
}
.clsBar0xmas2007Right {
	background-image: url(../xmas_gr/2007bar_r.gif); 
	background-repeat: no-repeat;
	background-position: left;
	width: 55px;
	height: 44px;
}

*/