/**
 * vim:set et! ft=css ts=4 sw=4 sts=4 bs=2 fenc=utf-8:
 * default.css
 *
 * Copyright (c) 2004-2011 VTeX EJMS
 *
 * Main site stylesheet.
 *
 * $Id$
 */
/**
 * Generic HTML elements
 *
 * 1. Page body
 * 2. Headers & tt
 * 3. Anchor a
 * 4. Emphasize em
 * 5. Table
 *
 */

html, body {
	height: 100%;
	min-width: 100%;
	position: absolute;
	border: 0 none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
a, .spanlink {
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

a.small {
	font-weight: normal;
	font-size: 8pt;
	text-decoration: underline;
}


table {
	border-collapse: collapse;
}

hr {
	border-width: 0px;
	border-top: 1px solid;
}

fieldset {
	border: none;
	border-top: 1px solid;
	padding: 0em 0em 1em 0.5em;
}

legend {
	padding: 0.5em;
	padding-bottom: 0.6em;
	font-weight: bold;
}

/**
 * Layout
 *
 * 1. Container
 * 2. Logo
 * 3. Left navigation
 * 4. Main content
 * 5. Footer
 * 6. Additional styling
 *
 */

/** Container box of all layout elements */

#cbox {
	position: relative;
	z-index: 20;
	margin: 0;
	min-height: 100%;
}

#contentleft {
	position: relative;
	width: 5%;
}

/** Content representation logo image/text */

#head {
	position: absolute;
	top: 0;
	height: 65px;
	width: 100%;
	padding-bottom: 1em;
	font-size: .9em;
	border-bottom: 1px solid;
}

#headcont {
	margin: 0 6em;
}

#logo {
	min-height: 35px;
}

#logo-image{
	float: left;
	margin: .5em;
	border: 2px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.logotitle {
	font-size: 245%;
	padding: .3em;
	white-space: nowrap;
	overflow: hidden;
}

.small_logotitle {
	font-size: 180%;
	padding: .3em;
	font-weight: bold;
}


/** Left hand navigation bar */

#snav {
	width: 12em;
	padding: 5px;
	overflow: hidden;
	margin-top: 1em;
}

/** Main content area */

#cont {
	max-width: 1100px;
	min-width: 780px;
	padding-bottom: 55px;
	padding-top: 93px;
	margin: 0 8em;
}

/** Footer bar */

#foot {
	position: absolute;
	bottom: 0;
	height: 25px;
	overflow: hidden;
	width: 100%;
	font-size: .9em;
	padding-bottom: 1em;
}

#footcont {
	padding-top: 1em;
	border-top: 1px solid;
	margin: 0 6em;
	text-align: center;
}

/** Additional layout style definitions */

.subtitle {
 	font-size: 150%;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

.contentheader {
	font-size: 190%;
	font-weight: normal;
	margin: 0em;
	margin-bottom: .5em;
}

.blocktitle {
	font-size: 150%;
	font-weight: normal;
}

.block li {
	margin-top: .5em;
}

.smalllink {
	font-weight: normal;
	font-size: 8pt;
	text-decoration: underline;
	cursor: pointer;
}



/**
 * Messages or text blocks
 *
 * 1. Error & eror list title
 * 2. Hint, note, task
 * 3. Errorlist
 * 4. Instructions
 */

.simpleerror{
}

.error, .errorlist {
	border: 1px solid;
	color: red;
	font-family: Verdana, Arial;
}

.hint {
	background: #efe;
	border: 1px solid #cfc;
	color: green;
}

.task {
	background: #efefff;
	border: 1px solid #ddf;
	color: navy;
}

.hint, .error, .task, .note, .errorlisttitle, .formsectiondesc {
	width: 100%;
	padding: .5em;
	padding-right: 0em;
	line-height: 1.2em;
	text-align: left;
	margin-top: .2em;
	margin-bottom: .6em;
	font-family: Verdana, Arial;
}

.note {
	padding-top: .1em;
	padding-bottom: .3em;
	padding-left: 0em;
	font-weight: normal;
}

.errorlisttitle {
	padding-left: 0em;
	margin: 0em;
}

.errorlist ul {
	margin-top: 0em;

}


td.note {
	display: block;
	padding-top: .2em;
	padding-bottom: .6em;
	width: 100%;
}

.dimension {
	font-size: 8pt;
}

.errorlist {
	width: 100%;
	padding-bottom: .0em;
	padding-left: .5em;
}

.formsection {
	line-height: 1.3em;
	font-size: 1.2em;
	border-top: 2px solid;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: .5em;
	padding-right: .8em;
	width: 100%;
}

td.formsubsection {
	padding-top: 1.5em;
	padding-bottom: .5em;
}

.formsubsection {
	margin-top: .5em;
	margin-bottom: .5em;
	font-weight: bolder;
}

/**
 * Form
 *
 * 1. Form general
 * 2. Form table
 * 3. Form labels
 * 4. Required/Error label
 * 5. Disables, readonly
 * 6. Input field focus background
 * 7. Form buttons
 *
 */

form {
	margin-top: 1em;
}

input.textfield, textarea.textarea, textarea.textareafixed {
	padding: 1px;
	border: 1px solid;
}

.textfield, .infofield {
}

input.textfielderror, textarea.textareaerror, textarea.textareafixederror {
	padding: 1px;
	border: 1px solid;
}

.infolabel, .formlabel {
	white-space: nowrap;
	padding-right: 0.5em;
	vertical-align: top;
	font-weight: bold;
	text-align: right;
}

.formfieldleft {
	font-weight: bold;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	text-align: right;
}

.formlabelrightplain {
	white-space: normal;
	padding: .5em;
	padding-top: .5em;
	font-weight: bold;
	text-align: left;
}


.formrequired, .formlabelerror {
	font-weight: bold;
}

.disabled {
}

.disabled:hover {
	text-decoration: none;
}

.readonly {
}

input.formbutton, input.formbuttonplain, button.formbutton, button.formbuttonplain {
	font-size: 10pt;
}

input.formbutton, button.formbutton {
	font-weight: bold;
}

.formbuttons {
	padding-top: 1em;
	text-align: left;
}

.formbuttons input {
}

.formbuttondisabled {
}

.formbutton[disabled], input.formbutton[disabled] {
}


/**
 * Menu
 *
 * 1. Button size
 * 2. Menu bar
 *
 */

/** Menu button size */

#navmenu a {
	padding: 3px 6px 5px 6px;
	margin-left: 2px;
	margin-right: 2px;
}

/** Menu bar */

#navmenu {
	padding: 5px;
	margin-top: 4px;
	border-bottom: 2px solid;
	text-align: right;
}

.customnavigation {
	font-weight: bold;
}

/**
 * Navigation

 *
 * 1. User status
 * 2. Side menu
 *
 */

/** User status */

#navuserstatus {
	float: left;
	font-size: 8pt;
	margin-left: .2em;
	margin-right: 1em;
	text-align: center;
	padding: 1px;
}

/** Side menu */

#sidemenu ul {
	margin: 0;
	padding: 0;
	padding-left: 1em;
	padding-top: .6em;
	list-style-type: none;
}

#sidemenu li {
	margin-top: 0em;
}

#sidemenu li.submenu {
	margin-top: 0em;
}

#sidemenu a {
	display: block;
	padding: 3px;
	padding-top: 3px;
	padding-left: 1em;
	font-weight: bold;
	text-decoration: none;
}

#sidemenu li.submenu a {
	margin-left: 1.5em;
	font-size: 90%;
	font-weight: normal;
}

#sidemenu a:hover {
	text-decoration: none;
}

a:hover, .spanlink:hover {
	text-decoration: underline;
}

.action, .tableaction, .tablebutton {
	padding: 1px 2px 2px 2px;
	margin: 2px;
	white-space: nowrap;
}

a.action:hover, a.tableaction:hover, a.tablebutton:hover {
	text-decoration: none;
}

.sidebartitle {
	font-weight: bold;
}

.submissionsteps li {
	list-style-type: none;
}

ul.submissionsteps {
	padding: 0em;
	margin: 0em;
	margin-top: .5em;
}

.noliststyle li {
	list-style-type: none;
}

.submissionsteps span#selectedstep {
	font-weight: bold;
}

.submissionsteps span {
	padding-left: 0.5em;
}

.submissionsteps a {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#cont a {
}

/** Link to the top of the page */

.gotop {
	font-size: 90%;
	text-align: right;
	padding-right: 5px;
	margin: 1em;
	border-top: 1px solid;
}

#pagehierarchy {
	padding-left: 5em;
}

.hierarchylink, .hierarchyCurrent {
	padding-left: .2em;
	padding-right: .2em;
}

.disabledlink {
}

/** Form Tabs */

#tabsmenu {
	font-size: 1em;  /* IE table content font size tweak */
	padding: .5em;
	padding-top: 1em;
	padding-bottom: 0em;
	margin-bottom: 1em;
	width: 100%;
	border-bottom: 1px solid;
}

#tabsmenu div {
	display: inline;
	padding-left: 1em;
	padding-right: 1em;
	padding: .3em;
	padding-bottom: 0em;
	margin: .2em;
	border: 1px solid;
}

#tabsmenu div:hover {
	cursor: pointer;
}

#tabsmenu #nav,
#tabsmenu div.nav
{
	cursor: default;
	border-bottom: 1px solid;
}

#tabsmenu div span{
	padding-left: .5em;
	padding-right: .5em;
	font-weight: bolder;
}

/** Show/hide elements */

.hide {
	visibility: hidden;
	display: none;
}

.show {
	visibility: visible;
}

.partView {
	max-height: 1.5em;
	overflow: hidden;
}

.fullView {
	height: 100%;
}



/**
 * Info lists
 *
 */

.row, .rowalt, .heading, .simplerow{
	vertical-align: top;
	line-height: 1.2em;
}

.row {
}

.rowalt {
}

.rowhover:hover td {
}

.rowalt td,
.row td {
	border-bottom: 1px solid;
}

.simplerow td {
	border-bottom: 1px solid;
}

table.infolist td {
	padding: 3px;
}

tr.heading td, tr.heading th {
	font-weight: bold;
	border-bottom: 2px solid;
	padding: 3px;
	text-align: left;
}

.hiddentext {
	visibility: hidden;
	display: none;
}

#frametable {
	width: 100%;
	font-size: 1em;
}

.form, form table {
	font-size: 1em;
}

#frametable td {
	vertical-align: top;
}

.heading a {
}

.faqquestion {
	font-weight: bold;
	padding: 3em 0em 0.7em 0em;
}

.faqanswer {
	margin: 0em 0em 0em 1em;
}

/**
 *
 *  Roles
 *
 */

.roleeditor, .roleauthor, .roleassocEditor, .rolereferee, .rolemanager, .roleeic {
	color: white;
	padding-left: 5px;
	padding-right: 4px;
}

.roleauthor {
	background: #0b0;
}

.roleeic {
	background: magenta;
}

.roleeditor {
	background: #f57;
}

.roleassocEditor {
	background: #58f;
}

.rolereferee {
	background: #96f;
}

.rolemanager {
	background: #f93;
}

.colorlineroleundefined, .colorlinerole {
	border-bottom: 2px solid #eed;
}

.colorlineroleauthor {
	border-bottom: 2px solid #0b0;
}

.colorlineroleeic {
	border-bottom: 2px solid magenta;
}

.colorlineroleeditor {
	border-bottom: 2px solid #f57;
}

.colorlineroleassocEditor {
	border-bottom: 2px solid #58f;
}

.colorlinerolereferee {
	border-bottom: 2px solid #96f;
}

.colorlinerolemanager {
	border-bottom: 2px solid #f93;
}
/*
 * other
 */
div.history-round-head {
	margin-top: .5em;
	margin-left: 1em;
}

div.history-round-body{
	border: .5em solid #ddc;
	padding: 1em;
	padding-top: 0em;
}

div.expandable-box .label
{
	float: left;
	font-weight: bold;
}
div.expandable-box .plus-minus-box
{
	float: left;
	padding: 1px;
	width: 12px;
	height: 12px;
	text-align: center;
	margin: 2px;
	font-size: 115%;
	font-weight: bold;
	cursor: pointer;
}
div.expandable-box .plus-minus-box span
{
	position: relative;
	bottom: .2em;
}

/*
 * rounders
 */
.round1 {
	border-left: 1px solid;
	border-right: 1px solid;
}

.round2 {
	border-left: 2px solid;
	border-right: 2px solid;
}

.round4 {
	border-left: 4px solid;
	border-right: 4px solid;
}
.round1,
.round2,
.round4
{
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 1px;
}

/* Editorial board */

#eb, .eb-row {width: 600px; clear: both;}
#eb p {margin-top: 0; margin-bottom: .1em;}
.eb-row {clear: both; margin-bottom: 1em;}
.eb-title { width: 200px; font-weight: bold; }
.eb-data {width: 400px}
.eb-data-left, .eb-data-right {width: 200px;}
.eb-title, .eb-data, .eb-data-left, .eb-data-right { float: left; }

/*
 * pagination
 */
.pagination span {
	padding: 1px;
	display: inline-block;
	font-weight: normal;
}

.pagination span.pagination-current {
	font-weight: bold;
}

/**
 *
 */
.nowrap { white-space: nowrap }
.float-right { float: right; }
.float-left { float: left; }
.show-inline { display: inline; }
.show-inline-block { display: inline-block; }
.show-block { display: block; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.clear { clear: both; }

.quiet { color: #aaa; }

/**
 * MEDIA: Print
 *
 *
 */

@media print {

body, #cbox, #cont, #logo, #navmenu, #pagehierarchy  {
	background: white;
}

.navbutton {
	visibility: hidden;
}

.noprint {
	visibility: hidden;
	display: none;
}

.rowalt td, .row td {
	border-bottom: 1px solid silver;
}

.action, .tableaction, .tablebutton {
	visibility: hidden;
	display: none;
}

.print, .print * {
	color: black;
	visibility: visible;
}

h1, h2, h3, h4, h5, .logotitle, .contentheader  {
	color: black;
}
.contentleft {
	width: 1em;
}
}