@import http://fonts.googleapis.com/css?family=Lobster";


/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
width:300px;
margin:150px auto;
font-family: Helvetica,Arial;
font-size: 50;
color: #2CB8D1;
}
span {
color:red
}
#form{
   position:fixed;
   top:50%;
   left:50%;
   width:250px;
   font-family: Helvetica,Arial;

}
h4 {
  font-family: Helvetica,Arial;
  font-style: bold;
  font-weight: 1600;
  color: white;
  text-align:center;

}
h3 {
background-color:#70706F;
font-family: Helvetica,Arial;
font-style: bold;
font-weight: 500;
color: white;
text-align:center;
border-radius:00px 0px 0px 0px;
}

h2 {
background-color:#70706F;
font-family: Helvetica,Arial;
font-style: bold;
font-weight: 400;
color: white;
text-align:center;
border-radius:0 0 10px 10px ;

padding:15px
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {

width:300px;
float:left;
border-radius:30px;
font-family: Helvetica,Arial;
border:2px solid #ccc;
padding:10px 40px 25px;
margin-top:0px
border-radius:20px 20px 20px 20px;
}
input[type=text],input[type=password] {
width:279px;
padding:10px;
margin-top:8px;

border:1px solid #ccc;
font-size:16px;
font-family:  Helvetica,Arial;
border-radius:20px 20px 20px 20px;
}
input[type=text2]{
width:110px;
padding:10px;
margin-top:8px;

border:1px solid #ccc;
font-size:16px;
font-family:  Helvetica,Arial;
border-radius:20px 20px 20px 20px;
}
input[type=submit] {
  background-color:#2CB8D1;
width:279px;
  padding:10px;
  margin-top:8px;
  border:1px solid #ccc;
  padding-left:5px;
  font-size:16px;
  border-radius:20px 20px 20px 20px;
font-family:  Arial, serif;
}
#profile {
padding:10px;
border:1px grey;
font-size:30px;

font-family:  Helvetica,Arial;

}
#logout {
float:right;
padding:2px;
border:dashed 1px gray;
font-family:Helvetica,Arial;
}

a {
text-decoration:none;
color:black
}
i {
color:#6495ed
}
html{
  background: url(xRespon.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


body {
	background: #ffffff url(http://jackrugile.com/images/misc/noise-diagonal.png);
	color: #444;
	font: 100%/30px 'Helvetica Neue', helvetica, arial, sans-serif;
	text-shadow: 0 1px 0 #fff;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}





th:first-child {
	border-left: 1px solid #777;
	box-shadow: inset 1px 1px 0 #999;
}

th:last-child {
	box-shadow: inset -1px 1px 0 #999;
}

td {
	border-right: 0px solid #fff;
	border-left: 0px solid #e8e8e8;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #ffffff;
	padding: 0px 15px;
	position: relative;
	transition: all 300ms;
}

td:first-child {
	box-shadow: inset 1px 0 0 #fff;
}

td:last-child {
	border-right: 1px solid #e8e8e8;
	box-shadow: inset -1px 0 0 #fff;
}

tr:last-of-type td {
	box-shadow: inset 0 -1px 0 #fff;
}

tr:last-of-type td:first-child {
	box-shadow: inset 1px -1px 0 #fff;
}

tr:last-of-type td:last-child {
	box-shadow: inset -1px -1px 0 #fff;
}

tbody:hover td {
	color: transparent;
	text-shadow: 0 0 3px #aaa;
}

tbody:hover tr:hover td {
	color: #444;
	text-shadow: 0 1px 0 #fff;
}