@charset "utf-8";
/* CSS Document */
::-webkit-scrollbar {
      width: 15px;
} /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
      background-color: #000000;
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color: rgba(33, 33, 33, 0.2); 
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-button {
      background-color: #48b7ff;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
@font-face {
  font-family: "BankGothic Md BT";
  src: url(http://www.rytekit.net/bankgthd.eot?#iefix) format(embedded-opentype), 
  url(http://www.rytekit.net/bankgthd.ttf) format("truetype");
}

* {
  padding: 0;
  margin: 0;
  }

body {
  position: relative;
  min-height: 100%;
  background-image: url(images/rytekit-background.jpg);
  height:100%;
  padding-bottom: 50px;
  color: #DDDDDD;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size:14px;
  scrollbar-face-color: #000000;
scrollbar-shadow-color: #2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color: #7D7E94;
scrollbar-darkshadow-color: #2D2C4D;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #C1C1D1;
  }
  
/* Gradient transparent - blue - transparent */
hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(72, 183, 255, 1), rgba(0, 0, 0, 0));
  }
  
h1 {
  color: #FFFFFF;
  font-family: "BankGothic Md BT";
  font-size: 24px;
  font-weight: 100;
  margin: auto;
  text-shadow: -1px -1px 0 #48b7ff, 1px -1px 0 #48b7ff, -1px 1px 0 #48b7ff, 1px 1px 0 #48b7ff;
  text-align: center;
  }

h2 {
  color: #48b7ff;
  font-family: "BankGothic Md BT";
  font-size:20px;
  font-weight: 100;
  }

h3 {
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align:right;
  vertical-align: text-bottom;
  }

h4 {
  color: #FFFFFF;
  font-family: "BankGothic Md BT";
  font-size: 16px;
  font-weight: 100;
  margin: auto;
  text-shadow: -1px -1px 0 #48b7ff, 1px -1px 0 #48b7ff, -1px 1px 0 #48b7ff, 1px 1px 0 #48b7ff;
  text-align: center;
  }  

#wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: none;
  padding: 0;
  border-spacing: 0;
  vertical-align: text-top;
  margin-bottom: -50px;
  color: #DDDDDD;
  font: bold Arial, Helvetica, sans-serif;
  font-size:14px;
  }  
  
#header {
  width: 100%;
  height: 366px;
  padding: none;
  border: none;
  border-spacing: none;
  }

#leftmenu {
  width: 200px;
  float: left;
  vertical-align: text-top;
  margin: auto;
  padding: 25px;
  }
  
#content {
  width: 100%;
  min-height: 100%;
  margin-left: auto ;
  margin-right: auto ;
  vertical-align: text-top;
  margin-bottom: -50px; /* Equivalent to footer's height */
  padding-bottom: 50px; /* Equivalent to footer's height */
  }
  
#rightmenu {
  width: 200px;
  float: right;
  vertical-align: text-top;
  margin: auto;
  padding: 25px;
  }
  
#footer {
  background-image: url(images/footerbg.png);
  height: 50px;
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: auto;
  text-align: center;

  }
  
table.footer {
  width: 100%;
  height: 50px;
  margin: auto;
  vertical-align: text-bottom;
  }
  
table.header1 {
  width: 100%;
  height: 146px;
  padding: 0;
  border: none;
  border-spacing: 0;
  }

table.header2 {
  background-image: url(images/header.png);
  width: 100%;
  height: 220px;
  padding: 0;
  border: none;
  border-spacing: 0;
  }
  
input    {
width:180px;
text-indent: 5px;
background-color: #333333;
color: #FFFFFF;
font-weight: bold;
display:block;
border: 1px solid #48b7ff;
height: 20px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.button {
width:150px;
text-indent: 0px;
margin: auto;
background: #333333;
color: #FFFFFF;
font-family:"BankGothic Md BT";
font-weight: 100;
font-size:16px;
height:20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #48b7ff;
}

input.button:hover {
background:#fff;
color:#09C;
}
  
td.lheader {
  width: 342px;
  height: 220px;
  vertical-align: top;
  padding: 0;
  border: none;
  border-spacing: 0;
  float: left;
  }

table.mheader {
  background-image:url(images/monitor.png);
  width: 265px;
  height: 220px;
  vertical-align: text-top;
  padding: 0;
  border: none;
  border-spacing: 0;
  margin: auto;
  }

img.mheader {
  width: 245px;
  height: 154px;
  margin:auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 56px;
  }

td.rheader {
  width: 342px;
  height: 220px;
  vertical-align: top;
  padding: 0;
  border: none;
  border-spacing: 0;
  float: right;
  }
  
table.main {
  border-radius: 15px;
  border: 1px solid #48b7ff;
  background-image:url(images/tablebg.png); 
  width: 90%;
  margin:auto;
  padding-bottom: .2cm;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
  }

table.content {
  border: none;
  padding: 20px;
  border-spacing: 0;
  width: 100%;
  margin: auto;
  }
  
table.portal {
  border-radius: 15px;
  border: 1px solid #48b7ff;
  background-image:url(images/tablebg.png);
  padding-top: 0cm;
  margin: auto;
  width: 342px;
  height: 120px;
  vertical-align: text-top;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
  text-align:center;
  }
  
table.menu {
  border-radius: 15px;
  border: 1px solid #48b7ff;
  background-image:url(images/tablebg.png);
  padding-top: 0cm;
  padding-bottom: .5cm;
  margin: auto;
  width: 200px;
  vertical-align: text-top;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
  }

img.menu {
  margin:auto;
  padding: 10px;
  }