@CHARSET "ISO-8859-1";
html {
	font-size: 1rem;
}
body {
	margin: 0rem;
	background-color: #fff;
	font-family: Arial, Trebuchet, Verdana, Helvetica, Geneva;
}


textarea {
	font-family: Arial, Trebuchet, Verdana, Helvetica, Geneva;
}

legend {
	color: black;
	font-weight: bold;
}

table {
	width: 100%;
	height: 100%;
	border-spacing: 0rem;
	border-collapse: collapse;
}

td {
	padding: 0.0625rem;
}

label {
	margin: 0.125rem;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: transparent;
	padding: 0.0625rem;
	font-size: inherit;
}

select {
	border-width: 0.0625rem;
	border-style: solid;
	padding: 0.0625rem;
	font-size: inherit;
}

input,select {
	font-size: inherit;
}

input.viewonly {
	background-color: Transparent;
	border: 0.0625rem solid Transparent;
}

input.readonly {
	background-color: InactiveCaptionText;
	color: GrayText
}

input[readonly],input[disabled] {
	background-color: rgb(235, 235, 228);
}

select[disabled] {
	background-color: rgb(235, 235, 228);
}

input[type=radio],input[type=checkbox] {
	border: 0.0625rem solid Transparent;
	width: 1.000rem;
	height: 1.000rem;
}

img {
	xwidth: 1em;
	xheight: 1em;
}

a,a:link,a:visited {
	color: #0046ad;
}

a:hover {
	color: #b10b02;
}

.grayText {
	color: grayText;
}
div.widget {
	float: left;
	margin-top: 0.3125rem;
	margin-right: 0.125rem;
}
div.widget label {
	text-align: right;
}
div.widget label, div.widget input, div.widget img, div.widget select {
	float: left;
}


legend.button {
	padding-left: 1.3125rem;
	padding-right: 0.3125rem;
	background-color: #ffffff; 
	border: 0.0625rem solid #84A0C4;	
	-moz-border-radius: 0.500em 0.500em 0.500rem 0.500rem;
	-webkit-border-radius: 0.500em 0.500em 0.500rem 0.500rem;
	border-radius: 0.500em 0.500em 0.500rem 0.500rem;
	background-repeat: no-repeat;
	background-image: url(../i/icons/control_play_down.png);
	background-position: left;
}
legend.button:hover {
	background-color: gainsboro;
	cursor: pointer;
}

/******************************************************************************
 ** Wrapper                                                                  **
 *****************************************************************************/
.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 98%; /* 1920px */
}

/******************************************************************************
 ** Header                                                                   **
 *****************************************************************************/
header {
	margin-left: 0.5208333%; /* 10px / 1920px */
	margin-right: 0.5208333%; /* 10px / 1920px */
	margin-top: 0.125rem; /* 2px / 16px (default font size) */
	width: 98.9583333%; /* 1900px / 1920px */
	height: 5.75rem; /* 92px */
	/* height should remain static: 92px / 16px (default font size) */
}

header #logo {
	float: left;
	background-repeat: no-repeat;
	background-image: url(../i/logo/TempServ-black-485red.jpg);
	background-size: contain;
	width: 6.6842105%; /* width should remain static: 127px / 1900px */
	max-width: 7.9375rem;
	/* maximum width should be set in case of any fluid images: 127px / 16px (default font size) */
	height: 2.25rem;
	/* height should remain static: 36px / 16px (default font size) */
}

header #sessioninfo {
	float: right;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	width: 99.9999999%; /* width should remain static: 1773x / 1900px */
	height: 2.25rem;
	/* height should remain static: 36px / 16px (default font size) */
	background-repeat: no-repeat;
	background-image: url(../i/logo/TempServ-black-485red.jpg);
	background-position: left;
	background-size: contain;	
}


/******************************************************************************
 ** Content                                                                  **
 *****************************************************************************/
.content {
	margin-left: 0.5208333%; /* 10px / 1920px */
	margin-right: 0.5208333%; /* 10px / 1920px */
	border-right: 0.0625rem solid; /* 1px / 16px (default font size) */
	border-bottom: 0.0625rem solid; /* 1px / 16px (default font size) */
	border-left: 0.0625rem solid; /* 1px / 16px (default font size) */
	width: auto;
	min-height: 191px;
	overflow: auto;
}
.popupContent {
	float: left;
	margin: 0.2604166%; /* 5px / 1920px */
	width: auto;
	min-height: 191px;
	overflow: auto;	
}

/******************************************************************************
 ** Footer                                                                   **
 *****************************************************************************/
footer {
	margin-top: 0.125rem; /* 2px / 16px (default font size) */
	margin-left: 0.5208333%; /* 10px / 1920px */
	margin-right: 0.5208333%; /* 10px / 1920px */
	margin-bottom: 0.125rem; /* 2px / 16px (default font size) */
	width: 98.9583333%; /* 1900px / 1920px */
	height: 2.0625rem; /* 33px */
	/* height should remain static: 33px / 16px (default font size) */
}

footer #logo {
	float: left;
	width: 11.1875rem;
	/* width should remain static: 51px / 16px (default font size) */
	max-width: 11.1875rem;
	/* maximum width should be set in case of any fluid images: 51px / 16px (default font size) */
	height: 1.875rem;
	/* height should remain static: 30px / 16px (default font size) */
	background-repeat: no-repeat;
	/* background-image: url(../i/logo/GFS-black-485red-name-only.jpg); */
	background-image: url(../i/logo/Greenfield_01.png);
	background-size: contain;
}

footer #copyright {
	float: left;
	padding-left: 0.5em; /* 2px / 16px (default font size) */
	width: auto;
	height: 2.0625rem;
	/* height should remain static: 33px / 16px (default font size) */
	font-size: .9em;
}

footer #messageinfo {
	height: inherit;
	float: left;
	width: 8rem;
	margin: auto auto;
	text-align: center;
	display: none;
}

footer #barinfo {
	height: inherit;
	width: 310px;
	float: right;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	display: none;
}

/******************************************************************************
 ** Navigation                                                               **
 *****************************************************************************/
nav.tab_bar, nav.tab_bar2 {
	clear: both;
	float: left;
	font-size: .9em;
	font-weight: bold;
	/* .5px / 16px (default font size) */
	margin-top: 0.25rem; /* 4px / 16px (default font size) */
	width: 100%;
	height: 1.5rem;
	/* height should remain static: (28px - 4px) / 16px (default font size) */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
nav.tab_bar2 {
	font-size: .8em;
}

nav.tab_bar span, nav.tab_bar2 span {
	float: left;
}

nav.tab_bar a, nav.tab_bar2 a {
	float: left;
	padding-left: 0.8em;
	padding-right: 0.8em;
	border-top-left-radius: 0.3125em;
	/* radius should remain static: 8px / 16px (default font size) */
	border-top-right-radius: 0.3125em;
	/* radius should remain static: 8px / 16px (default font size) */
	border-right: 0.0625rem solid #92bee7;	
	text-decoration: none;
	text-shadow: 0.03125rem 0.03125rem 0.03125rem #000000;
	vertical-align: middle;
	height: 1.75rem;
	/* height should remain static: 28px / 16px (default font size) */
	line-height: 1.75rem;
	/* height should remain static: 28px / 16px (default font size) */
}

nav.tab_bar div.info {
	float: left;
	text-shadow: 0.03125rem 0.03125rem 0.03125rem #E3EEFB;
	/* .5px / 16px (default font size) */
	margin-top: 0.4375rem; /* 8px / 16px (default font size) */
	height: 1.5rem;
	/* height should remain static: (28px - 4px) / 16px (default font size) */
}
nav.tab_bar div.info img {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

nav.tab_bar a.active {
	text-shadow: 0.03125rem 0.03125rem 0.03125rem #15428B;
	color: #000000;
}
nav.tab_bar2 a.active {
	text-shadow: 0.03125rem 0.03125rem 0.03125rem #ffffff;
}
nav.tab_bar2 a.active:hover {
	text-shadow: 0.03125rem 0.03125rem 0.03125rem #000000;
	color: #ffffff;	
}

nav.tab_bar a.logout {
	float: right;
}

nav.menu_bar {
	clear: both;	
	float: left;
	font-size: .8em;
	font-weight: bold;
	/* .5px / 16px (default font size) */
	border-bottom-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-bottom-style: solid;
	width: 100%;
	height: 1.6875rem;
	/* height should remain static: (28px - 1px) / 16px (default font size) */
	line-height: 1.6875rem;
	/* height should remain static: (28px - 1px) / 16px (default font size) */
	overflow: hidden;
}
nav.menu_bar a.scroll_left, nav.menu_bar a.scroll_right {
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	width: 1rem;
	height: 1.6875rem;
	/* height should remain static: (28px - 1px) / 16px (default font size) */
	line-height: 1.6875rem;
	/* height should remain static: (28px - 1px) / 16px (default font size) */ 
}
nav.menu_bar a.scroll_left {
	float: left;
}
nav.menu_bar a.scroll_right {
	float: left;
}

div.menu_bar {
	float: left;
	width: calc(100% - 2rem);
	height: 2.8125rem;
	overflow: auto;
	white-space: nowrap;
}


div.menu_bar a {
	xfloat: left;
	margin-left: 0.25em; /* 8px / 16px (default font size) */
	margin-top: 0.1875rem; /* 3px / 16px (default font size) */
	margin-bottom: 0.1875rem; /* 3px / 16px (default font size) */
	padding-left: 0.8em;
	padding-right: 0.8em;
	border-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-style: solid;
	border-radius: .75rem;
	/* radius should remain static: 12px / 16px (default font size) */
	text-decoration: none;
	text-shadow: 0.03125rem 0.03125rem 0.03125rem #000000;
	vertical-align: middle;
	height: 1.1875rem;
	/* height should remain static: (28px - 9px) / 16px (default font size) */
	line-height: 1.1875rem;
	/* height should remain static: (28px - 9px) / 16px (default font size) */
}
div.menu_bar a.active:hover {
	text-shadow: 0.03125rem 0.03125rem #000000;
}
div.menu_bar a.active {
	xtext-shadow: 0.03125rem 0.03125rem #E3EEFB;
	text-shadow: 0.03125rem 0.03125rem #000000;
}



.scroll_area {
	clear: both;
	float: left;
	width: calc(100%);
	overflow: auto;
}

/******************************************************************************
 ** Tool Bar                                                                 **
 *****************************************************************************/
nav.tool_bar {
	clear: both;
	float: left;
	font-size: .9em;
	border-bottom-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-bottom-style: solid;
	width: calc(100%);
	height: 1.6875rem;
	/* height should remain static: (28px - 1px) / 16px (default font size) */
	line-height: 1.6875rem;
	/* height should remain static: (28px - 1px) / 16px (default font size) */
	overflow: hidden;
}
div.tool_bar {
	float: left;
	width: calc(100%);
	height: 2.8125rem;
	overflow: auto;
	white-space: nowrap;	
}


/******************************************************************************
 ** Request Bar                                                              **
 *****************************************************************************/
.request_bar {
	clear: both;
	float: left;
	font-size: .95em;
	border-bottom-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-bottom-style: solid;
	width: 100%;
	overflow: auto;
}

/******************************************************************************
 ** Action Bar                                                               **
 *****************************************************************************/
.action_bar {
	clear: both;
	float: left;
	font-size: .95em;
	border-top-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-top-style: solid;
	width: 100%;
	overflow: auto;
}

/******************************************************************************
 ** Title Bar                                                                **
 *****************************************************************************/
div.titlebar {
	width: auto;
	xheight: 1.875rem;
 }
div.titlebar img, div.titlebar img:hover {
	width: 28px;
	height: 28px;
}
 
.title_bar {
	font-size: .9em;
	font-weight: bold;
	width: auto;
	line-height: 1.25rem; /* 20px / 16px (default font size) */
	vertical-align: middle;
	text-shadow: 0.03125rem 0.03125rem 0.03125rem #ffffff;
	padding: 0.125rem; /* 2px / 16px (default font size) */
	border-bottom-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-bottom-style: solid;
	box-sizing: border-box;
	overflow: hidden;
	
}

/******************************************************************************
 ** Access Restricted                                                        **
 *****************************************************************************/
.access_restricted {
	font-size: 1.2em; 
	color: gray;
	clear: both;
	float: left;
	width: 100%;
	overflow: auto;
}
.access_restricted_border_top {
	border-top-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-top-style: solid;
}

/******************************************************************************
/* Sizing tools                                                              **
/*****************************************************************************/
.resize-vertical {
	clear: both;
	float: left;
	cursor: n-resize;
	width: calc(100%);
	height: 0.125rem; /* 2px / 16px (default font size) */
}

/******************************************************************************
 ** List                                                                     **
 *****************************************************************************/
.header_container {
	clear: both;
	float: left;
	width: calc(100%);
	border-bottom-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-bottom-style: solid;
	overflow: hidden;
}
.header_row {
	clear: both;
	float: left;
	font-size: .85em;
	border-right-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-right-style: solid;
	width: calc(100% - 1.0625rem); /* 17px / 16px */
	height : 1.5rem; /* height should remain static: (25px - 1px) / 16px (default font size) */
	line-height: 1.5rem; /* height should remain static: (25px - 1px) / 16px (default font size) */
	overflow: hidden;
}

.header_row table {
	overflow: hidden;
	table-layout: fixed;
}
.header_row table th, .header_row table td {
	padding-left: 0.0625rem !important; /* 5px / 16px (default font size) */
	border-right-width: 0.0625rem;
	border-right-style: solid;
	border-left-width: 0.0625rem;
	border-left-style: solid;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header_row table th:hover, .header_row table td:hover {
}
.header_row table th.sortable:hover, .header_row table td.sortable:hover {
	cursor: pointer;
}
.header_row table th img.ascend_descend, .header_row table td img.ascend_descend {
	width: .85em;
	height: .85em;
}

.data_row {
	clear: both;
	float: left;
	overflow: auto;
	font-size: 0.9em;
}
.data_row table {
	overflow: hidden;
	table-layout: fixed;
}

.data_row table td {
	xmin-height: 32px !important;
	border-right-width: 1px;
	border-right-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 4px;
	padding-bottom: 4px;
}
.data_row table td img {
	xwidth: 1em;
	xheight: 1em;
	xbox-sizing: initial;
}
.data_row td input {
	box-sizing: container-box;
}


.footer_container {
	clear: both;
	float: left;
	width: calc(100%);
	border-top-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-top-style: solid;	
	overflow: hidden;	
}
.footer_row {
	clear: both;
	float: left;
	font-size: .85em;
	border-right-width: 0.0625rem; /* 1px / 16px (default font size) */
	border-right-style: solid;
	width: calc(100% - 1.0625rem); /* 17px / 16px */
	height : 1.5rem; /* height should remain static: (25px - 1px) / 16px (default font size) */
	line-height: 1.5rem; /* height should remain static: (25px - 1px) / 16px (default font size) */
	overflow: hidden;
}

.footer_row table {
	overflow: hidden;
	table-layout: fixed;
}
.footer_row table td {
	xpadding-left: 0.3125rem; /* 5px / 16px (default font size) */
	xmin-height: 32px !important;
	border-right-width: 1px;
	border-right-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top: 4px;
	padding-bottom: 4px;
}







div.header {
	clear: both;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	vertical-align: middle;
	border-right-width: 0.0625rem;
	border-right-style: solid;
	XXwidth: 99.0526315%; /* (1900px - 18px) / 1900px */
	width: calc(100% -   1.125rem); /* 17px /16px (default font size) */
	height: 1.4375rem; /* (24px - 1px) / 16px (default font size) */
	line-height: 1.4375rem; /* 24px / 16px (default font size) */
	overflow: hidden;
}

div.header table {
	overflow: hidden;
	table-layout: fixed;
}

div.header table td {
	padding-left: 0.3125rem; /* 5px / 16px (default font size) */
	border-right-width: 0.0625rem;
	border-right-style: solid;
	border-bottom-width: 0.125rem;
	border-bottom-style: solid;
	border-left-width: 0.0625rem;
	border-left-style: solid;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

div.header table td.hover {
	cursor: default;
}

div.data {
	clear: both;
	float: left;
	overflow: auto;
	font-size: 0.8em;
}

div.data table {
	overflow: hidden;
	table-layout: fixed;
}

div.data table td {
	height: 1.250rem;
	padding-left: 0.3125rem;
	padding-right: 0.125rem;
	border-right-width: 0.0625rem;
	border-right-style: dotted;
	border-bottom-width: 0.0625rem;
	border-bottom-style: dotted;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.headerDiv {
	height: 1.438em;
	background-color: #D0DEF0;
	border-right: 0.0625rem solid #D0D0D0;
	overflow: hidden;
}

.dataDiv {
	background-color: #D0DEF0;
	overflow: auto;
}



/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
.tab_bar_info {
	margin-left: 1.250rem;
	text-align: center;
	vertical-align: middle;
	line-height: 1.75em;
	height: 1.75em;
	overflow: hidden;
	float: left;
	position: relative;
	top: 0.125em;
}

.TabLeft {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.3125em;
	float: left;
}

.Tab {
	vertical-align: bottom;
	padding-left: 0.1875rem;
	padding-right: 0.1875rem;
	cursor: pointer;
	float: left
}

.TabHover {
	text-decoration: underline
}

.TabRight {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.3125em;
	float: left;
}

.activeTabLeft {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.3125em;
	float: left;
}

.activeTab {
	vertical-align: middle;
	padding-left: 0.1875rem;
	padding-right: 0.1875rem;
	cursor: pointer;
	float: left;
}

.activeTabHover {
	text-decoration: underline
}

.activeTabRight {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.3125em;
	float: left;
}

.disabledTabLeft {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.3125em;
	float: left;
}

.disabledTab {
	line-height: 1.75em;
	height: 1.75em;
	padding-right: 0.1875rem;
	padding-left: 0.1875rem;
	font-style: oblique;
	float: left
}

.disabledTabHover {
	text-decoration: underline
}

.disabledTabRight {
	line-height: 1.75em;
	height: 1.75em;
	width: 0.3125em;
	float: left;
}



/******************************************************************************
 ** Tool Bar                                                                 **
 *****************************************************************************/
#tbButtons {
	overflow: hidden;
}

#tbButtonsFull {
	display: block;
}

#tbButtonsMin {
	display: none;
}

/******************************************************************************
 ** Request Bar                                                              **
 *****************************************************************************/
x.request_bar img {
	width: 1.25em;
	height: 1.25em;
}

x.request_bar img.button,x.request_bar img.buttonHover,x.request_bar img.buttonDown
	{
	margin: 0.125rem 0.125rem;
}

div.request_bar td {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/******************************************************************************
 ** Footer                                                                   **
 *****************************************************************************/
xdiv.footer {
	border-top: 0.0625rem solid gainsboro;
	height: 2rem;
	color: #003366;
	font-size: 0.75em;
}

div.header_announcement {
	height: 1.875em;
	overflow: hidden;
	border: 0.0625rem solid gainsboro;
	padding: 0.0625rem;
	font-weight: bold;
	font-size: 1.3em;
}

div.red {
	color: firebrick;
}

div.yellow {
	color: gold;
}

div.green {
	color: darkgreen;
}

xdiv.blue {
	color: darkblue;
}

div.panel_white {
	*height: 100%;
	*width: 100%;
}

/******************************************************************************
 ** Desktop Page                                                             **
 *****************************************************************************/
#desktop-functions {
	xwidth: 19.25rem;
}

#desktop-called-in-available {
	xwidth: 31.25rem;
}

#desktop-calendar {
	xwidth: 55.8333333%; /* 16 / 1900 */
	xwidth: calc(100vw -     53.125rem);
	xmin-width: 31.25rem;
}

#desktop-functions,#desktop-called-in-available,#desktop-calendar {
	xheight: calc(100% -     1.125rem);
}

/******************************************************************************
 ** Action Bar                                                               **
 *****************************************************************************/
xxdiv.action_bar {
	font-size: 0.8125em;
	width: 100%;
	overflow: hidden
}

xxdiv.action_bar td {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/******************************************************************************
 ** Tool Bar (inner)                                                         **
 *****************************************************************************/
.tool_bar_inner {
	border-bottom: 0.0625rem solid #A9BFD3;
	color: #15428B;
	background-color: #D0DEF0;
	background-repeat: repeat-x;
	background-image: url(../i/background/tool-bar.gif)
}

div.tool_bar_inner {
	border-bottom: 0.0625rem solid Gray;
	width: 100%;
	overflow: auto
}

.drag {
	cursor: move;
}

.hilite {
	background-color: #8DB5E0;
}

.title_bar_title {
	vertical-align: middle;
	line-height: 1.250em;
	color: #000000;
	margin-left: 0.313em;
	float: left;
	font-weight: bold;
}

.title_bar_button {
	float: right;
	xmargin: 0.0625em;
	border: 0.0625rem solid transparent;
	padding: 0.0625rem
}

.title_bar_buttonHover {
	xmargin: 0.0625em;
	padding: 0.0625rem;
	border: 0.0625rem outset white;
	background-color: white;
	float: right
}

/******************************************************************************
 ** Column Headings and Data Rows                                            **
 *****************************************************************************/
.hdr_row {
	width: calc(100%);
	height: 1.5rem;
	color: #000000;
	background-color: #F1F2F4;
	background-image: url(../i/background/column-heading.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.hdr_cell,.hdr_cell_right {
	height: 1.375rem;
	line-height: 1.375rem;
	vertical-align: middle;
	padding-left: 0.3125rem;
	border-left: 0.0625rem solid transparent;
	border-right: 0.0625rem solid #D0D0D0;
	border-bottom: 0.125rem solid #D0D0D0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hdr_cell_right {
	border-right: 0.0625rem solid transparent;
}

.dta_row {
	width: calc(100%);
	color: #000000;
	background-color: #F1F2F4;
	background-image: url(../i/background/column-heading.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.dta_cell,.dta_cell_right {
	padding-left: 0.3125rem;
	border-left: 0.0625rem solid transparent;
	border-right: 0.0625rem solid #D0D0D0;
	border-bottom: 0.0625rem solid #D0D0D0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.dta_cell_right {
	border-right: 0.0625rem solid transparent;
}

.col_hdr,.col_hdr_inner {
	width: calc(100%);
	height: 1.5rem;
	color: #000000;
	background-color: #F1F2F4;
	background-image: url(../i/background/column-heading.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.col_hdr_cell,.col_hdr_cell_right {
	height: 1.375rem;
	line-height: 1.375rem;
	vertical-align: middle;
	padding-left: 0.3125rem;
	border-left: 0.0625rem solid transparent;
	border-right: 0.0625rem solid #D0D0D0;
	border-bottom: 0.125rem solid #D0D0D0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.col_hdr_cell_right {
	border-right: 0.0625rem solid transparent;
}

table.col_hdr td {
	font-size: 0.75em;
	padding-left: 0.313rem;
	border-left: 0.0625rem solid transparent;
	border-right: 0.0625rem solid #D0D0D0;
	border-bottom: 0.125rem solid #D0D0D0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table.col_hdr td.left {
	
}

table.col_hdr td.right {
	border-right: 0.0625rem none;
}

.col_hdr td.hover {
	border-left: 0.0625rem solid #AACCF6;
	border-right: 0.0625rem solid #AACCF6;
	border-bottom: 0.125rem solid #AACCF6;
	cursor: default;
	background-color: #ffffff;
	background-image: url(../i/background/column-heading-hover.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

div.col_hdr_inner table {
	border-left: 0.0625rem none silver;
	border-right: 0.0625rem none silver;
}

div.col_hdr_inner td {
	border-left: 0.0625rem solid silver;
	border-bottom: 0.125rem solid darkgray
}

div.col_hdr_inner td.left {
	border-left: 0.0625rem none silver;
	border-bottom: 0.125rem solid darkgray
}

.ascend {
	background-repeat: no-repeat;
	background-image: url(../i/ascend.gif);
	background-position: right center
}

.descend {
	background-repeat: no-repeat;
	background-image: url(../i/descend.gif);
	background-position: right center
}

/******************************************************************************
 ** Column Footers                                                           **
 *****************************************************************************/
div.footerDiv {
	height: 1.438em;
	background-color: #D0DEF0;
	border-right: 0.0625rem solid #D0D0D0;
	overflow: hidden;
}

.col_ftr,.col_ftr_inner {
	color: #000000;
	background-color: #F1F2F4;
	background-image: url(../i/background/column-heading.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

div.col_ftr {
	height: 1.438em;
	width: 100%;
	overflow: auto;
}

table.col_ftr {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

table.col_ftr td {
	font-size: 0.75em;
	padding-left: 0.313rem;
	border-right: 0.0625rem solid #D0D0D0;
	border-top: 0.125rem solid #D0D0D0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table.col_ftr td.left {
	
}

table.col_ftr td.right {
	border-right: 0.0625rem none;
}

.col_ftr td.hover {
	border-left: 0.0625rem solid #AACCF6;
	border-right: 0.0625rem solid #AACCF6;
	border-top: 0.125rem solid #AACCF6;
	cursor: default;
	background-color: #ffffff;
	background-image: url(../i/background/column-heading-hover.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.col_footer {
	font-size: 0.75em;
	font-weight: bold;
	background-color: #ebeadb
}

.col_footer table {
	border-right: 0.0625rem solid silver;
	border-bottom: 0.0625rem solid silver;
}

.col_footer td {
	border-left: 0.0625rem solid silver;
	border-top: 0.0625rem solid darkgray
}

.col_footer td.hover {
	border-top: 0.0625rem inset darkorange;
	cursor: default;
	background-color: #ffffff
}

.col_footer td.noborder {
	border-left: 0.0625rem transparent;
	border-bottom: 0.0625rem transparent;
}

div.col_footer {
	width: 100%;
	overflow: auto;
}

/******************************************************************************
 ** Data Areas                                                               **
 *****************************************************************************/
.nonscroll_area {
	width: 100%;
	background-color: white;
}

/******************************************************************************
 ** Data Rows and Cells (list)                                               **
 *****************************************************************************/
.list {
	font-size: 0.9em;
}

table.list {
	overflow: hidden;
	border-spacing: 0em;
	border-collapse: collapse;
	table-layout: fixed;
}

.list tr {
	height: 1.4375rem;
}

.list tr.rowStyle1 {
	background-color: #e1ffe1
}

.list tr.rowStyle1_red {
	background-color: #ffcccc
}

.list tr.rowStyle2 {
	background-color: #ffffff
}

.list tr.rowStyle2_red {
	background-color: #ffcccc
}

.list tr.rowStyle3 {
	background-color: lightgoldenrodyellow
}

.list tr.rowStyle3_red {
	background-color: #ffcccc
}

.list tr.rowStyle4 {
	background-color: gainsboro
}

.list tr.rowStyle5 {
	background-color: #99ccff
}

.list tr.red {
	color: red;
}

.list td {
	height: 1.250em;
	padding-left: 0.3125rem;
	padding-right: 0.125rem;
	border-right: 0.0625rem dotted #D0D0D0;
	border-bottom: 0.0625rem dotted #D0D0D0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list td._red {
	background-color: #ffcccc
}

.list td a {
	text-overflow: ellipsis;
}

.list td.left {
	border-right: 0.0625rem solid #D0D0D0;
	background-color: #ffffff;
	background-image: url(../i/background/column-left.gif);
	background-repeat: repeat-y;
	background-position: center center;
}

.list td.left_noBGimg {
	border-right: 0.0625rem dotted #d0d0d0;
	border-bottom: 0.0625rem dotted #d0d0d0;
	background-color: gainsboro
}

.list td.right {
	border-right: 0.0625rem none;
}

.list td.disabled {
	color: gray;
}

.list td.noborderleft {
	border-left: 0.0625rem solid silver;
	border-bottom: 0.0625rem none transparent;
}

.list td.noborder {
	border-left: 0.0625rem dotted transparent;
	border-bottom: 0.0625rem dotted transparent;
}

.list td.noborders {
	border: 0.0625rem dotted transparent;
}

.list td.bottomborderonly {
	border-left: 0.0625rem dotted transparent;
	border-bottom: 0.0625rem dotted silver;
}

table.list_inner {
	border-left: 0.0625rem none silver;
	border-right: 0.0625rem none silver;
}

table.list_inner td.left {
	border-left: 0.0625rem none silver;
}

table.list_inner td.nobottom {
	border-bottom: 0.0625rem none silver;
}

.list_inner tr.rowStyle1 {
	background-color: #e1ffe1
}

.list_inner tr.rowStyle1_red {
	background-color: #ffcccc
}

.list_inner tr.rowStyle2 {
	background-color: #ffffff
}

.list_inner tr.rowStyle2_red {
	background-color: #ffcccc
}

.list_inner tr.rowStyle3 {
	background-color: lightgoldenrodyellow
}

.list_inner tr.rowStyle3_red {
	background-color: #ffcccc
}

.list_inner td {
	height: 1.250em;
	border-left: 0.0625rem dotted silver;
	border-bottom: 0.0625rem dotted silver;
}

/******************************************************************************
 ** Announcements and Messages                                               **
 *****************************************************************************/
 div.announcement {
	margin: 0.3125rem;
	padding: 0.125rem;
	background-color: #ffffff;
	border-right: 0.0625rem solid gray;
	border-bottom: 0.0625rem solid gray;
	border-top: 0.0625rem solid #dedede;
	border-left: 0.0625rem solid #dedede;
	-moz-border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
	border-radius: 0.3125em;
	width: auto;
	height: auto;
}
.errormsg {
	border: 0.0625rem solid red;
	color: black;
	background-color: #ffcccc
}

div.msgbox {
	margin: 0.313rem;
	padding: 0.125rem;
	font-size: 0.85em;
	background-color: #ffffcc;
	display: none;
	color: black;
	overflow: auto;
	border-right: 0.0625rem solid gray;
	border-bottom: 0.0625rem solid gray;
	border-top: 0.0625rem solid #dedede;
	border-left: 0.0625rem solid #dedede;
	-moz-border-radius: 0.313rem;
	-webkit-border-radius: 0.313rem;
	border-radius: 0.313rem;
}

div.msgbox2 {
	margin: 0.313rem;
	padding: 0.125rem;
	font-size: 0.85em;
	background-color: #ffffcc;
	color: black;
	overflow: auto;
	border-right: 0.0625rem solid gray;
	border-bottom: 0.0625rem solid gray;
	border-top: 0.0625rem solid #dedede;
	border-left: 0.0625rem solid #dedede;
	-moz-border-radius: 0.313rem;
	-webkit-border-radius: 0.313rem;
	border-radius: 0.313rem;
}

td.errmsg a:link {
	color: #000000;
	text-decoration: underline
}

td.errmsg a:visited {
	color: #000000;
	text-decoration: underline
}

td.errmsg a:hover {
	color: #b10b02;
	text-decoration: underline
}

div.errmsg {
	float: left;
	padding-left: 1.250rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../i/icons/error.png);
	color: black;
}

div.errmsg a:link {
	color: #000000;
	text-decoration: underline
}

div.errmsg a:visited {
	color: #000000;
	text-decoration: underline
}

div.errmsg a:hover {
	color: #b10b02;
	text-decoration: underline
}

/******************************************************************************
 ** Error Messages                                                           **
 *****************************************************************************/
.errormsg {
	border: 0.0625rem solid red;
	color: black;
	background-color: #ffcccc
}

div.errbox {
	xfont-size: 0.75em;
	margin: 0.313rem 0.313rem;
	padding: 0.125rem;
	overflow: auto;
	color: black;
	background-color: #ffcccc;
	display: none;
	border-right: 0.0625rem solid gray;
	border-bottom: 0.0625rem solid gray;
	border-top: 0.0625rem solid #dedede;
	border-left: 0.0625rem solid #dedede;
	-moz-border-radius: 0.313rem;
	-webkit-border-radius: 0.313rem;
	border-radius: 0.313rem;
}

td.errmsg a:link {
	color: #000000;
	text-decoration: underline
}

td.errmsg a:visited {
	color: #000000;
	text-decoration: underline
}

td.errmsg a:hover {
	color: #b10b02;
	text-decoration: underline
}

div.errmsg {
	float: left;
	padding-left: 1.250rem;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../i/icons/exclamation.png);
	color: black
}

div.errmsg a:link {
	color: #000000;
	text-decoration: underline
}

div.errmsg a:visited {
	color: #000000;
	text-decoration: underline
}

div.errmsg a:hover {
	color: #b10b02;
	text-decoration: underline
}

/******************************************************************************
 ** Pop Ups                                                                  **
 *****************************************************************************/
div.loading {
	margin: auto auto;
	padding: 0.125rem;
	border: 0.0625rem solid Gray;
	position: absolute;
	line-height: 1.625em;
	height: 1.625em;
	left: auto;
	right: auto;
	background-position: right center;
	background-image: url(../i/animated/preloader_24x24_circular.gif);
	top: auto;
	width: 11.875em;
	background-color: #ffffff;
	display: none;
	vertical-align: middle;
	bottom: auto;
	background-repeat: no-repeat
}



div.popup-content {
	margin: 0.313rem;
	border: 0.0625rem solid #99BBE8;
	background-color: #D0DEF0;
}

div.controlHdr {
	height: 1.375em;
	background-color: #c2d3fc;
	border-bottom: 0.0625rem solid Gray;
}

/******************************************************************************
 ** Action Links                                                             **
 *****************************************************************************/


/*****************************************
   ** Position To                         **
   ****************************************/
a.positionTo:link,a.positionTo:visited {
	padding: 0em 0.125em;
	border: 0.0625rem solid transparent;
	color: #0046ad;
	text-decoration: underline
}

a.positionTo:hover {
	color: #b10b02;
	background-color: #ffffff;
	border: 0.0625rem solid darkgray;
	padding: 0em 0.125rem 0em 0.125rem;
	text-decoration: none;
}

td.vertical_hide {
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../i/background/hide.png);
	cursor: hand
}

td.vertical_show {
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../i/background/show.png);
	cursor: hand
}

div.vertical_hide {
	cursor: default;
	background-attachment: fixed;
	background-image: url(../i/background/hide.png);
	background-repeat: no-repeat;
	background-position: center center
}

div.vertical_show {
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../i/background/show.png);
	cursor: hand
}

#loading {
	margin-top: -0.813rem;
	margin-left: -5.938rem;
	padding: 0.125rem;
	border: 0.0625rem solid Gray;
	position: fixed;
	line-height: 1.625em;
	height: 1.625em;
	left: 50%;
	background-position: right center;
	background-image: url(../i/animated/preloader_24x24_circular.gif);
	top: 50%;
	width: 11.875em;
	background-color: #ffffff;
	display: none;
	z-index: auto;
	vertical-align: middle;
	background-repeat: no-repeat
}

.loading {
	margin: auto auto;
	padding: 0.125rem;
	border: 0.0625rem solid Gray;
	position: absolute;
	line-height: 1.625em;
	height: 1.625em;
	left: auto;
	right: auto;
	background-position: right center;
	background-image: url(../i/animated/preloader_24x24_circular.gif);
	top: auto;
	width: 11.875em;
	background-color: #ffffff;
	display: none;
	vertical-align: middle;
	bottom: auto;
	background-repeat: no-repeat
}

#loading_1 {
	margin: auto auto;
	padding: 0.125rem;
	border: 0.0625rem solid Gray;
	position: absolute;
	line-height: 1.625em;
	height: 1.625em;
	left: auto;
	right: auto;
	background-position: right center;
	background-image: url(../i/animated/preloader_24x24_circular.gif);
	top: auto;
	width: 11.875em;
	background-color: #ffffff;
	display: none;
	vertical-align: middle;
	bottom: auto;
	background-repeat: no-repeat
}

#loading_2 {
	margin: auto auto;
	padding: 0.125rem;
	border: 0.0625rem solid Gray;
	position: absolute;
	line-height: 1.625em;
	height: 1.625em;
	left: auto;
	right: auto;
	background-position: right center;
	background-image: url(../i/animated/preloader_24x24_circular.gif);
	top: auto;
	width: 11.875em;
	background-color: #ffffff;
	display: none;
	vertical-align: middle;
	bottom: auto;
	background-repeat: no-repeat
}

#popup_loading {
	margin: auto;
	padding: 0.125rem;
	border: 0.0625rem solid Gray;
	position: relative;
	line-height: 1.625em;
	height: 1.625em;
	left: auto;
	right: auto;
	background-position: right center;
	background-image: url(../i/animated/preloader_24x24_circular.gif);
	top: auto;
	width: 11.875em;
	background-color: #ffffff;
	display: none;
	vertical-align: middle;
	color: #000000;
	bottom: auto;
	background-repeat: no-repeat
}

div.popup_loading {
	margin: auto;
	padding: 0.125rem;
	border: 0.0625rem solid Gray;
	position: fixed;
	line-height: 1.625em;
	height: 1.625em;
	left: auto;
	right: auto;
	background-position: right center;
	background-image: url(../i/animated/preloader_24x24_circular.gif);
	top: auto;
	width: 11.875em;
	background-color: #ffffff;
	display: none;
	vertical-align: middle;
	color: #000000;
	bottom: auto;
	background-repeat: no-repeat
}

.container_special {
	margin: 0em auto;
	padding: 0.125rem 0.313rem 0.313rem;
}

.loginerr {
	border: 0.0625rem solid red;
	xfont-size: .9em;
	color: black;
	background-color: #ffcccc;
	display: none
}

.special_message {
	margin: 0.0625rem 0.0625rem 0.188rem;
	border-top: 0em none transparent;
	border-right: 0.0625rem solid gray;
	border-bottom: 0.0625rem solid gray;
	border-left: 0.0625rem solid gray;
	-moz-border-radius: 0em 0em 0.250rem 0.250rem;
	-webkit-border-radius: 0em 0em 0.250rem 0.250rem;
	border-radius: 0em 0em 0.250rem 0.250rem;
	width: 100%;
	height: 100%;
}

/* Menus */ /* Content Box */
.box {
	width: auto;
	margin: 0.0625rem 0.0625rem;
	border: 0.0625rem solid #808080;
	-moz-border-radius: 0em 0em 0.500rem 0.500rem;
	-webkit-border-radius: 0em 0em 0.500rem 0.500rem;
	border-radius: 0em 0em 0.500rem 0.500rem;
}

.box0 {
	width: auto;
	margin: 0.0625rem 0.0625rem;
	border: 0.0625rem solid #808080;
}

.box-rounded-inbound {
	width: auto;
	margin: 3px calc(23%) 3px 2px !important;
	padding: 2px 2px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 0.000em 0.750em 0.750rem 0.750rem;
	-webkit-border-radius: 0.000em 0.750em 0.750rem 0.750rem;
	border-radius: 0.000em 0.750em 0.750rem 0.750rem;
	background-color: #e6e6e6 !important;
	cursor: pointer;
}
.box-rounded-inbound-hover:hover {
	border: 1px solid #4E8CCF;
	background-color: #D0DEF0 !important
}
.box-rounded-outbound {
	width: auto;
	margin: 3px 2px 3px calc(23%) !important;
	padding: 2px 2px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 0.750em 0.000em 0.750rem 0.750rem;
	-webkit-border-radius: 0.750em 0.000em 0.750rem 0.750rem;
	border-radius: 0.750em 0.000em 0.750rem 0.750rem;
	background-color: beige !important;
	cursor: pointer;
}
.box-rounded-outbound-hover:hover {
	border: 1px solid #4E8CCF;
	background-color: #D0DEF0 !important
}
.box-rounded-cia {
	width: auto;
	margin: 3px 2px 3px 20px !important;
	padding: 3px 3px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 0.750em 0.750em 0.750rem 0.750rem;
	-webkit-border-radius: 0.750em 0.750em 0.750rem 0.750rem;
	border-radius: 0.750em 0.750em 0.750rem 0.750rem;
	background-color: beige !important;
}
.box-rounded {
	margin: 3px 2px 3px 2px !important;
	padding: 2px 2px;
	border: 1px solid #c0c0c0;
	-moz-border-radius: 0.750em 0.750em 0.750rem 0.750rem;
	-webkit-border-radius: 0.750em 0.750em 0.750rem 0.750rem;
	border-radius: 0.750em 0.750em 0.750rem 0.750rem;
}
.msgPriority, .msgPriority0, .msgPriority00 {
	color: #000;
	background-color: #dbefdc !important;
}
.msgPriority1, .msgPriority01 {
	color: #000;
	background-color: #ececec !important;
}
.msgPriority2, .msgPriority02 {
	color: #000;
	background-color: #e7dcd7 !important;
}
.msgPriority3, .msgPriority03 {
	color: #000;
	background-color: #dfe5e8 !important;
}
.msgPriority4, .msgPriority04 {
	color: #000;
	background-color: #fff3cd !important;
}
.msgPriority5, .msgPriority05 {
	color: #000;
	background-color: #f5f5f5 !important;
}
.msgPriority6, .msgPriority06 {
	color: #000;
	background-color: #c4f8ff !important;
}
.msgPriority7, .msgPriority07 {
	color: #000;
	background-color: #d8dcf1 !important;
}
.msgPriority8, .msgPriority08 {
	color: #000;
	background-color: #efcef4 !important;
}
.msgPriority9, .msgPriority09 {
	color: #000;
	background-color: #fdd9d6 !important;
}

.box_clearborder {
	margin: 0.0625rem 0.0625rem 0.188rem;
	border: 0.0625rem solid transparent
}

.divider {
	background-repeat: no-repeat;
	background-image: url(../i/divider.gif);
	background-position: center center;
	margin: 0.188rem 0.313rem 0.188rem 0.313rem;
}

tr._hasbeenthere {
	background-color: #d7ffd7
}

tr._conflict {
	background-color: #ffff99
}

tr._dnr {
	background-color: #cc9999
}

tr.notfilled {
	background-color: #e19d9d
}

tr.filled {
	background-color: #b9ffb9
}

td.notfilled {
	background-color: #ffb3b3
}

td.filled {
	background-color: #b9ffb9
}

td.outline {
	border: 0.0625rem solid lightgray;
	background-color: Highlight;
	color: #ffffff;
}

td.errmsg  a {
	text-decoration: none
}

x.disabled {
	color: gray;
	font-style: oblique
}

/* Tool Bar */
.tool_bar_tool {
	vertical-align: middle;
	line-height: 1.500em;
	color: #000000;
	margin-left: 0.313rem;
	float: left
}

.tool_bar_button {
	margin: 0.125rem;
	border: 0.0625rem solid transparent;
	padding: 0.0625rem
}

.tool_bar_buttonHover {
	margin: 0.125rem;
	padding: 0.0625rem;
	border: 0.0625rem outset silver;
	background-color: white
}

img.button {
	width:22px;
	height:22px;
	padding:0.0625rem;
	border:0.0625rem solid transparent;
	box-sizing:border-box;
}
img.button:hover {
	border:0.0625rem outset white;
}
img.static {
	width:20px;
	height:20px;	
	padding:0.0625rem;
	border:0.0625rem solid transparent;
	box-sizing:border-box;	
}

.button {
	padding: 0.0625rem;
	border: 0.0625rem solid transparent;
	xbox-sizing: border-box;
}

.buttonHover {
	padding: 0.0625rem;
	border: 0.0625rem outset white;
	xbox-sizing: content-box;
}

.buttonDown {
	padding: 0.0625rem;
	border: 0.0625rem inset white;
	background-color: silver;
	xbox-sizing: content-box;
}

span.red_asterisk {
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../i/red_asterisk.gif)
}

div.protect {
	position: absolute;
	margin: 0em auto;
	height: 100%;
	width: 100%;
	display: none;
	z-index: 1;
	background-repeat: repeat;
	background-image: url(../i/tp50_protect_2x2.gif);
	opacity: 0.60;
	filter: alpha(opacity =       60);
	top: 0em
}

span.required {
	color: red;
	font-weight: bold;
	xfont-size: 12pt;
}

.required {
	color: red;
}

/********************************************************/
/******************************************************************************
 ** Scrolling Data Area (Combined Headings and List)                          **
 ******************************************************************************/
table.combined_hdr_list {
	height: 100%;
	width: 100%;
	background-color: #ebeadb;
	xfont-size: 1.2em;;
}

table.combined_hdr_list thead {
	font-weight: bold
}

table.combined_hdr_list thead tr {
	height: 1.500em;
}

table.combined_hdr_list thead td.col_hdr_normal_left {
	border-left: 0.0625rem solid silver;
	border-right: 0.0625rem solid silver;
	border-bottom: 0.125rem solid darkgray
}

table.combined_hdr_list thead td.col_hdr_normal {
	border-right: 0.0625rem solid silver;
	border-bottom: 0.125rem solid darkgray
}

table.combined_hdr_list thead td.col_hdr_normal_right {
	border-right: 0.0625rem solid silver;
	border-bottom: 0.125rem solid darkgray
}

table.combined_hdr_list thead td.col_hdr_hover {
	border-right: 0.0625rem solid silver;
	border-bottom: 0.125rem inset darkorange;
	cursor: default;
	background-color: #ffffff
}

table.combined_hdr_list thead td.col_hdr_hover_left {
	border-left: 0.0625rem solid silver;
	border-right: 0.0625rem solid silver;
	border-bottom: 0.125rem inset darkorange;
	cursor: default;
	background-color: #ffffff
}

table.combined_hdr_list tbody {
	background-color: #ffffff;
}

table.combined_hdr_list tbody tr {
	height: 2.000em;
}

table.combined_hdr_list tbody td.col_cell_L {
	border-left: 0.0625rem solid transparent;
	border-bottom: 0.0625rem dotted silver;
	border-right: 0.0625rem dotted silver;
}

table.combined_hdr_list tbody td.col_cell {
	border-right: 0.0625rem dotted silver;
	border-bottom: 0.0625rem dotted silver;
}

table.combined_hdr_list tbody td.col_cell_R {
	border-bottom: 0.0625rem dotted silver;
}

.box1 {
	margin: 0.0625rem;
	border-width: 0.0625rem;
	border-style: solid;
}

.up {
	background: url(../i/icons/up.png) no-repeat 0% center;
	cursor: pointer
}

.down {
	cursor: pointer;
	background: url(../i/icons/down.png) no-repeat 0% center;
}

/* Title Bar and Panel*/
div.loginerr {
	border: 0.0625rem solid red;
	color: black;
	background-color: #ffcccc;
	display: none
}

div.panel_1 {
	margin: 0.125rem auto 0.313rem auto;
}

div.panel_2 {
	border-top: 0.0625rem solid transparent;
	font-size: .9em;
}

div.panel_3 {
	border-top: 0.0625rem solid gray;
	font-size: 1em;
}

div.panel_4 {
	font-size: .9em;
}

table.login {
	border: 0.0625rem solid #86b5e3;
	background-color: #dceaf7;
	color: black;
}

/*  UTILITIES */
.row {
	height: 1.500em;
}

.row select {
	width: 100%;
}

/* Calendar */
.contentCell div {
	color: white;
	padding: 0.125rem;
	border-radius: 0.313rem;
	margin-bottom: 0.0625rem;
	-moz-border-radius: 0.313rem;
	-webkit-border-radius: 0.313rem;
}

#calendarBodyDiv {
	font-size: .9em;
}

.dayViewCell {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.85;
	color: white;
	cursor: default;
}

.weekViewCell {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.85;
	color: white;
	cursor: default;
}

.monthViewCell {
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.85;
	color: white;
	cursor: default;
}

.input_text {
	border: 0.0625rem solid #7F9DB9;
	padding: 0.125rem;
	background: white url(../i/icons/disabled/magnifier.png) no-repeat
		0.188rem 0.125rem;
	padding-left: 1.188rem;
}

/******************************************************************************
 ** Pop Ups                                                                  **
 *****************************************************************************/
.popup {
	border-width: 0.0625rem;
	border-style: solid;
	-moz-box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	-webkit-box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
		Color='#000000' );
	display: none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;	
	width: 96%; /* 1920px */
	height: 96% /* 1080px */	
}

#popup1024x768 {
	border-width: 0.0625rem;
	border-style: solid;
	-moz-box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	-webkit-box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
		Color='#000000' );
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	max-width: 63.875rem; /* (1024px - 2px) / 16px (default font size) */
	max-height: 47.875rem; /* (768px - 2px) / 16px (default font size) */
	width: 98%; /* 1920px */
	height: 98% /* 1080px */
}

.popup_actions {
	border-width: 0.0625rem;
	border-style: solid;
	-moz-box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	-webkit-box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	box-shadow: 0.1875rem 0.1875rem 0.250rem #000;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
		Color='#000000' );	
	padding: 0em 0.313rem 0.313rem 0.313rem;
	max-width: 18.625rem; /* (300px - 2px) / 16px (default font size) */
	width: 18.625rem; /* (300px - 2px) / 16px (default font size) */
	display: none;
}

span.notification {
	color: white;
	margin: 0.0625rem 0.125rem 0.0625rem 0.0625rem;
	padding: 0.0625rem 0.0625rem 0.0625rem 0.0625rem;
	cursor: pointer;
	float: left;
	line-height: 1.4em;
	text-decoration: none;
	display: block;
	background-color: red;	
	border-right: 0.0625rem solid gray;
	border-bottom: 0.0625rem solid gray;
	border-top: 0.0625rem solid #dedede;
	border-left: 0.0625rem solid #dedede;	
	-moz-border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
	border-radius: 0.3125rem;		
}


.handler_horizontal {
    width: calc(100%);
    height: 0.50rem;
	border-bottom: 0.0625rem solid gray;
	border-top: 0.0625rem solid gray;    
    padding: 0 1px;
    cursor: row-resize;
    background-color: white;
    background: url(../i/handle-h.png) 50% 3px no-repeat;
}

.min320 {
	min-width: 320px;
}
.max320 {
	min-width: 320px;
}
.min340 {
	min-width: 340px;
}
.max340 {
	min-width: 340px;
}

/******************************************************************************
 ** Media Queries                                                            **
 *****************************************************************************/
@media (min-width: 0px) and (max-width: 304px) {
	#header #sessioninfo {
		font-size: .55em; 
	}
}
 
@media (min-width: 305px) and (max-width: 320px) {
	#header #sessioninfo {
		font-size: .65em; 
	}
}

@media (min-width: 321px) and (max-width: 360px) {
	#header #sessioninfo {
		font-size: .8em;
	}
}

@media (min-width: 361px) and (max-width: 375px) {
	#header #sessioninfo {
		font-size: .85em;
	}
}

@media (min-width: 376px) and (max-width: 384px) {
	#header #sessioninfo {
		font-size: .9em;
	}
}

/******************************************************************************************/
/** TEST CSS                                                                             **/
/******************************************************************************************/

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* grid */
.row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10 0 0px;
  margin-bottom: 10px;
  width: calc(99%);
}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
  padding: 2px;
  width: 100%;
  float: left;
}

/******************************************************************************************/
/** Media Queries                                                                        **/
/******************************************************************************************/

@media all and (max-width: 736px ) {
	[class*="col-"] {
		width: 100%;
	}
}

/******************************************************************************************/
/** TEST MEDIA QUERIES                                                                   **/
/******************************************************************************************/
@media all and ( min-width: 736px ) {
  
  /* set col widths */

  .col-1-2, .col-4-8, .col-3-6, .col-6-12 {
    width: 50%;
  }
  
  .col-1-3, .col-2-6, .col-4-12 {
    width: 33.33%;
  }
    .col-2-3, .col-4-6, .col-8-12 {
    width: 66.66%;
  }
  
  .col-1-4, .col-2-8, .col-3-12 {
    width: 25%;
  }
  .col-3-4, .col-6-8, .col-9-12 {
    width: 75%;
  }  
  
  .col-1-5 {
    width: 20%;
  }
  .col-2-5 {
    width: 40%;
  }  
  .col-3-5 {
    width: 60%;
  }  
  .col-4-5 {
    width: 80%;
  }
  
  .col-1-6, .col-2-12 {
    width: 16.66%;
  }
  .col-5-6, .col-10-12 {
  	width: 83.33%;
  }
  
  .col-1-8 {
    width: 12.5%;
  }
  .col-3-8 {
    width: 37.5%;
  }
  .col-5-8 {
    width: 62.5%;
  }
  .col-7-8 {
    width: 87.5%;
  }
  
  .col-1-12 {
  	width: 8.33%;
  }
  .col-5-12 {
  	width: 41.66%;
  } 
  .col-7-12 {
  	width: 58.33%;
  }
  .col-11-12 {
  	width: 91.66%;
  }
    
  .col-10p {
    width: 10%;
  }
  
  .col-12p {
    width: 12%;
  }
    
  .col-15p {
    width: 15%;
  }    
  .col-20p {
    width: 20%;
  } 
  .col-30p {
    width: 30%;
  }
  
  .col-35p {
    width: 35%;
  }  
  .col-40p {
    width: 40%;
  }  
   .col-60p {
    width: 60%;
  }  
   .col-80p {
    width: 80%;
  }    


}


@media all and ( min-width: 500px ) {
	
  #menuoptions {
  	display: none;
  }

}

@media all and ( max-width: 500px ) {
	
  #menuitems {
  	display: none;
  }

}

@media all and ( max-width: 600px ) {
  
  footer #logo {
  	display: none;
  }
  
  footer #copyright {
	font-size: .7em;
}

}

.ts-input {
	padding: 6px;
	display: block;
	width: 100%
}

.ts-select {
	padding: 6px 0 5px 0;
	width: 100%;

}

.ts-check, .ts-radio {
	width: 24px;
	height: 24px;
	position: relative;
	top: 6px
}

.ts-padding-small {
	padding: 4px 8px !important
}

.ts-padding {
	padding: 8px 16px !important
}

.ts-padding-large {
	padding: 12px 24px !important
}

.ts-modal {
	z-index: 3;
	display: none;
	padding-top: 100px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4)
}

.ts-modal-content {
	margin: auto;
	background-color: #fff;
	position: relative;
	padding: 0;
	outline: 0;
	width: 600px
}

.ts-row-padding {
	padding: 0 8px
}

.ts-row:after, .ts-row:before, .ts-row-padding:after, .ts-row-padding:before,
 .ts-row-padding>.ts-col {
	content: "";
	display: table;
	clear: both
}

.ts-rest {
	overflow: hidden
}

@media ( max-width :600px) {
	.ts-modal-content {
		margin: 0 10px;
		width: auto !important
	}
	.ts-modal {
		padding-top: 30px
	}
}

@media ( max-width :768px) {
	.ts-modal-content {
		width: 500px
	}
	.ts-modal {
		padding-top: 50px
	}
}
@media ( min-width :993px) {
	.ts-modal-content {
		width: 900px
	}
}

@media (max-width:768px){.msgtime {font-size: .75em; max-width: 90px !important}.notetime {font-size: .75em; max-width: 90px !important}}



.ts-col {
	float: left;
	width: 100%
}

.ts-col.s1 {
	width: 8.33333%
}

.ts-col.s2 {
	width: 16.66666%
}

.ts-col.s3 {
	width: 24.99999%
}

.ts-col.s4 {
	width: 33.33333%
}

.ts-col.s5 {
	width: 41.66666%
}

.ts-col.s6 {
	width: 49.99999%
}

.ts-col.s7 {
	width: 58.33333%
}

.ts-col.s8 {
	width: 66.66666%
}

.ts-col.s9 {
	width: 74.99999%
}

.ts-col.s10 {
	width: 83.33333%
}

.ts-col.s11 {
	width: 91.66666%
}

.ts-col.s12 {
	width: 99.99999%
}

@media ( min-width :601px) {
	.ts-col.m1 {
		width: 8.33333%
	}
	.ts-col.m2 {
		width: 16.66666%
	}
	.ts-col.m3 {
		width: 24.99999%
	}
	.ts-col.m4 {
		width: 33.33333%
	}
	.ts-col.m5 {
		width: 41.66666%
	}
	.ts-col.m6 {
		width: 49.99999%
	}
	.ts-col.m7 {
		width: 58.33333%
	}
	.ts-col.m8 {
		width: 66.66666%
	}
	.ts-col.m9 {
		width: 74.99999%
	}
	.ts-col.m10 {
		width: 83.33333%
	}
	.ts-col.m11 {
		width: 91.66666%
	}
	.ts-col.m12 {
		width: 99.99999%
	}
}

@media ( min-width :993px) {
	.ts-col.l1 {
		width: 8.33333%
	}
	.ts-col.l2 {
		width: 16.66666%
	}
	.ts-col.l3 {
		width: 24.99999%
	}
	.ts-col.l4 {
		width: 33.33333%
	}
	.ts-col.l5 {
		width: 41.66666%
	}
	.ts-col.l6 {
		width: 49.99999%
	}
	.ts-col.l7 {
		width: 58.33333%
	}
	.ts-col.l8 {
		width: 66.66666%
	}
	.ts-col.l9 {
		width: 74.99999%
	}
	.ts-col.l10 {
		width: 83.33333%
	}
	.ts-col.l11 {
		width: 91.66666%
	}
	.ts-col.l12 {
		width: 99.99999%
	}
}