<style type ="text/css">


body {
	margin: 0px;
	padding: 0px;
}

p {display:inline}

#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10em;
	height: 3.4em;
	margin-top: -1.7em; /*set to a negative number 1/2 of your height*/
	margin-left: -5em; /*set to a negative number 1/2 of your width*/
}

#loading a {
	color: #225588;
}

#loading .loadingIndicator {
	background: white;
	font: bold 13px tahoma, arial, helvetica;
	padding: 2px;
	margin: 0;
	height: 78;
	width: 120;
	color: #444;
	z-index: 999999;
}
#loading .loadingIndicatorReport {
	font: bold 13px tahoma, arial, helvetica;
	padding: 2px;
	margin: 0;
	height: 78;
	width: 120;
	color: #444;
	z-index: 999999;
}


#loadingMsg {
	font: normal 10px arial, tahoma, sans-serif;
	z-index: 999999;
}

.largeItemTitleText {
	font-family: Arial, Verdana, sans-serif;
	font-size: 6px;
	font-weight: bold;
}

.largeItemStatusText {
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:11px;
	color:#151515;
	width:100%;
}


.itemTitleText {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-left:3px;
}

.itemStatusText {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

.floatingTextItem {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: gray;
	background-color: white;
	border: none;
	padding-left: 2px;
	padding-right: 2px;
	text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}

.report-MenuBar {
	color: red;
	font-size: 12px;
	text-decoration: underline;
}

/*============================================================
	1) General
============================================================*/

/* Separate CSS from font */
.customCell,
.customCellDark,
.customCellOver,
.customCellOverDark,
.customCellDisabled,
.customCellDisabledDark {	
	text-overflow:ellipsis; width:100%; overflow:hidden;
    border-bottom:1px solid;
    border-bottom-color: white;
    border-right:1px solid;
    border-right-color: white;
}

/* Separate CSS from font */
.customCellSelected,
.customCellSelectedDark,
.customCellSelectedOver,
.customCellSelectedOverDark {
	text-overflow:ellipsis; width:100%; overflow:hidden;
    border-bottom:1px solid;
    border-bottom-color: white;
}

/* Separate CSS from background color */
.customCell,
.customCellDark {
    text-overflow:ellipsis; width:100%; overflow:hidden;
}

/* Separate CSS from background color */
.customCellOver,
.customCellOverDark,
.customCellSelectedOver,
.customCellSelectedOverDark {
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
	text-overflow:ellipsis; width:100%; overflow:hidden;
}

/* Separate CSS from background color */
.customCellSelected,
.customCellSelectedDark {
		text-overflow:ellipsis; width:100%; overflow:hidden;
} 

.customCellDisabled,
.customCellDisabledDark {
	color: #AAAAAA;
	background-color: #FFFFFF;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
} 



.pageBackground {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:#333333;
    background:#FA2D3C;
}

/* default text */
.normal {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:#333333;
}

.defaultBorder {
    border:1px solid #A7ABB4;
}

/* drag outline */
.dragOutline {
    border:1px dashed #0B70F9;
}

/* drop indicator */
.dropBorder {
    background-color:#808080;
}


/* hover canvas */ 
.canvasHover,
.gridHover,
.formHover {
    font-family:Arial,Verdana,sans-serif; font-size:11px; color:black;
    background-color:#fceeaf; border:1px solid #808080; padding:5px;
}

/* group label */
.groupLabel {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:#333333;
    padding-left:5px; padding-right:5px;
}


/*============================================================
    2) Button
		button.baseStyle
		buttonStrip.baseStyle
		buttonTable.baseButtonStyle
		listBar.labelStyle
		listGrid.headerBaseStyle (not in this skin)
============================================================*/

.button,
.buttonOver,
.buttonFocused,
.buttonFocusedOver,
.buttonDown,
.buttonFocusedDown,
.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedDown,
.buttonSelectedFocusedDown,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonDisabled,
.buttonSelectedDisabled {
    padding:2px;
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    background:#DDDDDD url(./images/cssButton/button_stretch.png) repeat-x;
	color:#000000;
    border:1px solid #A6ABB4;
}

.buttonDisabled {
    background:#E9E9E9 url(./images/cssButton/button_Disabled_stretch.png) repeat-x;
	border-left:1px solid #A7ABB4;
	border-right:1px solid #A6AAB3;
	border-top:1px solid #BABDC4;
	border-bottom:1px solid #B4B8C1;
}

.buttonDisabled,
.buttonSelectedDisabled {
	font-weight:normal;
	color:#AAAAAA;
}

.buttonFocused,
.buttonFocusedOver,
.buttonSelectedFocused,
.buttonSelectedFocusedOver,
.buttonSelectedFocusedDown {
	border:1px solid #898d96;
}

.buttonOver,
.buttonFocusedOver,
.buttonSelectedFocused,
.buttonSelectedFocusedOver {
    background:#898d96 url(./images/cssButton/button_Over_stretch.png) repeat-x;
}

.buttonDown,
.buttonFocusedDown,
.buttonSelectedDown,
.buttonSelectedFocusedDown {
    background:#898d96 url(./images/cssButton/button_Down_stretch.png) repeat-x;
	border:1px solid #898d96;
}

.buttonSelected,
.buttonSelectedFocused,
.buttonSelectedOver,
.buttonSelectedFocusedOver,
.buttonSelectedDisabled {
    background:#A6AAB3 url(./images/cssButton/button_Over_stretch.png) repeat-x;
}

/* ImgButton */
.imgButton,
.imgButtonOver,
.imgButtonSelected,
.imgButtonSelectedDisabled,
.imgButtonSelectedOver,
.imgButtonDown,
.imgButtonSelectedDown,
.imgButtonDisabled {
	
    font-family:Arial,Verdana,sans-serif; font-size:11px;
}
.imgButton,
.imgButtonOver,
.imgButtonSelected,
.imgButtonSelectedOver,
.imgButtonDown,
.imgButtonSelectedDown {
	cursor:pointer !important;
}
.imgButtonDisabled {
    color:#666666;
}

/* StretchImgButton */
.stretchImgButton,
.stretchImgButtonSelected,
.stretchImgButtonSelectedOver,
.stretchImgButtonOver,
.stretchImgButtonDown,
.stretchImgButtonSelectedDown,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
	
    font-family:Arial,Verdana,sans-serif; font-size:11px;
}

.stretchImgButton,
.stretchImgButtonSelected,
.stretchImgButtonOver,
.stretchImgButtonSelectedOver,
.stretchImgButtonDown,
.stretchImgButtonSelectedDown {
	cursor:pointer !important;
}


.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
	font-weight:normal;
	color:#AAAAAA;
}

/*============================================================
    3) Menus 
  ============================================================*/
.menuMain {
    border: 1px solid #93A9C0;
    background:#FFFFFF repeat-y scroll;
}
.treeMenuBody {
    border: 1px solid #93A9C0;
	background: #FFFFFF;
}
.menu,
.menuSelected,
.menuOver,
.menuSelectedOver,
.menuDisabled,
.menuTitleField,
.menuTitleFieldSelected,
.menuTitleFieldOver,
.menuTitleFieldSelectedOver,
.menuTitleFieldDisabled,
.menuIconField,
.menuIconFieldOver,
.menuIconFieldSelected,
.menuIconFieldSelectedOver,
.menuIconFieldDisabled,
.treeMenuSelected,
.treeMenuSelectedOver,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:#333333;
    padding-top:2px; padding-bottom:2px;
}
.menu,
.menuSelected {
}
.menuOver,
.menuSelectedOver,
.menuTitleFieldOver,
.menuTitleFieldSelectedOver,
.menuIconFieldOver,
.menuIconFieldSelectedOver,
.treeMenuSelected,
.treeMenuSelectedOver,
.treeMenuSelectedSelected,
.treeMenuSelectedSelectedOver {
    background:#FFFFFF url(./images/ListGrid/row_Over.png) repeat-x scroll 0px 1px;
}

.menuTitleField,
.menuTitleFieldSelected,
.menuTitleFieldOver,
.menuTitleFieldSelectedOver,
.menuTitleFieldDisabled {
	padding-left:4px;
}

.menuIconField,
.menuIconFieldOver,
.menuIconFieldSelected,
.menuIconFieldSelectedOver,
.menuIconFieldDisabled {
	padding-left:4px; padding-right:4px;
}
.menuDisabled ,
.menuTitleFieldDisabled,
.menuIconFieldDisabled {
    color:#AAAAAA;
}


/* menu header buttons */
.menuButton,
.menuButtonOver,
.menuButtonDown,
.menuButtonDisabled,
.menuButtonFocused,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver,
.menuButtonSelectedDisabled {
    font-family:Arial,sans-serif; font-size:12px;
    background:#DDDDDD url(./images/cssButton/button_stretch.png) repeat-x scroll;
    padding-left:4px; padding-right:4px;
	color:#000000;
    border:1px solid #A6ABB4;
}

.menuButtonOver {
background:#A6ABB4 url(./images/cssButton/button_Over_stretch.png) repeat-x;
}

.menuButtonDown,
.menuButtonFocusedDown,
.menuButtonFocusedOver,
.menuButtonSelected,
.menuButtonSelectedDown,
.menuButtonSelectedOver {
    background:#A6ABB4 url(./images/cssButton/button_Down_stretch.png) repeat-x;
    border:1px solid #A6ABB4;
}
.menuButtonDisabled,
.menuButtonSelectedDisabled {
    color:#AAAAAA;
    border:1px solid #A6ABB4;
}

/*============================================================
    4) Window
		window.styleName - windowBackground
		window.bodyStyle - windowBody
		window.headerStyle - windowHeader
		window.hiliteHeaderStyle - windowHeaderHilite
		window.headerLabelDefaults.styleName - windowHeaderText
		window.statusBarDefaults.styleName - windowStatusBar

	Dialog
		dialog.styleName - dialogBackground
		dialog.bodyStyle - dialogBody
		dialog.headerStyle - dialogHeader
		dialog.hiliteHeaderStyle - dialogHeaderHilite
		dialog.headerLabelDefaults.styleName - dialogHeaderText
============================================================*/

.windowBackground,
.dialogBackground {
	
}

.windowBody,
.dialogBody {
    background:#FFFFFF;
}

.promptBody {
}


.windowHeaderHilite,
.dialogHeaderHilite {
}


.windowHeader,
.dialogHeader {	   
}

/* 
Created duplicate css class to separate attributes other than font
*/
.windowHeaderText,
.dialogHeaderText {  
    padding-left:2px; padding-right:2px; padding-bottom:2px;
    color:#00BCEB;
}

.windowStatusBar {
    font-family:Arial,Verdana,sans-serif; font-size:11px; color:black;
    border-top: 1px solid #999999; border-left: 1px solid #999999;
    border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
}
.modalMask {
    background-color:black;
}

/*============================================================
    5) Layout
============================================================*/

.layoutDropLine {
    background-color:#3366FF;

}
.layoutPlaceHolder {
    border:1px solid black;
}
.splitbar {
	
}
.splitbarDown {
    border:1px solid rgb(50,135,185);
}

.vSnapBar,
.vSnapBarOver {
}
.hSnapBar,
.hSnapBarOver {
}

/*============================================================
    6) TabSet and tab titles
============================================================*/

.tabSetContainer {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:#D9D9D9;
}

/* Separate CSS from font attributes */
.tabSetContainer { 
    border: 1px solid #8f9ca0; 
} 

 .tabBarTop {
    padding-top:2px;
}


.tabBarLeft {
    padding-left:2px;
}

.tabBarRight {
    padding-right:2px;
}

.tabBarBottom {
    padding-bottom:2px;
}

.tabBaseline {
    z-index:1;
    height:24px;
    background-color:#000;
}

/* 
Created duplicate css classes to separate from font attributes.
To be used in default css.
*/
.tabTitle,
.tabTitleDown,
.tabTitleOver,
.tabTitleDisabled,
.tabTitleSelected,
.tabTitleSelectedDown,
.tabTitleSelectedOver,
.tabTitleSelectedDisabled,
.vtabTitle,
.vtabTitleSelected,
.vtabTitleOver,
.vtabTitleDown,
.vtabTitleSelectedOver,
.vtabTitleSelectedDown,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled { 
    padding-bottom:4px;
}

/* Separated CSS from font color attribute */
.tabTitleSelected,
.vtabTitleSelected,
.tabTitleSelectedOver,
.vtabTitleSelectedOver  {
    padding-bottom:4px;
} 

.tabTitleDisabled,
.tabTitleSelectedDisabled,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
    color: #AAAAAA;
    padding-bottom:2px;
}


/*============================================================
    7) SectionStack
============================================================*/

/*
This CSS class is created to separate the background color
attribute.
*/
.sectionStack {
    border-left:1px solid #A6ABB4;
    border-right:1px solid #A6ABB4;
    border-bottom:1px solid #A6ABB4;
 
}

/* SectionStack headers - image based */
.imgSectionHeaderclosed,
.imgSectionHeaderopened,
.imgSectionHeaderDisabledclosed,
.imgSectionHeaderDisabledopened {
}
.imgSectionHeaderTitleclosed,
.imgSectionHeaderTitleopened,
.imgSectionHeaderTitleOverclosed,
.imgSectionHeaderTitleOveropened {
    font-family:Helvetica,sans-serif; font-size:14px;
    font-weight:bold;
	color:white;
    border-left:5px;
}

.imgSectionHeaderTitleDisabledopened,
.imgSectionHeaderTitleDisabledclosed {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:gray;
    border-left:5px;
}

.sectionHeaderTitleDisabledopened,
.sectionHeaderTitleDisabledclosed {
   font-family:Arial,Verdana,sans-serif; font-size:11px; color:#808080;
}

/*
Duplicate CSS to separate from background color and font attributes
*/
.sectionHeaderopened,
.sectionHeaderclosed,
.sectionHeaderDisabledclosed,
.sectionHeaderDisabledopened {
    padding:3px;
    border-top: 1px solid #999999; 
}

.cellopened {
    background-color:white;
}
.cellclosed {
    background-color:pink;
}


*============================================================
    8) Forms
============================================================*/

/* general form styles */
.formRow {}
.formCell,
.formCellFocused,
.formCellDisabled,
.nestedFormContainer,
.nestedFormContainerFocused,
.nestedFormContainerDisabled {
    font-family:Arial,sans-serif; font-size:11px;
}
.formTitle,
.formTitleFocused,
.formTitleDisabled,
.formCellError,
.formTitleError,
.formHint,
.headerItem,
.headerItemDisabled,
.headerItemError,
.staticTextItem,
.staticTextItemDisabled,
.staticTextItemError,
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemError,
.textItemHint,
.selectItemControl,
.selectItemControlError,
.selectItemControlFocused,
.selectItemText,
.selectItemTextError,
.selectItemTextDisabled,
.selectItemTextFocused,
.pickListCell,
.pickListCellSelected,
.pickListCellDisabled,
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:#333333;
}
.formTitleDisabled {
	color:#AAAAAA;
}
.formCellError,
.formTitleError { 
    font-weight:bold; color:#204268; 
}
.formHint {
    color:#204268; padding:3px;
}

/* Allow for nested forms to lie flush against the left-hand edge of the containing form */ 
.nestedFormContainer,
.nestedFormContainerFocused,
.nestedFormContainerDisabled {
    padding-left: 0px;
}


/* headerItem */
.headerItem,
.headerItemDisabled,
.headerItemError {
    font-family:Arial,sans-serif; font-size:14px; font-weight:bold;
	color: #4C4C4C;
}	

/* text-based items common props */
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemError,
.textItemHint,
.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint {
	
    padding:2px;
    border:1px solid #898d96;
    background:#FFFFFF;
    color:#333333;
}


.textItem {
	
border-top:1px solid #abadb3;
    border-left:1px solid #dbdfe5;
    border-right:1px solid #dbdfe5;
    border-bottom:1px solid #dbdfe5;
}

.textItemDisabled,
.selectItemTextDisabled {
    color:#666666;
    background-color:#FFFFFF;
    border:1px solid #A6ABB4;
}

.textItemHint,
.selectItemTextHint {
    color:#8fa0b3;
}


/* selectItem */

.selectItemTextFocused {
    color:#333333;
    -moz-outline-offset:-1;
    border:1px solid #5678ac;
}

.textItemFocused,
.selectItemTextFocused {
    color:#333333;
    -moz-outline-offset:-1;
	border-top:1px solid #5678ac;    
    border-left:1px solid #bccde6;
	border-right:1px solid #afc6e2;
	border-bottom:1px solid #c0d7ec;
}

.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled {
    border-right:0px none;
}

.selectItemPickerIcon,
.selectItemPickerIconFocused,
.selectItemPickerIconDisabled,
.selectItemPickerIconError {
    padding:0px;
}

.pickListMenuBody {
    border:1px solid #90A6BD; 
    background-color:#FFFFFF;
}

.pickListCell {
	color:#333333;
}
.pickListCellSelected {
    color:#333333;
    background:#faebb5;
}
.pickListCellDisabled {
	color:#595959;
	background-color:#C0C0C0;
}

/* checkbox and radioButton */
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused  { 
    font-family:Arial; color:#333333; text-decoration:none;
}
.labelAnchorDisabled {
	font-family:Arial; color:#AAAAAA;
}

/* ColorChooser */
.colorChooserCell,
.colorChooserCellOver {
    background-color:#EFEFEF;
    border-left:1px solid #EFEFEF; border-top:1px solid #EFEFEF;
    border-right:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF;
}
.colorChooserCellOver {
    border-left:1px solid black; border-top:1px solid black;
    border-right:1px solid black; border-bottom:1px solid black;
}

/* FilterBuilder */
.bracketBorders {
    border-left: 1px solid rgb(50,135,185);
    border-top: 1px solid rgb(50,135,185);
    border-bottom: 1px solid rgb(50,135,185);    
}




/*============================================================
     DateChooser
============================================================*/

/* Defaults for all days and controls */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonDisabled,
.dateChooserButtonSelected,
.dateChooserButtonSelectedDown,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDisabled,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonDisabled,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedDown,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDisabled,
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown,
.dateChooserBottomButtonSelected,
.dateChooserBottomButtonSelectedOver,
.dateChooserBottomButtonSelectedDown,
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown,
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    background-color:transparent;
    color:#333333;
}

/* year/month buttons */
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown {
    padding:0px;
    border-top:0px none;
    border-bottom:0px none;
}

/* for all buttons, plus weekday headers (dateChooserButton) */
.dateChooserButton,
.dateChooserButtonOver,
.dateChooserButtonDown,
.dateChooserButtonSelected,
.dateChooserButtonSelectedOver,
.dateChooserButtonSelectedDown,
.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown,
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown {
    font-weight:bold;
	color:#a3afbe;
}

.dateChooserButtonOver,
.dateChooserButtonDown {
	cursor:pointer;
	color:#467DCD;
}

.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown {
    background-color:#FFE49C;
}


.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown {
    cursor:pointer;
    padding:2px;
}

.dateChooserNavButtonOver,
.dateChooserNavButtonDown {
    color:#467DCD;
}

/* Today, Cancel buttons */ 
.dateChooserBottomButton,
.dateChooserBottomButtonOver,
.dateChooserBottomButtonDown {
    cursor:pointer;
    font-weight:bold;
	color:#242E27;
    border-left:1px solid #ACB1B9;
    border-top:1px solid #ACB1B9;
}
.dateChooserBottomButtonOver {
    color:#616B82;
}


/* weekday and weekend cells */ 

.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled {
    cursor:pointer;
    color:#333333;
    border:2px solid white;
    background-color:white;
}

.dateChooserWeekdayDisabled,
.dateChooserWeekendDisabled {
	color:#A5A7AD;
}

.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendSelected,
.dateChooserWeekendDisabled {
    border:2px solid #FFE49C;
    background-color:#FFE49C;
}

.dateChooserWeekdayOver,
.dateChooserWeekendOver {
	border:2px solid #536782;
}

.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelectedDown {
	font-weight:bold;
	color:#4C4C4C;
    border:2px solid #536782;
    background-color:#C2CCDE;
}

.dateChooserWeekdayDown,
.dateChooserWeekendDown {
	font-weight:normal;
}

/* year and month pop-up menus */
.dateChooserYearMenu,
.dateChooserMonthMenu {
    border: 2px solid #4C4C4C;
    background-color:#FFFFFF;
}

/*============================================================
	9) Slider & Rangebar
============================================================*/
/* slider and rangebar labels */
.sliderTitle,
.sliderRange,
.sliderValue,
.rangebarTitle,
.rangebarRange,
.rangebarValue {
    color:#333333;
    font-family:Arial,Verdana,sans-serif; font-size:10px;
}
.sliderTitle,
.rangebarTitle {
	color:#4C4C4C;
    font-weight:bold;
}
.sliderRange,
.rangebarRange {
    color:#333333;
}


/*============================================================
	10) DetailViewer
============================================================*/

.detailBlock {
    border-left:1px solid #A7ABB4;
    border-top:1px solid #A7ABB4;
}

.detail,
.detailLabel,
.detailHeader {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color:white;
    color:#333333;
    border-right:1px solid #A7ABB4;
    border-bottom:1px solid #A7ABB4;
}

.detailLabel {
    font-weight:bold;
	color:#4C4C4C;
	background-color:#F6F7F9;
    text-align:right;
}

.detailHeader {
    font-family:Arial,sans-serif; font-size:14px; font-weight:bold;
	color:#4C4C4C;
    background-color:#BBDAFA;
}


/*============================================================
	11) ListGrid
============================================================*/

/*============================================================
	ListGrid parts
		styleName - listGrid
		headerBarStyle - headerBar
		bodyStyleName - gridBody
============================================================*/
.listGrid {
    border: 1px solid #aebdd4;
}

/* Separate CSS for font. The color attribute only can be customized for this. */
.loadingDataMessage {
    font-family:Arial,Verdana,sans-serif; font-size:11px; padding:10px;    
}
.gridDragTracker {
	font-family:Arial,Verdana,sans-serif; font-size:11px;
	color:#333333;
    padding:1px;
    border:1px dotted gray;
}

.dragLine {
    border-bottom:2px dotted #445566;
}

.listTable {
}

/* for filterEditor */
.recordEditorCell {
    font-family:Arial,Verdana,sans-serif; font-size:11px; color:black; background-color:#f4f4f4;
}

/*============================================================
	ListGrid headers
		listGrid.headerBaseStyle - headerButton (in skin)
		listGrid.headerDefaults.titleStyle - headerTitle (in skin)
		listGrid.sorterDefaults.titleStyle - headerTitle (in skin)

============================================================*/

/* ListGrid column header buttons */
.headerButton,
.headerButtonSelected,
.headerButtonDisabled,
.headerButtonSelectedDisabled,
.headerButtonOver,
.headerButtonDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown {
    background-color:#FFFFFF;    
    border-left:1px solid rgb(246,247,249);
    border-right:1px solid rgb(200,204,207);
}

.headerButtonOver,
.headerButtonDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown {
    border-left:1px solid rgb(228,242,255);
    border-right:1px solid rgb(200,204,208);
}

.sorterButton,
.sorterButtonSelected,
.sorterButtonDisabled,
.sorterButtonSelectedDisabled,
.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
    background-color:#FFFFFF;
    border-left:1px solid rgb(246,247,249);
}

.sorterButtonOver,
.sorterButtonDown,
.sorterButtonSelectedOver,
.sorterButtonSelectedDown {
    border-left:1px solid rgb(228,242,255);
}

.headerTitleDisabled,
.headerTitleSelectedDisabled {
    color: #AAAAAA;
}

/*
Separated CSS from font attributes.
*/
.headerTitle,
.headerTitleOver,
.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown,
.headerTitleDisabled,
.headerTitleSelectedDisabled { 
    padding-left:4px; padding-right:4px;  
}


/*============================================================
	ListGrid cells
		listGrid.baseStyle
============================================================*/

/*------------------------------------------------------------
		listGrid.baseStyle
------------------------------------------------------------*/

.gridSummaryCell,
.gridSummaryCellDisabled,
.recordSummaryCell,
.recordSummaryCellDark,
.recordSummaryCellOver,
.recordSummaryCellOverDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark,
.expansionCellCell,
.expansionCellCellDark,
.expansionCellCellOver,
.expansionCellCellOverDark,
.expansionCellCellSelected,
.expansionCellCellSelectedDark,
.expansionCellCellSelectedOver,
.expansionCellCellSelectedOverDark,
.expansionCellCellDisabled,
.expansionCellCellDisabledDark,
.specialCol,
.specialColOver,
.specialColSelected,
.specialColSelectedOver,
.specialColDisabled,
.groupNode {
	font-family:Helvetica,Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color:#151515;
    border-bottom:1px solid;
    border-bottom-color: white;
}

/*
Separated CSS style from font attributes
*/
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark {
    border-bottom:1px solid;
    border-bottom-color: white;
}

/*
Separated CSS style from font attributes
*/
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark,
.statusCol,
.statusColDark,
.statusColOver,
.statusColOverDark,
.statusColSelected,
.statusColSelectedDark,
.statusColSelectedOver,
.statusColSelectedOverDark,
.statusColDisabled,
.statusColDisabledDark {
	text-overflow:ellipsis;
    border-bottom:1px solid;
    border-bottom-color: white;
    word-break:break-all;
  }


.specialCol {
	background-color:#e5e5e5;
}


.gridSummaryCell,
.gridSummaryCellDisabled {
    border-top:1px solid gray;
    border-bottom:1px solid gray;    
}

.recordSummaryCellOver,
.recordSummaryCellOverDark {
    background:#FFFFFF url(./images/ListGrid/row_Over.png) repeat-x bottom left scroll;
}

/*
Separate the CSS from background color.
*/
.cellOver,
.cellOverDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.statusColOver,
.statusColOverDark,
.statusColSelectedOver,
.statusColSelectedOverDark,
.expansionCellCellOver,
.expansionCellCellOverDark {
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;	
}

.specialColSelected,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark {
    background:#c0c0c0;
    border:1px solid #8dc6cf;
}


.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark {
    background:#fceeaf url(images/ListGrid/row_Over.png) repeat-x bottom left scroll;
}

.gridSummaryCell,
.gridSummaryCellDisabled {
    font-weight:normal;
}

.cellDisabled,
.cellDisabledDark,
.specialColDisabled,
.tallCellDisabled,
.tallCellDisabledDark,
.statusColDisabled,
.statusColDisabledDark,
.gridSummaryCellDisabled,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark {
	color:#AAAAAA;
	background-color:#FFFFFF;
}

/* Separatinge CSS for border */
.groupNode {
    border-bottom: 2px solid #aebebe; 
}

/*Tree styling*/
/*------------------------------------------------------------
		treeGrid.baseStyle
------------------------------------------------------------*/

.treeCell,
.treeCellDark,
.treeCellOver,
.treeCellOverDark,
.treeCellSelected,
.treeCellSelectedDark,
.treeCellSelectedOver,
.treeCellSelectedOverDark,
.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {	
    border-bottom:1px solid;
    border-bottom-color: white;
}

.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
	font-family:Helvetica,sans-serif; font-size:14px; font-weight:bold; text-overflow:ellipsis;
	color:#151515;
    border-bottom:1px solid;
    border-bottom-color: white;
}

.treeCellOver,
.treeCellOverDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark {
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;	
}


.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
	color:#AAAAAA;
	background-color:#FFFFFF;
}


/* Field builders (Formula/Summary) */
.sampleOutput {
    border: 2px solid #D9D9D9;
    padding: 3px; 
}

/*Multi-sort - sort-index appearing next to sort-arrows in field headers*/
.sortNumeral {
    font-size:7px;
}

/*============================================================
	12) ToolStrip
============================================================*/

.toolStrip {
    border: 1px solid #A7ABB4;
	background-color:#FFFFFF;
    background-image:url("images/ToolStrip/background.png");
}

.toolStripVertical {
    border: 1px solid #A7ABB4;
	background-color:#FFFFFF;
    background-image:url("images/ToolStrip/background_vertical.png");
}

/*============================================================
	13) Tools
============================================================*/
.resizeThumb {
    background-color:#009999;
}

/*============================================================
   14) TileGrid
==============================================================*/

.tileGrid {
    border:1px solid #808080;
    
}

.tileValue,
.tileValueDown,
.tileValueSelected,
.tileValueOver,
.tileValueSelectedOver,
.tileValueSelectedDown {
    font-size: 8pt; 
    text-overflow:ellipsis;   
}

.tileValueOver {
    color:#333333; 
}

.tileValueSelected {
    color: #333333;
}

.tileValueSelectedOver {
    color: #333333;  
}

.simpleTile, 
.simpleTileOver,
.simpleTileSelected,
.simpleTileSelectedOver {
    font-size: 8pt;
    padding:3px    
}

.simpleTile {
    border:1px solid transparent;
    
}
.simpleTileOver {
    background-image:url("images/TileGrid/tileOver.png");
    border:1px solid #CFCFCF;
}

.simpleTileSelected {
      border:1px solid #CFCFCF;
      background-image:url("images/TileGrid/tileOver.png");
}

.simpleTileSelectedOver {
      background-color:#CFCFCF;
      background-image:url("images/TileGrid/tileOver.png");
      border:1px solid #CFCFCF;

}

/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

	Styles below this comment are not used by default in this skin

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/


/*============================================================
    TabSet CSS tabs
		tabSet.simpleTabBaseStyle
============================================================*/

/* styles for simple css-styled tabs*/
/* left */
.tabButtonLeft {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color:#CCCCCC;
    border-left:1px solid white; border-top:1px solid white; border-bottom:1px solid #808080;
}
.tabButtonLeftOver,
.tabButtonLeftSelected,
.tabButtonLeftSelectedOver {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color:#D6D6D6;
    border-left:1px solid white; border-top:1px solid white; border-bottom:1px solid #808080;
}
.tabButtonLeftDown,
.tabButtonLeftSelectedDown {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color: #D6D6D6;
    border-left:1px solid #808080; border-top:1px solid #808080; border-bottom:1px solid white;
}
.tabButtonLeftSelectedDisabled,
.tabButtonLeftDisabled {
    font-family:Arial,Verdana,sans-serif; font-size:11px; color:#666666;
    background-color:#CCCCCC; 
    border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
}

/* right */                        
.tabButtonRight {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color:#CCCCCC;
    border-top:1px solid white; border-bottom:1px solid #808080; border-right:1px solid #808080;
}
.tabButtonRightOver,
.tabButtonRightSelected,
.tabButtonRightSelectedOver {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color:#D6D6D6; 
    border-top:1px solid white; border-bottom:1px solid #808080; border-right:1px solid #808080;
}
.tabButtonRightDown,
.tabButtonRightSelectedDown {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color: #D6D6D6; 
    border-top:1px solid #808080; border-bottom:1px solid white; border-right:1px solid white;
}

.tabButtonRightSelectedDisabled,
.tabButtonRightDisabled {
    font-family:Arial,Verdana,sans-serif; font-size:11px; color:#666666;
    background-color:#CCCCCC; 
    border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}

/* top */                        
.tabButtonTop {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color:#CCCCCC;
    border-left:1px solid white; border-top:1px solid white; border-right:1px solid #808080;
}
.tabButtonTopOver,
.tabButtonTopSelected,
.tabButtonTopSelectedOver {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color:#D6D6D6; 
    border-left:1px solid white; border-top:1px solid white; border-right:1px solid #808080;
}
.tabButtonTopDown,
.tabButtonTopSelectedDown {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color: #D6D6D6; 
    border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid white;
}
.tabButtonTopSelectedDisabled,
.tabButtonTopDisabled {
    font-family:Arial,Verdana,sans-serif; font-size:11px; color:#666666; 
    background-color:#CCCCCC; 
    border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}

/*  bottom */                        
.tabButtonBottom {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color:#CCCCCC;
    border-left:1px solid white; border-bottom:1px solid #808080; border-right:1px solid #808080;
}
.tabButtonBottomOver,
.tabButtonBottomSelected,
.tabButtonBottomSelectedOver {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color:#D6D6D6; 
    border-left:1px solid white; border-bottom:1px solid #808080; border-right:1px solid #808080;
}
.tabButtonBottomDown,
.tabButtonBottomSelectedDown {
    font-family:Arial,Verdana,sans-serif; font-size:11px; background-color: #D6D6D6; 
    border-left:1px solid #808080; border-bottom:1px solid white; border-right:1px solid white;
}
.tabButtonBottomSelectedDisabled,
.tabButtonBottomDisabled {
    font-family:Arial,Verdana,sans-serif; font-size:11px; color:#666666;
    background-color:#CCCCCC; 
    border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}



/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

	Styles below this comment are used by optional modules only

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII*/



/*============================================================
	CubeGrid - Analytics Module only
		cubeGrid.baseStyle - cubeCell
		headerGrid.baseStyle - rowHeader
		reportHeaderBar.button.baseStyle - rowHeader
		reportHeaderBar.button.baseStyle - innerHeader/colHeader
		reportHeaderBar.button.baseStyle - rowHeaderLabel
		reportHeaderBar.button.baseStyle - colHeaderLabel
============================================================*/


.cubeGridBody {}
.cubeCell {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:black; text-overflow:ellipsis;
    background-color:#FFFFFF;
    border-top:1px solid white; border-bottom:1px solid #AAAAAA; 
    border-left:1px solid white; border-right:1px solid #AAAAAA;
}

.cubeCellDark {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:black; text-overflow:ellipsis;
    background-color:#EEEEEE;
    border-top:1px solid #EEEEEE; border-bottom:1px solid #AAAAAA; 
    border-left:1px solid #EEEEEE; border-right:1px solid #AAAAAA;
}

.cubeCellDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:#666666; text-overflow:ellipsis;
    background-color:#FFFFFF; 
    border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; 
    border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;
}

/* partial styles */ 
.cubeCellOver {
    background-color:#B8D1EE;
    border-top:1px solid #B8D1EE; border-bottom:1px solid #AAAAAA; 
    border-left:1px solid #B8D1EE; border-right:1px solid #AAAAAA;
}

.cubeCellSelected {
    background-color:#FFE781;
    border-top:1px solid #FFE781; border-bottom:1px solid #AAAAAA; 
    border-left:1px solid #FFE781; border-right:1px solid #AAAAAA;
}

.cubeCellSelectedOver {
    background-color:#B8D1EE;
    border-top:1px solid #B8D1EE; border-bottom:1px solid #AAAAAA; 
    border-left:1px solid #B8D1EE; border-right:1px solid #AAAAAA;
}

/* row headers */
.rowHeader {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:white;
    background-color:#6682A0;
    border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;
    border-right:1px solid #264260; border-bottom:1px solid #264260;
    background-image:url("images/CubeGrid/rowHeader.gif");
}
.rowHeaderOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:white;
    background-color:#6682A0;
    border-left:1px solid #264260; border-top:1px solid #264260;
    border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
    background-image:url("images/CubeGrid/rowHeaderOver.gif");
}
.rowHeaderDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:white;
    background-color:#6682A0;
    border-left:1px solid #264260; border-top:1px solid #264260;
    border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
    background-image:url("images/CubeGrid/rowHeaderOver.gif");
}
.rowHeaderDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:#808080;
    background-color:#6682A0;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}
.rowHeaderSelected,
.rowHeaderSelectedDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:white;
    background-color:#3E74B3;
    border-left:1px solid #00008B; border-top:1px solid #00008B;
    border-right:1px solid #F0F8FF; border-bottom:1px solid #F0F8FF;
    background-image:url("images/CubeGrid/rowHeaderSelected.gif");
    
}
.rowHeaderSelectedOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:white;
    background-color:#3E74B3;
    border-top:1px solid white; border-bottom:1px solid white; 
    border-left:1px solid white; border-right:1px solid white;
    background-image:url("images/CubeGrid/rowHeaderSelectedOver.gif");
}						
.rowHeaderSelectedDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:#808080;
    background-color:#3E74B3;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}

/* row label */
.rowHeaderLabel {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#204B7A;
    border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;
    border-right:1px solid #000B3A; border-bottom:1px solid #000B3A;
    background-image:url("images/CubeGrid/rowHeaderLabel.gif");
}
.rowHeaderLabelOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#204B7A;
    border-left:1px solid #000B3A; border-top:1px solid #000B3A;
    border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
    background-image:url("images/CubeGrid/rowHeaderLabel.gif");
}
.rowHeaderLabelDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#204B7A;
    border-left:1px solid #000B3A; border-top:1px solid #000B3A;
    border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
    background-image:url("images/CubeGrid/rowHeaderLabelDown.gif");
}
.rowHeaderLabelDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:#808080;
    background-color:#7D7D7D;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}
.rowHeaderLabelSelected,
.rowHeaderLabelSelectedDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#3E74B3;
    border-left:1px solid black; border-top:1px solid black;
    border-right:1px solid #555555; border-bottom:1px solid #555555;
    background-image:url("images/CubeGrid/rowHeaderDown.gif");
}
.rowHeaderLabelSelectedOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#3E74B3;
    border-top:1px solid white; border-bottom:1px solid white; 
    border-left:1px solid white; border-right:1px solid white;
    background-image:url("images/CubeGrid/rowHeaderDown.gif");
}						
.rowHeaderLabelSelectedDisabled	{
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:#808080;
    background-color:#7D7D7D;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}
						
/* column headers */
.colHeader {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:white;
    background-color:#6682A0;
    border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;
    border-right:1px solid #264260; border-bottom:1px solid #264260;
    background-image:url("images/CubeGrid/colHeader.gif");
}
.colHeaderOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:white;
    background-color:#6682A0;
    border-left:1px solid #264260; border-top:1px solid #264260;
    border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
    background-image:url("images/CubeGrid/colHeaderOver.gif");
}
.colHeaderDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:white;
    background-color:#6682A0;
    border-left:1px solid #264260; border-top:1px solid #264260;
    border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
    background-image:url("images/CubeGrid/colHeader.gif");
}
.colHeaderDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:#808080;
    background-color:#6682A0;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}
.colHeaderSelected,
.colHeaderSelectedDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#3E74B3;
    border-left:1px solid #00008B; border-top:1px solid #00008B;
    border-right:1px solid #F0F8FF; border-bottom:1px solid #F0F8FF;
    background-image:url("images/CubeGrid/colHeaderSelected.gif");
}
.colHeaderSelectedOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#3E74B3;
    border-top:1px solid white; border-bottom:1px solid white; 
    border-left:1px solid white; border-right:1px solid white;
    background-image:url("images/CubeGrid/colHeaderSelectedOver.gif");
}						
.colHeaderSelectedDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:#808080;
    background-color:#3E74B3;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}

/* column label */
.colHeaderLabel {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#204B7A;
    border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF;
    border-right:1px solid #555555; border-bottom:1px solid #555555;
    background-image:url("images/CubeGrid/colHeaderLabel.gif");
}
.colHeaderLabelOver,
.colHeaderLabelDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#204B7A;
    border-left:1px solid #000B3A; border-top:1px solid #000B3A;
    border-right:1px solid #555555; border-bottom:1px solid #555555;
    background-image:url("images/CubeGrid/colHeaderLabelDown.gif");
}
.colHeaderLabelDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:#808080;
    background-color:#7D7D7D;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}
.colHeaderLabelSelected,
.colHeaderLabelSelectedDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#3E74B3;
    border-left:1px solid black; border-top:1px solid black;
    border-right:1px solid #555555; border-bottom:1px solid #555555;
    background-image:url("images/CubeGrid/colHeaderLabelDown.gif");
}
.colHeaderLabelSelectedOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#3E74B3;
    border-top:1px solid white; border-bottom:1px solid white; 
    border-right:1px solid #555555; border-bottom:1px solid #555555;
    background-image:url("images/CubeGrid/colHeaderDown.gif");
}						
.colHeaderLabelSelectedDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:#808080;
    background-color:#7D7D7D;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}

/* inner header */
.innerHeader {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:black;
    background-color:#CCCCCC;
    border-left:1px solid white; border-top:1px solid white;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
    background-image:url("images/CubeGrid/innerHeader.gif");
}
.innerHeaderOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:black;
    background-color:#CCCCCC;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid white; border-bottom:1px solid white;
    background-image:url("images/CubeGrid/innerHeader.gif");
}
.innerHeaderDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:black;
    background-color:#CCCCCC;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid white; border-bottom:1px solid white;
    background-image:url("images/CubeGrid/innerHeader.gif");
}
.innerHeaderDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:#808080;
    background-color:#CCCCCC;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}
.innerHeaderSelected,
.innerHeaderSelectedDown {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#3E74B3;
    border-left:1px solid #00008B; border-top:1px solid #00008B;
    border-right:1px solid #F0F8FF; border-bottom:1px solid #F0F8FF;
    background-image:url("images/CubeGrid/innerHeaderSelected.gif");
}
.innerHeaderSelectedOver {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; font-weight:bold; color:white;
    background-color:#3E74B3;
    border-top:1px solid white; border-bottom:1px solid white; 
    border-left:1px solid white; border-right:1px solid white;
    background-image:url("images/CubeGrid/innerHeaderSelectedOver.gif");
}						
.innerHeaderSelectedDisabled {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:#808080;
    background-color:#CCCCCC;
    border-left:1px solid #808080; border-top:1px solid #808080;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
}

/*============================================================
	BarChart
	internal, charting/visualization module only
		styleName - chart
		barStyle - chartBar
		others are currently fixed
============================================================*/

.chart { 
    background-color:#CCCCCC;
}
.chartTitle {
    color:black;
    font-family: Verdana,sans-serif;;
    font-size:14px;
    font-weight: bold;
    text-align:center
}
.chartAxisTitle {
    color:green;
    font-family: Verdana,sans-serif;;
    font-weight: bold;
    font-size:12px;
}
.chartValueTitle {
    color:black;
    font-family: Verdana,sans-serif;;
    font-size:10px;
}
.chartTotal {
    color:black;
    font-family:Arial,Verdana,sans-serif;; 
    font-size:12px;
    background-color:linen;
}
.chartBody {
    border-left:1px solid black;
    border-top:1px dashed blue;
    border-right:1px solid black;
    background-color:#DDDDDD
}   
.chartBar1 {
    background-color:red;
    filter:"progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#990000, endColorStr=#FF0000)";
}
.chartBar2 {
    background-color:blue;
    filter:"progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#000099, endColorStr=#0000FF)";
}
.chartBar3 {
    background-color:green;
    filter:"progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#009900, endColorStr=#00FF00)";
}



/*============================================================
	Printing
        printHeader - general print style for header elements including:
        - ListGrid header cells
        - SectionStack headers
============================================================*/

.printHeader {
    font-family:Arial,Verdana,sans-serif; font-size:11px;    
    border:1px solid black;
    font-weight:bold;
}


/*============================================================
	Calendar
    
============================================================*/

.calendar,
.calendarDisabled,
.calendarWorkday,
.calendarDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#ffffff;
}

.calendarDisabled {
    background-color:#F6F7F9;    
}

.calendarWorkday {
    background-color:#ffffcc; 
}

.calendarOver,
.calendarOverDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#c0ffc0;
}
.calendarCellSelected {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#CCCCCC; 
}
.labelColumn {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#F6F7F9;
}
/* ----month---- */ 
/* calMonthDayHeader and Body */

.calMonthDayHeader,
.calMonthDayHeaderDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#F6F7F9;
}

.calMonthDayHeaderOver,
.calMonthDayHeaderOverDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color: #c0ffc0;
}
.calMonthDayBody,
.calMonthDayBodyDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#ffffff;
}
.calMonthDayBodyOver,
.calMonthDayBodyOverDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#c0ffc0;
}

.calMonthDayBodyDisabled,
.calMonthDayBodyDisabledOver {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#F6F7F9;
}
/* calMonthOtherDayHeader and Body */

.calMonthOtherDayHeader,
.calMonthOtherDayHeaderDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:#444444;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color: #aaaaaa;
}
.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderOverDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:#444444;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color: #c0ffc0;
}
.calMonthOtherDayBody,
.calMonthOtherDayBodyDark, 
.calMonthOtherDayBodyDisabled, 
.calMonthOtherDayBodyDisabledOver{
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#F6F7F9;
}
.calMonthOtherDayBodyOver,
.calMonthOtherDayBodyOverDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#c0ffc0;
}

/* calMonthOtherDayBlank */

.calMonthOtherDayBlank,
.calMonthOtherDayBlankDark, 
.calMonthOtherDayBlankOver,
.calMonthOtherDayBlankOverDark {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:#444444;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color: #F6F7F9;
}

/* calMonthEventLink */

a.calMonthEventLink:link {color:blue; text-decoration:none}
a.calMonthEventLink:visited {color:blue; text-decoration:none}
a.calMonthEventLink:hover {color:blue; text-decoration:underline}
a.calMonthEventLink:active {color:blue; text-decoration:none}

/* ----event window---- */

.eventWindow {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
    background-color:#EBF4FF;
    border: 1px solid #A2CBFF;
}

.eventWindowHeader {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
    color:#4C4C4C;
    background-color:#63a2e1;
}

.eventWindowBody {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
    color:#333333;
    background-color:#EBF4FF;
    padding: 3px;
}

.eventWindowResizer {
    border-top:1px solid white;
    border-bottom: 1px solid white;
}

/*============================================================
	PropertySheet
	internal, used by Visual SmartClient tools
        propertySheet.autoChildDefaults.cellStyle - propSheetValue
        propertySheet.autoChildDefaults.titleStyle - propSheetTitle
        propertySheet.TextItemDefaults.textBoxStyle - propSheetField
        propertySheet.SelectItemDefaults.controlStyle - propSheetSelectControl
        propertySheet.ColorItemDefaults.textBoxStyle - propSheetField
        propertySheet.HeaderItemDefaults.textBoxStyle - propSheetHeading
        propertySheet.SectionHeaderItemDefaults.cellStyle - propSheetSectionItemCell
============================================================ */

.propSheetValue,
.propSheetValueFocused,
.propSheetDisabled {
    font-family:Arial,Verdana,sans-serif;
    font-size:11px;
    border-bottom:1px solid #AAAAAA;
    border-right:1px solid #AAAAAA;
    padding:0px;
    margin:0px;
}
.propSheetTitle,
.propSheetTitleFocused,
.propSheetTitleDisabled {
    font-family:Arial,Verdana,sans-serif;
    font-size:11px;
    border-bottom:1px solid #AAAAAA;
    border-right:1px solid #AAAAAA;
    background-color:#DDDDDD;
    padding-left:4px;
    padding-right:4px;
}
.propSheetTitleError,
.propSheetValueError {
    font-family:Arial,Verdana,sans-serif; 
    font-size:11px; color:#204268; 
    background-color:#CFD9F2
}
.propSheetField,
.propSheetFieldDisabled {
    font-family:Arial,Verdana,sans-serif;
    font-size:11px;
    background-color:#FFFFFF;
    border:0px;
    padding:0px;
    padding-left:4px;
    padding-right:4px;
    margin-top:3px;
}
.propSheetHeading,
.propSheetHeadingDisabled {
    font-family:Arial,Verdana,sans-serif;
    font-size:11px;
    font-weight:bold;
    color:black;
    background-color:#CCCCCC;
    padding:4px;
    border-bottom:1px solid #AAAAAA;
}
.propSheetSelectControl,
.propSheetSelectControlFocused,
.propSheetSelectControlDisabled {
    padding-left:3px;
    padding-right:3px;
}

.propSheetSectionItemCell,
.propSheetSectionItemDisabled {
}

/*============================================================
	Portal/Portlet
============================================================*/


.portalHeader {
	background-color:#2e2e2e;
}

.portletHeaderText {
    padding-left:8px; padding-right:2px; padding-bottom:2px;
}

.portalHeaderText {
    font-family:Helvetica,sans-serif; font-size:11px;
    font-weight:bold;
	color:#86c3cd;
}

.portalHeaderUserNameText {
    font-family:Helvetica,sans-serif; font-size:12px;
    font-weight:bold;
	color:#86c3cd;
}

/*============================================================
	SectionStack used inside features (innerStack)
============================================================*/

.innerSectionHeaderopened,
.innerSectionHeaderclosed,
.innerSectionHeaderDisabledclosed,
.innerSectionHeaderDisabledopened {
	font-family:Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#1f1f1f;
    padding:2px;
    border-top: 1px solid #999999;
    background-color:#C0C0C0;
}

/*============================================================
	Search form style
============================================================*/

/* Separate CSS from background color */
.searchHeaderLayout {
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:2px;
}

/* ============================================================================================ */



.contactsHeaderTitle,
.contactsHeaderTitleOver,
.contactsHeaderTitleDown,
.contactsHeaderTitleSelected,
.contactsHeaderTitleSelectedOver,
.contactsHeaderTitleSelectedDown,
.contactsHeaderTitleDisabled,
.contactsHeaderTitleSelectedDisabled {
    overflow:hidden; text-overflow:ellipsis;
    padding-left:4px;	
}

.bwSettingsSeparator,
.bwReportsSeparator {	
	height: 1px;
}

.calendarLabelText {
	text-align: center;
}

.customSectionHeaderTitleCSS{
	font-family: Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #45525e;
}
.clickable {
	cursor: pointer;
	background-color: red;	
}


/*========================================================
    CSS for the Security Menu Button.
==========================================================*/
.securityOverrideMenuStyle,
.securityOverrideMenuStyleFocused,
.securityOverrideMenuStyleError {
	font-family:Arial,sans-serif;    
    font-size:11px;
    font-weight:normal;
 	background:#FFFFFF;
	padding:2px;
	resize:none;
	border-top:1px solid #abadb3;
    border-left:1px solid #dbdfe5;
    border-right:1px solid #dbdfe5;
    border-bottom:1px solid #dbdfe5;
}

.securityOverrideMenuStyleDisabled {
    color:#666666;
    font-size:11px;
    background:#FFFFFF;
    padding:2px;
    border:1px solid #A6ABB4;
    resize:none;
}

.searchLabelDisabled {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    color:#AAAAAA;  
}

.actionButtonTitleDisabled,
.actionButtonTitleSelectedDisabled { 
	font-family:Helvetica,Tahoma,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
	color:#AAAAAA;
}

.callEndButtonTitleDisabled,
.callEndButtonTitleSelectedDisabled{
	font-family:Helvetica,Tahoma,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
	color:#AAAAAA;
}
.buttonTitle,
.buttonTitleOver,
.buttonTitleSelected,
.buttonTitleSelectedOver,
.buttonTitleFocusedOver,
.buttonTitleSelectedFocusedOver,
.buttonTitleSelectedDown,
.buttonTitleFocusedDown,
.buttonTitleSelectedFocusedDown {
	font-family: Helvetica,Tahoma,Verdana,Bitstream Vera Sans,sans-serif;
	font-size:11px;
	color: rgb(255, 255, 255);
	cursor:pointer !important;
}

.buttonTitleDisabled,
.buttonTitleSelectedDisabled {
	font-family:Helvetica,Tahoma,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;	
	font-weight:normal;
	color:#AAAAAA;
}



/*=================================================================================
	ListGrid - Base Style
	(Used to display threshold severity colors @ Supervisor Dashboard ListGrids)
=================================================================================*/
.bwGridBaseStyleRedBG,
.bwGridBaseStyleRedBGDark,
.bwGridBaseStyleRedBGOver,
.bwGridBaseStyleRedBGOverDark,
.bwGridBaseStyleRedBGSelected,
.bwGridBaseStyleRedBGSelectedDark,
.bwGridBaseStyleRedBGSelectedOver,
.bwGridBaseStyleRedBGSelectedOverDark,
.bwGridBaseStyleRedBGDisabled,
.bwGridBaseStyleRedBGDisabledDark {
	text-overflow:ellipsis;	
    border-bottom:1px solid;
    border-bottom-color: white;    
}

.bwGridBaseStyleYellowBG,
.bwGridBaseStyleYellowBGDark,
.bwGridBaseStyleYellowBGOver,
.bwGridBaseStyleYellowBGOverDark,
.bwGridBaseStyleYellowBGSelected,
.bwGridBaseStyleYellowBGSelectedDark,
.bwGridBaseStyleYellowBGSelectedOver,
.bwGridBaseStyleYellowBGSelectedOverDark,
.bwGridBaseStyleYellowBGDisabled,
.bwGridBaseStyleYellowBGDisabledDark {
	text-overflow:ellipsis;	
    border-bottom:1px solid;
    border-bottom-color: white;
}


.dashboardYellowCell,
.dashboardRedCell,
.dashboardNormalCell {
	text-overflow:ellipsis;
}

.clickable{
	cursor: pointer;
	background-color: red;	
}

.holdReminderWhiteColor {
	background-color:white;
}

.agentContactDetailsLabel,
.agentContactDetailsLabelDisabled,
.agentContactDetailsLabelError,
.agentContactDetailsLabelFocused {
	width: 100%;
}

/**
Default value color:#666666;
*/
.bwReportLabelDisabled {	
	font-family:Arial,Verdana, sans-serif; font-size:11px;
	color:#AAAAAA;
}

.bwHeaderText  {
	white-space: nowrap;
}

.bwReportLabel,
.bwSettingsSectionValues {
	text-decoration: none;
}

.emptyMessage {    
	padding:10px;    
}

.bwReportsLinkItem,
.bwReportsLinkItemDisabled,
.bwReportsLinkItemError {
	cursor: pointer;
	white-space: nowrap;
}


/*=====================================================================================
   Begin Styles for Diagnostic Client *
  =====================================================================================*/
.rounded-corner { 
	border-radius: 10px; 
}	 

.pollDetailText,
.pollDetailTextSelected,
.pollDetailTextOver,
.pollDetailTextSelectedOver{
	font-size: 12px;
	font-weight: normal;	 	
	font-family: Lucida Console, Monaco, monospace;
}
	

.diagnosticGridCell {
    background-color:#c0c0c0;
	font-size: 12px;
	font-weight: normal;	
	font-family: Lucida Console, Monaco, monospace;        
}
.diagnosticGridCellDark {
    background-color:#dfdfdf;
	font-size: 12px;
	font-weight: normal;	
	font-family: Lucida Console, Monaco, monospace;        
}
.diagnosticGridCellOver,
.diagnosticGridCellOverDark,
.diagnosticGridCellSelected,
.diagnosticGridCellSelectedDark,
.diagnosticGridCellSelectedOver,
.diagnosticGridCellSelectedOverDark {
    background-color:#00bceb;    
	font-size: 12px;
	font-weight: normal;	
	font-family: Lucida Console, Monaco, monospace;        
}

/*=====================================================================================
   End Styles for Diagnostic Client *
  =====================================================================================*/
/*=====================================================================================
   If mouse over on images & buttons in IE it shows normal cursor symbol  
  =====================================================================================*/
.bwSettingsLinkItem {
	cursor:pointer !important;
 }
.actionButtonTitleOver,
.actionButtonTitleSelectedOver,
.actionButtonTitleFocusedOver,
.actionButtonTitleSelectedFocusedOver {
	cursor:pointer !important;
}
.callEndButtonTitleOver,
.callEndButtonTitleSelectedOver,
.callEndButtonTitleFocusedOver,
.callEndButtonTitleSelectedFocusedOver {
	cursor:pointer !important;
}

.tab,
.tabOver,
.tabSelected,
.tabSelectedOver,
.tabDown,
.tabSelectedDown,
.tabSelectedDisabled,
.tabTitleOver,
.vtabTitleOver,
.tabTitleSelected,
.vtabTitleSelected,
.tabTitleSelectedOver,
.vtabTitleSelectedOver {
	cursor:pointer !important; 
}

.agentNameLink,
.queueTotalLink{
	cursor:pointer !important;
}

.sectionHeaderopened, 
.sectionHeaderclosed{
	cursor:pointer !important; 
} 

.headerButton,
.headerButtonSelected,
.headerButtonOver,
.headerButtonDown,
.headerButtonSelectedOver,
.headerButtonSelectedDown,
.headerTitle,
.headerTitleOver,
.headerTitleDown,
.headerTitleSelected,
.headerTitleSelectedOver,
.headerTitleSelectedDown {
	cursor:pointer !important;
}

.report div {
	height:100% !important;
}
.hideSelectedGridRecord {
	z-index: 0 !important;		
}

.menuTable td {
	height: 22px !important;
}

/*==============================================================================================
    To remove unnecessary scroll bar for the empty grid if all the directories are expanded
  ==============================================================================================*/
  
td.emptyMessage img, 
td.emptyMessage+td img {
     width:1px !important;
     height:1px !important;
} 
.alternateGridStyle div table:first-child {
    width:95% !important;
    align-self:center;
}
.impNamefield{
	font-family: Helvetica,Tahoma,Verdana,Bitstream Vera Sans,sans-serif;
	font-size:11px;
	font-weight:normal;
	white-space: normal;
}

.noscroll{
	overflow: hidden !important;
}

/* css added for Edge Browser alignment issue */
.applicationSettingsEdge{
	padding-top:19px;
}

.applicationSettingsEdgeDisabled{
	padding-top:19px;
} 

.alignSettingsEdge{
    padding-bottom:20px;
}

.systemUseNotificationTitle{
	font-size:25px;
	font-weight:bold;
	text-align:center;
	padding:20px;
}
.systemUseNotificationText{
	font-size: 15px;
	font-weight: normal;	
	font-family:Arial,Verdana,sans-serif;
	 color:#333333;
	 padding-left:10px;
	 
}
.clearBox{
	height : 22px !important ;
	width : 16px !important ;
	top : 7px !important;
}

.dialerTextBox{
	height : 22px !important ;
	width : 134px !important ;
	top : 7px !important;
}

.clidedge{
	top : 2px !important;
}

input[type=text]::-ms-clear {
	display: none;
	 }
	 
.signInButton,
.signInButtonOver,
.signInButtonFocused,
.signInButtonFocusedOver,
.signInButtonDown,
.signInButtonFocusedDown,
.signInButtonSelected,
.signInButtonSelectedFocused,
.signInButtonSelectedDown,
.signInButtonSelectedFocusedDown,
.signInButtonSelectedOver,
.signInButtonSelectedFocusedOver,
.signInButtonDisabled,
.signInButtonSelectedDisabled{
	
    border: none;
    text-align: center;
	border-radius:6px;
	height:44px ;
    line-height: 44px;
	top: 0px;
    left: 0px;
    padding: 0px;
}	 

.signInButtonOverlay {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	background-Color: rgba(0,0,0,0) !important;
	border: none;
	border-radius:6px;
}

.signInButtonOver> .signInButtonOverlay{
	background-Color: rgba(0, 0, 0, .15) !important;
}

.signInButtonFocusedOver> .signInButtonOverlay{
	background-Color: rgba(0, 0, 0, .15) !important;
}

.signInButtonDown> .signInButtonOverlay{
	background-Color: rgba(0, 0, 0, .3) !important;
}

.signInButtonFocusedDown> .signInButtonOverlay{
	background-Color: rgba(0, 0, 0, .3) !important;
}

.signInButtonDisabled{
	opacity : 0.5 ;
}
	
.signInButtonCanvas,
.signInButtonCanvasDisabled{
	padding-top:16px !important;
	margin-top:16px !important ;
}
	

.signInButtonCanvasEdge,
.signInButtonCanvasEdgeDisabled{
	padding-top:4px !important;
	margin-top:4px !important ;
}	

.loginTopImage{
	padding: 87px 0px 44px 0px ;
}

.loginTopImageForEdgeSafari{
	padding: 77px 0px 44px 0px ;
}

.loginTopImageForPIV{
	padding: 32px 0px 44px 0px ;
}

.loginTopImageForSAML{
	padding: 72px 0px 44px 0px ;
}

.loginTopImageSAMLEdgeSafari{
	padding: 62px 0px 44px 0px ;
}

.loginBottomImage{
	padding: 25px 0px 0px 0px ;
}

.logintext,
.logintextSelected,
.logintextFocused,
.logintextHint{
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	border-bottom:1px solid #f0f0f0;
	text-indent: 5px;
}

input[type="password"]:focus::placeholder { color:transparent; } /* Chrome */

input[type="password"]::placeholder {
    color: #b4b4b4; /* Chrome */
}

.logintext,
.loginTextCell,
.loginTextCellFocused,
.logintextHint ,
.logintextSelected,
.logintextFocused{
	margin-bottom:1px !important;
	margin-top:1px !important;
	padding:0px !important;
	outline: none;
}

.options,
.optionsFocused,
.optionsSelected{
    padding: 16px 0px 0px 0px ;
}

.options a{
	text-decoration:none !important;
}
.loginPageLabel{
	margin-top:20px;
}

.loginPageLabelMarginEdge{
	margin-top:40px !important;
}

.langSelectItem,
.langSelectItemFocused,
.langSelectItemSelected{
	padding: 13px 0px 0px 0px ;
	text-indent: 5px ;
	border-bottom: 1px solid #f0f0f0;
	width:310px !important;
	outline: none;
}

.pickListItem,
.pickListItemFocused,
.pickListItemSelected{
	text-indent: 5px;
	height:20px;
}

.langSelectIcon{
	border-bottom: 1px solid #f0f0f0;
	height:44px !important;
}

.dialerTextBox{
	height : 22px !important ;
	width : 134px !important ;    
	top : 7px !important;
}
.clearBox{
	height : 22px !important ;
	width : 16px !important ;
	top : 7px !important;
}

.loginErrorMessage {
	text-align: left;
	padding:16px 0px 0px 0px;
}

.loginErrorMessageAlignCenter {
	text-align: center;
	padding:5px 0px 0px 10px;
}

.loginErrorMessageAlignCenterIE {
	text-align: center;
	padding:45px 0px 0px 10px;
}

.samlLabel{
	padding-left:12px ;
	line-height: 44px;
}

.samlButton,
.samlButtonOver,
.samlButtonFocused,
.samlButtonFocusedOver,
.samlButtonDown,
.samlButtonFocusedDown,
.samlButtonSelected,
.samlButtonSelectedFocused,
.samlButtonSelectedDown,
.samlButtonSelectedFocusedDown,
.samlButtonSelectedOver,
.samlButtonSelectedFocusedOver,
.samlButtonDisabled,
.samlButtonSelectedDisabled
{
	border:1px solid #f0f0f0;
	border-radius:6px ;
	text-align: left;
	padding-left:8px ;
	line-height:30px;
	outline:none !important;
	text-decoration:none !important;
}

.samlButtonOverlay {
	left: 0px;
	top: 0px;
	width: calc(100% - 40px);
	height: 100%;
	position: absolute;
	background-Color: rgba(0,0,0,0) !important;
	border: none;
	border-radius:6px;
	padding-left:40px;
}

.samlButtonOver> .samlButtonOverlay{
	background-Color: rgba(0, 0, 0, .1) !important;
}

 .samlButtonFocusedOver> .samlButtonOverlay{
	background-Color: rgba(0, 0, 0, .1) !important;
}

.samlButtonDown> .samlButtonOverlay{
	background-Color: rgba(0, 0, 0, .15) !important;
}

.samlButtonFocusedDown> .samlButtonOverlay{
	background-Color: rgba(0, 0, 0, .15) !important;
}

.divisionPanel{
	border-left: 1px solid #dcdcdc ; 
	margin-left:32px;
	margin-right:24px;
}

.divisionPanelIE{
	border-left: 1px solid #dcdcdc ; 
	margin-left:32px;
}

.pivLabel{
	text-align: center ;
}

.pivIconAlign{
	padding-top:20px;
	padding-left:97px ;
	
}

.pivLink :link{
	padding-left:6px;
	text-decoration:none !important;
}

.pivOptions a{
	text-decoration:none !important;
}

.checkboxIE11{
	width:96% !important;
}

.selectItemIE11{
width: auto !important;
min-width: 123px !important;
padding: 4px 3px 0px 3px !important;;
height: 16px !important; 
}

.samlTooltip{
	font-family:Arial,Verdana,sans-serif; 
	font-size:11px; color:black;
    background-color:#fceeaf; 
    border:1px solid #808080; 
    padding:8px;
    min-width:92;
}

.samlLayoutMarginIE{
	margin-left:20px ;
}

.loginPageLabel, 
.loginPageLabelSelected, 
.loginPageLabelFocused,
.loginPageLink a:link, 
.loginPageLinkSelected a:link,
.loginPageLinkFocused a:link, 
.options,
.optionsFocused,
.optionsSelected,
.options a,
.pivOptions,
.pivOptionsFocused,
.pivOptionsSelected,
.pivOptions a,
.pivLink :link,
.samlShowOptions,
.samlShowOptionsFocused,
.samlShowOptionsSelected,
.samlShowOptions a {
	outline: none;
}

.samlTooltip{
	font-family:Arial,Verdana,sans-serif; 
	font-size:11px; color:black;
    background-color:#fceeaf; 
    border:1px solid #808080; 
    padding:8px;
    min-width:92;
}

.samlShowOptions{
	padding:14px 0px 0px 12px !important;
}

.samlShowOptions a{
	text-decoration:none !important;
}

.privacyPolicyUrl{
	font-family:Arial,Verdana, sans-serif; 
	font-size:11px; 
	color:#0000FF !important;
	cursor:pointer !important;
}

.samlHotelingHostItem,
.samlHotelingHostItemFocused{
	padding-left:12px;
	height: 44px !important;
}

.privacyPolicyUrl :link{
	text-decoration:none !important;
	outline: none !important;
}

.privacyPolicyUrlDisabled{
	font-family:Helvetica,sans-serif; 
	font-size:11px; 
	color:#AAAAAA !important;
	text-decoration:none !important;
	cursor:pointer !important;
}

.privacyPolicyUrlLogin, 
.privacyPolicyUrlLogin :link {
	text-decoration: none !important;
	outline: none !important;
	cursor: pointer !important;
	padding:10px 0px 20px 0px;
}

 .privacyLabelWidthIE > div {
	display:inline-table;
	outline: none !important;
}

.privacyLabelWidth > div > div:first-of-type {
	display:inline-table;
	outline: none !important;
}

.extAuthAutoLoginText{
	padding-bottom:20px !important;
	font-size: 20px !important;
}

.loginErrorMessageExtAuthAutoLogin {
	text-align: center;
	padding:0px 0px 0px 0px !important;
}
	 
</style>