frontend.css

	body{
		font-family: 'lucida grande',verdana,helvetica,arial,sans-serif;
		font-size:15px;
	}
	#quote{
		background:white url(quote.png) no-repeat center center;
		height: 44px;
		margin-top: 120px;
	}
	#login_form{
		width:400px;
		margin:100px auto 40px;
		padding:10px 30px 25px;
		border:1px solid #eee;
		border-radius:5px;
		box-shadow:0px 0px 5px 0px #AAAAAA;
	}
	.no_bar{
		margin-top:20px!important;
	}
	#login_form h3{
		color:#444;
		padding-left:19px;
	}
	#login_form form, #add_survey form{
		text-align:center;
	}
	#login_form label,#add_survey label{
		display:none;
	}
	#login_form input, #add_survey input, #add_survey textarea{
		width: 90%;
		border-radius:5px;
		border:1px solid #aaa;
		padding:5px;
		margin: 5px auto;
		color:#bbb;
		font-size:15px;
		font-family: 'lucida grande',verdana,helvetica,arial,sans-serif;
	}
	#login_form input:focus, #add_survey input:focus, #add_survey textarea:focus{
		box-shadow:0px 0px 3px 1px #AAeeAA;
		color:#333;
	}
	#login_form .subm, #add_survey .subm{
		color:#333;
		background-color:#eee;
		cursor:pointer;
	}
	#login_form #or{
		color:#777;
		font-style:italic;
	}
	div.success, div.error{
		color: #FFFFFF;
		width:83%;
		border-radius:4px;
		margin: 25px auto;
		padding: 7px 14px;
		border: 1px solid rgba(0, 0, 0, 0.5);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	}
	div.error a{
		color:white;
		text-decoration:none;
		border-bottom:1px solid white;
	}
	div.success{
		background: #3B8230;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76BF6B', endColorstr='#3B8230');
		background: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
		background: -moz-linear-gradient(top , #76BF6B, #3B8230);
	}
	div.error{
		background: #C43C35;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE5F5B', endColorstr='#C43C35');
		background: -webkit-gradient(linear, left top, left bottom, from(#EE5F5B), to(#C43C35));
		background: -moz-linear-gradient(top , #EE5F5B, #C43C35);
	}
	#top_bar{
		position:fixed;
		top:0;
		left:0;
		height:30px;
		width:100%;
		background: #232323;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232323', endColorstr='#343434');
		background: -webkit-gradient(linear, left top, left bottom, from(#232323), to(#343434));
		background: -moz-linear-gradient(top , #232323, #343434);
		color:#fff;
		padding:11px 0 3px;
		box-shadow: 0 0 3px 1px #343434;
	}
	#top_bar h1{
		margin:0 0 0 30px;
		font-size:20px;
		text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
		letter-spacing:3;
		cursor:pointer;
	}
	#top_bar span{
	    color: #EEEEEE;
		position: absolute;
	    right: 30px;
		top:10px;
		padding: 2px 8px;
	}
	#top_bar a{
		margin-left:10px;
		color: #EEEEEE;
	    background-color: #444444;
	    border: 1px solid #777777;
		border-radius:5px;
	    padding: 2px 8px;
		text-decoration:none;
	}
	#wrapper{
		width:900px;
		padding:0 30px 20px;
		border:1px solid #ccc;
		border-radius:5px;
		margin:75px auto 5px;
	}
	#wrapper h2{
		margin-top:30px;
	}
	#wrapper #steps{
		color: #777777;
		font-family: georgia,times,serif;
		font-size: 24px;
		font-style: italic;
	}
	#wrapper #steps p{
		border-left: 1px solid #EEEEEE;
		font-family: 'lucida grande',verdana,helvetica,arial,sans-serif;
		font-size: 15px;
		font-style: normal;
		padding-left: 8px;
		color: #000;
	}
	#item_table table{
		width:100%;
	}
	#item_table .head_row td{
		border-bottom:1px solid #ccc;
		font-weight:bold;
	}
	#item_table a{
		color:#444;
		cursor:pointer;
		text-decoration:none;
	}
	#overlay {
		display:none;
	}
	#footer{
		color: #777777;
	    font-size: 13px;
	    margin-bottom: 20px;
	    text-align: center;
	}