@charset "UTF-8";

/* Containers */
DIV.column_box {
	display: inline-block;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

DIV.full_page_box {
	border: 1px solid black;
	height: 500px;
    margin: 0px auto;
    overflow-y: scroll;
    padding: 10px;
	width: 880px;
}

DIV.invisibleinlinepanel {
    background-color: transparent;
    border: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    position: static;
    vertical-align: top;
}

DIV.section_box {
    border: 1px solid black;
    margin: 0px auto 10px;
    padding: 10px;
    width: 880px;
}

DIV.subsection_box {
    border: 1px solid gray;
    margin: 0px auto 0px;
    padding: 10px;
    width: 840px;
}

DIV.subsection_box + DIV.subsection_box {
	border-top: 0px solid gray;
}

UL.field_list {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
}

UL.field_list LI {
    padding: 5px 0px;
}

/* Tables */
TABLE.main_list {
	border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px auto;
	table-layout: fixed;
	width: 860px;
}

TABLE.main_list TD {
    max-height: 16px;
	overflow: hidden;
    padding: 2px 2px 2px 10px;
	text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

TABLE.main_list TD.number, TABLE.main_list TH.number {
    overflow: auto;
	text-align: right;
}

TABLE.main_list TD.wrap {
    white-space: normal;
}

TABLE.main_list TH {
	font-weight: bold;
    padding: 2px 2px 2px 10px;
    text-align: left;
}

TABLE.main_list TH.action_column {
    text-align: right;
}

TABLE.main_list TR {
}

TABLE.main_list TR.row_even {
    /* Empty */
}

TABLE.main_list TR.row_odd {
    background-color: mistyrose;
}

TABLE.main_list TR.row_highlight {
    background-color: lightcoral;
}

TH.heading_sortable,TD.heading_sortable {
    cursor: pointer;
}
/* Combines with heading_sortable */
TH.heading_sorting,TD.heading_sorting {
    /* Empty */
}


/* Navigation */
A.tab {
    color: inherit;
    cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

A.tab_disabled {
    color: gray;
    cursor: default;
}
    
A.tab_selected {
    cursor: default;
	text-decoration: underline steelblue solid 5px;
}
	
BUTTON.navigation_button {
    cursor: pointer;
	font-size: 12px;
	margin-right: 5px;
}

DIV.tabs_container {
    border: 0px solid black;
    margin: 10px auto;
    padding: 5px 0px;
    width: 900px;
}

SPAN.navigation_label {
    display: inline-block;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    white-space: nowrap;
}
SPAN.tab_separator {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 0px 5px;
}

/* Headers */
H1.page_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
    margin-top: 0px;
	text-align: center;
}

H2.page_explanation {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
}

H2.popup_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
}

H2.section_title {
	color: steelblue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0px;
	text-align: left;
}

/* Action messages and errors */
DIV.action_errors {
	background-color: lightpink;
    border: 1px solid black;
    margin: 0px auto;
    width: 500px;
}

DIV.action_errors LI { 
    text-align: center;
    padding: 2px 10px 2px 10px;
    margin: 0px auto 0px auto;
}

DIV.action_errors UL {
	list-style-type: none;
    margin: 0px;
    padding: 5px;
}

DIV.action_errors_close_button {
    cursor: pointer; 
    float: right;
    height: 0px; 
    position: relative; 
    right: 0px; 
    top: -5px; 
}
DIV.action_errors_close_button:before {
    content: 'x';
}

DIV.action_messages {
    background-color: azure;
    border: 1px solid black;
    margin: 0px auto;
    width: 500px;
}

DIV.action_messages LI { 
    text-align: center;
    padding: 2px 10px 2px 10px;
    margin: 0px auto 0px auto;
}

DIV.action_messages UL {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

DIV.action_messages_close_button {
    cursor: pointer; 
    float: right;
    height: 0px; 
    position: relative; 
    right: 0px; 
    top: -5px; 
}
DIV.action_messages_close_button:before {
    content: 'x';
}


/* Labels */
SPAN.left_label {
	display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-right: 5px;
    text-align: right;
    vertical-align: top;
}

SPAN.right_explainer {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
}

SPAN.spacer {
    display: inline-block;
}

/* Fields */
INPUT.field, SELECT.field, TEXTAREA.field {
    box-sizing: content-box;
	height: 15px;
    margin-top: 0px;
    vertical-align: top;
    -moz-box-sizing: content-box;      /* Otherwise Firefox messes up SELECT tags */
    -webkit-box-sizing: content-box;   /* Otherwise Chrome messes up SELECT tags */
}

INPUT.navigation_field, SELECT.navigation_field, TEXTAREA.navigation_field {
    height: 15px;
    margin-top: 0px;
}

SPAN.block_display_field {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: top;
}

SPAN.display_field {
    display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
}

/* Other buttons */
BUTTON.action_button {
    cursor: pointer;
	margin-right: 5px;
}

/* Text modifiers */
.error {
	color: red;
}