* {margin: 0; padding: 0;}

body {
	background: #e9e9e1 url(/images/page-back.gif) center repeat-y;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	color: #333;
}

body#admin-body {
	background: #e9e9e1 url(/images/page-back-wide.gif) center repeat-y;
}

h1 {
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 25px;
}

pre {
	font-family:inherit;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



#content h1 {clear: both;}
h2 {font-size: 130%; margin-bottom: 15px; margin-top: 25px; font-weight: normal;}
h3 {font-size: 110%; font-weight: normal;}
p {font-size: 100%; margin-bottom: 18px; line-height: 110%;}
ul {font-size: 100%; margin-bottom: 18px;}
li {margin-bottom: 8px;}
strong {color: #5a5a3a;}

a {color:#5F5F59;}
a:hover {text-decoration: none;}

small {
	font-size: 90%;
	font-style: italic;
}

img {border: none;}

#header, #admin-header {
	width: 100%;
	height: 93px;
	background: url(/images/head-back.gif) repeat-x;
}
#header h1, #admin-header h1  {display: none;}
#header h2, #admin-header h2 {text-indent: -9999px;}

#header h2 {
	display: block;
	width: 752px;
	height: 93px;
	background: url(/images/banner.gif) no-repeat;
	margin: 0 auto;
}

#admin-header h2 {
	display: block;
	width: 952px;
	height: 93px;
	background: url(/images/banner-wide.gif) no-repeat;
	margin: 0 auto;
}

#content {
	margin: 36px auto;
	text-align: left;
	width: 684px;
}

#admin-content {
	width: 884px;
	margin: 36px auto;
	text-align: left;
}

p.menu {
	float: right;
	padding-bottom: 0;
}

/* HOMEPAGE */

#content p {clear:both;}

#col1, #col2 {
	border-top: #c1c1b6 solid 1px;
	border-bottom: #c1c1b6 solid 1px;
	float: left;
	padding: 20px 0;
	height: 225px;
}

#col1 {
	width: 222px;
	background: #ebebd9;
}

#col1 a {color: #333;}

#col2 {
	width: 439px;
	background: #fcfcf6;
	margin-left: 23px;
	margin-bottom: 20px;
}

#col2 p {font-size: 90%;}

#col1 h2, #col2 h2, #col2 p, #col2 label, .mainmenu h2 {
	margin-left: 20px;
}

ul {
	margin-left: 40px;
}

ul ul {margin: 10px 0 5px 20px;}

.mainmenu {
	border-top: #c1c1b6 solid 1px;
	border-bottom: #c1c1b6 solid 1px;
	background: #fcfcf6;
	width: 100%;
	padding: 20px 0;
}

/* SECONDARY PAGES */

table {
	border-bottom: 1px #c1c1b6 solid;
	border-collapse: collapse;
	padding-bottom: 4px;
	margin-bottom: 10px;
	width: 684px;
}

#admin-content table {
	border-bottom: 1px #c1c1b6 solid;
	border-collapse: collapse;
	padding-bottom: 4px;
	margin-bottom: 10px;
	width: 884px;
}

.rev-ctrls {
	width: 170px;
}

.search-checkbox{
	width: 14px;
}

th {
	border-bottom: 1px #c1c1b6 solid;
	margin-bottom: 5px;
	padding: 6px;
}
td {
	padding: 6px 0 6px 6px;
	vertical-align: top;
	line-height: 120%;
	font-size: 100%;
	max-width: 130px;
}
th a {color:#333;}

tr.alt {background: #fcfcf6;}

table.nicetable th {
	text-align: left;
}

table.nicetable td {
	background: #FCFCF6;
	padding: 5px;
}

table.nicetable td input {
	margin-bottom:0;
}

table.tablesorter th:hover { cursor: pointer }
table.nicetable tr.odd td { background: #eaeae5; }

.error {color: #880000;}
div.error, div.message {margin-bottom: 18px;}


p.error, div.error, p.autosave-error {border:1px solid #880000; background-color:#F5CBD0; padding:10px;}
p.error strong, div.error strong, p.autosave-error {color: #880000;}

p.message, div.message, p.autosave-ok {border:1px solid #363b6f; background-color:#dbdbde; padding:10px;}
p.message, p.message strong, div.message, div.message strong, p.autosave-ok {color: #363b6f;}



/* ADMIN PAGES */

#login {
	border-top: #c1c1b6 solid 1px;
	border-bottom: #c1c1b6 solid 1px;
	padding: 20px 0;
	margin: 0 auto;
	width: 310px;
	background: #fcfcf6;
}

hr {
	clear: both;
	height: 1px;
	border: none;
	background: #c1c1b6;
	margin: 10px 0;
}

#col1 ul.nobullet, #col2 ul.nobullet {
	list-style: none;
	margin-left: 30px;
}

#EditOpener {color:#5F5F59;text-decoration:underline;}
#EditOpener:hover {cursor:pointer;}


/* FORM ELEMENTS */

label {
	width: 200px;
	float: left;
	clear: left;
	margin-top: 5px;
	margin-right: 5px;
	color: #5a5a3a;
	font-weight: normal;
}

p.samplefields label {
width:215px;
}

#login label {
	margin-left: 25px;
	width: 70px;
}
button {padding:2px 5px 3px;}
label.small, legend.small {width: 115px;}
input {vertical-align: middle;}
form.wide label {width: 150px; margin-right: 5px;}
form.wide input.radio {width: 12px;}
form.wide input, form.wide textarea, form.wide select {width: 300px;}
input.submit, form.wide input.submit {width: 66px;}
input.button {margin: 0;}
select {width:210px; margin-top: 4px; margin-bottom: 6px;}
input, textarea {margin-bottom: 10px; }
textarea { margin-top: 4px;}
#col2 input.submit, #login input.submit {float: right; margin-right: 42px; vertical-align: middle;}

fieldset label, form.wide fieldset label {width: 45px; float: none; margin-top: 0; color: #333; font-weight: normal;}
fieldset input {margin:0 5px 5px 0;}
fieldset {margin: 5px 0 20px 0; border: none; padding-top: 10px;}
fieldset p {margin-bottom:5px; line-height: 1.2em;}
legend {margin: 0 5px 6px 0; font-weight: normal; color: #5a5a3a;}
input.num, form.wide input.num {width: 100px;}
label.checkbox, input.checkbox {float: none; margin: 0; font-weight: normal; color:#333;}

input[type="submit"], input[type="button"] {padding:2px 4px; cursor: pointer;}


input.btn, input.no-btn {
	padding: 8px 10px !important;
    display: inline-block;
    border: solid 1px gray;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 10px;
}

input.no-btn {
	background-color: transparent;
}


#filterform .filter {display:inline;}

.with-selected {float:right;}
.with-selected select {margin-top:0;}
.dataTable th:hover {cursor:pointer;}

.fancybutton {
border-radius:3px;
padding:5px 10px 7px;
color:#ffffff;
border:1px solid #ccc;
background: rgb(124,124,81); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(124,124,81,1) 0%, rgba(90,90,58,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,124,81,1)), color-stop(100%,rgba(90,90,58,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(124,124,81,1) 0%,rgba(90,90,58,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(124,124,81,1) 0%,rgba(90,90,58,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(124,124,81,1) 0%,rgba(90,90,58,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(124,124,81,1) 0%,rgba(90,90,58,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c51', endColorstr='#5a5a3a',GradientType=0 ); /* IE6-9 */
display:inline-block;
text-decoration:none;
}

.fancybutton:hover {
text-decoration:underline;
cursor:pointer;
}

.loginlink{
width:150px;
margin:0 auto;
}

.upload {
margin-bottom:15px;
padding:10px;
border-top: #c1c1b6 solid 1px;
border-bottom: #c1c1b6 solid 1px;
}

.reviewers {
	margin-bottom: 3px;
}

select.rev-select{
	width: 180px;
	overflow: hidden;
}

input.recs{
margin-bottom:0
}

input.add-all-rev {
	background: url(/images/icons/add-all-ico.gif) no-repeat center bottom;
	text-indent: -99999px;
	overflow: hidden;
	height: 16px;
	width:42px;
	cursor: pointer;
	margin: 0;
 	padding: 0;
 	border: 0;
}
input.add-all-rev:hover {
	background: url(/images/icons/add-all-ico.gif) no-repeat center top;
}
/*
input.remove-rev {
	background: url(/images/icons/close-ico.gif) no-repeat right bottom;
	text-indent: -99999px;
	overflow: hidden;
	height: 16px;
	width:16px;
	cursor: pointer;
	margin: 0;
 	padding: 0;
 	border: 0;
 	float: right;
}

input.remove-rev:hover {
	background: url(/images/icons/close-ico.gif) no-repeat right top;
}
*/
a.add-icon {
	background: url(/images/icons/add-ico.gif) no-repeat center bottom;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
	height: 16px;
	width:16px;
	float: right;
	margin-top: 3px;
	clear: right;
}

a.add-icon:hover {
	background: url(/images/icons/add-ico.gif) no-repeat center top;
}
/*
input.reset-rev {
	background: url(/images/icons/reset-ico.gif) no-repeat center bottom;
	text-indent: -99999px;
	overflow: hidden;
	height: 16px;
	width:47px;
	float: right;
	cursor: pointer;
	margin: 0;
 	padding: 0;
 	border: none;
}
input.reset-rev:hover {
	background: url(/images/icons/reset-ico.gif) no-repeat center top;
}
*/
a.edit-icon {
	background: url(/images/icons/edit-ico.gif) no-repeat center bottom;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
	height: 16px;
	width:16px;
	float: right;
}

a.edit-icon:hover {
	background: url(/images/icons/edit-ico.gif) no-repeat center top;
}


a.trash-icon {
	background: url(/images/icons/trash-ico.gif) no-repeat center bottom;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
	height: 16px;
	width:16px;
	float: right;
	margin-top: 3px;
	clear: right;
}

a.trash-icon:hover {
	background: url(/images/icons/trash-ico.gif) no-repeat center top;
}

span.rev-num {
	padding: 2px;
	display: block;
	float: left;
	margin: 0 12px 0 2px;
}
input.rev-rank {
	float: left;
	margin-top: 3px;
}

span.opener:hover {
	cursor: pointer;
	text-decoration: underline;
}

span.reviewer-name {
float:left;
margin-bottom:3px;
display:block;
width:150px;
}

.reviewers {
clear:left;
margin-bottom:5px;
}

/* Reviewer pages */

.reviewerTable tr, .reviewerTable td {
border-bottom:1px solid #cccccc;
}

.reviewersummary label {
	font-weight:700;
}
.reviewersummary .reviewerdata {
	float:left;
	margin-top:5px;
}
.reviewersummary {
margin-bottom:10px
}

#ReviewText {
	float:left;
}

#ReviewRank {
	float:left;
	width:300px;
	margin-left:20px;
}

#ReviewForm {
	margin-bottom:20px;
}

p.reviewermenu {
margin-top:30px;
}

#UpdateReview {
clear:left;
}

p.second {
    margin-top: -31px;
    margin-left: 200px;
    width: 300px;
}

#reviewstatus {
	padding-left: 180px;
}

#selectname {
	margin-left: 178px;
	margin-top: -24px;
}

td.smaller {
	max-width: 80px;
}

#assign {
	margin-left: 178px;
}


/* admin search */
fieldset.adminsearch {
	border: 1px #c1c1b6 solid;
	padding: 0px;
}
fieldset.adminsearch legend {
	font-weight: bold;
	padding: 0px;
}

.fourcols, .fourcols * {
  box-sizing: border-box;
}

.fourcols .column {
  float: left;
  padding: 5px;
  width: 25%
}

/*.fourcols .column:nth-child(1), .column:nth-child(3){
        width: 15%;
}

.fourcols .column:nth-child(2){
	width: 30%
}

.fourcols .column:nth-child(4){
        width: 40%
}
*/

.fourcols.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
.fourcols .column {
    width: 100%;
  }
}



/* below are classes for replacing style attributes in HTML tags */

.index-login { float:right; margin:0 0 20px 30px !important; padding: 15px 30px !important; }
.index-login-Email { width:110px !important; margin:0 !important; }
.index-login-Password { width:110px !important; margin:0 !important; }
.index-login-submit { margin-bottom:0px; }

.clear-none { clear:none !important; }


/* accessibility */

.skiplink {
    position: absolute;
    left: -999em;
    overflow: hidden;
    top: 0;
}

table.applicant-submit tbody tr td:first-child {
	width: 200px;
}

.button-without-label {
	margin-left: 205px;
}