/* Default Attributes */


body {background: #e0f9f1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTBmOWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjYjVjNmQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGVlY2VkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjYjVjNmQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZjlmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #e0f9f1 0%, #b5c6d0 24%, #deeced 50%, #b5c6d0 75%, #e0f9f1 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e0f9f1), color-stop(24%,#b5c6d0), color-stop(50%,#deeced), color-stop(75%,#b5c6d0), color-stop(100%,#e0f9f1));
background: -webkit-linear-gradient(-45deg,  #e0f9f1 0%,#b5c6d0 24%,#deeced 50%,#b5c6d0 75%,#e0f9f1 100%);
background: -o-linear-gradient(-45deg,  #e0f9f1 0%,#b5c6d0 24%,#deeced 50%,#b5c6d0 75%,#e0f9f1 100%);
background: -ms-linear-gradient(-45deg,  #e0f9f1 0%,#b5c6d0 24%,#deeced 50%,#b5c6d0 75%,#e0f9f1 100%);
background: linear-gradient(135deg,  #e0f9f1 0%,#b5c6d0 24%,#deeced 50%,#b5c6d0 75%,#e0f9f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f9f1', endColorstr='#e0f9f1',GradientType=1 );


	background-attachment: fixed;
	background-repeat: no-repeat;
	display:block;
	width:100%;

}

.Logo {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 125px;
	border-radius:30px;
	
	-webkit-animation: cssAnimation 1s 2 linear;
    -moz-animation: cssAnimation 1s 2 linear;
    -o-animation: cssAnimation 1s 2 linear;
}

@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotateZ(4deg) scale(1) skew(1deg) translate(0px); }
to { -webkit-transform: rotateZ(360deg) scale(1) skew(1deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotateZ(4deg) scale(1) skew(1deg) translate(0px); }
to { -moz-transform: rotateZ(360deg) scale(1) skew(1deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotateZ(4deg) scale(1) skew(1deg) translate(0px); }
to { -o-transform: rotateZ(360deg) scale(1) skew(1deg) translate(0px); }
}

.Logo:hover{
	-webkit-animation: cssAnimation 1s infinite linear;
    -moz-animation: cssAnimation 1s infinite linear;
    -o-animation: cssAnimation 1s infinite linear;
}

.LinksTop{
	position:relative;
	float:right;
	right:75px;
	z-index:505;
}

.Slogan{
	position: relative;
	text-align: center;
	font-size: 22px;
	color:black;
}


/* Message Area */
#flash_message { 
	color:black;
	font-size: 16pt;}

/*Main Body*/
#page_header_store{
	position: relative;
	float:left;
	top:105px;
	left:145px;
}	

#search_by_name_form{
	position:relative;
	
}

#page_content{
	position:relative;
	top:105px;
	left:140px;
}

#footer{
	position:fixed;
	bottom:0px;
	right: 40%;
	Left: 40%;
}

.toolbar_right{
	position: relative;
	float:left;
	top:245px;
	left:450px;
}

.tableform { background-color: #FFFFFF;	
	border-color: #4bd2ea;
	color: #000000;
	position: relative;
	right:103px;
	width: 27%;
	top: 260px;
	border-width: 1px;
	border-style: inset;
	height:150px;
	overflow:scroll;
	}

	.text{
		color:black;
		font-size:16pt;
		
		}

.add_button {
	position:relative;
	left:10px;
	
}
/* Index Page */
.splash2{
		position:relative;
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		margin-bottom: 0%;
		margin-top: 0%;
		z-index: 4;
		
-webkit-animation: cssAnimation 5s 2 linear;
-moz-animation: cssAnimation 5s 2 linear;
-o-animation: cssAnimation 5s 2 linear;
}

.main {
		position:absolute;
		width: 100%;
		height: 100%;
}


.splash{
		position:absolute;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		border: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
}

   .tableform2{
    position: relative;
	border-color: #4bd2ea;
	color: #000000;
	position: relative;
	width: 90%;
	left:auto;
	right: auto;
	top: 5px;
	bottom: 2.5%;
	border-width: 10px;
	border-style: inset;
	padding: 0px;
	height: 90%;
    }
	
	.form-field {
		position: relative;
		height: 100%;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		clear: both;
		padding: 7px;
		text-align: right;
		}
		
		.form-field label {
			position: relative;
			width: 150px;
			text-align:right;
			}
			
			.form-field input {
			position: relative;
			width:150px;
			text-align:left;
			}
			
	.phpCont {
	position: relative;
	width: 95%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

	.Top {
	position: fixed;
	left: 0px;
	right: 0px;
	min-width: 800px;
	height: 140px;
	border-style: outset;
	border-color: grey;
	border-width:0px;
	z-index:101;
}


.Main2a {
	position: fixed;
	top: 175px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: transparent;
	border-style: inset;
	border-color: grey;
	border-width:0px;
	min-width: 780px;
	color: black;
}

.Main2b {
	position: relative;
	width: 100%;
	height: 100%;
}

.Wrapper1 {
	position: absolute;
	width: 100%;
	min-width: 800px;
	height: 100%;
	left: auto;
	right: auto;
	font-size: 25px;
	text-align: center;
	overflow: auto;
	top: 0px;
	bottom: 0px;
}

.Columns{
	position: absolute;
	width: 100%;
	height: 100%;
	left: auto;
	right: auto;
	
}

.Column1{
	position: relative;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	font-size: 25px;
}