@charset "utf-8";
/* CSS Document */

@font-face
{
	font-family: _Font_global;
	src: url('css/font/centabel.ttf');
}
@font-face
{
	font-family: _Font_link;
	src: url('css/font/helt.ttf');
}
body
{
	background-color:#000;
	padding:0px;
	margin:0px;
	font-family: _Font_link;
}

#cont
{
	width:100%;
	margin:0px auto;
	height: auto;
}

#menuLeft
{
	background-color: #333333;
	color:#FFFFFF;
	height: inherit;
	width: 20%;
	font-size: 16px;
	float: left;
	position: relative;
	margin-left: 1px;
	margin-top: 0px;
}

#bdy {
	height: auto;
	width: 100%;
	margin: 0px;
	float: left;
}

#Mixload {
	height: auto;
	width: 77%;
	float: right;
	padding: 1%;
	position: relative;
	font-size: 16px;
	color: #FFF;
}

.bloc
{
	font-size: 18px;
	color: #000;
	background-color: #66CC00;
	width: 90%;
	padding:5%;
	cursor:pointer;
}
.bloc:hover
{
	background-color:#666666;
	color:#66CC00;
}
.bloc i
{
	font-size:22px;
	float:left;
	margin-right:10px;
}
.bloc span
{
	font-size:14px;
}

.blocAct {
	font-size: 18px;
	color: #FFFFFF;
	background-color: #333333;
	width: 90%;
	padding:5%;
	cursor:pointer;
	float:left;
}
.blocAct i {
	font-size:22px;
	float:left;
	margin-right:10px;
	color:#66FF00;
}
.blocAct span
{
	font-size:14px;
}

.btnSubMenu
{
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	height: 30px;
	width: 100%;
	font-size:14px;
}

.btnSubMenu:hover
{
	color: #666;
}

.btnSubMenu i
{
	float:left;
	font-size:14px;
	margin-right:5px;
}

.btnSubMenuAct
{
	color: #FFF;
	font-weight:bold;
}

.btnSubMenuAct i
{
	float:left;
	font-size:14px;
	margin-right:5px;
	color:#66CC00;
}

#lngCnt
{
	background-color:#333;
	padding:1%;
	width: 98%;
	margin-bottom:10px;
}
#btn 
{
	
}
.inputCls {
	
	font-size: 11px;
	width: 97%;
}
#tplMenu {
	height: 780px;
	width: 370px;
	background-color: #EEEEEE;
	padding: 5px;
}
#tplForm {
	height: 780px;
	width: 390px;
	background-color: #EEEEEE;
	padding: 5px;
	float:right;
}
#edtitTpl {
	font-family: Tahoma;
	font-size: 11px;
}
#edtitTpl input {
	font-family: Tahoma;
	font-size: 11px;
	width:200px;
	background-color: #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 16px;
}

.Viewer i
{
	font-size:28px;
	cursor:pointer;
	float:left;
	margin-right:2px;
}
.Viewer i:hover
{
	color:#999999;
}

.view_order i
{
	font-size:18px;
	cursor:pointer;
	float:left;
	margin-right:2px;
	color:#66CC00;
}
.view_order i:hover
{
	color:#333;
}
#CONFIG_BTN
{
	 background-color:#0099FF; float:right;min-height:40px;height:auto;
	 z-index: 20;
	position: absolute;
	left: 923px;
}
#CONFIG_BTN:hover
{
	background-color:#000000;
}
#CONFIG_BTN i
{
	font-size:36px;
}
#CONFIG
{
	position:relative; width:100%; float:right; margin-top:5px;display:none;
}	

.btnConfig
{
	position:absolute;
	right:0px;
	font-size:14px;
	width:98%;
	height:20px;
	padding:1%;
	margin-top:1px;
	background-color:#66CC00;
	color:#FFFFFF;
}
.btnConfig:hover
{
	background-color:#666666; 
}
.innerMenuLeft
{
	padding:5%; 
	width:90%; 
	background:#333333;
	color:#66CC00;
	font-size:24px;
}


.innerMenuLeft1
{
	padding:5%; 
	width:90%; 
	background:#1F1F1F;
	color:#66CC00;
	font-size:24px;
}

.btnAction
{
	padding: 5px;
    font-size: 16px;
    float: left;
    margin-left: 5px;
    color: #000000;
    background: #66CC00;
	cursor:pointer;
}
.btnAction i
{
	font-size:18px; 
	float:left;
	margin-right:5px;
}
.btnAction:hover
{
	background-color:#000;
	color:#FFFFFF;
}

#loader
{
	position:absolute;
	width:100%;	
	min-height:100%;
	background-image:url(../medias/images/bgop.png);
}

#loaderinner
{
	width:50%;
	margin:0px auto;
	margin-top:100px;
}
.innerText
{
	color:#6C0;
	font-size:14px;
}
#annimation div
{
	float:left;
	margin:6px;
	color:#6C0;
	opacity:0.5
}

@keyframes anim1 {
    0%   {font-size:14px; color:#F90; opacity:0.5}
    50%  {font-size:22px; color:#6C0; opacity:1}
    100% {font-size:14px; color:#F90; opacity:0.5}
}

#a1
{
    animation-name: anim1;
    animation-duration: 2s;
    animation-delay: 0.5s;
	animation-iteration-count: infinite;
    animation-direction: reverse;
}

#a2
{
    animation-name: anim1;
    animation-duration: 2s;
    animation-delay: 1s;
	animation-iteration-count: infinite;
    animation-direction: reverse;
}

#a3
{
    animation-name: anim1;
    animation-duration: 2s;
    animation-delay: 1.5s;
	animation-iteration-count: infinite;
    animation-direction: reverse;
}

#a4
{
    animation-name: anim1;
    animation-duration: 2s;
    animation-delay: 2s;
	animation-iteration-count: infinite;
    animation-direction: reverse;
}

#versionSelector
{
	font-family: _Font_link; font-size:16px; background-color:#CC0000; color:#FFFFFF;
	border:solid 1px #FFFFFF;
	text-transform:uppercase;
	width:85%;
}

.btnAddVersion
{
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	background-color:#FFCC00;
	color:#000000;
	width:260px;
}
.btnAddVersion:hover
{
	background-color:#FFF;	
}
.btnAddVersion i
{
	font-size:20px;
	float:left;
	margin:5px;
}

.btnAddVersion ._title
{
	font-size:15px;
	font-weight:bold;
	padding-top:5px;
	text-transform:uppercase;
	margin:5px;
}

.btnAddVersion ._desc
{
	margin-top:-10px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-family:Tahoma;
	font-size:11px;
}

.btnGoVersion
{
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	background-color:#00CCCC;
	color:#000000;
	width:260px;
}
.btnGoVersion:hover
{
	background-color:#FFF;	
}
.btnGoVersion i
{
	font-size:20px;
	float:left;
	margin:5px;
}

.btnGoVersion ._title
{
	font-size:15px;
	font-weight:bold;
	padding-top:5px;
	text-transform:uppercase;
	margin:5px;
}

.btnGoVersion ._desc
{
	margin-top:-10px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-family:Tahoma;
	font-size:11px;
}