@import url('https://fonts.googleapis.com/css?family=Open Sans:300');

.blackBg {
    background: #000000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.blackBg.hide{
  display:none;
}

.OfflajnWindowFont.mini{
  width: 764px;
  height: 293px;
  background: #f5f5f5 url('../images/close.png') right top no-repeat;
  border-radius: 7px;
  z-index: 10000;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -250px 0 0 -382px;
  box-shadow: 0px 0px 3px #565656;
}

.OfflajnWindowFont .onoffbutton[id$=uppercase] div {
	width: 15px;
	margin-left: -3px;
}

.OfflajnWindowFont.hide{
  display:none;
}

.OfflajnWindowFont .OfflajnWindowClose{
  position:absolute;
  cursor: pointer;
  height: 17px;
  width: 20px;
  top: 0;
  right: 0;
}

.OfflajnWindowFont.mini .OfflajnWindowInner{
  margin: 20px 30px 0 30px;
  width: 704px;
  float:left;
  position: relative;
}

.OfflajnWindowFont .OfflajnWindowInner h3{
  font-family: 'Open Sans';
  font-size: 23px;
  line-height: 40px;
  font-weight: 300;
  color: #5d5c5c;
  text-shadow: #fff 1px 1px 2px;
  margin: -5px 0 0 0;
  border: 1px #d1d1d1 solid;
  border-width: 0 0 1px 0;
}

.OfflajnWindowFont .OfflajnWindowInner h3 .offlajnradiocontainerbutton{
  float: right;
  margin-right: 4px;
}

.OfflajnWindowFont .OfflajnWindowLine{
  width: 100%;
  height: 9px;
  border: 1px #fff solid;
  border-width: 1px 0 0 0;
}

.OfflajnWindowFont .OfflajnWindowFields{
  width: 100%;

}

.OfflajnWindowFont .OfflajnWindowFields .OfflajnWindowField{
  float: left;
  height: 45px;
  font-family: 'PT Sans';
  font-size: 12px;
  color: #9f9f9f;
  text-shadow: 1px 1px 1px #fff;
  line-height: 20px;
  margin-right: 14px;
}

.OfflajnWindowFont .OfflajnWindowTester{
  margin-top: 15px;
  padding: 10px;
  float: left;
  height: 69px;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 0 1px #FFFFFF;
  border-radius: 4px;
  transition: background 300ms ease 0s;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.OfflajnWindowFont .OfflajnWindowTester span{
  padding: 0px;
}

.font_select {
  width: 79px;
  height: 22px;
  background: url("font_settings.png") no-repeat;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.font_select:HOVER {
  background: url("font_settings.png") 0 -24px no-repeat;
}
/*
.font_select:ACTIVE {
  background: url("font_settings.png") 0 -50px no-repeat;
}*/

.offlajnfont_reset {
  cursor: pointer;
  height: 12px;
  width: 14px;
  padding:3px 3px 4px 3px;
  border-radius: 4px;
  float: right;
  margin-right: 10px;
  border: 1px solid #D3D3D3;
  background: -moz-linear-gradient(top, #fafafa 0%, #dcdcdc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fafafa 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fafafa 0%,#dcdcdc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafafa 0%,#dcdcdc 100%); /* IE10+ */
  background: linear-gradient(top, #fafafa 0%,#dcdcdc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
  box-shadow: 1px 1px 1px RGBA(255,255,255,0.5) inset, 0px 1px 0px RGBA(0,0,0,0.2);
}

.offlajnfont_reset_img {
  height: 13px;
  width: 14px;
  background: url("../images/trashcan.png") no-repeat;
  margin-top: 1px;
}

.OfflajnWindowSaveContainer{
  width: 162px;
  float: left;
  position: relative;
  left: 50%;
  bottom: 5px;
  margin-left: -81px;
  background: #d3d3d3;
  padding: 3px;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 20px;
}

.OfflajnWindowSave{
  width: 160px;
  height: 20px;
  border: 1px solid #579901;
  line-height: 20px;
  border-radius: 3px;
  background: #77ba01; /* Old browsers */
  background: -moz-linear-gradient(top, #77ba01 0%, #569801 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77ba01), color-stop(100%,#569801)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #77ba01 0%,#569801 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #77ba01 0%,#569801 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #77ba01 0%,#569801 100%); /* IE10+ */
  background: linear-gradient(top, #77ba01 0%,#569801 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77ba01', endColorstr='#569801',GradientType=0 ); /* IE6-9 */
  text-align: center;
  font-family: 'PT Sans';
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  box-shadow: 1px 1px 2px #BFBFBF, 1px 1px 1px #A0DB38 inset;
}

.OfflajnWindowSave:HOVER{
  background-image:-moz-linear-gradient(top, #6fad02, #518f01);
}

.OfflajnWindowSave:ACTIVE{
  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.4) inset;
}

.offlajnlist b,
.listelement b {
  display: none;
}