@charset "utf-8";
/* CSS Document */
body {margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	background-image: url(../siteimgs/backgroundimage.png);	height:100%;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@font-face {font-family:"etlk bld";src: url("../fonts/karbon-semibold-webfont.ttf") format("truetype");}
@font-face {font-family:"etlk mdm";src: url("../fonts/karbon-medium.ttf") format("truetype");}
@font-face {font-family:"etlk nml";src: url("../fonts/karbon-regular-webfont.ttf") format("truetype");}
@font-face {font-family:"etlk ico";src: url("../fonts/fontello.ttf") format("truetype");}

.etlk-link-header{color:#FFF;text-decoration:inherit;}
.etlk-link-header:hover{color:#CCC;}

.etlk-link-navigation{font-family: "etlk mdm";color:#666;text-decoration:inherit; font-size:20px;}
.etlk-link-navigation:hover{color:#333;}

.etlk-link-path{font-family: "etlk mdm";color:#666;text-decoration:inherit; font-size:15px;}
.etlk-link-path:hover{color:#999;}

.etlk-nolink-path{font-family: "etlk mdm";color:#666;text-decoration:inherit; font-size:15px;}

.etlk-link-oper{font-family: "etlk mdm";color:#F60;text-decoration:inherit; font-size:15px;}
.etlk-link-oper:hover{color:#F90;}

.etlk-link-admin-menu{font-family: "etlk mdm";color:#666;text-decoration:inherit; font-size:17px;}
.etlk-link-admin-menu:hover{color:#999;}

.etlk-header-icon{padding-right:5px; padding-bottom:1px;margin-bottom:.20em; vertical-align:middle;}

.etlk-admin-menu-icon{padding-right:5px; padding-bottom:1px;margin-bottom:.05em; vertical-align:middle;}

.etlk-link-hand{cursor:pointer;}

.roundBorderAdminMenu{
	background-color:#e2efda;border-radius:5px;border:solid;border-width:1px;border-color:#CCC; display: inline-block;
	font-family: "etlk mdm";font-size:17px;width:160px; height:30px; background-color:#E4E4E4; color:#666; text-align:left; padding-left:10px; padding-top:8px;
	}


.textField{font-family:"etlk nml";font-style:normal;	font-size:18px;	height:20px;	border-style:solid;	border-left:0px;	border-top:0px;	border-right:0px;	border-bottom-color:#999;	border-bottom-width:1px;	color:#575757;	background-color: transparent; 	}

.labelh1{font-family:"etlk mdm";font-style:normal;	font-size:18px;	color:#575757;	background-color: transparent; 	}

.textArea{	font-family:"etlk nml";	font-style:normal;	font-size:18px;	height:80px; min-width:350px; max-width:100%;	border-style:solid;	border-left:0px;	border-top:0px;	border-right:0px;	border-bottom-color:#999;	border-bottom-width:1px;	color:#575757;	background-color: transparent; 	}

.textAreaBorder{	font-family:"etlk nml";	font-style:normal;	font-size:18px;	height:40px;	border-style:solid;	border-color:#999;	border-width:1px;	color:#575757;	background-color: transparent; 	}
	
.searchField{	font-family:"etlk nml";	font-style:normal;	font-size:18px;	height:20px;	border-style:solid;	border-width:0px;	color:#575757;	background-color: transparent; 	}

.errorDisplay{font-family:"etlk mdm";color:#C60; font-style:italic;}

.saveButton{	font-family:"etlk mdm";	font-style:normal;	font-size:16px;	color:#575757;	cursor:pointer;	height:35px;	width:70px;	}
.saveButton:hover {background-color:#428bca; color:#FFF;}

.saveButtonB{	font-family:"etlk mdm";	font-style:normal;	font-size:16px;	color:#575757;	cursor:pointer;	height:35px;	width:100px;	}
.saveButtonB:hover {background-color:#428bca; color:#FFF;}

.editButton{	font-family:"etlk mdm";	font-style:normal;	font-size:16px;	color:#575757; background-color:#CAFFCA;	cursor:pointer;	height:35px;	width:70px;	}
.editButton:hover {background-color:#005300; color:#FFF;}

.deleteButton{	font-family:"etlk mdm";	font-style:normal;	font-size:16px;	color:#575757; background-color:#CAFFCA;	cursor:pointer;	height:35px;	width:70px;	}
.deleteButton:hover {background-color:#F60; color:#FFF;}

.doneButton{	font-family:"etlk mdm";	font-style:normal;	font-size:15px;	color:#575757;	cursor:pointer;	height:30px;	width:50px;	}

.resetField{	color:#090;	cursor:pointer;	}
	
.headingAdmin{	font-family:"etlk mdm";	font-style:normal;	font-size:20px;	color:#069;	}	
.headingOper{	font-family:"etlk mdm";	font-style:normal;	font-size:15px;	color:#F60;	}	
.roundBorder{	background-color:#F9F9F9;	border-radius:5px;	border:solid;	border-width:1px;	border-color:#CCC;	}
.roundBorder1{	background-color:#e2efda;	border-radius:5px;	border:solid;	border-width:1px;	border-color:#758969;	}
.roundBorder1:hover{background-color:#d3e2c9;}
.roundBorderSmall{	background-color:#F9F9F9;	border-radius:5px;	border:solid;	border-width:1px;	border-color:#CCC;	}
.roundBorderSmall:focus{outline: none !important;border-color:#09C;}
.roundBorderBig{	background-color:#F9F9F9;	border-radius:30px;	border:solid;	border-width:1px;	border-color:#666;	}

.sectionHeading{	font-family:"etlk mdm";	font-style:normal;	font-size:25px;	color:#069;	cursor:pointer;	}
.subHeading{	font-family:"etlk mdm";	font-style:normal;	font-size:18px;	color:#575757;	}
.sectionBody{	font-family:"etlk nml";	font-style:normal;	font-size:18px;	color:#575757;	}

.divHR{height:3px;  display:block; border-bottom-style:solid; border-bottom-color:#333; border-bottom-width:1px; }

.divBR{height:5px;  display:block;}
.divBR1{height:35px;  display:block;}
.fieldWidthSmallest{ width:35px;}
.fieldWidthSmall{ width:75px;}
.fieldWidthMedium{ width:175px;}
.fieldWidthBig{ width:200px;}
.fieldWidthLarge{ width:350px;}
.fieldWidthHuge{ width:500px;}
.fieldWidthComment{ width:515px;}
.fieldReadOnly{read-only;}
.HyperLinkStyle{cursor:pointer;}
.HyperLinkStyleColour{cursor:pointer; font-size:16px; color:#F60;}

.columnHeading{	font-family:"etlk mdm";	font-style:normal;	color:#575757;	background-color:#BBB;	height:40px;	}
.columnHeadingType1{	font-family:"etlk mdm";	font-style:normal;	color:#333;	background-color:#758969;	height:40px;	font-size:14px;	}
.columnHeadingType2{	font-family:"etlk mdm";	font-style:normal;	color:#D5F2FD;	background-color:#a9d08e;	height:40px;	}
.columnCellEmptyType1{	font-family:"etlk mdm";	font-style:normal;	font-size:20px;	color:#ba510b;	background-color:#e2efda;	background-position:center;	background-repeat:repeat;	height:40px;	border-right-width:1px;	border-right-style:ridge;	border-right-color:#CCC;	border-bottom-width:1px;	border-bottom-style:ridge;	border-bottom-color:#CCC;	}
.columnCellType1{	font-family:"etlk mdm";	font-style:normal;	font-size:14px;	color:#666;	background-color:#e2efda;	background-position:center;background-repeat:repeat;	height:40px;	cursor:pointer;	border-right-width:1px;	border-right-style:ridge;	border-right-color:#CCC;	border-bottom-width:1px;border-bottom-style:ridge;	border-bottom-color:#CCC;		}



.etlk-icon    {      font-family: "etlk ico";      font-style: normal;      font-weight: normal;      speak: none;      display: inline-block;      text-decoration: inherit;      width: 1em;      margin-right: .2em;      text-align: center;      
		/* opacity: .8; */     
      	/* For safety - reset parent styles, that can break glyph codes*/
     	font-variant: normal;      text-transform: none;     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

.siteHeader {position:fixed;top:0;left:0;right:0;z-index:999;width:100%;height:80px;background-color:#0c3c60;}
.siteHeaderFont{font-family:"etlk nml";	font-style:normal;	color:#FFF; font-size:18px;}

.siteFooter {position:relative;bottom:0;left:0;right:0;z-index:999;width:100%;height:100px;background-color:#000; height:110px;}
.siteFooterFont{font-family:"etlk nml";	font-style:normal;	color:#666; font-size:18px;}

.siteHeaderFontLink{font-family:"etlk nml";	font-style:normal;	color:#FFF; font-size:18px; cursor:pointer;}
.siteHeaderFontLink:hover{color:#71D0FF; transition: all 1s ease;}

.siteHeaderLeft {height:80px; vertical-align:middle; padding-left:5%; text-align:left;}
.siteHeaderRight {height:80px; vertical-align:middle; padding-right:5%; text-align:right;}
.siteHeaderSpace {width:50px; display:inline-block;}
.siteBody {padding-top:20px; padding-left:8%; padding-right:8%; background-color:#F8F8F8;}

.container-full {position: relative;  max-width: 100%;  margin: 0 auto; }
.container-full img {vertical-align: middle;}
.container-full 
.image-content { position: absolute; left:0%; right:0%;  bottom:0; padding:5px;  background: rgb(0, 0, 0); /* Fallback color */  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */  color: #f1f1f1;   }
.container-full .content2 { position: absolute; left:0%; right:0%;  bottom:0; padding:8px;  background: rgb(0, 0, 0); /* Fallback color */  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */  color: #FFF ; font-style:italic; font-size:18px;}

.etlkHeadingBig{font-family:"etlk bld";	font-style:normal;	font-size:40px; color:#666;}
.etlkHeadingSmall{font-family:"etlk bld";	font-style:normal;	font-size:25px; color:#666;}
.etlkContent{font-family:"etlk nml";	font-style:normal;	font-size:20px; color:#666;}
.etlkPageHeading{font-family:"etlk bld";	font-style:normal;	font-size:50px; color:#069; text-align:center; padding-top:50px;}

.etlkDisplayBox {height:300px; width:250px; vertical-align:middle; display:inline-block; padding:25px;}
.etlkDisplayBox2 {height:200px; width:500px; vertical-align:middle; display:inline-block; padding:10px;}

.etlkButton { color:#FFF; font-family:"etlk nml";font-style:normal;font-size:20px; height:20px; width:100px; vertical-align:middle; text-align:center; display:inline-block; padding:10px; box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); cursor:pointer;}
.etlkButton:hover{color:#069;  transition: all 1s ease;}

.etlkButtonGray { color:#FFF; font-family:"etlk nml";font-style:normal;font-size:20px; height:20px; width:100px; vertical-align:middle; text-align:center; display:inline-block; padding:10px; box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); cursor:pointer; background-color:#666;}
.etlkButtonGray:hover{color:#09C;  transition: all 1s ease;}

.etlkNavigationGray { color:#FFF; font-family:"etlk nml";font-style:normal;font-size:20px; height:20px; width:20px; vertical-align:middle; text-align:center; display:inline-block; padding:10px; box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); cursor:pointer; background-color:#666; font-weight:bold;}
.etlkNavigationGray:hover{color:#09C;  transition: all 1s ease;}

.etlkSpace {width:10px; display:inline-block;}

.etlkImageCintainer { color:#FFF; font-family:"etlk nml";font-style:normal;font-size:20px; vertical-align:middle; text-align:center; display:inline-block; padding:7px; box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); cursor:pointer; background-color:#;}

.zoom:hover {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05); 
   transition: all 0.5s ease;
}
.zoom{ transition: all 0.5s ease;}

.etlk-home-listing-title{width:95%; border-left-width:5px; border-left-color:#e5fbbb; border-left-style:solid; background-color:#FFF;  padding-left:0.5rem;  display:inline-block;}
.etlk-home-listing-data{width:95%; margin-top:15px; padding-left:0.5rem;  display:inline-block;}
.etlk-home-listing-data-subtitle{display:inline-block; padding-left:10px; padding-top:8px; padding-bottom:8px; font-size:1.1rem; font-weight:bold; color:#666;}

.labelTableHeader{font-family:"etlk mdm"; font-size:1.1rem; color:#666;}
.labelTableData{font-family:"etlk mdm"; font-size:1rem; color:#999;}
.tableBorderBottom{border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCC;}
.tableBorderRight{border-right-style:solid; border-right-width:1px; border-right-color:#CCC;}
.QuantityButton{font-family:"etlk mdm";	font-style:normal;	font-size:15px;	color:#575757;	cursor:pointer;	height:25px;	width:30px; text-align:center;outline: none;}
