

body
{
	margin: 0px;
    padding: 0px;
}

h2
{
    white-space:nowrap;
}

.bodyTable
{
    height:100%;
    width:100%;
    vertical-align:top;
    padding:3px;
}

.globalFooter
{
    font:10px Arial;
    font-style:italic;
    text-align:right;
    color:black;
}

.globalHeader
{
    font:12px Arial, sans-serif;
    font-style:normal;
    text-align:left;
    white-space:nowrap;
    background-color:#D8D8D8;
}

.headerPopup
{
	background-color:#E6E6FA;
	font:20px Arial, sans-serif;
	font-weight:bold;
}

HR
{
    color                : #D8D8D8;
    border-style         : solid;
    border-top-width     : 1px;
    border-bottom-width  : 0px;
    border-left-width    : 0px;
    border-right-width   : 0px;
    width                : 100%;
}

.button
{
	font-weight:bold;
	height:22px;
	padding-left:3px;
	padding-right:3px;
}

.smallButton
{
	height:22px;
	font:14px Arial;
	padding-left:5px;
}

.simpleButton
{
    font:12px Arial;
}

.tabButton
{
    border-bottom-style  : solid;
    border-width         : 1px;
    border-bottom-width  : 1px;
    border-color         : black;
    border-bottom-color  : white;
    border-style         : solid;
    font                 : 14px Arial;
    font-style           : normal;
    font-weight          : bold;
    padding              : 3px;
    display              : inline;
    background-color     : #CADBF9;
    color                : black;
    height               : 25px;
    width                : 133px;
    z-index              : 2;
}

.tabButtonInactive
{
    border-top-width     : 1px;
    border-left-width    : 1px;
    border-right-width   : 1px;
    border-bottom-width  : 0px;
    border-color         : silver;
    border-top-style     : dashed;
    border-left-style    : dashed;
    border-right-style   : dashed;
    border-bottom-style  : solid;
    font                 : 14px Arial;
    font-style           : normal;
    padding              : 1px;
    display              : inline;
    background-color     : #F0F0F0;
    color                : gray;
    height               : 25px;
    width                : 133px;
}

.basicTable
{
    background-color:white;
    border-color:silver;
    border-style:solid;
    border-width:2px;
}

.listRow
{
   font:12px Arial;
   background-color:white;
   padding:5px;
}

.listRow_0
{
   font:12px Arial;
   background-color:white;
   padding:5px;
}

.listRow_1
{
   font:12px Arial;
   background-color:#EBEBEB;
   padding:5px;
}

.listRowColor_0
{
   font:12px Arial;
   background-color:#E6E6FA;
   padding:5px;
}

.listRowColor_1
{
   font:12px Arial;
   background-color:#F5F5DC;
   padding:5px;
}

.listHeaderColumn
{
    font:13px Arial;
    font-weight:bold;
    padding:4px;
    padding-right:18px;
    color:white;
    white-space:nowrap;
    padding-top:8px;
    padding-bottom:8px;
    border-left-color:white;
    border-left-style:solid;
    border-left-width:1px;
}

.listHeaderColumnSmall
{
    font:11px Arial;
    font-weight:bold;
    padding:4px;
    padding-right:18px;
    color:white;
    white-space:nowrap;
    padding-top:8px;
    padding-bottom:8px;
    border-left-color:white;
    border-left-style:solid;
    border-left-width:1px;
}

.listHeaderColumn a
{
    font:13px Arial;
    font-weight:bold;
    padding:4px;
    padding-right:18px;
    color:white;
    white-space:nowrap;
    text-decoration:underline;
    padding-top:8px;
    padding-bottom:8px;
}

.listHeaderColumn a:hover
{
    font:13px Arial;
    font-weight:bold;
    padding:4px;
    padding-right:18px;
    color:white;
    white-space:nowrap;
    text-decoration:underline;
    padding-top:8px;
    padding-bottom:8px;
}

.listHeaderColumnRight
{
    font:13px Arial;
    font-weight:bold;
    padding:4px;
    padding-right:18px;
    color:white;
    white-space:nowrap;
    text-align:right;
    padding-top:8px;
    padding-bottom:8px;
    border-left-color:white;
    border-left-style:solid;
    border-left-width:1px;
}

.listHeaderRow
{
    background-color:gray;
}

.eventTable
{
    background-color:white;
    border-color:silver;
    border-style:solid;
    border-width:2px;
}

.eventTableHeaderRow
{
    background-color:#708090;
    font:13px Arial;
    padding-right:18px;
    font-weight:bold;
    padding-top:2px;
    padding-bottom:2px;
    color:white;
    white-space:nowrap;
}

.eventTableRow
{
    background-color:white;
    font:12px Arial;
    padding-right:18px;
    color:black;
    white-space:nowrap;
    padding-top:2px;
    padding-bottom:5px;
}


.detailLabel
{
    font:12px Arial;
    font-weight:bold;
    background-color:#E6E6FA;
    padding-bottom:5px;
    white-space:nowrap;
    text-align:right;
    padding-left:5px;
    padding-right:5px;
    vertical-align:bottom;
}

.detailLabelLeft
{
    font:12px Arial;
    font-weight:bold;
    background-color:#E6E6FA;
    padding-bottom:5px;
    white-space:nowrap;
    text-align:left;
    padding-left:5px;
    padding-right:5px;
    vertical-align:bottom;
}

.detailLabelNoBg
{
    font:12px Arial;
    font-weight:bold;
    padding-bottom:5px;
    white-space:nowrap;
    text-align:right;
    padding-left:5px;
    padding-right:5px;
    vertical-align:bottom;
}

.detailLabel2
{
    font:12px Arial;
    font-weight:bold;
    background-color:#E6E6FA;
    padding-bottom:5px;
    white-space:nowrap;
    text-align:right;
    padding-left:5px;
    padding-right:5px;
    vertical-align:bottom;
}

.detailText
{
    font:12px Arial;
    background-color:white;
    width:100%;
    padding-top:2px;
    padding-left:5px;
    padding-bottom:5px;
}

.detailTextLarge
{
    font:18px Arial;
    background-color:white;
    width:100%;
    padding-top:2px;
    padding-left:5px;
    padding-bottom:5px;
}

.detailTextBold
{
    font:12px Arial;
    font-weight:bold;
    background-color:white;
    width:100%;
    padding-left:5px;
    padding-bottom:5px;
}

.selectMenu
{
    padding-left:5px;
    font:12px Arial;
}

.textNoWrap
{
    white-space:nowrap;
    border-left-color:#E8E8E8;
    border-left-style:solid;
    border-left-width:1px;
    padding:5px;
}

.textNoWrapSmall
{
    font:11px Arial;
    white-space:nowrap;
    border-left-color:#E8E8E8;
    border-left-style:solid;
    border-left-width:1px;
    padding:5px;
}

.textWithWrap
{
    border-left-color:#E8E8E8;
    border-left-style:solid;
    border-left-width:1px;
    padding:5px;
}

.textNoWrapNoPadding
{
    white-space:nowrap;
    border-left-color:#E8E8E8;
    border-left-style:solid;
    border-left-width:1px;
    padding:0px;
}

.listTextNoWrap
{
    font:12px Arial;
    white-space:nowrap;
    padding:5px;
}

.textNoWrapCenter
{
    white-space:nowrap;
    text-align:center;
    border-left-color:#E8E8E8;
    border-left-style:solid;
    border-left-width:1px;
    padding:5px;
}

.textNoWrapRight
{
    white-space:nowrap;
    text-align:right;
    padding-right:18px;
    border-left-color:#E8E8E8;
    border-left-style:solid;
    border-left-width:1px;
    padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.textNoWrapSmallRight
{
    font:11px Arial;
    white-space:nowrap;
    text-align:right;
    padding-right:18px;
    border-left-color:#E8E8E8;
    border-left-style:solid;
    border-left-width:1px;
    padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}


.textInactive
{
    font-style:italic;
    color:#A9A9A9;
}

.chkboxWhiteBG
{
    background-color:white;
}

.mediumLink
{
   font:13px Arial;
   font-weight:bold;
   text-decoration:none;
}

.checkboxText
{
    font:13px Arial;
}

.ListError
{
	font:12px Helvetica;
	color:red;
	font-style:italic
}

.headingSmall
{
    font:15px Arial;
    font-weight:bold;
}

.tableHeaderLinks
{
    width:100%;
    text-align:right;
    white-space:nowrap;
}

.smallInputField
{
    font:12px Arial;
    width:50px;
}

.smallInputFieldAnnotation
{
    font:12px Arial;
    width:150px;
    border:0px;
}

.mediumInputField
{
    font:12px Arial;
    width:100px;
}

.wideInputField
{
    font:12px Arial;
    width:350px;
}

.smallInputArea
{
    font:12px Arial;
    width:350px;
}

.tableRowSeparator
{
    background-color:silver;
    height:1px;
}

.tableRowSeparatorWhite
{
    background-color:white;
    height:1px;
}

.searchForm
{
   padding-right:5px;
}


.searchForm input
{
    font:12px Arial;
    width:100px;
    position:relative;
    top:3px;
}

.searchForm textarea
{
    font:12px Arial;
    width:100px;
}

.searchForm input.wide
{
    width:200px;
    position:relative;
    top:3px;
}

.searchForm input.extrawide
{
    width:350px;
    position:relative;
    top:3px;
}

.searchForm input.full
{
    width:100%;
    position:relative;
    top:3px;
}

.searchForm textarea.full
{
    width:100%;
    position:relative;
    top:3px;
}

.searchForm textarea.extrawide
{
    width:350px;
    position:relative;
    top:3px;
}

.searchForm input.short
{
    width:50px;
    position:relative;
    top:3px;
}


.tableSectionDivider
{
    background-color:#B0C4DE;
}

.tableSectionHeader
{
	background-color:white;
	font:15px Arial;
	color:gray;
	font-weight:bold;
	padding-top:10px;
	text-align:right;
}

.instructions
{
	font:13px Arial;
	font-style:italic;
}

.instructionsSmall
{
	font:13px Arial;
	font-weight:bold;
	font-style:italic;
	color:gray;
}

.instructionsLarge
{
	font:15px Arial;
	font-weight:bold;
	color:gray;
}

.instructionsExtraLarge
{
	font:20px Arial;
	font-weight:bold;
	color:gray;
}

.instructionsLeft
{
	font:13px Arial;
	font-style:italic;
	text-align:left;
}

.confirmationGreenDot
{
    background-image:url('/bt_main/content/shared/images/status_pass.gif');
    background-repeat:no-repeat;
    background-position:4px;
    font:13px Arial;
    font-style:italic;
    color:black;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:18px;
    padding-right:5px;
    text-align:center;
    border-width:1px;
    border-style:solid;
    border-color:silver
}

.confirmationRedDot
{
    background-image:url('/bt_main/content/shared/images/status_fail.gif');
    background-repeat:no-repeat;
    background-position:4px;
    font:13px Arial;
    font-style:italic;
    color:black;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:18px;
    padding-right:5px;
    text-align:center;
    border-width:1px;
    border-style:solid;
    border-color:silver
}

a
{
	font:12px Arial;
	color:green;
	text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

.pagingControls
{
    font:12px Arial;
    font-weight:bold;
    color:#696969;
}

.ffLegend
{
    font:12px Arial;
    font-weight:bold;
    color:#696969;
    vertical-align:bottom;
}

.ffLegendMedium
{
    font:14px Arial;
    font-weight:bold;
    color:#696969;
    vertical-align:bottom;
}

.ffInput
{
   font:12px Arial;
   width:100px;
}

.ffInputWide
{
   font:12px Arial;
   width:300px;
}

.pageTitle
{
    font:20px Arial;
    font-style:italic
}

.userId
{
	border: 1px solid #b2b2b2;
	background-color: #f4f4f4;
background-repeat: no-repeat;
	background-position: 1px center;
	padding: 5px 5px 5px 5px;
	margin-top: 1px;
	margin-bottom: 1px;
	height:25px;
}

.password
{
	border: 1px solid #b2b2b2;
	background-color: #f4f4f4;
background-repeat: no-repeat;
	background-position: 1px center;
	padding: 5px 5px 5px 5px;
	margin-top: 1px;
	margin-bottom: 1px;
	height:25px;
}

.submitbutton
{
	background: url(/bt_main/content/shared/images/fade-butt.png);
	border: 2px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	margin: 0px;
	padding: 1px;
}

.span_link_underline
{
    text-decoration:underline;
}

.span_link_underline:hover
{
    cursor:pointer;
    text-decoration:underline;
}

.span_link
{

}

.span_link:hover
{
	cursor: pointer;
    text-decoration:underline;
}

.span_link_hover
{
    cursor:pointer;
    text-decoration:underline;
}

.select_link
{
	font:11px Arial;
	font-weight:bold !important;
	color:#63859C;
}

.select_link:hover
{
	cursor: pointer;
    text-decoration:underline;
}

/* Use class for icon to left of text or standalone*/
.edit_icon
{
	background-image: url(/bt_main/content/images/edit_task.png) !important;
	background-repeat: no-repeat;
	padding-left: 20px;
    background-position: 25%;
}

.edit_icon:hover
{
	cursor: pointer;
}

/* Use class for icon to left of text or standalone*/
.notice_deadline_icon
{
	background-image: url(/bt_main/content/images/notification_bell16x16.png) !important;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.notice_deadline_icon:hover
{
	cursor: pointer;
    text-decoration:underline;
}

/* Use class for icon to left of text or standalone*/
.notice_warning_icon
{
	background-image: url(/bt_main/content/images/bell_error_16x16.png) !important;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.notice_warning_icon:hover
{
	cursor: pointer;
    text-decoration:underline;
}

/* Use class for icon to left of text or standalone*/
.notice_none_icon
{
	padding-left: 20px;
}

.locker_reservation_failed
{
    background-image: url(/bt_main/content/images/failed_locker_reservation.png) !important;
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-bottom: 3px;
}

.locker_reservation_success
{
    background-image: url(/bt_main/content/images/success_locker_reservation.png) !important;
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-bottom: 3px;
}

/* Use class for icon to left of text or standalone*/
.spec_handling_icon
{
	background-image: url(/bt_main/content/images/error_15x15.png) !important;
	/*
	background-position: 0px -4px;
	background-size: contain;
	background-size: 100% auto;*/
	background-repeat: no-repeat;
	padding-left: 20px;
}

.spec_handling_icon:hover
{
	cursor: pointer;
    text-decoration:underline;
}

/* Use class for address book icon */
.addressbook_icon
{
	background-image: url(/bt_main/content/images/address_book.png) !important;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	zoom: 1;             /*To fix bug# 7372 for IE compatibility view for Document Mode IE7 standards*/
}

.addressbook_icon:hover
{
	cursor: pointer;
    text-decoration:underline;
}

/* Use class for address book icon */
.printer_icon_small
{
	background-image: url(/bt_main/content/images/icon-printer_18x18.png) !important;
	background-repeat: no-repeat;
	zoom: 1;             /*To fix bug# 7372 for IE compatibility view for Document Mode IE7 standards*/
}


/* Use class for invalid field for route definition */
.invalid_field
{
	background-color: white;
	background-image: url(/bt_main/content/images/invalid_line.gif);
	background-repeat:  repeat-x;
	background-position: bottom;
	border-color: #cc3300;
}


.license_icon
{
	background-image: url(/bt_main/public/servlet/license) !important;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	zoom: 1;
}
