
/************************************** global */

td, th, p, span, body, div, dl, dt, dd, ul, li, form, table, img, h1, h2 {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

td, th, p, span, body, div, input, button {
	font-family: arial,helvetica,sans-serif !important;
	font-size: 11px !important;
}

td, th, p, span, body, input, button, textarea {
	color: #404040;
}

div, td, th, p {
	/*text-align: left;*/
	vertical-align: top;
}

pre, tt {
	font-family: monospace;
	font-size: 11px;
}

body {
	min-width: 100%;
	margin-bottom: 80px;
	background-color: #ffffff;
}

ul {
	list-style: none;
}

ul.disc {
	list-style-type: disc;
	list-style-position: inside;
}

th {
	font-weight: bold;
	color: #606060;
}

p {
	line-height: 140%;
	margin-bottom: 16px;
}

a {
	text-decoration: underline;
}

a:visited {
	color: #404040;
}

a:link {
	color: #404040;
}

a:active {
	color: #404040;
}

a:hover {
	color: #000000;
}

h1 {
	font-weight: bold;
	clear: both;
	font-family: arial,helvetica,sans-serif !important;
	font-size: 13px;
	color: #505050;
	margin-top: 6px;
	margin-bottom: 6px;
}

h2 {
	font-weight: bold;
	clear: both;
	font-family: arial,helvetica,sans-serif !important;
	font-size: 12px;
	color: #585858;
	margin-top: 4px;
	margin-bottom: 4px;
}

h3 {
	font-weight: bold;
	clear: both;
	font-family: arial,helvetica,sans-serif !important;
	font-size: 11px;
	color: #606060;
	margin-top: 2px;
	margin-bottom: 2px;
}

input, textarea {
	border: 1px solid #e0e0e0;
	margin: 0px;
	padding: 1px;
	font-family: arial,helvetica,sans-serif !important;
	font-size: 10px;
	color: #303030;
	background-color: #ffffff;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

form {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: underline;
}

a.button {
	color: #303030;
	border: 1px solid #e0e0e0;
	padding: 4px;
	padding-bottom: 3px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: bold;
	background-position: left center;
	background-repeat: repeat-x;
	position: relative;
}

td > a.button {
	top: -1px;
}

div > a.button {
	top: 3px;
}

br.clear {
	clear: both;
	font-size: 1%;
	line-height: 1%;
}

a:visited {
	color: #303030;
}

a:link {
	color: #303030;
}

a:active {
	color: #303030;
}

a:hover {
	color: #808080;
}

.borderWarning {
	border: 2px solid #b09040 !important;
}

.borderError {
	border: 2px solid #b00000 !important;
}

.inline {
	display: inline;
}

.box {
	border: 1px solid #e0e0e0;
	padding: 8px;
}

.dark {
	background-color: #f2f2ec;
}

.bright {
	background-color: #fafaf6;
}

.number {
	font-family: monospace !important;
	font-size: 11px;
	white-space: pre;
}

/**************************************** head */

table.head {
	min-width: 800px;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	height: 60px;
}

table.head td.side {
	width: 200px;
	text-align: center;
	vertical-align: middle;
}

table.head img {
	height: 60px;
}

table.head img.middle {
	width: 100%;
}

div.headMenu {
	min-width: 800px;
	border-bottom: 1px solid #b8b8b8;
	padding-top: 1px;
	padding-bottom: 2px;
	text-align: right;
	background-color: #fafaf6;
	margin-bottom: 20px;
}

div.headMenu span.version {
	color: #a0a0a0;
	font-size: 8px;
	padding-right: 4px;
}

div.headMenu a {
	font-weight: bold;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 1px solid #e0e0e0;
}

/**************************************** menu */

div.menu {
	margin-right: 20px;
}

div.menu div.section {
	border: 1px solid #e0e0e0;
	border-left: 0px;
	margin-bottom: 12px;
}

div.menu div.head {
	color: #606060;
	padding: 4px;
	padding-top: 3px;
	padding-left: 28px;
	padding-right: 16px;
	font-weight: bold;
	vertical-align: middle;
	background-color: #fafaf8;
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/menu_head.png);
	background-position: center left;
	background-repeat: no-repeat;
	white-space: nowrap;
}

div.menu div.entry {
	padding: 3px;
	padding-left: 12px;
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/menu_entry.png);
	background-position: top left;
	background-repeat: no-repeat;
}

div.menu div.entry span {
	white-space: nowrap;
}

div.menu a {
	padding: 3px;
	padding-left: 16px;
	padding-right: 16px;
	text-decoration: none;
}

div.menu div.info_head {
	padding: 4px;
	padding-top: 3px;
	padding-left: 28px;
	padding-right: 16px;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #fafaf8;
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/info_head.png);
	background-position: center left;
	background-repeat: no-repeat;
}

div.menu div.info_entry {
	padding: 3px;
	padding-left: 28px;
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/info_entry.png);
	background-position: top left;
	background-repeat: repeat-y;
	white-space: nowrap;
}

div.menu div.info_entry a {
	padding: 0px;
}

/*********************************** panel/ */

div.tab {
	width: 100%;
}

ul.tabTop {
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/color_d0d0d0.png);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 21px;
	list-style-image: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.tabTop li {
	color: #404040;
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/color_d0d0d0.png);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 20px;
	border: 1px solid #d0d0d0;
	border-bottom: 0px;
	margin: 0px;
	background-color: #f0f0e8;
	float: left;
}

ul.tabTop li.sel {
	color: #606060;
	background-image: none;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	height: 14px;
	font-weight: bold;
	background-color: #fafaf8;
	white-space: nowrap;
}

ul.tabBottom {
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/color_d0d0d0.png);
	background-position: top;
	background-repeat: repeat-x;
	height: 21px;
	list-style-image: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.tabBottom li {
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/color_d0d0d0.png);
	background-position: top;
	background-repeat: repeat-x;
	height: 20px;
	border: 1px solid #d0d0d0;
	border-top: 0px;
	margin: 0px;
	padding-bottom: -1px;
	background-color: #f0f0e8;
	float: left;
}

ul.tabBottom li input {
	margin-top: 1px;
}

ul.tabBottom li.sel {
	background-image: none;
	padding: 8px;
	padding-top: 4px;
	padding-bottom: 2px;
	border-top: 0px;
	height: 14px;
	font-weight: bold;
	background-color: #fafaf8;
}

ul.tabTop li.tabSpace, ul.tabBottom li.tabSpace {
	background-image: none;
	height: 1px;
	margin: 1px;
	padding: 0px;
	border: 0px;
	background-color: #ffffff;
	float: left;
}

div.tabContent {
	padding: 8px;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	background-color: #fafaf8;
}

div.tabHead {
	border: 1px solid #e0e0e0;
/*
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
*/
	padding: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #fafaf6;
	margin: -9px;
	margin-top: 0px;
	margin-bottom: 8px;
	height: 19px;
	vertical-align: bottom;
}

div.tabFoot {
	border: 1px solid #e0e0e0;
/*
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
*/
	padding: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #fafaf6;
	margin: -9px;
	margin-top: 8px;
	margin-bottom: 0px;
	height: 19px;
}

a.tab {
	text-decoration: none;
}

input.tab {
	background: none;
	border: 0px;
	text-decoration: none;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 0px;
	cursor: pointer;
}

input.tab:hover {
	color: #808080;
	text-decoration: none;
}

/****************************** status message */

div.status {
	padding: 10px;
	padding-top: 0px;
	margin-top: 4px;
	margin-bottom: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 2px;
}

div.statusError {
	border: 2px solid #b00000;
}

div.statusWarning {
	border: 2px solid #b09040;
}

div.statusInfo {
	border: 2px solid #00b000;
}

div.status ul {
	list-style: none;
	margin: 0px;
	margin-top: 6px;
	padding: 0px;
}

div.status ul.error {
	color: #b00000;
}

div.status ul.warning {
	color: #b09040;
}

div.status ul.info {
	color: #00b000;
}

div.status ul li {
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
}

/************************************* content */

div.tabContent dl {
	margin: 0px;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 16px;
	clear: both;
}

div.tabContent dl dt {
	margin: 0px;
	margin-bottom: 4px;
	padding: 0px;
	padding-top: 3px;
	float: left;
	font-weight: bold;
	width: 150px;
	clear: both;
	color: #606060;
}

div.tabContent dl dd {
	margin: 0px;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 4px;
	padding-right: 0px;
	margin-left: 160px;
}

/*************************************** pager */

div.pager {
	text-align: center;
	vertical-align: middle;
}

span.pager {
	padding-left: 4px;
	padding-right: 4px;
}

span.pagerSel {
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
	color: #000000;
}

a.pager {
	padding-left: 4px;
	padding-right: 4px;
}

/**************************************** list */

div.list {
	border: 1px solid #e0e0e0;
}

div.list table {
	margin: auto;
	padding: auto;
}

div.list th {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 1px;
	vertical-align: middle;
/*	white-space: nowrap;*/
}

/* white */
div.list tr.w {
	background-color: #ffffff;
}

/* yellow */
div.list tr.y {
	background-color: #f8f8f0;
}

div.list td {
	padding: 1px;
	padding-left: 6px;
	padding-right: 3px;
	vertical-align: middle;
	min-width: 40px;
	height: 18px;
}

div.list td.empty {
	width: 1%;
	font-style: italic;
	text-align: center;
	color: #606060;
}

div.list select {
	padding: 0px !important;
	height: 16px !important;
}

div.list td.first {
	width: 1%;
	min-width: 1%;
	max-width: 1%;
	padding: 0px;
	padding-left: 9px;
	padding-right: 2px;
	vertical-align: middle;
	text-align: center;
}

div.list td.rank {
	width: 1%;
	min-width: 1%;
	max-width: 1%;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
}

div.list td.rank img {
	padding: 1px;
	padding-left: 8px;
	padding-right: 4px;
}

div.list td.narrow {
	width: 1%;
	min-width: 1%;
	max-width: 1%;
	padding: 0px;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: middle;
	text-align: right;
}

div.list td.narrow table {
	width: 1%;
	min-width: 1%;
	max-width: 1%;
	margin: 0px;
	padding: 0px;
}

div.list td.narrow td {
	width: 1%;
	min-width: 1%;
	max-width: 1%;
	margin: 0px;
	padding: 0px;
}

div.list table.foot {
	height: 22px;
}

div.list table.foot td {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
}

div.list table.foot td.left {
	padding-left: 8px;
	text-align: left;
	width: 1%;
}

div.list table.foot td.middle {
	text-align: center;
	padding-top: 5px;
}

div.list table.foot td.right {
	padding-right: 8px;
	text-align: right;
	width: 1%;
}

div.list a.up {
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/sort_up.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 12px;
}

div.list a.down {
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/sort_down.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 12px;
}

div.assign {
	text-align: center;
	color: #909090;
	padding: 3px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}

img.assign {
	margin-left: 10px;
	margin-right: 10px;
}

/*********************************** file explorer */

div.explorer td {
	font-family: monospace;
	font-size: 11px;
}

/******************************* safety dialog */

table.safety {
	width: 160px;
	position: absolute;
	z-index: 1;
}

div.safetyContent {
	text-align: center;
	margin-bottom: 10px;
}

table.safetyContent {
	width: 100%;
}

a.safetyNo:hover {
	color: #303030;
}

td.safety {
	width: 25%;
	text-align: center;
	vertical-align: middle;
}

input.safety {
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #303030;
	background-color: #efefe5;
}

/******************************** shadow frame */

table.sf td {
	margin: 0px;
	padding: 0px;
	min-width: 0px;
}

table.sf td.sfBlank {
	height: 4px !important;
	width: 4px !important;
	font-size: 5px !important;
}

table.sf td.sfShadow {
	height: 4px;
	width: 4px;
	font-size: 5px;
	background-color: #000000;
	opacity: 0.20;
	filter: alpha(opacity=20);
}

table.sf td.sfSolidTopLeft {
	height: 6px !important;
	width: 6px !important;
	font-size: 5px !important;
	background-color: #efefe5;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}

table.sf td.sfSolidTop {
	height: 6px !important;
	width: 6px !important;
	font-size: 5px !important;
	background-color: #efefe5;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}

table.sf td.sfSolidLeft {
	height: 6px !important;
	width: 6px !important;
	font-size: 5px !important;
	background-color: #efefe5;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

table.sf td.sfContent {
	background-color: #efefe5;
	padding: 4px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

/************************************** filter */

div.filter {
	padding-bottom: 1px !important;
}

div.filterNoBorderBottom {
	border-bottom: 0px !important;
}

div.filterNoBorderTop {
	border-top: 0px !important;
}

div.filter td.submit {
	width: 1%;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 7px;
}

div.filter dl {
	margin: 0px;
	margin-bottom: 8px;
}

div.filter dl dd {
	padding-top: 2px;
	padding-bottom: 2px;
}

/*************************************** input */

input.check {
	border: 0px;
	padding: 0px;
	margin-top: 1px;
	width: 13px;
	height: 13px;
	background-color: transparent;
	cursor: pointer;
}

input.radio {
	border: 0px;
	padding: 0px;
	width: 12px;
	height: 12px;
	background-color: transparent;
	cursor: pointer;
}

input.popupdate{
	height: 14px;
	cursor: pointer;
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/calendar.png);
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
    	color: transparent;   
}

input.popupdate:focus {
	outline: none;
}

input.popupdate::selection {
	outline: none;
	background: transparent;
}

input.popupdate::-moz-selection{
	outline: none;
}

select {
	border: 1px solid #e0e0e0;
	margin: 0px;
	padding: 1px;
	font-family: arial,helvetica,sans-serif !important;
	font-size: 10px;
	color: #303030;
	background-color: #ffffff;
}

input.submit /*, span.popup input */ {
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: bold;
	cursor: pointer;
	background-position: left center;
	background-repeat: repeat-x;
	border-color: #c0c0c0;
}

/*
span.popup input {
	background-color: transparent;
	background-image: inherit;
	color: inherit;
}
*/

div.tabHead input.submit {
	float: right;
	margin-left: 8px;
}

div.tabFoot input.submit {
	float: right;
	margin-left: 8px;
}

div.tabFoot input.back {
	float: left;
	margin-left: 0px;
}

input.submit:hover {
	color: #404040;
}

input.hyperlink {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: inherit;
	color: #303030;
	cursor: pointer;
	text-decoration: underline;
}

input.hyperlink:hover {
	color: #808080;
}

input.submitIcon {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 14px;
	height: 16px;
	font-size: 0px !important;
	cursor: pointer;
}

input.imgAdd {
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/btn_add.png);
}

input.imgCommit {
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/btn_commit.png);
}

input.imgDelete {
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/btn_delete.png);
}

input.imgEdit {
	background-image: url(/WebObjects/BmsQuips.woa/Frameworks/TAWebObjects.framework/WebServerResources/images/btn_edit.png);
}

input.image {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div.auto_complete ul {
	border: 1px solid #e0e0e0;
	border-top: 0px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	color: #b0b0b0;
	background-color: #f4f4f4;
}

div.auto_complete li {
	padding: 2px;
}

div.auto_complete li.selected {
	color: #030303;
	background-color: #ffffff;
}

/*********************************** radio row */

td.rr1a {
	vertical-align: middle;
	text-align: center;
}

td.rr1b {
	/*width: 1px;*/
	vertical-align: top;
	padding: 2px;
	width: 12px;
}

td.rr2 {
	vertical-align: top;
	padding: 2px;
	min-width: 18px;
}

td.rr2 label {
	cursor: pointer;
}

td.rrNullify {
	vertical-align: bottom;
	padding-bottom: 3px;
	padding-left: 16px;
	width: 1px;
	color: #787878;
	text-decoration: none;
}

/*********************************** check row */

td.cr1a {
	vertical-align: middle;
	text-align: center;
}

td.cr1b {
	width: 1px;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
}

td.cr2 {
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 12px;
}

td.cr2 label {
	cursor: pointer;
}

/*********************************** date picker */

table.datePickerSpan td.dash {
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
}

/*********************************** percent */

table.percent {
	border-left: 0px !important;
	background-color: #ffffff;
}

table.percent td {
	padding: 0px;
	margin: 0px;
	height: 6px;
	min-width: 0;
}

/*********************************** busy */

div.busy {
	height: 0px;
	position: absolute;
	left: 520px;
	top: 350px;
}

/*********************************** roles */

div.list td.flag {
	width: 1px;
	text-align: center;
}

/*********************************** Hs */

/*
h1 {
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 4px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	font-variant: small-caps;
	clear: both;
	color: #000000;
}

h2 {
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	font-variant: small-caps;
	clear: both;
	color: #000000;
}
*/

/*********************************** progress bar + background download */

table.progressBarContainer {
	width: 80px;
}

table.progressBarContainer table.progressBar {
	width: 80px;
	border: 1px solid #e0e0e0;
	height: 5px;
}

table.progressBarContainer table.progressBar td {
	font-size: 1px;
	height: 5px;
}

table.progressBarContainer table.progressBar td.percentageFinished {
	background-color: #c0c0c0;
}

table.progressBarContainer table.progressBar td.percentageFinished.done {
	background-color: #c0c0c0;
}

table.progressBarContainer table.progressBar td.percentageUnfinished {
	background-color: #ffffff;
}

table.progressBarContainer td.progressSummary {
	font-size: 9px;
	white-space: nowrap;
	text-align: center;
}

/*********************************** report */

div.reportHtml {
	overflow: auto;
	width: auto;
	height: auto;
}

/*********************************** ace */

.ace_editor {
	border: 1px solid #e0e0e0 !important;
}

.ace_editor *, .ace_content * {
	font-family: monospace !important;
	font-size: 13px !important;
}

.ace_gutter {
	border-right: 0px !important;
}

.ace_gutter-layer {
	background-color: #f8f8f8 !important;
}

.ace_gutter-cell {
	font-family: monospace !important;
	font-size: 10px !important;
	text-align: right;
	color: #a8a8a8 !important;
}

.ace_gutter-active-line {
}

.ace_indent-guide {
	background: transparent !important;
}

.ace_keyword, .ace_type {
	font-weight: bold;
}

.ace_operator {
	font-weight: normal !important;
	color: #000000 !important;
}
