we need to define position then a div to override the
tag.*/ td.footer { vertical-align:top; padding:0 2px 0 2px; } div.footertext p { color:#7B9BBC; font-size:10px; margin:0 2px 6px 2px; } /*define the home page styles*/ td.homeinfopanel { width:194px; display: block; } td.homeimages { color:#93814F; background-color:White; padding:40px 20px 40px 20px; } td.hometext { color:#93814F; background-color:#F8F4E5; padding:30px 40px 30px 40px; } div.infotitle_out { color:#287C97; background-color:#C2DFEE; height:20px; vertical-align:middle; } div.infotitle_in { padding-left:4px; padding-right:4px; border-top:1px solid #AECEE0; border-bottom:1px solid #FFFFFF; } div.infotext_out { color:#287C97; background-color:#D4E8F3; height:96px; border-left:1px solid #AECEE0; border-right:1px solid #AECEE0; border-bottom:1px solid #AECEE0; } div.infotext_in { padding:4px; } div.infodisplaytitle{ font-style: italic; font-weight: bold; font-size:11px; border-bottom:1px solid #AECEE0; } div.infodisplaytext { padding:2px; } div.infodisplaytext p { color:#287C97; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:10px; margin:0; line-height:125%; } div.homeinfospace { height:16px; width:194px; border:0px; background-color:White; } /*define Catalogue Display styles*/ div.itemheaderout { margin:8px 0 20px 0; } td.itemcolumn { color:#4F8D97; padding:0 8px 40px 8px; vertical-align: bottom; text-align:center; } div.itemimage { padding:0 0 4px 0; } div.iteminfo { height:38px; vertical-align:top; border-bottom:2px dotted #CCCCCC; padding:0 0 4px 0; } div.itemlink { text-align:right; } /*these are used on the large item display page*/ td.itemimagel { text-align:center; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; } td.itemdetailspanel { background-color:#EEEEEE; padding:20px 0 20px 0; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; } td.itemfields { color:#4F8D97; width:20%; font-weight:bold; white-space:nowrap; padding-left:40px; padding-right:10px; } td.itemdetails { color:#4F8D97; width:80%; } td.itemextra { padding-left:40px; padding-top:12px; border-top:2px dotted #DDDDDD; } /*define Event Display styles*/ td.eventnone { color:#46818A; padding:4px; border-top:1px solid #666699; border-bottom:2px solid #666699; } td.eventsubject { color:#46818A; border-bottom:1px solid #666699; padding:1px; vertical-align:bottom; font-weight:bold; } td.eventdate { color:#666699; font-family:Arial, "MS Sans Serif", Helvetica, Sans-Serif; font-size:8pt; font-size:10px; font-weight:normal; border-bottom:2px solid #666699; padding:1px; text-align:right; vertical-align:bottom; white-space:nowrap; } td.eventtext { background-color:#FFFFFF; vertical-align:top; padding:4px; border-bottom:1px solid #666699; height:100%; } td.eventimage { text-align:right; vertical-align:top; padding-left:15px; } /*define some special display options*/ div.justify { text-align:justify; } .showerror { color:#CC0000; } .showsuccess { color:#0000CC; } .listheader { color:#4F8D97; background-color:#FFFFFF; font-weight:bold; font-style:italic; font-size:14px; border-bottom:2px dotted #AAAAAA; padding:2px 4px 2px 4px; } /*Image Thumbnail Viewer*/ #showimage { position:absolute; visibility:hidden; border:1px solid gray; } #dragbar { cursor:hand; cursor:pointer; background-color:#DDDDDD; min-width:100px; /*NS6 style to overcome bug*/ } #dragbar #closetext { font-weight:bold; margin-right:1px; } /*define the contact table styles*/ td.address { padding-top:2px; padding-bottom:2px; padding-left:10px; } td.contactdetails { border-left:1px solid #52638D; padding-left:4px; } /*define form styles*/ .inputmicro { font-size:10px; background-color:#FFFFFF; width:25px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; } .inputshort { font-size:10px; background-color:#FFFFFF; width:75px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; } .inputmed { font-size:10px; background-color:#FFFFFF; width:115px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; } .inputlong { font-size:10px; background-color:#FFFFFF; width:175px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; } .inputsuper { font-size:10px; background-color:#FFFFFF; width:610px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; } .inputfile { font-size:10px; background-color:#FFFFFF; width:350px; border-left:1px solid #666699; border-bottom:1px solid #B2B2CC; border-right:1px solid #B2B2CC; border-top:1px solid #666699; font-family:Verdana,Helvetica,Sans-Serif; } select { font-size:10px; font-family:Verdana,Arial,Helvetica,Sans-Serif; } .selectmed { font-size:10px; width:125px; font-family:Verdana,Arial,Helvetica,Sans-Serif; } .selectlong { font-size:10px; width:225px; font-family:Verdana,Arial,Helvetica,Sans-Serif; } .button { font-size:10px; width:55px; font-weight:normal; font-family:Verdana,Arial,Helvetica,Sans-Serif; } /*================================*/ /*define all the admin style stuff*/ /*================================*/ div#adminmenu { width:700px; height:20px; text-align:left; color: #0000FF; font-size: 11px; } td.admincontent { color:#93814F; background-color:White; padding:20px 35px 20px 35px; border:1px solid #CCCCCC; } .editlink { color:#0000FF; font-size:10px; font-weight:normal; background-color:#FFFFBB; padding:0 1px 0 1px; } div#adminpage h1 { color:#333399; } div#adminpage h2 { color:#333399; } div#adminpage p { color:#333399; } div#adminpage td { color:#333399; } div#adminpage ul { color:#333399; } hr.adminnotes { height:2px; color:#D3905B; } /*Used to display any admin help info needed*/ div.admininfo { color:#990000; background-color:#E7E7E7; display:block; padding:4px; border:1px solid #CCCCCC; } /*Following used to display empty Item Categories*/ div.itemheaderin_empty { color:#4F8D97; background-color:#FFFFFF; font-weight:bold; font-style:italic; font-size:14px; border-bottom:2px dotted #CC0000; padding:2px 4px 2px 4px; } /*link for the [edit] admin text*/ :link.ladmin { text-decoration:none; color:#DD0000; font-weight:normal; } :visited.ladmin { text-decoration:none; color:#DD0000; font-weight:normal; } :active.ladmin { text-decoration:none; font-weight:normal; } :hover.ladmin { text-decoration:underline; color:#0000FF; font-weight:normal; } /*Heading for input fields*/ .adminheading { font-weight:bold; font-style:italic; font-size:11px; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#666699; margin-bottom:2px; margin-top:8px;} .adminheadingextra { font-weight:normal; font-size:10px; } /*Used for showing the current image and info*/ td.adminshowimage { padding:5px; vertical-align:middle; } p.adminimagedetail { font-family:"Courier New", Courier; font-size:8pt; }