input.cbinput {
  width: 16px;
  height: 16px;
  vertical-align:-20%;
}

/* Login box's styles*/
input.login {
    width: 100%;
    line-height:36px;
    margin: 5px auto;
    display: block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding:0 10px;
}

button.login {
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
    width: 100%;
	margin:5px auto;
    font-weight:bold;
    font-family:Arial;
    font-size:16px;
    color:white;
    line-height:42px;
    border:0;
}

label.ForgotPW {
	color:black;
	font-weight:bold;
	cursor:pointer;
}

label.ForgotPW:hover{
	color:#333333;
}

button.login:hover {
    opacity: 0.8;
}

.cancelbtn {
    width: 100%;
    text-align:center;
    line-height:42px;
    background-color: #f44336;
    cursor: pointer;
	font-weight:bold;
    font-family:Arial;
    font-size:16px;
    color:white;
    margin:5px auto;
    border:0;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.container {
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 16px;
}

.errors, .noerrors {	
	border-radius: 50px;
	text-align:center;
    min-width:70%;
    padding:5px 0 5px 0;
    margin:5px auto;
    font-weight:bold;
    font-family:Arial;
    font-size:15px;
    display:block;
}

.errors {
	border:4px solid #8C0000;
	background:#f99;
	color:#500;
}

.noerrors {
	border:4px solid #006600;
	background:#339933;
    color:#006600;
}

.modal {
    position: fixed;
    z-index: 105;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    padding-top: 60px;
	display:none;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 100%; /* Could be more or less, depending on screen size */
    max-width:500px;
    overflow: hidden;
}

.closelogin {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.register {
	float:right;
	font-size: 15px;
	font-weight:bold;
}

.closelogin :hover,
.closelogin :focus {
    color: red;
    cursor: pointer;
}

.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* New styles */
.bodydiv {
	max-width:1200px;
	min-width:800px;
	margin:0px auto;
	border-radius:10px;
	border:1px #A0A070 solid;
	background:white;
	letter-spacing:0.5px;
}

.bodydiv2 {
	border:0;
	padding:20px;
	text-align:left;
	min-height:500px;
}

.headertable {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	border-radius:10px 10px 0 0;
	width:100%;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D0D0C0', GradientType=0);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D0D0C0', GradientType=0);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #D0D0C0 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #D0D0C0 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #D0D0C0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D0D0C0));
}

.headertable td {
	text-align:center;
	vertical-align:middle;
}

.leftheadercell {
	width:16%;
	height:110px;
}

.centerheadercell {
	width:64%;
	height:110px;
}

.rightheadercell {
	width:20%;
	height:110px;
}

.title {
	font-size:18px;
	font-weight:bold;
	color:black;
	margin-top:20px;
}

.codesnipet {
	border:1px darkblue solid;
	line-height: 22px;
	font-family:"Courier New";
	font-size:13px;
	font-weight:bold;
	background:white;
}
.codesnipet p {
	margin:5px 0 5px 0;
}

/* Old styles */
.maintable {
	width:100%;
	background:#FFFFFF;
	border-spacing:0;
	margin:0 auto;
	padding:0;
	border:1px solid #A0A070;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.softwtable
{
	width:92%;
	min-height:200px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin:20px auto;
	padding:10px;
	border: 1px solid #A0A070;
}

.softwtable td {
	border:0;
	padding:10px;
}

.softwtable th {
	border:0;
	text-align:center;
	font-size:17px;
	font-weight:bold;
}

.softwtable img {
	border:0;
	margin:0 10px 10px 0;
	float:left;
}

.headercell {
	width:148px;
	height:128px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;	
}

.headercell img{width:100px;height:100px;border:0;margin:0 auto}

.headercelm{width:748px;}

.headercelr
{
	width:180px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}

.headercell, .headercelm, .headercelr{
	text-align:center;
	background:#C7C2BA;	
	border:0;
}

.headercell, .headercelm, .headercelr, .sidecell, .titlecell {
	padding:10px;
	margin:0;
}
 
.sidecell {
	vertical-align:top;
	text-align:center;
	height:620px;
}

.midlecell {
	padding:0 10px 0 10px;
	margin:0;
	border-top:0px;
	border-bottom:0px;
	border-left:1px solid #A0A070;
	border-right:1px solid #A0A070;
	text-align:left;
	vertical-align:top;
}

.titlecel {	
	text-align:center;
	font-size:22px;
}

.searchrect {
	width:180px;
	text-align:center;
	font-size:16px;
}

.langtable {
	border-collapse:collapse;
	border-spacing:0;
	width:120px;
	height:100px;
	border:0;
	margin:auto;
}

.langtable td {
	border:0;
	padding:0;
	margin:0;
}

.langtable th {
	text-align:center;
	font-size:15px;
}

body {
	font-family:  "Arial  Greek", "Arial", "Helvetica", "sans-serif" ;
	margin-top:3px;
	background:#E0E0F0;
	font-size:14px;
}
	
p, span, td {
	color:black
}

/*Link colors*/
a:link {
	color: #401020;
}

a:visited {
	color: #401020;
}

a:hover {
	color: #1020FF;
}

a:active {
	color: red;
}

a img {
	border:0;
}

img {
	border: 0;
	padding: 0;
	margin: 0 auto;
}

.clform img {	
	width:auto;
	max-width:100%;
}

img.middle {
	vertical-align:middle;
}

h3 {
	color: blue;
}

/*Common text tyles*/
p.center, td.center, form.center, h2.center {
	text-align:center;
}

p.left, td.left, form.left {
	text-align:left;
}

p.right, td.right, form.right {
	text-align:right;
}

table.center, div.center, td.center, form.center {
	margin:0 auto;
}

table.left, div.left, td.left, form.left {
	margin: auto auto auto 0;
}

table.right, div.right, td.right, form.right {
	margin: auto 0 auto;
}

.normal {
	font-weight:normal;
}

.bold {
	font-weight:bold;
}

.N12pt {
	font-weight:normal;
	font-size:17px;
}

.B12pt {
	font-weight:bold;
	font-size:17px;
}

.B12pt2 {
	font-weight:bold;
	font-size:17px;
	color:blue;
}

.B11pt {
	font-weight:bold;
	font-size:15px;
}

.courier10b {
	font-family:"Courier New";
	font-size:14px;
	font-weight:bold;
}

iframe.top {
	width:728px;
	height:92px;
	padding:0;
	margin:0;
}

iframe.left {
	width:120px;
	height:600px;
	padding:0;
	margin:0;
}

iframe.right {
	width:160px;
	height:600px;
	padding:0;
	margin:0;
}

hr.softsep {
	color:white;
	height:8px;
	border:0;
}

hr.bluesep {
	background:blue;
	color:blue;
	height:3px;
	border:0;
}

.red {
	color:red;
}

.green {
	color:#080;
}

.blue {
	color:blue;
}

img.cmenu {
	float:right;
	margin:10px 0 10px 10px;
}

img.uvkwnd {
	width:725px;
	height:557px;
}

.sp100{
	display:inline-block;
	width:100px;
	line-height:30px;

}

.sp50{
	display:inline-block;
	width:50px;
	line-height:30px;
}

.customlogo {	
	font-weight: bold;
	font-family: Algerian;
	font-size: 38px;
	color: #400;
	text-align:center;
}

.uvkbktable {
	background-image: url('/uvk/custom_label/UVK.jpg');
	border:0;
	width:752px;
	height:582px;
	margin:0 auto;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
}

.UVKBranding {
	background-image: url('/uvk/custom_label/UVK.jpg');
	width:752px;
	height:582px;
	position:relative;
	margin:0 auto;
}

.UVKGuiIcon {
	position:absolute;
	left:4px;
	top:3px;
	width:24px;
	height:24px;
	margin:auto;
	text-align:center;
	display:block;
}

.UVKGuiTitle {
	position:absolute;
	left:32px;
	top:3px;
	width:450px;
	height:24px;
	line-height:24px;
	text-align:left;
	display:block;
	font-weight:bold;
	color:black
}

.UVKLogo {
	position:absolute;
	left:11px;
	top:71px;
	width:380px;
	height:245px;
	text-align:center;
	display:block;
}

.GreenBorder {
	border:2px #400 solid;
}

.GreenNumbers {
	position:relative;
	left:1px;top:1px;
	color:#400;
}

.UVKUrldiv {
	position:relative;
	left:21px;
	top:555px;
	width:355px;
	height:20px;
	line-height:20px;
	text-align:center;
}

.UVKUrldiv span, .UVKUrldiv a, .UVKUrldiv a:active, .UVKUrldiv a:hover, .UVKUrldiv a:visited {
	position:relative;
	color:black;
	font-weight: bold;
}
.clform {
	margin:auto;
	border: 1px solid #C7C2BA;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius:7px;
	padding:10px;
	text-align:left;
	vertical-align:middle;
	width:92%;
	position:relative;
}

.uvkdltable, .checktable {
	margin:auto;
	padding:10px;
	width:93%;
	border-collapse:separate;
	border-spacing:0;
	border-top:1px #8F8880 solid;
	border-right:2px #8F8880 solid;
	border-bottom:1px #8F8880 solid;
	border-left:2px #8F8880 solid;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.uvkdltable td, .checktable td {
	border:0;
	border-top:1px #8F8880 solid;
	border-spacing:0;
	border-collapse:collapse;
	margin:0 auto;
	padding:5px 10px 5px 10px;
	line-height:22px;
	font-weight:bold
}

.checktable td {
	text-align:center
}

.uvkdltable th, .checktable th {
	border:0;
	padding:5px 10px 5px 10px;
	line-height:22px;
	font-weight:bold;
}

.checktable td p {
	margin:6px;
	line-height:20px;
}

a.button, input.button {
	border:1px black solid;
	display:inline-block;
	overflow:auto;
	padding:0;
	margin:0;
	z-index:2;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:white;
	cursor:pointer;
	background:#101010;
}

.softwtable, .headercell, .headercelm, .headercelr, .clform, .uvkdltable, .checktable {	
	color:black;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F0F0E0',GradientType=0);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0E0', endColorstr='#000000',GradientType=0);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #F0F0E0 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F0F0E0 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #F0F0E0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFFFFA));
	background: -gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFFFF0));
}

.uvkdlcell1 {
	min-width: 100px;
}

.uvkdlcell2 {
	min-width: 350px;
}

.titlecel, .searchrect {
	height:40px;
	background:black;
	font-weight:bold;
	color:white;	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e2ca', endColorstr='#404030',GradientType=0);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e2ca', endColorstr='#404030',GradientType=0);
	background: -ms-linear-gradient(top, #e7e2ca 0%, #404030 100%);
	background: -moz-linear-gradient(top, #E7E2CA 0%, #404030 100%);
	background: -o-linear-gradient(top, #E7E2CA 0%, #404030 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E7E2CA), color-stop(1, #404030 ));	
}


input.button:hover, a.button:hover {
	background:#A0A0A0;
	color:black;
}

input.sright {
	display:inline-block;
	float:right;
	margin-top:1px;
}

label.lcenter {
	display:inline-block;
	margin-top:3px;
}
.regular {
	font:14px "Lucida console", "Courier new";
}
.codetag {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}

.desktop_ad {
	display:block;
	visibility:visible;
	max-width:730px;
	max-height:92px;
	padding:0;
	border:0;
	margin:20px auto 0 auto;
	position:relative;
}

.mobile_ad {
	display:none;
	visibility:hidden;
}

.videoframe {
	width:705px;
	height:430px; 
}

.menudiv {
	font-family:Arial;
	margin:0;
	padding:0;
	font-size:0;
	background: #000000;
	text-align:center;
	z-index:100;
	width:100%;
	min-width:600px;		
}

.menustatic {
	position:static;
}

.menufixed {
	position:fixed;
	top:0;
	left:0;
}

.menudiv ul {
	margin:0;
	padding:0;
	border:0;
	display:block;
	width:100%;
	list-style:none;
	z-index:101;
}

.menudiv ul, .menudiv {
	background-color:#101010;
}

.menudiv ul li {
	display:inline-block;
	border:0;
	margin:0;
	padding:0;
	width:144px;
	height:34px;
	line-height:34px;
	color:white;
	cursor:default;
	position:relative;
}

.menudiv ul li a {
	margin:2px;
	padding:0;
	display:block;
	width:140px;
	height:30px;
	line-height:30px;
	color:white;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

.menudiv ul li a:link:hover {
	text-decoration:underline;
}

.menudiv ul li a:hover {
	background:#dde;
	border:0;
	color:black;
}

.menudiv ul ul {
	position:absolute;
	top:34px;
	left:-30px;
	width:204px;
	display:block;
	border:1px #909090 solid;
	border-radius:3px;
	visibility:hidden;
}
	
.menudiv ul li:hover ul {
	visibility:visible;
}

.menudiv ul ul li {
	width:204px;
}

.menudiv ul ul li a {
	width:200px;
}

.wrap {
	text-align:center;
	width:100%;
	border:0;
}

.wrap td {
	width:30%;
}

#menu_img {
	position:fixed;
	z-index:101;
	top:0px;
	left:0px;
	height:0px;
	width:48px;
	visibility:hidden;
}

a.topscrollervisible {
	visibility:visible;
	display:block;
	cursor:pointer;
}

a.topscrollerhidden {
	visibility:hidden;
	display:none;
}

a.topscroller {	
	z-index:2000;
	position:fixed;
	bottom:12px;
	right:12px;

}

.pagerow {
	width:100%;
	text-align:center;
	display:block;
}

.centeredrow {
	width:100%;
	text-align:center;
	display:inline-block;
}

.halfrow {
	width:48%;
	min-width:280px;
	display:inline-block;
	margin: 5px 5px;
}
		
input[type=text], input[type=password] {
	line-height:30px;
}
.tleft {
	text-align:left;
}
.tcenter {
	text-align:center;
}


@media only screen and (min-width: 900px) and (orientation: landscape)
{
	.bodydiv {
	    max-width:1600px;
	}
	
	.videoframe {
		width:800px;
		height:500px; 
	}


}

@media only screen and (max-width: 550px) and (orientation: portrait){
	
	#menu_img {
		visibility:visible;
		display:block;
		height:48px;
	}
	
	.menudiv {
		position:fixed;
		left:0px;
		top:48px;
		width:200px;		
	}
	
	.menudivhide {
		height:0px;
		visibility:hidden;
	}
	
	.menudivshow {
		height:auto;
		visibility:visible;
	}	
	
	.menudiv ul {
		min-width:146px;
		width:146px;
		padding:2px 0 2px 0
	}
	
	.menudiv ul ul {
		position:fixed;
		left:142px;	
		top:48px;
		min-height:165px;
		width:180px;
		padding:2px 0 2px 0;
	}
	
	.menudiv ul ul li {
		width:180px;
		height:34px;
	}
	
	.menudiv ul ul li a {
		width:176px;
		line-height:34px;
	}

	.menudiv ul li {
		margin:0;
		padding:0;
		height:34px;
		line-height:34px;
	}
	
	.menudiv ul li a {
		height:34px;
		margin:0 2px 0 2px;
		line-height:34px;
	}
	
	body {
		 margin:1px;
		 padding:0;
	}
		
	.bodydiv, .bodydiv2 {
		width:auto;
		min-width:300px;
		padding:2px;
	}
	
	.headercelm, .headertable{
		width:100%;
		min-width:0;
	}
	
	.rightheadercell, .share42init {
		visibility:hidden;
		height:0
	}
	.softwtable, clform, uvkdltable, .checktable{
		width:98%;
		max-width:98%;
		min-width:250px;
	}
		
	.leftheadercell img{
		margin:0 auto 0 auto;
		max-height:105px;
	}
	
	.centerheadercell {
		height:80px;
	}
	
	.headertable td, .softwtable td, .sp100, .sp50, .uvkdltable, .checktable, .wrap td{
		display:block;
		width:auto;
		min-width:200px;
	}
	
	.uvkdlcell2 {
		visibility:hidden;
		display:none;
		min-width:0;
		width:0
	} 
		
	.desktop_ad {
		display:none;
		visibility:hidden;
	}
	
	.mobile_ad {
		display:block;
		visibility:visible;
		width:98%;
		max-height:602px;
		padding:0;
		border:0;
		margin:20px auto 0 auto;
	}
	
	.sp100 {
		height:30px;
	}
	
	img {
		max-width:95%;
	}

	.videoframe {
		width:100%;
	}
	.clform {
		max-width:98%;
	}
	
	a.button, input.button {
		width:100%;
		margin:5px auto;
	}
	span.psw {
       display: block;
       float: none;
    }
    
	.cancellogin {
	       width: 100%;
	       float: right;
	}

	div.clform form input[type=text], form.clform input[type=text] {
		height:36px;
		line-height:36px;
	}
	
	.menustatic {
		position:fixed;
	}
	
	.wrap td {
		display:inline-block;
		width:90%;
	}
			
	input[type=text], input[type=password] {
		min-height:36px;
		line-height:36px;
		min-width:80%;
		width:100%;
	}
	
	.halfrow {
		width:100%;
	}

}