/*
**	This is the main MyPC styles file.
*/

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: Gray;/*background-image: url(../img/new/page_back.png); background-repeat: repeat; background-position: left top;*/ }
body {overflow: hidden;}
body, select, input, textarea, ul.ui-autocomplete li { font-size: 9.5pt;	font-family: Arial, sans-serif, Tahoma; }

#clockTime, #dateLabel
{
	font-size: 1.5em;
	font-weight: bold;
	padding: 4px;

}
#cireMenu {	font-family: Arial, Tahoma, sans-serif;	border: solid 1px #000000; }
#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; }

#treeView { overflow: auto; width: 270px; text-decoration: none; background-color: #eeeeee; color: #000000; margin: 12px; }
#itemsView { overflow: auto; background-color: #FFFFFF; margin: 12px; margin-left: 0; padding: 6px; position: relative; }
#itemsViewPathBox { margin: 0px 6px 0px 0px; padding: 4px 16px 4px 4px; color: #333333; background-color: #EEEEEE}

#bookingGrid { overflow: hidden; }
#bookingGridParams { vertical-align: middle; padding: 4px; margin: 12px; /* border-top: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; background-image: url(../img/new/gridHeader_back.png); background-position: center center; background-repeat: repeat-x;*/ }
.gridHeaderGroup { border: solid 0px #aaaaaa; padding: 1px; margin: 0px 8px 0px 0px; }

#bookingGridContent { overflow: hidden; margin: 0px 12px 12px 12px; background-color:Silver;}
table.bookingGridMainTable {  }

#locationResources { overflow: hidden; }
#locationSlices { overflow: auto; }
#bookingQueue { padding: 5px; }

.defaultViewText { width: 100%;}
.setDefaultViewInner { text-align: center; font-size: 1.5em; padding: 4px;}
.setDefaultViewInner a { color: white; text-decoration: none; }
.setDefaultViewInner a:hover { text-decoration: underline; }

/* quick booking page */
#qb_outer_container { width: 845px; margin: 1px auto 20px auto; overflow: auto; }
#qb_inner_container { overflow: auto; }
#qb_title { width: 817px; height: 50px; line-height: 53px; padding-left: 11px; clear: both; }
#qb_layout_table { border: solid 6px #014E82; border-collapse: collapse; }
.qb_layout_td { vertical-align: top; border: solid 6px #014E82; }
#qb_filters { overflow: auto; padding: 0 10px; width: 370px; padding-bottom: 10px; }
#qb_filters_content { }
	.filter_criteria_box { margin-top: 10px; }
	.fcb_header table { border-collapse: separate; }
	.fcb_title { width: 180px; }
	.fcb_all_btn { background-color: #999999; width: 60px; text-align: center; cursor: pointer; }
	.fcb_specific_btn { background-color: #999999; width: 60px; text-align: center; cursor: pointer; }
	.fcb_btn_highlighted { background-color: #76C13C; }
	.fcb_content { border-top: 1px solid #DCDCDC; margin: 0 5px; display: none; }
	#fcb_duration { margin-top: 10px; }
	#qb_find_button { margin-top: 10px; float: right; }
	#qb_whenDatePicker .ui-state-active { border: 1px solid #76C13C !important; }
	#quick_bookForUsername { width: 105px; }
	.noCharging { margin: 2px; }
	.noCharging #quick_bookForUsername { width: 129px; }
	#quick_freeBooking { width: 13px; }
	#fcb_duration_table { border-spacing: 5px; border-collapse: separate; }
	
	.qb_button { width: 68px; height: 34px; line-height: 34px; font-size: 11pt; text-align: center; cursor: pointer; }
	.qb_hover_shadow:hover { text-shadow: 0 0 0 transparent, 0 0 2pt rgba(255, 255, 255, 0.9); }
	
#qb_results { width: 400px; padding: 10px; font-size: 10pt; }
	#qb_can_be_created { margin-bottom: 10px; font-size: 10pt; }
	#qb_results .expectedException { margin-bottom: 5px; }
	#qb_results_booking { }
		#qb_results_booking table.description { width: 100%; font-size: 11pt; border: 0 none; }
		#qb_results_booking table.description tr td { padding: 4px 10px; border: 1px solid #DCDCDC; }
		#qb_validation_messages .tableException { text-align: center; width: 100%; font-weight: bold; color: #FF7070; border: 1px solid #DCDCDC; }
		#quick_fail_reason_title { padding: 4px; }
		#quick_fail_reason { border: 1px solid #DCDCDC; background-color: #EF8F88; }
		#quick_fail_reason .tableException { width: 100%; }
		#quick_fail_reason tr td { padding: 4px 10px; border: 1px solid #DCDCDC; font-weight: bold; color: #FF7070; background-color: #FFFFFF; }
		#qb_results_confirmation { font-size: 10pt; margin-top: 45px; text-align: center; }
		#queue_results_yesnobuttons { width: 400px; }
			#qb_quick_do_you_wish { text-align: left; }
			#qb_results_yesnotable { margin: 0 auto; width: 150px; border-collapse: separate; }
			.qb_success_message { color: #76C13C; padding-bottom: 5px; }
			.qb_finish_btn { margin-top: 20px; margin-bottom: 10px; float: left; }

#qb_footer { clear: both; }
			
.hspace { margin-bottom: 20px; }
#qb_results h3 { margin-left: 0; }
.admin .qb_soc_width { width: 160px; }
.nonAdmin .qb_soc_width { width: 125px; }

/* 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;}

#searchPage { overflow: auto;  margin:12px; border: solid 0px #014E82;}
#searchPageParams, #searchParamsInfo { width: 270px; background-color: #eeeeee; overflow:auto; margin: 12px;}
#searchPageParams { border: solid 0px #014E82;}
#searchContent { overflow: auto; background-color:White; border:3px; border-color:#014E82;}
#searchHeader { background-color:Silver; }
#searchMessage { padding: 4px; text-align: center; }
.searchHeaderItem { padding: 2px 6px; }
.searchParamsHeaderItem { padding: 40px 40px 40px 40px; vertical-align:bottom;}

h2 { margin: 0px 4px; font-size: 2.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; }

/* popup menues */
.popupHidden, .popupVisible { padding: 4px 16px 4px 4px; color: #333333; border-top: solid 1px #bbbbbb; border-left: solid 1px #bbbbbb; border-bottom: solid 1px #888888; border-right: solid 1px #888888; background: #f5f5f5; z-index: 100; }
.popupHidden { position: absolute; visibility: hidden; }
.popupVisible {	position: fixed;	visibility: visible; }
.popupVisible hr { border: none; border-bottom: solid 1px #aaaaaa; color: #EAEAEA; }
.popupVisible p { margin: 0px 0px 6px 0px; }

/* dialogs */
div.dialogTitle
{
	padding-bottom: 24px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 24px;
}
div.dialogContent {	overflow: hidden; padding: 10px; }
/*div.innerContent { position:absolute; }*/
div.dialogContentBlockList {
	max-height: 500px;
	max-width:390px;
	overflow: auto;
}
div.dialogContentSectorName {
	color: Gray;
	font-size: 10.5pt;
	font-weight: normal;
}

/* booking grid queue */
.queueItem { width: 18px; height: 18px; margin: 1px 1px 1px 1px; cursor: pointer; text-align: center; line-height: 16px; overflow: hidden; background-image: url(../img/Bookings/org.png);	color: #333333; }
.queueItemsContainer
{
	height: 20px;
	background-color: #F5F5F5;
	color: #333333;
	overflow: hidden;
	line-height: 20px;
	padding-left: 3px;
}
.queueItemsCommand { /*height: 18px; padding: 2px; border: solid 1px #CCCCCC; *//*background-color: #014E82;*/ color: #FFFFFF; height:24px; text-align: right; padding-right: 2px; }
.queueItemsCommand a { color: #FFFFFF; }

.hoursContainer { height: 20px; overflow:hidden; }

/*input.dateInput { width: 58px; height: 22px; line-height: 22px; padding: 0px 6px; border: 0px none; color: #444444; background: transparent url(../img/new/datebox_back.png) no-repeat center center; }*/
input.dateInput { width: 68px; height: 16px; line-height: 16px; }

.blockInvisible { display: none; }
.blockVisible {	display: block; }

.descriptionBox { width: 150px;	height: 54px; } 

.fixedWidth { width: 205px; }
.fixedWidth2 { width: 150px; }

.emphatic { font-weight: bold; }

select { width: 160px; }

/* header */
#header { height:49px; overflow: hidden; background-color:White;}
#header .content
{
	height: 25px;
	display: block;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
}
#header .content .logoandheadermenu { float: left; }
#header .content .logoandheadermenu #logo { padding: 1px 0; }
#header .content .logoandheadermenu .logo_image { position:relative;}
a, img, a img { outline: none; border: none; }

#header .content #nav
{
	margin-top: 3px;
	position: relative;
	top: 8px;
}
#header .content #nav, #header .content #nav li { margin: 0; padding: 0; list-style: none; }
#header .content #nav li { float: left; font-size: 1.6em;}
#header .content #nav li { margin-left: 16px; }
#header .content #nav li a.menu { background-position: right 9px; padding-left: 5px; padding-right: 5px; color:Silver; }
#header .content #nav li a.selected { font-weight: bold; color:Gray; }
#header .content #nav li a { text-decoration: none; color: #000; }
#header .content #nav li a:hover { color: #0072c6; }

#header #userInfo { float: right; font-weight: bold; position: relative; font-size:1.4em; }
#header #userInfo { font-size:1em; line-height: 12pt;}
#header #userInfo br { display:block; }

#header .content .logoandheadermenu .dropdown {display: none;}
#header .content .logoandheadermenu .dropdown #HeaderDropdown a.selected { font-weight: bold; color:Gray; }
#header .content .logoandheadermenu .dropdown #HeaderDropdown a.selected:hover {
    background-color: #f1f1f1; 
    color: #0072c6;
    }

@media only screen and (max-width: 1800px) 
{
	#header .content #nav li { font-size: 1.4em;}
	#header .content .logoandheadermenu .dropdown {display: none;}
}

@media only screen and (max-width: 1600px) 
{
	#header .content #nav li { font-size: 1.2em;}
	#header .content .logoandheadermenu .dropdown {display: none;}
}

@media only screen and (max-width: 1400px) 
{
	#header .content #nav li { font-size: 1em; line-height: 14pt;}
	#header .content .logoandheadermenu .dropdown {display: none;}
}

@media only screen and (max-width: 910px) 
{
	#header .content #nav li .menu { display: none;}
	#header .content .logoandheadermenu .dropdown {display: block; font-size: 1.4em;}
	#header .content .logoandheadermenu .logo_image { position:relative; left:60px;}
}

/* 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; }

/* small buttons with icons */
.buttonIconS { background-image: url(../img/new/buttonIcon_24x24_default.png); padding: 4px; margin: 0px; cursor: pointer; display: inline-block; }
.buttonIconS:link {	background-image: url(../img/new/buttonIcon_24x24_default.png);	padding: 4px; margin: 0px; cursor: pointer; display: inline-block; outline: transparent none 0px; }
.buttonIconS:visited { background-image: url(../img/new/buttonIcon_24x24_default.png); padding: 4px; margin: 0px; cursor: pointer; display: inline-block; outline: transparent none 0px; }
.buttonIconS:hover { background-image: url(../img/new/buttonIcon_24x24_hover.png); padding: 4px; margin: 0px; cursor: pointer; display: inline-block; }
.buttonIconS:active { background-image: url(../img/new/buttonIcon_24x24_active.png); padding: 4px; margin: 0px; cursor: pointer; display: inline-block; outline: transparent none 0px; }

/* right icon button */
.buttonIconS-right { background-image: url(../img/new/buttonIcon_24x24_right_default.png) !important; }
.buttonIconS-right:link { background-image: url(../img/new/buttonIcon_24x24_right_default.png) !important; }
.buttonIconS-right:visited { background-image: url(../img/new/buttonIcon_24x24_right_default.png) !important; }
.buttonIconS-right:hover { background-image: url(../img/new/buttonIcon_24x24_right_default.png) !important; }
.buttonIconS-right:active { background-image: url(../img/new/buttonIcon_24x24_right_default.png) !important; }

/* left icon button */
.buttonIconS-left { background-image: url(../img/new/buttonIcon_24x24_left_default.png) !important; }
.buttonIconS-left:link { background-image: url(../img/new/buttonIcon_24x24_left_default.png) !important; }
.buttonIconS-left:visited { background-image: url(../img/new/buttonIcon_24x24_left_default.png) !important; }
.buttonIconS-left:hover { background-image: url(../img/new/buttonIcon_24x24_left_default.png) !important; }
.buttonIconS-left:active { background-image: url(../img/new/buttonIcon_24x24_left_default.png) !important; }

/* my custom icons (jQuery pattern) */
.ui-icon-mypc { background-image: url(../img/new/mypc_ui_icons_888888.png) !important; }
.ui-icon-mypc-moveAllRight { background-position: 0 0; }
.ui-icon-mypc-moveOneRight { background-position: -16px 0; }
.ui-icon-mypc-moveOneLeft { background-position: -32px 0; }
.ui-icon-mypc-moveAllLeft { background-position: -48px 0; }
.ui-icon-mypc-viewTypeL { background-position: -64px 0; }
.ui-icon-mypc-viewTypeS { background-position: -80px 0; }
.ui-icon-mypc-expand1 { background-position: -96px 0; }
.ui-icon-mypc-expand2 { background-position: -112px 0; }
.ui-icon-mypc-viewType2 { background-position: -128px 0; }
.ui-icon-mypc-viewType3 { background-position: -144px 0; }
.ui-icon-mypc-clock { background-position: -160px 0; }
.ui-icon-mypc-clock2 { background-position: -176px 0; }
.ui-icon-mypc-enqueue1 { background-position: -192px 0px; }
.ui-icon-mypc-enqueue2 { background-position: -208px 0px; }
.ui-icon-mypc-enqueue3 { background-position: -224px 0px; }
.ui-icon-mypc-blank { background-position: -240px 0px; }

.ui-icon-mypc-mapGridClose { background-image: url(../css/images/ui-icons_ffffff_256x240.png) !important; background-position: -96px -128px }


/*////////////////////////////////////////////////////////////////*/
/* for customization */

#customLogo
{
	border: solid 0px #cccccc;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

.colorScheme1
{
	background-color: #014E82;
	color: #ffffff;
}

.colorScheme2
{
	background-color: #f5f5f5;
	color: #333333;
}

.colorScheme3
{
	color: #014E82;
	border-color: #014E82;
}

.colorScheme4
{
	color: white;
	border-color: #014E82;
}

.colorScheme5
{
	background-color: #E3E3E3;
	color: #333333;
}

.colorScheme6
{
	color: #014E82;
	border-color: #014E82;
}

.colorScheme7
{
	color: #014E82 /* myPC blue */;
	border-color: #014E82 /* myPC blue */;
}

.colorScheme8
{
	color: white;
	border-color: #014E82;
	background-color: #014E82;
}
/*////////////////////////////////////////////////////////////////*/


td.cell24
{
	vertical-align: middle;
	height: 24px;
	text-align: left;
}

td.cell24leftpadding {
	vertical-align: middle;
	height: 24px;
	text-align: left;
	padding-left:10px;
}

.linkItem
{	
	text-decoration: none;
	color: gray;
}

.linkMapItem {
	text-decoration: none;
	color: gray;
	padding-left: 20px;
}

.linkAdminItem
{	
	text-decoration: none;
	/*font-weight: normal;*/
	color: black;
}

a.linkAdminItem:hover
{
	/*color: Gray;*/
}

.infoMessage
{
	color: gray;
}

.locationLabel, .hourLabel, .topLocationLabel, .topHourLabel
{
	/*border-bottom: silver 1px solid;
	border-right: silver 1px solid;*/
	text-align: center;	
	/*padding-bottom: 2px;*/
	/*padding-top: 3px;*/
	overflow: hidden;
	/*border-color: silver;*/
	line-height: 20px;
}

.topLocationLabel, .topHourLabel
{
/*	border-top: silver 1px solid;*/

}

.topHourLabel, .topHourLabel a, .hourLabel, .hourLabel a
{
	color: white;
	line-height: 20px;
}

.topHourLabel
{
	height: 20px;
}

.withQueue
{
	height: 40px;
}

.locationLabel, .topLocationLabel
{
	width: 360px;
}

.hourLabel a, .topHourLabel a
{
	text-align: center;
}

.resourceLabel
{
	text-align: right;
	padding-right: 3px;
	padding-left: 3px;
	color: gray;
	background-color: white;
	font-size: 11pt;
}

.exception
{
	clear: both;
	float: none;
	color: #CD6317;
}

.expectedException
{	
	padding: 2px;	
	text-align: center;
	color: #DC143C;
	background-color: #FFFFCC;	
}

.overlapsBox
{
	border: solid 1px #CCCCCC;
	background-color: #FFFFCC;	
}

.overlapsHeader
{
	color: #820202;
	text-align: center;
	padding: 1px;	
}

.overlapsContent
{
	max-height: 100px;	
	overflow: auto;
	border-top: 1px solid #CCCCCC;	
}

table.overlap
{
	padding: 2px 0px 2px 0px;
}

table.overlap tr td
{
	padding: 2px;
}

/* content from functional.css */
.scrollableTable
{
	max-height: 180px;
	/*height: expression(this.scrollHeight > 105 ? "105px" : "auto"); */ /* sets max-height for IE */
	overflow: auto;
}

#resourcesContainer {
	width: 360px;
	overflow: hidden;
	/*position: relative;*/
/*	left: 50px;
	top: 250px;*/
}

#bookingContainer
{
	overflow: auto;
	position: relative;
/*	left: 50px;
	top: 250px;*/
}

#innerBookingContainer
{
	overflow: auto;
	position: relative;
	clear: none;
}

.imageButtonHidden, .imageButtonVisible
{
	position: static;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.imageButtonHidden
{
	visibility: hidden;
	display: none;
}

.smallCloseButtonLink
{

}


/* 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: inline;
	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
{
	vertical-align: middle;
	border-style: none;
	width: 24px;
	height: 24px;
}

.menuPlus
{
	background-image: url(../img/Icons/plus.png);
}

.menuMinus
{
	background-image: url(../img/Icons/minus1.png);
}

.reportPlus, .reportMinus
{
	vertical-align: top;
	border-style: none;
	background-color: #f5f5f5;
	width: 13px;
	height: 13px;
	padding-left: 2px;	
	padding-top: 5px;	
}
.reportPlus
{
	/*background-image: url(../img/Icons/plus_d1.png); */       
}
.reportMinus
{
	/*background-image: url(../img/Icons/minus_d1.png); */   
}

.menuBlank
{
	/*background-image: url(../img/Icons/blank.gif);*/
}

.dialogSitesLocationsResourcesSearchMatch
{
    color: #144973;
    font-weight: bold;
}

.dialogLocalFiltersSearchMatch
{
    color: #144973;
    font-weight: bold;
}

.dialogLocalFiltersSearchDefaultText
{
    color: Gray;  
    font-style: italic;
}

.menuItemTextSelected
{	
	background-color: #DCDCDC;
}

.menuItemText, .menuItemTextSelected
{
	padding: 2px;
	margin-left: 2px;
	margin-right: 2px;
	white-space: nowrap;
}

.adminItem, .adminItemSmall
{
	margin: 6px;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.adminItem
{
	width: 120px;
	height: 120px;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: left;
	vertical-align: bottom;
}

.adminCommand .adminItem
{
	background-color: Gray;
	color: White;
}

.adminItemSmall
{ 
	width: 96px;
	height: 84px;
}

.adminItemList
{
	margin-top: 6px;
	margin-left: 12px;
	text-align: left;
	vertical-align: middle;
	width: 150px;
	height: 28px;
}

.itemLink
{
	color: black;
	text-decoration: none;
	text-align: center;
}

.formFieldLabel
{
	width: 200px;
	padding: 4px;	
}

.formFieldContent {
	width: 174px;
	padding: 4px;
	overflow-wrap: break-word;
}

.formFieldContentWide
{
	width: 380px;
	padding: 4px;
}

.formButtons
{ 
	margin-top: 10px;
	text-align: left; 
}


.formLabel
{
	color: black;
}

.formLabelDisabled
{
	color: silver;
}
/*
.hourLabel a, .topHourLabel a
{
	color: white;
}
*/
/*.gainlayout { zoom: 1; }*/ /* LG: fix for stupid IE7 bug! */

.backgroundWhite
{
	background-color: white;
}

.backgroundBookingGrid
{
	/*background-color: #014E82;*/
}

.oddRow
{
	background-color: #FFFFFF;
}

.evenRow
{
	background-color: #F5F5F5;
}

.oddRow:hover
{
	background-color: #DCDCDC;
	color: #333333;	
}

.evenRow:hover
{
	background-color: #DCDCDC;	
	color: #333333;
}

.headerRow
{
	background-color: #E3E3E3;
	/*font-weight: bold;*/
	padding: 4px 0px;
	/*overflow: scroll;*/
}

.disabledCheckLabel
{
	color: silver;
}

option.faultyOption
{
	color: #666666;
}



/* LG: NEW STUFF */

div#loginContent
{
	margin: 10px;
}

.descriptionLoginPage
{	
	margin-bottom: 20px;
}

.descriptionTitle
{
	/*font-weight: bold;*/
	display: block;
	margin-bottom: 10px;	
}

div#loginBox
{	
	margin: 0px 20px 0px 0px;	
	border: solid 2px #014E82;
	background-color: #D0D8DB;
	padding: 20px 20px 20px 30px;
}

.inputText
{
	text-align: right;
	white-space: nowrap;	
}

div.calendarContainer
{
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #B4B4B4;
	margin: 0px;
	z-index: 5;
	padding: 4px;
	color: #333333;
}

div.calendarContainer a
{
	color: #333333;
	text-decoration: none;
}

div.calendarContainer a:visited
{
	color: #333333;	
}

div.calendarContainer a:hover
{	
	font-weight: bold;
}

.calendarNoLink
{
	color: #999999;
}

.calendarLink a div
{
	cursor: pointer;
}

.calendarSelected
{	
	font-weight: bold;
	text-decoration: underline;
}

.calendarToday
{
	background-color: #DCDCDC;
}

.calendarDay
{
	width: 24px;	
	text-align: center;	
	padding: 3px 0px 3px 0px;
}

.calendarMonthYear
{
	width: 120px;
	text-align: center;	
	padding: 3px 0px 3px 0px;
	overflow: hidden;
	font-weight: bold;	
}

span.note { color: #990000; }
div.noteContent { color: #7B7B7B; font-style: italic; padding: 10px; }

td.radioOptions
{
	padding: 4px 0px;	
}

td.mapRadioOptions {
	padding: 0;
	width: 120px;
}

p
{
	margin: 5px 0px;
}

/***** SELECTABLE STYLES ******/

.ui-selected 
{
	background-color: orange;
}

.ui-selecting
{
	background-color: #FFD690;
}

/*
.adminItem.ui-selected, .adminItem.ui-selecting 
{
	height: 106px;
	width: 92px;
}

.adminItemSmall.ui-selected, .adminItemSmall.ui-selecting 
{
	height: 82px;
	width: 92px;
}

.adminItemList.ui-selected, .adminItemList.ui-selecting 
{
	height: 26px;
	width: 146px;
	margin-top: 4px;
	margin-left: 10px;
}
*/

.formInset, .formScrollableInset, .formFieldScrollableList, .formScrollableContent, .formScrollableContentWide
{
	margin-top: 4px;
	margin-bottom: 4px;
	border: #ddd4d0 1px solid;
	background-color: white;
}

.formScrollableContentWide ul
{
	margin: 0px;	
}

.formFieldScrollableList
{
	height: expression(this.scrollHeight > 52 ?  "52px" : (this.scrollHeight < 13 ? "15px" : "auto" )); /* sets max-height and max-height for IE */
	max-height: 52px;
	min-height: 15px;
	overflow: auto;
	scrolling: auto;
	padding-left: 3px;
	margin-left: -3px;
	list-style-type: none;
}

.formFieldScrollableList ul
{
	list-style-type: none;
	padding-left: 20px;
}

div.formFieldScrollableList div
{
	width: 150px;
}

.formScrollableContent, .formScrollableContentWide
{
	overflow: auto;
	scrolling: auto;
	padding-left: 3px;
	margin-left: -3px;
	clear: both;
	float: none;
	line-height: normal;
	clip: rect(auto auto auto auto);
    height: expression(this.scrollHeight > 180 ? "180px" : (this.scrollHeight < 29 ? "30px" : "auto")); /* sets max-height and min-height for IE */
	max-height: 180px;
	min-height: 30px;
	list-style-type: none;
}

.formScrollableContent ul, .formScrollableContentWide ul
{
	list-style-type: none;
	padding-left: 0px;
}

.formScrollableContent ul ul, .formScrollableContentWide ul ul
{
	list-style-type: none;
	padding-left: 20px;
}

.formScrollableContentWide
{
	width: 380px;	
}

.linkButton
{
	width: auto;
	height: 21px;
	border: none;
	line-height: 22px;
	font-size: 0.9em;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 4px;
	padding-top: 2px;
	position:relative;
	top:-2px;
}

.ts
{
	padding: 1px;
	margin: 1px;	
	background-color: transparent;
	background-repeat: repeat-x; 
	float: left; 

}

.tsFH
{
	border-right: silver 1px solid;
	margin-right: 0px;	
}

.tsRed
{
	background-image: url(../img/Bookings/red.png); 
}

.tsYlw
{
	background-image: url(../img/Bookings/ylw.png);
}

.tsWht
{
	background-image: url(../img/Bookings/wht.png);
}

.tsGry
{
	background-image: url(../img/Bookings/gry.png);
}

.tsBlu
{
	background-image: url(../img/Bookings/blu.png);
}

.tsBlk
{
	background-image: url(../img/Bookings/blk.png);
}

.tsGrn
{
	background-image: url(../img/Bookings/grn.png);
}

.tsGrnLite {
	background-image: url(../img/Bookings/grn_l.png);
}

.tsOrg
{
	background-image: url(../img/Bookings/org.png);
}

.tsOrgDark {
	background-image: url(../img/Bookings/org_d.png);
}

.tsError
{
	background-image: url(../img/Bookings/error.gif);
}


.dialogClose {
position: absolute;
top: 0px;
right: 0px;
width: 30px;
height: 30px;
background: transparent url('../img/dialogClose.png');
cursor: pointer;
z-index: 1103;
display: none;
}

#quickBooking
{
	background-color:White;
}

#itemPages
{
	padding-left: 6px;
	height: 24px;
	padding-bottom: 6px;
	padding-top: 6px;
}


#itemPages span
{
	padding: 4px;
	margin: 6px 0px;
	line-height: 12px;
}

#itemPages a
{
	text-decoration: none;
	cursor: hand;
}

.itemPage
{
	background-color: Silver;
	color:White;
}

.itemPageCurrent
{
	font-weight: bold;
	background-color: Silver;
	color:Gray;
}

.prevNextItem
{
	background-color: Silver;
	color:White;
}

.prevNextItemDisabled
{
	background-color: Silver;
	color: Gray;
}

#bookedFor
{
	width: 100px;
}

.forumTitle
{
	padding-top: 1em;	
}

.forumPosts
{
	background-color: #eeeeee;
	text-align: left;
	margin: 6px;
	padding: 6px;
	list-style-type: none;
	max-width: 984px;
}

.forumPosts li
{
	margin: 3px;
	padding: 3px;
	background-color: #e8e8e8;
}

.forumPosts li.new
{
	margin: 2px;
	padding: 2px;
	background-color: #f9d282;
}

.forumPosts li a
{
	text-decoration: none;	
	color: Black;
}

.forumPosts li a:hover 
{
	color: Gray;
}

.ui-widget { font-family: Arial,Verdana,sans-serif !important; }


/* New search view */ 
/*---------------------------------*/
.wideButton
{
	width: 252px;
	height: 40px;
}

.searchParamsTitle
{
	color: white;
	background-color: #014E82;
	text-align: left;
	line-height: 36px;
	height: 36px;
	font-weight:bold;
	text-align:center;
}

.searchParamsBlock
{
	margin-top: 6px;	
	margin-bottom: 6px;
}

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;*/
}

#searchParamsInfo
{
	margin: 0px;
}

#searchPageParams dl, #searchParamsInfo dl
{
	height: auto;
	margin: 0px;
}

#searchPageParams dl dt, #searchParamsInfo dl dt
{
	line-height: 17px;
	font-weight: bold;
	text-indent: 6px;
	padding-bottom: 10px;
}

#searchPageParams dl dd, #searchParamsInfo dl dd
{
	padding-bottom: 10px;
}

.infoSearchContent
{
	background-color: Gray;
}

.searchParamsInner
{
	overflow: hidden;
	padding-top: 5px;
}

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;
}

.formFieldWithX
{
	width: 132px !important;
}

select.fixedShort
{
	width:167px;	
}

.searchHeaderRow
{
	color: white;
	background-color: #014E82;
	font-weight: bold;
	padding: 4px 0px 4px 2px;
	/*overflow: scroll;*/
}

.ui-autocomplete-input {
    width:132px;
}

.ui-autocomplete-category
{
	font-weight: bold;
}

#scrollLeftRight
{
	background-color:White;
}

.LRTop_blue
{
	background-image: url(../img/Slider/LRTop_blue.jpg);
}
.LRLeft_blue
{
	background-image: url(../img/Slider/LRLeft_blue.jpg);
}
.LRRight_blue
{
	background-image: url(../img/Slider/LRRight_blue.jpg);
}
.LRBottom_blue
{
	background-image: url(../img/Slider/LRBottom_blue.jpg);
}



.LRTop_gray
{
	background-image: url(../img/Slider/LRTop_gray.jpg);
}
.LRLeft_gray
{
	background-image: url(../img/Slider/LRLeft_gray.jpg);
}
.LRRight_gray
{
	background-image: url(../img/Slider/LRRight_gray.jpg);
}
.LRBottom_gray
{
	background-image: url(../img/Slider/LRBottom_gray.jpg);
}

.searchPageFieldMaxWidth {
  max-width: 300px;
  min-width: 30px;
  white-space: nowrap;
  overflow: hidden;
}

/*---------------------------------*/

.dropbtn {
    background-color: White;
    color: white;
    font-size: 8px;
    text-align: center;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 30px;
    white-space: nowrap;
    padding: 2px 0px 0px 2px;
}
.dropbtn:hover, .dropbtn:focus {
    background-color: White;
}
.dropdown 
{
    position: absolute;
    left:12px;
    top:37px;
    display:inline-block;
    width: 43px;
}
.dropdown-content {
    display: none;
    position: absolute;
    border: 1px solid White;
    background-color: white;
    min-width: 150px;
    z-index: 10;
}
.dropdown-content a {
    color: black;
    padding: 6px 8px;
    text-decoration: none;
    border: 1px solid White;
    display: block;
    color:Silver;
}
.dropdown-content a:hover { background-color: #f1f1f1; color: #0072c6;}
.dropdown:hover .dropbtn { background-color: white;}
.headershow { display:block;}

/* for multiselectbox components */
.dropbtn_multiselectCheck {
    background-color: White;
    color: white;
    font-size: 8px;
    text-align: center;
    border: none;
    cursor: pointer;
    width: 22px;
    height: 16px;
    white-space: nowrap;
    padding: 2px 0px 0px 2px;
}
.dropbtn_multiselectCheck:hover { background-color: White;}

.dropdown_multiselectCheck { position: absolute; display:inline-block;}
.dropdown_multiselectCheck-content {
    display: none;
    position: absolute;
    border: 0px solid White;
    background-color: white;
    min-width: 150px;
    z-index: 8;
    width: 202px;
}
.dropdown_multiselectCheck-content a {
    color: black;
    padding: 6px 8px;
    text-decoration: none;
    border: 0px solid White;
    display: block;
    color: Silver;
}
.dropdown_multiselectCheck-content a:hover { background-color: #f1f1f1; color: #0072c6;}
.dropdown_multiselectCheck:hover .dropbtn { background-color: white;}
.headershow_multiselectCheck { display:block;}

.multiselectCheckBox { } /* leave multiselect dropbox opened*/
.multiselectCheckBoxButtonFrame {position:relative; padding: 3px 6px 3px 6px; text-align:right; z-index: 8;}
.multiselectCheckBoxButton {width:80px; height: 20px; background-color: transparent; border: solid 1px; text-align:center; font-size: 10pt; cursor:pointer;}
.multiselectCheckBoxButton:hover {background-color: #d3d3d3;}
.multiselectCheckBoxLine {border:1px solid #d3d3d3; margin:4px 6px 0px 6px;}
.multiselectCheckBoxBorder {border: 1px solid #014E82; width:203px; background-color: white;}
.multiselectCheckBoxFindDiv {padding: 4px 6px 3px 6px}
.multiselectCheckBoxFind {width:187px ; border: 1px solid lightblue; color: Black;}
.multiselectCheckBoxFindSearchDefaultText {color: Gray; font-style: italic;border: 1px solid #d3d3d3;}
.multiselectCheckBoxCombo {overflow: auto; width: 191px; height: 200px; border: 1px; padding-left: 0px; color:Black; margin-left:6px;}
.multiselectCheckBoxScroll {overflow: auto; width: auto; display: inline-block; white-space:nowrap;}

.insidemultiselectCheckBox { display:inline; position:relative; width: 183px; height: 18px; border: 1px solid gray; border-right:0px; margin:0px; padding:0px 0px 0px 3px; cursor:pointer;}

.multiselectCheckBoxImage
{
	vertical-align: top;
	border-style: none;
	background-color: #f5f5f5;
	width: 16px;
	height: 16px;
	padding: 1px 1px 1px 0px;	
	border: 1px solid gray;
	border-left: 0px;
	cursor:pointer;
}

.multiselectCheckBoxImage:hover
{
    background-color:#d3d3d3;
}

/*input[type="text"], input[type="password"], textarea, select
{
	width: 160px;
}*/
/*
input[type="text"], input[type="password"]
{
	width: 150px;
}*/

/*select
{
	width: 150px;
}*/
/*
#recurrenceMonthDay, #endTime, #startTime, #openingTimeHours, #openingTimeMinutes, #closingTimeHours, #closingTimeMinutes, #day, #dayOfTheMonth, #startTimeHours, #startTimeMinutes, #endTimeHours, #endTimeMinutes, #scheduledImportUserTimeHours, #scheduledImportUserTimeMinutes
{
	width:auto;	
}*/
/*
input[type="text"].dateShow
{
	width: 75px;
	vertical-align: middle;
}*/
/*
input[type="text"].userBox
{
	width: 120px;
	vertical-align: middle;
}*/

/*
.invertedText, .invertedTextBold
{
	color: white;	
}

.invertedTextBold
{
	font-weight: bold;
}

.invertedText
{
	font-weight: normal;
	text-decoration: none;
	color: #FFFF99;	
}
*/

/* LG: working solution for a bug with button images in IE */
/*.button, .buttonPlaceholder, .buttonDisabled
{
	width: 110px;
	height: 22px;	
	background-color: transparent;
	border-style: none;	
	margin: 2px;
}

.button, .buttonDisabled
{
	color: white;
	/*font-weight: bold;*/
/*	text-align: center;
	background-color: transparent;	
	background-image: url(../img/btnGlassBlue.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.buttonDisabled
{
	color: #999999;
}*/

#adminHeaderH2
{
    display:inline-block;
}

#adminSearchBox
{
	float: right;
	line-height:33px;
	vertical-align:middle;	
	background-color: #808080;
	background-image: url(../img/Icons/admin_search.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-right: 6px;
	margin: 2px;
	border-left-width:25px;
	width: 280px;
}

#adminPageSearchParam
{
    width: 275px;
}

#adminItemsTable
{
    width:100%;
}

#adminItemsTD
{
   padding:0px; 
}

.loading
{
	background-position: center center;
	background-image: url(../img/loading.gif); 
	background-color: White;
	background-repeat: no-repeat;
	
	width: 100%;
	height: 100%;
	min-width: 60px;
	min-height: 60px;

	clear: none;
}
#loading
{
	padding: 5px;
}

#resourcesFutBookHeader
{
    font-weight: bold;
    text-align: center;
}

#resourcesFutBookDataBlockBook
{
    font-weight: bold;
}

#resourcesFutBookNote
{
    font-size: 12px;
}

/* Audit Logs */
#auditLogContent {
	overflow: auto;
	background-color: White;
	border: 3px;
	border-color: #014E82;
	display: flex;
	flex-direction:column;
}

#auditLogContentContainer {
	padding: 4px 2px 4px 6px;
	overflow-y: auto;
	height: 650px;
}

#auditLogContentTable {
	overflow-y:auto;
}

.auditLogHeaderRow {
	color: white;
	background-color: #aaaaaa;
	font-weight: bold;
	padding: 4px 0px 4px 4px;
	height: 30px;
	/*overflow: scroll;*/
}

.auditLogPageFieldMaxWidth {
	max-width: 300px;
	min-width: 30px;
	height: 30px;
	padding: 4px 4px 4px 4px;
	white-space: nowrap;
	overflow: hidden;
}

/* Audit Logs */




/* Maps start */

#mapDesignContentContainer {

  /*	padding: 4px 2px 4px 6px;
	overflow-y: auto;
	height: 650px;*/

	height: 100%;	
	width: 100%;
}

#form1 {
		height: 100%;
		width: 100%;
}

#mapsPageHeader {
		/*height: 6% !important;*/
}

#form1 > div:nth-child(2) {
		height: 93% !important;
}

/* Left menu div*/
.gray.col.col-16 {
		float: left;
		/*width: 208px !important;*/
		width: 13% !important;
		height: 100% !important;
}

/* Div for shapes (Rectangle, Triangle, ...) */
.gray.col {
		width: 86% !important;
		display: inline-block;				
		height: 65px !important;
		/*height: 8.7% !important;*/
		float: left;
}

/* Canvas div*/
.col-83 {
		display: inline-block;
		width: 86% !important;
		overflow: auto;
		height: 91% !important;
		
}

.mapsContent {
		padding: 0;
}

.no-pading-left {
		padding-left: 0 !important;
}

.no-margin-left {
		margin-left: 0 !important;
}

.gray-background {
		background: #b9c0c5 !important;
}

.no-border {
		border: none !important;
}

#paperContent {
		/*height: 100% !important;*/
		overflow: scroll !important;

}

#paperContent > svg {
		/*height: 100% !important;*/
		/*overflow: scroll !important;*/
		/*bottom: 100px !important;*/
}

/* Values from the file top overwritten !!!*/

#pageContent {
		overflow: auto !important;
}

.mapMoveButtons {
		height: 16px !important;
}

/* popup menues */
.popupHiddenMapGrid, .popupVisibleMapGrid {
	color: #333333;
	border: solid 1px lightgray;
	background: #eeeeee; 
	z-index: 9;
}

.popupHiddenMapGrid {
	position: absolute;
	visibility: hidden;
}

.popupVisibleMapGrid {
	position: absolute;
	visibility: visible;
}

	.popupVisibleMapGrid hr {
		border: none;
		border-bottom: solid 1px #aaaaaa;
		color: #EAEAEA;
	}

	.popupVisibleMapGrid p {
		margin: 0px 0px 6px 0px;
	}

.popupVisibleMapGridCloseButton {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}

.map-grid-arrow-top {
	border-top: 12px solid transparent;
	border-bottom: 12px solid #014E82;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	position: fixed;
	z-index: 9;
}

.map-grid-arrow-bottom {
	border-top: 12px solid #014E82;
	border-bottom: 12px solid transparent;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	position: fixed;
	z-index: 9;
}

/* Maps end*/