/*TMP*/
#jsdebuger{
	position:fixed;
	right:2px;
	top:2px;
	background:#fff;
	width:50%;
	z-index:100;
	min-height:50px;
	display:none;
}

/*BASE Layout*/
* { margin: 0; }
html, body { height: 100%; }
body{
	background:#ffffff;
	font-family:'Arial';
	min-width: 900px;
}
.clear{
	clear:both; width:100%; height:0; font-size:0;
}

body.inside{
	padding-bottom:100px;
}

a{color:#8a4fb5;}

.shadow-line{
	width:100%;
	height:13px;
}

.fright{float:right;}

#block_top{
	position:fixed;
	top:0; left:0;
	background:url(/img/bg_transp_purp.png);
	height:65px;
	width:100%;
	z-index:20;
	overflow:hidden;
}

.not_stick_head #block_top{
	position:static;
}

#block_top #logo{
	margin-top:12px;
	display:block;
	float:left;
	margin-right:3%;
}
#block_top .nav,
#nav_backend {
  display:block;
	float:left;
	height:80px;
	padding:21px 16px 0 16px;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-family: 'pf_beausans_prolight';
}
#block_top span.nav{
  color:#e4e4e4;
}

#block_top a.nav.active{
	background:#934ac0;
}
#block_top #nav_backend{
	float:right;
	font-size:12px;
	display:none;
}

.widther{
	max-width:1200px;
	margin:0 auto;
	padding:50px;
}
.widther.main{	padding:50px;}
#block_top .widther{
	padding:0 50px;
}
.minwidth{
	min-width: 900px;
}

.button,
form.typical input.button{
	display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;
  
  color: #FFFFFF !important;

  background-color: #9d6cc1;
  background-color: #874bb3;
  background-image: -moz-linear-gradient(top, #9d6cc1, #874bb3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9d6cc1), to(#874bb3));
  background-image: -webkit-linear-gradient(top, #9d6cc1, #874bb3);
  background-image: -o-linear-gradient(top, #9d6cc1, #874bb3);
  background-image: linear-gradient(to bottom, #9d6cc1, #874bb3);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#9d6cc1', endColorstr='#874bb3', GradientType=0);

	padding: 0.3em 1em;
	margin-top:-0.3em;
	color:#fff;

	border-top:1px solid #d9bbe7;
	border-bottom:1px solid #683a89;
	border-left:none;
	border-right:none;

	text-align:center;
	cursor:pointer;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.button.red{
  background-color: #f00;
  background-color: #a00;
  background-image: -moz-linear-gradient(top, #f00, #a00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f00), to(#a00));
  background-image: -webkit-linear-gradient(top, #f00, #a00);
  background-image: -o-linear-gradient(top, #f00, #a00);
  background-image: linear-gradient(to bottom, #f00, #a00);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f00', endColorstr='#a00', GradientType=0);
	border-top:1px solid #faa;
	border-bottom:1px solid #900;
}

.button.gray{
  background-color: #777;
  background-image: -moz-linear-gradient(top, #aaa, #777);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aaa), to(#777));
  background-image: -webkit-linear-gradient(top, #aaa, #777);
  background-image: -o-linear-gradient(top, #aaa, #777);
  background-image: linear-gradient(to bottom, #aaa, #777);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#aaa', endColorstr='#777', GradientType=0);
	border-top:none;
	border-bottom:1px solid #555;
}

.button.small{
	font-size:.7em;
}

.button.disabled{
	background-color: #e9e8e8;
  background-color: #874bb3;
  background-image: -moz-linear-gradient(top, #e9e8e8, #cccccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e9e8e8), to(#cccccc));
  background-image: -webkit-linear-gradient(top, #e9e8e8, #cccccc);
  background-image: -o-linear-gradient(top, #e9e8e8, #cccccc);
  background-image: linear-gradient(to bottom, #e9e8e8, #cccccc);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e9e8e8', endColorstr='#cccccc', GradientType=0);
  
  border-top:1px solid #efefef;
	border-bottom:1px solid #bbb;
	color:#888 !important;
}

a.button{
	text-decoration:none;
}

.button i.icon{
	display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;

	width:22px;
	height:16px;
	background:url(/img/sprite.png) -979px 0;
	margin-right:10px;
}


.flag{
	display:block;
	position:absolute;
	right:-12px;
	top:5px;
	background:#9e5caa;
	padding:2px 20px;
	color:#fff;
	font-family: 'pf_beausans_prolight';
	font-size:14px;
}
.flag .arr,
.flag .arrl{
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 11px;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  margin:0;
  padding:0;
}
.flag .arr{
  border-color: #68466e transparent transparent #68466e;
  border-width: 6px;
  top:21px;
  right:0;
  left:auto;
}

.flag.green{background:#8fc046;}
.flag.green .arr{border-color: #60793a transparent transparent #60793a;}

.flag.red{background:#e81e39;}
.flag.red .arr{border-color: #8d2533 transparent transparent #8d2533;}

.flag.orange{background:#f93; color:#600;}
.flag.orange .arr{border-color: #690 transparent transparent #690;}

.flag.blue{background:#77f; color:#fff;}
.flag.blue .arr{border-color: #006 transparent transparent #006;}

.flag.dark{background:#474747;}
.flag.dark .arr{border-color: #303030 transparent transparent #303030;}

hr.gray{
	clear:both;
	background:none;
	border:none;
	border-bottom:1px solid #e6e6e6;

	margin-bottom: 17px;
  padding-top: 17px;
}


.cols {
    clear: both;
    width: 100%;
}
.cols .col {
    float: left;
}

.cols .sep{
	width:1px;
	background:#e5e5e5;
	margin:40px 0 0 -1px;
	height:50px;
}

.cols .c5 {width: 5%;}
.cols .c6 {width: 6%;}
.cols .c7 {width: 7%;}
.cols .c10 {width: 10%;}
.cols .c15 {width: 15%;}
.cols .c20 {width: 20%;}
.cols .c25 {width: 25%;}
.cols .c28 {width: 28%;}
.cols .c27 {width: 27%;}
.cols .c33 {width: 33%;}
.cols .c30 {width: 30%;}
.cols .c34 {width: 33%;}
.cols .c35 {width: 35%;}
.cols .c40 {width: 40%;}
.cols .c42 {width: 42%;}
.cols .c45 {width: 45%;}
.cols .c47 {width: 47%;}
.cols .c48 {width: 48%;}
.cols .c50 {width: 50%;}
.cols .c55 {width: 55%;}
.cols .c60 {width: 60%;}
.cols .c65 {width: 65%;}
.cols .c66 {width: 66%;}
.cols .c70 {width: 70%;}
.cols .c75 {width: 75%;}
.cols .c80 {width: 80%;}
.cols .c90 {width: 90%;}

.cols .mr1 { margin-right: 1%; }
.cols .mr2 { margin-right: 2%; }
.cols .mr3 { margin-right: 3%; }
.cols .mr5 { margin-right: 5%; }
.cols .mr6 { margin-right: 6%; }
.cols .mr7 { margin-right: 7%; }
.cols .mr8 { margin-right: 8%; }
.cols .mr9 { margin-right: 9%; }
.cols .mr10 { margin-right: 10%; }
.cols .mr15 { margin-right: 10%; }
.cols .mr16 { margin-right: 10%; }
.cols .mr20 { margin-right: 20%; }
.cols .mr25 { margin-right: 25%; }
.cols .mr30 { margin-right: 30%; }
.cols .mr40 { margin-right: 40%; }
.cols .mr50 { margin-right: 50%; }
.cols .mr55 { margin-right: 55%; }
.cols .mr60 { margin-right: 60%; }

.cols .ml1 { margin-left: 1%; }
.cols .ml2 { margin-left: 2%; }
.cols .ml3 { margin-left: 3%; }
.cols .ml5 { margin-left: 5%; }
.cols .ml6 { margin-left: 6%; }
.cols .ml7 { margin-left: 7%; }
.cols .ml8 { margin-left: 8%; }
.cols .ml9 { margin-left: 9%; }
.cols .ml10 { margin-left: 10%; }
.cols .ml20 { margin-left: 20%; }
.cols .ml25 { margin-left: 25%; }
.cols .ml30 { margin-left: 30%; }
.cols .ml40 { margin-left: 40%; }
.cols .ml50 { margin-left: 50%; }
.cols .ml55 { margin-left: 55%; }
.cols .ml60 { margin-left: 60%; }

/*forms:begin*/
form.typical label{
	color:#000;
	font-size:18px;
	font-family: 'pf_beausans_probold';
	margin-top: 7px;
}
form.typical label.radio{
	margin:0;
	padding:0;
	font-size:inherit;
	font-family:inherit;
	color:inherit;
}
form.typical input,
form.typical textarea,
form.typical select{
	background:#fff;
	border:1px solid #d9d9d9;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	padding:10px 6px;
	font-family: 'pf_beausans_proregular';
  font-size: 14px;
  color:#000;
}

form.typical input.err_fld,
form.typical textarea.err_fld,
form.typical select.err_fld{
	border:1px solid #900;
	box-shadow:0 0 5px #f00;
}


form.typical .checkbox{
	width:18px;
	height:18px;
}

::-webkit-input-placeholder { color:#afafaf; }
:-moz-placeholder { color:#afafaf; /* Mozilla Firefox 4 to 18 */}
::-moz-placeholder { color:#afafaf; /* Mozilla Firefox 19+ */}
:-ms-input-placeholder { color:#afafaf;/* Internet Explorer 10+ */}


form.typical .check_input{
	position:relative;
}
form.typical .check_input >input{
	width:100%;
}
form.typical .check_input > span{
	position:absolute; right:2px; top:2px;
	width:36px;
	height:36px;
	border-left:1px dotted #d9d9d9;
	background: url("/img/sprite.png") repeat scroll -942px -158px #fff;
}
form.typical .check_input.checked >span{
  background: url("/img/sprite.png") repeat scroll -942px -117px #fff;
}

.file_input{
	overflow:hidden;
	width:85px;
	height:85px;
	position:relative;
	margin:0;
	padding:0;
	background:#e4e4e4;
}
.file_input > img{
	max-width:100%;
	max-height:100%;
}
.file_input input,
.file_input > a,
.file_input .loading {
	height:85px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.file_input input{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:	alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
}
.file_input > a{
	display:block;
	width:100%;
}
.file_input .loading{
	z-index:20;
	background:#fff url(/img/loading.gif) no-repeat center center;
	width:100%;
}

.file_input input:hover{
	cursor:pointer;
}

.pse_select{
	background:#fff;
	border:1px solid #d9d9d9;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	position:relative;
	padding:6px;
}
.pse_select .value{
	font-size:22px;
	width:60%;
	white-space:nowrap;
	display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;

	display: block;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.typical .pse_select{
	padding:10px 6px;
}
.typical .pse_select .value{
  font-size:16px;
}
.pse_select select{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:	alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	width:100%;
	height:100%;
}
.pse_select .arr{
  border-color: #000 transparent transparent  transparent;
  border-style: solid;
  border-width: 7px;
  height: 0;
  position: absolute;
  right: 10px;
  top: 45%;
  width: 0;
  margin:0;
  padding:0;
}
/*forms:end*/

.pop_err,
.pop_msg{
	position:fixed;
	z-index:100;
	width:300px;
	left:50%;
	top:45%;
	margin-left:-150px;
	padding:20px 10px 10px 10px;
	background:#f00;
	color:#fff;
	box-shadow:0 0 5px #000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.pop_msg{
  background:#0f0;
}
.pop_err .close,
.pop_msg .close{
	position:absolute;
	top:5px;
	right:5px;
	font-size:10px;
	color:#fff;
}


.err_err{
	color:red;
}

.err_err.block,
.err_err.block .log{
	color:white;
	background:red;
	padding:5px;
	border:none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.err_err.block .log{
	color:black;
	background:white;
	padding:5px;
	margin:5px;
}

ul.pages{
	list-style:none;
	padding:0;
	margin:20px 0 0 0;
}
ul.pages li{
	display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  zoom: 1;
  width:16px;
  height:16px;
}

#fb_block{
	background:#934ac0;
 	padding-top:40px;
display:none;
}

#fb_block .fblock > .icon {
    position: absolute;
    right: 0;
    top: -229px;
}

#fb_block .fblock .bgline {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 128px;
    margin: -256px 380px 0 0;
}

#fb_block .fblock {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: -128px;
    padding-top: 128px;
    position: relative;
    z-index: 12;
}

.inform_block{
	float:left;
	width:25%;
	max-width:250px;
	position:relative;
}
.inform_block img{
	position:absolute;
	top:0; left:-15px;
}
.inform_block p{
	font:18px/22px 'Arial';
	color:934ac0;
	margin:150px 0 75px 0;
	width:90%;
}

#footer{
	padding:20px 0;
	font-size:13px;
	font-family: 'Arial';
	color:#282828;
}
#footer .center a{
	text-decoration:none;
	display:block;
	float:left;
	margin-right:20px;
}
.soc{
	float:right;
	width:280px;
	margin-top:22px;
}