/*tags*/
body,html{
     font-family:Verdana, Geneva, sans-serif;
}
a{
   text-decoration: none;color:#000;
}
a:hover{color:#39F;}
footer{background-color:#000;width:100%;height:35px;position:relative;}
form{font-family:Verdana, Geneva, sans-serif;}
form textarea{ font-size:12px; color:#09F; width:150px; resize:none;border-radius:5px; border:1px solid; border-color:#999; box-sizing:content-box;outline-color:#09F; overflow:hidden;}
form textarea:hover{width:150px; resize:none;border-radius:5px; border:1px solid; border-color:#09F; box-sizing:content-box;}

/*Classes*/
.words{font-size:12px; color:#000;}
.headings{font-size:16px; font-variant: small-caps;font-weight:bold; text-decoration:underline; }
.lines{font-size:12px; 	}

.btn{font-size: 12px;  background-color:#000; color:#FFF; border:none; border-radius:5px; width:60px;height:35px; float:left;margin:10px;}
.btn:hover{ background-color:#FFF; color:#000; border:2px solid #000; border-radius:5px; width:60px;height:35px;}

.txt{font-size:14px; color:#09F;width:150px;height:25px; resize:none;border-radius:5px; border:1px solid; border-color:#999; box-sizing:content-box;outline-color:#09F;}
.txt:hover{width:150px; resize:none;border-radius:5px; border:1px solid; border-color:#09F; box-sizing:content-box;}
.numeric{text-align: right;}
.borders{border:1px lightgray solid;padding:10px;width:200px;border-radius:15px; }
.warn{font-size:12px;color:red;}
.alert{font-size:12px;color:red;text-align: center;}
.ok{font-size:12px;color:Green;text-align: center;}
.stxtbox{
	width:150px;
}
input[type=text]{
	margin-bottom:5px;
}
/*Id's*/
#warn{font-size:12px;color:red; }
#main{width:100%; height:100%; position:absolute;left:0px; top:0px;}

/*-------------MAIN HEADER---------*/

#logout{
	color:red;
	float:right;
	margin-right:5px;
}

@media screen and (min-width:800px) {
	#header{
		margin:0px;
		padding:0px;
		position:relative;
		height:80px;
	}
	#company{
		position:relative;
		width:100%;
		margin:0px auto;
	}
	#cname{
		font-family:arial black;
		font-size:25px;
		text-align:center;
		color:blue;
		padding-top:5px;
	}
	#cadd{
		text-align:center;
		font-family:arial;
		font-size:15px;
		margin:0px;
		padding:0px;
		font-weight:bold;
	}
	#logoimg{
		width:80px;
		height:80px;
	}
	#logo{
		width:50px;
		height:50px;
		padding:0px;
		position:relative;	
		float:left;
	}

}
/*----------mobile-------*/
@media screen and (max-width:800px) {
	#header{
		margin:0px;
		padding:0px;
		position:relative;
		height:auto;
	}
	
	#company{
		position:relative;
		width:100%;
		margin:0px auto;
	}
	#cname{
		font-family:arial black;
		font-size:15px;
		text-align:center;
		color:blue;
		padding-top:5px;
	}
	#cadd{
		text-align:center;
		font-family:arial;
		font-size:12px;
		margin:0px;
		padding:0px;
		font-weight:bold;
	}
	#logoimg{
		width:50px;
		height:50px;
		margin:5px;
	}
	#logo{
		width:50px;
		height:50px;
		padding:0px;
		position:relative;	
		float:left;
	}
}