@charset "utf-8";

.progs_HTMLPageAlignCont { padding: 0px; }

.progsHomeHTMLCont { display: table; }

.progsLeftMenuCont {

	display: table-cell;
	min-width: 200px;
	min-height: 500px;

	padding: 15px;
	padding-top: 20px;

	border-right: 1px #dee1e5 solid;
	box-sizing: border-box;
	vertical-align: top;

}

.leftMenuProgBox { margin-bottom: 20px; }

.leftMenuProgTitleCont {

	font-family: "OpenSansLightNorm";
	font-size: 16px;
	color: #99a3ae;
	line-height: 22px;

	margin-bottom: 5px;

}

.leftMenuTableBox { padding: 5px; }
.leftMenuHlightTableBox { border-left: 5px #62a0cb solid; background-color: #f3f3f3; }

.leftMenuTableMatState {

	display: inline-block;
	height: 12px;
	width: 12px;

	border-radius: 6px;
	border: 1px #99a3ae solid;
	box-sizing: border-box;

}

.leftMenuTableMatNotAct { background-color: transparent; }
.leftMenuTableMatAreAct { background-color: #95d095; cursor: pointer; }
.leftMenuTableMatAreClose { background-color: #dee1e5; cursor: pointer; }

.leftMenuTableBox .leftMenuTableMatAreAct { cursor: auto; }
.leftMenuTableBox .leftMenuTableMatAreClose { cursor: auto; }

.leftMenuTableBox a {

	font-family: "OpenSansLightNorm";
	font-size: 16px;
	color: #62a0cb;
	line-height: 22px;

	border-bottom-width: 1px;

}

.progsMainHTMLCont {

	display: table-cell;
	position: relative;

	padding: 20px;
	vertical-align: top;
	width: 100%;

}

.HTMLPacksCont { display: table; }

.HTMLPackBox {

	position: relative;
	display: table-cell;
	float: left;
	width: 220px;
	min-height: 480px;

	border: 5px #f1f1f1 solid;
	box-sizing: border-box;
	margin: 10px;

}

.HTMLPackBox:hover { border-color: #62a0cb; }

.HTMLPackInnerElem { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; }

.HTMLPackCont {}
.HTMLActPackCont .HTMLPackActPriceAmount { display: none; }
.HTMLActPackCont .HTMLPackActText { display: block; }
.HTMLActPackCont .HTMLPackActButt { display: none; }


.HTMLPackTitleCont {

	font-family: "OpenSansSemiBoldNorm";
	font-size: 24px;
	color: #ffffff;
	line-height: 24px;

	background-color: #62a0cb;
	box-sizing: border-box;
	height: 60px;
	padding-top: 18px;
	padding-bottom: 18px;

}

.HTMLPackTablesCont {}

.HTMLPackTableCont {

	font-family: "OpenSansLightNorm";
	font-size: 16px;
	color: #62a0cb;
	line-height: 16px;

	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

}

.HTMLPackTableCont .leftMenuTableMatAreAct { cursor: auto; }
.HTMLPackTableMatAreAct label { text-decoration: line-through; }

.HTMLPackActPriceAmount {

	font-family: "OpenSansLightNorm";
	font-size: 24px;
	color: #62a0cb;

	line-height: 24px;
	text-align: center;

}

.HTMLPackBasePriceAmount {

	font-family: "OpenSansLightNorm";
	font-size: 24px;
	color: #62a0cb;

	line-height: 24px;
	text-align: center;

}

.HTMLPackDiffPricesAmounts { text-decoration: line-through; font-size: 20px; }

.HTMLPackActButtCont {}
.HTMLPackActButt { width: 100%; border-radius: 0px; font-family: "OpenSansRegNorm"; }

.HTMLPackActText {

	display: none;
	font-family: "OpenSansSemiBoldNorm";
	font-size: 24px;
	color: #62a0cb;
	line-height: 24px;
	text-align: center;

}

.HTMLPackHTTPResRespBox {}
.HTMLPackHTTPResRespCont {

	font-family: "OpenSansSemiBoldNorm";
	font-size: 16px;
	color: #62a0cb;

}

.HTMLTableTopSide {}
.HTMLTableTopSide .HTMLTranTdElemVal strong { font-family: "OpenSansRegNorm"; font-weight: normal; }
.HTMLTableTopSide .HTMLTranTdElemVal { width: auto; font-family: "OpenSansLightNorm"; }


.HTMLTableMidSide { position: relative; margin-top: 60px; margin-bottom: 110px; }

.HTMLMatLineBox { padding-top: 50px; }
.HTMLMatLineCont {

	position: relative;
	height: 38px;
	background-color: #f3f3f3;

	padding: 10px;
	box-sizing: border-box;

}

.HTMLMatLineTitleCont {

	font-family: "OpenSansLightNorm";
	font-size: 16px;
	color: #010101;
	line-height: 16px;

}

.HTMLMatCellBox {

	position: absolute;
	top: 9px;
	box-sizing: border-box;

	border: 1px #99a3ae solid;
	border-radius: 10px;

}

.HTMLMatCellBox:hover .HTMLMatCaptCont { border-color: #ef3334; color: #010101; }
.HTMLMatCellBox:hover { border-color: #ef3334; }

.HTMLMatCellCont {

	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;

}

.HTMLMatCellAlignLayer { position: relative; }

.HTMLUserMatWinBox {

	left: 0px;
	top: 28px;
	width: 420px;
	cursor: auto;

}
.HTMLUserMatWinBox .cabUserInfoRowElem {

	height: 42px;
	padding: 10px;

}

.HTMLUserMatWinBox .cabUserInfoRowKeyCont { text-align: right; width: 160px; padding-left: 0px; }
.HTMLUserMatWinBox .cabUserInfoRowValCont { width: 200px; }
.HTMLUserMatWinBox .cabUserInfoRowCont a { float: none; display: inline-block; }

.HTMLUserMatWinBox_infinity {

	width: 420px;
	cursor: auto;

}
.HTMLUserMatWinBox_infinity.cabUserInfoRowElem {

	height: 42px;
	padding: 10px;

}

.HTMLUserMatWinBox_infinity .cabUserInfoRowKeyCont { text-align: right; width: 160px; padding-left: 0px; }
.HTMLUserMatWinBox_infinity .cabUserInfoRowValCont { width: 200px; }
.HTMLUserMatWinBox_infinity .cabUserInfoRowCont a { float: none; display: inline-block; }

.HTMLMatCaptCont {

	position: absolute;
	height: 20px;
	width: 150px;

	font-family: "OpenSansRegNorm";
	font-size: 16px;
	color: #62a0cb;
	line-height: 16px;

	box-sizing: border-box;
	/*border: 1px #dee1e5 solid;*/
	padding-left: 5px;
	/*background-color: #f3f3f3;*/

}

.HTMLMatCaptFromTopDirBottToTop {

	top: -90px;
	left: -65px;
	transform: rotate(-90deg);

}

.HTMLMatCaptFromTopDirLeftBottToRightTop {

	top: -64px;
	left: -4px;
	transform: rotate(-45deg);

}

.sad {

	top: -35px;
	left: 15px;
	transform: rotate(-23deg);

}

.HTMLMatCaptFromBottDirLeftBottToRightTopDeg21 {

	top: -33px;
	left: 15px;
	transform: rotate(-22deg);

}

.HTMLMatCaptFromLeftDitLeftToRightDeg0 { top: 0px; left: 22px; }

.HTMLMatCaptFromBottDirTopToBott {

	top: 87px;
	left: -66px;
	transform: rotate(90deg);

}

.HTMLMatCaptFromTopDirBottToTop {

	top: -88px;
	left: -66px;
	transform: rotate(-90deg);

}

.HTMLMatCaptFromBottDirBottToTop {

	top: 87px;
	left: -66px;
	transform: rotate(-90deg);

}

.HTMLMatCaptFromBottDirLeftTopToRightBott {

	top: 61px;
	left: -4px;
	transform: rotate(45deg);

}

.HTMLTableFindUserFrame {

	position: absolute;
	z-index: 10;

	width: 50px;
	height: 50px;

	border: 10px #ff0000 solid;
	border-radius: 25px;
	box-sizing: border-box;

	font-size: 1px;
	color: transparent;
	cursor: pointer;

}

.HTMLTableSpoverTargUserNameCont {

	font-family: "OpenSansRegNorm";
	font-size: 20px;
	color: #FFF;

	padding: 10px;
	background-color: #62a0cb;
	cursor: pointer;

}


/*.HTMLFilePageCont { width: auto; }*/

.eco_HTMLPageAlignCont .HTMLTableMidSide { margin: auto; }
.eco_HTMLPageAlignCont .HTMLMatLineBox { padding-top: 0px; }

.com_HTMLPageAlignCont { width: 1455px; }
.zod_HTMLPageAlignCont { width: 1150px; }
.sat_HTMLPageAlignCont { width: 5520px; }
.fla_HTMLPageAlignCont { width: 10600px; }


/*начало старого говна которое нельзя переделывать*/

.zod_HTMLPageAlignCont .progsMainHTMLCont { padding: 0px; }
.zod_HTMLPageAlignCont .HTMLTableMidSide { margin-top: 0px; margin-bottom: 0px; }

.zodTableMidCont {

	position: relative;
	width: 950px;
	height: 750px;

}

.zodStarUserNameCont {

	position: absolute;
	width: 140px;
	height: 20px;

	font-family: "OpenSansRegNorm";
	font-size: 16px;
	color: #FFF;
	line-height: 16px;

}

.zodLeftSideCont {

	position: absolute;
	left: 50px;
	top: 275px;

	width: 200px;
	height: 200px;

}

.zodTrinMainStarCont {

	position: absolute;
	top: 62.5px;
	left: 0px;

	width: 75px;
	height: 75px;

}

.zodTrinSecondStarCont {

	position: absolute;
	width: 50px;
	height: 50px;

}

.zodTrinSecondStarCont .zodStarUserNameCont { right: -145px; top: 15px; }

.zodRightSideCont {

	position: absolute;
	top: 100px;
	right: 20px;

	width: 550px;
	height: 550px;
	background-position: center;
	background-repeat: no-repeat;

}

.zodOrbMainStarCont {

	position: absolute;
	top: 235px;
	left: 235px;

	width: 75px;
	height: 75px;

}

.zodOrbSecondStarCont {

	position: absolute;
	width: 40px;
	height: 40px;

}

.zodOrbSecondStarCont .zodStarUserNameCont { bottom: -20px; left: -50px; text-align: center; }

#cp_tables_zod_container {

	position: relative;
	width: 1180px;
	height: 660px;

	background-repeat: no-repeat;
	background-position: center;

}

#cp_tables_zod_trinity {

	position: absolute;
	top: 250px;
	left: 150px;
	width: 184px;
	height: 200px;
	z-index: 2;

}

.cp_tables_zod_trinity_item {

	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 10;
	font-family: 'ProximaNova';
	font-size: 16px;

}

#cp_tables_zod_trinity_item_0 {

	position: absolute;
	width: 75px;
	height: 75px;
	top: 60px;
	left: 6px;
	z-index: 10;

}

#cp_tables_zod_wheel {

	position: absolute;
	top: 63px;
	left: 500px;
	width: 550px;
	height: 550px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;

}

.cp_tables_zod_wheel_item {

	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 10;
	font-family: 'ProximaNova';
	font-size: 16px;

}

#cp_tables_zod_wheel_item_0 {

	position: absolute;
	width: 75px;
	height: 75px;
	z-index: 10;

}

/*конец старого говна которое нельзя переделывать*/