/* framework */
body {margin:0; padding:0; background:transparent url('/framework/gfx/colored_stripe.png') repeat-x 0px 104px}

#pageWrapper {}
	#headerWrapper {height:108px; margin:0; padding:0; padding-left:10px}
		#logo {width:181px; height:108px; float:left; display:inline; background-image:url('/framework/gfx/Scopus_logo_main.png'); background-position:30px 65px; background-repeat:no-repeat}
		#logotxt {width:225px; height:108px; float:left; display:inline; background-image:url('/framework/gfx/title_review.png'); background-position:20px 55px; background-repeat:no-repeat}
		#logotxt_sc {width:225px; height:108px; float:left; display:inline; background-image:url('/framework/gfx/subject_chair.png'); background-position:20px 55px; background-repeat:no-repeat}
		#logotxt_lbc {width:225px; height:108px; float:left; display:inline; background-image:url('/framework/gfx/preselection.png'); background-position:20px 55px; background-repeat:no-repeat}
	#navigationWrapperTop,
	#navigationWrapperBottom {height:24px; margin:0; margin-top:7px; padding:0 10px; color:#ffffff;}
	#navigationWrapperBottom {margin-top:0px; padding:10px; background:transparent url('/framework/gfx/colored_stripe.png') repeat-x 0px 0px}
		#navigationWrapperTop a,
		#navigationWrapperBottom a {color:#ffffff; font-size:12px; text-decoration:none}
		#navigationWrapperTop a:hover,
		#navigationWrapperBottom a:hover {text-decoration:underline}
	#contentWrapper {min-width:1340px; width:auto; height:auto; margin:0; padding:0 10px 0 10px}
#footer {margin:10px 0px; padding:0; padding-left:10px; font-size:11px; color:#999999; font-weight:300}

.boxContentWrapper {padding:10px; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; color:#000000;}

/* text styles */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
h1 {font-size:16px; font-weight:bold; color:#006370}
h4 {font-size:13px; font-weight:bold; color:#006370; margin-top:10px; margin-bottom:12px}
h5 {font-size:11px; font-weight:bold; margin-top:8px; margin-bottom:6px}

h4 span {color:#333333}

/* link styles */
a:link {color:#333333; text-decoration:underline}
a:hover {color:#276ea3; text-decoration: underline}
a:visited {color:#666666; text-decoration:underline}

a.external_link {padding-right:18px; background:transparent url('/framework/gfx/external_link_white.png') no-repeat right top}

h1 a, h1 a:hover {text-decoration:none; color:#006370}
#footer a {text-decoration:none}

/* floating */
.left {float:left; display:inline}
.right {float:right; display:inline}
.clearer {clear:both; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px}

/* action frame */
#actionFrame {width:100%; height:0px; visibility:hidden}

/* loading image */
.loading_img {position:absolute; top:0; right:0; width:49px; height:50px; background:transparent url('/framework/gfx/loading.gif') no-repeat 0px 0px; display:none}

/* forms */
input.xlarge, textarea.xlarge {width:395px}
select.xlarge {width:399px}
input.large, textarea.large {width:325px}
select.large {width:329px}
input.medium, textarea.medium {width:195px}
select.medium {width:199px}
input.small, textarea.small {width:160px}
select.small {width:164px}
input.xsmall, textarea.xsmall {width:80px}
select.xsmall {width:84px}

.formTableRow {display:table-row}
.formTableRowHidden {display:none}
.formField {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000}
.formFieldName {text-align:right; vertical-align:top; white-space:nowrap; padding-top:3px; padding-right:3px}
.formFieldContainer {text-align:left; vertical-align:top}
.formButton,
.formButtonPrimary {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000000; cursor:pointer;}
.formButton:disabled,
.formButtonPrimary:disabled {color:#999999; cursor:auto}
.formButtonPrimary {border:1px solid #ff6600;}
.formButtonsContainer {padding-top:12px; text-align:right}

.fieldName {text-align:right; white-space:nowrap}
.fieldValue {text-align:left; font-weight:bold}

#subjectchair_decision .fieldName {text-align:left; white-space:nowrap; font-weight:bold}
#subjectchair_decision .fieldValue {text-align:left; font-weight:normal} 

/* placeholder styling */
::-webkit-input-placeholder {font-style:italic}
:-moz-placeholder {font-style:italic}
::-moz-placeholder {font-style:italic}
:-ms-input-placeholder {font-style:italic}

/* icons */
.icon_edit,
.icon_edit_props,
.icon_view,
.icon_delete,
.icon_send_mail,
.icon_warning_yellow,
.icon_warning_red,
.icon_warning_green,
.icon_data_delete,
.icon_data_previous,
.icon_placeholder {width:16px; height:16px; margin:0 2px; padding:0; background-repeat:no-repeat; background-position:0px 0px}

.icon_edit {background-image:url('/framework/gfx/edit.png')}
.icon_edit_props {background-image:url('/framework/gfx/form_blue_edit.png')}
.icon_view {background-image:url('/framework/gfx/view.png')}
.icon_delete {background-image:url('/framework/gfx/delete2.png')}
.icon_send_mail {background-image:url('/framework/gfx/mail_forward.png')}
.icon_warning_yellow {background-image:url('/framework/gfx/warning_yellow.png')}
.icon_warning_red {background-image:url('/framework/gfx/warning_red.png'); background-position:0px 1px}
.icon_warning_green {background-image:url('/framework/gfx/warning_green.png')}
.icon_data_delete {background-image:url('/framework/gfx/data_delete.png')}
.icon_data_previous {background-image:url('/framework/gfx/data_previous.png')}

/* lists */
.list {width:100%;}
.list_header {padding:3px; font-weight:bold; color:#ffffff; white-space:nowrap; background-color:#006370; vertical-align:top;}
.list_item {padding:3px; padding-right:8px; vertical-align:top}
.list_row_idle,
.list_row_idle_reviewed,
.list_row_highlighted {background-color:#f3f4f4; cursor:pointer}
.list_row_idle_reviewed, .list_row_selected {background-color:#dcddde}
.list_row_highlighted, .list_row {background-color:#e8e8e9}

.list_row_idle td,
.list_row_idle_reviewed td,
.list_row_highlighted td {word-wrap:break-word;}

/* legend */
.legend_header {font-weight:bold; padding-bottom:6px}
.legend_row {padding-bottom:4px}
.legend_title {padding:2px 0px 0px 4px}

/* scoring graph */
.scoringGraph {}
.scoringGraphCategoryTitle {font-size:11px; line-height:12px; padding:0px 6px 0px 0px; white-space:nowrap}
.scoringGraphCategoryBarContainer {}
.scoringGraphCategoryBarInnerContainer {height:15px; white-space:nowrap}

.scoringGraphCategoryBarBorderTopAndBottom {height:15px; float:left; display:inline; border:1px solid black}
.scoringGraphCategoryBarBorderTop {height:15px; float:left; display:inline; border:1px solid black; border-bottom:none}
.scoringGraphCategoryBarBorderBottom {height:15px; float:left; display:inline; border:1px solid black; border-top:none}
.scoringGraphCategoryBarBorderNone {height:15px; float:left; display:inline; border:1px solid black; border-top:none; border-bottom:none}

.scoringGraphCategoryBarRemainingFirst {height:15px; float:left; display:inline; border-right:1px dashed gray; border-top:1px dashed gray}
.scoringGraphCategoryBarRemainingInner {height:15px; float:left; display:inline; border-right:1px dashed gray}
.scoringGraphCategoryBarRemainingLast {height:15px; float:left; display:inline; border-right:1px dashed gray; border-bottom:1px dashed gray}
.scoringGraphCategoryImcompleteIndicator {width:16px; height:15px; float:left; display:inline; background:transparent url('/framework/gfx/icon_help_square.gif') no-repeat left top}
.scoringGraphCategoryBarText {float:left; display:inline; font-size:11px; line-height:15px; color:black; padding-left:2px}
.scoringGraphCategoryClearer {clear:both; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px}

/* progressbar */
#progressBarTable {}
	#progressBar {width:100%; height:8px; margin:3px 0 0 0; padding:1px; border-width:1px; border-style:solid}
		#progressIndicator {width:0%; height:8px; margin:0; padding:0; background-color:#006370}

/* wrapper widths */
#authenticationFormWrapper,
#forgotPasswordFormWrapper {width:300px}
#profileFormWrapper,
#changePreferencesFormWrapper,
#changeForumPreferencesFormWrapper,
#changeMailingPreferencesWrapper,
#sendingMailProgressbarWrapper {width:540px}

#titleFinalDecision,
#evaluationHistory,
#scoringProgress,
#titleDetails,
#scoringCardDetails,
#reviewerDecision {margin:10px}

#reviewerDecision form {margin:0}

#titleDetails ul {margin:0; padding:0}
#titleDetails ul li {float:left; list-style-type:none; margin:0px 3px; padding:3px 10px; cursor:pointer}
#titleDetails ul li:hover {color:#333333; border-color:#333333}

.infoSelector {background-color:transparent; color:#666666; border:1px solid #666666}
.infoSelectorSelected {background-color:#999999; color:#333333; border:1px solid #333333}

#overallScore {font-size:14pt; font-weight:bold}

/* scoring overview */
.row_idle {background-color:#f3f4f4; vertical-align:top}
.row_highlighted {background-color:#e8e8e9; vertical-align:top}
.ppIndicator {color:green;}

/* reviewers table */
.reviewer_list {margin:10px}
.row_reviewer, .row_subjectchair {background-color:#E8E8E9}
.row_extrainfo {background-color:#F3F4F4}
.row_subjectchair {background-color:#C7C7C7}
.reviewInvitationAccepted {font-style:normal}
.reviewInvitationDeclined {font-style:normal}	/* will be used in the de-assigned reviewers list */
.reviewInvitationAcceptancePending {font-style:italic}

/* mailing */
iframe#editBox{width:100%}

.confirmationContainer {width:318px; margin:18px auto 0 auto; padding:4px; background-image:url('/framework/gfx/45-stripes.png'); background-position:top left}
.confirmationContainer div {background-color:#ffffff}

#recipients .list_header {color:#000000; background-color:transparent}

/* assign reviewer */
.search_separator {border-bottom:1px solid gray}

/* title reviewer section headers */
.section_header {background-color:#006370}
.section_header table {width:100%}
.section_header table td {padding:0px 6px}
.section_header table td h4 {color:#ffffff}

/* title review / subjectchair decision page columns */
#title_review #col_left,
#subjectchair_decision #col_left {width:799px}

#title_review #col_right,
#subjectchair_decision #col_right {width:275px; margin-left:10px; background-color:#666666}

/* floating menu */
.right_menu {width:275px; position:absolute}
.right_menu .right_menu_item {width:205px; padding:20px 10px; background-color:#cccccc}
.right_menu .right_menu_item_active {width:205px; padding:10px; background-color:#006666}

.right_menu a {font-size:11px; color:#ffffff; font-weight:normal}

.right_menu .right_menu_item a {color:#006666; font-weight:normal}
.right_menu .right_menu_item_active a {font-size:11px; color:#ffffff}

.right_menu .right_menu_item h2,
.right_menu .right_menu_item_active h2,
.right_menu .right_menu_item h2 a ,
.right_menu .right_menu_item_active h2 a {margin:0px; padding:0px; font:bold 18px Arial; line-height:22px}
.right_menu .right_menu_item_active h2,
.right_menu .right_menu_item_active h2 a {color:#ffffff}
.right_menu .credentials {color:yellow;}
.right_menu .credentials table {margin-left:12px;}
.right_menu .credentials span {color:white;}

.arrow-left {float:left; position:relative; width:0; height:0; border-top:75px solid transparent; border-bottom:75px solid transparent; border-right:30px solid #006666}

#title_review #col_right .arrow-left {left:-30px; border-top-width:50px; border-bottom-width:50px}

#subjectchair_decision #col_right .arrow-left {top:-10px; left:-30px; border-top-width:35px; border-bottom-width:35px}

.title_field_value {font-weight:bold}
.title_details_value {margin-right:40px; font-weight: normal;}

span.title_field_value {float:left}
span.title_details_value {float:right; width:45%; text-align:right}

#menuLinks div {margin:1px 0px}

#title_review #scoringProgress {color:#ffffff}
#title_review #scoringProgress #progressBar {background-color:#ffffff}

/* notepad */
#notepad_menu {position:fixed; bottom:180px; left:819px}
#notepad_menu_item {width:205px; height:50px; background-color:#ffffcc; cursor:pointer}
#notepad_menu_item_padding {height:32px; padding-top:16px; padding-left:56px; background:transparent url('/framework/gfx/notepad_32x32.png') no-repeat 18px 9px; font-size:14px; color:#000000}

#notepad {width:814px; display:none; position:fixed; bottom:10px; left:5px; overflow:hidden}
#notepad_inner {position:relative; left:100%; background-color:#ffffcc; border:1px solid #cccccc; border-right-width:0px}
#my_notes {width:785px; height:180px; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000}
#my_notes_saved_ok {color:green; visibility:hidden}

/* custom list color */
#titles_reviewed .list_row_idle {cursor:default}

#sc_list h1 {color:#379946}
#sc_list .list_header {background-color:#379946}

#sc_list_priority h1 {color:#ff6600}
#sc_list_priority .list_header {background-color:#ff6600}

#sc_list_reEvaluation h1 {color: #bec02e}
#sc_list_reEvaluation .list_header {background-color: #bec02e}

#sc_list_fasttrack h1 {color: purple}
#sc_list_fasttrack .list_header {background-color: purple}

#lbc_list h1 {color: #2c997b}
#lbc_list .list_header {background-color: #2c997b}

#ao_list h1 {color: #ff0000}
#ao_list .list_header {background-color: #ff0000}

/* custom tab styles */
li#tabSelector_all {color: #006370;}
li#tabSelector_ao-assignments {color: #ff0000;}
li#tabSelector_lbc-preselection-assignments {color: #2c997b;}
li#tabSelector_sc-priority-assignments {color: #ff6600;}
li#tabSelector_sc-assignments {color: #379946;}
li#tabSelector_sc-reEvaluation-assignments {color: #bec02e;}
li#tabSelector_fasttrack-assignments {color: purple;}
li#tabSelector_reviewer-workqueue {color: #006370;}

li#tabSelector_all,
div#tabsBodyWrapper_all {border-color: #006370;}
li#tabSelector_ao-assignments,
div#tabsBodyWrapper_ao-assignments,
div#tabBodyCopy_ao-assignments {border-color: #ff0000;}
li#tabSelector_lbc-preselection-assignments,
div#tabsBodyWrapper_lbc-preselection-assignments,
div#tabBodyCopy_lbc-preselection-assignments {border-color: #2c997b;}
li#tabSelector_sc-priority-assignments,
div#tabsBodyWrapper_sc-priority-assignments,
div#tabBodyCopy_sc-priority-assignments {border-color: #ff6600;}
li#tabSelector_sc-assignments,
div#tabsBodyWrapper_sc-assignments,
div#tabBodyCopy_sc-assignments {border-color: #379946;}
li#tabSelector_sc-reEvaluation-assignments,
div#tabsBodyWrapper_sc-reEvaluation-assignments,
div#tabBodyCopy_sc-reEvaluation-assignments {border-color: #bec02e;}
li#tabSelector_fasttrack-assignments,
div#tabsBodyWrapper_fasttrack-assignments,
div#tabBodyCopy_fasttrack-assignments {border-color: purple;}
li#tabSelector_reviewer-workqueue,
div#tabsBodyWrapper_reviewer-workqueue,
div#tabBodyCopy_reviewer-workqueue {border-color: #006370;}

div#tabBody_all {padding: 15px;}
div#tabBodyCopy_ao-assignments,
div#tabBodyCopy_lbc-preselection-assignments,
div#tabBodyCopy_sc-priority-assignments,
div#tabBodyCopy_sc-assignments,
div#tabBodyCopy_sc-reEvaluation-assignments,
div#tabBodyCopy_fasttrack-assignments,
div#tabBodyCopy_reviewer-workqueue {border-width: 1px; border-style: solid; padding: 8px;}

img.info {content:url('/framework/gfx/btn_info.gif'); width:14px; height:15px; cursor: pointer;}