body {
margin:0 auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#000;
}

#pagewrapper {
width:1000px;
min-height:720px;
height:auto;
background:#fff;
margin:0 auto;
padding-bottom:1px;
}

#banner {
width:1000px;
height:234px;
background:url(../images/banner-staff.jpg);
}

#box-login {
margin:0 auto;
margin-top:150px;
padding:20px;
background:#000;
width:300px;
color:#c6d658;
}
input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:200px;
height:18px;
background:url(../images/bg-input.jpg);
border:0;
padding-top:5px;
padding-left:2px;
}
.browse {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:248px;
height:18px;
background:url(../images/input-browse.jpg);
border:0;
padding-top:5px;
padding-left:2px;
}
select {
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}
.button {
font-size:16px;
font-family:Impact, Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#000;
background:#c6d658;
text-transform: uppercase;
border:0;
padding:0 10px;
width:auto;
height:auto;
}

#boxwrapper {
margin:30px;
width:940px;
}

.navbar {
height:30px;
background:#000;
}
.nav {
float:left;
width:65%;
}
.nav ul {
margin:0;
padding:0;
float:left;
}
.nav ul li {
display:inline;
}
.nav ul li a {
float:left;
text-decoration:none;
padding:0 20px;
line-height:26px;
border:2px solid #000;
border-right:0;
font-size:16px;
font-family:Impact, Tahoma, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#000;
background:#c6d658;
text-transform: uppercase;
}
.nav ul li a:hover, .nav ul li a.current {
background:#000;
color:#c6d658;
}
.nav ul li a:focus {
outline:none;
}
.page {
float:right;
color:#fff;
line-height:30px;
font-size:13px;
padding-right:15px;
font-weight:normal;
}
.page a {
color:#c6d658;
text-decoration:underline;
}
.page a:hover {
text-decoration:none;
}
.row {
min-height:30px;
line-height:30px;
}
.row a {
color:#c6d658;
text-decoration:none;
}
.row a:hover {
text-decoration:underline;
}
.top {
background:#323232;
color:#c6d658;
}
.mainproject {
background:#3366CC;
color:#fff;
}
.first {
background:#484848;
color:#fff;
}
.second {
background:#000;
color:#fff;
}
.row .id {
width:50px;
text-align:center;
float:left;
color:#c6d658;
}
.row .username, .row .project, .row .name, .row .email {
text-align:left;
float:left;
}
.row .username {
width:140px;
}
.row .project {
width:200px;
}
.row .name {
width:150px;
}
.row .email {
width:250px;
}
.row .action {
float:right;
text-align:right;
padding:2px 2px 2px 0px;
}

#box-add {
display:none;
background:#323232;
color:#c6d658;
text-align:left;
padding:10px;
}
#box-edit {
display:none;
background:#323232;
color:#c6d658;
text-align:left;
padding:10px;
}
#box-search {
display:none;
background:#323232;
color:#c6d658;
text-align:left;
padding:10px;
}
#box-result {
background:#444;
color:#c6d658;
text-align:left;
padding:10px;
padding-left:20px;
}
#box-result a {
color:#fff;
text-decoration:none;
}
#box-result a:hover {
text-decoration:underline;
}
#box-file {
overflow:auto;
overflow-x:hidden;
max-height:300px;
}
#box-file input {
width:auto;
height:auto;
border:0;
background:none;
margin:0;
padding:0;
margin-top:5px !ie;
margin-bottom:-8px !ie;
}
#box-file .top-list {
line-height:30px;
background:#444;
color:#fff;
text-transform:uppercase;
}
#box-file .odd-list,#box-file .even-list {
height:30px;
}
#box-file .icon {
width:30px;
text-align:center;
border-right:1px dotted #333;
}
#box-file .size {
text-align:right;
padding-right:15px;
}
#box-file .name {
text-align:left;
padding-left:15px;
width:500px;
}
#box-file .action {
border-left:1px dotted #333;
width:90px;
}
#box-file .odd-list {
background:#eee;
}
#box-file .even-list {
background:#e2eaab;
}
#box-photo {
background:#323232;
color:#c6d658;
text-align:left;
padding:10px 24px;
}
#box-photo h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
padding:0;
margin:0;
color:#c6d658;
}
#box-upload {
background:#000;
color:#fff;
text-align:left;
padding:10px;
}
#box-upload h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:normal;
padding:0;
margin:0px;
margin-bottom:7px;
color:#c6d658;
}
.comment {
height:160px;
width:450px;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.comment-text {
background-color:#333;
padding:0;
text-align:left;
padding:10px;
width:540px;
}
.feedback {
overflow:auto;
overflow-x:hidden;
width:325px;
min-height:234px;
height:auto;
margin:5px;
text-align:left;
}
.feedback a, #box-photo a {
color:#c6d658;
text-decoration:underline;
}
.feedback a:hover, #box-photo a:hover {
text-decoration:none;
}
.feedback textarea {
margin:4px 0;
width:325px;
height:50px;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.feedback .message-1 {
padding:5px 10px;
background:#222;
line-height:20px;
}
.feedback .message-2 {
padding:5px 10px;
background:#333;
line-height:20px;
}
#divinputfile {
margin:0;
}
#divinputfile #filepc {
opacity:0.0;
-moz-opacity: 0.0;
position:relative;
z-index:2;
}
#fakeinputfile {
margin-top:-22px;
position:relative;
z-index:1;
}
#totalfeedback {
color:#c6d658;
}
#gallery {
background-color:#444;
padding:0;
width:860px;
text-align:left;
padding:15px;
}
#gallery ul { list-style: none; margin:0; padding:0; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
opacity:0.5; margin:2px 
}
#gallery ul a:hover img, #gallery ul a.selected img {
border: 5px solid #fff;
color: #fff;
opacity:1.0;
}
#gallery ul a:focus {
outline:none;
}
#gallery ul a:hover { color: #fff; }