/* === STYLING RELATED TO THE LISTHANDLER RESULTTABLE === */
html, body
{
  height: auto;
}

.StatusFieldIcon {
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:center;
    background-size:contain;
}

.StatusCommandColumnSpacer {
    width:16px;
    height:16px;
    border-style: none;
}

.TableStyleMasterTable thead th {
    border-style: none none solid none;
    border-width: 2px;
    border-color: #edecec;
    background: LightSteelBlue;
    height: 24px;
}
.TableStyleTargetTable thead th {
    border-style: none solid solid none;
    border-width: 1px 2px 2px 2px;
    border-color: #edecec;
    background: LightSteelBlue;
    height: 24px;
}
.TableStyleTargetTable tbody td {
    border: 2px solid #edecec;
    height: 24px;
}
.TableStyleTargetTable tfoot td {
    border-style: solid solid none solid; 
    border-width: 2px;
    border-color: #edecec;
    height: 24px;
}

.TableStyleBackgroundHighlighted
{
	background: WhiteSmoke;
	border-right: #dadada 1px solid;
	border-top: #dadada 1px solid;
	border-left: #dadada 1px solid;
	border-bottom: #dadada 1px solid;
}

.TableStyleHeader {
    font-weight: bold;
    font-size: 11px;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: LightSteelBlue;
    text-align: left;
    white-space:nowrap;
}

.TableStyleHeaderLastColumn
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

A.TableStyleHeader:link
{
	color: white;
	text-decoration: none;
	height: 1px;
}
A.TableStyleHeader:visited
{
	color: white;
    TEXT-DECORATION: none;
	height: 1px;
}
A.TableStyleHeader:active
{   
	color: white;
    TEXT-DECORATION: none;
	height: 1px;
}
A.TableStyleHeader:hover
{
	color: white;
    TEXT-DECORATION: none;
	height: 1px;
}

.TableStyleRowEven
{
	font-size: 11px;
	/*background: #ebebeb;*/
	background: Whitesmoke;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}
.TableStyleRowEven td {
    white-space:nowrap
}

.TableStyleRowOdd
{
	font-size: 11px;
	background: Transparent;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}
.TableStyleRowOdd td {
    white-space:nowrap
}

.TableStyleRowSelected
{
	font-size: 11px;
	background: silver;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}
.TableStyleRowSelected td {
    white-space:nowrap
}

.TableRowActive
{
	background-color: #D7DEF8;
	cursor: pointer;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.TableRowActive td {
    white-space:nowrap
}

.MedusaTableRowHover
{
	background-color: #FFE394;
	cursor: pointer;
	color: #128BE7;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.TableStyleRowRed
{
	font-size: 11px;
	BACKGROUND-COLOR: #F78063;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.TableStyleRowRed td {
    white-space:nowrap
}

.TableStyleRowEdit
{
    font-size: 11px;
    background: moccasin;
    color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.TableStyleRowDisabled
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: Gray;
}
.TableStyleRowDisabled td {
    white-space:nowrap
}

.TableStyleCell
{
	padding-right: 3px;
	padding-left: 3px;
	border-right: silver 1px solid;
	border-top: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
}
.TableStyleCellDisabled
{
	color: Gray;
}
.TableStyleCellNoBorder
{
	padding-right: 3px;
	padding-left: 3px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.TableStyleMedusaContent
{
	font-size: 11px;
	background: #b0c4de;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.TableStyleFooter
{
	font-weight: bold;
	font-size: 11px;
	background: LightSteelBlue;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    border-style: solid solid solid none;
    border-width: 2px;
    border-color: transparent;
}

.TableStyleFooterLastColumn
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    border-style: solid solid solid none;
    border-width: 2px;
    border-color: transparent;
}

A.TableStyleFooter:link
{
	color: black;
	text-decoration: none;
	height: 1px;
}
A.TableStyleFooter:visited
{
	color: black;
    TEXT-DECORATION: none;
	height: 1px;
}
A.TableStyleFooter:active
{   
	color: black;
    TEXT-DECORATION: none;
	height: 1px;
}
A.TableStyleFooter:hover
{
	color: black;
    TEXT-DECORATION: underline;
	height: 1px;
}



/* === STYLING RELATED TO THE LEFT SIDE VERTICAL MENU VISIBLE ON ALL PAGES === */
.MenuPageBody
{
	background-color: #A09090;
}

/* This is the class for the table containing each menu */
.Menu
{
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	color: #634c5c;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/* Class for menu title with chevron image */
.MenuTitle
{
	background-color: #867979;
	cursor: default;
	color: whitesmoke;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
    padding-left: 10px; 
    white-space:normal;  
}

/* Class for menu title appearance when hovering */
.MenuTitleActive
{
	background-color: #867979;
	cursor: pointer;
	color: white;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
    padding-left: 10px; 
    white-space:normal;  
}

.MenuTitleButton
{
	background-color: #867979;
}

/* Right corner of the menu */
.MenuTitleRightCorner
{
	cursor: default;
	background-color: #867979;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

/* Left corner of the menu */
.MenuTitleLeftCorner
{
	cursor: default;
	background-color: #867979;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

/* Used to control when the up and down chevron buttons are displayed in the right corner of the menu */
.MenuTitleHiddenButton 
{
	display: none;

	background-image: url('images/16x16/chevron_down.png'); 
	background-position: center; 
	background-repeat: no-repeat;  
}

/* Used to control when the up and down chevron buttons are displayed in the right corner of the menu */
.MenuTitleVisibleButton	
{	
	display: block;
	
	background-image: url('images/16x16/chevron_up.png'); 
	background-position: center; 
	background-repeat: no-repeat;  
}

/* Used to control when the up and down chevron buttons are displayed in the right corner of the menu */
.ClosedMenuTitleHiddenButton
{
	display: block;

	background-image: url('images/16x16/chevron_down.png'); 
	background-position: center; 
	background-repeat: no-repeat;  
}

/* Used to control when the up and down chevron buttons are displayed in the right corner of the menu */
.ClosedMenuTitleVisibleButton	
{	
	display: none;
	
	background-image: url('images/16x16/chevron_up.png'); 
	background-position: center; 
	background-repeat: no-repeat;  
}

/* Applies to the dropdown section of the menu, where the links are */
/* Can be used to set border and background color */
.MenuBody
{ 
	background-color: #edecec;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #634c5c;
	padding-top: 2px;  
	/*padding-left: 8px;*/ 
	padding-bottom: 2px;
	border-top: 1px none #000000;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;

}

/* Applies to the link rows in the dropdown section of the menu */
.MenuBodyRow
{ 
	background-color: #edecec;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #634c5c;
	padding-top: 2px;  
	padding-left: 8px; 
	padding-bottom: 2px;
    white-space:normal
}



/* === STYLING RELATED TO THE TOP FRAME VISIBLE ON ALL PAGES === */
.bodyHeader
{
	background-color: #A09090;
}

.applicationHdr
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
}
	
.applicationHdr_LinkStyle_MouseOver
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

.applicationHdr_LinkStyle_MouseOut
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}



/* === STYLING RELATED TO THE LOGIN PAGE === */
.LoginMain
{
	background-color: #C0C0C0;
}

.LoginMainTable
{
	background-color: #F5F5F5;
	border-bottom: solid 3px #808080;
	border-right: solid 3px #808080;
}

.LoginMainBottom
{
    background-image: -ms-linear-gradient(top left, #808080 0%, #F5F5F5 100%);
    background: -moz-linear-gradient(left, #808080, #F5F5F5);
    background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#F5F5F5));
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr= '#808080' , endcolorstr= '#F5F5F5' );
	background-color: #808080;
}



.LabelStyleAlert
{
	FONT-SIZE: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:red;
}


.LabelStyleBlack
{
	FONT-SIZE: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:black;
}

.LoginFieldRow
{	
    height:27px;
}

.SelectStyle
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:black;
}



/* === STYLING RELATED TO THE DROP DOWN SECTIONS ON SEARCH PAGES === */

/* Different gradient handling for different browsers */
.ListNuggetHeaderTitle
{
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #ABBFE9 100%);
    background: -moz-linear-gradient(left, #FFFFFF, #ABBFE9);
    background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#ABBFE9));
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr= '#FFFFFF' , endcolorstr= '#ABBFE9' );
	background-color: #D7DEF8;
	cursor: default;
	color: #265CC0;
	text-decoration: none;
}

/* Different gradient handling for different browsers */
.ListNuggetHeaderTitleActive
{
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #ABBFE9 100%);
    background: -moz-linear-gradient(left, #FFFFFF, #ABBFE9);
    background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#ABBFE9));
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr= '#FFFFFF' , endcolorstr= '#ABBFE9' );
	background-color: #D7DEF8;
	cursor: pointer;
	color: #128BE7;
	text-decoration: none;
}

/* Different gradient handling for different browsers */
.ListNuggetHeaderButton
{
    background-image: -ms-linear-gradient(top left, #ABBFE9 0%, #C5D2F0 100%);
    background: -moz-linear-gradient(left, #ABBFE9, #C5D2F0);
    background: -webkit-gradient(linear, left top, right top, from(#ABBFE9), to(#C5D2F0));
	filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, startcolorstr= '#ABBFE9' , endcolorstr= '#C5D2F0');
	background-color: #D7DEF8;
}
.ListNuggetHeader
{
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	color: #215dc6;
	font-family: Verdana, Arial, Helvetica, sans-serif; 

}
.ListNuggetUpButton 
{
	display: none; 
}
.ListNuggetDownButton	
{	
}



/* === GENERAL SETTINGS === */
body
{
	background-color : #edecec;
}

/* --------  Text style in different sizes ------------- */
.HeaderStyle
{	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	line-height: 24px;
	color: #634c5c;
}

.HeaderStyleBlock
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 4px;
	margin-top: 10px;
	color: #3c3c3c;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.LabelStyle
{
	background: transparent;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	
	color: #634c5c;
	font-weight: bold;
}

.Edit
{
	cursor: pointer;
}


.LabelStyleRed
{
	background: transparent;
	line-height: 16px;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	color: Red;
	font-weight: bold;
}

.LabelStyleGreen
{
	background: transparent;
	line-height: 16px;
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: Green;
	font-weight: bold;
}


.ItemStyle
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #3c3c3c;
}


.ItemStyleAlert
{
	FONT-SIZE: 11px;
	letter-spacing:0.13em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style:italic ; 
	color: red;
}

.ItemStyleHighlight
{
    background: #FFE394;
	letter-spacing:0.13em;
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}



.ItemStyleDisabled
{
	FONT-SIZE: 11px;
	letter-spacing:0.13em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: italic ; 
	color: #808080;
}


.LinkStyle
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#265CC0;
	text-decoration: underline;
}
.LinkStyle_MouseOver
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#265CC0;
	cursor: pointer;
	text-decoration: underline;
}
.LinkStyle_MouseOut
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#265CC0;
	cursor: default;
	text-decoration: none;
}

/* ----------- General standard object behaviour -------------------------- */
A 
{
    font-weight:normal;
}

A:link
{
    color: #634c5c;
    text-decoration: none;
}

A:visited
{
    COLOR: #634c5c;
    TEXT-DECORATION: none;
}

A:active
{   COLOR: #634c5c;
    TEXT-DECORATION: none;
}

A:hover
{
    COLOR: #634c5c;
    TEXT-DECORATION: underline;
}


/* Span need to be same as ItemStyle as default */
SPAN
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*color: #3c3c3c;*/
}

LI
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#3c3c3c;
}

SELECT
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:black;
    border: 1px solid gray;
}

INPUT
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:black;
    border: 1px solid gray;
}
input[type=checkbox] {
   border-width: 0px;
}
input[type=radio] {
   border-width: 0px;
}

input[type=button] {
    width: 18px;
    height: 18px;
    white-space: nowrap;
    padding: 0px;
    FONT-SIZE: 10px;
}
input[type=button][disabled=disabled] {
    width: 18px;
    height: 18px;
    white-space: nowrap;
    padding: 0px;
    FONT-SIZE: 10px;
    color: #808080;
    background-color: whitesmoke;
}
input[type=submit] {
    width: 18px;
    height: 18px;
    white-space: nowrap;
    padding: 0px;
    FONT-SIZE: 10px;
}

TEXTAREA
{
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:black;
	background-color: white;
    white-space:pre-wrap;
    border: 1px solid gray;
}

td {
    white-space:nowrap;
}

.CheckBoxStyle
{
	height:8px
}

/* Indicates read only color on textboxes */
.ReadOnly
{
	background: #EBEBE4;
	color:Black;
}

.InvalidField
{
    background-color: Tomato;
	color: Black;
}


.ControlQuestionFieldMandatory
{
	background: #B0C4DE;
	color: Black;
}

.ControlQuestionField
{
	color: Black;
}

/* Used when displaying the Ajax progress control */
.ProgressTemplateStyle
{
	background: #F5F5F5;
	border: Silver 1px solid; 
    padding: 10px;
}

.SectionDividerStyle
{	border-bottom: #B0C4DE 1px solid;
	vertical-align:bottom
}

.HeaderDividerStyle
{	
	border-bottom: #B0C4DE 1px solid;
}

/* Used to put a frame around an object, a table for example */
.BlockFrameStyle
{
	border-right: #8eb6d9 1px solid;
	border-top: #8eb6d9 1px solid;
	margin: 0px 0px 0px 0px;
	border-left: #8eb6d9 1px solid;
	border-bottom: #8eb6d9 1px solid;
	border-collapse: collapse;
}


/* === CLASSES REALATED TO JQUERY DATEPICKER CONTROL === */
.Medusa-widget { /*Övergripande inställningar för rubrik och knappsats*/
    FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}                                                             

.ui-datepicker { /*Övergripande inställningar för rubrik och knappsats*/
    FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}                                                             
.ui-datepicker-calendar {/*Övergripande inställningar för datumen*/     
    FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.ui-datepicker-header { /*Rubrikraden med navigering*/
    white-space:nowrap;
    width:180px;
}
.ui-datepicker-prev { /*Pil till föregående månad*/
    float:left;
}
.ui-datepicker-next { /*Pil till nästkommande månad*/
    float:right;
}
.ui-datepicker-buttonpane { /*Knappsatsområdet under datumen*/
    height:30px;
    width:180px;
}
.ui-datepicker-current { /*Rensa knappen*/
    float:left;
    height:20px;
    width:auto;
}
.ui-datepicker-close { /*Stängknappen*/
    float: right;
    height: 20px;
    width: auto;
}

/* === CLASSES REALATED TO JQUERY TAB CONTROL === */
ul.Medusa-widget-header{ border-bottom: 1px solid #4297d7; background: transparent; } /* Controls the behaviour of the tabs background and borders */
li.Medusa-tabs-alerted a { background-color :#FF9393; color: #D50000;} /* The color of a alerted tab */
li.Medusa-tabs-highlighted a { background-color :#FFE394; } /* The color of a highlighted tab */
li.Medusa-tabs-dimmed span { color: #808080; }        /* The color of the text in a dimmed tab */
li.Medusa-tabs-mandatory a { background-color :#F78063; } /* The color of a tab with mandatory content */
li.Medusa-tabs-mandatory a span { color:black; } /* The color of a tab with mandatory content */



/* === CLASSES REALATED TO JQUERY AUTOCOMPLETE CONTROL === */
.ui-autocomplete-loading  
{
    background: url('../../Images/16x16/PleaseWait.gif') right center no-repeat; 
}

.ui-autocomplete-indication
{
    background: url('../../Images/16x16/AutoCompleteIndication.png') right center no-repeat; 
    background-color: White;  
}

.ui-autocomplete-indication-objectselected
{
    background: url('../../Images/16x16/ListCheck.gif') right center no-repeat; 
    background-color: White;  
}

.ui-autocomplete-indication-nohit
{
    color: red;  
}


/* === CLASSES REALATED TO VERTICAL TAB CONTROL (EQ PAGE) === */
.Tab-Content
{
	color: black;
	background-color: rgb(223, 239, 252); 
	border-bottom: 1px solid transparent;
	border-right : 1px solid transparent;
	border-left  : 1px solid #c5dbec;
	border-top   : 1px solid #c5dbec;
	padding: 3px 5px 3px 5px ;
	cursor:pointer; 
}

.Tab-ActiveContent
{
	color: black;
	background-color: #FFE394;
	border-bottom: 1px solid transparent;
	border-right : 1px solid transparent;
	border-left  : 1px solid #c5dbec;
	border-top   : 1px solid #c5dbec;
	padding: 3px 5px 3px 5px ;
	cursor:pointer; 
}
        
.Tab-dimmed  
{
	color: #808080;
	background-color: rgb(223, 239, 252); 
	border-bottom: 1px solid transparent;
	border-right : 1px solid transparent;
	border-left  : 1px solid #c5dbec;
	border-top   : 1px solid #c5dbec;
	padding: 3px 5px 3px 5px ;
	cursor:pointer; 
}

.Tab-selected  
{
	color: black;
	background-color: transparent; 
	border-bottom: 1px solid transparent;
	border-right : 1px solid transparent;
	border-left  : 1px solid #2e6e9e;
	border-top   : 1px solid #2e6e9e;
	padding: 3px 5px 3px 5px ;
	cursor:pointer; 
}
		
.Tab-hover
{
	background-color: rgb(213, 229, 242); 
	border-bottom: 1px solid transparent;
	border-right : 1px solid transparent;
	border-left  : 1px solid #2e6e9e;
	border-top   : 1px solid #2e6e9e;
	padding: 3px 5px 3px 5px ;
	cursor:pointer; 
}

.Tab-mandatory { background-color :#F78063; color: black; } /* The color of a tab with mandatory content */


/* Indicates mandatory field color on textboxes, listbox etc
   This class must be placed below the JQUERY AUTOCOMPLETE classes in order to be able to "take over" styles from those classes. */
.MandatoryField
{
    FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    background-color: #B0C4DE;
}


/* === INFORMATION HEADER TOOLBAR CELL STYLES === */

/* Used under TABs as a header/information row */
.TableStyleCellTabHeader 
{
	border-bottom:Solid 1px #C0C0C0;
	background-color: #f9f9f9;
}

/* Used in top of pages as a toolbar */
.TableStyleCellToolbarHeader
{
	border-collapse: collapse;
	background-image: url(Images/Others/ToolbarBackground.gif);
	background-repeat: repeat-x;
	position:fixed; /*Makes the toolbar stick to its place*/
    top:0px;
    left:0px;
	z-index:99; /*Make sure its on top, but under the popup's*/
}

.TableStyleCellToolbarHeader_DIV
{
	border-collapse: collapse;
	background-image: url(Images/Others/ToolbarBackground.gif);
	background-repeat: repeat-x;
}

/* Used standalone as a header/information row */
.TableStyleCellHeader
{
	border: solid 1px #C0C0C0;
	background-color: #f9f9f9;
}

/* Used as toolbar slave  */
.ToolBarSlave
{
	background-color: #f9f9f9;
	border: solid 1px #C0C0C0;
}

/* Used to highlight a cell when mouse is over */
.ToolBarActiveParentButtonMouseOver
{
	background-color :#B0C4DE;
	border-color:Transparent;
	border-width:1px;
	border-style:Solid;
	cursor:default;
	padding-left: 5px;
	padding-right: 5px;
}

/* Used to highlight a cell when mouse is over */
.TableStyleCellMouseOver
{
	background-color: #e9eff2; /*border:solid 1px #C0C0C0;*/
	cursor: default;
	padding-left: 5px;
	padding-right: 5px;
}

/* Used to set a cell to standard layout when mouse is not over */
.TableStyleCellMouseOut
{
	cursor: default;
	padding-left: 5px;
	padding-right: 5px;
}

/* Used to highlight a cell to show that this will be executed when the Enter button is hit */
.TableStyleCellDefaultForEnter
{
	cursor:pointer;
	padding-left: 5px;
	padding-right: 5px;
	background-attachment: fixed;
	background-image: url(Images/Others/ToolbarButtonBackground.gif);
	background-repeat: repeat-x;
}

/* Used to hide a cell when button is not available */
.TableStyleCellHidden
{
	display:none;
}

/* Only used on wftjanster.aspx as bottom lines under tabs */
.TabStripBottomLine
{
	BORDER-BOTTOM: #8eb6d9 1px solid;
}



/* === USED FOR CLASSIFICATION AND SUBCATEGORIES === */
.SlaveBlockFrameStyle
{
	border-right: #8eb6d9 1px solid;
	border-top: #8eb6d9 1px solid;
	margin: 0px 0px 0px 0px;
	border-left: #8eb6d9 1px solid;
	border-bottom: #8eb6d9 1px solid;
	border-collapse: collapse;
	background-color: #F5F5F5;  
}



/* === USED FOR HELP DIALOGS === */
.HelpBlockFrameStyle
{
	border-right: #8eb6d9 1px solid;
	border-top: #8eb6d9 1px solid;
	margin: 0px 0px 0px 0px;
	border-left: #8eb6d9 1px solid;
	border-bottom: #8eb6d9 1px solid;
	border-collapse: collapse;
	background-color: #F5F5F5;  
}



/* === TREEVIEW STYLES === */
.SmallNodeStyle
{
    font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.NormalNodeStyle
{
    font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.HoverNodeStyle
{
	background-color: #eeeeee;
}

.SelectedNodeStyle
{
	background-color: #cfcfff;
	font-weight: bold;
}



/* === COMPOSITETREE STYLES === */
.SmallTreeStyle
{
    font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.NormalTreeStyle
{
    font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.HighlightTreeStyle
{
	background-color: #FFE394;
	cursor: pointer;
	color: #128BE7;
}

.MarkTreeNode
{
	background-color: #cccccc;
	cursor: pointer;
}

.SlaveTreeDivStyle {
    border: 1px solid gray;
    position:absolute;
    background-color:white;
    height:300px;
    overflow-x:auto;
    display:none;
    z-index:3
}



/* === Used for multipage object under tabstrip. Border, with margin === */
.MultiPage_Margin 
{ 
	margin-left: 5px;
    BORDER-RIGHT: #8eb6d9 1px solid; 
    PADDING-RIGHT: 0px; 
    BORDER-TOP: medium none; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 5px; 
    BORDER-LEFT: #8eb6d9 1px solid; 
    PADDING-TOP: 0px; 
    BORDER-BOTTOM: #8eb6d9 1px solid;            
}

.MultiPage_Margin_NoBorder 
{ 
	margin-left: 5px;
    BORDER-RIGHT: medium none; 
    PADDING-RIGHT: 0px; 
    BORDER-TOP: medium none; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 5px; 
    BORDER-LEFT: medium none; 
    PADDING-TOP: 0px; 
    BORDER-BOTTOM: medium none;            
}

.MultiPage_NoMargin 
{ 
    BORDER-RIGHT: #8eb6d9 1px solid; 
    PADDING-RIGHT: 0px; 
    BORDER-TOP: medium none; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 5px; 
    BORDER-LEFT: #8eb6d9 1px solid; 
    PADDING-TOP: 0px; 
    BORDER-BOTTOM: #8eb6d9 1px solid;            
}

/* Replaces blank.gif with dysplay none in reports */
img[src*="OpType=ReportImage&ResourceStreamID=Blank.gif"]
{
    display: none;
}

/*Used by the ServiceTree on wfTjanster.aspx*/
.ServiceTreeDivStyle {
    border: 1px solid gray;
    position:absolute;
    background-color:white;
    height:300px;
    overflow-x:auto;
    display:none;
    z-index:3
}