/* text styles
----------------------------------------------------------*/
label.error {
  color: #aa0000;
}
/* buttons
----------------------------------------------------------*/
.btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  margin: 2px;
  padding: 5px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.error {
  color: red;
}
.field-validation-error {
  color: red;
}
input.btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 0;
}
.btn-a {
  background-color: #417ae8;
  background-image: -webkit-linear-gradient(top, #5387ea 0%, #2f6de6 100%);
  border-color: #417ae8;
  color: #ffffff !important;
}
.btn-a:hover {
  border-color: #2a6ae5;
  background-image: -webkit-linear-gradient(top, #3874e7 0%, #1b5cdb 100%);
  text-decoration: none;
}
.btn-a:focus {
  border-color: #1549ae;
}
a.btn-a:hover {
  text-decoration: none;
}
a.btn-b:focus {
  border-color: #203503;
}
.btn-b {
  background-color: #5a9509;
  background-image: -webkit-linear-gradient(top, #66a80a 0%, #4e8208 100%);
  border-color: #5a9509;
  color: #ffffff !important;
}
.btn-b:hover {
  border-color: #4b7d08;
  background-image: -webkit-linear-gradient(top, #548b08 0%, #3d6506 100%);
  text-decoration: none;
}
.btn-b:focus {
  border-color: #203503;
}
a.btn-b:hover {
  text-decoration: none;
}
a.btn-b:focus {
  border-color: #203503;
}
.btn-c {
  background-color: #f2f2f2;
  background-image: -webkit-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  border-color: #c7c7c7;
  color: #bbbbbb !important;
}
.btn-c:hover {
  background-image: -webkit-linear-gradient(top, #f8f8f8 0, #eaeaea 100%);
  border-color: #c7c7c7;
  color: #777777 !important;
  text-decoration: none;
}
.btn-c:focus {
  outline: thick;
  border-color: #888;
}
a.btn-c:hover {
  text-decoration: none;
}
a.btn-c:focus {
  outline: thick;
  border-color: #888;
}
.btn-d {
  background-color: #417ae8;
  background-image: -webkit-linear-gradient(top, #5387ea 0%, #2f6de6 100%);
  border-color: #417ae8;
  color: #ffffff !important;
}
.btn-d:hover {
  border-color: #2a6ae5;
  background-image: -webkit-linear-gradient(top, #3874e7 0%, #1b5cdb 100%);
  text-decoration: none;
}
.btn-d:focus {
  border-color: #1549ae;
}
a.btn-d:hover {
  text-decoration: none;
}
a.btn-d:focus {
  border-color: #1549ae;
}
.btn-inactive {
  cursor: default;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  border-color: #ddd;
  color: #bbbbbb !important;
}
.btn-inactive:hover {
  text-decoration: none;
  color: #bbbbbb !important;
}
a.btn-inactive:hover {
  text-decoration: none;
}
a.btn-inactive:focus {
  outline: thick;
  border-color: #888;
}
/* message box
----------------------------------------------------------*/
.messagebox_popup {
  background-color: #fff;
  padding: 0 !important;
  position: fixed;
  vertical-align: middle;
  width: 280px;
  z-index: 9000;
}
@media all and (min-width: 400px) {
  .messagebox_popup {
    width: 360px;
  }
}
@media all and (min-width: 640px) {
  .messagebox_popup {
    width: 600px;
  }
}
.messagebox_container {
  font-size: 16px;
  height: 100%;
  overflow: auto;
  width: 100%;
}
.messagebox_container .btn {
  font-size: 16px;
}
.messagebox_header {
  border: solid 1px #fff;
  background-color: #333;
  background-image: -webkit-linear-gradient(top, #474747 0, #292929 100%);
  color: #fff;
  font-size: 24px;
  padding: 15px;
  text-align: center;
}
.messagebox_closeIcon {
  cursor: pointer;
  float: right;
  margin-top: -1px;
  width: 25px;
  height: 25px;
}
.messagebox_closeSpacer {
  float: left;
  width: 25px;
  height: 25px;
}
.messagebox_content {
  padding: 30px 30px 10px 30px;
  color: #444 !important;
  text-align: center;
}
.messagebox_functions {
  padding: 10px 30px 30px 30px;
  text-align: center;
}
.messagebox_backgroundCover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12999;
  width: 100%;
  height: 100%;
  background-color: #333;
  opacity: 0.9;
}
table tr.available,
table tr.available td {
  background-color: #C0E7C3;
}
table tr.cancelled,
table tr.cancelled td {
  text-decoration: line-through;
}
table tr.on-hold,
table tr.on-hold td {
  background-color: #f4adb0;
}
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
}
.typeahead {
  background-color: #fff;
}
.typeahead:focus {
  border: 2px solid #0097cf;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999999;
}
.tt-dropdown-menu {
  width: 422px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}
.tt-suggestion p {
  margin: 0;
}
.fc-content {
  text-overflow: ellipsis !important;
}
.fc-event {
  padding: 6px !important;
}
.fc-event.unassigned {
  border: 3px solid #aa0000;
  padding: 3px  !important;
}
.fc-event-container {
  cursor: pointer;
}
.QSContainer .securityGraphicWrapper .imageDropshadow { /* reduce security graphic image size so contents fit within QuickPopup */
	width: 430px;
	} 
.QSContainer { /* quick selector container */
	}

.QSContainer .panelSearchBox { /* quick selector search box */
	width: 180px;
	}

.QSContainer .Search_Input { /* quick selector search box text */
	width: 240px;
	}

.QSContainer .Search_InputHint { /* quick selector search box hint */
	width: 240px;
	}

.QSSize { /* iframe within which quick selector is displayed */ 
	height: 278px;
	width: 330px;
	}

.QSdh { /* quick selector title bar */
	background-color: #eeeeee;
	background: -moz-linear-gradient( center top, #fbfbfb 5%, #ececec 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbfbfb), color-stop(1, #ececec) );
	background: -ms-linear-gradient(top, #fbfbfb 5%, #ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ececec');
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	height: 34px;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 3;
	}

.QSContainer .dhb { /* padding to accommodate popup close button */
	padding-right: 40px;
	}

.QSContainer .QSscrollRegion { /* quick selector scrolled region */
	height: 200px;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 2;	
	}

.QSfooter { /* quick selector footer bar */
	background-color: #eeeeee;
	background: -moz-linear-gradient( center top, #fbfbfb 5%, #ececec 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbfbfb), color-stop(1, #ececec) );
	background: -ms-linear-gradient(top, #fbfbfb 5%, #ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ececec');
	height: 38px;
	left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	position: fixed;
	top: 240px;
	width: 100%;
	z-index: 3;
	}

.QSButtonContainer { /* quick selector clear/add button container */ 
	width: 100px;
	}

.QSButtonContainer .themeButton { /* quick selector theme button container */
	padding: 1px;
	}

.QSCloseButtonContainer { /* quick selector close button container */
	width: 54px;
	}

.QSPaginationContainer { /* quick selector pagination container */
	width: 210px;
	}

.QSPageSizeButton { /* quick selector page size button */
	display: none;
	}

.QStr { /* quick selector row */
	background-color: #ffffff;
	}

.QStr:hover, .QStrHighlighted, .QStrHighlighted:hover, .QStrSelected:hover { /* quick selector hover/highlighted state */
	background-color: #f7eee3;
	}

.QStrSelected { /* quick selector selected state */
	background-color: #faf5ee;
	}

.QSthc { /* quick selector header cell */
	color: #555555;
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 12px;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
	}

.QSthc a { /* link within quick selector header cell */
	color: #006600;
	font-weight: bold;
	text-decoration: none;
	}

.QSthc a:hover { /* hover state of link within quick selector header cell */
	}

.QSthc a.button_link { /* link with class button_link within quick selector header cell */
	color: #006600;
	font-weight: bold;
	text-decoration: none;
	}

.QSthc a.button_link:hover { /* hover state of link with class button_link within quick selector header cell */
	}

.QSttc { /* quick selector cell */
	border-bottom: 1px dotted #eeeeee;
	color: #666666;
	font-family: Arial, Verdana, Georgia, sans-serif;
	font-size: 12px;
	height: 14.5px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	vertical-align: top;
	white-space: nowrap;
    cursor:pointer;
	}

.QSttc div { /* quick selector cell content container (used for long text truncation) */
	overflow: hidden;
	text-overflow: ellipsis;
	width: 290px;
	}

.QSttc a { /* link within quick selector cell */
	color: #006600;
	text-decoration: none;
	}

.QSttc a:hover { /* hover state of link within quick selector cell */
	}

.QSttc a.button_link { /* link with class button_link within quick selector cell */
	color: #006600;
	text-decoration: none;
	}

.QSttc a.button_link:hover { /* hover state of link with class button_link within quick selector cell */
	}
.QPCloseBarButtonContainer { /* quick page close button container */
	position: absolute;
	right: 0px;
	z-index: 4;
	}

.QPCloseBarButtonPosition { /* quick page close button position */
	padding-right: 10px;
	padding-top: 8px;
	}