#todo {
		display: none;
		padding-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 8px;
	}

	  #header {
/* 
		  margin-top: 40px;
		  margin-bottom: 40px;
 */
	  }
	  
	  #todoapp {
/* 		margin: 3%; */
	  }
	  
	  #todo_list {
		max-width: 800px;
		padding-left: 30px;

	  }	  
	  
	  #todoForm {
		  display: none;
		  margin: 5%;
	  }
	  
	  h3 span.small {
		  font-size: 10pt;
	  }

	  h3.todoheader {
		  margin-bottom: 10px;
	  }	
		  
	  .todoControls {
		top: 10px;
		position: relative;
		display: block;
		padding-left: 15px;
		padding-right: 25px;
		height: 20px;
	  }
	  .todoControls span { 
		display: block;
		float: right;
		width: 10%;
		margin-left: 10px;
	  }	  
	  p.todoEntry {
		font-size: 14pt;
		font-weight: 400;
		margin-top: 20px;
		margin-left: 15px;
		margin-right: 15px;		
	  }
	  p span.right {
	  	display:block;float:right;width:50%;margin-left:10px;
	  }
	  
	  #new-todo {
/* 		width: 90%; */
		max-width: 360px;
		margin-bottom: 10px;
	  }
	  
/* Todo app css */

	.todoItem {
		color: #745d3f;
		background-color: #f9f8faff;
		max-width: 800px;
		border-radius: 4px;
		margin-bottom: 10px;
	}

	span.glyphicon.glyphicon-trash {
	color: #2369d8;
	}

	a span.glyphicon.glyphicon-trash:hover {
	color: #FF0800;
	} 

	span.glyphicon.glyphicon-pencil {
	float: left;
	color: #2369d8;
	}
	a span.glyphicon.glyphicon-pencil:hover {
	color: #0ec510;
	} 

	  a.editTodolink {
		  font-size: 9pt;
		  font-weight: 600;
/* 		  color: #64531e !important; */
	  }
	  
	  a.editTodolink:hover  {
/* 	  	color: #ea7726 !important; */
	  }	  
	  #sortable {
		  margin-bottom: 0px;
	  }
	  li {
	  	list-style-type: none;
	  }