/************************************ v18 12 February 2012 *************************************/ /************************************ Jaklina Trajcevska ***********************************/ /****************** MAIN BLOCK ELEMENTS ******************/ * {margin: 0; padding: 0; } /* To make sure all browsers see the same */ body, html {margin:0; padding:0; color:#000; font-size:0.9em; font-family: Arial, Helvetica, sans-serif; line-height:1.5em; } body {height:100%; } /***************************** Main container around the whole page ********************************/ div#wrapper {background-color:#fff; margin: 0 auto; padding: 0px; min-width:1280px; width:99.75% !important; float:left; height:1%; position:relative; } div#wrapper1 {background-color:#fff; margin: 0; padding: 0px; } div#maincontainer {padding: 0; margin: 0; /*overflow:hidden;*/ min-width:1050px; width:100% !important; float:left; height:1%; position:relative; } div#container {padding: 0.2em; margin: 1.2em 1.5em; /*overflow:hidden;*/ width:auto; } /************************ Header - contains navigation and subnavigation ***************************/ div#header {background-color:#1b519a; margin: 0em; padding: 0px 10px 5px 10px; text-align: left; } div#header1 {background:#1059a5 url(../images/myacount-header1.jpg) no-repeat; background-position:top right; margin: 0; padding: 0 0 5px 0; text-align: left; } div#headererror {background-color:#1b519a; margin: 0em; padding: 0px 10px 5px 10px; text-align: left; height:69px; } div#svcheader {background:#1059a5 url(../images/SingleClientView/backgroundimg1.jpg) no-repeat; background-position:top right; margin:0; padding: 15px 0px; text-align: left; height:50px; /* height:33px; */ } /*********************************** Logo / image in the header ***********************************/ div#header img {border: none; } div#header img .svclogo {border: none; margin:0 } div#header1 img .svclogo {border: none; margin:0 } .transportlogo {width:154px; height:34px; border:0; } .transportlogoerror {width:154px; height:34px; border:0; margin-top:15px; } /********************************* Calendar / date picker styling *********************************/ .calendr {border: none; margin-left: 5px;} img {border:none; } .calimage {float:left; margin-right:21px; margin-top:-3px; } img.ui-datepicker-trigger {padding-top:5px; padding-left:2px; cursor:pointer; float:left; } /***************************** Style for search box in bookings page *****************************/ .enternumber {color:#666; padding: 0 0 0 5px; } /***************************** Style divider between elements in VPCS search page *****************************/ .searchoption {float:left; margin:6px 0; font-weight:bold; } .divider {position:relative; top:9px; left:6px; width:99%; color:#e2e2e2; overflow:hidden; } /********************************** Main top navigation area *************************************/ div#nav {background: #1b519a; color: #fff; overflow: hidden; } div#nav1 {background: #1b519a; color: #fff; overflow: hidden; /*float: left; width: 99%;*/ } /**************************** Subnavigation area under main navigation ***************************/ div#subnav {background: url(../images/sub-background.gif) repeat; height: 35px; color: #fff; padding-top:3px; padding-bottom: 3px; } div#subnav1 {background: url(images/sub-background.gif) repeat; height: 35px; color: #fff; padding-top:3px; padding-bottom: 3px; overflow: hidden; float: left; width: 99%; } div#svcsubnav {background: #1059a5; color: #fff; overflow: hidden; } /**************************** Main content area under main navigation ***************************/ div#main {padding: 0.5em; margin: 0.5em 1em; min-height: 100%; height:auto; /*float:left; height: 1%; position:relative;*/ } div#main1 {padding: 20px 5px 20px 30px; margin-top: 20px; /*overflow:hidden; */} div#main3 {padding: 5px 5px 30px 25px; margin-top: 10px; min-height: 100%; height:auto; /*float:left; height:1%; position:relative; */} div#main4 {padding: 5px 5px 30px 25px; margin-top: 10px; /*overflow:hidden; float:left; width:1024px; text-align:left; */} div#main5 {padding: 5px 5px 30px 25px; margin-top: 10px; /*overflow:hidden; float:left; background:#d8ebff;*/ } div#main6 {padding: 5px 5px 30px 25px; margin-top: 10px; /*overflow:hidden; float:left; width:960px; font: normal 12px/16px Arial, Helvetica, sans-serif;*/} div#main7 {padding: 10px 10px; /*overflow:hidden; width:auto;*/ } div#main8 {padding: 0.6em 5em 0.6em 2em; margin: 1em auto 0 auto; min-height:300px; height:300px;} div#maincontent {padding: 15px 1px 15px 20px; margin-top: 2px; } #main2 {margin:1em; width:1050px; text-align:left; background:#fff; float:left; } /* Transport providers page container */ div#main9 {padding: 5px 5px 35px 35px; margin-top: 10px; min-height: 100%; height:auto; } /*********************** Inner content, within the main part of the pages ***********************/ div#inner {font-family:Arial, Helvetica, sans-serif; padding: 50px 50px 15px 50px; background: url(../images/home-background.gif) no-repeat center 120px; /* min-height: 370px; */ position:relative; height: auto; text-align: center; overflow:hidden; } div#inner1 {font-family:Arial, Helvetica, sans-serif; padding: 15px 95px 15px 15px; background: url(../images/home-background.gif) no-repeat center 5px; min-height: 370px; position:relative; height: auto; text-align: left; overflow:hidden; } div#inners {font-family:Arial, Helvetica, sans-serif; width:70%; height: auto; padding: 0px 50px 50px 50px; margin:0 auto; } div#innermain {font-family:Arial, Helvetica, sans-serif; width:70%; margin: 0 auto; padding: 0px 50px 50px 50px; margin:0 auto; } * html div#inner, div#main, div#inners, div#innermain, div#inner1 {min-height: 100%; } /****************** MAIN ELEMENTS - SPANS ******************/ div#inner1 h1 {color: #3b97de; text-align:center; margin:30px 0 5px 0; padding:15px; font:bold 30px/32px Arial, Helvetica, sans-serif; } div#inner1 h3 {color: #26699d; text-align:center; margin:5px 0 45px 0; padding:15px; font:bold 20px/22px Arial, Helvetica, sans-serif; } div#inner1 h4 {color: #26699d; text-align:left; margin:30px 0 5px 0; padding:15px; font:bold 18px/21px Arial, Helvetica, sans-serif; } div#heading {color: #3b97de; text-align:left; margin:5px 0 15px 0; padding:15px; font:bold 30px/32px Arial, Helvetica, sans-serif; } div#heading1 {color: #26699d; text-align:left; margin:5px 0 15px 0; padding:15px; font:bold 20px/22px Arial, Helvetica, sans-serif; } h4 span {font-weight: bold; color: #7e7e7e; font-size:1.2em; text-align: left; margin-left: 27px; } h5 span {font-weight: bold; color: #333; font-size:12px; text-align: left; /* margin-left: 6px; */ padding-top: 3px; display: block; } p span {font-weight: normal; color: #333; font-size:1.0em; text-align: left; padding-top: 6px; padding-bottom: 6px; } /****************** INDEX PAGE - HEADERS ******************/ div#inner1 .welcome {font-weight: bold; color: #26699D; font-size:1.2em; text-align: left; margin-top: 45px; padding:30px; } /****************** INPUT ITEMS WITHIN TABLE-LESS TABLES ******************/ .submitted {margin:-2px 10px 0 2px; width:20px; } .btns {margin:0 5px 0 5px; width:135px; } .btns1 {margin:0 5px 0 0; width:105px; } .btns2 {margin:0 0 0 5px; width:105px; border:none; } .btns3 {margin:0 15px 0 5px; border:none; text-decoration:none; } .btns4 {margin:0 15px 0 0; border:none; text-decoration:none; } .noborder {border:none; text-decoration:none; } /*******************************************************************************************************/ /* FONT STYLES */ /*******************************************************************************************************/ h1 {font: 22px/25px bold Arial, Helvetica, sans-serif; padding-top: 12px; padding-bottom: 15px; } h2 {font: 18px/21px bold Arial, Helvetica, sans-serif; padding-top: 12px; padding-bottom: 15px; } h3 {font: 16px/19px bold Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 15px; } h4 {font: 14px/17px bold Arial, Helvetica, sans-serif; padding-top: 6px; padding-bottom: 12px; } h5 {font: 12px/15px bold Arial, Helvetica, sans-serif; padding-top: 6px; padding-bottom: 10px; } h6 {font: 10px/14px bold Arial, Helvetica, sans-serif; padding-top: 3px; padding-bottom: 8px; } p {font: normal 12px/16px Arial, Helvetica, sans-serif; } p.errorval {margin:1px 0 6px 0; } li.errorval {margin:1px 0 6px 25px; } /*******************************************************************************************************/ /* SUCCESS, ERROR AND ALERT MESSAGES WITH BACKGROUND STYLE & ICONS */ /*******************************************************************************************************/ .successconf {background:#ddfbb2; padding:5px 0 18px 10px; margin:3px 10px 5px 3px; height:1%; } .successconf1 {background:#ddfbb2; padding:5px 0 18px 10px; margin:5px 25px 5px 25px; height:1%; } .successconf2 {background:#ddfbb2; padding:5px 0 18px 10px; margin:5px 25px 5px 0; height:1%; } /* For the Connect pages */ .errorconf {background:#ffcdcd; padding:5px 0 20px 10px; margin:10px 10px 5px 0; height:1%; width:99%; } .errorconf1 {background:#ffcdcd; padding:5px 0 18px 10px; margin:5px 25px 5px 25px; height:1%; } .errorconf2 {background:#ffcdcd; padding:5px 0 18px 10px; margin:5px 25px 5px 55px; height:1%; } .errorconf3 {background:#ffcdcd; padding:5px 0 20px 10px; margin:10px 10px 5px 0; width:99%; float:left; } .errorconf4 {background:#ffcdcd; padding:5px 0 18px 10px; margin:10px 10px 5px 0; height:1%; } .alertconf {background:#fffeaf; padding:5px 0 12px 10px; margin:3px 10px 5px 0; height:1%; } .alertconf1 {background:#fffeaf; padding:5px 0 18px 10px; margin:5px 25px 5px 25px; height:1%; } .alertconf2 {background:#fffeaf; padding:5px 0 15px 10px; margin:3px 10px 5px 5px; height:1%; } .infoconf {background:#fbd776; padding:5px 0 18px 10px; margin:5px 25px 5px 0; height:1%; } /* For the Connect pages */ .infoconf1 {background:#fbd776; padding:5px 0 18px 10px; margin:5px 25px 5px 10px; height:1%; } /* For the internal DVA pages */ .infoconf2 {background:#fbd776; padding:5px 0 18px 10px; margin:5px 25px 5px 25px; height:1%; } /* For the internal DVA transport pages */ .errorextra {margin-bottom:5px; padding-bottom:15px; margin-right:25px; } .msge {margin-left:65px; margin-top:-35px; padding-top:5px; font:normal 12px/15px Arial, Helvetica, sans-serif; } .duplicatetable {margin-left:55px; list-style:none; } .error {display:block; font:normal 12px/14px Arial, Helvetica, sans-serif; } /********************** Alert table styles to display duplicate bookings at top of page (DVA internal) **********************/ table.tablealert {border:0; border-collapse: collapse; margin-left:-15px; width:87%; border:none; } table.tablealert th {text-align: left; font-weight: normal; padding: 0.3em 0.5em; background: none; border:none; color:#000; font:bold 12px/14px Arial, Helvetica, sans-serif; } table.tablealert td {text-align: left; padding: 0.1em 0.5em; background: none; border:none; } table.tablealert th.tablehead {text-align: left; border:none; } table.tablealert th.tablecolumn1 {width:10%; text-align:left; } table.tablealert th.tablecolumn2 {width:18%; text-align:left; } table.tablealert th.tablecolumn3 {width:28%; text-align:left; } table.tablealert th.tablecolumn4 {width:28%; text-align:left; } table.tablealert td.tablecells1 {width:10%; vertical-align:text-top; padding:3px 5px; font:normal 12px/14px Arial, Helvetica, sans-serif; } table.tablealert td.tablecells2 {width:18%; vertical-align:text-top; padding:3px 5px; font:normal 12px/14px Arial, Helvetica, sans-serif; } table.tablealert td.tablecells3 {width:28%; vertical-align:text-top; padding:3px 5px; font:normal 12px/14px Arial, Helvetica, sans-serif; } table.tablealert td.tablecells4 {width:28%; vertical-align:text-top; padding:3px 5px; font:normal 12px/14px Arial, Helvetica, sans-serif; } /******************* Clearning around form elemens - giving them a block class **********************/ form p {clear:both; } div p {clear:both; } /*******************************************************************************************************/ /* TRAVEL TO AND FROM BOOKINGS - HEADERS WITH ICONS - TP AND HP */ /*******************************************************************************************************/ div#iconhead1 {font:bold 14px/16px Arial, Helvetica, sans-serif; color:#2a7fff; margin-top:2px; margin-bottom:5px; padding:5px 5px 0 30px; background:url(../images/tripdetail-icon3.gif) 2px 50% no-repeat; } div#iconhead2 {font:bold 14px/16px Arial, Helvetica, sans-serif; color:#2a7fff; margin-top:2px; margin-bottom:5px; padding:5px 5px 0 30px; background:url(../images/pickup-icon3.gif) 2px 50% no-repeat; } div#iconhead3 {font:bold 14px/16px Arial, Helvetica, sans-serif; color:#2a7fff; margin-top:2px; margin-bottom:5px; padding:5px 5px 0 30px; background:url(../images/setdown-icon3.gif) 2px 50% no-repeat; } .iconhead4 {font:bold 14px/16px Arial, Helvetica, sans-serif; color:#2a7fff; margin-top:2px; margin-bottom:2px; padding:0 5px 0 21px; background:url(../images/specialinstructions-icon5.gif) 2px 50% no-repeat; width:173px; float:left; } .iconhead5 {font:bold 14px/16px Arial, Helvetica, sans-serif; color:#2a7fff; margin-top:4px; margin-bottom:4px; padding:0 5px 0 21px; background:url(../images/specialinstructions-icon5.gif) 2px 50% no-repeat; width:168px; float:left; } div#iconhead6 {font:bold 14px/16px Arial, Helvetica, sans-serif; color:#2a7fff; margin-top:2px; margin-bottom:5px; padding:5px 5px 0 30px; } /*******************************************************************************************************/ /* TRAVEL TO AND FROM BOOKINGS - HEADERS WITH ICONS - BENEFICIARY */ /*******************************************************************************************************/ .travel {margin-top:2px; margin-bottom:1px; padding:5px 5px 2px 5px; } .travelfrom {font:bold 14px/16px Arial, Helvetica, sans-serif; color:#2a7fff; margin-right:15px;} .travelto {font:bold 14px/16px Arial, Helvetica, sans-serif; color:#2a7fff; margin-left:15px;} .sphead {width:195px; float:left; } .bookings8 .bookingicon {float:left; margin-right:5px; height:17px; width:24px; margin-right:5px; } .newbcwd {font: normal 12px/14px Arial, Helvetica, sans-serif; margin-left:0; float:left; } .newlongdistance {font: normal 12px/14px Arial, Helvetica, sans-serif; margin-left:25px; float:left; } .newbookings {margin:5px 0 0 0; padding-top:0; padding-bottom:10px; } /*********************************** Style for disabled text hyperlinks *****************************************/ .disablink {color: #666; } /********************************* Style for mandatory form / input field ***************************************/ div#mandatory {float:right; font:normal 12px/14px Arial, Helvetica, sans-serif; margin: 8px 10px 1px 0; overflow:hidden; } .mandatoryField {color:red; font-weight:bold; } /*******************************************************************************************************************/ /* HELP PAGES TITLES and SUBTITLES and OTHER STYLING */ /*******************************************************************************************************************/ div#helpheader {font:bold 20px/22px Arial, Helvetica, sans-serif; color:#4b77bb; margin-top:8px; margin-bottom:10px; } div.helptitles {font:bold 16px/20px Arial, Helvetica, sans-serif; color:#4b77bb; margin-top:12px; margin-bottom:10px; } p.normalp {font:normal 12px/16px Arial, Helvetica, sans-serif; margin:10px 0; } ul.help {font:normal 12px/16px Arial, Helvetica, sans-serif; margin:7px 17px; } ul.help1 {font:normal 12px/16px Arial, Helvetica, sans-serif; margin:3px 17px; } .special {font:bold 12px/16px Arial, Helvetica, sans-serif; color:#4b77bb; margin:10px 0; } .underlined {font:bold 12px/16px Arial, Helvetica, sans-serif; color:#4b77bb; margin:10px 0; text-decoration:underline; } p.captionp {font:normal 12px/16px Arial, Helvetica, sans-serif; margin:2px 0; } p.cellp {font:normal 12px/16px Arial, Helvetica, sans-serif; margin:4px 0; } /************************************** Today's Bookings - Home page styles ****************************************/ table.statuses {margin:0 0 0 3px; background:#000; margin:2px; border:none; width:735px; } table.statuses th.headerstatus {text-align: left; font-weight: normal; padding: 0.3em 0.5em; background: #333; border:none; color:#fff; font:bold 12px/14px Arial, Helvetica, sans-serif; } /*table.statuses td {text-align: left; padding: 0.1em 0.5em; background: none; border:none; }*/ table.statuses th.cellstatus {text-align: left; border:none; width:10%; padding: 0.6em; vertical-align:top; background:#bbb; color:#000; } table.statuses td.whitecells {width:75%; vertical-align:text-top; padding:3px 5px; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#fff; } table.statuses p.captionp {font:normal 12px/16px Arial, Helvetica, sans-serif; margin:2px 0; } table.statuses p.cellp {font:normal 12px/16px Arial, Helvetica, sans-serif; margin:4px 0; } .editability {border:none; width:42px; float:left; vertical-align:middle; } .editinfo {margin:1px 0 0 5px; padding:10px; border:2px solid #339966; background:#e0e0e0; width:654px; float:left; font:normal 12px/16px Arial, Helvetica, sans-serif; } .alertinfo {margin:1px 0 0 5px; padding:10px; border:2px solid #e3bc06; background:#e0e0e0; width:654px; float:left; font:normal 12px/16px Arial, Helvetica, sans-serif; } .italicised {font-style:italic; } /************************************** Edit a booking styles ****************************************/ .radiobtnimg {vertical-align:middle; margin:0 15px 0 0; } .selectlistimg, .buttonimg {vertical-align:middle; margin:0 15px 0 0; } .calendiconimg {/*vertical-align:top;*/ margin:0 15px 0 0; } .asterix {color:#f00; font:bold 12px/16px Arial, Helvetica, sans-serif; } /*************** ANCHOR LINK STYLES - GENERAL ***************/ div#inners a:link {text-decoration: underline; } div#inners a:visited {text-decoration: underline; } div#inners a:hover {text-decoration: underline; color: #555faa; } div#inners a:active {text-decoration: underline; } /********************* Left content area ************************/ div#leftcontent {width:75%; float:left; overflow:hidden; margin-top:15px; padding-left:10px; padding-bottom:5px; } div#leftcontent1 {width:80%; float:left; overflow:hidden; margin-top:0; padding-left:10px; padding-right:10px; padding-bottom:5px; } div#leftcontent2 {width:800px; float:left; overflow:hidden; margin-top:5px; padding-left:10px; padding-bottom:5px; } div#leftcontent3 {width:900px; float:left; overflow:hidden; margin-top:5px; padding-left:10px; padding-bottom:5px; } div#leftcontent4 {width:80%; float:left; overflow:hidden; margin-top:5px; padding-left:10px; padding-bottom:5px; } div#leftcontent5 {float:left; margin-top:0; padding:0 10px 5px 10px; width:75% !important; /*position:relative; display:block;*/ } div#leftcontent6 {width:75%; float:left; overflow:hidden; margin-top:5px; padding-left:10px; padding-right:10px; padding-bottom:5px; } /**************************** RHS INFO BOX *******************************/ div#rightbox {float:right; margin-left:10px; min-width:210px; width:210px !important; background:#fff; padding-top:3px; padding-bottom:3px; margin-right:10px; display:inline; } div#rightbox1 {margin-left:2px; width:210px; background:#fff; float:right; padding-bottom:3px; } /**************************** LHS INFO BOX *******************************/ div#leftbox {width:200px; margin-top:0; background:#fff; float:left; padding-top:3px; padding-bottom:3px; } div#leftboxs{width:219px; margin:0 0 0 15px; background:#fff; float:left; padding-top:3px; padding-bottom:3px; } /**************************** RHS CONTENT *******************************/ div#rightcontent {margin-left:210px; margin-top:0; padding-left:10px; padding-bottom:5px; } div#rightcontent1 {margin-left:2px; margin-top:0; padding-left:5px; padding-bottom:5px; float:left; } div#rightcontent2 {margin-left:5px; margin-top:0; padding-left:5px; padding-bottom:5px; float:left;} div#rightcontent3 {margin-left:5px; margin-top:0; padding-left:10px; padding-bottom:5px; float:left; } div#rightcolumn {width: 800px; float: left; margin-left:6px; padding:4px; } .clear {clear:both;} .clearpadded {clear:both; margin:15px 0 0 0; padding:5px 0 0 0; } div#rightcontent .header1, div#rightcontent1 .header1, div#rightcolumn .header1 {font:bold 14px/16px Arial, Helvetica, sans-serif; /* padding-bottom:15px; padding-top:15px; */ padding:8px; } div#rightcontent .header2, div#rightcontent1 .header2, div#rightcolumn .header2 {font:normal 12px/14px Arial, Helvetica, sans-serif; /* padding-bottom:15px; padding-top:15px; */ padding:8px; } div#rightcontent .header3, div#rightcontent1 .header3, div#rightcolumn .header3 {font:bold 14px/16px Arial, Helvetica, sans-serif; /* padding-bottom:15px; padding-top:15px; */ padding:8px 8px 8px 2px; } div#rightcontent .header4, div#rightcontent1 .header4, div#rightcolumn .header4 {font:bold 14px/16px Arial, Helvetica, sans-serif; padding:8px; margin-bottom:15px; } /*******************************************************************************************************************/ /* HORIZONTAL LINES */ /*******************************************************************************************************************/ .liner {border-bottom:1px solid #d5d5d5; padding-top: 10px; } .liner1 {border-bottom:2px solid #d5d5d5; padding-top: 0; margin-bottom: 8px; } .liner2 {border-bottom:2px solid #d5d5d5; margin-top:4px; margin-bottom:3px; } .liner3 {border-bottom:2px solid #d5d5d5; margin-top:8px; } .liner4 {border-bottom:1px solid #d5d5d5; padding-top:8px; margin-bottom: 10px; } .liner5 {border-bottom:1px solid #d5d5d5; padding-top:2px; margin-bottom: 10px; } .liner6 {border-bottom:1px solid #7398ae; padding-top:2px; margin-bottom: 10px;} .liner7 {border-bottom:1px solid #d5d5d5; margin-top:8px; } .liner8 {border-bottom:1px solid #d5d5d5; } .liner9 {border-bottom:1px solid #d5d5d5; /* margin-top: 10px; */ margin-bottom: 10px; padding-top:15px; padding-bottom:15px; } .liner10 {border-bottom:1px solid #7398ae; padding-top: 2px; } .liner11 {border-bottom:1px solid #d5d5d5; margin-top:-14px; margin-bottom:6px; /* width:94%; */ } .liner12 {border-bottom:1px solid #d5d5d5; margin-bottom:8px; } .liner14 {border-bottom:1px solid #d5d5d5; padding-top:5px; padding-bottom:10px; } .liner15 {border-bottom:1px solid #7398ae; padding-bottom: 10px; } .liner16 {border-bottom:1px solid #d5d5d5; margin-top:8px; margin-bottom:6px; } .liner17 {border-bottom:1px solid #d5d5d5; padding-top:10px; padding-bottom:5px; } .liner18 {border-bottom:1px solid #7398ae; padding-top:10px; margin-bottom: 8px;} .liner19 {border-bottom:1px solid #d5d5d5; margin-top:8px; } .liner20 {border-bottom:1px solid #d5d5d5; padding-top: 0; margin-bottom: 5px; } .liner21 {border-bottom:1px solid #d5d5d5; padding-top: 1px; margin-bottom: 4px; } .liner23 {border-bottom:1px solid #d5d5d5; padding-top: 10px; margin-bottom: 4px; } .liner24 {border-bottom:1px solid #d5d5d5; padding-top: 6px; margin-bottom: 2px; } .linerblue {border-bottom:1px solid #d5d5d5; padding-top:2px; margin-bottom: 10px;} .linergrey {border-bottom:1px solid #d5d5d5; padding:6px 0; margin: 5px 0; } .linergrey1 {border-bottom:1px solid #d5d5d5; padding:6px 0; margin: 5px 0; width:600px; } /*************************************************************************************************/ /* 7 COLUMN TABLE-LESS TABLE DATA - ANOTHER ONE (DIFFERENT COL WIDTHS) */ /*************************************************************************************************/ .row7f {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; } .row7fhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c8dbeb; } .row7fodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } .col7f1 {float: left; overflow:hidden; margin:0 0 0 3px; padding: 2px; width: 6%; } .col7f2 {float: left; overflow:hidden; margin:3px 0 1px 3px; padding: 2px; width: 16%; } .col7f3 {float: left; overflow:hidden; margin:3px 0 1px 3px; padding: 2px; width: 14%; } .col7f4 {float: left; overflow:hidden; margin:3px 0 1px 3px; padding: 2px; width: 14%; } .col7f5 {float: left; overflow:hidden; margin:3px 0 1px 3px; padding: 2px; width: 10%; } .col7f6 {float: left; overflow:hidden; margin:3px 0 1px 3px; padding: 2px; width: 14%; } .col7f7 {float: left; overflow:hidden; margin:3px 0 1px 3px; padding: 2px; width: 12%; } .head7f1, .head7f2, .head7f3, .head7f4, .head7f5, .head7f6, .head7f7 { float:left; margin-left:3px; padding: 2px; overflow:hidden; font: bold 14px/16px Arial, Helvetica, sans-serif; } .head7f1 {width:6%;} .head7f2 {width:16%;} .head7f3 {width:14%;} .head7f4 {width:14%;} .head7f5 {width:10%;} .head7f6 {width:14%;} .head7f7 {width:12%;} /*************************************************************************************************/ /* 7 COLUMN TABLE-LESS TABLE DATA - ANOTHER ONE (DIFFERENT COL WIDTHS) */ /*************************************************************************************************/ .row7t {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; } .rowb7thead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c8dbeb; margin-bottom:5px; } .row7todd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } .col7t1 {float: left; overflow:hidden; margin-left:4px; padding: 2px; width: 11%; } .col7t2 {float: left; overflow:hidden; margin-left:4px; padding: 2px; width: 20%; } .col7t3 {float: left; overflow:hidden; margin-left:4px; padding: 2px; width: 7%; } .col7t4 {float: left; overflow:hidden; margin-left:4px; padding: 2px; width: 6%; } .col7t5 {float: left; overflow:hidden; margin-left:4px; padding: 2px; width: 12%; } .col7t6 {float: left; overflow:hidden; margin-left:4px; padding: 2px; width: 25%; } .col7t7 {float: left; overflow:hidden; margin-left:4px; padding: 2px; width: 14%; } .head7t1, .head7t2, .head7t3, .head7t4, .head7t5, .head7t6, .head7t7 { float:left; margin-left:3px; padding: 8px 3px 8px 2px; overflow:hidden; font: bold 14px/16px Arial, Helvetica, sans-serif; } .head7t1 {width:11%;} .head7t2 {width:20%;} .head7t3 {width:7%;} .head7t4 {width:6%;} .head7t5 {width:12%;} .head7t6 {width:25%;} .head7t7 {width:14%;} /******************************************************************************/ /* 6 COLUMN TABLE-LESS TABLE DATA */ /******************************************************************************/ div.rowa {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.rowahead{float: left; overflow:hidden; margin: 0 0 0 3px; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c8dbeb; } div.cols1 {float: left; overflow:hidden; margin-left:3px; padding: 8px 3px 8px 2px; width: 14%; } div.cols2 {float: left; overflow:hidden; margin-left:3px; padding: 8px 3px 8px 2px; width: 14%; } div.cols3 {float: left; overflow:hidden; margin-left:3px; padding: 8px 3px 8px 2px; width: 14%; } div.cols4 {float: left; overflow:hidden; margin-left:3px; padding: 8px 3px 8px 2px; width: 25%; } div.cols5 {float: left; overflow:hidden; margin-left:3px; padding: 8px 3px 8px 2px; width: 14%; } div.cols6 {float: left; overflow:hidden; margin-left:3px; padding: 8px 3px 8px 2px; width: 10%; text-align:center; } .heading1, .heading2, .heading3, .heading4, .heading5, .heading6 { float:left; margin-left:3px; padding: 8px 3px 8px 2px; overflow:hidden; font: bold 14px/16px Arial, Helvetica, sans-serif; /* border-bottom: 1px solid #d5d5d5; */ } .heading1 {width: 14%; } .heading2 {width: 14%; } .heading3 {width: 14%; } .heading4 {width: 25%; } .heading5 {width: 14%; } .heading6 {width: 10%; } /*************************************************************************************************/ /* 6 COLUMN TABLE-LESS TABLE DATA - ANOTHER ONE (DIFFERENT COL WIDTHS) */ /*************************************************************************************************/ div.row6p {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.row6phead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c8dbeb; } div.row6podd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.col6p1 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } div.col6p2 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } div.col6p3 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 14%; } div.col6p4 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 25%; } div.col6p5 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 25%; } div.col6p6 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } .head6p1, .head6p2, .head6p3, .head6p4, .head6p5, .head6p6 { float:left; margin-left:3px; padding: 2px; overflow:hidden; font: bold 14px/16px Arial, Helvetica, sans-serif; /* border-bottom: 1px solid #d5d5d5; */ } .head6p1 {width: 10%; } .head6p2 {width: 10%; } .head6p3 {width: 14%; } .head6p4 {width: 25%; } .head6p5 {width: 25%; } .head6p6 {width: 10%; } /*************************************************************************************************/ /* 6 COLUMN TABLE-LESS TABLE DATA - ANOTHER ONE (DIFFERENT COL WIDTHS) */ /*************************************************************************************************/ div.row6t {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.row6thead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c8dbeb; } div.row6todd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.col6t1 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 20%; } div.col6t2 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 12%; } div.col6t3 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 12%; } div.col6t4 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } div.col6t5 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 25%; } div.col6t6 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 15%; } .head6t1, .head6t2, .head6t3, .head6t4, .head6t5, .head6t6 { float:left; margin-left:3px; padding: 2px; overflow:hidden; font: bold 14px/16px Arial, Helvetica, sans-serif; /* border-bottom: 1px solid #d5d5d5; */ } .head6t1 {width: 20%; } .head6t2 {width: 12%; } .head6t3 {width: 12%; } .head6t4 {width: 10%; } .head6t5 {width: 25%; } .head6t6 {width: 15%; } /******************************************************************************/ /* 5 COLUMN TABLE-LESS TABLE DATA */ /******************************************************************************/ .row5 {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; } .row5head {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c8dbeb; } .row5odd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } .col5s1 {float: left; overflow:hidden; margin-left:3px; padding: 2px 1px; width: 18%; } .col5s1a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 2px 1px; width: 18%; } .col5s2 {float: left; overflow:hidden; margin-left:3px; padding: 2px 1px; width: 14%; } .col5s2a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 2px 1px; width: 14%; } .col5s3 {float: left; overflow:hidden; margin-left:3px; padding: 2px 1px; width: 14%; } .col5s3a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 2px 1px; width: 14%; } .col5s4 {float: left; overflow:hidden; margin-left:3px; padding: 2px 1px; width: 25%; } .col5s4a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 2px 1px; width: 25%; } .col5s5 {float: left; overflow:hidden; margin-left:3px; padding: 2px 1px; width: 14%; } .col5s5a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 2px 1px; width: 14%; } .head5ing1, .head5ing2, .head5ing3, .head5ing4, .head5ing5 { float:left; margin-left:3px; padding:5px 1px 1px 1px; overflow:hidden; font: bold 14px/16px Arial, Helvetica, sans-serif; /* border-bottom: 1px solid #d5d5d5; */ } .head5ing1 {width: 18%; } .head5ing2 {width: 14%; } .head5ing3 {width: 14%; } .head5ing4 {width: 25%; } .head5ing5 {width: 14%; } /******************************************************************************/ /* 5 COLUMN TABLE-LESS TABLE DATA - another one */ /******************************************************************************/ .row5d {float: left; overflow:hidden; margin: 0; padding: 2px; width: 800px; font:normal 12px/14px Arial, Helvetica, sans-serif; } .row5dhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 800px; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c8dbeb; } .row5dodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 800px; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } .col5ds1 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 18%; } .col5ds1a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 1px; width: 18%; } .col5ds2 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 14%; } .col5ds2a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 1px; width: 14%; } .col5ds3 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 14%; } .col5ds3a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 1px; width: 14%; } .col5ds4 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 25%; } .col5ds4a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 1px; width: 25%; } .col5ds5 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 14%; } .col5ds5a {float: left; overflow:hidden; margin-left:3px; margin-top:10px; padding: 1px; width: 14%; } .head5ding1, .head5ding2, .head5ding3, .head5ding4, .head5ding5 { float:left; margin-left:3px; padding: 1px; overflow:hidden; font: bold 14px/16px Arial, Helvetica, sans-serif; /* border-bottom: 1px solid #d5d5d5; */ } .head5ding1 {width: 18%; } .head5ding2 {width: 14%; } .head5ding3 {width: 14%; } .head5ding4 {width: 25%; } .head5ding5 {width: 14%; } /******************************************************************************/ /* 4 COLUMN TABLE-LESS TABLE DATA */ /******************************************************************************/ div.row4col {float: left; overflow:hidden; margin: 0; padding: 2px; clear:both; width: 87%; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.row4colhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; clear:both; width: 87%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c8dbeb; } div.row4colodd {float: left; overflow:hidden; margin: 0; padding: 2px; clear:both; width: 87%; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.col4s1 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 25%; } div.col4s1 input {border: 1px solid #3494e0; padding:3px; } div.col4s2 {float:left; overflow:hidden; margin-left:3px; padding: 1px; width: 20%; } div.col4s2 input {border: 1px solid #3494e0; padding:3px; } div.col4s3 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 17%; } div.col4s3 input {border: 1px solid #3494e0; padding:3px; } div.col4s4 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 17%; } div.col4s4 input {border: 1px solid #3494e0; padding:3px; } .col4s1 span, div.col4s2 span, div.col4s3 span, div.col4s4 span { font: bold 12px/14px Arial, Helvetica, sans-serif; margin-left:5px; } .col4head1, .col4head2, .col4head3, .col4head4 { float:left; margin-left:3px; padding: 1px; overflow:hidden; font: normal 12px/14px Arial, Helvetica, sans-serif; } .col4head1 {width:25%; } .col4head2 {width:20%; } .col4head3 {width:17%; } .col4head4 {width:17%; } /******************************************************************************/ /* 4 COLUMN TABLE-LESS TABLE DATA - DIFFERENT COLUMN WIDTHS */ /******************************************************************************/ div.row4acol {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; clear:both; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.row4acolhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; clear:both; font:normal 12px/15px Arial, Helvetica, sans-serif; background:#c3dcea; } div.row4acolodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; clear:both; background:#eaeff2; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.col4a1 {float: left; overflow:hidden; margin:2px 1px 3px 3px; padding:2px; width: 35%; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.col4a2 {float: left; overflow:hidden; margin:2px 1px 3px 1px; padding:2px; width: 10%; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.col4a2 input {border: 1px solid #3494e0; } div.col4a3 {float: left; overflow:hidden; margin:2px 1px 3px 1px; padding:2px; width: 25%; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.col4a3 input {border: 1px solid #3494e0; } div.col4a4 {float: left; overflow:hidden; margin:2px 1px 3px 1px; padding:2px; width: 20%; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.col4a4 input, select { border: 1px solid #3494e0; } .col4ahead1, .col4ahead2, .col4ahead3, .col4ahead4 { float:left; overflow:hidden; margin-left:3px; padding: 1px; font: bold 14px/17px Arial, Helvetica, sans-serif; } .col4ahead1 {width:35%; } .col4ahead2 {width:10%; } .col4ahead3 {width:25%; } .col4ahead4 {width:20%; } /******************************************************************************/ /* 4 COLUMN TABLE-LESS TABLE DATA - DIFFERENT COLUMN WIDTHS - 2ND ONE */ /******************************************************************************/ div.row4ncol {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; clear:both; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.row4ncolhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; clear:both; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c3dcea; } div.row4ncolodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; clear:both; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.col4n1 {float: left; overflow:hidden; margin-left:3px; padding:2px; width: 20%; } div.col4n2 {float:left; overflow:hidden; margin-left:3px; padding:2px; width: 20%; } div.col4n2 input {border: 1px solid #3494e0; } div.col4n3 {float: left; overflow:hidden; margin-left:3px; padding:2px; width: 40%; } div.col4n3 input {border: 1px solid #3494e0; } div.col4n4 {float: left; overflow:hidden; margin-left:3px; padding:2px; width: 10%; } div.col4n4 input, select { border: 1px solid #3494e0; } .col4nhead1, .col4nhead2, .col4nhead3, .col4nhead4 { float:left; margin-left:3px; padding: 2px; overflow:hidden; font: bold 12px/14px Arial, Helvetica, sans-serif; } .col4nhead1 {width:20%; } .col4nhead2 {width:20%; } .col4nhead3 {width:40%; } .col4nhead4 {width:10%; } /**************************************************************************************************/ /* 4 COLUMN TABLE-LESS TABLE DATA - DIFFERENT COLUMN WIDTHS - USED IN TRANSPORT EDIT NOTE */ /**************************************************************************************************/ div.row4w {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; clear:both; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.row4whead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; clear:both; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c3dcea; } div.row4wodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; clear:both; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.col4w1 {float: left; overflow:hidden; margin-left:3px; padding:2px; width: 14%; } div.col4w2 {float: left; overflow:hidden; margin-left:3px; padding:2px; width: 23%; } div.col4w3 {float: left; overflow:hidden; margin-left:3px; padding:2px; width: 14%; } div.col4w4 {float: left; overflow:hidden; margin-left:3px; padding:2px; width: 42%; } .col4whead1, .col4whead2, .col4whead3, .col4whead4 { float:left; margin-left:3px; padding: 2px; overflow:hidden; font: bold 14px/16px Arial, Helvetica, sans-serif; } .col4whead1 {width: 14%; margin-top:10px; } .col4whead2 {width: 23%; margin-top:10px; } .col4whead3 {width: 14%;} .col4whead4 {width: 42%; margin-top:10px; } /******************************************************************************/ /* 3 COLUMN TABLE-LESS TABLE DATA */ /******************************************************************************/ div.row3col {float: left; overflow:hidden; margin: 0; padding: 2px; width: 95%; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.row3colhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 95%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c3dcea; } div.row3colodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 95%; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.col3s1 {float: left; overflow:hidden; width: 29%; margin-left:3px; padding: 8px 3px 8px 8px; } div.col3s1 input {border: 1px solid #3494E0; padding:1px; } div.col3s2 {float:left; overflow:hidden; width: 29%; margin-left:3px; padding: 8px 3px 8px 8px; } div.col3s2 input {border: 1px solid #3494E0; padding:1px; } div.col3s3 {float: left; overflow:hidden; width: 35%; margin-left:3px; padding: 8px 3px 8px 8px; } div.col3s3 input {border: 1px solid #3494E0; padding:1px; } div.col3s1 span, div.col3s2 span, div.col3s3 span {margin-right:5px; } .colshead1, .colshead2, .colshead3 { float:left; margin-left:3px; padding: 8px 3px 8px 8px; overflow:hidden; font: normal 12px/14px Arial, Helvetica, sans-serif; } .colshead1 {width:30%; } .colshead2 {width:30%; } .colshead3 {width:35%; } /******************************************************************************/ /* 2 COLUMN TABLE-LESS TABLE DATA - HEADER NORMAL */ /******************************************************************************/ div.row2col {float: left; overflow:hidden; margin: 0; padding: 2px; width: 95%; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.row2colhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 95%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c3dcea; } div.col2s1 {float: left; overflow:hidden; margin-left:3px; padding:1px; width: 29%; } div.col2s2 {float: left; overflow:hidden; margin-left:3px; padding:1px; width: 68%; } div.col2s2 input {border: 1px solid #3494E0; padding:3px; } .col2shead1, .col2shead2 { float:left; margin-left:3px; padding:1px; overflow:hidden; font: normal 12px/14px Arial, Helvetica, sans-serif; } .col2shead1 {width:29%; } .col2shead2 {width:68%; } /*********************************************************************************************************/ /* 2 COLUMN TABLE-LESS TABLE DATA - HEADER BOLD */ /*********************************************************************************************************/ /******************************** Used on DVA internal validation error page *****************************/ div.row2ecol {float: left; overflow:hidden; margin: 0; padding: 3px 3px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.row2ecolhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 3px 3px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c3dcea; } div.row2ecolodd {float: left; overflow:hidden; margin: 0; padding: 3px 3px; width: 99%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#eaeff2; } div.col2e1 {float: left; overflow:hidden; margin:3px; padding:3px; width: 28%; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.col2e2 {float: left; overflow:hidden; margin:3px; padding:3px; width: 60%; font:bold 12px/14px Arial, Helvetica, sans-serif; } .col2ehead1, .col2ehead2 { float:left; margin-left:3px; padding:1px; overflow:hidden; font: normal 12px/14px Arial, Helvetica, sans-serif; } .col2ehead1 {width:26%; } .col2ehead2 {width:63%; } /******************************************************************************/ /* 2 COLUMN TABLE-LESS TABLE DATA - HEADER BOLD */ /******************************************************************************/ div.row2acol {float: left; overflow:hidden; margin:0; padding:2px; width: 90%; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.row2acolhead {float: left; overflow:hidden; margin:0 0 3px 0; padding:2px; width: 90%; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#c3dcea; } div.row2acolodd {float: left; overflow:hidden; margin:0; padding:2px; width: 90%; background:#eaeff2; font:normal 12px/14px Arial, Helvetica, sans-serif; } div.col2a1 {float: left; overflow:hidden; margin:2px 2px 2px 3px; padding:2px 1px 5px 1px; width: 25%; } div.col2a2 {float: left; overflow:hidden; margin:2px 2px 2px 3px; padding:2px 1px 5px 1px; width: 65%; } div.col2a2 input {border: 1px solid #3494e0; padding:3px; } .col2ahead1, .col2ahead2 { float:left; overflow:hidden; margin:2px 2px 2px 3px; padding:1px; font: bold 12px/14px Arial, Helvetica, sans-serif; } .col2ahead1 {width:25%; } .col2ahead2 {width:65%; } /**********************************************************************************************/ /* FORM INPUT ITEMS - WIDTHS */ /**********************************************************************************************/ .extrasmall {width: 10px; } .small {width: 100px; } .medium {width: 200px; } .large {width: 300px; } .extralarge {width: 450px; } /**********************************************************************************************/ /* HEADER PARTS */ /**********************************************************************************************/ div#searchhead, div#healthhead {/*width:100%;*/ font: bold 16px/18px Arial, Helvetica, sans-serif; margin-top:8px; margin-bottom:10px; } div#searchhead1, div#healthhead1 {/*width:100%;*/ font: normal 12px/14px Arial, Helvetica, sans-serif; /* margin-top:8px; */ margin-bottom:10px; } div#searchhead2, div#healthhead2 {/*width:100%;*/ font: bold 16px/18px Arial, Helvetica, sans-serif; margin-top:12px; margin-bottom:10px; } div#searchhead3, div#healthhead3 {/*width:100%;*/ font: bold 16px/18px Arial, Helvetica, sans-serif; margin-top:8px; margin-bottom:6px; } div#searchhead4, div#healthhead4 {/*width:100%;*/ font: bold 14px/16px Arial, Helvetica, sans-serif; padding-top:8px; padding-bottom:15px; clear:both; } .historyNewBooking {font: normal 12px/14px Arial, Helvetica, sans-serif; margin-left:25px; } /**********************************************************************************************/ /* SEARCH RESULTS TABLES - RESULTS NUMBERING */ /**********************************************************************************************/ div#result {float:left; width:390px; padding-top: 5px; padding-bottom: 5px; font: normal 12px/16px Arial, Helvetica, sans-serif; } .result {float:left; width:390px; padding-top: 5px; padding-bottom: 5px; font: normal 12px/16px Arial, Helvetica, sans-serif; } .result1 {float:left; width:295px; padding-top: 5px; padding-bottom: 5px; font: normal 12px/16px Arial, Helvetica, sans-serif; } .resulttop {float:left; width:390px; padding-top: 5px; padding-bottom: 5px; font: normal 12px/16px Arial, Helvetica, sans-serif; } div#result1 {float:left; width:240px; padding-top: 5px; padding-bottom: 5px; font: normal 12px/16px Arial, Helvetica, sans-serif; } div#result1t {float:left; width:450px; padding-top: 5px; padding-bottom: 15px; color:#000; font: normal 12px/16px Arial, Helvetica, sans-serif; } div#result1b {float:left; width:450px; padding-top: 15px; padding-bottom: 5px; color:#000; font: normal 12px/16px Arial, Helvetica, sans-serif; } div#numbering {margin:0 0 0 395px; padding:5px 5px 5px 12px; font: normal 12px/16px Arial, Helvetica, sans-serif; } .numbering {margin:0 0 0 395px; padding:5px 5px 5px 12px; font: normal 12px/16px Arial, Helvetica, sans-serif; } .numbering1 {margin:0 0 0 395px; padding:5px 5px 5px 12px; font: normal 12px/16px Arial, Helvetica, sans-serif; } .numberingtop {margin:0 0 0 35px; padding:5px 5px 5px 12px; font: normal 12px/16px Arial, Helvetica, sans-serif; width: 285px; float:left; } #numberingbottom{margin:0 0 0 430px; padding:5px 5px 5px 12px; font: normal 12px/16px Arial, Helvetica, sans-serif; } div#numbering1 {margin-left:245px; padding-left: 12px; padding-top: 5px; padding-bottom: 5px; font: normal 12px/16px Arial, Helvetica, sans-serif; } div#numbering1t {margin-left:455px; padding-left: 12px; padding-top: 5px; padding-bottom: 15px; color:#3a8de2; font: normal 12px/16px Arial, Helvetica, sans-serif; } div#numbering1b {margin-left:455px; padding-left: 12px; padding-top: 15px; padding-bottom: 5px; color:#3a8de2; font: normal 12px/16px Arial, Helvetica, sans-serif; } .numberspace {margin:0 3px; } .nextspace {margin:0 0 0 15px; } .toptablesearch {margin:0 10px 5px 35px; padding:5px 5px 5px 12px; font: normal 12px/16px Arial, Helvetica, sans-serif; float:right; padding:4px; } /*********************************** Spacing for results numbers *****************************************/ .rsltsnum {margin:0 2px 0 2px; } /****************************************************************************************/ /* ADVANCED SEARCH RESULTS TABLES - 5 COL */ /****************************************************************************************/ div.resultsrows {float: left; overflow:hidden; margin: 0; padding: 2px; width: 90%; } div.resultsrowshead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 90%; background:#c3dcea; } div.resultsrowsodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 90%; background:#eaeff2; } div.resultscol1 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 26%; } div.resultscol2 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 15%; } div.resultscol3 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 15%; } div.resultscol4 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 15%; } div.resultscol5 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 20%; } .resultshead1, .resultshead2, .resultshead3, .resultshead4, .resultshead5 { float:left; overflow:hidden; margin-left:3px; padding: 1px; font: bold 14px/16px Arial, Helvetica, sans-serif; } .resultshead1 {width: 26%; } .resultshead2 {width: 15%; } .resultshead3 {width: 15%; } .resultshead4 {width: 15%; } .resultshead5 {width: 20%; } /****************************************************************************************/ /* ADVANCED SEARCH RESULTS TABLES - 6 COL */ /****************************************************************************************/ div.resultsbrows {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; } div.resultsbrowshead{float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; background:#c3dcea; } div.resultsbrowsodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; } div.resultsbcol1 {float: left; overflow:hidden; margin:0 0 0 3px; padding:5px 3px; width: 15%; font: normal 12px/15px Arial, Helvetica, sans-serif; } div.resultsbcol2 {float: left; overflow:hidden; margin:0 0 0 3px; padding:5px 3px; width: 12%; font: normal 12px/15px Arial, Helvetica, sans-serif; } div.resultsbcol3 {float: left; overflow:hidden; margin:0 0 0 3px; padding:5px 3px; width: 12%; font: normal 12px/15px Arial, Helvetica, sans-serif; } div.resultsbcol4 {float: left; overflow:hidden; margin:0 0 0 3px; padding:5px 3px; width: 8%; font: normal 12px/15px Arial, Helvetica, sans-serif; } div.resultsbcol5 {float: left; overflow:hidden; margin:0 0 0 3px; padding:5px 3px; width: 8%; font: normal 12px/15px Arial, Helvetica, sans-serif; } div.resultsbcol6 {float: left; overflow:hidden; margin:0 0 0 3px; padding:5px 3px; width: 30%; font: normal 12px/15px Arial, Helvetica, sans-serif; } .resultsbhead1, .resultsbhead2, .resultsbhead3, .resultsbhead4, .resultsbhead5, .resultsbhead6 { float:left; overflow:hidden; font: bold 14px/18px Arial, Helvetica, sans-serif; } .resultsbhead1 {width: 15%; margin:0 0 0 5px; padding: 1px; } .resultsbhead2 {width: 12%; margin:0 0 0 5px; padding: 1px; } .resultsbhead3 {width: 12%; margin:0 0 0 9px; padding: 1px; } .resultsbhead4 {width: 8%; margin:0 0 0 5px; padding: 1px; } .resultsbhead5 {width: 8%; margin:0 0 0 7px; padding: 1px; } .resultsbhead6 {width: 30%; margin:0 0 0 9px; padding: 1px; } /****************************************************************************************/ /* ADVANCED SEARCH RESULTS TABLES - 10 COL */ /****************************************************************************************/ div.resultscrows {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; } div.resultscrowshead{float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; background:#c3dcea; } div.resultscrowsodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; } div.resultsccol1 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 3%; } div.resultsccol2 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 3%; } div.resultsccol3 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 7%; } div.resultsccol4 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 10%; } div.resultsccol5 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 7%; } div.resultsccol6 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 9%; } div.resultsccol7 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 17%; } div.resultsccol8 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 17%; } div.resultsccol9 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 7%; } div.resultsccol10 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 10%; } .resultschead1, .resultschead2, .resultschead3, .resultschead4, .resultschead5, .resultschead6, .resultschead7, .resultschead8, .resultschead9, .resultschead10 { float:left; overflow:hidden; margin-left:3px; padding: 1px; font: bold 14px/16px Arial, Helvetica, sans-serif; } .resultschead1 {width: 3%; } .resultschead2 {width: 3%; } .resultschead3 {width: 7%; } .resultschead4 {width: 10%; } .resultschead5 {width: 7%; } .resultschead6 {width: 9%; } .resultschead7 {width: 17%; } .resultschead8 {width: 17%; } .resultschead9 {width: 7%; } .resultschead10 {width:10%; } /****************************************************************************************/ /* 9 COLUMN TABLE */ /****************************************************************************************/ div.row9 {float: left; overflow:hidden; margin: 0; padding: 2px; width:87%; } div.row9head {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width:87%; background:#c3dcea; } div.row9odd {float: left; overflow:hidden; margin: 0; padding: 2px; width:87%; background:#eaeff2; } div.row9col1 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 5%; } div.row9col2 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 3%; } div.row9col3 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } div.row9col4 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 9%; } div.row9col5 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 11%; } div.row9col6 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } div.row9col7 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 16%; } div.row9col8 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 16%; } div.row9col9 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 7%; } .row9head1, .row9head2, .row9head3, .row9head4, .row9head5, .row9head6, .row9head7, .row9head8, .row9head9 { float:left; overflow:hidden; margin-left:3px; padding: 2px; font: bold 14px/16px Arial, Helvetica, sans-serif; } .row9head1 {width: 5%; } .row9head2 {width: 3%; } .row9head3 {width: 10%; } .row9head4 {width: 9%; } .row9head5 {width: 11%; } .row9head6 {width: 10%; } .row9head7 {width: 16%; } .row9head8 {width: 16%; } .row9head9 {width: 7%; } /************************************************************************************************************/ /* 9 COLUMN TABLE - USED IN BOOKINGS CLIENT DETAIL PAGES */ /************************************************************************************************************/ div.row9b {float: left; overflow:hidden; margin: 0; padding: 2px; width:99%; font: normal 12px/14px Arial, Helvetica, sans-serif; } div.row9bhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width:99%; font: normal 12px/14px Arial, Helvetica, sans-serif; background:#c3dcea; } div.row9bodd {float: left; overflow:hidden; margin: 0; padding: 2px; width:99%; background:#eaeff2; font: normal 12px/14px Arial, Helvetica, sans-serif; } div.row9bcol1 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 6%; } div.row9bcol2 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 3%; } div.row9bcol3 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 11%; } div.row9bcol4 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 12%; } div.row9bcol5 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } div.row9bcol6 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 8%; } div.row9bcol7 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 16%; } div.row9bcol8 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 16%; } div.row9bcol9 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 9%; } .row9bhead1, .row9bhead1a, .row9bhead2, .row9bhead2a, .row9bhead3, .row9bhead4, .row9bhead5, .row9bhead6, .row9bhead7, .row9bhead8, .row9bhead9 { float:left; overflow:hidden; margin-left:3px; padding: 2px; font: bold 14px/16px Arial, Helvetica, sans-serif; } .row9bhead1 {width: 6%; } .row9bhead1a {width: 6%; margin-top:10px; } .row9bhead2 {width: 3%; } .row9bhead2a {width: 3%; margin-top:10px; } .row9bhead3 {width: 11%; } .row9bhead4 {width: 12%; } .row9bhead5 {width: 10%; } .row9bhead6 {width: 8%; } .row9bhead7 {width: 16%; } .row9bhead8 {width: 16%; } .row9bhead9 {width: 9%; } /****************************************************************************************/ /* 9 COLUMN TABLE - DIFFERENT COLUMN WIDTHS */ /****************************************************************************************/ div.rowh9 {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; } div.rowh9head {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; background:#c3dcea; } div.rowh9odd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; } div.rowh9col1 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 15%; } div.rowh9col2 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } div.rowh9col3 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 15%; } div.rowh9col4 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 15%; } div.rowh9col5 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 8%; } div.rowh9col6 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 5%; } div.rowh9col7 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 5%; } div.rowh9col8 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 5%; } div.rowh9col9 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 8%; } .rowh9head1, .rowh9head2, .rowh9head3, .rowh9head4, .rowh9head5, .rowh9head6, .rowh9head7, .rowh9head8, .rowh9head9 { float:left; overflow:hidden; margin-left:3px; padding: 2px; font: bold 14px/16px Arial, Helvetica, sans-serif; } .rowh9head1 {width: 15%; } .rowh9head2 {width: 10%; } .rowh9head3 {width: 15%; } .rowh9head4 {width: 15%; } .rowh9head5 {width: 8%; } .rowh9head6 {width: 5%; } .rowh9head7 {width: 5%; } .rowh9head8 {width: 5%; } .rowh9head9 {width: 8%; } /****************************************************************************************/ /* 8 COLUMN TABLE */ /****************************************************************************************/ div.row8 {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; } div.row8head {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; background:#c3dcea; } div.row8odd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; } div.row8col1 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 7%; } div.row8col2 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 3%; } div.row8col3 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 10%; } div.row8col4 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 8%; } div.row8col5 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 7%; } div.row8col6 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 8%; } div.row8col7 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 17%; } div.row8col8 {float: left; overflow:hidden; margin-left:3px; padding: 1px; width: 7%; } .row8head1, .row8head2, .row8head3, .row8head4, .row8head5, .row8head6, .row8head7, .row8head8 { float:left; overflow:hidden; margin-left:3px; padding: 1px; font: bold 14px/16px Arial, Helvetica, sans-serif; } .row8head1 {width: 7%; } .row8head2 {width: 3%; } .row8head3 {width: 10%; } .row8head4 {width: 8%; } .row8head5 {width: 7%; } .row8head6 {width: 8%; } .row8head7 {width: 17%; } .row8head8 {width: 10%; } /****************************************************************************************/ /* 8 COLUMN TABLE - DIFFERENT COLUMN WIDTHS */ /****************************************************************************************/ div.row8b {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; } div.row8bhead {float: left; overflow:hidden; margin: 0 0 3px 0; padding: 2px; width: 99%; background:#c3dcea; } div.row8bodd {float: left; overflow:hidden; margin: 0; padding: 2px; width: 99%; background:#eaeff2; } div.row8bcol1 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 20%; } div.row8bcol2 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 15%; } div.row8bcol3 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 20%; } div.row8bcol4 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 8%; } div.row8bcol5 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 5%; } div.row8bcol6 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 5%; } div.row8bcol7 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } div.row8bcol8 {float: left; overflow:hidden; margin-left:3px; padding: 2px; width: 10%; } .row8bhead1, .row8bhead2, .row8bhead3, .row8bhead4, .row8bhead5, .row8bhead6, .row8bhead7, .row8bhead8 { float:left; overflow:hidden; margin-left:3px; padding: 2px; font: bold 14px/16px Arial, Helvetica, sans-serif; } .row8bhead1 {width: 20%; } .row8bhead2 {width: 15%; } .row8bhead3 {width: 20%; } .row8bhead4 {width: 8%; } .row8bhead5 {width: 5%; } .row8bhead6 {width: 5%; } .row8bhead7 {width: 10%; } .row8bhead8 {width: 10%; } /*************************************************************************************/ /* CLIENT REQUEST INFO TABLES */ /*************************************************************************************/ table.resulto {width: 100%; border-top: 1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding-top: 3px; padding-bottom: 3px; text-align: left; } div#inners .clientTable {position:relative; height:25px; left:18px; top:154px; left: 147px; width: 829px; padding-top: 12px; padding-bottom: 12px; margin: 6px; } div#inners .clientTable td {padding:3px;} div#inners .ccondition {position:absolute; height:19px; left:25px; top:195px; left: 147px; padding-top: 12px; } em {width:50px; height:50px; background: url(../images/clientinfo-icon.gif) no-repeat top left;} /*************************************************************************************/ /* 4 COLUMN TABLE OF DATA */ /*************************************************************************************/ div.row1 {float: left; overflow:hidden; margin: 0; padding: 2px; width: 84%; } div.coll1, div.coll2, div.coll3, div.coll4 { float: left; overflow:hidden; margin-left:3px; padding: 8px 3px 8px 2px; } .headers1, .headers2, .headers3, .headers4 { float:left; margin-left:3px; padding: 8px 3px 8px 0px; overflow:hidden; font: bold 14px/16px Arial, Helvetica, sans-serif; } div.coll1 {width: 35%; } div.coll2 {width: 17%; } div.coll3 {width: 23%; text-align:center; } div.coll4 {width: 20%; } div.bottomrow {margin-bottom: 25px; } .headers1 {width: 35%; } .headers2 {width: 17%; } .headers3 {width: 23%; text-align:center; } .headers4 {width: 20%; } div.rightA {text-align:right; margin-right: 5px; padding-right:15px; font:bold 14px/6px Arial, Helvetica, sans-serif; } div.leftA {text-align:left; padding-left: 3px; margin-left:-3px; font:bold 14px/6px Arial, Helvetica, sans-serif; } /*************************************************************************************/ /* 5 COLUMN TABLE OF DATA */ /*************************************************************************************/ div.rows {float: left; overflow:hidden; width: 99%; margin: 0; padding: 2px; } div.rowshead {float: left; overflow:hidden; width: 99%; margin: 0 0 3px 0; padding: 2px; background:#c3dcea;} div.rowsodd {float: left; overflow:hidden; width: 99%; margin: 0; padding: 2px; background:#eaeff2;} div.colum1 {float: left; overflow:hidden; width: 15%; margin:2px 1px 1px 3px; padding: 1px 1px 2px 2px; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.colum2 {float: left; overflow:hidden; width: 12%; margin:2px 1px 1px 1px; padding: 1px 1px 2px 2px; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.colum3 {float: left; overflow:hidden; width: 25%; margin:2px 1px 1px 1px; padding: 1px 1px 2px 2px; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.colum4 {float: left; overflow:hidden; width: 25%; margin:2px 1px 1px 1px; padding: 1px 1px 2px 2px; font:normal 12px/15px Arial, Helvetica, sans-serif; } div.colum5 {float: left; overflow:hidden; width: 12%; margin:2px 1px 1px 1px; padding: 1px 1px 2px 2px; font:normal 12px/15px Arial, Helvetica, sans-serif; } .heads1 {width: 15%; } .heads2 {width: 12%; } .heads3 {width: 25%; } .heads4 {width: 25%; } .heads5 {width: 12%; } .heads1, .heads2, .heads3, .heads4, .heads5 { float:left; overflow:hidden; margin-left:3px; padding: 1px; font: bold 14px/16px Arial, Helvetica, sans-serif; /* border-bottom: 1px solid #d5d5d5; */ } /*************************************************************************************/ /* SPACERS */ /*************************************************************************************/ .spacer {padding-bottom:35px; } .spacer1 {padding-bottom:20px; } .spacer2 {margin-top:20px; } .spacer3 {margin-top:1px; } .spacer4 {padding-bottom:10px; } /*************************************************************************************/ /* FIELDSETS WIDTHS FOR FORM ELEMENTS */ /*************************************************************************************/ .fldsetwide {width:550px; } .fldsetwide1 {width:650px; } .fldsetwide2 {width:410px; } .fldsetwide3 {width:690px; } .fldsetwide4 {width:600px; } .fldsetwide5 {width:480px; } .fldsetwide6 {width:99%; } .fldsetwide7 {width:720px; } .fldsetwide8 {width:447px; } .fldsetwide, .fldsetwide1, .fldsetwide2, .fldsetwide3, .fldsetwide4, .fldsetwide5, .fldsetwide6, .fldsetwide7, .fldsetwide8 {float:left; height:1%; } .fldsetmed {width:225px; } .fldsetmed1 {width:285px; } .fldsetmed2 {width:200px; } .fldsetmed3 {width:240px; } .fldsetmed4 {width:230px; } .fldsetmed5 {width:315px; } .fldsetmed6 {width:260px; } .fldsetmed7 {width:255px; } .fldsetmed8 {width:365px; } .fldsetmed9 {width:295px; } .fldsetmed10{width:305px; } .fldsetmed, .fldsetmed1, .fldsetmed2, .fldsetmed3, .fldsetmed4, .fldsetmed5, .fldsetmed6, .fldsetmed7, .fldsetmed8, .fldsetmed9, .fldsetmed10 {float:left; height:1%; } .fldsetsmall {width:100px; } .fldsetsmall1 {width:120px; } .fldsetsmall2 {width:140px; } .fldsetsmall3 {width:150px; } .fldsetsmall4 {width:170px; } .fldsetsmall5 {width:180px; } .fldsetsmall6 {width:190px; } .fldsetsmall, .fldsetsmall1, .fldsetsmall2, .fldsetsmall3, .fldsetsmall4, .fldsetsmall5, .fldsetsmall6 {float:left; height:1%; } /*************************************************************************************/ /* COLUMNS - ID's */ /*************************************************************************************/ div#bcolumn1 {width:420px; float:left; padding:4px; } div#bcolumn2 {width:390px; float:left; padding:4px; } div#bcolumn3 {width:600px; float:left; padding:4px; } div#bcolumn4 {width:450px; float:left; padding:4px; } div#bcolumn5 {width:525px; float:left; padding:4px; } div#bcolumn6 {width:330px; float:left; padding:4px; } div#bcolumn7 {width:300px; float:left; padding:4px; margin-left:15px; } div#bcolumn8 {width:80px; float:left; padding:4px; margin-left:3px; margin-right:25px; margin-top:25px; text-align:center; } div#bcolumn9 {width:690px; float:left; padding:4px; } div#bcolumn10 {padding:4px; } div#bcolumn11 {width:270px; float:left; padding:4px; } div#bcolumn12 {width:75%; float:left; padding:4px; } div#bcolumn13 {width:390px; float:left; padding:4px; } div#bcolumn14 {width:510px; float:left; padding:4px; margin-left:10px; } div#bcolumn15 {width:97%; float:left; padding:4px; background:#e7f1fa; padding: 4px 8px 8px 4px; margin-left:8px; margin-right:8px; margin-top:15px; } div#bcolumn16 {width:210px; float:left; padding:4px; } div#bcolumn17 {width:300px; float:left; padding:4px 4px 4px 0; } div#bcolumn18 {width:300px; float:right; padding:4px; margin-left:15px; } div#bcolumn19 {width:420px; float:left; /* padding:4px; */ } div#bcolumn20 {width:345px; float:left; padding:4px; margin-left:10px; } div#bcolumn21 {width:315px; float:left; padding:4px 4px 4px 0; } div#bcolumn22 {width:260px; float:left; padding:4px 8px 8px 4px; } div#bcolumn23 {width:215px; float:left; padding:4px 4px 4px 0; } div#bcolumn24 {width:350px; float:left; padding:4px; } div#bcolumn25 {width:330px; float:left; padding:4px; } div#bcolumn26 {width:510px; float:left; padding:4px; } div#bcolumn27 {width:300px; float:left; padding:4px; } div#bcolumn28 {width:570px; float:left; padding:4px; } div#bcolumn29 {width:360px; float:left; padding:4px; } div#bcolumn30 {width:260px; float:left; padding:4px 8px 0 4px; } div#bcolumn31 {width:215px; float:left; padding:4px 4px 0 0; } div#bcolumn32 {width:750px; float:left; padding:4px; } div#bcolumn33 {width:525px; float:left; padding:4px; } div#bcolumn34 {width:525px; float:left; padding:4px; } div#bcolumn35 {width:800px; float:left; padding:4px; } div#bcolumn36 {width:750px; float:left; padding:4px; } /* Same as bcolumn32 - for other divs to show/hide */ div#bcolumn37 {width:750px; float:left; padding:4px; } /* Same as bcolumn32 - for other divs to show/hide */ div#bcolumn38 {width:750px; float:left; padding:4px; } /* Same as bcolumn32 - for other divs to show/hide */ div#bcolumn39 {width:750px; float:left; padding:4px; } /* Same as bcolumn32 - for other divs to show/hide */ div#bcolumn40 {width:525px; float:left; padding:4px; margin-left:5px; } div#bcolumn41 {width:570px; float:left; padding:4px; margin-left:5px; } div#bcolumn42 {float:left; padding:4px; margin-left:20px; } div#bcolumn43 {width:80px; float:left; padding:4px; margin:0 auto; text-align:center; } div#bcolumn44 {float:left; padding:4px; } div#bcolumn45 {width:330px; float:left; padding:4px; } div#bcolumn46 {float:left; padding:4px; } div#bcolumn47 {float:left; padding:4px; display:block; margin-left:156px; margin-top:5px; font: normal 12px/15px Arial, Helvetica, sans-serif; } /* Display suburbs div */ div#bcolumn48 {width:99%; float:left; padding:4px; } div#bcolumn50 {width:510px; float:left; padding:0 4px 4px 4px; } div#bcolumn51 {float:left; padding:4px 0 4px 0; } div#bcolumn52 {float:left; padding:4px; } div#bcolumn53 {float:left; padding:2px; } div#bcolumn54 {float:left; padding:0 4px 4px 0; margin-left:8px; margin-right:-8px;} div#bcolumn55 {width:80px; float:left; padding:4px; margin-left:15px; margin-right:10px; margin-top:25px; text-align:center; } div#bcolumn56 {padding:5px 4px 4px 4px; } div#bcolumn57 {float:left; padding:2px; margin-top:5px; } div#bcolumn59 {padding:2px; } div#bcolumn60 {float:left; } div#bcolumn61 {float:left; padding:4px; display:block; margin:5px 0 0 117px; font: normal 12px/15px Arial, Helvetica, sans-serif; } /* Display suburbs div */ div#bcolumn62 {width:600px; float:left; padding:1px; } /*************************************************************************************/ /* COLUMNS - DIV's */ /*************************************************************************************/ .column1 {width:250px; float:left; padding:4px; } .column2 {width:300px; float:left; padding:4px; } .column3 {width:200px; float:left; padding:4px; } .column4 {width:270px; float:left; padding:4px; } .column5 {width:210px; float:left; padding:4px; } .column6 {width:390px; float:left; padding:4px; } .column7 {width:360px; float:left; padding:4px; } .column8 {width:420px; float:left; padding:4px; } .column9 {width:330px; float:left; padding:4px; } .column10 {width:420px; float:left; padding:4px; margin-left:10px; } .column11 {width:600px; float:left; padding:4px; margin-left:10px; } .column12 {width:305px; float:left; padding:2px; } .column13 {width:230px; float:left; padding:4px; } .column14 {width:180px; float:left; padding:4px; } .column15 {width:455px; float:left; padding:4px; } .column16 {width:245px; float:left; padding:4px; } .column17 {width:475px; float:left; padding:4px; } .column18 {padding:4px; } .column19 {width:300px; float:left; padding:4px; margin-left:15px; } .column20 {width:800px; float:left; padding:4px; } .column21 {width:750px; float:left; padding:4px; margin-left:15px; display:block; } .column23 {width:80px; float:left; padding:4px; margin:25px 15px 0 15px; text-align:center; } .column24 {width:300px; float:left; padding:4px; margin-right:15px; } .column25 {width:300px; float:left; padding:4px; margin-right:0; } .column26 {width:80px; float:left; padding:4px; margin:45px 15px 0 0; text-align:center; } .column27 {width:300px; float:left; padding:4px; margin-left:55px; } .column28 {width:300px; float:left; padding:4px 4px 4px 0; } .column29 {width:750px; float:left; padding:4px; } .column30 {width:730px; float:left; padding:4px; } .column31 {width:800px; float:left; padding:4px; margin-left:12px; } .column32 {width:600px; float:left; padding:4px; } .column33 {padding:4px; margin-left:10px; } .column34 {width:360px; float:left; padding:2px; position:relative; } .column35 {width:380px; float:left; padding:2px; position:relative; } .column36 {width:339px; float:left; padding:2px; position:relative; } /*************************************************************************************/ /* TEXT AREA WITH SPECIAL FIRST LINE */ /*************************************************************************************/ textarea.special {padding:2px; font:normal 12px/15px Arial, Helvetica, sans-serif; margin-top:5px; } textarea.special:first-line {font:bold 14px/17px Arial, Helvetica, sans-serif; color:#a0a0a4; } textarea.atxbox {padding:2px; font:normal 12px/14px Arial, Helvetica, sans-serif; margin-top:5px; font: normal 12px/15px Arial, Helvetica, sans-serif; } textarea.atxbox1 {padding:1px; font:normal 12px/14px Arial, Helvetica, sans-serif; margin-top:2px; font: normal 12px/15px Arial, Helvetica, sans-serif; } textarea.atxbox2 {padding:1px; font:normal 12px/14px Arial, Helvetica, sans-serif; margin-top:0; font: normal 12px/15px Arial, Helvetica, sans-serif; } textarea.atxbox3 {padding:3px; font:normal 12px/14px Arial, Helvetica, sans-serif; font: normal 12px/15px Arial, Helvetica, sans-serif; } textarea.atxbox1error {padding:1px; font:normal 12px/14px Arial, Helvetica, sans-serif; margin-top:2px; font: normal 12px/14px Arial, Helvetica, sans-serif; border:2px solid red; } /*************************************************************************************/ /* ARROWS NEXT TO HEADINGS */ /*************************************************************************************/ .arrowoff {margin-right:10px; width:11px; height:12px; border:none; } .arrowoff1 {margin-right:10px; width:11px; height:12px; border:none; padding-top:5px; } .arrowdown {margin-right:10px; width:13px; height:11px; border:none; } .arrowoff2 {margin-right:10px; width:10px; height:10px; border:none; } .arrowdown2 {margin-right:10px; width:10px; height:10px; border:none; } /*************************************************************************************/ /* HIDE AND SHOW CONTENT DIVS */ /*************************************************************************************/ #hideshow {width:99%; float:left; padding:4px; } #hideshow1 {width:525px; float:left; padding:4px; } #hideshow2 {width:390px; float:left; padding:4px; } #showhide3 {width:75%; float:left; padding:4px; } .closed {display: none; } .opened {display: block; } /******************************** Disabled text boxes ********************************/ .fadedtext {color:#999; } /* This makes the text in a textbox appear as if it is disabled */ /*************************************************************************************/ /* SAVE AND CANCEL BUTTONS FOR ALL PAGES */ /*************************************************************************************/ .savebutton, .cancelbutton {width:69px; text-align:center; margin:2px 5px 0 5px; } /*************************************************************************************/ /* CONFIRM NOTE ON CERTAIN BOOKINGS/BENEFICIARY */ /*************************************************************************************/ .confirmnote {font:normal 11px/14px Arial, Helvetica, sans-serif; color:#808080; } /***************************************************************************************/ /* STYLE OR NO SEARCH RESULTS ON THE SEARCH PAGES */ /***************************************************************************************/ .noresults {font:normal 12px/14px Arial, Helvetica, sans-serif; margin:3px 0 3px 0; } /***************************************************************************************/ /* STYLING FOR TEXT ON 404 ERROR PAGE */ /***************************************************************************************/ .errormessage {text-align:left; font:normal 14px/17px Arial, Helvetica, sans-serif; margin:0 0 0 30px; color:#26699d;} /***************************************************************************************/ /* STYLING FOR TEXT ON DVA LOGIN ERROR PAGE */ /***************************************************************************************/ .errorheading {font:bold 14px/17px Arial, Helvetica, sans-serif; margin: 12px 0 6px 3px; } .showhideerror {margin:0 0 0 25px; font:normal 12px/15px Arial, Helvetica, sans-serif; color:#000; } /***************************************************************************************/ /* STYLING FOR TEXT ON DVA LOGIN ERROR PAGE */ /***************************************************************************************/ .errorheading {font:bold 14px/17px Arial, Helvetica, sans-serif; margin: 12px 0 6px 3px; } .showhideerror {margin:0 0 0 25px; font:normal 12px/15px Arial, Helvetica, sans-serif; color:#000; } /***************************************************************************************/ /* LIQUID AND COLOUR ADJUSTABLE CSS BUTTONS */ /***************************************************************************************/ /* .btn {float: left; clear: both; background: url(../images/btn_left.png) no-repeat; padding: 0 0 0 10px; margin: 5px 0; } .btn a {float: left; height: 40px; background: url(../images/btn_stretch.png) repeat-x left top; line-height: 40px; padding: 0 10px; color: #fff; font-size: 1em; text-decoration: none; } .btn span {background: url(../images/btn_right.png) no-repeat; float: left; width: 10px; height: 40px; } .btn_addtocart { background-color: #69f; } .btn_checkout { background-color: #069; } .btn_learnmore { background-color: #39f; } */ a.ovalbutton{ background: transparent url('../images/oval-blue-left.gif') no-repeat top left; display: block; float: left; font: normal 13px Tahoma; /* Change 13px as desired */ line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none; } a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{ color: #494949; /*button text color*/ } a.ovalbutton span{ background: transparent url('../images/oval-blue-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ } a.ovalbutton:hover{ /* Hover state CSS */ background-position: bottom left; } a.ovalbutton:hover span{ /* Hover state CSS */ background-position: bottom right; color: black; } .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */ overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width: 100%; } /****************************************************************************/ /* PRINTABLE VERSION */ /****************************************************************************/ .printableversion{float:left; margin:2px 5px 5px 105px; width:240px; } .printicon {float:left; margin:2px 5px 5px 0; } .printable {float:left; font:normal 12px/15px Arial, Helvetica, sans-serif; margin:7px 0 5px 10px; cursor:pointer; } /**************************************************************************/ /* VARIOUS BUTTON STYLES */ /**************************************************************************/ /********************** Buttons common to many pages **********************/ .savebtn, .addnotebtn {width:69px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; margin:0 15px 0 0; } .cancelbtn, .clearbtn {width:69px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } .findbtn {margin-left:25px; margin-top:-2px; width:69px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } .showbtn, .actionbtn {margin-left:25px; margin-top:3px; width:69px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } .searchbtn {width:78px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; margin:0 15px 0 0; } /*************** Buttons on Accounts/Invoices pages only ****************/ .enterinvoicebtn, .enterinvoicefindbtn, .searchbtns, .searchbutton, .clearbutton, .accountsinboxsearchbtns, .resultshbutton, .clearingbutton, .editinvoicebtn, .attachbookingbtn, .invoiceaddnotebtn, .autovalidate, .submitapproval, .rejectinvoice, .showbookingsbtn, .addtoinvoicebtn, .uploadinvoiceitems, .invoicepaidmanuallybtn {font:normal 12px/15px Arial, Helvetica, sans-serif; padding:1px; height:27px; } .enterinvoicebtn {width:96px; margin:0 15px 0 0; } .enterinvoicefindbtn {margin:0 0 0 15px; width:51px; } .searchbtns {margin:0 3px 0 0; float:right; } .searchbutton {width:78px; margin:0 15px 0 0; } .clearbutton {width:78px; margin:0 15px 0 0; } .accountsinboxsearchbtns{margin:0 0 0 240px; } .resultshbutton {width:96px; margin:0 15px 0 0; } .clearingbutton {width:78px; margin:0 15px 0 0; } .editinvoicebtn, .attachbookingbtn, .invoiceaddnotebtn, .autovalidate, .submitapproval, .rejectinvoice {width:117px; margin:0 15px 0 0; } .enterinvoicesearchbtn {margin:0 3px 0 240px; float:left; } .enterinvoicesearchbtn1 {margin:0 3px 0 159px; float:left; } .showbookingsbtn {width:105px; margin:0 15px 0 159px; } .addtoinvoicebtn {width:105px; margin:0 15px; } .uploadinvoiceitems {width:132px; margin:0 15px 0 0; } .invoicepaidmanuallybtn {width:132px; margin:0 15px 0 0; } /***************** Buttons on Administration pages only ******************/ .addbtn {width:90px; margin:0 0 6px 0; text-align:center; font:normal 12px/14px Arial, Helvetica, sans-serif; padding:1px; height:27px; } .removebtn {width:90px; margin:2px 0 0 0; text-align:center; padding:1px; } .refreshbtn {width:78px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } .filterbtn {width:69px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; margin-left:25px; margin-top:-2px; } .allocationbtn, .printselectedbtn, .printallbtn, .deleteselectedbtn, .deleteallbtn, .holdbtn, .pendingbtn {width:114px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } /*************** Buttons on Internal Bookings pages only ****************/ .nextbookingbtn {width:96px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } .dispathlistbtn {width:114px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } .saveanotherbtn {width:177px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; margin:0 15px 0 0; } /***************** Buttons on (Internal) Transport pages only ******************/ .addtranspnotebtn, .deletebtn {width:69px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; margin:0 15px 0 0; float:right; } /***************** Buttons on (External) Health Provider pages only ******************/ .resetformbtn {width:87px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } /***************** Buttons on (External) Transport pages only ******************/ .searchbookingsbtn {width:132px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; margin:0 27px 0 0;} .editbookingbtn {width:96px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } .submittinvoicebtn {width:105px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; } .downloadbtn {width:87px; text-align:center; font:normal 13px/15px Arial, Helvetica, sans-serif; height:27px; margin:0 15px 0 0; } /******************************* Button styles - left and right aligned on the page **************************************/ .rightbtns {float:right; padding:8px; } .rightbtnsaccounts {float:right; padding:8px; margin:0 150px 0 0; } .rightmidbtns {float:right; padding:8px; margin:0 150px 0 0; } .leftbtns {float:left; padding:8px; } div#righttopbtn{margin:0 0 0 595px; padding:5px 5px 5px 12px; font: normal 12px/16px Arial, Helvetica, sans-serif; float:right; } .righttablebtns {float:right; } /********************** Enter file number textbox and find client button styles - in subnavigation in BOOKINGS *******************/ .searchbox {color:#333; height:20px; font:normal 14px/16px Arial, Helvetica, sans-serif; width:160px; padding:2px 0 0 2px; margin: -3px 0 0 0; } .findclientbtn {margin:-3px 10px 0 8px; padding:1px; text-align:center; width:78px; overflow:hidden; } .findclientformdiv {margin:3px 0 0 3px; } /* This is the search area in subnavigation, to align it better within the area */ .searchfrm { } /***************************************** Image styling ***************************************/ .imgstyle {float:left; width:16px; height:16px; padding:5px 25px 1px 5px; } .imgstyle1 {float:left; width:16px; height:16px; padding:1px 25px 5px 5px; } .imgstyle2 {margin:3px 0 11px 5px; } .imgstyle3 {margin-left:-16px; } .imgstyle4 {float:left; width:16px; height:16px; margin: 2px 0 0 -7px; } .imgstyle5 {margin-right:5px; } /************************************************************************************************/ /***************************************** SELECT LISTS *****************************************/ /************************************************************************************************/ .selectlistnowidth, .selectlist51px, .selectlist60px, .selectlist78px, .selectlist96px, .selectlist123px, .selectlist150px, .selectlist180px, .selectlist210px, .selectlist300px {float:left; margin:3px 0; padding:3px 2px; border:1px solid #2a7fff; font:normal 12px/16px Arial, Helvetica, sans-serif; } .selectlistnowidth {overflow:hidden; padding:3px 15px 3px 2px; } .selectlist51px {width:51px; } .selectlist60px {width:60px; } .selectlist78px {width:78px; } .selectlist96px {width:96px; } .selectlist123px {width:123px; } .selectlist150px {width:150px; } .selectlist180px {width:180px; } .selectlist210px {width:210px; } .selectlist300px {width:300px; } /***********************************************************************************************/ /******************************************* MARGINS *******************************************/ /***********************************************************************************************/ .leftm9px {margin-left:-9px; } .leftm6px {margin-left:-6px; } .leftm3px {margin-left:-3px; } .left6px {margin-left:6px; } .left9px {margin-left:9px; } .left12px {margin-left:12px; } .left15px {margin-left:15px; } .left18px {margin-left:18px; } .left21px {margin-left:21px; } .left24px {margin-left:24px; } .left42px {margin-left:42px; } .top3px {margin-top:3px; } .top5px {margin-top:5px; } .top7px {margin-top: 7px; } .top9px {margin-top: 9px; } .top12px {margin-top: 12px; } .top15px {margin-top: 15px; } /***********************************************************************************************/ /************************************ FLOATS AND ALIGNMENTS ************************************/ /***********************************************************************************************/ .left {float:left; } .right {float:right; } .centre {text-align:center; } /***************************************** Table *****************************************/ table.searchresults { text-align: left; font:normal 12px/16px Arial, Helvetica, sans-serif; color: #fff; width: 99.6%; border: 0; border-collapse: collapse; /*border-spacing: 0;*/ } table.searchresults td { padding: 8px 4px; text-align: left; } table.searchresults td.greytext { color:#696969; } table.searchresults th.nosorting { padding: 8px 4px; text-align: left; } table.searchresults th { vertical-align:middle; margin:3px; padding: 8px 4px 12px 4px; overflow:hidden; } table.searchresults th.nosort { vertical-align:middle; margin:3px; padding: 4px; } table.searchresults th.nosort.greyed { color:#696969; } table.searchresults th.nosort.centred, table.searchresults th.centred { text-align:center; } table.searchresults tr.odd { background-color: #eaeff2; color: #000; padding: 8px 4px; text-align: left; } table.searchresults tr.even { background-color: #fff; color: #000; padding: 8px 4px; text-align: left; } table.searchresults tr.head{ background-color: #c8dbeb; color: #000; padding: 8px 4px; text-align: left; font: bold 14px/19px Arial, Helvetica, sans-serif; vertical-align:middle; } .bookingwarning {text-align:left; font:normal 14px/17px Arial, Helvetica, sans-serif; color:#26699d;}