:root {
	--titlebarbg: #06ACFF;
	--titlebarcolor: #333333;
	--oddbg: #D4EEF5;
	--evenbg: #8CC7D6;
	--activebg: #0681F0;
	--txtcolor: #000000;
	--bordertopcolor: #8b8b8a;
	--fntsize: 11px;
	--fntname: Calibre, Arial;
}

body {
	font-family: var(--fntname);
	font-size: var(--fntsize);
	background-color: antiquewhite;
	/*background-image: linear-gradient(antiquewhite, lightblue); */
	/*background-image:url(../images/bg.png);*/
	margin: 0px;
}

td {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.titleBar {
	border-left: 0px solid;
	background-color: var(--titlebarbg);
	height: 27px;
	color:var(--titlebarcolor);
	font-family:var(--fntname);
	font-size:var(--fntsize);
	text-align :center;
	font-weight:bolder;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.odd { /*light color*/
	background-color: var(--oddbg);
	color: var(--txtcolor);
	font-size:var(--fntsize);
	font-family:var(--fntname);
	border-top: solid 1px var(--bordertopcolor);
}

.even { /*Dark color*/
	background-color: var(--evenbg);
	color: var(--txtcolor);
	font-size:var(--fntsize);
	font-family:var(--fntname);
	border-top: solid 1px var(--bordertopcolor);
}

.activeBar {
	background-color: #f58f8f;
	font-family: var(--fntname);
	color: whitesmoke;
	font-weight: bold;
	font-size: var(--fntsize);
	border-top: solid 1px var(--bordertopcolor);
}

.divborder {
	float: left;
	background-color: #058FD4;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 5px 10px 8px #888888;
}


.panelborder {
	background-color: #058FD4;
	border: thin;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 2.5px 5px 4px #888888;
}

.hdrTitle {
	background-color: #06ACFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 27px;
	color: var(--titlebarcolor);
	font-family: var(--fntname);
	font-size: var(--fntsize);
	text-align: center;
	font-weight: bolder;
}

h2 {
	background-color: var(--titlebarbg); /* For browsers that do not support gradients */
	background-image: linear-gradient(var(--titlebarbg), white);
	font-family:var(--fntname);
}

.text {
	font-family: var(--txtcolor);
	font-weight: bold;
	font-size: var(--fntsize);
	color:var(--txtcolor);
	padding-left: 0.5em;
	margin-left: 0.1em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 3px 3px 3px #888888;
}

.text:read-only, .text:disabled {
	background-color:azure;
	color:darkslategray;
}

.button {
	background-image: linear-gradient(to right, #f8adad 0%, #f57f7f 51%, #f53333 100%)
}

.button {
	padding: 0.5em 0.5em;
	text-align: center;
	font-size:10.5px;
	font-weight:bold;
	font-family:Calibri,Arial;
	cursor:pointer;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	outline:none;
	border-style:none;
}

.button:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

.button:disabled {
	background-image: linear-gradient(to right, #888888 0%, #8b8b8a 51%, #000000 100%);
	color:black;
}

.button:

}

.rdochk {
	font-family: var(--txtcolor);
	font-weight: bold;
	font-size: var(--fntsize);
	color: var(--txtcolor);
	padding-left: 0.5em;
	margin-left: 0.1em;
}

.label {
	padding: 0.2em;
	font-size: var(--fntsize);
	font-family:var(--fntname);
	color:var(--txtcolor);
}

.L {
	text-align:left;
}

.R {
	text-align:right;
}

.C {
	text-align:center;
}

.B {
	font-weight:bold;
}

.warning{
	font-family:Arial;
	font-size:xx-large;
	font-weight:bold;
}