/* Jerry Links*/ /*homepage*/ table.hp1 td.tab_number_of_prop{color:#006eaf; width: 32px; text-align: right;} /*Brown - Orange link*/ a.sglinkBr {text-align: center; text-decoration: underline; color: #006eaf;} a.sglinkBr:link {text-align: center; text-decoration: underline; color: #006eaf;} a.sglinkBr:visited {text-decoration: underline; color: #006eaf; text-align: center; } a.sglinkBr:active {text-decoration: underline; color: #006eaf; text-align: center; } a.sglinkBr:hover {color: #87c7ed; text-decoration: underline; text-align: center; } a.sglinkBr img { border:2px solid transparent; } a.sglinkBr:link img { border:2px solid transparent; } a.sglinkBr:visited img { border:2px solid transparent; } a.sglinkBr:active img { border:2px solid transparent; } a.sglinkBr:hover img { border:2px solid #87c7ed; } /*White - Orange link*/ a.sglinkWh {color: #FFFFFF; text-decoration: underline; text-align: center; } a.sglinkWh:link {color: #FFFFFF; text-decoration: underline; text-align: center; } a.sglinkWh:visited {color: #FFFFFF; text-decoration: underline; text-align: center; } a.sglinkWh:active {color: #FFFFFF; text-decoration: underline; text-align: center; } a.sglinkWh:hover {color: #87c7ed; text-decoration: underline; text-align: center; } a.sglinkWh img { border:2px solid transparent; } a.sglinkWh:link img { border:2px solid transparent; } a.sglinkWh:visited img { border:2px solid transparent; } a.sglinkWh:active img { border:2px solid transparent; } a.sglinkWh:hover img { border:2px solid #87c7ed; } /*Black - Orange link*/ a.sglinkBl {color: #000000; text-align: center; text-decoration: underline; } a.sglinkBl:link {color: #000000; text-align: center; text-decoration: underline; } a.sglinkBl:visited {color: #000000; text-decoration: underline; text-align: center; } a.sglinkBl:active {color: #000000; text-decoration: underline; text-align: center; } a.sglinkBl:hover {color: #87c7ed; text-decoration: underline; text-align: center; } a.sglinkBl img { border:2px solid transparent; } a.sglinkBl:link img { border:2px solid transparent; } a.sglinkBl:visited img { border:2px solid transparent; } a.sglinkBl:active img { border:2px solid transparent; } a.sglinkBl:hover img { border:2px solid #87c7ed; } /* Jerry Links*/ a {color:#006eaf; text-decoration:underlined; } a:focus, a:hover {color:#87c7ed; text-decoration:underlined;} /*Header*/ #header { background-image:url(../images/en/header.gif) } #date { color:#006eaf;padding-left:140px; } #language { color:#87c7ed; } #lang_color { color:#006eaf; } .agent_registration_left_header{ background-color:#006eaf; border: 2px solid #006eaf;} .agent_registration_left{ border: 2px solid #006eaf;} .agent_registration_right{ color:#006eaf; border-bottom: 8px solid #006eaf;} #submenu1 {color:#006eaf;font-size:10px; padding-right:2px; font-weight:bold; float:right; } #submenu2_1 a, #submenu2_2 a { color:#fff; text-decoration:none; text-align:right; padding-right:20px; } #submenu2_1 a:hover, #submenu2_2 a:hover { color:#fff; ; text-decoration:none; background-image:url(../images/en/play.gif); background-repeat:no-repeat; background-position: right 2px} /*Search*/ #search_header { color:#006eaf} /*Rounded Border layer*/ #rounded_menu_white {float:left; width:210px; text-align:center; padding:8px 8px 6px 8px; background-image:url(../images/en/tab2.gif);font-size:14px; font-weight:bold;} #rounded_menu_brown {float:left; width:210px; text-align:center; padding:8px 8px 6px 8px; background-image:url(../images/en/tab1.gif);font-size:14px; font-weight:bold; color:#FFF} #rounded_menu_white_last {float:left; width:202px; text-align:center; padding:8px 8px 6px 8px; background-image:url(../images/en/tab2.gif);font-size:14px; font-weight:bold; } #rounded_menu_brown_last {float:left; width:202px; text-align:center; padding:8px 8px 6px 8px; background-image:url(../images/en/tab1.gif);font-size:14px; font-weight:bold; color:#FFF} /*Sidebar*/ #premium {background-image:url(../images/en/premium.gif); } #stats { color:#87c7ed} .title { color:#006eaf; } .title_portal_cms { color:#006eaf; font-size:14px; font-weight:bold; text-decoration:underline; } .text { color:#000; } .more { color:#87c7ed; } #widget1 { background-image:url(../images/en/widget1_na.gif); } /*round corners*/ .t {background: url(../images/en/rounded_corners/dot.gif) 0 0 repeat-x; width:670px; background-color:#FFF} .t_hp { width:670px; background-color:#FFF} .b {background: url(../images/en/rounded_corners/dot.gif) 0 100% repeat-x} .l {background: url(../images/en/rounded_corners/dot.gif) 0 0 repeat-y} .r {background: url(../images/en/rounded_corners/dot.gif) 100% 0 repeat-y} .bl_details {background: url(../images/en/rounded_corners/w_left_bottom_white_border_details.gif) 0 100% no-repeat ;background-color:#f78e1e } .br_details {background: url(../images/en/rounded_corners/w_right_bottom_white_border_details.gif) 100% 100% no-repeat} .tl_details {background: url(../images/en/rounded_corners/w_left_top_white3_border_details.gif) 0 0 no-repeat} .tr_details {background: url(../images/en/rounded_corners/w_right_top_white3_border_details.gif) 100% 0 no-repeat; padding-left:10px; padding-right:10px; padding-bottom:10px} .bl_details_side {background: url(../images/en/rounded_corners/w_left_bottom_white_border_details_side.gif) 0 100% no-repeat ; } .br_details_side {background: url(../images/en/rounded_corners/w_right_bottom_white_border_details_side.gif) 100% 100% no-repeat} .tl_details_side {background: url(../images/en/rounded_corners/w_left_top_white3_border_details_side.gif) 0 0 no-repeat} .tr_details_side {background: url(../images/en/rounded_corners/w_right_top_white3_border_details_side.gif) 100% 0 no-repeat; padding-left:10px; padding-right:10px; padding-bottom:10px} .bl_details_grey {background: url(../images/en/rounded_corners/w_left_bottom_white_border_details_grey.gif) 0 100% no-repeat ; } .br_details_grey {background: url(../images/en/rounded_corners/w_right_bottom_white_border_details_grey.gif) 100% 100% no-repeat} .tl_details_grey {background: url(../images/en/rounded_corners/w_left_top_white_border_details_grey.gif) 0 0 no-repeat} .tr_details_grey {background: url(../images/en/rounded_corners/w_right_top_white_border_details_grey.gif) 100% 0 no-repeat; padding-left:10px; padding-right:10px; padding-bottom:10px} .bl {background: url(../images/en/rounded_corners/w_left_bottom_white_border.gif) 0 100% no-repeat; } .br {background: url(../images/en/rounded_corners/w_right_bottom_white_border.gif) 100% 100% no-repeat} .tl {background: url(../images/en/rounded_corners/w_left_top_white3.gif) 0 0 no-repeat} .tr {background: url(../images/en/rounded_corners/w_right_top_white3.gif) 100% 0 no-repeat; padding-left:10px; padding-right:10px; padding-bottom:10px} .tl_hp { } .tr_hp { padding-bottom:20px} .bl1 {background: url(../images/en/rounded_corners/w_left_bottom_white1.gif) 0 100% no-repeat; background-color:#FFF } .br1 {background: url(../images/en/rounded_corners/w_right_bottom_white1.gif) 100% 100% no-repeat} .tl1 {background: url(../images/en/rounded_corners/w_left_top_white3.gif) 0 0 no-repeat} .tr1 {background: url(../images/en/rounded_corners/w_right_top_white3.gif) 100% 0 no-repeat; padding-left:10px; padding-right:10px; padding-bottom:10px} div.w1_footer{background:#fff url(../images/en/rounded_corners/w_left_top_white.gif) no-repeat; width:100%; } div.w2_footer{background:url(../images/en/rounded_corners/w_right_top_white.gif) no-repeat top right;} div.w3_footer{background:url(../images/en/rounded_corners/w_left_bottom_white.gif) no-repeat left bottom;} div.w4_footer{background:url(../images/en/rounded_corners/w_right_bottom_white.gif) no-repeat right bottom; padding:10px;} div.w1{background:#87c7ed url(../images/en/rounded_corners/w_left_top.gif) no-repeat; width:670px; } div.w2{background:url(../images/en/rounded_corners/w_right_top.gif) no-repeat top right;} div.w3{background:url(../images/en/rounded_corners/w_left_bottom.gif) no-repeat left bottom;} div.w4_logo{background:url(../images/en/rounded_corners/w_right_bottom.gif) no-repeat right bottom; padding:10px;} div.w4{background:url(../images/en/rounded_corners/w_right_bottom2.gif) no-repeat right bottom; padding:10px;} div.w3_white{background:url(../images/en/rounded_corners/w_left_bottom_white1.gif) no-repeat left bottom;} div.w4_white{background:url(../images/en/rounded_corners/w_right_bottom_white1.gif) no-repeat right bottom; padding:10px;} /* SEARCH PAGE -----------------------------------------------------------------------------------------------*/ #search_main {width:674px; margin-right:6px;} /* SELECTED properties layer */ #search_selected_title { height:35px; background-image:url(../images/en/search/search_selected_new_title.gif);} #search_selected_main { background-image:url(../images/en/search/search_selected_new_main.gif);} #search_selected_bottom { height:21px;background-image:url(../images/en/search/search_selected_new_bottom.gif);} /* RESULTS layer */ #search_results_top {height:10px; background-image:url(../images/en/search/search_results_top.gif); background-repeat:no-repeat ; background-position:bottom } #search_results_main {background-image:url(../images/en/search/search_results_main.gif);} #search_results_bottom {background-image:url(../images/en/search/search_results_bottom.gif); height:13px;background-repeat:no-repeat ; background-position:top} #search_listing {height: 128px; padding-top :5px; margin-left:20px; margin-right:20px; border-bottom:1px solid #CCC} #search_listing_img {width:140px} #search_listing_amount {font-weight:bold; font-size:14px; } #search_listing_info {font-weight:bold; font-size:11px;} #search_listing_location {font-weight:bold; font-size:11px} .search_listing_icon {float:left; margin-right:5px; vertical-align:bottom; height:30px; line-height: 30px;} .search_listing_icon_value {float:left; margin-right:15px; color: #8f8f8f; font-size:11px; vertical-align:bottom; height:30px; line-height: 30px;} #search_listing_desc {font-size:11px} #search_listing_right {float:left; width:110px;vertical-align:top} #search_listing_logo {vertical-align:top; height:85px; text-align:right} #search_listing_alt {padding:10px; margin-top:10px ; margin-left:1px; margin-right:1px; background-color:#ffffff;border-bottom: 1px solid #CCCCCC;} .search_listing_alt_logos {float:left; width:150px; text-align:center; margin:5px} #search_email { padding:0; margin:0; background-image:url(../images/en/search/search_email_title.gif); height:48px} #search_email_bottom {padding:0; margin:0; height:11px ;background-image:url(../images/en/search/search_email_bottom.gif);;background-repeat:no-repeat ; background-position:top} #search_email_main {padding:15px; margin:0; background-image:url(../images/en/search/search_email_main.gif);} #search_email_greycolumn {border-right:1px solid #CCC} #search_email_centered {text-align:center} .search_email_right {text-align:right} /* SEARCH SIDEBAR layer */ #search_sidebar_top {padding:0; margin:0; background-image:url(../images/en/search/change_criteria_title.gif); height:53px; text-align:center; color:#FFF; font-size:12px; font-weight:bold; padding-top:12px} #search_sidebar_bottom {background-image:url(../images/en/search/change_criteria_bottom.gif);height:14px; padding-bottom:0px; } #search_align_right {text-align:right} #search_sidebar_criteria {background-image:url(../images/en/search/change_criteria_subtitle.gif); height:30px; text-align:center; color:#FFF; font-size:12px; font-weight:bold; padding-top:10px} #search_sidebar_criteria_main{background-image:url(../images/en/search/change_criteria_main.gif); padding-left:20px;padding-right:20px; margin:0} /* DETAILS PAGE -----------------------------------------------------------------------------------------------*/ #details_main {width:664px; margin-right:6px;} #details_main_top {background-image:url(../images/en/details/details_top.gif); width:100%; height:17px; } #details_main_main {background-image:url(../images/en/details/details_main.gif); width:100%;} #details_main_bottom {background-image:url(../images/en/details/details_bottom.gif); width:100%; height:17px} #details_main_title{font-weight:bold; font-size:14px; color:#000000} #details_main_subtitle {font-weight:bold; font-size:12px; color:#000000} #details_main_links {font-size:11px; text-align:left; padding-left:10px; } #details_main_back {padding-bottom:8px; padding-right:30px; text-align:right} #details_main_image{float:left; width:250px} #details ul {list-style-type: none;} #details li {background: url(../images/en/details/bullet.gif) left 5px no-repeat;padding-left: 15px; padding-bottom:6px; font-weight:bold; font-size:11px} #details_main_buttons {font-size:11px;padding-left:20px} #details_main_desc {font-size:11px; padding-left:20px; width:600px} /* express interest */ #details_main_interest_top {background-image:url(../images/en/details/details_interest_top.gif); margin-left:10px; width:639px; height:30px; font-size:14px; font-weight:bold; padding-left:15px; padding-top:5px; color:#FFF} #details_main_interest_main {background-image:url(../images/en/details/details_interest_main.gif); margin-left:10px; width:634px; padding:10px} #details_main_interest_bottom {background-image:url(../images/en/details/details_interest_bottom.gif); margin-left:10px; width:654px;height:14px} #details_main_interest_info {text-align:right;width:80px; padding-right:10px; padding-top:5px;color:#FFF; font-size:11px; font-weight:bold} #details_main_interest_captcha_top {width:344px;background-image:url(../images/en/details/details_interest_capcha_top.gif); height:12px} #details_main_interest_captcha_main {width:334px;background-image:url(../images/en/details/details_interest_capcha_main.gif); padding-left:10px;} #details_main_interest_captcha_bottom {width:344px;background-image:url(../images/en/details/details_interest_capcha_bottom.gif); height:18px} #details_main_interest_captcha_title {font-size:11px; font-weight:bold; color:#006eaf;} #details_main_interest_captcha_text {font-size:11px; color:#fff} #details_main_interest_checktext {font-size:11px; width:240px; float:left; padding-top:5px; color:#fff} #details_main_interest_message {text-align:right; color:#FFF; font-size:11px; font-weight:bold} #details_sidebar_info_top {background-image:url(../images/en/details/details_sidebar_info_top.gif); background-position:right; height:20px} #details_sidebar_info_main {background-image:url(../images/en/details/details_sidebar_info_main.gif); background-position:right; padding-left:20px} #details_sidebar_info_bottom {background-image:url(../images/en/details/details_sidebar_info_bottom.gif); background-position:right; height:20px} /*Spry---------------------------------------------------------------------------------------------------------*/ @charset "UTF-8"; /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .TabbedPanels { margin: 0px; padding-top: 0px; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ .TabbedPanelsTabGroup { margin: 0px; padding-top: 15px; padding-bottom: 31px; } #TabbedPanels2 .TabbedPanelsTabGroup { margin: 0px; padding-top: 0px; padding-bottom: 31px; padding-left: 0px; } /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .TabbedPanelsTab { position: relative; top: 1px; float: left; text-align:center; padding-top:8px; color:#FFF; width:160px; height:22px; font: bold 14px Verdana; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; background-image:url(../images/en/tab4.gif); outline: 0; /* @ Firefox, prevent dotted border after click */ } #TabbedPanels2 .TabbedPanelsTab { position: relative; top: -1px; float: left; text-align:center; padding-top:8px; color:#FFF; width:226px; height:27px; font: bold 14px Verdana; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; background-image:url(../images/en/tab1.gif); outline: 0; /* @ Firefox, prevent dotted border after click */ } #TabbedPanels2 .TabbedPanelsTab_last { position: relative; top: -1px; float: left; text-align:center; padding-top:8px; color:#FFF; width:218px; height:27px; font: bold 14px Verdana; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; background-image:url(../images/en/tab1.gif); outline: 0; /* @ Firefox, prevent dotted border after click */ } /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .TabbedPanelsTabHover { } /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .TabbedPanelsTabSelected { color: black; background-image:url(../images/en/tab3.gif); } #TabbedPanels2 .TabbedPanelsTabSelected { color: black; background-image:url(../images/en/tab2.gif); } /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .TabbedPanelsTab a { color: black; text-decoration: none; } /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .TabbedPanelsContentGroup { clear: both; } /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .TabbedPanelsContent { padding: 4px; background-color:#FFF } #TabbedPanels2 .TabbedPanelsContent { padding: 0px 4px 0px 4px; margin:15px 3px 0px 6px; background-color:#FFF } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisible { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; position: relative; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTabSelected { } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } /*Rotating tabs--------------------------------------------------------------------------------------*/ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* Skin */ .ui-tabs-nav, .ui-tabs-panel { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; padding:0px; margin:0px; } .ui-tabs-nav { list-style: none; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; width:223px; height:27px; padding-top:8px; padding-right:3px; text-align:center; font-weight: bold; background-image:url(../images/en/tab1.gif); } .ui-tabs-nav .middle_item { float: left; width:220px; height:27px; padding-right:0px; padding-top:8px; text-align:center; font-weight: bold; background-image:url(../images/en/tab1.gif) ; } .ui-tabs-nav .last_item { float: left; width:218px; height:27px; padding-left:6px; padding-right:0px; padding-top:8px; text-align:center; font-weight: bold; background-image:url(../images/en/tab1.gif) ; background-position:6px } .ui-tabs-nav #submenu_item1 { float: left; width:155px; height:25px; padding-top:5px; text-align:center; font-weight: bold; background-image:url(../images/en/tab3.gif) ; } .ui-tabs-nav #submenu_item2 { float: left; width:158px; height:25px; padding-top:5px; text-align:center; font-weight: bold; background-image:url(../images/en/tab3.gif) ; } .ui-tabs-nav a, .ui-tabs-nav a span { /* fixes dir=ltr problem and other quirks IE */ /* border:1px solid #000;*/ } .ui-tabs-nav a { text-decoration: none; font-size: 14px; outline: 0; /* @ Firefox, prevent dotted border after click */ } .ui-tabs-nav a:link, .ui-tabs-nav a:visited { color: #fff; height:35px; width:223px; } .ui-tabs-nav #submenu_item1 a:link, .ui-tabs-nav #submenu_item1 a:visited, .ui-tabs-nav #submenu_item2 a:link, .ui-tabs-nav #submenu_item2 a:visited { color:#aa5417; height:35px; width:223px; } .ui-tabs-nav-selected #submenu_item1-selected li a { color:#ccc; } .ui-tabs-nav-selected li a { color:#000; } .ui-tabs-nav .ui-tabs-selected , .ui-tabs-nav-selected li a { color:#000; background-image:url(../images/en/tab2.gif); } #submenu_item1 .ui-tabs-selected ,#submenu_item2 .ui-tabs-selected li a { color:#aa5417; background-image:url(../images/en/tab4.gif); } .ui-tabs-nav a span { } .ui-tabs-nav .ui-tabs-selected a span { } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ color:#000; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; } .ui-tabs-panel { } /*.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }*/ /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } /* START REGISTER FORM PAGE*/ h1#userProfile { color:#006eaf; font-size:22px; font-weight:normal; margin: 15px 0 5px;} h4#userProfile { color:#616161; font-size:14px; font-weight:normal; margin: 18px 0 5px;} .check { color:#616161; font-size:11px; font-weight:normal; margin-bottom:5px} .inputBox{ width: 250px; padding: 4px; border:1px solid #E4E4E4 !important; font-size:18px; color:#666; margin: 0 !important; } .input_layer { float:left; width:270px} .help_layer {float:left; padding-top:5px} .error_layer {float:left; padding-top:5px;padding-left: 5px;width:270px;color:#8A1F11;} #main_middle {background-image:url(../images/userReg/main_middle.jpg); width:986px;} #register_form {width:600px; float:left; padding-left:40px} #userSidebar { float:right; margin-right:20px; margin-top:20px; width:305px; } .widget_title { padding:5px 0 0 10px; width:295px; height:40px; color:#FFF; font-size:13px; background-image:url(../images/userReg/sidebar_en.png); background-repeat: no-repeat} .title {font-size:14px; color:#006eaf ; margin-top:5px} .text {font-size:11px; margin-top:5px; color:#62625f } /* END REGISTER FORM PAGE*/ /* NAVIGATION BUTTONS */ .cssnav { position:relative; float: left; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; background: url(../images/userReg/button_over_en.png) no-repeat; width: 137px; height: 44px; overflow:hidden;/* for ie to hide extra height*/ font-size:16px; } .cssnav a { display: block; font-size: 16px; width: 137px; height: 44px; display: block; float: left; font-weight:bold; color: #F0F0F0; text-decoration: none; overflow:hidden;/* for ie to hide extra height*/ } .cssnav a:hover { color: #ffffff; } .cssnav img {width: 137px; height: 44px; border: 0; } * html a:hover {visibility:visible} .cssnav a:hover img{visibility:hidden} .cssnav span { position: absolute; left: 0px;top: 12px; text-align: center; width: 137px; cursor: pointer; } /* END OF NAVIGATION */ /*START FAVORITES PAGE STYLE*/ select.style01 {border:1px solid #dadada; background-color:#fafafa; color: #9A9A9A; font-size:12px } select.style01 option {border-bottom:1px solid #dadada} /*--START - Style for main tabs(favorites/profile)--*/ ul.tabs, ul.tabs1 { margin: 0; padding: 0; float: left; list-style: none; height: 27px; /*--Set height of tabs--*/ width: 100%; } ul.tabs li{ float: left; margin: 0; padding: 0; height: 26px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 26px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #eae8e8; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #f0eeeb; margin-left:10px; } ul.tabs li a{ text-decoration: none; display: block; font-size: 1.2em; padding: 0 20px; color:#b2b0b0; outline: none; } ul.tabs li a:hover, ul.tabs1 li a:hover { background: #fff; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fafafa; border-bottom: 1px solid #fafafa; /*--Makes the active tab look like it's connected with its content--*/ } /*--END - Style for main tabs(favorites/profile)--*/ /*--START - Style for sub tabs(sale/rent)--*/ ul.tabs1 li { float: left; margin: 0; padding: 0; height: 20px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 20px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #eae8e8; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #f0eeeb; } .tab_container{ border-left: 1px solid #eae8e8; border-right: 1px solid #eae8e8; overflow: hidden; clear: both; float: left; width: 908px; background: #fafafa; } .tab_content { padding: 20px; font-size: 1.2em; } ul.tabs1 li a { text-decoration: none; display: block; font-size: 0.8em; padding: 0 5px; color:#b2b0b0; outline: none; } html ul.tabs li.active, html ul.tabs li.active a ,html ul.tabs1 li.active, html ul.tabs1 li.active a { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fafafa; /*--Makes the active tab look like it's connected with its content--*/ color:#7d7b7a; } html ul.tabs1 li.active, html ul.tabs1 li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fafafa; } .tab_content1 { padding: 20px 0; margin-top:20px; font-size: 0.8em; color:#b2b0b0 } /*--END - Style for sub tabs(sale/rent)--*/ .main_content {border:1px solid #eae8e8; background-color:#FFF; } #delete a { display: block; width: 20px; height: 20px; background-image:url(../images/userReg/delete.png) } #delete a:hover { background-image:url(../images/userReg/delete.png); background-position: 0 -19px } #print a { display: block; width: 38px; height: 20px; background-image:url(../images/userReg/print.png) } #print a:hover { background-image:url(../images/userReg/print.png); background-position: 0 -19px } #pdf a { display: block; width: 28px; height: 20px; background-image:url(../images/userReg/pdf.png) } #pdf a:hover { background-image:url(../images/userReg/pdf.png); background-position: 0 -19px } #xls a { display: block; width: 28px; height: 20px; background-image:url(../images/userReg/xls.png) } #xls a:hover { background-image:url(../images/userReg/xls.png); background-position: 0 -19px } #main_content {width:906px; float:left; padding-left:40px} /*START FAVORITES PAGE STYLE*/ /* userReg */ #userReg #sidebar p { color:#62625F; } #userReg #sidebar h1 { color: #006eaf; } #userReg #banner { background-image: url("../images/userReg/banner_en.png"); } #userReg #details_main_left h1 { color:#006eaf; } #userReg #details_main_right .title { background-image: url("../images/userReg/sidebar_en.png"); } #userReg a.button { background-image: url("../images/userReg/button_en.png"); } #userReg a:hover.button { background-image: url("../images/userReg/button_over_en.png"); }