body
{
  background-image : url(bg3.gif);
 /*background-color: #daec86;
  /*background-color: #ecf5c4;
  background-color: #FFFFFF;
  background-repeat: repeat;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-family: "Trebuchet MS","Lucida Grande", Verdana,Arial,sans-serif;
  font-size: 13px;
  /*text-align: center;*/
}

h2 
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color:#000000;
   
}
.info {
  display:block;
  padding: 10px; 
  border:2px solid ;
  border-color:#D0D0CD;
  margin-top:36px;
  border-radius:10px;
  -moz-box-shadow: inset 0 0 3px 3px #D0D0CD;
  -webkit-box-shadow: inset 0 0 3px 3px #D0D0CD;
  box-shadow: inset 0 0 3px 3px #D0D0CD;
  background:#ffffbe;
  margin-left: auto;
  margin-right: auto;
}
/*fieldset.details{
  display:block;
  padding: 10px;
  border:2px solid ;
  border-color:#D0D0CD;
  margin-top:36px;
  border-radius:10px;
  -moz-box-shadow: inset 0 0 3px 3px #D0D0CD;
  -webkit-box-shadow: inset 0 0 3px 3px #D0D0CD;
  box-shadow: inset 0 0 3px 3px #D0D0CD;
  background:#ffffbe;
  margin-left: auto;
  margin-right: auto;
}
fieldset.infomation  {
  position: relative;
  display:block;
  padding: 10px;
  border:2px solid ;
  border-color:#D0D0CD;
  margin-top:20px;
  border-radius:5px;
  background:#ffffbe;
 
}
legend
{
  background:#ffff00;
  color :#000000;
  font-family:Arial, Helvetica, sans-serif;
  border:1px solid ;
  border-radius:5px;
}*/
.container
{
  position: relative;
 
}

.controls,
.labels
{
  position: relative;
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
.labels
{
  text-align: right;
}

.icon
{
  position: absolute;
  float: right;
}

.hcenter, .hcentre
{
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#buttoncenter
{
	position: absolute;
	top: 0px;
	left: 50px;
}



.line
{
  padding: 6px;
  height: 20px;
}

input:hover  
{  
  border: 1px solid #0000FF;
}

select
{ 
  border: 1px solid #D0D0CD; 
  background:#ffffff;  
}
input[type='submit'],[type='reset'] ,[type='button']
{
  cursor:pointer;
}
select :hover,  
select:focus
{  
  border-color: #ffff00; 
  border: 2px solid #ff0000;
  color:#000000;
} 

#frame
{
  position: relative;
  margin-left:auto;
  margin-right: auto;
  /*text-align: center;*/
  /*border:3px solid white;
  border-radius:10px;
  padding:3px;*/
}

#header
{
  position: relative;
}




#body
{
  
  position: relative;
  padding: 5px;
  margin-top: 40px;
}
#left-nav
{
	position: relative;
  left: 0px;
  top: 0px;
  width: 15%;
  /*display: inline-block;*/
  float: left;
  line-height: 10px;
  margin-right: 10px;

}
#content
{
  
  position: relative;
  /*line-height: 10px;*/
  top: 0px;
  right: 0px;
  margin-bottom: 20px;
  /*display: inline-block;*/
  /*text-align: left;*/
  /*margin-left:auto;*/
  /*margin-right:auto;*/
  
}

#right-nav
{
	position: absolute;
  top: 0px;
  right: 0px;
}

#footer
{
  position: relative;
  text-align: center;
  color: #00AEEF;
}


ul.footer
{
  list-style-type:none;
  margin:0;
  padding:0;
  color:#FFFFFF;
}
li.footer
{
  display:inline;
}


.input
{
  width: 150px;
  height: 19px;
  border-radius: 8px;
}
select
{
  width: 150px;
  height: 23px;
  border-radius: 8px;
 
}
.button-medium
{
  width: 80px;
  border-radius: 8px;
}  

.section
{
	position: relative;
  margin: 30px auto;
	width: 90%;
	border: 2px solid #404040;
	border-radius : 10px;	
}

.section>legend
{
	text-align: left;
	position: relative;
	height: 25px;
	background: #607EFF;
	border-radius : 7px;
}

.section>div
{
  width:95%;
  margin: 15px auto;
}

.labels,
.left
{
  position: relative;
  float: left;
}

.labels
{
  position: relative;
  text-align: right;
}

.right
{
  position: relative;
  float: right;
  clear: right;
}
.topright
{
  position: absolute;
  top: 190px;
  right: 20px;
}
.section>legend,
.heading0,
.heading1
{
  font-weight: bold;
  text-align: left;  
  color: #FFFFFF;
  padding-left: 10px;
}

.section>legend,
.heading0
{
  font-size: 18px;
}

.heading1
{
  font-size: 16px;
}

.heading2
{
  font-size: 14px;
}
.mediumbutton
{
  width: 100px;
}

.ajax_result
{
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1px solid grey;
  background: rgb(255,229,126);
  box-shadow: 0px 5px 90px rgb(136,136,136);
  position: absolute;
  opacity:1;
  filter:alpha(opacity=100);
  display: none;
  z-index:1000;
  width: 80%;
  left: 10%;
  max-width: 600px;
}


.ajax_result>p.error,
.error
{
  border: 1px solid red;
}

.form
{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 650px;
}
.form>p
{
  text-align: right;
  width: 30%;
  right: 30%;
  height: 18px;
  display: inline-block;
}


.form>p+div,
.form>p+a
{
  position: relative;
  width: 66%;
  display: inline-block;
  margin-left: 7px;
}

.form>p+a>*:first-child
{
  position: relative;
  width: 100%;
  display: inline-block;
  left: 0px;
  height: 30px;
  font-size: 13px;
  font-weight: normal;
  border-radius: 6px;
  border: 1px solid lightgrey;
}

.form>p+a>*:first-child:focus
{
  -moz-box-shadow: 3px 3px 4px #3f3f3f;
  -webkit-box-shadow: 3px 3px 4px #3f3f3f;
  box-shadow: 3px 3px 4px #3f3f3f;
}
/*
.form>p+a>*:first-child:focus:hover
{
  width: 66%;
}
*/


.form>p+a span
{
  display: none;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  position: absolute;
  top: 0px;
  left: 101%;
  font-size: 11px;
  font-weight: normal;
  font-style: italic;
  border-radius: 6px;
  border: 1px solid lightgrey;
  width: 160px;
  background: #FFFFC0;
  -moz-box-shadow: 3px 3px 4px #3f3f3f;
  -webkit-box-shadow: 3px 3px 4px #3f3f3f;
  box-shadow: 3px 3px 4px #3f3f3f;
}

.form>p+a:focus span,
.form>p+a:hover span
{
  z-index: 1000;
  display: block;
}

.form>p+a b
{
  display: block;
}

.form .error
{
  display: none;
  padding: 4px;
  border: 1px solid lightgrey;
  background: #fffff0;
  width: 100%;
  color: red;
  font-weight: normal;
  color: red;
  -moz-box-shadow: 3px 3px 4px #0f0f0f;
  -webkit-box-shadow: 3px 3px 4px #0f0f0f;
  box-shadow: 3px 3px 4px #0f0f0f;
}

button
{
  width: 80px;
  height: 30px;
  color: white;
  font-size: 13px;
  font-weight: lighter;
  background-color: #3399EE;
  border: 1px solid #3399EE;
  border-radius: 8px;
}

button:hover
{
  background-color: #1177cc;
  border: 1px solid #1177cc;
}