body {text-align: center; } #website_container {text-align: left; width: 800px; margin: 0 auto; position: relative; } #navigation {position: absolute; left: 30px; top: 100px; } #main_frame {position: absolute; width: 800px; left: 0px; top: 123px; background: white; text-align: center; } #DASH_logo {text-align: left; position:absolute; left:20px; top:13px; padding: 5px} #DASH_logo img {border: white solid 2px; padding: 2px} #DASH_logo img:hover {border: green solid 2px; padding: 2px} #DASH_logo_IE a {border: white solid 2px; padding: 2px} #DASH_logo_IE a:hover {border: green solid 2px; padding: 2px} #EPC_logo {text-align: left; position:absolute; left:700px; top:6px; padding: 5px} /* table#property_table {text-align:center; margin-left:auto; margin-right:auto; width:592px;} tr,td {text-align:left;} td.td_centre {text-align:center;} */ /* The rounded border */ #b {background: url(graphics/dot.gif) 0 100% repeat-x; width: 100%} #l {background: url(graphics/dot.gif) 0 0 repeat-y} #r {background: url(graphics/dot.gif) 100% 0 repeat-y} #bl {background: url(graphics/border_bl.png) 0 100% no-repeat ; } #br {background: url(graphics/border_br.png) 100% 100% no-repeat} #tl {background: url(graphics/border_tl.png) 0 0 no-repeat} #tr {background: url(graphics/border_tr.png) 100% 0 no-repeat; padding:20px} #clear {font-size: 1px; height: 1px} /* padding: 5px 0 0 32px = 5px from top, 32px from left */ .main_menu {padding:0px 0 0 0px; margin:0; list-style:none; height:21px; background:transparent; position:relative; z-index:500; font-size:13px; font-weight:bold; font-family: Verdana, Verdana,sans-serif;} .main_menu li.menu {display:block; float:left;} .main_menu li a.menu_link {display:block; float:left; height:21px; line-height:22px; color:#7a7a7a; text-decoration:none; padding:0 0 0 14px; cursor:pointer; background: url(graphics/navtab_1a.gif) no-repeat;} .main_menu li a.menu_link span {float:left; display:block; padding:0 15px 0 2px; height:21px;background:url(graphics/navtab_1b.gif) no-repeat right top;} .main_menu li a.menu_link:hover {color:#333333;} .main_menu li a.menu_here {display:block; float:left; height:21px; line-height:22px; color:yellow; text-decoration:none; padding:0 0 0 14px; cursor:default; background: url(graphics/navtab_2a.gif) no-repeat;} .main_menu li a.menu_here span {float:left; display:block; padding:0 15px 0 2px; height:21px;background:url(graphics/navtab_2b.gif) no-repeat right top;} /*.main_menu li:hover > a.menu_link {color:#7a7a7a; background: url(graphics/navtab_2a.gif) no-repeat; line-height:22px;}*/ /*.main_menu li:hover > a.menu_link span {background:url(graphics/navtab_2b.gif) no-repeat right top;}*/ /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ .main_menu a:hover {visibility:visible; position:relative; z-index:200;} .main_menu li:hover {position:relative; z-index:200;} #utility_links { background:#c8c8c8; margin: 0; padding: 7px 0px 15px 20px; font-size:10px; font-family: Verdana, Verdana,sans-serif; color: #0000b0; } #utility_links li { margin: 0px 22px 0px 22px; display: inline; list-style-type: none; } .no_border img { text-decoration: none; border:0;} .CMS_mainHeader { FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center } /* ****** These styles are used internally in the Content Management System - not available to user ****** */ .cmsHeader { FONT-SIZE: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; FONT-WEIGHT: bold } .cmsDefault { FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-align: left } .cmsDefaultCtr { FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center } A.cmsEdit { FONT-SIZE: 13px; COLOR: #7a7a7a; TEXT-DECORATION: none; text-align: left } /* ****** Styles available in the Content Management System ****** */ .CMS_mainHeader { FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-ALIGN: center } .CMS_mainHeaderLeft { FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-ALIGN: left } .CMS_mainText { FONT-SIZE: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-align: left } .CMS_SPheader { FONT-SIZE: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ff0000; FONT-WEIGHT: bold; TEXT-ALIGN: center } .CMS_SPheaderLeft { FONT-SIZE: 18px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ff0000; FONT-WEIGHT: bold; TEXT-ALIGN: left } .CMS_smallbold { FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-align: left } .CMS_default { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-align: left } /* CSS for the Property List table */ col#house {width:163px} col#rooms {width:86px} col#rent {width:108px} col#comments {width:215px} .prop_table {margin-left: auto; margin-right: auto} /* correct way to centre the table in css */ .prop_table td, .prop_table th {font-family:Arial; font-size: 13px; font-weight:bold; text-align:center; height:25px} .prop_table th {background-image: url(graphics/tblHeading_bg.gif); background-repeat: repeat-x} .prop_table th a, .prop_table th {color: blue; font-size: 12px} th.left, td.left {padding-left: 10px; text-align: left} tr.odd, tr.odd a {color:white; background-color:#c0c0c0} tr.even, tr.even a {color:#400080; background-color:#ffffd2} tr.odd a:hover {background-color:#909090} tr.even a:hover {background-color:#c0c0c0} /* was #ffff66 */ tr.odd_let, tr.odd_let a {color:#999999; background-color:#c0c0c0} tr.even_let, tr.even_let a {color:#969663; background-color:#ffffd2} /* CSS Tooltips have class = info */ a.info{ position:relative; /*this is the key*/ z-index:24;} a.info:hover {z-index:25; background-color:#d0d0d0} a.info span {display: none; text-decoration: none} a.info:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top:-1em; left:1em; width:10em; border:1px solid #0cf; padding: 2px; background-color:#ffc; color:#000; text-align: center}