/* We will use the native text.css from grid960
body {
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
*/

/*----- Top Level -----*/
ul#navbar {
	/*background-color: white;*/
	background-color: transparent;
	list-style: none;
	/*display: block;*/
	padding: 6px 0;
	margin: 0 6px;
}

ul.btnbar, ul#usrbar {
	/*background-color: white;*/
	background-color: transparent;
	list-style: none;
	display: block;
	padding: 10px 0;
	margin: 0 10px;
}

ul.button_list {
    background-color: transparent;
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	float: right;
}

ul#navbar li, ul.btnbar li {
	float: left;
	margin: 0 1px;
}

ul#usrbar {
    vertical-align: bottom;
}

ul#usrbar li, ul#usrbar span {
	float: right;
	// margin: 0 0 0 12px;
	padding: 0.4em 0;
    // vertical-align: bottom;
}

ul#usrbar li a:link, ul#usrbar li a:visited {
    // display: block;
    font-weight: bold;
	color: white;
	background-color: #002147
	// text-align: center;
	padding: 0.0em 0.8em;
	text-decoration: none;
	border: none;
}

ul#navbar li a:link, ul#navbar li a:visited, a.button1:link, a.button1:visited, input.button1 {
	display: block;
	/* font-weight: bold; */
	color: white;
	background-color: #002147;
	text-align: center;
	padding: 0.4em 0.8em;
	text-decoration: none;
	border: none;
}

ul#navbar li a:hover, ul#navbar li a:active, ul#usrbar li a:hover, ul#usrbar li a:active, a.button1:hover, a.button1:active, input.button1:hover, .submenu:hover {
	background-color: #6229FF;
	text-decoration: underline;
}

ul#navbar li a.active-menu, .active {
	background-color: #6229FF;
}

.arrow {
	font-size: 11px;
	line-height: 0%;
}

/*----- Bottom Level (Manage Submenu) -----*/
#navbar li ul {
	position: absolute;
	visibility: hidden;
	width: 120px;
}

#navbar li ul li {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
}

ul#navbar li ul li a:link, ul#navbar li ul li a:visited {
	background-color: #305177;
}

ul#navbar li ul li a:hover, ul#navbar li ul li a:active {
	background-color: #6229FF;
}

ul.sub-menu {
	margin: 0px;
	z-index: 10; /* The object with the highest z-index value appears on top */
}

/*----- Help Submenu -----*/
#helpbar {
	display: inline-block;
}

#helpmenu {
	position: absolute;
	width: 100px;
	background-color: #305177;
	color: white;
	text-align: center;
	visibility: hidden;
}

#helpmenu span {
	display: block; /* Displays an element as a block element (like <p>). It starts on anew line, and takes up the whole width */
}

#helpmenu span:hover {
	background-color: #6229FF;
	text-decoration: underline;
}

div.spacer {
	background-color: #002147;
	height: 3px;
}

div.spacer_thin {
	background-color: #2835A6;
	height: 2px;
}

div.spacer_narrow {
	background-color: #C2B8E6;/*#B3A5E8;/*#A5DEE8;*/
	height: 1px;
}

div.space {
	height: 10px;
}

div.space_wide {
	height: 25px;
}

.todo-header {
	/* background-color: #002147; */
	background-color: #cc0000;
	font-weight: bold;
	font-size: 16px;
	color: white;
	padding: 0 1.5em;
	margin-top: 1em;
}

.table-header {
	background-color: #A1A0BA;
	font-weight: bold;
	color: white;
}

.first-col {
	padding-left: 5px;
}

.last-col {
	padding-right: 5px;
}

.table-row, div.expired, div.urgent, div.not-urgent, div.list-element, div.author, div.reviewer, div.approver, div.training-row, 
div.pitem-row, div.sop-row, div.related-row, .yellow-row, .orange-row, .red-row, .pink-row {
	padding: 3px 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

div div.table-row:nth-child(odd), div div.training-row:nth-child(3n+3), div div.pitem-row:nth-child(3n+3),
.table-row:nth-child(odd)
{
	background-color: #E3E3FF;
}

div div.table-row:nth-child(even), div div.training-row:nth-child(3n+4), div div.pitem-row:nth-child(3n+4), 
.table-row:nth-child(even)
{
	background-color: #CEEDEA;
}

div div.training-row:nth-child(3n+5), div div.pitem-row:nth-child(3n+5) {
	background-color: #d3e4ff;
}

div div.table-row:nth-child(even):hover, div div.table-row:nth-child(odd):hover, .expired:hover, .urgent:hover, .not-urgent:hover,
.yellow-row:hover, .orange-row:hover, .red-row:hover, .table-row:hover {
	background-color: #8FFBFF;
}

div .related-row:hover, .pink-row:hover {
    background-color: #F8D6FF;
}

div.expired, .red-row {
	background-color: #FF9191;
}

div.urgent, .orange-row {
	background-color: #FFCF91;
}

div.not-urgent, .yellow-row {
	background-color: #FAFF91;
}

div.sop-row {
	background-color: #b8d0ff;
}

div.related-row, .pink-row {
	background-color: #DEBAD7;
}

a.link, a.red_link, .wordbreak {
    -ms-word-break: break-all;
	word-break: break-all; /* To prevent File Download to extend out of 960 grid (it happens with long file names) */
	word-break: break-word; /* IE */
	/* white-space: pre-wrap; */ /* css-3 */ /* This will print plenty of white spaces before and after the filename and the row will look very wide
    /* 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+ */
    overflow-wrap: break-word; /* IE */
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; /* IE */
}

span.nobreak {
	white-space: nowrap;
}

div a.link:link, div a.link:visited, div.training_item, div.personal_item, div.sop, div.stage-row {
	color: #002147;
	font-weight: bold;
}

div a.link:hover, div a.link:active, div.training_item:hover, div.personal_item:hover, div.sop:hover, div.stage-row:hover, .hover_blue:hover, span.link:hover {
	color: #6229FF;
}

div a.red_link:link, div a.red_link:visited, .red_text {
	color: #FF3333;
	font-weight: bold;
}

div a.red_link:hover, div a.red_link:active {
	color: #6229FF;
}

form input#delete {
    background: none;
    border: none;
    color: red;
	font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

form input#delete:hover {
    color: #6229FF;
}

div.training_item, div.personal_item, div.sop, div.stage-row, span.link {
    text-decoration: underline;
}

input[type="submit"].link, input[type="submit"].link {
	background: none;
	font-weight: bold;
	color: #002147;
	background-color: white;
	text-decoration: underline;
	border: none;
}

input.link:hover, input.link:active {
	font-weight: bold;
	color: #6229FF;
	background-color: white;
	text-decoration: underline;
	border: none;
}

/*
input[type="submit"].link:link {
	color: red;
}
*/

.btn-not-urgent, .btn-urgent, .btn-expired, /* .tfbutton4,*/ .tfbutton_hand, 
.btn_text, .btn_text_disabled, .btn_text_narrow {
	border-radius: 4px;
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
	/* box-shadow:inset 0 1px 0 gray; */
}

.btn_text_extra_narrow {
	border-radius: 4px;
	border-bottom: 2px solid gray;
	/* border-right: 2px solid gray; */
	/* box-shadow:inset 0 1px 0 gray; */
}

div a.btn-expired:link, div a.btn-expired:visited,
div a.btn-urgent:link, div a.btn-urgent:visited,
div a.btn-not-urgent:link, div a.btn-not-urgent:visited {
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 1px 8px;
	text-decoration: none;
}

.btn_text {
	font-weight: bold;
	text-align: center;
	padding: 1px 8px;
	text-decoration: none;
	background-color: #E0EEF9; /*#E0E1F9;*/
}

.submenu {
	font-size: 12px;
	/* font-weight: bold; */
	color: white;
	text-align: center;
	padding: 0.2em 0.5em;
	text-decoration: none;
}

.inactive {
	background-color: #002147;
}

.btn_text_narrow
{
	font-weight: bold;
	text-align: center;
	padding: 1px 2px;
	text-decoration: none;
	background-color: #E0EEF9; /*#E0E1F9;*/
}

.btn_text_extra_narrow
{
	text-align: center;
	padding: 1px 0px;
	text-decoration: none;
	background-color: #E0EEF9; /*#E0E1F9;*/
}

.btn_text:hover, .btn_text_narrow:hover, .btn_icon_clear:hover, .btn_icon_clear_lg:hover {
	background-color: white;
	color: #6229FF;
}

.btn_text_disabled {
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 1px 8px;
	text-decoration: none;
}

.left_margin_5 {
	margin-left: 5px;
}

.left_margin_10 {
	margin-left: 10px;
}


.left_margin_20 {
	margin-left: 20px;
}

.left_margin_40 {
	margin-left: 40px;
}

.left_margin_100 {
	margin-left: 100px;
}

.right_margin_10 {
	margin-right: 10px;
}

.right_margin_20 {
	margin-right: 20px;
}

.top_padding_4 {
	padding-top: 4px;
}

.top_padding_6 {
	padding-top: 6px;
}

.top_padding_12 {
	padding-top: 12px;
}

div a.btn-expired:link, div a.btn-expired:visited {
	background-color: red;
}

div a.btn-urgent:link, div a.btn-urgent:visited {
	background-color: #FF7C17;
}

div a.btn-not-urgent:link, div a.btn-not-urgent:visited
{
	background-color: #002147;
}

div a.btn-expired:hover, div a.btn-expired:active, 
div a.btn-urgent:hover, div a.btn-urgent:active,
div a.btn-not-urgent:hover, div a.btn-not-urgent:active {
	text-decoration: underline;
	background-color: #6229FF;
}

.btn_icon {
	border-radius: 4px;
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
	padding: 2px;
	background-color: #002147;
	color: white;
}

.btn_icon_clear {
	border-radius: 4px;
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
	padding: 2px;
	background-color: #E0EEF9;
	color: black;
	width: 13px;
	height: 13px;
}

.btn_icon_clear_lg {
	border-radius: 4px;
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
	padding: 2px;
	background-color: #E0EEF9;
	color: black;
	width: 15px;
	height: 15px;
}

/* Disable */
.btn_icon_gray {
	border-radius: 4px;
	border-bottom: 2px solid gray;
	border-right: 2px solid gray;
	padding: 2px;
	background-color: gray;
	color: white;
}

.btn_icon:hover {
	background-color: #6229FF;
}

h1, h2 {
	color: #002147;
}

div.page_header, span.page_header {
	color: #002147;
	font-weight: bold;
	font-size: 26px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 20px;
}

div.header, span.header {
	color: #2835A6;
	font-weight: bold;
	font-size: 16px;
}

div.header_small, span.header_small {
	color: #2835A6;
	// font-weight: bold;
	font-size: 12px;
}

div.header_small_white, span.header_small_white {
	color: white;
	// font-weight: bold;
	font-size: 12px;
}

.bold {
	font-weight: bold;
	color: #002147;
}

div.right, span.right, i.right {
	text-align: right;
}

img.right, i.right, .float_right {
	// height: 4px;
    float: right;
}

.section {
	border: 1px solid #002147;
	padding: 20px 0;
}

.form-errors {
	background-color: #CF4C4C;
	font-weight: bold;
	color: white;
	/*padding-top: 1em;
    padding-bottom: 1em;*/
}

.form-errors ul.errorlist {
	padding-top: 1em;
    padding-bottom: 1em;
}

label {
	font-family: inherit;
	font-style: normal;
	font-weight: bold;
	color: #444444;
}

.long-string {
	width: 100%;
}

.textarea {
	width: 100%;
}

.thintextarea {
	width: 100%;
	height: 26px;
}

.textbox {
	border: 1px inset white;
	padding: 6px 16px;
}

.form-field {
	width: 100%;
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	font-size: 100%;
}

.datepicker {
	width: 100px;
}

.field-wrapper {
	width: 100%;
	padding: 4px 0; 
	/* margin: 2px 0; */ /* Avoid setting margin left and right as it brakes the grid 360 css */
	margin-top: 2px;
	margin-bottom: 2px;
}

.form-field-errors {
	vertical-align: top;
	display: inline-block;
	font-weight: bold;
	color: #F7394C;
}

.erroneous, .form-field-errors {
	/* border: 1px solid red; */
	background-color: #FFE3E3 !important;
}

.question {
	padding: 8px 16px;
}

.question-box {
	border:1px solid #002147;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.question-box:nth-child(odd) {
	background-color: #ADCADB;
}

div.question-box:nth-child(even) {
	background-color: #ADADDB;
}

.question-wrong{
	background-color: #FFBABA;
	border: 1px solid #BC0F1E;
	margin-top: 4px;
	margin-bottom: 4px;
}

.question-right{
	background-color: #ADDBB1;
	border: 1px solid #1C9E19;
	margin-top: 4px;
	margin-bottom: 4px;
}

.right-option {
	color: #251DB5;
	font-weight: bold;
	font-size: 120%
}

.explanation {
	color: #251DB5;
	font-weight: bold;
}

.optionsbox {
	/* background-color: #E3E0FF; */
	/* border: 1px solid #A1A0BA; */
}

.non_form_errors {
	background-color: #FFE3E3;
	border: 1px solid #A1A0BA;
}

.details {
	background-color: #E8E8E8;
}

.section_green {
	background-color: #e3f2e8;
}

.section_yellow {
	background-color: #ffffdb;
}

.section_orange {
	background-color: #FDF0E6;
}

.section_red {
	background-color: #FDE6E6;
}

.key_details {
	font-size: 15px;
	font-weight: bold;
	color: #3333FF;
}

.areabox {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}

.statusbox {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
}

.searchbox {
	border: solid 1px #CDCDD4;
	padding: 2px;
}


.search_header {
	background-color: #CDCDD4;
	font-weight: bold;
	padding: 2px;
}

.search_result {
	font-weight: bold;
	color: red;
}

div.search_result#results {
	margin-top: 6px;
}

div.warning, table.warning {
	background-color:#F5F5C4;
	padding:3px;
	border: 2px solid orange;
	font-weight: bold;
	color: red;
}

.lostfile_warning, div.lostfile_warning div.form-field-errors {
	background-color: #FFE5C4 !important;
}

#footer {
	background-color: #F7F8FF;
}

#id_readers, #id_reviewers, #id_editors, #id_readers_5col {
	overflow: hidden; /* Content that is floating does not influence the height of its container. 
	The element contains no content that isn't floating (so nothing stops the height of the container being 0, as if it were empty).
	Setting overflow: hidden on the container will avoid that by establishing a new block formatting context. */
}

#id_readers li, #id_reviewers li, #id_editors li {
	display: block;
	float: left;
	width: 28%;
}

#id_readers_5col li {
	display: block;
	float: left;
	width: 16%;
}

li {
	/*display: block;
	float: left;*/
	list-style: none;
}

input.link:hover, .clickableRow:hover, div.stage-row:hover, div.training_item, div.personal_item, div.sop, .clickable:hover, span.link:hover, .show_help:hover {
	cursor: pointer;
}

i.clickable:hover {
	color: #6229FF;
}

div.author {
	background-color: #FFD391;
}

div.reviewer {
	background-color: #F8FC79;
}

div.approver {
	background-color: #7EC2FC;
}

.stage_info_author {
	display: none;
	background-color: #FFEED4;
}

.stage_info_reviewer {
	display: none;
	background-color: #FDFFCC;
}

.stage_info_approver, .obsolete_info {
	display: none;
	background-color: #D1EAFF;
}

.stage_info_related-row {
	display: none;
	background-color: #ffefef;
}

.training_info, .item_info {
	display: none;
	background-color: #EDF3FF;
}

#users {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}


.min_height {
	min-height: 10px;
}

.ok, .cross {
    width: 15px;
	height: 15px;
    background-size: 100%;
}

#areatb {
    width: 100%;
    /* background-color: #F5F5C4; */
}

#areatb td {
    vertical-align: middle;
    padding: 4px;
}

#areatb td.activeyn {
    width: 20px;
}

#areatb tr:nth-child(even) {
	background-color: #FFEFE8;
}

/* My Vertical Align Grid */

.list-element:nth-child(even) {
	background-color: #FFEFE8;
}

/* .tfbutton4, */ .tfbutton_hand, .tfbutton_download, .tfbutton_send, .tfbutton_request, .tfbutton_review, .tfbutton_quiz, .tfbutton_confirm, .tfbutton_add, .tfbutton_approve, .tfbutton_disseminate, .tfbutton_deny {
	margin: 0;
	padding: 0;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	border-radius: 4px;
	border-bottom: 2px solid #000982;
	border-right: 2px solid #000982;
	/* box-shadow:inset 0 1px 0 gray; */
}

/*
.tfbutton4 {
	background: #A1E0FF url('../images/magnifying-glass34_16.png');
	background-size: 100%;
}
*/

input[type="submit"].tfbutton4 {
    font-family: FontAwesome;
}

/*
.tfbutton4:hover {
	background: #C9FFB8 url('../images/magnifying-glass34_16.png');
	background-size: 100%;
}
*/

.tfbutton_hand {
	background: #A1E0FF url('../images/hand119_24.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.icon_hand {
	margin: 0;
	padding: 0;
	width: 21px;
	height: 21px;
	font-size: 14px;
	font-weight: bold;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	border-radius: 4px;
	background: url('../images/hand119_24.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: left;
}

.tfbutton_hand:hover {
	background: #C9FFB8 url('../images/hand119_24.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_download {
	background: #A1E0FF url('../images/document_down.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_download:hover {
	background: #C9FFB8 url('../images/document_down.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_send {
	background: #A1E0FF url('../images/send.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_send:hover {
	background: #C9FFB8 url('../images/send.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_request {
	background: #A1E0FF url('../images/approve2.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_request:hover {
	background: #C9FFB8 url('../images/approve2.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_review {
	background: #A1E0FF url('../images/review.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_review:hover {
	background: #C9FFB8 url('../images/review.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_quiz {
	background: #A1E0FF url('../images/quiz.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_quiz:hover {
	background: #AFE8BD url('../images/quiz.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_confirm {
	background: #A1E0FF url('../images/confirm.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_confirm:hover {
	background: #AFE8BD url('../images/confirm.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_add {
	background: #A1E0FF url('../images/add_document.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_add:hover {
	background: #AFE8BD url('../images/add_document.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_approve {
	background: #A1E0FF url('../images/approve.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_approve:hover {
	background: #AFE8BD url('../images/approve.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_disseminate {
	background: #A1E0FF url('../images/disseminate.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_disseminate:hover {
	background: #AFE8BD url('../images/disseminate.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_deny {
	background: #A1E0FF url('../images/deny6.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

.tfbutton_deny:hover {
	background: #AFE8BD url('../images/deny6.png');
	background-size: 100%;
	margin: 0 2px;
	display: inline;
    float: right;
}

/***** Freeze pane on forms to avoid double form submissions *****/
.FreezePaneOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.FreezePaneOn {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    /* background-color: #C7CBFF;*/
    background: rgba(0, 33, 71, 0.2);
    z-index: 999;
    /*filter:alpha(opacity=25);
    -moz-opacity:0.25;*/
    padding-top: 20%;
}

.InnerFreezePane {
    text-align: center;
    width: 250px;
    background-color: #002147;
    font-weight: bold;
    color: white;
    /* font-size: large; */
    border: dashed 2px #111;
    padding: 9px;
}
/*****  *****/

/*
.circle
{
	width: 500px;
	height: 5000px;
	border-radius: 100px;
	font-size: 10px;
	color: #fff;
	line-height: 1px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	background: red;
}
*/

.circle {
	background: red;
	border-radius: 50%;
	color: white;
	/*display:table;*/
	height: 14px;
	font-weight: bold;
	font-size: 10px;
	width: auto;
	/* margin:0 auto; */
	display: inline-block;
}

.circle span {
	display: inline-block;
	/*display:table-cell;*/
	/* vertical-align: middle;
	horizontal-align: middle;*/
	height: 14px;
	width: 14px;
	text-align: center;
	vertical-align: text-bottom;
}

/* Horizontally centered */
.hcentered1 {
    position: relative;
    left: 5px;
}

/*
Somehow the background-color won't work when the form has errors (?)
.document:nth-child(odd) {
	background-color: #D6D6D6;
	margin: 10px 0;
	border: 1px solid navy;
}

.document:nth-child(even) {
	background-color: #E3E3FF;
	margin: 10px 0;
	border: 1px solid navy;
}
*/

/*
.document {
	margin: 10px 0;
	border: 1px solid navy;
}

#document-0, #document-2, #document-4, #document-6, #document-8, #document-10 {
	background-color: #E3E3FF;
}

#document-1, #document-3, #document-5, #document-7, #document-9, #document-11 {
	background-color: #D6D6D6;
}
*/

.hidden {
    visibility: hidden;
}

.superscript {
    vertical-align: super;
    font-size: smaller;
}

.superscript_green {
    vertical-align: super;
    font-size: smaller;
    color: #00cc00; /* green */
    font-weight: bold;
    /*text-decoration: underline;*/
}

.subscript_green {
    vertical-align: sub;
    font-size: smaller;
    color: #00cc00; /* green */
    font-weight: bold;
    /*text-decoration: underline;*/
}

.expand, .expand_obsolete {
    text-decoration: underline;
}

.expand:hover, .expand_obsolete:hover {
	cursor: pointer;
}

div.header_dark {
	background-color: #002147;
	font-weight: bold;
	font-size: 16px;
	color: white;
}

div.header_dark div {
	margin: 8px;
}

.value {
	margin-left: 10px;
}

.details_green {
	border: 2px solid green;
	background-color: #e3f2e8;
	margin: 5px 0px;
	padding: 3px;
}

.details_yellow {
	border: 2px solid yellow;
	background-color: #ffffdb;
	margin: 5px 0px;
	padding: 3px;
}

.details_orange {
	border: 2px solid orange;
	background-color: #FDF0E6;
	margin: 5px 0px;
	padding: 3px;
}

.details_red {
	border: 2px solid red;
	background-color: #FDE6E6;
	margin: 3px 0px;
	padding: 3px;
}

.details_pink {
	border: 2px solid #DEBAD7;
	background-color: #F8D6FF;
	margin: 3px 0px;
	padding: 3px;
}

div.details_transparent {
	border: 1px solid gray;
	padding: 3px;
}

div.details_transparent_no_border {
	padding: 3px;
}

div.details_transparent_no_border_thin {
	padding: 0 3px;
}

.text_green {
	color: #01a021;
}

.text_orange {
	color: orange;
}

.text_dark_orange {
	color: #ff6600;
}

.text_red {
	color: #FF3333;
}

.text_blue {
	color: blue;
}

.text_grey {
	color: grey;
}

.text_lightgrey {
	color: lightgrey;
}

.text_small {
    font-size: smaller;
}

span.span_30 {
	display: inline-block; /* span is an inline element with no width */
	width: 30px;
	vertical-align: top;
}

span.span_40 {
	display: inline-block; /* span is an inline element with no width */
	width: 40px;
	vertical-align: top;
}

span.span_50 {
	display: inline-block; /* span is an inline element with no width */
	width: 50px;
	vertical-align: top;
}

span.span_60 {
	display: inline-block; /* span is an inline element with no width */
	width: 60px;
	vertical-align: top;
}

span.span_70 {
	display: inline-block; /* span is an inline element with no width */
	width: 70px;
	vertical-align: top;
}

span.span_80 {
	display: inline-block; /* span is an inline element with no width */
	width: 80px;
	vertical-align: top;
}

span.span_90 {
	display: inline-block; /* span is an inline element with no width */
	width: 90px;
	vertical-align: top;
}

span.span_100 {
	display: inline-block; /* span is an inline element with no width */
	width: 100px;
	vertical-align: top;
}

span.span_110 {
	display: inline-block; /* span is an inline element with no width */
	width: 110px;
	vertical-align: top;
}

span.span_120 {
	display: inline-block; /* span is an inline element with no width */
	width: 120px;
	vertical-align: top;
}

span.span_130 {
	display: inline-block; /* span is an inline element with no width */
	width: 130px;
	vertical-align: top;
}

span.span_140 {
	display: inline-block; /* span is an inline element with no width */
	width: 140px;
	vertical-align: top;
}

span.span_150 {
	display: inline-block; /* span is an inline element with no width */
	width: 150px;
	vertical-align: top;
}

span.span_160 {
	display: inline-block; /* span is an inline element with no width */
	width: 160px;
	vertical-align: top;
}

span.span_170 {
	display: inline-block; /* span is an inline element with no width */
	width: 170px;
	vertical-align: top;
}

span.span_180 {
	display: inline-block; /* span is an inline element with no width */
	width: 180px;
	vertical-align: top;
}

span.span_190 {
	display: inline-block; /* span is an inline element with no width */
	width: 190px;
	vertical-align: top;
}

span.span_200 {
	display: inline-block; /* span is an inline element with no width */
	width: 200px;
	vertical-align: top;
}

span.span_210 {
	display: inline-block; /* span is an inline element with no width */
	width: 210px;
	vertical-align: top;
}

span.span_220 {
	display: inline-block; /* span is an inline element with no width */
	width: 220px;
	vertical-align: top;
}

span.span_230 {
	display: inline-block; /* span is an inline element with no width */
	width: 230px;
	vertical-align: top;
}

span.span_250 {
	display: inline-block; /* span is an inline element with no width */
	width: 250px;
	vertical-align: top;
}

span.span_270 {
	display: inline-block; /* span is an inline element with no width */
	width: 270px;
	vertical-align: top;
}

span.span_280 {
	display: inline-block; /* span is an inline element with no width */
	width: 280px;
	vertical-align: top;
}

span.span_290 {
	display: inline-block; /* span is an inline element with no width */
	width: 290px;
	vertical-align: top;
}

span.span_300 {
	display: inline-block; /* span is an inline element with no width */
	width: 300px;
	vertical-align: top;
}

span.span_310 {
	display: inline-block; /* span is an inline element with no width */
	width: 310px;
	vertical-align: top;
}

span.span_340 {
	display: inline-block; /* span is an inline element with no width */
	width: 340px;
	vertical-align: top;
}

span.span_350 {
	display: inline-block; /* span is an inline element with no width */
	width: 350px;
	vertical-align: top;
}

span.span_360 {
	display: inline-block; /* span is an inline element with no width */
	width: 360px;
	vertical-align: top;
}

span.span_370 {
	display: inline-block; /* span is an inline element with no width */
	width: 370px;
	vertical-align: top;
}

span.span_380 {
	display: inline-block; /* span is an inline element with no width */
	width: 380px;
	vertical-align: top;
}

span.span_390 {
	display: inline-block; /* span is an inline element with no width */
	width: 390px;
	vertical-align: top;
}

span.span_400 {
	display: inline-block; /* span is an inline element with no width */
	width: 400px;
	vertical-align: top;
}

span.span_410 {
	display: inline-block; /* span is an inline element with no width */
	width: 410px;
	vertical-align: top;
}

span.span_420 {
	display: inline-block; /* span is an inline element with no width */
	width: 420px;
	vertical-align: top;
}

span.span_430 {
	display: inline-block; /* span is an inline element with no width */
	width: 430px;
	vertical-align: top;
}

span.span_440 {
	display: inline-block; /* span is an inline element with no width */
	width: 440px;
	vertical-align: top;
}

span.span_450 {
	display: inline-block; /* span is an inline element with no width */
	width: 450px;
	vertical-align: top;
}

span.span_460 {
	display: inline-block; /* span is an inline element with no width */
	width: 460px;
	vertical-align: top;
}

span.span_470 {
	display: inline-block; /* span is an inline element with no width */
	width: 470px;
	vertical-align: top;
}

span.span_480 {
	display: inline-block; /* span is an inline element with no width */
	width: 480px;
	vertical-align: top;
}

span.span_490 {
	display: inline-block; /* span is an inline element with no width */
	width: 490px;
	vertical-align: top;
}

span.span_500 {
	display: inline-block; /* span is an inline element with no width */
	width: 500px;
	vertical-align: top;
}

span.span_510 {
	display: inline-block; /* span is an inline element with no width */
	width: 510px;
	vertical-align: top;
}

span.span_520 {
	display: inline-block; /* span is an inline element with no width */
	width: 520px;
	vertical-align: top;
}

span.span_530 {
	display: inline-block; /* span is an inline element with no width */
	width: 530px;
	vertical-align: top;
}

span.span_550 {
	display: inline-block; /* span is an inline element with no width */
	width: 550px;
	vertical-align: top;
}

span.span_590 {
	display: inline-block; /* span is an inline element with no width */
	width: 590px;
	vertical-align: top;
}

span.span_600 {
	display: inline-block; /* span is an inline element with no width */
	width: 600px;
	vertical-align: top;
}

span.span_650 {
	display: inline-block; /* span is an inline element with no width */
	width: 650px;
	vertical-align: top;
}

span.span_800 {
	display: inline-block; /* span is an inline element with no width */
	width: 800px;
	vertical-align: top;
}

span.span_850 {
	display: inline-block; /* span is an inline element with no width */
	width: 850px;
	vertical-align: top;
}

span.span_860 {
	display: inline-block; /* span is an inline element with no width */
	width: 860px;
	vertical-align: top;
}

span.span_870 {
	display: inline-block; /* span is an inline element with no width */
	width: 870px;
	vertical-align: top;
}

span.span_880 {
	display: inline-block; /* span is an inline element with no width */
	width: 880px;
	vertical-align: top;
}

span.span_890 {
	display: inline-block; /* span is an inline element with no width */
	width: 890px;
	vertical-align: top;
}

span.span_900 {
	display: inline-block; /* span is an inline element with no width */
	width: 900px;
	vertical-align: top;
}

span.span_100p {
	display: inline-block; /* span is an inline element with no width */
	width: 100%;
	vertical-align: top;
}

.disabled {
	background-color: #babbbc;
}

.text_upright {
	writing-mode: vertical-rl;
	text-orientation: upright;
	/* IE9+ */ 
    -ms-transform: none; 
    -ms-transform-origin: none;
	/* IE8+ */ 
    -ms-writing-mode: tb-rl; 
    /* IE7 and below */ 
    *writing-mode: tb-rl; 
}

.text_centered {
	text-align: center;
}

.centered {
	margin: auto;
    /* width: 50%; */
    /* padding: 10px; */
}

/*
.assignment_matrix tr {
	height: 28px;
}
*/

/*
.assignment_matrix tr th {
	border: 1px solid black;
}
*/

/*
.assignment_matrix tr td {
	border: 1px solid black;
}
*/

.assignment_matrix {
border: solid 1px #EEE;
border-collapse: collapse;
border-spacing: 0;
/* font: normal 13px Arial, sans-serif; */
}
.assignment_matrix thead th {
/* background-color: #DDD; */
border: solid 1px #DDD;
/* color: #336B6B; */
padding: 1px;
/* text-align: left; */
/* text-shadow: 1px 1px 1px #fff; */
}
.assignment_matrix tbody td {
border: solid 1px #DDD;
/* color: #333; */
padding: 1px;
/* text-shadow: 1px 1px 1px #fff; */
}
.assignment_matrix-highlight-all {
overflow: hidden;
z-index: 1;
}
.assignment_matrix-highlight-all tbody td, .assignment_matrix-highlight-all thead th {
position: relative;
}

/* This doesn't work when the cells in the table have background-color! */
/*
.assignment_matrix-highlight-all tbody td:hover::before {
background-color: #CCC !important;
content:'\00a0';
height: 100%;
left: -5000px;
position: absolute;
top: 0;
width: 10000px;
z-index: -1;
}
.assignment_matrix-highlight-all tbody td:hover::after {
background-color: #CCC !important;
border: solid 10px black;
content:'\00a0';
height: 10000px;
left: 0;
position: absolute;
top: -5000px;
width: 100%;
z-index: -1;
}
*/

.color_f9f1ea {
	background-color: #f9f1ea;
}

.color_eaf0f9 {
	background-color: #eaf0f9;
}

.color_f9f8ea {
	background-color: #f9f8ea;
}

.color_eaf9f0 {
	background-color: #eaf9f0;

	}
.color_f9eaea {
	background-color: #f9eaea;
}

.color_eaf8f9 {
	background-color: #eaf8f9;
}

.color_f7eaf9 {
	background-color: #f7eaf9;
}

.color_ffffff {
	background-color: #ffffff;
}

.color_f2e6d9 {
	background-color: #f2e6d9;
}

.color_ccffdd {
	background-color: #ccffdd;
}

.color_e8e8e8 {
	background-color: #e8e8e8;
}

.color_e5fff7 {
	background-color: #e5fff7;
}

.color_f4ffe5 {
	background-color: #f4ffe5;
}

.color_fff2cc {
	background-color: #fff2cc;
}

.color_ccfff2 {
	background-color: #ccfff2;
}

.color_f2d9d9 {
	background-color: #f2d9d9;
}