/* confiss.css
 *
 * This file is part of ConfISS.
 *
 * ConfISS is free software: you can redistribute it and/or modify it under the terms of the GNU
 * General Public License as published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * ConfISS is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even
 * the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
 * Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with ConfISS. If not, see
 * http://www.gnu.org/licenses/.
 */

/* Tags */

body {
	background-color: #F0F8FF;
	color: #1C1C1C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 20px;
	cursor: default;
}

.body {
	vertical-align: top;
}

h1 {
	margin-bottom: 25px;
	color: #EC7600;
	margin-top: 0px;
	font-size: 2em;
}

h2 {
	margin-bottom: 25px;
	margin-top: 0px;
	font-size: 1.5em;
	color: #06308F;
	width: 60%;
	min-width: 550px;
	border-bottom: 1px #06308F solid;
}

h3 {
	margin-bottom: 15px;
	margin-top: 0px;
	font-size: 1.2em;
	color: #06308F;
}

a {
	color: #EC7600;
	text-decoration: none;
}

a:hover {
	color: #06308F;
}

hr {
	background-color: #06308F;
	width: 60%;
	height: 1px;
	border: none;
	text-align: left;/*this will align it for IE*/
	margin: 30px auto 20px 0px; /*this will align it left for Mozilla*/
}

p {
	margin-top: 0px;
	padding-bottom: 0.5em;
	max-width: 50em;
}

img {
	border: none;
}


/* Header */

.pageTitle {
	font-size: 4em;
	font-weight: bold;
	position: relative;
	left: -2px;
	color: #06308F;
}

.pageSubtitle {
	font-size: 1.5em;
	font-weight: bold;
	color: #06308F;
}

.pageLogo {
	width: 142px;
}

hr.divider {
	width: 100%;
	margin: 5px auto 0px 0px; /*this will align it left for Mozilla*/
}

.subHeaderInfobar {
	margin-top: 1px;
	font-size: 14px;
	vertical-align: top;
}

.subHeaderInfobar span {
	margin-left: 20px;
}

.subHeaderInfobar input[type=text], .subHeaderInfobar input[type=password] {
	margin: 0px 0px 0px 5px !important;
	width: 100px;
}

.subHeaderInfobar input[type=button], .subHeaderInfobar input[type=submit], .subHeaderInfobar input[type=reset] {
	margin: 0px !important;
	margin-left: 5px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 0.75em;
}


/* Menu */

.menu {
	width: 250px;
	padding-right: 30px;
	padding-top: 5px;
	vertical-align: top !important;
}

.menuContainer {
	border-bottom: 2px solid #06308F;
	margin: 0px;
	margin-bottom: 40px;
	padding: 0px;
}

.menuContainer .title {
	color: #06308F;
	font-weight: bold;
}

.menuContainer .infobox {
	font-size: 0.75em;
	padding: 5px;
	border-top: 2px solid #06308F;
}

/* Level 1 */
.menuContainer ul {
	border-top: 2px solid #06308F;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0px;
	margin-top: 2px;
	list-style: none;
}

.menuContainer ul li {
	border-top: 1px dashed #06308F;
	border-left: none;
	border-right: none;
	padding: 3px;
	margin: 0px;
	font-weight: bold;
}

.menuContainer ul li:hover, .menuContainer ul li.active:hover {
	background-color: #E1F1FF;
}

.menuContainer ul li:first-child {
	border-top: none;
}

.menuContainer ul li.active {
	background-color: #EC7600;
}

.menuContainer ul li.active a {
	color: #E1F1FF;
}

.menuContainer ul a {
	display: block;
}

.menuContainer ul li.active:hover a {
	color: #06308F;
}

/* Level 2 */
.menuContainer ul ul {
	border: none;
	margin: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 15px;
}

.menuContainer ul ul li {
	border: none;
	font-weight: normal;
	margin: 0px;
	padding: 2px;
}

.menuContainer ul ul li:hover {
	background-color: #E1F1FF;
}

.menuContainer ul li.submenu {
	border-top: none;
	font-weight: normal;
	padding: 0px;
	padding-bottom: 2px;
	display: inline;
}

.menuContainer ul li.submenu:hover {
	background-color: #F0F8FF;
}


/* Forms */
form {
	display: inline;
	margin-bottom: 20px;
}

input[type=button], input[type=submit], input[type=reset] {
	border-top: 2px solid #06308F;
	border-bottom: 2px solid #06308F;
	border-left: none;
	border-right: none;
	padding: 2px 15px 2px 15px;
	font-weight: bold;
	color: #EC7600;
	background-color: #F0F8FF;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	color: #06308F;
}

select {
	border: solid 1px #06308F;
	background-color: #F0F8FF;
	cursor: pointer;
	font-size: 1em;
	color: #1C1C1C;
}

select:hover {
	background-color: #E1F1FF;
	border: solid 1px #EC7600;
}

option {
	color: #1C1C1C;
}

option:hover {
	background-color: #E1F1FF;
}

textarea {
	color: #1C1C1C;
	background-color: #F0F8FF;
	border: solid 1px #06308F;
	padding: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
	min-width: 500px;
	height: 100px;
}

textarea.large {
	height: 220px;
}

textarea:hover {
	background-color: #E1F1FF;
	border: solid 1px #EC7600;
}

textarea[readonly=readonly] {
	color: #5b5b5b;
	background-color: #F8F8F8;
}

input[type=text], input[type=password], input[type=file] {
	color: #1C1C1C;
	background-color: #F0F8FF;
	border: solid 1px #06308F;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	width: 250px;
}

input[type=text][readonly=readonly] {
	color: #5b5b5b;
	background-color: #F8F8F8;
}

input[type=text]:hover, input[type=password]:hover, input[type=file]:hover {
	background-color: #E1F1FF;
	border: solid 1px #EC7600;
}

/* input[type=file].large kann der ff nicht! */
input[type=text].large, input[type=password].large {
	width: 100%;
}

input[type=text].small, input[type=password].small {
	width: 125px;
}

input[type=button].noButton, input[type=submit].noButton, input[type=reset].noButton {
	font-size: 1em;
	font-weight: normal;
	margin: 0px !important;
	padding: 0px !important;
	border: none;
	white-space: normal;
	text-align: left;
}


/* Tables */
.body table {
	border-spacing: 0px;
	margin-bottom: 30px;
}

.body table tfoot td {
	padding-top: 15px;
}

.body table table {
	margin: -2px -5px -2px -5px;
	/*width: 100%;*/
}

.body table table td {
	border: none;
}

.body table th, .body table td {
	border-bottom: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	padding: 2px 5px 2px 5px;
}

.body table tr:last-child td {
	border-bottom: 0px;
}

.body table th:first-child, .body table td:first-child {
	border-left: 0px;
}

.body table th {
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	background-color: #f1f1f1;
}

.body table th td {
	text-align: center;
	vertical-align: bottom;
}

.body table td {
	vertical-align: middle;
	text-align: left;
}

.body table input[type=button], .body table input[type=submit], .body table input[type=reset] {
	margin: 0px 10px 0px 0px;
}

table.border td {
	border-bottom: 1px solid #d6d6d6 !important;
	border-left: 1px solid #d6d6d6 !important;
}

table.border tr:last-child td {
	border-bottom: 0px !important;
}

table.border td:first-child {
	border-left: 0px !important;
}


/* Icons */
img.icon, div.icon, span.icon {
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
	border: none;
	color: inherit;
	background-color: transparent;
	background-repeat: no-repeat;
}

td.icon {
	width: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}

input[type=button].icon, input[type=submit].icon, input[type=reset].icon {
	background-repeat: no-repeat;
	background-position: center;
	width: 16px;
	height: 16px;
	border: none;
	padding: 0px;
	margin: 0px 4px 0px 4px !important;
	color: inherit;
	background-color: transparent;
}

input[type=button].iconWithText, input[type=submit].iconWithText, input[type=reset].iconWithText {
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 36px;
}

div.iconWithText, span.iconWithText {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
}

.document {background-image: url(../images/icons/document.png);}
.filePdf {background-image: url(../images/icons/filePdf.png);}
.mailOpen {background-image: url(../images/icons/mailOpen.png);}
.mailDelete {background-image: url(../images/icons/mailDelete.png);}
.mailUnread {background-image: url(../images/icons/mailUnread.png);}
.mailRead {background-image: url(../images/icons/mailRead.png);}
.mailSend {background-image: url(../images/icons/mailSend.png);}
.mailResend {background-image: url(../images/icons/mailResend.png);}
.prejudicedYes {background-image: url(../images/icons/prejudicedYes.png);}
input[disabled].prejudicedYes {background-image: url(../images/icons/prejudicedYesGrey.png);}
.prejudicedNo {background-image: url(../images/icons/prejudicedNo.png);}
.locked {background-image: url(../images/icons/locked.png);}
.unlocked {background-image: url(../images/icons/unlocked.png);}
.lockDisabled {background-image: url(../images/icons/lockDisabled.png);}
.delete {background-image: url(../images/icons/delete.png);}
.deleteS {background-image: url(../images/icons/deleteS.png);}
.apply {background-image: url(../images/icons/apply.png);}
.view {background-image: url(../images/icons/view.png);}
.edit {background-image: url(../images/icons/edit.png);}
.new {background-image: url(../images/icons/new.png);}
.save {background-image: url(../images/icons/save.png);}
.add {background-image: url(../images/icons/add.png);}
.reset {background-image: url(../images/icons/reset.png);}
.arrowRight {background-image: url(../images/icons/arrowRight.png);}
.arrowUp {background-image: url(../images/icons/arrowUp.png);}
.arrowDown {background-image: url(../images/icons/arrowDown.png);}
.deadline {background-image: url(../images/icons/deadline.png);}
.warning {background-image: url(../images/icons/warning.png);}


/* Boxes */
/*
 * Background images get a 20px border on the top and left and a 70% opacity.
 */

.boxNeutral .title, .boxInfo .title, .boxWarning .title, .boxError .title, .boxMail .title {
	font-weight: bold;
	font-size: 0.75em;
	display: block;
	margin-bottom: 8px;
}

.boxNeutral ul, .boxInfo ul, .boxWarning ul, .boxError ul, .boxMail ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

.boxNeutral, .boxInfo, .boxWarning, .boxError, .boxMail {
	width: 100%;
	max-width: 40em;
	border: 1px solid;
	border-left: 5px solid;
	margin: 10px 0px 15px 0px;
	padding: 5px;
	display: block;
}

.boxNeutral {
	border-color: #3c3c3c;
	background-color: #ececec;
}

.boxInfo, .boxMail {
	border-color: #006fd9;
	background-color: #d0e8ff;
}

.boxWarning {
	border-color: #ffa02b;
	background-color: #fef4cb;
}

.boxError {
	border-color: #ff0000;
	background-color: #ffcece;
}

.boxMail {
	background: #d0e8ff url(../images/bgicons/mail.png) no-repeat right top;
}

/* Misc */

.messages {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

.comment {
	margin: 20px;
	padding: 0px;
	border: 1px dashed #10AE00;
	background-color: #F1FFF0;
	color: #1C1C1C;
}

.displayOnHover {
	display: none;
}

.hover:hover .displayOnHover {
	display: inline;
}

.center {
	text-align: center !important;
}

.center table {
	width: 100%;
}

.center table td {
	text-align: center;
}

.green {
	background-color: #D1FFCC;
}

.red {
	background-color: #FFE1E1;
}

.orange {
	background-color: #ffedcc;
}

.grey {
	background-color: #e8e8e8;
}

.nowrap {
	white-space: nowrap;
}

.small {
	font-size: 0.75em;
}

/* For the paper-reviewer-assignment */
.assignmentPaperList {
	width: 50%;
	float: left;
	height: 380px;
	overflow: scroll;
}

.assignmentItemHeader {
	font-weight: bold;
	display: block;
	font-size: 0.75em;
}

.assignmentReviewerList {
	width: 50%;
	height: 380px;
	overflow: scroll;
}

.assignmentReviewerListHeader {
	font-weight: normal;
	text-align: left;
	float: left;
}

.assignmentSelectedPaper {
	background-color: #ec7600;
}