BODY,HTML {
  background-image: url(../img/backgroung4.bmp);
  background-repeat: repeat;
  margin: 0 0 0 0;
  text-align: center;
}
INPUT {
  FONT-SIZE: 10px;
  COLOR: Black;
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
  background: White;
  border: 1px Solid Black;
}

div#infData {
	opacity: 1;
	-webkit-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -o-transition: opacity 2s;
  transition: opacity 2s;
}


.fadein {
	transition-property: visibility, opacity;
	transition-duration: 0, 0.5s;
}

.fadeout {
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
}


#bar_blank {
  border: none;
  height: 25px;
  width: 290px;
	}
 
#bar_color {
  background-color: #de8a2f;
  border-radius: 5px;
  padding: 5px;
  height: 25px;
  width: 0px;
}
 
#bar_blank, #hidden_iframe {
  display: none;
}

SELECT{
  FONT-SIZE: 10px;
  COLOR: Black;
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
  background: White;
  border: 1px Solid Black;
  }
input.no_selection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}  
INPUT#btnGo{
  background: #228B22;
  width:70px;
}
INPUT#btnCancel{
  background: Red;
  width:70px;
}
INPUT#inpLogin{
  background: White;
}
textarea {
	FONT-SIZE: 10px;
   COLOR: Black;
   FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background: White;
   border: 1px Solid Black;
}
A:link{text-decoration: none;  color: Black;}
A:visited {text-decoration: none;  color: Black;}
A:active {text-decoration: none;  color: Black;}
A:hover {text-decoration: none;  color: White; font-weight: bold;}

H1{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 60px;
  font-weight: bold;
}
H3 {
  text-align: center;
  color: Black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bolder;
}
span.editAccessLabel{
 	FONT-SIZE: 12px;
  COLOR: Black;
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

div.titbar {
  width: 75%;
  position: relative;
  top: 15px;
  height: 130px;
  background: #F0E0FF;
  background-image: url(../img/banner4_strip.png);
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-top-left-radius: 10px;
  border-right: 1px solid black;
  border-top-right-radius:10px;
  border-bottom: 1px dotted black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 20px 0 25px;
  margin:  auto;

}
div.titbar a:link{color:White;}
div.titbar a:active{color:White;}
div.titbar a:visited{color:White;}

div.main {
  width: 75%;
  position: relative;
  top: 15px;
  background: #AEBC68;
  border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 25px 20px 0 25px;
  text-align: left;
  margin: auto;
  min-height:700px;
  height:auto; 
}

div.infomsg{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  position:absolute;
  right:20%;
  width:300px;
  height:130px;
  background-image: url(../img/infomsg.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 20px 0 25px;
  /*border: 2px Dotted Grey;*/
  color: White;
  /*background: Green;*/
  font-size: 11px;
}

td.formLabel{
  width:auto;
}

div.main p{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  border-bottom: 1px solid Navy;
}
div.main ul{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

div.main p.top{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  border-bottom: none;
}

.iconmenu{
  text-align: center;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bolder;
  padding: 3px 3px 3px 3px;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	overflow:hidden;  

}

.iconmenu:hover{
	opacity: 0.5;
	-webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  /*-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
  -o-transform:rotate(10deg);*/
}

div.login{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  background: #B7B7B7;
  font-size: 13px;
  border: 10px double #CCCCFF;
  width: 280px;
  height: 180px;
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 5px 5px;
  text-align: left;
}

fieldset.login{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  background: #B7B7B7;
  font-size: 13px;
  border: 1px solid Navy;
  width: 260px;
  height: 150px;
  padding: 5px 5px 5px 5px;
  text-align: left;

}

div.info{
  position:Relative;
  top:25px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 750px;
}

.msghead {
  background: #de8a2f;
  color: White;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  /*width: 200px;*/
}
.msghead a:link{color:White;}
.msghead a:active{color:White;}
.msghead a:visited{color:White;}

img.imgView{
  max-width: 100%;
  max-height: 100%;
  width: auto\9; /* ie8 */
  /* display: block; */
  border:1px solid black;
}
div.imgFrame {
  color: Black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
}

span.ImgDescription{
  color: Black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;	
}

span.imgFrame {
  color: Black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center; 
  margin: 20px; 
}

.imgFrame a:link{color:White;}
.imgFrame a:active{color:White;}
.imgFrame a:visited{color:White;}

.msgtableOdd {
  background: #CECFFF;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  margin: 3px 3px 3px 3px;

}
.msgtableEven {
  background: #d8d8d8;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  margin: 3px 3px 3px 3px;
  height: 30px; 

}
.msgtableLastPost {
  background: #E7FFCE;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  margin: 3px 3px 3px 3px;
}

.msg{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
}
table.listBox{
  text-align: left;
  border-style: dotted;
  border-color: Black;
  border-width:1px;
  width: 95%;
  margin: auto;
  /*height: 80px;*/
}
table.titbar{
 width: 100%;
 border: none; 
}
table.menumain{
  border: none; 
  /* border-collapse:collapse;*/
  border-spacing: 20px;
  margin: auto;
  }
td.formInput{
  width:45%;
}
.listMsgsBox{
  border-style: dotted;
  border-color: Black;
  border-width:1px;
  width: 550px;
  /*height: 80px;*/
}
.topframel {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: green;
  height: 28px;
  text-align: left;
  width: 50%;
  padding: 0 0 0 0;
  float:left;
}
.topframer {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: green;
  height: 28px;
  text-align: right;
  width: 50%;
  padding: 0 0 0 0;
  float:right;
}
.login {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
}
.registrace {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
}
div.news{
	font-size: 13px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
div.reklama{
	position: absolute;
	text-align: center;
	bottom: 50px;
}
table.formBox{
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Normal;
	border-top: 1px Dotted Black;
	border-left: 1px Dotted Black;
	border-right: 1px Dotted Black;
	width: 95%;
}

table#NewURLBox{
	position: relative;
	top: 25px;
}

INPUT#btn_upload_file:disabled{
	background:#DCDAD1;
	color:gray;
	
}

.UploadProgress{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: White;
	background: Green;
	text-align:left;
	width:295px;
	height:35px;
	padding: 5px;
	border-radius: 5px;
	margin-left: auto ;
  margin-right: auto ;
  white-space: nowrap;
	}

div.GoodData{
	width:300px;
	display: block;
	line-height: 40px;
	height: auto;
	vertical-align: middle;
	position:fixed;
	left: 50%;
	transform: translateX(-50%);
	top:15%;
  margin-left: auto;
  margin-right: auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: White;
	background: Green;
	/*border: 2px dotted gray;*/
	padding: 15px;
	text-align:center;
	border-radius: 5px;
	z-index: 10;
	-webkit-box-shadow: 11px 18px 17px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 11px 18px 17px -2px rgba(0,0,0,0.75);
	box-shadow: 11px 18px 17px -2px rgba(0,0,0,0.75);
	}
.BadData{
	width:300px;
	display: block;
	line-height: 40px;
	height: auto;
	vertical-align: middle;
	position:fixed;
	left: 50%;
	transform: translateX(-50%);
	top:15%;
  margin-left: auto;
  margin-right: auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: White;
	background: #C80000;
	/*border: 2px dotted gray;*/
	padding: 15px;
	text-align:center;
	border-radius: 5px;
	z-index: 10;
	-webkit-box-shadow: 11px 18px 17px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 11px 18px 17px -2px rgba(0,0,0,0.75);
	box-shadow: 11px 18px 17px -2px rgba(0,0,0,0.75);
	}
span.editAccessLAbel{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  }

/* for progress div in center */
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {vertical-align: middle; width: 100%;}
#inner {position: relative; top: -50%; text-align:center;} /* for explorer only */
#wait {visibility:hidden; border:0;}