/**
   Package     : WebRoot/global/application.css
   Application : PropertyTrak
   Author      : Bensoft
   Purpose     : Style Sheet for propertytrak
   Spec        : N/A

   History
   -------
   Date        Version         Name            Description
   ----------- ------------    --------------  ---------------------------------------------------------
---------------------------
   ??/??/05    V1.0.BEN.0.0    Bensoft         Written
   01/04/08    V1.0.FW.0.1     Florence Wallin #13355 - Added option_required class to render multiselect options which are required and cannot be removed
   26/05/08    V1.0.FW.0.2     Florence Wallin #17711 - add padding between columns for list_00 and list_01
   07/08/08    V1.0.FW.0.3     Florence Wallin #20172 - Sub table sticks outside top table in Firefox3
   13-Aug-2008 V1.0.FW.0.4     Florence Wallin #19988 - Print format
*/
/*!!!!!!!!!!!!!!!! IMPORTANT (below) !!!!!!!!!!!!!!!!*/
div.clipped{
		width: 100%;
		height: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
}
div.clipped_2rows{
		height: 36px;
		overflow: hidden;
		text-overflow: ellipsis;
		/*background-color:Lime;*/
		max-width: 500px;
}
div.unclipped_2rows{
		height: 36px;
		/*background-color:aqua;*/
}
/*!!!!!!!!!!!!!!!! IMPORTANT (above)!!!!!!!!!!!!!!!!
	the above style(div.clipped) is being indexed,
	definitons enclosed are dynamicly Modified at runtime
	Adding entrys above, Removing, or Relocation these CSS Rules will cause problems
*/
body{
	border-bottom: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}

#menu_item {
	color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}
.menu_item a {
	color: #000000;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}


#list-menu {
	width: 120px;
}

#list-menu a {
	display: block;
	width: 120px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #000000;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
	background-color: #0066cc;
	text-decoration: none;
}

#list-menu a:link,#list-menu a:active,#list-menu a:hover {
	border: 1px solid #000000;
	background: #363636;
	color: #ffffff;
}

a.base_menu {
	width: 121px;
	height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #ffffff;
  background-color: #294a9c;
  text-decoration: none;
  background-image: url("../global/colorPicker/images/base_nav_off.gif");
}

a.base_menu span {
	position: relative;
  text-align: left;
	padding-left: 11px;
  top: 4px;
  letter-spacing: -0.025em;
}



a.base_menu:active,a.base_menu:hover {
  border: none;
  background: #363636;
  color: #ffffff;
  background-image: url("../images/base_nav_on.gif");
}

a.base_main_menu  {
  position:relative;
  top: 1px;
  bottom: -1px;
    display: block;
    width: 118px;
    padding: 2px 0px 2px 0px;
    border: 1px solid #000000;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color: #ffffff;
    background-color: #0066cc;
    text-decoration: none;
}

a.base_main_menu:active,a.base_main_menu:hover {
    position:relative;
    top: 1px;
    bottom: -1px;
    border: 1px solid #000000;
    background: #363636;
    color: #ffffff;
}

.doc_main_menu a {
  width: 121px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  color: #ffffff;
  background-color: #294a9c;
  text-decoration: none;
    background-image: url("../images/base_nav_doc_off.gif");
}

.doc_main_menu a:active,.doc_main_menu a:hover {
  border: none;
  background: #363636;
  color: #ffffff;
  background-image: url("../images/base_nav_doc_on.gif");
}

.doc_main_menu span {
  position: relative;
  text-align: left;
  padding-left: 27px;
  top: 4px;
  letter-spacing: -0.025em;
}

#nav_menu {
	width: 350px;
}

.nav_menu a {
	display: block;
	width: 100%;
	padding: 2px 5px 2px 5px;
	border: 1px solid #000000;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
	background-color: #294a9c;
	text-decoration: none;
}

.nav_menu a:active,.nav_menu a:hover {
	border: 1px solid #000000;
	background: #363636;
	color: #ffffff;
}

.nav_main_menu a {
	position:relative;
	top: 1px;
	bottom: -1px;
    display: block;
    width: 118px;
    padding: 2px 0px 2px 0px;
    border: 1px solid #000000;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    color: #ffffff;
    background-color: #0066cc;
    text-decoration: none;
}

.nav_main_menu a:active,.nav_main_menu a:hover {
    position:relative;
    top: 1px;
    bottom: -1px;
    border: 1px solid #000000;
    background: #363636;
    color: #ffffff;
}

.nav_main_menu span {
  position: relative;
  text-align: left;
  padding-left: 11px;
  top: 0px;
  letter-spacing: -0.025em;
}

html{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.app_wrapper {background-color: #ffffff;width: 100%;margin: 0px;padding: 0px;border: 0px;}
.list_00 {color: #000000;font-size: 11px;background-color: white;text-decoration: none;margin: 0;padding: 5px;line-height: 18px;}
.list_01 {color: #000000;font-size: 11px;background-color: #cccccc;text-decoration: none;margin: 0;padding: 5px;line-height: 18px;}

div.data_pane_row {background-color: #000000;margin: 0px;padding: 2px;visibility: visible;border: 0px;}
div.data_pane_write {background-color: #808080;margin: 0px;padding: 2px;visibility: visible;border: 0px;}
div.data_pane_col_02 {background-color: #808080;margin: 0px;padding: 2px;visibility: visible;border: 0px;}
div.data_subpane_list {background-color: #ffffff;width: 300px;height:150px;overflow: auto;margin: 0px;padding: 2px;visibility: visible;}
div.data_pane_popup {background-color: #000000;width: 300px;height:150px;margin: 0px;padding: 2px;visibility: visible;}
div.data_popup_list {background-color: #000000;width: 90%;height:75%;overflow: auto;margin: 0px;padding: 2px;visibility: visible;}
.data_pane_header {color: #ffffff;font-size: 12px;padding: 2px;background: #808080;}
.data_pane_read_header {color: #000000;font-weight: bold;font-size: 10px;padding: 2px;background: #ffffff;border: 0px;}
.data_pane_read {color: #000000;font-size: 10px;padding: 2px;background: #ffffff;border: 0px;}
.data_pane_write_header {color: #000000;font-weight: bold;font-size: 10px;padding: 2px; border: 0px;}
.data_pane_flagged {color: #860101;font-weight: bold;font-size: 10px;padding: 2px;border: 0px;}
.data_pane_write {color: #000000;font-size: 10px;padding: 2px;background: #808080;border: 0px;}
.spacer {font-size: 16px; color: #000000;font-weight: bold;}
select{
	BACKGROUND-IMAGE: url(../images/blank.gif);
	HEIGHT: 24px;
	font-family: verdana,arial,helvetica,sans-serif;
}
select.multiple{
	height: auto;
	width: 75%;
}
select.multiple_full{
	height: auto;
	width: 100%;
}
select.multiple_report{
	height: 6em;
	width: 15em;
}
select.con_multiple{
	height: auto;
	width: 209px;
}

select.clipped{
	/*width: 155px;*/
}
.clipped_input{
		width: 167px;
		height: 21px;
}

.clipped{
		width: 175px;
		height: 21px;
		overflow: hidden;
		text-overflow: ellipsis;
}

.clipped_230{
		width: 230px;
		//height: 22px;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-top: 0;
  		padding-bottom: 0;
}
.clipped_220{
		width: 220px;
		//height: 22px;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-top: 0;
  		padding-bottom: 0;
}

input.clipped_220{
		width: 213px;
		//height: 22px;
		overflow: hidden;
		text-overflow: ellipsis;
}

.clipped_250{
		width: 250px;
		//height: 21px;
		overflow: hidden;
		text-overflow: ellipsis;
}
.clipped_state{
    width: 230px;
    height:21px;
    overflow:hidden;
    text-overflow: ellipsis;
}

.multirowwordwrap {
    width: 16em;
    height: 4em;
    word-wrap: break-word;
    height: auto;
    -moz-binding: url("../xbl/moz-word-wrap.xml#wordwrap");
}

input{
	BACKGROUND-IMAGE: url(../images/blank.gif);
	HEIGHT: 24px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
}

input.imagebtn{
	HEIGHT: auto;
	WIDTH: auto;
}

input.calendar{

	BACKGROUND-IMAGE: url(../images/calendar_input.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right top;
	WIDTH: 120px;
	HEIGHT: 24px;
	cursor: pointer;
	margin-right: 4px;
	padding-left: 3px;
	padding-right: 32px;

}
input.money{
	PADDING-LEFT: 11px;
	BACKGROUND-POSITION: left top;
	BACKGROUND-IMAGE: url(../images/$.gif);
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 24px;

}

td.norm{background:#ffffff;}
table.control{width:100%; border-collapse:collapse; background:#808080; padding:0; margin:0;}

form {
	margin: 0; margin-bottom: 0; margin-left: 0;margin-right: 0; margin-top: 0;
}

tr.listing td{
	color: 			#000000;
	font-size: 		11px;
	margin: 		0;
	padding: 		1px;
	line-height: 	18px;
	white-space: normal;
	padding-right: 2px;
	padding-left: 2px;
}

.listing_1row{
    color:          #000000;
    font-size:      11px;
    margin:         0;
    padding:        1px;
    line-height:    18px;
    height:         18px;
    white-space: normal;
    padding-right: 2px;
    padding-left: 2px;
    overflow: hidden;
}

.listing	{
	color: 			#000000;
	font-size: 		11px;
	margin: 		0;
	padding: 		1px;
	line-height: 	18px;
	white-space: normal;
		padding-right: 2px;
	padding-left: 2px;
}
tr.label td{
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
	padding: 		2px;
	background: 	#ffffff;
	border-bottom:	#808080 1px solid;
}
.label{
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
	padding: 		2px;
	border-bottom:	#808080 1px solid;
	white-space: nowrap;
}
.label-2{
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
	padding: 		2px;
	background: 	#ffffff;
}
.label-plain{
    color:          #000000;
    font-weight:    bold;
    font-size:      12px;
    padding:        2px;
}

.boldtext{
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
	padding: 		2px;
	white-space: nowrap;
}
.stlabel{
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
	padding: 		2px;
	white-space: nowrap;
}

.errorLabel{
	color: 			#FF0000;
	font-weight: 	bold;
	font-size: 		10px;
	padding: 		2px;
	background: 	#ffffff;
	white-space: nowrap;
}

.noticeLabel {
  font-weight:  bold;
  font-size:    12px;
  padding:    2px;
  background:   #ffffff;
  white-space: nowrap;
}

.noticeText {
  font-style:  italic;
  font-size:    12px;
  padding:    2px;
  background:   #ffffff;
  white-space: nowrap;
}

.grayedOutText {
  color: #a19d9a;
}

td{
	BORDER: 	none;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
}

td.building{
	background-image: url("../images/left_bg.gif");
	background-repeat: repeat-y;
	width: 125px;
	vertical-align: top;
}

table.sub tr td{
	word-wrap: break-word;
	text-align:left;
}

textarea{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
}

table.step, table.step tr, table.step tr{
    BORDER-RIGHT:   #000000 1px solid;
    BORDER-TOP:     #000000 1px solid;
    BORDER-LEFT:    #000000 1px solid;
    BORDER-BOTTOM:  #000000 1px solid;
    BORDER-COLLAPSE:collapse;
    margin: 0%;
    width: 100%;
}

table.step tr td {
    BORDER-RIGHT:   #000000 1px solid;
    BORDER-TOP:     #000000 1px solid;
    BORDER-LEFT:    #000000 1px solid;
    BORDER-BOTTOM:  #000000 1px solid;
    BORDER-COLLAPSE:collapse;

}
table{
	border-collapse: collapse;
}

.small{
	font-size: small;
}
.xx-small{
	font-size: xx-small;
}
.error{
	color:red;
	text-align: right;
	white-space: nowrap;
}
.image-button{
	border: none;
}
.cal_butt{
	WIDTH: 35px;
	HEIGHT: 19px
}
.emergency-header{
	border-bottom:	black 0px solid;
	BACKGROUND-COLOR:		#ff0000;
	color: 		#ffffff;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	height: 1px;
}

.top-header{
	border-bottom:	black 1px solid;
	BACKGROUND-COLOR:		#0066CC;
	color: 		#ffffff;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	height: 1px;
	padding:0px;
}
.top{
	border: #000000 1px solid;
	border-collapse:collapse;
	background-color: #ffffff;
	width: 100%;
	margin: 5px auto;
}
.top-header, tr.top-header td{
	border-bottom:	black 0px solid;
	BACKGROUND-COLOR:		#0066CC;
	color: 		#ffffff;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	height: 1px;
	white-space: nowrap;
	padding: 0px;
}
.top-controls{
	BORDER-TOP: 	#000000 1px solid;
}
top-alt{
	background-color: #E2F3FF;
}
.sub{
	BORDER-RIGHT: 	#808080 1px solid;
	BORDER-TOP: 	#808080 1px solid;
	BORDER-LEFT: 	#808080 1px solid;
	BORDER-BOTTOM: 	#808080 1px solid;
	BORDER-COLLAPSE: collapse;
	background-color: #ffffff;
	width:98%;
	margin: 1% auto 1% 1%;
}

.sub-header, tr.sub-header, tr.sub-header td{
	color: 			#ffffff;
	font-weight: 	bold;
	font-size: 		12px;
	padding: 		2px;
	background-color:#808080;
	white-space: nowrap;
}
tr.sub-controls td, .sub-controls{
	BORDER-TOP: 	#808080 1px solid;
}
tr.sub-controls td{
	BORDER-TOP: 	#808080 1px solid;
}
.truncate_excess{
	white-space: nowrap;
	 width:100%;
	overflow: hidden; height: 21px;

}
.entry_optional{
	white-space: normal;
	min-width: 150px;
	max-width: 160px;
	padding-left: 12px;
	background-image: url(../images/arrow_grey.gif);
	background-position: left center;
	vertical-align: middle;
	BACKGROUND-REPEAT: no-repeat;
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
}
.entry_optional_top{
	white-space: nowrap;
	padding-left: 12px;
	background-image: url(../images/arrow_grey.gif);
	background-position: left top;
	vertical-align: top;
	BACKGROUND-REPEAT: no-repeat;
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
}
.entry_optional_tabbed{
	white-space: nowrap;
	padding-left: 25px;
	background-image: url(../images/arrow_grey_tabbed.gif);
	background-position: left center;
	vertical-align: middle;
	BACKGROUND-REPEAT: no-repeat;
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
}

.entry_required_tabbed{
	white-space: nowrap;
	padding-left: 25px;
	background-image: url(../images/arrow_red_tabbed.gif);
	background-position: left center;
	vertical-align: middle;
	BACKGROUND-REPEAT: no-repeat;
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
}
.entry_required{
	white-space: nowrap;
	padding-left: 12px;
	background-image: url(../images/arrow_red.gif);
	background-position: left center;
	vertical-align: middle;
	BACKGROUND-REPEAT: no-repeat;
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
        width:                  165px;
}
td.entry_required{
	white-space: normal;
	min-width: 150px;
	max-width: 160px;
	padding-left: 12px;
	background-image: url(../images/arrow_red.gif);
	background-position: left center;
	vertical-align: middle;
	BACKGROUND-REPEAT: no-repeat;
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
    width:165px;
}
.entry_required_top{
	white-space: nowrap;
	padding-left: 12px;
	background-image: url(../images/arrow_red.gif);
	background-position: left top;
	vertical-align: top;
	BACKGROUND-REPEAT: no-repeat;
	color: 			#000000;
	font-weight: 	bold;
	font-size: 		10px;
}
.entry_warning_tabbed{
  white-space: nowrap;
  padding-left: 25px;
  background-image: url(../images/arrow_yellow_tabbed.gif);
  background-position: left center;
  vertical-align: middle;
  BACKGROUND-REPEAT: no-repeat;
  color:      #000000;
  font-weight:  bold;
  font-size:    10px;
}
.entry_warning{
  white-space: nowrap;
  padding-left: 12px;
  background-image: url(../images/arrow_yellow.gif);
  background-position: left center;
  vertical-align: middle;
  BACKGROUND-REPEAT: no-repeat;
  color:      #000000;
  font-weight:  bold;
  font-size:    10px;
        width:                  165px;
}
td.entry_warning{
  white-space: normal;
  min-width: 150px;
  max-width: 160px;
  padding-left: 12px;
  background-image: url(../images/arrow_yellow.gif);
  background-position: left center;
  vertical-align: middle;
  BACKGROUND-REPEAT: no-repeat;
  color:      #000000;
  font-weight:  bold;
  font-size:    10px;
    width:165px;
}
.entry_warning_top{
  white-space: nowrap;
  padding-left: 12px;
  background-image: url(../images/arrow_yellow.gif);
  background-position: left top;
  vertical-align: top;
  BACKGROUND-REPEAT: no-repeat;
  color:      #000000;
  font-weight:  bold;
  font-size:    10px;
}
tr.original_wo{
	background-color: #FFb9b9;
        color:                  #000000;
        font-size:              11px;
        margin:                 0;
        padding:                1px;
        line-height:    18px;
        white-space: normal;
        padding-right: 2px;
        padding-left: 2px;
}
img{
	border: 0px;
}
img.button{
	cursor: pointer;
}
tr.cal_day-names td{
	BORDER-RIGHT: 	#000000 1px solid;
	BORDER-TOP: 	#000000 1px solid;
	BORDER-LEFT: 	#000000 1px solid;
	BORDER-BOTTOM: 	#000000 1px solid;
	BORDER-COLLAPSE:collapse;
}
tr.cal_day td{
	BORDER-RIGHT: 	#808080 1px solid;
	BORDER-TOP: 	#808080 1px solid;
	BORDER-LEFT: 	#808080 1px solid;
	BORDER-BOTTOM: 	#808080 1px solid;
	BORDER-COLLAPSE: collapse;
}
.priority_emergency{color: red;}
.priority_critical{color: magenta;}
.priority_high{}
.priority_medium{}
.priority_low{}

a.button {
	display: block;
	padding: 3px;
	overflow:visible;
	text-decoration: none;
    border-width: 4px;
    color: #FFFFFF;
	font-weight: bold;
    background-color: #294a9c;
	border-style: outset;
}
a.button:link {
    color: #FFFFFF;
	font-weight: bold;
    background-color: #294a9c;
	border-style: outset;
}
a.button:visited {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #294a9c;
	border-style: outset;
}
a.button:hover {

    font-weight: bold;
    color: #FFFFFF;
	background-color: #3367e8;
	border-style: outset;
}
a.button:active {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3367e8;
	border-style: inset;
}
input.button {
	//height:24px;
	//padding: 2px;
    border-width: 0;
    color: #FFFFFF;
	font-weight: bold;
    background-color: #294a9c;
    border-radius: 2px;
}
input.button_hov {
	//height:24px;
	//padding: 2px;
    color: #FFFFFF;
	font-weight: bold;
    background-color: #3367e8;
    border-radius: 2px;
    border-width: 0;
}
input.buttonSmall {
	height:18px;
	padding: 0px;
    border-width: 2px;
    color: #FFFFFF;
	font-weight: bold;
    background-color: #294a9c;
    font-size: 9px;
}
input.buttonSmall_hov {
	height:18px;
	padding: 0px;
    border-width: 2px;
    color: #FFFFFF;
	font-weight: bold;
    background-color: #3367e8;
    font-size: 9px;
}
input.up_button {
    background-color: #294a9c;
    background-image: url(../graphics/up_arrow.png);
    background-position: top center;
    background-repeat: no-repeat;
    width:18px;
    height:15px;
    padding: 0px;
    border-width: 2px;
    color: #FFFFFF;
    font-weight: bold;
}
input.up_button_hov {
    background-color: #3367e8;
    background-image: url(../graphics/up_arrow.png);
    background-position: top center;
    background-repeat: no-repeat;
    width:18px;
    height:15px;
    padding: 0px;
    border-width: 2px;
    color: #FFFFFF;
    font-weight: bold;
}
input.down_button {
    background-color: #294a9c;
    background-image: url(../graphics/down_arrow.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    width:18px;
    height:15px;
    padding: 0px;
    border-width: 2px;
    color: #FFFFFF;
    font-weight: bold;
}
input.down_button_hov {
    background-color: #3367e8;
    background-image: url(../graphics/down_arrow.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    width:18px;
    height:15;
    padding: 0px;
    border-width: 2px;
    color: #FFFFFF;
    font-weight: bold;
}
input.button_disabled {
   	height:24px;
	padding: 2px;
    border-width: 2px;
    color: #FFFFFF;
	font-weight: bold;
    background-color: #BBBBBB;
}.no_size{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 0px;
	width: 0px;
}
INPUT.password{
	width: 138px;

}

input.checkbox{
	margin: 0%;
	padding: 0%;
}

input[type="image"] {
    height: auto;
}

.step-header, tr.step-header, tr.step-header td{
        BORDER-RIGHT:   #000000 1px solid;
        BORDER-TOP:     #000000 1px solid;
        BORDER-LEFT:    #000000 1px solid;
        BORDER-BOTTOM:  #000000 1px solid;
	color: 			#ffffff;
	font-weight: 	        bold;
	font-size: 		12px;
	padding: 		2px;
	background-color:       #363636;
	white-space: nowrap;
}

span.errorMessage {
    color: #FF0000;
    font: 12px arial;
}
span.errorStatus {
    color: #FF0000;
    font-weight: bold;
}
td.v2_list_td_icon {
    width:  1%;
}

td.v2_list_td_header {
    width:      8.3%;
    font-size:  10px;
    font-weight: bold;
    overflow:    auto;
}

td.v2_list_td_bold {
    width:      8.3%;
    font-size:  10px;
    font-weight: bold;
    overflow:    auto;
}

td.v2_list_td {
    width:      8.3%;
    font-size:  10px;
    overflow:    auto;
}

.v2_list_fullwidth {
    width:      100%;
}

.pagination {
    font-weight: bold;
}

div.wo_cnt{
	background-image: url("../images/wo_spanner.gif");
	background-repeat: no-repeat;
	height:     19px;
	width:      19px;
    font-weight: bold;
    text-align: center;
}

option.option_required {
    background-color: #FFDDDD;
    font-weight: bold;
}

input.emergency_button {
	//height:24px;
	//padding: 2px;
    //border-width: 2px;
    color: #FFFFFF;
	font-weight: bold;
    background-color: #CC0000;
    border-radius: 2px;
    border-width: 0;
}
input.emergency_button_hov {
	//height:24px;
	//padding: 2px;
    //border-width: 2px;
    color: #FFFFFF;
	font-weight: bold;
    background-color: #FF0000;
    border-radius: 2px;
    border-width: 0;
}
input.inactive_button {
	//height:24px;
	//padding: 2px;
    //border-width: 2px;
    color: #FFFFFF;
	font-weight: bold;
    background-color: #aaa;
    border-radius: 2px;
    border-width: 0;
}
tr.vendor_prop_hov {
    background-color: #EEEEEE;
    color: #555555;
	font-weight: bold;
}
tr.vendor_prop_0 {
    background-color: #AAAAAA;
    color: #FFFFFF;
	font-weight: bold;
}

tr.vendor_prop_1 {
    background-color: #888888;
    color: #FFFFFF;
	font-weight: bold;
}

div.header_banner {
    position: absolute;
    left:   0px;
    top:  0px;
    height: 74px;
    width: 89%;
    margin: 0px;
    background-repeat: no-repeat;
}

div.header_tabbuttons {
    position: absolute;
    right: 0px;
    top: 54px;
    height: 20px;
    width:  300px;
}

td.loginfo {
    background-color: #363636;
    text-align: right;
    white-space: nowrap;
}

td.menunav {
    width:  123px;
    height: 100%;
}

.footer {
    height: 14px;
    font-family: verdana, arial, sans;
    color: #ffffff;
    font-size: 1;
    font-weight: bold;
    background-color: #363636;
    //position: absolute;
	width: 100%;
	bottom: 0;
}

.version {
    width:  18%;
    font-size: xx-small;
    color: #777777;
}

div#container{ margin: 0 2%; background: transparent}
div#tab_title{ background: #363636}
b.rtop{height: 5px; display:block;background: transparent;}
b.rtop b{display:block;height: 1px;overflow: hidden; background: #363636}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4{margin: 0 1px;height: 2px}

.standard {

}

.dialogContent {
	width:auto;
	text-align:center;
}




/* move management */
fieldset {
	//width:              93%;
	border:             solid #212E3A 1px;
	margin:             10px auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:20px;
}

legend {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid;
    font-weight: bold;
    padding: 2px 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.miniMap {
  width:              98.5%;
  border:             solid #212E3A 1px;
  margin:             0 !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding:4px !important;
}

.inputField{
    clear: both;
    padding-bottom: 3px;
}

.fieldLabel {
    float: left;
    margin-right: 20px;
    overflow: hidden;
    width: 160px;
}

.inputfield input, .inputfield select, .inputfield textarea {
    border-color: #C3C3C3;
    border-style: ridge ridge groove groove;
    border-width: 1px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
}

.inputfield select, .inputfield input[type=text]{
    height: 25px;
    width: 210px;
}

.inputfield textarea {
	width:210px;
}

.inputField .errorMessage {
    color: red;
    font-weight: bold;
    margin-left: 160px;
}
.ui-datepicker-trigger {
    margin-bottom: -5px;
}

.buttonLine {
    clear: both;
    padding: 10px 0 0;
    text-align: center;
}

.resultsData {
    border: 1px solid #212E3A;
    color: #212E3A;
    margin: 10px auto;
    //width: 97%;
table-layout: fixed;

}

.resultsData th {
    background-color: #F1F1F1;
    border-bottom: 1px solid #3C3C3C;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-top;
    height:25px;
    min-width: 82px;
}

.resultsData .odd {
    background-color: #ECECEC;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

.resultsData .even {
	background-color: white;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

.resultsData .hovcolor{
	background-color: #FDDE53;
}

tr.resultsData-highlight {
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-size:          9pt;
	background-color:   yellow;
	color:              #212E3A;
}

table.selectableresultsData{
	border: 1px solid #212E3A;
    color: #212E3A;
    margin: 10px auto;
    width: 97%;
}
table.selectableresultsData td{
	padding: 8px 6px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
	border: 1px solid #212E3A;
}

table.selectableresultsData .inputField{
	color:#000;
}

table.selectableresultsData fieldset{
	color:#000;
}

table.selectableresultsData th{
	background-color: #F1F1F1;
    border-bottom: 1px solid #3C3C3C;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-top;
}

table.selectableresultsData .even{
	background-color: #FFF;
}
table.selectableresultsData .odd{
	background-color: #efefef;
}
table.selectableresultsData .hovcolor{
	background-color: #FDDE53;
	cursor:pointer;
}
table.selectableresultsData .highlightcolor{
	font-family:        Verdana, Arial, Helvetica, sans-serif;
	font-size:          9pt;
	background-color: #2D439D;
	color:#FFF;
}

table.contactDetails {
 	border: 1px solid #212E3A;
    color: #212E3A;
    width: 350px;
    height:100%;
}

table.contactDetails th {
    background-color: #F1F1F1;
    border-bottom: 1px solid #3C3C3C;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-top;
    height:23px;
}

#contactRequestView {
 position:relative;
}

.tableRowDetailsContainer {
    background-color: #FDDE53;
    border: 1px solid black;
    display: none;
    padding: 20px;
    vertical-align: top;
    width: 450px;
    position: absolute;
    right: 30px;
}

.detailsDown {
    margin-top: 8px;

}

.detailsUp {
    margin-top: -282px;
}

.createListItem {
    background: url("../graphics/new_icon.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 15px;
    margin-right: 5px;
    text-indent: 20px;
}

.viewListItem {
    background: url("../images/png-icons.png") repeat scroll -102px -40px transparent;
    display: block;
    float: left;
    height: 20px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.manageListItem {
    background: url("../images/png-icons.png") repeat scroll -195px -40px transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: -100px;;
    width: 25px;
    overflow:hidden;
}

.blankListItem {
    background: transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.editListItem {
    background: url("../images/png-icons.png") repeat scroll -165px -40px transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.removeListItem {
    background: url("../images/png-icons.png") repeat scroll -227px -40px transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.cloneListItem {
    background: url("../images/png-icons.png") repeat scroll -257px -40px transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.lockListItem {
    background: url("../images/png-icons.png") repeat scroll -415px -103px transparent;
	display: block;
    float: left;
    height: 25px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.unlockListItem {
    background: url("../images/png-icons.png") repeat scroll -385px -103px transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}
.pauseListItem {
    background: url("../images/png-icons.png") repeat scroll -385px -8px transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}
.playListItem {
    background: url("../images/png-icons.png") repeat scroll -352px -8px transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.blankSpaceListItem {
    display: block;
    float: left;
    height: 25px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.unRemoveListItem {
    background: url("../images/png-icons.png") repeat scroll -135px -40px transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: 30px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.assignListItem {
    background: url("../images/png-icons.png") repeat scroll -445px -40px transparent;
    display: block;
    float: left;
    height: 20px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}

.floorPlanListItem {
    background: url("../images/floorplan.png") transparent;
    display: block;
    float: left;
    height: 25px;
    text-indent: -150px;
    width: 25px;
    overflow:hidden;
}

.progressDialogLoading {
    padding: 30px;
    text-align: center;
}

.sort-up {
    background: url("../images/png-icons.png") no-repeat scroll -72px -12px transparent;
    display: block;
    float: right;
    height: 20px;
    text-indent: 30px;
    width: 20px;
    overflow:hidden;
}

.sort-dn {
    background: url("../images/png-icons.png") no-repeat scroll -107px -12px transparent;
    display: block;
    float: right;
    height: 20px;
    text-indent: 30px;
    width: 25px;
    overflow:hidden;
}

.listPagation {
    margin: 0 auto;
    width: 95%;
    font-size: 11px;
}

.listPagation p {
	padding: 0;
	margin: 0;
}

.listPagationCount {

}

.listPagationPageList {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 625px;
}

.listPagationPagePrevFirst {
	float:left;
    width: 125px;
}

.listPagationPagePrevFirst a {
	margin-right:5px;
}

.listPagationPageNextLast {
    float: right;
    text-align: right;
    width: 125px;
}

.listPagationPageNextLast a {
	margin-right:5px;
}

.filterCriteriaWrapper {

}

.filterCriteriaLeft {
	float:left;
	width:50%;
}

.filterCriteriaRight {
	float:left;
	width:50%;
}

.contentMain {
    margin: 0 auto 10px;
    text-align: left;
    min-width:525px;
    width: 100%;
}

.contentMainLeft {
	float:left;
	width: 50%;
}

.contentMainRight {
	float:right;
	width: 50%;
}

.openCloseFilter {
    color: #1B00F0;
    cursor: pointer;
    float: right;
    margin-top: -15px;
    padding-right: 20px;
}

/*
.ui-button {
	margin-left: -18px;
}
.ui-button-icon-only .ui-button-text {
	padding: 0.15em;
}
*/
.inputField .ui-autocomplete-input {
    margin: 0;
    padding: 0 0 0 1px;
    min-width:140px;
    border: 3px groove #C3C3C3;
    height:20px;
}

.inputField button.ui-button-icon-only {
    border: medium none;
    height: 24px;
    margin-left: -17px;
    width: 15px;
}

.inputField button.ui-button-icon-only .ui-button-text {
	padding: 0.15em;
}

.floorsWrapper {
	margin-bottom: 15px
}

.floorsWrapper .floorsHeaderContainer {
    margin: 0 auto;
    width: 97%;
}

.floorsWrapper .floorsFooterContainer {
    margin: 20px auto;
    width: 97%;
}

.floorsHeaderContainer h3 {

}

.floorsHeaderContainer .buttonLine {
    margin-top: -35px;
    padding: 0;
    text-align: right;
}

.floorsWrapper .floorsDataContainer{

}

.floorsDataContainer .buttonLine {
    margin-bottom: 10px;
    padding: 0;
}


.floorsFooterContainer .buttonLine {
    margin-bottom: 10px;
    margin-top: -5px;
    padding: 0;
    text-align: right;
}

.contactsWrapper {
	margin-bottom: 15px
}

.contactsWrapper .contactsHeaderContainer {
    margin: 0 auto;
    width: 97%;
}

.contactsWrapper .contactsFooterContainer {
    margin: 20px auto;
    width: 97%;
}

.contactsHeaderContainer h3 {

}

.contactsHeaderContainer .buttonLine {
    margin-top: -35px;
    padding: 0;
    text-align: right;
}

.contactsWrapper .contactsDataContainer{

}

.contactsDataContainer .buttonLine {
    margin-bottom: 10px;
    padding: 0;
}


.contactsFooterContainer .buttonLine {
    margin-bottom: 10px;
    margin-top: -5px;
    padding: 0;
    text-align: right;
}

.roomsWrapper {
	margin-bottom: 15px
}

.roomsWrapper .roomsHeaderContainer {
    margin: 0 auto;
    width: 97%;
}

.roomsWrapper .roomsFooterContainer {
    margin: 20px auto;
    width: 97%;
    clear:both;
}

.roomsHeaderContainer h3 {

}


.roomsHeaderContainer .buttonLine {
    margin-top: -35px;
    padding: 0;
    text-align: right;
}

.roomsWrapper .roomsDataContainer{
    margin: 0 auto;
    width: 97%;
}

.roomsDataContainer .roomsData {
    float: left;
    padding: 0 25px 0 0;
    width: 325px;
}

.roomsData .buttonLine{
    margin-bottom: 10px;
    padding: 0;
}

.roomsFooterContainer .buttonLine {
    margin-bottom: 10px;
    margin-top: -5px;
    padding: 0;
    text-align: right;
}

.requestData {
    margin: 0 auto;
    width: 775px;
}

.requestTickets {
	clear:both;
}

.requestTicket {
    float: left;
    overflow: visible;
    width: 48%;
}

.requestTasks {

}

.scheduledStartInput {
    float: right;
}

.requestTicketDataWrapper {
    clear: both;
    margin: 0 auto;
    overflow: visible;
    padding: 20px 0;
    width: 775px;
}

.requestTicketDataContainer {
    margin: 0 0 0 10px;
    overflow: visible;
}

.requestTicketNotes {
	float:right;
}

.requestTicketHeader {
    clear: both;
}

.requestTicketTypeName {
    float: left;
    font-weight: bold;
    padding: 0 5px 0 0;
}

.requestTicketTypeStatus {
	font-weight: normal;
	float:left
}

.tasksWrapper {
	width:775px;
	overflow:visible;
	clear:left;
}

.tasksContainer {
	width:225px;
	float:left;
}

.requestTicketInfo {
    margin: 0 auto;
    width: 775px;
}

.requestEntityContainer {
    margin: 0 auto;
    width: 775px;
}

.requestTicketNotescontainer {
    margin: 0 auto;
    width: 775px;
}

.requestTicketNotescontainer textarea {
	width:550px
}

.requestTicketNotice {
    margin: 0 auto;
    width: 775px;
}

.relatedTickets {
    margin: 0 auto;
    width: 775px;
}

.requestTicketEntityWrapper {
    clear: both;
    margin: 0 auto;
    overflow: visible;
    width: 775px;
}

.requestEntityEditHeader {
    display: block;
    float: left;
    text-align: center;
    width: 165px;
}

.requestEntityViewData {
    display: block;
    float: left;
    text-align: center;
    width: 165px;
}

.copyTo {
    background: url("../images/png-icons.png") no-repeat scroll -50px -12px transparent;
    display: block;
    float: left;
    height: 20px;
    text-indent: 30px;
    width: 15px;
    overflow:hidden;
}

.additionalDataTrigger {
    background: url("../images/png-icons.png") no-repeat scroll -135px -75px transparent;
    cursor: pointer;
    float: right;
    height: 25px;
    width: 20px;
}

.additionalDataText {
	display:none;
	border:3px solid #B9B9B9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:	15px 10px;
	position: absolute;
	background: #FFF;
	max-width:250px;
}

.additionalDataText .tail {
    background: url("../images/speechbubbletemplates.png") no-repeat scroll -7px -236px transparent;
    display: block;
    height: 25px;
    left: -34px;
    margin-top: -25px;
    position: relative;
    top: 31px;
    width: 25px;
}

.propertyManagementTabs {
    margin: 15px auto;
    //width: 97%;
}

.uploadProgressBar{
	width:300px;
	height:20px;
}

.uploadStatus {
    color: #1F1F1F;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: -10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: -20px;
    width:300px;
	z-index: -1;
}

.uplaodNormall {
    color: #322322;
}

.uploadError {
	color: red;
}
.statusMessage{
    color: red;
    font-size: 10px;
    font-weight: bold;
}

.fileUploadIFrame {
	border: none;
}

.fileUploadContent {
    background: none repeat scroll 0 0 #FFF;
    clear: both;
    overflow: hidden;
    text-align: left;
}

.fileUploadContent p {
	margin:0;
	padding:0;
}

.fileColumnContainer {
	float:left;
	width:50%;
}
.tableColumnContainer{
	float:left;
	width:50%;
}

/* summary pages */
table.requestList {
	cursor:pointer;
}

table.requestList th {
    background-color: #F1F1F1;
    border-bottom: 1px solid #3C3C3C;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-top;
}

table.requestList .odd {
    background-color: white;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

table.requestList .even {
    background-color: #ECECEC;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

table.requestList .hovcolor{
	background-color: #FDDE53;
}

table.requestTicketsList {
	cursor:pointer;
}

table.requestTicketsList th {
    background-color: #F1F1F1;
    border-bottom: 1px solid #3C3C3C;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-top;
}

table.requestTicketsList .odd {
    background-color: white;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

table.requestTicketsList .even {
    background-color: #ECECEC;
    color: #212E3A;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

table.requestTicketsList .hovcolor{
	background-color: #FDDE53;
}

/* overview page */

.overview-ticketData {
    float: right;
    min-width: 320px;
    overflow: hidden;
    position: relative;
    top: -20px;
}

.overview-ticketData .overview-field {
    float: left;
    text-align: right;
    width: 100%;
}

.overview-ticketData .overview-field .overviewLabel{
    float: left;
    width: 60%;
}

.overview-fieldsWrapper {
    clear: both;
    position: relative;
    top: -10px;
    width: 100%;
}
.overview-fieldsLeft {
	float:left;
	width: 50%;
}
.overview-fieldsRight {
	float:right;
	width: 50%;
}
.overview-field {
    clear: both;
    float: left;
    margin: 2px 0;
    width:100%
}

.overviewLabel {
	float:left;
	width: 40%;
}

.overviewFieldContainer{
	float:left;
	width:60%;
}

.overviewField {
    float: right;
    margin-right: 5px;
    text-align:left;
    width:100%;
}

.changed {
	text-decoration: line-through;
}

.new {
	color:red;
}

.overview-buttonline {
    clear: both;
    float: left;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}

.contentWrapper {
	margin: 0 auto;
}

.departTicket {
	background: none repeat scroll 0 0 #E1E1E1;
    opacity: 0.7;
    overflow: hidden;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#createNewLink {
	padding: 0 20px;
}

.requestItemList {
    float: left;
    list-style: none outside none;
    padding: 0 10px;
    width: auto;
}

.requestItemList li {
    list-style: decimal inside none;
    margin: 5px 0;
    width: 100%;
}

.ticket-status-ticket {
	color:red;
	width:40%;
}

.ticket-status-no-ticket {
	color:black;
}

.requestItemDataContainer {
    left: 15px;
    position: relative;
}

.requestItemList li .moreHandle {
	cursor:pointer;
    display: block;
    float: right;
    min-width: 50%;
    padding: 0 2px;
    text-align: left;
    color: blue;
    font-size: 10px;
}

.requestItemAddtionalInformation {
    display: block;
    float: right;
    font-size: 10px;
    margin: 0 15px 0 0;
    padding: 5px 10px;
    position: relative;
    top: -15px;
    width: auto;
}

.taskSelectContainer {
    float: left;
    margin: 0 auto 10px;
    width: 100%;
}

.taskSelect {
	float:left;
	clear:none;
	width:33%
}

#templateSelectContainer .ui-autocomplete-input {
	margin: 0;
	padding: 0 0 0 1px;
	min-width: 350px;
	border: 3px groove #C3C3C3;
	height: 20px;
}

.itemsPerPageContainer{
	float: right;
	margin: 0 20px;
	font-size: .95em;
}

.requestInstruction {
	padding: 0 20px;
}

a.clearRequestItemLink {
}

.cfErrorMsg {
	background-image: url('../images/icons/sign_error.png');
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-right: 32px;
  background-color: #EA8E8E;
  color: #ffffff;
  display: block;
}
.cfWarningMsg {
  background-image: url('../images/icons/sign_warning.png');
  background-color: #FFE866;
  color: #000000;
  background-repeat: no-repeat;
  padding-left: 24px;
  margin-right: 32px;
  display: block;
}


.field-label {
	float: left;
	font-weight: bold;
	display: block;
	width: 180px;
}

.object-field {
	margin: 0px;
	width: 400px;
}



.sub-container {
	background: #fafafa;
	width: 50%;
	padding: 10px;
	float: left;
}

/*
* FEATURES
*/


.feature-beta {
	background-color: #f0ad4e;
}

.feature-new {
	background-color: #5cb85c;
}

.feature-label {
	cursor: help;
	text-decoration: none;
	display: inline;
	padding: .2em .6em .3em;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.purchase-order {
    border: 1px solid #000;
    border-collapse: collapse;
    background-color: #FFF;
    width: 100%;
    margin: 5px auto;
}
.purchase-order-cell {
    height: auto;
    vertical-align: top;
    min-width: 50%
}
.purchase-order-header, tr.purchase-order-header td {
    border-bottom: 0px solid #000;
    background-color: #06C;
    color: #FFF;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    height: 1px;
    white-space: nowrap;
    padding: 0px;
}
.purchase-order-number, .purchase-order-number tr {
    border: 1px solid #000;
    padding: 0;
    width: 100%;
    text-align: center;
}
.purchase-order-number td {
    border-top: 1px solid #000;
}
.purchase-order-address {
    border-collapse: collapse;
    vertical-align: top;
    width: 100%;
}
.purchase-order-address th {
    text-align: left;
}.purchase-order-address td {
    background: #ccc;
}
.purchase-order-terms {
    border: 1px solid #000;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 5px;
}
.purchase-order-terms th {
    background: #ccc;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}
.purchase-order-terms td {
    background: #fff;
    border-left: 1px solid #000;
    padding-left: 3px;
}
.purchase-order-items {
    border: 1px solid #000;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 5px;
}
.purchase-order-items th {
    background: #ccc;
    border-left: 1px dotted #000;
    border-bottom: 1px solid #000;
}
.purchase-order-items td {
    border-left: 1px dotted #000;
    padding-left: 3px;
}
.center-text {
    text-align: center;
}
.disguise-as-link {
	color: blue !important;
	text-decoration: underline;
	cursor: pointer;
}
.print-icon {
	background: url("../images/png-icons.png") repeat scroll -196px -72px transparent;
    display: block;
    float: left;
    height: 20px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}
.warning-icon {
	background: url("../images/png-icons.png") repeat scroll -133px -72px transparent;
    display: block;
    float: left;
    height: 20px;
    text-indent: -100px;
    width: 25px;
    overflow:hidden;
}
.error-message {
	color: #c00;
}
@media print {
	.top, .purchase-order {
		border: none;
	}
	.print-icon, .hide-on-print {
		display: none !important;
	}
}
div.unorderedOptionList {
	background: #fff;
	position: absolute;
	display: none;
	border: #000 1px solid;
}
div.unorderedOptionList ul {
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
}
div.unorderedOptionList ul li{
	padding-left: 5px;
	padding-right: 5px;
}
div.unorderedOptionList ul li:hover{
	background: #0066cc;
	color: #fff;
}
.drop-button {
	border-left: 1px solid #EEE;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
float: right;
height: 28px;
width: 19px;
margin-left: -2px;
border-right: 1px solid #CCC;
border-width: 1px;
border-style: solid;
border-color: #CCC #CCC #CCC #EEE;
width: 16px;
height: 16px;
}
.task-title {
	color: #fff;
	padding: 3px;
	border-radius: 5px;
}
.no-text-decoration {
	text-decoration: none;
}
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../global/colorPicker/images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../global/colorPicker/images/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../global/colorPicker/images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../global/colorPicker/images/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../global/colorPicker/images/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../global/colorPicker/images/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../global/colorPicker/images/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../global/colorPicker/images/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../global/colorPicker/images/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../global/colorPicker/images/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../global/colorPicker/images/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../global/colorPicker/images/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}
.calendarEntryExample {
	color: #fff;
	border-radius: 5px;
	margin: auto;
	padding: 3px;
}
.messageTab {
	background-color: white;
	color: navy;
	font-weight: normal;
	padding: 3px;
}
.highlightedMessageTab {
	background-color: #0066cc;
	color: white;
	font-weight: normal;
	padding: 3px;
}
.centerOnPage {
	display: inline-block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 200px;
	height: 100px;
	margin: auto;
}
.centerSentMessageDetailsOnPage {
	display: inline-block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 775px;
	margin: auto;	
}
.centerMessagPromptOnPage {
	display: inline-block;
	position: fixed;
	top: 0;
	margin: auto;
}
.hideElement {
	display: none !important;
}
.navLocationActiveEmergency {
	background: #c00;
}
.navLocationActiveEmergencyActive {
	background: #f00;
}
.scrollit {
    overflow:scroll;
    height:100px;
}
.imageContainerWithCheckbox { position: relative; width: 50px; height: 50px; float: left; margin-left: 10px; }
.imageContainerWithCheckboxNewLine { position: relative; width: 50px; height: 50px; margin-left: 10px; }
.imageContainerWithCheckbox150 { position: relative; width: 150px; height: 150px; float: left; margin-left: 10px; }
.imageContainerWithCheckboxNewLine150 { position: relative; width: 150px; height: 150px; margin-left: 10px; }
.checkboxOverImage { position: absolute; bottom: 0px; right: 0px; }

/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); } }
@-o-keyframes left-right {
  0% {
    -o-transform: translateY(-20%) translateX(-10%);
       transform: translateY(-20%) translateX(-10%); }
  100% {
    -o-transform: translateY(0%) translateX(10%);
       transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
         -o-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); }
  100% {
    -webkit-transform: translateY(0%) translateX(10%);
         -o-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); } }
@-o-keyframes right-left {
  0% {
    -o-transform: translateY(0%) translateX(10%);
       transform: translateY(0%) translateX(10%); }
  100% {
    -o-transform: translateY(-20%) translateX(-10%);
       transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
         -o-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%); }
  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
         -o-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url("./slideshow/img/sy-loader.gif") 50% 50% no-repeat;
  -webkit-background-size: 32px 32px;
          background-size: 32px;
  min-height: 40px; }
  .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
    visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%; }
  .sy-slides-wrap:hover .sy-controls {
    display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute; }
  .sy-list.horizontal {
    -webkit-transition: left ease;
         -o-transition: left ease;
            transition: left ease; }
  .sy-list.vertical {
    -webkit-transition: top ease;
         -o-transition: top ease;
            transition: top ease; }

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2; }
  .sy-slide.kenburns {
    width: 140%;
    left: -20%; }
    .sy-slide.kenburns.useCSS {
      -webkit-transition-property: opacity;
           -o-transition-property: opacity;
              transition-property: opacity; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
        -webkit-animation-name: left-right;
             -o-animation-name: left-right;
                animation-name: left-right;
        -webkit-animation-fill-mode: forwards;
             -o-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
      .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
        -webkit-animation-name: right-left;
             -o-animation-name: right-left;
                animation-name: right-left;
        -webkit-animation-fill-mode: forwards;
             -o-animation-fill-mode: forwards;
                animation-fill-mode: forwards; }
  .sy-slide.sy-active {
    z-index: 3; }
  .sy-slide > img {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0; }
  .sy-slide > a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%; }
    .sy-slide > a > img {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0; }
  .sy-controls li {
    position: absolute;
    width: 10%;
    min-width: 4.2em;
    height: 100%;
    z-index: 33; }
    .sy-controls li.sy-prev {
      left: 0;
      top: 0;
      	background: transparent;
		box-shadow: 0px 0px #000;
	 }
      .sy-controls li.sy-prev a:after {
        background-position: -5% 0; }
    .sy-controls li.sy-next {
      right: 0;
      top: 0;
      	background: transparent;
		box-shadow: 0px 0px #000;
	 }
      .sy-controls li.sy-next a:after {
        background-position: 105% 0; }
    .sy-controls li a {
      position: relative;
      width: 100%;
      height: 100%;
      display: block;
      text-indent: -9999px; }
      .sy-controls li a:link, .sy-controls li a:visited {
        opacity: 0.4; }
      .sy-controls li a:hover, .sy-controls li a:focus {
        opacity: 0.8;
        outline: none; }
      .sy-controls li a:after {
        content: "";
        background-image: url("./slideshow/img/arrows.svg");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
                background-size: cover;
        text-align: center;
        text-indent: 0;
        line-height: 2.8em;
        color: #111;
        font-weight: 800;
        position: absolute;
        background-color: #fff;
        width: 2.8em;
        height: 2.8em;
        left: 50%;
        top: 50%;
        margin-top: -1.4em;
        margin-left: -1.4em;
        border-radius: 50%; }
  @media only screen and (max-device-width: 600px) {
    .sy-controls {
      display: block; }
      .sy-controls li {
        min-width: 2.1em; }
        .sy-controls li a:after {
          width: 1.4em;
          height: 1.4em;
          margin-top: -0.7em;
          margin-left: -0.7em; } }

/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
  left: 50%; }
  .sy-caption-wrap .sy-caption {
    position: relative;
    left: -50%;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    padding: 0.4em 1em;
    font-size: 24px;
    border-radius: 1.2em; }
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
      color: #e24b70;
      font-weight: 600;
      text-decoration: none; }
    .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
      text-decoration: underline; }
  @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .sy-caption-wrap {
      left: 0;
      bottom: 0.4em; }
      .sy-caption-wrap .sy-caption {
        left: 0;
        padding: 0.2em 0.4em;
        font-size: 0.92em;
        border-radius: 0; } }

/* pager bubbles */
.sy-pager {
  clear: both;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center; }
  .sy-pager li {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 1em 0 0;
    border-radius: 50%; }
    .sy-pager li.sy-active a {
      background-color: #e24b70; }
    .sy-pager li a {
      width: 100%;
      height: 100%;
      display: block;
      background-color: #ccc;
      text-indent: -9999px;
      -webkit-background-size: 2em 2em;
              background-size: 2em;
      border-radius: 50%; }
      .sy-pager li a:link, .sy-pager li a:visited {
        opacity: 1.0; }
      .sy-pager li a:hover, .sy-pager li a:focus {
        opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%; }
  .sy-filler.ready {
    -webkit-transition: padding 600ms ease;
         -o-transition: padding 600ms ease;
            transition: padding 600ms ease; }
.demo_wrapper {
	width: 100%;
	margin: 0 auto;
}
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
    width: 80%;
  }  
}
.demo_block {
	width: 100%;
}
.div-sub-header{
	color: 			#ffffff;
	font-weight: 	bold;
	font-size: 		12px;
	padding: 		2px;
	background-color:#808080;
	white-space: nowrap;
	width: 98%;
	margin: 0 auto;
}
.div-filter-list {
	width: 98%;
	margin: 0 auto;
	border: 1px #000 solid;
	padding: 3px 1px;
}
#retractFilter {
	border: 1px solid #000;
    border-radius: 3px;
    float: left;
    z-index:1;
    background: #294a9c;
    text-align: center;
	margin: 0 auto;
    margin-left: 1%;
    cursor: pointer;
    color: #fff;
    padding: 2px 2px 2px 2px;
    font-size: 14px;
    position: relative;
    top: -10px;
}
.colorSwatch {
	width: 43px;
	height: 43px;
	display: inline-block;
}
.verticalAlignRadioButtonWithLabel {
	vertical-align: middle;
}
/* Both Sidebars *//*
#sidebar,
#sidebar-alt,
.sidebar-partial #sidebar,
.sidebar-alt-partial #sidebar-alt {
    width: 150px;
}
*/
.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 160px;
    //z-index: 999999999999;
    z-index: 9;
    position: relative;
}
#holdContentForStruts {
	z-index: 9999999;
	position: fixed;
	top: 0px;
	left: 160px;
}
/* Main Light Colors */
.sidebar-nav a,
.header-section h1 i,
blockquote:before {
    color: #ffffff;
}
.sidebar-content {
	background: #0066cc;
}
.sidebar-nav a {
	text-decoration: none;
}
.sidebar-nav ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 -10px;
    background: rgba(0, 0, 0, 0.3);
}
.sidebar-nav li {
	border-top: 1px solid #203978;
	border-bottom: 1px solid #14244c;
	cursor: pointer;
}
.sidebar-nav > li {
	background: #06c;
}
.sidebar-nav-mini-hide
, .sidebar-nav li ul li {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 25px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	cursor: pointer;
}
.sidebar-nav li ul li a {
	margin-left: 16px;	
	display: inline-block;
}
.sidebar-nav-indicator {
	padding-top: 6px;
	float: right;
}
.navLink {
	cursor: pointer;
}
.fa {
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	display: inline-block;
	font-family: FontAwesome;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 400;
	line-height: 0px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	opacity: 1;
	text-align: center;
	text-rendering: auto;
	width: 18px;
	margin: 0 4px 0 3px;
}
.sidebar-content {
    width: 160px;
    color: #ffffff;
}
.sidebar-brand {
    background: url('../images/logo-white.gif');
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-size: 150px auto;
    background-repeat: no-repeat;
    background-position: center;
}
.qr-code {
	margin-top: 5px;
	margin-bottom:5px;
}
.checklistMessage {
	color: #c60303;
	text-decoration: underline;
	text-decoration-color: #000;
}
#map {
  height: 100%;
}
/* selecting locations for QR code scanning */
.listSelectable {
    width: 530px;
    height: 200px;
}
.listSelectable_container {
    width: 260px;
    border: 1px solid rgb(0, 0, 0);
    height: 182px;
    float: left;
}
.listSelectable .actions {
    background-color: rgb(56, 97, 203) !important;
    display: flex;
    height: 30px;
}

.listSelectable .actions span{
    margin: auto;
}
.listSelectable input[type='text'] {
    display: block;
    width: 120px;
    height: 20px;
    border-right: 0px none rgb(0, 0, 0);
    border-radius: 5px;
    margin: auto;
}
.listSelectable ul {
    height: 150px;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: auto;
}
.listSelectable li {
    background-color: rgb(230, 230, 230);
    display: flex;
    width: 100%;
    margin-bottom: 2px;
}
.listSelectable table {
    width: 100%;
    height: 32px;
}
.listCheckbox {
    width: 10%;
}
 .listLabelSelected {
    width: 80%;
}
.listLabelAvailable td {
    width: 90%;
}
.listAddRemove {
    width: 10%;
    font-weight: bold;
    cursor: pointer;
}
.pointer {
    cursor: pointer;
}
.height64 {
	height: 64px;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar,  #snackbar2{
	visibility: hidden; /* Hidden by default. Visible on click */
	min-width: 250px; /* Set a default minimum width */
	margin-left: -125px; /* Divide value of min-width by 2 */
	background-color: #4a82d4; /* Black background color */
	color: #fff; /* White text color */
	text-align: center; /* Centered text */
	border-radius: 10px; /* Rounded borders */
	padding: 16px; /* Padding */
	position: fixed; /* Sit on top of the screen */
	z-index: 1; /* Add a z-index if needed */
	left: 50%; /* Center the snackbar */
	top: 30px; /* 30px from the top */
	font-size: 1.2em;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.displayToast, #snackbar2.displayToast {
    visibility: visible; /* Show the snackbar */
	/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
	However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 3s;
    animation: fadein 0.5s, fadeout 0.5s 3s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {top: 0; opacity: 0;}
} 
div.errorMessageSnackBar {
	background: #f8d7da !important;
	border: 3px solid #f5c6cb !important;
	color: #721c24 !important;
}

.successMessageSnackBar {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: 3px solid #c3e6cb !important;
}
.warningMessageSnackBar {
    color: #000 !important;
    background-color: #f2d507 !important;
    border-color: 3px solid #d2b507 !important;
}
.left {
	float: left;
}
.right {
	float: right;
}
#hidden_common_request {
	z-index: 99;
}
#ui-datepicker-div {
	margin-left: 150px;
}
.report-title {
	width: 320px;
}
.saved-report-title {
	width: 320px;
	margin-top: 3px;
}
.right-justify {
	text-align: right;
}
.short-input {
	width: 70px;
}
.password-expired {
	background: #ff4a4a;
	border-radius: 5px;
	padding: 3px;
}
.password-expires-soon {
	background: yellow;
	border-radius: 5px;
	padding: 3px;
}
.gantt_chart_pending {
	background: #5a7cc7;
}
.gantt_chart_active {
	background: #a96655;
}
.gantt_chart_completed {
	background: #abdc55;
}
.gantt_chart_overdue {
	background: #f04138;
}
.gantt_chart_progress {
	background: #a3a3ff;
}
.gantt_chart_pending .bar{
	fill: #5a7cc7 !important;
}
.gantt_chart_active .bar{
	fill: #a96655 !important;
}
.gantt_chart_completed .bar{
	fill: #abdc55 !important;
}
.gantt_chart_overdue .bar{
	fill: #f04138 !important;
}
.bar-progress {
	height: 5px;
}
.tooManyRows {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.floorplan_thumbnail {
	max-width: 75px;
}
.overflow {
    max-height: 150px;
    cursor: pointer;
}

.shrink {
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    -o-text-overflow:ellipsis !important;
}
.shrink br {
	display: none;
}
.expanded {
    max-height:none !important;
}
.expanded br {
	display: derault;
}
#main {
	min-height: 1000px;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.question-mark {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background-color: #06c;
  color: white;
}
.tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: -30px;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  //visibility: visible;
}

.tooltip {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    z-index: 9999;
    display: none;
    font-size: 15px;
}

/* Optional: Additional styling for the custom select div */
.custom-select {
  position: relative;
  display: inline-block;
}

/* CSS for styling the select menus */
.custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0px 30px 0px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  color: #333;
  cursor: pointer;
}

/* Create the downward triangle */
div.custom-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #555;
  transform: translateY(-50%);
  pointer-events: none;
}
/* Hover State */
select:hover {
  border-color: #888;
  cursor: pointer;
}

/* Focus State */
select:focus {
  outline: none;
  border-color: #007BFF;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
.redBackground {
	background: #c00 !important;
	transition: opacity 1s ease-in-out;
}
.redBackgroundWithBorder {
	background: #c00 !important;
	transition: opacity 1s ease-in-out;
	border: 1px solid #000;
}
.brownBackground {
	background: #dd8108 !important;
	transition: opacity 1s ease-in-out;
}
.greyBackground {
	background: #666666!important;
	transition: opacity 1s ease-in-out;
}
.stripeRow_00 {color: #000000;background-color: white;}
.stripeRow_01 {color: #000000;background-color: #cccccc;}
		
.custom-dropdown-menu {
	position: absolute;
    background-color: #ddd;
    color: #333;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000; /* Ensures it floats above other elements */
    //pointer-events: none; /* Prevents the div from blocking mouse events */
    font-size: 16px;
}

.custom-dropdown-menu ul {
    padding-left: 0; /* Remove default left padding */
    margin-left: 0; /* Remove default left margin */
    list-style: none; /* Optional: Remove bullets entirely */
}