/* - - - - - - Generic style - - - - - - */

/*
The following style is used by the JavaScript framework to determine wether the theme is properly 
loaded. Please do not remove this style!
*/
#df_load_test{
    height: 10px;
}

body{
    font-family:Arial, Arial, Helvetica, sans-serif;
    font-size: 80%;
	color: #212B38;
	line-height: 1.2;
}


.WebDateForm_Mask, .WebWindow_Mask{
    background-color: #000000;
}
.WebWindow_Mask{
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.WebDateForm_Mask{
    filter: alpha(opacity=20);
    opacity: 0.2;
}




/* - - - - - - WebApp - - - - - - */
.WebApp .WebApp_ViewRegion{
    padding: 0px;
}

.WebApp.WebContainer {
    background: #005E75;
    background: -moz-linear-gradient(top, #005E75, #004050);
    background: -webkit-gradient(linear, left top, left bottom, from(#005E75), to(#004050));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#005E75', EndColorStr='#004050', GradientType=0);
}


/* - - - - - - WebPanel - - - - - - */

.WebPanel > .WebPanel_DividerVertical {
    background: #DCDDDD;
    width:3px;
    height: auto;
    margin: auto auto;
}

.WebPanel_divider_ghost {
  background-color: transparent;
  border-right: 1px dashed #B1B1B1;
  width:1px;
}

.WebPanel > .WebPanel_DividerHorizontal {
    background: #DCDDDD;
    width: auto;
    height: 3px;
    margin: auto auto;
}

.WebPanel_divider_ghost {
  background-color: transparent;
  border-right: 1px dashed #B1B1B1;
  width:1px;
}

.WebPanel_DividerVertical_Ghost{
    border-left: 1px dotted #AAAAAA;
}
.WebPanel_DividerHorizontal_Ghost{
    border-top: 1px dotted #AAAAAA;
}


/* - - - - - - WebContainer - - - - - -  */
/* Margins inside the container */
.WebContainer .WebCon_Content{
    padding: 0px;
}

/* - - - - - - WebView - - - - - -  */ 
.WebView{
    
}

.WebView > div > label{
  background: #F3F5F7;
  padding: 25px 5px 10px 10px;
	color: #004050;
  border-bottom: 1px solid #EDEBED;
  font-weight: normal;
  font-size: 21px;
  text-shadow:1px 1px 0px #FFFFFF;
}

/*
This sets the background color for views & panels
*/
.WebView .WebContainer{

/*    background: #fff;  */
    background: none;
}


/* - - - - - - WebControl - - - - - - */
.WebControl > div.WebCon_Inner{
    margin: 4px 4px 4px 4px; 
}
.WebList > div.WebCon_Inner{
    margin: 0px 0px 0px 0px; 
}

/*
	The label is displayed as block with a fixed width or height. It can be located on the left, right 
	or at the top of the control. When a control has a label the inner div will get the WebCon_HasLabel
	class and if left right or top is set explicitly it will also get WebCon_LeftLabel, 
	WebCon_RightLabel or WebCon_TopLabel. If no position class is set the theme CSS determines where it 
	is shown.
*/
.WebControl > div > label{
    width: 126px;
    padding: 4px 2px 2px 2px;
    -moz-user-select: none;
}

.WebControl > div.WebCon_HasLabel > div{
    margin-left: 130px;
}

.WebControl > div.WebCon_LeftLabel > div{
   margin-left: 130px;
}

.WebControl > div.WebCon_RightLabel > label{
    float: left;
}

.WebControl > div.WebCon_RightLabel > div{
   margin-right: 130px;
   margin-left: 0px;
}

.WebControl > div.WebCon_RightLabel > label{
    float: right;
}

.WebControl > div.WebCon_TopLabel > div{
   margin-left: 0px;
}

.WebControl > div.WebCon_TopLabel > label{
   padding-bottom: 4px;
   float: none;
   width: auto;
}

.WebControl > div.WebCon_Inner > div{
    
}

/* This defines the border used arround the WebForm, WebCombo & WebEdit */
.WebControl .WebFrm_Wrapper{
    padding: 2px;
    background-color: #FFFFFF;
    border: 1px solid #004050;
    border-radius: 1px;
}

.WebControl.WebCon_Focus > div > div > .WebFrm_Wrapper{
    border: 1px solid #B77E14;
    box-shadow: 0px 0px 2px #DF9818;
}

.WebControl.WebError  > div > div > div.WebFrm_Wrapper{
    border: 1px solid #D24726;
}

.WebControl.Web_Disabled > div > div > .WebFrm_Wrapper input {
    
}
.WebControl.Web_Disabled > div > div > .WebFrm_Wrapper {
    border: 1px solid #B4B3B4;
    color: #B4B3B4;
}

/* - - - - - - WebForm - - - - - - */

.WebForm input{
    height: 18px;
}

.WebForm.Web_Disabled input{
}

.WebForm .WebFrm_Prompt{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #fff;
    
    background: #fff url('HC_ActionIcons.png') no-repeat 0px -50px;
}

.WebForm.Web_Enabled .WebFrm_Prompt:hover{
    background-color: #D0A21A;
    border-color: #D0A21A;
}

.WebForm .WebFrm_HasPrompt .WebFrm_PromptSpacer{
    margin-right: 22px;
}

.WebForm.Web_Disabled .WebFrm_Prompt{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/* - - - - - - WebButton - - - - - - */
.WebButton > div.WebCon_Inner{
    margin: 3px 3px 2px;
}

.WebButton button{
/*    -moz-box-shadow:inset 0px 1px 0px 0px #8DA4A9;
    -webkit-box-shadow:inset 0px 1px 0px 0px #8DA4A9;
    box-shadow:inset 0px 1px 0px 0px #8DA4A9;
*/

    /* background:-moz-linear-gradient( center top, #005E75 5%, #004050 100% ); */
    /* SVG as background image (IE9/Chrome/Safari/Opera) */ 
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDVFNzUiIG9mZnNldD0iMC4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDQwNTAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MDkpIiAvPgo8L3N2Zz4=);
    
    
/*    background-color:#005E75;
    border:1px solid #004050;
    color:#FFFFFF;
    text-shadow:1px 1px 0px #004050; 

    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    display:inline-block;
    font-family:arial;
    font-size:12px;
    font-weight: bold;
    padding: 4px 4px;
    text-decoration:none;
    cursor: pointer;
    outline:0;
    min-height: 27px;
*/
    min-height: 40px;
    font-family:arial;
    font-size:12px;
    font-weight: bold;
    border:none;
    color:#fff;
}
.df-ie8 .WebButton button{
    min-height: 40px;
/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#005E75', endColorstr='#004050');  */
}
.WebButton.Web_Enabled button:hover, .WebButton.Web_Enabled button:focus{
    /*background:-moz-linear-gradient( center top, #E6BC3A 5%, #D0A21A 100% );*/

/*    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFNkJDM0EiIG9mZnNldD0iMC4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNEMEEyMUEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MjkpIiAvPgo8L3N2Zz4=);
    
    -moz-box-shadow:inset 0px 1px 0px 0px #F1DA93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #F1DA93;
    box-shadow:inset 0px 1px 0px 0px #F1DA93;
    background-color:#E6BC3A;
    border:1px solid #E6BC3A;
    color:#FFFFFF;
    text-shadow:1px 1px 0px #D0A21A;
    outline:0;
*/    
}

.df-ie8 .WebButton.Web_Enabled button:hover, .df-ie8 .WebButton.Web_Enabled button:focus{
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6BC3A', endColorstr='#D0A21A');
}
.WebButton.Web_Enabled button:active{
    /* background:-moz-linear-gradient( center top, #D0A21A 5%, #E6BC3A 100% ); */
/*    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0U2QkMzQSIgb2Zmc2V0PSIwLjA1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0QwQTIxQSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc2KSIgLz4KPC9zdmc+);
    
    -moz-box-shadow:inset 0px 1px 0px 0px #F1DA93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #F1DA93;
    box-shadow:inset 0px 1px 0px 0px #F1DA93;
    
    background-color:#D0A21A;
    border:1px solid #E6BC3A;
*/    
}
.df-ie8 .WebButton.Web_Enabled button:active{
/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0A21A', endColorstr='#E6BC3A');  */
}
.WebButton.Web_Disabled button{
    /*background:-moz-linear-gradient( center top, #7FAEB9 5%, #7F9FA7 100% );*/
 /*   background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3RkFFQjkiIG9mZnNldD0iMC4wNSIvPjxzdG9wIHN0b3AtY29sb3I9IiM3RjlGQTciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NDQpIiAvPgo8L3N2Zz4=);
    
    -moz-box-shadow:inset 0px 1px 0px 0px #CECECE;
    -webkit-box-shadow:inset 0px 1px 0px 0px #CECECE;
    box-shadow:inset 0px 1px 0px 0px #CECECE;
    
    background-color:#7FAEB9;
    border:1px solid #7F9FA7;
    outline:0;
    color: #59757B;
    text-shadow:1px 1px 0px #F1F1F1; */
}
.df-ie8 .WebButton.Web_Disabled button{
 /*   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7FAEB9', endColorstr='#7F9FA7');  */
}

/* - - - - - - WebLabel - - - - - - */
.WebLabel .WebLabel_content{
    line-height: 15px;  /* This line height needs to be fixed because of rounding issues with panels */
}



/* - - - - - - WebCombo - - - - - - */
.WebCombo select{
    height: 23px;
}

/* - - - - - - WebRadio - - - - - - */
.WebRadio input{
    margin: 5px 2px 5px;
    height: 14px;
}
.WebRadio .WebRadio_Caption{
    padding: 4px 2px 0px 0px;
    margin-left: 20px;
}
.WebRadio.WebCon_Focus input{
    box-shadow: 0px 0px 2px #DF9818;
}


/* - - - - - - WebCheckbox - - - - - - */
.WebCheckbox input{
    margin: 5px 2px 5px;
    height: 14px;
}
.WebCheckbox .WebCheckbox_Caption{
    padding: 4px 2px 0px 0px;
    margin-left: 20px;
}
.WebCheckbox > .WebCon_Inner > div{
    height: 24px;
}
.WebCheckbox.WebCon_Focus input{
    box-shadow: 0 0 3px #DF9818;
}
.df-mozilla .WebCheckbox input:focus,
.df-webkit .WebCheckbox input:focus{
   outline: none;
}


/* - - - - - - WebEdit - - - - - - */
.WebEdit textarea{
    background-color: transparent;
	
}


/* - - - - - - WebGrid & WebList - - - - - - */
/*
The grid & list share their basic styles.
*/

/*
Add some dinstance between the grid and other controls.
*/
.WebGrid.WebControl > .WebCon_Inner, .WebList.WebControl > .WebCon_Inner{
    margin: 15px 3px 3px 3px;
}

/* Body */
.WebGrid .WebList_BodyWrp, .WebList .WebList_BodyWrp{
    border: 1px solid #E6E6E6;
    background-color: #ffffff;
	margin: 0px 0px 4px 0px;
}
.WebGrid .WebList_Body, .WebList .WebList_Body{
    
}

.WebGrid .WebList_Body .WebList_RowOdd, .WebList .WebList_Body .WebList_RowOdd{
 
}

.WebGrid .WebList_Body .WebList_Row, .WebList .WebList_Body .WebList_Row
{
    margin-left: 2px;
}

.WebGrid .WebList_Body .WebList_Row td, .WebList .WebList_Body .WebList_Row td{
    padding-left: 6px;
	padding-right: 6px;
	
    height: 24px;
	border-left: 1px solid #ECECEC;
}
/* BUGFIX: Right align acts strange in IE8 with left padding so we remove it */
.df-ie8 .WebGrid .WebList_Body .WebList_Row td.dfData_BCD, .df-ie8 .WebGrid .WebList_Body .WebList_Row td.dfData_BCD{
    padding-left: 0px;
}

.WebGrid .WebList_Body .WebList_Row td:first-child, .WebList .WebList_Body .WebList_Row td:first-child{
	border-left: none;
}

.WebGrid .WebList_TableWrp td.Web_Disabled{
    color: #8A868A;
}

/* Header */

.WebList th, .WebGrid th{
    text-align: left;
    border-left: 1px solid #E0E0E0;
}
.WebList th:first-child, .WebGrid th:first-child{
    border-left: none;
}

.WebGrid .WebList_Head, .WebList .WebList_Head {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2Y1ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f7',GradientType=0 ); /* FOR IE8 */

	color: #004050;
  border-top: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
}

.WebGrid .WebList_Head th{
    
}

/*
Left & Right margin are needed because of the body borders.
*/
.WebGrid .WebList_Head .WebList_HeadWrp, .WebList .WebList_Head .WebList_HeadWrp{
    margin-left: 1px;
    margin-right: 1px;
}

.WebGrid .WebList_Head th > div, .WebList .WebList_Head th > div{
    
}

.WebGrid .WebList_Head .WebList_ColCap, .WebList .WebList_Head .WebList_ColCap{
	overflow: hidden;
    white-space: nowrap;
    padding: 8px 6px 4px 6px;
}

/*
This is the separator that is shown when resizing columns.
*/
.WebGrid .WebList_ColResizer, .WebList .WebList_ColResizer{
    border-left: 1px dotted #000000;
}

.WebGrid .WebList_Head .WebList_Sorted, .WebGrid .WebList_Head .WebList_SortedReverse, .WebList .WebList_Head .WebList_Sorted, .WebList .WebList_Head .WebList_SortedReverse{
    font-weight: bold;
    background: url('WebGrid-Vert.png') no-repeat right -56px;
}

.WebGrid .WebList_Head .WebList_Sorted .WebList_ColCap, .WebGrid .WebList_Head .WebList_SortedReverse .WebList_ColCap, .WebList .WebList_Head .WebList_Sorted  .WebList_ColCap, .WebList .WebList_Head .WebList_SortedReverse  .WebList_ColCap{
    padding-right: 20px;
}

.WebGrid .WebList_Head .WebList_SortedReverse, .WebList .WebList_Head .WebList_SortedReverse{
    background-position: right -86px;
}

.WebGrid .WebList_Head .WebList_Sortable, .WebList .WebList_Head .WebList_Sortable{
    font-weight: bold;
    text-decoration: none;
}
.WebGrid .WebList_Head .WebList_Sortable, .WebList .WebList_Head .WebList_Sortable:hover,
.WebGrid .WebList_Head .WebList_Sortable, .WebList .WebList_Head .WebList_Sortable:focus {
    text-decoration: underline;
}

.WebGrid .WebList_Head .WebList_ColHead, .WebList .WebList_Head .WebList_ColHead{
	
}

/* - - - - - - WebList - - - - - - */

.WebList.Web_Enabled .WebList_Body .WebList_Row:hover, 
.WebList.Web_Enabled .WebList_Body .WebList_Row:focus{

}



.WebList .WebList_Body .WebList_Row td{
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.WebList .WebList_Body .WebList_Row.WebList_Selected,
.WebList .WebList_Body .WebList_Row:hover{
    background: #F3F5F7;
    color: #000000;
}
.WebList.WebCon_Focus .WebList_Body .WebList_Row.WebList_Selected{
    background: #005E75;
    color: #FFFFFF;
}

.WebList .WebList_Body .WebList_Row.WebList_Selected td{

}

/* - - - - - - WebGrid - - - - - - */

/* - - - - - - WebColumn (Overrides WebForm) - - - - - - */

.WebGrid_EditCell .WebForm input{
    height: 18px;
	
}

.WebGrid_EditCell .WebControl > div.WebCon_Inner{
    
}

.WebGrid_EditCell .WebControl .WebFrm_Wrapper{
    padding: 1px;
    margin: 1px 3px 1px 3px;
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
}
.WebGrid_EditCell .WebControl .WebFrm_Wrapper:hover, .WebGrid_EditCell .WebControl .WebFrm_Wrapper:focus{
	border: 1px solid #4E83B5;
}

.WebGrid .WebList_Body .WebList_Row td.WebCol.WebGrid_EditCell,
.WebGrid .WebList_Body .WebList_Row td.WebColCombo.WebGrid_EditCell{
    padding: 0px;
}

.WebCheckboxColumn > .WebCon_Inner > div{
    height: 18px;
}

.WebCheckboxColumn > .WebCon_Inner > div > input{
    margin-top: 0px;
    vertical-align: middle;
}
.WebGrid_EditCell .WebCheckboxColumn{

}
.WebCheckboxColumn.WebCheckbox  > div.WebCon_Inner{
    margin: 0px 0px;
}
.WebCheckboxColumn > .WebCon_Inner > div > input{
    margin: 2px 2px 0;
}
.df-ie .WebCheckboxColumn > .WebCon_Inner > div > input{
    margin: 0px 2px 0;
}



/* - - - - - - WebTabContainer - - - - - - */
.WebTabContainer .WebTbc_Head{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #E6E6E6;
}

.WebTabContainer .WebTbc_Head .WebTab_Btn{
  
  	margin:0 1px -2px 0;
  height: 24px;
    
    outline: 0;
}
.WebTabContainer .WebTbc_Head .WebTab_Btn span{
    padding-right: 8px;
    padding-left: 8px;
    height: 24px;
    background: #005E75;
}
.WebTabContainer .WebTbc_Head .WebTab_Btn span label{
    height: 17px;
    padding-top: 6px;
    vertical-align: bottom;
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
}

.WebTabContainer .WebTbc_Head .WebTab_Btn.WebTab_Enabled:hover span, 
.WebTabContainer .WebTab_Btn.WebTab_Enabled.WebTab_Focus span{
	background: #004050;
}

.WebTabContainer .WebTbc_Head .WebTab_Current,
.WebTabContainer .WebTbc_Head .WebTab_Current:hover,
.WebTabContainer .WebTbc_Head .WebTab_Current:focus{
    background-color: #FFFFFF;
    border-top: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: none;
    border-left: 1px solid #E0E0E0;
}


.WebTabContainer .WebTab_Btn.WebTab_Focus.WebTab_Current, 
.WebTabContainer .WebTbc_Head .WebTab_Current:hover span{
    background-color: #F3F5F7;
}

.WebTabContainer .WebTbc_Head .WebTab_Current span{
    background-color: transparent;
}

.WebTabContainer .WebTbc_Head .WebTab_Current span label{
    color: #212B38;
}
.WebTabContainer .WebTbc_Head .WebTab_Focus span label,
.WebTabContainer .WebTbc_Head .WebTab_Focus:hover span label{
    color: #FFFFFF;
}

.WebTabContainer .WebTbc_Body{
    border: 1px solid #E6E6E6;
    border-top: none;
}

.WebTabContainer .WebTbc_Head .WebTab_Disabled{
    opacity: 0.5;
    filter: alpha(opacity=50);
}


/* - - - - - - WebCardContainer - - - - - - */

.WebCardContainer .WebCC_LabelSpacer{
    height: 17px;
}

.WebCardContainer > div > div > .WebCC_LabelSpacer > label{
    background-color: #FFFFFF;
    padding: 4px 4px 0px;
    margin: 0px 0px 0px 12px;
    color: #004050;
    font-weight: bold;
}


.WebCardContainer .WebCC_BodyBorder{
    border: 1px solid #CECECE;
    padding: 10px;
}

.WebCardContainer .WebCC_BodyBorder.WebCC_HasCaption {
    margin-top: -5px;
    padding-top: 3px;
}

/* - - - - - - WebMenuBar - - - - - - */
.WebMenuBar{
	padding: 2px 0px 2px 2px;
	margin: 0px 0px 0px 11px;
}

.WebMenuBar ul li{
 
}

/*
Level 0
*/
.WebMenuBar > ul > li > div{
    padding: 5px 8px 5px 8px;
}

.WebMenuBar ul li a{
    color: #FFFFFF;
    font-weight: bold;
}

.WebMenuBar ul li ul li a{
    color: #212B38;
    font-weight: normal;
}
/* 'Active' state also defined on WebItm_Expanded which is applied while the submenu is shown */
.WebMenuBar > ul > li:hover, .WebMenuBar > ul > li.WebItm_Expanded{
    background-color: #FFFFFF;
}

.WebMenuBar > ul > li:hover > div > a,.WebMenuBar > ul > li.WebItm_Expanded > div > a{
    color: #000000;
}

/*
Level 1
*/
.WebMenuBar ul li ul{
    width: 220px;
    background-color: #FFFFFF;
    /*
    We set the z-index for sub menu's because of the transparency toolbar item issue and to make 
    them display above dialogs.
    */
    box-shadow: 0px 3px 2px #666666;
}

.df-ie8 ul li ul{
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    margin-left: -1px;
}
.WebMenuBar ul li ul li{
    width: 220px;
    border-top: 1px solid transparent;    
}

.WebMenuBar ul li ul li.WebItm_BgnGroup {
    border-top: 1px solid #BDBDBD;
}

.WebMenuBar  ul li ul li:hover > div, 
.WebMenuBar  ul li ul li.WebItm_HasSub:hover > div{
    border-top: 1px solid #EDEBED;
    border-bottom: 1px solid #EDEBED;
    background-color: #F3F5F7;
    color: #FFFFFF;
}

.WebMenuBar  ul  li  ul li > div, .WebMenuBar  ul  li  ul li.Web_Disabled:hover >div{
    background-color: transparent;
    border: 1px solid transparent;
    padding:7px 0px;
}

.WebMenuBar ul li ul li.WebItm_HasSub > div {
    background: transparent url(dropdown.png) no-repeat right 7px;
}

.WebMenuBar ul li ul li a{
    margin-left: 12px;
    vertical-align: middle;
}

.WebMenuItem{
}

.WebMenuItem ul li span.WebItm_Icon{ /* ToDo: Discuss / see if we really want to hide menu icons for this design */
  display: none;
}

.WebMenuItem > div > span.WebItm_Icon{
    background-image: url('HC_ActionIcons.png');
    background-color: #E4BA38;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #DDB331;
    
    visibility: hidden;
}

.WebMenuItem.WebItm_HasIcon > div > span.WebItm_Icon{
    visibility: visible;
}

.WebMenuItem.Web_Enabled:hover > div > span.WebItm_Icon{
    background-color: #D0A21A;
    border-color: #D0A21A;
}

.WebMenuItem > div > a{
    color: #FFFFFF;
}
.WebMenuItem > div > a:focus{
    
}

li.Web_Disabled > div {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/*
Level 2
*/
.WebMenuBar ul li ul li ul{
    margin: -25px 0px 0px 218px;
}

.df-ie8 .WebMenuBar ul li ul li ul{
    border-top: 1px solid #666666;
    margin: -25px 0px 0px 219px;
}


/* - - - - - - WebToolBar - - - - - - */
.WebCommandBar .WebCmd_ToolWrap{
    margin: 0px 0px 0px 22px;
    padding: 0px 0px 3px 0px;
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    color: #004050;
}

.WebToolBar li{
    padding: 4px;
}

.WebToolBar:focus{
    outline: none;
}

.WebToolBar{
    margin: 0px 0px 0px 0px;
    padding: 1px;
    height: 23px;
}

/*
Google chrome formats toolbar labels to low on middle.
*/
.df-webkit .WebToolBar ul > li > div > a{
    vertical-align: middle;
}
.WebToolBar ul > li > div > a{
    vertical-align: middle;
    margin-left: 4px;
}

.WebToolBar ul > li > div{
    border: 1px solid transparent;
    padding: 2px 3px 2px 3px;
    border-radius: 2px 2px 2px 2px;
    line-height: 16px;
}

.WebToolBar ul > li.Web_Enabled:hover > div{
    /*border: 1px solid #D0A21A;
    background-color: #E6BC3A;  */
}

.WebToolBar .WebMenuItem > div > span.WebItm_Icon{

}

/*
The first item in a new 'group'.
*/
.WebToolBar ul > li.WebItm_BgnGroup{
    background: transparent url('toolbar-separator.png') no-repeat 0px center;
    padding-left: 2px;
}

/*
Default menu items
*/
.WebClearMenuItem > div > span.WebItm_Icon{
    background-position: 0px 0px;
    visibility: visible;
}
.WebClearAllMenuItem > div > span.WebItm_Icon{
    background-position: 0px -25px;
    visibility: visible;
}
.WebPromptMenuItem > div > span.WebItm_Icon{
    background-position: 0px -50px;
    visibility: visible;
}
.WebFindMenuItem > div > span.WebItm_Icon{
    background-position: 0px -75px;
    visibility: visible;
}
.WebNextMenuItem > div > span.WebItm_Icon{
    background-position: 0px -100px;
    visibility: visible;
}
.WebPreviousMenuItem > div > span.WebItm_Icon{
    background-position: 0px -125px;
    visibility: visible;
}
.WebLastMenuItem > div > span.WebItm_Icon{
    background-position: 0px -150px;
    visibility: visible;
}
.WebFirstMenuItem > div > span.WebItm_Icon{
    background-position: 0px -175px;
    visibility: visible;
}
.WebSaveMenuItem > div > span.WebItm_Icon{
    background-position: 0px -200px;
    visibility: visible;
}
.WebDeleteMenuItem > div > span.WebItm_Icon{
    background-position: 0px -225px;
    visibility: visible;
}
.WebLoginMenuItem  > div > span.WebItm_Icon{
    background-position: 0px -305px;
    background-color: transparent;
    border-color: transparent;
    visibility: visible;
}
.WebLogoutMenuItem  > div > span.WebItm_Icon{
    background-position: 0px -274px;
    background-color: transparent;
    border-color: transparent;
    visibility: visible;
}

.WebLogoutMenuItem.Web_Enabled:hover > div > span.WebItm_Icon, 
.WebLoginMenuItem.Web_Enabled:hover > div > span.WebItm_Icon{
    background-color: transparent;
    border-color: transparent;
}


/* - - - - - - WebWindow - - - - - - */
.WebWindow{
    background-color: transparent;
}

.WebWindow .WebWin_header{
    
}
.WebWindow .WebWin_header_l{
    padding-left: 3px;
    background-color: #F3F5F7;
}

.WebWindow .WebWin_header_r{
    padding-right: 1px;
    background-color: #F3F5F7;
}

.WebWindow .WebWin_header_c{
    background-color: #F3F5F7;
    border-bottom: 1px solid #EDEBED;
    padding: 15px 5px 25px 10px;
}

.WebWindow .WebWin_title{
    padding: 1px 5px 2px 5px;
    color: #004050;
    font-size: 16px;
    text-shadow:1px 1px 0px #FFFFFF;
}

.WebWindow .WebWin_controls{

}

.WebWindow .WebWin_controls .WebWin_close{
    background: transparent url('btn_close.png') no-repeat 0px 0px;
    width: 33px;
    height: 33px;
    margin: -15px 0 0 -33px;
    position: absolute;
    text-indent: -99999px;
}

.WebWindow .WebWin_controls .WebWin_close:hover,
.WebWindow .WebWin_controls .WebWin_close:focus{
  background-position: 0 -36px;
}
.WebWindow .WebWin_main_l{
    padding-left: 1px;
    background-color: none;
}

.WebWindow .WebWin_main_r{
    padding-right: 1px;
    background-color: none;
    -moz-box-shadow:0 0 6px #3E3E3E; /* Firefox/Mozilla */
    -webkit-box-shadow: 0 0 6px #3E3E3E; /*Safari/Chrome */
    box-shadow: 0 0 6px #3E3E3E; /* Opera & hoe het zou moeten */
}

.WebWindow .WebWin_main_c{
    background-color: #FFFFFF;
	
}
.WebWindow .WebWin_bottom_l{
    height: 1px;
    padding-left: 1px;
    background-color: none;
}

.WebWindow .WebWin_bottom_r{
    height: 1px;
    padding-right: 1px;
    background-color: none;
}

.WebWindow .WebWin_resizer{
    width: 10px;
    height: 10px;
    background-image: url('WebWin-Resize.png');
}

.WebWindow .WebWin_bottom_c{
    height: 1px;
    background-color: none;
}

.WebWindow .WebWin_top_l{
    height: 1px;
    padding-left: 1px;
    background-color: none;
}

.WebWindow .WebWin_top_r{
    height: 1px;
    padding-right: 1px;
    background-color: none;
}

.WebWindow .WebWin_top_c{
    height: 1px;
    background-color: none;
}

.WebWin_ghost{
    filter: alpha(opacity=70);
    opacity: .7;
}


/* - - - - - - - Date Picker - - - - - - - - */

.WebDP{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/*
Header & Button
*/
.WebDP .WebDP_Head{
    background: #005e75;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /*
    background: linear-gradient(to bottom,  #005e75 0%,#004050 100%);
    */
    color: #FFFFFF;
    padding: 9px 5px 9px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.df-ie8 .WebDP .WebDP_Head{
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005e75', endColorstr='#004050',GradientType=0 );
}

.WebDP .WebDP_BtnPrev{
    width: 13px;
    height: 13px;
    background: url('DatePicker.png') no-repeat center -20px;
}
.WebDP .WebDP_BtnNext{
    width: 13px;
    height: 13px;
    background: url('DatePicker.png') no-repeat center 0px;
}

.WebDP .WebDP_BtnMonth, .WebDP .WebDP_BtnYear{
    background: url('DatePicker.png') no-repeat right -40px;
    padding: 0px 14px 0px 0px;
}

.WebDP .WebDP_BtnYear span{
  padding: 0px 0px 0px 10px;
}
.WebDP .WebDP_MonthMnu, .WebDP .WebDP_YearMnu{
    border-top: none;
    border-right: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
    border-left: 1px solid #ADADAD;
    background: #F3F5F7;
    color: #466381;
    top: 25px;
    left: -4px;
}

.WebDP .WebDP_MonthMnu li, .WebDP .WebDP_YearMnu li {
   padding: 2px 13px;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
}

.WebDP .WebDP_MonthMnu li:hover, 
.WebDP .WebDP_YearMnu li:hover {
    text-decoration: none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E6BC3A), color-stop(1, #D0A21A) );
    background:-moz-linear-gradient( center top, #E6BC3A 5%, #D0A21A 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6BC3A', endColorstr='#D0A21A'); /* IE8 */
    background-color:#E6BC3A;
    color:#FFFFFF;
    text-shadow:1px 1px 0px #D0A21A;
}

.WebDP li.WebDP_Current,
.WebDP li.WebDP_Current:hover,
.WebDP li.WebDP_Current:focus{
    background: #005e75;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /*
    background: linear-gradient(to bottom,  #005e75 0%,#004050 100%);
    */  
    border:1px solid #004050;
    color:#FFFFFF;
    text-shadow:1px 1px 0px #000000;
    font-weight: normal;
}

.WebDP .WebDP_MonthMnu li:last-child, .WebDP .WebDP_YearMnu li:last-child {
    border-bottom: none;
}

.WebDP .WebDP_MonthMnu li:first-child, .WebDP .WebDP_YearMnu li:first-child {
    border-top: none;
}


.WebDP .WebDP_Up, 
.WebDP .WebDP_YearMnu .WebDP_Up:hover,
.WebDP .WebDP_YearMnu .WebDP_Up:focus{
   background: url('DatePicker.png') no-repeat center -100px transparent;
   height: 10px;
}

.WebDP .WebDP_UpDown,
.WebDP .WebDP_YearMnu .WebDP_UpDown:hover,
.WebDP .WebDP_YearMnu .WebDP_UpDown:focus{
   background: url('DatePicker.png') no-repeat center -120px transparent;
   height: 10px;
}

.WebDP .WebDP_Down,
.WebDP .WebDP_YearMnu .WebDP_Down:hover,
.WebDP .WebDP_YearMnu .WebDP_Down:focus{
   background: url('DatePicker.png') no-repeat center -60px;
   height: 10px;
}

.WebDP .WebDP_DownDown,
.WebDP .WebDP_YearMnu .WebDP_DownDown:hover,
.WebDP .WebDP_YearMnu .WebDP_DownDown:focus{
   background: url('DatePicker.png') no-repeat center -80px;
   height: 10px;
}

/*
Body
*/
.WebDP .WebDP_Body{
    background-color: #FFFFFF;
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
}

.WebDP .WebDP_Body table{
    background-color: #FFFFFF;
    
}

.WebDP .WebDP_Body td{
    padding: 6px 2px;
    border-top:1px solid #FFFFFF;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-left:1px solid #FFFFFF;
    border-collapse:separate;
    width: 30px;
    text-align: center;
}
.WebDP .WebDP_Body td.WebDP_Day:last-child{
    border-right: none;
}

.WebDP .WebDP_Body th{
   font-weight: normal;
   letter-spacing: 0px;
   text-transform: uppercase;
   color: #ADADAD;
}

.WebDP .WebDP_Body .WebDP_Day{
   
}
.WebDP .WebDP_Body .WebDP_Day:hover{
    text-decoration: none;
    background: #e6bc3a;
    /*
    background: linear-gradient(to bottom,  #e6bc3a 0%,#d0a21a 100%);
    */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2YmMzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGEyMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    
    border:1px solid #E6BC3A;
    color:#FFFFFF;
    text-shadow:1px 1px 0px #D0A21A;
}

.WebDP .WebDP_Body .WebDP_Today{
    text-decoration: underline;
    
}

.WebDP .WebDP_Body  .WebDP_BodyHead th{
  border-bottom: 1px solid #E0E0E0;
  padding: 7px 4px;
}

.WebDP .WebDP_Body .WebDP_WeekNr{
    border-right: 1px solid #EDEBED;
    background: #F3F5F7;
}

.WebDP .WebDP_Body th.WebDP_WeekNr {
  background: #FFFFFF;
}
.WebDP .WebDP_Body .WebDP_Weekend{
   background-color: #FFFFFF;
}
.WebDP .WebDP_Body .WebDP_Overflow{
   color: #C2C7CA;
}

.WebDP .WebDP_Body .WebDP_Selected,
.WebDP .WebDP_Body .WebDP_Selected:hover,
.WebDP .WebDP_Body .WebDP_Selected:focus{
    background: #005e75;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNWU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQwNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /*
    background: linear-gradient(to bottom,  #005e75 0%,#004050 100%);
    */
    border:1px solid #004050;
    color:#FFFFFF;
    text-shadow:1px 1px 0px #000000;
    font-weight: normal;
}

.WebDP.WebCon_Focus .WebDP_Body .WebDP_Selected{
    background: #e6bc3a;
    /*
    background: linear-gradient(to bottom,  #e6bc3a 0%,#d0a21a 100%);
    */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2YmMzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGEyMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    border:1px solid #E6BC3A;
	
    color:#FFFFFF;
    text-shadow:1px 1px 0px #000000;
    font-weight: normal;
}

/*
Next & previous animations.

When changing page the WebDP_Old class is set. Then it adds the WebDP_HidePrev or WebDP_HideNext 
class so that transformations can be used to animate this process.
*/
.WebDP .WebDP_Body > div{
    width: 100%;
    margin-left: 0%;
}
.WebDP .WebDP_Old{
    position: absolute;
    overflow: hidden;

    
    -webkit-transition: width .4s ease-in, margin-left .4s ease-in;
    -moz-transition: width .4s ease-in, margin-left .4s ease-in;
    -o-transition: width .4s ease-in, margin-left .4s ease-in;
    transition: width .4s ease-in, margin-left .4s ease-in;
}
.WebDP .WebDP_HideNext table{
    float: right;
}
.WebDP .WebDP_Body .WebDP_HidePrev{
    margin-left: 100%;
    width: 0%;
    display: block;
}
.WebDP .WebDP_Body .WebDP_HideNext{
    width: 0%;
    display: block;
}

/*
Footer
*/
.WebDP .WebDP_Footer{
    background: #FFFFFF;
    color: #FFFFFF;
    padding: 4px 4px 4px 10px;
    border-top: none;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.WebDP .WebDP_BtnToday{
  font-size: 11px;
  color: #005E75;
  text-align: left;
}
.WebDP .WebDP_BtnToday:hover{
  text-decoration: underline;
}

/* - - - - - - WebDatePicker - - - - - - */

/* - - - - - - WebDateForm - - - - - - */

.WebDateForm .WebFrm_Prompt{
    background-position: 0px -250px;
}
.WebDateForm_Picker{
    opacity: 0;
    -webkit-transition: opacity .6s ease, visibility .6s ease;
    -moz-transition: opacity .6s ease, visibility .6s ease;
    -o-transition: opacity .6s ease, visibility .6s ease;
    transition: opacity .6s ease, visibility .6s ease;
    background-color: transparent;
}
.WebDateForm_Picker.WebDF_WrapVisible{
    opacity: 1;
}


/* - - - - - - WebTreeView - - - - - - - */

.WebTreeView.WebCon_Focus .WebTree_Body{
    
}
.WebTreeView .WebTree_Body > table{
    margin: 6px 4px;
}

.WebTreeView .WebTree_Body{
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    font-size: 12px;
}

.WebTreeView .WebTree_Body table, .WebTreeView .WebTree_Body tr, .WebTreeView .WebTree_Body td {
    
}

.WebTreeView .WebTree_Loading{
    background: #FFFFFF url('WebTreeView-LoadingBig.gif') no-repeat 10px 10px;
}

.WebTreeView .WebTree_Text{
    margin-left: 4px;
    padding: 0px 4px 0px 4px;
    border: 1px solid transparent;
}
.WebTreeView.Web_Enabled .WebTree_Text:hover{
    background: #F3F5F7;
    border: 1px solid #EDEBED;
}

.WebTreeView .WebTree_Selected  .WebTree_Text{
    background-color: transparent;
    
    font-weight: bold;
}

.WebTreeView.WebCon_Focus .WebTree_Selected .WebTree_Text{
    background: #F3F5F7;
    border: 1px solid #EDEBED;
}

/*
    Expand / collapse animation
*/
.WebTreeView .WebTree_SubRow .WebTree_Item {
    height: 18px;
    -webkit-transition: height .4s ease;
    -moz-transition: height .4s ease;
    -o-transition: height .4s ease;
    transition: height .4s ease;
    
}

.WebTreeView .WebTree_SubRow {
    line-height: 0px;
}

.WebTreeView .WebTree_SubRow.WebTree_Expanded {
    
}

.WebTreeView .WebTree_SubRow.WebTree_HiddenSubRow .WebTree_Expanded > td, .WebTreeView .WebTree_SubRow.WebTree_HiddenSubRow .WebTree_Collapsed > td{
    
}

.WebTreeView .WebTree_SubRow.WebTree_HiddenSubRow .WebTree_Item{
    height: 0px;
}

/*
    Tree lines & buttons
*/
.WebTreeView .WebTree_Item, .WebTreeView .WebTree_Con{
    background-repeat: repeat-y;
    width: 20px;
    
    background-image: url('WebTreeView-Images.gif');
}


.WebTreeView .WebTree_Item{
    height: 18px;
}

.WebTreeView .WebTree_Item div{
    width: 20px;
}

.WebTreeView .WebTree_Expanded .WebTree_EntrySub{
    background-position: -0px 0px;
}

.WebTreeView .WebTree_Collapsed  .WebTree_EntrySub{
    background-position: -20px 0px;
}

.WebTreeView .WebTree_Expanded .WebTree_EndSub{
    background-position: -40px 0px;
}

.WebTreeView .WebTree_Collapsed  .WebTree_EndSub{
    background-position: -60px 0px;
}

.WebTreeView  .WebTree_Expanded .WebTree_StartSub{
    background-position: -80px 0px;
}

.WebTreeView  .WebTree_Collapsed .WebTree_StartSub{
    background-position: -100px 0px;
}

.WebTreeView .WebTree_Start{
    background-position: -120px 0px;
}

.WebTreeView .WebTree_Entry{
    background-position: -140px 0px;
}

.WebTreeView .WebTree_End{
    background-position: -160px 0px;
}

.WebTreeView .WebTree_Con{
    background-position: -180px 0px;
}

.WebTreeView  .WebTree_Expanded .WebTree_StartEndSub{
    background-position: -200px 0px;
}

.WebTreeView  .WebTree_Collapsed .WebTree_StartEndSub{
    background-position: -220px 0px;
}

.WebTreeView .WebTree_StartEnd{
    background-image: none;
}

.WebTreeView .WebTree_StartEnd{
    background-image: none;
}

/*
    Icons
*/
.WebTreeView .WebTree_Icon, .WebTreeView .WebTree_Folder{
    background-image: url('WebTreeView-Icons.gif');
    background-repeat: no-repeat;
    padding-left: 16px;
    
}

.WebTreeView .WebTree_IconLoading{
    background-image: url('WebTreeView-LoadingSmall.gif');
    background-repeat: no-repeat;
    padding-left: 16px;
}

.WebTreeView  .WebTree_Collapsed .WebTree_Folder{
    background-position: 0px 1px;
}

.WebTreeView .WebTree_Expanded  .WebTree_Folder{
    background-position: 0px -31px;
}

.WebTreeView .WebTree_Collapsed  .WebTree_Icon{
    background-position: 0px -63px;
}

.WebTreeView .WebTree_Expanded  .WebTree_Icon{
    background-position: 0px -63px;
}


/* - - - - - - - - - WebImage - - - - - - - - - - */
.WebImage .WebImg_Box{
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
}


/* - - - - - - - - - WebHtmlBox - - - - - - - - - - */
.WebHtmlBox .WebHtml_Box{
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    line-height: normal;
    padding: 5px; /* ToDo: See if we need / want this here! */
}


/* - - - - - - - - - WebSpacer - - - - - - - - - - */
.WebSpacer > div.WebCon_Inner{
    margin: 0px 0px 0px 0px; 
}

.WebSpacer .WebSpacer_Spacer {
    height: 32px;
}


/* - - - - - - - - - WebHorizontalLine - - - - - - - - - - */
.WebHorizontalLine hr{
    background: #005E75;
    border:none;
    height: 1px;
    margin: 10px 0px 10px 0px; /* Make sure horizontal line has same height as other controls */
}


/* - - - - - - - - - ShowMessageBox - - - - - - - - - */
.WebMsgBoxConfirm .WebLabel_content, .WebMsgBoxError .WebLabel_content, .WebMsgBoxInfo .WebLabel_content, .WebMsgBoxWarning .WebLabel_content{
    margin-left: 70px;
    min-height: 70px;
}

.WebMsgBoxConfirm .WebLabel_content:before {
    width: 65px;
    height: 65px;
    display: block;
    background: transparent url('WebMessageBox_Icons.png') no-repeat center 5px;
    position: absolute;
    margin: 0px 15px 0px -70px;
    content: '';
}

.WebMsgBoxError .WebLabel_content:before {
    width: 65px;
    height: 65px;
    display: block;
    background: transparent url('WebMessageBox_Icons.png') no-repeat center -175px;
    position: absolute;
    margin: 0px 15px 0px -70px;
    content: '';
}

.WebMsgBoxInfo .WebLabel_content:before {
    width: 65px;
    height: 65px;
    background: transparent url('WebMessageBox_Icons.png') no-repeat center -56px;
    position: absolute;
    margin: 0px 15px 0px -70px;
    content: '';
}

.WebMsgBoxWarning .WebLabel_content:before {
    width: 65px;
    height: 65px;
    display: block;
    background: transparent url('WebMessageBox_Icons.png') no-repeat center -115px;
    position: absolute;
    margin: 0px 15px 0px -70px;
    content: '';
}

.WebMsgBoxProgress .WebLabel_content{
    margin-left: 60px;
    min-height: 40px;
    padding-top: 20px;
}

.WebMsgBoxProgress .WebLabel_content:before {
    width: 60px;
    height: 60px;
    display: block;
    background: transparent url('LoadingBig.gif') no-repeat center center;
    position: absolute;
    margin: -22px 0px 0 -65px;
    content: '';
}


/* - - - - - - - - - WebTooltip - - - - - - - - - - */
.WebTooltip{
    background-color: #004050;
    border: 1px solid #000000;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
    padding: 6px 7px 6px 7px;
    line-height: 1.3em;
    font-weight: normal; 
    border-radius: 3px;
    opacity: 0;
    margin-top: 14px;
    
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.WebTooltip.WebTooltipVisible{
    opacity: 1;
}


.WebTooltip.WebTooltip_Top{
    margin-bottom: 14px;
    margin-top: 0px;
}

.WebTooltip:before{
    border-color: #000000 transparent;
    border-style: solid;
    border-width: 0 11px 13px;
    margin: 0px 0px 0px -1px;
    left: 36px;
    top: -14px;
}

.WebTooltip_Top:before{
    border-width: 13px 11px 0px;
    top: auto;
    bottom: -14px;
}

.WebTooltip:after{
    border-color: #004050 transparent;
    border-style: solid;
    border-width: 0 11px 14px;
    margin: 0px 0px 0px 2px;
    left: 33px;
    top: -14px;    
}

.WebTooltip_Top:after{
    top: auto;
    border-width: 14px 11px 0px;
    bottom: -14px;
}


/* - - - - - - - - - WebIFrame - - - - - - - - - */
.WebIFrame .WebIFrm_Box{
    border: 1px solid #E6E6E6
}


/* - - - - - - - - - WebSlider - - - - - - - - - - */
.WebSlider .WebSlider_Wrapper{
    outline: none;
}

/* Bar */
.WebSlider .WebSlider_Horizontal .WebSlider_BarWrapper{
    height: 21px;
}

.WebSlider .WebSlider_Bar{
    background-color: #166578;
    
    border: 1px solid #0F5262;
    border-radius: 1px;
}
.WebSlider.Web_Disabled .WebSlider_Bar{
    background-color: #D0D0D0;
    border: 1px solid #BCC4C7;
    
}
.WebSlider .WebSlider_Horizontal .WebSlider_Bar{
    height: 7px;
    padding: 0px 10px 0px 10px;
    margin-top: 5px;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczNzciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2ODlGQUUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNzY1N0MiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNUY3NiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM3NykiIC8+Cjwvc3ZnPg==);
    /* http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html */
}
.WebSlider .WebSlider_Vertical .WebSlider_Bar{
    padding: 10px 0px 10px;  
    margin-left: 5px;
    width: 7px;
    
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxOTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2ODlGQUUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwNzY1N0MiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNUY3NiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE5NCkiIC8+Cjwvc3ZnPg==);
    /* http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html */
}
.WebSlider.Web_Disabled .WebSlider_Bar{
    background-image: none;
}

.WebSlider .WebSlider_ShowRange, .WebSlider .WebSlider_ShowRange:before{
    background: #CBA019;
}
.WebSlider  .WebSlider_Horizontal .WebSlider_ShowRange{
    margin-top: -1px;
    height: 5px;
    border-top: 1px solid #957509;
    border-bottom: 1px solid #957509;
}
.WebSlider  .WebSlider_Vertical .WebSlider_ShowRange{
    margin-left: -1px;
    width: 5px;
    border-left: 1px solid #957509;
    border-right: 1px solid #957509;
}

.WebSlider .WebSlider_Horizontal.WebSlider_NoRange .WebSlider_ShowRange:before{
    content: '';
    position: absolute;
    margin-left: -11px;
    top: -1px;
    height: 5px;
    width: 10px;
    
    border-left: 1px solid #957509;
    border-bottom: 1px solid #957509;
    border-top: 1px solid #957509;
    border-radius: 1px 0px 0px 1px;
    left: 0px;
}
.WebSlider .WebSlider_Vertical.WebSlider_NoRange .WebSlider_ShowRange:before{
    content: '';
    position: absolute;
    margin-top: -11px;
    left: -1px;
    height: 10px;
    width: 5px;
    border-left: 1px solid #957509;
    border-right: 1px solid #957509;
    border-top: 1px solid #957509;
    border-radius: 1px 1px 0px 0px;
}


/* Slider */
.WebSlider .WebSlider_Horizontal .WebSlider_SliderWrapper{
    margin-left: 3px;
    height: 19px
}
.WebSlider .WebSlider_Vertical .WebSlider_SliderWrapper{
    margin-top: 3px;
    width: 19px;
}

.WebSlider  .WebSlider_Slider{
    width: 14px;
    height: 14px;
    border: 1px solid #ABABAB;
    border-radius: 8px;
    background-color: #E0E0E0;
    box-shadow: 0 0 2px #E0E0E0;
}
.WebSlider  .WebSlider_Slider:before{
    content: '';
    display: block;
    margin: 4px 4px;
    width: 4px;
    height: 4px;
    border: 1px solid #29616E;
    border-radius: 3px;
    background-color: #166578;
}
.WebSlider.Web_Disabled .WebSlider_Slider:before, .WebSlider.Web_Disabled .WebSlider_Slider:before{
    border: 1px solid #9A978F;
    background-color: #959491;
}
.WebSlider.WebCon_Focus .WebSlider_Slider:before, .WebSlider.Web_Enabled .WebSlider_Slider:hover:before{
    border: 1px solid #9F8430;
    background-color: #DAB642;
    box-shadow: 0 0 2px #9F8430;
}
.WebSlider.WebCon_Focus .WebSlider_Slider, .WebSlider.Web_Enabled .WebSlider_Slider:hover{
    box-shadow: 0 0 1px #9F8430;
}

/* Labels */
.WebSlider .WebSlider_Horizontal .WebSlider_Labels{
    left: 2px;
    top: -21px;
}
.WebSlider .WebSlider_Vertical .WebSlider_Labels{
    left: -7px;
    top: 2px;
}

.WebSlider .WebSlider_Horizontal .WebSlider_LabelMarkerWrapper{
    height: 7px;
}
.WebSlider .WebSlider_Horizontal .WebSlider_LabelWrapper{
    height: 23px;
}

.WebSlider .WebSlider_Horizontal .WebSlider_LabelMarker{
    border-left: 1px solid #9CB9C0;
    height: 7px;
}

.WebSlider .WebSlider_Vertical .WebSlider_LabelMarker{
    border-top: 1px solid #9CB9C0;
    width: 7px;
}
.WebSlider.Web_Disabled .WebSlider_Horizontal .WebSlider_LabelMarker{
    border-left: 1px solid #C9C8C8;
}
.WebSlider.Web_Disabled .WebSlider_Vertical .WebSlider_LabelMarker{
    border-top: 1px solid #C9C8C8;
}


.WebSlider .WebSlider_Horizontal .WebSlider_LabelText{
    margin-top: 8px;
}
.WebSlider .WebSlider_Vertical .WebSlider_LabelText{
    margin-left: 2px;
    padding-left: 9px;
}
.WebSlider.Web_Disabled .WebSlider_LabelText{
    color: #A7A7A7;
}

.WebSlider.Web_Disabled .WebSlider_Vertical .WebSlider_LabelText:before{
    border-bottom: 1px solid #A7A7A7;
}
.WebSlider .WebSlider_Vertical .WebSlider_LabelText:before{
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 0px;
    width: 7px;
    height: 1px;
    border-bottom: 1px solid #004859;
}

/* - - - - - - System override - - - - - - */
.WebCommandBar {
	padding: 0;
}


/* - - - - - - Login Dialog Warning - - - - - - */
.Warning {
    color: #BF0000;
    text-shadow: 0px 0px 1px #FFFFFF;
    filter: dropshadow(color=#FFFFFF, offx=0, offy=0);
    background: #FFE4E6;
    border: 1px solid #FFCCCF;
}

#OWEBAPP .settingsHeader
{
    font-size:15px;
    font-weight:bold;
}

#OWEBAPP .settingsLinkSelected button
{
        /*  background-color:#00AC00 !important;  */
        background-image:none;
        background-color:#17a3c6 !important;

        
        
        color:#fff !important;
        text-align: left;
        width:149px;


        height:15px;
        margin-left: -8px;
        border:none;
        background-image:none !important;
        box-shadow: none;
        text-shadow: none;
        font-size: 12px;
        font-weight: normal;

        border-radius: 0px;
        -webkit-border-radius: 0px;
        /* Firefox 1-3.6 */
        -moz-border-radius: 0px;
}

#OWEBAPP .settingsLink button
{
        color:#666 !important;
        background-color:transparent !important;
        background-image:none !important;
        text-align: left;
        width:149px;
        overflow-x: hidden;

        height:15px;
        margin-left: -8px;
        border:none;
        background-image:none !important;
        box-shadow: none;
        text-shadow: none;
        font-size: 12px;
        font-weight: normal;

        border-radius: 0px;
        -webkit-border-radius: 0px;
        /* Firefox 1-3.6 */
        -moz-border-radius: 0px;
}



/*  Color Definitions   */
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/

:root 
{
/*  Original Colors....
    --active-text-color: #CD5602; 
    --active-background-color: #EDEDED;
    --menu-background-color: rgb(55, 56, 57);
    --menu-text-color: #fff;
    --del-button-color: #373839;
    --del-button-hover: #4d4e4f;
    --add-button-color: #17a3c6;
    --add-button-hover: #1bc3ed;
    --edit-button-color: #ff6100;
    --edit-button-hover: #ff8700;
    --linkLabel-color: #004354;
    --rptDashboardPodHeader: #363636;
    --hdrLineLink-color:	#fff;
    --welcomLineLink-color:	#fff;
    --welcomeLinePanel-color:   #4a4a4a;
    --gradientLeftStart-color:	#8C8C8C;
    --gradientLeftEnd-color:    	#CCCCCC;
    --gradientRightEnd-color:    #ffffff;
    --appHeaderPanel-color:	#fff;

*/

/* 
    --menu-background-color: 	rgb(55, 56, 57);

*/
    --active-text-color: #CD5602; 
    --active-background-color: #EDEDED;
    --menu-background-color: 	#ddd;
    --menu-text-color:  	#fff;
    --del-button-color: 	#373839;
    --del-button-hover: 	#4d4e4f;
    --add-button-color: 	#17a3c6;
    --add-button-hover: 	#1bc3ed;
    --edit-button-color: 	#ff6100;
    --edit-button-hover:	#ff8700;
    --linkLabel-color:   	#004354;
    --rptDashboardPodHeader: 	#363636;
    --welcomeLineLink-color:	#fff;
    --welcomeLinePanel-color:   #4a4a4a;
    
    
    --gradientLeftStart-color:	#DDD;    
    --gradientLeftEnd-color:    #DDD;
    
    --gradientRightStart-color: var(--gradientLeftEnd-color);        
    --gradientRightEnd-color:   #eee;
    
    --appHeaderPanel-color:	#fff;
    
    --headerLinePanel-colorStart: #4169E1;
    --headerLinePanel-colorEnd: #4682B4;
    
    --welcomeLinePanel-colorStart: #4a4a4a;
    --welcomeLinePanel-colorEnd: #4a4a4a;
       
}


#OWEBAPP .deleteBtn button
{
    background-image:none;
    background-color:var(--del-button-color);
}

#OWEBAPP .deleteBtn button:hover
{
    background-color:var(--del-button-hover);
}

#OWEBAPP .rptHeader
{
    /*font-weight: bold; */
    color: var(--rptDashboardPodHeader);
    font-size:14px;
    padding-top:10px;
}


#OWEBAPP .RFIDlink, #OWEBAPP .RFIDlink a
{
    color: var(--welcomeLineLink-color);
    text-decoration: none;
}

#OWEBAPP .appHeaderPanel
{
    background-color:var(--appHeaderPanel-color);
}

#OWEBAPP .welcomeLinePanel
{
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(left, var(--welcomeLinePanel-colorStart) 0%, var(--welcomeLinePanel-colorEnd) 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, var(--welcomeLinePanel-colorStart) 0%, var(--welcomeLinePanel-colorEnd) 100%);
    /* Opera */
    background-image: -o-linear-gradient(left, var(--welcomeLinePanel-colorStart) 0%, var(--welcomeLinePanel-colorEnd) 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--welcomeLinePanel-colorStart)), color-stop(1, var(--welcomeLinePanel-colorEnd)));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, var(--welcomeLinePanel-colorStart) 0%, var(--welcomeLinePanel-colorEnd) 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to right, var(--welcomeLinePanel-colorStart) 0%, var(--welcomeLinePanel-colorEnd) 100%); 
 
 /*   background-color:var(--welcomeLinePanel-color) !important;   */
    color:#fff !important;
}

#OWEBAPP .headerLinePanel
{
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(left, var(--headerLinePanel-color) 0%, var(--headerLinePanel-colorEnd) 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, var(--headerLinePanel-colorStart) 0%, var(--headerLinePanel-colorEnd) 100%);
    /* Opera */
    background-image: -o-linear-gradient(left, var(--headerLinePanel-colorStart) 0%, var(--headerLinePanel-colorEnd) 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--headerLinePanel-colorStart)), color-stop(1, var(--welcomeLinePanel-colorEnd)));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, var(--headerLinePanel-colorStart) 0%, var(--headerLinePanel-colorEnd) 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to right, var(--headerLinePanel-colorStart) 0%, var(--headerLinePanel-colorEnd) 100%); 

    //background-color:var(--headerLinePanel-color) !important;
    
    color:#fff !important;
}
.companyHeader
{
    color: var(--active-text-color);
    font-size: 45px;
    font-weight: bold;
    overflow: visible;
    line-height: 50px;
    margin-top: 15px !important;
}



#OWEBAPP .hdrMenu .WebHtml_Wrp, #OWEBAPP .hdrMenu a
{
    text-align:right;
    color: var(--active-text-color);
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}

.WebHtmlBox .WebHtml_Wrp a
{
    color: #fff;
    text-decoration: none;
}

#OWEBAPP .editBtn button
{
    background-image:none;
    background-color:var(--edit-button-color);
}

#OWEBAPP .editBtn button:hover
{
    background-color:var(--edit-button-hover);
}

#OWEBAPP .addBtn button
{
    background-image:none;	
    background-color:var(--add-button-color);

}

#OWEBAPP .addBtn button:hover
{
    background-image:none;
    background-color:var(--add-button-hover);	
}

#OWEBAPP .viewLeft
{
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, var(--gradientLeftStart-color) 0%, var(--gradientLeftEnd-color) 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, var(--gradientLeftStart-color) 0%, var(--gradientLeftEnd-color) 100%);
/* Opera */
background-image: -o-linear-gradient(left, var(--gradientLeftStart-color) 0%, var(--gradientLeftEnd-color) 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--gradientLeftStart-color)), color-stop(1, var(--gradientLeftEnd-color)));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, var(--gradientLeftStart-color) 0%, var(--gradientLeftEnd-color) 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, var(--gradientLeftStart-color) 0%, var(--gradientLeftEnd-color) 100%);
}

#OWEBAPP .viewCenter
{

/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, var(--gradientRightStart-color) 0%, var(--gradientRightEnd-color) 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, var(--gradientRightStart-color) 0%, var(--gradientRightEnd-color) 100%);
/* Opera */
background-image: -o-linear-gradient(left, var(--gradientRightStart-color) 0%, var(--gradientRightEnd-color) 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, var(--gradientRightStart-color)), color-stop(1, var(--gradientRightEnd-color)));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, var(--gradientRightStart-color) 0%, var(--gradientRightEnd-color) 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, var(--gradientRightStart-color) 0%, var(--gradientRightEnd-color) 100%);
}

.viewCaption
{
    color: var(--active-text-color);
    font-size: 20px;
}


.linkLabel, p8
{
        color:var(--linkLabel-color) !important;
        text-decoration: none !important;
}

.refreshlinkLabel
{
        color:#eee !important;
        text-decoration: none !important;    
        float: left; 
}

#OWEBAPP .linkLabel button
{
        /*text-decoration:underline;  */
        height:12px;
        border:none;
        color:var(--linkLabel-color) !important;
        background-color:transparent !important;
        background-image:none !important;
        box-shadow: none;
        text-shadow: none;
        font-size: 12px;
        font-weight: normal;
        /* margin-top:20px; */
}

#OWEBAPP .WebHtmlBox .WebHtml_Wrp a .linkLabel
{
        color:#22D517 !important;
}



/*  Menu Color Stuff   */
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/

.nav-list>li>a:focus 
{
    background-color: var(--active-background-color);
    color: var(--active-text-color)  !important;
}
.nav-list .open>a, .nav-list .open>a:hover, .nav-list .open>a:focus 
{
    background-color: var(--active-background-color);
    color: var(--active-text-color) !important;
}

.nav-list>li>a:hover 
{
    background-color: var(--active-background-color);
    color: var(--active-text-color)  !important;
}

.nav-list>li>a:hover:before 
{
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
/*    background-color: #3382af; */
	background-color: var(--active-text-color);
}

.nav-list>li a:hover>.arrow, .nav-list>li.active>a>.arrow, .nav-list>li.open>a>.arrow
{

/*    color: #1963aa;   */
  color: var(--active-text-color) !important;
}

.nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav-list>li.active>a:active 
{
    background-color: var(--active-background-color);
    color: var(--active-text-color)  !important;
    font-weight: bold;
    font-size: 13px;

}

.nav-list>li.active:after 
{
    display: inline-block;
    content: "";
    position: absolute;
    right: 0px;
    top: -1px;
    bottom: 0;
    /*z-index: 1; */
    border: 2px solid var(--active-text-color)  !important;

    border-width: 0 2px 0 0;

}

.nav-list li.active>a:after
{

    display: block;
    content: "";
    position: absolute!important;
    right: 0;
    top: 4px;
    border: 8px solid transparent;
    border-width: 14px 10px;
    border-right-color:var(--active-text-color)  !important;
}

.nav-list>li .submenu>li.active>a 
{
    color: var(--active-text-color)  !important;
}


.nav-list>li>a 
{
    display: block;
    height: 38px;
    line-height: 36px;
    padding: 0 16px 0 7px;
/*    background-color: #f9f9f9; 
    color:rgb(6, 69, 173);
	background-color: #373839;
    background-color: var(--menu-background-color);
*/
    
    background-color: #6F8FAF;
    color:var(--menu-text-color)  !important;
    text-shadow: none!important;
    font-size: 13px;
    text-decoration: none;
}

#OWEBAPP .leftNav
{
    background-color: var(--menu-background-color) !important;
}



/*  End Menu Color Stuff   */
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/