@charset "windows-1251";
 /* CSS Document */ 

body         { font-family: Verdana; font-size: 8pt }

.VersionDescHeader { font-family: Verdana; font-size: 10pt; font-weight:bold; padding-top:10px }
.VersionDescDate { font-family: Verdana; font-size: 10pt }
.VersionDescPart { font-family: Verdana; font-size: 10pt; padding-top:3px; text-decoration:underline }

.redline     { color: #FFFFFF; padding-left: 10px; padding-right: 7px; background-color: 
               #FF0000 }
.aboutimage  { border: 1px solid #000000 }
.aboutmenu   { font-family: Verdana; font-size: 10pt; background-color: #E0E0E0 }
.tableheader { color: #000000; font-family: Verdana; font-size: 10pt; background-color: 
               #E0E0E0; text-align:left; font-weight:bold }
               
.tableheader2 { padding:10px; color: #000000; font-family: Verdana; font-size: 10pt; background-color: 
               #E0E0E0; text-align:left; font-weight:bold }  
                            
.tableheader3 { padding:10px; color: #FFFFFF; font-family: Verdana; font-size: 10pt; background-color: 
               #4577D4; text-align:left; font-weight:bold } 
               
.tableheader4 { padding:10px; color: #d71921; font-family: Verdana; font-size: 10pt; background-color: 
               #ffde00; text-align:left; font-weight:bold }     
               
.tableheader5 { padding:10px; color: #FFFFFF; font-family: Verdana; font-size: 10pt; background-color: 
               #A66C00; text-align:left; font-weight:bold }     
          
.tableheader6 { color: #000000; font-family: Verdana; font-size: 10pt; text-align:left; font-weight:bold; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:10px }                   
               
.tablecontent { padding:10px; color: #000000; font-family: Verdana; font-size: 10pt }               
               
.GeneralText { font-family: Verdana; font-size: 10pt; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:10px }
.NormalText { font-family: Verdana; font-size: 10pt; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:0px }
.PageTitle 	{ font-family: Verdana; font-size: 10pt; padding-left:0; padding-right:10px; padding-top:0; padding-bottom:10px; text-transform: uppercase; font-weight: bold }
.SmallText { font-family: Verdana; font-size: 8pt }
.BottomText { font-family: Verdana; font-size: 11px; color:#FFFFFF  }

.menucell { font-family: Verdana; 
			font-size: 12px;  
			border-left-width: 1px; 
			border-right: 1px solid #BB6B00; 
			border-top-width: 1px;
			border-bottom-width: 1px; 
			padding-left:9px; 
			padding-right:9px; 
			color:#000000; 
}

:hover.menucell { 	animation-name: blink;
					animation-timing-function: linear;
					animation-duration: 1s;
					animation-iteration-count: infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

.menucellright { font-family: Verdana; 
				 font-size: 12px;
				 border-left-width: 1px;
				 border-top-width: 1px; 
				 border-bottom-width: 1px;
				 padding-left:10px; 
				 padding-right:10px; 
				 color:#000000 
}

:hover.menucellright { 	animation-name: blink0;
					animation-timing-function: linear;
					animation-duration: 1s;
					animation-iteration-count: infinite;
}		

@keyframes blink0 {
  50% {
    opacity: 0;
  }
}			

.bottomcell { background-color: #4577D4; padding-left:15px; padding-right:6px; padding-top:6px; padding-bottom:6px; color:#FFFFFF }

.aroundaboutmenu { padding-left: 15px; padding-top:15px; padding-bottom:15px }

a {color:#000000 }
a:link		{ text-decoration: none;  }
a:active	{ text-decoration: underline;  }
a:hover		{ text-decoration: underline;  }
a:visited	{ text-decoration: none;  }

a:link.headmenu     { text-decoration: none;  }
a:active.headmenu	{ text-decoration: underline;  }
a:hover.headmenu    { text-decoration: underline;  }
a:visited.headmenu  { text-decoration: none;  }

.logotext { font-family: Verdana; font-size: 11pt; font-weight: bold; color:#000000 }
.logotextbottom { font-family: Verdana; font-size: 8pt; font-weight: bold; color:#5F5F5F }


.demobutton { 	 background-color: #9DEAFD;
				 border: 1px solid #58ADE7;
				 transition: All 3s ease; 
				 font-family:Arial; 
				 text-align:center;
				 position: relative;
				 overflow: hidden
			}
			
:hover.demobutton {
				background-color: #77E573;
				border: 1px solid #307D30;
				transition: All 3s ease;
				font-family:Arial;
				text-align:center
}

.tolearnmore { 	 background-color: #ecdb8b;
				 border: 1px solid #BF8D30;
				 transition: All 3s ease; 
				 font-family:Arial; 
				 text-align:center;
				 position: relative;
				 overflow: hidden;
			}
			
:hover.tolearnmore {
				background-color: #77E573;
				border: 1px solid #307D30;
				transition: All 3s ease;
				font-family:Arial;
				text-align:center
}	

.package	{ 	 background-color: #ecdb8b;
				 border: 1px solid #BF8D30;
				 transition: All 3s ease; 
				 font-family:Arial; 
				 text-align:center;
				 position: relative;
				 overflow: hidden;
			}

:hover.package {
				background-color: #77E573;
				border: 1px solid #307D30;
				transition: All 3s ease;
				font-family:Arial;
				text-align:center
}	

table .demobutton { border-radius: 5px; }
table .tolearnmore { border-radius: 5px; }
table .package { border-radius: 5px; }
table .license { border-style:solid; border-width:1px; padding:10px; border-radius: 10px; background-color:#FFFF99 }
input .demobutton { border-radius: 5px; }

.blink1 { animation-name: blink1;
	animation-timing-function: linear;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

@keyframes blink1 {
  75% {
    opacity: 0;
  }
}

:target.modalDialog {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}