/* Style Sheet: (c) Copyright DR Solutions International Ltd. */ /* COLOUR SCHEME */ body {background-color:#DCE4EF;} /* BODY */ h1 {color:#4F76B0;} /* H1 */ h2 {color:#4F76B0;} /* H2 */ h3 {color:#4F76B0;} /* H3 */ p {color:#4F76B0;} /* P */ a {color:#FFFFFF;} /* LINK DEFAULT */ a:hover {} /* HOVER DEFAULT */ a.highlight:hover {background-color:#FFFFFF;color:#000000;} /* HOVER HIGHLIGHT */ a.selected {background-color:#FFFFFF;color:#000000;} /* SELECTED */ a.menuselected {background-color:#FFFFFF;color:#000000;} /* MENU SELECTED */ fieldset {border-color:#FFFFFF;color:#4F76B0;} /* FIELDSET */ fieldset legend {color:#4F76B0;} /* FIELDSET LEGEND */ input, select, textarea {background:#EEEEEE;border-color:#999999;} /* FORM ELEMENT */ input.button {background:#E1E1E1;} /* FORM BUTTON */ div#containerdoc {border-color:#C1C1C1;} /* DOC */ div#containerhead {background-color:#4F76B0;} /* HEAD */ div.contentmenu1 {background-color:#7291C0;} /* MENU1 */ div.contentmenu2 {background-color:#95ADD0;} /* MENU2 */ div.contentmenu3 {background-color:#B9C8DF;} /* MENU3 */ div.contentmenu4 {background-color:#CCD7E8;} /* MENU4 */ div#containercontent a {color:#000099;} /* CONTENT A */ div#containercontent a:hover {color:#4F76B0;} /* CONTENT A:HOVER */ div.title1 {background:#7291C0;} /* CONTENT TITLE1 */ div.title2 {background:#95ADD0;} /* CONTENT TITLE2 */ div.title3 {background:#B9C8DF;} /* CONTENT TITLE3 */ div.title4 {background:#CCD7E8;} /* CONTENT TITLE4 */ div.titleerror {background:#FFBBBB;} /* CONTENT TITLEERROR */ div#containerfoot {background-color:#4F76B0;} /* FOOT */ div#containerhead h1 {color:#FFFFFF;} /* HEAD H1 */ div#containerhead h2 {color:#FFFFFF;} /* HEAD H2 */ div#containerfoot p {color:#FFFFFF;} /* FOOT */ fieldset:hover {border-color:#4F76B0;} /* */ fieldset.legend:hover {color:#4F76B0;} /* */ fieldset.selected {border-color:#009900;} /* */ fieldset.selected legend {color:#009900;} /* */ fieldset.disabled {border-color:#C1C1C1;} /* */ fieldset.disabled legend {color:#999999;} /* */ fieldset.add {background-color:#FFC1C1;border-color:#000000;} /* */ fieldset.add legend {color:#4F76B0;} /* */ fieldset.title div {background-color:#B9C8DF;} /* */ fieldset#fldinvoice legend {color:#FFFFFF;} /* */ fieldset#fldinvoice h1 {color:#000000;} /* */ fieldset#fldinvoice h2 {color:#000000;} /* */ fieldset#fldinvoice p {color:#000000;} /* */ fieldset div.title1 {background:#7291C0;} /* CONTENT TITLE1 */ fieldset div.title2 {background:#95ADD0;} /* CONTENT TITLE2 */ fieldset div.title3 {background:#B9C8DF;} /* CONTENT TITLE3 */ fieldset div.titleerror {background:#FFBBBB;} /* CONTENT TITLEERROR */ div.orderinvoiceheadnumber h2 {background:#FFFFFF;} /* */ div.orderinvoiceheadnumber p {background:#FFFFFF;} /* */ div.orderinvoiceaddresshead {background:#FFFFFF;} /* */ div.orderinvoiceaddressbody {background:#FFFFFF;} /* */ div.orderinvoicebodyheaddescription {background:#FFFFFF;} /* */ div.orderinvoicebodybodydescription {background:#FFFFFF;} /* */ div.orderinvoicebodyheadquantity {background:#FFFFFF;} /* */ div.orderinvoicebodybodyquantity {background:#FFFFFF;} /* */ div.orderinvoicebodyheadcost {background:#FFFFFF;} /* */ div.orderinvoicebodybodycost {background:#FFFFFF;} /* */ div.orderinvoicebodyheadtotal {background:#FFFFFF;} /* */ div.orderinvoicebodybodytotal {background:#FFFFFF;} /* */ div.orderinvoicefootterms p {background:#FFFFFF;} /* */ div.orderinvoicefootduepayment h1.title {background:#FFFFFF;} /* */ div.orderinvoicefootduepayment h1.text {background:#FFFFFF;} /* */ div#containerreport h2 {background-color:#D282BC;} /* */ div#containerreport p {background-color:#E5B9D7;} /* */ div#containerreport p.title {background-color:#DC9ECB;} /* */ /* STYLES */ /* DEFAULT */ * {width:auto;height:auto;margin:0px;padding:0px;border:0px;text-decoration:none;} body {cursor:default;font:normal 80% Arial, Verdana;} div {background:transparent url('');position:relative;} h1 {font-size:1.2em;} h2 {font-size:1.1em;} h3 {font-size:1.1em;} p {font-size:1.0em;} ul {list-style-position:outside;} li {list-style-type:circle;} a {padding-left:2px;padding-right:2px;cursor:pointer;} input, textarea {border-width:1px;padding:1px;border-style:solid;font-family:Arial, Verdana;font-size:0.9em;} input.checkbox {width:14px;border:none;background:transparent;} input.error, select.error, textarea.error {background:#FFE1E1;border-color:#CC0000;} input.disabled, select.disabled, textarea.disabled {background:#E1E1E1;border-color:#999999;} select {border-width:1px;border-style:solid;font-family:Arial, Verdana;font-size:0.9em;cursor:pointer;} input.button {width:100px;padding:1px;padding-left:2px;padding-right:2px;border-style:outset;cursor:pointer;font-size:0.8em;} input.button:hover {background:#FFFFFF;} fieldset {border-width:1px;border-style:solid;padding:5px;margin-top:5px;margin-bottom:5px;} fieldset legend {padding-left:5px;padding-right:5px;font-weight:bold;} fieldset legend.title {font-size:1.2em;} textarea {width:720px;padding:1px;font-size:1.0em;} fieldset input.file {width:714px;padding:1px;} fieldset select.selected {width:714px;} fieldset textarea {width:710px;} fieldset textarea.large {height:100px;} /* GLOBAL */ .font12 {font-size:1.2em;} .font11 {font-size:1.1em;} .font10 {font-size:1.0em;} .font09 {font-size:0.9em;} .font08 {font-size:0.8em;} .red, .red:hover {color:#FF0000;} .amber, .amber:hover {color:#FFCC00;} .green, .green:hover {color:#009900;} img.arrow-hor {width:10px;height:11px;} img.arrow-ver {width:12px;height:10px;} img.edit {width:18px;height:17px;} img.delete {width:12px;height:14px;} img.tick {width:15px;height:14px;} img.cross {width:10px;height:12px;} img.folder {width:16px;height:13px;} img.folderfull {width:30px;height:13px;} img.file {width:11px;height:14px;} img.download {width:15px;height:16px;} /* STRUCTURE */ div#containerdoc {width:750px;margin:auto;margin-top:10px;margin-bottom:10px;border:1px solid #C1C1C1;} div#containerhead {width:740px;height:25px;padding:5px;} #containerhead h1 {width:400px;float:left;padding-top:2px;} #containerhead h2 {width:340px;float:left;font-size:0.9em;padding-top:4px;text-align:right;} div#containermenu {width:740px;padding:5px;} .contentmenu1, .contentmenu2, .contentmenu3, .contentmenu4 {width:730px;padding:5px;overflow:auto;} .contentmenu1 p, .contentmenu2 p, .contentmenu3 p, .contentmenu4 p {} div#containercontent {width:740px;padding:5px;overflow:auto;} #containercontent fieldset {overflow:auto;} #containercontent fieldset h2 {float:left;} #containercontent fieldset p {float:left;} #containercontent fieldset.title {overflow:auto;margin-bottom:10px;} #containercontent fieldset.title legend {font-size:1.2em;} #containercontent fieldset.title div {width:718px;height:15px;padding:5px;} #containercontent fieldset.title div p {padding:0px;margin:0px;} #containercontent h1 {padding:5px;} #containercontent h2 {padding:5px;} #containercontent p {padding:5px;} #containercontent p.submit {width:718px;text-align:right;} fieldset div.title1, fieldset div.title2, fieldset div.title3, fieldset div.title4, fieldset div.titleerror {width:728px;height:auto;margin-top:1px;overflow:auto;} div.title1, div.title2, div.title3, div.title4, div.titleerror {width:740px;margin-top:1px;overflow:auto;} .title1 p, .title2 p, .title3 p, .title4 p, .titleerror p {padding:0px;margin:0px;} .titleerror p {color:#ff0000;font-size:0.9em;font-weight:bold;} fieldset p.left {width:350px;margin-right:4px;text-align:left;} fieldset p.right {width:350px;margin-left:4px;text-align:right;} h2.orderinvoice, p.orderinvoice {width:150px;} h2.ordercreated, p.ordercreated {width:140px;} h2.orderforename, p.orderforename {width:160px;} h2.ordersurname, p.ordersurname {width:160px;} h2.ordercost, p.ordercost {width:68px;text-align:center;} h2.stockcode, p.stockcode {width:80px;} h2.stockname, p.stockname {width:570px;} h2.stocklevel, p.stocklevel {width:48px;text-align:center;} h2.promoreference, p.promoreference {width:140px;} h2.promotype, p.promotype {width:160px;} h2.promovalue, p.promovalue {width:70px;} h2.promostatus, p.promostatus {width:80px;} h2.promostart, p.promostart {width:132px;} h2.promofinish, p.promofinish {width:132px;} h2.promolimit, p.promolimit {width:108px;text-align:center;} h2.mailinglistcreated, p.mailinglistcreated {width:130px;} h2.mailinglistemail, p.mailinglistemail {width:318px;} h2.mailinglistdob, p.mailinglistdob {width:130px;text-align:center;} h2.mailinglistlink, p.mailinglistlink {width:50px;text-align:center;} h2.mailinglistupdate, p.mailinglistupdate {width:110px;text-align:center;} h2.mailinglistdelete, p.mailinglistdelete {width:110px;margin-left:304px;text-align:center;} h2.reportstockcategory, p.reportstockcategory {width:200px;} h2.reportstockcode, p.reportstockcode {width:60px;} h2.reportstockname, p.reportstockname {width:388px;} h2.reportstockstock, p.reportstockstock {width:40px;text-align:center;} h2.reportpromoreference, p.reportpromoreference {width:100px;} h2.reportpromostart, p.reportpromostart {width:80px;} h2.reportpromofinish, p.reportpromofinish {width:80px;} h2.reportpromotype, p.reportpromotype {width:128px;} h2.reportpromovalue, p.reportpromovalue {width:50px;text-align:center;} h2.reportpromocount, p.reportpromocount {width:50px;text-align:center;} h2.reportpromolimit, p.reportpromolimit {width:50px;text-align:center;} h2.reportpromolimitvalue, p.reportpromolimitvalue {width:50px;text-align:center;} h2.reportpromolimitcount, p.reportpromolimitcount {width:50px;text-align:center;} .mailinglistdob input {width:90px;text-align:center;} .mailinglistemail input {width:315px;} input.filterstockvalue {width:30px;text-align:center;} div.contenttitletop {margin-top:5px;} div.orderinvoicehead {width:728px;overflow:auto;} .orderinvoicehead h1 {width:416px;height:77px;background:#FFFFFF;font-size:1.8em;float:left;} div.orderinvoiceheadnumber {width:298px;float:right;} .orderinvoiceheadnumber h2 {width:284px;margin-left:1px;margin-bottom:1px;font-size:1.4em;text-align:right;} .orderinvoiceheadnumber p {width:136px;margin:1px;text-align:center;float:left;} div.orderinvoiceaddress {width:728px;margin-top:5px;overflow:auto;} div.orderinvoiceaddressinvoice {width:361px;float:left;} div.orderinvoiceaddressdeliver {width:361px;float:right;} div.orderinvoiceaddresshead {width:361px;float:left;} div.orderinvoiceaddressbody {width:361px;margin-top:1px;float:left;} div.orderinvoicebody {width:728px;margin-top:5px;overflow:auto;} div.orderinvoicebodyheaddescription {width:472px;margin-right:5px;float:left;} div.orderinvoicebodybodydescription {width:472px;margin-top:1px;margin-right:5px;float:left;} div.orderinvoicebodyheadquantity {width:40px;margin-right:5px;float:left;} div.orderinvoicebodybodyquantity {width:40px;margin-top:1px;margin-right:5px;float:left;} div.orderinvoicebodyheadcost {width:100px;float:left;} div.orderinvoicebodybodycost {width:100px;margin-top:1px;float:left;} div.orderinvoicebodyheadtotal {width:100px;float:right;} div.orderinvoicebodybodytotal {width:100px;margin-top:1px;float:right;} div.orderinvoicefoot {width:728px;margin-top:5px;overflow:auto;} div.orderinvoicefootterms {width:230px;float:left;overflow:auto;} div.orderinvoicefootterms p {width:100px;text-align:center;margin:1px;float:left;} div.orderinvoicefootdue {width:165px;float:right;} div.orderinvoicefootduepayment h1.title {width:48px;margin:1px;margin-right:5px;float:left;} div.orderinvoicefootduepayment h1.text {width:88px;margin:1px;text-align:right;float:left;} #containerreport h2 {width:730px;height:15px;padding:5px;margin-top:10px;float:left;} #containerreport p {width:730px;margin-top:5px;padding:5px;float:left;} #containerreport p.title {padding:5px;font-weight:bold;} #containerreport p.created {width:140px;} #containerreport p.completed {width:140px;} #containerreport p.invoice {width:145px;} #containerreport p.item {width:65px;} #containerreport p.postage {width:50px;} #containerreport p.tax {width:40px;} #containerreport p.total {width:90px;} #containerreport input.date {width:20px;} #containerreport p.category {width:100px;} #containerreport p.code {width:100px;} #containerreport p.name {width:225px;} #containerreport p.description {width:225px;} #containerreport p.stock {width:40px;} #containercontent img#excel {width:25px;height:25px} div#containerfoot {width:740px;height:15px;padding:5px;} #containerfoot p {text-align:center;font-size:0.8em;} img.arrowleft, img.arrowright {width:10px;height:11px;} img.arrowup, img.arrowdown {width:12px;height:10px;} p.listtext {width:550px;margin-top:0px;} p.listbutton {width:158px;text-align:right;} p.userselect, p.profileselect {position:absolute;left:598px;top:2px;} p.userselect select, p.profileselect select {width:140px;} p.formtext {width:224px;float:left;} p.formfield {width:484px;text-align:right;float:right;} p.formfield input {width:480px;} p.formfield input.button {width:auto;} p.formfield input.file {width:484px;} p.formfield input.checkbox {border:none;} p.formfield textarea {width:480px;height:60px;} p.formfield select {width:484px;} p.formfield textarea.tinymce {width:480px;height:250px;} p.formfieldcheck {width:354px;text-align:right;float:right;} p.formfieldcheck input {width:350px;} p.formfieldcheck input.button {width:auto;} p.formfieldcheck input.file {width:354px;} p.formfieldcheck input.checkbox {border:none;} p.formfieldcheck textarea {width:350px;height:60px;} p.formfieldcheck select {width:378px;} p.formcheck {width:120px;text-align:center;float:right;} p.formcheck input, p.formcheck label {cursor:pointer;} p.linklist {width:700px;} input.showhide {width:50px;position:absolute;left:680px;top:0px;background:#D9D9D9;border:1px solid #999999;}