/*============================================================
    "Simplicity" theme programmatic settings
    Copyright 2003 and beyond, Isomorphic Software
============================================================*/

/*============================================================
General
============================================================*/

body {
    color: black;
    font-family: Helvetica;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    background: rgb(197, 204, 211) url(images/pinstripes.png);    
}

ol,
ul {
    -webkit-text-size-adjust: 100%;
}

a:link {
    color:#0060BF;
    text-decoration:underline;
}

.pageBackground {
    font-family:Arial,Verdana,sans-serif; font-size:16px;
    color:black;
    background:#FAFAFA;
}

/* default text */
.normal,
.normalFocused {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:16px;
}

.defaultBorder {
    border:1px solid #A7ABB4;
}

/* drag outline */
.dragOutline {
    border:1px solid #0060BF;
}

/* drop indicator */
.dropBorder {
    background-color:#808080;
}


/* hover canvas  */
.canvasHover,
.gridHover,
.formHover {
    font-family:Verdana,Bitstream Vera Sans,sans-serif;
    font-size:11px;
    color:#eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    
    background-color:#595959;
    border:1px solid #808080;
    border:2px solid #999;
    padding:5px;
    opacity: 0.9;
}

/* group label */
.groupLabel {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    padding-left:5px; padding-right:5px;
}

/*============================================================
Button (also used as MenuButton base style)
============================================================*/

.button,
.buttonOver,
.buttonDown,
.buttonDisabled,
.buttonSelected,
.buttonSelectedDown,
.buttonSelectedOver,
.buttonSelectedDisabled {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    padding: 3px;
    border: 1px solid #868686;
    background: #f6f6f6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    color:#324f85;
}

.buttonOver {
    border:none;
    color:#ffffff;
    background-image: -webkit-gradient(linear, left bottom, left top,color-stop(0.14, rgb(1,97,231)), color-stop(0.57, rgb(3,121,240)), color-stop(0.79, rgb(5,136,244)));
    background-image: -moz-linear-gradient(center bottom, rgb(1,97,231) 14%, rgb(3,121,240) 57%, rgb(5,136,244) 79%);
    outline: 0;
}

.buttonDown {
    border:none;
    color:#ffffff;
    background-image: -webkit-gradient(linear, left bottom, left top,color-stop(0.14, rgb(1,97,231)), color-stop(0.57, rgb(3,121,240)), color-stop(0.79, rgb(5,136,244)));
    background-image: -moz-linear-gradient(center bottom, rgb(1,97,231) 14%, rgb(3,121,240) 57%, rgb(5,136,244) 79%);
    outline: 0;
}

.buttonDisabled {
    color: #999999;
    border-color: #C3C3C3;
    background: #ddd;
    background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF)"
}

.buttonSelected,
.buttonSelectedDown,
.buttonSelectedOver,
.buttonSelectedDisabled {
    border-color: #999;
    background: #ddd;
    background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF)"
}

.buttonSelectedOver {
    border-color: #548ACA;
    background: #ddd;
    background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF)"
}

.buttonSelectedDisabled {
    font-size:11px; color:#666666;
}

.headerButton,
.headerButtonOver,
.headerButtonDown,
.headerButtonDisabled,
.headerButtonSelected,
.headerButtonSelectedDown,
.headerButtonSelectedOver,
.headerButtonSelectedDisabled {
	font-family:Arial,Verdana,sans-serif; font-size:16px;
    padding:2px;        
}
.headerButton {
    border-left:1px solid white; border-top:1px solid white;
    border-right:1px solid #808080; border-bottom:1px solid #808080;
    background:#E7E7E7;
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.25, rgb(231,231,231)), color-stop(0.63, rgb(244,244,244)),color-stop(0.82, rgb(252,252,252)));
    background-image : -moz-linear-gradient(center bottom, rgb(231,231,231) 25%, rgb(244,244,244) 63%, rgb(252,252,252) 82%);
}

.headerButtonOver {
    border-left:1px solid white; border-top:1px solid white;
    border-right:1px solid #808080; border-bottom:1px solid #808080;    
    background:#dddddd;
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(211,211,211)), color-stop(0.71, rgb(242,242,242)), color-stop(0.77, rgb(252,252,252)));
    background-image :-moz-linear-gradient(center bottom, rgb(211,211,211) 10%, rgb(242,242,242) 71%, rgb(252,252,252) 77%);
}

.headerButtonDown {
    border-left:1px solid white;
    border-top:1px solid white;
    border-right:1px solid #808080;
    border-bottom:1px solid #808080;    
    background:#d5d5d5;
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(84,137,202)), color-stop(0.55, rgb(108,150,202)), color-stop(0.77, rgb(132,164,202)));
    background-image : -moz-linear-gradient(center bottom, rgb(84,137,202) 10%, rgb(108,150,202) 55%, rgb(132,164,202) 77%);
}

.headerButtonDisabled {
    color:#666666;
    border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC;	
    border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
    background:#C3C3C3;
}

.headerButtonSelected,
.headerButtonSelectedDown,
.headerButtonSelectedOver,
.headerButtonSelectedDisabled {
    font-size:16px; color:white; 
    border-bottom:1px solid #4d76b8;
    background:#548ACA;
}

.headerButtonSelectedOver {
    color:white;
    background:#548ACA;
}

.headerButtonSelectedDisabled {
    font-size:16px; color:#666666;
}

/* ImgButton */
.imgButton,
.imgButtonOver,
.imgButtonSelected,
.imgButtonSelectedDisabled,
.imgButtonSelectedOver {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:10px;
}
.imgButtonDown,
.imgButtonSelectedDown {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:10px;
}
.imgButtonDisabled {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:10px; color:#666666;
}

/* StretchImgButton */
.stretchImgButton,
.stretchImgButtonSelected,
.stretchImgButtonSelectedOver,
.stretchImgButtonOver,
.stretchImgButtonDown,
.stretchImgButtonSelectedDown,
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:10px;
}
.stretchImgButtonSelectedDisabled,
.stretchImgButtonDisabled {
    color:#666666;
}

/*============================================================
  Menus
============================================================*/

.menuBorder {
    border-top:1px solid #93A9C0;
    border-bottom:1px solid #93A9C0;
    border-left:1px solid #93A9C0;
    border-right:1px solid #93A9C0;
}
.menu,
.menuDark,
.menuSelected,
.menuSelectedDark,
.menuOver,
.menuOverDark,
.menuSelectedOver,
.menuSelectedOverDark,
.menuDisabled,
.treeMenuSelected,
.treeMenuSelectedDark,
.treeMenuSelectedOver,
.treeMenuSelectedOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; background-color:white;
}
.menuOver,
.menuOverDark,
.menuSelectedOver,
.menuSelectedOverDark {
    color:white; background-color:#3E74B3;
    border-top:1px solid #5E94D3;
    border-bottom:1px solid #1E5493;
}
.treeMenuSelected,
.treeMenuSelectedDark {
    background-color:#fff1a8;
    border-top:1px solid #ffeb90;
    border-bottom:1px solid #ffeb90;
}

.treeMenuSelectedOver,
.treeMenuSelectedOverDark {
    color:white; background-color:#0A246A;
    border-top:1px solid #0A246A;
    border-bottom:1px solid #0A246A;
}
.menuDisabled {
    color:#979797;
    background-color:white;
}   



.windowBackground,
.popupWindowBackground,
.dialogBackground {
    background-color: #121a2e;
    border: solid 2px #4f4f4f;
    margin: 0px;
    -webkit-padding-start: 0px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 2px 2px 10px #000;
    position: relative;
    opacity: 0;
}

.windowBody,
.popupWindowBody,
.dialogBody,
.promptBody {
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-padding-start: 0px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 2px 2px 10px #000;
    position: relative;
    opacity: 0;
}

.windowHeader,
.windowHeaderHilite,
.popupWindowHeader,
.popupWindowHeaderHilite,
.dialogHeader,
.dialogHeaderHilite
{
}


.windowHeaderText,
.dialogHeaderText,
.dialogStatusBarText {
    font-family:Verdana,Bitstream Vera Sans,sans-serif;
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
    padding-left:2px;
    padding-right:2px;
}
.windowStatusBar,
.dialogStatusBar {
    color:#CCCCCC;
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
}
.modalMask {
    background-color:black;
}



/*============================================================
  Layout
============================================================*/

.layoutDropLine {
    background-color:#DDDDFF;
}
.layoutPlaceHolder {
    border:1px solid black;
}

.splitbar {
    background-color:#FFFFFF;
}
.splitbarDown {
	border:1px solid #C0C0C0;
    background-color:#FFFFFF;
}

/*============================================================
  TabSet and tab titles
============================================================*/

.tabSetContainer {
    font-family: Helvetica;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
    background: rgb(197, 204, 211) url(images/pinstripes.png);
}

.tabBarTop {
    padding-top:2px;
}

.tabBarLeft {
    padding-left:2px;
}

.tabBarRight {
    padding-right:2px;
}

.tabBarBottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000), color-stop(0.02, #545454), color-stop(0.04, #3b3b3b), color-stop(0.5, #1d1d1d), color-stop(0.51, #000));
    font-size: 10px;
    font-family: 'Helvetica Neue', HelveticaNeue, Helvetica-Neue, Helvetica, sans-serif;
    text-align: center;
}

.tab,
.tabOver,
.tabSelected,
.tabSelectedOver,
.tabDown,
.tabSelectedDown,
.tabSelectedDisabled,
.tabDisabled {
    font-family:Verdana,Bitstream Vera Sans, sans-serif; font-size:11px;
}
.tabSelectedDisabled,
.tabDisabled {
    color:#666666;
}

.tabTitle,
.tabTitleDown,
.tabTitleOver,
.tabTitleDisabled,
.tabTitleSelected,
.tabTitleSelectedDown,
.tabTitleSelectedOver,
.tabTitleSelectedDisabled,
.vtabTitle,
.vtabTitleSelected,
.vtabTitleOver,
.vtabTitleDown,
.vtabTitleSelectedOver,
.vtabTitleSelectedDown,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
    color: #29333c;
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    padding-bottom:4px;
}
.tabTitleOver,
.vtabTitleOver {
    color:#29333c;
}

.tabTitleSelected,
.vtabTitleSelected {
	color:#FFF;
    padding-bottom:4px;
}

.tabTitleSelectedOver,
.vtabTitleSelectedOver {
	color:#353f46;
    padding-bottom:4px;
}

.tabTitleDisabled,
.tabTitleSelectedDisabled,
.vtabTitleDisabled,
.vtabTitleSelectedDisabled {
    color: #AAAAAA;
    padding-bottom:2px;
}

/*============================================================
  SectionStack
============================================================*/

.sectionStack {
    border-left:1px solid #A6ABB4;
    border-right:1px solid #A6ABB4;
    border-bottom:1px solid #A6ABB4;
}

/* SectionStack headers - css based */
.sectionHeaderopened, 
.sectionHeaderclosed,
.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed {
	font-family:Arial,Verdana,sans-serif; font-size:16px; 
    font-weight:bold;
    text-shadow: 0px 1.5px 0px white; 
    padding-left:5px;
    color: #4c566c;
}

.sectionHeaderopened,
.sectionHeaderDisabledopened {
}

.sectionHeaderDisabledopened,
.sectionHeaderDisabledclosed {
	color:#c8c8c8;
}

/*============================================================
  Forms
============================================================*/

/* general form styles */
.formRow {}
.formCell,
.formCellFocused,
.formCellDisabled,
.nestedFormContainer,
.nestedFormContainerFocused,
.nestedFormContainerDisabled {
    font-family:Verdana,Bitstream Vera Sans,sans-serif;
    font-size:11px;
}
.formTitle,
.formTitleFocused,
.formTitleDisabled,
.formCellError,
.formTitleError,
.formHint,
.formHintDisabled,
.headerItem,
.headerItemDisabled,
.headerItemError,
.nativeSelectItem,
.nativeSelectItemDisabled,
.nativeSelectItemError,
.staticTextItem,
.staticTextItemDisabled,
.staticTextItemError,
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint,
.selectItemControl,
.selectItemControlError,
.selectItemControlFocused,
.selectItemText,
.selectItemTextError,
.selectItemTextDisabled,
.selectItemTextFocused,
.selectItemTextHint,
.selectItemTextDisabledHint,
.comboBoxItem,
.comboBoxItemFocused,
.comboBoxItemError,
.comboBoxItemDisabled ,
.pickListCell,
.pickListCellSelected,
.pickListCellDisabled,
.pickListCellDark,
.pickListCellSelectedDark,
.tallPickListCell,
.tallPickListCellSelected,
.tallPickListCellDisabled,
.tallPickListCellDark,
.tallPickListCellSelectedDark,
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:16px;
}

.formTitle,
.formTitleFocused  {
    color:#003168;
}

.formCellError,
.formTitleError {
    font-weight:bold; color:#204268;
}
.formHint,
.formHintDisabled {
    color:#455668; padding:3px;
}

/* headerItem */
.headerItem,
.headerItemDisabled,
.headerItemError {
    font-size:14px; font-weight:bold; color:#3E74B3;
}	

/* text items */
.textItem,
.textItemFocused,
.textItemDisabled,
.textItemDisabledHint,
.textItemError,
.textItemHint {
    background:#FFFFFF;
    padding:2px;
    border:1px solid #bfbfbf;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.selectItemText,
.selectItemTextError,
.selectItemTextFocused,
.selectItemTextDisabled,
.selectItemTextHint,
.selectItemTextDisabledHint {
    background:#FFFFFF;
    padding:2px;
    border:1px solid #4c4c4c;
    border-right: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.textItemDisabled,
.textItemDisabledHint   {
    color:#ACA899; 
}

.textItemHint,
.selectItemTextHint {
    color:darkGray;
}

.textItem {
    border-top:1px solid #abadb3;
    border-left:1px solid #dbdfe5;
    border-right:1px solid #dbdfe5;
    border-bottom:1px solid #dbdfe5;
}

/* selectItem */
.selectItemTextFocused {
    color:black;
    -moz-outline-offset:-1;
    border:1px solid #5678ac;
}

.textItemFocused,
.selectItemTextFocused {
    color:black;
    -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,
.selectItemTextHint,
.selectItemTextDisabledHint {
    border-right:0px none;
}

.selectItemTextDisabled,
.selectItemTextDisabledHint {
    color:#ACA899;
}

.selectItemPickerIcon,
.selectItemPickerIconFocused,
.selectItemPickerIconDisabled,
.selectItemPickerIconError {
    padding:0px;
}

.nativeSelectItemDisabled,
.staticTextItemDisabled {
    color:#ACA899;
}

.pickListMenuBody {
    border:1px solid black;
}

.pickListCell,
.pickListCellDark,
.tallPickListCell,
.tallPickListCellDark {
	color:black; background-color:#FFFFFF;
}
.pickListCellSelected,
.pickListCellSelectedDark {
    color:white;
    background-color:#316AC5;
}

.tallPickListCellSelected,
.tallPickListCellSelectedDark {
    color:black;
    background:#B2DFEE;
}

.pickListCellDisabled,
.tallPickListCellDisabled {
	color:#595959;
	background-color:#C0C0C0;
}

.pickListCellOver,
.pickListCellSelectedOver,
.pickListCellOverDark,
.pickListCellSelectedOverDark,
.tallPickListCellOver,
.tallPickListCellSelectedOver,
.tallPickListCellOverDark,
.tallPickListCellSelectedOverDark {
  background-color: #DEEBFB;
}

/* checkbox and radioButton */
.labelAnchor,
.labelAnchorDisabled,
.labelAnchorError,
.labelAnchorFocused  {
    text-decoration:none;
}

/* FilterBuilder */
.bracketBorders {
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;    
}

/* ColorChooser */
.colorChooserCell {
    background-color:#EFEFEF;
    border-left:1px solid #EFEFEF;
    border-top:1px solid #EFEFEF;
    border-right:1px solid #EFEFEF;
    border-bottom:1px solid #EFEFEF;
}
.colorChooserCellOver {
    background-color:#EFEFEF; 
    border-left:1px solid black;
    border-top:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
}

/*============================================================
     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,
.dateChooserWeekendSelectedDisabled,
.dateChooserWeekendDisabled,
.dateChooserDisabledWeekday,
.dateChooserDisabledWeekdayOver,
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekend,
.dateChooserDisabledWeekendOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedDown,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserSelectedWeek,
.dateChooserSelectedWeekOver,
.dateChooserSelectedWeekDown,
.dateChooserSelectedWeekDisabled,
.dateChooserSelectedWeekSelected,
.dateChooserSelectedWeekSelectedDown,
.dateChooserSelectedWeekSelectedOver,
.dateChooserSelectedWeekSelectedDisabled
.dateChooserFiscalYearCell,
.dateChooserFiscalYearCellOver,
.dateChooserFiscalYearCellDown,
.dateChooserFiscalYearCellDisabled,
.dateChooserFiscalYearCellSelected,
.dateChooserFiscalYearCellSelectedDown,
.dateChooserFiscalYearCellSelectedOver,
.dateChooserFiscalYearCellSelectedDisabled,
.dateChooserWeekCell,
.dateChooserWeekCellOver,
.dateChooserWeekCellDown,
.dateChooserWeekCellDisabled,
.dateChooserWeekCellSelected,
.dateChooserWeekCellSelectedDown,
.dateChooserWeekCellSelectedOver,
.dateChooserWeekCellSelectedDisabled {
    font-family:Arial,Verdana,sans-serif; font-size:11px;
    background-color:#FFFFFF;
    color:#868686;
}

/* year/month buttons */
.dateChooserNavButton,
.dateChooserNavButtonOver,
.dateChooserNavButtonDown,
.dateChooserNavButtonSelected,
.dateChooserNavButtonSelectedOver,
.dateChooserNavButtonSelectedDown {
    padding:0px;
    border-top:0px none;
    border-bottom:1px solid #868686;
}

/* 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:#4C4C4C;
}

.dateChooserButtonOver,
.dateChooserButtonDown {
	cursor:pointer;
	color:#467DCD;
}

.dateChooserWeekendButton,
.dateChooserWeekendButtonOver,
.dateChooserWeekendButtonDown,
.dateChooserWeekendButtonSelected,
.dateChooserWeekendButtonSelectedOver,
.dateChooserWeekendButtonSelectedDown {
    background-color:#fff1a8;
}

.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:#4C4C4C;
    border-left:1px solid #ACB1B9;
    border-top:1px solid #ACB1B9;
}
.dateChooserBottomButtonOver {
    color:#467DCD;
}


/* weekday and weekend cells */
.dateChooserWeekday,
.dateChooserWeekdayOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekdayDisabled,
.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendSelectedDown,
.dateChooserWeekendDisabled {
    cursor:pointer;
    color:black;
    border:2px solid white;
    background-color:white;
}

.dateChooserWeekdayDisabled,
.dateChooserWeekendDisabled {
	color:#C0C3CA;
}

.dateChooserWeekend,
.dateChooserWeekendOver,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedDisabled,
.dateChooserWeekendDisabled {
    border:2px solid #fff1a8;
    background-color:#fff1a8;
}

.dateChooserWeekdayOver,
.dateChooserWeekendOver {
	border:2px solid #ffeb90;
}

/* selected/over date-cell styling */
.dateChooserWeekdaySelected,
.dateChooserWeekdaySelectedOver,
.dateChooserWeekdayDown,
.dateChooserWeekdaySelectedDown,
.dateChooserWeekendSelected,
.dateChooserWeekendSelectedOver,
.dateChooserWeekendDown,
.dateChooserWeekendSelectedDown ,
/* disabled selected/over date-cells */
.dateChooserDisabledWeekdayDown,
.dateChooserDisabledWeekdaySelected,
.dateChooserDisabledWeekdaySelectedDown,
.dateChooserDisabledWeekdaySelectedOver,
.dateChooserDisabledWeekendDown,
.dateChooserDisabledWeekendSelected,
.dateChooserDisabledWeekendSelectedOver,
.dateChooserDisabledWeekendSelectedDown {
	font-weight:bold;
	color:#4C4C4C;
    border:2px solid #ffdd2e;
    background-color:#ffdd2e;
}

.dateChooserWeekdayDown,
.dateChooserWeekendDown {
	font-weight:normal;
}

/* year and month pop-up menus */
.dateChooserYearMenu,
.dateChooserMonthMenu,
.dateChooserWeekMenu {
    background-color:#FFFFFF;    
}



/*============================================================
  Slider & Rangebar
============================================================*/

/* slider and rangebar labels */
.sliderTitle,
.sliderRange,
.sliderRangeDisabled,
.sliderValue,
.sliderValueDisabled,
.rangebarTitle,
.rangebarRange,
.rangebarValue {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:10px;
}
.sliderTitle,
.rangebarTitle {
    font-weight:bold;
}
.sliderRange,
.rangebarRange {
    color:gray;
}
.sliderRangeDisabled,
.sliderValueDisabled {
    color:#ACA899;
}

/*============================================================
  DetailViewer
============================================================*/
.detailBlock {
    background-color:white;
    border-left:1px solid #999999;
    border-top:1px solid #999999;
}

.detail,
.detailLabel,
.detailHeader {
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
}

.detail,
.detailLabel,
.detailHeader {
	font-family:Arial,Verdana,sans-serif; font-size:16px; 
    background-color:white;
}

.detailLabel {
    font-weight:bold;
    background-color:#EEEEEE;
    text-align:right;
}

.detailHeader {
    font-size:18px; font-weight:bold;
    background-color:#BBDAFA;
}

/*============================================================
  ListGrid
============================================================*/

/*============================================================
	ListGrid parts
		styleName - listGrid
		headerBarStyle - headerBar
		bodyStyleName - gridBody
============================================================*/

.listGrid {
    border: 1px solid #A7ABB4;
}
.loadingDataMessage,
.offlineMessage,
.emptyMessage {
	font-family:Arial,Verdana,sans-serif; font-size:16px;
    padding:10px;
}
.gridDragTracker {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    background-color:white;
    padding:1px;
    border:1px dotted blue;
}
.dragLine {
    border-bottom:2px dotted #548ACA;
    pointer-events: none;
}
.dragLineVertical {
    border-right:2px dotted #548ACA;
    pointer-events: none;
}

.listTable {}
/* for filterEditor */
.recordEditorCell {
    font-family:Verdana,Bitstream Vera Sans,sans-serif;
    font-size:11px; color:black;
    background-color:#f4f4f4;
}


/*============================================================
	ListGrid cells
		listGrid.baseStyle
============================================================*/

/*------------------------------------------------------------
		listGrid.baseStyle
------------------------------------------------------------*/
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark,
.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:Arial,Verdana,sans-serif; font-size:16px; text-overflow:ellipsis;
	color:black;
    border-bottom:1px solid;
    border-bottom-color: #e2e2e2;
}

.specialCol {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color:black;
    background-color:#edf3fe;
}

.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark {

 }
.cellDark,
.recordSummaryCell,
.recordSummaryCellDark {
    background-color:#edf3fe;
}
.gridSummaryCell,
.gridSummaryCellDisabled {
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    background-color:#ececec;
}
.tallCellDark {
	background-color:#edf3fe;
}
.cellOver,
.cellOverDark,
.specialColOver,
.recordSummaryCellOver,
.recordSummaryCellOverDark {
    background-color:#deebfb;
}

.tallCellOver,
.tallCellOverDark {
	background-color:#deebfb;
}

.cellSelected,
.cellSelectedDark,
.specialColSelected,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark {
    background:#3875d7;
    color:#ffffff;
}
.tallCellSelected,
.tallCellSelectedDark {
    background:#3875d7;
    color:#ffffff;
}
.cellSelectedOver,
.cellSelectedOverDark,
.specialColSelectedOver,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark {
    background:#3875d7;
    color:#ffffff;
}
.tallCellSelectedOver,
.tallCellSelectedOverDark {
	background-color:#3875d7;
    color:#ffffff;
}

.gridSummaryCell,
.gridSummaryCellDisabled {
    font-weight:bold;
}

.cellDisabled,
.cellDisabledDark,
.specialColDisabled,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCellDisabled,
.specialColDisabled,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark {
	color:#AAAAAA;
	background-color:#FFFFFF;
}

.groupNode {
    font-weight:bold;
    font-family:Tahoma,Verdana,sans-serif;
	color:#FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 0px;
    background: rgba(178, 187, 194, 0.886719) repeat-x 50% 0%;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#989FA8), to(#BAC2C9), color-stop(.3,#BAC2C9));
}

/*------------------------------------------------------------
		tableView styles
------------------------------------------------------------*/
.recordTitle {
    font-weight: bold;
    font-size: 16px;
}

.recordDescription {
    font-weight: normal;
    font-size: 13px;
    color: #666666;
    display: block;
}

.recordData {
    font-weight: normal;
    font-size: 13px;
    color: #000000;
    display: block;
}

.recordInfo {
    font-weight: normal;
    font-size: 13px;
    color: #000099;
    text-align: right;
    float: right;
}


/*Tree styling*/
/*------------------------------------------------------------
		treeGrid.baseStyle
------------------------------------------------------------*/
.treeCell,
.treeCellDark,
.treeCellOver,
.treeCellOverDark,
.treeCellSelected,
.treeCellSelectedDark,
.treeCellSelectedOver,
.treeCellSelectedOverDark,
.treeCellDisabled,
.treeCellDisabledDark,
.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color:black;
}

.treeTallCell,
.treeTallCellDark,
.treeTallCellOver,
.treeTallCellOverDark,
.treeTallCellSelected,
.treeTallCellSelectedDark,
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark,
.treeTallCellDisabled,
.treeTallCellDisabledDark {

 }

.treeCellDark,
.treeTallCellDark {
	background-color:#edf3fe;
}
.treeCellOver,
.treeCellOverDark {
    background:#deebfb;
}
.treeTallCellOver,
.treeTallCellOverDark {
	background-color:#deebfb;
}
.treeCellSelected,
.treeCellSelectedDark {
    background:#3875d7;
    color:#ffffff;

}
.treeTallCellSelected,
.treeTallCellSelectedDark {
	background-color:#3875d7;
    color:#ffffff;
}
.treeCellSelectedOver,
.treeCellSelectedOverDark {
    background:#3875d7;
    color:#ffffff;
}
.treeTallCellSelectedOver,
.treeTallCellSelectedOverDark {
	background-color:#3875d7;
    color:#ffffff;
}


.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 {
    background-color:#558ed9;
}
.toolStripLayoutDropLine {
    background-color:#404040;
}

.toolbarButton,
.toolbarButtonOver,
.toolbarButtonDown,
.toolbarButtonDisabled,
.toolbarButtonSelected,
.toolbarButtonSelectedDown,
.toolbarButtonSelectedOver,
.toolbarButtonSelectedDisabled {
    font-family:Verdana,Bitstream Vera Sans,sans-serif;
    font-size:11px;
    /*padding:2px;*/
}
.toolbarButton {
    color:#FFFFFF;
}
.toolbarButtonOver {
    border:1px solid #FFFFFF;
}
.toolbarButtonDown {
    border:1px solid #FFFFFF;
}
.toolbarButtonDisabled {
    color:#666666;
    border:1px solid #CCCCCC;
}
.toolbarButtonSelected,
.toolbarButtonSelectedDown,
.toolbarButtonSelectedOver,
.toolbarButtonSelectedDisabled {
    font-size:12px; color:white;
    font-weight:bold;
    border:1px solid #FFFFFF;
}
.toolbarButtonSelectedOver {

}
.toolbarButtonSelectedDisabled {
    font-size:11px;
    color:#666666;
}

/*============================================================
   12a) ToolStripGroup and IconButton
==============================================================*/
.toolStripGroup,
.toolStripGroupOver,
.toolStripGroupSelected,
.toolStripGroupSelectedDisabled,
.toolStripGroupSelectedOver,
.toolStripGroupDown,
.toolStripGroupSelectedDown,
.toolStripGroupDisabled {
    background: #ffffff;
    border: 1px solid #999999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
}

.toolStripGroupTitle,
.toolStripGroupTitleOver,
.toolStripGroupTitleSelected,
.toolStripGroupTitleSelectedDisabled,
.toolStripGroupTitleSelectedOver,
.toolStripGroupTitleDown,
.toolStripGroupTitleSelectedDown,
.toolStripGroupTitleDisabled {
    background: #CCCCCC;
    border: 0;
    color: #000000;
    font-family: Arial, Verdana, Bitstream Vera Sans, sans-serif; 
    font-size: 12px; 
    font-weight: bold;
    padding: 3px;
}

.iconButton,
.iconButtonOver,
.iconButtonFocused,
.iconButtonFocusedOver,
.iconButtonDown,
.iconButtonFocusedDown,
.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedOver,
.iconButtonSelectedFocusedOver,
.iconButtonDisabled,
.iconButtonSelectedDisabled {
    background: #FFFFFF;
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	color: #324F85;
    font-family: Arial, Verdana, Bitstream Vera Sans, sans-serif; 
    font-size:12px;
    font-weight:bold;
    padding: 4px;
}

.iconButtonOver,
.iconButtonSelectedOver,
.iconButtonFocusedOver,
.iconButtonSelectedFocusedOver {
    background: rgb(1,97,231);
    background: -webkit-gradient(linear, left bottom, left top,color-stop(0.14, rgb(1,97,231)), color-stop(0.57, rgb(3,121,240)), color-stop(0.79, rgb(5,136,244)));
    background: -moz-linear-gradient(center bottom, rgb(1,97,231) 14%, rgb(3,121,240) 57%, rgb(5,136,244) 79%);
    border: 1px solid transparent;
    color: #FFFFFF;
    font-size:12px;
    font-weight:bold;
}

.iconButtonSelected,
.iconButtonSelectedFocused,
.iconButtonSelectedDown,
.iconButtonSelectedFocusedDown,
.iconButtonSelectedOver,
.iconButtonSelectedFocusedOver {
    background-color: pink;
}

.iconButtonDisabled {
    color: #AAAAAA;
}

/* IconButton icon and menuIcon styles - used for spacing top and bottom of the title in v-buttons */
.iconButtonHIcon {
    vertical-align:middle;
}
.iconButtonHMenuIcon {
    vertical-align:middle; 
    border:1px solid transparent; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px;
}

.iconButtonVIcon {
    vertical-align:middle;
    margin-bottom: 5px;
}
.iconButtonVMenuIcon {
    vertical-align:middle; 
    border:1px solid transparent; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px;
    margin-top: 4px;
}

/*============================================================
  Tools
============================================================*/
.resizeThumb {
    background-color:#009999;
}

/*============================================================
  TileGrid
==============================================================*/

.tileGrid {
    border:1px solid #808080;
}
.tileValue,
.tileValueDown,
.tileValueSelected,
.tileValueOver,
.tileValueSelectedOver,
.tileValueSelectedDown {
    font-size: 8pt; 
    text-overflow:ellipsis;   
}

.tileValueSelected {
    color: black;
}

.tileValueSelectedOver {
    color: black;
}

.simpleTile, 
.simpleTileOver,
.simpleTileSelected,
.simpleTileSelectedOver {
    padding:3px    
}

.simpleTile {
    border:1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
    padding:3px;
}
.simpleTileOver {
      padding:3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:3px solid #165fa7;
    opacity: 0.9;    
}

.simpleTileSelected {
    border : 3px solid #ff7e14;
    opacity: 0.9;
      padding:3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.simpleTileSelectedOver {
    border : 3px solid #ff7e14;
      padding:3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
}

/*============================================================
    Unused? Review & Remove
============================================================*/
.selectedText {
    color:white; background-color:darkblue;
}
.disabled {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px; color:#CCCCCC;
}
.pageHeader {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:12px; font-weight:bold; color:darkblue
}
.printPageHeader {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:14px; font-weight:bold; color:darkblue
}
.printCell {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:10px;
}

/*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,
.tabButtonLeftOver,
.tabButtonLeftSelected,
.tabButtonLeftSelectedOver,
.tabButtonLeftDown,
.tabButtonLeftSelectedDown,
.tabButtonLeftSelectedDisabled,
.tabButtonLeftDisabled {
    padding: 2px;
    border: 1px solid #C0C3C7;
    background: #e7e7e7;
    background-image: -moz-linear-gradient(top, #ffffff, #efefef);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
}
.tabButtonLeftOver,
.tabButtonLeftSelected,
.tabButtonLeftSelectedOver {
    background: #ffffff;
}

.tabButtonLeftDown,
.tabButtonLeftSelectedDown {
    background: #ddd;
}

.tabButtonLeftSelectedDisabled,
.tabButtonLeftDisabled {
    background: #ddd;
}

/* right */                        
.tabButtonRight,
.tabButtonRightOver,
.tabButtonRightSelected,
.tabButtonRightSelectedOver,
.tabButtonRightDown,
.tabButtonRightSelectedDown,
.tabButtonRightSelectedDisabled,
.tabButtonRightDisabled {
    padding: 2px;
    border: 1px solid #C0C3C7;
    background: #e7e7e7;
    background-image: -moz-linear-gradient(top, #ffffff, #efefef);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF)";
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
}
.tabButtonRightOver,
.tabButtonRightSelected,
.tabButtonRightSelectedOver {
    background: #ffffff;
}

.tabButtonRightDown,
.tabButtonRightSelectedDown {
    background: #ddd;
}

.tabButtonRightSelectedDisabled,
.tabButtonRightDisabled {
    background: #ddd;
}

/* top */                        
.tabButtonTop,
.tabButtonTopOver,
.tabButtonTopSelected,
.tabButtonTopSelectedOver,
.tabButtonTopDown,
.tabButtonTopSelectedDown,
.tabButtonTopSelectedDisabled,
.tabButtonTopDisabled {
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    padding: 2px;
    border: 1px solid #C0C3C7;
    border-bottom:none;
    background: #e7e7e7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
}
.tabButtonTopOver,
.tabButtonTopSelected,
.tabButtonTopSelectedOver {
    background: #ffffff;
}

.tabButtonTopSelected {
    border-bottom:none;
}

.tabButtonTopDown,
.tabButtonTopSelectedDown {
    background: #ddd;
}

.tabButtonTopSelectedDisabled,
.tabButtonTopDisabled {
    background: #ddd;
}

/* bottom */                        
.tabButtonBottom,
.tabButtonBottomOver,
.tabButtonBottomSelected,
.tabButtonBottomSelectedOver,
.tabButtonBottomDown,
.tabButtonBottomSelectedDown,
.tabButtonBottomSelectedDisabled,
.tabButtonBottomDisabled {
    position: relative;
    padding: 4px 0 0 0;
    margin: 3px 3px 3px 3px;
    display:block;
    text-align: center;
    color: #fff;
    position: relative;
    font-size:9px;
    font-weight:bold;
}

.tabButtonBottomSelected,
.tabButtonBottomSelectedOver {
    background: rgba(255, 255, 255, 0.15);
    -webkit-border-radius: 3px;
    padding: 4px 0 0 0;
    margin: 3px 3px 3px 3px;
    display:block;
    text-align: center;
    color: #fff;
    position: relative;
}

.tabButtonBottomDown,
.tabButtonBottomSelectedDown {
}

.tabButtonBottomSelectedDisabled,
.tabButtonBottomDisabled {
    background: #ddd;
}

.tabButtonBottom img,
.tabButtonBottomOver img,
.tabButtonBottomDisabled img {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A6A6A6), to(#606060), color-stop(.5,#8C8C8C));
    -webkit-box-shadow: #000 0 1px 0px;
}

.tabButtonBottomSelected img,
.tabButtonBottomSelectedOver img,
.tabButtonBottomDown img,
.tabButtonBottomSelectedDown img,
.tabButtonBottomSelectedDisabled img {
    background: -webkit-gradient(linear, 38% 0%, 60% 70%, from(#dde9f0), to(#3fc5f8), color-stop(.6,#79b2ec),color-stop(.7,#2e91e5));
    -webkit-box-shadow: #000 0 1px 0px;
    color:#68B3DA;
    border:none;
}

.tabButtonBottom span,
.tabButtonBottomOver span,
.tabButtonBottomDisabled span {
    font-size: 9px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tabButtonBottomSelected span,
.tabButtonBottomSelectedOver span,
.tabButtonBottomDown span,
.tabButtonBottomSelectedDown span,
.tabButtonBottomSelectedDisabled span {
    font-size: 9px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*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: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 #828282; 
    border-left:1px solid white; border-right:1px solid #828282;
}
.cubeCellDark {
    font-family: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 #828282; 
    border-left:1px solid #EEEEEE; border-right:1px solid #828282;
}
.cubeCellDisabled {
    font-family: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 #828282; 
}
.cubeCellSelected {
    background-color:#FFE781;
    border-top:1px solid #FFE781; border-bottom:1px solid #828282; 
    border-left:1px solid #FFE781; border-right:1px solid #828282;
}
.cubeCellSelectedOver {
    background-color:#B8D1EE;
    border-top:1px solid #B8D1EE; border-bottom:1px solid #828282; 
    border-left:1px solid #B8D1EE; border-right:1px solid #828282;
}

/* row headers */
.rowHeader {
    font-family: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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: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 {
    font-family: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");
}
.colHeaderLabelDown {
    font-family: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/colHeaderLabelDown.gif");
}
.colHeaderLabelDisabled {
    font-family: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: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: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: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: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: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: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: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: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: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: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: Tahoma,sans-serif;
    font-size:14px;
    font-weight: bold;
    text-align:center
}
.chartAxisTitle {
    color:green;
    font-family: Tahoma,sans-serif;
    font-weight: bold;
    font-size:12px;
}
.chartValueTitle {
    color:black;
    font-family: Tahoma,sans-serif;
    font-size:10px;
}
.chartTotal {
    color:black;
    font-family:Bitstream Vera Sans, 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;
    -ms-filter:"progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#990000, endColorStr=#FF0000)";
}
.chartBar2 {
    background-color:blue;
    -ms-filter:"progid:dximagetransform.microsoft.gradient(gradientType=1, startColorStr=#000099, endColorStr=#0000FF)";
}
.chartBar3 {
    background-color:green;
    -ms-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:Bitstream Vera Sans,Helvetica,Verdana,sans-serif; font-size:11px;
    border:1px solid black;
    font-weight:bold;
}

/*============================================================
	Calendar
    
============================================================*/
.calendar,
.calendarDisabled,
.calendarDisabledDark,
.calendarDisabledOver,
.calendarDisabledOverDark,
.calendarWorkday,
.calendarWorkdayDisabled,
.calendarDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#ffffff;
}

.calendarWorkdayDisabled,
.calendarDark,
.calendarDisabled,
.calendarDisabledDark,
.calendarDisabledOver,
.calendarDisabledOverDark {
    background-color:gainsboro;    
}

.calendarWorkday {
    background-color:#f2f2f2; 
}

.calendarOver,
.calendarOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#c0ffc0;
}
.calendarWorkdaySelected,
.calendarCellSelected {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#CCCCCC; 
}
.labelColumn,
.labelColumnDark,
.labelColumnOver,
.labelColumnOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:gainsboro;
}

.labelColumnOver,
.labelColumnOverDark, 
.calendarDisabledOver,
.calendarDisabledOverDark {
  background-color: #a4bbdb;
}

/* ----month---- */
/* calMonthDayHeader and Body */

.calMonthDayHeader,
.calMonthDayHeaderDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color: gainsboro;
}
.calMonthDayHeaderOver,
.calMonthDayHeaderOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color: #c0ffc0;
}
.calMonthDayHeaderDisabled,
.calMonthDayHeaderDisabledOver {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#E6E6E6;
}

.calMonthDayBody,
.calMonthDayBodyDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#ffffff;
}
.calMonthDayBodyOver,
.calMonthDayBodyOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#c0ffc0;
}
.calMonthDayBodyDisabled,
.calMonthDayBodyDisabledOver {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#E6E6E6;
}
/* calMonthOtherDayHeader and Body */

.calMonthOtherDayHeader,
.calMonthOtherDayHeaderDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:#444444;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color: #aaaaaa;
}
.calMonthOtherDayHeaderOver,
.calMonthOtherDayHeaderOverDark {
    font-family:Verdana,Bitstream Vera Sans,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:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color:#E6E6E6;
}
.calMonthOtherDayBodyOver,
.calMonthOtherDayBodyOverDark {
    font-family:Verdana,Bitstream Vera Sans,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:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:#444444;
    border-bottom:1px solid #a0a0a0; border-right:1px solid #a0a0a0;
    background-color: #E6E6E6;
}

/* 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-size:9px;
    background-color:#EBF4FF;
    border: 1px solid #d0dff6;
    padding: 0px;
    margin: 0px;
}

.eventWindowHeader,
.eventWindowGripper,
.eventWindowLabel {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif;
    font-size: 9px;
    color:#4C4C4C;
    background-color:#d0dff6;
    margin:0px;
}

.eventWindowBody {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size: 9px;
    color:black;
    background-color:#EBF4FF;
    padding: 3px;
}

.eventWindowResizer{
    border-top:1px solid white;
    border-bottom: 1px solid white;
}


/* --- ZoneCanvas --- */

.zoneCanvas {
  background-color: rgba(150, 150, 150, 0.5);
}

.zoneCanvasHeader,
.zoneCanvasGripper,
.zoneCanvasLabel {
  display: inline-block;
  color: white;
  background-color: grey;
  left: 0;
  bottom: 0;
}

/* --- IndicatorCanvas --- */

.indicatorCanvas {
  background-color: #AA0000;
}

.indicatorCanvasHeader,
.indicatorCanvasGripper,
.indicatorCanvasLabel {
  display: inline-block;
  color: white;
  background-color: #AA0000;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}

/* make all grippers rounded */
.eventWindowGripper,
.indicatorCanvasGripper,
.zoneCanvasGripper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0px;
  margin: 0px;
}

/* show a border around floating labels */
.eventWindowLabel,
.zoneCanvasLabel,
.indicatorCanvasLabel {
  border: 1px solid black;
}

/*============================================================
	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,
.propSheetValueDisabled {
    font-family:Verdana,Bitstream Vera Sans,sans-serif;
    font-size:11px;
    border-bottom:1px solid #AAAAAA;
    border-right:1px solid #AAAAAA;
    padding:0px;
    margin:0px;
}
.propSheetTitle,
.propSheetTitleFocused,
.propSheetTitleDisabled {
    font-family:Verdana,Bitstream Vera Sans,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:Verdana,Bitstream Vera Sans,sans-serif; 
    font-size:11px; color:#204268; 
    background-color:#CFD9F2
}
.propSheetField,
.propSheetFieldDisabled {
    font-family:Verdana,Bitstream Vera Sans,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:Verdana,Bitstream Vera Sans,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 {
}


/* Styles for Finder cells */
.finder,
.finderSelected {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; 
    font-size:12px;
    background-color:#F0F0F0;
    border-bottom:1px solid white;
}
.finderSort,
.finderSelectedSort {
    font-family:Gadget, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px; background-color:#DDDDDD;
    border-bottom:1px solid white;
}
.finderDisabled {
    font-family:Chicago, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px; color:#666666;
    background-color:#FFFFFF;
    border-bottom:1px solid #FFFFFF;
}
.finderSelectedText {
    color:white; background-color:black; margin:5px;
}

	/* header buttons */
.finderButton {
    font-family:Gadget, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px; background-color:#DDDDDD;
    border-left:1px solid white; border-top:1px solid white;
    border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
}
.finderButtonDown,
.finderButtonSelectedDown {
    font-family:Gadget, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px; color:white;
    background-color:#999999;
    border-left:1px solid #666666; border-top:1px solid #666666;
    border-right:1px solid white; border-bottom:1px solid white;
}
.finderButtonSelectedDisabled,
.finderButtonSelected {
    font-family:Gadget, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px; background-color:#999999;
    border-left:1px solid #666666; border-top:1px solid #666666;
    border-right:1px solid white; border-bottom:1px solid white;
}
.finderButtonDisabled {
    font-family:Gadget, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px; color:#666666;
    background-color:#999999;
    border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC;	
    border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
}



/* Styles for Explorer cells */
.explorer,
.explorerOver,
.explorerSelected,
.explorerSelectedOver,
.explorerDark,
.explorerOverDark,
.explorerSelectedOverDark,
.explorerSelectedDark,
.explorerDisabled {
    font-family:MS Sans Serif, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px;
}
.explorerSelectedText {
    background-color:darkblue; color:white; margin:5px;
}
.explorerButtonOver,
.explorerButtonSelected,
.explorerButtonSelectedOver,
.explorerButton {
    font-family:MS Sans Serif, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px;
    background-color:#CCCCCC;
    border-left:2px solid white; border-top:2px solid white;
    border-right:1px solid #999999; border-bottom:1px solid #999999;
}
.explorerButtonSelectedDown,
.explorerButtonDown {
    font-family:MS Sans Serif, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px;
    background-color:#CCCCCC;  
    border-left:2px solid #999999; border-top:2px solid #999999;
    border-right:0px solid white; border-bottom:0px solid white;
}
.explorerButtonSelectedDisabled,
.explorerButtonDisabled	{
    font-family:MS Sans Serif, Verdana,Bitstream Vera Sans,sans-serif; font-size:12px; color:#666666;
    background-color:#CCCCCC; 
    border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC;	
    border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;
}

/*iPhone related styling*/

.navToolbar {
    background: url(images/iOS/toolbar.png) #6d84a2 repeat-x;
    border-bottom: 1px solid #2d3642;
    border-top: 1px solid #6d84a2;
    margin: 0;
}

.popupWindowNavToolbar {
    background: url(images/iOS/toolbar.png) #6d84a2 repeat-x;
    padding: 10px;
    height: 45px;
    margin: 0;
    -webkit-padding-start: 0px;
    -webkit-border-radius: 10px;
}

.navBarHeader {
    font-size: 20px;
    line-height: 35px;
    width: 150px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #FFFFFF;
}

.navButton,
.navButtonOver,
.navButtonDown,
.navButtonDisabled,
.navButtonSelected,
.navButtonSelectedDown,
.navButtonSelectedOver,
.navButtonSelectedDisabled,
.navBackButton,
.navBackButtonOver,
.navBackButtonDown,
.navBackButtonDisabled,
.navBackButtonSelected,
.navBackButtonSelectedDown,
.navBackButtonSelectedOver,
.navBackButtonSelectedDisabled,
.navForwardButton,
.navForwardButtonOver,
.navForwardButtonDown,
.navForwardButtonDisabled,
.navForwardButtonSelected,
.navForwardButtonSelectedDown,
.navForwardButtonSelectedOver,
.navForwardButtonSelectedDisabled {
    overflow: hidden;
    margin: 0;
    border-width: 0 5px;
    padding: 0 3px;
    width: auto;
    height: 30px;
    line-height: 30px;
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    -webkit-border-image: url(images/iOS/toolButton.png) 0 5 0 5;
}

.navButtonDisabled,
.navBackButtonDisabled,
.navForwardButtonDisabled {
    color: #999999;
}

.navButtonOver,
.navButtonDown,
.navBackButtonOver,
.navBackButtonDown,
.navForwardButtonOver,
.navForwardButtonDown {
    color: #d8e9f2;
}

.navBackButton,
.navBackButtonOver,
.navBackButtonDown,
.navBackButtonDisabled,
.navBackButtonSelected {
    padding: 0;
    border-width: 0 8px 0 14px;
    -webkit-border-image: url(images/iOS/backButton.png) 0 8 0 14;
}

.navForwardButton,
.navForwardButtonOver,
.navForwardButtonDown,
.navForwardButtonDisabled,
.navForwardButtonSelected {
    padding: 0;
    border-width: 0 14px 0 8px;
    -webkit-border-image: url(images/iOS/forwardButton.png) 0 14 0 8;
}


/* TableView */
.tableCell,
.tableCellDark,
.tableCellOver,
.tableCellOverDark,
.tableCellSelected,
.tableCellSelectedDark,
.tableCellSelectedOver,
.tableCellSelectedOverDark,
.tableCellDisabled,
.tableCellDisabledDark {
    font-family:Arial,Verdana,sans-serif;
    font-size:18px;
    font-weight: bold;
    text-overflow:ellipsis;
    color:#000;
    border-bottom:1px solid;
    border-bottom-color: #e2e2e2;
}

.tableCellDark {
    background-color:#edf3fe;
}

.tableCellOver,
.tableCellOverDark,
.tableCellSelected,
.tableCellSelectedDark {
    background:#3875d7;
    color:#ffffff;
}

.tableCellSelectedOver,
.tableCellSelectedOverDark {
    background:#3875d7;
    color:#ffffff;
}

.tableCellDisabled,
.tableCellDisabledDark {
    color:#AAAAAA;
    background-color:#FFFFFF;
}