/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
    font-family : lato,arial,sans-serif;
    font-size   : 11px;
    color       : black;
    background-color  : #EAEAE1; 
}

a       { text-decoration: none; color: #000000; }
a:focus { outline-style: dotted; outline-width: 1px; }
a:hover { text-decoration: none; color: #000000; }
a.cont       { text-decoration: none; color: #000000; }
a.cont:hover { text-decoration: none; color: #000000; }

td { font-family: lato,arial,sans-serif; font-size: 11px; color: #000000; }
.b { font-size: 11px; font-weight: bold}
.u { font-weight: bold; text-decoration: underline}


.lookup {
   font-family: lato,arial,sans-serif; 
   font-size: 11px; 
   border-right:1px solid #999999; 
   border-left:1px solid #999999; 
   border-top:1px solid #999999; 
   border-bottom:1px solid #999999;
}

.editLogon {
   font-family: lato,arial,sans-serif; 
   font-size: 11px; 
   font-weight: bold;
   border-right:1px solid #000000; 
   border-left:1px solid #000000; 
   border-top:1px solid #000000; 
   border-bottom:1px solid #000000;
}

.edit {
   font-family: lato,arial,sans-serif; 
   font-size: 11px; 
   border-right:1px solid #999999; 
   border-left:1px solid #999999; 
   border-top:1px solid #999999; 
   border-bottom:1px solid #999999;
}

.link {
   font-family: lato,arial,sans-serif; 
   font-size: 10px; 
   color: #000000;
   text-decoration: none;
}

.generalLabel {
   font-family: lato,arial,sans-serif; 
   font-size: 10px; 
   color: #000000;
   text-decoration: none;
}

.generalBoldLabel {
   font-family: lato,arial,sans-serif; 
   font-size: 10px; 
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

.generalTitle {
   font-family: lato,arial,sans-serif; 
   font-size: 10px; 
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

.SystemFrontMask {

}

.SystemName {
  position: absolute;
  top: 94%;
  width: 100%;  
  text-align: center;
  font-size: 8px;
}

#wrapper {
  background: url(Resource/system_back.png);
  margin-left: auto ;
  margin-right: auto ;
  margin-top: auto ;
  margin-bottom: auto ;  
  top: 100px;
}

#flip {
  top: 65px;
}

#SystemContainerDIV {
  width: 700px ;
  margin-left: auto ;
  margin-right: auto ;
  margin-top: auto ;
  margin-bottom: auto ;  
}

.SystemAccess {
  position: absolute;
  top: 260px;
  left: 267px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF!important; 
  background-repeat: no-repeat;
  padding-top: 2px; 
  padding-left: 0px;
  width: 118px;
  height: 22px;
}

.SystemAccess img {
  float: right;
  margin-right: 20px;
  margin-top: -3px;
}

.SystemAccess a {
  font-weight: normal;
}


.SystemPrev {
  position: absolute;
  top: 30px;
  left: -30px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF!important; 
  background-repeat: no-repeat;
  padding-top: 2px; 
  padding-left: 0px;
  width: 118px;
  height: 22px;
  z-index: 100;
  border: 0px;
}

.SystemNext {
  border: 0px;
  position: absolute;
  top: 30px;
  left: 540px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF!important; 
  background-repeat: no-repeat;
  padding-top: 2px; 
  padding-left: 0px;
  width: 118px;
  height: 22px;
  z-index: 100;
}

.SystemMaskBack {
  background: url(Skins/Default/in9/bg_menu2.png); 
  background-size: 80% 67%; 
  background-repeat: no-repeat;  
  background-position: center
}

.SystemMaskFront {
}

.shadowed {
-webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
filter: url(#drop-shadow);
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, 
Color='#444')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, 
Color='#444')";
}

.SystemLogo {
}


.SystemLogo #imageLogo {
  position: absolute;
  left: 8px;
  top: 10px;
  width: 55px;
  height: 50px;
  background-color: #ffc600;
}

.SystemLogo #mask {
  position: absolute;
  left: 0px;
  top: 0px;
}

.ui-widget {
	font-family: lato,arial,sans-serif!important;
}