@charset "UTF-8"; /* CSS Document */ * {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;} img {border:0px;} .clear {clear:both;} a {text-decoration:none;} .right {float:right;} .left {float:left;} h2 { font-size:14px; color:#414042;} h3 {font-size:12px; color:#414042;} .hr{ width:100%; height:3px; background:#414042; margin:20px 0;} html, body {background:#003E7E; height:100%; min-height:100%;} #wrapper {width:950px; background:url(IMG/wrapper-bg.jpg) top center repeat-y; margin:0 auto; padding:0 75px; height:100%; min-height:4000px;} #wrapper-simple {width:950px; background:url(IMG/wrapper-bg.jpg) top center repeat-y; margin:0; padding:0; height:100%; min-height:1200px;} #login { height:24px; background:url(IMG/login-bg.jpg) left center repeat-x; padding:0 30px;} #login p {color:#FFF; font-size:11px; float:right; line-height:20px;} #login p a { color:#FFF; padding-right:20px; background:url(IMG/close-btn.png) right center no-repeat;} #main-menu { background: url("IMG/main-menu-bg.jpg") repeat-x scroll left center transparent;height: 124px; padding: 0 30px; } #logo {width:220px; float:left; margin:10px 4px 0 0;} #logo h1 {font-size:20px; margin-top:5px; color:#414042;} #menu-holder {width:666px; float:left; margin-top:10px;} #menu {list-style:none;} #menu li {display:inline-block; float: left; width:70px; height:80px; text-align:center; margin-left:4px; font-size:10px; text-transform:uppercase; font-weight:bold;} #menu li a {width:70px; height:30px; display:block; padding-top:50px; color:#003E7E; position:relative;} #menu li a span {position:absolute; display:block; top:0; left:13px; width:24px; height:16px; background:url(IMG/notification-bg24x16.png) center center no-repeat; color:#FFF; font-size:9px; text-align:center; line-height:16px; font-weight:normal;} /*MENU ICONS */ #req {background:url(IMG/requisition-icon.png) top center no-repeat;} #rec {background:url(IMG/receiving-icon.png) top center no-repeat;} #toa {background:url(IMG/to-approve-icon.png) top center no-repeat;} #app { background:url(IMG/approved-icon.png) top center no-repeat;} #que {background:url(IMG/queries-icon.png) top center no-repeat;} #hol {background:url(IMG/holiday-icon.png) top center no-repeat;} #ana {background:url(IMG/analytic-icon.png) top center no-repeat;} #set {background:url(IMG/setup-icon.png) top center no-repeat;} #enq {background:url(IMG/enquiries-icon.png) top center no-repeat;} #amd {background:url(IMG/cancel-amend-po-icon.png) top center no-repeat;} #cdc {background:url(IMG/Create_document.png) top center no-repeat;} #exp {background:url(IMG/Expenses-icon1.png) top center no-repeat;} #sal {background:url(IMG/InvoiceEntry-icon1.png) top center no-repeat;} #content {min-height:600px; padding:0 30px;} .square {background:url(IMG/square-bg.png) left top repeat-x;} #thumbs {width:376px; display:block; margin:0 auto; padding-top:30px;} #thumbs3 {width:576px; display:block; margin:0 auto; padding-top:30px;} #thumbs1 {width:176px; display:block; margin:0 auto; padding-top:30px;} #thumbs4 {width:776px; display:block; margin:0 auto; padding-top:30px;} .thumb {width:173px; height:173px; display:block; float:left;} .thumb a {width:133px; height:133px; display:block; background:url(IMG/big-thumb.png) center center no-repeat; padding:20px;} .thumb a:hover {background:url(IMG/big-thumb-over.png) center center no-repeat;} .thumb-content {display:block; height:30px; width:133px; padding-top:103px; text-align:center; text-transform:uppercase; font-size:18px; font-weight:bold; color:#42454F; line-height:30px; position:relative;} .thumb-content-large {display:block; height:30px; width:133px; padding-top:93px; text-align:center; text-transform:uppercase; font-size:18px; font-weight:bold; color:#42454F; line-height:30px; position:relative;} .thumb-content span {width:36px; height:36px; display:block; background:url(IMG/notification-big-bg.png) center center no-repeat; top:5px; left:20px; position:absolute; color:#FFF; line-height:36px; font-size:16px; } #invoice {background:url(IMG/big-invoices.png) top center no-repeat;} #requis {background:url(IMG/big-requisition.png) top center no-repeat;} #mktplace {background:url(IMG/MP_Big_Icon.png) top center no-repeat;} #expen {background:url(IMG/Expenses.png) top center no-repeat;} #sales {background:url(IMG/InvoiceEntry-big.png) top center no-repeat;} #import {background:url(IMG/Import.png) top center no-repeat;} #gensettingsInv {background:url(IMG/big-invoices.png) top center no-repeat;} #usersettingsInv {background:url(IMG/big-invoices.png) top center no-repeat;} #gensettings {background:url(IMG/big-requisition.png) top center no-repeat;} #usersettings {background:url(IMG/big-requisition.png) top center no-repeat;} #gensettingsExp {background:url(IMG/Expenses.png) top center no-repeat;} #usersettingsExp {background:url(IMG/Expenses.png) top center no-repeat;} #gensettingsSal {background:url(IMG/InvoiceEntry-big.png) top center no-repeat;} #usersettingsSal {background:url(IMG/InvoiceEntry-big.png) top center no-repeat;} #ChgPasssettings {background: url(IMG/mha1486_forgot_pword.png) no-repeat center top;} #gensettingsEmail {background:url(IMG/email1.png) top center no-repeat;} #gensettingsWeb {background:url(IMG/setup-icon.png) top center no-repeat;} #search-bar {display:block; height:69px; background:url(IMG/search-bg.jpg) left top repeat-x; margin-top:-22px; padding:0 30px;} #select-group { display:block; float:left; height:34px; padding:18px 0 17px; background:url(IMG/select-line.png) top right no-repeat;} .select-item, .select-wrapper {float:left; display:inline-block;} .select-item {margin-right:20px;} .select-item p {color:#FFF; font-size:12px; margin-right:15px; float:left; line-height:20px; font-weight:bold;} .select-wrapper select { background:url(IMG/select-bg.jpg) top left repeat-x; width:124px; padding:3px; font-size:11px; color:#414042; border: 1px solid #999; height:20px; line-height:15px;} .select-wrapper2 select { background:url(IMG/select-bg.jpg) top left repeat-x; width:100px; padding:3px; font-size:11px; color:#414042; border: 1px solid #999; height:20px; line-height:15px;} .select-wrapper2 input { background:url(IMG/select-bg.jpg) top left repeat-x; width:60px; padding:3px; font-size:11px; color:#414042; border: 1px solid #999; height:14px;} option {background:#dbdcdd; color:#414042; padding:3px;} #search-btn {float:right; padding-top:13px; display:block; width:130px;} .serch-btn {height:18px; display:block; padding:6px 5px 6px 5px; float:left; margin-right:20px; background:url(IMG/search-btn-left.png) left center no-repeat; position:relative; font-size:12px; color:#414042; line-height:20px; font-weight:bold;} .serch-btn:hover {background:url(IMG/search-btn-left-over.png) left center no-repeat;} .serch-btn img {margin-left:5px; float:right;} #heart-btn, #btnFavourites {margin-right:0; padding:6px 0 6px 5px;} #heart-btn img, #btnFavourites img {margin:0 5px;} #search-bth p,#btnSearch p {float:left;} .serch-btn a{color:#FFFFFF;} .serch-btn span {width:5px; height:30px; display:block; position:absolute; top:0; right:-5px; background:url(IMG/search-btn-right.png) right top no-repeat;} .serch-btn:hover span {background:url(IMG/search-btn-right-over.png) right center no-repeat;} .btnDay { background-color: #0080FF; width: 65px; border: none; color: white; padding: 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; cursor: pointer; font-weight:bold; position:relative; left:35%; } .btnDays { border-radius: 2px; } .btnDays:hover { background-color: #FF8000; } .btnDays:focus { background-color: #FF8000; } .blue {background:url(IMG/blue-btn-left.png) left center no-repeat; color:#FFF; margin-right:5px;} .blue span {background:url(IMG/blue-btn-right.png) right center no-repeat;} .blue img, .green img {margin-left:5px;} .green {background:url(IMG/green-btn-left.png) left center no-repeat; color:#FFF; margin-right:5px;} .green span {background:url(IMG/green-btn-right.png) left center no-repeat;} .purple, .purple:hover {background:url(IMG/purple-btn-left.png) left center no-repeat; color:#FFF;} .purple span, .purple:hover span {background:url(IMG/purple-btn-right.png) right center no-repeat;} .nav {margin-right:15px; padding:6px 3px 6px 8px;} .red {background:url(IMG/red-btn-left.png) left center no-repeat; color:#FFF; margin-right:5px;} .red span {background:url(IMG/red-btn-right.png) right center no-repeat;} .button_add { background:url(IMG/csv-icon.jpg) left center no-repeat; display:block;float:left; margin-right:20px; padding:6px 5px 6px 5px;font-weight:bold; position:relative; font-size:12px; color:#414042; background-color: transparent; background-repeat: no-repeat; border: none; height:32px; cursor: pointer; /* make the cursor like hovering over an element */ padding-left: 16px; /* make text start to the right of the image */ vertical-align: middle; /* align the text vertically centered */ } #req-table {margin:10px 0; border-collapse:collapse; width:890px;} #line-items td, #line-items th {border:1px solid #42454F;} #line-items th {height:42px; background:url(IMG/th-bg.jpg) left center repeat-x; font-size:12px; font-weight:bold; color:#FFF; text-align:center; padding:0 5px;} #line-items td {height:30px; padding:5px; text-align:center; font-size:11px; color:#414042} #line-items td a {text-decoration:underline;} .table-icon {display:block; width:19px; height:19px; float:left; padding:0 6px;border:none;} .edit, .edit-sel {background:url(IMG/table-edit.jpg) center center no-repeat;} .delete {background:url(IMG/table-delete.jpg) center center no-repeat;} .delete:hover, .delete-sel, .del:hover, .del-sel, .delgl-sel {background:url(IMG/table-delete.jpg) center center no-repeat;cursor: pointer;} .del {background:url(IMG/table-delete-u.jpg) center center no-repeat;} .delgl {background: center center no-repeat;} .attach {background:url(IMG/table-attach-u.jpg) center center no-repeat;} .attach:hover, .attach-sel {background:url(IMG/table-attach.jpg) center center no-repeat;} .comm {background:url(IMG/table-comm-u.jpg) center center no-repeat;} .comm:hover, .comm-sel {background:url(IMG/table-comm.jpg) center center no-repeat;cursor: pointer;} .restore {background:url(IMG/restore-u.png) center center no-repeat;} .restore:hover, .restore-sel {background:url(IMG/restore.png) center center no-repeat;cursor: pointer;} .love {background:url(IMG/table-love-u.jpg) center center no-repeat;} .love:hover, .love-sel {background:url(IMG/table-love.jpg) center center no-repeat;} .plus, .plus-sel {background:url(IMG/purple-plus.jpg) center center no-repeat;} .plus:hover {cursor: pointer;} .copy, .copy-sel {background:url(IMG/copy.png) center center no-repeat;} .email,.email:hover {background: center center no-repeat;} .email-sel{background: url(IMG/email.png) center center no-repeat;} .print, .print-sel{background: url(IMG/print.png) center center no-repeat;} .reminder, .reminder-sel{background: url(IMG/reminder.png) center center no-repeat;} .lnApprover, .lnApprover-sel{background: url(IMG/lnApprover.png) center center no-repeat;} .image {background:url(IMG/image-icon-normal.jpg) center center no-repeat;} .image:hover,.image-sel {background:url(IMG/image-icon.jpg) center center no-repeat;cursor: pointer;} .thick {background:url(IMG/thick.jpg) center center no-repeat;} .thick:hover, .thick-sel {background:url(IMG/thick-over.jpg) center center no-repeat;cursor: pointer;} .thick-none {background: center center no-repeat;} .thsel {background:url(IMG/aroow-right.png) center center no-repeat;} .edt {background: center center no-repeat;} .edt-sel {background:url(IMG/table-edit.jpg) center center no-repeat;} .lnk,.lnk-sel {background:url('IMG/link.jpg') center center no-repeat;} .lnk:hover {cursor: pointer;} #navigation {width:265px; margin:0 auto; text-align:center} #left-btn {margin-left:10px;} .reject {background:url(IMG/table-delete-u.jpg) center center no-repeat;} .reject:hover, .reject-sel {background:url(IMG/table-delete.jpg) center center no-repeat;cursor: pointer;} .lookup {background:url(IMG/Lookup.bmp) center center no-repeat;} .lookup:hover {background:url(IMG/Lookup.bmp) center center no-repeat;} .paid {background: url(IMG/document_paid4-02.jpg) no-repeat center center;} .paid:hover,.paid-sel {background:url(IMG/document_paid4-01.jpg) center center no-repeat;cursor: pointer;} .paid {background: url(IMG/document_paid4-02.jpg) no-repeat center center;} .invLink, .invLink-sel{background: url(IMG/small-invoices.png) center center no-repeat;} .canc, .canc-sel {background:url(IMG/cancel-icon.png) center center no-repeat;} .cancLin, .cancLin-sel {background:url(IMG/cancelLine-icon.png) center center no-repeat;} .amnd, .amnd-sel {background:url(IMG/amend-icon.png) center center no-repeat;} .aagl {background: center center no-repeat;} .aagl-sel {background:url(IMG/Analytics-Icon2.png) center center no-repeat;cursor: pointer;} .aalkup {background:url(IMG/Analytics-Icon2.png) center center no-repeat;} .aalkup:hover {background:url(IMG/Analytics-Icon2.png) center center no-repeat;} .aalkup2 {background:url(IMG/AA.png) center center no-repeat;} .aalkup2:hover {background:url(IMG/AA.png) center center no-repeat;} .expand {background:url(IMG/expand-icon.png) center center no-repeat;} .expand:hover {background:url(IMG/expand-icon.png) center center no-repeat;} .comments-box {background:#FAD6B1; margin:30px 0 15px; border-bottom:1px solid #42454F;} .comments-header {background:url(IMG/comments-header-bg.png) left center repeat-x; height:42px;} .comments-header a {width:868px; height:18px; display:block; padding:13px 11px 11px; float:left;} .over {padding:13px 11px 11px; height:18px;} .comments-header h3, .comments-header img {float:left; margin-right:5px;} .comments-body {padding:30px;} .comments-bodynp {padding:0px;} .comm-text-box {width:400px; float:left;} .comm-text-box h3 {margin-bottom:10px;} .txt {padding:10px; width:380px; height:65px; text-align:justify; color:#414042; font-size:11px; resize:none;} #bottom-btn .blue {margin-right:10px;} #bottom-btn .red {margin-right:20px;} .popup {height:100%; min-height:100%; width:100%; position:absolute; top:0; left:0; background:url(IMG/popup-bg.png) left top repeat;} .pop-content {width:650px; margin:200px auto 0; background:#FFF; border:1px solid #42454F;} .pop-header {height:24px; background:url(IMG/pop-header.jpg) top left repeat-x;} .pop-header a{ float:right; margin:4px 10px;} .pop {padding:30px;} .pop-left {float:left;} .pop-right{float:right;} .pop-right p {font-size:12px; color:#42454F; margin-top:5px;} .existing {padding:20px; font-size:12px;} .comment { margin-bottom:20px;} .add {width:570px; margin:10px 0 20px} .invoice-det table th, .invoice-det table td{text-align:left;} .invoice-det th {font-size:14px; color:#003E7E; padding:3px 0;} .invoice-det td {font-size:12px; color:#42454F; padding:3px 0;} .line-details table { border-collapse:collapse; margin:10px 0;} .line-details th {color:#FFF; border:1px solid #42454F; font-size:12px; height:42px; background:url(IMG/line-det-bg.jpg) left top repeat-x;} .line-details td {border:1px solid #42454F; font-size:11px; color:#42454F; height:30px;} #assigned {margin-top:20px;} #assigned ul {list-style:none; font-size:12px; font-weight:bold; color:#42454F; width:140px;} #assigned ul li {margin-top:5px; padding-right:20px; background:url(IMG/assigned-un.jpg)right center no-repeat; display:block;} #assigned ul li.sel {background:url(IMG/assigned.jpg) right center no-repeat;} #login-page { min-height:1052px; background:#8bc0de url(IMG/login-page-bg.jpg) center top no-repeat;} #login-box-wrapper {width:442px; display:block; padding:50px; margin:0 auto;} #login-box-top {width:442px; height:47px; background:url(IMG/login-box-top.png) top center no-repeat;} #login-box-center {padding:0 47px; background:url(IMG/login-box-center.png) top repeat-y;*background-position-x:50px;} #login-box-bottom {width:442px; height:47px; background:url(IMG/login-box-bottom.png) top center no-repeat;} #login-form p {height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#414042;} #login-form input[type=text],#login-form input[type=password] {padding:5px; width:200px; float:right;} #submit {border:0;padding:6px 15px 6px 20px; height:30px; float:left; background:url(IMG/blue-btn-left.png) left center no-repeat; color:#FFF;float:left;} #input-p {margin-top:10px; float:right;} #input-p span {background:url(IMG/blue-btn-right.png) right center no-repeat; width:5px; height:30px; display:block; float:left;} /*Additional styles */ .ui-jqgrid { border-width: 0px; } /* Styles for validation helpers */ .field-validation-error { color: #ff0000; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee;} .validation-summary-errors { font-weight: bold;color: #ff0000;} .validation-summary-valid { display: none;}