/*
 ******************************************
 *** CSS Document for Kiron Meters
 *** Created by Pranjal Kumar Hazarika
 *** Started: 29th Apr 2009
 *** Last Modified: 05 Aug 2021
 ******************************************
*/
/* [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ] */

	body 	{ 	background: #EEEEEE url(../images/logo_big.gif) no-repeat; 
				background-attachment: fixed;
				background-position: 200 100;
			}
	.style15 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: bold;
	}
	.style18 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
	.style19 {font-size: small}
	.style20 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
	.style21 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border-color: #CCCCCC;
		border-width: 1px;
		border-style: solid;
	}
	.style27 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #1B5897; }
	.style29 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #1B5897; }

	.style1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
	.style2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
	.styleNormal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #555555; }
	.styleSmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; }
	.styleSmall2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1px; color: #555555; }
	.styleSmall3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #555555; }
	/* .styleSmall4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; } */
	.styleMedium {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
	.styleMedium2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }
	.styleMedium3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #555555; }
	.medium3Bborder {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #1B5897; border-bottom: 2px ridge #1B5897;}
	.styleBig { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; }
	.styleBig2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #555555;}
	.styleBig3{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #555555; position: relative; left: 30%;}
	.styleBig4{	font-family: sans-serif; font-size: 16px; font-weight: bold; color: #555555; text-align: left; }
	.styleLastDate { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #555555; font-style: italic;}
	
	.edgesnone { border-style: none; border-color: #FFFFFF; border-width: 0px; padding: 5px; }
	.edges { border-style: ridge; border-color: #1B5897; border-width: 2px; padding: 5px; }
	.edgeThin { border-style: solid; border-color: #CCCCCC; border-width: 1px; padding: 5px; }
	.edgeThinB { border-style: solid; border-color: #CCCCCC; border-width: 1px; padding: 5px; font-weight: bold;}

	B.COLR{ color: #113963; }

	.bkgStripe { background-image: url(images/centerStripe.gif); background-repeat: repeat-x; border-style: none; }
	.ProdLinks { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		font-variant: normal;
		text-transform: capitalize;
		text-decoration: none;
		cursor: pointer;
		color: #4582C1;
	}

	.zoom {
	  padding: 5px;
	  background-color: transparent;
	  transition: transform .2s; /* Animation */
	  /* width: 200px; */
	  height: 200px;
	  margin: 0 auto;
	}

	.zoom:hover {
	  transform: scale(2.0); /* (200% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}

	.zoomcert {
	  padding: 25px;
	  background-color: transparent;
	  transition: transform .2s; /* Animation */
	  /* width: 200px; */
	  height: 200px;
	  margin: 0 auto;
	}

	.zoomcert:hover {
	  transform: scale(2.2); /* (250% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}

	.vertical-center {
	  margin: 0;
	  position: relative;
	  top: 50%;
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	}

	#footer {
		position: fixed;
		bottom: 0px;
		right: 0px;
		width: 40px;
		height: 25px;
		color: #FFFFFF;
		background-color: #4784C2;
	}
	A:link, A:visited, A:active { text-decoration: none; font: 10pt Verdana; color: #f3f3f3 }

	#bottomlock {
		position: fixed;
		bottom: 0px;
		left: 35%;
	}

	.email {
		/* text-shadow: #000000 1px 1px 5px ; */
		text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.5em black;
		text-decoration: none;
	}
	
	.error {
		color: #ff0000;
		font-family: sans-serif;
		font-size: 10px;
		font-style: normal;
		text-align: right;
		margin-right: 1em;
	}
	
	.errorBold {
		color: #ff0000;
		font-family: sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold; 
		text-align: right;
		margin-right: 1em;
	}
	
	.pkTable {
		border: 2px groove #ccc;
		/* border-collapse: collapse; */
		border-radius: 5px;
		border-spacing: 3px 5px;
		font-family: sans-serif;
		box-shadow: 10px 10px 30px 2px #aaa;
	}
	
	.pkThead {
		text-align: left;
	}
	
	.pkTh {
		border:1px solid #ccc;
		border-radius: 8px;
		padding:8px 8px;
		background-color: lightgray;
	}

	.pkTd {
		border:1px solid #ccc;
		border-radius: 5px;
		padding: 3px 5px;
		font-size: 12px; 
		font-weight: normal; 
		color: #555555;
		/* text-align: right; */
	}
	
	.none {
		border:0px solid #ccc;	
		text-align: center;
	}
		
	.myButton {
		box-shadow: 2px 2px 5px 2px #276873;
		background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
		background-color: #599bb3;
		border-radius: 8px;
		/* display: inline-block; */
		cursor: pointer;
		color: #ffffff;
		font-family: sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding: 10px 32px;
		text-decoration: none;
		text-shadow: 2px 2px 1px #3d768a;
	}
	.myButton:hover {
		background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
		background-color:#408c99;
	}
	.myButton:active {
		position:relative;
		top:1px;
	}