/* body */ body{background: Window; font-family: Tahoma, Arial, Verdana, Helvetica, Courier; font-size: 12px; margin: 0px; padding: 0px; } /* BaseMenu */ #BaseMenu { background: #f5f6f8 url('../images/gradient/gradient_150_30_menu.png') left top repeat ; border-top: 1px solid #a1a9b3; border-left: 1px none #FFFFFF; border-bottom: 1px solid #a1a9b3 ;border-right: 1px none #a1a9b3 ;height: 28px;overflow: hidden; } #BaseMenu ul{list-style-type: none;margin : 2px 0px 0px 0px;padding: 0px;} #BaseMenu ul li{cursor:pointer;float: left;padding: 3px 2px 3px 22px;height: 14px;background-position:left center;background-repeat:no-repeat;margin: 1px 7px 1px 7px;font-size: 11px;} #BaseMenu ul li:hover{ margin: 0px 6px 0px 6px; border: 1px solid #FFBD69; background-color: #FFE59D;} #BaseMenu ul li.mnuForward{ background-image: url('../images/icon.forward.png');} #BaseMenu ul li.mnuForwardDisabled{cursor: wait;background-image: url('../images/icon.forward.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuBack{background-image: url('../images/icon.back.png');} #BaseMenu ul li.mnuBackDisabled{cursor: wait;background-image: url('../images/icon.back.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuDesktop { background-image: url('../images/icon.home.png'); } #BaseMenu ul li.mnuDesktopDisabled{ cursor: wait; background-image: url('../images/icon.home.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuClose{background-image: url('../images/icon.logout.png');} #BaseMenu ul li.mnuCloseDisabled{cursor: wait;background-image: url('../images/icon.logout.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuExcel{background-image: url('../images/icon.excel.png');} #BaseMenu ul li.mnuExcelDisabled{cursor: wait;background-image: url('../images/icon.excel.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuCsv{background-image: url('../images/icon.excel.png');} #BaseMenu ul li.mnuCsvDisabled{cursor: wait;background-image: url('../images/icon.excel.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuPrint{background-image: url('../images/icon.print.png');} #BaseMenu ul li.mnuPrintDisabled{cursor: wait;background-image: url('../images/icon.print.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuQuicklink{background-image: url('../images/icon.quicklink.png');} #BaseMenu ul li.mnuQuicklinkDisabled{cursor: wait;background-image: url('../images/icon.quicklink.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuNew{background-image: url('../images/icon.new.png');} #BaseMenu ul li.mnuNewDisabled{cursor: wait;background-image: url('../images/icon.new.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuDesktopRefresh{ background-image: url('../images/icon.refresh.png');} #BaseMenu ul li.mnuDesktopRefreshDisabled{ cursor: wait;background-image: url('../images/icon.refresh.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuUploadfile{ background-image: url('../images/icon.upload.png');} #BaseMenu ul li.mnuUploadfileDisabled{cursor: default;background-image: url('../images/icon.upload.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuNewfolder{ background-image: url('../images/icon.newfolder.png');} #BaseMenu ul li.mnuNewfolderDisabled{cursor: default;background-image: url('../images/icon.newfolder.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuRemovefolder{ background-image: url('../images/icon.removefolder.png');} #BaseMenu ul li.mnuRemovefolderDisabled{cursor: default;background-image: url('../images/icon.removefolder.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuModifyfolder{ background-image: url('../images/icon.folder.modify.png');} #BaseMenu ul li.mnuModifyfolderDisabled{cursor: default;background-image: url('../images/icon.folder.modify.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuSave{ background-image: url('../images/icon.save.png');} #BaseMenu ul li.mnuSaveDisabled{cursor: default;background-image: url('../images/icon.save.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuSaveClose{ background-image: url('../images/icon.save.png');} #BaseMenu ul li.mnuSaveCloseDisabled{cursor: default;background-image: url('../images/icon.save.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuStudio{ background-image: url('../images/icon.studio.png');} #BaseMenu ul li.mnuStudioDisabled{cursor: default;background-image: url('../images/icon.studio.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuMail{ background-image: url('../images/icon.outlook.png');} #BaseMenu ul li.mnuMailDisabled{cursor: default;background-image: url('../images/icon.outlook.disabled.png'); color: #9D9DA1; } #BaseMenu ul li.mnuCCache{background-image: url('../images/icon.clearcache.gif');} #BaseMenu ul li.mnuCCacheDisabled{cursor: wait;background-image: url('../images/icon.clearcache.disabled.gif'); color: #9D9DA1; } #BaseMenu ul li.mnuSeperator{margin: 1px 1px 1px 1px;border: none;border-left: 1px solid #a1a9b3;height: 14px;width: 1px;background-color: #FFFFFF;padding: 3px 0px 3px 0px;} #BaseMenu ul li.mnuLog{ background-image: url('../images/icon.log.png');} #BaseMenu ul li.mnuLogDisabled{cursor: default;background-image: url('../images/icon.log.disabled.png'); color: #9D9DA1; } /* BaseHeader */ #BaseHeader { color: #FFFFFF; background: #dee2e7 url('../images/gradient/gradient_header.png'); ;border-top: none;border-left: none;border-bottom: 1px solid #a1a9b3 ;border-right:none;height: 29px;overflow: hidden; } #BaseHeader h1 { margin: 3px 0px 0px 10px;padding: 0px;color: #3b3b3b; font-size: 18px; } /* BaseControl */ #BaseControl{height: 27px;padding: 2px 0px 0px 0px;border-bottom: 1px solid #a1a9b3;background-color: #f5f6f8;overflow: hidden;} #BaseControl table{ margin: 0px 0px 0px 4px; } /* loginTable */ .loginTable { margin: 100px 0px 0px 0px; background-color: #f4f4f4; border: 1px solid #a1a9b3; width: 300px; } .loginTable td.loginheader { border-bottom: 1px solid #a1a9b3; background: #A4C3EE url('../images/gradient/gradient_header.png') left top repeat ; } .loginTable td.syntecHeader { background: #3b3b3b url('../images/logo.syntec.png') no-repeat;border-bottom: 1px solid #a1a9b3;height: 40px } .loginTable td { padding: 0px 4px 0px 4px; } .loginTable td.loginlabel { text-align: right; width: 90px; padding: 0px 4px 0px 20px; } .loginTable td.loginfield { padding: 0px 0px 0px 0px; } .loginTable td.loginFailed { padding: 0px 0px 0px 20px; color: red; } .loginTable td.ssl { padding: 0px 0px 0px 20px; color: red; } .loginTable td.ssl a { text-decoration: none; color: red; font-size: 11px; } .loginTable td input.textbox { margin: 1px 0px 1px 0px; } .loginTable td input.button { margin: 10px 0px 10px 0px; } .loginTable td select { margin: 1px 0px 1px 0px; } .loginCopyrights { text-align: center; padding-top: 4px; font-size: 11px; color: ThreeDDarkShadow; } .loginServerType { text-align: center; padding-top: 2px; font-size: 9px; color: #a1a9b3; } /* ErrorWindow */ .ErrorWindow { position: absolute;width: 90%;height: 500px;right: 0px;bottom: 0px;overflow: auto;background-color: #FFFFCC;border: 10px solid #FF0000; } .ErrorWindow div.header { background-color: #000000;color: #FFFFFF;padding: 4px;cursor: pointer; } .ErrorWindow div.body { padding: 4px;} /* table layout */ th.header, td.header{ font-weight: normal; text-align: left; border-bottom: 1px solid #a1a9b3;border-right: 1px solid #a1a9b3;border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;background: #f5f6f8 url('../images/gradient/gradient_150_30_menu.png') left top repeat ; padding: 2px 4px 2px 4px;} th.headerClear, td.headerClear{ text-align: left; border-bottom: 1px solid #a1a9b3;border-right: 1px solid #a1a9b3;border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;background: #f5f6f8 left top repeat ; padding: 2px 4px 2px 4px;} th.headerDown, td.headerDown{ text-align: left; border-top: 1px solid #a1a9b3;border-left: 1px solid #a1a9b3;border-bottom: 1px solid #a1a9b3;border-right: 1px solid #a1a9b3;background: #f5f6f8 url('../images/gradient/gradient_150_30_menu.png') left top repeat ; padding: 2px 4px 2px 4px;} tr.down { background-color: Window; color: WindowText; } tr.over { background-color: #a1a9b3; color: #FFFFFF; } td.cell{ background-color: #FFFFFF; border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;border-top: none;border-left: none; padding: 2px 4px 2px 5px;} td.cellError { background-color: #FFFFFF; border-bottom: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;border-top: none;border-left: none; padding: 2px; color: red; } tr.even td.cell { background-color: #f6f6f6; } .cellDiv { overflow: hidden; white-space:nowrap; } td.cell a { text-decoration: none; color: #000000; } td.cell a:hover { text-decoration: underline; color: #0000FF; } td.cell a.iLink { text-decoration: none; color: #a1a9b3; } td.cell a.iLink:hover { text-decoration: none; color: red; } td.filter{border-bottom: 1px solid #a1a9b3;border-right: 1px solid #a1a9b3;border-top: none;border-left: none;background-color: InfoBackground;padding: 0px;} td.filter input.filter { min-width: 10px; border: 1px solid InfoBackground; background-color: InfoBackground; font-size: 11px; margin: 0px; padding: 0px;} .cellBgkOdd { background-color: #E2E2E2; } .cellBgkEven { background-color: #C2C2C2; } /* Hidden */ .hidden,.Hidden,.hideObject { display: none; } /* Dialog Window */ .DialogWindow{position: absolute;width: 550px;background-color: #f5f6f8;border: 1px solid #a1a9b3; border-top: 1px solid #a1a9b3; border-left: 1px solid #a1a9b3;} .DialogWindow div.header{ background: #f5f6f8 url('../images/gradient/gradient_150_30_menu.png') left top repeat ; color: #000000; border-bottom: 1px solid #a1a9b3; padding: 4px; font-weight: normal;} .DialogWindow div.body{padding: 16px 4px 16px 4px;} .DialogWindow div.buttons{padding: 4px 4px 20px 8px;} .DialogTransparantWindow { position: absolute; background: url('../images/background.wait.transparent.png') } /* Button */ .button,.Button{border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;border-bottom: 1px solid #a1a9b3;border-right: 1px solid #a1a9b3;background: #f5f6f8 url('../images/gradient/gradient_150_30_menu.png') left top repeat ;color: #000000;} .buttonSearch { background: #f5f6f8 url('../images/icon.button.search.png') no-repeat center center; border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;border-bottom: 1px solid #a1a9b3;border-right: 1px solid #a1a9b3; color: #000000; } .buttonUndo { background: #f5f6f8 url('../images/icon.button.undo.png') no-repeat center center; border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;border-bottom: 1px solid #a1a9b3;border-right: 1px solid #a1a9b3; color: #000000; } /* Default input */ input.field{font-size: 12px; border: 1px solid #a1a9b3;background-color: Window;color: WindowText;} input.fieldDisabled{font-size: 12px; background-color: #f5f6f8; border: 1px solid #a1a9b3; color: WindowText;} textarea.field{font-size: 12px; border: 1px solid #a1a9b3;background-color: Window;color: WindowText;} textarea.fieldDisabled{font-size: 12px; background-color: #f5f6f8; border: 1px solid #a1a9b3; color: WindowText;} /* VIEW */ .viewControlContainer{font-size: 11px; overflow: hidden;height: 30px;background-color: #f5f6f8;border-bottom: 1px solid #a1a9b3;border-right: 1px solid #a1a9b3;border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;} .viewListContainer{overflow: auto; background-color: #FFFFFF;} .viewHeaderContainer{ overflow: hidden; background-color: #FFFFFF; } .viewButtonFilter { border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;border-bottom: 1px solid #a1a9b3;border-right: 1px solid #a1a9b3; color: WindowText; background: #f5f6f8 url('../images/icon_filter.png') no-repeat center center; } .viewButtonBack{background-color: #f5f6f8;background-image: url('../images/icon.back.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;} .viewButtonBackDisabled{background-color: #f5f6f8;background-image: url('../images/icon.back.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;} .viewButtonForward{background-color: #f5f6f8;background-image: url('../images/icon.forward.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;} .viewButtonForwardDisabled{background-color: #f5f6f8;background-image: url('../images/icon.forward.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;} .viewButtonSearch{background-color: #f5f6f8;background-image: url('../images/icon.search.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;} .viewButtonSearchDisabled{background-color: #f5f6f8;background-image: url('../images/icon.search.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;} .viewButtonCount{background-color: #f5f6f8;background-image: url('../images/icon.count.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;} .viewButtonCountDisabled{background-color: #f5f6f8;background-image: url('../images/icon.count.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;} .viewButtonReset{background-color: #f5f6f8;background-image: url('../images/icon.reset.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;} .viewButtonResetDisabled{background-color: #f5f6f8;background-image: url('../images/icon.reset.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;} .viewButtonSeperator { width: 10px; } .viewButtonSelector { font-size: 11px; } .viewSubContainer { border: 1px solid #CCCCCC; } .viewLoadingText { padding: 20px; color: #616E73; font-size: 11px; font-weight: bold; font-style: italic; } /* .viewSubHeader { text-align: left; border-bottom: 1px solid #a1a9b3; border-right: 1px solid #a1a9b3;border-top: 1px solid Window;border-left: 1px solid Window;background-color: Window ; padding: 4px; color: #a1a9b3; } */ .viewSubHeader { text-align: left; background-color: Window ; padding: 4px; color: #3b3b3b; } .viewButtonNew{background-color: #f5f6f8;background-image: url('../images/icon.new.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;} .viewButtonNewDisabled{background-color: #f5f6f8;background-image: url('../images/icon.new.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;} .viewButtonExcel{background-color: #f5f6f8;background-image: url('../images/icon.excel.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;} .viewButtonExcelDisabled{background-color: #f5f6f8;background-image: url('../images/icon.excel.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;} .viewButtonPrint{background-color: #f5f6f8;background-image: url('../images/icon.print.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;} .viewButtonPrintDisabled{background-color: #f5f6f8;background-image: url('../images/icon.print.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;} /* Context menu */ .ContextMenu{ background-color: #f5f6f8; font-family: Tahoma; font-size: 11px; position: absolute; border: 1px outset;} .ContextMenuTr{ background-color: #f5f6f8; color: WindowText; font-size: 11px;} .ContextMenuTr td{ padding: 4px 8px 4px 8px;} .ContextMenuTrHover{ background-color: #a1a9b3; color: #FFFFFF; font-size: 11px; cursor: pointer;} .ContextMenuTrHover td{ padding: 4px 8px 4px 8px;} .ContextMenuTr td hr { border: none; background-color: #a1a9b3; height: 1px; } /* footerMessageContainer */ .footerMessageContainer { border: 1px solid #a1a9b3; background-color: #FFFFFF; height: 120px; overflow: auto; } .viewButtonExpandDisabled { background-color: ThreeDFace; background-image: url('../images/icon.expand.disabled.png'); background-position: center center; background-repeat: no-repeat; border: none; width: 15px; height: 19px; cursor: wait; } .viewButtonExpand { background-color: ThreeDFace; background-image: url('../images/icon.expand.png'); background-position: center center; background-repeat: no-repeat; border: none; width: 15px; height: 19px; cursor: pointer; } .viewButtonCollapse { background-color: ThreeDFace; background-image: url('../images/icon.collapse.png'); background-position: center center; background-repeat: no-repeat; border: none; width: 15px; height: 19px; cursor: pointer; } .viewButtonCollapseDisabled { background-color: ThreeDFace; background-image: url('../images/icon.collapse.disabled.png'); background-position: center center; background-repeat: no-repeat; border: none; width: 15px; height: 19px; cursor: wait; } /* treeView */ .tvUl { list-style-type: none; margin: 0px; padding: 0px; } .tvUl ul { list-style-type: none; margin: 0px 0px 0px 14px; padding: 0px; } .tvUl li { padding: 2px 2px 2px 2px; } .tvUl li a { cursor: pointer; } .tvUl li img { margin-right: 4px; cursor: pointer; } /* CAL */ .smsCC{ font-family: "MS Sans Serif"; font-size: 11px; background-color: #E3EFFF;position: absolute; } .smsCC td.today{ cursor: pointer; background-color: #FF0000; color: #FFFFFF; font-weight: bold; } .smsCC td.selected{ cursor: pointer; background-color: #0000FF; color: #FFFFFF; font-weight: bold; } .smsCC td.date{ cursor: pointer; background-color: #f5f6f8; } .smsCC td.closecal{ border-bottom: 1px solid #a1a9b3; cursor: pointer; background-color: #FFFFFF; } .smsCC select{font-size: 11px;} .smsCC table {background-color: #f5f6f8; border: 1px solid #a1a9b3;} .smsCC table table { border: none;} .smsCC table td {background-color: #f5f6f8;} .smsCC table th {border-bottom: 1px solid #a1a9b3; font-size: 11px; background-color: #f5f6f8;} .smsCC table.selectionheader {background-color: #f5f6f8;} /*ADDITIONS */ .smsCC .close { border: 1px solid #a1a9b3; border-bottom: none; padding: 2px; text-align: center; cursor: pointer; background-color: #FFFFFF; } /* Date Time field */ input.dateField { border: 1px solid #a1a9b3; font-size: 12px; width: 66px; height: 16px; padding: 1px 20px 1px 2px; background-attachment:fixed; background: #FFFFFF url('../images/icon.datefield.png') no-repeat right 1px; } input.timeField { border: 1px solid #a1a9b3; font-size: 12px; width: 40px; height: 16px; padding: 1px 20px 1px 2px; background-attachment:fixed; background: #FFFFFF url('../images/icon.timeField.png') no-repeat right 1px; } .timefieldList { width: 100px; height: 100px; overflow: auto; border: 1px solid #a1a9b3; background-color: #FFFFFF; } .timefieldList .hour { font-size: 11px; border-bottom: 1px none #E2E3EA; padding: 2px; background-color: #FFFFFF; cursor: pointer; font-weight: bold; } .timefieldList .hour:hover { background-color: HighLight; color: HighLightText; } .timefieldList .sub { font-size: 11px; padding: 2px; text-indent: 8px; background-color: #EEEEEE; cursor: pointer; } .timefieldList .sub:hover { background-color: HighLight; color: HighLightText; }