@import http://fonts.googleapis.com/css?family=Raleway;
/*----------------------------------------------
CSS Settings For HTML Div ExactCenter
------------------------------------------------*/
#main {
width:960px;
margin:50px auto;
font-family:raleway
}
span {
color:red
}
h2 {
background-color:#FEFFED;
text-align:center;
border-radius:10px 10px 0 0;
margin:-10px -40px;
padding:15px
}
hr {
border:0;
border-bottom:1px solid #ccc;
margin:10px -40px;
margin-bottom:30px
}
#login {
width:300px;
float:left;
border-radius:10px;
font-family:raleway;
border:2px solid #ccc;
padding:10px 40px 25px;
margin-top:70px
}
input[type=text],input[type=password] {
width:99.5%;
padding:10px;
margin-top:8px;
border:1px solid #ccc;
padding-left:5px;
font-size:16px;
font-family:raleway
}
input[type=submit] {
width:100%;
background-color:#FFBC00;
color:#fff;
border:2px solid #FFCB00;
padding:10px;
font-size:20px;
cursor:pointer;
border-radius:5px;
margin-bottom:15px
}
#profile {
padding:35px;
border:1px  grey;
font-size:20px;
background-color:#DCE6F7;
background-color:#BCCE98
}
#logout {
float:right;
padding:5px;
border:solid 1px gray
}
a {
text-decoration:none;
color:#6495ed
}
i {
color:#6495ed
}

/* Formatting for tables with row-grouping (like: "roosters" )*/
tr.group,
tr.group:hover {
    background-color: #ddd !important;
}

/* Formatting for header*/
.innertube {
	margin: 10px; /* Provides padding for the content */
}
		
p {
	color: #555;
}

/* Menu */
nav { 
	margin:0 auto; 
	padding:0; 
	float:right;
}
nav ul { 
	list-style:none; 
	padding:0; 
	float:left;
}
nav ul li { 
	font-size:15px;
	margin:0; 
	padding:0 0 0 8px; 
	float:left;
}
nav ul li a { 
	display:block; 
	margin:0; 
	padding:8px 20px; 
	color:darkgreen; 
	text-decoration:none;
}
nav ul li.active a, #top-nav ul li a:hover { 
	color:#d3d3f9;
}

button {
   font-weight: bold;
}