/*
	bp_ui_components.css
	BP CSS 
	
	the bp_ui_components.css file contains style definitions
	for primary ui components.  typically this file will hold
	corresponding styles to the bp_containers.css file and
	is the appropriate location to define style cues outside
	the scope of the containers file, ie: color, background,
	images, kerning, font sizes, etc.
*/

.buttonlink {
	font: bold small-caps 13px arial,sans-serif;
	text-decoration:none;
	text-transform: lowercase;
	padding:2px 3px 2px 3px;
	margin-right:4px;
	color:rgb(40,40,40);
	background-image: url('/icons/misc/button_gradient.gif');
	border:1px solid rgb(60,60,60);
	outline:none;
	white-space:nowrap;
	cursor:pointer;
}

.buttonlink.disabled {
	color: rgb(200,200,200);
	border: 1px solid rgb(200,200,200);
	cursor: default;
}

.buttonlink.active {
	color:rgb(200,200,200);
	border:1px solid rgb(200,200,200);
	cursor:default;
}

.buttonlinksmall {
	color:rgb(40,40,40);
	background-image: url('/icons/misc/button_gradient.gif');
	border:1px solid rgb(60,60,60);
	text-transform: lowercase;
	font: bold small-caps 12px arial,sans-serif;
	text-decoration: none;
	padding:2px 3px 2px 3px;
	margin-right:3px;
	white-space:nowrap;
	display:inline-block;
	display:-moz-inline-box;
	cursor:pointer;
}

.buttonlinksmall.disabled {
	color:rgb(200,200,200);
	border:1px solid rgb(200,200,200);
	cursor:default;
}

.buttonlinksmall.active {
	color:rgb(200,200,200);
	border:1px solid rgb(200,200,200);
	cursor:default;
}

.inlineActivity {
	width: 12px;
	margin:0;
	vertical-align: -18%;
	margin-left: 4px;
}

.tableWrapper
{
	padding: 10px;
}

/*
	//
	//	.bp_standard_toolbox_ui
	//	class
	//
	//	the standard toolbox is designed to be employed as 
	//	a dynamic widget into any view.
	//
*/
.bp_standard_toolbox_ui
{
	border-style			: solid;
	border-width			: 1px;
	border-color			: #AAA;
	
	background-color		: #F9F9F9;
	
	font-family			: sans-serif;
	color					: #333;
	font-size				: 14px;
}

/*
	//
	//	.bp_standard_toolbox_ui.heading
	//	class.class
	//
	//	any tag of class "heading" nested within a tag of
	//	class "bp_standard_toolbox_ui
	//
*/
.bp_standard_toolbox_ui .heading
{
	border-style			: solid;
	border-width			: 1px;
	border-color			: #AAA;
	
	background-color		: #CCC;
	background-image		: url(/icons/misc/button_gradient.gif);
	background-repeat		: repeat-x;
	background-position		: bottom;
	
	font-family			: sans-serif;
	color					: #000;
	font-size				: 10px;
}

/*
	//
	//	.bp_standard_toolbox_ui.detail
	//	class.class
	//
	//	any tag of class "detail" nested within a tag of
	//	class "bp_standard_toolbox_ui
	//
*/
.bp_standard_toolbox_ui .detail
{
	color					: #555;
	font-size				: 10px;
}


.bp_link_to_consumable
{
	background-image		: url(/icons/misc/doctypes/consumable.gif);
	background-repeat		: no-repeat;
	background-position		: left;	
}


/*
	//
	//	Advanced Search page style definitions.
	//	v1.1 103006
	//
*/

/*.searchNewButton
{
	font-size: 10px;
	font-family: verdana, sans-serif;
	font-weight:bold;
	color:rgb(50,50,50);
	text-decoration:none;

	border: 1px solid #2a2a2a;
	margin-right: 8px;
	padding:4px;
	padding-right: 10px;
	padding-left: 10px;
	
	background-image: url('/icons/misc/button_gradient.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}*/

div.searchTypeHelp
{
	text-decoration: none;
	background-color:rgb(255,255,180);
	color:rgb(50,50,50);
	border:1px solid rgb(50,50,50);
	width:300px;
	padding:4px;
	position:absolute;
	z-index:3;
}

img.searchTypeHelp
{
	border:0px;
	cursor:pointer;
}

.searchTypeHelpDismiss
{
	float:left;
	margin-top:-2px;
	margin-right:6px;
	height:12px;
	border:0px;
	cursor:pointer;
}

#search_results_header
{
	font-size: 11px;
	font-family: verdana, sans-serif;
	color: rgb(60,60,60);
	width:690px;
	height: 17px;
	background-color: rgb(230,230,230);
	padding: 5px;
}
#search_results_header a
{
	background-image: url('/icons/misc/button_gradient.gif');
	font: bold small-caps 12px arial,sans-serif;
	color:rgb(40,40,40);
	text-decoration:none;
	padding:1px 3px 1px 3px;
	margin-right:3px;
	border:1px solid rgb(60,60,60);
	outline:none;
}

#advancedSearchTitle {
	float:left;
	font: bold 14px arial,sans-serif;
}

#search_results_header select
{
	font-size: 10px;
}
.search_results_error
{
	font-size: 11px;
	font-family: verdana, sans-serif;
	text-align:center;
	color: rgb(40,40,40);
	width:675px;
	border:1px solid rgb(100,0,0);
	background-color: rgb(255,255,160);
	padding: 2px 5px 5px 4px;
}
#search_advanced_results_text {
	padding: 3px;
	background-color: #ffc;
}
#search_results_query_container
{
	border: 1px solid rgb(200,200,200);
	width: 700px;
	margin-top:8px;
}
.search_view_edit_button_img
{
	border:0;
	margin-bottom:2px;
	padding-top:2px;
	padding-right:4px;
}

.advanced_reviewer_search_nav_buttons
{
	margin-top:8px;
}

#search_options_anchor
{
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: rgb(60,60,60);
	width: 700px;
	height: 15px;
	
	background-color: rgb(230,230,230);
	
	padding: 5px;
}



#search_options_anchor .control
{ 
	width: 150px; 
	text-align: right;
	white-space:nowrap;
}

#search_options_anchor .console
{ width: 390px;}

#search_options_anchor input
{ font-size: 9px; font-family: verdana, sans-serif; border: 1px solid #535353; padding: 2px;}

#search_options_anchor b
{font-size: 10px;}

#filterlist
{
	z-index: 2;
	position: absolute;
	
	padding: 5px;
	background-color: #FFC;
	border: 1px dotted #CCC;
	
	width: 150px;
	font-size: 9px;
	font-family: verdana, sans-serif;
}

.filterlist_element
{ margin: 1px; }

#filterlist .mouseover
{ color: #00F; background-color: #FFFFFA; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; }

.querytable_anchor
{
	width: 700px;
	border-top: 1px solid rgb(200,200,200);
	background-color: #FFF;
}

.querytable_anchor .altrow
{
	background-image: url('/icons/widgets/gradients/altrow_gradient.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #F2F2FF;
}

.querytable_anchor .altrow>td
{
	border-top: 1px dotted #E2E2FF;
}

.querytable_anchor .search_row
{
	font-size: 10px;
	font-family: verdana, sans-serif;
}

.querytable_anchor td
{
	padding: 5px;
	
	padding-top: 7px;
	padding-bottom: 7px;
}

.querytable_anchor .inline_cell
{
	padding: 3px;
	border: 0px none;
}

.querytable_anchor select
{font-size: 10px; font-family: verdana, sans-serif;}

.querytable_anchor input
{font-size: 10px; font-family: verdana, sans-serif;}

.querytable_anchor .join_cell
{
	width: 50px;
	text-align: center;
	vertical-align: top;
}

.querytable_anchor .type_cell
{
	width: 50px;
	vertical-align: top;
}

.querytable_anchor .comp_cell
{
	width: 50px;
	vertical-align: top;
}

.querytable_anchor .control_cell
{
	width: 20px;
	vertical-align: top;
}

.querytable_anchor .glob_cell
{
	vertical-align: top;
}

.control_canvas
{
	padding: 5px;
	text-align: right;
	width: 700px;

	margin-top: 10px;
}


#searchadv .pageHeading
{
	font-family: arial,sans-serif;
	font-size: 10px;
	padding: 5px;
}
.advanced_search_head
{
	font-family: arial,sans-serif;
	font-size: 18px;
	padding: 5px;
}
.advanced_reviewer_search_head
{
	font-family: arial,sans-serif;
	font-size: 14px;
	padding: 5px;
}
.advanced_search_beta_tag
{
	width: 380px; 
	font-size: 9px; 
	background-color: #F8F8F8; 
	padding: 4px; 
	border: 1px solid #AAA;
	float:right;
}


#searchadv h1
{
	font-size: 20px;
	font-weight: normal;
	color: rgb(0,0,0);
}

#searchadv .subHeading
{
	margin-top:40px;
	font-size:16px;
	width:700px;
	border:1px solid rgb(50,50,50);
	background-color:rgb(220,220,220);
	color:rgb(50,50,50);
	text-align:center;
	font-family: verdana, sans-serif;
	font-size: 14px;
	padding: 5px;
}

#resultsTable table
{
	border: 1px;
}

#page_footer
{
	background-color: rgb(256, 256, 256);
	width: 100%;
	
	margin-top: 50px;	
}

.journal_color_table_rows 
{
	background-color: rgb(225, 223, 245);
}


/*
	extendedSortTable
	styles
	
	ported from bp_containers.css to support new 
	SortableTable.js code.

	pevans@highwire.stanford.edu
	2.28.07
*/
.extendedSortTable
{
	text-align: left;
	margin-bottom: 1px;
	border: 1px solid rgb(20,20,20);
}

.extendedSortTable th
{
	vertical-align: top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	min-width: 60px;
	border-bottom: 3px double rgb(200,200,200);
	border-right: 1px solid rgb(180,180,180);
	color: rgb(0,0,0);
	background-color: rgb(255,255,255);
	background-image: url('/icons/misc/button_gradient.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

.extendedSortTable td
{
	vertical-align: top;
	padding: 5px;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:0.7em;

	border-right: 1px solid rgb(200,200,200);
	border-top: 1px solid rgb(191, 200, 207);
	
	background-image: url(/icons/widgets/gradients/bg_td.jpg);
	background-repeat: repeat-x;
	background-position: top;

}

.extendedSortTable tr.alt td
{

	background-image: url(/icons/widgets/blank.gif);
	background-repeat: repeat-x;
	background-position: top;
			
	background-color: rgb(225, 223, 245);			

	border-top: 1px solid rgb(191, 200, 207);

}

.extendedSortTable tr.summaryrow td
{
	text-align: left;
	padding: 5px;
	
	font-weight: bold;
	color: rgb(20,20,20);

	background-color: rgb(200,200,200);
	border-top: 1px solid rgb(20,20,20);

	background-image: url(/icons/widgets/blank.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}

.extendedSortTable caption
{
	background-color: rgb(51,51,51);
	color: rgb(240,240,240);
	
	height: 18px;
	padding:2px;
}

/*
	EXPERIMENTAL!
	trying out the new client-side-sorting SortTableHeaders object
	which requires a few css style directives to actually make
	the changes *visible*.
*/
.extendedSortTable th div
{
	cursor: pointer;
	padding: 5px;
	padding-left: 10px;
	padding-right: 20px;

	height: 100%;
}

.extendedSortTable th div.ascending
{
	background-image: url(/icons/widgets/ascending.gif);
	background-repeat: no-repeat;
	background-position: top right;

}

.extendedSortTable th div.descending
{
	background-image: url(/icons/widgets/descending.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.extendedSortTable th div.idle
{
	background-image: url(/icons/widgets/blank.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.selectlist td.over
{
	background-color: rgb(40,40,40);
	color: rgb(240,240,240);
}
.selectlist td { padding: 2px; }

.selectlist .paging_button
{
	font-size: 9px;
	text-align: center;
	border: 1px solid rgb(140,140,140);
	background-color: rgb(250,250,250);
	color: rgb(140,140,140);
	margin: 4px;
}

.selectlist .paging_button:hover
{
	font-size: 9px;
	text-align: center;
	border: 1px solid rgb(240,240,240);
	background-color: rgb(50,50,50);
	color: rgb(240,240,240);
	margin: 4px;
}

.selectlist .dismiss_button
{ 
	font-size: 9px; 
	text-align: right; 
	border: 1px solid rgb(140,140,140); 
	background-color: rgb(250,250,250); 
	color: rgb(140,140,140); 
	margin: 4px;
}

.selectlist .dismiss_button:hover 
{ 
	font-size: 9px; 
	text-align: right; 
	border: 1px solid rgb(240,240,240); 
	background-color: rgb(50,50,50); 
	color: rgb(240,240,240); margin: 4px; 
}

.actb {
	position:absolute;
	width:360px;
	background-color:rgb(220,220,220);
	border:1px solid rgb(160,160,160);
}

.actb td {
	width:360px;
	min-width:360px;
	max-width:360px;
	text-indent:-15px;
	padding-left:15px;
	border-bottom:1px dashed rgb(190,190,190);
	font:10px verdana,arial,helvetica,sans-serif;
}

.actbFullListView {
	font:11px verdana,arial,helvetica,sans-serif;
}

.actbFullListView body {
	margin:0px;
	padding:0px;
}

.actbFullListView div {
	border-bottom:1px dashed rgb(180,180,180);
}

.actbFullListView a {
	padding:3px;
	padding-left: 18px;
	text-indent: -15px;
	color:rgb(60,60,60);
	background-color:rgb(220,220,220);
	text-decoration:none;
	display:block;
}

.actbFullListView a:hover {
	background-color:rgb(180,180,180);
}

.searchFullListContainer {
	position:absolute;
	left:20px;
	height:35ex;
	z-index:10;
	border:1px solid #333;
	overflow:auto;
	width:300px;
}

.searchFullListHeader {
	position:absolute;
	left:20px;
	font:9px verdana,arial,helvetica,sans-serif;
	border:1px solid #333;
	background-color:#999;
	color:#EEE;
	width:300px;
}

.searchFullListHeader img {
	float:right;
	cursor:pointer;
}

.searchFullListHeaderText {
	float:left;
	margin:3px;
}

.searchFullListItem {
	font:9px verdana,arial,helvetica,sans-serif;
	background-color:#DDD;
	color:#333;
	border-bottom:1px solid #666;
	padding:3px;
	padding-left:15px;
	text-indent:-10px;
}
.searchFullListItemHover {
	background-color:#AAA;
	cursor:pointer;
}

div.reviewerSearchPopupButtons {
	margin:6px;
	margin-left:0;
}
	
.activityHelpPopup {
	background-color:rgb(240,240,240);
}

.activityHelpPopup h1 {
	font:bold 14px arial,sans-serif;
	border:1px solid rgb(100,100,100);
	background-color:rgb(240,240,200);
	padding:5px;
}

.activityHelpPopup h2 {
	font:normal 12px geneva,sans-serif;
}
	
.submission_alert_container {
	display: none;
	padding: 4px;
	font: bold 14px arial,sans-serif;
	border: 1px solid darkred;
	background-color: rgb(240,240,220);
	color: darkred;
}
	
/*
	batch email form styles
*/
#batchEmailFormPanel {width:700px;font-family:"Verdana","Helvetica","Arial",sans-serif;
	padding-top:15px;padding-bottom:25px;}
fieldset.bpFieldset {border:none;}
label.bpTextFieldLabel {display:inline-block;display:-moz-inline-box;width:100px;float:left;}
label.bpTextAreaLabel {display:inline-block;display:-moz-inline-box;width:100px;float:left;}

div.informationPane {padding-top:5px;padding-bottom:15px;}
p.formInfo {font-size:0.8em;}
table.infoTable {font-size:0.7em;border:3px double rgb(200,200,200);width:100%;
	background-color:rgb(220,220,220);}
table.infoTable td {padding:4px;background-color:white;vertical-align:top;font-size:10px;}
table.infoTable th {padding:4px;text-align:left;font-size:10px;}

/* components */
pre.generic_bound_pre 
{
	width: 900px; /* <-- this determines the width of the comments */
	font-size:16px;
	font-family:"Georgia", serif;
	line-height:1.3em;
	
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.wrappedNote {
 	width: 600px;
 	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */

	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1em;
}

.wrappedTxnNote {
 	width: 300px;
 	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */

	font-family:arial;
	font-size:12px;
	text-align:left;
}

.wrappedTxnActionNote {
 	white-space: pre-wrap;       /* css-3 */
 	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */

	font-family:verdana, arial, helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}