/*
 * $Id: forms.css,v 1.15 2012/01/27 15:48:38 painterj Exp $
 *
 * Copyright (c) 2004 Taylor and Francis plc.
 *
 * Project: Production Tracking System
 *          Tessella/NPD/3873
 *
 * Developed by:
 *   Tessella Support Services plc
 *   3 Vineyard Chambers
 *   Abingdon, OX14 3PX
 *   United Kingdom
 *   email: info@tessella.com
 *   web:   www.tessella.com
 *
 * This CSS defines all the elments and classes relating to 
*  form layout
 *
 * Modification History:
 * $Log: forms.css,v $
 * Revision 1.15  2012/01/27 15:48:38  painterj
 * Initial ms review - review process implemented
 *
 * Revision 1.14  2011/04/19 13:02:19  painterj
 * Online QA enhancements from review meeting 18/April/2011
 *
 * Revision 1.13  2011/04/15 13:12:53  painterj
 * SP323 - fix font style in my manuscripts page for ac editors
 *
 * Revision 1.12  2010/12/14 11:10:17  painterj
 * Merged in changes from branch Prod_4_5_0_IW2
 *
 * Revision 1.11.2.1  2010/09/06 09:32:22  painterj
 * Continued enhancement of online QA screens
 *
 * Revision 1.11  2010/04/30 09:41:25  painterj
 * Merged in branch 4.4.1 pre release to Test
 *
 * Revision 1.10  2010/03/29 13:48:14  painterj
 * SP323 - academic editors as authors
 *
 * Revision 1.9  2010/03/19 14:37:36  painterj
 * SP543 - medit my details link plus layout tweaks
 *
 * Revision 1.8.4.1  2010/03/04 14:43:15  PainterJ
 * SP675 - error message with corrections when autosave fails
 *
 * Revision 1.8  2010/02/23 15:07:55  painterj
 * SP1067 - merged into main branch of code
 *
 * Revision 1.7.4.1  2010/02/17 13:38:44  PainterJ
 * SP1076 - queries for orders screen / filtering
 *
 * Revision 1.7  2009/08/26 15:31:56  PainterJ
 * CE changes - invoicing tab
 *
 * Revision 1.6  2008/11/11 09:08:34  PainterJ
 * Updated filter style for IE8+
 *
 * Revision 1.5  2008/09/02 14:46:37  PainterJ
 * SP683 - edit admins and layout of menu page for superusers
 *
 * Revision 1.4  2008/04/24 09:41:47  PainterJ
 * Merged in Prod_3_0_0_br branch
 *
 * Revision 1.3  2008/04/15 13:54:48  PainterJ
 * Author de-duping review page implemented
 *
 * Revision 1.2  2008/04/07 09:09:41  PainterJ
 * Added fix for disappearing textarea in external user contact form
 *
 * Revision 1.1.2.1  2008/04/07 09:12:28  PainterJ
 * SP516 - added in changes to fix missing textarea on external contact form
 *
 * Revision 1.1  2008/01/31 14:38:17  PainterJ
 * [no comments]
 *
 * Revision 1.8  2007/11/19 16:03:28  PainterJ
 * Ac Editor enhancement 4D - contact form changes for editor
 *
 * Revision 1.7  2006/07/13 13:48:50  PainterJ
 * [MARKET2] Added print only button to issue online final files page
 *
 * Revision 1.6  2006/07/13 10:12:34  PainterJ
 * [MARKET2] - Tidy up of composition screen to use button-like a tags
 *
 * Revision 1.5  2005/06/07 12:30:01  dfraser
 * refactored out some of the unused css definitions
 *
 * Revision 1.4  2005/01/14 10:11:57  jpainter
 * Merged in branch TestV1R1M15-br
 *
 * Revision 1.3  2004/12/20 09:55:42  dfraser
 * added br formating before buttons
 *
 * Revision 1.2.4.1  2004/12/16 10:31:00  jpainter
 * Added br definition for spacing between tables and submit buttons
 *
 * Revision 1.2  2004/10/07 11:50:25  dfraser
 * rearange definitions
 *
 * Revision 1.1  2004/10/07 10:02:01  dfraser
 * created
 *
 *
 *
 */
 
body
{
  background-color: #ffffff;
  margin-top:5px;
  margin-bottom:5px;
}
                
form 
{
	padding: 0px;
	display: inline;
}

 /* --- HTML FORM SELECTORS --- */
input, .form-label
{
  font-size: 9pt;
  font-family: arial, helvetica, sans-serif;
}

input.textRead
{
  border: 1px solid #000000;
  border-style: normal;
}

input.textDisable
{
  background-color: #cccccc;
  border: 1px solid #888888;
}

input.textEdit, input.textAdd, input.textReview
{
  border-style: inset;
}

input.textQAEdit
{
  border-style: inset;
  background-color: #ffffff;
}

input.textDupe
{
  border: 1px solid #cccccc;
  border-style: inset;
}

input.radio
{
  border: 0px;
}

input.button, input.submit, input.cancel, input.reset
{
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
}

textarea
{
  font-size: 9pt;
  font-family: arial, helvetica, sans-serif;
}

textarea.textRead
{
  border: 1px solid #000000;
  border-style: normal;
}

div.textRead
{
  border: 1px solid #000000;
  border-style: normal;
  background-color: white;
  text-align: left;
}
    
textarea.textEdit, textarea.textAdd, textarea.textReview
{
  border-style: inset;
}

textarea.textQAEdit
{
  background-color: #ffffff;
  border-style: inset;
}

textarea.email
{
  border: 1px solid #000000;
  border-style: normal;
  font-size: 10pt;
  font-family: courier;
}

textarea.emailEdit
{
  border-style: inset;
  border-style: normal;
  font-size: 10pt;
  font-family: courier;
}

.form-label.alignRight
{
	text-align:right;
	margin-right: 5px;
}

div.email {
  border: 1px solid #000000;
  border-style: normal;
  font-size: 10pt;
  font-family:  arial, helvetica, sans-serif;
  background-color: white;
  padding: 2px;
}
    
select
{
  border:1px solid #000000;
  font-size: 9pt;
  font-family: arial, helvetica, sans-serif;
}


  
td.default, .read td, .add td, .edit td, .review td
  {
		font-family: arial, helvetica, sans-serif;
		font-size: 9pt;
		font-style: normal;
		font-weight: normal;
		color: #000000;
    border:0;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    white-space:nowrap;
  }

td.proofs
{
  font-family: arial, helvetica, sans-serif;
		font-size: 10pt;
		font-style: normal;
		font-weight: normal;
		color: red;
    border:0;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

td.queryForm, .search td
  {
		font-family: arial, helvetica, sans-serif;
		font-size: 9pt;
		font-style: normal;
		font-weight: normal;
		color: #000000;
    border:0;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    white-space:nowrap;
  }
  
/* Break class to use immediately before a row of buttons below a table --- */
br.preButtonBreak
{
  font-size: 3pt;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div.preButtonBreak
{
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
}

td.composition
{
  background-color: ActiveBorder;
  border-style: outset; 
  border-width: 2px; 
  padding-left: 0; 
  padding-top: 0;
  padding-bottom: 0;
  width: 96px;
}

a.composition
{
  display: block; 
  width:100%; 
  padding: 2px; 
  padding-bottom: 2px; 
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  color: black;
  text-decoration: none;
  text-indent: 2px;
}

input.composition
{
  display: block; 
  width:100%; 
  padding: 2px; 
  padding-bottom: 2px; 
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  color: #333333;
  text-decoration: none;
  text-indent: 2px;
  width: 96px;
  overflow: auto;
}

/* For the contact production editor page */
div#AuthorContactPage {
  font-size: 9pt;
  font-family: arial, helvetica, sans-serif;
  display: block;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 2em; 
  text-align: left;
}

div#AuthorContactPage dl {
  margin: 1em 0 1.5em 0;
  text-align: left;
}

div#AuthorContactPage dl dt {
  float: left;
  width: 12em;
  margin-left: 10px;
  margin-bottom: 0.5em;
  text-align: left;
}
div#AuthorContactPage dl dd  {
  margin-left: 12em;
  margin-right: 10px;
  margin-bottom: 0.5em;
  position: relative; 
  text-align: left;
}

div#ContactForm {
  display: block;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 2em; 
  text-align: left;
}

div#ContactForm dl {
  margin: 1em 0 1.5em 0;
  text-align: left;
}
div#ContactForm dl dt {
  float: left;
  width: 12em;
  margin-left: 10px;
  margin-bottom: 0.5em;
  text-align: left;
}
div#ContactForm dl dd {
  margin-left: 12em;
  margin-right: 10px;
  margin-bottom: 0.5em;
  position: relative; 
  text-align: left;
  zoom: 1;
}


div#AuthorContactPage textarea {
  overflow: auto;
  height: 12em;
  text-align: left;
}

div#AuthorContactPage input#submitSend, div#AuthorContactPage input#submitCancel  {
  width: 8em;
  margin-right: 1em;
}

p#CatsHelpdesk {
  font-size: 9pt;
  font-family: arial, helvetica, sans-serif;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 0;
  position: relative; 
}

/* Single Manuscript Page */
div#CurrentMsPage {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0.5em; 
  text-align: left;
  font-size: 9pt;
  font-family: arial, helvetica, sans-serif;
}

div#CurrentMsPage dl {
  margin: 1em 0 1em 0;
}
div#CurrentMsPage dl dt {
  float: left;
  width: 12em;
  margin-left: 10px;
  margin-bottom: 0.5em;
}
div#CurrentMsPage dl dd {
  margin-right: 10px;
  margin-bottom: 0.5em;
  position: relative; 
}
div#CurrentMsPage dl dt a {
  text-decoration: none;
  color: black;
}
div#CurrentMsPage dl dt a:hover, div#CurrentMsPage dl dd a:hover {
  color: red;
}
div#CurrentMsPage dl dt img {
  margin: 0 10px 0 0;
  vertical-align: middle;
  border: 0;
}
.CurrentMsChecklistAction {
  display: block; 
}
.CurrentMsChecklistAction a {
  text-decoration: none;
  color: black;
}
div#CurrentMsPage dl dd.CurrentMsChecklistLinks {
  display: inline;
  margin: 0 1em 0 0;
}

div#CurrentMsDetails {
  text-align: left;
}
div#CurrentMsDetails dl {
  margin: 1em 0 1em 0;
  text-align: left;
}
div#CurrentMsDetails dl dt {
  float: left;
  width: 12em;
  margin-left: 10px;
  margin-bottom: 0.5em;
  text-align: left;
}
div#CurrentMsDetails dl dd {
  margin-right: 10px;
  margin-bottom: 0.5em;
  position: relative; 
  text-align: left;
}


div#CurrentMsChecklist {
  text-align: left;
}

div#CurrentMsChecklist dl {
  margin: 1em 0 1em 0;
  text-align: left;
}
div#CurrentMsChecklist dl dt {
  float: left;
  width: 12em;
  margin-left: 10px;
  margin-bottom: 0.5em;
  text-align: left;
}
div#CurrentMsChecklist dl dd {
  margin-right: 10px;
  margin-bottom: 0.5em;
  position: relative; 
  text-align: left;
}

div#CurrentMsOptions {
  text-align: center;
}

div#CurrentMsOptions h2 {
  text-align: left;
}

div#CurrentMsOptions dl {
  margin: 1em 0 1em 0;
  text-align: left;
}
div#CurrentMsOptions dl dt {
  float: left;
  width: 12em;
  margin-left: 10px;
  margin-bottom: 0.5em;
  text-align: left;
}
div#CurrentMsOptions dl dd {
  margin-right: 10px;
  margin-bottom: 0.5em;
  position: relative; 
  text-align: left;
}

table.msOptionsTable {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}

td.msOptionsTd {
  margin-left: 2em;
  margin-right: 2em;
  padding-left: 1em;
  padding-right: 1em;
  width: 14em;
  vertical-align: top;
  text-align: center;
}

a.msOptionsLink {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  color: rgb(0,107,165);
  display: inline;
  vertical-align: 5px;
}

a.msOptionsHelp {
  display: inline;
  border-style: none;
  text-decoration: none;
}

msOptionsImg {
  display: inline;
  border-style: none;
  text-decoration: none;
  border: 0;
}

span.msOptionsMessage {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  color: black;
  display: block;
}

/* Manuscripts List page */
div#CurrentMsSection {
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0.5em;
  text-align: left;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 10pt;
}


div#CurrentMsSection dl {
  margin: 1em 0 1em 0;
}
div#CurrentMsSection dl dt {
  float: left;
  width: 220px;
}
div#CurrentMsSection dl dd {
  margin-left: 220px;
  position: relative; 
}
div#CurrentMsSection dl dt a:hover, div#CurrentMsSection dl dd a:hover {
  color: red;
}
div#CurrentMsSection dl dt a, .CurrentAricleTitle a, .CurrentArticleJournal a {
  text-decoration: none;
  color: black;
}
.CurrentArticleJournal {
  font-weight: bold;
}
div#CurrentMsSection dl dt img {
  margin: 0 10px 0 10px;
  vertical-align: middle;
  border: 0;
}




div#PastMsSection {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5em;
  margin-bottom: 0.5em; 
  text-align: left;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 10pt;
}
div#PastMsSection dl {
  margin-top: 10px;
}
div#PastMsSection dl dt {
  float: left;
  width: 75%;
}
div#PastMsSection dl dd {
  width: 5em;
  float: right;
  margin-bottom: 0.5em;
}

.PastMsArticleTitle {}
.PastMsJournalName { font-style: italic; }
.PastMsVolumeNumber { font-weight: bold; }
.PastMsIssueNumber {}
.PastMsPages {}
.PastMsDOI { display: block; }



.colwrapper{
padding: 0px;
height: 300px;
width: 700px;
}
.pcols {
float: left;
text-align: left;
width: 350px;
margin-bottom: 20px;
padding: 0;
border: 0;
}
div.padmin {
height: 28px;
float: left;
width: 200px;
font-size: 10pt;
font-family: arial, helvetica, sans-serif;
}
div.padmin2 {
height: 28px;
float: left;
width: 50px;
}

div.ChangePasswordFormExpired {
	clear: both;
  width: 500px;
  position: relative;
  height: 20px;
  color: red;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12pt;
  font-weight: bold;
}

div.ChangePasswordFormInstruct {
	clear: both;
  width: 500px;
  position: relative;
  height: 20px;
  color: blue;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 9pt;
  font-weight: bold;
}


input.funding
{
	clear: none;
}

input.holdButtonNormal
{
  border-style: solid;
  border-width: 1px;
  border-color: ActiveBorder;
  padding: 2px; 
  padding-bottom: 2px; 
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  color: black;
  background-color:buttonface;
  text-decoration: none;
  text-indent: 2px;
}

input.holdButtonWarning
{
  border-style: solid;
  border-width: 1px;
  border-color: white;
  padding-top: 2px; 
  padding-bottom: 2px;
  padding-right: 12px;
  padding-left: 12px; 
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: white;
  background-color: #EE6666;
  text-decoration: none;
  text-indent: 2px;
}