/**
 * classic.css
 *
 * Copyright (c) 2003-2009 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site-wide shared stylesheet.
 *
 * $Id: classic.css,v 1.71.2.1 2009/04/08 19:43:30 asmecher Exp $
 */

/**
 * Common HTML elements
 */

body { 
  margin: 0; 
  padding: 0; 
  background: #fff url('../images/bk.png') repeat-x 0 0; 
  font-family: helvetica, arial, sans-serif; 
  color: #333;	
  text-transform: none;
}

div { 
  line-height: 140%; 
  text-align: left; 
}

table { 
  border: 0; 
  border-spacing: 0; 
  margin: 1em 0 1em 1em; 
}


form {
  margin: 0;
}

form p {
 margin-top: 20px;
}

/**********************************************************************/
/*                             Links                                  */
/**********************************************************************/

a {
  color: #007DC9; 
  text-decoration: none;
}

a:link {
  color: #007DC9;
}

a:active {
  color: #007DC9;}

a:visited {
  color: #007DC9;
}

a:hover {text-decoration: underline; background: none;}


/**********************************************************************/
/*                             Lists                                  */
/**********************************************************************/

#content ul.plain { list-style: none; margin: 15px 0 25px 0; padding: 0; } 
#content ul.plain li {padding: 0em 0 0.3em 1em; margin: 5px; border-bottom: none;font-size: 1em;}
#content ul.plain li a {text-decoration: none; color: #007DC9;padding: 1px;}
#content ul.plain li a:hover {background: none; color: #003D80;}


#content ul.plain ul.plain  {margin-left: 10px; margin-top: 5px; margin-bottom: 10px; }
#content ul.plain ul.plain li {margin-top: 10px;}
#content ul.plain ul.plain li a {font-weight: bold;}
#content ul.plain ul.plain ul.plain {margin-left: 10px;margin-top: 5px; margin-bottom: 10px;}
#content ul.plain ul.plain ul.plain li a {font-weight: normal; color: #514046;}
#content ul.plain ul.plain ul.plain ul.plain {margin-left: 10px;}
#content ul.plain ul.plain ul.plain ul.plain li a {font-weight: normal; color: #6B6B6B;}
#content ul.plain ul.plain ul.plain ul.plain ul.plain {margin-left: 10px;margin-top: 5px; margin-bottom: 10px;}
#content ul.plain ul.plain ul.plain ul.plain ul.plain li a {font-weight: normal; color:#666; }
#content ul.plain ul.plain ul.plain ul.plain ul.plain ul.plain{margin-left: 10px;margin-top: 5px; margin-bottom: 10px;}
#content ul.plain ul.plain ul.plain ul.plain ul.plain ul.plain li a {font-weight: normal;color:#8F8F8F; }


#content ul.plain ul.plain li a:hover { background: none; padding: 1px; text-decoration: underline;}
#content ul.plain ul.plain ul.plain li a:hover { background: none; padding: 1px; font-weight: bold; text-decoration: none;}
#content ul.plain ul.plain ul.plain ul.plain li a:hover { background: none; padding: 1px; font-weight: bold;text-decoration: none;}
#content ul.plain ul.plain ul.plain ul.plain ul.plain li a:hover { background: none; padding: 1px; font-weight: bold;text-decoration: none;}
#content ul.plain ul.plain ul.plain ul.plain ul.plain ul.plain li a:hover { background: none; padding: 0; font-weight: bold; text-decoration: none;}


ul {padding: 0; }
ul li {padding: 0em 0 0em 0.5em; margin: 0;}
ul li a {text-decoration: none; color: #007DC9;padding: 0.4em}
ul li a:hover {background: none; color: #003D80;}

tt {
  font-size: 1.25em;
}

label {
}

label.error {
  color: #900;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField { background: #F5F5F5; color: #333; 
border: 1px solid #DEDEDE; border-bottom: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; font-size:1em; padding: 0.2em 0.5em; }
textarea.textArea {font-size: 1.2em;}

input.textField {width:120px;}

input[type=checkbox] {!border: none !important;}

#content input.button {padding: 0.2em;background: #DFDFDF; color: #909090 ;font-weight: bold; border: 1px solid #aaa; font-size: 1em; margin: 0.2em;}

input.defaultButton {background: #DFDFDF; color: #909090 ;font-weight: bold; border: 1px solid #aaa;}
  input.defaultButton:hover,
  input.defaultButton:focus {color: #4B4B4B!important; background: #C1C1C1!important; border: 1px solid #A4A4A4!important;}

#content select.selectMenu { padding: 0em; margin: 0.5em 0.3em;}



/*******************************************************************/
/*                       Main layout elements                      */
/*******************************************************************/


#container {
  width: 1000px !important; 
  min-width: 980px !important; 
  padding: 5px 5px 0 5px; 
  background: #fff; 
  margin: 0px auto 10px auto !important; 
  line-height: 125%; 
  text-align: left; 
}

#body {
  min-height: 438px; 
  _min-height: 428px; 
  width: 100%; 
  height: 100%; 
  background: #fff; 
  padding: 0 !important; 
  margin: 0 !important; 
}

#header { background: #595E62; padding: 0; color: #fff; font-size: 1.1em; margin: 0; }


#headerTitle { text-align: left !important; margin: 0; padding: 0;  width: 100%;}
  #headerTitle h1 {padding: 0px;max-width: 1000px;  font-family: helvetica, arial, sans-serif; font-weight: normal; line-height: 1.1em; font-size: 1.6em; color: #777; margin: 0; min-height: 40px;} /* color: #35F4D3; */
    #headerTitle h1 img {padding-left: 0; max-width: 1000px; padding: 0 !important; !margin-bottom: -7px !important;!margin-top: 0px !important; display:block;}

.ccLicense {
  text-align: center;
  padding: 1em 0.5em;
  font-size: 1em;
  border-top: 1px solid #EAEAEA;
}

#footer { width: 100%; min-height: 50px; position: static; clear: both;  background-color: #fff !important; text-align: left; font-size: 1em; padding: 10px 0; color: #999999; line-height: 1.6em; margin-top: 0px;
          border-top: 1px solid #EAEAEA;}  
  #footer a {color: #666666; text-decoration: none;}
    #footer a:hover {text-decoration: underline; }
      #footer div {
        text-align: center;
      }


#main { margin-top: 0; padding-top: 0; margin-left: 0 }

#main h2 {
    background: none; 
    color: #999999; 
    line-height: 26px; 
    padding: 2px 5px 2px 20px; 
    font-size: 140%; 
    margin-top: 0.5em; 
    font-weight: normal;
    font-family: helvetica, arial, sans-serif;
    text-transform: none;
}

#main h3 { 
    margin: 0.5em 1em 0.5em 20px; 
    padding-top: 0em; 
    font-family: helvetica, arial, sans-serif; 
    font-weight: normal;
    font-size: 1.6em;
    width: 80%;
    text-transform: none;
}

#main #content h3 {
    width: 100%;
}

#main h4 {
    margin: 1em 0.5em 0.5em 0em !important ;
    padding: 0; 
    font-weight: normal; 
    font-size: 1.5em;
    color: #585858; 
    border: none!important;
    font-family: helvetica, arial, sans-serif;
    text-transform: none;
}

.thickSeparator {display: none;}


/*****************************************************************/
/*                      Navigation bar                           */
/*****************************************************************/
#main #navbar {
	background: #D7D7D7 url(../images/bkMenu.png) repeat-x; 
	margin: 0 5px 0 0px; 
	padding: 0.05em 0 0.7em 15px; 
	!padding-bottom: 0.2em; 
	font-size: 120%; 
	font-family: arial; 
	!min-height: 20px; 
	border-bottom: none;
}
#main #navbar ul.menu {
	line-height: 100%;
	margin: 0 8px 6px 0; 
	padding: 0 0 12px 0; 
	!padding-bottom: 8px; 
	background: none; 
	list-style-type:none; 
}
#main #navbar ul.menu li{
	background: url('../images/after.png') no-repeat right center; 
	margin: 0 0 0 4px;
	margin: 3px 0 3px 4px;
	padding: 0 5px 1px 0;
	float: left;
	border: none;
}
#main #navbar ul.menu li#home{
	margin-left: 0;
}

#main #navbar ul.menu li a{
	color: #666666; 
	text-decoration: none;
	padding: 3px 5px;
	text-transform: none;
	font-family: arial;
	letter-spacing: 0;
	border: none;
}
#main #navbar ul.menu li a:hover {
	padding: 3px 5px;
	color: #272727;
}


#navbar a {font-size: 0.65em; letter-spacing: 0.05em;}


#main #navbar ul.menu li#login, 
#main #navbar ul.menu li#current {
	display: none;
}

#breadcrumb {
/*	display: none;*/
  padding: 1em 1em 1em 20px;
  font-size: 0.7em;
}
#breadcrumb a {text-decoration: none; color: #999}

#breadcrumb a.current {font-weight: bold; #999}




/*****************************************************************/
/*                      Content                                  */
/*****************************************************************/


#content { 
    padding: 0px 20px 0.5em 20px; 
    font-size: 0.8em; 
    width: 95% !important; 
    line-height: 1.6em; 
    border: none; 
}

#content p {
  margin: 1.5em 0 0 0;
}

/*MBR: 
#content ul {list-style: none; margin: 10px 0 0 0; padding: 0.2em;}
  #content ul li {list-style: none; margin: 0 0 15px 0;}
*/

#content ul {
    /*margin-left: 3em;
    margin: 2em auto auto auto;
    padding: auto;*/
    }
    #content ul li {
        margin-left: 2em;
        padding: 0;
		list-style: none;

        }
        #content ul.plain li:before {
            content: "■ ";
            color: #007DC9;
			text-indent: -1em;
			padding-left: 1em;
            }
            #content ul#plugins li:before {
                content: "";
            }

#content ul.steplist,
#content ul.menu {
	border-bottom: 1px solid #CCC;
	}
	#content ul.steplist li,
	#content ul.menu li {
		border: 1px solid #CCC;
		border-bottom: 0px;
		margin-left: 0px;
		}
		#content ul.steplist li.current,
		#content ul.menu li.current {
			border-bottom: 1px solid #FFF;
			}
			#content ul.steplist li.current a,
			#content ul.menu li.current a {
				background-color: #FFF;
			}
	#content ul.steplist li {
		padding: 2px 5px;
		line-height: 1.5em;
	}
	#content ul.menu li {
		padding: 4px 0px 3px 0px;
		line-height: 1.7em;
	}



div#commentsOnArticle ul.plain {
    margin-bottom: 0px;
}
  
#content h3 { 
  margin: 1em 0.5em 0.25em 0; 
  /*padding-top: 1em; */
  font-weight: normal; 
  line-height: 1.35em; 
  color: #585858; 
  border-bottom: 2px solid #DEDEDC;
  padding-bottom: 0.2em;
}

#content h4 {
  margin: 0.7em 0.5em 0.5em 0em !important ; 
  padding: 0;
  font-weight: normal; 
  font-size: 1.5em;
  color: #585858; 
  font-family: helvetica, arial, sans-serif;
}

#content h4 a {color: #666666; }

#content h5 {
	margin: 0em 1em 0.25em 0em;
	padding-top: 0.75em;
	font-weight: bold;
	font-size: 1em;
}


#content form {margin-bottom: 25px; }
#content form h3 {margin-top: 25px;}
#content form p {line-height: 1.9em;}

#content form img {max-width: 94%; max-height: 96%;}

/*
#copyrightNotice, 
#privacyStatement { 
    margin: 20px 0 0 0; 
    padding: 0em 0.8em 0.5em 1em; 
    font-size: 0.72em; 
    width: 96% !important; 
    line-height: 1.6em; 
    border: none; 
}

#copyrightNotice h3,
#privacyStatement h3 {
    border-bottom: 1px solid #F0F0F0;
    color: #585858;
    font-size: 1.45em;
    font-weight: normal;
    line-height: 1.35em;
    margin: 0.65em 0.5em 0.25em 0;
    padding-top: 0em;
}
*/

#copyrightNotice ul li,
#privacyStatment ul li {
    margin: auto auto auto 2.5em;
    padding: 0;
}

/*****************************************************************/
/*                      Sidebar                                  */
/*****************************************************************/
#sidebar {padding: 0;background: none;}
#rightSidebar, #leftSidebar {background: none;}

#sidebarHelp {padding: 5px; margin: 0 0 10px 0;  background: #CCDCE4; padding-bottom: 5px !important;}
#sidebarHelp a.blockTitle {color: #007DC4; text-decoration: none;font-size: 1.2em; margin: 0; padding: 0; padding-left: 5px; line-height: 22px;}
#sidebarHelp a:hover {font-weight: bold; text-decoration: none; background: none;}


#sidebarUser {padding: 10px; margin: 0 0 10px 0; background: none; border-bottom: none; color: #575757; font-size: 1em;}
#sidebarUser span.blockTitle {display: block !important;}
#sidebarUser form {padding: 5px; } 
#sidebarUser form table {padding: 0; margin: 0;} 
#sidebarUser form table tr td {height: 30px; padding: 0;} 
#sidebarUser form table tr td input {margin-left: 5px; border: 2px solid #E2E2E2; width: 104px; !width: 100px; padding: 3px;} 
#sidebarUser form table tr td input#remember {width: 20px; !border: none  !important;} 
#sidebarUser form table tr td input.button {background: #646464; font-size: 12px; color: #fff; padding: 4px 8px; margin-left: 0px; width: 112px; border: 1px solid #E2E2E2;}
  #sidebarUser form table tr td input.button:hover, 
  #sidebarUser form table tr td input.button:focus {background: #3E3E3E!important;}
#sidebarUser form table tr td input:focus {border: 2px solid #9A9EB0;}
#sidebarUser ul {list-style: none; padding: 0; margin: 6px 4px 2px 4px;}
#sidebarUser ul li {margin: 4px 10px; padding: 3px; border-bottom: 1px solid #E4E4E4;}
#sidebarUser ul li a {color: #333; text-decoration: none; font-size: 1em; }
#sidebarUser ul li a:hover {color: #000; text-decoration: none; background: none; }


#sidebarLanguageToggle {padding: 10px; margin: 8px 0 20px 0; background: none; border-bottom: none;}
#sidebarLanguageToggle select {width: 100%;  border: 1px solid #E2E2E2; padding: 2px; }
#sidebarLanguageToggle .blockTitle {display: block !important;}


#sidebarNavigation {padding: 10px; margin: 8px 0 10px 0; background: none; border-bottom: none;}
#sidebarNavigation input {margin-left: 5px; border: 1px solid #E2E2E2; width: 164px; padding: 2px; margin: 4px 0;} 
#sidebarNavigation select {width: 170px;  border: 1px solid #E2E2E2; padding: 2px; }
#sidebarNavigation input.button {width: 80px; background: #646464; font-size: 12px; color: #fff; padding: 3px; margin-bottom: 0; }
  #sidebarNavigation input.button:hover, 
  #sidebarNavigation input.button:focus {background: #3E3E3E!important;}
#sidebarNavigation input:focus {border: 1px solid #BCBECB;}

.blockSubtitle {display: block !important;}

#sidebarNavigation form {margin-bottom: 0px;}

#sidebarNavigation ul {list-style: none; padding: 0; margin: 6px 4px 2px 4px;}
#sidebarNavigation ul li {margin: 4px 10px; padding: 3px; border-bottom: 1px solid #E4E4E4;}
#sidebarNavigation ul li a {color: #666; text-decoration: none; }
#sidebarNavigation ul li a:hover {color: #000; text-decoration: none; background: none; }
#sidebarNavigation .blockTitle {display: block !important;}


#sidebarFontSize {padding: 9px 10px 6px 10px; margin: 14px 0 10px 0; background: none; border-bottom: none;}
#sidebarFontSize .blockTitle {display: block !important;}

/* inici canvis oaid */
#sidebarFontSize #sizer a {}
  #sidebarFontSize #sizer a:hover, #sidebarFontSize #sizer a:focus {text-decoration: underline;} 
  #sidebarFontSize #sizer a.smallFont {background: #fff url('../images/smallFont.png') no-repeat !important;}
  #sidebarFontSize #sizer a.defaultFont {background: #fff  url('../images/defaultFont.png') no-repeat !important;}
  #sidebarFontSize #sizer a.largeFont {background: #fff  url('../images/largeFont.png') no-repeat !important;}  
/* fi canvis oaid */  


#sidebarInformation {padding: 10px; margin: 8px 0 10px 0; background: none; border-bottom: none;}
#sidebarInformation .block {padding-bottom: 0; margin-bottom: 0;}
#sidebarInformation ul {list-style: none; padding: 0; margin: 6px 4px 2px 4px;}
#sidebarInformation ul li {margin: 4px 10px; padding: 3px; border-bottom: 1px solid #E4E4E4;}
#sidebarInformation ul li a {color: #666666; text-decoration: none; }
#sidebarInformation ul li a:hover {color: #000; text-decoration: none; background: none; }
#sidebarInformation span.blockTitle {color: #666666; border-bottom: 6px solid #E4E4E4;display: block !important;}


span.blockTitle {color: #666666; font-size: 1.4em !important; line-height:  1.6em;letter-spacing: 0 !important; margin: 0 0 10px 0;text-transform: none; border-bottom: 6px solid #E4E4E4;}

.blockScroll { display: block; height: 200px; overflow: scroll; overflow-x: hidden }


/*****************************************************************/
/*                      Sidebar: roles                           */
/*****************************************************************/

#sidebarEditor {padding: 10px; margin: 8px 0 10px 0; background: none; border-bottom: none;}
#sidebarEditor .block {padding-bottom: 0; margin-bottom: 0;}
#sidebarEditor span.blockTitle {color: #666666; border-bottom: 6px solid #E4E4E4;display: block !important;}
#sidebarEditor ul {list-style: none; padding: 0; margin: 6px 4px 12px 4px;}
#sidebarEditor ul li {margin: 4px 10px; padding: 3px; border-bottom: 1px solid #E4E4E4;}
#sidebarEditor ul li a {color: #007DC4; text-decoration: none; }
#sidebarEditor ul li a:hover {color: #003D80; text-decoration: none; background: none; }


#sidebarReviewer {padding: 10px; margin: 8px 0 10px 0; background: none; border-bottom: none;}
#sidebarReviewer .block {padding-bottom: 0; margin-bottom: 0;}
#sidebarReviewer span.blockTitle {color: #666666; border-bottom: 6px solid #E4E4E4;display: block !important;}
#sidebarReviewer ul {list-style: none; padding: 0; margin: 6px 4px 2px 4px;}
#sidebarReviewer ul li {margin: 4px 10px; padding: 3px; border-bottom: 1px solid #E4E4E4;}
#sidebarReviewer ul li a {color: #007DC4; text-decoration: none; }
#sidebarReviewer ul li a:hover {color: #003D80; text-decoration: none; background: none; }


#sidebarAuthor {padding: 10px; margin: 8px 0 10px 0; background: none; border-bottom: none;}
#sidebarAuthor .block {padding-bottom: 0; margin-bottom: 0;}
#sidebarAuthor span.blockTitle {color: #666666; border-bottom: 6px solid #E4E4E4;display: block !important;}
#sidebarAuthor ul {list-style: none; padding: 0; margin: 6px 4px 2px 4px;}
#sidebarAuthor ul li {margin: 4px 10px; padding: 3px; border-bottom: 1px solid #E4E4E4;}
#sidebarAuthor ul li a {color: #007DC4; text-decoration: none; }
#sidebarAuthor ul li a:hover {color: #003D80; text-decoration: none; background: none; }

#sidebarProofreader {padding: 10px; margin: 8px 0 10px 0; background: none; border-bottom: none;}
#sidebarProofreader .block {padding-bottom: 0; margin-bottom: 0;}
#sidebarProofreader span.blockTitle {color: #666666; border-bottom: 6px solid #E4E4E4;display: block !important;}
#sidebarProofreader ul {list-style: none; padding: 0; margin: 6px 4px 2px 4px;}
#sidebarProofreader ul li {margin: 4px 10px; padding: 3px; border-bottom: 1px solid #E4E4E4;}
#sidebarProofreader ul li a {color: #007DC4; text-decoration: none; }
#sidebarProofreader ul li a:hover {color: #003D80; text-decoration: none; background: none; }

#sidebarSectionEditor {padding: 10px; margin: 8px 0 10px 0; background: none; border-bottom: none;}
#sidebarSectionEditor .block {padding-bottom: 0; margin-bottom: 0;}
#sidebarSectionEditor span.blockTitle {color: #666666; border-bottom: 6px solid #E4E4E4;display: block !important;}
#sidebarSectionEditor ul {list-style: none; padding: 0; margin: 6px 4px 2px 4px;}
#sidebarSectionEditor ul li {margin: 4px 10px; padding: 3px; border-bottom: 1px solid #E4E4E4;}
#sidebarSectionEditor ul li a {color: #007DC4; text-decoration: none; }
#sidebarSectionEditor ul li a:hover {color: #003D80; text-decoration: none; background: none; }

#sidebarLayoutEditor {padding: 10px; margin: 8px 0 10px 0; background: none; border-bottom: none;}
#sidebarLayoutEditor .block {padding-bottom: 0; margin-bottom: 0;}
#sidebarLayoutEditor span.blockTitle {color: #666666; border-bottom: 6px solid #E4E4E4;display: block !important;}
#sidebarLayoutEditor ul {list-style: none; padding: 0; margin: 6px 4px 2px 4px;}
#sidebarLayoutEditor ul li {margin: 4px 10px; padding: 3px; border-bottom: 1px solid #E4E4E4;}
#sidebarLayoutEditor ul li a {color: #007DC4; text-decoration: none; }
#sidebarLayoutEditor ul li a:hover {color: #003D80; text-decoration: none; background: none; }




/*****************************************************************/
/*                  Site configuration                           */
/*****************************************************************/

#content select.selectMenu {max-width: 390px;}
#content table.data tr {height: 25px;}



/*****************************************************************/
/*                  About the journal                            */
/*****************************************************************/




/*****************************************************************/
/*                 Table:  List journals                         */
/*****************************************************************/

table.listing {font-size: 0.9em; padding:0; margin:0}
table.listing tr.highlight {background: #CEFDF4;}
table.listing td {padding: 0.25em 1.5em 0.25em 0.5em;}
table.listing tr.heading td {background: #F0F0EE; border-bottom: 1px solid #DEDEDC;}
table.listing tr.heading td, table.listing td.heading, table.info td.heading {
	font-size: 0.95em;text-transform: uppercase; font-weight: normal; line-height: 120%; padding: 0.65em 1.5em 1em 0.5em; text-align: left;}

table.listing tr.fastTracked {background-color: #CAD5CA;}

table.listing td.nodata, table.info td.nodata {text-align: left; font-style: normal; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; font-size: 1.1em; color: #666; background: url(../images/atencio.png) 10px 10px no-repeat;}
table.listing td.headseparator {display: none;}
table.listing td.endseparator {border-top: 1px solid #DEDEDC;font-size: 0.25em;line-height: 10%; height: 10px;}
table.listing td.separator, table.info td.separator {border-top: 1px solid #EAEAE8;font-size: 0.1em;line-height: 1%; }
table.listing a.action {color: #007DC4;font-size: 1em; font-weight: normal;}
table.listing a.action:hover {color: #003D80;}



/*****************************************************************/
/*                  Access icons and key                         */
/*****************************************************************/

#accessKey {
	/*margin-bottom: 2em;*/
}

#accessKey img {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

#content img.accessLogo {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}


/*****************************************************************/
/*                        Announcements                          */
/*****************************************************************/


#announcementsHome {margin: 3em 0 2em 0;/* background: #F8F8F8;*/ padding: 0.5em;/*  border: 1px solid #eee;*/}
#announcementsHome h3 { 
  text-align: 
  left; border: 
  none; color: #666; 
  font-size: 1.6em; 
  line-height: 1.3em; 
  padding-top: 0em; 
  margin-top: 0.5em;
  margin-bottom: 0; 
  border-bottom: 2px solid #eee;
}
#announcements {width: auto;} 
#announcements h3 {	text-align: center;}


table.announcements {width: 95%;}
table.announcements td {padding: 0.25em 0.5em 0.25em 0.5em;}
table.announcements td.nodata {	text-align: center;	font-style: italic;}
table.announcements td.headseparator { border-top: none;font-size: 0.1em;	line-height: 1%;}
table.announcements td.endseparator { border-top: none; font-size: 0.25em; line-height: 10%;}
table.announcements td.separator { border-top: 1px solid #E6E6E6;	font-size: 0.1em;	line-height: 1%;	margin-top: 20px;}
table.announcements tr.title {vertical-align: top;}
table.announcements td.title h4 {	color: #8C0023 !important;}
table.announcements tr.description {vertical-align: top;}
table.announcements td.description {width: 85%;}
table.announcements tr.details {vertical-align: bottom;}
table.announcements td.posted {	padding-top: 1em;	font-style: italic;}
table.announcements td.more {width: 15%; height: 24px; text-align: right; line-height: 24px; font-size: 11px;}
table.announcements td.more a { background: url(../images/mes.png) no-repeat left top; padding-left: 20px; padding-bottom: 2px; padding-top: 2px; }
table.announcementsMore {width: 95%; margin-right: 20px;margin-top: 0;}
table.announcementsMore td { padding-top: 1em; text-align: right; }
table.announcementsMore td a {font-size: 1.1em;}



/*****************************************************************************/
/*                          Table of contents                                */
/*****************************************************************************/

#content h4.tocSectionTitle {
    font-size: 1.35em; 
    font-family: helvetica, arial, sans-serif; 
}

table.tocArticle {width: 95%; margin: 0 20px 0 1em;}
table.tocArticle td.tocTitle {width: 70%;	height: 100%;}
table.tocArticle td.tocTitle a {font-weight: bold; padding: 4px 8px;}
  table.tocArticle td.tocTitle a:hover, table.tocArticle td.tocTitle a:focus {background: #eee; text-decoration: underline; }
table.tocArticle td.tocGalleys {width: 30%; text-align: right;}
table.tocArticle td.tocGalleys a {font-weight: normal; font-size: 0.95em; padding: 4px 8px;}
  table.tocArticle td.tocGalleys a:hover, table.tocArticle td.tocGalleys a:focus {background: #eee; text-decoration: underline; }
table.tocArticle td.tocAuthors {padding-left: 30px; font-style: normal; vertical-align: top; color: #5B5B5B;}
table.tocArticle td.tocPages { text-align: right;	vertical-align: top;}

div.tocTitle a { font-weight: bold; }
div.tocAuthors { padding-left: 0px; }

.tocArticleCoverImage img {	border: 0;float: left;width: 100px;	margin: 0 1em 1em 0;}



/***************************************************************/
/*                    Homepage image                           */
/***************************************************************/

#homepageImage img {display: block; margin: 10px auto; padding: 4px 0px; text-align: center;}


.homepageImage img {
	border: 0;
	float: left;
/*	width: 100px;*/
	margin: 1em 1em 1em 0;
	text-align: center;
}

/* Hide journal title in home */
#pkp-common-openJournalSystems-home #breadcrumb + h2 {
  display: none;
}



/***************************************************************/
/*                    Issue cover image                        */
/***************************************************************/

#issueCoverImage img { display: block; border: 1px solid #CCC; max-width: 600px; margin-bottom: 1em;}

.issueCoverImage img { border: 1px solid #eee; padding: 0.1em;	float: left;	width: 100px;	margin: 0 1em 1.5em 0;}

#issueCoverImage a:link, .issueCoverImage a:link {}

#issueCoverImage a:active, .issueCoverImage a:active {}

#issueCoverImage a:visited, .issueCoverImage a:visited {}

#issueCoverImage a:hover, .issueCoverImage a:hover {}

#issueCoverDescription {font-size: 1.3em; color: #666;}
.issueCoverDescription {color: #666;}


/***************************************************************/
/*                    Footer elements                          */
/***************************************************************/
#pageFooter {
	text-align: center;
	border-top: 1px solid #EAEAEA;
	margin-top: 1em;
}

#footer div.debugStats {
	font-size: 0.6em;
}

/***************************************************************/
/*                 Additional text styles                      */
/***************************************************************/


span.disabled, label.disabled {
	color: #666;
}

a.action, a.file { font-size: 0.95em; text-transform: none;}
a.action {color: #007DC4; font-weight: bold; text-decoration: none; margin-top: 0; margin-bottom: 10px;}
  a.action:hover {color: #003D80; text-decoration: none; background: none;}


a.file {font-size: 1em; font-weight: bold;}

a.icon {	text-decoration: none;}
a.icon img {	border: 0; vertical-align: middle;}
a.icon:hover {	background: none;}

span.formRequired {color: #CC0033; font-size: 0.95em; font-weight: bold;}

span.instruct {}

span.heading {font-size: 0.85em;text-transform: uppercase;}

span.highlight {border-bottom: 1px dotted #000;}

.nowrap {	white-space: nowrap;}

pre {	background-color: #F0F0E8;color: #000;font-size: 1.25em;}


/***************************************************************/
/*                      Table styles                           */
/***************************************************************/

table.info {margin-bottom: 3em; width: 95%;}
table.info td.heading {	padding-left: 0;}
table.info td {padding: 0;padding-bottom: 0.5em;padding-right: 0.5em;}


table.data {color: #666; font-size: 0.95em; width: 95%;}
table.data tr {}
table.data td {padding: 2px 0;}
table.data td.label { padding: 0px 1em 0 0; font-family: helvetica, arial, sans-serif;}
table.data td h4 {font-size: 13px !important; font-weight: bold !important; color: #333; margin: 15px 0 5px 0 !important; padding: 0; }
table.data td.value {}
table.data td.separator {padding: 0.5em;font-size: 0.1em;line-height: 1%;}
table.data td.heading {padding-left: 0;padding-right: 0;}
table.data a.action {color: #007DC4;font-size: 1.1em; font-weight: normal;}
table.data a.action:hover {color: #003D80;}
table.data td.heading {	padding-left: 0;	padding-right: 0;}


table.form {color: #666; font-size: 0.95em;}
table.form tr {}
table.form td {padding: 2px 0;}
table.form td.label { padding-right: 1em;}
table.form td h4 {font-size: 13px !important; font-weight: bold !important; color: #333; margin: 15px 0 5px 0 !important; padding: 0;}
table.form td.value {}
table.form td.separator {	padding: 0.5em;	font-size: 0.1em;	line-height: 1%;}



table.nested tr {	padding: 0;	margin: 0;}

span.nested {	padding: 0 4px 0 0;	font-size: 1.2em;}

table.info td:nth-child(5) {
	width: 17%;
}


/**
 * Form-specific elements
 */

span.formError { color: #D90036; font-weight: bold; font-size: 1.4em;}

ul.formErrorList {color: #D90036;}

div#locale,
div#locales {
  background-color: #EEE;
  padding: 5px;
}


/**
 * Other organizational elements
 */

#content ul.menu {margin-bottom: 15px;}

#content ul.menu + ul.menu li { background-color: #FFF;}

ul.menu li { padding-right: 1.3em; display: inline; background: #eee; }
ul.menu li:hover {background: none;}
ul.menu li.current { font-weight: bold;}
ul.menu a { font-size: 0.95em; text-decoration: none;}


ul.steplist {margin: 0; margin-bottom: 1em !important; margin-left: 0px !important; padding: 0; list-style-type: decimal;}
ul.steplist li { padding-right: 1.3em; display: inline; background: #eee; }
ul.steplist li { margin: 0;padding: 4px; font-size: 0.85em;	display: inline; text-transform: uppercase;}
ul.steplist li.current {font-weight: bold; background-color: #FFF}
ul.steplist li a {text-decoration: none; background: #eeeeee; padding: 2px 6px; color: #007DC9;}
ul.steplist li a:hover {background: none; color: #007DC9;}


ul.filter { margin:  0;	padding: 1.5em 0 1.5em 0;	list-style-type: none;}
#content ul.filter li,
ul.filter li {padding-right: 1.5em;	display: inline; margin-left: 0px;}

div.separator {width: 100%; margin-top: 1em; margin-bottom: 0.55em !important; padding: 0; border-bottom: 1px solid #DEDEDC; font-size: 0.5em; line-height: 25%;}


div.progressbar {	background-image: url(../../templates/images/progbg.html);	background-repeat: no-repeat;	height: 27px;	z-index:1;}

/**
 * sidebar.css
 *
 * Copyright (c) 2003-2009 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site-wide shared elements for pages including sidebar(s).
 *
 * $Id: sidebar.css,v 1.3.2.1 2009/04/08 19:43:30 asmecher Exp $
 */

/**
 * Sidebar
 */

#developedBy {
  display: none;
}

#sidebarDevelopedBy {
  display: none;
}

#sidebar { padding: 0; margin: 5px 0 0 0;}

/**
 * rightSidebar.css
 *
 * Copyright (c) 2003-2009 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site-wide shared elements for pages including a right-hand sidebar.
 *
 * $Id: rightSidebar.css,v 1.7.2.1 2009/04/08 19:43:30 asmecher Exp $
 */

/**
 * Common HTML elements
 */


#headerTitle {
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}

#body {
	width: 100%;
}

#rightSidebar { width: 220px; float: right; padding: 0; margin: 0; font-size: 11px; overflow: hidden;}
  #rightSidebar h2 {  font-size: 12px; margin: 10px 0 10px 10px; padding: 10px 0 0 0;}

#main #navbar {margin-top: 0; margin-right: 0 !important; !max-height: 28px;  }


/*
* html #rightSidebar { margin-right: 5%; }
*/ 

#main { float: left; width: 772px; !width: 770px; display: inline; overflow: hidden; }

/** Journals.css **/
#headerTitle h1 {
  background-color: #FFFFFF;
}

#journalDescription {
  border: 1px solid #E4E4E4;
  font-size: 1.1em;
  padding: 1em;
  color: #707070;
  margin-top: 1em;
}

#journalDescription p {
  margin: 0;
}

/** TOC **/
table.tocArticle td.tocTitle a, table.tocArticle td.tocGalleys a {
  padding: 0px;
}

.tocPages {
  text-align: right;
}

/** MBR: Blocks **/

#sidebar div.block {
  padding: 0px !important;
}

#sidebar div.block span.blockTitle {
  padding-bottom: 0px;
}

div#sidebarHelp { 
  border: 5px solid #CCDCE4;
}

/** Credit buttons **/
.rediCredits img {
  border: 0px;
  /* height: 50px; */
  padding: 5px 10px 5px 0px;
}

/** Articles **/

#content #articleTitle h3 {
  margin-top: 0;
}

#content #articleAbstract,
#content #articleSubject,
#content #articleFullText,
#content #articlePubId,
#content #articleCitations,
#content #copyrightStatement, 
#content #licenseBadge {
  margin-top: 2em;
}

/* MBR */
#content #articleCitations div {
  height: 175px;
  overflow: auto;
  margin-bottom: 2em;
}

#content #articleCitations div p {
  text-indent: -40px;
  padding-left: 40px;
  padding-right: 1em;
  margin: 0.5em 0 0 0;
}

#content #articleTitle h4,
#content #authorString h4,
#content #articleAbstract h4,
#content #articleSubject h4 {
  margin: 0;
  padding: 0;
}

#rediGalleys,
#downloadArticle {
  padding: 0.5em 1em;
  background-color: white;
  font-size: 1em;
  display: inline-block;
  background-color: #AAA;
  color: #FFF;
}


a#downloadArticle:hover {
  background-color: #007DC9;
  text-decoration: none;
}

#rediGalleys span.rediLabel {
}

#rediReferals h4 {
  margin-top: 0 !important;
}

/***************************************************************/
/*                          Helpers                            */
/***************************************************************/
.highlightBox {                                                                                                            
	background-color: #CCDCE4;
	border: 4px solid red;
}

/***************************************************************/
/*                       Specific pages                        */
/***************************************************************/

body#pkp-common-languages table#languageDisplay {
	border-top: 2px solid #CCC;
	padding-top: 2em;
}

body#pkp-archive-archives div.issueDescription {
	padding-left: 2em;
}


body#pkp-manager-reviewForms div#reviewForms {
	padding-top: 2em;
}

body#pkp-notification-notifications #content ul.plain {
	background-color: #EEE;
	padding: 10px 20px 20px 20px;
	margin: 0px;
	margin-left: 1em;
	text-align:center;
	}
	body#pkp-notification-notifications #content ul.plain li {
		display: block;
		text-align:center;
		line-height: 0.7em;
		padding: 0px;
		}
		body#pkp-notification-notifications #content ul.plain li:before {
			content: "";
		}

body#pkp-notification-notifications #content td.notificationContent + td.notificationFunction {
	min-width: 100px !important;
	}
	body#pkp-notification-notifications #content td.notificationContent p {
		padding: 0px;
		margin: 0px;
	}

	body#pkp-common-queue-long-submissionsInEditing ul.menu + form {
		margin-bottom: 0px;
	}

body#pkp-email-compose input {
		margin-top: 0.7em;
	}
	body#pkp-email-compose input#includeToc {
		margin-top: 1.4em;
	}

#reviewSteps td {
	padding: 0.5em 1em 0px 1em;
}
#reviewSteps form {
	margin-bottom: 0px;
}

/*** INDEXED ***/
        #sidebar ul.sidebarIndex {
		text-align:center; 
		list-style-type: none;
	}                                                                                                 
        #sidebar ul.sidebarIndex li a img {                                                                                                  
          vertical-align: text-bottom;
          padding-bottom: 0.6em;
          width: 120px;
          opacity : 0.5;
          filter: alpha(opacity=50); /* msie */
        }
            #sidebar ul.sidebarIndex li a img:hover {
                opacity : 0.8;
                filter: alpha(opacity=80); /* msie */
                }
                #sidebar ul.sidebarIndex li a img,
                #sidebar #sidebarRTArticleTools.block .articleToolItem img.articleToolIcon,
                #sidebar #sidebarRTRelatedItems.block table tbody tr td img.articleToolIcon,
                #sidebar #sidebarRTRelatedItems.block table tbody tr td #showRelatedItems img {
                    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
                    filter: gray; /* IE6-9 */
                    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
                    opacity: 0.8
                    filter: alpha(opacity=80); /* msie */
                }

        #sidebar ul.sidebarIndex li a img:hover {
          filter: none;
          -webkit-filter: grayscale(0); /* Google Chrome & Safari 6+ */
          opacity : 0.8;
          filter: alpha(opacity=80); /* msie */
        }


        /* MBR: Index ids:
         * #indexScopus
         * #indexFecyt
         * #indexIncrecs
         * #indexResh
         * #indexCarhus */

        #sidebar ul.sidebarIndex li a#indexResh img {
            width: 85px;
        }
        #sidebar ul.sidebarIndex li a#indexFecyt img {
            width: 114px;
        }

