@charset "utf-8";
/* CSS Document */


/************************************************************************
*************************************************************************
	Position Properties (Generic)
*************************************************************************
************************************************************************/

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.justify { text-align: justify; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.noclear { clear: none; }

/************************************************************************
*************************************************************************
	Global Links
*************************************************************************
************************************************************************/

#global_top { padding: .75em; background: transparent url('../images/texture.png') repeat; font-size: .88em; text-align: right; }
#global_top span { float: left; color: #fefcb6; }
#global_top a.status { margin-left: 0;}
#global_top a { margin-left: 1em; color: #ef8d24; } 
#global_top a:hover { color: #d3e8f3; }

/************************************************************************
*************************************************************************
	LSURA Header
*************************************************************************
************************************************************************/

#lsura_header { font-size: 2.5em; color: #5a000a; }
#lsura_header span { font-size: .5em; color: #808080; }

/************************************************************************
*************************************************************************
	Media
*************************************************************************
************************************************************************/

#media { width: 100%; position: relative; height: 140px; background: transparent url('../images/texture_triangle.png') repeat-x; overflow: hidden; }
#photo { position: absolute; }
#lsura_logo { position: absolute; left: 677px;}

/************************************************************************
*************************************************************************
	Content: User Account Management
*************************************************************************
************************************************************************/

/*
.content { margin-top: .5em; }
.content .left_column { width: 60%; float: left;}
.content .right_column { width: 40%; float: right;}

.content .left_column_sub { width: 50%; float: left;}
.content .right_column_sub { width: 50%; float: right;}

.content .left_column_standard { width: 68%; float: left;}
.content .right_column_standard{ width: 32%; float: right;}

.content div.left_gutter { margin-left: .25em; }
.content div.right_gutter { margin-right: .25em; }

.content ol {margin-left: 1.25em;}
*/

/************************************************************************
*************************************************************************
	Login Form 
*************************************************************************
************************************************************************/

#user_account { padding: .75em; background: #dbdbc0 url('../images/login_bg.png') repeat; }  /* Sets beige background */
#user_account h1 { margin-left: 1.13em; padding-top: .25em; font-size: 1.5em; color: #5a000a;}
#user_account a { font-size: .881em; color: #c75116;} 
#user_account a:hover { text-decoration: underline;}

#user_account form { margin: 0 0 0 2.5em; clear: left; color: #5a000a;}
#user_account form fieldset { padding: 0; border: none; }
#user_account form fieldset p { margin-bottom: .75em; font-size: .88em; line-height: 1.25em; }
#user_account form fieldset ul, #user_account form fieldset ol { margin: 0 0 .75em 1em; font-size: .88em; }

.error_message { display: block; padding: .25em; margin-bottom: 1em; font-size: .88em; background: #fff833; color: #000; }
.error_cue { color: #5a000a; font-weight: bolder; }
.required {  color: #000; font-weight: bolder; } /*background: #fff833;*/
.required_missing { font-weight: bolder; background: #fff833 }
.required_missing .errorMessage { padding-left: 10px; font-size: .88em; }
.input_error { border: 3px solid red; }

div.name-entry .form-horizontal .control-label { margin-bottom: 7px; }

div.name-entry div.registered-person input,
div.name-entry div.xrayvuvCollab-person input,
div.name-entry div.pxCollab-person input,
div.name-entry div.lclsCollab-person input,
div.name-entry div.cryoCollab-person input,
div.name-entry div.proposalResearchTeam-person input
			{ line-height: 0; }

div.text-input-prefix { width: 100%; }

.login_label { float: left;	margin:  0 1.13em .5em 0; }
.label { display: block; margin-bottom: .13em;}

.login_help { margin-top: 10px; }

#user_account form fieldset input { border-width: 1px; border-style: inset; background: #fff; border-color: #efefef; font-size: 1em; }
#user_account form fieldset input:focus { background-color: #fff7c0; }

#user_account form fieldset input.arrows { background: #c75116; color: #fff; border-width: 1px; border-style: outset; text-align: center;}
#user_account form fieldset input.arrows:hover { background: #32a3dd; color: #fff;}

#user_account input.button { font-size: .88em; background: #fff; color: #5a000a; border: 1px outset #efefef; text-align: center; }
#user_account input.button:hover { background-color: #fff7c0; }

/* Temporary Style. Delete after integrated into Velocity */
#user_account a.temp {
	font-size: 1em;
	color: #fff833;
} 
/* Temporary Style. Delete after integrated into Velocity */

#user_account form h4 { border: dashed #fff; border-width: 1px 0; margin: .25em 0; padding: .13em; background: #f6f6ec; color: #5a000a; font-weight: bolder; }

.login_label_horizontal { width: 100%; margin: .5em 0; border-bottom: 0px dashed #fff; vertical-align: middle; }
.login_label_horizontal label { width: 40%;display: block; float: left; }
.login_label_horizontal div { width: 60%; display: block; float: right; clear: none;}
.login_label_horizontal div label { width: 60%; display: block;}
.login_label_horizontal div label.radio { width: auto; }

/************************************************************************
*************************************************************************
	Features
*************************************************************************
************************************************************************/

.feature { margin-bottom: .25em; padding: .5em; border: solid #e3e3e3; border-width: 0px 1px 1px 0; background: #f0f0f0; }

.feature h3 a { display: block; margin: .5em 0 .75em -.5em; padding: .5em .75em .5em .75em; background-color: #fff; color: #32a3dd; }
.feature h3 a:hover { background-color: #fff833;} /* color: #32a3dd; blue*/

.feature img { float: left; margin: 0 .5em .5em 0; border: 1px solid #e3e3e3; }
.feature p { margin-bottom: .75em; font-size: .88em; color: #666; line-height: 1.5em; }

.feature a { color: #c75116; }
.feature a:hover { color: #32a3dd;}

.feature ul, .feature ol  { margin: 0 0 1em 1em;}
.feature ul li, .feature ol li { font-size: .88em; color: #666; }
.feature ul ul  { margin: .5em 1em; list-style: none; }

.feature table.noBorder { width: 100%; display: table; table-layout: auto; caption-side: top; border-collapse: collapse; border-spacing: 0; border: solid #ccc; border-width: 0; empty-cells: hide; background-color: inherit; }
.feature table.noBorder th, .feature table.noBorder td { display: table-cell; text-align: left; vertical-align: top; padding: .25em; border: solid #ccc; border-width: 0; empty-cells: hide; font-size: .88em;}

/************************************************************************
*************************************************************************
	New User
*************************************************************************
************************************************************************/

#new_user { padding: .75em; border-bottom: 0px solid #dce3bb; background: #a2a302; }
#new_user a { color: #fefd93; } 
#new_user a:hover { color: #fcff00; } 
#new_user h2 { padding-top: .25em; clear: none; }
#new_user p { color: #fff; font-size: .81em; }
#new_user img { margin-top: 1px;}

/************************************************************************
*************************************************************************
	Resource Links
*************************************************************************
************************************************************************/

.resource_links_container { margin-bottom: .25em; padding: .75em; border-bottom: 1px solid #dce3bb; background: #f1f1d7; }
.resource_links_container a { color: #c75116; } 
.resource_links_container a:hover { color: #3095c9; } 
.resource_links_container h3 { padding-top: .38em; clear: none; }
.resource_links_container h4 { margin: .38em 0; }
.resource_links_container p { color: #858521; font-size: .81em; }
.resource_links_container ul, .resource_links_container ol { color: #858521; font-size: .81em; list-style: none; }
.resource_links_container ul li, .resource_links_container ol li { display: inline; list-style: none; margin-right: .25em;}

/************************************************************************
*************************************************************************
	Info Blok
*************************************************************************
************************************************************************/

.info_blok {  margin-bottom: .25em; padding: .5em; background: #e3e3c8; border: solid  #e3e3e3; border-width: 1px 0; } /* blue c7e3f1 */
/*.info_blok h3 { display: block; margin: .5em 0 .75em -.5em; padding: .5em .75em .5em .75em; color: #73acc9; background-color: #fff; }*/
.info_blok h3 a { display: block; margin: .5em .5em .75em .5em; padding: .5em .75em .5em .75em; background-color: #fff; color: #c75116; }
.info_blok h3 a:hover { background-color: #fff833; color: #3095c9;} /* color: #32a3dd; blue*/
.info_blok img { float: left; margin: 0 .5em .5em 0; border: 1px solid #e3e3e3; }
.info_blok p { margin-bottom: .75em; font-size: .88em; color: #666; line-height: 1.5em; }

/************************************************************************
*************************************************************************
	Tabbed Navigation
*************************************************************************	
************************************************************************/

.usual { padding-top: .50em; border-bottom: .25em solid #a2a302; background: #f1f1f1;}
.usual li { list-style: none; float: left; }
.usual ul a { display: block; padding: .5em; text-decoration: none !important; margin: 0 1px; font-size: .88em; color: #728414; background: #ecefda; }
.usual ul a:hover { background: #fff833; color: #3095c9; }
.usual ul a.selected { margin-bottom: 0; color: #333; background: #f8f8f8; border-bottom: 1px solid #f8f8f8;}

.usual div { padding: 1em; padding-top: 3px; margin-top: -1em; clear: left; background: #f8f8f8; font-size: .75em; line-height: 1.5em;}
.usual div p { margin: .25em 0; color: #666;}
.usual div a { color: #c75116; }
.usual div a:hover { color: #3095c9; text-decoration: underline;}

/************************************************************************
*************************************************************************
	Footer
*************************************************************************
************************************************************************/

#content_footer { padding: .63em 0 .63em 1em; background-color: #959f61; /* green tea color */ color: #fff; font-size: .75em; }
#content_footer a { color: #fff; }
#content_footer a:hover { text-decoration: underline; }
#dateTime { padding: 1.25em .63em .63em .63em; background: transparent url('../images/texture.png') repeat; text-align: right; font-size: .75em; color: #bdbda7; }
#slac_logo { margin: 0 0 0 1.25em; }

/************************************************************************
*************************************************************************
	Greeting Blok	
*************************************************************************
************************************************************************/

#greeting {margin: 0; }
#greeting h1 { margin-bottom: .5em; color: #5a000a;} /* blue 32a3dd */
#greeting img {float: left; clear: none; margin: 0 .75em .75em 0; border: 0px solid #666;}
#greeting p { margin-bottom: .75em; font-size: .88em; color: #333; line-height: 1.5em; }
#greeting a { color: #c75116; } 
#greeting a:hover { color: #3095c9; }

/************************************************************************
*************************************************************************
	Navigation
*************************************************************************
************************************************************************/
#primary_navigation { width: 100%; margin-top: 1px; background: #b4d5e6; z-index: 2;}

/************************************************************************
*************************************************************************
	Breadcrumbs
*************************************************************************
************************************************************************/

#breadcrumbs { padding: .25em 1em; background: #f3f3f3; }
#breadcrumbs a { font-size: .69em; color: #666;}
#breadcrumbs a:hover { color: #c75116; }

#breadcrumbs ul { margin: 0; list-style: none; }
#breadcrumbs ul li { display: inline; margin-right: .25em; list-style: none;}

/************************************************************************
*************************************************************************
	Form: Standard
*************************************************************************
************************************************************************/
.standard_form {width: 100%}
.standard_form form {margin-top: 1em;}
.standard_form form fieldset { margin: 0 0 16px 0; padding: 0 .75em .75em .75em; border: 0px solid #ececec; background: #dcdcdc;} /*e9e9e9,f4f4f4*/
.standard_form form fieldset legend { margin: 0; padding: 0 0 .75em 0; font-size: 1.13em; color: #5a000a; }
.standard_form form p { margin-bottom: .75em; font-size: .88em; line-height: 1.25em;}

.standard_form form label { display: inline; margin-bottom: .25em;}

.standard_form form input { margin-bottom: .5em; border-width: 1px; border-style: inset; font-size: 1em; vertical-align: middle}
.standard_form form input:focus { background-color: #fff7c0;}
.standard_form form select {border: 1px inset;}
.standard_form form select optgroup {background-color: #fff;}

.standard_form form input.button {width: auto;	padding: .25em; border: 2px outset #efefef; background-color: #efefef; font-size: 1em; text-align: center;}
.standard_form form input.button:hover { background-color: #fff7c0; } /*olf yellow fff833*/
.standard_form form input.button_mandatory { width: auto; padding: .25em; text-align: center; border: 2px outset #efefef; background-color: #5a000a; color: #fff; font-size: 1em;}
.standard_form form input.button_mandatory:hover { background-color: #fff833; color: #333;}

.standard_form form input.ESAFbutton {width: auto;	padding: .25em; border: 2px outset #b7b7b7; background-color: #7b9cbf; color: #fff; font-size: 1em; text-align: center;}
.standard_form form input.ESAFbutton:hover { background-color: #fff7c0; color: #5a000a; } /*olf yellow fff833*/
.standard_form form input.ESAFbuttonDisabled {width: auto;	padding: .25em; border: 2px outset #efefef; background-color: #ececec; color: #999; font-size: 1em; text-align: center;}

.standard_form form input.desiredAction { border: 3px outset #f8a522;}

.standard_form form textarea {border: 1px inset}

.standard_form table { width: 100%; display: table; table-layout: inherit; caption-side: top; border-collapse: separate; border-spacing: 1px; border: solid #ccc; border-width: 1px; empty-cells: show; background-color: #fff;}
.standard_form caption { text-align: left;}
.standard_form th { display: table-cell; text-align: left; vertical-align: top; padding: .5em; border: solid #ccc; border-width: 1px; empty-cells: show; font-size: 1em; color: #5a000a; background-color: #f1f1f1;}
.standard_form td { display: table-cell; text-align: left; vertical-align: middle; padding: .5em; border: solid #ccc; border-width: 1px; empty-cells: show; font-size: .93em; color: #333;}
.standard_form td.separator {background: #f1f1f1;}
.standard_form table.noBorder { width: auto; display: table; table-layout: auto; caption-side: top; border-collapse: collapse; border-spacing: 0; border: solid #fff; border-width: 0; empty-cells: hide; background-color: inherit;}
.standard_form table.noBorder th, #form_view table.noBorder td { display: table-cell; text-align: left; vertical-align: top; padding: .25em; border: solid #fff; border-width: 0; empty-cells: hide; font-size: 1em;}

.standard_form td.noBorder { display: table-cell; text-align: left; vertical-align: top; padding: .25em; border: solid #fff; border-width: 1; empty-cells: hide; font-size: 1em;}

.standard_form tr.user-training-header th {background:#4e90b5; color: #fff;}
.standard_form tr.user-training-subheader th {background:#a1c1d5; color: #2f6e91;}
.standard_form tr.odd {background: #eff7fc;}

.standard_form .emailIcon {vertical-align:bottom}

/************************************************************************
*************************************************************************
	Alerts
*************************************************************************
************************************************************************/

.alerts { width: 35%; float: left; margin: 0 .75em .5em 0; padding: .75em; 
	border-bottom: 1px solid #dce3bb; background: #f7f8c4; }
.alerts a { color: #fff;} 
.alerts a:hover { color: #3095c9;} 

.alerts h3 { padding-top: .38em; clear: none; color: #ff5e0d;}
.alerts h4 { margin: .38em 0; color: #fffdae;}
.alerts p { color: #858521; font-size: .75em; color: #818119;}

.alerts ul { clear: both; margin-left: 1em;}
.alerts ul li { margin-bottom: .5em; color: #858521; font-size: .81em; list-style: inside;}

.highlight {
	background:#FFFF00;
	color:#000
}

.alertmsg { margin: 0 .75em .5em 0;
	padding: .75em;
	color: red;
	font-weight: bold;
	font-size: 150%;
}

/************************************************************************
*************************************************************************
	Support Documents
*************************************************************************
************************************************************************/

#support_document { padding: .75em; font-size: .88em; line-height: 2.75em; background: #fff; color: #333;  }
#support_document h1 { padding: .5em; background: #5a000a; color: #fff; }

#support_document a { color: #333; text-decoration: underline } 
#support_document a:hover { color: #3095c9; text-decoration: underline; }

#support_document p {  }
#support_document ol li, #support_document ul li {line-height: 2em; }
#support_document ul { margin: .75em 1.5em; list-style: outside square; }
#support_document ol { margin: .75em 1.5em; list-style: decimal; }
#support_document ul#faqs { margin: .75em 1em; list-style: none; }
#support_document ul#faqs li { margin-bottom: .5em;}

#support_document dl dt dd { margin-bottom: .5em; color: green }

.answer { color: #333; font-weight: bolder; }

/************************************************************************
*************************************************************************
	Fluid Box
*************************************************************************
************************************************************************/

.fluidBox { width: auto; display: block; list-style: none; background-color: inherit; }
.fluidBox div div { display: none;}
.fluidBox div div div { display: block; padding: .25em 0em; margin: 0em; background-color:#fff; color: #666; line-height: 1.5em; font-size: inherit;}

.fluidBox div div div.featureDropdown { display: block; padding: .75em .5em; margin: .75em 0 0 0;  background-color:#fff; color: #666; line-height: 1.5em; font-size: inherit;}

.fluidBox a { display: block; padding: 0px 0px 0px 1.63em; color: #c75116; cursor: pointer; font-size: 1em; }
.fluidBox a:hover { color: #3095c9; }

.fluidBox a.expanded { background-image: url("../images/icons/collapse.gif"); background-repeat: no-repeat; }
.fluidBox a.collapsed { background-image: url("../images/icons/expand.gif"); background-repeat: no-repeat; }
	
.fluidBox div div div.featureDropdown a.fbinternal { color: #c75116; padding: 0; }
.fluidBox div div div.featureDropdown a.fbinternal:hover { color: #3095c9; }

/************************************************************************
*************************************************************************
	C.W. Name resolution
*************************************************************************
************************************************************************/

table.findNames,
table.findProposals {
	border: 2px solid #666;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	background: #f7f8c4;
	}
table.findNames td,
table.findProposals td {
	border: 0;
	padding: .75em;
	}
table.findNames .findNamesClose,
table.findNames .findNamesSelect,
table.findProposals .findProposalsClose,
table.findProposals .findProposalsSelect {
	text-align: right;
	}

table.findNames tr.findNamesHeader,
table.findProposals tr.findProposalsHeader {
background: #fff; color:#5a000a;
	border-bottom: 1px solid black;
	}

table.findNames tr:hover,
table.findProposals tr:hover {
	background: #fff; color:#5a000a;
	}

table.findNames td,
table.findProposals td {
	text-align: left;
	}
	
table.findNames .findNamesClose input.fnbClose {width: auto;padding: .25em; border: 2px outset #efefef; background-color: #000; color: yellow; font-size: 1em; text-align: center;}

div.findNames .form-group {
	margin-bottom: 2px !important;
	}
div.findNames hr {
	border-color:black;
	}
div.findNamesInfo,
div.findProposalsInfo {
	color: red;
	}
div.findNamesMessage,
div.findProposalsMessage {
	color: red;
	}

div.findNamesPopup,
div.findProposalsPopup {
	position: relative;
	} 
div.findNamesPopup div,
div.findProposalsPopup div {
	position: absolute;
	z-index: 200; 
	width: 100%;
}

div.person-fields p.help-block {
	margin: 0 0 1px 0;
}

.radio input[type="radio"], 
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"] {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
}

.has-error label.form-label {
  color: #a94442;
}

div .help-block {
 	width: fit-content;
}

table .radioTable, table.checkboxTable {
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	}
	
table.checkboxTable {
	margin-bottom: 0;
}

th.table-sortable {
	background-position: 0px 10px;
	background-repeat: no-repeat;
	cursor: pointer;
	padding: 3px 6px 3px 18px;
	text-align: left;
	text-decoration: underline;
	vertical-align: middle;
	}
th.table-sorted-asc {
	background-image: url(https://www-ssrl.slac.stanford.edu/icons/02_ascending.gif);
	}
th.table-sorted-desc {
	background-image: url(https://www-ssrl.slac.stanford.edu/icons/02_descending.gif);
	}

.limitChars {
	font-size: smaller;
	font-weight: bold;
	width: fit-content;
	}

.nowrap {
	white-space: nowrap;
	}

i#spinner {
	display: none;
	position: absolute;
    top: 20px;
  	width: 100%;
  	text-align: center;
	}

/*
APW doing PRP stuff.  (Arguably could make a new CSS file but I don't really
know what I'm doing so I want to mess up as little as possible.
*/

.prpButtonGreen {
	background-color:lightgreen;
}
.prpButtonGreen:hover {
	background-color:#5cbf2a;
}
.prpButtonGreen:active {
	position:relative;
	top:1px;
}

.prpButtonRed {
	background-color:palevioletred;
}
.prpButtonRed:hover {
	background-color:red;
}
.prpButtonRed:active {
	position:relative;
	top:1px;
}

.prpButtonYellow {
	background-color:yellow;
}
.prpButtonYellow:hover {
	background-color:gold;
}
.prpButtonYellow:active {
	position:relative;
	top:1px;
}

#newAccount_form_1 th.tableRowVertical,
#personalProfile   th.tableRowVertical {
	vertical-align: top;
	padding: 0 0 10px 0;
}
#newAccount_form_1 td.tableRowVertical,
#personalProfile   td.tableRowVertical {
	vertical-align: top;
	padding: 0 0 5px 0;
}

#newAccount_form_1 td.tableRowVertical td {
	vertical-align: top;
	padding: 0 0 5px 0;
}

#personalProfile table {
	padding-bottom: 0;
	}
	
#personalProfile   td.tableRowVertical .checkBoxTable td {
	vertical-align: top;
	padding: 0 0 5px 5px;
}

table#TrainingTable {
	padding: 0.1em;
	border-collapse: collapse;
	width: auto;
}
table#TrainingTable th,
table#TrainingTable td {
	padding: 0.2em;
}
table#TrainingTable td input {
	margin: 0.1em;
}

.navigation { width: 100%; margin-top: 1px; background: #b4d5e6; z-index: 2;}

div.modal-body textarea,
textarea.rebuttal {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
}

table#tableOpenReviews td button {
	margin: 0 2px 2px 0;
}

.bootstrap-table .table.th_top_wrap thead tr th {
	vertical-align: top;
	white-space: normal;
	}
.bootstrap-table .table.th_top_wrap thead tr th .th-inner {
	vertical-align: top !important;
	white-space: normal;
	}
.table.admin-condensed tr td {
	padding: 3px 10px 3px 10px;
	line-height: 1.1;
	vertical-align: middle;
	}

input.slacGonet_GONE {
	color: red;
	}
	
/* Facts colors, coordinated with site_access_list */
.facts0 { color: red; font-weight: bold; }
.facts1 { background-color: white; color: black; }
.facts2 { background-color: yellow; color: black; }
.facts3 { background-color: orange; color: black; }
.facts4 { background-color: red; color: white; font-weight: bold; }
.facts5 { background-color: blue; color: white; }
.facts6 { background-color: lightgreen; color: black; }


div.table-responsive table thead th {
        top: 0;
        position: sticky;
        background-color: lightgrey;
}
div.table-responsive .bootstrap-table .fixed-table-container .fixed-table-body {
	overflow: inherit;
}

div.autocomplete-suggestions {
      border: 1px solid #d4d4d4;
      border-top: none;
      max-height: 150px;
      overflow-y: auto;
      position: absolute;
      background-color: #fff;
      z-index: 9999;
}
div.autocomplete-suggestion {
      padding: 5px;
      cursor: pointer;
}
div.autocomplete-suggestion:hover {
      background-color: #e9e9e9;
}

span.ecq_MISSING,
td.ecq_MISSING {
	margin-left: 5px;
	font-size: 125%;
	font-weight: bold;
	color:  #FF8C00;
}
span.ecq_CLEARED,
td.ecq_CLEARED {
	margin-left: 5px;
	font-size: 100%;
	font-weight: bold;
	color:  #239b56;
}
span.ecq_REVIEW,
td.ecq_REVIEW {
	margin-left: 5px;
	font-size: 100%;
	font-weight: bold;
	color: #FF8C00;
}