diff --git a/client - ORIGINAL.css b/client - ORIGINAL.css new file mode 100644 index 0000000..86f0f16 --- /dev/null +++ b/client - ORIGINAL.css @@ -0,0 +1,142 @@ + + +.rmItem img{ + + height:14px; + width:14px; + +} + +/* spacing in menu bar */ +.RadMenu .rmHorizontal .rmText{ + padding:0 5px 1px 0 !important; + +} + +#pgobmbar{ + + +} + +/* Adjust the width of the left and right hand side components of the menubar */ + .clientProvince .lyodiv0 { + width: 20% !important; + } + + .clientProvince .lyodiv1 { + width: 80% !important; + } + + .reToolCell { + display: none; + +} + + .reCentre_top{ + + height:0px!important; + } + .reToolZone { + display: none; + } + .reContentCell { + + padding: 0px !important; + margin: 0px !important; + width: 100%; + border-spacing: 0px; + border-style: none !important; + } + + .reLayoutWrapper { + + padding: 0px !important; + margin: 0px !important; + width: 100%; + border-spacing: 0px; + background-color: #FFFFFF !important; + + } + + .reContentArea { + padding: 0px !important; + margin: 0px !important; + width: 100%; + border-spacing: 0px; + background-color: #FFFFFF !important; + } + + + /* welcome message */ + + +*.welcome +{ + margin-top: 20px; + font-weight: bold; + margin-bottom: 20px; + min-height:25px; + font-family: Arial; + text-align: center; + padding-top:4px; + border-width:0px; + border-radius: 4px !important; + +} + + +.welcome .lbtxt{ + font-size: 1.3em !important; + font-weight:bold; +} + +/* Whiteboard */ + + + + + +*.introTable{ + margin-left:9px; + margin-right:9px; + margin-bottom:10px; + +} + +#introCell div{ + + text-align:center !important; + +} + + +.rcDiv { + background-color: inherit; + padding-top: 15px; + padding-bottom: 15px; +} + +.rcRefreshImage { + font-weight: bold; + font-size: 0.97em; + display: block; + margin-left: 20px; + background-image: url(../../include/images/main/newcaptcha.png); + background-repeat: no-repeat; + padding-left: 30px; + height: 20px; + margin-top: 15px; + margin-bottom: 10px; + width: 120px; +} + +.rcCaptchaAudioLink { + font-weight: bold; + font-size: 1em; + margin-left: 20px; + background-image: url(../../include/images/main/speaker.png); + background-repeat: no-repeat; + padding-left: 30px; + width: 120px; + height: 20px; +} \ No newline at end of file diff --git a/client.css b/client.css new file mode 100644 index 0000000..86f0f16 --- /dev/null +++ b/client.css @@ -0,0 +1,142 @@ + + +.rmItem img{ + + height:14px; + width:14px; + +} + +/* spacing in menu bar */ +.RadMenu .rmHorizontal .rmText{ + padding:0 5px 1px 0 !important; + +} + +#pgobmbar{ + + +} + +/* Adjust the width of the left and right hand side components of the menubar */ + .clientProvince .lyodiv0 { + width: 20% !important; + } + + .clientProvince .lyodiv1 { + width: 80% !important; + } + + .reToolCell { + display: none; + +} + + .reCentre_top{ + + height:0px!important; + } + .reToolZone { + display: none; + } + .reContentCell { + + padding: 0px !important; + margin: 0px !important; + width: 100%; + border-spacing: 0px; + border-style: none !important; + } + + .reLayoutWrapper { + + padding: 0px !important; + margin: 0px !important; + width: 100%; + border-spacing: 0px; + background-color: #FFFFFF !important; + + } + + .reContentArea { + padding: 0px !important; + margin: 0px !important; + width: 100%; + border-spacing: 0px; + background-color: #FFFFFF !important; + } + + + /* welcome message */ + + +*.welcome +{ + margin-top: 20px; + font-weight: bold; + margin-bottom: 20px; + min-height:25px; + font-family: Arial; + text-align: center; + padding-top:4px; + border-width:0px; + border-radius: 4px !important; + +} + + +.welcome .lbtxt{ + font-size: 1.3em !important; + font-weight:bold; +} + +/* Whiteboard */ + + + + + +*.introTable{ + margin-left:9px; + margin-right:9px; + margin-bottom:10px; + +} + +#introCell div{ + + text-align:center !important; + +} + + +.rcDiv { + background-color: inherit; + padding-top: 15px; + padding-bottom: 15px; +} + +.rcRefreshImage { + font-weight: bold; + font-size: 0.97em; + display: block; + margin-left: 20px; + background-image: url(../../include/images/main/newcaptcha.png); + background-repeat: no-repeat; + padding-left: 30px; + height: 20px; + margin-top: 15px; + margin-bottom: 10px; + width: 120px; +} + +.rcCaptchaAudioLink { + font-weight: bold; + font-size: 1em; + margin-left: 20px; + background-image: url(../../include/images/main/speaker.png); + background-repeat: no-repeat; + padding-left: 30px; + width: 120px; + height: 20px; +} \ No newline at end of file diff --git a/main.custom - ORIGINAL.css b/main.custom - ORIGINAL.css new file mode 100644 index 0000000..1a13b3a --- /dev/null +++ b/main.custom - ORIGINAL.css @@ -0,0 +1,2573 @@ +img { + border: 0 +} + +form { + border-right: 0; + border-top: 0; + margin: 0; + border-left: 0; + border-bottom: 0; + padding: 0; +} + +input, select, textarea { + font-size: 1em; + font-family: 'Segoe UI'; +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +html, body { + margin: 0; + padding: 0; + color: #333333; /*reftcss|misc|Default text colour|IxAqZ4QA02TBx0DT*/ + background-color: #FFFFFF; /*reftcss|misc|Default background colour|ZdbzqDMbk2SCqBUz*/ + font-family: Arial,"Microsoft Sans Serif"; +} + +.reContentArea { + font-family: Arial,"Microsoft Sans Serif"; + /* font-size:1em !important;*/ +} + +fieldset { + + border-width:0px !important; + padding:0px !important; + margin:0px !important; + +} +/* This is the ID of the main division in each reftracker page which contains all other HTML controls */ +#pgobman { + margin-top: 8px; + margin-left: 8px; + margin-right: 8px; + margin-top: 0; +} + +/* This is the message area which is added to each page */ +#pgobmga { + margin-top: 0px; +} +/* menuctrls area contains the icon controls in the main menu */ +/* Deskstats, Help, Home, Logoff etc */ + +.menuctrls { + display: inline; + float: right; + margin-right: 10px; + margin-left: 10px; +} + + .menuctrls img { + vertical-align: baseline !important; + margin-top: 2px; + margin-bottom: 2px; + margin-left: 3px; + margin-right: 3px; + } + + /* Start:menuctrls: Sets the background colour when a control is hovered over */ + + .menuctrls span :hover { + background-color: rgba(0,0,1,0.1); /*reftcss|menu|Main menu icons - background hover|VNANNoEyaP4VODRb*/ + display: inline-block; + border-radius: 5px; + } + + .menuctrls span { + border: 1px solid transparent; + display: inline-block; + border-radius: 5px; + } + +.menuctrlsleft { + display: inline; + float: left; +} + + .menuctrlsleft img { + vertical-align: baseline !important; + } + +/* This is the deskstats tooltip menu */ +#RadToolTipWrapper_uicidsmntt .rtWrapper { + border: 1px solid #E0E0E0 !important; + background-color: #F5F5F5 !important; +} + + +#RadToolTipWrapper_uicidsmntt .rtWrapperContent { + background-color: #F5F5F5 !important; +} +#RadToolTipWrapper_uicidsmntt .rtWrapperLeftMiddle, +#RadToolTipWrapper_uicidsmntt .rtWrapperContent, +#RadToolTipWrapper_uicidsmntt .rtWrapperRightMiddle, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopLeft, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopCenter, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopRight, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomCenter, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomLeft, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomRight { + background-color: #F5F5F5 !important; +} + + + +/* End:menuctrls: Sets the background colour when a control is hovered over */ +/* Start:menuPanel: List of anchor links displayed as menu, eg reft900 system */ + +.menuPanel { + width: 30%; + margin-left: 75px; + margin-top: 30px; + margin-bottom: 30px; +} + +.menuPanelTitle { + margin-bottom: 5px; +} + + .menuPanelTitle a { + text-decoration: none; + } + + .menuPanelTitle span { + font-size: 1.05em !important; + color: #010101 !important; /*reftcss|menu|Menu panel title text colour|Au4Jlnyku3guPIC9*/ + text-decoration: none !important; + font-weight: bold; + } + +.menuPanelItems { +} + + .menuPanelItems span { + display: block !important; + margin-bottom: 2px; + margin-left: 1px; + } + +/* End:menuPanel: List of anchor links displayed as menu, eg reft900 system */ +/* Start:controlLine: Contains the controls added to the page under the action bar */ +/* For example parameter DDL in reft910 */ + +.controlLineWrapper { + background-color: #F5F5F5; /*reftcss|menu|Control line background colour|yIncjC40OuuarDyZ*/ + width: 100%; +} + + +.controlLine { + height: 22px; + vertical-align: middle; + padding-top: 5px; + margin-bottom: 8px; +} + + .controlLine .lyodiv { + } + +.controlLineRight { + text-align: right; + float: right; + padding-right: 5px; + width: 100%; +} + +.controlLineLeft { + vertical-align: middle; + padding-left: 5px; + width: 100%; +} + + .controlLineLeft .rtsflnkstd { + margin-right: 8px; + margin-left: 0px !important; + } + +.controlLineLabel { + margin-right: 4px; + margin-left: 10px; +} + +.controlLineCtrl { + margin-right: 2px; +} + +.controlLinePair { + display: inline; + vertical-align: middle; +} + + .controlLinePair .controlLineLabel { + margin-right: 3px !important; + } + + +.clplain { + background-color: transparent !important; + padding-top: 0px !important; + margin-bottom: 0px !important; +} + +/* End:controlLine: Contains the controls added to the page under the action bar */ +/* Start: timer controls -used for control which allows uses to start and stop timer */ + + + +.timerImage { + display: inline-block; +} + + .timerImage img { + padding: 2px; + margin-bottom: -2px; + } + + .timerImage :hover { + background-color: rgba(67,84,196,0.3); /*reftcss|misc|Timer image background colour hover|yzJOlbi2UGE0jvuq*/ + } + +/* End: timer controls -used for control which allows uses to start and stop timer */ +/* START: File upload area styles */ + +*.uploadTable { + width: 100%; +} + + *.uploadTable td { + vertical-align: top; + } + +*.uploadArea { + background-color: #F5F5F5; /*reftcss|attachment|File upload area background colour|vfXuidFx6UOS8w8s*/ + width: 100%; + border-radius: 5px; + text-align: center; + font-weight: bold; + padding-top: 3px; + padding-bottom: 3px; +} + +*.fileUpload { + width: 98% !important; + margin-top: 10px; + margin-right: 10px; +} + +*.fileUploadWindow { + margin-left: 10px; +} + +*.fileUploadForm { + margin-left:10px; +} + +*.fileUploadPresenter { + margin-left: 10px; +} + +*.fileDropArea { + border: 1px solid transparent; + background-color: rgba(238,238,238,0.5); /*reftcss|attachment|File drop area background colour|RcTzKX4g30y2Mmr2*/ + border-radius: 10px; + height: 90px; + margin-right: 10px; + margin-top: 10px; + margin-bottom: 10px; +} + + + +*.fileDropAreaHover { + border: 1px solid; + border-color: #C11C28 !important; /*reftcss|attachment|File drop zone border colour hover|qWbwYm8EKnJI8zxv*/ +} + + *.fileDropAreaHover span { + color: #C11C28 !important; /*reftcss|attachment|File drop zone text colour hover|jzddn0pEyPkTEe0Y*/ + } + +*.fileDropTitle { + display: block; + font-size: 1.3em; + line-height: 40px; + color: #010101; /*reftcss|attachment|File drop title text colour|wFuRkBekabKVqbAp*/ +} + +*.fileDropText { + color: #010101; /*reftcss|attachment|File drop text colour|eD6AaPB0KIzhCiNE*/ + font-size: 0.9em; + font-style: italic; + font-weight: normal !important; +} + + + +*.attText { + font-weight: normal !important; + font-size: 0.95em !important; + color: #C11C28 !important; /*reftcss|attachment|Attachment file name text colour|6wvRl36BUSXSpwSN*/ + text-decoration: none !important; +} + +*.attLink A { + font-weight: normal !important; + font-size: 0.95em !important; + color: #C11C28 !important; /*reftcss|attachment|Attachment file name link text colour|lqzlgBsrUed12Iad*/ + text-decoration: none !important; +} + + *.attLink A:hover { + text-decoration: underline !important; + } + +/* END: File upload area styles */ +/* START Statistics */ + +*.statAverage { + color: #C11C28 !important; /*reftcss|misc|Statistics average text colour|94G2flyvEGdTi9tr*/ + font-style: italic; +} + +*.statScore { + font-weight: bold; + color: #C11C28 !important; /*reftcss|misc|Statistics score text colour|35AxwoFJEaY4wUKb*/ +} + +*.statPercent { + font-style: italic; +} + +*.statTotal { + font-weight: bold; +} + +.smplalert { + font-size: 14px !important; + letter-spacing: 1px; + background-color: #C11C28 !important; /*reftcss|misc|Statistics sample alert background|309nf4aJEaY4wUKb*/ + border-radius: 5px; + color: #ffffff; /*reftcss|misc|Statistics sample alert text|3kng56aJEaY4wUKb*/ + padding-left: 10px; + padding-right: 10px; + padding-bottom: 3px; + padding-top: 3px; +} + +.dexuid { + padding-bottom: 6px; +} + + .dexuid span { + color: #C11C28 !important; /*reftcss|misc|Data extract key text|398bcrdJEaY4wUKb*/ + font-family: 'Courier New'; + font-size: 16px !important; + letter-spacing: 1px; + } + +/* End Statistics */ + +/* START Staff */ + +*.rtsflab { + font-weight: bold; + color: #333333; /*reftcss|staff|Field label text colour|4CiqjU0OchhNHj7I*/ +} + +*.rtsftxt { + color: #333333; /*reftcss|staff|Text colour|fnpdZK0Wxicz2CDC*/ + font-weight: normal; + font-size: 1em !important; + font-family: 'Segoe UI'; +} + +/* Staff Small text */ +/* eg - used where smaller text is required - eg attribution line under question notes */ + +*.rtsfsm { + font-size: 0.9em !important; + font-family: 'Segoe UI'; +} + +*.rtsflnkstd A { + font-size: 0.97em !important; + color: #4354C4 !important; /*reftcss|staff|Standard link text colour|6fCgM5kW0yawwoFA*/ + text-decoration: none !important; +} + + *.rtsflnkstd A:hover { + text-decoration: underline !important; + color: #4354C4 !important; /*reftcss|staff|Standard link text colour hover|ef4jdfuzqUhAuVFN*/ + } + +/* staff large (emphasised) hyperlinks */ + +*.rtsflnkemp A { + font-family: Arial, sans-serif; + font-weight: bold; + color: #4354C4; /*reftcss|staff|Emphasised link text colour|yb09GJ9whE2LEXta*/ + text-decoration: none; +} + + *.rtsflnkemp A:hover { + font-weight: bold; + color: #4354C4; /*reftcss|staff|Emphasised link text colour hover|PLT2j56KqEixKycM*/ + text-decoration: underline; + } + + +/* revstat style used for review status active links */ +*.revstat { + font-style: italic !important; +} + +/* closedstat style used for close and reject status */ +*.closestat { + font-style: italic !important; +} + +/* Client side text */ + +*.rtcltxt { + font-size: 0.97em; + color: #333333; /*reftcss|client|Text colour|aVWWfFUaVQAYH7IT*/ +} + +*.rtcllab { + font-weight: bold; + color: #333333; /*reftcss|client|Field label text colour|RHb1xfES2GuQXd0Q*/ +} + +*.welcome { + color: #ffffff; /*reftcss|client|Welcome message text colour|QJHgx0l6b4sHFWAA*/ + background-color: #000001; /*reftcss|client|Welcome message background colour|QJHgxlg53sqHFWAA*/ +} + +/* small */ + +*.rtclsm { + font-size: 0.9em; +} + +*.rtcllnkemp A { + font-weight: bold; + color: #4354C4; /*reftcss|client|Emphasised link text colour|LzD29AkeStMYSCVg*/ + text-decoration: underline; +} + + *.rtcllnkemp A:hover { + color: #010101; /*reftcss|client|Emphasised link text colour hover|StImE0Ua0mQFAOFU*/ + text-decoration: underline; + } + + +*.rtcllnkstd A { + font-weight: normal; + font-size: 0.97em; + color: #4354C4; /*reftcss|client|Standard link text colour|ftYuuMqf02d1qGiY*/ + text-decoration: none; +} + + *.rtcllnkstd A:hover { + color: #010101; /*reftcss|client|Standard link hover|KVX96fz7E6RER4Ix*/ + text-decoration: underline; + } + + +*.evaluation A { + font-size: 12px; + color: #FF9933; /*reftcss|client|Evaluation link for stars |1cueGqlMUWioK6IT*/ + text-decoration: none; + font-family: Verdana, Geneva, Tahoma, sans-serif; +} + + *.evaluation A:hover { + text-decoration: underline; + } + + +/* START: request form */ + +.sublb { + display:block; + margin-top:2px; +} + +#pgobmga h2{ + + font: inherit !important; + outline:none; +} + +*.rqform { + padding-top: 15px; + padding-right: 10px; + padding-left: 5px; + padding-bottom: 5px; + margin: auto; + background-color: #FFFFFF; /*reftcss|reqform|Request form background colour|AbSCPszqUaC25YgD*/ +} + +*.rqformdvstd { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|reqform|Request form division border colour|l0yN4K3E0i2P8SRX*/ + font-size: 1em; + border-radius: 6px; + margin-bottom: 15px; + width: 100%; + padding-top: 3px; + padding-bottom: 3px; + position: static; + border-collapse: collapse; + background-color: #FFFFFF; /*reftcss|reqform|Request form division background colour|qMKxiJI0CJJUkYN8*/ +} + + +*.rqformdvemp { + background-color: rgba(238,238,238,0.4) !important; /*reftcss|reqform|Request form division emphasised background colour|xfJmxbBUGyYGBy5c*/ +} + + +*.lbtxt { + /*font-weight: normal;*/ + font-size: 1.1em; + display: inline; +} +*.lbdiv { + border-width: 0px; + vertical-align: central; + font-size:1.3em; + font-weight:bold; + margin-bottom: 3px; + font-family:Verdana; +} +.lbdiv h2 { + font-size: 1em !important; + padding:0px !important; + padding-bottom:3px !important; + + +} +.lbdiv h2 input{ + white-space:normal; + text-align:left; +} + +.rfotlbl { + padding-top: 8px; + padding-bottom: 8px; + display: inline-block; + font-weight: bold; + font-family: Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.2em; + color: #010101; +} +/*.lbdiv*/ +h2 input { + /* Used to remove class button styling for presenter div heading */ + background-color: transparent !important; + color: inherit !important; + border-width: 0px !important; + padding: 0px !important; + font-weight: bold; + font-family: inherit !important; +} +*.lbstandard { + background-color:transparent; + color: #333333; /*reftcss|reqform|Division label standard text colour|V5s6yfTkSsb0MEA0*/ +} +*.lbshover { + background-color: transparent; + text-decoration:underline; +} + + *.lbshover input { + text-decoration: underline; + } +/* Used for divisions in request forms which are added at run-time - eg 'other' fields */ +*.lbspecial { + background-color: transparent; + color: #010101; /*reftcss|reqform|Division label sepcial text colour|xBHtGKvEKNxrZpqH*/ +} +*.lberror { + background-color: transparent; + color: #C11C28; /*reftcss|reqform|Division label error text colour|AGeUhj7ki9zRbwqu*/ +} + +/* lbp: plain label - used in deskstats */ + +*.lbplain { + font-weight: normal; + font-size: 1em !important; + + color: #707B7C; /*reftcss|reqform|Division label plain (deskstats) text colour|cKbA3Fei8u7ytOKB*/ + text-align: left; +} + + +*.copyhl { + color: #C11C28; /*reftcss|reqform|Copy instruction sub label text colour|4t6PdLREa3IAikp6*/ +} + + +*.errLabel { + border-bottom: #C11C28 0px dotted; + color: #C11C28 !important;/*reftcss|reqform|Label font colour for fields with error|mQC5EyVUKuZptIb7 */ +} + + +.errLabel::after { + content: " \00bb"; + font-size: 18px; +} + + +*.wrnLabel { + border-bottom: #EFA500 0px dashed; + color: #EFA500 !important;/*reftcss|reqform|Label fontr colour for fields with warning|uZhLYREu7sQ3kAMr*/ +} + + *.wrnLabel::after { + content: " \00bb"; + font-size: 18px; + } + +*.wrntext { + color: #EFA500 !important; + font-weight: bold; +} + +.flag { + border-left: 4px solid #C11C28; /*reftcss|reqform|Left border highlight for flagged fields #1|9IjsfckWM9nzJQQp*/ + margin-left: -4px !important; +} + +.flagcell .noplistwrapperh { + border-left: 4px solid #C11C28 !important; +} + +.flagcontainer select { + border-left: 4px solid #C11C28 !important; /*reftcss|reqform|Left border highlight for flagged fields #2|Q7zTRSUycGj8CEh0*/ +} + +.flagcontainer .RadEditor, .flagcontainer .dateTimePanel, .flagcontainer .contactPanel, .flagcontainer .optionPanel, .flagcontainer .timerControl { + border-left: 4px solid; + border-left-color: #C11C28 !important; /*reftcss|reqform|Left border highlight for flagged fields #3|vexq3zE6Ml79B3kt*/ +} + +*.inputAlert { + background-color: rgba(238,238,238,0.5) !important; /*reftcss|reqform|Unselected select list highlight background colour|aMZZS8UmqfJ5QYTh*/ + color: #333333 !important; /*reftcss|reqform|Unselected select list highlight text colour|KJlBxs0K69YIexSk*/ +} + +.normalSelect { + /* background-color: transparent !important; */ /* NERA EXPERIMENTAL CHANGE */ +} + + + + +.switchreq { + background-color: rgba(238,238,238,0.3); /*reftcss|reqform|Switch checkbox required unselected background colour|aMki87vfrfJ5QYTh*/ +} + + .switchreq:hover { + background-color: rgba(238,238,238,0.75); /*reftcss|reqform|Switch checkbox required hover background colour|aMki8798b4w2qYTh*/ + } + +.switchopt { + background-color: #f5f5f5; /*reftcss|reqform|Switch checkbox optional selected background colour|anbv65486fc2qYTh*/ +} + + .switchopt:hover { + background-color: #e0e0e0; /*reftcss|reqform|Switch checkbox optional selected background colour|anbvlkrqb4w2qYTh*/ + } + + +.switchchecked { + background-color: #f5f5f5 !important; /*reftcss|reqform|Switch checkbox selected background colour|anbv654db4w2qYTh*/ +} + + + +/* END: Reqform division labels */ +/* START: Button */ + +div.rtButton { + background-color: inherit !important; +} + +*.rtBtnInputSec { + font-size: 12px; + border-radius: 2px; + height: 21px; + border: 1px solid; + font-family: Arial,"Microsoft Sans Serif" !important; + border-color: rgba(67,84,196,1); /*reftcss| button|Secondary button border colour|cK9598hy6deUI1ns*/ + background-color: rgba(67,84,196,0.75); /*reftcss|button|Secondary button background colour|XBUuhvfr43wRQKZ4*/ + color: #FFFFFF; /*reftcss|button|Secondary button text colour|zlA094ki84esqpmn*/ + margin-left: 1px; + margin-right: 1px; +} + + + +*.rtBtnInputSec:hover { + background-color: rgba(67,84,196,1); /*reftcss|button|Secondary button background colour hover|MtALJqV876vfreEt*/ + cursor: pointer; +} + + +*.rtBtnInputPrm { + font-size: 14px; + font-weight:bold; + border-radius: 2px; + height: 28px; + border: 1px solid; + font-family: Arial,"Microsoft Sans Serif" !important; + border-color: rgba(67,84,196,1); /*reftcss| button|Key button border colour|cK952rQkSNlUI1ns*/ + background-color: rgba(67,84,196,0.75); /*reftcss|button|Key button background colour|XBUwI0xkmCwRQKZ4*/ + color: #FFFFFF; /*reftcss|button|Key button text colour|zlA094hUy0noRpmn*/ + margin-left: 1px; + margin-right: 1px; + min-width:80px; + +} + + + + *.rtBtnInputPrm:hover { + background-color: rgba(67,84,196,1); /*reftcss|button|Key button background colour hover|MtALJqV02H1j85Et*/ + cursor: pointer; + } +*.rtButtonInputDisabled { + font-size: 0.9em; + border-radius: 2px; + height: 21px; + border: 1px solid; + font-family: Arial,"Microsoft Sans Serif" !important; + border-color: #E0E0E0; + background-color: #E0E0E0; + color: slategray; + margin-left: 1px; + margin-right: 1px; + cursor:none; +} + + + +.rtButtonLink a { + padding: 3px 3px; + text-align: center; + text-decoration: none; + display: inline-block; + border: 1px solid; + font-size: 0.9em; + cursor: default; + border-radius: 2px; + height: 20px !important; + border-color: rgba(67,84,196,1); /*reftcss| button|Link button border colour|kjiDgzxkeR45uQq9*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Link button background colour|iwmD8q8keFY9lKTj*/ + color: #FFFFFF; /*reftcss|button|Link button text colour|JWv5ok5UKPbP9lKs*/ +} + + .rtButtonLink a:hover { + background-color: rgba(67,84,196,1); /*reftcss|button|Link button background colour hover|gtv0qB4db0u6J0Ah*/ + } + + +.fontsize-button { + margin-right: 4px; + border-color: #E0E0E0; + border-width: 1px; +} + + .fontsize-button A { + margin: 3px; + padding: 3px; + text-decoration: none; + border-width: 1px; + font-size: 0.9em; + background-color: #F5F5F5; /*reftcss|button|Font size button background colour|zTfhhH1mI0inl0ph*/ + border-style: solid; + border-color: #E0E0E0; /*reftcss| button|Font size button border colour|rwOxX7W43UODVRj5*/ + } + + .fontsize-button a:hover { + border-color: rgba(67,84,196,1) !important; /*reftcss| button|Font size button border colour hover|9faJMxsEOkm1Grfp*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Font size button background colour hover|lJnOBoYvrUif2kLn*/ + color: #FFFFFF; /*reftcss|button|Font size button text colour hover|eZkcPHbNIUGskMoJ*/ + } + + +/* Buttons used to expand and contract text areas */ + +*.xbutton { + padding: 2px; + padding-bottom:13px; + margin: 2px; + display: block; + text-align: center; + vertical-align: central; + background: transparent; + border: 1px solid; + border-color: #010101; /*reftcss| button|Text area size button border colour|KZugER4CkqAf5ANT*/ + color: #333333; /*reftcss| button|Text area size button text colour|wglasPOAEmiCbv43*/ + cursor: pointer; + font-weight: normal; + text-decoration: none; + border-radius: 3px; + height: 14px; + width: 15px; + font-size: 0.9em; + font-family: 'Courier New', Courier, monospace; +} + +.xbutton:hover { + border-color: rgba(67,84,196,1) !important; /*reftcss| button|Text area size button border colour hover|W0Px2uNREm4LVXeT*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Text area size button background colour hover|0eXrSodc0m6Vns3v*/ + color: #FFFFFF; /*reftcss|button|Text area size button text colour hover|eT7u99vr0v9OehqQ*/ +} + +.attnCheckBox { + display: block; + position: relative; + padding-left: 35px; + cursor: pointer; + font-size: 18px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + + .attnCheckBox input { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; + } + +.attnCheckMark { + position: absolute; + top: 0; + left: 0; + height: 14px; + width: 14px; + background-color: rgba(238,238,238,0.4); /*reftcss| button|Attention check box background colour|W9mvfrqlEm4LVXeT*/ + border: solid 1px darkgrey; +} + +.attnCheckBox:hover input ~ .attnCheckMark { + background-color: rgba(238,238,238,1); /*reftcss| button|Attention check box background colour hover|W9mvfrqlEmtvcds3*/ + border: solid 1px #C11C28; +} + +.attnCheckBox input:checked ~ .attnCheckMark { + background-color: rgba(238,238,238,1); /*reftcss| button|Attention check box background colour checked|W954dewqEmtvcds3*/ +} + +.attnCheckMark:after { + content: ""; + position: absolute; + display: none; +} + +.attnCheckBox input:checked ~ .attnCheckMark:after { + display: block; +} + +.attnCheckBox .attnCheckMark:after { + left: 4px; + top: 2px; + width: 4px; + height: 8px; + border: solid #333333; /*reftcss| button|Attention check box text colour|Wbvcgfd8Emtvcds3*/ + border-width: 0 2px 2px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + + +/* END: Standard button */ + + +/* START Deskstat */ +/* controls style when cursor is over box */ +/* ds1: ON ds0: OFF */ + + +*.ds0 { +} + +*.ds1 { + background-color: rgba(238,238,238,0.3) !important; /*reftcss|deskstat|Input cell background colour hover|kAroFmUjEmGrYleP*/ +} + +.dscommem { + color: #333333 !important /*reftcss|deskstat|Deskstat comment message font colour|yHBDENCQeadx4R9K*/ +} +.dscommemr { + color: #C11C28 !important; /*reftcss|deskstat|Deskstat comment required message font colour|yGRokbv5eadx4R9K*/ +} + +/* Used to highlight fields that need an input in deskstats */ +*.dsAlertCtrl { + border: 1px solid !important; + border-color: #C11C28 !important; /*reftcss|deskstat|Deskstat input alert|yGREMJAhkadx4R9K*/ +} + +/* dshus: deskstats header used cells */ + + + + +*.dsBatchMode tr td { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|deskstat|Grid border colour - batch mode|vo05ybbHUSxldIBG*/ +} + +*.dsLiveMode tr td { + border: 1px solid; + border-color: #C0C0C0; /*reftcss|deskstat|Grid border colour - live mode|0P54hjoskovNBJFJ*/ +} +.dshus { + + border: 1px solid !important; + border-color: white !important; + background-color: white; + font-weight: bold; + font-size: 1.2em; + color: #C11C28 !important;/*reftcss|deskstat|Column header background colour|EoRXY8vf5dwkctyM*/ + height: 21px !important; + vertical-align: middle; +} +/* END Deskstat */ +/* START miscellaneous */ + +*.selectListSubHeader { + font-size: 0.9em; + text-transform: uppercase; + color: #FFFFFF; /*reftcss|misc|Select list sub header text colour|zFJ6fSqTEuwJAwaP*/ + font-family: Arial, 'Microsoft Sans Serif'; + background-color: #010101; /*reftcss|misc|Select list sub header background colour|QWb9TVw80ao9g6eS*/ + font-style: italic; + height: 30px; + font-variant: small-caps; +} + +*.tgDateMissed { + color: #C11C28; /*reftcss|misc|Target date missed text colour|Gh7GN59UEeCw3kjj*/ +} + +*.tgDateProximate { + font-weight: bold; + color: #C11C28; /*reftcss|misc|Target date proximate text colour|38k8WfGUEITmHZND*/ +} + +*.sfList1 { + color: #689B3D; /*reftcss|misc|Staff list available text colour|6D3jmANUeWGGi2pi*/ +} + +*.sfList0 { + color: #C11C28; /*reftcss|misc|Staff list unavailable text colour|kcUUsDdkKk9Z4BOO*/ + /*font-style: italic;*/ +} + +.sfList0, .sfList1 { + background-color: #F5F5F5; /*reftcss|misc|Staff list background colour|kcUUsDdkKk9Z4BO1*/ +} + +/* used for {more] and {less] links for expanding and contracting long text */ + +*.viewText A { + font-size: 0.9em; + color: #4354C4 !important; /*reftcss|misc|More/Less link text colour|WbA57aTUKHXEx89S*/ + text-decoration: none; + margin-right: 5px; +} + + *.viewText A:hover { + text-decoration: underline; + } + + +/* Click to view question details */ +*.viewTextDots { + font-size: 0.9em; + color: #4354C4 !important; /*reftcss|misc|[...] link text colour|rjNyBzddrUaUQlUb*/ + text-decoration: none; + margin-right: 5px; +} + +*.alertText { + color: #C11C28; /*reftcss|misc|Alert text colour|2LMtknCKdUm6ZI5U*/ +} + +.allowperm { + color: #689B3D; /*reftcss|misc|Text colour for allowed functions|oqMGPcLqlUbRRgMB*/ + background-color: #F5F5F5; +} +/*#35630d;*/ +.disallowperm { + color: #C11C28; /*reftcss|misc|Text colour for disallowed functions|dRfBnUpvsEbd8dmY*/ + background-color: #F5F5F5; +} + +*.negative { + color: #C11C28; /*reftcss|misc|Text colour for negative values|idkbKIFj1kaWjg6r*/ +} + +*.exxml { + color: #C11C28; /*reftcss|misc|Text colour to highlight tags in XML display|Q9WQGLWdqE6OrDQx*/ +} + +/* used to highlight controls which have a validation error in grids */ + +*.gvhc { + background-color: rgba(238,238,238,0.5); /*reftcss|misc|Background colour to highlight fields in grids|3hV0pnUKZvgzMqUt*/ +} + +/* disabled */ + +*.dab { + color: #333333; /*reftcss|misc|Disabled text colour|Q91WAG0yg9Z4G2RQ*/ +} + + +#overlay { + background-color: rgba(0,0,0,0.2); + z-index: 999; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; +} + + +*.cookie { + font-style: italic; +} + + +.borderLess .rwTitle { + color: #010101 !important; /*reftcss|misc|Sub-window title text colour |g0U16a0m34JpqQvP*/ + font-weight: bold; +} + + +/* START miscellaneous */ + + +*.whiteBoard { + margin: auto; + width: 80%; + border: 1px dotted; + border-color: #E0E0E0; /*reftcss|misc|Whiteboard border colour|Wlokoju7kEOwmb4e*/ + background-color: #f5f5f5; /*reftcss|misc|Whiteboard background colour|lour43qxkEOwmb4e*/ + padding: 25px !important; + font-size: 14px; + margin-top: 30px; + margin-bottom: 50px; + border-radius: 5px; +} + +/* Used for question number when presented as a hyperlink */ + +*.qno A { + font-size: 1em; + color: #C11C28 !important; /*reftcss|misc|Question number text colour|WFI1RF9xkEOwmb4e*/ + text-decoration: none; +} + + *.qno A:hover { + text-decoration: underline; + } + + +*.qnocl A { + font-size: 1em; + color: #010101 !important; /*reftcss|misc|Closed question number text colour|WFI1RFhgvc612b4e*/ + text-decoration: none; +} + + *.qnocl A:hover { + text-decoration: underline; + } + +/* copyright statement */ + +*.copyRight { + font-size: 0.8em; + color: #4354C4; /*reftcss|misc|Copyright statement text colour|DflpkK5vAESTUNSu*/ + /*margin-right:5px;*/ +} + +/* Select option styling for standard select lists */ +*.selopt { + font-style: italic; +} + + +*.pageTitle h1 { + vertical-align: baseline; + font-size: 20px; + color: #000001; /*reftcss|misc|Page title text colour|yYKusAoqz0CdOvjq*/ + display: inline; + font-family: Calibri; + vertical-align: baseline; +} + + +.pageSubTitle { + color: #000001; /*reftcss|misc|Page subtitle text colour|yYKlkn6eq0CdOvjq*/ + font-size: 20px; + font-weight: bold; + font-family: Calibri; +} + +.prov200 .pageTitle{ + + font-size:1.5em; +} + +*.resLink A { + font-weight: normal; + font-size: 0.95em; + color: #C11C28 !important; /*reftcss|misc|Data url text colour|DFss58mI9kCGp1Nv*/ + text-decoration: underline !important; +} + + *.resLink A:hover { + font-style: normal; + text-decoration: underline; + } + +.resText { + border: 1px dotted #010101 !important; + height: 22px; +} + +IMG.rgimage { + cursor: pointer; +} + +*.xmpTag { + font-size: 1.1em; + color: #4354C4; /*reftcss|misc|XMP Tag text colour|YkbhcQAhb0qfq0Jk*/ + font-family: Verdana, Arial, 'Microsoft Sans Serif'; +} + +/* START: Class for qprint templates */ + +.plainText { + font-size: 1em; + font-family: Arial, 'Times New Roman'; +} + +.headerText { + font-weight: bold; + font-size: 1.2em; + color: #010101; /*reftcss|misc|Qprint header text colour|ZIkWNc7tT0uVwVnM*/ + font-family: Arial, 'Times New Roman'; +} + +.labelText { + font-weight: bold; + font-size: 1em; + color: #333333; /*reftcss|misc|Qprint label text colour|j1rtgL9jm2s8UcXH*/ + font-family: Arial, 'Times New Roman'; +} + +.valueText { + font-size: 1em; + font-family: Arial, 'Times New Roman'; + color: #333333; /*reftcss|misc|Qprint value text colour|j1rtgLtmkCL8UcXH*/ +} + +.disclaimer { + font-size: 0.8em; + font-family: Arial; +} +/* END: Class for qprint templates */ + +/* Critical error displays */ + +*.appErrorPanel { + border-style: ridge; + border-width: 1px; + padding: 4px; + font-size: 0.97em; + margin: 10px; + background-color: #f2f2f2; /*reftcss|message|Error panel background colour|0Kq9JAZ4kil7WUx1*/ + color: #333333; /*reftcss|message|Error panel text colour|0Kqpo54qkil7WUx1*/ + text-align: left; +} + +*.appErrorHead { + font-weight: bold; + font-size: 1.4em; + background-color: #000001; /*reftcss|message|Error panel header background colour|JgULzJEGHlRLhqno*/ + color: #ffffff; /*reftcss|message|Error panel header text colour|okn63JEGHlRLhqno*/ + text-align: center; + vertical-align: central; +} + +/* START Results table */ + +table.resultsTable { + width: 100%; + border: 1px solid #E0E0E0; + +} + + table.resultsTable th { + text-align: left; + border: 1px solid; + border-color: #E0E0E0; /*reftcss|table|Results table header border colour|zvIC3kW0itlxGhNo*/ + background-color: #E0E0E0; /*reftcss|table|Results table header background colour|ejRCv2K0CI8Ztdnj*/ + font-family: "Segoe UI", Arial, Helvetica, sans-serif; + font-size: 0.9em; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.resultsTable td { + border-style: solid; + border-width: 1px; + border-color: #E0E0E0; /*reftcss|table|Results table cell border colour|Sn144NESp0Ioxnxt*/ + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.resultsTable td td { + border-style: none; + } + + table.resultsTable tr:nth-child(even) { + background-color: #FFFFFF; /*reftcss|table|Results table even row background colour|tD5ZRBU2QWOuVxnp*/ + } + + table.resultsTable tr:nth-child(2n+3) { + background-color: #F5F5F5; /*reftcss|table|Results table odd row background colour|Y1CtmjUaiwkqKqMx*/ + } + + table.resultsTable tr:hover { + background-color: rgba(238,238,238,0.30) /*reftcss|table|Results table background colour hover|TqySuSUmJgMB2deq*/ + } + + table.resultsTable tr:first-child, table.resultsTable tr:first-child:hover { + } +/* END Results table */ + + +table.reallocatetable { + width: 100%; + border: 0px solid !important; + margin-bottom: 10px; +} + + table.reallocatetable th { + border-color: transparent !important; + background-color: #FFFFFF !important; /*reftcss|misc|Reallocate table header row background colour|GodldDYskuXZWfMg*/ + font-size: 1.0em; + border-bottom: 1px solid #E0E0E0 !important;/*reftcss|misc|Reallocate table header row bottom border colour|pk0Xly6YEpgMwTsY*/ + + } + + table.reallocatetable td { + border-right: 0px transparent; + border-left: 0px transparent; + } + + +/* START Edit lalyout table */ + +table.layoutEditTable { + margin-top: 10px; + border: 0px solid; + width: 100%; +} + + table.layoutEditTable th { + text-align: left; + background-color: transparent; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #E0E0E0; /*reftcss|table|Layout edit table bottom border colour|Ctqmcnpp9EiRvypA*/ + font-size: 1.05em; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + + table.layoutEditTable td { + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.layoutEditTable tr:nth-child(even) { + background-color: transparent; + } + + table.layoutEditTable tr:nth-child(2n+3) { + background-color: transparent; + } + + table.layoutEditTable tr:hover { + background-color: rgba(238,238,238,0.30) /*reftcss|table|Layout edit table row background colour hover|72BSegQEyt9C9hl1*/ + } + + + /* even rows */ + + table.layoutEditTable tr.tblee { + background-color: #FFFFFF; + } + + /* odd rows */ + + table.layoutEditTable tr.tbleo { + background-color: #FFFFFF; + } + +/* END Edit lalyout table */ + + + +/* START new option list controls */ + + +.noplistv, .noplisth .lyodiv { + background-color: #f5f5f5; /*reftcss|optionPanel| Option panel background colour|f1Scq7bfrdqvE2qs*/ +} + +.noplistitem input[type="checkbox"]:checked, .noplistitem input[type="radio"]:checked, .switchctrls input[type="checkbox"]:checked, .resCont input[type="checkbox"]:checked { + background-color: #C11C28; /*reftcss|optionPanel| Option panel checked colour|f10mktf4adqvE2qs*/ +} + + + +.seloption label { + color: #C11C28; /*reftcss|optionPanel|Option table selected item text colour|TLVmnyt54sV9ylJF*/ +} + +.hloption label { + color: #C11C28; /*reftcss|optionPanel|Option table selected item text colour hover|zrRrLlomn65rk4L8*/ +} +/* End new option list controls */ + + + +/* START Option List Table */ + + + + +.tblopl { + background-color: #F2F2F2; /*reftcss|optionTable|Option table background colour|f1ScqCow0e54E2qs*/ + border: 1px solid; + border-color: #E0E0E0 !important; /*reftcss|optionTable|Option table border colour|hEKntUrxkm7jK7ZL*/ + border-radius: 3px; + border-collapse: separate; +} + + .tblopl th { + text-align: left; + padding-left: 2px; + padding-bottom: 4px; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: transparent; + } + + .tblopl td { + padding: 2px 3px 2px 3px; + vertical-align: text-bottom; + } + + .tblopl td span { + font-size: 1.05em !important; + + } + + .tblopl td div{ + margin-right:3px; + } + + + + +.opcb{ + + +} + +/* +.tbloptch td{ + + width:auto !important; + padding:2px !important; +}*/ +.selradio { +} + + .selradio span { + color: #C11C28; /*reftcss|optionTable|Option table selected item text colour|TLVUFI70uHV9ylJF*/ + } + +*.hlradio { +} + +.hlradio span { + color: #C11C28; /*reftcss|optionTable|Option table selected item text colour hover|zrRrLBAUy6o5k4L8*/ +} + +.tbloplt { + border: 1px solid; + border-color: #010101; /*reftcss|optionTable|Option table header border colour|yJvzrnJUeUc4YXYk*/ + padding: 1px 0px 1px 0px; + background-color: #010101; /*reftcss|optionTable|Option table header background colour|7rcht3nEy6cfHmjT*/ + text-align: center; + color: #FFFFFF; /*reftcss|optionTable|Option table header text colour|yJrmrpdUH1BPzylS*/ + margin-bottom: 2px; +} + +.tbloptdis{ + + color:silver !important; + font-weight:normal !important; +} + +/* END Option List Table */ + +/* Security Table */ +/* -------------- */ + +/* User for password in prefs and login reft998 */ +table.tbllogin { + background-color: #f2f2f2; /*reftcss|authorisation|Login table background colour|bp5Q2MbEmOhHgBCz*/ + border-radius: 5px; + border-collapse: separate; /* NB Must be set to separate for border radius to work */ + border-width: 2px !important; + border-color: #e0e0e0 !important; /*reftcss|authorisation|Login table border colour|fAV3tMfM9kOXvrMC*/ + border-style: solid !important; + min-width: 320px !important; + max-width:320px; + margin: auto; +} + +table.tbllogin hr { + border-top-style: solid; + border-top-width: 1px; + border-bottom: solid 0px; + border-color: #e0e0e0 !important; /*reftcss|authorisation|Login table divider colour|fAV3t6v5c3sXvrMC*/ +} + + table.tbllogin span { + color: #010101 !important; /*reftcss|authorisation|Login table label text colour|fAVong5qc3sXvrMC*/ + font-weight: bold; + margin-right: 10px; + } + + table.tbllogin input{ + + font-size:1.2em; + + } + + table.tbllogin th { + padding: 15px !important; + text-align: center; + background-color: #f2f2f2; /*reftcss|authorisation|Login table header background colour|8Z64sx6YA0u6r51s*/ + font-family: Arial, Helvetica, sans-serif; + color: #010101; /*reftcss|authorisation|Login table header text colour|bsXXRFRhMEmoIEvP*/ + font-weight: bold; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + font-size: 1.8em; + padding-bottom: 27px !important; + + } + + table.tbllogin td { + vertical-align: text-bottom; + text-align: right; + padding-left:20px; + padding-right:40px; + padding-top:4px; + padding-bottom:4px; + } + +table.password { + background-color: #f2f2f2; + border-radius: 4px; + border-collapse: separate; + border-width: 1px !important; + border-color: #e0e0e0 !important; + border-style: solid !important; +} + + table.password th { + text-align: center; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + padding: 5px !important; + padding-bottom:12px !important; + padding-top:10px !important; + } + + table.password td { + vertical-align: text-bottom; + text-align: right; + padding-right:10px; + padding-top:5px; + padding-bottom:10px; + } + +/* Summary Table */ +/* used for question counts in reft400 */ + +.countsTable { + width: 100%; + margin-bottom: 8px; +} + + .countsTable th { + border-bottom: 1px solid #E0E0E0; /*reftcss|maintile|Counts table header underline colour|k8ulk9h7d4VOMmX9*/ + padding: 1px 1px 1px 1px; + } + + .countsTable td { + padding: 1px 1px 1px 1px; + vertical-align: text-bottom; + } + + +/* Highlight selected row in gridview */ + +table.tbltr tr.gvsr { + /*background-color: #E0E0E0;*/ +} + +/* history display */ + +*.histcntr { + width: 100%; + border: 0px solid; + margin-bottom: 20px; + padding-bottom: 5px; +} + +.hyline /* history tab line */ { + border-top-style: dotted; + border-top-width: 1px; + border-top-color: transparent; + padding-top: 10px; + padding-bottom: 10px; +} + +/* Message area */ + +*.msgAreaContainer { + /*margin-bottom:10px;*/ + + background-color: #F5F5F5; /*reftcss|message|Message area background colour|tHoaVzn70KBOicE3*/ +} + +*.msgAreaInfo { + border-style: solid; + border-top: 0px; + border-right: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #010101; /*reftcss|message|Message area, Type: information, left border colour|I3vXt3mMUmk3Q53y*/ + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgAreaInstruction { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #4354C4; /*reftcss|message|Message area, Type: instruction, left border colour|RBeBnIUmUewXRm5D*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgAreaValidation { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #C11C28; /*reftcss|message|Message area, Type: validation, left border colour|rjqGUFykCcXahtH7*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + + +*.msgAreaSuccess { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #689B3D; /*reftcss|message|Message area, Type: success, left border colour|rjqGUFoncewahtH7*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgAreaAlert { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #EFA500; /*reftcss|message|Message area, Type: alert, left border colour|WOxGzdDUaMX23vTH*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgAreaWarning { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #EFA500; /*reftcss|message|Message area, Type: warning, left border colour|WOxGzmnb65fe3vTH*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} +*.msgAreaQsumm { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #010101; /*reftcss|message|Message area, Type: question summary, left border colour|JP5jAIm8U6MHhJlP*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgaimg{ + + width:40px; +} + +*.msgacontent { + + margin-bottom:2pt; + display:block; + overflow:hidden; + float:none; +} + +*.msgaentry{ + + clear:left; +} + + +*.msgatitle { + font-size: 15px !important; +} +/* Bulleted error list */ +.msgaitem20 li { + list-style-type: "\00bb " !important; +} + + .msgaitem20 li::marker { + color: #C11C28 !important; + font-size: 21px !important; + } + + .msgaitem20 li span { + margin-left: 5px !important; + } + + +/* Bulleted warning list */ + +.msgaitem15 li { + list-style-type: "\00bb " !important; +} + + .msgaitem15 li::marker { + color: #EFA500 !important; + font-size: 21px !important; + } + + .msgaitem15 li span { + margin-left: 5px !important; + } +/* START Classes used to display email content in reft601 */ + +#emsrchdr { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|misc|Email display header border colour|tn1Zmvta0G4lYydJ*/ + font-family: Arial, Helvetica, sans-serif; + font-size: 0.8em; + background-color: #F5F5F5; /*reftcss|misc|Email display header background colour|7EEKwO4JUvMh3H4T*/ + padding: 5px; +} + +#emsrcatts { + font-family: Arial, Helvetica, sans-serif; + font-size: 0.9em; +} + + +*.emsTitle { + font-family: Arial, Helvetica, sans-serif; + font-size: 0.9em; + font-weight: bold; + padding-top: 5px; +} + +*.frame { + margin: 0; + padding: 0; + height: 100%; + display: block; + width: 100%; + border: 1px solid #E0E0E0; +} +/* END Classes used to display email content in reft601 */ + +.logoffTable { + border: 1px solid #E0E0E0; + background-color: #FFFFFF; /*reftcss|authorisation|Logoff panel background colour|JcNT4hkSPmr3dylT*/ +} + + .logoffTable th { + padding: 2px 3px 3px 2px; + text-align: center; + background-color: #C11C28; /*reftcss|authorisation|Logoff panel header background colour|9Jo006keTrbqty0s*/ + font-family: Arial, Helvetica, sans-serif !important; + color: #FFFFFF !important; /*reftcss|authorisation|Logoff panel header text colour|8Of6jG0SsKe0fuBH*/ + font-weight: bold !important; + } +/* Used in logoff panel */ + +*.faintLink { + color: #E0E0E0; +} + + *.faintLink A { + color: #010101; + text-decoration: none; + font-style: italic; + } + + *.faintLink A:hover { + font-style: italic; + text-decoration: underline; + } + + +/* Quick Text */ + +*.qtlabel { + font-weight: bold; + color: #333333; /*reftcss|quickText|Quicktext name label text colour|QEmXdE8k6vN2Q0bd*/ + margin-bottom: 3px; + display:block; +} + +*.qtclause { + margin-top: 0px; + font-size: 0.97em; + color: #333333; /*reftcss|quickText|Quicktext clause text colour|TPRcZ9Zk6q91BInd*/ + font-weight: normal; + border-bottom: 1px solid #E0E0E0; /*reftcss|quickText|Quicktext clause bottom border colour|2ZMCuYGk6Dka9IGk*/ + padding-bottom: 3px; + padding-right: 3px; + margin-bottom: 3px; + display:block; +} + +*.qtcontrols { + background-color: #F5F5F5; /*reftcss|quickText|Quicktext control area background colour|QSAaaVUWWvhraUud*/ + margin-bottom: 8px; + border-radius: 5px; + width: 100% !important; + height: 40px; +} + +*.qtsearch { + font-size: 1.3em; + font-weight: bold; + margin-left: 10px; + margin-right: 5px; + /* display: block;*/ + padding: 3px; + border: 1px solid transparent; + display:inline +} + + *.qtsearch:hover { + background-color: rgba(67,84,196,0.1); /*reftcss|quickText|Search symbol background colour hover |yzJOlbd0lqE0jvuq*/ + border: 1px solid rgba(67,84,196,0.25); /*reftcss|quickText|Search symbol border colour hover |yzJk8be4lqE0jvuq*/ + } + + *.qtsearch A { + text-decoration: none; + } + + *.qtsearch A:hover { + } + + +/* START Client search */ + +.qera { + /* question era - client search template */ + clear: both; + margin-top: 1.5rem; + font-size: 0.6rem; + font-weight: bold; +} +/* These styles used for the display of search results in reft290 */ + +*.clsrchdb { + border: 1px solid; + border-color: transparent; + background-color: rgba(67,84,196,0.75); /*reftcss|clientSearch|Database type DDL background color|AY2wz3w6kWqrIUbU*/ + color: #FFFFFF; /*reftcss|clientSearch|Database type DDL text color|aqRsRgGPkeDxuW1I*/ + height: 26px; +} + +*.clsrchinput { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|clientSearch|Search input box border colour|w6eYMsp7UrCVZ1WS*/ + border-left: 1px solid transparent !important; + height: 22px; + font-size: 1.1em; + color: #333333; /*reftcss|clientSearch|Search input box text colour|fNZmqtGy02oaKYvr*/ + background-color: transparent; + padding-left: 7px; + padding-top: 1px; + padding-bottom: 1px; + font-weight: bold; +} + +*.clsearchfldind { + font-size: 1.2em; + color: #C11C28; /*reftcss|clientSearch|KB/FAQ search results field indicator letter text colour|0igc20l6b4sHFWAA*/ + font-weight: bold; +} + + +*.clsrchbutton { + height: 26px; + margin-right: 10px !important; +} + + +/* END Client search */ + +/* Search */ + +*.searchWord { + color: #C11C28; /*reftcss|search|Search word highlight text colour|rYPqCiTj6EaYZznu*/ + background-color: #EEEEEE; /*reftcss|search|Search word highlight background colour|vMwE8zSGKk6K7SAn*/ +} + +*.workloadChartKey { + background-color: #000001; /*reftcss|search|Workload chart key colour|vMmnk0xs4k6K7SAn*/ +} + +/* Caclulated score for a word search - used for debug display only */ +*.relevancy { + font-family: Verdana, Geneva, Tahoma, sans-serif; + color: Navy; + font-size: 0.9em; +} + +/* Search criterial label standard*/ +*.srchLabelStandard { + color: #333333 !important; /*reftcss|search|Search criteria field label text colour|qseBTQOsL0yZ9kM2*/ +} + +/* Search criteria row */ +*.srchCriteriaRow { + height: 26px; +} + +/* Search criteria set (Word, General Question etc) */ +*.srchCriteriaSet { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|search|Search criteria set border colour|2sMKaQik67SANrDr*/ + margin: 3px; + padding: 2px 2px 20px 6px; + background-color: #FFFFFF !important; /*reftcss|search|Search criteria set background colour|YNQN4TBEOzfGWBtY*/ + clear: left; + border-radius: 8px; +} + +/* continued label */ + +*.srchContinued { + text-align: right; + margin-bottom: 8px; + font-style: italic; + padding-right: 10px; + font-size: 0.85em; +} + +/* Search criteria set Title */ + +*.srchCriteriaTitle { + font-family: Arial, Helvetica, sans-serif; + font-size: 1.3em; + font-weight: bold; + color: #C11C28; /*reftcss|search|Search criteria title text colour|DRKogplUWIhAGxp1*/ + margin-top: 2px; + padding-bottom: 0px; + padding-top: 0px; + background-color: transparent; +} + +/* Search criteria control */ +*.srchCtrl { + padding-left: 3px; + border-left-style: solid; + border-left-width: 2px; + border-left-color: transparent; +} + +/* Search criteria controld with value selected */ + +*.srchCtrlDef { + border-left-color: #4354C4 !important; /*reftcss|search|Search control value is set flag left border colour|nE5PGhEC7t11ISYI*/ + border-left-style: solid; + border-left-width: 2px; +} + +/* default item in context menu */ + +*.defContextMenuItem { + font-weight: bold; +} + +/* Symbol before links in control line */ +*.controlLinkSymbol img { + margin-right: 5px; +} + +/* Items selected for a check box list */ +*.cblSelected { + font-style: italic; + font-size: 0.85em; + word-break: normal; + word-wrap: break-word; /* width: 200px; */ + margin-left: 2px; + margin-top: 3px; + margin-bottom: 2px; + color: #4354C4; /*reftcss|search|Search criteria control - selected checkbox items display text colour|TEJ9eGCkKCukqKRn*/ + padding-bottom: 0px; +} + + +/* START Home page tiles */ +.tilecontent { + background-color: #FFFFFF; /*reftcss|maintile|Home tile background colour|k8ulVMWE2JVOMmX9*/ + border: 1px solid; + border-color: #E0E0E0; /*reftcss|maintile|Home tile border colour|DZhSHtzkOc41ntf8*/ + margin: 9px; + border-radius: 10px; +} + +.tilesmall { + min-height: 210px; +} + +.tilelarge { + min-height: 440px; +} + +.tileHead { + color: #010101 !important; /*reftcss|maintile|Home tile header text colour|7eyBxLh0efiHccMs*/ + background-color: transparent; + font-size: 1.1em; + font-weight: bold; + height: 22px; + padding-top: 10px; + vertical-align: middle; + padding-left: 9px; + margin-bottom: 8px; +} + +.summChartLabels td { + /* This year, Last Year etc */ + color: #010101; /*reftcss|maintile|Summary chart legend colour|7eyBxLkb3dazccMs*/ +} + + +.summChartEntry tr:nth-child(2) td { + /* Text value */ + + color: #4354C4; /*reftcss|maintile|Summary chart label colour|7elohy633dazccMs*/ +} + +.summChartEntry tr:nth-child(3) td { + /* Column chart column backround */ + background-color: #4354C4; /*reftcss|maintile|Summary chart column colour|7eylnbde */ +} + + +.tileSymbol { + display: none +} + +.tileImage { + display: inline-block; +} + +.tileTitle { + padding-left: 8px; +} + +.tilebody { + + padding: 0px 10px 10px 10px; +} + + +*.tileover { + border: 1px solid; + border-color: rgba(67,84,196,0.75); /*reftcss|maintile|Home tile border colour hover|hleLaOo2UEyEajRn*/ +} + + +/* END Home page tiles */ + +div.RadGrid .rgAltRow, div.RadGrid .rgAltRow td { + background: #F5F5F5; /*reftcss|misc|Paged grid odd row background colour|4djpMIE2R9cLRTPj*/ +} + +.resLab { + display: block; + margin-bottom: 5px; + margin-left: 5px; + margin-top: 4px; +} + +.resText { + width: 80% !important; +} + +.resCheck { + margin-right: 13px; +} + +.resCont { + padding-bottom: 4px; + border: 1px solid transparent; +} + +.resMaster { +} + +.resCell div { +} + + .resCell div:hover { + background-color: rgba(238,238,238,0.25); /*reftcss|misc|Resource entry panel background colour hover|gayqpGEt0m71DJHG*/ + border: 1px solid; + border-color: #E0E0E0; /*reftcss|misc|Resource entry panel border colour hover|HRgNRLIJEK7ctbdp*/ + } + +.resCell:hover { + font-weight: bold; +} + +.openinsubwinsym { + margin-left: 3px; +} + +*.openinsubwin A { + font-size: 1em; + text-decoration: none; + margin-left: 5px; + font-weight: normal; +} + +.openinsubwin :hover { + background-color: rgba(67,84,196,0.25) !important; /*reftcss|menu|Open in a sub-window background colour hover|LDuNxgmOkonnAaEo*/ +} + + + + +/* Action Bar */ + +#uimnu300 .rmText a.rmLink, #uimnu300 .rmText img { + display: inline-block !important; +} + +#abar { + background-color: #F5F5F5; /*reftcss|menu|Action bar background colour|GkLJQZ0EaBWd9HCR*/ + font-size: 1em; + width: 100%; + padding-bottom: 28px; +} + +*.abarph { + font: normal 1em/1.6em Arial; + color: transparent; +} + +#abar table { +} + +#abar td { +} + +*.abarbox { + border: 1px solid transparent; + margin-right: 4px; + margin-left: 4px; + font-size: 1em; +} + +/* MENU BAR */ + +/* https://www.telerik.com/support/kb/aspnet-ajax/menu/details/hide-icon-column-in-radmenu*/ + +*.mbarph { + font: normal 1em/1.6em; + font-family: 'Segoe UI',Arial; + color: inherit; +} + + +#mbar { + background-color: #F5F5F5; /*reftcss|menu|Menu bar background colour|k3KHX3UWw5o42SWD*/ + font-size: 1em !important; + padding-top: 10px; + width: 100%; +} + +div#mbar.clientProvince { + border-bottom: 1px solid #E0E0E0; /*reftcss|menu|Menu bar background colour|8LEPUukm43MFFFpx*/ +} + + + + + + + +/* Position the menu item so that the menu image column is not used by moving 24px to left */ +/* The reftMenuLinkContainer class is used for menu items with a open in a sub-window link */ +/* The other is used for standard menu items */ +/* set the rmLeftImage display to none so that any images in the menu item are not displayed */ + +.RadMenu_RefTracker .reftMenuLinkContainer { + margin: 0 0 0 -24px !important; +} + +.RadMenu_RefTracker .rmGroup .rmLink .rmText { + margin: 0 0 0 -24px !important; +} + +.RadMenu_RefTracker .rmLeftImage { + display: none; +} + +.RadMenu_RefTracker .rmGroup .rmItem { + width: auto !important; +} + +/* Both action and menu */ +.RadMenu ul.rmRootGroup { + display: block; /* !important; */ +} + +.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink { + display: block !important; +} + +.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup, .RadMenu.RadMenu_RefTracker { + outline: none; +} + + +.RadMenu { +} + +/* Horizontal menu - used for Chart Links in workload overview of reft400 */ + +.refthzmenu li a { + color: #4354C4; /*reftcss|menu|Horizontal menu item link colour|QJHgx0BfxUqHFWAA*/ +} + + .refthzmenu li a:hover { + text-decoration: underline; + } + +.reftvrmenu li a { + color: #4354C4; /*reftcss|menu|Vertical menu item link colour|QJHgx0Bfhew321AA*/ +} + +.reftvrmenu { + margin-top: 20px; +} + + + .reftvrmenu li a:hover { + text-decoration: underline; + } + + .reftvrmenu img { + margin-right: 6px; + } + + .reftvrmenu ul { + list-style-type: none; + margin: 0; + padding: 0; + } + +.refthzmenu li { + float: left; +} + +.reftvrmenu li a { + padding-right: 10px; + text-decoration: none; +} + +.jtotCombined{ + + font-weight:bold; + font-style:italic; +} + +.jtotPrimary{ + font-weight:bold; +} + +.jtotSub{ + font-weight:normal; +} + +.jspecial, .jspecial select, .jspecial input { + color: #C11C28; /*reftcss|misc|Highlight colour for journal payment values|QJ98nd4wmew321AA*/ +} + +.jentryTable{ + margin-top:0px !important; +} + + .jentryTable .reqfldimg { + vertical-align: central; + margin-bottom: 3px; + margin-left: 2px; + } + +.jtotheader .rtsflab { + margin-right: 1px; +} + +.jtotheader .rtsftxt { + margin-right: 8px; +} + + + + .jtotsublabel .jtotPrimary{ + font-weight:normal !important; + +} + /* time used to date */ +.jtottutodt{ + +margin-left:5px; + +} + +.jtotsublabel .rtsflab { + margin-right: 1px; + margin-left: 5px; + font-weight: normal !important; +} + +.jtotsublabel .rtsftxt { + margin-right: 6px; + font-weight: normal !important; +} + + + +@media screen and (max-width: 768px) +{ + table.tbllogin { + max-width: 800px; + width: 80%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 40px; + } + table.tbllogin td { + padding: 4px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 2rem !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 2rem; + } + + /*#pgciident, #pgcipword { + width:70% ; + }*/ + + #pgriltbtrow input { + font-size: 2rem !important; + height: auto !important; + margin-top: 20px !important; + width: 150px !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + } + + #pgriltrmrow #uicirmbme { + font-size: 2.5rem; + } + + #pgrirmnr span { + font-size: 2rem; + } +} + +@media screen and (max-device-width:1024px) +{ + + #pgobman table#errorTable tr{ + display: block; + } + + #pgobman table#errorTable td { + clear: left; + display: block; + font-size: 1.5rem !important; + margin: 0 auto; + max-width: 500px; + text-align: center; + width: 75% !important; + } + + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 2rem; + padding-bottom: 20px !important; + } + #pgriltpwrow span, #pgriltidrow span{ + font-size: 1.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin td { + padding: 8px 10%; + } + + #pgriltdivrow td { + padding: 0; + } + + table.tbllogin input { + font-size: 1.5rem; + } + + /*#pgciident, #pgcipword { + width:70% + }*/ + + #pgriltbtrow input { + font-size: 1.5rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 10px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(2); + } + + #pgrirmnr span { + font-size: 1.5rem; + } +} + +@media screen and (max-device-width:768px) +{ + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 20px !important; + } + table.tbllogin td { + padding: 6px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 1.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 1.5rem; + } + + /*#pgciident, #pgcipword { + width:70% ; + }*/ + + #pgriltbtrow input { + font-size: 1.5rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 10px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(2); + } + + #pgrirmnr span { + font-size: 1rem; + } +} + +@media screen and (max-device-width: 568px) +{ + #pgriltrmrow span { + font-size: 1rem !important; + } +} + +@media screen and (max-device-width: 568px) +{ + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 20px !important; + } + table.tbllogin td { + padding: 12px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 2.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 2.5rem; + } + + #pgciident, #pgcipword { + width:50% !important; + } + + #pgriltbtrow input { + font-size: 2rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 20px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 2rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(3); + } + + #pgrirmnr span { + font-size: 2rem; + } +} diff --git a/main.custom.css b/main.custom.css new file mode 100644 index 0000000..1a13b3a --- /dev/null +++ b/main.custom.css @@ -0,0 +1,2573 @@ +img { + border: 0 +} + +form { + border-right: 0; + border-top: 0; + margin: 0; + border-left: 0; + border-bottom: 0; + padding: 0; +} + +input, select, textarea { + font-size: 1em; + font-family: 'Segoe UI'; +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +html, body { + margin: 0; + padding: 0; + color: #333333; /*reftcss|misc|Default text colour|IxAqZ4QA02TBx0DT*/ + background-color: #FFFFFF; /*reftcss|misc|Default background colour|ZdbzqDMbk2SCqBUz*/ + font-family: Arial,"Microsoft Sans Serif"; +} + +.reContentArea { + font-family: Arial,"Microsoft Sans Serif"; + /* font-size:1em !important;*/ +} + +fieldset { + + border-width:0px !important; + padding:0px !important; + margin:0px !important; + +} +/* This is the ID of the main division in each reftracker page which contains all other HTML controls */ +#pgobman { + margin-top: 8px; + margin-left: 8px; + margin-right: 8px; + margin-top: 0; +} + +/* This is the message area which is added to each page */ +#pgobmga { + margin-top: 0px; +} +/* menuctrls area contains the icon controls in the main menu */ +/* Deskstats, Help, Home, Logoff etc */ + +.menuctrls { + display: inline; + float: right; + margin-right: 10px; + margin-left: 10px; +} + + .menuctrls img { + vertical-align: baseline !important; + margin-top: 2px; + margin-bottom: 2px; + margin-left: 3px; + margin-right: 3px; + } + + /* Start:menuctrls: Sets the background colour when a control is hovered over */ + + .menuctrls span :hover { + background-color: rgba(0,0,1,0.1); /*reftcss|menu|Main menu icons - background hover|VNANNoEyaP4VODRb*/ + display: inline-block; + border-radius: 5px; + } + + .menuctrls span { + border: 1px solid transparent; + display: inline-block; + border-radius: 5px; + } + +.menuctrlsleft { + display: inline; + float: left; +} + + .menuctrlsleft img { + vertical-align: baseline !important; + } + +/* This is the deskstats tooltip menu */ +#RadToolTipWrapper_uicidsmntt .rtWrapper { + border: 1px solid #E0E0E0 !important; + background-color: #F5F5F5 !important; +} + + +#RadToolTipWrapper_uicidsmntt .rtWrapperContent { + background-color: #F5F5F5 !important; +} +#RadToolTipWrapper_uicidsmntt .rtWrapperLeftMiddle, +#RadToolTipWrapper_uicidsmntt .rtWrapperContent, +#RadToolTipWrapper_uicidsmntt .rtWrapperRightMiddle, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopLeft, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopCenter, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopRight, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomCenter, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomLeft, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomRight { + background-color: #F5F5F5 !important; +} + + + +/* End:menuctrls: Sets the background colour when a control is hovered over */ +/* Start:menuPanel: List of anchor links displayed as menu, eg reft900 system */ + +.menuPanel { + width: 30%; + margin-left: 75px; + margin-top: 30px; + margin-bottom: 30px; +} + +.menuPanelTitle { + margin-bottom: 5px; +} + + .menuPanelTitle a { + text-decoration: none; + } + + .menuPanelTitle span { + font-size: 1.05em !important; + color: #010101 !important; /*reftcss|menu|Menu panel title text colour|Au4Jlnyku3guPIC9*/ + text-decoration: none !important; + font-weight: bold; + } + +.menuPanelItems { +} + + .menuPanelItems span { + display: block !important; + margin-bottom: 2px; + margin-left: 1px; + } + +/* End:menuPanel: List of anchor links displayed as menu, eg reft900 system */ +/* Start:controlLine: Contains the controls added to the page under the action bar */ +/* For example parameter DDL in reft910 */ + +.controlLineWrapper { + background-color: #F5F5F5; /*reftcss|menu|Control line background colour|yIncjC40OuuarDyZ*/ + width: 100%; +} + + +.controlLine { + height: 22px; + vertical-align: middle; + padding-top: 5px; + margin-bottom: 8px; +} + + .controlLine .lyodiv { + } + +.controlLineRight { + text-align: right; + float: right; + padding-right: 5px; + width: 100%; +} + +.controlLineLeft { + vertical-align: middle; + padding-left: 5px; + width: 100%; +} + + .controlLineLeft .rtsflnkstd { + margin-right: 8px; + margin-left: 0px !important; + } + +.controlLineLabel { + margin-right: 4px; + margin-left: 10px; +} + +.controlLineCtrl { + margin-right: 2px; +} + +.controlLinePair { + display: inline; + vertical-align: middle; +} + + .controlLinePair .controlLineLabel { + margin-right: 3px !important; + } + + +.clplain { + background-color: transparent !important; + padding-top: 0px !important; + margin-bottom: 0px !important; +} + +/* End:controlLine: Contains the controls added to the page under the action bar */ +/* Start: timer controls -used for control which allows uses to start and stop timer */ + + + +.timerImage { + display: inline-block; +} + + .timerImage img { + padding: 2px; + margin-bottom: -2px; + } + + .timerImage :hover { + background-color: rgba(67,84,196,0.3); /*reftcss|misc|Timer image background colour hover|yzJOlbi2UGE0jvuq*/ + } + +/* End: timer controls -used for control which allows uses to start and stop timer */ +/* START: File upload area styles */ + +*.uploadTable { + width: 100%; +} + + *.uploadTable td { + vertical-align: top; + } + +*.uploadArea { + background-color: #F5F5F5; /*reftcss|attachment|File upload area background colour|vfXuidFx6UOS8w8s*/ + width: 100%; + border-radius: 5px; + text-align: center; + font-weight: bold; + padding-top: 3px; + padding-bottom: 3px; +} + +*.fileUpload { + width: 98% !important; + margin-top: 10px; + margin-right: 10px; +} + +*.fileUploadWindow { + margin-left: 10px; +} + +*.fileUploadForm { + margin-left:10px; +} + +*.fileUploadPresenter { + margin-left: 10px; +} + +*.fileDropArea { + border: 1px solid transparent; + background-color: rgba(238,238,238,0.5); /*reftcss|attachment|File drop area background colour|RcTzKX4g30y2Mmr2*/ + border-radius: 10px; + height: 90px; + margin-right: 10px; + margin-top: 10px; + margin-bottom: 10px; +} + + + +*.fileDropAreaHover { + border: 1px solid; + border-color: #C11C28 !important; /*reftcss|attachment|File drop zone border colour hover|qWbwYm8EKnJI8zxv*/ +} + + *.fileDropAreaHover span { + color: #C11C28 !important; /*reftcss|attachment|File drop zone text colour hover|jzddn0pEyPkTEe0Y*/ + } + +*.fileDropTitle { + display: block; + font-size: 1.3em; + line-height: 40px; + color: #010101; /*reftcss|attachment|File drop title text colour|wFuRkBekabKVqbAp*/ +} + +*.fileDropText { + color: #010101; /*reftcss|attachment|File drop text colour|eD6AaPB0KIzhCiNE*/ + font-size: 0.9em; + font-style: italic; + font-weight: normal !important; +} + + + +*.attText { + font-weight: normal !important; + font-size: 0.95em !important; + color: #C11C28 !important; /*reftcss|attachment|Attachment file name text colour|6wvRl36BUSXSpwSN*/ + text-decoration: none !important; +} + +*.attLink A { + font-weight: normal !important; + font-size: 0.95em !important; + color: #C11C28 !important; /*reftcss|attachment|Attachment file name link text colour|lqzlgBsrUed12Iad*/ + text-decoration: none !important; +} + + *.attLink A:hover { + text-decoration: underline !important; + } + +/* END: File upload area styles */ +/* START Statistics */ + +*.statAverage { + color: #C11C28 !important; /*reftcss|misc|Statistics average text colour|94G2flyvEGdTi9tr*/ + font-style: italic; +} + +*.statScore { + font-weight: bold; + color: #C11C28 !important; /*reftcss|misc|Statistics score text colour|35AxwoFJEaY4wUKb*/ +} + +*.statPercent { + font-style: italic; +} + +*.statTotal { + font-weight: bold; +} + +.smplalert { + font-size: 14px !important; + letter-spacing: 1px; + background-color: #C11C28 !important; /*reftcss|misc|Statistics sample alert background|309nf4aJEaY4wUKb*/ + border-radius: 5px; + color: #ffffff; /*reftcss|misc|Statistics sample alert text|3kng56aJEaY4wUKb*/ + padding-left: 10px; + padding-right: 10px; + padding-bottom: 3px; + padding-top: 3px; +} + +.dexuid { + padding-bottom: 6px; +} + + .dexuid span { + color: #C11C28 !important; /*reftcss|misc|Data extract key text|398bcrdJEaY4wUKb*/ + font-family: 'Courier New'; + font-size: 16px !important; + letter-spacing: 1px; + } + +/* End Statistics */ + +/* START Staff */ + +*.rtsflab { + font-weight: bold; + color: #333333; /*reftcss|staff|Field label text colour|4CiqjU0OchhNHj7I*/ +} + +*.rtsftxt { + color: #333333; /*reftcss|staff|Text colour|fnpdZK0Wxicz2CDC*/ + font-weight: normal; + font-size: 1em !important; + font-family: 'Segoe UI'; +} + +/* Staff Small text */ +/* eg - used where smaller text is required - eg attribution line under question notes */ + +*.rtsfsm { + font-size: 0.9em !important; + font-family: 'Segoe UI'; +} + +*.rtsflnkstd A { + font-size: 0.97em !important; + color: #4354C4 !important; /*reftcss|staff|Standard link text colour|6fCgM5kW0yawwoFA*/ + text-decoration: none !important; +} + + *.rtsflnkstd A:hover { + text-decoration: underline !important; + color: #4354C4 !important; /*reftcss|staff|Standard link text colour hover|ef4jdfuzqUhAuVFN*/ + } + +/* staff large (emphasised) hyperlinks */ + +*.rtsflnkemp A { + font-family: Arial, sans-serif; + font-weight: bold; + color: #4354C4; /*reftcss|staff|Emphasised link text colour|yb09GJ9whE2LEXta*/ + text-decoration: none; +} + + *.rtsflnkemp A:hover { + font-weight: bold; + color: #4354C4; /*reftcss|staff|Emphasised link text colour hover|PLT2j56KqEixKycM*/ + text-decoration: underline; + } + + +/* revstat style used for review status active links */ +*.revstat { + font-style: italic !important; +} + +/* closedstat style used for close and reject status */ +*.closestat { + font-style: italic !important; +} + +/* Client side text */ + +*.rtcltxt { + font-size: 0.97em; + color: #333333; /*reftcss|client|Text colour|aVWWfFUaVQAYH7IT*/ +} + +*.rtcllab { + font-weight: bold; + color: #333333; /*reftcss|client|Field label text colour|RHb1xfES2GuQXd0Q*/ +} + +*.welcome { + color: #ffffff; /*reftcss|client|Welcome message text colour|QJHgx0l6b4sHFWAA*/ + background-color: #000001; /*reftcss|client|Welcome message background colour|QJHgxlg53sqHFWAA*/ +} + +/* small */ + +*.rtclsm { + font-size: 0.9em; +} + +*.rtcllnkemp A { + font-weight: bold; + color: #4354C4; /*reftcss|client|Emphasised link text colour|LzD29AkeStMYSCVg*/ + text-decoration: underline; +} + + *.rtcllnkemp A:hover { + color: #010101; /*reftcss|client|Emphasised link text colour hover|StImE0Ua0mQFAOFU*/ + text-decoration: underline; + } + + +*.rtcllnkstd A { + font-weight: normal; + font-size: 0.97em; + color: #4354C4; /*reftcss|client|Standard link text colour|ftYuuMqf02d1qGiY*/ + text-decoration: none; +} + + *.rtcllnkstd A:hover { + color: #010101; /*reftcss|client|Standard link hover|KVX96fz7E6RER4Ix*/ + text-decoration: underline; + } + + +*.evaluation A { + font-size: 12px; + color: #FF9933; /*reftcss|client|Evaluation link for stars |1cueGqlMUWioK6IT*/ + text-decoration: none; + font-family: Verdana, Geneva, Tahoma, sans-serif; +} + + *.evaluation A:hover { + text-decoration: underline; + } + + +/* START: request form */ + +.sublb { + display:block; + margin-top:2px; +} + +#pgobmga h2{ + + font: inherit !important; + outline:none; +} + +*.rqform { + padding-top: 15px; + padding-right: 10px; + padding-left: 5px; + padding-bottom: 5px; + margin: auto; + background-color: #FFFFFF; /*reftcss|reqform|Request form background colour|AbSCPszqUaC25YgD*/ +} + +*.rqformdvstd { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|reqform|Request form division border colour|l0yN4K3E0i2P8SRX*/ + font-size: 1em; + border-radius: 6px; + margin-bottom: 15px; + width: 100%; + padding-top: 3px; + padding-bottom: 3px; + position: static; + border-collapse: collapse; + background-color: #FFFFFF; /*reftcss|reqform|Request form division background colour|qMKxiJI0CJJUkYN8*/ +} + + +*.rqformdvemp { + background-color: rgba(238,238,238,0.4) !important; /*reftcss|reqform|Request form division emphasised background colour|xfJmxbBUGyYGBy5c*/ +} + + +*.lbtxt { + /*font-weight: normal;*/ + font-size: 1.1em; + display: inline; +} +*.lbdiv { + border-width: 0px; + vertical-align: central; + font-size:1.3em; + font-weight:bold; + margin-bottom: 3px; + font-family:Verdana; +} +.lbdiv h2 { + font-size: 1em !important; + padding:0px !important; + padding-bottom:3px !important; + + +} +.lbdiv h2 input{ + white-space:normal; + text-align:left; +} + +.rfotlbl { + padding-top: 8px; + padding-bottom: 8px; + display: inline-block; + font-weight: bold; + font-family: Verdana, Geneva, Tahoma, sans-serif; + font-size: 1.2em; + color: #010101; +} +/*.lbdiv*/ +h2 input { + /* Used to remove class button styling for presenter div heading */ + background-color: transparent !important; + color: inherit !important; + border-width: 0px !important; + padding: 0px !important; + font-weight: bold; + font-family: inherit !important; +} +*.lbstandard { + background-color:transparent; + color: #333333; /*reftcss|reqform|Division label standard text colour|V5s6yfTkSsb0MEA0*/ +} +*.lbshover { + background-color: transparent; + text-decoration:underline; +} + + *.lbshover input { + text-decoration: underline; + } +/* Used for divisions in request forms which are added at run-time - eg 'other' fields */ +*.lbspecial { + background-color: transparent; + color: #010101; /*reftcss|reqform|Division label sepcial text colour|xBHtGKvEKNxrZpqH*/ +} +*.lberror { + background-color: transparent; + color: #C11C28; /*reftcss|reqform|Division label error text colour|AGeUhj7ki9zRbwqu*/ +} + +/* lbp: plain label - used in deskstats */ + +*.lbplain { + font-weight: normal; + font-size: 1em !important; + + color: #707B7C; /*reftcss|reqform|Division label plain (deskstats) text colour|cKbA3Fei8u7ytOKB*/ + text-align: left; +} + + +*.copyhl { + color: #C11C28; /*reftcss|reqform|Copy instruction sub label text colour|4t6PdLREa3IAikp6*/ +} + + +*.errLabel { + border-bottom: #C11C28 0px dotted; + color: #C11C28 !important;/*reftcss|reqform|Label font colour for fields with error|mQC5EyVUKuZptIb7 */ +} + + +.errLabel::after { + content: " \00bb"; + font-size: 18px; +} + + +*.wrnLabel { + border-bottom: #EFA500 0px dashed; + color: #EFA500 !important;/*reftcss|reqform|Label fontr colour for fields with warning|uZhLYREu7sQ3kAMr*/ +} + + *.wrnLabel::after { + content: " \00bb"; + font-size: 18px; + } + +*.wrntext { + color: #EFA500 !important; + font-weight: bold; +} + +.flag { + border-left: 4px solid #C11C28; /*reftcss|reqform|Left border highlight for flagged fields #1|9IjsfckWM9nzJQQp*/ + margin-left: -4px !important; +} + +.flagcell .noplistwrapperh { + border-left: 4px solid #C11C28 !important; +} + +.flagcontainer select { + border-left: 4px solid #C11C28 !important; /*reftcss|reqform|Left border highlight for flagged fields #2|Q7zTRSUycGj8CEh0*/ +} + +.flagcontainer .RadEditor, .flagcontainer .dateTimePanel, .flagcontainer .contactPanel, .flagcontainer .optionPanel, .flagcontainer .timerControl { + border-left: 4px solid; + border-left-color: #C11C28 !important; /*reftcss|reqform|Left border highlight for flagged fields #3|vexq3zE6Ml79B3kt*/ +} + +*.inputAlert { + background-color: rgba(238,238,238,0.5) !important; /*reftcss|reqform|Unselected select list highlight background colour|aMZZS8UmqfJ5QYTh*/ + color: #333333 !important; /*reftcss|reqform|Unselected select list highlight text colour|KJlBxs0K69YIexSk*/ +} + +.normalSelect { + /* background-color: transparent !important; */ /* NERA EXPERIMENTAL CHANGE */ +} + + + + +.switchreq { + background-color: rgba(238,238,238,0.3); /*reftcss|reqform|Switch checkbox required unselected background colour|aMki87vfrfJ5QYTh*/ +} + + .switchreq:hover { + background-color: rgba(238,238,238,0.75); /*reftcss|reqform|Switch checkbox required hover background colour|aMki8798b4w2qYTh*/ + } + +.switchopt { + background-color: #f5f5f5; /*reftcss|reqform|Switch checkbox optional selected background colour|anbv65486fc2qYTh*/ +} + + .switchopt:hover { + background-color: #e0e0e0; /*reftcss|reqform|Switch checkbox optional selected background colour|anbvlkrqb4w2qYTh*/ + } + + +.switchchecked { + background-color: #f5f5f5 !important; /*reftcss|reqform|Switch checkbox selected background colour|anbv654db4w2qYTh*/ +} + + + +/* END: Reqform division labels */ +/* START: Button */ + +div.rtButton { + background-color: inherit !important; +} + +*.rtBtnInputSec { + font-size: 12px; + border-radius: 2px; + height: 21px; + border: 1px solid; + font-family: Arial,"Microsoft Sans Serif" !important; + border-color: rgba(67,84,196,1); /*reftcss| button|Secondary button border colour|cK9598hy6deUI1ns*/ + background-color: rgba(67,84,196,0.75); /*reftcss|button|Secondary button background colour|XBUuhvfr43wRQKZ4*/ + color: #FFFFFF; /*reftcss|button|Secondary button text colour|zlA094ki84esqpmn*/ + margin-left: 1px; + margin-right: 1px; +} + + + +*.rtBtnInputSec:hover { + background-color: rgba(67,84,196,1); /*reftcss|button|Secondary button background colour hover|MtALJqV876vfreEt*/ + cursor: pointer; +} + + +*.rtBtnInputPrm { + font-size: 14px; + font-weight:bold; + border-radius: 2px; + height: 28px; + border: 1px solid; + font-family: Arial,"Microsoft Sans Serif" !important; + border-color: rgba(67,84,196,1); /*reftcss| button|Key button border colour|cK952rQkSNlUI1ns*/ + background-color: rgba(67,84,196,0.75); /*reftcss|button|Key button background colour|XBUwI0xkmCwRQKZ4*/ + color: #FFFFFF; /*reftcss|button|Key button text colour|zlA094hUy0noRpmn*/ + margin-left: 1px; + margin-right: 1px; + min-width:80px; + +} + + + + *.rtBtnInputPrm:hover { + background-color: rgba(67,84,196,1); /*reftcss|button|Key button background colour hover|MtALJqV02H1j85Et*/ + cursor: pointer; + } +*.rtButtonInputDisabled { + font-size: 0.9em; + border-radius: 2px; + height: 21px; + border: 1px solid; + font-family: Arial,"Microsoft Sans Serif" !important; + border-color: #E0E0E0; + background-color: #E0E0E0; + color: slategray; + margin-left: 1px; + margin-right: 1px; + cursor:none; +} + + + +.rtButtonLink a { + padding: 3px 3px; + text-align: center; + text-decoration: none; + display: inline-block; + border: 1px solid; + font-size: 0.9em; + cursor: default; + border-radius: 2px; + height: 20px !important; + border-color: rgba(67,84,196,1); /*reftcss| button|Link button border colour|kjiDgzxkeR45uQq9*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Link button background colour|iwmD8q8keFY9lKTj*/ + color: #FFFFFF; /*reftcss|button|Link button text colour|JWv5ok5UKPbP9lKs*/ +} + + .rtButtonLink a:hover { + background-color: rgba(67,84,196,1); /*reftcss|button|Link button background colour hover|gtv0qB4db0u6J0Ah*/ + } + + +.fontsize-button { + margin-right: 4px; + border-color: #E0E0E0; + border-width: 1px; +} + + .fontsize-button A { + margin: 3px; + padding: 3px; + text-decoration: none; + border-width: 1px; + font-size: 0.9em; + background-color: #F5F5F5; /*reftcss|button|Font size button background colour|zTfhhH1mI0inl0ph*/ + border-style: solid; + border-color: #E0E0E0; /*reftcss| button|Font size button border colour|rwOxX7W43UODVRj5*/ + } + + .fontsize-button a:hover { + border-color: rgba(67,84,196,1) !important; /*reftcss| button|Font size button border colour hover|9faJMxsEOkm1Grfp*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Font size button background colour hover|lJnOBoYvrUif2kLn*/ + color: #FFFFFF; /*reftcss|button|Font size button text colour hover|eZkcPHbNIUGskMoJ*/ + } + + +/* Buttons used to expand and contract text areas */ + +*.xbutton { + padding: 2px; + padding-bottom:13px; + margin: 2px; + display: block; + text-align: center; + vertical-align: central; + background: transparent; + border: 1px solid; + border-color: #010101; /*reftcss| button|Text area size button border colour|KZugER4CkqAf5ANT*/ + color: #333333; /*reftcss| button|Text area size button text colour|wglasPOAEmiCbv43*/ + cursor: pointer; + font-weight: normal; + text-decoration: none; + border-radius: 3px; + height: 14px; + width: 15px; + font-size: 0.9em; + font-family: 'Courier New', Courier, monospace; +} + +.xbutton:hover { + border-color: rgba(67,84,196,1) !important; /*reftcss| button|Text area size button border colour hover|W0Px2uNREm4LVXeT*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Text area size button background colour hover|0eXrSodc0m6Vns3v*/ + color: #FFFFFF; /*reftcss|button|Text area size button text colour hover|eT7u99vr0v9OehqQ*/ +} + +.attnCheckBox { + display: block; + position: relative; + padding-left: 35px; + cursor: pointer; + font-size: 18px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + + .attnCheckBox input { + position: absolute; + opacity: 0; + cursor: pointer; + height: 0; + width: 0; + } + +.attnCheckMark { + position: absolute; + top: 0; + left: 0; + height: 14px; + width: 14px; + background-color: rgba(238,238,238,0.4); /*reftcss| button|Attention check box background colour|W9mvfrqlEm4LVXeT*/ + border: solid 1px darkgrey; +} + +.attnCheckBox:hover input ~ .attnCheckMark { + background-color: rgba(238,238,238,1); /*reftcss| button|Attention check box background colour hover|W9mvfrqlEmtvcds3*/ + border: solid 1px #C11C28; +} + +.attnCheckBox input:checked ~ .attnCheckMark { + background-color: rgba(238,238,238,1); /*reftcss| button|Attention check box background colour checked|W954dewqEmtvcds3*/ +} + +.attnCheckMark:after { + content: ""; + position: absolute; + display: none; +} + +.attnCheckBox input:checked ~ .attnCheckMark:after { + display: block; +} + +.attnCheckBox .attnCheckMark:after { + left: 4px; + top: 2px; + width: 4px; + height: 8px; + border: solid #333333; /*reftcss| button|Attention check box text colour|Wbvcgfd8Emtvcds3*/ + border-width: 0 2px 2px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + + +/* END: Standard button */ + + +/* START Deskstat */ +/* controls style when cursor is over box */ +/* ds1: ON ds0: OFF */ + + +*.ds0 { +} + +*.ds1 { + background-color: rgba(238,238,238,0.3) !important; /*reftcss|deskstat|Input cell background colour hover|kAroFmUjEmGrYleP*/ +} + +.dscommem { + color: #333333 !important /*reftcss|deskstat|Deskstat comment message font colour|yHBDENCQeadx4R9K*/ +} +.dscommemr { + color: #C11C28 !important; /*reftcss|deskstat|Deskstat comment required message font colour|yGRokbv5eadx4R9K*/ +} + +/* Used to highlight fields that need an input in deskstats */ +*.dsAlertCtrl { + border: 1px solid !important; + border-color: #C11C28 !important; /*reftcss|deskstat|Deskstat input alert|yGREMJAhkadx4R9K*/ +} + +/* dshus: deskstats header used cells */ + + + + +*.dsBatchMode tr td { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|deskstat|Grid border colour - batch mode|vo05ybbHUSxldIBG*/ +} + +*.dsLiveMode tr td { + border: 1px solid; + border-color: #C0C0C0; /*reftcss|deskstat|Grid border colour - live mode|0P54hjoskovNBJFJ*/ +} +.dshus { + + border: 1px solid !important; + border-color: white !important; + background-color: white; + font-weight: bold; + font-size: 1.2em; + color: #C11C28 !important;/*reftcss|deskstat|Column header background colour|EoRXY8vf5dwkctyM*/ + height: 21px !important; + vertical-align: middle; +} +/* END Deskstat */ +/* START miscellaneous */ + +*.selectListSubHeader { + font-size: 0.9em; + text-transform: uppercase; + color: #FFFFFF; /*reftcss|misc|Select list sub header text colour|zFJ6fSqTEuwJAwaP*/ + font-family: Arial, 'Microsoft Sans Serif'; + background-color: #010101; /*reftcss|misc|Select list sub header background colour|QWb9TVw80ao9g6eS*/ + font-style: italic; + height: 30px; + font-variant: small-caps; +} + +*.tgDateMissed { + color: #C11C28; /*reftcss|misc|Target date missed text colour|Gh7GN59UEeCw3kjj*/ +} + +*.tgDateProximate { + font-weight: bold; + color: #C11C28; /*reftcss|misc|Target date proximate text colour|38k8WfGUEITmHZND*/ +} + +*.sfList1 { + color: #689B3D; /*reftcss|misc|Staff list available text colour|6D3jmANUeWGGi2pi*/ +} + +*.sfList0 { + color: #C11C28; /*reftcss|misc|Staff list unavailable text colour|kcUUsDdkKk9Z4BOO*/ + /*font-style: italic;*/ +} + +.sfList0, .sfList1 { + background-color: #F5F5F5; /*reftcss|misc|Staff list background colour|kcUUsDdkKk9Z4BO1*/ +} + +/* used for {more] and {less] links for expanding and contracting long text */ + +*.viewText A { + font-size: 0.9em; + color: #4354C4 !important; /*reftcss|misc|More/Less link text colour|WbA57aTUKHXEx89S*/ + text-decoration: none; + margin-right: 5px; +} + + *.viewText A:hover { + text-decoration: underline; + } + + +/* Click to view question details */ +*.viewTextDots { + font-size: 0.9em; + color: #4354C4 !important; /*reftcss|misc|[...] link text colour|rjNyBzddrUaUQlUb*/ + text-decoration: none; + margin-right: 5px; +} + +*.alertText { + color: #C11C28; /*reftcss|misc|Alert text colour|2LMtknCKdUm6ZI5U*/ +} + +.allowperm { + color: #689B3D; /*reftcss|misc|Text colour for allowed functions|oqMGPcLqlUbRRgMB*/ + background-color: #F5F5F5; +} +/*#35630d;*/ +.disallowperm { + color: #C11C28; /*reftcss|misc|Text colour for disallowed functions|dRfBnUpvsEbd8dmY*/ + background-color: #F5F5F5; +} + +*.negative { + color: #C11C28; /*reftcss|misc|Text colour for negative values|idkbKIFj1kaWjg6r*/ +} + +*.exxml { + color: #C11C28; /*reftcss|misc|Text colour to highlight tags in XML display|Q9WQGLWdqE6OrDQx*/ +} + +/* used to highlight controls which have a validation error in grids */ + +*.gvhc { + background-color: rgba(238,238,238,0.5); /*reftcss|misc|Background colour to highlight fields in grids|3hV0pnUKZvgzMqUt*/ +} + +/* disabled */ + +*.dab { + color: #333333; /*reftcss|misc|Disabled text colour|Q91WAG0yg9Z4G2RQ*/ +} + + +#overlay { + background-color: rgba(0,0,0,0.2); + z-index: 999; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; +} + + +*.cookie { + font-style: italic; +} + + +.borderLess .rwTitle { + color: #010101 !important; /*reftcss|misc|Sub-window title text colour |g0U16a0m34JpqQvP*/ + font-weight: bold; +} + + +/* START miscellaneous */ + + +*.whiteBoard { + margin: auto; + width: 80%; + border: 1px dotted; + border-color: #E0E0E0; /*reftcss|misc|Whiteboard border colour|Wlokoju7kEOwmb4e*/ + background-color: #f5f5f5; /*reftcss|misc|Whiteboard background colour|lour43qxkEOwmb4e*/ + padding: 25px !important; + font-size: 14px; + margin-top: 30px; + margin-bottom: 50px; + border-radius: 5px; +} + +/* Used for question number when presented as a hyperlink */ + +*.qno A { + font-size: 1em; + color: #C11C28 !important; /*reftcss|misc|Question number text colour|WFI1RF9xkEOwmb4e*/ + text-decoration: none; +} + + *.qno A:hover { + text-decoration: underline; + } + + +*.qnocl A { + font-size: 1em; + color: #010101 !important; /*reftcss|misc|Closed question number text colour|WFI1RFhgvc612b4e*/ + text-decoration: none; +} + + *.qnocl A:hover { + text-decoration: underline; + } + +/* copyright statement */ + +*.copyRight { + font-size: 0.8em; + color: #4354C4; /*reftcss|misc|Copyright statement text colour|DflpkK5vAESTUNSu*/ + /*margin-right:5px;*/ +} + +/* Select option styling for standard select lists */ +*.selopt { + font-style: italic; +} + + +*.pageTitle h1 { + vertical-align: baseline; + font-size: 20px; + color: #000001; /*reftcss|misc|Page title text colour|yYKusAoqz0CdOvjq*/ + display: inline; + font-family: Calibri; + vertical-align: baseline; +} + + +.pageSubTitle { + color: #000001; /*reftcss|misc|Page subtitle text colour|yYKlkn6eq0CdOvjq*/ + font-size: 20px; + font-weight: bold; + font-family: Calibri; +} + +.prov200 .pageTitle{ + + font-size:1.5em; +} + +*.resLink A { + font-weight: normal; + font-size: 0.95em; + color: #C11C28 !important; /*reftcss|misc|Data url text colour|DFss58mI9kCGp1Nv*/ + text-decoration: underline !important; +} + + *.resLink A:hover { + font-style: normal; + text-decoration: underline; + } + +.resText { + border: 1px dotted #010101 !important; + height: 22px; +} + +IMG.rgimage { + cursor: pointer; +} + +*.xmpTag { + font-size: 1.1em; + color: #4354C4; /*reftcss|misc|XMP Tag text colour|YkbhcQAhb0qfq0Jk*/ + font-family: Verdana, Arial, 'Microsoft Sans Serif'; +} + +/* START: Class for qprint templates */ + +.plainText { + font-size: 1em; + font-family: Arial, 'Times New Roman'; +} + +.headerText { + font-weight: bold; + font-size: 1.2em; + color: #010101; /*reftcss|misc|Qprint header text colour|ZIkWNc7tT0uVwVnM*/ + font-family: Arial, 'Times New Roman'; +} + +.labelText { + font-weight: bold; + font-size: 1em; + color: #333333; /*reftcss|misc|Qprint label text colour|j1rtgL9jm2s8UcXH*/ + font-family: Arial, 'Times New Roman'; +} + +.valueText { + font-size: 1em; + font-family: Arial, 'Times New Roman'; + color: #333333; /*reftcss|misc|Qprint value text colour|j1rtgLtmkCL8UcXH*/ +} + +.disclaimer { + font-size: 0.8em; + font-family: Arial; +} +/* END: Class for qprint templates */ + +/* Critical error displays */ + +*.appErrorPanel { + border-style: ridge; + border-width: 1px; + padding: 4px; + font-size: 0.97em; + margin: 10px; + background-color: #f2f2f2; /*reftcss|message|Error panel background colour|0Kq9JAZ4kil7WUx1*/ + color: #333333; /*reftcss|message|Error panel text colour|0Kqpo54qkil7WUx1*/ + text-align: left; +} + +*.appErrorHead { + font-weight: bold; + font-size: 1.4em; + background-color: #000001; /*reftcss|message|Error panel header background colour|JgULzJEGHlRLhqno*/ + color: #ffffff; /*reftcss|message|Error panel header text colour|okn63JEGHlRLhqno*/ + text-align: center; + vertical-align: central; +} + +/* START Results table */ + +table.resultsTable { + width: 100%; + border: 1px solid #E0E0E0; + +} + + table.resultsTable th { + text-align: left; + border: 1px solid; + border-color: #E0E0E0; /*reftcss|table|Results table header border colour|zvIC3kW0itlxGhNo*/ + background-color: #E0E0E0; /*reftcss|table|Results table header background colour|ejRCv2K0CI8Ztdnj*/ + font-family: "Segoe UI", Arial, Helvetica, sans-serif; + font-size: 0.9em; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.resultsTable td { + border-style: solid; + border-width: 1px; + border-color: #E0E0E0; /*reftcss|table|Results table cell border colour|Sn144NESp0Ioxnxt*/ + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.resultsTable td td { + border-style: none; + } + + table.resultsTable tr:nth-child(even) { + background-color: #FFFFFF; /*reftcss|table|Results table even row background colour|tD5ZRBU2QWOuVxnp*/ + } + + table.resultsTable tr:nth-child(2n+3) { + background-color: #F5F5F5; /*reftcss|table|Results table odd row background colour|Y1CtmjUaiwkqKqMx*/ + } + + table.resultsTable tr:hover { + background-color: rgba(238,238,238,0.30) /*reftcss|table|Results table background colour hover|TqySuSUmJgMB2deq*/ + } + + table.resultsTable tr:first-child, table.resultsTable tr:first-child:hover { + } +/* END Results table */ + + +table.reallocatetable { + width: 100%; + border: 0px solid !important; + margin-bottom: 10px; +} + + table.reallocatetable th { + border-color: transparent !important; + background-color: #FFFFFF !important; /*reftcss|misc|Reallocate table header row background colour|GodldDYskuXZWfMg*/ + font-size: 1.0em; + border-bottom: 1px solid #E0E0E0 !important;/*reftcss|misc|Reallocate table header row bottom border colour|pk0Xly6YEpgMwTsY*/ + + } + + table.reallocatetable td { + border-right: 0px transparent; + border-left: 0px transparent; + } + + +/* START Edit lalyout table */ + +table.layoutEditTable { + margin-top: 10px; + border: 0px solid; + width: 100%; +} + + table.layoutEditTable th { + text-align: left; + background-color: transparent; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #E0E0E0; /*reftcss|table|Layout edit table bottom border colour|Ctqmcnpp9EiRvypA*/ + font-size: 1.05em; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + + table.layoutEditTable td { + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.layoutEditTable tr:nth-child(even) { + background-color: transparent; + } + + table.layoutEditTable tr:nth-child(2n+3) { + background-color: transparent; + } + + table.layoutEditTable tr:hover { + background-color: rgba(238,238,238,0.30) /*reftcss|table|Layout edit table row background colour hover|72BSegQEyt9C9hl1*/ + } + + + /* even rows */ + + table.layoutEditTable tr.tblee { + background-color: #FFFFFF; + } + + /* odd rows */ + + table.layoutEditTable tr.tbleo { + background-color: #FFFFFF; + } + +/* END Edit lalyout table */ + + + +/* START new option list controls */ + + +.noplistv, .noplisth .lyodiv { + background-color: #f5f5f5; /*reftcss|optionPanel| Option panel background colour|f1Scq7bfrdqvE2qs*/ +} + +.noplistitem input[type="checkbox"]:checked, .noplistitem input[type="radio"]:checked, .switchctrls input[type="checkbox"]:checked, .resCont input[type="checkbox"]:checked { + background-color: #C11C28; /*reftcss|optionPanel| Option panel checked colour|f10mktf4adqvE2qs*/ +} + + + +.seloption label { + color: #C11C28; /*reftcss|optionPanel|Option table selected item text colour|TLVmnyt54sV9ylJF*/ +} + +.hloption label { + color: #C11C28; /*reftcss|optionPanel|Option table selected item text colour hover|zrRrLlomn65rk4L8*/ +} +/* End new option list controls */ + + + +/* START Option List Table */ + + + + +.tblopl { + background-color: #F2F2F2; /*reftcss|optionTable|Option table background colour|f1ScqCow0e54E2qs*/ + border: 1px solid; + border-color: #E0E0E0 !important; /*reftcss|optionTable|Option table border colour|hEKntUrxkm7jK7ZL*/ + border-radius: 3px; + border-collapse: separate; +} + + .tblopl th { + text-align: left; + padding-left: 2px; + padding-bottom: 4px; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: transparent; + } + + .tblopl td { + padding: 2px 3px 2px 3px; + vertical-align: text-bottom; + } + + .tblopl td span { + font-size: 1.05em !important; + + } + + .tblopl td div{ + margin-right:3px; + } + + + + +.opcb{ + + +} + +/* +.tbloptch td{ + + width:auto !important; + padding:2px !important; +}*/ +.selradio { +} + + .selradio span { + color: #C11C28; /*reftcss|optionTable|Option table selected item text colour|TLVUFI70uHV9ylJF*/ + } + +*.hlradio { +} + +.hlradio span { + color: #C11C28; /*reftcss|optionTable|Option table selected item text colour hover|zrRrLBAUy6o5k4L8*/ +} + +.tbloplt { + border: 1px solid; + border-color: #010101; /*reftcss|optionTable|Option table header border colour|yJvzrnJUeUc4YXYk*/ + padding: 1px 0px 1px 0px; + background-color: #010101; /*reftcss|optionTable|Option table header background colour|7rcht3nEy6cfHmjT*/ + text-align: center; + color: #FFFFFF; /*reftcss|optionTable|Option table header text colour|yJrmrpdUH1BPzylS*/ + margin-bottom: 2px; +} + +.tbloptdis{ + + color:silver !important; + font-weight:normal !important; +} + +/* END Option List Table */ + +/* Security Table */ +/* -------------- */ + +/* User for password in prefs and login reft998 */ +table.tbllogin { + background-color: #f2f2f2; /*reftcss|authorisation|Login table background colour|bp5Q2MbEmOhHgBCz*/ + border-radius: 5px; + border-collapse: separate; /* NB Must be set to separate for border radius to work */ + border-width: 2px !important; + border-color: #e0e0e0 !important; /*reftcss|authorisation|Login table border colour|fAV3tMfM9kOXvrMC*/ + border-style: solid !important; + min-width: 320px !important; + max-width:320px; + margin: auto; +} + +table.tbllogin hr { + border-top-style: solid; + border-top-width: 1px; + border-bottom: solid 0px; + border-color: #e0e0e0 !important; /*reftcss|authorisation|Login table divider colour|fAV3t6v5c3sXvrMC*/ +} + + table.tbllogin span { + color: #010101 !important; /*reftcss|authorisation|Login table label text colour|fAVong5qc3sXvrMC*/ + font-weight: bold; + margin-right: 10px; + } + + table.tbllogin input{ + + font-size:1.2em; + + } + + table.tbllogin th { + padding: 15px !important; + text-align: center; + background-color: #f2f2f2; /*reftcss|authorisation|Login table header background colour|8Z64sx6YA0u6r51s*/ + font-family: Arial, Helvetica, sans-serif; + color: #010101; /*reftcss|authorisation|Login table header text colour|bsXXRFRhMEmoIEvP*/ + font-weight: bold; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + font-size: 1.8em; + padding-bottom: 27px !important; + + } + + table.tbllogin td { + vertical-align: text-bottom; + text-align: right; + padding-left:20px; + padding-right:40px; + padding-top:4px; + padding-bottom:4px; + } + +table.password { + background-color: #f2f2f2; + border-radius: 4px; + border-collapse: separate; + border-width: 1px !important; + border-color: #e0e0e0 !important; + border-style: solid !important; +} + + table.password th { + text-align: center; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + padding: 5px !important; + padding-bottom:12px !important; + padding-top:10px !important; + } + + table.password td { + vertical-align: text-bottom; + text-align: right; + padding-right:10px; + padding-top:5px; + padding-bottom:10px; + } + +/* Summary Table */ +/* used for question counts in reft400 */ + +.countsTable { + width: 100%; + margin-bottom: 8px; +} + + .countsTable th { + border-bottom: 1px solid #E0E0E0; /*reftcss|maintile|Counts table header underline colour|k8ulk9h7d4VOMmX9*/ + padding: 1px 1px 1px 1px; + } + + .countsTable td { + padding: 1px 1px 1px 1px; + vertical-align: text-bottom; + } + + +/* Highlight selected row in gridview */ + +table.tbltr tr.gvsr { + /*background-color: #E0E0E0;*/ +} + +/* history display */ + +*.histcntr { + width: 100%; + border: 0px solid; + margin-bottom: 20px; + padding-bottom: 5px; +} + +.hyline /* history tab line */ { + border-top-style: dotted; + border-top-width: 1px; + border-top-color: transparent; + padding-top: 10px; + padding-bottom: 10px; +} + +/* Message area */ + +*.msgAreaContainer { + /*margin-bottom:10px;*/ + + background-color: #F5F5F5; /*reftcss|message|Message area background colour|tHoaVzn70KBOicE3*/ +} + +*.msgAreaInfo { + border-style: solid; + border-top: 0px; + border-right: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #010101; /*reftcss|message|Message area, Type: information, left border colour|I3vXt3mMUmk3Q53y*/ + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgAreaInstruction { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #4354C4; /*reftcss|message|Message area, Type: instruction, left border colour|RBeBnIUmUewXRm5D*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgAreaValidation { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #C11C28; /*reftcss|message|Message area, Type: validation, left border colour|rjqGUFykCcXahtH7*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + + +*.msgAreaSuccess { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #689B3D; /*reftcss|message|Message area, Type: success, left border colour|rjqGUFoncewahtH7*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgAreaAlert { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #EFA500; /*reftcss|message|Message area, Type: alert, left border colour|WOxGzdDUaMX23vTH*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgAreaWarning { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #EFA500; /*reftcss|message|Message area, Type: warning, left border colour|WOxGzmnb65fe3vTH*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} +*.msgAreaQsumm { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 10px solid; + border-left-color: #010101; /*reftcss|message|Message area, Type: question summary, left border colour|JP5jAIm8U6MHhJlP*/ + border-right: 0px; + padding-bottom: 5px; + padding-top: 5px; + background-color: transparent; +} + +*.msgaimg{ + + width:40px; +} + +*.msgacontent { + + margin-bottom:2pt; + display:block; + overflow:hidden; + float:none; +} + +*.msgaentry{ + + clear:left; +} + + +*.msgatitle { + font-size: 15px !important; +} +/* Bulleted error list */ +.msgaitem20 li { + list-style-type: "\00bb " !important; +} + + .msgaitem20 li::marker { + color: #C11C28 !important; + font-size: 21px !important; + } + + .msgaitem20 li span { + margin-left: 5px !important; + } + + +/* Bulleted warning list */ + +.msgaitem15 li { + list-style-type: "\00bb " !important; +} + + .msgaitem15 li::marker { + color: #EFA500 !important; + font-size: 21px !important; + } + + .msgaitem15 li span { + margin-left: 5px !important; + } +/* START Classes used to display email content in reft601 */ + +#emsrchdr { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|misc|Email display header border colour|tn1Zmvta0G4lYydJ*/ + font-family: Arial, Helvetica, sans-serif; + font-size: 0.8em; + background-color: #F5F5F5; /*reftcss|misc|Email display header background colour|7EEKwO4JUvMh3H4T*/ + padding: 5px; +} + +#emsrcatts { + font-family: Arial, Helvetica, sans-serif; + font-size: 0.9em; +} + + +*.emsTitle { + font-family: Arial, Helvetica, sans-serif; + font-size: 0.9em; + font-weight: bold; + padding-top: 5px; +} + +*.frame { + margin: 0; + padding: 0; + height: 100%; + display: block; + width: 100%; + border: 1px solid #E0E0E0; +} +/* END Classes used to display email content in reft601 */ + +.logoffTable { + border: 1px solid #E0E0E0; + background-color: #FFFFFF; /*reftcss|authorisation|Logoff panel background colour|JcNT4hkSPmr3dylT*/ +} + + .logoffTable th { + padding: 2px 3px 3px 2px; + text-align: center; + background-color: #C11C28; /*reftcss|authorisation|Logoff panel header background colour|9Jo006keTrbqty0s*/ + font-family: Arial, Helvetica, sans-serif !important; + color: #FFFFFF !important; /*reftcss|authorisation|Logoff panel header text colour|8Of6jG0SsKe0fuBH*/ + font-weight: bold !important; + } +/* Used in logoff panel */ + +*.faintLink { + color: #E0E0E0; +} + + *.faintLink A { + color: #010101; + text-decoration: none; + font-style: italic; + } + + *.faintLink A:hover { + font-style: italic; + text-decoration: underline; + } + + +/* Quick Text */ + +*.qtlabel { + font-weight: bold; + color: #333333; /*reftcss|quickText|Quicktext name label text colour|QEmXdE8k6vN2Q0bd*/ + margin-bottom: 3px; + display:block; +} + +*.qtclause { + margin-top: 0px; + font-size: 0.97em; + color: #333333; /*reftcss|quickText|Quicktext clause text colour|TPRcZ9Zk6q91BInd*/ + font-weight: normal; + border-bottom: 1px solid #E0E0E0; /*reftcss|quickText|Quicktext clause bottom border colour|2ZMCuYGk6Dka9IGk*/ + padding-bottom: 3px; + padding-right: 3px; + margin-bottom: 3px; + display:block; +} + +*.qtcontrols { + background-color: #F5F5F5; /*reftcss|quickText|Quicktext control area background colour|QSAaaVUWWvhraUud*/ + margin-bottom: 8px; + border-radius: 5px; + width: 100% !important; + height: 40px; +} + +*.qtsearch { + font-size: 1.3em; + font-weight: bold; + margin-left: 10px; + margin-right: 5px; + /* display: block;*/ + padding: 3px; + border: 1px solid transparent; + display:inline +} + + *.qtsearch:hover { + background-color: rgba(67,84,196,0.1); /*reftcss|quickText|Search symbol background colour hover |yzJOlbd0lqE0jvuq*/ + border: 1px solid rgba(67,84,196,0.25); /*reftcss|quickText|Search symbol border colour hover |yzJk8be4lqE0jvuq*/ + } + + *.qtsearch A { + text-decoration: none; + } + + *.qtsearch A:hover { + } + + +/* START Client search */ + +.qera { + /* question era - client search template */ + clear: both; + margin-top: 1.5rem; + font-size: 0.6rem; + font-weight: bold; +} +/* These styles used for the display of search results in reft290 */ + +*.clsrchdb { + border: 1px solid; + border-color: transparent; + background-color: rgba(67,84,196,0.75); /*reftcss|clientSearch|Database type DDL background color|AY2wz3w6kWqrIUbU*/ + color: #FFFFFF; /*reftcss|clientSearch|Database type DDL text color|aqRsRgGPkeDxuW1I*/ + height: 26px; +} + +*.clsrchinput { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|clientSearch|Search input box border colour|w6eYMsp7UrCVZ1WS*/ + border-left: 1px solid transparent !important; + height: 22px; + font-size: 1.1em; + color: #333333; /*reftcss|clientSearch|Search input box text colour|fNZmqtGy02oaKYvr*/ + background-color: transparent; + padding-left: 7px; + padding-top: 1px; + padding-bottom: 1px; + font-weight: bold; +} + +*.clsearchfldind { + font-size: 1.2em; + color: #C11C28; /*reftcss|clientSearch|KB/FAQ search results field indicator letter text colour|0igc20l6b4sHFWAA*/ + font-weight: bold; +} + + +*.clsrchbutton { + height: 26px; + margin-right: 10px !important; +} + + +/* END Client search */ + +/* Search */ + +*.searchWord { + color: #C11C28; /*reftcss|search|Search word highlight text colour|rYPqCiTj6EaYZznu*/ + background-color: #EEEEEE; /*reftcss|search|Search word highlight background colour|vMwE8zSGKk6K7SAn*/ +} + +*.workloadChartKey { + background-color: #000001; /*reftcss|search|Workload chart key colour|vMmnk0xs4k6K7SAn*/ +} + +/* Caclulated score for a word search - used for debug display only */ +*.relevancy { + font-family: Verdana, Geneva, Tahoma, sans-serif; + color: Navy; + font-size: 0.9em; +} + +/* Search criterial label standard*/ +*.srchLabelStandard { + color: #333333 !important; /*reftcss|search|Search criteria field label text colour|qseBTQOsL0yZ9kM2*/ +} + +/* Search criteria row */ +*.srchCriteriaRow { + height: 26px; +} + +/* Search criteria set (Word, General Question etc) */ +*.srchCriteriaSet { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|search|Search criteria set border colour|2sMKaQik67SANrDr*/ + margin: 3px; + padding: 2px 2px 20px 6px; + background-color: #FFFFFF !important; /*reftcss|search|Search criteria set background colour|YNQN4TBEOzfGWBtY*/ + clear: left; + border-radius: 8px; +} + +/* continued label */ + +*.srchContinued { + text-align: right; + margin-bottom: 8px; + font-style: italic; + padding-right: 10px; + font-size: 0.85em; +} + +/* Search criteria set Title */ + +*.srchCriteriaTitle { + font-family: Arial, Helvetica, sans-serif; + font-size: 1.3em; + font-weight: bold; + color: #C11C28; /*reftcss|search|Search criteria title text colour|DRKogplUWIhAGxp1*/ + margin-top: 2px; + padding-bottom: 0px; + padding-top: 0px; + background-color: transparent; +} + +/* Search criteria control */ +*.srchCtrl { + padding-left: 3px; + border-left-style: solid; + border-left-width: 2px; + border-left-color: transparent; +} + +/* Search criteria controld with value selected */ + +*.srchCtrlDef { + border-left-color: #4354C4 !important; /*reftcss|search|Search control value is set flag left border colour|nE5PGhEC7t11ISYI*/ + border-left-style: solid; + border-left-width: 2px; +} + +/* default item in context menu */ + +*.defContextMenuItem { + font-weight: bold; +} + +/* Symbol before links in control line */ +*.controlLinkSymbol img { + margin-right: 5px; +} + +/* Items selected for a check box list */ +*.cblSelected { + font-style: italic; + font-size: 0.85em; + word-break: normal; + word-wrap: break-word; /* width: 200px; */ + margin-left: 2px; + margin-top: 3px; + margin-bottom: 2px; + color: #4354C4; /*reftcss|search|Search criteria control - selected checkbox items display text colour|TEJ9eGCkKCukqKRn*/ + padding-bottom: 0px; +} + + +/* START Home page tiles */ +.tilecontent { + background-color: #FFFFFF; /*reftcss|maintile|Home tile background colour|k8ulVMWE2JVOMmX9*/ + border: 1px solid; + border-color: #E0E0E0; /*reftcss|maintile|Home tile border colour|DZhSHtzkOc41ntf8*/ + margin: 9px; + border-radius: 10px; +} + +.tilesmall { + min-height: 210px; +} + +.tilelarge { + min-height: 440px; +} + +.tileHead { + color: #010101 !important; /*reftcss|maintile|Home tile header text colour|7eyBxLh0efiHccMs*/ + background-color: transparent; + font-size: 1.1em; + font-weight: bold; + height: 22px; + padding-top: 10px; + vertical-align: middle; + padding-left: 9px; + margin-bottom: 8px; +} + +.summChartLabels td { + /* This year, Last Year etc */ + color: #010101; /*reftcss|maintile|Summary chart legend colour|7eyBxLkb3dazccMs*/ +} + + +.summChartEntry tr:nth-child(2) td { + /* Text value */ + + color: #4354C4; /*reftcss|maintile|Summary chart label colour|7elohy633dazccMs*/ +} + +.summChartEntry tr:nth-child(3) td { + /* Column chart column backround */ + background-color: #4354C4; /*reftcss|maintile|Summary chart column colour|7eylnbde */ +} + + +.tileSymbol { + display: none +} + +.tileImage { + display: inline-block; +} + +.tileTitle { + padding-left: 8px; +} + +.tilebody { + + padding: 0px 10px 10px 10px; +} + + +*.tileover { + border: 1px solid; + border-color: rgba(67,84,196,0.75); /*reftcss|maintile|Home tile border colour hover|hleLaOo2UEyEajRn*/ +} + + +/* END Home page tiles */ + +div.RadGrid .rgAltRow, div.RadGrid .rgAltRow td { + background: #F5F5F5; /*reftcss|misc|Paged grid odd row background colour|4djpMIE2R9cLRTPj*/ +} + +.resLab { + display: block; + margin-bottom: 5px; + margin-left: 5px; + margin-top: 4px; +} + +.resText { + width: 80% !important; +} + +.resCheck { + margin-right: 13px; +} + +.resCont { + padding-bottom: 4px; + border: 1px solid transparent; +} + +.resMaster { +} + +.resCell div { +} + + .resCell div:hover { + background-color: rgba(238,238,238,0.25); /*reftcss|misc|Resource entry panel background colour hover|gayqpGEt0m71DJHG*/ + border: 1px solid; + border-color: #E0E0E0; /*reftcss|misc|Resource entry panel border colour hover|HRgNRLIJEK7ctbdp*/ + } + +.resCell:hover { + font-weight: bold; +} + +.openinsubwinsym { + margin-left: 3px; +} + +*.openinsubwin A { + font-size: 1em; + text-decoration: none; + margin-left: 5px; + font-weight: normal; +} + +.openinsubwin :hover { + background-color: rgba(67,84,196,0.25) !important; /*reftcss|menu|Open in a sub-window background colour hover|LDuNxgmOkonnAaEo*/ +} + + + + +/* Action Bar */ + +#uimnu300 .rmText a.rmLink, #uimnu300 .rmText img { + display: inline-block !important; +} + +#abar { + background-color: #F5F5F5; /*reftcss|menu|Action bar background colour|GkLJQZ0EaBWd9HCR*/ + font-size: 1em; + width: 100%; + padding-bottom: 28px; +} + +*.abarph { + font: normal 1em/1.6em Arial; + color: transparent; +} + +#abar table { +} + +#abar td { +} + +*.abarbox { + border: 1px solid transparent; + margin-right: 4px; + margin-left: 4px; + font-size: 1em; +} + +/* MENU BAR */ + +/* https://www.telerik.com/support/kb/aspnet-ajax/menu/details/hide-icon-column-in-radmenu*/ + +*.mbarph { + font: normal 1em/1.6em; + font-family: 'Segoe UI',Arial; + color: inherit; +} + + +#mbar { + background-color: #F5F5F5; /*reftcss|menu|Menu bar background colour|k3KHX3UWw5o42SWD*/ + font-size: 1em !important; + padding-top: 10px; + width: 100%; +} + +div#mbar.clientProvince { + border-bottom: 1px solid #E0E0E0; /*reftcss|menu|Menu bar background colour|8LEPUukm43MFFFpx*/ +} + + + + + + + +/* Position the menu item so that the menu image column is not used by moving 24px to left */ +/* The reftMenuLinkContainer class is used for menu items with a open in a sub-window link */ +/* The other is used for standard menu items */ +/* set the rmLeftImage display to none so that any images in the menu item are not displayed */ + +.RadMenu_RefTracker .reftMenuLinkContainer { + margin: 0 0 0 -24px !important; +} + +.RadMenu_RefTracker .rmGroup .rmLink .rmText { + margin: 0 0 0 -24px !important; +} + +.RadMenu_RefTracker .rmLeftImage { + display: none; +} + +.RadMenu_RefTracker .rmGroup .rmItem { + width: auto !important; +} + +/* Both action and menu */ +.RadMenu ul.rmRootGroup { + display: block; /* !important; */ +} + +.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink { + display: block !important; +} + +.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup, .RadMenu.RadMenu_RefTracker { + outline: none; +} + + +.RadMenu { +} + +/* Horizontal menu - used for Chart Links in workload overview of reft400 */ + +.refthzmenu li a { + color: #4354C4; /*reftcss|menu|Horizontal menu item link colour|QJHgx0BfxUqHFWAA*/ +} + + .refthzmenu li a:hover { + text-decoration: underline; + } + +.reftvrmenu li a { + color: #4354C4; /*reftcss|menu|Vertical menu item link colour|QJHgx0Bfhew321AA*/ +} + +.reftvrmenu { + margin-top: 20px; +} + + + .reftvrmenu li a:hover { + text-decoration: underline; + } + + .reftvrmenu img { + margin-right: 6px; + } + + .reftvrmenu ul { + list-style-type: none; + margin: 0; + padding: 0; + } + +.refthzmenu li { + float: left; +} + +.reftvrmenu li a { + padding-right: 10px; + text-decoration: none; +} + +.jtotCombined{ + + font-weight:bold; + font-style:italic; +} + +.jtotPrimary{ + font-weight:bold; +} + +.jtotSub{ + font-weight:normal; +} + +.jspecial, .jspecial select, .jspecial input { + color: #C11C28; /*reftcss|misc|Highlight colour for journal payment values|QJ98nd4wmew321AA*/ +} + +.jentryTable{ + margin-top:0px !important; +} + + .jentryTable .reqfldimg { + vertical-align: central; + margin-bottom: 3px; + margin-left: 2px; + } + +.jtotheader .rtsflab { + margin-right: 1px; +} + +.jtotheader .rtsftxt { + margin-right: 8px; +} + + + + .jtotsublabel .jtotPrimary{ + font-weight:normal !important; + +} + /* time used to date */ +.jtottutodt{ + +margin-left:5px; + +} + +.jtotsublabel .rtsflab { + margin-right: 1px; + margin-left: 5px; + font-weight: normal !important; +} + +.jtotsublabel .rtsftxt { + margin-right: 6px; + font-weight: normal !important; +} + + + +@media screen and (max-width: 768px) +{ + table.tbllogin { + max-width: 800px; + width: 80%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 40px; + } + table.tbllogin td { + padding: 4px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 2rem !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 2rem; + } + + /*#pgciident, #pgcipword { + width:70% ; + }*/ + + #pgriltbtrow input { + font-size: 2rem !important; + height: auto !important; + margin-top: 20px !important; + width: 150px !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + } + + #pgriltrmrow #uicirmbme { + font-size: 2.5rem; + } + + #pgrirmnr span { + font-size: 2rem; + } +} + +@media screen and (max-device-width:1024px) +{ + + #pgobman table#errorTable tr{ + display: block; + } + + #pgobman table#errorTable td { + clear: left; + display: block; + font-size: 1.5rem !important; + margin: 0 auto; + max-width: 500px; + text-align: center; + width: 75% !important; + } + + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 2rem; + padding-bottom: 20px !important; + } + #pgriltpwrow span, #pgriltidrow span{ + font-size: 1.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin td { + padding: 8px 10%; + } + + #pgriltdivrow td { + padding: 0; + } + + table.tbllogin input { + font-size: 1.5rem; + } + + /*#pgciident, #pgcipword { + width:70% + }*/ + + #pgriltbtrow input { + font-size: 1.5rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 10px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(2); + } + + #pgrirmnr span { + font-size: 1.5rem; + } +} + +@media screen and (max-device-width:768px) +{ + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 20px !important; + } + table.tbllogin td { + padding: 6px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 1.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 1.5rem; + } + + /*#pgciident, #pgcipword { + width:70% ; + }*/ + + #pgriltbtrow input { + font-size: 1.5rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 10px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(2); + } + + #pgrirmnr span { + font-size: 1rem; + } +} + +@media screen and (max-device-width: 568px) +{ + #pgriltrmrow span { + font-size: 1rem !important; + } +} + +@media screen and (max-device-width: 568px) +{ + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 20px !important; + } + table.tbllogin td { + padding: 12px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 2.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 2.5rem; + } + + #pgciident, #pgcipword { + width:50% !important; + } + + #pgriltbtrow input { + font-size: 2rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 20px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 2rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(3); + } + + #pgrirmnr span { + font-size: 2rem; + } +} diff --git a/main.local.client - ORIGINAL.css b/main.local.client - ORIGINAL.css new file mode 100644 index 0000000..873f687 --- /dev/null +++ b/main.local.client - ORIGINAL.css @@ -0,0 +1,3626 @@ +/* AKM FONTS */ + + @font-face { + font-family: 'Gotham Narrow Bold'; + font-weight: 900; + src: url("https://www.aucklandmuseum.com/Client/CSS/AucklandMuseum/fonts/GothamNarrow-Bold.woff") format("woff"); + } + + @font-face { + font-family: 'Gotham Narrow'; + font-style: normal; + font-weight: 200; + src: url("https://www.aucklandmuseum.com/Client/CSS/AucklandMuseum/fonts/GothamNarrow-Light.woff") format("woff"); +} + + @font-face { + font-family: 'Gotham Narrow'; + font-style: normal; + font-weight: 400; + src: url("https://www.aucklandmuseum.com/Client/CSS/AucklandMuseum/fonts/GothamNarrow-Book.woff") format("woff"); +} + + @font-face { + font-family: 'Gotham Narrow'; + font-style: normal; + font-weight: 600; + src: url("https://www.aucklandmuseum.com/Client/CSS/AucklandMuseum/fonts/GothamNarrow-Medium.woff") format("woff"); + } + + +/* AKM CUSTOM START */ + +/* form */ + +li { + list-style-type: none; + padding-bottom: 5px; +} + +a { + color: #325DAB; + text-decoration: none !important; +} + +a:hover { + text-decoration: underline !important; +} + +input { + border: 2px solid #000000; +} + + input.normalInput, textarea.normalInput { + width: 507px !important; +} + +.normalInput { + border: 2px solid #000000 !important; + margin-top: 5px; + height: 42px; +} + +.RefTracker.reWrapper { + border: 2px solid #000000; +} + +div#question_text { + width: 510px !important; + height: 353px !important; +} + +*.tactrl{ + visibility: hidden; +} + +*.rtcltxt { + font-size: 16px !important; +} + +.listcont { + height: auto !important; +} + +select { + width: 514px; + height: 45px !important; + font-family: 'Gotham Narrow'; + font-weight: 400; +} + +select:focus, select:hover, select:active, select:focus-within, select:focus-visible, input:focus, input:active, input:hover, input:focus-within, input:focus-visible { + border-radius: 0px !important; + -webkit-border-radius:0px !important; +} + +h2:focus { + outline: none; +} + +.lyodiv label { + font-size: 16px; +} + +.lyodiv { + display: block; + float: none; + width: 100% !important; + overflow: visible !important; + border-radius: 0px; +} + +@media screen and (min-device-width: 768px) { +.lbdiv h2 input { + font-size: 18px; + } +} + +*.rtButtonInput:hover { + background-color: #ffffff !important; +} + +#captchaDiv table { + display: block; +} + +#captchaDiv td { + float: left; + width: auto; +} + +#captchaEntry { + height: 42px; + border: 2px solid #000000; +} + +#rfbutpan div { + float: left; + padding-left: 2px; +} + +.emptyvessel { + display: none; +} + +*.rqformline { + margin-top: 20px; +} + +.rfrcptnte { + width: auto; +} + +.rfrcptnte tr { + float: left; +} + +.rfrcptntecontainer { + margin-left: -8px; +} + +.riTextBox { + border: 2px solid #000000 !important; + height: 42px !important; +} + +.timerControl input { + border: 2px solid #000000 !important; + height: 35px; + padding-left: 5px; +} + +.rqdctrl { + padding-left: 0px !important; +} + +*.msgAreaContainer ul { + padding: 0px; + margin-top: 8px; +} + +*.msgAreaContainer img { + margin-left: 0px !important; + padding-bottom: 6px; + float: left; +} + +input#uicisypg { + display: none; +} + +span.rtsftxt.rtsfsm.cookie { + display: none; +} + +.lbdiv h2 input:focus { + outline: none; +} + +.RadButton.rbRounded:hover { + background: none; + color: #000000; +} + +div#uiprsp\.d095 { + float: left !important; +} + +.RadComboBox_RefTracker { + font-family: 'Gotham Narrow' !important; + font-weight: 400; +} + +.RadComboBox_RefTracker .rcbReadOnly .rcbInputCell { + border: 2px solid #000000; + color: #000000; + background-color: #ffffff; + border-right: none; +} + +.RadComboBox_RefTracker .rcbFocused .rcbReadOnly .rcbInputCell { + background-color: transparent !important; + color: #000000 !important; +} + +.RadComboBox_RefTracker .rcbFocused .rcbReadOnly .rcbInput { + color: #000000 !important; +} + + +.RadComboBox_RefTracker .rcbReadOnly .rcbInput { + font-family: 'Gotham Narrow'; + font-weight: 400; + font-size: 16px; +} + +.RadTreeView_RefTracker { + font-family: 'Gotham Narrow'; + font-weight: 400; +} + +tr.rcbReadOnly { + border: 2px solid black; + height: 42px; +} + +.RadTreeView_RefTracker .rtSelected .rtIn { + border: none !important; + color: #000000 !important; + background-color: #f5f5f5 !important; +} + +.RadComboBox_RefTracker .rcbArrowCell { + background-color: #ffffff; +} + +.RadComboBox_RefTracker .rcbReadOnly .rcbArrowCellRight { + padding-right: 3px; + background-color: #ffffff !important; + border-left: 0px; +} + +table .rcbFocused { + background: #ffffff !important; +} + +#uicicatwrapper { + height: auto !important; +} + +.resText { + height: 42px; +} + +#CaptchaCtrl_SpamProtectorPanel { + margin-top: 22px; +} + +*.prlabst { + max-width: none !important; +} + +img[title~=information] { + display: none; +} + +img[title~=error] { + display: none; +} + +input#uicirmbme { + float: left; +} + +.rqdfld { + width: 515px !important; +} + +#rqdfld { + float: right; + color: rgba(39,39,39,0.4); +} + + +img.reqfldimg { + visibility: hidden; + display: none; +} + +/* conf page */ + +#pgcicheckAdd { + margin-bottom: 30px !important; +} + +.rtcllab { + font-family: 'Gotham Narrow Bold'; +} + +input#uiprstbtn\.qsumm { + font-size: 30px; +} + +input#uiprstbtn\. { + font-size: 30px; + margin-bottom: 20px; +} + +h2#msgaitem\.30\.1 { + display: none; +} + +/* moblie form */ + +@media screen and (max-device-width: 768px) { + form { + width: 75% !important; + } +} + +@media screen and (max-device-width: 768px) { + .normalInput { + height: 50px !important; + } +} + +@media screen and (max-device-width: 768px) { +*.rqformline { + margin-top: 10px; + } +} + +@media screen and (max-device-width: 768px) { +*.rqformdvstd { + margin-bottom: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +*.rqform { + padding-top: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman .RadEditor .reContentArea { + padding: 0px !important; + border: none !important; + } +} + +@media screen and (max-device-width: 768px) { +.RefTracker.RadEditor .reContentCell.reNoBorder { + border: 2px solid black !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div.lyodiv[style] { + margin-left: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div div[id^="uiprst"] div.rqformline div.lyodiv[style*="width:2%;"] { + float: none !important; + margin: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div.lyodiv > input[type="text"], #pgobman.reftmobile div.lyodiv > div > input[type="text"], #pgobman.reftmobile div.lyodiv > div > textarea { + font-size: 16px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div.lyodiv label { + font-size: 16px !important; + margin: 0px !important; + } +} + +@media screen and (max-device-width: 500px) { + #pgobman.reftmobile div.lyodiv label { + font-size: 28px !important; + } + } + +@media screen and (max-device-width: 768px) { +.msgAreaInfo .lyodiv { + font-size: 16px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div div[id^="uiprst"] div.rqformline div.lyodiv[style*="width:70%;"] { + margin-left: 0px !important; + float: none !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile .tapanel textarea { + margin: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +*.tapanel { + border: none !important; + } +} + +div#uiprsthd\. { + border-top: solid 1px #979797; + padding-top: 10px; +} + +div#uiprsthd\.qsumm { + border-top: 1px solid #979797; + padding-top: 10px; + margin-top: 10px; +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div div[id^="uiprst"] div.rqformline div.lyodiv[style*="width:23%;"] { + width: 570px !important; + /* margin-right: 0px; */ + } +} + +@media screen and (max-device-width: 500px) { + *.rtcltxt { + font-size: 38px !important; + line-height: 1.5em; + } +} + +@media screen and (max-device-width: 500px) { + *.rtcltxt { + font-size: 42px !important; + line-height: 1.5em; + } +} + +@media screen and (max-device-width: 500px) { + .rtsflab { + font-size: 32px; + } +} + +@media screen and (max-device-width: 500px) { +#CaptchaCtrl_SpamProtectorPanel { + margin-top: 48px; + } +} + +@media screen and (max-device-width: 500px) { +input#uicirmbme { + width: 50px; + margin-top: 15px; + height: 25px; + } +} + +@media screen and (max-device-width: 500px) { +*.rtButtonInput { + font-size: 32px !important; + height: 85px !important; + width: 230px !important; + margin-bottom: 50px; + } +} + +@media screen and (max-device-width: 500px) { +.normalInput { + height: 90px !important; + font-size: 32px !important; + } +} + +@media screen and (max-device-width: 500px) { +#captchaEntry { + height: 75px; + font-size: 32px !important; + } +} + +@media screen and (max-device-width: 500px) { +img#CaptchaCtrl_CaptchaImageUP { + height: 80px !important; + } +} + +@media screen and (max-device-width: 500px) { +*.rtcllnkstd A { + font-size: 23px !important; + width: 190px; + margin-left: 0px; + } +} + +@media screen and (max-device-width: 500px) { +div#captchaDiv { + margin-bottom: 30px; + } +} + +@media screen and (max-device-width: 500px) { +.lbdiv h2 input { + font-size: 42px !important; + } +} + +@media screen and (max-device-width: 500px) { +*.msgAreaContainer { + font-size: 16px !important; + line-height: 1.5; + } +} + +@media screen and (max-device-width: 500px) { +#pgobman.reftmobile div.lyodiv > input[type="text"], #pgobman.reftmobile div.lyodiv > div > input[type="text"], #pgobman.reftmobile div.lyodiv > div > textarea { + font-size: 32px !important; + } +} + +@media screen and (max-device-width: 500px) { +*.errLabel { + font-size: 32px; + } +} + +@media screen and (max-device-width: 500px) { +.rqformline div.tapanel #question_text { + font-size: 32px; + } +} + +@media screen and (max-device-width: 500px) { +input#uiprstbtn\. { + width: 260px; + } +} + +@media screen and (max-device-width: 500px) { + *.rtcllnkemp A { + font-size: 32px; + } +} + +@media screen and (max-device-width: 500px) { +div.RadToolTip_RefTracker .rtWrapper .rtWrapperTopLeft, div.RadToolTip_RefTracker .rtWrapper .rtWrapperTopCenter, div.RadToolTip_RefTracker .rtWrapper .rtWrapperTopRight, div.RadToolTip_RefTracker .rtWrapper .rtWrapperLeftMiddle, div.RadToolTip_RefTracker .rtWrapper .rtWrapperContent, div.RadToolTip_RefTracker .rtWrapper .rtWrapperRightMiddle, div.RadToolTip_RefTracker .rtWrapper .rtWrapperBottomLeft, div.RadToolTip_RefTracker .rtWrapper .rtWrapperBottomCenter, div.RadToolTip_RefTracker .rtWrapper .rtWrapperBottomRight { + font-size: 18px; + } +} + +@media screen and (max-device-width: 500px) { +div#pgobman.reftmobile { + line-height: 1.5; + } +} + +@media screen and (max-device-width: 500px) { +#rqdfld { + padding-top: 7px; + } +} + +/* date picker mobile */ + +@media screen and (max-device-width: 768px) { +div.RadPicker table.rcSingle .rcInputCell { + font-size: 16px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile .RadPicker .RadInput { + width: auto !important; + } +} + +@media screen and (max-device-width: 768px) { +.RadPicker_RefTracker .rcCalPopup, .RadPicker_RefTracker .rcTimePopup { + height: 42px !important; + width: 40px !important; + background-position: 0 0 !important; + } +} + +@media screen and (max-device-width: 768px) { +div.RadPicker table.rcSingle .rcInputCell { + width: 33% !important; + } +} + +@media screen and (max-device-width: 768px) { +.RadPicker_RefTracker .RadPicker_RefTracker a.rcTimePopup:focus, .RadPicker_RefTracker a.rcTimePopup:active, .RadPicker_RefTracker a.rcTimePopup:hover { + background-color: transparent !important; + background-position: 0 0 !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile .riSingle .riTextBox[type="text"] { + height: 50px!important; + } +} + + + +/* AKM HEADER CSS */ + +.page { + align-items: flex-start; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin-left: auto; + margin-right: auto; + max-width: 1635px !important; + width: 100%; +} +@media screen and (max-device-width: 1628px) { + .page { + max-width: 1355px !important; + } +} + +.page { + display: block; + height: 100%; +} +@media screen and (min-device-width: 800px) { + .page { + display: flex; + flex-wrap: nowrap; + } +} +.page .left, .page .right { + align-self: center; +} + +.header { + background-color: #000; + margin-top: 0; +} +.header * { + box-sizing: border-box; +} +.header img { + display: block; + width: 100%; +} + +.header a:visited { + color: #fff; +} + +.header a:hover { + text-decoration: none !important; +} + +.header--standard { + box-shadow: 0px 7px 9px grey; + margin-bottom: 10px; +} + +@media screen and (max-device-width: 799px) { + .header--standard { + box-shadow: 0px 7px 18px grey; + } +} + +@media screen and (min-device-width: 1024px) { + .header--standard { + flex: 1 1 100%; + } +} + +.header-nav-logo__link { + background-color: #000; + display: block; + margin-bottom: -4px; + position: relative; + width: 170px; + z-index: 4000; +} + +.header-nav-logo__link:before, .header-nav-logo__link:after { + background-color: #fff; + bottom: 0; + content: ''; + display: block; + height: 5px; + left: -1px; + position: absolute; + width: 3px; +} + + + +.main-subnav { + background-color: #222; + display: none; + overflow: hidden; + width: 100%; +} +@media screen and (min-device-width: 800px) { + .main-subnav { + background: linear-gradient(to right, #333 50%, #222 50%, #333 50%); + border-top: 6px solid #fff; + box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.5); + left: 0; + position: absolute; + top: 100%; + z-index: 2; + } +} +@media screen and (min-device-width: 1024px) { + .main-nav__item.hover .main-subnav { + display: block; + } +} + +.main-nav__item { + margin-bottom: -15px; + margin-top: 30px; + max-width: none; +} +@media screen and (min-device-width: 1045px) { + .main-nav__item { + padding-bottom: 11px; + padding-right: 35px; + } +} + +@media screen and (min-device-width: 800px) { + .main-nav__item { + border-bottom: 6px solid transparent; + padding-bottom: 8px; + white-space: nowrap; + } + .main-nav__item:hover { + border-bottom: 6px solid #fff; + } +} +@media screen and (min-device-width: 800px) { + .header--standard .main-nav__item.is-homelink { + display: none; + } +} +@media screen and (min-device-width: 800px) { + .main-nav__item:last-child { + flex-basis: 0; + } +} +@media screen and (min-device-width: 1280px) { + .main-nav__item:last-child { + -ms-flex-preferred-size: 180px !important; + flex-basis: 0; + } +} + +.main-nav--modular { + color: #fff; + list-style-type: none; + margin: 0; + padding: 0; + width: 100%; +} +@media screen and (max-device-width: 799px) { + .main-nav--modular { + -webkit-overflow-scrolling: touch; + background-color: #000; + border-top: 2px solid #fff; + bottom: 0; + height: calc(100vh - 50px); + overflow-y: scroll; + position: fixed; + top: 128px; + transform: translateX(100%); + transition: transform 250ms; + z-index: 9999; + } + .mobile-nav-open .main-nav--modular { + transform: translateX(0) !important; + } +} +@media screen and (min-device-width: 800px) { + .main-nav--modular { + display: flex; + margin-top: 16px; + } +} +@media screen and (max-device-width: 1024px) { + .main-nav--modular-top { + padding-bottom: 0 !important; + } +} +@media screen and (max-device-width: 1024px) and (min-device-width: 800px) { + .main-nav--modular-bottom { + padding-bottom: 0 !important; + } +} +.main-nav-item__wrapper { + position: relative; +} +@media screen and (min-device-width: 800px) { + .main-nav-item__wrapper { + height: 100%; + } +} + +@media screen and (min-device-width: 800px) { + .main-nav__item { + border-bottom: 6px solid transparent; + padding-bottom: 8px; + white-space: nowrap; + } + .main-nav__item:hover { + border-bottom: 6px solid #fff; + } +} +@media screen and (min-device-width: 800px) { + .header--standard .main-nav__item.is-homelink { + display: none; + } +} + +@media screen and (min-device-width: 800px) { + li.main-nav__item.is-homelink { + margin-top: 1.7em; + } +} +.main-nav__item--standard { + padding-right: 3%; +} +@media screen and (max-device-width: 865px) and (min-device-width: 800px) { + .main-nav__item--standard { + padding-right: 0; + } +} + +@media screen and (max-device-width: 799px) { + .main-nav__item--standard { + border-bottom: 5px solid #222; + } +} + + +.main-nav__link, .main-nav__label { + cursor: pointer; + display: block; + font-size: 20px; + font-weight: bold; + line-height: 1.4; + padding: 20px; + text-decoration: none; + width: 100%; +} +.main-nav__link .lang-maori, .main-nav__label .lang-maori { + display: block; + font-family: 'Gotham Narrow'; + font-weight: 200; + color: #ffffff; +} + +a.main-nav__link { + padding-left: 6px; + color: #ffffff; +} + +.main-nav__label { + background-color: transparent; + border: 0; + border-radius: 0; + -webkit-border-radius:0px; + color: #fff; + font-family: inherit; + line-height: 1.4; + position: relative; + text-align: left; +} +.main-nav__label:focus { + outline: 0 none; +} +@media screen and (max-device-width: 799px) { + .main-nav__label { + padding-right: 60px; + } + .main-nav__label:after { + display: none; + } + +} + +@media screen and (min-device-width: 800px) { + .main-nav__link, .main-nav__label { + display: inline-flex; + flex-direction: column; + height: 100%; + justify-content: center; + padding: 20px 20px 0; + } +} +@media screen and(max-device-width: 1000px) { + .main-nav__link, .main-nav__label { + font-size: 100%; + padding: 20px 1.2em 0 !important; + } +} + + +.sub-nav-top { + top: 113%; +} + +.main-subnav__wrapper { + display: flex; + margin-left: auto; + margin-right: auto; + max-width: 1280px; +} +@media screen and (max-device-width: 799px) { + .main-subnav__wrapper { + flex-direction: column-reverse; + } +} +.main-subnav__list { + list-style-type: none; + margin: 0; + padding: 16px; +} +@media screen and(min-device-width: 800px) { + .main-subnav__list { + min-width: 230px; + padding: 50px; + padding-left: 20px; + width: 230px; + } +} +@media screen and (min-device-width: 800px) { + .main-subnav__list { + padding-bottom: 70px; + padding-left: 0; + padding-right: 70px; + padding-top: 70px; + } +} + + +.header-top__wrapper { + height: 100%; + } + + +.header__nav { + display: -webkit-flex; +} + +.header-nav__logo { + -webkit-align-self: flex-end; +} + +.header__top { + box-sizing: border-box; + height: 50px; + position: relative; +} +@media screen and (min-device-width: 800px) { + .header__top { + height: 100%; + } +} +.header-top__wrapper { + height: 100%; +} +.header__nav { + display: flex; + height: 100%; + width: 100%; +} + + +.cta-nav__container { + max-width: 1444px; + position: absolute; + width: 100%; + z-index: 100; +} + +@media screen and (min-device-width: 800px) { + .cta-nav__container { + display: block !important; + } +} + +@media screen and (max-device-width: 1628px) { + .cta-nav__container { + max-width: 1340px !important; + } +} + +@media screen and (max-device-width: 1370px) and (min-device-width: 800px) { + .cta-nav__container { + max-width: 1290px !important; + } +} + +@media screen and (max-device-width: 1280px) { + .cta-nav__container { + max-width: none; + right: 0; + } +} + +@media screen and (max-device-width: 799px) { + .cta-nav__container { + display: none; + top: 131px; + position: absolute; + z-index: 10000; + } +} + +.cta-nav { + width: 100%; +} + +.cta-nav__item { + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flex; + float: right; + list-style: none; + margin-right: 11px; + margin-top: -1px; + margin-bottom: 0; + font-size: 100%; +} + +@media screen and (max-device-width: 800px) { + .cta-nav__item { + float: none; + font-size: 100%; + margin-left: 0; + margin-top: 0; + width: 100%; + padding: 0px; + } +} + +.cta-nav__link { + background: none; + border-color: rgba(255, 255, 255, 0.50); + border-style: solid; + border-width: 0px; + border-left: none; + color: #fff; + font-family: 'Gotham Narrow'; + font-weight: 600; + font-weight: bold; + padding: 4px 19px; + cursor: pointer; + font-size: inherit; + text-decoration: none; + font-size: 16px !important; + line-height: 1.5em; + text-transform: uppercase; +} + +@media screen and (max-device-width: 800px) { + .cta-nav__link { + height: 137px; + width: 100%; + font-size: 40px !important; + } +} + +@media screen and (max-device-width: 800px) { + .cta-nav__label { + /* max-width: 266px; */ + width: 100%; + } +} + +@media screen and (max-device-width: 799px) { + .main-nav--modular { + display: none; + } +} + +@media screen and (max-device-width: 800px) { + .main-nav--modular { + position: absolute; + } +} + +.main-nav--modular { + display: -moz-flex; +} + +@media screen and (min-device-width: 799px) { + .main-nav--modular { + display: -webkit-flex; + } +} + +@media screen and (max-device-width: 1024px) and (min-device-width: 800px) { + .main-nav--modular { + padding-bottom: 0px; + } +} + +@media screen and (max-device-width: 799px) { + li.main-nav__item.is-homelink { + margin-top: 175px; + color: #fff; + border-bottom: 5px solid #222; + } +} + +main-nav__link, +main-nav__link a, +main-nav__link a:hover, +main-nav__link a:visited, +main-nav__link a:focus, +main-nav__link a:active { + color: white !important; + text-decoration: none !important; +} + +button.button-subnav.main-nav__label.main-nav__label-tnew a { + color: #fff !important; + font-weight: bold; +} + +@media screen and (min-width: 1070px) { + .main-nav__label-tnew { + padding: 60px 40px 0 !important; + } +} + +@media screen and (min-device-width: 800px) { + .main-nav__label-tnew { + padding: 60px 40px 0 15px !important; + } +} + +@media screen and (max-device-width: 800px) { + .header__nav { + border-bottom: 6px solid #fff; + } +} + +@media screen and (max-device-width: 1024px) and (min-device-width: 800px) { + .main-nav__link, .main-nav__label { + height: 101%; + } +} + +@media screen and (min-device-width: 1070px) { + .main-nav__label-tnew { + padding: 60px 40px 0 !important; + } +} + +@media screen and (min-device-width: 800px) { + .main-nav__label-tnew { + padding: 60px 40px 0 15px !important; + } +} + +.main-nav__item-tnew { + white-space: nowrap; +} + +@media screen and (max-device-width: 800px) { + .main-nav__item-tnew { + border-bottom: 5px solid #222; + } +} + +@media screen and (min-device-width: 800px) { + .header__top-tnew { + height: 144px; + } +} + +@media screen and (max-device-width: 800px) { + .header__top-tnew { + height: 130px; + } +} + +@media screen and (min-device-width: 800px) { + .header--standard .header__middle { + border-bottom: 6px solid #fff; + height: 21px; + } +} + +.page--xl-tnew { + max-width: 100% !important; +} + +.header-middle__wrapper { + border: none; +} + +li.cta-nav__label { + margin-bottom: 0; + padding-bottom: 0; +} +.cta-nav__label { + border-bottom-width: 1px; + border-color: rgba(255, 255, 255, 0.5); + border-left-width: 0; + border-right-width: 1px; + border-style: solid; + border-top-width: 1px; +} +.cta-nav__label:first-child { + border-left-width: 1px; +} +@media screen and (max-device-width: 800px) { + .cta-nav__label { + width: 100%; + border-right-width: 3px; + border-bottom-width: 3px; + } +} + + +/* mobile nav */ + +@media screen and (max-device-width: 800px) { + .main-nav__link, .main-nav__label { + font-size: 40px; + } +} + +@media screen and (max-device-width: 500px) { + .main-nav__link, .main-nav__label { + font-size: 45px; + padding: 45px 1.2em 0 !important; + } +} + + +.mobile-nav-open { + transform: translateX(0); + padding-top: 0px; +} + +@media screen and (max-device-width: 800px) { + .mobile-nav-open .header__top { + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 400; + } +} + +@media screen and (max-device-width: 799px) { + .header img { + width: 170px; + } +} + +.header-nav__logo { + align-self: flex-end; + z-index: 9999; +} +@media screen and (max-device-width: 799px) { + .header-nav__logo { + width: 100%; + } +} +@media screen and (max-device-width: 1023px) { + .header-nav__logo { + margin-left: 40px; + } +} +@media screen and (min-device-width: 1024px) { + .header-nav__logo { + margin-left: 40px; + margin-right: 25px; + } +} +@media screen and (min-device--width: 800px) { + .header--home .header-nav__logo { + display: none; + } +} + +.header-nav-logo__link:before, .header-nav-logo__link:after { + background-color: #fff; + bottom: 0; + content: ''; + display: block; + height: 2px; + left: -1px; + position: absolute; + width: 3px; +} +.header-nav-logo__link:before { + left: auto; + right: -1px; +} +@media screen and (min-device-width: 800px) { + .header-nav-logo__link { + margin-bottom: -21px; + width: 139px; + } + .header-nav-logo__link:before, .header-nav-logo__link:after { + height: 6px; + width: 6px; + } +} + +.mobile-nav { + align-self: center; + background-color: transparent; + border-radius: 0; + border-width: 0; + min-width: 50px; +} +.mobile-nav:focus { + outline: 0 none; +} +.mobile-nav img { + margin: 0 auto; + width: 62px; + margin-right: 30px; + margin-top: 35px; +} +@media screen and (min-device-width: 800px) { + .mobile-nav { + display: none; + } +} +.mobile-nav--close { + background-color: #000; +} +.main-nav--modular { + color: #fff; + list-style-type: none; + margin: 0; + padding: 0; + width: 100%; +} + + +@media screen and (min-device-width: 800px) { + .main-nav--modular { + display: flex; + margin-top: 16px; + } +} + +/* MOBILE FOOTER */ + +@media screen and (max-device-width: 1024px) { +.DynamicFooterApp .am-footer__links-content { + max-height: none !important; + } +} + +@media screen and (max-device-width: 400px) { +.DynamicFooterApp .am-footer { + font-size: 21px !important; + } +} + + +/* AKM CUSTOM END */ + + + +img { + border: 0 +} + +form { + border-right: 0; + border-top: 0; + margin: 0; + border-left: 0; + border-bottom: 0; + padding: 0; + width: 60%; + margin: auto; +} + +input, select, textarea { + font-size: 1em; + font-family: 'Gotham Narrow'; + font-weight: 400; +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +html, body { + margin: 0; + padding: 0; + color: #000000; + background-color: #FFFFFF; /*reftcss|misc|Default background colour|ZdbzqDMbk2SCqBUz*/ + font-family: 'Gotham Narrow'; + font-weight: 400; +} + +fieldset { + + border-width:0px !important; + padding:0px !important; + margin:0px !important; + +} +/* This is the ID of the main division in each reftracker page which contains all other HTML controls */ +#pgobman { + padding-top: 10px; + margin-left: 8px; + margin-right: 8px; + margin-top: 0; +} + +/* This is the message area which is added to each page */ +#pgobmga { + margin-top: 0px; +} +/* menuctrls area contains the icon controls in the main menu */ +/* Deskstats, Help, Home, Logoff etc */ + +.menuctrls { + display: inline; + float: right; + margin-right: 10px; + margin-left: 10px; +} + + .menuctrls img { + vertical-align: baseline !important; + margin-top: 2px; + margin-bottom: 2px; + margin-left: 3px; + margin-right: 3px; + } + + /* Start:menuctrls: Sets the background colour when a control is hovered over */ + + .menuctrls span :hover { + background-color: rgba(0,0,1,0.1); /*reftcss|menu|Main menu icons - background hover|VNANNoEyaP4VODRb*/ + display: inline-block; + border-radius: 5px; + + } + + .menuctrls span { + border: 1px solid transparent; + display: inline-block; + border-radius: 5px; + } + +.menuctrlsleft { + display: inline; + float: left; +} + + .menuctrlsleft img { + vertical-align: baseline !important; + } + +/* This is the deskstats tooltip menu */ +#RadToolTipWrapper_uicidsmntt .rtWrapper { + border: 1px solid #E0E0E0 !important; + background-color: #F5F5F5 !important; +} + + +#RadToolTipWrapper_uicidsmntt .rtWrapperContent { + background-color: #F5F5F5 !important; +} +#RadToolTipWrapper_uicidsmntt .rtWrapperLeftMiddle, +#RadToolTipWrapper_uicidsmntt .rtWrapperContent, +#RadToolTipWrapper_uicidsmntt .rtWrapperRightMiddle, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopLeft, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopCenter, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopRight, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomCenter, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomLeft, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomRight { + background-color: #F5F5F5 !important; +} + + + +/* End:menuctrls: Sets the background colour when a control is hovered over */ +/* Start:menuPanel: List of anchor links displayed as menu, eg reft900 system */ + +.menuPanel { + width: 30%; + margin-left: 75px; + margin-top: 30px; + margin-bottom: 30px; +} + +.menuPanelTitle { + margin-bottom: 5px; +} + + .menuPanelTitle a { + text-decoration: none; + } + + .menuPanelTitle span { + font-size: 1.05em !important; + color: #555555 !important; /*reftcss|menu|Menu panel title text colour|Au4Jlnyku3guPIC9*/ + text-decoration: none !important; + font-weight: bold; + } + +.menuPanelItems { +} + + .menuPanelItems span { + display: block !important; + margin-bottom: 2px; + margin-left: 1px; + } + +/* End:menuPanel: List of anchor links displayed as menu, eg reft900 system */ +/* Start:controlLine: Contains the controls added to the page under the action bar */ +/* For example parameter DDL in reft910 */ + +.controlLineWrapper { + background-color: #F5F5F5; /*reftcss|menu|Control line background colour|yIncjC40OuuarDyZ*/ + width: 100%; +} + + +.controlLine { + height: 22px; + vertical-align: middle; + padding-top: 5px; + margin-bottom: 8px; +} + + + + + + .controlLine .lyodiv { + } + +.controlLineRight { + text-align: right; + float: right; + padding-right: 5px; + width: 100%; +} + +.controlLineLeft { + vertical-align: middle; + padding-left: 5px; + width: 100%; +} + + .controlLineLeft .rtsflnkstd { + margin-right: 8px; + margin-left: 0px !important; + } + +.controlLineLabel { + margin-right: 4px; + margin-left: 10px; +} + +.controlLineCtrl { + margin-right: 2px; +} + +.controlLinePair { + display: inline; + vertical-align: middle; +} + + .controlLinePair .controlLineLabel { + margin-right: 3px !important; + } + + +.clplain { + background-color: transparent !important; + padding-top: 0px !important; + margin-bottom: 0px !important; +} + +/* End:controlLine: Contains the controls added to the page under the action bar */ +/* Start: timer controls -used for control which allows uses to start and stop timer */ + +.timerControl input { + margin-right: 4px; + margin-bottom: 2px; +} + +.timerImage { + display: inline-block; +} + + .timerImage img { + padding: 2px; + margin-bottom: -2px; + } + + .timerImage :hover { + background-color: rgba(67,84,196,0.3); /*reftcss|misc|Timer image background colour hover|yzJOlbi2UGE0jvuq*/ + } + +/* End: timer controls -used for control which allows uses to start and stop timer */ +/* START: File upload area styles */ + +*.uploadTable { + width: 100%; +} + + *.uploadTable td { + vertical-align: top; + } + +*.uploadArea { + background-color: #F5F5F5; /*reftcss|attachment|File upload area background colour|vfXuidFx6UOS8w8s*/ + width: 100%; + border-radius: 5px; + text-align: center; + font-weight: bold; + padding-top: 3px; + padding-bottom: 3px; +} + +*.fileUpload { + width: 98% !important; + margin-top: 10px; + margin-right: 10px; +} + +*.fileUploadWindow { + margin-left: 10px; +} + +*.fileUploadForm { + margin-left:10px; +} + +*.fileUploadPresenter { + margin-left: 10px; +} + +*.fileDropArea { + border: 1px solid transparent; + background-color: rgba(238,238,238,0.5); /*reftcss|attachment|File drop area background colour|RcTzKX4g30y2Mmr2*/ + border-radius: 10px; + height: 90px; + margin-right: 10px; + margin-top: 10px; + margin-bottom: 10px; +} + + + +*.fileDropAreaHover { + border: 1px solid; + border-color: #C11C28 !important; /*reftcss|attachment|File drop zone border colour hover|qWbwYm8EKnJI8zxv*/ +} + + *.fileDropAreaHover span { + color: #C11C28 !important; /*reftcss|attachment|File drop zone text colour hover|jzddn0pEyPkTEe0Y*/ + } + +*.fileDropTitle { + display: block; + font-size: 1.3em; + line-height: 40px; + color: #555555; /*reftcss|attachment|File drop title text colour|wFuRkBekabKVqbAp*/ +} + +*.fileDropText { + color: #555555; /*reftcss|attachment|File drop text colour|eD6AaPB0KIzhCiNE*/ + font-size: 0.9em; + font-style: italic; + font-weight: normal !important; +} + + + +*.attText { + font-weight: normal !important; + font-size: 0.95em !important; + color: #C11C28 !important; /*reftcss|attachment|Attachment file name text colour|6wvRl36BUSXSpwSN*/ + text-decoration: none !important; +} + +*.attLink A { + font-weight: normal !important; + font-size: 0.95em !important; + color: #C11C28 !important; /*reftcss|attachment|Attachment file name link text colour|lqzlgBsrUed12Iad*/ + text-decoration: none !important; +} + + *.attLink A:hover { + text-decoration: underline !important; + } + +/* END: File upload area styles */ +/* START Statistics */ + +*.statAverage { + color: #C11C28 !important; /*reftcss|misc|Statistics average text colour|94G2flyvEGdTi9tr*/ + font-style: italic; +} + +*.statScore { + font-weight: bold; + color: #C11C28 !important; /*reftcss|misc|Statistics score text colour|35AxwoFJEaY4wUKb*/ +} + +*.statPercent { + font-style: italic; +} + +*.statTotal { + font-weight: bold; +} + + +/* End Statistics */ + +/* START Staff */ + +*.rtsflab { + font-weight: bold; + color: #333333; /*reftcss|staff|Field label text colour|4CiqjU0OchhNHj7I*/ +} + +*.rtsftxt { + color: #333333; /*reftcss|staff|Text colour|fnpdZK0Wxicz2CDC*/ + font-weight: normal; + font-size: 16px !important; + font-family: 'Segoe UI'; +} + +/* Staff Small text */ +/* eg - used where smaller text is required - eg attribution line under question notes */ + +*.rtsfsm { + font-size: 0.9em !important; + font-family: 'Segoe UI'; +} + +*.rtsflnkstd A { + font-size: 0.97em !important; + text-decoration: none !important; +} + + *.rtsflnkstd A:hover { + text-decoration: underline !important; + color: #4354C4 !important; /*reftcss|staff|Standard link text colour hover|ef4jdfuzqUhAuVFN*/ + } + +/* staff large (emphasised) hyperlinks */ + +*.rtsflnkemp A { + font-family: Arial, sans-serif; + font-weight: bold; + color: #4354C4; /*reftcss|staff|Emphasised link text colour|yb09GJ9whE2LEXta*/ + text-decoration: none; +} + + *.rtsflnkemp A:hover { + font-weight: bold; + color: #4354C4; /*reftcss|staff|Emphasised link text colour hover|PLT2j56KqEixKycM*/ + text-decoration: underline; + } + + +/* revstat style used for review status active links */ +*.revstat { + font-style: italic !important; +} + +/* closedstat style used for close and reject status */ +*.closestat { + font-style: italic !important; +} + +/* Client side text */ + +*.rtcltxt { + font-size: 0.97em; + color: #333333; /*reftcss|client|Text colour|aVWWfFUaVQAYH7IT*/ + font-style: normal; +} + +*.rtcllab { + font-weight: bold; + color: #333333; /*reftcss|client|Field label text colour|RHb1xfES2GuQXd0Q*/ +} + +*.welcome { + color: #ffffff; /*reftcss|client|Welcome message text colour|QJHgx0l6b4sHFWAA*/ + background-color: #000001; /*reftcss|client|Welcome message background colour|QJHgxlg53sqHFWAA*/ +} + +/* small */ + +*.rtclsm { + font-size: 0.9em; +} + +*.rtcllnkemp A { + font-weight: bold; + color: #4354C4; /*reftcss|client|Emphasised link text colour|LzD29AkeStMYSCVg*/ + text-decoration: underline; +} + + *.rtcllnkemp A:hover { + text-decoration: underline; + } + + +*.rtcllnkstd A { + font-weight: normal; + font-size: 0.97em; + color: #4354C4; /*reftcss|client|Standard link text colour|ftYuuMqf02d1qGiY*/ + text-decoration: none; +} + + *.rtcllnkstd A:hover { + text-decoration: underline; + } + + +*.evaluation A { + font-size: 12px; + color: #FF9933; /*reftcss|client|Evaluation link for stars |1cueGqlMUWioK6IT*/ + text-decoration: none; + font-family: Verdana, Geneva, Tahoma, sans-serif; +} + + *.evaluation A:hover { + text-decoration: underline; + } + + +/* START: request form */ + +.sublb { + display:block; + margin-top:2px; +} + +#pgobmga h2{ + + font: inherit !important; + outline:none; +} + +*.rqform { + padding-top: 15px; + padding-right: 10px; + padding-left: 5px; + padding-bottom: 5px; + margin: auto; + background-color: #FFFFFF; /*reftcss|reqform|Request form background colour|AbSCPszqUaC25YgD*/ +} + +*.rqformdvstd { + font-size: 16px; + border-radius: 6px; + border: none; + margin-bottom: 0px; + width: 100%; + position: static; + border-collapse: collapse; + background-color: #FFFFFF; /*reftcss|reqform|Request form division background colour|qMKxiJI0CJJUkYN8*/ +} + + +*.rqformdvemp { + background-color: rgba(238,238,238,0.4) !important; /*reftcss|reqform|Request form division emphasised background colour|xfJmxbBUGyYGBy5c*/ +} + + +*.lbtxt { + /*font-weight: normal;*/ + font-size: 1.1em; + display: inline; +} +*.lbdiv { + border-width: 0px; + vertical-align: central; + font-size:1.3em; + font-weight:bold; + margin-bottom: 3px; + font-family:Verdana; +} +.lbdiv h2 { + font-size: 1em !important; + padding:0px !important; + padding-bottom:3px !important; +} +.lbdiv h2 input{ + white-space:normal; + text-align:left; +} +/*.lbdiv*/ + +h2 input{ + /* Used to remove class button styling for presenter div heading */ + background-color: transparent !important; + color: inherit !important; + border-width: 0px !important; + padding:0px !important; + font-weight:bold; + font-family: 'Gotham Narrow Bold' !important; +} + +*.lbstandard { + background-color:transparent; + color: #333333; /*reftcss|reqform|Division label standard text colour|V5s6yfTkSsb0MEA0*/ + padding-bottom: 5px; +} +*.lbshover { + background-color: transparent; + text-decoration:underline; +} + + +/* Used for divisions in request forms which are added at run-time - eg 'other' fields */ +*.lbspecial { + background-color: transparent; + color: #555555; /*reftcss|reqform|Division label sepcial text colour|xBHtGKvEKNxrZpqH*/ +} +*.lberror { + background-color: transparent; + color: #C11C28; /*reftcss|reqform|Division label error text colour|AGeUhj7ki9zRbwqu*/ +} + +/* lbp: plain label - used in deskstats */ + +*.lbplain { + font-weight: normal; + font-size: 1em !important; + color: #333333; /*reftcss|reqform|Division label plain (deskstats) text colour|cKbA3FeUambqGOKB*/ + text-align: left; +} + +*.copyhl { + color: #C11C28; /*reftcss|reqform|Copy instruction sub label text colour|4t6PdLREa3IAikp6*/ +} + +*.errLabel { + border-bottom: #C11C28 1px dashed; /*reftcss|reqform|Label border colour for fields with error|mQC5EyVUKuZptIb7*/ +} + +*.wrnLabel { + border-bottom: #555555 1px dashed; /*reftcss|reqform|Label border colour for fields with warning|uZhLYREu7sQ3kAMr*/ +} + +.flag { + border-left: 4px solid #f00000; /*reftcss|reqform|Left border highlight for flagged fields #1|9IjsfckWM9nzJQQp*/ + margin-left: -4px !important; +} + +.flagcontainer select { + border-left: 4px solid #f00000 !important; /*reftcss|reqform|Left border highlight for flagged fields #2|Q7zTRSUycGj8CEh0*/ +} + +.flagcontainer .RadEditor, .flagcontainer .dateTimePanel, .flagcontainer .contactPanel, .flagcontainer .optionPanel { + /* border-left: 4px solid; */ + border-left-color: #f00000 !important; /*reftcss|reqform|Left border highlight for flagged fields #3|vexq3zE6Ml79B3kt*/ +} + +*.inputAlert { + background-color: rgba(238,238,238,0.5) !important; /*reftcss|reqform|Unselected select list highlight background colour|aMZZS8UmqfJ5QYTh*/ + color: #333333 !important; /*reftcss|reqform|Unselected select list highlight text colour|KJlBxs0K69YIexSk*/ +} + +.normalSelect { + /* background-color: transparent !important; */ /* NERA EXPERIMENTAL CHANGE */ +} + + +/* END: Reqform division labels */ +/* START: Button */ + +div.rtButton { + background-color: inherit !important; +} + +*.rtButtonInput { + font-size: 18px; + height: 55px; + text-transform: uppercase; + width: 186px; + font-family: 'Gotham Narrow Bold' !important; + border: 2px solid #000000; + background-color: #ffffff; + color: #000000; + float: left; + background: none; + margin-top: 20px; +} + +*.rtButtonInput:hover, *.rtButtonInput:active, *.rtButtonInput:focus, *.rtButtonInput:visited { + background: none !important; + border-radius: 0px; +} + +.rtButtonLink a { + padding: 3px 3px; + text-align: center; + text-decoration: none; + display: inline-block; + border: 1px solid; + font-size: 0.9em; + cursor: default; + border-radius: 2px; + height: 20px !important; + border-color: rgba(67,84,196,1); /*reftcss| button|Link button border colour|kjiDgzxkeR45uQq9*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Link button background colour|iwmD8q8keFY9lKTj*/ + color: #FFFFFF; /*reftcss|button|Link button text colour|JWv5ok5UKPbP9lKs*/ +} + + .rtButtonLink a:hover { + background-color: rgba(67,84,196,1); /*reftcss|button|Link button background colour hover|gtv0qB4db0u6J0Ah*/ + } + + +.fontsize-button { + margin-right: 4px; + border-color: #E0E0E0; + border-width: 1px; +} + + .fontsize-button A { + margin: 3px; + padding: 3px; + text-decoration: none; + border-width: 1px; + font-size: 0.9em; + background-color: #F5F5F5; /*reftcss|button|Font size button background colour|zTfhhH1mI0inl0ph*/ + border-style: solid; + border-color: #E0E0E0; /*reftcss| button|Font size button border colour|rwOxX7W43UODVRj5*/ + } + + .fontsize-button a:hover { + border-color: rgba(67,84,196,1) !important; /*reftcss| button|Font size button border colour hover|9faJMxsEOkm1Grfp*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Font size button background colour hover|lJnOBoYvrUif2kLn*/ + color: #FFFFFF; /*reftcss|button|Font size button text colour hover|eZkcPHbNIUGskMoJ*/ + } + + +/* Buttons used to expand and contract text areas */ + +*.xbutton { + /*padding: 1px;*/ + padding: 2px; + padding-bottom:13px; + margin: 2px; + display: block; + text-align: center; + vertical-align: central; + /*background-position: bottom;*/ + background: transparent; + border: 1px solid; + border-color: #555555; /*reftcss| button|Text area size button border colour|KZugER4CkqAf5ANT*/ + color: #333333; /*reftcss| button|Text area size button text colour|wglasPOAEmiCbv43*/ + cursor: pointer; + font-weight: normal; + text-decoration: none; + border-radius: 3px; + height: 14px; + width: 15px; + font-size: 0.9em; + font-family: 'Courier New', Courier, monospace; +} + +.xbutton:hover { + border-color: rgba(67,84,196,1) !important; /*reftcss| button|Text area size button border colour hover|W0Px2uNREm4LVXeT*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Text area size button background colour hover|0eXrSodc0m6Vns3v*/ + color: #FFFFFF; /*reftcss|button|Text area size button text colour hover|eT7u99vr0v9OehqQ*/ +} + +/* END: Standard button */ + + +/* START Deskstat */ +/* controls style when cursor is over box */ +/* ds1: ON ds0: OFF */ + + +*.ds0 { +} + +*.ds1 { + background-color: rgba(238,238,238,0.3); /*reftcss|deskstat|Input cell background colour hover|kAroFmUjEmGrYleP*/ +} + +/* Used to highlight fields that need an input in deskstats */ +*.dsAlertCtrl { + border: 1px solid; + border-color: #C11C28; /*reftcss|deskstat|Deskstat input alert|yGREMJAhkadx4R9K*/ +} + +/* dshus: deskstats header used cells */ + +.dshus { + background: #E0E0E0; /*reftcss|deskstat|Column header background colour|EoRXYyDykGhUctyM*/ +} + + +*.dsBatchMode tr td { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|deskstat|Grid border colour - batch mode|vo05ybbHUSxldIBG*/ +} + +*.dsLiveMode tr td { + border: 1px solid; + border-color: #C0C0C0; /*reftcss|deskstat|Grid border colour - live mode|0P54hjoskovNBJFJ*/ +} + +/* END Deskstat */ +/* START miscellaneous */ + +*.selectListSubHeader { + font-size: 0.9em; + text-transform: uppercase; + color: #FFFFFF; /*reftcss|misc|Select list sub header text colour|zFJ6fSqTEuwJAwaP*/ + font-family: Arial, 'Microsoft Sans Serif'; + background-color: #555555; /*reftcss|misc|Select list sub header background colour|QWb9TVw80ao9g6eS*/ + font-style: italic; + height: 30px; + font-variant: small-caps; +} + +*.tgDateMissed { + color: #C11C28; /*reftcss|misc|Target date missed text colour|Gh7GN59UEeCw3kjj*/ +} + +*.tgDateProximate { + font-weight: bold; + color: #C11C28; /*reftcss|misc|Target date proximate text colour|38k8WfGUEITmHZND*/ +} + +*.sfList1 { + color: #689B3D; /*reftcss|misc|Staff list available text colour|6D3jmANUeWGGi2pi*/ +} + +*.sfList0 { + color: #C11C28; /*reftcss|misc|Staff list unavailable text colour|kcUUsDdkKk9Z4BOO*/ + /*font-style: italic;*/ +} + +.sfList0, .sfList1 { + background-color: #F5F5F5; /*reftcss|misc|Staff list background colour|kcUUsDdkKk9Z4BO1*/ +} + +/* used for {more] and {less] links for expanding and contracting long text */ + +*.viewText A { + font-size: 0.9em; + color: #4354C4 !important; /*reftcss|misc|More/Less link text colour|WbA57aTUKHXEx89S*/ + text-decoration: none; + margin-right: 5px; +} + + *.viewText A:hover { + text-decoration: underline; + } + + +/* Click to view question details */ +*.viewTextDots { + font-size: 0.9em; + color: #4354C4 !important; /*reftcss|misc|[...] link text colour|rjNyBzddrUaUQlUb*/ + text-decoration: none; + margin-right: 5px; +} + +*.alertText { + color: #C11C28; /*reftcss|misc|Alert text colour|2LMtknCKdUm6ZI5U*/ +} + +.allowperm { + color: #689B3D; /*reftcss|misc|Text colour for allowed functions|oqMGPcLqlUbRRgMB*/ + background-color: #F5F5F5; +} +/*#35630d;*/ +.disallowperm { + color: #C11C28; /*reftcss|misc|Text colour for disallowed functions|dRfBnUpvsEbd8dmY*/ + background-color: #F5F5F5; +} + +*.negative { + color: #C11C28; /*reftcss|misc|Text colour for negative values|idkbKIFj1kaWjg6r*/ +} + +*.exxml { + color: #C11C28; /*reftcss|misc|Text colour to highlight tags in XML display|Q9WQGLWdqE6OrDQx*/ +} + +/* used to highlight controls which have a validation error in grids */ + +*.gvhc { + background-color: rgba(238,238,238,0.5); /*reftcss|misc|Background colour to highlight fields in grids|3hV0pnUKZvgzMqUt*/ +} + +/* disabled */ + +*.dab { + color: #333333; /*reftcss|misc|Disabled text colour|Q91WAG0yg9Z4G2RQ*/ +} + + +#overlay { + background-color: rgba(0,0,0,0.2); + z-index: 999; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; +} + +/* +*.cookie { + font-style: italic; +} */ + + +.borderLess .rwTitle { + color: #555555 !important; /*reftcss|misc|Sub-window title text colour |g0U16a0m34JpqQvP*/ + font-weight: bold; +} + + +/* START miscellaneous */ + +/* Used for question number when presented as a hyperlink */ + +*.qno A { + font-size: 1em; + color: #C11C28 !important; /*reftcss|misc|Question number text colour|WFI1RF9xkEOwmb4e*/ + text-decoration: none; +} + + *.qno A:hover { + text-decoration: underline; + } + +/* copyright statement */ + +*.copyRight { + font-size: 0.8em; + color: #4354C4; /*reftcss|misc|Copyright statement text colour|DflpkK5vAESTUNSu*/ + /*margin-right:5px;*/ +} + +/* Select option styling for standard select lists */ +*.selopt { + font-style: italic; +} + + +*.pageTitle h1 { + vertical-align: baseline; + font-size: 1.0em; + color: #000001; /*reftcss|misc|Page title text colour|yYKusAoqz0CdOvjq*/ + display: inline; + font-family: Calibri; + vertical-align: baseline; + font-family: "Gotham Narrow Bold"; +} + +.prov200 .pageTitle{ + + font-size:1.5em; +} + +*.resLink A { + font-weight: normal; + font-size: 0.95em; + color: #C11C28 !important; /*reftcss|misc|Data url text colour|DFss58mI9kCGp1Nv*/ + text-decoration: underline !important; +} + + *.resLink A:hover { + font-style: normal; + text-decoration: underline; + } + +IMG.rgimage { + cursor: pointer; +} + +*.xmpTag { + font-size: 1.1em; + color: #4354C4; /*reftcss|misc|XMP Tag text colour|YkbhcQAhb0qfq0Jk*/ + font-family: Verdana, Arial, 'Microsoft Sans Serif'; +} + +/* START: Class for qprint templates */ + +.plainText { + font-size: 1em; + font-family: Arial, 'Times New Roman'; +} + +.headerText { + font-weight: bold; + font-size: 1.2em; + color: #555555; /*reftcss|misc|Qprint header text colour|ZIkWNc7tT0uVwVnM*/ + font-family: Arial, 'Times New Roman'; +} + +.labelText { + font-weight: bold; + font-size: 1em; + color: #333333; /*reftcss|misc|Qprint label text colour|j1rtgL9jm2s8UcXH*/ + font-family: Arial, 'Times New Roman'; +} + +.valueText { + font-size: 1em; + font-family: Arial, 'Times New Roman'; + color: #333333; /*reftcss|misc|Qprint value text colour|j1rtgLtmkCL8UcXH*/ +} + +.disclaimer { + font-size: 0.8em; + font-family: Arial; +} +/* END: Class for qprint templates */ + +/* Critical error displays */ + +*.appErrorPanel { + border-style: ridge; + border-width: 1px; + padding: 4px; + font-size: 0.97em; + margin: 10px; + background-color: #f2f2f2; /*reftcss|message|Error panel background colour|0Kq9JAZ4kil7WUx1*/ + color: #333333; /*reftcss|message|Error panel text colour|0Kqpo54qkil7WUx1*/ + text-align: left; +} + +*.appErrorHead { + font-weight: bold; + font-size: 1.4em; + background-color: #000001; /*reftcss|message|Error panel header background colour|JgULzJEGHlRLhqno*/ + color: #ffffff; /*reftcss|message|Error panel header text colour|okn63JEGHlRLhqno*/ + text-align: center; + vertical-align: central; +} + +/* START Results table */ + +table.resultsTable { + width: 100%; + border: 1px solid #E0E0E0; +} + + table.resultsTable th { + text-align: left; + border: 1px solid; + border-color: #E0E0E0; /*reftcss|table|Results table header border colour|zvIC3kW0itlxGhNo*/ + background-color: #E0E0E0; /*reftcss|table|Results table header background colour|ejRCv2K0CI8Ztdnj*/ + font-family: "Segoe UI", Arial, Helvetica, sans-serif; + font-size: 0.9em; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.resultsTable td { + border-style: solid; + border-width: 1px; + border-color: #E0E0E0; /*reftcss|table|Results table cell border colour|Sn144NESp0Ioxnxt*/ + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.resultsTable td td { + border-style: none; + } + + table.resultsTable tr:nth-child(even) { + background-color: #FFFFFF; /*reftcss|table|Results table even row background colour|tD5ZRBU2QWOuVxnp*/ + } + + table.resultsTable tr:nth-child(2n+3) { + background-color: #F5F5F5; /*reftcss|table|Results table odd row background colour|Y1CtmjUaiwkqKqMx*/ + } + + table.resultsTable tr:hover { + background-color: rgba(238,238,238,0.30) /*reftcss|table|Results table background colour hover|TqySuSUmJgMB2deq*/ + } + + table.resultsTable tr:first-child, table.resultsTable tr:first-child:hover { + } +/* END Results table */ + + +table.reallocatetable { + width: 100%; + border: 0px solid !important; + margin-bottom: 10px; +} + + table.reallocatetable th { + border-color: transparent !important; + background-color: #FFFFFF !important; /*reftcss|misc|Reallocate table header row background colour|GodldDYskuXZWfMg*/ + font-size: 1.0em; + border-bottom: 1px solid #E0E0E0 !important;/*reftcss|misc|Reallocate table header row bottom border colour|pk0Xly6YEpgMwTsY*/ + + } + + table.reallocatetable td { + border-right: 0px transparent; + border-left: 0px transparent; + } + + +/* START Edit lalyout table */ + +table.layoutEditTable { + margin-top: 10px; + border: 0px solid; + width: 100%; +} + + table.layoutEditTable th { + text-align: left; + background-color: transparent; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #E0E0E0; /*reftcss|table|Layout edit table bottom border colour|Ctqmcnpp9EiRvypA*/ + font-size: 1.05em; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + + table.layoutEditTable td { + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.layoutEditTable tr:nth-child(even) { + background-color: transparent; + } + + table.layoutEditTable tr:nth-child(2n+3) { + background-color: transparent; + } + + table.layoutEditTable tr:hover { + background-color: rgba(238,238,238,0.30) /*reftcss|table|Layout edit table row background colour hover|72BSegQEyt9C9hl1*/ + } + + + /* even rows */ + + table.layoutEditTable tr.tblee { + background-color: #FFFFFF; + } + + /* odd rows */ + + table.layoutEditTable tr.tbleo { + background-color: #FFFFFF; + } + +/* END Edit lalyout table */ + +/* START Option List Table */ + +.tblopl { + background-color: #ffffff; + height: 42px; + padding: 10px; + border: 2px solid #000000; + border-radius: 0; + -webkit-border-radius:0px; + border-collapse: separate; + padding-left: 0px; +} + + .tblopl th { + text-align: left; + padding-left: 2px; + padding-bottom: 4px; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: transparent; + } + + .tblopl td { + padding: 2px 3px 2px 3px; + vertical-align: text-bottom; + } + + .tblopl td span { + font-size: 1.05em !important; + + } + + .tblopl td div{ + margin-right:3px; + } +.selradio { +} + +*.hlradio { +} + +.hlradio span { + /* color: #C11C28; */ + /*reftcss|optionTable|Option table selected item text colour hover|zrRrLBAUy6o5k4L8*/ +} + +.tbloplt { + border: 1px solid; + border-color: #555555; /*reftcss|optionTable|Option table header border colour|yJvzrnJUeUc4YXYk*/ + padding: 1px 0px 1px 0px; + background-color: #555555; /*reftcss|optionTable|Option table header background colour|7rcht3nEy6cfHmjT*/ + text-align: center; + color: #FFFFFF; /*reftcss|optionTable|Option table header text colour|yJrmrpdUH1BPzylS*/ + margin-bottom: 2px; +} + +.tbloptdis{ + + color:silver !important; + font-weight:normal !important; +} + +/* END Option List Table */ + +/* Security Table */ +/* -------------- */ + +/* User for password in prefs and login reft998 */ +table.tbllogin { + background-color: #f2f2f2; /*reftcss|authorisation|Login table background colour|bp5Q2MbEmOhHgBCz*/ + border-radius: 5px; + border-collapse: separate; /* NB Must be set to separate for border radius to work */ + border-width: 2px !important; + border-color: #e0e0e0 !important; /*reftcss|authorisation|Login table border colour|fAV3tMfM9kOXvrMC*/ + border-style: solid !important; + min-width: 320px !important; + max-width:320px; + margin: auto; +} + +table.tbllogin hr { + border-top-style: solid; + border-top-width: 1px; + border-bottom: solid 0px; + border-color: #e0e0e0 !important; /*reftcss|authorisation|Login table divider colour|fAV3t6v5c3sXvrMC*/ +} + + table.tbllogin span { + color: #555555 !important; /*reftcss|authorisation|Login table label text colour|fAVong5qc3sXvrMC*/ + font-weight: bold; + margin-right: 10px; + } + + table.tbllogin input{ + + font-size:1.2em; + + } + + table.tbllogin th { + padding: 15px !important; + text-align: center; + background-color: #f2f2f2; /*reftcss|authorisation|Login table header background colour|8Z64sx6YA0u6r51s*/ + font-family: Arial, Helvetica, sans-serif; + color: #555555; /*reftcss|authorisation|Login table header text colour|bsXXRFRhMEmoIEvP*/ + font-weight: bold; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + font-size: 1.8em; + padding-bottom: 27px !important; + + } + + table.tbllogin td { + vertical-align: text-bottom; + text-align: right; + padding-left:20px; + padding-right:40px; + padding-top:4px; + padding-bottom:4px; + } + +table.password { + background-color: #f2f2f2; + border-radius: 4px; + border-collapse: separate; + border-width: 1px !important; + border-color: #e0e0e0 !important; + border-style: solid !important; +} + + table.password th { + text-align: center; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + padding: 5px !important; + padding-bottom:12px !important; + padding-top:10px !important; + } + + table.password td { + vertical-align: text-bottom; + text-align: right; + padding-right:10px; + padding-top:5px; + padding-bottom:10px; + } + +/* Summary Table */ +/* used for question counts in reft400 */ + +.countsTable { + width: 100%; + margin-bottom: 8px; +} + + .countsTable th { + border-bottom: 1px solid #E0E0E0; /*reftcss|maintile|Counts table header underline colour|k8ulk9h7d4VOMmX9*/ + padding: 1px 1px 1px 1px; + } + + .countsTable td { + padding: 1px 1px 1px 1px; + vertical-align: text-bottom; + } + + +/* Highlight selected row in gridview */ + +table.tbltr tr.gvsr { + /*background-color: #E0E0E0;*/ +} + +/* history display */ + +*.histcntr { + width: 100%; + border: 0px solid; + margin-bottom: 20px; + padding-bottom: 5px; +} + +.hyline /* history tab line */ { + border-top-style: dotted; + border-top-width: 1px; + border-top-color: transparent; + padding-top: 10px; + padding-bottom: 10px; +} + +/* Message area */ + +*.msgAreaContainer { + /*margin-bottom:10px;*/ + font-size: 10px; + background-color: #F1F1F1 /*reftcss|message|Message area background colour|tHoaVzn70KBOicE3*/ +} + +*.msgAreaInfo { + border-right: 0px; + border: none !important; + padding-bottom: 10px; + /* padding-top: 50px; */ + background-color: white; +} + +*.msgAreaInstruction { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #4354C4; /*reftcss|message|Message area, Type: instruction, left border colour|RBeBnIUmUewXRm5D*/ + border-right: 0px; + padding-bottom: 10px; + padding-top: 20px; + padding-left: 20px; + background-color: transparent; +} + +*.msgAreaValidation { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #f00000; /*reftcss|message|Message area, Type: validation, left border colour|rjqGUFykCcXahtH7*/ + border-right: 0px; + padding-bottom: 1px; + padding-top: 30px; + padding-left: 30px; + padding-right: 20px; + background-color: transparent; +} + + +*.msgAreaSuccess { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #4daf4e; /*reftcss|message|Message area, Type: success, left border colour|rjqGUFoncewahtH7*/ + border-right: 0px; + padding-bottom: 10px; + padding-top: 20px; + padding-left: 20px; + background-color: transparent; +} + +*.msgAreaAlert { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #ffcd00; /*reftcss|message|Message area, Type: alert, left border colour|WOxGzdDUaMX23vTH*/ + border-right: 0px; + padding-bottom: 10px; + padding-top: 20px; + padding-left: 20px; + background-color: transparent; +} + +*.msgAreaQsumm { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #555555; /*reftcss|message|Message area, Type: question summary, left border colour|JP5jAIm8U6MHhJlP*/ + border-right: 0px; + padding-bottom: 10px; + padding-top: 20px; + padding-left: 20px; + background-color: transparent; +} + + +/* START Classes used to display email content in reft601 */ + +#emsrchdr { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|misc|Email display header border colour|tn1Zmvta0G4lYydJ*/ + font-family: Arial, Helvetica, sans-serif; + font-size: 0.8em; + background-color: #F5F5F5; /*reftcss|misc|Email display header background colour|7EEKwO4JUvMh3H4T*/ + padding: 5px; +} + +#emsrcatts { + font-family: Arial, Helvetica, sans-serif; + font-size: 0.9em; +} + + +*.emsTitle { + font-family: Arial, Helvetica, sans-serif; + font-size: 0.9em; + font-weight: bold; + padding-top: 5px; +} + +*.frame { + margin: 0; + padding: 0; + height: 100%; + display: block; + width: 100%; + border: 1px solid #E0E0E0; +} +/* END Classes used to display email content in reft601 */ + +.logoffTable { + border: 1px solid #E0E0E0; + background-color: #FFFFFF; /*reftcss|authorisation|Logoff panel background colour|JcNT4hkSPmr3dylT*/ +} + + .logoffTable th { + padding: 2px 3px 3px 2px; + text-align: center; + background-color: #C11C28; /*reftcss|authorisation|Logoff panel header background colour|9Jo006keTrbqty0s*/ + font-family: Arial, Helvetica, sans-serif !important; + color: #FFFFFF !important; /*reftcss|authorisation|Logoff panel header text colour|8Of6jG0SsKe0fuBH*/ + font-weight: bold !important; + } +/* Used in logoff panel */ + +*.faintLink { + color: #E0E0E0; +} + + *.faintLink A { + color: #555555; + text-decoration: none; + font-style: italic; + } + + *.faintLink A:hover { + font-style: italic; + text-decoration: underline; + } + + +/* Quick Text */ + +*.qtlabel { + font-weight: bold; + color: #333333; /*reftcss|quickText|Quicktext name label text colour|QEmXdE8k6vN2Q0bd*/ + margin-bottom: 3px; +} + +*.qtclause { + margin-top: 0px; + font-size: 0.97em; + color: #333333; /*reftcss|quickText|Quicktext clause text colour|TPRcZ9Zk6q91BInd*/ + font-weight: normal; + border-bottom: 1px solid #E0E0E0; /*reftcss|quickText|Quicktext clause bottom border colour|2ZMCuYGk6Dka9IGk*/ + padding-bottom: 3px; + padding-right: 3px; + margin-bottom: 3px; +} + +*.qtcontrols { + background-color: #F5F5F5; /*reftcss|quickText|Quicktext control area background colour|QSAaaVUWWvhraUud*/ + margin-bottom: 8px; + border-radius: 5px; + width: 100% !important; + height: 40px; +} + +*.qtsearch { + font-size: 1.3em; + font-weight: bold; + margin-left: 10px; + margin-right: 5px; + display: block; + padding: 3px; + border: 1px solid transparent; +} + + *.qtsearch:hover { + background-color: rgba(67,84,196,0.1); /*reftcss|quickText|Search symbol background colour hover |yzJOlbd0lqE0jvuq*/ + border: 1px solid rgba(67,84,196,0.25); /*reftcss|quickText|Search symbol border colour hover |yzJk8be4lqE0jvuq*/ + } + + *.qtsearch A { + text-decoration: none; + } + + *.qtsearch A:hover { + } + + +/* START Client search */ + +.qera { + /* question era - client search template */ + clear: both; + margin-top: 1.5rem; + font-size: 0.6rem; + font-weight: bold; +} +/* These styles used for the display of search results in reft290 */ + +*.clsrchdb { + border: 1px solid; + border-color: transparent; + background-color: rgba(67,84,196,0.75); /*reftcss|clientSearch|Database type DDL background color|AY2wz3w6kWqrIUbU*/ + color: #FFFFFF; /*reftcss|clientSearch|Database type DDL text color|aqRsRgGPkeDxuW1I*/ + height: 26px; +} + +*.clsrchinput { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|clientSearch|Search input box border colour|w6eYMsp7UrCVZ1WS*/ + border-left: 1px solid transparent !important; + height: 22px; + font-size: 1.1em; + color: #333333; /*reftcss|clientSearch|Search input box text colour|fNZmqtGy02oaKYvr*/ + background-color: transparent; + padding-left: 7px; + padding-top: 1px; + padding-bottom: 1px; + font-weight: bold; +} + +*.clsearchfldind { + font-size: 1.2em; + color: #C11C28; /*reftcss|clientSearch|KB/FAQ search results field indicator letter text colour|0igc20l6b4sHFWAA*/ + font-weight: bold; +} + + +*.clsrchbutton { + height: 26px; + margin-right: 10px !important; +} + + +/* END Client search */ + +/* Search */ + +*.searchWord { + color: #C11C28; /*reftcss|search|Search word highlight text colour|rYPqCiTj6EaYZznu*/ + background-color: #EEEEEE; /*reftcss|search|Search word highlight background colour|vMwE8zSGKk6K7SAn*/ +} + +/* Caclulated score for a word search - used for debug display only */ +*.relevancy { + font-family: Verdana, Geneva, Tahoma, sans-serif; + color: Navy; + font-size: 0.9em; +} + +/* Search criterial label standard*/ +*.srchLabelStandard { + color: #333333 !important; /*reftcss|search|Search criteria field label text colour|qseBTQOsL0yZ9kM2*/ +} + +/* Search criteria row */ +*.srchCriteriaRow { + height: 21px; +} + +/* Search criteria set (Word, General Question etc) */ +*.srchCriteriaSet { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|search|Search criteria set border colour|2sMKaQik67SANrDr*/ + margin: 3px; + padding: 2px 2px 8px 6px; + background-color: #FFFFFF !important; /*reftcss|search|Search criteria set background colour|YNQN4TBEOzfGWBtY*/ + clear: left; + border-radius: 8px; +} + +/* continued label */ + +*.srchContinued { + text-align: right; + margin-bottom: 8px; + font-style: italic; + padding-right: 10px; + font-size: 0.85em; +} + +/* Search criteria set Title */ + +*.srchCriteriaTitle { + font-family: Arial, Helvetica, sans-serif; + font-size: 1.3em; + font-weight: bold; + color: #C11C28; /*reftcss|search|Search criteria title text colour|DRKogplUWIhAGxp1*/ + margin-top: 2px; + padding-bottom: 0px; + padding-top: 0px; + background-color: transparent; +} + +/* Search criteria control */ +*.srchCtrl { + padding-left: 3px; + border-left-style: solid; + border-left-width: 2px; + border-left-color: transparent; +} + +/* Search criteria controld with value selected */ + +*.srchCtrlDef { + border-left-color: #4354C4 !important; /*reftcss|search|Search control value is set flag left border colour|nE5PGhEC7t11ISYI*/ + border-left-style: solid; + border-left-width: 2px; +} + +/* default item in context menu */ + +*.defContextMenuItem { + font-weight: bold; +} + +/* Symbol before links in control line */ +*.controlLinkSymbol img { + margin-right: 5px; +} + +/* Items selected for a check box list */ +*.cblSelected { + font-style: italic; + font-size: 0.85em; + word-break: normal; + word-wrap: break-word; /* width: 200px; */ + margin-left: 2px; + margin-top: 3px; + margin-bottom: 2px; + color: #4354C4; /*reftcss|search|Search criteria control - selected checkbox items display text colour|TEJ9eGCkKCukqKRn*/ + padding-bottom: 0px; +} + + +/* START Home page tiles */ +.tilecontent { + background-color: #FFFFFF; /*reftcss|maintile|Home tile background colour|k8ulVMWE2JVOMmX9*/ + border: 1px solid; + border-color: #E0E0E0; /*reftcss|maintile|Home tile border colour|DZhSHtzkOc41ntf8*/ + margin: 9px; + border-radius: 10px; +} + +.tilesmall { + min-height: 175px; +} + +.tilelarge { + min-height: 371px; +} + +.tileHead { + color: #555555 !important; /*reftcss|maintile|Home tile header text colour|7eyBxLh0efiHccMs*/ + background-color: transparent; + font-size: 1.1em; + font-weight: bold; + height: 22px; + padding-top: 10px; + vertical-align: middle; + padding-left: 9px; + margin-bottom: 8px; +} + +.summChartLabels td { + /* This year, Last Year etc */ + color: #555555; /*reftcss|maintile|Summary chart legend colour|7eyBxLkb3dazccMs*/ +} + + +.summChartEntry tr:nth-child(2) td { + /* Text value */ + + color: #4354C4; /*reftcss|maintile|Summary chart label colour|7elohy633dazccMs*/ +} + +.summChartEntry tr:nth-child(3) td { + /* Column chart column backround */ + background-color: #4354C4; /*reftcss|maintile|Summary chart column colour|7eylnbde */ +} + + +.tileSymbol { + display: none +} + +.tileImage { + display: inline-block; +} + +.tileTitle { + padding-left: 8px; +} + +.tilebody { + padding: 10px; +} + +*.tileover { + border: 1px solid; + border-color: rgba(67,84,196,0.75); /*reftcss|maintile|Home tile border colour hover|hleLaOo2UEyEajRn*/ +} + + +/* END Home page tiles */ + +div.RadGrid .rgAltRow, div.RadGrid .rgAltRow td { + background: #F5F5F5; /*reftcss|misc|Paged grid odd row background colour|4djpMIE2R9cLRTPj*/ +} + +.resLab { + display: block; + margin-bottom: 5px; + margin-left: 5px; + margin-top: 4px; +} + +.resText { + width: 80% !important; +} + +.resCheck { + margin-right: 13px; +} + +.resCont { + padding-bottom: 4px; + border: 1px solid transparent; +} + +.resMaster { +} + +.resCell div { +} + + .resCell div:hover { + background-color: rgba(238,238,238,0.25); /*reftcss|misc|Resource entry panel background colour hover|gayqpGEt0m71DJHG*/ + border: 1px solid; + border-color: #E0E0E0; /*reftcss|misc|Resource entry panel border colour hover|HRgNRLIJEK7ctbdp*/ + } + +.resCell:hover { + font-weight: bold; +} + +.openinsubwinsym { + margin-left: 3px; +} + +*.openinsubwin A { + font-size: 1em; + text-decoration: none; + margin-left: 5px; + font-weight: normal; +} + +.openinsubwin :hover { + background-color: rgba(67,84,196,0.25) !important; /*reftcss|menu|Open in a sub-window background colour hover|LDuNxgmOkonnAaEo*/ +} + + + + +/* Action Bar */ + +#uimnu300 .rmText a.rmLink, #uimnu300 .rmText img { + display: inline-block !important; +} + +#abar { + background-color: #F5F5F5; /*reftcss|menu|Action bar background colour|GkLJQZ0EaBWd9HCR*/ + font-size: 1em; + width: 100%; + padding-bottom: 28px; +} + +*.abarph { + font: normal 1em/1.6em Arial; + color: transparent; +} + +#abar table { +} + +#abar td { +} + +*.abarbox { + border: 1px solid transparent; + margin-right: 4px; + margin-left: 4px; + font-size: 1em; +} + +/* MENU BAR */ + +/* https://www.telerik.com/support/kb/aspnet-ajax/menu/details/hide-icon-column-in-radmenu*/ + +*.mbarph { + font: normal 1em/1.6em; + font-family: 'Segoe UI',Arial; + color: inherit; +} + + +#mbar { + background-color: #F5F5F5; /*reftcss|menu|Menu bar background colour|k3KHX3UWw5o42SWD*/ + font-size: 1em !important; + padding-top: 10px; + width: 100%; +} + +div#mbar.clientProvince { + border-bottom: 1px solid #E0E0E0; /*reftcss|menu|Menu bar background colour|8LEPUukm43MFFFpx*/ + display: none; +} + + + + + + + +/* Position the menu item so that the menu image column is not used by moving 24px to left */ +/* The reftMenuLinkContainer class is used for menu items with a open in a sub-window link */ +/* The other is used for standard menu items */ +/* set the rmLeftImage display to none so that any images in the menu item are not displayed */ + +.RadMenu_RefTracker .reftMenuLinkContainer { + margin: 0 0 0 -24px !important; +} + +.RadMenu_RefTracker .rmGroup .rmLink .rmText { + margin: 0 0 0 -24px !important; +} + +.RadMenu_RefTracker .rmLeftImage { + display: none; +} + +.RadMenu_RefTracker .rmGroup .rmItem { + width: auto !important; +} + +/* Both action and menu */ +.RadMenu ul.rmRootGroup { + display: block; /* !important; */ +} + +.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink { + display: block !important; +} + +.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup, .RadMenu.RadMenu_RefTracker { + outline: none; +} + + +.RadMenu { +} + +/* Horizontal menu - used for Chart Links in workload overview of reft400 */ + +.refthzmenu li a { + color: #4354C4; /*reftcss|menu|Horizontal menu item link colour|QJHgx0BfxUqHFWAA*/ +} + + .refthzmenu li a:hover { + text-decoration: underline; + } + +.reftvrmenu li a { + color: #4354C4; /*reftcss|menu|Vertical menu item link colour|QJHgx0Bfhew321AA*/ +} + +.reftvrmenu { + margin-top: 20px; +} + + + .reftvrmenu li a:hover { + text-decoration: underline; + } + + .reftvrmenu img { + margin-right: 6px; + } + + .reftvrmenu ul { + list-style-type: none; + margin: 0; + padding: 0; + } + +.refthzmenu li { + float: left; +} + +.reftvrmenu li a { + padding-right: 10px; + text-decoration: none; +} + +.jtotCombined{ + + font-weight:bold; + font-style:italic; +} + +.jtotPrimary{ + font-weight:bold; +} + +.jtotSub{ + font-weight:normal; +} + +.jspecial, .jspecial select, .jspecial input { + color: #C11C28; /*reftcss|misc|Highlight colour for journal payment values|QJ98nd4wmew321AA*/ +} + +.jentryTable{ + margin-top:0px !important; +} + + .jentryTable .reqfldimg { + vertical-align: central; + margin-bottom: 3px; + margin-left: 2px; + } + +.jtotheader .rtsflab { + margin-right: 1px; +} + +.jtotheader .rtsftxt { + margin-right: 8px; +} + + + + .jtotsublabel .jtotPrimary{ + font-weight:normal !important; + +} + + +.jtotsublabel .rtsflab { + margin-right: 1px; + margin-left: 5px; + font-weight: normal !important; +} + +.jtotsublabel .rtsftxt { + margin-right: 6px; + font-weight: normal !important; +} + + + +@media screen and (max-width: 768px) +{ + table.tbllogin { + max-width: 800px; + width: 80%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 40px; + } + table.tbllogin td { + padding: 4px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 2rem !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 2rem; + } + + /*#pgciident, #pgcipword { + width:70% ; + }*/ + + #pgriltbtrow input { + font-size: 2rem !important; + height: auto !important; + margin-top: 20px !important; + width: 150px !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + } + + #pgriltrmrow #uicirmbme { + font-size: 2.5rem; + } + + #pgrirmnr span { + font-size: 2rem; + } +} + +@media screen and (max-device-width:1024px) +{ + + #pgobman table#errorTable tr{ + display: block; + } + + #pgobman table#errorTable td { + clear: left; + display: block; + font-size: 1.5rem !important; + margin: 0 auto; + max-width: 500px; + text-align: center; + width: 75% !important; + } + + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 2rem; + padding-bottom: 20px !important; + } + #pgriltpwrow span, #pgriltidrow span{ + font-size: 1.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin td { + padding: 8px 10%; + } + + #pgriltdivrow td { + padding: 0; + } + + table.tbllogin input { + font-size: 1.5rem; + } + + /*#pgciident, #pgcipword { + width:70% + }*/ + + #pgriltbtrow input { + font-size: 1.5rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 10px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(2); + } + + #pgrirmnr span { + font-size: 1.5rem; + } +} + +@media screen and (max-device-width:768px) +{ + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 20px !important; + } + table.tbllogin td { + padding: 6px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 1.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 1.5rem; + } + + /*#pgciident, #pgcipword { + width:70% ; + }*/ + + #pgriltbtrow input { + font-size: 1.5rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 10px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(2); + } + + #pgrirmnr span { + font-size: 1rem; + } +} + +@media screen and (max-device-width: 568px) +{ + #pgriltrmrow span { + font-size: 1rem !important; + } +} + +@media screen and (max-device-width: 568px) +{ + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 20px !important; + } + table.tbllogin td { + padding: 12px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 2.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 2.5rem; + } + + #pgciident, #pgcipword { + width:50% !important; + } + + #pgriltbtrow input { + font-size: 2rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 20px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 2rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(3); + } + + #pgrirmnr span { + font-size: 2rem; + } +} \ No newline at end of file diff --git a/main.local.client.css b/main.local.client.css new file mode 100644 index 0000000..873f687 --- /dev/null +++ b/main.local.client.css @@ -0,0 +1,3626 @@ +/* AKM FONTS */ + + @font-face { + font-family: 'Gotham Narrow Bold'; + font-weight: 900; + src: url("https://www.aucklandmuseum.com/Client/CSS/AucklandMuseum/fonts/GothamNarrow-Bold.woff") format("woff"); + } + + @font-face { + font-family: 'Gotham Narrow'; + font-style: normal; + font-weight: 200; + src: url("https://www.aucklandmuseum.com/Client/CSS/AucklandMuseum/fonts/GothamNarrow-Light.woff") format("woff"); +} + + @font-face { + font-family: 'Gotham Narrow'; + font-style: normal; + font-weight: 400; + src: url("https://www.aucklandmuseum.com/Client/CSS/AucklandMuseum/fonts/GothamNarrow-Book.woff") format("woff"); +} + + @font-face { + font-family: 'Gotham Narrow'; + font-style: normal; + font-weight: 600; + src: url("https://www.aucklandmuseum.com/Client/CSS/AucklandMuseum/fonts/GothamNarrow-Medium.woff") format("woff"); + } + + +/* AKM CUSTOM START */ + +/* form */ + +li { + list-style-type: none; + padding-bottom: 5px; +} + +a { + color: #325DAB; + text-decoration: none !important; +} + +a:hover { + text-decoration: underline !important; +} + +input { + border: 2px solid #000000; +} + + input.normalInput, textarea.normalInput { + width: 507px !important; +} + +.normalInput { + border: 2px solid #000000 !important; + margin-top: 5px; + height: 42px; +} + +.RefTracker.reWrapper { + border: 2px solid #000000; +} + +div#question_text { + width: 510px !important; + height: 353px !important; +} + +*.tactrl{ + visibility: hidden; +} + +*.rtcltxt { + font-size: 16px !important; +} + +.listcont { + height: auto !important; +} + +select { + width: 514px; + height: 45px !important; + font-family: 'Gotham Narrow'; + font-weight: 400; +} + +select:focus, select:hover, select:active, select:focus-within, select:focus-visible, input:focus, input:active, input:hover, input:focus-within, input:focus-visible { + border-radius: 0px !important; + -webkit-border-radius:0px !important; +} + +h2:focus { + outline: none; +} + +.lyodiv label { + font-size: 16px; +} + +.lyodiv { + display: block; + float: none; + width: 100% !important; + overflow: visible !important; + border-radius: 0px; +} + +@media screen and (min-device-width: 768px) { +.lbdiv h2 input { + font-size: 18px; + } +} + +*.rtButtonInput:hover { + background-color: #ffffff !important; +} + +#captchaDiv table { + display: block; +} + +#captchaDiv td { + float: left; + width: auto; +} + +#captchaEntry { + height: 42px; + border: 2px solid #000000; +} + +#rfbutpan div { + float: left; + padding-left: 2px; +} + +.emptyvessel { + display: none; +} + +*.rqformline { + margin-top: 20px; +} + +.rfrcptnte { + width: auto; +} + +.rfrcptnte tr { + float: left; +} + +.rfrcptntecontainer { + margin-left: -8px; +} + +.riTextBox { + border: 2px solid #000000 !important; + height: 42px !important; +} + +.timerControl input { + border: 2px solid #000000 !important; + height: 35px; + padding-left: 5px; +} + +.rqdctrl { + padding-left: 0px !important; +} + +*.msgAreaContainer ul { + padding: 0px; + margin-top: 8px; +} + +*.msgAreaContainer img { + margin-left: 0px !important; + padding-bottom: 6px; + float: left; +} + +input#uicisypg { + display: none; +} + +span.rtsftxt.rtsfsm.cookie { + display: none; +} + +.lbdiv h2 input:focus { + outline: none; +} + +.RadButton.rbRounded:hover { + background: none; + color: #000000; +} + +div#uiprsp\.d095 { + float: left !important; +} + +.RadComboBox_RefTracker { + font-family: 'Gotham Narrow' !important; + font-weight: 400; +} + +.RadComboBox_RefTracker .rcbReadOnly .rcbInputCell { + border: 2px solid #000000; + color: #000000; + background-color: #ffffff; + border-right: none; +} + +.RadComboBox_RefTracker .rcbFocused .rcbReadOnly .rcbInputCell { + background-color: transparent !important; + color: #000000 !important; +} + +.RadComboBox_RefTracker .rcbFocused .rcbReadOnly .rcbInput { + color: #000000 !important; +} + + +.RadComboBox_RefTracker .rcbReadOnly .rcbInput { + font-family: 'Gotham Narrow'; + font-weight: 400; + font-size: 16px; +} + +.RadTreeView_RefTracker { + font-family: 'Gotham Narrow'; + font-weight: 400; +} + +tr.rcbReadOnly { + border: 2px solid black; + height: 42px; +} + +.RadTreeView_RefTracker .rtSelected .rtIn { + border: none !important; + color: #000000 !important; + background-color: #f5f5f5 !important; +} + +.RadComboBox_RefTracker .rcbArrowCell { + background-color: #ffffff; +} + +.RadComboBox_RefTracker .rcbReadOnly .rcbArrowCellRight { + padding-right: 3px; + background-color: #ffffff !important; + border-left: 0px; +} + +table .rcbFocused { + background: #ffffff !important; +} + +#uicicatwrapper { + height: auto !important; +} + +.resText { + height: 42px; +} + +#CaptchaCtrl_SpamProtectorPanel { + margin-top: 22px; +} + +*.prlabst { + max-width: none !important; +} + +img[title~=information] { + display: none; +} + +img[title~=error] { + display: none; +} + +input#uicirmbme { + float: left; +} + +.rqdfld { + width: 515px !important; +} + +#rqdfld { + float: right; + color: rgba(39,39,39,0.4); +} + + +img.reqfldimg { + visibility: hidden; + display: none; +} + +/* conf page */ + +#pgcicheckAdd { + margin-bottom: 30px !important; +} + +.rtcllab { + font-family: 'Gotham Narrow Bold'; +} + +input#uiprstbtn\.qsumm { + font-size: 30px; +} + +input#uiprstbtn\. { + font-size: 30px; + margin-bottom: 20px; +} + +h2#msgaitem\.30\.1 { + display: none; +} + +/* moblie form */ + +@media screen and (max-device-width: 768px) { + form { + width: 75% !important; + } +} + +@media screen and (max-device-width: 768px) { + .normalInput { + height: 50px !important; + } +} + +@media screen and (max-device-width: 768px) { +*.rqformline { + margin-top: 10px; + } +} + +@media screen and (max-device-width: 768px) { +*.rqformdvstd { + margin-bottom: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +*.rqform { + padding-top: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman .RadEditor .reContentArea { + padding: 0px !important; + border: none !important; + } +} + +@media screen and (max-device-width: 768px) { +.RefTracker.RadEditor .reContentCell.reNoBorder { + border: 2px solid black !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div.lyodiv[style] { + margin-left: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div div[id^="uiprst"] div.rqformline div.lyodiv[style*="width:2%;"] { + float: none !important; + margin: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div.lyodiv > input[type="text"], #pgobman.reftmobile div.lyodiv > div > input[type="text"], #pgobman.reftmobile div.lyodiv > div > textarea { + font-size: 16px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div.lyodiv label { + font-size: 16px !important; + margin: 0px !important; + } +} + +@media screen and (max-device-width: 500px) { + #pgobman.reftmobile div.lyodiv label { + font-size: 28px !important; + } + } + +@media screen and (max-device-width: 768px) { +.msgAreaInfo .lyodiv { + font-size: 16px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div div[id^="uiprst"] div.rqformline div.lyodiv[style*="width:70%;"] { + margin-left: 0px !important; + float: none !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile .tapanel textarea { + margin: 0px !important; + } +} + +@media screen and (max-device-width: 768px) { +*.tapanel { + border: none !important; + } +} + +div#uiprsthd\. { + border-top: solid 1px #979797; + padding-top: 10px; +} + +div#uiprsthd\.qsumm { + border-top: 1px solid #979797; + padding-top: 10px; + margin-top: 10px; +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile div div[id^="uiprst"] div.rqformline div.lyodiv[style*="width:23%;"] { + width: 570px !important; + /* margin-right: 0px; */ + } +} + +@media screen and (max-device-width: 500px) { + *.rtcltxt { + font-size: 38px !important; + line-height: 1.5em; + } +} + +@media screen and (max-device-width: 500px) { + *.rtcltxt { + font-size: 42px !important; + line-height: 1.5em; + } +} + +@media screen and (max-device-width: 500px) { + .rtsflab { + font-size: 32px; + } +} + +@media screen and (max-device-width: 500px) { +#CaptchaCtrl_SpamProtectorPanel { + margin-top: 48px; + } +} + +@media screen and (max-device-width: 500px) { +input#uicirmbme { + width: 50px; + margin-top: 15px; + height: 25px; + } +} + +@media screen and (max-device-width: 500px) { +*.rtButtonInput { + font-size: 32px !important; + height: 85px !important; + width: 230px !important; + margin-bottom: 50px; + } +} + +@media screen and (max-device-width: 500px) { +.normalInput { + height: 90px !important; + font-size: 32px !important; + } +} + +@media screen and (max-device-width: 500px) { +#captchaEntry { + height: 75px; + font-size: 32px !important; + } +} + +@media screen and (max-device-width: 500px) { +img#CaptchaCtrl_CaptchaImageUP { + height: 80px !important; + } +} + +@media screen and (max-device-width: 500px) { +*.rtcllnkstd A { + font-size: 23px !important; + width: 190px; + margin-left: 0px; + } +} + +@media screen and (max-device-width: 500px) { +div#captchaDiv { + margin-bottom: 30px; + } +} + +@media screen and (max-device-width: 500px) { +.lbdiv h2 input { + font-size: 42px !important; + } +} + +@media screen and (max-device-width: 500px) { +*.msgAreaContainer { + font-size: 16px !important; + line-height: 1.5; + } +} + +@media screen and (max-device-width: 500px) { +#pgobman.reftmobile div.lyodiv > input[type="text"], #pgobman.reftmobile div.lyodiv > div > input[type="text"], #pgobman.reftmobile div.lyodiv > div > textarea { + font-size: 32px !important; + } +} + +@media screen and (max-device-width: 500px) { +*.errLabel { + font-size: 32px; + } +} + +@media screen and (max-device-width: 500px) { +.rqformline div.tapanel #question_text { + font-size: 32px; + } +} + +@media screen and (max-device-width: 500px) { +input#uiprstbtn\. { + width: 260px; + } +} + +@media screen and (max-device-width: 500px) { + *.rtcllnkemp A { + font-size: 32px; + } +} + +@media screen and (max-device-width: 500px) { +div.RadToolTip_RefTracker .rtWrapper .rtWrapperTopLeft, div.RadToolTip_RefTracker .rtWrapper .rtWrapperTopCenter, div.RadToolTip_RefTracker .rtWrapper .rtWrapperTopRight, div.RadToolTip_RefTracker .rtWrapper .rtWrapperLeftMiddle, div.RadToolTip_RefTracker .rtWrapper .rtWrapperContent, div.RadToolTip_RefTracker .rtWrapper .rtWrapperRightMiddle, div.RadToolTip_RefTracker .rtWrapper .rtWrapperBottomLeft, div.RadToolTip_RefTracker .rtWrapper .rtWrapperBottomCenter, div.RadToolTip_RefTracker .rtWrapper .rtWrapperBottomRight { + font-size: 18px; + } +} + +@media screen and (max-device-width: 500px) { +div#pgobman.reftmobile { + line-height: 1.5; + } +} + +@media screen and (max-device-width: 500px) { +#rqdfld { + padding-top: 7px; + } +} + +/* date picker mobile */ + +@media screen and (max-device-width: 768px) { +div.RadPicker table.rcSingle .rcInputCell { + font-size: 16px !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile .RadPicker .RadInput { + width: auto !important; + } +} + +@media screen and (max-device-width: 768px) { +.RadPicker_RefTracker .rcCalPopup, .RadPicker_RefTracker .rcTimePopup { + height: 42px !important; + width: 40px !important; + background-position: 0 0 !important; + } +} + +@media screen and (max-device-width: 768px) { +div.RadPicker table.rcSingle .rcInputCell { + width: 33% !important; + } +} + +@media screen and (max-device-width: 768px) { +.RadPicker_RefTracker .RadPicker_RefTracker a.rcTimePopup:focus, .RadPicker_RefTracker a.rcTimePopup:active, .RadPicker_RefTracker a.rcTimePopup:hover { + background-color: transparent !important; + background-position: 0 0 !important; + } +} + +@media screen and (max-device-width: 768px) { +#pgobman.reftmobile .riSingle .riTextBox[type="text"] { + height: 50px!important; + } +} + + + +/* AKM HEADER CSS */ + +.page { + align-items: flex-start; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin-left: auto; + margin-right: auto; + max-width: 1635px !important; + width: 100%; +} +@media screen and (max-device-width: 1628px) { + .page { + max-width: 1355px !important; + } +} + +.page { + display: block; + height: 100%; +} +@media screen and (min-device-width: 800px) { + .page { + display: flex; + flex-wrap: nowrap; + } +} +.page .left, .page .right { + align-self: center; +} + +.header { + background-color: #000; + margin-top: 0; +} +.header * { + box-sizing: border-box; +} +.header img { + display: block; + width: 100%; +} + +.header a:visited { + color: #fff; +} + +.header a:hover { + text-decoration: none !important; +} + +.header--standard { + box-shadow: 0px 7px 9px grey; + margin-bottom: 10px; +} + +@media screen and (max-device-width: 799px) { + .header--standard { + box-shadow: 0px 7px 18px grey; + } +} + +@media screen and (min-device-width: 1024px) { + .header--standard { + flex: 1 1 100%; + } +} + +.header-nav-logo__link { + background-color: #000; + display: block; + margin-bottom: -4px; + position: relative; + width: 170px; + z-index: 4000; +} + +.header-nav-logo__link:before, .header-nav-logo__link:after { + background-color: #fff; + bottom: 0; + content: ''; + display: block; + height: 5px; + left: -1px; + position: absolute; + width: 3px; +} + + + +.main-subnav { + background-color: #222; + display: none; + overflow: hidden; + width: 100%; +} +@media screen and (min-device-width: 800px) { + .main-subnav { + background: linear-gradient(to right, #333 50%, #222 50%, #333 50%); + border-top: 6px solid #fff; + box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.5); + left: 0; + position: absolute; + top: 100%; + z-index: 2; + } +} +@media screen and (min-device-width: 1024px) { + .main-nav__item.hover .main-subnav { + display: block; + } +} + +.main-nav__item { + margin-bottom: -15px; + margin-top: 30px; + max-width: none; +} +@media screen and (min-device-width: 1045px) { + .main-nav__item { + padding-bottom: 11px; + padding-right: 35px; + } +} + +@media screen and (min-device-width: 800px) { + .main-nav__item { + border-bottom: 6px solid transparent; + padding-bottom: 8px; + white-space: nowrap; + } + .main-nav__item:hover { + border-bottom: 6px solid #fff; + } +} +@media screen and (min-device-width: 800px) { + .header--standard .main-nav__item.is-homelink { + display: none; + } +} +@media screen and (min-device-width: 800px) { + .main-nav__item:last-child { + flex-basis: 0; + } +} +@media screen and (min-device-width: 1280px) { + .main-nav__item:last-child { + -ms-flex-preferred-size: 180px !important; + flex-basis: 0; + } +} + +.main-nav--modular { + color: #fff; + list-style-type: none; + margin: 0; + padding: 0; + width: 100%; +} +@media screen and (max-device-width: 799px) { + .main-nav--modular { + -webkit-overflow-scrolling: touch; + background-color: #000; + border-top: 2px solid #fff; + bottom: 0; + height: calc(100vh - 50px); + overflow-y: scroll; + position: fixed; + top: 128px; + transform: translateX(100%); + transition: transform 250ms; + z-index: 9999; + } + .mobile-nav-open .main-nav--modular { + transform: translateX(0) !important; + } +} +@media screen and (min-device-width: 800px) { + .main-nav--modular { + display: flex; + margin-top: 16px; + } +} +@media screen and (max-device-width: 1024px) { + .main-nav--modular-top { + padding-bottom: 0 !important; + } +} +@media screen and (max-device-width: 1024px) and (min-device-width: 800px) { + .main-nav--modular-bottom { + padding-bottom: 0 !important; + } +} +.main-nav-item__wrapper { + position: relative; +} +@media screen and (min-device-width: 800px) { + .main-nav-item__wrapper { + height: 100%; + } +} + +@media screen and (min-device-width: 800px) { + .main-nav__item { + border-bottom: 6px solid transparent; + padding-bottom: 8px; + white-space: nowrap; + } + .main-nav__item:hover { + border-bottom: 6px solid #fff; + } +} +@media screen and (min-device-width: 800px) { + .header--standard .main-nav__item.is-homelink { + display: none; + } +} + +@media screen and (min-device-width: 800px) { + li.main-nav__item.is-homelink { + margin-top: 1.7em; + } +} +.main-nav__item--standard { + padding-right: 3%; +} +@media screen and (max-device-width: 865px) and (min-device-width: 800px) { + .main-nav__item--standard { + padding-right: 0; + } +} + +@media screen and (max-device-width: 799px) { + .main-nav__item--standard { + border-bottom: 5px solid #222; + } +} + + +.main-nav__link, .main-nav__label { + cursor: pointer; + display: block; + font-size: 20px; + font-weight: bold; + line-height: 1.4; + padding: 20px; + text-decoration: none; + width: 100%; +} +.main-nav__link .lang-maori, .main-nav__label .lang-maori { + display: block; + font-family: 'Gotham Narrow'; + font-weight: 200; + color: #ffffff; +} + +a.main-nav__link { + padding-left: 6px; + color: #ffffff; +} + +.main-nav__label { + background-color: transparent; + border: 0; + border-radius: 0; + -webkit-border-radius:0px; + color: #fff; + font-family: inherit; + line-height: 1.4; + position: relative; + text-align: left; +} +.main-nav__label:focus { + outline: 0 none; +} +@media screen and (max-device-width: 799px) { + .main-nav__label { + padding-right: 60px; + } + .main-nav__label:after { + display: none; + } + +} + +@media screen and (min-device-width: 800px) { + .main-nav__link, .main-nav__label { + display: inline-flex; + flex-direction: column; + height: 100%; + justify-content: center; + padding: 20px 20px 0; + } +} +@media screen and(max-device-width: 1000px) { + .main-nav__link, .main-nav__label { + font-size: 100%; + padding: 20px 1.2em 0 !important; + } +} + + +.sub-nav-top { + top: 113%; +} + +.main-subnav__wrapper { + display: flex; + margin-left: auto; + margin-right: auto; + max-width: 1280px; +} +@media screen and (max-device-width: 799px) { + .main-subnav__wrapper { + flex-direction: column-reverse; + } +} +.main-subnav__list { + list-style-type: none; + margin: 0; + padding: 16px; +} +@media screen and(min-device-width: 800px) { + .main-subnav__list { + min-width: 230px; + padding: 50px; + padding-left: 20px; + width: 230px; + } +} +@media screen and (min-device-width: 800px) { + .main-subnav__list { + padding-bottom: 70px; + padding-left: 0; + padding-right: 70px; + padding-top: 70px; + } +} + + +.header-top__wrapper { + height: 100%; + } + + +.header__nav { + display: -webkit-flex; +} + +.header-nav__logo { + -webkit-align-self: flex-end; +} + +.header__top { + box-sizing: border-box; + height: 50px; + position: relative; +} +@media screen and (min-device-width: 800px) { + .header__top { + height: 100%; + } +} +.header-top__wrapper { + height: 100%; +} +.header__nav { + display: flex; + height: 100%; + width: 100%; +} + + +.cta-nav__container { + max-width: 1444px; + position: absolute; + width: 100%; + z-index: 100; +} + +@media screen and (min-device-width: 800px) { + .cta-nav__container { + display: block !important; + } +} + +@media screen and (max-device-width: 1628px) { + .cta-nav__container { + max-width: 1340px !important; + } +} + +@media screen and (max-device-width: 1370px) and (min-device-width: 800px) { + .cta-nav__container { + max-width: 1290px !important; + } +} + +@media screen and (max-device-width: 1280px) { + .cta-nav__container { + max-width: none; + right: 0; + } +} + +@media screen and (max-device-width: 799px) { + .cta-nav__container { + display: none; + top: 131px; + position: absolute; + z-index: 10000; + } +} + +.cta-nav { + width: 100%; +} + +.cta-nav__item { + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flex; + float: right; + list-style: none; + margin-right: 11px; + margin-top: -1px; + margin-bottom: 0; + font-size: 100%; +} + +@media screen and (max-device-width: 800px) { + .cta-nav__item { + float: none; + font-size: 100%; + margin-left: 0; + margin-top: 0; + width: 100%; + padding: 0px; + } +} + +.cta-nav__link { + background: none; + border-color: rgba(255, 255, 255, 0.50); + border-style: solid; + border-width: 0px; + border-left: none; + color: #fff; + font-family: 'Gotham Narrow'; + font-weight: 600; + font-weight: bold; + padding: 4px 19px; + cursor: pointer; + font-size: inherit; + text-decoration: none; + font-size: 16px !important; + line-height: 1.5em; + text-transform: uppercase; +} + +@media screen and (max-device-width: 800px) { + .cta-nav__link { + height: 137px; + width: 100%; + font-size: 40px !important; + } +} + +@media screen and (max-device-width: 800px) { + .cta-nav__label { + /* max-width: 266px; */ + width: 100%; + } +} + +@media screen and (max-device-width: 799px) { + .main-nav--modular { + display: none; + } +} + +@media screen and (max-device-width: 800px) { + .main-nav--modular { + position: absolute; + } +} + +.main-nav--modular { + display: -moz-flex; +} + +@media screen and (min-device-width: 799px) { + .main-nav--modular { + display: -webkit-flex; + } +} + +@media screen and (max-device-width: 1024px) and (min-device-width: 800px) { + .main-nav--modular { + padding-bottom: 0px; + } +} + +@media screen and (max-device-width: 799px) { + li.main-nav__item.is-homelink { + margin-top: 175px; + color: #fff; + border-bottom: 5px solid #222; + } +} + +main-nav__link, +main-nav__link a, +main-nav__link a:hover, +main-nav__link a:visited, +main-nav__link a:focus, +main-nav__link a:active { + color: white !important; + text-decoration: none !important; +} + +button.button-subnav.main-nav__label.main-nav__label-tnew a { + color: #fff !important; + font-weight: bold; +} + +@media screen and (min-width: 1070px) { + .main-nav__label-tnew { + padding: 60px 40px 0 !important; + } +} + +@media screen and (min-device-width: 800px) { + .main-nav__label-tnew { + padding: 60px 40px 0 15px !important; + } +} + +@media screen and (max-device-width: 800px) { + .header__nav { + border-bottom: 6px solid #fff; + } +} + +@media screen and (max-device-width: 1024px) and (min-device-width: 800px) { + .main-nav__link, .main-nav__label { + height: 101%; + } +} + +@media screen and (min-device-width: 1070px) { + .main-nav__label-tnew { + padding: 60px 40px 0 !important; + } +} + +@media screen and (min-device-width: 800px) { + .main-nav__label-tnew { + padding: 60px 40px 0 15px !important; + } +} + +.main-nav__item-tnew { + white-space: nowrap; +} + +@media screen and (max-device-width: 800px) { + .main-nav__item-tnew { + border-bottom: 5px solid #222; + } +} + +@media screen and (min-device-width: 800px) { + .header__top-tnew { + height: 144px; + } +} + +@media screen and (max-device-width: 800px) { + .header__top-tnew { + height: 130px; + } +} + +@media screen and (min-device-width: 800px) { + .header--standard .header__middle { + border-bottom: 6px solid #fff; + height: 21px; + } +} + +.page--xl-tnew { + max-width: 100% !important; +} + +.header-middle__wrapper { + border: none; +} + +li.cta-nav__label { + margin-bottom: 0; + padding-bottom: 0; +} +.cta-nav__label { + border-bottom-width: 1px; + border-color: rgba(255, 255, 255, 0.5); + border-left-width: 0; + border-right-width: 1px; + border-style: solid; + border-top-width: 1px; +} +.cta-nav__label:first-child { + border-left-width: 1px; +} +@media screen and (max-device-width: 800px) { + .cta-nav__label { + width: 100%; + border-right-width: 3px; + border-bottom-width: 3px; + } +} + + +/* mobile nav */ + +@media screen and (max-device-width: 800px) { + .main-nav__link, .main-nav__label { + font-size: 40px; + } +} + +@media screen and (max-device-width: 500px) { + .main-nav__link, .main-nav__label { + font-size: 45px; + padding: 45px 1.2em 0 !important; + } +} + + +.mobile-nav-open { + transform: translateX(0); + padding-top: 0px; +} + +@media screen and (max-device-width: 800px) { + .mobile-nav-open .header__top { + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 400; + } +} + +@media screen and (max-device-width: 799px) { + .header img { + width: 170px; + } +} + +.header-nav__logo { + align-self: flex-end; + z-index: 9999; +} +@media screen and (max-device-width: 799px) { + .header-nav__logo { + width: 100%; + } +} +@media screen and (max-device-width: 1023px) { + .header-nav__logo { + margin-left: 40px; + } +} +@media screen and (min-device-width: 1024px) { + .header-nav__logo { + margin-left: 40px; + margin-right: 25px; + } +} +@media screen and (min-device--width: 800px) { + .header--home .header-nav__logo { + display: none; + } +} + +.header-nav-logo__link:before, .header-nav-logo__link:after { + background-color: #fff; + bottom: 0; + content: ''; + display: block; + height: 2px; + left: -1px; + position: absolute; + width: 3px; +} +.header-nav-logo__link:before { + left: auto; + right: -1px; +} +@media screen and (min-device-width: 800px) { + .header-nav-logo__link { + margin-bottom: -21px; + width: 139px; + } + .header-nav-logo__link:before, .header-nav-logo__link:after { + height: 6px; + width: 6px; + } +} + +.mobile-nav { + align-self: center; + background-color: transparent; + border-radius: 0; + border-width: 0; + min-width: 50px; +} +.mobile-nav:focus { + outline: 0 none; +} +.mobile-nav img { + margin: 0 auto; + width: 62px; + margin-right: 30px; + margin-top: 35px; +} +@media screen and (min-device-width: 800px) { + .mobile-nav { + display: none; + } +} +.mobile-nav--close { + background-color: #000; +} +.main-nav--modular { + color: #fff; + list-style-type: none; + margin: 0; + padding: 0; + width: 100%; +} + + +@media screen and (min-device-width: 800px) { + .main-nav--modular { + display: flex; + margin-top: 16px; + } +} + +/* MOBILE FOOTER */ + +@media screen and (max-device-width: 1024px) { +.DynamicFooterApp .am-footer__links-content { + max-height: none !important; + } +} + +@media screen and (max-device-width: 400px) { +.DynamicFooterApp .am-footer { + font-size: 21px !important; + } +} + + +/* AKM CUSTOM END */ + + + +img { + border: 0 +} + +form { + border-right: 0; + border-top: 0; + margin: 0; + border-left: 0; + border-bottom: 0; + padding: 0; + width: 60%; + margin: auto; +} + +input, select, textarea { + font-size: 1em; + font-family: 'Gotham Narrow'; + font-weight: 400; +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +html, body { + margin: 0; + padding: 0; + color: #000000; + background-color: #FFFFFF; /*reftcss|misc|Default background colour|ZdbzqDMbk2SCqBUz*/ + font-family: 'Gotham Narrow'; + font-weight: 400; +} + +fieldset { + + border-width:0px !important; + padding:0px !important; + margin:0px !important; + +} +/* This is the ID of the main division in each reftracker page which contains all other HTML controls */ +#pgobman { + padding-top: 10px; + margin-left: 8px; + margin-right: 8px; + margin-top: 0; +} + +/* This is the message area which is added to each page */ +#pgobmga { + margin-top: 0px; +} +/* menuctrls area contains the icon controls in the main menu */ +/* Deskstats, Help, Home, Logoff etc */ + +.menuctrls { + display: inline; + float: right; + margin-right: 10px; + margin-left: 10px; +} + + .menuctrls img { + vertical-align: baseline !important; + margin-top: 2px; + margin-bottom: 2px; + margin-left: 3px; + margin-right: 3px; + } + + /* Start:menuctrls: Sets the background colour when a control is hovered over */ + + .menuctrls span :hover { + background-color: rgba(0,0,1,0.1); /*reftcss|menu|Main menu icons - background hover|VNANNoEyaP4VODRb*/ + display: inline-block; + border-radius: 5px; + + } + + .menuctrls span { + border: 1px solid transparent; + display: inline-block; + border-radius: 5px; + } + +.menuctrlsleft { + display: inline; + float: left; +} + + .menuctrlsleft img { + vertical-align: baseline !important; + } + +/* This is the deskstats tooltip menu */ +#RadToolTipWrapper_uicidsmntt .rtWrapper { + border: 1px solid #E0E0E0 !important; + background-color: #F5F5F5 !important; +} + + +#RadToolTipWrapper_uicidsmntt .rtWrapperContent { + background-color: #F5F5F5 !important; +} +#RadToolTipWrapper_uicidsmntt .rtWrapperLeftMiddle, +#RadToolTipWrapper_uicidsmntt .rtWrapperContent, +#RadToolTipWrapper_uicidsmntt .rtWrapperRightMiddle, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopLeft, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopCenter, +#RadToolTipWrapper_uicidsmntt .rtWrapperTopRight, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomCenter, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomLeft, +#RadToolTipWrapper_uicidsmntt .rtWrapperBottomRight { + background-color: #F5F5F5 !important; +} + + + +/* End:menuctrls: Sets the background colour when a control is hovered over */ +/* Start:menuPanel: List of anchor links displayed as menu, eg reft900 system */ + +.menuPanel { + width: 30%; + margin-left: 75px; + margin-top: 30px; + margin-bottom: 30px; +} + +.menuPanelTitle { + margin-bottom: 5px; +} + + .menuPanelTitle a { + text-decoration: none; + } + + .menuPanelTitle span { + font-size: 1.05em !important; + color: #555555 !important; /*reftcss|menu|Menu panel title text colour|Au4Jlnyku3guPIC9*/ + text-decoration: none !important; + font-weight: bold; + } + +.menuPanelItems { +} + + .menuPanelItems span { + display: block !important; + margin-bottom: 2px; + margin-left: 1px; + } + +/* End:menuPanel: List of anchor links displayed as menu, eg reft900 system */ +/* Start:controlLine: Contains the controls added to the page under the action bar */ +/* For example parameter DDL in reft910 */ + +.controlLineWrapper { + background-color: #F5F5F5; /*reftcss|menu|Control line background colour|yIncjC40OuuarDyZ*/ + width: 100%; +} + + +.controlLine { + height: 22px; + vertical-align: middle; + padding-top: 5px; + margin-bottom: 8px; +} + + + + + + .controlLine .lyodiv { + } + +.controlLineRight { + text-align: right; + float: right; + padding-right: 5px; + width: 100%; +} + +.controlLineLeft { + vertical-align: middle; + padding-left: 5px; + width: 100%; +} + + .controlLineLeft .rtsflnkstd { + margin-right: 8px; + margin-left: 0px !important; + } + +.controlLineLabel { + margin-right: 4px; + margin-left: 10px; +} + +.controlLineCtrl { + margin-right: 2px; +} + +.controlLinePair { + display: inline; + vertical-align: middle; +} + + .controlLinePair .controlLineLabel { + margin-right: 3px !important; + } + + +.clplain { + background-color: transparent !important; + padding-top: 0px !important; + margin-bottom: 0px !important; +} + +/* End:controlLine: Contains the controls added to the page under the action bar */ +/* Start: timer controls -used for control which allows uses to start and stop timer */ + +.timerControl input { + margin-right: 4px; + margin-bottom: 2px; +} + +.timerImage { + display: inline-block; +} + + .timerImage img { + padding: 2px; + margin-bottom: -2px; + } + + .timerImage :hover { + background-color: rgba(67,84,196,0.3); /*reftcss|misc|Timer image background colour hover|yzJOlbi2UGE0jvuq*/ + } + +/* End: timer controls -used for control which allows uses to start and stop timer */ +/* START: File upload area styles */ + +*.uploadTable { + width: 100%; +} + + *.uploadTable td { + vertical-align: top; + } + +*.uploadArea { + background-color: #F5F5F5; /*reftcss|attachment|File upload area background colour|vfXuidFx6UOS8w8s*/ + width: 100%; + border-radius: 5px; + text-align: center; + font-weight: bold; + padding-top: 3px; + padding-bottom: 3px; +} + +*.fileUpload { + width: 98% !important; + margin-top: 10px; + margin-right: 10px; +} + +*.fileUploadWindow { + margin-left: 10px; +} + +*.fileUploadForm { + margin-left:10px; +} + +*.fileUploadPresenter { + margin-left: 10px; +} + +*.fileDropArea { + border: 1px solid transparent; + background-color: rgba(238,238,238,0.5); /*reftcss|attachment|File drop area background colour|RcTzKX4g30y2Mmr2*/ + border-radius: 10px; + height: 90px; + margin-right: 10px; + margin-top: 10px; + margin-bottom: 10px; +} + + + +*.fileDropAreaHover { + border: 1px solid; + border-color: #C11C28 !important; /*reftcss|attachment|File drop zone border colour hover|qWbwYm8EKnJI8zxv*/ +} + + *.fileDropAreaHover span { + color: #C11C28 !important; /*reftcss|attachment|File drop zone text colour hover|jzddn0pEyPkTEe0Y*/ + } + +*.fileDropTitle { + display: block; + font-size: 1.3em; + line-height: 40px; + color: #555555; /*reftcss|attachment|File drop title text colour|wFuRkBekabKVqbAp*/ +} + +*.fileDropText { + color: #555555; /*reftcss|attachment|File drop text colour|eD6AaPB0KIzhCiNE*/ + font-size: 0.9em; + font-style: italic; + font-weight: normal !important; +} + + + +*.attText { + font-weight: normal !important; + font-size: 0.95em !important; + color: #C11C28 !important; /*reftcss|attachment|Attachment file name text colour|6wvRl36BUSXSpwSN*/ + text-decoration: none !important; +} + +*.attLink A { + font-weight: normal !important; + font-size: 0.95em !important; + color: #C11C28 !important; /*reftcss|attachment|Attachment file name link text colour|lqzlgBsrUed12Iad*/ + text-decoration: none !important; +} + + *.attLink A:hover { + text-decoration: underline !important; + } + +/* END: File upload area styles */ +/* START Statistics */ + +*.statAverage { + color: #C11C28 !important; /*reftcss|misc|Statistics average text colour|94G2flyvEGdTi9tr*/ + font-style: italic; +} + +*.statScore { + font-weight: bold; + color: #C11C28 !important; /*reftcss|misc|Statistics score text colour|35AxwoFJEaY4wUKb*/ +} + +*.statPercent { + font-style: italic; +} + +*.statTotal { + font-weight: bold; +} + + +/* End Statistics */ + +/* START Staff */ + +*.rtsflab { + font-weight: bold; + color: #333333; /*reftcss|staff|Field label text colour|4CiqjU0OchhNHj7I*/ +} + +*.rtsftxt { + color: #333333; /*reftcss|staff|Text colour|fnpdZK0Wxicz2CDC*/ + font-weight: normal; + font-size: 16px !important; + font-family: 'Segoe UI'; +} + +/* Staff Small text */ +/* eg - used where smaller text is required - eg attribution line under question notes */ + +*.rtsfsm { + font-size: 0.9em !important; + font-family: 'Segoe UI'; +} + +*.rtsflnkstd A { + font-size: 0.97em !important; + text-decoration: none !important; +} + + *.rtsflnkstd A:hover { + text-decoration: underline !important; + color: #4354C4 !important; /*reftcss|staff|Standard link text colour hover|ef4jdfuzqUhAuVFN*/ + } + +/* staff large (emphasised) hyperlinks */ + +*.rtsflnkemp A { + font-family: Arial, sans-serif; + font-weight: bold; + color: #4354C4; /*reftcss|staff|Emphasised link text colour|yb09GJ9whE2LEXta*/ + text-decoration: none; +} + + *.rtsflnkemp A:hover { + font-weight: bold; + color: #4354C4; /*reftcss|staff|Emphasised link text colour hover|PLT2j56KqEixKycM*/ + text-decoration: underline; + } + + +/* revstat style used for review status active links */ +*.revstat { + font-style: italic !important; +} + +/* closedstat style used for close and reject status */ +*.closestat { + font-style: italic !important; +} + +/* Client side text */ + +*.rtcltxt { + font-size: 0.97em; + color: #333333; /*reftcss|client|Text colour|aVWWfFUaVQAYH7IT*/ + font-style: normal; +} + +*.rtcllab { + font-weight: bold; + color: #333333; /*reftcss|client|Field label text colour|RHb1xfES2GuQXd0Q*/ +} + +*.welcome { + color: #ffffff; /*reftcss|client|Welcome message text colour|QJHgx0l6b4sHFWAA*/ + background-color: #000001; /*reftcss|client|Welcome message background colour|QJHgxlg53sqHFWAA*/ +} + +/* small */ + +*.rtclsm { + font-size: 0.9em; +} + +*.rtcllnkemp A { + font-weight: bold; + color: #4354C4; /*reftcss|client|Emphasised link text colour|LzD29AkeStMYSCVg*/ + text-decoration: underline; +} + + *.rtcllnkemp A:hover { + text-decoration: underline; + } + + +*.rtcllnkstd A { + font-weight: normal; + font-size: 0.97em; + color: #4354C4; /*reftcss|client|Standard link text colour|ftYuuMqf02d1qGiY*/ + text-decoration: none; +} + + *.rtcllnkstd A:hover { + text-decoration: underline; + } + + +*.evaluation A { + font-size: 12px; + color: #FF9933; /*reftcss|client|Evaluation link for stars |1cueGqlMUWioK6IT*/ + text-decoration: none; + font-family: Verdana, Geneva, Tahoma, sans-serif; +} + + *.evaluation A:hover { + text-decoration: underline; + } + + +/* START: request form */ + +.sublb { + display:block; + margin-top:2px; +} + +#pgobmga h2{ + + font: inherit !important; + outline:none; +} + +*.rqform { + padding-top: 15px; + padding-right: 10px; + padding-left: 5px; + padding-bottom: 5px; + margin: auto; + background-color: #FFFFFF; /*reftcss|reqform|Request form background colour|AbSCPszqUaC25YgD*/ +} + +*.rqformdvstd { + font-size: 16px; + border-radius: 6px; + border: none; + margin-bottom: 0px; + width: 100%; + position: static; + border-collapse: collapse; + background-color: #FFFFFF; /*reftcss|reqform|Request form division background colour|qMKxiJI0CJJUkYN8*/ +} + + +*.rqformdvemp { + background-color: rgba(238,238,238,0.4) !important; /*reftcss|reqform|Request form division emphasised background colour|xfJmxbBUGyYGBy5c*/ +} + + +*.lbtxt { + /*font-weight: normal;*/ + font-size: 1.1em; + display: inline; +} +*.lbdiv { + border-width: 0px; + vertical-align: central; + font-size:1.3em; + font-weight:bold; + margin-bottom: 3px; + font-family:Verdana; +} +.lbdiv h2 { + font-size: 1em !important; + padding:0px !important; + padding-bottom:3px !important; +} +.lbdiv h2 input{ + white-space:normal; + text-align:left; +} +/*.lbdiv*/ + +h2 input{ + /* Used to remove class button styling for presenter div heading */ + background-color: transparent !important; + color: inherit !important; + border-width: 0px !important; + padding:0px !important; + font-weight:bold; + font-family: 'Gotham Narrow Bold' !important; +} + +*.lbstandard { + background-color:transparent; + color: #333333; /*reftcss|reqform|Division label standard text colour|V5s6yfTkSsb0MEA0*/ + padding-bottom: 5px; +} +*.lbshover { + background-color: transparent; + text-decoration:underline; +} + + +/* Used for divisions in request forms which are added at run-time - eg 'other' fields */ +*.lbspecial { + background-color: transparent; + color: #555555; /*reftcss|reqform|Division label sepcial text colour|xBHtGKvEKNxrZpqH*/ +} +*.lberror { + background-color: transparent; + color: #C11C28; /*reftcss|reqform|Division label error text colour|AGeUhj7ki9zRbwqu*/ +} + +/* lbp: plain label - used in deskstats */ + +*.lbplain { + font-weight: normal; + font-size: 1em !important; + color: #333333; /*reftcss|reqform|Division label plain (deskstats) text colour|cKbA3FeUambqGOKB*/ + text-align: left; +} + +*.copyhl { + color: #C11C28; /*reftcss|reqform|Copy instruction sub label text colour|4t6PdLREa3IAikp6*/ +} + +*.errLabel { + border-bottom: #C11C28 1px dashed; /*reftcss|reqform|Label border colour for fields with error|mQC5EyVUKuZptIb7*/ +} + +*.wrnLabel { + border-bottom: #555555 1px dashed; /*reftcss|reqform|Label border colour for fields with warning|uZhLYREu7sQ3kAMr*/ +} + +.flag { + border-left: 4px solid #f00000; /*reftcss|reqform|Left border highlight for flagged fields #1|9IjsfckWM9nzJQQp*/ + margin-left: -4px !important; +} + +.flagcontainer select { + border-left: 4px solid #f00000 !important; /*reftcss|reqform|Left border highlight for flagged fields #2|Q7zTRSUycGj8CEh0*/ +} + +.flagcontainer .RadEditor, .flagcontainer .dateTimePanel, .flagcontainer .contactPanel, .flagcontainer .optionPanel { + /* border-left: 4px solid; */ + border-left-color: #f00000 !important; /*reftcss|reqform|Left border highlight for flagged fields #3|vexq3zE6Ml79B3kt*/ +} + +*.inputAlert { + background-color: rgba(238,238,238,0.5) !important; /*reftcss|reqform|Unselected select list highlight background colour|aMZZS8UmqfJ5QYTh*/ + color: #333333 !important; /*reftcss|reqform|Unselected select list highlight text colour|KJlBxs0K69YIexSk*/ +} + +.normalSelect { + /* background-color: transparent !important; */ /* NERA EXPERIMENTAL CHANGE */ +} + + +/* END: Reqform division labels */ +/* START: Button */ + +div.rtButton { + background-color: inherit !important; +} + +*.rtButtonInput { + font-size: 18px; + height: 55px; + text-transform: uppercase; + width: 186px; + font-family: 'Gotham Narrow Bold' !important; + border: 2px solid #000000; + background-color: #ffffff; + color: #000000; + float: left; + background: none; + margin-top: 20px; +} + +*.rtButtonInput:hover, *.rtButtonInput:active, *.rtButtonInput:focus, *.rtButtonInput:visited { + background: none !important; + border-radius: 0px; +} + +.rtButtonLink a { + padding: 3px 3px; + text-align: center; + text-decoration: none; + display: inline-block; + border: 1px solid; + font-size: 0.9em; + cursor: default; + border-radius: 2px; + height: 20px !important; + border-color: rgba(67,84,196,1); /*reftcss| button|Link button border colour|kjiDgzxkeR45uQq9*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Link button background colour|iwmD8q8keFY9lKTj*/ + color: #FFFFFF; /*reftcss|button|Link button text colour|JWv5ok5UKPbP9lKs*/ +} + + .rtButtonLink a:hover { + background-color: rgba(67,84,196,1); /*reftcss|button|Link button background colour hover|gtv0qB4db0u6J0Ah*/ + } + + +.fontsize-button { + margin-right: 4px; + border-color: #E0E0E0; + border-width: 1px; +} + + .fontsize-button A { + margin: 3px; + padding: 3px; + text-decoration: none; + border-width: 1px; + font-size: 0.9em; + background-color: #F5F5F5; /*reftcss|button|Font size button background colour|zTfhhH1mI0inl0ph*/ + border-style: solid; + border-color: #E0E0E0; /*reftcss| button|Font size button border colour|rwOxX7W43UODVRj5*/ + } + + .fontsize-button a:hover { + border-color: rgba(67,84,196,1) !important; /*reftcss| button|Font size button border colour hover|9faJMxsEOkm1Grfp*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Font size button background colour hover|lJnOBoYvrUif2kLn*/ + color: #FFFFFF; /*reftcss|button|Font size button text colour hover|eZkcPHbNIUGskMoJ*/ + } + + +/* Buttons used to expand and contract text areas */ + +*.xbutton { + /*padding: 1px;*/ + padding: 2px; + padding-bottom:13px; + margin: 2px; + display: block; + text-align: center; + vertical-align: central; + /*background-position: bottom;*/ + background: transparent; + border: 1px solid; + border-color: #555555; /*reftcss| button|Text area size button border colour|KZugER4CkqAf5ANT*/ + color: #333333; /*reftcss| button|Text area size button text colour|wglasPOAEmiCbv43*/ + cursor: pointer; + font-weight: normal; + text-decoration: none; + border-radius: 3px; + height: 14px; + width: 15px; + font-size: 0.9em; + font-family: 'Courier New', Courier, monospace; +} + +.xbutton:hover { + border-color: rgba(67,84,196,1) !important; /*reftcss| button|Text area size button border colour hover|W0Px2uNREm4LVXeT*/ + background-color: rgba(67,84,196,0.7); /*reftcss|button|Text area size button background colour hover|0eXrSodc0m6Vns3v*/ + color: #FFFFFF; /*reftcss|button|Text area size button text colour hover|eT7u99vr0v9OehqQ*/ +} + +/* END: Standard button */ + + +/* START Deskstat */ +/* controls style when cursor is over box */ +/* ds1: ON ds0: OFF */ + + +*.ds0 { +} + +*.ds1 { + background-color: rgba(238,238,238,0.3); /*reftcss|deskstat|Input cell background colour hover|kAroFmUjEmGrYleP*/ +} + +/* Used to highlight fields that need an input in deskstats */ +*.dsAlertCtrl { + border: 1px solid; + border-color: #C11C28; /*reftcss|deskstat|Deskstat input alert|yGREMJAhkadx4R9K*/ +} + +/* dshus: deskstats header used cells */ + +.dshus { + background: #E0E0E0; /*reftcss|deskstat|Column header background colour|EoRXYyDykGhUctyM*/ +} + + +*.dsBatchMode tr td { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|deskstat|Grid border colour - batch mode|vo05ybbHUSxldIBG*/ +} + +*.dsLiveMode tr td { + border: 1px solid; + border-color: #C0C0C0; /*reftcss|deskstat|Grid border colour - live mode|0P54hjoskovNBJFJ*/ +} + +/* END Deskstat */ +/* START miscellaneous */ + +*.selectListSubHeader { + font-size: 0.9em; + text-transform: uppercase; + color: #FFFFFF; /*reftcss|misc|Select list sub header text colour|zFJ6fSqTEuwJAwaP*/ + font-family: Arial, 'Microsoft Sans Serif'; + background-color: #555555; /*reftcss|misc|Select list sub header background colour|QWb9TVw80ao9g6eS*/ + font-style: italic; + height: 30px; + font-variant: small-caps; +} + +*.tgDateMissed { + color: #C11C28; /*reftcss|misc|Target date missed text colour|Gh7GN59UEeCw3kjj*/ +} + +*.tgDateProximate { + font-weight: bold; + color: #C11C28; /*reftcss|misc|Target date proximate text colour|38k8WfGUEITmHZND*/ +} + +*.sfList1 { + color: #689B3D; /*reftcss|misc|Staff list available text colour|6D3jmANUeWGGi2pi*/ +} + +*.sfList0 { + color: #C11C28; /*reftcss|misc|Staff list unavailable text colour|kcUUsDdkKk9Z4BOO*/ + /*font-style: italic;*/ +} + +.sfList0, .sfList1 { + background-color: #F5F5F5; /*reftcss|misc|Staff list background colour|kcUUsDdkKk9Z4BO1*/ +} + +/* used for {more] and {less] links for expanding and contracting long text */ + +*.viewText A { + font-size: 0.9em; + color: #4354C4 !important; /*reftcss|misc|More/Less link text colour|WbA57aTUKHXEx89S*/ + text-decoration: none; + margin-right: 5px; +} + + *.viewText A:hover { + text-decoration: underline; + } + + +/* Click to view question details */ +*.viewTextDots { + font-size: 0.9em; + color: #4354C4 !important; /*reftcss|misc|[...] link text colour|rjNyBzddrUaUQlUb*/ + text-decoration: none; + margin-right: 5px; +} + +*.alertText { + color: #C11C28; /*reftcss|misc|Alert text colour|2LMtknCKdUm6ZI5U*/ +} + +.allowperm { + color: #689B3D; /*reftcss|misc|Text colour for allowed functions|oqMGPcLqlUbRRgMB*/ + background-color: #F5F5F5; +} +/*#35630d;*/ +.disallowperm { + color: #C11C28; /*reftcss|misc|Text colour for disallowed functions|dRfBnUpvsEbd8dmY*/ + background-color: #F5F5F5; +} + +*.negative { + color: #C11C28; /*reftcss|misc|Text colour for negative values|idkbKIFj1kaWjg6r*/ +} + +*.exxml { + color: #C11C28; /*reftcss|misc|Text colour to highlight tags in XML display|Q9WQGLWdqE6OrDQx*/ +} + +/* used to highlight controls which have a validation error in grids */ + +*.gvhc { + background-color: rgba(238,238,238,0.5); /*reftcss|misc|Background colour to highlight fields in grids|3hV0pnUKZvgzMqUt*/ +} + +/* disabled */ + +*.dab { + color: #333333; /*reftcss|misc|Disabled text colour|Q91WAG0yg9Z4G2RQ*/ +} + + +#overlay { + background-color: rgba(0,0,0,0.2); + z-index: 999; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; +} + +/* +*.cookie { + font-style: italic; +} */ + + +.borderLess .rwTitle { + color: #555555 !important; /*reftcss|misc|Sub-window title text colour |g0U16a0m34JpqQvP*/ + font-weight: bold; +} + + +/* START miscellaneous */ + +/* Used for question number when presented as a hyperlink */ + +*.qno A { + font-size: 1em; + color: #C11C28 !important; /*reftcss|misc|Question number text colour|WFI1RF9xkEOwmb4e*/ + text-decoration: none; +} + + *.qno A:hover { + text-decoration: underline; + } + +/* copyright statement */ + +*.copyRight { + font-size: 0.8em; + color: #4354C4; /*reftcss|misc|Copyright statement text colour|DflpkK5vAESTUNSu*/ + /*margin-right:5px;*/ +} + +/* Select option styling for standard select lists */ +*.selopt { + font-style: italic; +} + + +*.pageTitle h1 { + vertical-align: baseline; + font-size: 1.0em; + color: #000001; /*reftcss|misc|Page title text colour|yYKusAoqz0CdOvjq*/ + display: inline; + font-family: Calibri; + vertical-align: baseline; + font-family: "Gotham Narrow Bold"; +} + +.prov200 .pageTitle{ + + font-size:1.5em; +} + +*.resLink A { + font-weight: normal; + font-size: 0.95em; + color: #C11C28 !important; /*reftcss|misc|Data url text colour|DFss58mI9kCGp1Nv*/ + text-decoration: underline !important; +} + + *.resLink A:hover { + font-style: normal; + text-decoration: underline; + } + +IMG.rgimage { + cursor: pointer; +} + +*.xmpTag { + font-size: 1.1em; + color: #4354C4; /*reftcss|misc|XMP Tag text colour|YkbhcQAhb0qfq0Jk*/ + font-family: Verdana, Arial, 'Microsoft Sans Serif'; +} + +/* START: Class for qprint templates */ + +.plainText { + font-size: 1em; + font-family: Arial, 'Times New Roman'; +} + +.headerText { + font-weight: bold; + font-size: 1.2em; + color: #555555; /*reftcss|misc|Qprint header text colour|ZIkWNc7tT0uVwVnM*/ + font-family: Arial, 'Times New Roman'; +} + +.labelText { + font-weight: bold; + font-size: 1em; + color: #333333; /*reftcss|misc|Qprint label text colour|j1rtgL9jm2s8UcXH*/ + font-family: Arial, 'Times New Roman'; +} + +.valueText { + font-size: 1em; + font-family: Arial, 'Times New Roman'; + color: #333333; /*reftcss|misc|Qprint value text colour|j1rtgLtmkCL8UcXH*/ +} + +.disclaimer { + font-size: 0.8em; + font-family: Arial; +} +/* END: Class for qprint templates */ + +/* Critical error displays */ + +*.appErrorPanel { + border-style: ridge; + border-width: 1px; + padding: 4px; + font-size: 0.97em; + margin: 10px; + background-color: #f2f2f2; /*reftcss|message|Error panel background colour|0Kq9JAZ4kil7WUx1*/ + color: #333333; /*reftcss|message|Error panel text colour|0Kqpo54qkil7WUx1*/ + text-align: left; +} + +*.appErrorHead { + font-weight: bold; + font-size: 1.4em; + background-color: #000001; /*reftcss|message|Error panel header background colour|JgULzJEGHlRLhqno*/ + color: #ffffff; /*reftcss|message|Error panel header text colour|okn63JEGHlRLhqno*/ + text-align: center; + vertical-align: central; +} + +/* START Results table */ + +table.resultsTable { + width: 100%; + border: 1px solid #E0E0E0; +} + + table.resultsTable th { + text-align: left; + border: 1px solid; + border-color: #E0E0E0; /*reftcss|table|Results table header border colour|zvIC3kW0itlxGhNo*/ + background-color: #E0E0E0; /*reftcss|table|Results table header background colour|ejRCv2K0CI8Ztdnj*/ + font-family: "Segoe UI", Arial, Helvetica, sans-serif; + font-size: 0.9em; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.resultsTable td { + border-style: solid; + border-width: 1px; + border-color: #E0E0E0; /*reftcss|table|Results table cell border colour|Sn144NESp0Ioxnxt*/ + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.resultsTable td td { + border-style: none; + } + + table.resultsTable tr:nth-child(even) { + background-color: #FFFFFF; /*reftcss|table|Results table even row background colour|tD5ZRBU2QWOuVxnp*/ + } + + table.resultsTable tr:nth-child(2n+3) { + background-color: #F5F5F5; /*reftcss|table|Results table odd row background colour|Y1CtmjUaiwkqKqMx*/ + } + + table.resultsTable tr:hover { + background-color: rgba(238,238,238,0.30) /*reftcss|table|Results table background colour hover|TqySuSUmJgMB2deq*/ + } + + table.resultsTable tr:first-child, table.resultsTable tr:first-child:hover { + } +/* END Results table */ + + +table.reallocatetable { + width: 100%; + border: 0px solid !important; + margin-bottom: 10px; +} + + table.reallocatetable th { + border-color: transparent !important; + background-color: #FFFFFF !important; /*reftcss|misc|Reallocate table header row background colour|GodldDYskuXZWfMg*/ + font-size: 1.0em; + border-bottom: 1px solid #E0E0E0 !important;/*reftcss|misc|Reallocate table header row bottom border colour|pk0Xly6YEpgMwTsY*/ + + } + + table.reallocatetable td { + border-right: 0px transparent; + border-left: 0px transparent; + } + + +/* START Edit lalyout table */ + +table.layoutEditTable { + margin-top: 10px; + border: 0px solid; + width: 100%; +} + + table.layoutEditTable th { + text-align: left; + background-color: transparent; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #E0E0E0; /*reftcss|table|Layout edit table bottom border colour|Ctqmcnpp9EiRvypA*/ + font-size: 1.05em; + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + + table.layoutEditTable td { + padding-left: 5px; + padding-right: 5px; + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; + } + + table.layoutEditTable tr:nth-child(even) { + background-color: transparent; + } + + table.layoutEditTable tr:nth-child(2n+3) { + background-color: transparent; + } + + table.layoutEditTable tr:hover { + background-color: rgba(238,238,238,0.30) /*reftcss|table|Layout edit table row background colour hover|72BSegQEyt9C9hl1*/ + } + + + /* even rows */ + + table.layoutEditTable tr.tblee { + background-color: #FFFFFF; + } + + /* odd rows */ + + table.layoutEditTable tr.tbleo { + background-color: #FFFFFF; + } + +/* END Edit lalyout table */ + +/* START Option List Table */ + +.tblopl { + background-color: #ffffff; + height: 42px; + padding: 10px; + border: 2px solid #000000; + border-radius: 0; + -webkit-border-radius:0px; + border-collapse: separate; + padding-left: 0px; +} + + .tblopl th { + text-align: left; + padding-left: 2px; + padding-bottom: 4px; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: transparent; + } + + .tblopl td { + padding: 2px 3px 2px 3px; + vertical-align: text-bottom; + } + + .tblopl td span { + font-size: 1.05em !important; + + } + + .tblopl td div{ + margin-right:3px; + } +.selradio { +} + +*.hlradio { +} + +.hlradio span { + /* color: #C11C28; */ + /*reftcss|optionTable|Option table selected item text colour hover|zrRrLBAUy6o5k4L8*/ +} + +.tbloplt { + border: 1px solid; + border-color: #555555; /*reftcss|optionTable|Option table header border colour|yJvzrnJUeUc4YXYk*/ + padding: 1px 0px 1px 0px; + background-color: #555555; /*reftcss|optionTable|Option table header background colour|7rcht3nEy6cfHmjT*/ + text-align: center; + color: #FFFFFF; /*reftcss|optionTable|Option table header text colour|yJrmrpdUH1BPzylS*/ + margin-bottom: 2px; +} + +.tbloptdis{ + + color:silver !important; + font-weight:normal !important; +} + +/* END Option List Table */ + +/* Security Table */ +/* -------------- */ + +/* User for password in prefs and login reft998 */ +table.tbllogin { + background-color: #f2f2f2; /*reftcss|authorisation|Login table background colour|bp5Q2MbEmOhHgBCz*/ + border-radius: 5px; + border-collapse: separate; /* NB Must be set to separate for border radius to work */ + border-width: 2px !important; + border-color: #e0e0e0 !important; /*reftcss|authorisation|Login table border colour|fAV3tMfM9kOXvrMC*/ + border-style: solid !important; + min-width: 320px !important; + max-width:320px; + margin: auto; +} + +table.tbllogin hr { + border-top-style: solid; + border-top-width: 1px; + border-bottom: solid 0px; + border-color: #e0e0e0 !important; /*reftcss|authorisation|Login table divider colour|fAV3t6v5c3sXvrMC*/ +} + + table.tbllogin span { + color: #555555 !important; /*reftcss|authorisation|Login table label text colour|fAVong5qc3sXvrMC*/ + font-weight: bold; + margin-right: 10px; + } + + table.tbllogin input{ + + font-size:1.2em; + + } + + table.tbllogin th { + padding: 15px !important; + text-align: center; + background-color: #f2f2f2; /*reftcss|authorisation|Login table header background colour|8Z64sx6YA0u6r51s*/ + font-family: Arial, Helvetica, sans-serif; + color: #555555; /*reftcss|authorisation|Login table header text colour|bsXXRFRhMEmoIEvP*/ + font-weight: bold; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + font-size: 1.8em; + padding-bottom: 27px !important; + + } + + table.tbllogin td { + vertical-align: text-bottom; + text-align: right; + padding-left:20px; + padding-right:40px; + padding-top:4px; + padding-bottom:4px; + } + +table.password { + background-color: #f2f2f2; + border-radius: 4px; + border-collapse: separate; + border-width: 1px !important; + border-color: #e0e0e0 !important; + border-style: solid !important; +} + + table.password th { + text-align: center; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + padding: 5px !important; + padding-bottom:12px !important; + padding-top:10px !important; + } + + table.password td { + vertical-align: text-bottom; + text-align: right; + padding-right:10px; + padding-top:5px; + padding-bottom:10px; + } + +/* Summary Table */ +/* used for question counts in reft400 */ + +.countsTable { + width: 100%; + margin-bottom: 8px; +} + + .countsTable th { + border-bottom: 1px solid #E0E0E0; /*reftcss|maintile|Counts table header underline colour|k8ulk9h7d4VOMmX9*/ + padding: 1px 1px 1px 1px; + } + + .countsTable td { + padding: 1px 1px 1px 1px; + vertical-align: text-bottom; + } + + +/* Highlight selected row in gridview */ + +table.tbltr tr.gvsr { + /*background-color: #E0E0E0;*/ +} + +/* history display */ + +*.histcntr { + width: 100%; + border: 0px solid; + margin-bottom: 20px; + padding-bottom: 5px; +} + +.hyline /* history tab line */ { + border-top-style: dotted; + border-top-width: 1px; + border-top-color: transparent; + padding-top: 10px; + padding-bottom: 10px; +} + +/* Message area */ + +*.msgAreaContainer { + /*margin-bottom:10px;*/ + font-size: 10px; + background-color: #F1F1F1 /*reftcss|message|Message area background colour|tHoaVzn70KBOicE3*/ +} + +*.msgAreaInfo { + border-right: 0px; + border: none !important; + padding-bottom: 10px; + /* padding-top: 50px; */ + background-color: white; +} + +*.msgAreaInstruction { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #4354C4; /*reftcss|message|Message area, Type: instruction, left border colour|RBeBnIUmUewXRm5D*/ + border-right: 0px; + padding-bottom: 10px; + padding-top: 20px; + padding-left: 20px; + background-color: transparent; +} + +*.msgAreaValidation { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #f00000; /*reftcss|message|Message area, Type: validation, left border colour|rjqGUFykCcXahtH7*/ + border-right: 0px; + padding-bottom: 1px; + padding-top: 30px; + padding-left: 30px; + padding-right: 20px; + background-color: transparent; +} + + +*.msgAreaSuccess { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #4daf4e; /*reftcss|message|Message area, Type: success, left border colour|rjqGUFoncewahtH7*/ + border-right: 0px; + padding-bottom: 10px; + padding-top: 20px; + padding-left: 20px; + background-color: transparent; +} + +*.msgAreaAlert { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #ffcd00; /*reftcss|message|Message area, Type: alert, left border colour|WOxGzdDUaMX23vTH*/ + border-right: 0px; + padding-bottom: 10px; + padding-top: 20px; + padding-left: 20px; + background-color: transparent; +} + +*.msgAreaQsumm { + border-style: solid; + border-top: 0px; + border-bottom: 0px; + border-left: 37px solid; + border-left-color: #555555; /*reftcss|message|Message area, Type: question summary, left border colour|JP5jAIm8U6MHhJlP*/ + border-right: 0px; + padding-bottom: 10px; + padding-top: 20px; + padding-left: 20px; + background-color: transparent; +} + + +/* START Classes used to display email content in reft601 */ + +#emsrchdr { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|misc|Email display header border colour|tn1Zmvta0G4lYydJ*/ + font-family: Arial, Helvetica, sans-serif; + font-size: 0.8em; + background-color: #F5F5F5; /*reftcss|misc|Email display header background colour|7EEKwO4JUvMh3H4T*/ + padding: 5px; +} + +#emsrcatts { + font-family: Arial, Helvetica, sans-serif; + font-size: 0.9em; +} + + +*.emsTitle { + font-family: Arial, Helvetica, sans-serif; + font-size: 0.9em; + font-weight: bold; + padding-top: 5px; +} + +*.frame { + margin: 0; + padding: 0; + height: 100%; + display: block; + width: 100%; + border: 1px solid #E0E0E0; +} +/* END Classes used to display email content in reft601 */ + +.logoffTable { + border: 1px solid #E0E0E0; + background-color: #FFFFFF; /*reftcss|authorisation|Logoff panel background colour|JcNT4hkSPmr3dylT*/ +} + + .logoffTable th { + padding: 2px 3px 3px 2px; + text-align: center; + background-color: #C11C28; /*reftcss|authorisation|Logoff panel header background colour|9Jo006keTrbqty0s*/ + font-family: Arial, Helvetica, sans-serif !important; + color: #FFFFFF !important; /*reftcss|authorisation|Logoff panel header text colour|8Of6jG0SsKe0fuBH*/ + font-weight: bold !important; + } +/* Used in logoff panel */ + +*.faintLink { + color: #E0E0E0; +} + + *.faintLink A { + color: #555555; + text-decoration: none; + font-style: italic; + } + + *.faintLink A:hover { + font-style: italic; + text-decoration: underline; + } + + +/* Quick Text */ + +*.qtlabel { + font-weight: bold; + color: #333333; /*reftcss|quickText|Quicktext name label text colour|QEmXdE8k6vN2Q0bd*/ + margin-bottom: 3px; +} + +*.qtclause { + margin-top: 0px; + font-size: 0.97em; + color: #333333; /*reftcss|quickText|Quicktext clause text colour|TPRcZ9Zk6q91BInd*/ + font-weight: normal; + border-bottom: 1px solid #E0E0E0; /*reftcss|quickText|Quicktext clause bottom border colour|2ZMCuYGk6Dka9IGk*/ + padding-bottom: 3px; + padding-right: 3px; + margin-bottom: 3px; +} + +*.qtcontrols { + background-color: #F5F5F5; /*reftcss|quickText|Quicktext control area background colour|QSAaaVUWWvhraUud*/ + margin-bottom: 8px; + border-radius: 5px; + width: 100% !important; + height: 40px; +} + +*.qtsearch { + font-size: 1.3em; + font-weight: bold; + margin-left: 10px; + margin-right: 5px; + display: block; + padding: 3px; + border: 1px solid transparent; +} + + *.qtsearch:hover { + background-color: rgba(67,84,196,0.1); /*reftcss|quickText|Search symbol background colour hover |yzJOlbd0lqE0jvuq*/ + border: 1px solid rgba(67,84,196,0.25); /*reftcss|quickText|Search symbol border colour hover |yzJk8be4lqE0jvuq*/ + } + + *.qtsearch A { + text-decoration: none; + } + + *.qtsearch A:hover { + } + + +/* START Client search */ + +.qera { + /* question era - client search template */ + clear: both; + margin-top: 1.5rem; + font-size: 0.6rem; + font-weight: bold; +} +/* These styles used for the display of search results in reft290 */ + +*.clsrchdb { + border: 1px solid; + border-color: transparent; + background-color: rgba(67,84,196,0.75); /*reftcss|clientSearch|Database type DDL background color|AY2wz3w6kWqrIUbU*/ + color: #FFFFFF; /*reftcss|clientSearch|Database type DDL text color|aqRsRgGPkeDxuW1I*/ + height: 26px; +} + +*.clsrchinput { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|clientSearch|Search input box border colour|w6eYMsp7UrCVZ1WS*/ + border-left: 1px solid transparent !important; + height: 22px; + font-size: 1.1em; + color: #333333; /*reftcss|clientSearch|Search input box text colour|fNZmqtGy02oaKYvr*/ + background-color: transparent; + padding-left: 7px; + padding-top: 1px; + padding-bottom: 1px; + font-weight: bold; +} + +*.clsearchfldind { + font-size: 1.2em; + color: #C11C28; /*reftcss|clientSearch|KB/FAQ search results field indicator letter text colour|0igc20l6b4sHFWAA*/ + font-weight: bold; +} + + +*.clsrchbutton { + height: 26px; + margin-right: 10px !important; +} + + +/* END Client search */ + +/* Search */ + +*.searchWord { + color: #C11C28; /*reftcss|search|Search word highlight text colour|rYPqCiTj6EaYZznu*/ + background-color: #EEEEEE; /*reftcss|search|Search word highlight background colour|vMwE8zSGKk6K7SAn*/ +} + +/* Caclulated score for a word search - used for debug display only */ +*.relevancy { + font-family: Verdana, Geneva, Tahoma, sans-serif; + color: Navy; + font-size: 0.9em; +} + +/* Search criterial label standard*/ +*.srchLabelStandard { + color: #333333 !important; /*reftcss|search|Search criteria field label text colour|qseBTQOsL0yZ9kM2*/ +} + +/* Search criteria row */ +*.srchCriteriaRow { + height: 21px; +} + +/* Search criteria set (Word, General Question etc) */ +*.srchCriteriaSet { + border: 1px solid; + border-color: #E0E0E0; /*reftcss|search|Search criteria set border colour|2sMKaQik67SANrDr*/ + margin: 3px; + padding: 2px 2px 8px 6px; + background-color: #FFFFFF !important; /*reftcss|search|Search criteria set background colour|YNQN4TBEOzfGWBtY*/ + clear: left; + border-radius: 8px; +} + +/* continued label */ + +*.srchContinued { + text-align: right; + margin-bottom: 8px; + font-style: italic; + padding-right: 10px; + font-size: 0.85em; +} + +/* Search criteria set Title */ + +*.srchCriteriaTitle { + font-family: Arial, Helvetica, sans-serif; + font-size: 1.3em; + font-weight: bold; + color: #C11C28; /*reftcss|search|Search criteria title text colour|DRKogplUWIhAGxp1*/ + margin-top: 2px; + padding-bottom: 0px; + padding-top: 0px; + background-color: transparent; +} + +/* Search criteria control */ +*.srchCtrl { + padding-left: 3px; + border-left-style: solid; + border-left-width: 2px; + border-left-color: transparent; +} + +/* Search criteria controld with value selected */ + +*.srchCtrlDef { + border-left-color: #4354C4 !important; /*reftcss|search|Search control value is set flag left border colour|nE5PGhEC7t11ISYI*/ + border-left-style: solid; + border-left-width: 2px; +} + +/* default item in context menu */ + +*.defContextMenuItem { + font-weight: bold; +} + +/* Symbol before links in control line */ +*.controlLinkSymbol img { + margin-right: 5px; +} + +/* Items selected for a check box list */ +*.cblSelected { + font-style: italic; + font-size: 0.85em; + word-break: normal; + word-wrap: break-word; /* width: 200px; */ + margin-left: 2px; + margin-top: 3px; + margin-bottom: 2px; + color: #4354C4; /*reftcss|search|Search criteria control - selected checkbox items display text colour|TEJ9eGCkKCukqKRn*/ + padding-bottom: 0px; +} + + +/* START Home page tiles */ +.tilecontent { + background-color: #FFFFFF; /*reftcss|maintile|Home tile background colour|k8ulVMWE2JVOMmX9*/ + border: 1px solid; + border-color: #E0E0E0; /*reftcss|maintile|Home tile border colour|DZhSHtzkOc41ntf8*/ + margin: 9px; + border-radius: 10px; +} + +.tilesmall { + min-height: 175px; +} + +.tilelarge { + min-height: 371px; +} + +.tileHead { + color: #555555 !important; /*reftcss|maintile|Home tile header text colour|7eyBxLh0efiHccMs*/ + background-color: transparent; + font-size: 1.1em; + font-weight: bold; + height: 22px; + padding-top: 10px; + vertical-align: middle; + padding-left: 9px; + margin-bottom: 8px; +} + +.summChartLabels td { + /* This year, Last Year etc */ + color: #555555; /*reftcss|maintile|Summary chart legend colour|7eyBxLkb3dazccMs*/ +} + + +.summChartEntry tr:nth-child(2) td { + /* Text value */ + + color: #4354C4; /*reftcss|maintile|Summary chart label colour|7elohy633dazccMs*/ +} + +.summChartEntry tr:nth-child(3) td { + /* Column chart column backround */ + background-color: #4354C4; /*reftcss|maintile|Summary chart column colour|7eylnbde */ +} + + +.tileSymbol { + display: none +} + +.tileImage { + display: inline-block; +} + +.tileTitle { + padding-left: 8px; +} + +.tilebody { + padding: 10px; +} + +*.tileover { + border: 1px solid; + border-color: rgba(67,84,196,0.75); /*reftcss|maintile|Home tile border colour hover|hleLaOo2UEyEajRn*/ +} + + +/* END Home page tiles */ + +div.RadGrid .rgAltRow, div.RadGrid .rgAltRow td { + background: #F5F5F5; /*reftcss|misc|Paged grid odd row background colour|4djpMIE2R9cLRTPj*/ +} + +.resLab { + display: block; + margin-bottom: 5px; + margin-left: 5px; + margin-top: 4px; +} + +.resText { + width: 80% !important; +} + +.resCheck { + margin-right: 13px; +} + +.resCont { + padding-bottom: 4px; + border: 1px solid transparent; +} + +.resMaster { +} + +.resCell div { +} + + .resCell div:hover { + background-color: rgba(238,238,238,0.25); /*reftcss|misc|Resource entry panel background colour hover|gayqpGEt0m71DJHG*/ + border: 1px solid; + border-color: #E0E0E0; /*reftcss|misc|Resource entry panel border colour hover|HRgNRLIJEK7ctbdp*/ + } + +.resCell:hover { + font-weight: bold; +} + +.openinsubwinsym { + margin-left: 3px; +} + +*.openinsubwin A { + font-size: 1em; + text-decoration: none; + margin-left: 5px; + font-weight: normal; +} + +.openinsubwin :hover { + background-color: rgba(67,84,196,0.25) !important; /*reftcss|menu|Open in a sub-window background colour hover|LDuNxgmOkonnAaEo*/ +} + + + + +/* Action Bar */ + +#uimnu300 .rmText a.rmLink, #uimnu300 .rmText img { + display: inline-block !important; +} + +#abar { + background-color: #F5F5F5; /*reftcss|menu|Action bar background colour|GkLJQZ0EaBWd9HCR*/ + font-size: 1em; + width: 100%; + padding-bottom: 28px; +} + +*.abarph { + font: normal 1em/1.6em Arial; + color: transparent; +} + +#abar table { +} + +#abar td { +} + +*.abarbox { + border: 1px solid transparent; + margin-right: 4px; + margin-left: 4px; + font-size: 1em; +} + +/* MENU BAR */ + +/* https://www.telerik.com/support/kb/aspnet-ajax/menu/details/hide-icon-column-in-radmenu*/ + +*.mbarph { + font: normal 1em/1.6em; + font-family: 'Segoe UI',Arial; + color: inherit; +} + + +#mbar { + background-color: #F5F5F5; /*reftcss|menu|Menu bar background colour|k3KHX3UWw5o42SWD*/ + font-size: 1em !important; + padding-top: 10px; + width: 100%; +} + +div#mbar.clientProvince { + border-bottom: 1px solid #E0E0E0; /*reftcss|menu|Menu bar background colour|8LEPUukm43MFFFpx*/ + display: none; +} + + + + + + + +/* Position the menu item so that the menu image column is not used by moving 24px to left */ +/* The reftMenuLinkContainer class is used for menu items with a open in a sub-window link */ +/* The other is used for standard menu items */ +/* set the rmLeftImage display to none so that any images in the menu item are not displayed */ + +.RadMenu_RefTracker .reftMenuLinkContainer { + margin: 0 0 0 -24px !important; +} + +.RadMenu_RefTracker .rmGroup .rmLink .rmText { + margin: 0 0 0 -24px !important; +} + +.RadMenu_RefTracker .rmLeftImage { + display: none; +} + +.RadMenu_RefTracker .rmGroup .rmItem { + width: auto !important; +} + +/* Both action and menu */ +.RadMenu ul.rmRootGroup { + display: block; /* !important; */ +} + +.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink { + display: block !important; +} + +.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup, .RadMenu.RadMenu_RefTracker { + outline: none; +} + + +.RadMenu { +} + +/* Horizontal menu - used for Chart Links in workload overview of reft400 */ + +.refthzmenu li a { + color: #4354C4; /*reftcss|menu|Horizontal menu item link colour|QJHgx0BfxUqHFWAA*/ +} + + .refthzmenu li a:hover { + text-decoration: underline; + } + +.reftvrmenu li a { + color: #4354C4; /*reftcss|menu|Vertical menu item link colour|QJHgx0Bfhew321AA*/ +} + +.reftvrmenu { + margin-top: 20px; +} + + + .reftvrmenu li a:hover { + text-decoration: underline; + } + + .reftvrmenu img { + margin-right: 6px; + } + + .reftvrmenu ul { + list-style-type: none; + margin: 0; + padding: 0; + } + +.refthzmenu li { + float: left; +} + +.reftvrmenu li a { + padding-right: 10px; + text-decoration: none; +} + +.jtotCombined{ + + font-weight:bold; + font-style:italic; +} + +.jtotPrimary{ + font-weight:bold; +} + +.jtotSub{ + font-weight:normal; +} + +.jspecial, .jspecial select, .jspecial input { + color: #C11C28; /*reftcss|misc|Highlight colour for journal payment values|QJ98nd4wmew321AA*/ +} + +.jentryTable{ + margin-top:0px !important; +} + + .jentryTable .reqfldimg { + vertical-align: central; + margin-bottom: 3px; + margin-left: 2px; + } + +.jtotheader .rtsflab { + margin-right: 1px; +} + +.jtotheader .rtsftxt { + margin-right: 8px; +} + + + + .jtotsublabel .jtotPrimary{ + font-weight:normal !important; + +} + + +.jtotsublabel .rtsflab { + margin-right: 1px; + margin-left: 5px; + font-weight: normal !important; +} + +.jtotsublabel .rtsftxt { + margin-right: 6px; + font-weight: normal !important; +} + + + +@media screen and (max-width: 768px) +{ + table.tbllogin { + max-width: 800px; + width: 80%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 40px; + } + table.tbllogin td { + padding: 4px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 2rem !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 2rem; + } + + /*#pgciident, #pgcipword { + width:70% ; + }*/ + + #pgriltbtrow input { + font-size: 2rem !important; + height: auto !important; + margin-top: 20px !important; + width: 150px !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + } + + #pgriltrmrow #uicirmbme { + font-size: 2.5rem; + } + + #pgrirmnr span { + font-size: 2rem; + } +} + +@media screen and (max-device-width:1024px) +{ + + #pgobman table#errorTable tr{ + display: block; + } + + #pgobman table#errorTable td { + clear: left; + display: block; + font-size: 1.5rem !important; + margin: 0 auto; + max-width: 500px; + text-align: center; + width: 75% !important; + } + + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 2rem; + padding-bottom: 20px !important; + } + #pgriltpwrow span, #pgriltidrow span{ + font-size: 1.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin td { + padding: 8px 10%; + } + + #pgriltdivrow td { + padding: 0; + } + + table.tbllogin input { + font-size: 1.5rem; + } + + /*#pgciident, #pgcipword { + width:70% + }*/ + + #pgriltbtrow input { + font-size: 1.5rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 10px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(2); + } + + #pgrirmnr span { + font-size: 1.5rem; + } +} + +@media screen and (max-device-width:768px) +{ + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 20px !important; + } + table.tbllogin td { + padding: 6px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 1.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 1.5rem; + } + + /*#pgciident, #pgcipword { + width:70% ; + }*/ + + #pgriltbtrow input { + font-size: 1.5rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 10px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 1.5rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(2); + } + + #pgrirmnr span { + font-size: 1rem; + } +} + +@media screen and (max-device-width: 568px) +{ + #pgriltrmrow span { + font-size: 1rem !important; + } +} + +@media screen and (max-device-width: 568px) +{ + table.tbllogin { + max-width: 600px; + width: 85%; + } + table.tbllogin th { + font-size: 3rem; + padding-bottom: 20px !important; + } + table.tbllogin td { + padding: 12px 10%; + } + + #pgriltpwrow span, #pgriltidrow span{ + font-size: 2.5rem !important; + margin-right: 20px !important; + } + #pgrilthrow span { + margin-right: 0; + } + + table.tbllogin input { + font-size: 2.5rem; + } + + #pgciident, #pgcipword { + width:50% !important; + } + + #pgriltbtrow input { + font-size: 2rem !important; + height: auto !important; + margin: 10px auto !important; + padding: 20px; + text-transform: uppercase; + width: 100% !important; + } + + #pgriltrmrow span { + font-size: 2rem !important; + margin-right: 25px; + } + + #pgriltrmrow #uicirmbme { + /* font-size: 2.5rem; */ + transform: scale(3); + } + + #pgrirmnr span { + font-size: 2rem; + } +} \ No newline at end of file diff --git a/widget.reftracker - ORIGINAL.css b/widget.reftracker - ORIGINAL.css new file mode 100644 index 0000000..c20b92f --- /dev/null +++ b/widget.reftracker - ORIGINAL.css @@ -0,0 +1,233 @@ +.rtqqwg_cls_form { + background-color: transparent !important; + cursor: default; + width: 390px; + color: #708090; /*reftcss|qqwidget|Form text colour|P9u79np98nhfrx49*/ + /*border: 1pt solid blue; + border-radius:10px;*/ +} + + .rtqqwg_cls_form.rtqqwg_cls_popup { + position: fixed; + right: 60px; + bottom: 100px; + z-index: 50; + } + + .rtqqwg_cls_form.rtqqwg_cls_embedded { + position: relative !important; + } + +.rtqqwg_cls_header { + overflow: hidden; + color: #ffffff; /*reftcss|qqwidget|Header text colour|P9u7bd9876g5PIC9*/ + font-family: Verdana,Arial; + font-size: 15px; + clear: left; + background-color: rgba(159,166,23,1); /*reftcss|qqwidget|Header background colour|nh75d39876g5PIC9*/ + border-top-left-radius: 10px; + border-top-right-radius: 10px; + border: 1px solid; + border-color: rgba(159,166,23,1); /*reftcss|qqwidget|Header border colour|nh75d398pnc53aC9*/ + border-bottom: 0pt !important; + height: 50px; + padding-top: 10px; +} + +.rtqqwg_cls_htext { + display: block; + float: left; + width: 80%; + color: inherit; + background-color: inherit; + text-indent: 15px; +} + .rtqqwg_cls_htext span { + color: inherit; + background-color: inherit; + font: inherit !important; + text-transform: uppercase; + font-weight: 800; + } + +.rtqqwg_cls_hclose { + display: block; + float: left; + width: 20%; + background-color: inherit; + color: inherit; + text-align: right; +} + + .rtqqwg_cls_hclose input { + background-color: inherit; + border: solid 1pt #E0E0E0; /*reftcss|qqwidget|Close icon border colour|P9u79nbvc5g5PIC9*/ + margin-right: 12px; + color: inherit; + font-weight: bold; + height: 30px; + border-radius: 5px; + } + + .rtqqwg_cls_hclose input:hover { + border-color: #ffffff; /*reftcss|qqwidget|Close icon border colour hover|P9u79npoi765PIC9*/ + } + +#rtqqwg_zone_body { + padding-top: 10px; + background-color: #ffffff; /*reftcss|qqwidget|Form body background colour|P9po84cxq765PIC9*/ + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + font-family: Verdana,Arial; + font-size: 14px; + border-left: 1px solid; + border-bottom: 1px solid; + border-right: 1px solid; + border-color: #e0e0e0; /*reftcss|qqwidget|Form body border colour|P9po89m6v4f5PIC9*/ +} + +#rtqqwg_zone_entry, #rtqqwg_zone_result { + padding-bottom: 20px; + background-color: inherit; + margin-left: 12px; + margin-right: 12px; +} + +.rtqqwg_cls_text { + margin-bottom: 10px; +} + + .rtqqwg_cls_text p, .rtqqwg_cls_text span { + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0px; + margin-right: 0px; + font-size: inherit !important; + color: inherit !important; + } + +#rtqqwg_zone_result { + text-align: center; + margin-bottom: 10px; + padding-bottom: 10px; +} + +.rtqqwg_cls_embedded #rtqqwg_zone_result { + border-bottom: 1px solid grey; +} + +#rtqqwg_zone_result_success { + margin-top: 20px; + padding-bottom: 20px !important; +} + +#rtqqwg_msg_result_success { + font-weight: bold !important; +} + + + +#rtqqwg_msg_result_failed, #rtqqwg_msg_val, .rtqqwg_cls_err { + color: rgba(193,28,20,1) !important; /*reftcss|qqwidget|Error/Validation message text colour|P9u09nmz3wdtrx49*/ +} + +#rtqqwg_msg_val { + margin-top: 5px; + margin-bottom: 3px; + font-size: 11px !important; +} + +.rtqqwg_cls_err { + background-color: rgba(193,28,20,0.1) !important; /*reftcss|qqwidget|Field error highlight background colour|P987vr4zpwdtrx49*/ + border: 1px dashed !important; + border-color: rgba(193,28,20,1) !important; /*reftcss|qqwidget|Field error highlight border colour|P9pplew3cawdtrx49*/ +} + +.rtqqwg_cls_entry input, .rtqqwg_cls_entry textarea { + width: 98%; + border-radius: 5px; + border: 1px solid #d4d4d4; /*reftcss|qqwidget|Form field border colour|P9u7976bcgdtrx49*/ + margin-bottom: 12px; + padding-left: 8px; + color: inherit; + font-family: inherit !important; +} + +.rtqqwg_cls_entry textarea { +} + +.rtqqwg_cls_entry input { + height: 40px; +} + +.rtqqwg_cls_button { + text-align: center; +} +.rtqqwg_cls_author { + text-align: center; + font-size:8px; +} + .rtqqwg_cls_button input { + width: 150px; + } + +.rtqqwg_cls_btnenb { + border-radius: 5px; + background-color: rgba(159,166,23,0.8); /*reftcss|qqwidget|Send button background colour|P7bcm0qzcgdtrx49*/ + color: #ffffff; /*reftcss|qqwidget|Send button text colour|Pkijuhy7cgdtrx49*/ + border: 1px solid rgba(159,166,23,1); /*reftcss|qqwidget|Send button border colour|ong6rx3bcgdtrx49*/ + height: 30px; +} + + .rtqqwg_cls_btnenb :hover { + background-color: rgba(159,166,23,1); /*reftcss|qqwidget|Send button background colour hover|P9u7976blnf43cx9*/ + } + +.rtqqwg_cls_btndsb { + border-radius: 5px; + background-color: #d4d4d4; /*reftcss|qqwidget|Send button (disabled) background colour|P7b7bcfet5dtrx49*/ + color: #ffffff; /*reftcss|qqwidget|Send button (disabled) text colour|ongnb8uhvde3rx49*/ + border: 1px solid #d4d4d4; /*reftcss|qqwidget|Send button (disabled) border colour|ongnbhgt65dtrx49*/ + height: 30px; +} + +#rtqqwg_img_wait { + position: absolute; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +/* This is the div that contains the launch button */ + +#rtemu_zone_initiator { + height: 0; + bottom: 7px; + position: fixed; + right: 1.5%; + z-index: 10; + height: 36px; + width: 230px; + border-radius: 5px; + background-color: #ffffff; +} + +/* This is the button that shows the widget */ +#rtqqwg_btn_show { + height: 36px; + font-size: 100%; + text-align: center; + width: 100%; + background: rgba(159, 166, 23, 0.8); /*reftcss|qqwidget|Show button background colour|Ajn5rdxwu3guPIC9*/ + color: #ffffff; /*reftcss|qqwidget|Show button text colour|Ajn5rlm87dh5PIC9*/ + border-radius: 5px; + border: 1px solid rgba(159, 166, 23, 1) /*reftcss|qqwidget|Show button border colour|Ajn5l87654guPIC9*/ +} + + #rtqqwg_btn_show:hover { + background-color: rgba(159, 166, 23, 1); /*reftcss|qqwidget|Show button hover colour|Ajn5lk9876g5PIC9*/ + cursor: pointer; + color: #ffffff; /*reftcss|qqwidget|Show button hover text colour|A0oknv54a6g5PIC9*/ + } diff --git a/widget.reftracker.css b/widget.reftracker.css new file mode 100644 index 0000000..c20b92f --- /dev/null +++ b/widget.reftracker.css @@ -0,0 +1,233 @@ +.rtqqwg_cls_form { + background-color: transparent !important; + cursor: default; + width: 390px; + color: #708090; /*reftcss|qqwidget|Form text colour|P9u79np98nhfrx49*/ + /*border: 1pt solid blue; + border-radius:10px;*/ +} + + .rtqqwg_cls_form.rtqqwg_cls_popup { + position: fixed; + right: 60px; + bottom: 100px; + z-index: 50; + } + + .rtqqwg_cls_form.rtqqwg_cls_embedded { + position: relative !important; + } + +.rtqqwg_cls_header { + overflow: hidden; + color: #ffffff; /*reftcss|qqwidget|Header text colour|P9u7bd9876g5PIC9*/ + font-family: Verdana,Arial; + font-size: 15px; + clear: left; + background-color: rgba(159,166,23,1); /*reftcss|qqwidget|Header background colour|nh75d39876g5PIC9*/ + border-top-left-radius: 10px; + border-top-right-radius: 10px; + border: 1px solid; + border-color: rgba(159,166,23,1); /*reftcss|qqwidget|Header border colour|nh75d398pnc53aC9*/ + border-bottom: 0pt !important; + height: 50px; + padding-top: 10px; +} + +.rtqqwg_cls_htext { + display: block; + float: left; + width: 80%; + color: inherit; + background-color: inherit; + text-indent: 15px; +} + .rtqqwg_cls_htext span { + color: inherit; + background-color: inherit; + font: inherit !important; + text-transform: uppercase; + font-weight: 800; + } + +.rtqqwg_cls_hclose { + display: block; + float: left; + width: 20%; + background-color: inherit; + color: inherit; + text-align: right; +} + + .rtqqwg_cls_hclose input { + background-color: inherit; + border: solid 1pt #E0E0E0; /*reftcss|qqwidget|Close icon border colour|P9u79nbvc5g5PIC9*/ + margin-right: 12px; + color: inherit; + font-weight: bold; + height: 30px; + border-radius: 5px; + } + + .rtqqwg_cls_hclose input:hover { + border-color: #ffffff; /*reftcss|qqwidget|Close icon border colour hover|P9u79npoi765PIC9*/ + } + +#rtqqwg_zone_body { + padding-top: 10px; + background-color: #ffffff; /*reftcss|qqwidget|Form body background colour|P9po84cxq765PIC9*/ + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + font-family: Verdana,Arial; + font-size: 14px; + border-left: 1px solid; + border-bottom: 1px solid; + border-right: 1px solid; + border-color: #e0e0e0; /*reftcss|qqwidget|Form body border colour|P9po89m6v4f5PIC9*/ +} + +#rtqqwg_zone_entry, #rtqqwg_zone_result { + padding-bottom: 20px; + background-color: inherit; + margin-left: 12px; + margin-right: 12px; +} + +.rtqqwg_cls_text { + margin-bottom: 10px; +} + + .rtqqwg_cls_text p, .rtqqwg_cls_text span { + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0px; + margin-right: 0px; + font-size: inherit !important; + color: inherit !important; + } + +#rtqqwg_zone_result { + text-align: center; + margin-bottom: 10px; + padding-bottom: 10px; +} + +.rtqqwg_cls_embedded #rtqqwg_zone_result { + border-bottom: 1px solid grey; +} + +#rtqqwg_zone_result_success { + margin-top: 20px; + padding-bottom: 20px !important; +} + +#rtqqwg_msg_result_success { + font-weight: bold !important; +} + + + +#rtqqwg_msg_result_failed, #rtqqwg_msg_val, .rtqqwg_cls_err { + color: rgba(193,28,20,1) !important; /*reftcss|qqwidget|Error/Validation message text colour|P9u09nmz3wdtrx49*/ +} + +#rtqqwg_msg_val { + margin-top: 5px; + margin-bottom: 3px; + font-size: 11px !important; +} + +.rtqqwg_cls_err { + background-color: rgba(193,28,20,0.1) !important; /*reftcss|qqwidget|Field error highlight background colour|P987vr4zpwdtrx49*/ + border: 1px dashed !important; + border-color: rgba(193,28,20,1) !important; /*reftcss|qqwidget|Field error highlight border colour|P9pplew3cawdtrx49*/ +} + +.rtqqwg_cls_entry input, .rtqqwg_cls_entry textarea { + width: 98%; + border-radius: 5px; + border: 1px solid #d4d4d4; /*reftcss|qqwidget|Form field border colour|P9u7976bcgdtrx49*/ + margin-bottom: 12px; + padding-left: 8px; + color: inherit; + font-family: inherit !important; +} + +.rtqqwg_cls_entry textarea { +} + +.rtqqwg_cls_entry input { + height: 40px; +} + +.rtqqwg_cls_button { + text-align: center; +} +.rtqqwg_cls_author { + text-align: center; + font-size:8px; +} + .rtqqwg_cls_button input { + width: 150px; + } + +.rtqqwg_cls_btnenb { + border-radius: 5px; + background-color: rgba(159,166,23,0.8); /*reftcss|qqwidget|Send button background colour|P7bcm0qzcgdtrx49*/ + color: #ffffff; /*reftcss|qqwidget|Send button text colour|Pkijuhy7cgdtrx49*/ + border: 1px solid rgba(159,166,23,1); /*reftcss|qqwidget|Send button border colour|ong6rx3bcgdtrx49*/ + height: 30px; +} + + .rtqqwg_cls_btnenb :hover { + background-color: rgba(159,166,23,1); /*reftcss|qqwidget|Send button background colour hover|P9u7976blnf43cx9*/ + } + +.rtqqwg_cls_btndsb { + border-radius: 5px; + background-color: #d4d4d4; /*reftcss|qqwidget|Send button (disabled) background colour|P7b7bcfet5dtrx49*/ + color: #ffffff; /*reftcss|qqwidget|Send button (disabled) text colour|ongnb8uhvde3rx49*/ + border: 1px solid #d4d4d4; /*reftcss|qqwidget|Send button (disabled) border colour|ongnbhgt65dtrx49*/ + height: 30px; +} + +#rtqqwg_img_wait { + position: absolute; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +/* This is the div that contains the launch button */ + +#rtemu_zone_initiator { + height: 0; + bottom: 7px; + position: fixed; + right: 1.5%; + z-index: 10; + height: 36px; + width: 230px; + border-radius: 5px; + background-color: #ffffff; +} + +/* This is the button that shows the widget */ +#rtqqwg_btn_show { + height: 36px; + font-size: 100%; + text-align: center; + width: 100%; + background: rgba(159, 166, 23, 0.8); /*reftcss|qqwidget|Show button background colour|Ajn5rdxwu3guPIC9*/ + color: #ffffff; /*reftcss|qqwidget|Show button text colour|Ajn5rlm87dh5PIC9*/ + border-radius: 5px; + border: 1px solid rgba(159, 166, 23, 1) /*reftcss|qqwidget|Show button border colour|Ajn5l87654guPIC9*/ +} + + #rtqqwg_btn_show:hover { + background-color: rgba(159, 166, 23, 1); /*reftcss|qqwidget|Show button hover colour|Ajn5lk9876g5PIC9*/ + cursor: pointer; + color: #ffffff; /*reftcss|qqwidget|Show button hover text colour|A0oknv54a6g5PIC9*/ + }