BODY{
  background: #d0e1f5;
  /* background: url("images/BodyBackground.jpg") 20%; */
  /* background-image: url(/images/BodyBackground.jpg) */
  color: maroon;
}

FORM{
  margin: 2px;
}

.headtop{
  position: relative;
  top: 10px;  
  /*
  background: purple;
  */
}

.toptitle{
  left: 10px;
 /* MOve to side
  left: 100px;
 */
}

.headbottom{
  position: absolute;
  bottom: 395px;  
  background: brown;
}

.tailbottom{
  position: absolute;
  top: 290px;
  /*
  width: auto; 
  background: yellow; 
 */
}

.messageblk{
  position: absolute;
  top: 0px;
  width: 475px;
  /*
  background: magenta; 
  */
}

.headside{
  /* background: brown; */
  position: absolute;
  top: -10px;
  left: 570px;
  width: 240px; 
}

.mainbottom{
  /* background: red; */
}

.mainside{
  /* background: red; */ 
  position: absolute;
  top: 0;
  left: 500px;
  /* width: 170px; */
}

.topicon, .toptitle{
  position: relative;
  color: red;
}



.topsection{
  position: relative;
  top: 0px;
  left: 10px;
  right: 10px;
  width: 550px;
  color: white;
  background: blue;
  padding: 0;
}

.topicon{
  background: url("images/small.jpg"); 
  width: 80px;
  height: 80px;
  top: 10px;
}

.toptitle{
  background: url("images/sjkh..Online.jpg");
  width: 550px;
  height: 100px;
  top: 0px;
}

/* Comments
   ok?
*/
.mainsection{
  background: blue;
  color: white;
  width: 475px;  
  padding: 5px;
  margin: 5px;
}
.mainwin{
  background: white; 
  border: solid medium blue;
  top: 10px;
  padding: 5px;
  width: 475px; 
  margin: 5px;
}

.sidesection{
  background: green;
  color: white;
  /* width: 475px; */ 
  padding: 2px;
  margin: 5px 5px 0px;
}
.sidewin{
  background: white; 
  border: solid thin green;
  padding: 2px;
  /* width: 475px; */
  margin: 0px 5px;
  color: black;
}

.cmdsection{
  background: red;
  color: black;
  width: 219px;
  padding: 2px;
  margin: 5px 5px 0px;
}
.cmdwin{
  position: relative;
  top: -5px;
  background: white; 
  border: solid thin red;
  padding: 2px;
  width: 220px;
  margin: 0px 5px;
  color: black;
}

.lightbluetop{
  position: relative;
  margin-right: 3%;
  margin-left: 3%;
  border: thin solid black 1 px;  
  background: #4d99ed;
  color: navy;
  font-weight: bolder;
  font-size: xx-large;
}

.whiteframe{
  margin-right: 3%;
  margin-left: 3%;
  margin-top: 3 px;
  margin-bottom: 3 px;
  border: thin solid black 1 px;
  color: black;
  background: white;
}




.lightbluebottom{
  margin-right: 3%;
  margin-left: 3%;
  padding-left: 2%;
  border: thin solid black 1 px;  
  background: #4d99ed;
  font-size: x-small;
}

.tables1{  
  border: thin solid black 1 px;   
  font-family: monospace;
  background: #B9CFFF;
  font-size: x-small;
}

.MessageTable{  
  border: thin solid black 1 px;   
  font-family: monospace;
  background: #B9CFFF;
  font-size: x-small;
}

.LeftNavigatorMenu{  
  border: thin solid black 1 px;   
  font-family: monospace;
  background: #B9CFFF;
  font-size: x-small;
  width:150px;
}

.login{
  border: thin solid black 1 px;   
  font-size: small;
  background: #B9CFFF;
  width: 400px;  
  padding-left: 5px;
  margin-top: 5px;
}

.latest{
  border: thin solid black 1 px;   
  font-family: monospace;
  background: #ffffcc;
  font-size: small;
}

.SmallTitle{
  border: thin solid black 1 px;
  background: #ffffcc;
  /* padding: 5px;
  margin: 5px; */
}

.fixsection{
  border: thin solid black 1 px;
  background: #ffffcc;
  width: 85px;
  /* padding: 5px;
  margin: 5px; */
}

           

/* New */ 
.BigTableFrame{
  margin-right: 3%;
  margin-left: 3%;
  margin-top: 3 px;
  margin-bottom: 3 px;
  border: thin solid black 1 px;
  color: black;
  background: #D0D0D0;
}

.BackgroundFade {
	background : url(http://csociety.org/~sjkhonline/images/background-fade.jpg);
	background-repeat : repeat-x;
}