@charset "utf-8";
/*LOGINSTYLE.CSS Document z-index* loginstyle.css mybutton font-size*/
/*input:focus { active
	outline: none;
}*/

/*span { display: inline-block;}*/
#mynav {
/*	position: fixed;
	top: 4%;
	left: 65%;*/
	float: right;
	width: 25%;	
/*	float: right;
	padding-top: .5%;
	width: 35%;*/
	font-size: .7em;
	z-index: 7000;
	}
#mynav ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	border-bottom: 1px solid #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #FBFBFB;
}
#mynav img{
	float: left;
	padding: 1%;
	display: inline-block;
}
#mynav li {
	float: left;  
	text-align: left;	        
}
#mynav h3 {
/*	margin-left: 1%;*/
	padding: 1%;
}

#mynav #top1, #mynav #top2, #mynav #top3 #mynav #top4{
	border-right: 1px solid #ddd;
	-moz-box-shadow: 1px 0 0 #fff;
	-webkit-box-shadow: 1px 0 0 #fff;
	box-shadow: 1px 0 0 #fff;  
}
#mynav #top1-trigger, #mynav #top2-trigger, #mynav #top3-trigger {
	display: inline-block;
	*display: inline;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	padding: 0 4px;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 #fff; 
}
		
/*#mynav #top1 a, #mynav #top2 a, #mynav #top3 a {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}
		*/
#mynav #top1-trigger, #mynav #top2-trigger {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	 border-radius: 3px 0 0 3px;
}
		
#mynav #top1-trigger:hover, #mynav #top2-trigger:hover, #mynav #top3-trigger:hover, #mynav #top1 .active, #mynav #top2 .active, #mynav #top3 .active{
	background: #fff;
}
		
#mynav #top1-content, #mynav #top2-content, #mynav #top3-content {
		  display: none;
		  position: absolute;
		  top: 24px;
/*		  right: 0;*/
/*		  z-index: 999; original*/ 
		  z-index: 7003;    
/*		  background: #fff;*/
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		  background-image: -webkit-linear-gradient(top, #fff, #eee);
		  background-image: -moz-linear-gradient(top, #fff, #eee);
		  background-image: -ms-linear-gradient(top, #fff, #eee);
		  background-image: -o-linear-gradient(top, #fff, #eee);
		  background-image: linear-gradient(top, #fff, #eee);  
		  padding: 10px;
		  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -moz-border-radius: 3px 0 3px 3px;
		  -webkit-border-radius: 3px 0 3px 3px;
		  border-radius: 3px 0 3px 3px;
}

#mynav li #top1-content {
/*	right: 1%;*/
	width: 100%;  	
}
		
#mynav li #top2-content{
	right: 30%;
	width: 50%;  
}
#mynav li #top3-content{
	right: 0;
	width: 300px;  
}
		
				
/*--------------------*/
#mynav form {
	position: relative;
/*	float: left;*/
/*	font-size: 90%;*/
	width: 100%;
	margin: 0;
	background: url(../images/greytexture.jpg) #DDD;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 4px #20242C;
	-moz-box-shadow: 2px 2px 4px #20242C;
	box-shadow: 2px 2px 4px #20242C;
	display: inline-block;
	text-align: left;
}
#mynav form label {
/*	float: left;*/
/*	font-size: 80%;*/
	width: 30%;
	margin: 1% 1%;
	background: url(../images/greytexture.jpg) #DDD;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 2px 2px 4px #20242C;
	-moz-box-shadow: 2px 2px 4px #20242C;
	box-shadow: 2px 2px 4px #20242C;
	display: inline-block;
	text-align: left;
}
		
#inputs input {
	color:#333;
	font-size: .9em;
	background: #f1f1f1;
	padding: 2% 1%;
	margin: 0 0 5px 0;
	width: 100%;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 1px #ccc inset;
	-webkit-box-shadow: 0 1px 1px #ccc inset;
	box-shadow: 0 1px 1px #ccc inset;
}
		
#inputs input:focus {
		  background-color: #fff;
		  border-color: #e8c291;
		  outline: none;
		  -moz-box-shadow: 0 0 0 1px #e8c291 inset;
		  -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
		  box-shadow: 0 0 0 1px #e8c291 inset;
}
		
/*--------------------*/
		
#top1 #actions, #top2 #actions {
	margin: 10px 0 0 0;
}
		
#top1 #submit1,
#top1 #submit2,
#top1 #submit3,
#top1 #submit,
#top2 #submit {		
		  background-color: #006699;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#00496C), to(#006699));
		  background-image: -webkit-linear-gradient(top, #00496C, #006699);
		  background-image: -moz-linear-gradient(top, #00496C, #006699);
		  background-image: -ms-linear-gradient(top, #00496C, #006699);
		  background-image: -o-linear-gradient(top, #00496C, #006699);
		  background-image: linear-gradient(top, #00496C, #006699);
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  text-shadow: 0 1px 0 rgba(0,0,0,.5);
		  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
		  border: 2px solid #D3B95C;
		  float: left;
/*		  height: 30px;*/ 
		  height: 55%;
		  padding: 0;
		  width: 100px;
		  cursor: pointer;
		  font: bold 14px Arial, Helvetica;
		  color: #fff;
}
		
#top1 #submit:hover,
#top1 #submit:focus, 
#top2 #submit:hover,
#top2 #submit:focus{		
		  background-color: #00496C;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#00496C));
		  background-image: -webkit-linear-gradient(top, #006699, #00496C);
		  background-image: -moz-linear-gradient(top, #006699, #00496C);
		  background-image: -ms-linear-gradient(top, #006699, #00496C);
		  background-image: -o-linear-gradient(top, #006699, #00496C);
		  background-image: linear-gradient(top, #006699, #00496C);
}	
		
#top1 #submit:active, #top2 #submit:active {		
	outline: none;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}
		
#top1 #submit::-moz-focus-inner {
	border: none;
}
		
#top1 label {
	float: right;
	line-height: 30px;
}
		
#top1 label input {
	position: relative;
	top: 2px;
	right: 2px;
}
		
/*--------------------*/
		
#about {
	margin: 15px;
}
		
#about a {
	color: #555;
}
#topcnt1 {
	font-weight: bold;
	font-size: 125%;
	font-style: italic;
}

#top1-content a {
	width: 200px;
	height: 100px;	
	padding: 1%;
	padding-right: 30%;
	margin: 2%;
	margin-top: 10%;
	font-size: 1.25em;
	color:#FFF;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	background-color: #23538A;
	background: url(../images/arrows.png) no-repeat right top, #A7CFDF ;
	background: url(../images/arrows.png) no-repeat right top, -webkit-linear-gradient(#A7CFDF ,#23538A);
	background: url(../images/arrows.png) no-repeat right top, -moz-linear-gradient(#A7CFDF ,#23538A);
	background: url(../images/arrows.png) no-repeat right top, -ms-linear-gradient(#A7CFDF ,#23538A);
	background: url(../images/arrows.png) no-repeat right top, -o-linear-gradient(#A7CFDF ,#23538A);
	background: url(../images/arrows.png) no-repeat right top, linear-gradient(#A7CFDF ,#23538A);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7CFDF ', endColorstr='#23538A',GradientType=0 );
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#top1-content a:hover {
/*	background-color: #CCCC33;*/
	background: url(../images/arrows.png) no-repeat right top, #CCCC33;
	background: url(../images/arrows.png) no-repeat right top, -webkit-linear-gradient(#CCCC33,#6D2F0E);
	background: url(../images/arrows.png) no-repeat right top, -moz-linear-gradient(#CCCC33,#6D2F0E);
	background: url(../images/arrows.png) no-repeat right top, -ms-linear-gradient(#CCCC33,#6D2F0E);
	background: url(../images/arrows.png) no-repeat right top, -o-linear-gradient(#CCCC33,#6D2F0E);
	background: url(../images/arrows.png) no-repeat right top, linear-gradient(#CCCC33,#6D2F0E);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93481A', endColorstr='#6D2F0E',GradientType=0 );
}
.buttonclass {
		  background-color: #006699;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#00496C), to(#006699));
		  background-image: -webkit-linear-gradient(top, #00496C, #006699);
		  background-image: -moz-linear-gradient(top, #00496C, #006699);
		  background-image: -ms-linear-gradient(top, #00496C, #006699);
		  background-image: -o-linear-gradient(top, #00496C, #006699);
		  background-image: linear-gradient(top, #00496C, #006699);
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  text-shadow: 0 1px 0 rgba(0,0,0,.5);
		  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
		  border: 2px solid #D3B95C;
		  float: left;
		  padding: 0;
		  width: 100px;
		  cursor: pointer;
		  font: bold 24px Arial, Helvetica;
		  color: #fff;
	}