html {
  margin:0;
  padding:0;
 overflow:auto;
}
body {
margin:0px 0px 1px 0px;
	font: 17px Verdana, Arial, Helvetica, sans-serif;
background: url('../images/bgh.jpg') no-repeat center center fixed;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

	color: #666666;


}
.err{
	position:absolute;
	display:inline-block;
	margin: 6px 0px 0px 8px;
	padding: 1px 5px 1px 5px;
	background-color: #ff4a4a;
		border-radius: 6px;
    border: 1px solid #ff2224;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	}
.err2{
	display:inline-block;
	margin: 6px 0px 0px 8px;
	padding: 4px 8px 5px 7px;
	background-color: #ffc7c7;
		border-radius: 10px;
    border: 1px solid #ff2224;
	font-size: 13px;
	font-weight: bold;
	color: #ff2224;
	}
	.err1{
		display:inline-block;
		margin: 6px 0px 0px 8px;
		padding: 3px 38px 3px 38px;
		background-color: #dbffc6;
		border: 1px solid #166a04;
			border-radius: 10px;
		font-size: 13px;
		font-weight: bold;
		color: #166a04;
		}
.green{
		display:block;

    

text-align: center;
padding:5px 0px 7px 0px;
		background-color: #82c538;
					border-radius: 7px;
		font-size: 16px;
		font-weight: bold;
		color: #ffffff;
		}
    .red{
    		display:block;
    
    

    text-align: center;
    padding:5px 0px 7px 0px;
    		background-color: #ff4646;
    			border-radius: 7px;
    		font-size: 16px;
    		font-weight: bold;
    		color: #ffffff;
    		}
        .yellow{
        		display:block;
        width:255px;
        text-align: left;
        padding:5px 0px 7px 0px;
        		background-color: #ff972f;
        					border-radius: 7px;
                  cursor: pointer;
        		font-size: 14px;
        		font-weight: bold;
        		color: #0e003d;
        		}
            .yellow:hover{
              color: #ffffff;
            }

                .blink{
                    animation:blinkingText 1s infinite;
                    animation-name: blink;
                    display:block;
                width:255px;
                cursor: pointer;
                text-align: left;
                padding:5px 0px 7px 0px;
background-color: #ff0606;
                			border-radius: 7px;
                		font-size: 14px;
                		font-weight: bold;
                		color: #0e003d;
                }
                .blink:hover{
                  color: #ffffff;
                }
                @keyframes blink{
                    0%{     background-color: #ff0606;  }
                    35%{    background-color: #ff972f; }
                	  70%{    background-color: #ff972f; }
                    100%{   background-color: #ff0606; }
                }
				
				
				.blinktxt{
                    animation:blinkingText 1s infinite;
                    animation-name: blinktxt;
                    display: inline-block;
					font-size: 14px;
                		font-weight: bold;
                		color: #b3002d;
                }
                
                @keyframes blinktxt{
                    0%{     color: #b3002d;  }
                    35%{    color: #ffffff; }
                	  70%{    color: #b3002d; }
                    100%{   color: #b3002d; }
                }
				
		.textara {
	font-size: 13px;
	padding: 3px;
	font-family:verdana;
	font-weight:bold;
	line-height:1.3;
	color: #000000;
	background: #F7F7F7;
	border: 1px solid #575748;
	
}		
.textaraup {
	background-color:#efefe7;
	padding: 8px;
	margin: 3px;
 font-size: 13px;
 font-weight:bold;
    letter-spacing: 1px;
 line-height:1.3;
 font-family: Verdana, Arial, Helvetica, sans-serif;
		border-radius: 5px;
   
    box-shadow: 1px 1px 1px #000000;
}		




ul {
position: absolute;
top: 11px;
right: 19px;


  border-radius: 28px 28px 28px 28px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #00699B;
 border:    2px solid #FCF001;

}

li {
  float: left;
}

li a {
font-size: 14px;

  display: block;
  color: #ffffff;
  text-align: center;
  padding: 5px 14px;
  text-decoration: none;
}

li a:hover {
  background-color: #0086b3;
  color: #FCF001;
}
.btn8 {
display:inline-block;
cursor:pointer;
  border-radius: 10px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 16px;
  	font-weight: bold;
	border:1px solid #ffffff;
outline: none;
  background: #315210;
  padding: 4px 9px 4px 9px;
  text-decoration: none;
}

.btn8:hover {
  background: #679522;
  text-decoration: none;

}
.add {
display:inline-block;
cursor:pointer;
  border-radius: 10px;
  font-weight: bold;
  font-family: Georgia;
  color: #386914;
  border:1px solid #386914;
  font-size: 14px;
  outline: none;
  background: #dbf3c2;
  padding: 2px 8px 2px 8px;
  text-decoration: none;
}

.add:hover {
  background: #386914;
  color: #ffffff;
  text-decoration: none;

}
.rem {
display:inline-block;
cursor:pointer;
font-family:verdana;
  border-radius: 6px;
  
    color: #6b1212;
  border:1px solid #6b1212;
  font-size: 12px;
  	
outline: none;
  background: #f8d6d6;
  padding: 1px 8px 1px 8px;
  text-decoration: none;
}

.rem:hover {
  background: #6b1212;
  color: #ffffff;
  text-decoration: none;

}

.next {

width:170px;
cursor:pointer;
  border-radius: 10px;
  border:2px solid #243d0c;
  font-family: Georgia, serif;
  color: #243d0c;
  font-size: 20px;
  background:transparent;
  	font-weight: bold;
outline: none;
  
  padding: 4px 9px 4px 9px;
  text-decoration: none;
}

.next:hover {
  background: #243d0c;
  text-decoration: none;
  color: #ffffff;

}

.textfield {
	font-size: 14px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
}
.textfield5 {
	font-size: 15px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
}
.btn {

  border-radius: 28px 28px 28px 28px;
  font-family: Georgia;
  color: #ffffff;
width: 109px;
height:45px;
  font-size: 22px;
  	font-weight: bold;
  background: #1E90FF;
  padding: 5px 10px 5px 10px;

border-top:    2px solid #ffffff ;
  border-right:  2px solid #ffffff ;
  border-left: 2px solid #ffffff ;
  border-bottom: 2px solid #ffffff ;

  text-decoration: none;
}

.btn:hover {
  background: #9ACD32;
  text-decoration: none;

}

.btn1 {

  border-radius: 28px 0px 0px 28px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 15px;
  	font-weight: bold;
width: 75px;
height:27px;
  background: #0AB5FF;
  padding: 1px 5px 1px 5px;

border-top:    2px solid #ffffff ;
  border-right:  2px solid #ffffff ;
  border-bottom: 2px solid #ffffff ;
  text-decoration: none;
}

.btn1:hover {
  background: #FF0A37;
  text-decoration: none;

}

.kk
{
display: -moz-inline-block; display:inline-block; position: absolute;
font-size: 11px;
color: #0066FF;
 top: 2px; right: 2px;


}

h1 {
	color: #99CC00;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 30px Verdana, Arial, Helvetica, sans-serif;
	-moz-text-shadow: 1px 1px 1px #313131; 	-webkit-text-shadow: 1px 1px 1px #313131; 	text-shadow: 1px 1px 1px #313131;
}
h6 {
	color: #99CC00;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 40px Verdana, Arial, Helvetica, sans-serif;
	-moz-text-shadow: 1px 1px 1px #313131; 	-webkit-text-shadow: 1px 1px 1px #313131; 	text-shadow: 1px 1px 1px #313131;
}

h2 {
	color: #00AAFF;
	margin: 0px 0px 5px;
	padding: 0px 0px 3px;
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #E6E8ED;
}
h3 {
	color: #00AAFF;
margin: 4px 0px 5px;
	padding: 0px 0px 3px;

	font-size: 20px;
background: #F7F7F7;

	}
.h33 {
	color: #990000;
margin: 1px 1px 1px;
	padding: 5px 2px 2px 6px;

	font-size: 19px;
background: #DEDEDE;

  border-radius: 28px 28px 28px 28px;

	}

h4 {
	color: #005ce6;

	font-size: 22px;

	}

select {
	color: #990000;
  outline: none;
	 font-size: inherit;
background: #ffffff;

	}


a {
	color: #2D3954;
	font-size: 13px;
text-decoration: none;
font-weight: bold;
}
a:hover {
	color: #187DFF;
}

.submit8{
border: 0px solid ;
	cursor:pointer;
	height:48px;
	width:143px;
background: url(b1.gif);
}
.submit8:hover{
	cursor:pointer;
	height:48px;
	border: 2px solid #4CCAFF;
	width:143px;

background: url(b1.gif);
}
.submit9{
border: 0px solid ;

	cursor:pointer;
	height:48px;
	width:143px;
background: url(b2.gif);
}
.submit9:hover{
	cursor:pointer;
	height:48px;
	border: 2px solid #4CCAFF;
	width:143px;

background: url(b2.gif);
}

.submit{
	/* The submit button */
	border: 1px solid #CCCCCC;

	cursor:pointer;
	height:23px;

	width:66px;
	font-size: 11px;
color: #666666;
	background: #F7F7F7;

	float: left;

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	padding: 0px 10px;
text-align: center;

}



.submit:hover{
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
color : #99CC00;
}
.submit6{
	/* The submit button */
	border: 2px solid #CCCCCC;

	cursor:pointer;
	height:24px;
	margin: 0px 0px 0px;
	width:50px;
	font-size: 11px;
color: #666666;
	background: #F7F7F7;
	float: center;

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 0;
	padding: 0px 0px;
text-align: center;

}



.submit6:hover{
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
color : #99CC00;
}
.style5 {color: #0066FF;
display: -moz-inline-block; display:inline-block; position: fixed; vertical-align:baseline;
bottom: 2px; right: 104px;}
.style6 {color: #A5DF2D;
display: -moz-inline-block; display:inline-block; position: fixed;  bottom: 2px; right: 0px;
padding: 0px 3px; }
.style3 {
	color: #99CC33;
	font-weight: bold;
	font-size: 25px;
-moz-text-shadow: 2px 2px 2px #313131; 	-webkit-text-shadow: 2px 2px 2px #313131; 	border-shadow: 2px 2px 2px #313131;}

.photo
{
	width: 940px;
}

.column
{
	float: left;
	width: 220px;
}

.clear
{
	clear: both;
	overflow: hidden;
	width: 0;
	height: 0;
}
.caption9{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:10px;
    font-size : 14px;
    color:#C64934;
}
.ks
{	border-spacing: 0;
    border-collapse: collapse;
	border: 1px solid #0458DF;

}

.ks th { background-color: #8BAFF3;
 color: #0C3074;
	border: 1px solid #0458DF;
font: bold 15px Verdana;

	}

.ks td {  color: #484BA8;
	font: bold 15px Verdana;
border: 1px solid #0458DF;
padding: 2px;

}
.ks tr		{ background-color:#E3FBD3;
color: #484BA8;
}
.ks tr:nth-child(odd)		{ background-color:#E3FBD3;
color: #484BA8;

border: 1px solid #0458DF;
font: bold 15px Verdana; }

.ks tr:nth-child(even)		{ background-color:#D9F9C3;
color: #484BA8;

border: 1px solid #0458DF;
font: bold 15px Verdana; }

.ks tr:hover td { background-color: #D3E5FF ;
 color: #484BA8;

		font: bold 15px Verdana;
}
.hk {
	font-size: 24px;
}
.hk {
	font-weight: bold;
}
.hk {
	color: #039;
}

	table.ks2  {
    border-collapse:collapse;
    border:solid #0458DF 1px;
      -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px
 padding: 10px;

}

table.ks2  td, th {
    border-left:solid #0458DF 1px;
    border-top:solid #0458DF 1px;
 background-color: #EDFACF;
color: #484BA8;
	font: bold  Arial, Helvetica, sans-serif;
}

table.ks2  th {
    background-color: #A8C5F4;
    border-top: none;
}

table.ks2  td:first-child, th:first-child {
     border-left: none;
}

}


.lk {

cursor:pointer;

 padding:2px 15px;
background: #C7F0F5;
	font-family: Comic Sans MS;
	font-size: 14px;
font-weight: bold;

	border: 1px solid #F92D82;

	color: #370554;
-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
text-decoration:none;

    }

  .lk:hover {

cursor:pointer;
	background: #FFFFAA;
	font-family: Comic Sans MS;
	font-size: 14px;
font-weight: bold;
	padding: 2px 15px;
	border: 1px solid #0458DF;

	color: #FF2AAA;
-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.frame
{
top:180px;
right:20px;
position: fixed;

 margin-top: 20px;
  margin-bottom: 30px;

  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;

  -moz-box-shadow: 4px 4px 14px #000;
  -webkit-box-shadow: 4px 4px 14px #000;
  box-shadow: 4px 4px 14px #000;
}
.oo tr{
display: -moz-inline-block;
display:inline-block;
position: absolute;
padding:0px 0px 0 0px;
 bottom right;
bottom:1px;
right:2px;
 }

.ok {
display:inline-block; position: fixed;
padding:0px 0px 0 0px;
 top: 0px; right: 100px;


}


.kh  tr{
display: -moz-inline-block;
display:inline-block;
position: fixed;
padding:0px 0px 0 0px;
 top right;
top:1px;
right:2px;
 }



span.dropt span {position: absolute; left: -9999px;
  margin: 1px 0 0 0px; padding: 3px 3px 3px 3px;
font-size: 9px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;}
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 40px 0 0 10px; background: #ffffff; z-index:6;}