* {border:0;margin:0;padding:0;font-size:16px;line-height:150%;font-family: 'Raleway', sans-serif;font-size:10pt;} .clearBoth {clear:both;} .bold {font-weight:bold;} .left {float:left!important;} .moveText {position:relative;top:20px;} .spacer {clear:both;height:30px;width:100%;} .popupWrapper {width:50%;text-align:center;padding:0 0 25px 0;border:solid #ed1c26 2px!important;-webkit-box-shadow: 0px 0px 60px 40px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 60px 40px rgba(0,0,0,0.7); box-shadow: 0px 0px 60px 40px rgba(0,0,0,0.7);} .popupWrapper textarea {width:70%;height:200px;} .popupWrapper h2 {margin:0} .failureNotification {text-align:center;} .alignCenter {text-align:center!important;} /* COLOR SPEC - ALL MUST GO UP HERE FOR COLOURS ###############################################################*/ body {background:#e5e5e5;padding-top:70px;} b {color:#ed1c26;} .inputButton {background: #ed1c26;color:#ffffff;border:solid 1px #565656;} .smallButton {background: #ed1c26;color:#ffffff;border:solid 1px #565656;} .smallButton a {color:#ffffff;} nav ul li a {color:#ffffff;text-decoration:none;} nav ul li a:hover {background: #09669e ;color:#ffffff;text-decoration:underline;} #content {background:rgba(255,255,255,0.85);} footer {background:#ed1c26;color:#ffffff;border-top:solid 2px #565656;} .alternate {background:#cccccc;} nav ul li a {border-right: solid 1px #ffffff} .leaveApproved {background:#71ba60;border:solid #71ba60 1px;color:#ffffff} .pageSetupInput {background:#ed1c26;color:#ffffff;} .leaveAllowance {background:#6ba3c5;} .leaveAllowance2 {background:#09669e;color:#ffffff;} .pagination input {background:#ed1c26;color:#ffffff;border:solid 1px #565656;} .leavePending {background:#ffffff;border:solid #ed1c26 1px;} .rowHeader {border:solid #999999 1px;} .rowFooter {border:solid #999999 1px;} .expenseSummary {background:#ed1c26;padding-left:15px;color:#ffffff} input, .inlineInput {background:#ffffff;color:#565656} .rowHeader {background:#ed1c26;color:#ffffff;} fieldset {border: solid #565656 1px;} .folderBlock {background:#ed1c26;float:left;color:#ffffff;} .popup {color:#ffffff;border:solid #666666 1px;background: #a6cc3b;} .libraryTitle a {color:#ed1c26!important;} .userInput {border:solid #767676 1px;} .expenseSummary .inlineInput {border:solid #767676 1px;} .addPageInput {border:solid #767676 1px;} .colour {background:#09669e;} .booked {background:#a6cc3b;padding:5px 3px;} .blocked {background:#ff0000;padding:5px 3px;} .weekend {background:#e3e3e3;padding:5px 3px;} .pending {background:#c633e3;padding:5px 3px;} .exception {float:right;height:inherit;width:40%;background:#ffffff;border:dashed 2px #ed1c26;text-align:center;margin-top:5px;} .white {color:#ffffff!important;} .banner {background: #cf1821;border-bottom:solid #ffffff 1px;} .menu {background:#cf1821;border-bottom:solid #ffffff 1px;border-left:solid #ffffff 1px;border-right:solid #ffffff 1px;} a#open-menu {color:#ffffff;} /* HEADERS ###############################################################*/ h1, h2, h3, h4, h5, h6 {} h1 {font-size:1.6em;} h2 {font-size:1.4em;margin-top:20px;} h3 {font-size:1.2em;} h1 {clear: both;position: relative;color: #fff;background: #cf1821;margin: 20px -40px 20px -40px;padding: 0.2em 40px;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);} h1:before, h1:after {content: " ";display: block;width: 0;height: 0;position: absolute;bottom: -20px;left: 0;z-index: -1;position: absolute;border-top: 20px solid #cf1821;border-left: 20px solid transparent;background: transparent;} h1:after {right: 0;left: auto;border-top: 20px solid #cf1821;border-right: 20px solid transparent;} h2 {clear: both;position: relative;color: #fff;background: #ed1c26;margin: 20px 0 ;padding: 0.2em 15px;} h3 {clear: both;position: relative;color: #fff;background: #09669e ;margin: 20px -40px 20px -40px;padding: 0.2em 40px;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);} h3:before, h3:after {content: " ";display: block;width: 0;height: 0;position: absolute;bottom: -20px;left: 0;z-index: -1;position: absolute;border-top: 20px solid #09669e ;border-left: 20px solid transparent;background: transparent;} h3:after {right: 0;left: auto;border-top: 20px solid #09669e ;border-right: 20px solid transparent;} /* NAVIGATION ###############################################################*/ nav {width:100%;text-align:left;} nav ul {width:auto;margin:5px auto 0 auto;padding-top:5px;} nav ul li {display:inline;} nav ul li a {padding:8px 15px;font-size:10pt;} .banner {position: fixed;top:0;left: 0;right: 0;height: 42px;z-index:15001;} nav li {position: relative;list-style-type: none;display: inline;} .menu {display:none;margin-left:15px;margin-top:15px;width:60px;z-index:150001;padding:0px 25px 10px 25px;} a#open-menu:before {font-size: 1.5em;font-weight: bold;} /* CONTENT ###############################################################*/ .siteLogo {float:left;width:200px;margin-top:70px;} .waxLogo {float:right!important;width:350px;margin-top:90px;} .siteLogo img {width:100%;} #content {max-width:1100px;padding:0 20px 100px 20px;margin:100px auto 150px auto;} #content p {margin:15px 0;} .logo {margin:0px 0 0 0;} .logoWrapper {margin:0 auto 50px auto;max-width:650px;text-align:center} .RSS {float:left;width:300px;} .RSS a {color:#ed1c26;} .pharma {} .recruiter {margin-left:20px;} .popup {text-align:center;color:#ffffff;padding:10px 10px;border:solid #666666 1px;background: #a6cc3b;} .wideLogoWrapper {position:absolute;width:1100px;top:-20px;left:50%;margin-left:-550px;} .pagination {margin:20px 0 0 0;} .pagination input {padding:4px 10px;} /* FULL BACK SCREEN IMAGERY CONTROLS ------------------------------------*/ #supersized-loader {position:absolute;top:50%;left:50%;z-index:0;width:60px;height:60px;margin:-30px 0 0 -30px;text-indent:-999em;background:url(../../pix/navigation/progress.gif) no-repeat center center;} #supersized {position:fixed;left:0;bottom:0px;overflow:hidden;z-index:-999;height:100%;width:100%;} #supersized img {width:auto;height:auto;position:relative;outline:none;border:none;} #supersized a.image-loading {background:#111 url(../../pix/navigation/progress.gif) no-repeat center center;width:100%;height:100%;} /* DASHBOARD ###############################################################*/ .dashboardIcon {float:left;width:100px;height:70px;background:#ed1c26;text-align:center;margin-right:2px;line-height:70px;} .dashboardIcon span {display:inline-block;vertical-align:middle;line-height:normal;} .dashboardIcon a {color:#ffffff;} .dashboardIcon img {width:95%;} /* ANNUAL LEAVE ###############################################################*/ .Box {float:left;text-align:center;margin-bottom:15px;padding:15px 20px 15px 20px;} .leaveBox {float:left;text-align:center;margin-bottom:15px;width:90px;padding:15px 20px 15px 20px;} .leaveBox span {font-size:30pt;} .leaveAllowance {float:right;margin:0 25px 0 0;} .leaveAllowance2 {float:right;} .leaveApproved {margin:0 25px 0 0;} .rowHeader {clear:both;height:30px;padding-top:10px;text-align:left} .rowFooter {clear:both;height:30px;} .row {clear:both;border-bottom:solid #b3b3b3 1px;border-left:solid #999999 1px;border-right:solid #999999 1px;padding-top:5px;min-height:35px;font-size:9pt!important;} .leaveDate {float:left;width:120PX;padding: 0 0 0 15px;word-wrap:break-word;text-align:center;line-height:16px;} .rowHeader .leaveDate {line-height:20px;} .leaveUser {float:left;width:120px;padding-left:15px;} .leaveDuration {float:left;width:7%;text-align:center} .leaveReason {float:left;width:240px;text-align:center} .wider {width:400px;} .leaveCalendar {float:left;width:50%;} .leaveCalendarTable tr:first-child td {background:#ed1c26!important} .leaveCalendar table {} .leaveCalendar table tr td {padding:5px;} .leaveButton {display:inline-block;width:7%;font-size:12px;text-align:center} .leaveButton .inputButton {margin:0;padding:5px 15px;} .larger {font-size:1.4em;font-weight:bold;color:#ed1c26} /* DOCUMENT LIBRARY ###############################################################*/ .libraryBox {float:left;width:100%;margin:10px 0; } .libraryFolder a img {width:50px;} .libraryButtons {float:left;margin-top:-20px;} .libraryButtons .inputButton {margin:0;} .libraryTitle {float:left;width:50%;} .libraryIcon img {width:30px;float:left;margin-right:15px;} .libraryTitle a {font-weight:bold;text-transform:capitalize} .libraryDescription {font-style:italic;width:50%;float:left;} .libraryRole {width:25%;float:left;padding-left:15px;} .libraryPermission {width:33%;float:left;} .libraryPermission input {margin-right:15px;} .libraryHidden {display:none;} .space {height:10px;} .folderName {background: #ed1c26;font-size:8pt;color:#ffffff;text-decoration:none;width:120px;background:#09669e;height:30px;padding:10px 0;text-transform:capitalize} .folderBlock {float:left;padding:0px 10px 0 0;margin:0 0 0 0;} .libraryFolder {float:left;text-align:center;padding:10px 0;margin:0 1px;width:130px;} .libraryFolder a {text-decoration:none;} .currentFolder {background:#ed1c26;padding:5px 15px;margin:0;} .topLevel {} .firstLevel {} .firstLevel .folderName {} .firstLevelWrapper {margin-bottom:30px;} .upLevel {background:#ed1c26;float:right;padding:5px 15px;} .upLevel a {color:#ffffff;} .upLevel img {float:left;} .folderBlock span {} /* SICKNESS LEAVE ###############################################################*/ .sicknessCalendar {width:100%;} .sicknessDate {float:left;width:140px;padding: 0 0 0 15px;} .sicknessReason {float:left;width:280px;} .sicknessView {float:left;width:100px;} .sicknessView .inputButton {margin:0;padding:5px 25px;} .sickDate {float:left;width:12%;padding-left:15px;} .sickComment {float:left;width:41%;} .sickStatus {float:left;width:21%;} .sickProcedure {float:left;width:5%;} .sickSelf {float:left;width:5%;} .sickMed {float:left;width:5%;} .sickWarning {float:left;width:5%;} .sickDisciplinary {float:left;width:5%;} /* MANAGE USERS ###############################################################*/ .manageName {float:left;width:20%;padding-left:15px;} .DisabledmanageName {float:left;width:20%;padding-left:15px;font-style:italic;color:#ed1c26} .manageEmail {float:left;width:25%;} .manageLogin {float:left;width:25%;} .manageEdit {float:left;width:25%;} .manageEdit .inputButton {margin:0;padding:5px 25px;} /*add user*/ .manageFirstName {float:left;width:15%;margin-top:10px;} .manageSurname {float:left;width:15%;margin-top:10px;} .manageLoginEdit {float:left;width:15%;margin-top:10px;} .manageEmailAddress {float:left;width:15%;margin-top:10px;} .manageNumber {float:left;width:15%;margin-top:10px;} .manageEnabled {float:left;width:15%;margin-top:10px;} .manageManager {float:left;width:15%;margin-top:10px;} .manageHoliday {float:left;width:15%;margin-top:10px;} .padRight {margin-left:15px;width:300px;} .manageFirstNameInput {float:left;width:85%;margin-bottom:10px;} .manageSurnameInput {float:left;width:85%;margin-bottom:10px;} .manageLoginEditInput {float:left;width:85%;margin-bottom:10px;} .manageEmailAddressInput {float:left;width:85%;margin-bottom:10px;} .manageNumberInput {float:left;width:85%;margin-bottom:10px;} .userInput {width:60%;padding:10px 5px;float:left;} /* PLACEMENTS ###############################################################*/ .placementWrapper .placementLabel {font-size:9pt;} .placementLabel {float:left;} .placementTitle {width:230px;padding-left:15px;} .placementStatus {width:80px;} .placementEmployee {width:195px;} .placementValue {width:100px;} .placementCompany {width:100px} .placementInv {width:110px;} .placementView {width:90px;} .placementPDF {width:85px;} .placementEdit {width:90px;} .placementWrapper .inputButton {margin:0;padding:5px 25px;} .Management .placementLabel {font-size:9pt} .managementTitle {width:170px;padding-left:15px;} .managementDate {width:90px;} .managementEmployee {width:130px;} .managementStatus {width:75px;} .managementCandidate {width:155px;} .managementValue {width:85px;} .managementType {width:95px;} .managementInv {width:120px;} .managementView {width:50px;text-align:center;} .managementPDF {width:50px;text-align:center;} .managementEdit {width:50px;text-align:center;} .managementView .inputButton, .managementPDF .inputButton, .managementEdit .inputButton {padding:5px 0;width:100%;} .managementTotalValue {float:left;width:200px;padding-left:15px;} .managementPlacements {float:left;width:200px;} .placementReviewStatus {float:left;width:25%;padding-left:15px;} .placementReviewHistory {float:left;width:25%;} /* EXPENSES ###############################################################*/ /*admin page first*/ .expensesDate {float:left;width:90px;padding: 0 0 0 15px;} .expensesDivision {float:left;width:120px;text-align:center;} .expensesState {float:left;width:16%;} .expensesExpenses {float:left;width:120px;text-align:center;} .expensesView {float:left;width:15%;} .expensesView .inputButton {margin:0;padding:5px 25px;} /*add new expense page*/ .expenseSummary {margin:0 0 20px 0;} .expenseSummary .inlineInput {width:75%;clear:both;padding:5px 5px;margin:5px 0;float:left;} .expenseSummary .nameLabel {width:90%;float:left;clear:none;margin:5px 0} .expenseSummary .box {float:left;width:33%;} .expenseLabel {width:13%;float:left;clear:none;} .date {width:90px;padding-left:15px;} .mileage {width:70px;} .note {width:300px;} .type {width:110px;} .value {width:6%;} .expenseButton {} .expenseButton .inputButton {margin:0;padding:5px 25px;} .ReturnButton {float:left;background: #ed1c26;width:40px;text-align:center;height:30px;padding-top:10px} /* SETUP PAGES ###############################################################*/ .addPageRow {clear:both;margin:4px 0;height:30px;} .addPageRow h3 span {font-size:1.1em;} .addPageLabel {float:left;width:15%;clear:both;margin:10px 0} .addPageInput {float:left;width:30%;padding:10px 5px;margin:5px 0;} .addPageInput input {height:30px;padding:0 0 0 5px;} .pageSetupTitle {float:left;width:16%;padding-left:15px;} .pageSetupLabel {float:left;width:16%;} .pageSetupType {float:left;width:16%;} .pageSetupUrl {float:left;width:22%;} .pageSetupParam {float:left;width:16%;} .pageSetupButton {float:left;width:10%;} .pageSetupButton .inputButton {margin:0;padding:5px 25px;} .pageSetupInput {float:left;text-align:center;margin-bottom:15px;padding:15px 20px 15px 20px;} .pageSetup div {font-size:10pt!important;} .smallText div span {font-size:10pt!important;} .smallText div {font-size:10pt!important;} /* INPUT BOXES AND LOGIN FORMS ###############################################################*/ .fieldset {background:#ffffff;margin:0 auto;padding:25px 40px;width:50%;} .fieldset legend {font-size:1.4em;} .login {} .input {width:60%;padding:10px 5px;float:left;border:solid #767676 1px;} /*mass formatting below for name label left and input boxes right*/ .inlineInput {width:30%;padding:10px 5px;margin:5px 0;float:left;border:solid #767676 1px;min-height:20px;} .nameLabel {width:15%;float:left;clear:both;margin:10px 0} .inputRow {clear:both;margin:10px 0;} .inputRow label {float:left;width:140px;padding:8px 0 0 0;} .inputButton {padding:10px 25px;text-align:center;margin:20px 0 0 0;} h1 .inputButton {float:right;margin:0;font-size:11pt;padding:6px 25px;} .submitRight {float:right;} .smallButton {padding:2px 25px;text-align:center;margin:2px 0 0 0;} .ajax__calendar {width:332px!important;} .ajax__calendar_header {background:#ed1c26;padding:6px 0;} .ajax__calendar_dayname {font-weight:bold!important;color:#ed1c26!important;} .ajax__calendar_footer {background:#ed1c26;padding:6px 0 8px 0;border-bottom:solid 5px #ed1c26;} .ajax__calendar_container {width:332px!important;background:#fbcacd!important;border:solid #666666 1px;} .ajax__calendar_body {width:330px!important;background:#ffffff!important;border:solid #ed1c26 1px;min-height:200px!important;} .ajax__calendar_days {width:332px!important;} .leaveCalendarTable {width:332px;} .ajax__calendar_days table tr td {width:15%!important;} .DBVersion {float:right;font-size:9pt;margin-right:15px;} .DBUser {float:left;font-size:9pt;margin-left:15px;} /* FOOTER ###############################################################*/ footer {width:100%;position:fixed;bottom:0;margin:0 auto;padding:10px 0;text-align:center;} footer p