/* Name:- caosuk.css                                                     */
/* For standard interface                      */
/*  All rights reserved © Saif Ahmed 2004 - 2005    */

td.topright{
  background-color:#ccccfe;
  background-image: url('images/corneredge.gif');
  background-position: right bottom;
  background-repeat: no-repeat;
}

td.top{
  color: darkgreen;
  background-color:#ccccfe;
  background-image: url('images/topedge.gif');
  background-position: bottom;
  background-repeat: repeat-x;
}

td.side{
  color: darkgreen;
  background-color:#ccccfe;
  background-image: url('images/rightedge.gif');
  background-position: right;
  background-repeat: repeat-y;
  padding:30;
  font-family:verdana;
  font-size:1em;
  font-weight:bold;
}

a{
  text-decoration:none;
  COLOR: blue;
  cursor:pointer;
}

a:hover{
  COLOR: red;
}

a.menu{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-border-radius: 7; 
  FONT-FAMILY:arial;
  FONT-SIZE:0.8em;
  FONT-WEIGHT:bold;
  PADDING: 0.3em;
  COLOR: blue;
  WIDTH:10em;
  TEXT-ALIGN: center; 
  TEXT-DECORATION: none; 
  BORDER-STYLE: outset; 
  BACKGROUND-COLOR:lightblue; 
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
}

a.menu:hover{
  BORDER-STYLE: inset;
  COLOR: darkgreen;
}

.button{
  font-weight:bold; 
  font-size:0.7em;
  PADDING: 0.3em; 
  COLOR: yellow; 
  width:7em;
  BORDER-STYLE: outset; 
  BACKGROUND-COLOR: #336699;
  float:right;
  cursor:pointer;
}


h1 { 
  FONT-FAMILY:arial;
  FONT-SIZE:1.5em;
  COLOR:#773300;
  TEXT-ALIGN: center; 
}

h2 { 
  FONT-FAMILY:arial;
  FONT-SIZE:1.2em;
  COLOR:#003300;
  TEXT-ALIGN: center; 
}


div {
  color:darkblue;
  font-family:arial;
}

.login{
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-border-radius: 7; 
  FONT-FAMILY:arial;
  FONT-SIZE:0.8em;
  FONT-WEIGHT:bold;
  PADDING: 0.3em;
  COLOR: blue;
  WIDTH:10em;
  height:6em;
  TEXT-ALIGN: center; 
  TEXT-DECORATION: none; 
  BORDER-STYLE: outset; 
  BACKGROUND-COLOR:lightblue; 
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
}

.quest {
  font-size:0.9em;
  color:darkgreen;
  cursor:pointer;
  margin:3px;
}

.footer {
  font-size:0.6em;
  color:black;
  text-align:right;
  position: absolute;
  bottom: 20px;
  right: 20px;
  cursor:pointer;
}

.error{
  COLOR: red;
  FONT-WEIGHT: bold;
  FONT-SIZE:0.7em;
}

.help{
  COLOR: darkgreen;
  FONT-WEIGHT: bold;
  FONT-SIZE:0.7em;
}

.floatad{
  float: right;
  width:100px;
  height:150px;
  position: relative;
  margin:3px;
  bottom: 5px;
  left: 5;
  background-color: #ccccfe;
  background-image: url('adph.gif');  
}

.form{
  float:left;
  width:30em;
  padding:5px;
  margin:1px;
  border:dotted;
  border-width:thin;
  border-color:green;
  background-color:lightyellow;
}

.copyright{
}

.scroll {
  overflow: auto;
  border: 1px solid #666;
  background-color: #ccc;
  padding: 8px;
  height: 200px;
}

Table.list {
  font-size:.8em;  
  color: maroon;
  border-style:outset;
  background-color:beige;
} 
   
label,input,select,textarea{
  font-size:.8em;
  float: left;
  margin-bottom: 1px;
}

label {
  text-align: right;
  width: 7em;
  padding-right: 0.5em;
}

input{
  width:10em;
}


textarea{
  width:25em;
  font-size:1em;
}

select{
  width:9em;
}

caption{
  text-align: left;
  font-size: 0.8em;
  font-weight:bold;
}
  
br {
  clear: left;
}


span.intelligent{
  position: relative;
  top: 20px;
  left: 0px;
  font-family: verdana;
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  visibility: visible;
  }
  
span.innovations{
  position: relative;
  top: 50px;
  left:300px;
  font-family: verdana;
  font-size: 36px;
  font-weight: bold;
  color: #000000;
  visibility: visible;
  }
  
span.message{
  font-size:0.6em;
  color:darkgreen;
  }