/* Recent fixes to old inline or implicit styles */
/* Also found in bootstrapTempusServa.css */

.tsDeletedFile { 
    background-color: red; /*fallback*/ 
    display: none; /* remove files imidiately */
}

#QuickSearchForm { padding: 5px; }

.alignRight { text-align: right; }

.tableSearchFooter td span { margin-right: 10px; }
.tableSearchFooter td .form-control[type='checkbox'] { margin-right: 5px; width: auto; }
.tableSearchFooter label { font-weight: normal; }

/* General reset */

.ui-dialog-content a,
.TempusServaPage a { text-decoration: none; }

/* Font awesome corrections */

.btn .fa { float: left; min-width: 16px; }
.btn .fa:nth-child(2) { margin-left: -8px; font-size: 70%; }

.menuRollout .fa:first-child { margin-left: 5px !important; } 

/* SSO buttons */

.tsOauth  {
	margin-top: 20px;
}
.tsOauth  img{
	height: 24px;
	width: 24px;
	box-shadow: 5px 5px 2px #eee;
}
.tsOauth  a {
	margin-right: 8px;	
}

/* Rounded input elements */

.tableLogin {
	border-radius: 4px;
}

.TempusServaPage input, .TempusServaPage textarea, .TempusServaPage select {
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding-left: 2px;
	padding-right: 2px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
}

.TempusServaPage input, .TempusServaPage textarea {
	padding-left: 4px;
}

.TempusServaPage input[type=submit]  {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.TempusServaPage input[type=submit]:hover  {
	font-weight: bold;
	border: 1px solid #000;
}

/* Default quiz */

.quizCorrect .quizAnswer {	color: green; }
.quizWrong .quizAnswer {	 	color: red; }


/* Double icons for webdav */
.doubleIcon { position: relative; left: 0px; top: 0px; display:inline-block; }
.doubleIcon img:nth-child(1) { position: relative; top: 0px; left: 0px; }
.doubleIcon img:nth-child(2) { position: absolute; top: 25%; left: 25%; height: 75%; width: 75%; }


/* Progress bar */    
.tsDropFiles {
	/* VERY IMPORTANT FOR UPLOAD TO WORK */
	display: inline-block;
}
  
.progress {	
	margin-top: 5px;
	margin-bottom: 5px;
}

.files {
	margin-top: 5px;
	margin-bottom: 5px;
}

.fileinput-button {
	display: block;
	margin-top: 10px;
}

/* Slider default værdier */
.FieldValue .ui-slider-vertical   { height: 200px; }
.FieldValue .ui-slider-horizontal { width: 400px; }

/* Tabs */

.ui-tabs {
	border: none;
}
.ui-tabs .ui-tabs-panel {
	padding: 0px;
        display: table-row-group;
}
.ui-tabs .ui-tabs-nav {
	padding-top:  5px;
	padding-left: 0px;
	margin-bottom: 10px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11pt;
}
.ui-tabs .ui-tabs-nav {
    font-size: 0.8em;
}
.ui-tabs .ui-tabs-nav li {
    position: inherit;
}

.ui-tabs .ui-tabs-nav {
    border: none;
    background: none;
}
.ui-tabs .ui-tabs-selected {
    background: none;
}

/* File upload */
.fileinput-button {
  margin-top: 5px;
}
.tsDropFiles {
  border: 1px solid #33CC33;
  font-size: 10pt;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #CCFFCC;
}

/* calendar views */
.tsCalendar {
	margin-bottom: 10px;
}
.tsCalendar, .tsCalendar th, .tsCalendar td {
  border: 1px dotted;
}
.tsCalendarOuter {
  background-color: #cccccc !important;
}
.tsCalendar td {
  min-width: 100px;
  min-height: 100px;
}
.tsCalendar th {
  font-size: 8pt;
}
.tsCalendarDate {
  color: #666666;
  font-size: 8pt;
}
.tsCalendarNavigation {
	vertical-align: top;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }


.ui-dialog .ui-dialog-titlebar {
	padding: .1em 0.5em !important;
}
.ui-widget {
  font-size: 1.0em; /* !important;*/
}

.menuItemListHelp p {
	font-size: 10pt;
}

.menuList #QuickSearchForm {
	margin-left: -3px;
}

.menuList #QuickSearchInput {
	font-size: 9pt;
	/*height: 14px !important;*/
	padding: 0px;
	vertical-align: text-top;
	margin-top: -1px;
	margin-bottom: 2px;
}

.menuList  #QuickSearchForm .ui-autocomplete-input {
	font-size: 11pt;
	height: 16px;
	margin: 5px;
	margin-top: 10px;
}

.tableSearchValue  select {
   max-width: 300px;
   overflow: hidden;
}

/*Markering a elementer valgt med piletaster*/
.TempusServaPage a:focus,
.tableMaster2 a:focus { 
  border: 1px solid #FF3333;
  background: #FFFF99;
}

.TempusServaPage .ui-tabs a:focus,
.TempusServaPage .tablePageSelector  a:focus
{
  border: none;
  background: none;
}

.newsList {
	z-index: 2;
}

.tableListHeader, #tableListHeaderLink { color: gray; }

.TempusServaPage img { border: 0px; }

.tableStatistics table, 
.tableStatistics h3.tsDiagramHeader {
	margin-top: 15px;
	margin-right: 15px;
}

table.tableStatistics td { padding: 5px; }

.QuickSearch p { white-space: nowrap; }

.googlechart {
   position: relative;
   left: 0px;
}

.jqplot-grid-canvas {
   opacity:0.5;
}

.tsReportLineItem {
    display: inline-block;
    vertical-align:text-top;
    padding-right: 10px;
}

.tsTableService td, .tsTableService th { 
    margin: 0px;
    padding-right: 10px; 
    border-bottom: 1px solid;
}

/* IE fixes */
.TempusServaPage th { text-align: left; vertical-align:top; }


/* ----------------------------------------------------------- */
/* ---------------- Service functions ---------------------- */
/* ----------------------------------------------------------- */

.tsServerFunctions { background-color: #fdf8f4; }
.tsServerFunctions * { color: #292c53; }

.tsServerFunctions a { text-decoration: none; }

.tsServerFunctions .menu {
    display: block;
    height: 100%;
    overflow: scroll;
}

.tsServerFunctions .menu,
.tsServerFunctions .content { 
	display: block;
	float: left;	
	margin-right: 75px;
}

.tsServerFunctions .content { 
	max-width: 80%;
}

.tsServerFunctions .menu ul {
	list-style-type: none;
	padding: 5px;
	padding-left: 20px;
	width: 150px;
}

.tsServerFunctions .menu li {
	padding: 3px;
	display: block;
	border: 1px #292c53 solid;
}

.tsServerFunctions .menu li {
	background-color: #292c53;
	color: #fdf8f4 !important;
}

.tsServerFunctions .menu li li {
	background-color: #455577;
}
.tsServerFunctions .menu li li a { 
	color: #fdf8f4 !important;
}
.tsServerFunctions .menu li li:hover { 
	background-color: #fdf8f4;
}
.tsServerFunctions .menu li li:hover a { 
	color: #455577 !important;
}

/* ----------------------------------------------------------- */
/* ---------------- Accordion main menu ---------------------- */
/* ----------------------------------------------------------- */

/*Almindelig styling accordion adaptions*/
.tableMaster2,
.tableMaster2 .ui-accordion {
	max-width: 650px;
}
.tableMaster2 h3 {
	margin-bottom: 0px;
}
.tableMaster2 .ui-accordion-header, 
.tableMaster2 .ui-accordion-content {
	padding-left: 30px;
	padding-right: 10px;
}
.tableMaster2 {
	margin-bottom: 10px;
}
.TempusServaPage .tableMaster2 h3 {
	margin-bottom: 0px;
}
.tableMasterViewLinkList {
	margin-bottom: 10px;
}
.tableMasterDescription {
	padding-left: 10px;
}

/*Fallback options til styling uden accordion*/
.tableMaster2 h3,
.tableMaster2 > div {
	padding: 5px;
	border-bottom: 1px solid #eee;
}
.tableMaster2 h3.ui-state-default,  
.tableMaster2 h3.ui-state-active {
	border-bottom: 1px solid #d5d5d5;
}
.tableMaster2 .ui-accordion-content {
	border-bottom: 1px solid #aaaaaa;
}
.tableMaster2 .ui-accordion-content {
	padding-top: 5px;
}
/*Ændringer til baggrunde så de virker begge steder*/
.ui-accordion {
	background: none !important;
}

/* ----------------------------------------------------------- */
/* ---------------- PRINT FORMAT ----------------------------- */
/* ----------------------------------------------------------- */

@media screen {
  .tsMoreHide   { display: none;  }  
}
@media print {
  .tsMoreToggle { display: none;  }  
}

@media print {

  .debugTime { display: none; }
  
  /*Common elements*/
  .TempusServaPage .menuList { display: none; }
  .TempusServaPage a.menuItem { display: none; }

  /*List elements*/
  .TempusServaPage .pager { display: none; }
  
  /*Item elements*/
  .TempusServaPage .codeunitButtonMenu { display: none; }
  .TempusServaPage .formpageselector { display: none; }
  .TempusServaPage .updateSubmit { display: none; }
  
  /*Main elements*/
  .tsMenuItemButtonCreate { display: none; }
  
  /*List elements*/
  .tsMenuItemButtonEdit { display: none; }
  .tsMenuItemButtonShow { display: none; }
  .tsMenuItemQuickfilterButton { display: none; }
  .tsMenuItemFieldGroupByButton { display: none; }
  .tsMenuItemButtonSearchRemove { display: none; }
  
  /*Item elements*/
  .tsMenuItemValidateTrue { display: none; }
  .tsMenuItemValidateFalse { display: none; }

  /*Popup menus*/
  /*.ui-dialog { display: none; }*/
  #Window { display: none; }

}

/* ----------------------------------------------------------- */
/* ---------------- NEWS / INFORMATION ----------------------- */
/* ----------------------------------------------------------- */

.newsList, .flagList {
	float: right;
	display: block;
}
.newsListHeader {
	font-size: 12pt;
	font-weight: bold;
}
.newsItem, .flagItem {
	display: block;
	width: 200px;
	background-color: #ccc;
	padding: 10px;
	margin-bottom: 10px;
}

.newsItem, .flagItem {
	border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 5px 5px 2px #999;
	-moz-box-shadow: 5px 5px 2px #999;
}

.newsItem img {
	width: 200px;
}
.newsHeader {
	font-size: 12pt;
	border-bottom: 1px solid #999;
}
.newsContent, .flagContent {
	font-size: 10pt;
}
.newsAuthor,  .flagOptions {
	font-size: 8pt;
	color: 999;
	text-align: right;
	border-top: 1px solid #999;
}

.flagItem {
    border: 1px solid #999;
}

.flagColor1 { background-color: crimson;        color: white; }
.flagColor2 { background-color: darkorange;     color: black; }
.flagColor3 { background-color: gold;           color: black; }
.flagColor4 { background-color: green;          color: white; }
.flagColor5 { background-color: dodgerblue;     color: white; }
.flagColor6 { background-color: mediumorchid;   color: white; }
.flagColor7 { background-color: hotpink;        color: black; }


/* ----------------------------------------------------------- */
/* ---------------- SYSTEM MESSAGE --------------------------- */
/* ----------------------------------------------------------- */

.systemwarning { color: red; }
.systemmessage { color: gray; }

/* ----------------------------------------------------------- */
/* ---------------- POPUP WINDOWS --------------------------- */
/* ----------------------------------------------------------- */

.window {
  position:absolute;
  left: 50px;
  top: 30px;
  z-index:2;
  margin: 0px;
  border: 1px solid #000000;
  padding: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}

.windowHeader {
  text-align: left;
  background-color: #000099;
  color: #ffffff;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.windowHeader th + th {
  text-align: right;
}

.windowContent {
  padding: 0px;
  background-color: #ffffff;
}

.windowContent p { margin: 5px; }

.window table td { background-color: #FFFFFF; }

.window .QuickSearch { padding: 5px; }

/* ----------------------------------------------------------- */
/* ---------------- STATUS ICONS - FF ONLY ------------------- */
/* ----------------------------------------------------------- */

option.StatusNew, option.StatusWaiting, option.StatusProgress, option.StatusCancelled, option.StatusComplete {
  background-repeat: no-repeat;
  padding-left: 20px;
}
option.StatusNew {  background-image: url('icons/status/star.png'); }
option.StatusWaiting {  background-image: url('icons/status/hourglass.png'); }
option.StatusProgress {  background-image: url('icons/status/cog.png'); }
option.StatusCancelled {  background-image: url('icons/status/cross.png'); }
option.StatusComplete {  background-image: url('icons/status/tick.png'); }


/* ----------------------------------------------------------- */
/* ---------------- MENU ITEMS ----------------------------- */
/* ----------------------------------------------------------- */

div.menuList a, div.menuList span {
    padding-right: 5px;
}

/* ----------------------------------------------------------- */
/* ---------------- AUTOCOMPLETE ----------------------------- */
/* ----------------------------------------------------------- */

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  /*height:32px;*/
  cursor:pointer;
}

/*JQuery version*/
/*
ul.ui-autocomplete {
  list-style-type:none;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}

ul.ui-autocomplete li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
*/

/* ----------------------------------------------------------- */
/* ---------------- ADAPTIVE MENU LAYOUT --------------------- */
/* ----------------------------------------------------------- */


/* Menu: Hide advanced topics */	

	.menuSimple .menuList .menuPlus { display: none !important; }

/* Menu: General styling */		

	.menuItem span, .menuItemListHelp span { padding-left: 3px; }

	.menuItem { white-space: nowrap; }
	
	.menuList .menuItem span { 
		display: inline-block;
		max-width: 180px; 
		overflow: hidden; 
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-ms-text-overflow: ellipsis; 
	}
	
	.menuList .menuItem:hover span { max-width: 400px; word-break: break-all; }	

	/* Fading icons */
	.menuList .menuItem img { opacity: 0.7; }
	.menuList .menuItem:hover * { opacity: 1.0; }
	
	.menuList { font-size: 80%; display: inline-block; padding-left: 5px; padding-right: 5px;  }
	.menuList .menuBlock { display: inline; }

	.menuList .menuBlock { vertical-align: middle; }
	.menuList .menuItem img { vertical-align: middle; }
	.menuList .menuItem span, .menuItemListHelp span { font-variant:small-caps; vertical-align: middle; }
	.menuItemListHelp p { white-space:nowrap; }	

/* Menu: ERROR IN LAYOUT NAME */		

	.menuList .menuBlock .menuItem span {
		display: none;
	}
	/*.layoutClassic .menuList .menuBlock .menuItem span,*/ 
	.layoutRibbon .menuList .menuBlock .menuItem span, 
	.layoutBlockRight .menuList .menuBlock .menuItem span, 
	.layoutBlockLeft .menuList .menuBlock .menuItem span { 
		display: inline-block;
	}
	.menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1) { 
		padding-left: 16px; 
	}
	.menuList .menuBlock:nth-child(1) .menuItem:nth-child(1) { 
		padding-left: 0px;
	}
	.layoutClassic .menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1), 
	.layoutRibbon .menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1), 
	.layoutBlockRight .menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1), 
	.layoutBlockLeft .menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1) { 
		padding-left: 0px; 
	}
	
/* Menu: Compact (Classic) */		
	
	/*.layoutClassic .menuList .menuBlock .menuItem:nth-child(1)::before { content:url('../icons/menu/bullet_white.png'); }*/
	.layoutClassic .menuList .menuBlock:nth-child(1) .menuItem:nth-child(1)::before { content: none; }
	
	.layoutClassic .menuList { display: inline-block; clear: both; padding: 2px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; }
	.layoutClassic .menuList .menuItem { display: inline; white-space:nowrap; }	
	
	.layoutClassic .menuList .menuBlock .menuItem:nth-child(1)::before { content:url('../icons/menu/bullet_white.png'); }
	.layoutClassic .menuList .menuBlock .menuItem span { display: none; } 
	
	.menuSimple .menuList .menuBlock .menuItem span { 	display: inline-block; max-width: 120px; }
	.menuSimple .menuList .menuItem:hover span { 		max-width: 400px; word-break: break-all; }	
	
/* Menu: Ribbon */	
	
	.layoutRibbon * { vertical-align:text-top; }	
	.layoutRibbon .menuList { padding-left: 8px; padding-right: 8px; }	
	.layoutRibbon .menuList .menuBlock { padding-top: 8px; padding-bottom: 8px; vertical-align: text-top; display:inline-block; border: 0px solid #000; }	
	.layoutRibbon .menuList .menuBlock::before { content: none; }
	.layoutRibbon .menuList .menuBlock .menuItem { display:block; vertical-align: middle; margin-top: 1px; margin-bottom: 3px; padding-left: 10px; }	
	.layoutRibbon .menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1) { padding-left: 10px; }	

/* Menu: Block Left + Right */
	
	.layoutBlockRight,
	.layoutBlockLeft,  
	.layoutBlockLeft .mainContent,
	.layoutBlockRight .mainContent 	{ vertical-align: text-top; }	
	
	.debugTime,	
	.layoutBlockLeft  > p,
	.layoutBlockRight > p				{ clear: both; }	
	
	.layoutBlockLeft .tableFieldTableValue, 
	.layoutBlockRight .tableFieldTableValue   { width: auto !important; }	 
	
	.layoutBlockLeft  .menuList,
	.layoutBlockRight  .menuList	{ padding-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;  }
	.layoutBlockLeft  .menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1),
	.layoutBlockRight  .menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1) { margin-top: 10px; }
	.layoutBlockLeft  .menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1)::before,
	.layoutBlockRight  .menuList .menuBlock:nth-child(n+1) .menuItem:nth-child(1)::before { content: ''; }
	
	.layoutBlockLeft  .menuList .menuItem,
	.layoutBlockRight .menuList .menuItem 	{ display: block; padding: 2px; padding-left: 0px; }	
	.layoutBlockLeft  .menuList .menuItem span,
	.layoutBlockRight .menuList .menuItem span	{ padding-left: 5px; display: inline-block; }	

	.layoutBlockLeft #QuickSearchInput,
	.layoutBlockRight #QuickSearchInput { 
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	.layoutBlockLeft .menuList .menuBlock::before,
	.layoutBlockRight .menuList .menuBlock::before	{ content: none; }
	.layoutBlockLeft .menuList .menuBlock:nth-child(1)::before,
	.layoutBlockRight .menuList .menuBlock:nth-child(1)::before	{ content: none; }

/* Menu: BlockLeft */

	.layoutBlockLeft .menuList { float: left; margin-right: 10px; top: 10px; display: inline-block; /*padding: 8px;*/  }
	.layoutBlockLeft .mainContent { float: left; padding-left: 20px; top: 10px; display: block; }
	
	
/* Menu: BlockRight */
	
	.layoutBlockRight .menuList 	{ float: right; margin-right: 20px; top: 10px; display: inline-block; /*padding: 8px;*/  }
	.layoutBlockRight .mainContent	{ float: left; padding-left: 10px; top: 10px; display: block; }
	
/* Menu adaption buttons context */
	
	.layoutClassic #menuDoLayoutClassic { display: none; }	
	.layoutRibbon #menuDoLayoutRibbon { display: none; }	
	.layoutBlockLeft #menuDoLayoutBlockLeft { display: none; }	
	.layoutBlockRight #menuDoLayoutBlockRight { display: none; }	
	
				#menuDoMenuAdvanced { display: none !important; }
	.menuSimple #menuDoMenuAdvanced { display: inline-block !important; }	
	.menuSimple #menuDoMenuSimple { display: none !important; }

/* ----------------------------------------------------------- */
/* ---------------- CODEUNIT BUTTONS ---------------- */
/* ----------------------------------------------------------- */

a.codeunitButton {
    background: transparent url('bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.codeunitButton span {
    background: transparent url('bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

div.codeunitButtonMenu {
	overflow: hidden; width: 100%; margin: 0px; margin-bottom: 10px
}

/* ----------------------------------------------------------- */
/* ---------------- CALENDAR ---------------------------- */
/* ----------------------------------------------------------- */

/* the div that holds the date picker calendar */
.dpDiv {}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}

/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

	
/***************************************************************************/	
/***************************************************************************/	
/***************************************************************************/	
	
	
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
    position: relative;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
/*    height: 300px;
    width: 400px;*/
}

/*rules applied to all axes*/
.jqplot-axis {
    font-size: 0.75em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}


.jqplot-xaxis-tick {
    top: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-top: 10px;*/
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-bottom: 10px;*/
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-right: 10px;*/
    text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
	right: -20px;
	margin-right: 0px;
	padding:1px 5px 1px 5px;
/*	background-color: white;*/
	z-index: 2;
	font-size: 1.5em;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-left: 10px;*/
/*    padding-right: 15px;*/
    text-align: left;
}

.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px;
/*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}

.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/*    text-align: center;*/
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}

.jqplot-meterGauge-tick {
    font-size: 0.75em;
    color: #999999;
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}

table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.75em;
}

td.jqplot-table-legend {
    vertical-align:middle;
}

/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/

/*
td.jqplot-table-legend-swatch {
    padding-top: 0.5em;
    text-align: center;
}

tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
    padding-top: 0px;
}
*/

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #cccccc;
    padding:1px;
}

div.jqplot-table-legend-swatch {
    width:0px;
    height:0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}


.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-point-label {
    font-size: 0.75em;
    z-index: 2;
}
      
td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}

.jqplot-error {
/*   Styles added to the plot target container when there is an error go here.*/
    text-align: center;
}

.jqplot-error-message {
/*    Styling of the custom error message div goes here.*/
    position: relative;
    top: 46%;
    display: inline-block;
}

div.jqplot-bubble-label {
    font-size: 0.8em;
/*    background: rgba(90%, 90%, 90%, 0.15);*/
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.7);
}

div.jqplot-noData-container {
	text-align: center;
	background-color: rgba(96%, 96%, 96%, 0.3);
}


/* Special addon design: layoutTopmenu (inserted in body body tag) */

body.layoutTopmenu { 
	margin-top: 30px !important; 
	padding-top: 15px;
}
.layoutTopmenu .layoutClassic .menuList ,
.layoutTopmenu .layoutRibbon .menuList {
	position: fixed !important;	
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2;
	border-radius: 0px;
}
.layoutTopmenu .layoutRibbon .menuList {
	padding-top: 5px;
	height: 28px;
	overflow: hidden;
} 
.layoutTopmenu .layoutRibbon .menuList .menuBlock {
	padding: 5px;
}
.layoutTopmenu .layoutRibbon .menuList .menuItem {
	opacity: 0.6;
}
.layoutTopmenu .layoutRibbon .menuList:hover {
	height: auto;
}
.layoutTopmenu .layoutRibbon .menuList:hover .menuItem {
	opacity: 1.0;
}
.layoutTopmenu .layoutRibbon .menuList .menuItem:nth-child(1) {
	margin-bottom: 10px;
}
.layoutTopmenu .layoutRibbon .menuList:hover .menuItem:nth-child(1) {
	margin-bottom: 3px;
}

/* Layout corrections */
body.layoutTopmenu { 
	padding-top: 15px; /* move existing page south */
}
.layoutTopmenu .menuList { 
	z-index: 2; /* ensure rollout menu is displayed in front of main menu accordion */
}
.layoutTopmenu .layoutRibbon .menuList:hover .menuItem:nth-child(1) {
	margin-bottom: 5px;	/* corection */
}

/* Remove buttons for incompatible layout selectors*/
.layoutTopmenu #menuDoLayoutBlockLeft,
.layoutTopmenu #menuDoLayoutBlockRight {
	display: none;
}

/* runchart styling */
.form-inline .btn-primary, 
.form-inline .input-group { 
	width: auto; margin-left: 10px; 
}

/* hide new display hidden feature */
.tableShowHidden {
	display: none; 
}