body {
     width: 100%;
     text-align: center;
     padding: 0;
     margin: 0;
     font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
}

a {
     font-weight: bold;
     color: #00a4e4;
     text-decoration: none;
     }

a:hover {
     color: #f8981d;
     text-decoration: underline;
     }

h1 {
     font: 18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
     color: #00a4e4;
}

#login {
     width: 250px;
     text-align: left;
     padding: 0 auto;
     margin: 0 auto;
     margin-top: 100px;
}

#login .input {
	font-size: 1.4em;
	margin-top: 3px;
	width: 100%;
}
textarea, input, select {
	background: #f9f9f9;
	border: 1px solid #b2b2b2;
	color: #333;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 3px;
}

.buttonimage {
     width: 150px;
     border: 0px;
}

.buttonimage:hover {
-moz-opacity: 0.7;
filter: alpha(opacity=70);}
}

textarea:hover, input.input:hover, input.input:focus {
	background: #fff;
	border: 1px solid #9d9d9d;
}

#header {
     width: 100%;
     height: 120px;
     background: #fff;
     text-align: left;
     padding: 0;
     margin: 0;
     clear: both;
     border-bottom: solid 1px #ccc;
}

#header #welcome {
     float: right;
     padding: 10px;
     text-align: right;
     line-height: 20px;
     width: 600px;
}

#header #logo {
     float: left;
     padding: 10px;
     width: 200px;
}

#content {
     background: #fff;
     width: 500px;
     margin: 50px auto;
	font-size: 1.2em;
	text-align: left;
     font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
     }

#contentlg {
     background: #fff;
     width: 650px;
     margin: 50px auto 10px auto;
	font-size: 1.2em;
	text-align: left;
     font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
     }

#content .thumb {
     border: solid 1px #ccc;}

#contentlg .thumb {
     border: solid 1px #ccc;}

#content .row,#contentlg .row {
     clear: both;
     
     }

#content .row .image,#contentlg .row .image {
     float: left;
     margin: 0 20px 20px 0;
     width: 200px;
     }

#content .row .leftside,#contentlg .row .leftside {
     float: left;
     margin: 0 20px 40px 0;
     width: 240px;
     text-align: right;
     }

#content .row .description, #contentlg .row .description {
     float: left;
     margin-bottom: 20px;
     }

.widefat td {
     border-bottom: solid 1px #c1d72e;}

.widefat tr.titlerow td {
     border-bottom: solid 1px #c1d72e;
     border-top: solid 1px #c1d72e;
     background: #e0eb96;
     }


#contentlg ul.clientlist {
     list-style: none;
     padding: 0;
     margin: 0;
     clear: both;}

#contentlg h1 {
     clear: both;}

#contentlg ul.clientlist a {
     font-weight: normal;}

#contentlg ul.clientlist li {
     position: relative;
     float: left;
     padding: 0 10px 10px 0;
     margin: 0;
     height: 150px;
     width: 500px;}

#contentlg ul.clientlist li img {
     padding: 0 20px 70px 0;
     margin: 0;}


#contentlg ul.userlist {
     list-style: none;
     padding: 0;
     margin: 0;
     clear: both;}

#contentlg ul.userlist a {
     font-weight: normal;}

#contentlg ul.userlist li {
     position: relative;
     float: left;
     padding: 0 10px 10px 0;
     margin: 0;
     height: 100px;
     width: 360px;}

#contentlg ul.userlist li img {
     padding: 0 20px 70px 0;
     margin: 0;
     width: 48px;}


#welcome a {
     font-weight: normal;}

.greencost {
     color: #879620;
     font-weight: bold;
     padding: 0 5px;}