

body    {
        background-color: #FFFFFF;
        margin: 0px;
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 10pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.bgcolorHeader
        { background-color: #F0F0F0;}

.bgcolorH2
        { background-color: #FFFFFF; }

.bgcolorNavigator
        { background-color: #F0F0F0;}

.bgcolorH4
        { background-color: #FFFFFF;}

.bgcolorH4alt
        { background-color: #EFEFEF;}

.bgcolorMenuSearch
        { background-color: #FFFFFF;}

.calcurrentBg
        {
        background-color: #FFFFFF;
        }

.calcurrentText
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 10pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }
		

		
#printerIframe 
        {
        position: absolute;
        width: 0px; height: 0px;
        border-style: none;
        }

.h1     {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 12pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.h2     {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 12pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.h3     {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 11pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.label  {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        color: #000000;
        }

.listLabel  {
        font-family: Myriad Web Pro, arial, sans-serif;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        color: #888888;
        }

.h2emph {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 12pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.h3emph {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 11pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.h4     {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 10pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.h4emph {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 10pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.h6     {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #888888;
        font-size: 9pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.h6emph {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #888888;
        font-size: 9pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }
        

.textCompanyName
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 12pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.textHeader
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 10pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.listArea
        {
        background-color: #FEFEFE;
        border-top: 1px solid #999999;
        }

.listCelOne
        {
        border-bottom: 1px solid #999999;
        background-color: #FFFFFF;
        }

.listCel
        {
        border-bottom: 1px solid #999999;
        border-left: 1px solid #999999;
        background-color: #FFFFFF;
        }

.listCelOneGrey
        {
        border-bottom: 1px solid #999999;
        background-color: #F0F0F0;
        }

.listCelGrey
        {
        border-bottom: 1px solid #999999;
        border-left: 1px solid #999999;
        background-color: #F0F0F0;
        }

.StdlistHighlightColor
	{
        background-color: #C8DFEF;
	}

.StdlistBackgroundColor
	{
        background-color: #FFFFFF;
	}

.StdlistCel
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 10pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.colHeadOne
        {
        border-bottom: 1px solid #999999;
        color: #FFFFFF;
        background-color: #999999;
        }

.StdListcolHeadOne
        {
        color: #FFFFFF;
        background-color: #C7C5C5;
        }

.colHeadOne a
        {
        text-decoration: none;
        }

.colHeadOne a:hover
        {
        text-decoration: underline;
        }

.colHead
        {
        border-bottom: 1px solid #999999;
        border-left: 1px solid #FFFFFF;
        color: #FFFFFF;
        background-color: #999999;
        }

.colHead a
        {
        color: #FFFFFF;
        text-decoration: none;
        }

.StdListcolHead
        {
        border-left: 1px solid #FFFFFF;
        color: #555555;
        background-color: #C7C5C5;
        }

.StdListcolHead a
        {
        color: #555555;
        text-decoration: none;
        }

.colHead a:hover
        {
        text-decoration: underline;
        }

.colHeadLink
        {
        color: #FFFFFF;
        text-decoration: none;      
        }

.DatePickerFontColor
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        color:#6B6B6B;
        font-size: 10pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.widthNavigator
        {
        width: 150px;
        }

.Menu   {
        padding-top: 5px;
        padding-left: 10px;
        padding-bottom: 5px;
        padding-right: 10px;
        background-color: #FFFFFF;
        }

.Menu a
        {
        font-family: Tahoma, arial, sans-serif;
        color: #FF4000;
        font-size: 8pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.MenuActive
        {
        padding-top: 5px;
        padding-left: 10px;
        padding-bottom: 5px;
        padding-right: 10px;

        background-color: #FFFFFF;
        }

.MenuActive a
        {
        font-family: Tahoma, arial, sans-serif;
        color: #000000;
        font-size: 8pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.SubMenu
        {
        padding: 3px;
        border-top: 1px solid #999999;
        background-color: #FFFFFF;
        }

.SubMenu a
        {
        font-family: Tahoma, arial, sans-serif;
        color: #000000;
        font-size: 8pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.SubMenuColor
	{
        background-color: #000000;
	}

.SubMenuActive
        {
        padding: 3px;
        border-top: 1px solid #999999;
        background-color: #FFFFFF;
        }

.SubMenuActive a
        {
        font-family: Tahoma, arial, sans-serif;
        color: #000000;
        font-size: 8pt;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        }

.SubMenuActiveColor
	{
        background-color: #000000;
	}

.SubSubMenu
        {
        background-color:#FFFFFF;
        font-family: Tahoma, arial, sans-serif;
        color: #000000;
        font-size: 8pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.SubSubMenu li
        {
        list-style-type: square;
        }

.SubSubMenu ul
        {
        padding-top: 0px;
        padding-left: 20px;
        padding-bottom: 0px;
        padding-right: 0px;
        margin-left:0px;
        }


.SubSubMenu a
        {
        font-family: Tahoma, arial, sans-serif;
        color: #000000;
        font-size: 8pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.SubSubMenuActive
        {
        background-color: #FFFFFF;
        color: #000000;
        font-family: Tahoma, arial, sans-serif;
        font-size: 8pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.SubSubMenuActive li
        {
        list-style-type: square;

        }

.SubSubMenuActive ul
        {
        padding-top: 0px;
        padding-left: 20px;
        padding-bottom: 0px;
        padding-right: 0px;
        margin-left:0px;
        }

.SubSubMenuActive a
        {
        font-family: Tahoma, arial, sans-serif;
        color: #000000;
        font-size: 8pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        }

.SubMenuBox
        {
        display: none;
        }

.SubMenuBoxActive
        {
        left:1px;
        padding-top: 0px;
        padding-left: 6px;
        padding-bottom: 0px;
        padding-right: 6px;
        }

.SubSubMenuBox
        {
        display: none;
        }

.SubSubMenuBoxActive
        {

        }

.MenuSearch
        {
        font-family: Tahoma, arial, sans-serif;
        color: #000000;
        font-size: 10pt;
        font-style: normal;
        font-weight: normal;
        }

.MenuSearch form
        {
        margin-bottom: 6px;
        padding: 6px;
        }

.MenuSearch input
        {
        font-family: Tahoma, arial, sans-serif;
        font-size: 7pt;
        margin-top: 3px;
        margin-left: 0px;
        margin-bottom: 3px;
        margin-right: 0px;
        }

.tableBorder
        {
        border-style: solid;
        border-color: #999999;
        border-width: 1pt;
        }

.tableBorderTop
        {
        border-top-style: solid;
        border-top-color: #999999;
        border-top-width: 1pt;
        }

.tableBorderLeft
        {
        border-left-style: solid;
        border-left-color: #999999;
        border-left-width: 1pt;
        }

.tableBorderRight
        {
        border-right-style: solid;
        border-right-color: #999999;
        border-right-width: 1pt;
        }

.tableBorderBottom
        {
        border-bottom-style: solid;
        border-bottom-color: #999999;
        border-bottom-width: 1pt;
        }

hr      {
        color: #999999;
        height: 1pt;
        }

a       {
        color: #FF4000;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        cursor: pointer;  
        }

.href a {
	text-decoration:none;
	}

.href a:hover
	{
	text-decoration:underline;
	}

.linkcolor
        {
        background-color: #FF4000;
        }

.linktextcolor
        {
        color: #FF4000;
        }

ol      {
        list-style-position: inside;
        list-style-image: url();
        }

ul      {
        margin-top:0pt;
        margin-bottom:0pt;
        margin-left:14pt;
        }

.smallLineHight
        {
        line-height:9pt;
        }

DIV.butOut
        {
        border-right: #ffffff 1px solid;
        padding-right: 0px;
        border-top: #ffffff 1px solid;
        padding-left: 0px;
        padding-bottom: 0px;
        border-left: #ffffff 1px solid;
        padding-top: 0px;
        border-bottom: #ffffff 1px solid;
        }

DIV.butIn
        {
        border-right: #666666 1px solid;
        padding-right: 3px;
        border-top: #ffffff 1px solid;
        padding-left: 3px;
        padding-bottom: 2px;
        border-left: #ffffff 1px solid;
        padding-top: 1px;
        BORDER-BOTTOM: #666666 1px solid;
        background-color: #e8e8e8;
        }

DIV.butOver
        {
        border-right: #FF4000 1px solid;
        padding-right: 3px;
        border-top: #FF4000 1px solid;
        padding-left: 3px;
        padding-bottom: 2px;
        border-left: #FF4000 1px solid;
        padding-top: 1px;
        BORDER-BOTTOM: #FF4000 1px solid;
        background-color: #e8e8e8;
        }

DIV.butDown
        {
        border-left: #666666 1px solid;
        border-right: #ffffff 1px solid;
        border-bottom: #ffffff 1px solid;
        BORDER-top: #666666 1px solid;
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 2px;
        padding-top: 1px;
        background-color: #e8e8e8;
        }

A.but   {
        color: #000000;
        text-decoration: none;
        }

.button
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        border-right: #666666 1px solid;
        border-top: #ffffff 1px solid;
        border-left: #ffffff 1px solid;
        BORDER-BOTTOM: #666666 1px solid;
        padding : 0px;

        background-color: #efefef;
        }

.buttonOver
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        border-left: #FF4000 1px solid;
        border-bottom: #FF4000 1px solid;
        border-right: #FF4000 1px solid;
        BORDER-top: #FF4000 1px solid;
        padding : 0px;
        background-color: #efefef;
        }

.buttonDown
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        border-left: #666666 1px solid;
        border-bottom: #ffffff 1px solid;
        border-right: #ffffff 1px solid;
        BORDER-top: #666666 1px solid;
        padding : 0px;
        background-color: #efefef;
        }

.buttonDark
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        border-right: #666666 1px solid;
        border-top: #999999 1px solid;
        border-left: #999999 1px solid;
        BORDER-BOTTOM: #666666 1px solid;
        vertical-align : middle;
        padding: 0px;
        height: 18px;
        background-color: #dedede;
        }

.buttonDisabled
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        border-right: #666666 1px solid;
        border-top: #ffffff 1px solid;
        border-left: #ffffff 1px solid;
        BORDER-BOTTOM: #666666 1px solid;
        padding : 0px;
        color: #888888;
        background-color: #efefef;
        }

.divWindow
        {
        padding: 0px;
        border-right: #999999 1px solid;
        border-top: #999999 1px solid;
        border-left: #999999 1px solid;
        BORDER-BOTTOM: #999999 1px solid;
        background-color: #f0f0f0;
        }

.Appointment
        {
        z-index: 1;
        border:#000000 1px solid;
        background-color: #FFFFEF;
        }

.AppointmentExchange
        {
        z-index: 1;
        border:#000000 1px solid;
        background-color: #FFFFEF;
        }

.Holiday
        {
        z-index: 1;
        border:#000000 1px solid;
        background-color: #E3F5FA;
        }

.HolidayPlanned
        {
        z-index: 1;
        border:#000000 1px solid;
        background-color: #F7FBFC;
        }

.Absence
        {
        z-index: 1;
        border:#000000 1px solid;
        background-color: #FFE6D2;
        }

.Task
        {
        z-index: 1;
        border:#000000 1px solid;
        background-color: #DCF7E1;
        }

.GWPhonecall
        {
        z-index: 1;
        border:#000000 1px solid;
        background-color: #E9D3FF;
        }

.formInput
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        color: #000000;
        }

.formInputDisabled        
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        color: #999999;
        border: 1px solid #999999;
        background-color: #FFFFFF;
        padding: 1px;
        margin: 1px;
        margin-left: 0px;
	height: 18px;
        }
        
.formInputDiv
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        border: 1px solid #999999;
        color: #999999;
        background-color: #FFFFFF;
        margin: 1px;
        margin-left: 0px;
        padding: 1px;
        height: 18px;
        }
        
.formInputNone        
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        color: #999999;
        border: 1px solid #999999;
        background-color:#efefef;
        padding: 1px;
        margin: 1px;
        margin-left: 0px;
        height: 18px;
        }

.formTable
        {
        background-color: #F0F0F0;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
        padding: 0px;
        }

input.disabled
        {
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 10pt;
        border: 1px solid #999999;
        text-align: right;
        }

.headerTop
        {
        background-color: #DDDDDD;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        padding-left: 3px;
        }

.headerBottom
        {
        background-color: #DDDDDD;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        }

.bgtabsheet
        {
        background-color: #DDDDDD;
        }

.breakLineForm
        {
        height : 13;
        padding-left: 3px;
        }

.standardPadding 
        {
        padding:1px;
        }

.formPadding 
        {
        padding:3px;
        }
		
.wfd_grid
        {
		font-family: Myriad Web Pro, arial, sans-serif;
        color: #000000;
        font-size: 10pt;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
		border-right: 1px dashed Gray;
	  	border-bottom: 1px dashed Gray;		
		}
		
form   {
        margin-top:0px;
        margin-bottom:0px;
        }

.bgSiteTips
        { 
        background-color: #E8FDEA;
	}

.portletbody
 	{
 	scrollbar-base-color:#DDDDDD;
   	scrollbar-arrow-color:black;
	scrollbar-track-color: #F1F1F1;
	scrollbar-3dlight-color:#DDDDDD;
 	scrollbar-darkshadow-color:#DDDDDD;
	scrollbar-shadow-color:#999999;   
 	}

.ListBgColorFirst
	{
	background-color: #FFFFFF; 
	}

.ListBgColorSecond
	{
	background-color: #F0F0F0; 
	}

.ListBgColorHighlight
	{
	background-color: #C8DFEF; 
	}


 table	{ 
	font-family: Myriad Web Pro, arial, sans-serif;
	font-size: 8pt;
	}

.DayDiv
        {
        position:absolute; left:0px; top:0px;
        background-color: #FFFFE5;
        border-style: solid; border-width: 1px; border-color: black; padding: 1px;
        visibility: hidden;
        font-family: Myriad Web Pro, arial, sans-serif;
        font-size: 9pt;
        }

.ConfigNoticesDiv
        {
        width: 290px;
        position:absolute; left:0px; top:0px;
        background-color: #FFFFE5;
        border-style: solid; border-width: 1px; border-color: black; padding: 1px;
        visibility: hidden;
        font-family: "MS Sans Serif"; font-size: 9pt;
        }
		

.SearchLabel  {
   font-family: Tahoma, arial, sans-serif;
   color: #000000;
   text-decoration: none;
 }
		
.SearchLabel a {
   font-family: Tahoma, arial, sans-serif;
   color: #000000;
   text-decoration: none;
 }	
 
div#MainColor  {color:#FFFFFF;}
div#SecondColor {color:#FFFFFF;}

ul#navactive,ul#navactive li{list-style-type:none;margin:0;padding:0}
ul#navnormal,ul#navnormal li{list-style-type:none;margin:0;padding:0}
li.normal, li.active{float:left}
    
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.re1{margin-left:5px}
.r1,.re1{margin-right:5px}
.r2,.re2{margin-left:3px}
.r2,.re2{margin-right:3px}
.r3,.re3{margin-left:2px}
.r3,.re3{margin-right:2px}
.r4,.re4{margin-left:1px}
.r4,.re4{margin-right:1px}
.re2{border-left-width:2px}
.re2{border-right-width:2px}
.r4,.re4{height:2px}
.re1{border-width:1px 0 0;height:0px !important;height /**/:1px} 


table.draggableHandle {
  height: 25px;
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
}

.dragdropportlet {
  border: 1px solid transparent;
}

.droppable {
  border: 1px solid #ED1C24;
}

.placeholder {
  background-color:#FFFCD5;
  border:1px dashed #D9CC33;
  padding:10px;
  visibility:hidden;
}

.portletFrame {
  border: 1px solid #ccc;
  border-top: 0px;
  min-width: 135px;
  background-color: #FFF;
}

.cockpitdropdown, .cockpitbutton {
  border: 1px solid #ccc;
  background-color: #fff;
}

.cockpitbutton {
  padding: 3px 4px 3px 4px;
}

div#cockpitBar {
  margin-top: 5px;
  margin-bottom: -5px;
  height : 10px;
  background: url(../Images/cockpitBorder.png) repeat-x;  
}

.datasetview {
  background-color: #fff;
}

.datasetview span.label {
  color: #888;
}

.portletbutton img {
  border: 1px solid #ccc;
}

.portletdropdown, .yellowmapportletdropdown {
  background-color: #fff;
  padding: 2px;
  border: 1px solid #CCC;
}

.wfd_placeholder {
  border: 1px dotted #999;
  height: 35px;
}

.bground{
		background-color: #FFFFFF;
}

