body{
  padding: 20px;
  background-color: #FFF;
  font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif
}
h3 { 
font-size: 130%;
}

#page_container{ 
margin: 0 20%;
}
#top_bar{ 
background-color: #4096EE;
color:white;
}
#top_bar a{ 
color:white;
text-decoration:none;
}
div.container{ 
padding: 0.5em 1em 1em 1em;
}
#search_projects{ 
background-color:#CDEB8B;
margin-top:20px;
margin-right:20px;
float: left;
}
#search_projects  a, #search_freelancers a,#view_project  a, #view_freelancer a,#utility a{ 
color:black;
}
#search_freelancers{ 
background-color:#C3D9FF;
margin-top:20px;
float: left;
}
#search_freelancers li.even{ 
background-color: #F9F7ED;
}
#utility{ 
background-color:#EEEEEE;
margin-top:20px;
  color: black;
}
#footer_menu{ 
background-color:#C79810;
margin-top:20px;
  color: white;
}
#footer_menu ul{ 
  margin : 0;
  padding : 0;
}
#footer_menu li{ 
  display: inline;
  list-style : none;
  margin : 0px];
  padding: 0px;
}
#footer_menu a{ 
color: white;
}
a{ 
  text-decoration: none;
}
a:hover{ 
  text-decoration: underline;
}
input[type="text"],input[type="checkbox"],input[type="password"], textarea{ 
  border:0px;
  padding: 2px;
}
span.form_note{ 
  color:#444444;
}
input{ 
  font-size:95%;
}
#utility label{ 
  width: 12em;
  float:left;
  margin-right: 5px;
}
.error{ 
  display:none;
  color: #FF1A00;
}
#project_list th{ 
  background-color:#008C00;
  color: white;
  padding: 5px;
  text-align: left;
}
#project_list th.title{ 
width:80%;
}
#project_list th.date{ 
  width: 10%;
}
#project_list th.live{ 
  width: 10%;
}
#project_list td{ 
border-bottom:1px dashed black;
}
#search_projects ul{ 
  margin : 0;
  padding : 0;
}
#search_projects li{ 
  display: block;
  list-style : none;
  margin : 0px];
  padding: 0px;
}
#view_project{ 
background-color:#CDEB8B;
margin-top:20px;
margin-right:20px;
float: left;
}
#view_project div.name{ 
width: 8em;
}
#view_project div.name,  #view_project div.value { 
float: left;
}
#view_project div.text{ 
  border-top:1px dashed black;
  padding-top: 20px;
}
#view_project div.note{ 
  border-top:1px dashed black;
  padding-top: 20px;
}
#search_freelancers ul{ 
  margin : 0;
  padding : 0;
}
#search_freelancers li{ 
  display: block;
  list-style : none;
  margin : 5px 0px;
  padding: 4px;
}
div.pages{ 
  border-top:1px dashed black;
  padding-top: 10px;
  margin-top:20px;
}
#view_freelancer{ 
background-color:#C3D9FF;
margin-top:20px;
margin-right:20px;
float: left;
}
#view_freelancer div.name{ 
width: 8em;
}
#view_freelancer div.name,  #view_freelancer div.value { 
float: left;
}
#view_freelancer div.text{ 
  border-top:1px dashed black;
  padding-top: 20px;
}
#view_freelancer div.note{ 
  border-top:1px dashed black;
  padding-top: 20px;
}

span.current_page{
border: 1px solid black;
padding: 2px;
font-weight:bold;
}
span.freelancer_name{ 
width: 10em;
display:block;
float: left;
}
span.freelancer_services{ 
padding-left:10px;
display:block;
float: left;
}