body
    {
      background-color: #00008B;
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight:normal;
    }
    .bodyLight
    {
      background-color: white;
      font-family: Arial, sans-serif;
      font-size: 12px;
    }
    .skinnyinput
    {
      font-family:Arial;
      font-size:12px;
      width:100px;
    }
    table
    {
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight:normal;
    }
    td.bottomborderblue
    {
        border-bottom: 1px solid blue;
    }
    td.bottomborderblueleft
    {
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        text-align: left;
        border-left: 1px solid #82CAFF;
        border-bottom: 1px solid #82CAFF;
    }
    td.bottomborderblueright
    {
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        text-align: right;
        border-right: 1px solid #82CAFF;
        border-bottom: 1px solid #82CAFF;
    }
    td.bottomborderblueboth
    {
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        border-left: 1px solid #82CAFF;
        border-right: 1px solid #82CAFF;
        border-bottom: 1px solid #82CAFF;
    }
    td.bottomborderblueonly
    {
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        border-bottom: 1px solid #82CAFF;
    }
    th.bottomborderblueonly
    {
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        border-bottom: 1px solid #82CAFF;
    }
    .historyHoursList
    {
        vertical-align: middle;
    }
    .forgraph
    {
        background-color: white;
        font-family: Courier New, System, sans-serif;
        font-size: 11px;
        border-style: solid;
        border-width: thin;
        border-color: #c0c0c0;
    }
    FONT
    {
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight:normal;
    }
    FONT.normal
    {
      font-family: Arial, sans-serif;
      font-size: 12px;
      font-weight:normal;
    }
    FONT.bigbold
    {
      font-family: Verdana, Arial, sans-serif;
      font-size: 22px;
      font-weight: bold;
    }
    FONT.pagetitlewhite
    {
      font-family: Verdana, Arial, sans-serif;
      font-size: 28px;
      font-weight: bold;
      color: White;
      text-align: center;
    }
    FONT.title
    {
      font-family: Trebuchet MS, Courier New, Courier;
      font-size: 16px;
      color: #4682B4;
      line-height: 8px;
    }
    FONT.reportTitle
    {
      font-family: Trebuchet MS, Courier New, Courier;
      font-size: 18px;
      color: blue;
    }
    FONT.reportTitleLight
    {
      font-family: Trebuchet MS, Courier New, Courier;
      font-size: 18px;
      color:Gray;
    }
    FONT.headline
    {
      font-family: Trebuchet MS, Courier New, Courier;
      font-size: 15px;
      font-weight: bold;
    }
    FONT.timeheadline
    {
    font-family: Trebuchet MS, Courier New, Courier;
    font-size: 15px;
    font-weight: bold;
    color: #00008B;
    border-style: solid;
    border-width: thin;
    border-color: #c0c0c0;
    }
    FONT.liveheadline
    {
    font-family: Trebuchet MS, Courier New, Courier;
    font-size: 15px;
    font-weight: bold;
    color: #00008B;
    }
    FONT.subhead
    {
      font-family: Verdana, Arial, sans-serif;
      font-size: 14px;
      font-weight: bold;
    }
    FONT.tiny
    {
      font-family: Verdana, Arial, sans-serif;
      font-size: 6px;
      line-height: 6px;
      padding-top: 0;
    }
    FONT.helpPanel
    {
      font-family: Arial, sans-serif;
      font-size: 12px;
      color: #333333;
    }
    FONT.failureCell
    {
      font-family: Arial, sans-serif;
      font-size: 12px;
      color: Red;
      font-weight: bold;
    }
    FONT.successCell
    {
      font-family: Arial, sans-serif;
      font-size: 12px;
      color: Green;
      font-weight: bold;
    }
    .normal
    {
      font-family: Arial, sans-serif;
      font-size: 12px;
    }
    .fixedHeader
    {   
    overflow: auto;
    height: 150px;
    border-style: solid;
    border-width: thin;
    border-color: gray;
    }
    .FixedTableHeaderCell
    {
      /* height: 14px;
      background-color: lightgrey;  */
      border-width: 2px;
      border-color: gray;
      position: relative;
      /* top: expression(this.parentNode.parentNode.parentNode.scrollTop-1); */
    }
    .FixedHistoryTableHeaderCell
    {
      border-width: 2px;
      position: relative;
      /* top: expression(this.parentNode.parentNode.parentNode.scrollTop); */
    }
    .FixedHistoryTableLastHeaderCell
{
    border-width: 2px;
    text-align: left;
    clip:rect(auto,40px,auto,auto);
    /* top: expression(this.parentNode.parentNode.parentNode.scrollTop); */
}
    
    .CustomTabStyle .ajax__tab_header
    {
      font-family: Arial,sans-serif;
      font-size: 12px;
      background: url(images/tab-line.gif) repeat-x bottom;
    }
    /*Modal Popup*/
    .modalBackground
    {
      background-color: Gray;
      filter: alpha(opacity=70);
      opacity: 0.7;
    }
    .modalPopup
    {
      background-color: #ffffdd;
      border-width: 3px;
      border-style: solid;
      border-color: Gray;
      padding: 3px;
      width: 300px;
      text-align: center;
    }
    
    /*CollapsiblePanel (inserted in Dk V2) */
    .collapsePanel {
    	
	    background-color:white;
	    overflow:hidden;
    }
    .collapsePanelHeader{
	    width:100%;
	    height:30px;
	    background-repeat:repeat-x;
	    font-weight:bold;
    }

    #master_content .collapsePanelHeader a {color:#FFF;}
    #master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/* This provices support for qTip tooltip */
    /* Add some nice box-shadow-ness to the modal tooltip */
    #ui-tooltip-modal
    {
      max-width: 420px;
      -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
      -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
      box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    }
    
    #ui-tooltip-modal .ui-tooltip-content
    {
      padding: 10px;
    }

    /*! My modal popup tooltip style
    .ui-tooltip-my-modal-popup .ui-tooltip-content {
      color: black;
      border-style: solid;
      border-color: gray;
      text-align: center;
      background-color: #FFFFDD;
      max-width: 320px;
    }
    */
    /*! My modal popup tooltip style */
    .ui-tooltip-my-modal-popup .ui-tooltip-content{
	    border-color: #E2E2E2;
		background-color: white;
	    color: #454545;
        max-width: 320px;
    }

    /*! My hover help tooltip style */
	/* WAS: background-color: #E5F6FE;*/    
    .ui-tooltip-my-hover-help .ui-tooltip-content{
	    border-color: #ADD9ED;
	    color: black;
        background-color: #FFCC99;
	    font-size: 125%;
	    font-weight: normal;
        max-width: 300px;
    }

    /*! My tooltip style */
    .ui-tooltip-my-help .ui-tooltip-titlebar,
    .ui-tooltip-my-help .ui-tooltip-content{
	    border-color: #ADD9ED;
	    color: black;
	    background-color: #E5F6FE;
	    font-size: 120%;
	    padding: 5px;
    }

	.ui-tooltip-my-help .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-my-help .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}

/* COPIED from DkAjaxControlToolkit.css to circumvent a conflict. */
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : default;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	margin-left:0.2em;
	border:none;
}

.autocomplete_highlightedListItem_left_2em
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	margin-left:-2.25em;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color: windowtext;
	padding: 1px;
	margin-left:0.25em;
	border: none;
}

.autocomplete_listItem_left_2em 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	margin-left:-2.25em;
}

/* Helpers for some non-obvious buttons etc. */
.handoverbutton:hover {
    cursor: pointer;
}

.handoverbuttonblackbg:hover {
    cursor: pointer;
    background-color: #1F1F1F !important;
}

/* Some tooltip support*/
.ui-tooltip-my-blue-bg {
	background-color:lightblue;
}

.ui-tooltip-my-beige-bg {
	background-color:beige;
}

.ui-tooltip-my-pale-bg {
	background-color:aliceblue;
}

.ui-tooltip-my-solid-bg .ui-tooltip-content{
    background-color: #FFCC99;
}

.my-tooltip-beige {
    border: 1px solid blue; 
    padding: 0.4em; 
    font-family: arial; 
    font-size: 1.5em; 
    max-width: 480px;
    line-height: 110%;
    background-color:beige;
}

div.my-tooltip-grid {
  border: 1px solid blue;
  padding: 0.4em;
  font-family: arial;
  font-size: 1.5em;
  max-width: 720px;
  line-height: 110%;
  background-color: paleturquoise;
}

div.my-tooltip-content {
  border: 1px solid blue;
  padding: 0.4em;
  font-family: arial;
  font-size: 1.5em;
  max-width: 360px;
  line-height: 110%;
  background-color: paleturquoise;
}

div.my-tooltip-content-large {
    border: 1px solid blue; 
    padding: 0.4em; 
    font-family: arial; 
    font-size: large; 
    max-width: 400px;
    line-height: 110%;
}

input.port-error-indication
{
    background-color: pink!important;
}

input.port-multi-indication
{
    background-color: #fad278!important;
}