.style1{
    font-family: arial;
    font-size: xx-small;
    color: #000;
}
body {
	background-image: url(images/topbar.PNG);
	background-repeat: repeat-x;
}
.title2{
    font-size: 22px;
    font-weight: 200;
    color: #003366;
}
.style_head{
    font-family: arial;
    font-size: 1em;
    color: #fff;
}
.asteric{
	color: red;
}
.content{
    font-family: arial;
    font-size: 0.8em;
	color:#FFFFFF;
}
.content2{
    font-family: arial;
    font-size: 0.8em;
    color:#FFFFFF;
}

.content1{
    font-family: arial;
    font-size: 0.9em;
	color:#0000;
}
.td_h{
	font-family:Calibri, Arial, sans-serif;
	font-size: 1em;
}
.subcon{
    font-family: arial;
    font-size: 0.6em;
	color:#FFFFFF;
}
.styl{
    text-transform: uppercase;
}

.num{
    text-align: right;
}
#f_date{
    font-stretch: italic;
    font-size: x-small;
    
}
select:focus
{
box-shadow: .1em .1em 1em #003399;
background-color: #fff;
border: 2px solid #003399;
}

input:focus
{
box-shadow: .1em .1em 1em #003399;
background-color: #fff;
border: 2px solid #003399;

}
.input{
    border-radius: 0.4em;
    background-color: #FFC;
}
button:focus
{
box-shadow: .1em .1em 1em #003399;
background-color: #fff;
border: 2px solid #003399;
color: #000;
}

checkbox:focus
{
box-shadow: .1em .1em 1em #003399;
background-color: #fff;
border: 2px solid #003399;
}
.substyl{
    border: thin solid #FF8000;
    border-radius: 0.8em;
    height: 1.8em;
    -moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black;  box-shadow: 0 0 5px black;
    font-weight: 600;
}

#main{
width: 58.5em;
-webkit-border-radius: 1em;
-moz-border-radius:1em;
border-radius:0.5em;
height: auto;
margin-top: -0.5em;
background-color:#b5ddf7;
background-repeat:repeat-x y;
position:relative;
left: 1em;
margin: auto;


}
#wrapper{
    position: relative;
    left: 1.1em;
    bottom: 1.9em;
    width:96.1%;
    height:auto;
    background-color: #dbeefc;
    border-radius: 0.4em;
}
.substyl1 {
    color: #fff;
    background-color:#3082ce;
    border-radius: 0.8em;
    height: 1.8em;
    font-weight: 600;
    float: right;
}

.qr:hover
{
    color: #fff;
    background-color:#589715;
    border-radius: 0.8em;
    height: 1.8em;
    font-weight: 600;
}

.bev{
        color:#000;
        font-size:1.8em;
        font-family:Serif-Classic Heavy Light ;
        text-shadow: 1px 1px 1px #8188e7;
        font-weight:bold;
	position: absolute;
	top: 5em;
	right: 38%;
	text-align:center;
		
}
.style2 {color: #FFFF00}
.style5 {color: #FFFFFF; font-family: "Times New Roman", Times, serif; }
.style5 {font-family: Arial, Helvetica, sans-serif}

/*-----------------------------------hint-------------*/
#hintBox {
  display: none;
  font-size: 1em;
  width: auto;
  height: auto;
  max-height: 25em;
  overflow: scroll;
  position: absolute;
  color: black;
  background: url(images/hint_back_02.png) repeat;
  border: 0.0714em solid #fff;
  box-shadow: 0em 0em 1em #fff;
  z-index: 199;
}
 
#hintList li  {
    color: blue;			
}
#hintList li:hover {
    color: white;
    background-color: blue;
}

.back{
	font-family:Calibri, Arial, sans-serif;
	background-color: #006699;
	color:#D5FFFF;
	font-size: 1em;
	width: 5em;
	border-radius:1em;
	float: right;
	}
.back:hover
{
	background-color: #FFDEAD;
	color:#006699;
}