/* Page Navigation =============================================================*/ #page_nav{ float:left; color:#000; margin: 10px 0px 0 40px ; } #page_nav2 { width: 100%; height: 0px; float:right; top:0px; position:relative; margin-bottom: 20px; } /* Page Navigationl ----------------------------------------------------------------------------------------------------*/ .pages { padding: 0em; margin: 1em 0; float: left; font-size: 85%; margin:0px 0px 0 0px; } .pages a, .pages span { display: block; float: left; padding: 0.2em 0.5em; margin-right: 0.1; border: 1px solid #fff; background: #fff; color: #000; } .pages span.current { border: 1px solid #437B91; font-weight: bold; background: #437B91; color: #fff; } .pages a { border: 1px solid #9AAFE5; text-decoration: none; } .pages a:hover { border-color: #437B91; } .pages a.nextprev { font-weight: bold; } .pages span.nextprev { color: #666; } .pages span.nextprev { border: 1px solid #ddd; color: #999; } .pages .nextprev-next { float: right; } } /* ========================= base/ui.all.css ============================== */ /* ----------- copied from ui.datepicker.css ---------------- */ /* ---------------------------------------------------- */ /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 1 ;} .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* ----------- copied from ui.core.css ---------------- */ /* ---------------------------------------------------- */ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ----------- copied from ui.theme.css ---------------- */ /* ---------------------------------------------------- */ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content2 { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content2 a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content2 .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content2 .ui-state-hover, .ui-state-focus, .ui-widget-content2 .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content2 .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content2 .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content2 .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content2 .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content2 .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content2 .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-state-disabled, .ui-widget-content2 .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content2 .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content2 .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content2 .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; float:.inherit;} /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; } /* ========================= end base/ui.all.css ============================== */ /* ========================= general css styles ============================== */ body{ font-family:sans-serif; } .clear{ clear:both; } h1{ text-align:center; } #phone_top{ font-size:1.1em; margin-left:210px; } .flag_icons { float: left; } .flag_icons img { margin: 1px; position: relative; } .flag_icons img:hover { top: -2px; } .vcard{ clear:both; } a{ text-decoration:none; } a img{ border:none; } #left_bar #logo{ width:276px; text-align:center; } #left_bar #logo img{ height:180px; } #logo{ float:left; width:200px; text-align:center; } #logo img{ height:100px; } #logo_index{ float:left; width:200px; text-align:center; } #logo_description{ } #logo_description img{ height:70px; } #container{ width: 960px; margin:0 auto; } #container_search{ width: 1100px; margin:0 auto; } #container_index{ width:800px; margin:0 auto; } #container_index a{ color:blue; text-decoration:none; width:100%; } #container_index a:hover{ color:purple; } .box a:hover{ background: #eee; border-bottom: 1px solid #ccc; } .banner a:hover{ background: white; border-bottom:0; } .banner a{ display:block; border-bottom:0; padding:2px 0; } .links a{ padding:1px 0l } h4.banner{ background: #eee; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; clear: both; font-weight: bold; font-size:.9em; text-align: center; } .box{ float:left; margin:0 10px; width:180px; } .cat{ width:800px; } .links{ font-size:.8em; } h3{ font-size:.9em; } div.cat div.box { } .roundbox { float: left; font-size: 0.75em;; height: 190px; margin: 6px; margin-top: 20px; width: 183px; } #jcart fieldset{ width:200px; } #left_bar{ clear:left; float:left; margin-right:20px; } .roundtop_photo img{ height:100px; width:181px; } .pages{ } #photos{ border:1px solid black; width:635px; } #comments{ } #order_byWrapper{ float:right; width:730px; height: 25px; padding-right: 10px; } #order_by form{ display:inline; } #order_by{ height: 0px; float:right; position:relative; right:27px; top:-20px; } #apt_details_box { background: white; border: 1px solid #666; margin: 55px 0px 0px 40px; overflow: hidden; padding-bottom: 0px; padding-left: 0px; padding-top: 0px; width: 635px; } #photos{ display:block; } #apt_details_box{ margin:0 auto 25px; } #main_content_listing{ float: right; width: 800px; margin-top: -40px; } #agent_table{ width:275px; border:1px solid black; margin-top:35px; } .agent_pic{ margin:0 90px; } .wrap { position:relative; top: -37px; } #apartments { float: right; margin-top: 30px; width: 635px; } /* ---- for index.php ----- */ .banner{ display:block; margin:0 auto 50px; } .subsection{ position:relative; } .subsection_text { float: left; width: 520px; } .subsection_links { float: left; width: 510px; padding:0; font-size:.95em; margin: 0 0 35px 25px; clear:left; } .subsection img { float: right; } .subsection_links ul { margin-bottom:80px; padding: 0px; } .subsection_links li { float: left; margin-right: 25px; } .subsection_view_all { bottom: 0px; position: absolute; right: 300px; font-weight:bold; } #we_accept{ width:190px; } #they_talk { width: 230px; } #we_work_with{ width:310px; border-right:none; } .icons{ float:left; height:100px; position:relative; border-right: 1px dashed gray; margin:0 0 0 6px; } .icons div{ position:absolute; bottom:0px; } .icons img { max-height: 60px; max-width: 150px; } .icons h4{ margin:0; padding:0; } /* ---- for about-us.php ----- */ #content{ width:800px; float:right; } /* for the floating menu */ div.floating-menu { position:fixed; padding:7px; z-index:100; top:25%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); background-color:black; border:2px solid white; left:-43px; } /* for french floating menu */ div#fr_floating-menu{ left:-75px; } /* for chinese floating menu */ div#cn_floating-menu { background-color:blue; left:-35px; } /* for italian floating menu */ div#it_floating-menu { left:-45px; } div.floating-menu a{ display:block; color:white; font-family: BentonSans, Arial, sans-serif; font-size:1.4em; font-weight:bold; } /* end floating menu */ /* ---- for footer.php ----- */ #footer_note { font-size: 0.7em; } .footer_list { float: left; font-size: ; width: 25%; } .footer_list ul { list-style: none; padding:0; } /* ========================= superfish.css ============================== */ /*** ESSENTIAL STYLES ***/ .sf-menu,.sf-menu * { margin: 0; padding: 0; list-style: none; font-size: 12px; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul,.sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; height: 30px; width: 760px; background-image: url(../img/sub_nav_bg.gif); background-image: repeat-y; } ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { border-left: 1px dashed #fff; border-top: 1px dashed #CFDEFF; padding: .75em 1em; text-decoration: none; } .sf-menu a,.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #000; } .sf-menu .current a,.sf-menu .current a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #000; } .sf-menu .current_sublinks a,.sf-menu .current_sublinks a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #000; } .sf-menu li { background: #BDD2FF; } .sf-menu li li { background: #AABDE6; } .sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { background: #CFDEFF; outline: 0; } /*** arrows **/ a>.sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a>.sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* ========================= End superfish.css ====================== */ /* ========================= superfish-navbar.css =================== */ /*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/ .sf-navbar { width: 960px; height: 2.5em; padding-bottom: 2.5em; position: relative; background-image: url(../img/main_navigation_bg.gif); background-image: repeat-y; } #container_search .sf-navbar{ width: 1070px; } .sf-navbar li { background: transparent; position: static; border-right: 1px dashed #fff; overflow: hidden; } .sf-navbar a { border-top: none; } .sf-navbar li ul { width: 64em; /*IE6 soils itself without this*/ } .sf-navbar li li { /*background: #BDD2FF; */ position: relative; border-right: 1px dashed #000; } .sf-navbar li li ul { width: 13em; } .sf-navbar li li li { width: 100%; } .sf-navbar ul li { width: auto; float: left; } .sf-navbar a,.sf-navbar a:visited { border: none; } .sf-navbar li.current { background: #252d30; } .sf-navbar li:hover,.sf-navbar li.sfHover,.sf-navbar a:focus,.sf-navbar a:hover,.sf-navbar a:active { background: #6690A0; } .sf-navbar .current_sublinks li li .sf-navbar .current_sublinks a:focus,.sf-navbar .current_sublinks a:hover,.sf-navbar .current_sublinks a:active { background: #fff; } .sf-navbar li li .sf-navbar a:focus,.sf-navbar a:hover,.sf-navbar a:active { background: #6690A0; } .sf-navbar ul li:hover,.sf-navbar ul li.sfHover,ul.sf-navbar ul li:hover li,ul.sf-navbar ul li.sfHover li,.sf-navbar ul a:focus,.sf-navbar ul a:hover,.sf-navbar ul a:active { background: #b4d6d0; } ul.sf-navbar li li li:hover,ul.sf-navbar li li li.sfHover,.sf-navbar li li.current li.current,.sf-navbar ul li li a:focus,.sf-navbar ul li li a:hover,.sf-navbar ul li li a:active { background: #E6EEFF; } ul.sf-navbar .current ul,ul.sf-navbar ul li:hover ul,ul.sf-navbar ul li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ } ul.sf-navbar .current ul ul { top: -999em; } .sf-navbar li li.current>a { font-weight: bold; } /*** point all arrows down ***/ /* point right for anchors in subs */ .sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; } .sf-navbar ul a>.sf-sub-indicator { background-position: 0 -100px; } /* apply hovers to modern browsers */ .sf-navbar ul a:focus>.sf-sub-indicator,.sf-navbar ul a:hover>.sf-sub-indicator,.sf-navbar ul a:active>.sf-sub-indicator,.sf-navbar ul li:hover>a>.sf-sub-indicator,.sf-navbar ul li.sfHover>a>.sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /*** remove shadow on first submenu ***/ .sf-navbar>li>ul { background: transparent; padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; } /* =============================== end superfish-navbar.css ========================*/ /* =============================== galleria.css =====================================*/ .galleria-container{position:relative;overflow:hidden;background:#fff;} .galleria-container img{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;} .galleria-stage{position:absolute;top:10px;bottom:60px;left:10px;right:10px;overflow:hidden;} .galleria-thumbnails-container{height:50px;bottom:0;position:absolute;left:10px;right:10px;z-index:2; background:#dadada;} .galleria-carousel .galleria-thumbnails-list{margin-left:30px;margin-right:30px; padding:5px;} .galleria-thumbnails .galleria-image{height:40px;width:60px;background:#000;margin:0 5px 0 0;border:1px solid #000;;float:left;cursor:pointer;} .galleria-counter{position:absolute;bottom:10px;left:10px;text-align:right;color:#fff;font:normal 11px/1 arial,sans-serif;z-index:2;} .galleria-loader{background:#000;width:20px;height:20px;position:absolute;top:10px;right:10px;z-index:2;display:none;background:url(../img/classic-loader.gif) no-repeat 2px 2px;} .galleria-info{width:50%;top:15px;left:15px;z-index:2;position:absolute;} .galleria-info-text{background-color:rgba(0,0,0,.9);*background-color:#000;padding: 12px;display:none;} .galleria-info-title{font:bold 12px/1.1 arial,sans-serif;margin:0;color:#fff;} .galleria-info-description{font:italic 12px/1.4 georgia,serif;margin:0;color:#bbb;} .galleria-info-title+.galleria-info-description{margin-top:7px;} .galleria-info-close{width:9px;height:9px;position:absolute;top:5px;right:5px;background-position:-753px -11px;opacity:.5;cursor:pointer;display:none;} .galleria-info-link{background-position:-669px -5px;opacity:.8;position:absolute;width:20px;height:20px;cursor:pointer;background-color:#000;} .galleria-info-link:hover, .galleria-info-close:hover{opacity:.5;} .galleria-image-nav{position:absolute;top:50%;margin-top:-15px;width:100%;height:31px;left:0;} .galleria-image-nav-left, .galleria-image-nav-right{opacity:.7;cursor:pointer;width:16px;height:31px;position:absolute;left:10px;z-index:2;} .galleria-image-nav-right{left:auto;right:10px;background-position:-300px 0;z-index:2;} .galleria-image-nav-left:hover, .galleria-image-nav-right:hover{opacity:.5;} .galleria-thumb-nav-left, .galleria-thumb-nav-right{cursor:pointer;display:none;background-position:-495px 5px;position:absolute;left:0;top:0;height:40px;width:23px;z-index:3;background-color:#444;} .galleria-thumb-nav-right{background-position:-578px 5px;border-right:none;right:0;left:auto;} .galleria-thumbnails-container .disabled, .galleria-thumbnails-container .disabled:hover{opacity:.2;cursor:default;} .galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover{opacity:1;background-color:#444;} .galleria-carousel .galleria-thumb-nav-left, .galleria-carousel .galleria-thumb-nav-right{display:block;} .galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left, .galleria-image-nav-right{background-image:url(../img/classic-map.png);background-repeat:no-repeat; margin-top:5px;} /* ============================== end galleria.css ============================ */ /* ======================================== apartments.css =============================== */ #apartments{ } #apartment{width:; color:#2f2f2f; position:relative; margin-top:; margin-left:; } /** boxes **/ #apartment .box{} #apartment #left_column .box .top{ width:400px; position:relative; padding: 0 0px; } #apartment #left_column .box .middle{ height:25px; width:400px; padding: 0 0px; } #apartment ul.apartments_sub_nav{width:680px;height:0px; position:absolute; margin:10px 0px 0px -17px;} #apartment ul.apartments_sub_nav li{float:left; display:inline; height:14px; padding:3px 9px 6px; -moz-border-radius:5px;-webkit-border-radius: 5px; border:1px solid #666; margin:-20px 28px 10px -20px; } #apartment ul.apartments_sub_nav li:hover{float:left; display:inline; height:14px; padding:3px 9px 6px; -moz-border-radius:5px;-webkit-border-radius: 5px; background:#f1f1f1;} #apartment ul.apartments_sub_nav li a{font-size:14px; text-decoration:none; font-weight:bold; color:#437B91; } #apartment ul.apartments_sub_nav li:hover a{} #apartment ul.apartments_sub_nav li.selected{background:#C9CC76; -moz-box-shadow: inset 1px 1px 10px #888888; border-radius: 5px; -webkit-box-shadow: 1px 1px 10px #888888 inset; -moz-border-radius:5px;-webkit-border-radius: 5px;} #apartment ul.apartments_sub_nav li.selected a{-moz-border-radius:5px;-webkit-border-radius: 5px; border-radius: 5px; text-shadow:2px 2px #afafa6; color:#ffffff;} #apartment ul.apartments_sub_nav li.selected a:hover{/*text-shadow:2px 2px #94949e;*/} #apartment .main_content_listing h2{font-size:28px; color:#333333; font-weight:bold; padding-top:9px;} span.neighborhood{color:#757569; font-style:italic;} /**** LEFT COLUMN ****/ #apartment #left_column{width:181px; float:left; margin-left:5px; margin-top:30px; padding:0 0 0px 0;} *html #apartment #left_column{margin-left:1px;} #apartment #left_column .main_content_listing, #apartment #left_column #details, /** Main Content **/ #apartment #left_column .main_content_listing{width:100px; border:1px solid #000;} #apartment .main_content_listing #photos{ margin:15px 0 0 -13px;float:left; position:relative; border:1px solid #666; padding:0px; width:635px; } #apartment .main_content_listing #apartment_description_details{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px;} #apartment .main_content_listing #neighborhood_description{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px; } #apartment .main_content_listing #rates_and_availability_description{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px; } #apartment .main_content_listing #availability_description{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px; } #apartment .main_content_listing #map_description{margin:15px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px;} #apartment .main_content_listing #street_view_description{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px width:614px;;} #apartment .main_content_listing #similar_results_description{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px;} #apartment .main_content_listing #comments_description{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px;} #apartment .main_content_listing #feedback_description{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px; } #apartment .main_content_listing #general_information_section{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px; } #apartment .main_content_listing #facilities_section{margin:5px 0 0 -13px;float:left; position:relative;border:1px solid #666; padding:10px; width:614px; } #apartment_list_title {margin-left:7px; } .apartments_list_content {margin-left:7px;} /* ============================= end apartments.css ======================== */ /* ======================= for request.php =================== */ .comment, #addCommentContainer{ /* Syling the comments and the comment form container */ /* DB wants to change width below from 400 px to 240px to fit in left margin below search form */ padding:12px; width:400px; position:relative; background-color:#fcfcfc; border:1px solid #000000; color:#000000; margin-bottom:-21px; /* CSS3 rounded corners and drop shadows */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:2px 2px 0 #c2c2c2; -webkit-box-shadow:2px 2px 0 #000000; box-shadow:2px 2px 0 #000000; } .comment .avatar{ /* / The avatar is positioned absolutely, / and offset outside the comment div /*/ height:50px; left:-70px; position:absolute; width:50px; background:url('img/default_avatar.gif') no-repeat #fcfcfc; /* Centering it vertically: */ margin-top:-25px; top:50%; -moz-box-shadow:1px 1px 0 #c2c2c2; -webkit-box-shadow:1px 1px 0 #c2c2c2; box-shadow:1px 1px 0 #c2c2c2; } .comment .avatar img{ display:block; } .comment .name{ font-size:20px; padding-bottom:10px; color:#ccc; } .comment .date{ font-size:10px; padding:6px 0; position:absolute; right:15px; top:10px; color:#bbb; } .comment p, #addCommentContainer p{ font-size:18px; line-height:1.5; overflow-x:hidden; } #addCommentContainer input[type=text], #addCommentContainer textarea{ /* Styling the inputs */ display:block; border:1px solid #ccc; margin:5px 0 5px; padding:3px; font-size:12px; color:#555; font-family:Arial, Helvetica, sans-serif; } /* DB wants to change width below from 300 px to 240px to fit in left margin below search form */ #addCommentContainer textarea{ width:300px; } label{ font-size:10px; } label span.error{ color:red; position:relative; right:-10px; } #submitt{ /* The submit button */ background-color:#58B9EB; border:1px solid #40A2D4; color:#FFFFFF; cursor:pointer; font-family:'Myriad Pro',Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; padding:4px; margin-top:5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #submitt:hover{ background-color:#80cdf5; border-color:#52b1e2; } div.clear{ clear:both; } /* ############ CSS for AJAX TABS ############ */ .tabcontent { border: 0px solid #666; float: ; margin: 0px -4px 50px 0px; padding: 10px; position: relative; } .tabs_wrap{ float:right; } ul.tabs_nav { padding:0px; } ul.tabs_nav li { border: 1px solid #666; border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; display: inline; margin: 0px; padding: 3px 9px; } ul.tabs_nav li a{ color: #437B91; font-size: 14px; font-weight: bold; text-decoration: none; } ul.tabs_nav li:hover{ background: #F1F1F1; } .neighborhood{ float:none; } #general_information{ float:none; } #general_information td{ padding-right:105px; } .selected{ background:green; } #siteNav li{ margin-left:-35px; margin-bottom:7px; margin-right: 40px; } ul.tabs_nav li.selected, ul.tabs_nav li.selected:hover{ background-color:#0099CC; } ul.tabs_nav li.selected a{ color:white; } /* -- ############ end CSS for AJAX TABS ############ -- */ /* Apartment Code Search - REFINE SEARCH =============================================================*/ #refine_code_search{ width: 320px; height: 36px; background:#437B91; /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1; border-top: 2px solid #fff; float:left; /* position:relative; */ z-index:99; margin:0 0 0 0px; } #refine_code_search_availability label{ color:#FFF; font-size:12px; display:block; float:left; width:auto; text-align:right; margin:10px 0 0px 5px; font-family: Verdana; } #refine_code_search_availability{ background:#437B91; height:25px; margin-bottom:0px; padding-top:0px; padding-left:0px; border-top: 10px solid #fff; display:inline; width: 100%; } #refine_code_search_availability input, #apartment_code_search_availability select{ border:1px solid #fff; width:110px; height:18px; color:#b2690b; font-size: 100%; margin:8px 0 3px 3px ; float:left; } #refine_code_search_availability #formaptnumber_submit{ width:30px; height:22px; float:left; margin:8px 0 0px 0; padding-top:0px; padding-left:0px; display:block; border:0px solid #fff; } .checkboxes{ margin-bottom:30px; margin-left:71px; } .checkboxes label { display: block; padding-right: 0px; padding-left: 0px; text-indent: 0px; line-height: 18px; } .checkboxes input { vertical-align: middle; } .checkboxes label span { vertical-align: middle; color:#666; line-height: 18px; } .checkboxes2 label { display: block; padding-right: 0px; padding-left: 0px; text-indent: 0px; width:160px; line-height: 18px; } .checkboxes2 input { vertical-align: middle; padding-left:0px; } .checkboxes2 label span { vertical-align: middle; color:#666; font-family: Verdana; } #checkbox_list { width:220px; } .neighborhoods { padding-right: 0px; padding-left: 10px; text-indent: 0px; color:#666; float:left; width:210px; font-weight: bold; font-family: Verdana; font-size:.8em; padding-top:18px; } .neighborhoods span{ text-indent: 0px; text-align:right; } .neighborhoods #select_all { text-indent: 0px; text-align:left; font-weight:bold; } .neighborhoods label { padding-left: 0px; color:#b2690b; font-family: verdana; font-weight: bold; } .checkboxes_neighborhoods_row1 { padding-right: 0px; padding-left: 7px; text-indent: 0px; color:#666; float:left; width:120px; text-align: left; line-height:18px; vertical-align:top; } .checkboxes_neighborhoods_row1 label { color:#666; font-family: Verdana; line-height: 18px; vertical-align: bottom; } .checkboxes_neighborhoods_row1 span { color:#666; font-weight:bold; font-family: Verdana; line-height:18px; vertical-align: top; } .checkboxes_neighborhoods_row2 { padding-right: 0px; padding-left: 0px; text-indent: 0px; color:#666; float:left; width:15px; margin:20px 0 0 0; } .checkboxes_neighborhoods_row2 label { color:#b2690b; } .checkboxes_neighborhoods_result label { display: block; padding-right: 0px; padding-left: 10px; text-indent: 20px; width:210px; margin-left:30px; color:#666; } .checkboxes_neighborhoods_result input { vertical-align: middle; } .checkboxes_neighborhoods_result label span { vertical-align: middle; } .amenities { padding-left: 8px; text-indent: 0px; color:#666; float:left; width:140px; font-family: Verdana; } .amenities label { color:#b2690b; padding-left:3px; } #wb { width: 15px; height: 15px; float: left; } #amenities_label { float: left; color:#666; } .rooms { padding-right: 0px; padding-left: 0px; text-indent: 0px; color:#666; float:left; } .rooms label { color:#b2690b; font-family: Verdana; margin-left:4px; font-size:12px; } #wb_rooms { width: 15px; height: 15px; float: right; } #rooms_label { float: left; padding-left: 0px; color:#666; } #refine_your_search{ background:#f1f1f1; height:100%; width:270px; margin: 10px 0px 10px 0px ; padding-left:0px; position:relative; overflow:hidden; border:3px solid #eee; box-shadow:5px 5px 10px #999999; -webkit-box-shadow:3px 3px 8px #999999; -moz-box-shadow: 3px 3px 8px #999999; } #find_your_place_apt_description{ background:#ddddcb url(../img/find_your_place.jpg) no-repeat; height:230px; width:260px; margin: 10px 0px 10px 0px ; padding-top:35px; padding-left:0px; position:relative; border:3px solid #eee; } #apt_id{ background:#ddddcb; height:45px; width:260px; margin: 0px 0px 10px 0px ; padding-top:0px; padding-left:0px; position:relative; border:3px solid #eee; } #apt_id_search{ height:151px; margin-top:15px; } #apt_id_search label{ color:#000; font-size:12px; display:block; float:left; width:100px; text-align:right; margin-right:5px; } #apt_id_search input { border:1px solid #fff; width:100px; height:18px; color:#844d2e; font-size: 100%; float:left; } .go_btn{ border:0; margin:0px 0px 0 0; } .search_btn{ border:0; float:right; margin-right:30px; } .search_btn_description{ border:0; margin:0px 30px 0 0; float:right; } .reset_btn{ border:0; float:left; margin-left:30px; } .refine_submit_btn{ /* bottom: 38px; position: absolute;*/ } .reset_btn_description{ border:0; margin:0px 30px 0 0; float:right; } .advanced_search a{ margin:10px 50px 0 0; text-decoration:underline; color:#000; position:absolute; } .advanced_search a:hover{ margin:10px 50px 0 0; text-decoration:none; } #find_your_place_search{ height:151px; margin-bottom:3px; padding-top:0px; padding-left:0px; } #find_your_place_search label{ color:#b2690b; font-size:12px; display:block; float:left; width:70px; text-align:right; margin-right:5px; font-family: verdana; } #find_your_place_search select{ border:1px solid #fff; width:168px; height:22px; color:#844d2e; } #find_your_place_search input { border:1px solid #fff; width:120px; height:18px; color:#844d2e; font-size: 100%; } #find_your_place_search #search{ border:0; width:120px; height:30px; margin-left:62px; margin-top:5px; } #find_your_place_manhattan{ background:#ddddcb url(../img/find_your_place.jpg) no-repeat; height:100%; width:280px; margin: 10px 0px 10px 0px ; padding-top:35px; padding-left:0px; position:relative; border:3px solid #eee; position:relative; overflow:hidden; } #find_your_place_brooklyn{ background:#ddddcb url(../img/find_your_place.jpg) no-repeat; height:100%; width:280px; margin: 10px 0px 10px 0px ; padding-top:35px; padding-left:0px; position:relative; border:3px solid #eee; position:relative; overflow:hidden; } #find_your_place_bronx{ background:#ddddcb url(../img/find_your_place.jpg) no-repeat; height:100%; width:280px; margin: 10px 0px 10px 0px ; padding-top:35px; padding-left:0px; position:relative; border:3px solid #eee; position:relative; overflow:hidden; } #find_your_place_staten_island{ background:#ddddcb url(../img/find_your_place.jpg) no-repeat; height:100%; width:280px; margin: 10px 0px 10px 0px ; padding-top:35px; padding-left:0px; position:relative; border:3px solid #eee; position:relative; overflow:hidden; } #find_your_place_queens{ background:#ddddcb url(../img/find_your_place.jpg) no-repeat; height:100%; width:280px; margin: 10px 0px 10px 0px ; padding-top:35px; padding-left:0px; position:relative; border:3px solid #eee; position:relative; overflow:hidden; } /* Apartment Search =============================================================*/ #apartment_search_top{ width: 300px; height: 243px; background:#000; /* for IE */ filter:alpha(opacity=80); /* CSS3 standard */ opacity:0.8; border: 1px solid #eee; float:left; position:absolute; z-index:99; margin:20px 0 0 16px; } #apartment_search{ background:#000; height:151px; margin-bottom:3px; padding-top:0px; padding-left:15px; } #left .noheight{ height:auto; overflow:hidden; margin-bottom:10px; } .title_search{ color:#FFF; font-size:21px; width:260px; height:24px; border-bottom: 1px solid #fff; margin:8px 0 0 15px; } #apartment_search label{ color:#FFF; font-size:15px; display:block; float:left; width:120px; text-align:right; margin-right:5px; margin-left:-10px; margin-top:7px; } #apartment_search input{ border:1px solid #fff; width:110px; height:18px; color:#844d2e; font-size: 100%; float:left; margin-right:5px; margin-top:10px; } #apartment_search select{ border:1px solid #fff; width:160px; height:18px; color:#844d2e; font-size: 100%; margin-bottom:5px; margin-top:10px; } #apartment_search #nbofpeople select{ border:1px solid #fff; width:50px; height:18px; color:#844d2e; font-size: 100%; margin-bottom:5px; margin-top:10px; float:left; position:relative; } #apartment_search #search{ border:0; width:120px; height:30px; margin-left:62px; margin-top:5px; } .apartment_search_apartment{ height:15px; margin-bottom:1.5em; padding-top:0px; } .apartment_search_apartment input{ border:1px solid #fff; width:110px; height:18px; color:#844d2e; font-size: 100%; float:left; margin-right:5px; margin-bottom:5px; } #advanced_search_calendar img { margin-top:10px; } #search_btn_home { /* width:109px; height:20px; border:0px; position:absolute; */ margin:25px 0 0 170px; } .ui-widget{ font-size:.9em; } /* css code for colorbox */ #colorbox,#cboxOverlay,#cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft,#cboxBottomLeft { clear: left; } #cboxContent { position: relative; overflow: hidden; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay,#cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow { cursor: pointer; } #colorbox { } #cboxTopLeft { width: 21px; height: 21px; background: url(../img/controls.png) -100px 0 no-repeat; } #cboxTopRight { width: 21px; height: 21px; background: url(../img/controls.png) -129px 0 no-repeat; } #cboxBottomLeft { width: 21px; height: 21px; background: url(../img/controls.png) -100px -29px no-repeat; } #cboxBottomRight { width: 21px; height: 21px; background: url(../img/controls.png) -129px -29px no-repeat; } #cboxMiddleLeft { width: 21px; background: url(../img/controls.png) left top repeat-y; } #cboxMiddleRight { width: 21px; background: url(../img/controls.png) right top repeat-y; } #cboxTopCenter { height: 21px; background: url(../img/border.png) 0 0 repeat-x; } #cboxBottomCenter { height: 21px; background: url(../img/border.png) 0 -29px repeat-x; } #cboxContent { background: #fff; } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious { position: absolute; bottom: 0; left: 0px; background: url(../img/controls.png) -75px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(../img/controls.png) -50px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; } #cboxLoadingOverlay { background: url(../img/loading_background.png) center center no-repeat; } #cboxLoadingGraphic { background: url(../img/loading_video.gif) center center no-repeat; } #cboxClose { position: absolute; bottom: 0; right: 0; background: url(../img/controls.png) -25px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; } a.button10{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: -moz-linear-gradient(0% 45% 90deg,#E0B324, #FAD121, #FFE678 100%); background: -webkit-gradient(linear, 0% 0%, 0% 65%, from(#FFE678), to(#E0B324), color-stop(.2,#FAD121)); color:#312f30; float:left; font-family:arial,helvetica,sans-serif; font-size:17px; font-weight:bold; padding:10px 20px; text-shadow:1px 1px 0 #ebd663; } a.button10:hover{ background: -moz-linear-gradient(40% 51% 90deg,#D4A922, #EBC41F, #EDD670 100%); background: -webkit-gradient(linear, 0% 0%, 0% 65%, from(#EDD670), to(#D4A922), color-stop(.2,#EBC41F)); } #listing_page_content { { /* end colorbox */ /* =============================== tinyTips.css =====================================*/ @charset "utf-8"; img.tTip { margin: 8px 15px 8px 0px; float: left; } h1.massive { font-size: 72px; line-height: 10px; padding: 0px; letter-spacing: -6px; color: #f4c20a; } #demo_wrapper { width: 600px; margin: 30px auto 0px auto; } .lightTip { } .lightTip .content { width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; } .lightTip .bottom { height: 14px; background: url(../img/notch-white.png) top center no-repeat; } .yellowTip { } .yellowTip .content { font-size:.8em; width: 190px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; } .yellowTip .bottom { height: 14px; top center no-repeat; } .orangeTip { } .orangeTip .content { width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; } .orangeTip .bottom { height: 14px; background: url(../img/notch-orange.png) top center no-repeat; } .redTip { } .redTip .content { width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; } .redTip .bottom { height: 14px; background: url(../img/notch-red.png) top center no-repeat; } .greenTip { } .greenTip .content { width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; } .greenTip .bottom { height: 14px; background: url(../img/notch-green.png) top center no-repeat; } .blueTip { } .blueTip .content { width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; } .blueTip .bottom { height: 14px; background: url(../img/notch-blue.png) top center no-repeat; } .purpleTip { } .purpleTip .content { width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; } .purpleTip .bottom { height: 14px; background: url(../img/notch-purple.png) top center no-repeat; } .darkTip { } .darkTip .content { width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; } .darkTip .bottom { height: 14p /* =============================== end tinyTips.css =====================================*/

Leave your Message