#wrapper{
	width: 960px;
	margin: 0 auto;
}
#wrapper .tool
{
    margin-bottom: 7px;
}
#wrapper h1
{
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;
}
#wrapper a.create{
	float: right;
	margin: 0px 5px 15px 0px;
	padding: 7px 0px 0px 0px;
	display: block;
	width: 160px;
	height: 34px;
	background: #454545;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	text-align: center;
	border: 2px solid #454545;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
}
#wrapper a.create:hover{
	background: rgba(69,69,69,0.90);
	color: #fff;
}
#wrapper a.create:active{
	background: rgba(69,69,69,0.85);
	color: #fff;
}
#wrapper ul.heading li{
	background: #dbdbdb;
}
#wrapper ul.heading li.handle, #wrapper ul.heading li.status{
	background: #e7e7e7;
}
#wrapper ul.landingpage li{
	border-bottom: 1px solid #dbdbdb;
}
#wrapper ul li{
	float: left;
	height: 40px;
	padding: 0px 20px;
	line-height: 40px;
	font-weight: 300;
	border-right: 1px solid white;
}
#wrapper ul li.icon{
	width: 52px;
}
#wrapper ul li.title{
	width: 140px;
}
#wrapper ul li.handle{
	width: 340px;
}
#wrapper ul li.status{
	width: 244px;
}
#wrapper ul li.edit{
	width: 90px;
	text-align: center;
}
#wrapper ul li.delete{
	width: 90px;
	text-align: center;
}
#wrapper ul li a{
	color: #2d2d2d;
	text-decoration: none;
}
#wrapper ul li a:hover{
	text-decoration: underline;
}
#wrapper ul li.icon span{
	display: inline-block;
	height: 10px;
	width: 10px;
	float: right;
	margin: 16px 0px 0px 0px;
	border-radius: 50%;
	background: green;
	text-indent: -9999px;
}
#wrapper ul li.icon span.green{
	background: #008700;
}
#wrapper ul li.icon span.red{
	background: #ff0202;
}
#wrapper ul li.icon span.yellow{
	background: #eeee12;
}

#pages
{
    border-bottom: 1px solid #dbdbdb;
    font-weight: 300;
}
#pages tr
{
    height: 38px;
}
#pages th
{
    background: none repeat scroll 0 0 #dbdbdb;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    font-weight: 300;
}
#pages th.handle, #pages th.status
{
    background: none repeat scroll 0 0 #e7e7e7;
}
#pages th.actions
{
    text-align: center;
}

#pages tbody tr td:nth-child(1)
{
    padding: 10px 18px;
}
#pages tbody tr td:nth-child(1) span
{
    border-radius: 50%;
    display: block;
    height: 10px;
    width: 10px;
    margin-left:auto;
    margin-right:auto;
}
#pages tbody tr td:nth-child(1) span.green{
	background: #008700;
}
#pages tbody tr td:nth-child(1) span.red{
	background: #ff0202;
}
#pages tbody tr td:nth-child(1) span.yellow{
	background: #eeee12;
}
#pages tbody tr td:nth-child(5)
{
    text-align: center;
}
#pages tbody tr td a
{
    color: #2d2d2d;
}