/* Style 7 is new EC branded look (grey and blue) */ /* Classes defined within this sheet are as follows: */ /* Custom, Folder, Menu, Top, Help, Wizard, Search, */ /* Login, Message, Page, Home, Admin, */ /* Form, Report, Sheet, WorkflowView, WorkflowActivity, */ /* WorkflowProcess, Task, Tree, Gantt, Popup Calendar, Payslip, Calendar Chart */ /* Changed 12th Feb 2010 from old orange to blue/green */ /************************************************************************/ /* Custom */ /* Amcor colors Primary corporate pallete #003946 - Amcor Primary BLUE filter:alpha(opacity=50); opacity:0.50; #005C7E - Amcor Primary Blue 75% tint #4F85A3 - Amcor Primary Blue 50% tint #9CBACF - Amcor Primary Blue 25% tint #00A1DE - Amcor primary Pale Blue #009DDC - Amcor primary Pale Blue #49AEE3 - Amcor primary Pale Blue 75% #8AC5EC - Amcor primary Pale Blue 50% #C4E0F5 - Amcor primary Pale Blue 25% #00A551 - Amcor Primary green - InfoTop #18B375 - Amcor Primary green #9BD3B2 - Amcor Primary green 75 #9BD3B2 - Amcor Primary green 50 #CBE8D5 - Amcor Primary green 25 secondary Pallete #00A1DE - Brighter pale blue #009DDC - Brighter pale blue #49AEE3 - Brighter pale blue 75 #8AC5EC- Brighter pale blue 50 #C4E0F5- Brighter pale blue 25 #58A618 - Brighter Green #6DB43F - Brighter Green #91C369 - Brighter Green 75 #91C369 - Brighter Green 50 #D6E9C8 - Brighter Green 25 #1E9D8B - aqua blue/green #23B0A5 - aqua blue/green #6EC0B8 - aqua blue/green 75 #9DD2CD - aqua blue/green 50 #6EC0B8 - aqua blue/green 25 #E98300 - bright mustard yellow #F8981D - bright mustard yellow #FBAF56 - bright mustard yellow 75 #FDC889 - bright mustard yellow 50 #FEEs1BF - bright mustard yellow 25 #C90062 - Some type of magenta #DC0C63 - Some type of magenta #E46180 - Some type of magenta #ED92A3 - Some type of magenta #F6C6CB - Some type of magenta #A59D95 - Warm Grey #BBB2A6 - Warm Grey #CBC4BB - Warm Grey #DBD5D0 - Warm Grey #ECE9E6 - Warm Grey */ textarea.AMCOR_REM {font-size:11px; color:#000000; font-weight:normal; font-family:Arial,Verdana,Helvetica; height:80; width:450;} textarea.AMCOR_REM_EXPAND {font-size:11px; color:#000000; font-weight:normal; font-family:Arial,Verdana,Helvetica; height:200; width:450;} select.CUSTOM {} input.submitCUSTOM {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} input.checkboxCUSTOM {} input.radioCUSTOM {} /************************************************************************/ /*REM REPORT */ /* This is used for the remuneration review report 769 */ /* As part of Style Sheet clean up the class was changed from REM_REPORT to REMREPORT (Jacqui July 2005) */ BODY.REMREPORT {margin:5px; background:#FFFFFF; color:#FFFFFF;} hr.REMREPORT {width:100%; color:#EAA200; background:transparent;} H1.REMREPORT {font-size:12px; font-weight:500; text-transform:UPPERCASE; color:#EAA200; background:transparent;font-family:Arial,Verdana,Helvetica;} a.REMREPORT {font-size:10px; font-weight:normal; font-family:Arial,Verdana,Helvetica; color:#183152; background:transparent;} a.REMREPORT:hover {} input.submitREMREPORT {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} select.REMREPORT {font-size:9px; color:#000000; background:#FFFFFF;} input.textREMREPORT {font-size:9px;} table.ecREMREPORT {} th.headREMREPORT {background:#737373; color:#737373;} td.dataREMREPORT {font-size:9px; color:#000000; background:transparent; font-weight:bold; font-family:Arial,Verdana,Helvetica;} td.borderREMREPORT {} td.lineREMREPORT {background:#000000; color:#000000;} td.altREMREPORT {background:#D9D9D9;font-size:8px; color:#000000; font-weight:bold; font-family:Arial,Verdana,Helvetica;} td.bufferREMREPORT {height:2px;} /* height: height of spacerow, width: width of col */ font.titleREMREPORT {font-size:11px; color:#EAA200; background:transparent; font-weight:bold; font-family:Arial,Verdana,Helvetica;} font.detailREMREPORT {font-size:10px; color:white; background:transparent;font-family:Tahoma,Verana,Arial} font.headREMREPORT {font-size:9px; color:#FFFFFF; background:transparent;font-weight:bold; font-family:Arial,Verdana,Helvetica;} font.labelREMREPORT {font-size:9px; color:#000000;background:transparent; font-weight:bold; font-family:Arial,Verdana,Helvetica;} font.valueREMREPORT {font-size:9px; color:#000000;background:transparent; font-weight:normal; font-family:Arial,Verdana,Helvetica;} font.infoREMREPORT {font-size:9px; color:#000000; background:transparent;font-weight:normal; font-family:Arial,Verdana,Helvetica;} /* anchor */ a.WHITE {font-size:100%; color:white; background:transparent; font-weight:normal; font-family:arial;} a.SMALLBLACK {font-size:65%; color:black; background:transparent; font-weight:normal; font-family:arial;} a.SMALLBLUE {font-size:65%; color:#0000CC; background:transparent; font-weight:normal; font-family:arial;} a.MEDIUMBLACK {font-size:85%; color:black; background:transparent; font-weight:normal; font-family:arial;} a.MEDIUMBLUE {font-size:85%; color:#0000CC; background:transparent; font-weight:normal; font-family:arial;} a.MEDIUMRED {font-size:85%; color:red; background:transparent; font-weight:normal; font-family:arial;} a.LARGERED {font-size:90%; color:red; background:transparent; font-weight:normal; font-family:arial;} a.LARGEBLACK {font-size:90%; color:black; background:transparent; font-weight:bold; font-family:arial;} a.LARGEBLUE {font-size:90%; color:#0000CC; background:transparent; font-weight:bold; font-family:arial;} a.GIANTBLACK {font-size:110%; color:black; background:transparent; font-weight:bold; font-family:arial;} /* font */ font.WHITE {font-size:9px; color:white; background:transparent; font-weight:normal; font-family:arial;} font.SMALLBLACK {font-size:8px; color:black; background:transparent; font-weight:normal; font-family:arial;} font.SMALLBLUE {font-size:8px; color:#0000CC; background:transparent; font-weight:normal; font-family:arial;} font.MEDIUMBLACK {font-size:10px; color:black; background:transparent; font-weight:normal; font-family:arial;} font.MEDIUMBLUE {font-size:10px; color:#0000CC; background:transparent; font-weight:normal; font-family:arial;} font.MEDIUMRED {font-size:10px; color:red; background:transparent; font-weight:normal; font-family:arial;} font.LARGERED {font-size:12px; color:red; background:transparent; font-weight:normal; font-family:arial;} font.LARGEBLACK {font-size:12px; color:black; background:transparent; font-weight:bold; font-family:arial;} font.LARGEBLUE {font-size:12px; color:#0000CC; background:transparent; font-weight:bold; font-family:arial;} font.GIANTBLACK {font-size:14px; color:black; background:transparent; font-weight:bold; font-family:arial;} /* text */ input.textTINY {width:25px; background-color:#FEFDE2;} input.textSMALL {width:40px; background-color:#FEFDE2;} input.textMEDIUM {width:120px; background-color:#FEFDE2;} input.textLARGE {width:400px; background-color:#FEFDE2;} input.textGIANT {background-color:#FEFDE2; width:600px;} input.textBIGBLACK {background-color:#FEFDE2;} /* select */ select.TINY {background-color:#FEFDE2;} select.SMALL {background-color:#FEFDE2;} select.MEDIUM {background-color:#FEFDE2;} select.LARGE {background-color:#FEFDE2;} select.GIANT {background-color:#FEFDE2;} /* file */ input.fileTINY {background-color:#FEFDE2; width:200px;} input.fileSMALL {background-color:#FEFDE2; width:250px;} input.fileMEDIUM {background-color:#FEFDE2; width:300px;} input.fileLARGE {width:400px; background-color:#FEFDE2;} input.fileGIANT {background-color:#FEFDE2; width:600px;} /* textarea */ textarea.TINY {height:100px; width:200px; background-color:#FEFDE2;} textarea.SMALL {height:150px; width:250px; background-color:#FEFDE2;} textarea.MEDIUM {height:130px; width:600px; background-color:#FEFDE2;} textarea.LARGE {height:250px; width:400px; background-color:#FEFDE2;} textarea.GIANT {height:400px; width:600px; background-color:#FEFDE2;} textarea.HEADAREA {height:200px; width:800px; background-color:#FEFDE2;} textarea.BODYAREA {height:600px; width:800px; background-color:#FEFDE2;} /* expandable rectangular textareas used in OHS module */ textarea.TINYRECT {height:80px; width:600px; background-color:#FEFDE2;} textarea.SMALLRECT {height:105px; width:600px; background-color:#FEFDE2;} textarea.MEDIUMRECT {height:130px; width:600px; background-color:#FEFDE2;} textarea.LARGERECT {height:150px; width:600px; background-color:#FEFDE2;} textarea.GIANTRECT {height:160px; width:600px; background-color:#FEFDE2;} /* expandable textarea */ textarea.EXPAND {height:400px; width:600px; background-color:#FEFDE2;} textarea.textEXPAND {background-color:#FEFDE2;} input.textEXPAND {width:600px; background-color:#FEFDE2;} DIV.boxed {font-size:11px; font-family:Arial; font-weight:normal; padding: 5px 10px 5px 10px; border:1px solid #3C9E55; color:#3C9E55; background:transparent;} /* colours for the hazard chart */ td.headingbackground {background:#D6E0EB; text-align:center; width:50; height:30} td.Extreme {background:red; color:red; width:50px; height:50px; border:1px solid #6666CC;} td.High {background:#FF9933; text-align:center; color:#FF9933; width:50px; height:30px; border:1px solid #6666CC;} td.Medium {background:#66CCFF; text-align:center; color:#66CCFF; width:50px; height:30px; border:1px solid #6666CC;} td.Moderate {background:#66CCFF; text-align:center; color:#66CCFF; width:50px; height:30px; border:1px solid #6666CC;} td.Low {background:#33FF99; text-align:center; color:#33FF99; width:50px; height:30px; border:1px solid #6666CC;} td.VeryLow {background:white; color:white; width:50px; height:30px; border:1px solid #6666CC;} /************************************************************************/ /* FOLDER Definition */ BODY.FOLDER {margin:10px;} table.FOLDER {} tr.FOLDER {} td.FOLDER {} h1.FOLDER {font-size:16px; font-weight:bold; color:#OC88DE; background:transparent; font-family:Arial;} hr.FOLDER {width:100%; color:#E07534; background:transparent;} a.FOLDER {font-size:11px; font-weight:normal; font-family:Arial; text-decoration:none; color:#546B75; background:transparent;} a.FOLDER:hover {font-size:11px; font-weight:normal; font-family:Arial; text-decoration:underline; color:#OC88DE; background:transparent;} a.FOLDERchild {font-size:11px; font-weight:normal; font-family:Arial; text-decoration:none; color:#546B75; background:transparent;} a.FOLDERchild:hover {font-size:11px; font-weight:normal; font-family:Arial; text-decoration:underline; color:#OC88DE; background:transparent;} font.FOLDER {font-size:11px; font-weight:normal; font-family:Arial; text-decoration:none; color:#546B75; background:transparent;} font.FOLDERchild {font-size:11px; font-weight:normal; font-family:Arial; text-decoration:none; color:#546B75; background:transparent;} font.labelFOLDER {font-size:11px; color:#000000; background:transparent; font-weight:bold; font-family:Arial;} input.textFOLDER {border:1px solid black;} input.submitFOLDER {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} /************************************************************************/ /* MENU Definition */ BODY.MENU {font-size:11px; font-family:Arial;} table.infoMENU {} td.infoMENU {} td.bulletMENU {} tr.infoMENU {font-size:14px; font-family:Arial; font-weight:bold; color:#003946; background:transparent;} a.infoMENU {font-size:11px; font-family:Arial; font-weight:normal; text-decoration:none; display:block; margin:0px 0px 0px 1px; padding: 1px 5px 1px 10px; border-bottom:1px solid #FFFFFF; width:150px; height:20px; background:#FFFFFF; color:#003946;} a.infoMENU:hover {text-decoration:none; border-bottom: 1px solid #FFFFFF; background:white; color:#31BDF2;} a.bulletMENU {font-size:11px; font-weight:normal; font-family:Arial; text-decoration:none; color:#7165C9; background:transparent;} a.bulletMENU:hover {text-decoration:underline; color:#0073AE; background:transparent;} a.titleinfoMENU {font-size:11px; font-weight:bold; font-family:Arial; text-decoration:none; color:#003946; background:transparent;} a.titleinfoMENU:hover {text-decoration:none; color:#31BDF2; background:transparent;} /************************************************************************/ /* TOP Definition */ BODY.ecTOP {} table.ecTOP {height:74px; background:url(background/top_banner_amcor.jpg) no-repeat; color:white;} tr.ecTOP {} td.altTOP {} td.dataTOP {vertical-align:MIDDLE;} a.infoTOP {margin:0px 14px 0px 0px; font-size:11px; font-weight:normal; font-family:Verdana,Arial,Helvetica; text-decoration:none; color:#003946; background:transparent;} a.infoTOP:hover {margin:0px 14px 0px 0px; font-size:11px; font-weight:normal; font-family:Verdana,Arial,Helvetica; text-decoration:none; color:#00A1DE; filter:alpha(opacity=50); opacity:0.50; background:transparent;} a.bulletTOP {} a.bulletTOP:hover {} /************************************************************************/ /* HELP */ BODY.HELP {margin:10px;} font.HELP {font-size:75%; font-weight:500; color:#546B75; background:transparent; font-family:Arial;} /************************************************************************/ /* WIZARD */ table.ecWIZARD {} td.borderWIZARD {} td.altWIZARD {background:#9CBACF; color:#003946; padding:2px 0px 2px 0px;} td.dataWIZARD {} tr.ecWIZARD {} a.WIZARD {font-size:11px; font-weight:normal; font-family:Arial; text-decoration:none; color:#003946; background:transparent;} a.WIZARD:hover {font-size:11px; font-weight:normal; font-family:Arial; text-decoration:underline; color:#31BDF2; background:transparent;} font.detailWIZARD {font-size:11px; color:#003946; background:transparent; font-weight:normal; font-family:Arial;} font.infoWIZARD {font-size:11px; color:#003946; background:transparent; font-weight:normal; font-family:Arial;} /************************************************************************/ /* SEARCH */ BODY.SEARCH {margin:10px;} a.SEARCH {font-size:11px; font-weight:normal; font-family:Arial; color:#546B75; background:transparent;} a.SEARCH:hover {font-size:11px; font-weight:normal; text-decoration:underline; font-family:Arial; color:#000000; background:transparent;} font.labelSEARCH {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} font.valueSEARCH {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.infoSEARCH {font-size:11px; color:#546B75; background:transparent; font-weight:500; font-family:Arial;} select.SEARCH {} input.textSEARCH {} input.submitSEARCH {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} /*input.submitSEARCH {background:#BEC0C2; color:black; margin:2px 0px 2px 0px; border:1px solid #000000;}*/ /************************************************************************/ /* LOGIN */ BODY.LOGIN {margin:10px; background:#FFFFFF; color:#FFFFFF;} a.LOGIN {font-size:11px; font-weight:normal; font-family:Arial,Verdana,Helvetica; color:#000000; background:transparent;} a.LOGIN:hover {font-size:11px; font-weight:bold; font-family:Arial,Verdana,Helvetica; color:#000000; background:transparent;} font.labelLOGIN {font-size:11px; color:#546B75; background:transparent;font-weight:bold; font-family:Arial,Verdana,Helvetica;} font.infoLOGIN {font-size:11px; color:#0C88DE; background:transparent;font-weight:500; font-family:Arial,Verdana,Helvetica;} select.LOGIN {} input.submitLOGIN {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} input.textLOGIN {font-size:11px; color:#000000; background:transparent;font-weight:500; font-family:Arial,Verdana,Helvetica;} /************************************************************************/ /* MESSAGE */ BODY.MESSAGE {margin:10px;} table.ecMESSAGE {background:#FEFDE2; color:#FEFDE2;} table.titleMESSAGE {} tr.ecMESSAGE {} tr.titleMESSAGE {} td.borderMESSAGE {background:#003946; color:#41239;} th.headMESSAGE {background:#FEFDE2; color:#FEFDE2;} td.titleMESSAGE {} td.dataMESSAGE {} font.titleMESSAGE {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} font.detailMESSAGE {font-size:11px;color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.infoMESSAGE {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} /*input.submitMESSAGE {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;}*/ /************************************************************************/ /* PAGE */ BODY.PAGE {margin:10px;} table.ecPAGE {} tr.ecPAGE {} td.borderPAGE {} td.bufferPAGE {height:8px;} td.dataPAGE {} td.altPAGE {} th.headPAGE {} td.linePAGE {} /*#00A1DE*/ H1.PAGE {font-size:21px; font-weight:bold; color:#003946; background:transparent; font-family:Arial;} hr.PAGE {width:100%; color:#0C88DE; background:transparent;} a.PAGE {text-decoration:underline; font-size:11px; font-weight:bold; font-family:Arial; color:#58A618; background:transparent;} a.PAGE:hover {text-decoration:underline; font-size:11px; font-weight:bold; font-family:Arial; color:#31BDF2; background:transparent;} font.titlePAGE {font-size:16px; font-weight:500; color:#0C88DE; background:transparent; font-family:Arial;} font.infoPAGE {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.labelPAGE {font-size:11px; color:#0C88DE; background:transparent; font-weight:bold; font-family:Arial;} font.valuePAGE {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.detailPAGE {font-size:11px; font-weight:normal; color:#546B75; background:transparent; font-family:Arial;} input.textPAGE {} input.submitPAGE {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} /************************************************************************/ /* Separate style for Home Page */ BODY.HOME {margin:10px;} table.ecHOME {} tr.ecHOME {} td.borderHOME {} td.bufferHOME {height:8px;} td.dataHOME {} td.altHOME {} th.headHOME {} td.lineHOME {} H1.HOME {font-size:21px; font-weight:bold; color:#0C88DE; background:transparent; font-family:Arial;} hr.HOME {width:100%; color:#0C88DE; background:transparent;} a.HOME {text-decoration:none; font-size:11px; font-weight:normal; font-family:Arial; color:#003946; background:transparent;} a.HOME:hover {text-decoration:underline; font-size:11px; font-weight:normal; font-family:Arial; color:#31BDF2; background:transparent;} font.titleHOME {font-size:16px; font-weight:500; color:#0C88DE; background:transparent; font-family:Arial;} font.infoHOME {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.labelHOME {font-size:11px; color:#0C88DE; background:transparent; font-weight:bold; font-family:Arial;} font.valueHOME {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.detailHOME {font-size:11px; font-weight:normal; color:#546B75; background:transparent; font-family:Arial;} input.textHOME {} input.submitHOME {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} /************************************************************************/ /* ADMIN */ BODY.ADMIN {margin:10px;} table.ecADMIN {} table.titleADMIN {} tr.ecADMIN {} tr.titleADMIN {} td.titleADMIN {} th.headADMIN {background:#BEC0C2; color:#BEC0C2;} td.borderADMIN {background:#546B75; color:#546B75;} td.bufferFORM {height:1px;} td.dataADMIN {} H1.ADMIN {font-size:21px; font-weight:500; color:#0073AE; background:transparent; font-family:Arial;} hr.ADMIN {width:100%; color:#FF5A00; background:transparent;} font.titleADMIN {font-size:11px; font-weight:bold; color:white; background:transparent; font-family:Arial;} font.detailADMIN {font-size:11px; color:white; background:transparent; font-family:Arial;} font.infoADMIN {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.labelADMIN {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} font.valueADMIN {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.headADMIN {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} select.ADMIN {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} textarea.ADMIN {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} input.submitADMIN {} input.textADMIN {} /************************************************************************/ /* FORM */ BODY.FORM {margin:10px; border-left:1px solid #000000;} table.ecFORM {border: 1px solid #003946;} tr.ecFORM {} td.borderFORM {} td.lineFORM {background:#003946; color:#003946;} td.bufferFORM {height:1px;} th.headFORM {} td.dataFORM {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} td.altFORM {} H1.FORM {font-size:21px; font-weight:500; color:#0C88DE; background:transparent; font-family:Arial;} hr.FORM {width:100%; color:#0C88DE; background:transparent;height: 1px;} a.FORM {font-size:11px; font-weight:normal; font-family:Arial; color:#003946; background:transparent; text-decoration:none;} a.FORM:hover {color:#31BDF2; background:transparent; text-decoration:underline;} font.titleFORM {font-size:16px; color:#0C88DE; background:transparent; font-weight:bold; font-family:Arial;} font.labelFORM {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} font.valueFORM {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.infoFORM {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} select.FORM {font-size:11px; font-weight:normal; font-family:Arial; border:1px solid #000000; background-color: #FEFDE2;} textarea.FORM {font-size:11px; font-weight:normal; font-family:Arial; background-color:#FEFDE2;} /*input.submitFORM {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;}*/ input.textFORM {background-color:#FEFDE2;} input.fileFORM {background-color:#FEFDE2;} input.checkboxFORM {} input.radioFORM {} /************************************************************************/ /* REPORT */ BODY.REPORT {margin:10px;} table.ecREPORT {} table.titleREPORT {} tr.ecREPORT {} tr.titleREPORT {} td.titleREPORT {} td.borderREPORT {background:#005C7E; color:white;} td.lineREPORT {background:#005C7E; color:white;} th.headREPORT {background:#005C7E; color:white;} td.dataREPORT {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} td.altREPORT {background:#C4E0F5; font-size:11px; color:#546B75; font-weight:normal; font-family:Arial;} H1.REPORT {font-size:21px; font-weight:500; color:#0C88DE; background:transparent; font-family:Arial;} hr.REPORT {width:100%; color:#0C88DE; background:transparent;} a.REPORT {font-size:11px; font-weight:normal; font-family:Arial; color:#003946; background:transparent; text-decoration:none;} a.REPORT:hover {color:#31BDF2; background:transparent; text-decoration:underline;} font.titleREPORT {font-size:16px; color:white; background:transparent; font-weight:bold; font-family:Arial;} font.valueREPORT {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.labelREPORT {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} font.infoREPORT {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.detailREPORT {font-size:11px; color:#3C9E55; background:transparent; font-family:Arial;} font.headREPORT {font-size:11px; color:white; background:transparent; font-weight:bold; font-family:Arial;} select.selectREPORT {background-color:#FEFDE2;} select.REPORT {font-size:11px; background-color:#FEFDE2; font-weight:normal; font-family:Arial;} textarea.REPORT {background-color:#FEFDE2;} input.textREPORT {font-size:11px; font-weight:normal; font-family:Arial; background-color:#FEFDE2;} input.submitREPORT {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #005C7E;} input.radioREPORT {} input.checkboxREPORT {} input.fileREPORT {background-color:#FEFDE2;} input.REPORT {} /************************************************************************/ /* SHEET */ body.sheet {margin:10px; border-left:1px solid #000000;} table.headersheet {border:1px solid #003946;} table.mainsheet {border:1px solid #3C9E55;} table.footersheet {border:1px solid #003946;} td.HEADsheet {} td.ODDsheet {} td.EVENsheet {background:#FEFDE2; color:#FEFDE2;} td.ADDsheet {background:#FEFDE2; color:#FEFDE2;} td.HOLIDAYsheet {background:#99D8BD; color:#99D8BD;} td.TOTALsheet {} font.messagetimesheet {font-size:11px; color:#3C9E55; background:transparent; font-weight:bold; font-family:Arial;} font.titlesheet {font-size:14px; font-weight:500; color:#0C88DE; font-weight:500; background:transparent; font-family:Arial;} font.labelsheet {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} font.valuesheet {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.headsheet {font-size:75%; color:#003946; background:transparent; font-weight:bold; font-family:Arial;} font.datasheet {font-size:10px; color:#003946; font-weight:bold; background:transparent; font-family:Arial;} textarea.sheet {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial; border:1px solid #000000;} select.sheet {font-size:75%; color:black; background:transparent; font-weight:normal; font-family:Arial;} input.buttonsheet {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} input.radiosheet {} input.textsheet {} input.checksheet {} input.timesheet {} /************************************************************************/ /* WORKFLOWACTIVITY (i.e. WorkflowAction on form) */ table.ecWORKFLOWACTIVITY {} table.titleWORKFLOWACTIVITY {} tr.ecWORKFLOWACTIVITY {} tr.titleWORKFLOWACTIVITY {} td.titleWORKFLOWACTIVITY {} td.borderWORKFLOWACTIVITY {background:#3C9E55; color:#3C9E55;} th.headWORKFLOWACTIVITY {background:#99D8BD; color:#99D8BD;} td.dataWORKFLOWACTIVITY {} hr.WORKFLOWACTIVITY {} font.titleWORKFLOWACTIVITY {font-size:16px; font-weight:bold; color:#0C88DE; background:transparent; font-family:Arial;} font.detailWORKFLOWACTIVITY {font-size:11px; color:#3C9E55; background:transparent; font-family:Arial;} font.infoWORKFLOWACTIVITY {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.labelWORKFLOWACTIVITY {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} font.valueWORKFLOWACTIVITY {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} select.WORKFLOWACTIVITY {} textarea.WORKFLOWACTIVITY {} input.submitWORKFLOWACTIVITY {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} input.checkboxWORKFLOWACTIVITY {} input.textWORKFLOWACTIVITY {} input.radioWORKFLOWACTIVITY {} /************************************************************************/ /* WORKFLOWVIEW (i.e. WorkflowTask report) */ BODY.WORKFLOWVIEW {margin:10px;} table.ecWORKFLOWVIEW {} table.titleWORKFLOWVIEW {} tr.ecWORKFLOWVIEW {} tr.titleWORKFLOWVIEW {} td.titleWORKFLOWVIEW {} td.borderWORKFLOWVIEW {background:#3C9E55; color:#3C9E55;} td.lineWORKFLOWVIEW {background:#3C9E55; color:#3C9E55;} th.headWORKFLOWVIEW {background:#99D8BD; color:#99D8BD;} td.dataWORKFLOWVIEW {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} td.altWORKFLOWVIEW {background:#E5F8FA; font-size:11px; color:#546B75; font-weight:normal; font-family:Arial;} a.WORKFLOWVIEW {font-size:11px; font-weight:normal; font-family:Arial; color:#003946; background:transparent; text-decoration:none;} a.WORKFLOWVIEW:hover {font-size:11px; font-weight:normal; font-family:Arial; color:#31BDF2; background:transparent; text-deoration:underline;} font.infoWORKFLOWVIEW {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.labelWORKFLOWVIEW {font-size:11px; color:#546B75; background:transparent; font-weight:bold; font-family:Arial;} font.valueWORKFLOWVIEW {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} font.titleWORKFLOWVIEW {font-size:16px; color:#003946; background:transparent; font-weight:bold; font-family:Arial;} font.detailWORKFLOWVIEW {font-size:11px; color:#3C9E55; background:transparent; font-family:Arial;} font.headWORKFLOWVIEW {font-size:11px; color:#003946; background:transparent; font-weight:bold; font-family:Arial;} select.selectWORKFLOWVIEW {background-color:#FEFDE2;} input.submitWORKFLOWVIEW {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} input.textWORKFLOWVIEW {background-color:#FEFDE2;} input.WORKFLOWVIEW {} /************************************************************************/ /* WORKFLOWPROCESS (i.e. WorkflowTracking */ BODY.WORKFLOWPROCESS {margin:30px;} table.ecWORKFLOWPROCESS {} tr.ecWORKFLOWPROCESS {} td.borderWORKFLOWPROCESS {} th.headWORKFLOWPROCESS {} td.dataWORKFLOWPROCESS {} h1.WORKFLOWPROCESS {font-size:21px; font-weight:500; color:#0C88DE; background:transparent; font-family:Arial;} font.titleWORKFLOWPROCESS {} font.infoWORKFLOWPROCESS {} input.submitWORKFLOWPROCESS {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} /* WORKFLOWPROCESScellon */ table.ecWORKFLOWPROCESScellon {} tr.ecWORKFLOWPROCESScellon {} td.borderWORKFLOWPROCESScellon {background:#003946; color:#003946;} td.lineWORKFLOWPROCESScellon {background:#003946; color:#003946;} th.headWORKFLOWPROCESScellon {background:#FEFDE2; color:#FEFDE2;} td.dataWORKFLOWPROCESScellon {background:white; color:white;} font.titleWORKFLOWPROCESScellon {font-size:11px; font-weight:bold; color:#003946; background:transparent; font-family:Arial;} font.labelWORKFLOWPROCESScellon {font-size:11px; font-weight:normal; color:#546B75; background:transparent; font-family:Arial;} font.ValueWORKFLOWPROCESScellon {font-size:11px; font-weight:normal; color:#546B75; background:transparent; font-family:Arial;} /* WORKFLOWPROCESS Pending */ table.ecWORKFLOWPROCESScellhigh {} tr.ecWORKFLOWPROCESScellhigh {} td.borderWORKFLOWPROCESScellhigh {background:#3C9E55; color:#3C9E55;} td.lineWORKFLOWPROCESScellhigh {background:#3C9E55; color:#3C9E55;} th.headWORKFLOWPROCESScellhigh {background:#31BDF2; color:#31BDF2;} td.dataWORKFLOWPROCESScellhigh {background:white; color:white;} font.titleWORKFLOWPROCESScellhigh {font-size:11px; font-weight:bold; color:white; background:transparent; font-family:Arial;} font.labelWORKFLOWPROCESScellhigh {font-size:11px; font-weight:500; color:#546B75; background:transparent; font-family:Arial;} font.valueWORKFLOWPROCESScellhigh {font-size:11px; font-weight:500; color:#546B75; background:transparent; font-family:Arial;} /* WORKFLOWPROCESS Void */ table.ecWORKFLOWPROCESScelllow {} tr.ecWORKFLOWPROCESScelllow {} td.borderWORKFLOWPROCESScelllow {background:#3C9E55; color:#3C9E55;} td.lineWORKFLOWPROCESScelllow {background:#3C9E55; color:#3C9E55;} th.headWORKFLOWPROCESScelllow {background:white; color:white;} td.dataWORKFLOWPROCESScelllow {background:white; color:white;} font.titleWORKFLOWPROCESScelllow {font-size:11px; font-weight:bold; color:#003946; background:transparent; font-family:Arial;} font.labelWORKFLOWPROCESScelllow {font-size:11px; font-weight:500; color:#546B75; background:transparent; font-family:Arial;} font.valueWORKFLOWPROCESScelllow {font-size:11px; font-weight:500; color:#546B75; background:transparent; font-family:Arial;} /************************************************************************/ /* TASKS */ font.TASK {font-size:9px; color:red; font-weight:bold; background:transparent; font-family:Trebuchet,Verdana,Arial} /************************************************************************/ /* ORG Chart components */ BODY.TREE {margin:5px;} table.ecTREE {} tr.ecTREE {} td.borderTREE {} th.headTREE {} td.dataTREE {} H1.TREE {font-size:21px; color:#0C88DE; background:transparent; font-weight:bold; font-family:Arial;} font.titleTREE {} font.infoTREE {} select.TREE {} input.submitTREE {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} /* TREEcellon */ table.ecTREEcellon {} tr.ecTREEcellon {} td.borderTREEcellon {background:#003946; color:#003946;} td.lineTREEcellon {background:#003946; color:#003946;} th.headTREEcellon {background:#FEFDE2; color:#FEFDE2;} td.dataTREEcellon {background:white; color:white;} font.titleTREEcellon {font-size:11px; color:#003946; background:transparent; font-weight:bold; font-family:Arial;} font.infoTREEcellon {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} /* TREEcelloff */ table.ecTREEcelloff {} tr.ecTREEcelloff {} td.borderTREEcelloff {background:#3C9E55; color:#3C9E55;} td.lineTREEcelloff {background:#3C9E55; color:#3C9E55;} th.headTREEcelloff {background:#31BDF2; color:#31BDF2;} td.dataTREEcelloff {background:white; color:white;} font.titleTREEcelloff {font-size:11px; color:white; background:transparent; font-weight:bold; font-family:Arial;} font.infoTREEcelloff {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} /* TREEcelllow */ table.ecTREEcelllow {} tr.ecTREEcelllow {} td.borderTREEcelllow {background:#31BDF2; color:#31BDF2;} td.lineTREEcelllow {background:#31BDF2; color:#31BDF2;} th.headTREEcelllow {background:#99D8BD; color:#99D8BD;} td.dataTREEcelllow {background:white; color:white;} font.titleTREEcelllow {font-size:11px; color:#0C88DE; background:transparent; font-weight:bold; font-family:Arial;} font.infoTREEcelllow {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} /* TREEcellhigh */ table.ecTREEcellhigh {} tr.ecTREEcellhigh {} td.borderTREEcellhigh {background:#31BDF2; color:#31BDF2;} td.lineTREEcellhigh {background:#31BDF2; color:#31BDF2;} th.headTREEcellhigh {background:white; color:white;} td.dataTREEcellhigh {background:white; color:white;} font.titleTREEcellhigh {font-size:11px; color:#0C88DE; background:transparent; font-weight:bold; font-family:Arial;} font.infoTREEcellhigh {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} /* TREEzoomon */ table.ecTREEzoomon {} tr.ecTREEzoomon {} td.borderTREEzoomon {background:#003946; color:#003946;} th.headTREEzoomon {background:#FEFDE2; color:#FEFDE2;} font.titleTREEzoomon {font-size:11px; color:#003946; background:transparent; font-weight:bold; font-family:Arial;} /* TREEzoomoff */ table.ecTREEzoomoff {} tr.ecTREEzoomoff {} td.borderTREEzoomoff {background:#3C9E55; color:#3C9E55;} th.headTREEzoomoff {background:#31BDF2; color:#31BDF2;} font.titleTREEzoomoff {font-size:11px; color:white; background:transparent; font-weight:bold; font-family:Arial;} /* TREEzoomlow */ table.ecTREEzoomlow {} tr.ecTREEzoomlow {} td.borderTREEzoomlow {background:#31BDF2; color:#31BDF2;} th.headTREEzoomlow {background:#99D8BD; color:#99D8BD;} font.titleTREEzoomlow {font-size:11px; color:#0C88DE; background:transparent; font-weight:bold; font-family:Arial;} /* TREEzoomhigh */ table.ecTREEzoomhigh {} tr.ecTREEzoomhigh {} td.borderTREEzoomhigh {background:#31BDF2; color:#31BDF2;} th.headTREEzoomhigh {background:white; color:white;} font.titleTREEzoomhigh {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} /* TREEchild */ table.ecTREEchild {} tr.ecTREEchild {} td.borderTREEchild {background:#0C88DE; color:#0C88DE;} td.lineTREEchild {background:#0C88DE; color:#0C88DE;} td.dataTREEchild {background:white; color:white;} font.infoTREEchild {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial;} /* TREEDETAIL */ table.ecTREEdetail {} tr.ecTREEdetail {} td.borderTREEdetail {background:#0C88DE; color:#0C88DE;} td.lineTREEdetail {} th.headTREEdetail {background:#E5F8FA; color:#E5F8FA;} td.dataTREEdetail {background:white; color:white;} font.titleTREEdetail {font-size:11px; font-weight:bold; color:#546B75; background:transparent; font-family:Arial;} font.labelTREEdetail {font-size:11px; font-weight:normal; color:#546B75; background:transparent; font-family:Arial;} font.valueTREEdetail {font-size:11px; font-weight:normal; color:#546B75; background:transparent; font-family:Arial;} /* ORGSTRUCT */ H2.TnameORGSTRUCT {font-size:11px; color:#0C88DE; background:transparent; font-weight:bold; font-family:Arial;} h3.TinfoORGSTRUCT {font-size:11px; background:transparent; font-weight:bold; font-family:Arial;} /* TREEtipBox */ #TREEtipBox {position:absolute; width:250px; z-index:100; border:1px black solid; background:#CFCFCF; visibility:hidden; font-size:11px; color:#183152; font-weight:normal; font-family:Tahoma,Verdana,Arial;} /************************************************************************/ /* Gantt Chart */ body.GanttBackGround {} table.GanttChart {border:1px solid #0C88DE;} td.GanttTopHeader {background:#99D8BD; color:#99D8BD; border:1px solid white; display:block; text-align:center;} td.GanttDaysTitleBar {background:#0C88DE; color:#000000; border:1px solid white;} td.GanttCelloff {background:#FEFDE2; color:#FEFDE2; display:block; border-bottom:1px solid black;} td.leftcol {background:#DFDFCF; color:#000000; font-weight:bold; display:block; text-align:center; border:1px solid white;} td.LegendColor {display:block; text-align:right; border:2px solid white;} font.LegendText {font-size:11px; display:block; text-align:center; font-weight:bold; color:#546B75; background:transparent; font-family:Arial;} font.LegendTextDesc {font-size:11px; display:block; text-align:center; color:#546B75; background:transparent; font-family:Arial;} font.GanttTopHeader {font-size:11px; display:block; text-align:center; font-weight:bold; color:white; background:transparent; font-family:Arial;} font.GanttDaysTitleBar {font-size:11px; display:block; text-align:center; font-weight:bold; color:white; background:transparent; font-family:Arial;} font.GanttLeftName {font-size:11px; font-weight:bold; color:#546B75; background:transparent; font-family:Arial;} input.Buttons {background:#0C88DE; color:#FFFFFF; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; border: 1px solid #003946;} #tipBox {position:absolute; width:200px; z-index:100; border:1px black solid; background:#DFDFCF; visibility:hidden; font-size:11px; font-family:Arial; color:#000000;} /************************************************************************/ /* Popup Calendar */ tr.MainBody {} td.TopTitleBarColor {background:#DFDFCF; color:#DFDFCF;} td.DaysTitleBar {} a.LinkStyle {text-decoration:none;} a.LinkStyle:hover {} font.PrevNext {font-size:11px; font-weight:bold; color:#000000; background:transparent; font-family:Arial;} font.YearMonth {font-size:11px; font-weight:bold; color:#000000; background:transparent; font-family:Arial;} font.DaysFont {font-size:11px; color:#546B75; background:transparent; font-weight:normal; font-family:Arial; } font.Dates {font-size:11px; font-weight:normal; color:#546B75; background:transparent; font-family:Arial; } font.Cancel {font-size:11px; font-weight:bold; color:#546B75; background:transparent; font-family:Arial} /************************************************************************/ /* PaySlip */ table.ecPAYSLIP {} tr.ecPAYSLIP {} td.borderPAYSLIP {} th.headPAYSLIP {background:#0C88DE; font-size:10px; font-weight:500; color:white; font-family:Arial,Helvetica,sans-serif;} td.dataPAYSLIP {font-size:10px; font-weight:normal; color:black; background:transparent; font-family:Arial,Helvetica;} font.titlePAYSLIP {font-size:11px; font-weight:500; color:#FFFFFF; background:transparent; font-family:Arial,Helvetica,sans-serif;} font.infoPAYSLIP {} font.headPAYSLIP {} font.labelPAYSLIP {font-size:9px; font-weight:bold; font-family:Arial,Helvetica,sans-serif;} /************************************************************************/ /* Calendar Chart */ .dayHeader {border-bottom:1px solid #3C9E55; border-left: 1px solid #3C9E55; padding:2px; text-align:center; background:#99D8BD; color:#0C88DE; width:100px; font-size:11px; font-family:Trebuchet,Verdana,Arial; font-weight:bold;} .dayEvent {width:110px; height:30px; color:#FFFFFF; background:transparent;} table.collapseublr {border:1px solid #0C88DE; height: 25px;} td.collapsebr {border-bottom:1px solid #3C9E55; border-right:1px solid #3C9E55; font-size:11px; font-family:Trebuchet,Verdana,Arial; font-weight:bold; text-decoration:none; width:100px; height:70px; background:#FEFDE2; color:#0C88DE;} td.collapsebrblank {border-bottom:1px solid #3C9E55; border-right:1px solid #3C9E55; font-size:11px; font-family:Trebuchet,Verdana,Arial; font-weight:bold; text-decoration:none; width:100px; height:56px; background:transparent; color:#FFFFFF;} td.collapsebrcurrent {border-bottom:1px solid #3C9E55; border-right:1px solid #3C9E55; font-size:11px; font-family:Trebuchet,Verdana,Arial; font-weight:bold; text-decoration:none; width:100px; height:56px; background:#C1C1C1; color:#FFFFFF;} td.collapsecalheader {border-bottom:1px solid #3C9E55; border-right:1px solid #3C9E55; height:25px; text-align:center; background: #0C88DE; font-size:12px; font-family:Trebuchet,Verdana,Arial; font-weight:bold; color:white;} a.calEvent {font-size:9px; font-weight:normal; font-family:Trebuchet,Verdana,Arial; color:#0C88DE; background:transparent; text-decoration:none;} a.calEvent:hover {color:#31BDF2; background:transparent; text-decoration:underline;} a.calDetail {font-size:9px; font-weight:bold; font-family:Trebuchet,Verdana,Arial; color:#0C88DE; background:transparent;} a.calDetail:hover {color:#31BDF2; background:transparent; text-decoration:underline;} font.calDetail {font-size:9px; font-weight:bold; font-family:Trebuchet,Verdana,Arial; color:black; background:transparent;} font.calTitle {font-size:14px; font-weight:bold; font-family:Trebuchet,Verdana,Arial; color:#0C88DE; background:transparent;}