﻿/*
color scheme:

red:		#a70000

//orange:		#ff7f00
//light gray:	#f2eeed
//mid gray:		#
//dark gray:	#998b84

orange:		#f3901e 

light gray:	#eeeeee
mid gray:	#d3d3d3
dark gray:	Gray

black:		#000000
white:		#ffffff

*/
html, body
{
	height: 100%;
	width: 100%;
	overflow: hidden;
} 

.ui-mobile-rendering > * {
	visibility:visible !important;
}

body
{
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	overflow: hidden;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.loading
{
	background-position: center center;
	background-image: url(../img/ajax-loader.gif); 
	background-color: White;
	background-repeat: no-repeat;
	
	width: 100%;
	height: 100%;
	min-width: 60px;
	min-height: 60px;

	clear: none;
}

#cireMenu {	font-family: Arial, sans-serif;	height: 28px; background-color:Silver;}
#copyright { position: fixed; bottom: 0px; width: 100%; z-index: 5; line-height: 13px; text-align: center; font-size: 7pt; font-weight: bold; background-color: #EEEEEE; border-bottom: solid 1px #898989; border-top: solid 1px #DCDCDC; color: #999999; clear: both; }

#pageHeader { height:49px; }
#pageContent { background-color:Gray; overflow: hidden; visibility:hidden; }

#debugBox
{
	background-color: #f3901e /* orange */;
}


#content
{
	padding: 0px;
	padding-top: 0px;
	padding-left: 0px;
	/*margin-bottom: 5px;*/
	background-color: #c0c0c0;
	overflow: auto;
	margin:12px;
}

#buffer
{
	visibility: hidden;
}

td
{
	vertical-align: top;
}

input, select, textArea, #copyrightLogin, ul.ui-autocomplete li, .emptySelectBox, button
{
	font-size: 9.5pt;
	font-family: Arial, Helvetica, sans-serif;
}

input::-ms-clear
{
    display: none;
}

button, input[type=button]
{
	cursor:pointer;
}

input[type=text]
{
    width:140px;
}

textArea
{
	width: 161px;
	resize: none;
}

select.fixed
{
	width:167px;	
}

select.fixedShort
{
	width:167px;	
}

select.standard
{
	width:auto;
}

select.wideList
{
    width:100%;
    background-color:#f5f5f5;    
}
/* legend */
div#legend { background-color: White; color: Gray; font-weight: bold; position: fixed; bottom: 15px; width: 100%; z-index: 5; padding-left:12px; height:29px; }	
.legendItem { padding: 1px 4px 4px 4px; }
.legendItemImage { font-size: 0pt;	width: 100px;	height: 8px; border: solid 1px #B4B4B4; }
.legendItemText { font-size: 8pt; white-space: nowrap;}


h2 { margin: 0px 4px; font-size: 2.5em; font-weight: lighter; opacity:0.3; clear:both;}
h2.adminSubtitle { margin: 0px 4px; font-size: 1.5em; font-weight: lighter; opacity:0.3; clear:both;}
h3 { margin: 0px 4px; font-size: 1.5em; font-weight: bold; }
h4 { margin: 2px 4px; font-size: 8pt; font-weight: bold; }

.clearBoth { clear:both; display: block !important; }

#copyrightLogin
{
	text-align: center;
	width: 100%;
	position:relative; 
}

a
{
	color: Gray /* dark gray */;
}

.dialogClose {
position: absolute;
top: 0px;
right: 0px;
width: 30px;
height: 30px;
background: transparent url('../img/dialogClose.png');
cursor: pointer;
z-index: 1103;
display: inline;
}

/*
#formContent
{
/*---- fixes FF cursor bug ----
    position: fixed;
    position: expression("absolute");
/*-----------------------------	
}
*/
#searchParams, #searchParamsInfo
{
    background-color: #eeeeee;
    overflow: auto;
    margin: 12px 0px 12px 0px;
}

#searchParams
{
    width:420px;  
}

#searchParamsInfo
{
	margin: 0px;
}

#searchContent
{

}

.resourceTypeAttributeParam
{
	color: black;
	/*font-size: 7pt;*/
	font-size: 0.9em;
	/*font-family: Verdana;*/
	text-align: left;
	/*padding-left: 5px;*/
	white-space: nowrap;
	/* line-height: 30px;*/
	overflow:hidden;
}

.resourcesFound
{
	color: white;
	background-color: #a70000;
	text-align: left;
	line-height: 36px;
	height: 36px;
	overflow:hidden;
	white-space: nowrap;
}

.searchLocationTitle
{
    background-color: #D7D7D7;

    font-size: 1.2em;
    line-height: 36px;
    padding-left: 8px;
}

.resourceTypeAttributeParam
{
	padding-left: 30px;
	white-space: normal;
}

/* text buttons */
.button, .buttonPlaceholder, .buttonDisabled { width: 126px; height: 30px; background-color: transparent; border: solid 2px;	margin: 2px; }
.button, .buttonDisabled { font-size: 10pt;	text-align: center;	outline: transparent none 0px; }
.buttonDisabled { color: #cccccc; background-color: #999999; }
.button::-moz-focus-inner { border: 0; }
.buttonDisabled::-moz-focus-inner { border: 0; }

.colorScheme1
{
	background-color: #a70000;
	color: #ffffff;
}

.colorScheme2
{
	background-color: #f5f5f5;
	color: #333333;
}

.colorScheme3
{
	color: #a70000;
	border-color: #a70000;
}

.colorScheme3a
{
	color: #f3901e /* orange */;
	border-color: #f3901e /* orange */;
}

.colorScheme4
{
	color: white;
	border-color: #a70000;
}

.colorScheme5
{
	color: white;
	background-color: #f3901e !important;
	border-color: #f3901e;
	font-weight: bold;	
}

.title2
{
	font-weight: bold;	
	color: #A70000;
}

div.itemDiv
{
	padding-left: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.itemTypeDiv
{
	border: #d3d3d3 /* mid gray */ 1px solid;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #d3d3d3 /* mid gray */;
}

div.itemTypeItemsDiv, div.itemTypeItemsDivHidden
{
	border: #d3d3d3 /* mid gray */ 1px solid;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #eeeeee /* light gray */;

}

div.itemTypeItemsDivHidden
{
	display: none;
}

.calendarToday, .calendarFuture, .calendarPast, .calendarDayLabel
{
	padding: 4px;
	margin: 0px;
	line-height: 10pt;
	text-align:right;
}

.calendarToday
{
	background-color: #d3d3d3 /* mid gray */;
}

.slider
{
	cursor: e-resize;
}

#testTimeSlot
{
	position: absolute;
	/*display: none;*/
	border: Gray /* dark gray */ 3px solid;
	cursor: pointer;
	background-size: 100% 100%;
	background-image: url('../img/lightGray.gif')
}

div.infobox, div.infoboxHidden
{
	width: 288px;
	font-size: 0.9em;
	overflow: hidden;
}

div.infobox, div.infoboxHidden
{
	background-color: #eeeeee /* mid gray */;
	padding: 5px;
}

div.infobox, div.infoboxHidden
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.windowBox
{
	border: #d3d3d3 /* mid gray */ 1px solid;
	padding: 5px;	
}

.bookingSearchBox
{
	margin: 5px 0px 5px 10px;
}

.bookingSearchBoxTable
{
}

.bookingStatusLabel
{
    padding: 8px;    
}

.bookingSearchBoxTable .bookingStatusLabel
{
    padding: 2px;    
}

.bookingStatusLabelCritical
{
	color: white;
	background-color: #f3901e /* orange */;
	text-align: center;
}

.bookingStatusLabelWarning
{
	color: #a70000;
	background-color: #eeeeee /* light gray */;
	text-align: center;
}

.bookingStatusLabelNormal
{
	color: Gray /* dark gray */;
	background-color: #eeeeee /* light gray */;
	text-align: center;
}


.bookingSearchTitle
{
	color: black;
	line-height: 20px;
	padding: 10px;
	background-color: #eeeeee /* light gray */;
	background-repeat: no-repeat;
	font-weight: bold;
}

#loginBox
{
	position: relative;
	top: -30px;
}


#loginBoxContent
{
	padding: 5px;
	width: 396px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}

div.infoboxHidden, div.calendarboxHidden
{
	display: none;
}

.exception, .formException, .info, .formInfo
{
    color: white;
    text-align: center;
    padding: 4px;
    font-size: 1.2em;
}

.exception, .formException
{
	background-color: #f3901e /* orange */;
}

.formException
{
    display: inline-block;
    overflow: hidden;
    width: 770px;
}

.rightFormException
{
    display: inline-block;
    overflow: hidden;
    width: 441px;
}

.lightFormException
{
    display: inline-block;
    overflow: hidden;
    width: 406px;    
}

.lightFormWidth{}

.formExceptionComment
{
	font-size: 0.9em;
	color: black;	
}

.info, .formInfo
{
	background-color: #999;
}

/*.formException, .formInfo
{
	width:348px;
}*/

.resourcesUl
{
	list-style-type:none;
	margin:0px;
	padding:0px;	
	margin:0px;
	background-color: white;
}
.resourceBox
{
	/*padding: 1px;*/
	clear: both;
	white-space: nowrap;
	display: inline-block;
}

.resourceBoxInBasket
{
}

.resourceBoxInBasket .resourceLabelText
{
    background-color: #3caab2;
    color: White;
}


.basketResourcesChecked
{
    list-style-type: square;
    margin-left: 20px;
}

.basketResourcesLiAvailable
{
    
    list-style-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
}

.basketResourcesLiUnavailable
{
    list-style-type: none;
}

.basketResourcesLiUnavailable::after
{
    content: attr(data-after);
    margin-top: 0rem;
    font-weight: lighter;
    background-color: #F78931 !important; 
    color: White !important;
    padding: 3px;
    display:block;
}

div.resourceLabel, div.resourcesFoundLabel
{
	width: 300px;
	float: left;
	clear: left;
	line-height:12px;
	display: inline-block;
	overflow:hidden;
}

div.resourceLabelText
{
	font-size: 1.2em;
	opacity: 0.9;
	line-height:29px;
	position: relative;
}

div.resourcesFoundLabel
{
	height: 36px;
	line-height:36px;
	font-size: 0.9em;
	opacity: 0.9;
	text-align:left;
	padding-left: 8px;
	width: 292px;
	
}

div.resourceLabel
{
	font-size: 9.5pt;
	/* background-color: White; */
	color: Gray;
}

div.openCloseBox
{
	/*border: #998B84 thin solid;*/
}

div.timeSlotsBox
{
	overflow: hidden;
	white-space: nowrap;
	float: left;
	clear: both;
	height: 24px;
}

div.timeSlotsBoxNotFresh
{
	opacity: 0.5;    
}

div.resourceItemsDiv
{
/*	border-top: #d3d3d3 1px solid;	
	border-left: #d3d3d3 1px solid;
	padding-top: 3px;
	padding-bottom: 3px;	*/
	white-space: nowrap;
}

div.editableBookingTimeSlot, div.timeSlot
{
	border-bottom: #d3d3d3 1px solid;	
	border-right: #d3d3d3 1px solid;
	background-size: 100% 100%;
	display: inline-block;

	height: 100%;
	text-align: center;
	clear: none;
	float:left;
}

div.editableBookingTimeSlot
{
	cursor : pointer;
}

.tsEmpty
{
    background-image: url('../img/Bookings/Empty.jpg')
}

.tsOverdue
{
    background-image: url('../img/Bookings/Overdue.jpg')
}

.tsInUse
{
    background-image: url('../img/Bookings/InUse.jpg')
}

.tsNotInUsePA
{
    background-image: url('../img/Bookings/NotInUse-PA.jpg')
}

.tsNotInUse
{
    background-image: url('../img/Bookings/NotInUse.jpg')
}

.tsFuture
{
    background-image: url('../img/Bookings/Future.jpg')
}

.tsFuturePA
{
    background-image: url('../img/Bookings/Future-PA.jpg')
}

.tsMyFuture
{
    background-image: url('../img/Bookings/MyFuture.jpg')
}

.tsMyFuturePA
{
    background-image: url('../img/Bookings/MyFuture-PA.jpg')
}

.tsMaintenance
{
    background-image: url('../img/Bookings/Future-PA.jpg')
}

.tsFutureMaintenance
{
    background-image: url('../img/Bookings/Future-Maintenance.jpg')
}

.tsNotInUseMaintenance
{
    background-image: url('../img/Bookings/NotInUse-Maintenance.jpg')
}

.tsInUseMaintenance
{
    background-image: url('../img/Bookings/InUse-Maintenance.jpg')
}
.tsOverdueMaintenance
{
    background-image: url('../img/Bookings/Overdue-Maintenance.jpg')
}

            

.tsNonWorking
{
    background-image: url('../img/Bookings/NonWorking.jpg')
}

.tsPast
{
    background-image: url('../img/Bookings/Past.jpg')
}

li.locationLi
{
    /*margin-bottom: 5px;*/
}

div.scaleTimeSlot, div.scaleTimeSlotDays, div.scaleTimeSlotToday, div.scaleTimeSlotTop, div.scaleTimeSlotDaysTopless
{
	text-align: center;
	clear: none;
	float: left;
	border-top: Gray /* dark gray */ 1px solid;
	border-bottom: Gray /* dark gray */ 1px solid;
	border-left: Gray /* dark gray */ 1px solid;
	color: Black;
}

div.scaleTimeSlotTop
{
    background-color: #eeeeee;
    color: Gray;
    line-height: 18px;
    border: none;
}

div.scaleTimeSlotTopAlt
{
     background-color: Silver;
     color: White;
}

div.scaleTimeSlot
{
	background-color: #808080;
	line-height: 18px;
	font-size: 1em;
	margin-top: 4px;
    border: none;
}

div.scrollableBox
{
    display: block;    
}

div.scaleTimeSlotDays, div.scaleTimeSlotDaysTopless, div.scaleTimeSlotToday
{
	background-color: #808080;
	color: white;
	line-height: 18px;
	font-size:0.9em;
	border: none;
}

div.scaleTimeSlotAlt
{
    background-color: #555555;
}

div.scaleTimeSlotToday
{
	background-color: #f3901e /* orange */;
	color: white;
	font-weight:bold;
    border: none;
}

div.scaleTimeSlotDaysTopless
{
	background-color: #eeeeee /* light gray */;
	border-top: Gray /* dark gray */ 1px;
	border: none;
}

div.scaleSecondLine
{
    float: left;
    clear: both;
    display: inline-block; 
}

div.resourceGapWrapper
{
    float: left;
    clear: both;
    height: 2px;    
}

div.resourceGap
{
    border-right: Gray 1px solid;
    border-left: Silver 1px solid;
    /*background-color: #eeeeee;
    color: Gray;*/
    height: 2px;
    overflow: hidden;
    display: inline-block;
}
/*
div.timeslotTag
{

	position:relative;
}
*/

/* tree view */
.menuItem, .rootMenuItem
{
	padding-bottom: 2px;
	padding-top: 2px;
	vertical-align: top;
	white-space: nowrap;
	text-decoration: none;
}

.rootMenuItem
{
	/*font-weight: bold;*/
}

.menuItem
{
	padding-left: 24px;
}



.menuItemContentsShow
{
	display: block;
	visibility: visible;
}

.menuItemContentsHide
{
	display: none;
	visibility: hidden;
}

.menuImage
{
	vertical-align: middle;
}

.menuItem a { outline:none; }
.menuItem a::-moz-focus-inner { border: 0; }

.menuLink
{
	color: black;
	text-decoration: none;	
}

.menuPlus, .menuMinus, .menuBlank, .condensed, .expanded
{
	vertical-align: middle;
	border-style: none;
	width: 24px;
	height: 24px;
}

.condensed, .expanded
{
    float: right;
    top: 0px;
    left: 278px;
    position: absolute;
    /*background-color: White;*/
}

.menuPlus
{
	background-image: url(../img/Icons/Plus.png);
}

.menuMinus
{
	background-image: url(../img/Icons/minus1.png);
}

.condensed
{
    background-image: url(../img/Icons/condensed.png);
}

.expanded
{
	background-image: url(../img/Icons/expanded.png);
}

.menuBlank
{
	/*background-image: url(../img/Icons/blank.gif);*/
}

.menuItemTextSelected
{	
	background-color: #DCDCDC;
}

.menuItemText, .menuItemTextSelected
{
	padding: 2px;
	margin-left: 2px;
	margin-right: 2px;
	white-space: nowrap;
}

.linkItem
{	
	text-decoration: none;
	color: gray;
}

.linkAdminItem
{	
	text-decoration: none;
	/*font-weight: normal;*/
	color: black;
}

.linkButton
{
	/*border-style: solid;
	border-width: 2px;*/
	width: auto;
	background-color: transparent;
	/*line-height: 22px;
	font-size: 0.9em;*/
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}

button.bLinkButton
{
	border-style: solid;
	border-width: 2px;
	font-size: 12px;
	text-decoration: none;
	background-color: transparent;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
}

#bigSlider
{

}

.sliderContainer
{
    height: 28px;
    overflow: visible;
    padding-left: 20px;
    padding-right: 20px;
}

#bigSlider .sliderContainer
{
	height: 50px;
	padding: 0px 12px 0px 12px;
}

.sliderContainer div.ui-slider
{
	margin-top: 7px; /*width: 165px;*/
	background-color: #f3901e /* orange */;
	background-image: none;
	height: 2px;
	position: relative;
	z-index: 0;
	border:none;
}


#bigSlider .sliderContainer div.ui-slider
{
	background-position: left;
	height: 21px;
	margin-left: 6px;
	background-color: #d3d3d3 /* mid gray */;
	background-image: none;
}

.sliderContainer .ui-slider-handle
{
	width: 6px;
	height: 21px;
	line-height: 12px;
	background-color: #d3d3d3 /* mid gray */;
	background-image: none;
	cursor: e-resize;
	position: absolute;
	z-index: 2;
	margin-top: -6px;
	margin-left: -3px;
	border-radius: 3px;
}

.sliderLeftLabel, .sliderRightLabel
{
	height: 12px;
	font-size: 0.9em;
	top: 12px;
	position: relative;
	text-align: center;
	width: 80px;
}

#bigSlider .sliderContainer .ui-slider-handle
{
	height: 24px;
	width: 20px;
	margin-left: -10px;
	margin-top: 1px;
}
.ui-slider-range
{
	display: none;	
	background-color:	Gray;
}

.adminLabel
{
	font-size: 1em;
}
	
.adminLabel2
{
	font-size: 0.9em;
}

#operationsBar
{
	background-color: #d3d3d3 /* mid gray */;
	line-height: 24px;
	height: 30px;
	padding: 6px;
}

.operation, .importantOperation
{
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: white;
    border: none;
    padding: 6px 24px 6px 24px;
    font-size: 1.2em;
}

.operation
{
	background-color: #a70000;
}


.importantOperation
{
	background-color: #f3901e /* orange */;
}

.imageButtonHidden, .imageButtonVisible
{
	position: static;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.imageButtonHidden
{
	visibility: hidden;
	display: none;
}

div.autocompleteInfo
{
	width: 280px;
	background-color: #f3901e /* orange */;
	margin: 0px;
	font-weight: bold;
	color: white;
	display: none;
	padding: 8px;
	font-size: 0.9em;
}

/*
	div.ui-autocomplete {
      position:absolute;
    }
*/
/*
    ul.ui-autocomplete {
      list-style-type:none;
      margin:0px;
      padding:0px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      width:250px;
    }
    ul.ui-autocomplete li a.ui-state-hover { background-color: #ddd4d0;}
    ul.ui-autocomplete li {
      list-style-type:none;
      display:block;
      margin:0;
      padding-left:2px;
      cursor:pointer;
      overflow:hidden;
      line-height: 18px;
    }
    ul.ui-autocomplete li.dummy {
      display: none;
    }
    div.ui-autocomplete div {
		margin:0;
		padding-left:2px;	 
		color: white;
		text-align: left;
		background-color: #FF7F00;     
    }

   div.ui-datepicker
{
	position: absolute;
	background-color: white;
	border: 1px solid #998b84;
	margin: 0px;
	font-size: 0.9em;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
}
*/
.roleUl
{
	margin:0px;
	padding:0px;
}

.resourceDomainUl
{

}


    /*div.calendarContainer ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    
    div.calendarContainer ul li.selected { background-color: #ddd4d0;}
    
    div.calendarContainer ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
    }*/
    


.tooltip
{
	z-index: 100;
	position: absolute;
	padding: 2px;
	background-color: #ffffcc;
	border: black 1px solid;
}

#noAttributes
{
	top:5px;
	position:relative;	
}

.stripContainer
{
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
}

ul.commandList
{
	clear:both;	
}

ul.commandList li
{
	float: left;
	padding-left: 2px;
	padding-right: 2px;
}

input[type='checkbox'].bookingSelector
{
	margin:0px;
	padding:0px;
}

th
{
	text-align:left;	
}

h1
{
	font-size: 12px;
	margin-bottom: 0px;	
	
}

dl
{
	clear: both;
	margin: 0px;
}

dt
{
	width:50%;
	float:left;
	/*margin-top:2px;
	margin-bottom:2px;*/
}

dd
{
	width:50%;
	float:right;
	margin:0px;
	/*margin-top:2px;
	margin-bottom:2px;*/
}


ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

li ul
{
	margin-left:15px;
}

/*
.searchParamsTitle
{
	color: white;
	background-color: #a70000;
	text-align: left;
	line-height: 36px;
	height: 36px;
	font-weight:bold;
	text-align:center;
}
*/
.searchParamsBlock
{
	margin-top: 12px;	
	margin-bottom: 12px;
}
/*
#searchParams dl, #searchParamsInfo dl
{
	height: auto;
	margin: 0px;
}

#searchParams dl dt, #searchParamsInfo dl dt
{
	line-height: 17px;
	font-weight: bold;
	text-indent: 6px;
	padding-bottom: 10px;
}

#searchParams dl dd, #searchParamsInfo dl dd
{
	padding-bottom: 10px;
}
*/

.searchParamsInner dl
{
    margin-left: 8px;    
}


.infobox dl dt,
{
    color: Gray;
}

.infobox dl dd
{
    color: Black;
    padding-left: 10px;
}

.infobox dl dt, .infobox dl dd
{
    float: none;
    width: 100%;
}

.infobox dd.description
{
    padding: 0px;
    background-color: White;
}

.scrollableInsetRT
{
	max-height: 305px;
	height: expression(this.scrollHeight > 305 ? "305px" : "auto"); /* sets max-height for IE */
	overflow: auto;	
	border: #d3d3d3 /* mid gray */ 1px solid;
	background-color: #eeeeee /* light gray */;
	margin-bottom: 4px;
	clear: both;
}

#bookingSearchResults
{
	min-width: 960px;
	height: expression(this.offsetWidth > 960 ? "960px" : "auto"); /* sets min-width for IE */
	background-color: White;
}

.searchParamsInner
{
	overflow: hidden;
	padding: 6px;
}

#loading
{
	padding: 5px;	
}

#panelShowHide
{
    margin: 12px 0px 12px 0px;
    background-color: Silver;
}

.viewType, .viewTypeOver, .viewTypeClick
{
	background-image: url(../img/Buttons/viewType.gif);
	width: 24px;
	height: 24px;
	clear: none;
	border-style: none;
}

.viewTypeOver
{
	background-image: url(../img/Buttons/viewType_over.gif);
}

.viewTypeClick
{
	background-image: url(../img/Buttons/viewType_clicked.gif);
}


.close, .closeOver, .closeClick
{
	background-image: url(../img/Buttons/close.gif);
	width: 12px;
	height: 12px;
	clear: none;
	border-style: none;
}

.closeOver
{
	background-image: url(../img/Buttons/close_over.gif);
}

.closeClick
{
	background-image: url(../img/Buttons/close_clicked.gif);
}


.LRTop_orange
{
	background-image: url(../img/Slider/LRTop_orange.png);
}
.LRLeft_orange
{
	background-image: url(../img/Slider/LRLeft_orange.png);
}
.LRRight_orange
{
	background-image: url(../img/Slider/LRRight_orange.png);
}
.LRBottom_orange
{
	background-image: url(../img/Slider/LRBottom_orange.png);
}



.LRTop_gray
{
	background-image: url(../img/Slider/LRTop_gray.png);
}
.LRLeft_gray
{
	background-image: url(../img/Slider/LRLeft_gray.png);
}
.LRRight_gray
{
	background-image: url(../img/Slider/LRRight_gray.png);
}
.LRBottom_gray
{
	background-image: url(../img/Slider/LRBottom_gray.png);
}

.bookingRequestPending, .bookingRequestNone, .bookingRequestProcessed, .bookingRequestRejected
{
	width: 22px;
	height: 14px;
	/*float: left;*/
	clear: none;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	background-color: white;
	vertical-align: top;
}


.bookingRequestNone
{
	background-image: url(../img/bookingRequest.png);
	background-position: 0px 0px;
}

.bookingRequestRejected
{
	background-image: url(../img/bookingRequest.png);
	background-position: 0px 42px;
}

.bookingRequestProcessed
{
	background-image: url(../img/bookingRequest.png);
	background-position: 0px 28px;	
}

.bookingRequestPending
{
	background-image: url(../img/bookingRequest.png);
	background-position: 0px 14px;
}


.ui-datepicker
{
    border: 2px solid #808080 !important;
    background-color: #e9e9e9 !important;    
    padding: 12px;
    font-size:1.2em;
    z-index:1105 !important;
}

.ui-datepicker-header
{
    border-style: none;
}

.ui-datepicker-prev, .ui-datepicker-next
{
	position: absolute;
}

.ui-datepicker-prev
{
	left: 2px;
}

.ui-datepicker-next
{
	right: 2px;
}

.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}


.itemContainer .ui-datepicker
{
	margin: 0px auto 0px auto;
	font-size: 1.3em;
}

#accordion .ui-accordion-header
{
	font-size: 20px;
	font-weight: normal;
}

#accordion .ui-icon
{
	display: none;	
}

#dateFromPicker .ui-icon
{
	display:inline;	
}

.hasDastePicker
{
	text-align: center;
}


.wizardSelectBox select {
   background: transparent;
   width: 268px;
   padding: 3px;
   font-size: 16px;
   border: 1px solid #ccc;
}

.colorScheme1
{
	background-color: #a70000;
	color: #ffffff;
}

.colorScheme2
{
	background-color: #f5f5f5;
	color: #333333;
}

#debugSandbox
{
	background-color: #FFFFCC;
	border: thin solid #D5DA18;
	padding: 5px;
	position: absolute;
	width: 200px;
	height: 200px;
	top: 0px;
	right: 0px;
}

/*.unselectedItemsDiv
{
	border: #ddd4d0 1px solid;
	background-color: #f2eeed;
	padding: 2px;
	
}*/
/*
ui-datepicker
ui-datepicker-header

ui-datepicker-title
ui-datepicker-month
ui-datepicker-year
ui-datepicker-calendar
ui-datepicker-week-end
ui-datepicker-other-month
ui-datepicker-buttonpane
ui-datepicker-current
ui-datepicker-close
*/

ul.ui-autocomplete {
    background-color:white;
    border:1px solid #888;
}

.ui-autocomplete-category
{
	font-weight: bold;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	background-color: Gray /* dark gray */; font-weight: bold; color: #ffffff; margin: 0;
}

dd.description
{
	background-color: #eeeeee /* light gray */;
	clear:both;
	width:100%;
	margin-bottom: 6px;
}

dd.description p, dd.description pre, dd.description xmp, dd.description plaintext, dd.description listing 
{
	padding: 0 5px 0 5px;
	white-space:normal;
}
/* simpleMDE */

.CodeMirror 
{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.editor-toolbar 
{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.editor-toolbar a 
{
	border-radius: 0px;
}

.editor-toolbar a:before {
	line-height: 20px !important;
}

.editor-toolbar a 
{
	width: 20px;
	height: 20px;
	padding: 0 6px;
	border-style: solid;
    border-width: 2px;
}

.CodeMirror, .CodeMirror-scroll {
    height: 250px;
    min-height: 250px;
}

.dropzone 
{
	width: 110px;
    height: 110px;
    min-height: 110px;
    border: 2px dashed #f3901e /* orange */;
    background: white;
    padding: 10px 10px;
    margin: 4px;
    float: left;
}

.resourceImportDropzone
{
	width: 100%;
    background: transparent;
}

div #images
{
    background: white;
    height: 330px;
    overflow: auto;
    padding: 4px;
}

.image
{
	margin: 4px;
	width: 110px;
	height: 110px;
}

#parentAlbumBoxContent
{
	display:none;	
}

.imageSelected
{
	margin: 0px;	
	border: 4px solid #f3901e /* orange */;
}


.editor-preview h1, .description h1
{
    font-size: 2em;
}

.editor-preview ul, .description ul
{
    list-style-type: disc;
	padding-left: 40px;
}

.ui-dialog {
	padding: 0;
	border: 0;
	background-color: #f5f5f5;
}

.ui-dialog .ui-dialog-titlebar-close {
	left: .3em !important;
}
.ui-dialog .ui-dialog-title {
	margin: .1em 0 .1em 1.2em !important;
}

iframe
{
	border: 0;
	width: 100%;
	height: 100%;
}

.oddRow
{
	background-color: #FFFFFF;
}

.evenRow
{
	background-color: #F5F5F5;
}

.oddRow:hover
{
	background-color: #DCDCDC;
	color: #333333;	
}

.evenRow:hover
{
	background-color: #DCDCDC;	
	color: #333333;
}

tr.ui-sortable-helper td
{
	visibility: hidden;
}

tr.ui-sortable-helper td.handleLabel
{
	visibility: visible;
}

.qrImage
{
    width: 245px;    
    height: 245px;
}

.radioButton, .radioButtonChecked, .radioButtonChecked:hover
{
    padding: 3px !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #f3901e !important;
    font-size: 12px !important;
    color: #f3901e !important;
    text-decoration: none !important;
    background-color: transparent !important;
    font-weight: bold !important;
    width: 45px !important;
}

.radioButtonChecked, .radioButtonChecked:hover
{
    background-color: #f3901e !important;
    color: White !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border: 1px solid #f3901e;
    background: #f3901e;
    color: #FFFFFF;
}

.ui-menu-item-wrapper 
{ 
    color: #666666 !important;
    background-color: white !important; 
    white-space: nowrap !important; 
    border: 1px solid White !important;
    font-size: 14.4px !important;
    padding-left: 8px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
    background-color: #eeeeee !important;
    font-weight: normal !important;
    font-size: 14.4px !important;
    white-space: nowrap !important;
	color: #666666 !important;
    padding-left: 8px !important;
}

.indent
{
    margin-left: 16px;
}

.autocompliteUserSecondLine
{
    font-style: italic;
    opacity: 0.7;
}

.ui-mobile fieldset 
{
    display: inline-block;
}

.nameTag 
{
    margin-top: -18px;   
    margin-right: 16px; 
    text-align: right;
    color: Gray;
    font-weight: bold;
    font-size: 1.2em;
    height: 18px;
}

.fieldDetailsTable
{
    width: 100%;    
    border-spacing: 6px 2px;
}

.fieldDetailsTable tbody
{
    width: 100%;
    
}

.fieldDetailsTable td
{
    /*vertical-align: middle;*/
}

.whPreviewTable
{
    width: 100%;    
    background-color:#D7D7D7;
}
