body {
  background : rgb(14,114,181);
  margin : 0px;
  font-family: Arial;
  font-size : 11px;
  color: rgb(80,80,80);

}

input {
  color: rgb(80,80,80);
}

th , td {
    vertical-align : top;
}

#top {
  height: 400px;
  background : #FFFFFF; 

}

#header {
  background : #FFFFFF;
  width : 800px;
  position: absolute;
  left: 50%;
  height: 225px;
  margin-left: -410px;
  margin-top: -405px;
}

#spiceware_logo {
  background: url('images/spiceware_logo.jpg') no-repeat;
  width: 281px;
  height: 166px;
  margin-left: 10px;
}


#middle {
  border: 1px solid rgb(120,120,120);
  box-shadow: 1px 1px 1px 1px rgb(209,209,209);
  background : #FFFFFF;
  width : 800px;
  position: absolute;
  left: 50%;
  
  margin-left: -400px;
  margin-top: -255px;
}


#footer {
  
  
  width : 800px;
  position: absolute;
  left: 50%;
  margin-top : 20px;
  margin-left: -400px;
  color : #FFFFFF;
  
}


#advert {
  height: 202px;
  border : 1px solid rgb(228,228,228);
  margin: 14px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 54%, #f6f6f6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#f6f6f6), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#f6f6f6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#f6f6f6 100%); /* IE10+ */
  background: linear-gradient(top, #ffffff 0%,#f6f6f6 54%,#f6f6f6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 *//
}

#content  {
  font-family : Verdana;
  padding : 20px;
  padding-top: 0px;
  width: 758px;
  line-height:150%;
  background : #FFFFFF;
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 62%, #f6f6f6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(62%,#f1f1f1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 62%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 62%,#f6f6f6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 62%,#f6f6f6 100%); /* IE10+ */
  background: linear-gradient(top, #ffffff 0%,#f1f1f1 62%,#f6f6f6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

#contenttag {
  border : 1px solid rgb(209,209,209);  
  width : 320px;
  padding: 20px;
  padding-top : 10px;
  margin : 5px;
  border-radius : 18px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 62%, #f6f6f6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(62%,#f1f1f1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 62%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 62%,#f6f6f6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 62%,#f6f6f6 100%); /* IE10+ */
  background: linear-gradient(top, #ffffff 0%,#f1f1f1 62%,#f6f6f6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

#contenttag h5 {
  font-family : Lucida Sans Unicode;
   font-size: 14px;
   color : rgb(30,123,186);
}

#menutag {
  border : 1px solid rgb(209,209,209);  
  width : 200px;
  padding: 20px;
  padding-top : 10px;
  margin : 5px;
  margin-top: -10px;
  border-radius : 18px;
  background: #ffffff; /* Old browsers */
  float: left;
}

#readmore {
   width: 100%;
   text-align: right;
}

#readmore a {
   width: 100%;
   text-align: right;
   text-decoration : none;
   color: rgb(15,114,181);
}

a {
   width: 100%;
   text-align: right;
   text-decoration : none;
   color: rgb(100,100,100);
   font-weight: bold;
   color: rgb(15,114,181);
}

#menutag ul {
  padding: 0;
  list-style: none;
  font-size : 12px;
  font-weight: bold;
}

#menutag ul li {
  margin-bottom : 10px;
}

#menutag a {
  text-decoration : none;
  color : rgb(120,120,120);
  font-weight : bold;
}

#menutag a:hover {
  text-decoration : none;
  color : rgb(30,123,186);
  font-weight : bold;
}

#menucontent {
  
  padding: 40px;
  padding-top: 0px;
  padding-right: 10px;
  margin-left: 330px;
  margin-top: 0px;
  width : 320px;
  top: 0px;
  font-weight : bold;
  line-height:150%;
}

#menucontent h5 {
   font-family : Lucida Sans Unicode;
   font-size: 22px;
   color : rgb(30,123,186);
   margin-left: -4px;
}

h5 {
   font-family : Lucida Sans Unicode;
   font-size: 22px;
   color : rgb(30,123,186);
   margin : 10px;
    margin-left: -4px;
}

#form {
	   border 	: 1px solid #417DCC; 
	}

#form th {
  background    : #417DCC;
  color		: #FFFFFF;
}
	
#simplegrid .grandtotals th {
  background    : #417DCC;
  color		: #C5CC95;
}
#simplegrid .totals th {
  background    : #ADC1F7; 
  color		: #FFFFFF;
}

#simplegrid .grouptotals th {
   color        : #E6E6E6;
}

#simplegrid thead td, #yellowpanel {
  border-left	: 1px dashed black;
  border-right	: 1px dashed black;
  border-top    : 1px solid rgb(157,158,160);
}

#simplegrid th {
  background    : #417DCC;
  
}

#simplegrid th a {
  color		: #FFFFFF;
}

#simplegrid td {
  border-left	: 1px dashed rgb(0,0,0);
}

#simplegrid tfoot {
  border-bottom	: 1px solid black;  
}

#simplegrid .navigate a {
  background    : #FFFFFF;
}

#simplegrid .row {
  border 	: 1px solid rgb(204,204,255);   
}  

#simplegrid .rowonmouseclick {
  color		: #FFFFFF;
  background    : #CED9F5;
}

#simplegrid .rowonmouseover {
  color		: #FFFFFF;
  background    : #CED9F5;
}
#simplegrid thead .gridtitle {
  background    : #417DCC;
  color		: #CED9F5;  
}

#field {
	   border 	: 1px solid #417DCC; 
	}
  
#aright {
  text-align : right;
  
}	

    

#btnleft {
 
  width: 33px;
  height: 33px;
  position : absolute;
  top : 92px;
  left: 2px;
  z-index : 100000;
}

#btnright {
  
  height: 33px;
  width: 33px;
  position : absolute;
  left : 100%;
  margin-left: -36px;
  top : 92px;
  z-index : 100000;

  
  
}

#MainMenu a  {
  font-size : 13px;
  font-weight : bold;

}  

#MainMenu li a  {
  border-right : 2px solid rgb(157,158,160);
  color :rgb(156,158,159);
  font-weight : bold;
  
}

#MainMenu a:hover {
  border-right : 2px solid rgb(55,160,219);
  color : rgb(15,114,181);
  font-weight : bold;
}

input, select, textarea {
  font-size: 10px;
  font-family : Arial;
}

#cssbutton {
  cursor : hand;
  pointer : hand;
  width: 50px; 
}

#login {
  float : right;
  position : absolute;
  left: 480px;
  top: 100px;
}

#login a {
  text-decoration : none;
  color : rgb(157,158,160);
  font-size : 12px;
}

#csstext {
  border : 1px solid rgb(209,209,209);  
   border-radius : 4px; 
  
 
}

#login input {
    height:20px;
    width:100px; 
    margin: 2px;
    padding: 2px;
    padding-left: 5px;
    border: 1px solid rgb(209,209,209);
    -moz-border-radius:10px;    /* Firefox */
    -webkit-border-radius:10px; /* Safari and Chrome */
    border-radius: 10px;
}

h3 {
  width: 100%;
  border-bottom : 1px solid rgb(120,120,120);
}