/* ---- /templates/global/stylesheets/redmond/jquery-ui-1.7.2.custom.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%; } /* * 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/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=.9em&cornerRadius=0&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: .9em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .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_469bdd_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_469bdd_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_d8e7f3_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_6da8d5_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_f9bd01_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* 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: 0; -webkit-border-top-left-radius: 0; } .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; } .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; } .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; } .ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; } .ui-corner-bottom { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; } .ui-corner-right { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; } .ui-corner-left { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; } .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .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*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* ---- /templates/global/stylesheets/themes.css ---- */ /* Theme specific styles are included via Site.build_cssballs*/ /************************ GENERAL PURPOSE STYLES FOR ALL THEMES *************************/ .ui-widget-content { padding: 4px; margin-bottom: 8px; } .ui-widget-header { margin: -2px -2px 4px -2px; padding: 6px; font-size: 100%; } #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; } #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 14px; height: 18px; } #sortable li span { position: absolute; margin-left: -1.3em; } .ui-state-error { padding: 5px; } .ui-state-error .ui-icon { float: left; margin-right: .3em; } /************************ FORMS *********************************************************/ .ui-form-fields { padding: 10px; } .ui-form-field { margin: 6px 0 6px 0; } .ui-form-field-label { font-size: 90%; font-weight: bold; text-transform: capitalize; } .ui-form-field-instructions { color: #0f9b00; font-size: 11px; } .ui-state-error .ui-form-field-instructions { color: inherit; font-size: 100%; } .ui-form-fields input[type=text], .ui-form-fields input[type=password], .ui-form-fields textarea, .ui-form-fields select { background: #fffbeb; border: 1px solid #b4b4b4; margin: 2px 0 2px 0; padding: 4px; color: #404040; } .ui-form-fields input[type=file] { font-size: 10px; } .ui-form-divided-top { border-top: 1px dotted #b4b4b4; margin: 8px 0 0 0; padding: 8px 0 0 0; } /* Better ui-accordion support */ .mb-clear {clear: left;} .mb-spacer {height: 15px;} .ui-accordion-header {text-align: left;} /************************ FILAMENT GROUP BUTTONS ****************************************/ .fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; } .fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } a.fg-button { float:left; } /* remove extra button width in IE */ button.fg-button { width:auto; overflow:visible; } .fg-button-icon-left { padding-left: 2.1em; } .fg-button-icon-right { padding-right: 2.1em; } .fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; } .fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; } .fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */ .fg-buttonset { float:left; } .fg-buttonset .fg-button { float: left; } .fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button { margin-right: -1px;} .fg-toolbar { padding: .5em; margin: 0; } .fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; } .fg-toolbar .fg-button { font-size: 1em; } /* ---- /templates/global/stylesheets/facebox.css ---- */ /************* FACEBOX pop-ups styling *****************/ #facebox .b {background:url(/images/facebox/b.png);} #facebox .tl {background:url(/images/facebox/tl.png);} #facebox .tr {background:url(/images/facebox/tr.png);} #facebox .bl {background:url(/images/facebox/bl.png);} #facebox .br {background:url(/images/facebox/br.png);} #facebox { left: 0; position: absolute; text-align: left; top: 0; z-index: 1000; /* reduce megnitude by 1 to avoid occluding calendar_select */ } #facebox .legend { background: #E2F7DD; color: #60A44A; font-size: 20px; margin: -5px; padding: 5px; } #facebox .legend.small { font-size: 15px; line-height: 1.1; } #facebox .popup {position: relative;} #facebox table {border-collapse: collapse;} #facebox td {border-bottom: 0; padding: 0;} #facebox .body { background: #fff; padding: 0px; width: 370px; } #facebox .loading {text-align: center;} #facebox .image {text-align: center;} #facebox img {border: 0; margin: 0;} #facebox .footer { border-top: 1px solid #DDDDDD; margin-top: 10px; padding-top: 5px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; overflow: hidden; padding: 0; width: 10px; } #facebox_overlay { background: #FFF; left: 0px; height:100%; position: fixed; text-align: left; top: 0px; width:100%; } .facebox_hide {z-index:-100;} .facebox_overlayBG { background: #000; z-index: 999; /* reduce megnitude by 1 to avoid occluding calendar_select */ } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } /************************ Custom *******************************************/ /* a nice title bar for all facebox popups */ .facebox_title { background:transparent url(/images/facebox/nav_bar_bkg.jpg) repeat-x scroll 0 0; color:white; font-size:14pt; height:34px; line-height:34px; margin-left:-10px; margin-top:-10px; padding:0 10px; padding-bottom: 10px; width:100%; } #facebox_content .dialog-message {font-size: 110%; paddding:10px;} /************************ Fixes jQueryUI integration issues ************************************/ h3.ui-widget-header {text-align: left;} #facebox_content .ui-widget .ui-widget-content {margin-bottom:0px;} #facebox_content .ui-form-fields input[type="text"], #facebox_content .ui-form-fields textarea, #facebox_content .ui-form-fields select {width:100%;} #facebox_content .ui-form-fields {padding: 0 10px 10px 10px;} /* ---- /templates/global/stylesheets/jquery-scrollable.css ---- */ /************************** FANCY SCROLLING WINDOWS *************************/ /****************************************************************************/ /* root element for the whole scrollable setup */ #scrollable_container div.scrollable { position:relative; overflow:hidden; width: 646px; height:300px; border: 7px solid #ededec; } #scrollable_container div.end { clear: left; } #scrollable_container div.navi { height: 20px; } /* root element for scrollable items. It is absolutely positioned with large width. */ #scrollable_container #thumbs { position:absolute; width:20000em; clear:both; } /* custom positioning for navigational links */ #scrollable_container a.prevPage, #scrollable_container a.nextPage { margin-top:118px; } /* this makes it possible to add next button beside scrollable */ #scrollable_container div.scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ #scrollable_container a.prev, #scrollable_container a.next, #scrollable_container a.prevPage, #scrollable_container a.nextPage { display:block; width:18px; height:18px; background:url(/images/scrollable_left.png) no-repeat; float:left; margin:43px 10px; cursor:pointer; } /* mouseover state */ #scrollable_container a.prev:hover, #scrollable_container a.next:hover, #scrollable_container a.prevPage:hover, #scrollable_container a.nextPage:hover { background-position:0px -18px; } /* disabled navigational button */ #scrollable_container a.disabled { visibility:hidden !important; } /* next button uses another background image */ #scrollable_container a.next, #scrollable_container a.nextPage { background-image:url(/images/scrollable_right.png); clear:right; } /* position and dimensions of the navigator */ #scrollable_container div.navi { margin-left:328px; width:200px; height:20px; } /* items inside navigator */ #scrollable_container div.navi a { width:8px; height:8px; float:left; margin:3px; background:url(/images/scrollable_navigator.png) 0 0 no-repeat; display:block; font-size:1px; } /* mouseover state */ #scrollable_container div.navi a:hover { background-position:0 -8px; } /* active state (current page state) */ #scrollable_container div.navi a.active { background-position:0 -16px; } /************************** END FANCY SCROLLING WINDOWS *********************/ /****************************************************************************/ /* ---- /templates/global/stylesheets/listings.css ---- */ .platinumResult { border:4px solid silver; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; } .improved_categories_edition_container { } .improved_category_edition_container { border: 1px solid #888; padding-left: 2px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 4px; width: 490px; } .improved_listing_creation_submit_container { margin-top: 12px; padding-left: 50px; } .improved_listing_fields h2{ font-size: 12pt; } .improved_listing_fields p { margin: 0px; padding: 4px; } .improved_listing_fields textarea { width: 600px; height: 100px; } .improved_listing_fields .field_and_label_container { clear: both; } .improved_listing_fields select { width: 280px; } .improved_listing_fields input { width: 280px; } .improved_listing_fields .label_container { float: left; width: 180px; } .weekdays_hours_fields { display: table; padding-right: 10px; margin-bottom: 8px; } .weekdays_titles { display: table-row; } .weekdays_value_fields { display: table-row; } .weekday_title { display: table-cell; } .weekday_hours_value { display: table-cell; padding-right: 15px; } .weekday_hours_value input { width: 90px; } .hours_of_operation_container textarea{ height: 60px; } /*site_categories widget stuff*/ .site_categories { display: table; } .site_categories_row { display: table-row; } .site_categories .category_group { display: table-cell; border-left: 1px dotted #D1D1D1; padding-right: 5px; vertical-align: top; width: 180px; } .site_categories .category_label { margin: 3px; font-size: 11px; } div.listingResult .labelBig h2 { padding: 0px; margin: 0px; text-align: left; } .labelBig h2 {display: inline;} .labelBig h2 a { font-size: 14px; font-weight: bold; } .labelBig h2 a.prioritized { font-size: 16px; } .popularListingsList .bullet h2 {display :inline;} .popularListingsList .bullet h2 a { font-weight: bold; font-size: 12px; } .popularListingsList .bullet h2 a.prioritized { font-size: 14px; } .featuredFronts .bullet h2 {display :inline;} .featuredFronts .bullet h2 a { font-weight: bold; font-size: 12px; } .featuredFronts .bullet h2 a.prioritized { font-size: 14px; } /********* EDIT_V3 STYLES **********/ #improved_listing_creation_form_container { width: 990px; } #improved_listing_creation_form_container #business_details_pane, #improved_listing_creation_form_container #business_details_pane .ui-widget-content { overflow: hidden; } #improved_listing_creation_form_container #business_details_pane .left { width: 40%; float: left; } #improved_listing_creation_form_container #business_details_pane .right { width: 56%; float: right; } #improved_listing_creation_form_container #business_details_pane #improved_listing_text_value { width: 95%; height: 350px; } #improved_listing_creation_form_container #hours_pane #hours_fields { overflow: hidden; } #improved_listing_creation_form_container #hours_pane #hours_fields .ui-form-field { float: left; margin: 6px 10px 6px 0; } #improved_listing_creation_form_container #hours_pane #hours_fields .ui-form-field input[type=text] { width: 115px; font-size: 85%; } #improved_listing_creation_form_container #hours_pane #hours_fields .ui-form-field textarea { width: 405px; } #improved_listing_creation_form_container #categories_pane .ui-form-field { margin-bottom: 10px; } #improved_listing_creation_form_container #categories_pane #category_list { margin-top:10px; } #improved_listing_creation_form_container #categories_pane .ui-form-field a { display: block; } #improved_listing_creation_form_container #categories_pane .ui-form-field select { float: left; } #improved_listing_creation_form_container #categories_pane .ui-form-divided-top .ui-form-field { overflow: hidden; } #improved_listing_creation_form_container #categories_pane { width: 49.5%; float: right; } #improved_listing_creation_form_container #branding_and_images_pane { width: 49.5%; float: left; } #improved_listing_creation_form_container #categories_pane .ui-widget-content.main, #improved_listing_creation_form_container #branding_and_images_pane .ui-widget-content.main { height: 440px; } #improved_listing_creation_form_container #categories_pane .category_attributes { height: 180px; overflow-y: auto; } #improved_listing_creation_form_container #branding_and_images_pane #logo_sub_action { overflow: hidden; } #improved_listing_creation_form_container #branding_and_images_pane #logo_sub_action .ui-icon { float: left; } #improved_listing_creation_form_container #branding_and_images_pane #logo_sub_action #logo_sub_action_fields { margin: 1px 0 0 0; float: left; } #improved_listing_creation_form_container #branding_and_images_pane #image_list input[type=file] { font-size: 12px; } #improved_listing_creation_form_container #branding_and_images_pane #image_list .ui-form-field { margin-bottom: 10px; } /********** SEARCH RESULTS WITH MAP WIDGET ************/ /********* RELEVANT STYLES **************/ .shaded-search-results { background-color: f8f8f8; border:1px solid #EDECEC; } #search_options_container { padding: 5px 10px 5px 10px; overflow: hidden; } #search_options_container #categories { margin-top: 5px; } #search_options_container .options-label { font-size: 12px; float: left; font-weight: bold; width: 96px; text-align: right; } #search_options_container .options-field { width: 54%; margin-left: 5px; } #search_options_container #categories_dropdown { margin-left: 5px; } #search_options_container .col-section { float: left; width: 49%; } #search_options_container #sources_container { float: left; width: 32%; } #search_options_container #attributes_container { display: inline; float: right; width: 67%; } #search_options_container #attributes_container #dropdown_button { float: left; padding-top: 2px; padding-bottom: 2px; } #search_options_container .attributes-label { font-size:12px; font-weight: bold; } #search_options_container .ui-form-field-label { font-size: 12px; } #search_options_container #source_options { margin: 0 0 4px 0; } #search_options_container #browse_container { /*padding: 0 0 0 10px;*/ clear: both; } #search_options_container .ul-menu { padding: 0; margin: 0; } #search_options_container .ul-menu li{ list-style-type: none; } #search_options_container #submit_search_button { margin-left: 5px; } #results_list_container { width: 48%; float: left; margin-top: 10px; } #results_list_container #results_list #results_count_display { margin-top: 2px; text-align: center; } #results_map_container { width: 50%; float:right; margin-top:10px; } /* ---- /templates/global/stylesheets/slideshow_gallery.css ---- */ div.slideshow-gallery-body { background-color: #f7f7f7; border: 1px solid #cecece; padding: 5px; margin-bottom: 10px; max-width: 620px; } div.slideshow-gallery-body div.gallery-left { float: left; width: 260px; clear: none; } div.slideshow-gallery-body div.gallery-right { /*margin-left: 266px;*/ float: right; width: 298px; height: 200px; overflow: auto; border: 1px solid #cecece; _margin-left: 0px; _float: right; _margin-left: 0px; } div.slideshow-gallery-body img.gallery-primary { width: 232px; } div.slideshow-gallery-body .gallery-label { font-size: large; float: left; } div.slideshow-gallery-body div.gallery-primary-caption { margin: 5px auto 5px auto; font-size: smaller; text-align: center; } div.slideshow-gallery-body div.gallery-item { width: 90px; height: 95px; overflow: hidden; float: left; margin: 3px 0px 3px 3px; text-align: center; cursor: pointer; } div.slideshow-gallery-body div.gallery-item-caption { font-size: x-small; text-align: center; } div.slideshow-gallery-body .gallery-thumb-container { width: 84px; height: 74px; padding: 2px; border: 1px solid #cecece; overflow: hidden; } div.slideshow-gallery-body img.gallery-thumb { width: 100%; padding: 0px; margin: 0px; border: none; } div.slideshow-gallery-body .primary-slideshow-container img { max-width: 260px; width: auto !important; width: 260px; } div.slideshow-gallery-body .primary-slideshow-container img.image_img { border: 0; } div.slideshow-gallery-body .slideshow_container .story_item_headline { font-weight: bold; margin-bottom: 3px; } div.slideshow-gallery-body .slideshow_container a { font-size: 12pt; } /* ---- /templates/global/stylesheets/listings_improved_interview_form.css ---- */ /************************ FORM STYLES FOR ALL THEMES ************************************/ #improved_listing_creation_form_container { width: 100%; } #improved_listing_creation_form_container #business_details_pane, #improved_listing_creation_form_container #business_details_pane .ui-widget-content { overflow: hidden; } #improved_listing_creation_form_container #business_details_pane .left { width: 40%; float: left; } #improved_listing_creation_form_container #business_details_pane .right { width: 56%; float: right; } #improved_listing_creation_form_container #business_details_pane #improved_listing_text_value { width: 95%; height: 350px; } #improved_listing_creation_form_container #hours_pane #hours_fields { overflow: hidden; } #improved_listing_creation_form_container #hours_pane #hours_fields .ui-form-field { float: left; margin: 6px 10px 6px 0; } #improved_listing_creation_form_container #hours_pane #hours_fields .ui-form-field input[type=text] { width: 115px; font-size: 85%; } #improved_listing_creation_form_container #hours_pane #hours_fields .ui-form-field textarea { width: 405px; } #improved_listing_creation_form_container #categories_pane .ui-form-field { margin-bottom: 10px; } #improved_listing_creation_form_container #categories_pane #category_list { margin-top:10px; } #improved_listing_creation_form_container #categories_pane .ui-form-field a { display: block; } #improved_listing_creation_form_container #categories_pane .ui-form-field select { float: left; } #improved_listing_creation_form_container #categories_pane .ui-form-divided-top .ui-form-field { overflow: hidden; } #improved_listing_creation_form_container #categories_pane { width: 49.5%; float: right; } #improved_listing_creation_form_container #branding_and_images_pane { width: 49.5%; float: left; } #improved_listing_creation_form_container #categories_pane .ui-widget-content.main, #improved_listing_creation_form_container #branding_and_images_pane .ui-widget-content.main { height: 440px; } #improved_listing_creation_form_container #categories_pane .category_attributes { height: 180px; overflow-y: auto; } #improved_listing_creation_form_container #branding_and_images_pane #logo_sub_action { overflow: hidden; } #improved_listing_creation_form_container #branding_and_images_pane #logo_sub_action .ui-icon { float: left; } #improved_listing_creation_form_container #branding_and_images_pane #logo_sub_action #logo_sub_action_fields { margin: 1px 0 0 0; float: left; } #improved_listing_creation_form_container #branding_and_images_pane #image_list input[type=file] { font-size: 12px; } #improved_listing_creation_form_container #branding_and_images_pane #image_list .ui-form-field { margin-bottom: 10px; } /************************ EDIT LISTING POP-UP STYLES FOR ALL THEMES *********************/ #facebox_content #edit_categories { } /************************ Styles for IE compatibility ************************/ #improved_listing_creation_form_container #business_details_pane .ui-widget-content.main { _height: 465px; } #improved_listing_creation_form_container #hours_pane #hours_fields .ui-form-field input.text { _width: 108px; } #improved_listing_creation_form_container #hours_pane .ui-widget-content.main { _height: 180px; } .improved_listing_creation_submit_container { padding: 0; } /* ---- /templates/global/stylesheets/default.css ---- */ /* Forms stuff */ .required_field_tag { font-style: italic; font-size: 10pt; font-weight: normal; } .missing_fields_warning { border: F99; padding: 4px; padding-top: 0px; margin: 4px; margin-left: 0px; color: red; } .missing_field_warning { color: #A00; font-size: 10pt; font-weight: normal; } .missing_field_container { background: #FCC; padding: 4px; padding-left: 1px; margin: 4px; margin-left: 0px; } /* Widget-specific style for jQuery-UI buttons: adds styles for margin, padding, positioning and other rules that make our new button widget look good in a particular layout. It's important to never specify any of the framework style attributes (like colors and background images) in your widget styles because these will override the theme styles. */ .fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; } #captcha_container { max-width: 400px; _width: 400px; } pre.captcha { font-family: "Courier New",Courier,monospace; font-weight: bold; background: #FFFADD; line-height: 1.2; font-size: 4pt; } /* ---- /templates/global/stylesheets/choose_upgrade.css ---- */ .choose_upgrade_section .title { font-size: 30px; font-weight: bold; /* font-weight: normal; */ font-family: Arial, Helvetica, sans-serif; line-height: 1.1em; margin-right: 4px; } .choose_upgrade_section .get_upgrade { color: #A0A0A0; font-family: Arial, Helvetica, sans-serif; font-size: 30px; } .choose_upgrade_section span.blue { color: #727190; font-size: 32px; } .choose_upgrade_section .packages { color: #727190; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .choose_upgrade_section .pricing { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .choose_upgrade_section .features { color: #727190; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: lighter; } .choose_upgrade_section .bluebg { background-color: #c2c2ff; } .choose_upgrade_section span.blue { color: #727190; } .choose_upgrade_section a, .choose_upgrade_section a:link, .choose_upgrade_section a:visited { border: none; color: white; background-color: white; } .choose_upgrade_section td { text-align: center; } /* ---- /templates/default/stylesheets/matches.css ---- */ /************************ DIV Elements *******************************************/ div.match { clear: both; margin-top: 5px; padding-bottom: 15px; } div.match .chain { margin-left: 20px; } div.match .chain .linkTop { background: url('/templates/default/images/match_arrows_top.gif') no-repeat 0 4px; padding-left: 24px; clear: both; } div.match .chain .linkMiddle { background: url('/templates/default/images/match_arrows_middle.gif') no-repeat 0 4px; padding-left: 24px; clear: both; } div.match .chain .linkBottom { background: url('/templates/default/images/match_arrows_bottom.gif') no-repeat 0 4px; padding-left: 24px; clear: both; } div.match .score { background: url('/templates/default/images/listing_score_only_pane.gif') no-repeat 0px 0px; width: 60px; height: 70px; float: left; } div.match .scoreNumber { font-size: 21px; color: #FFF; margin-top: 9px; text-align: center; } div.match .scoreLabel { font-size: 11px; color: #FFF; text-align: center; } div.match .details { border-bottom: 1px dotted #A6A6A6; padding-bottom: 10px; margin-left: 10px; } /* ---- /templates/default/stylesheets/push.css ---- */ /************************ Content Specific *******************************************/ div#comments_container { background:#F6F5F5 none repeat scroll 0%; border:1px solid #DADADA; margin-bottom:10px; min-height:60px; _height:60px; padding:5px; width:100%; } div.comment { background:#FFFFFF none repeat scroll 0%; border-color:#EDECEC rgb(237, 236, 236) rgb(237, 236, 236) rgb(193, 193, 193); border-style:solid solid solid dotted; border-width:1px; margin:5px 50px 5px 10px; padding:5px; } /************************ DIV Elements *******************************************/ div.pad { padding:10px; overflow-x: auto; } div.spacer { padding-bottom:10px; } /************************ Link Elements *******************************************/ .link { background-image:url(/templates/default/images/icons/hyperlink.gif); background-position:0px 3px; background-repeat:no-repeat; font-size:12px; font-weight:bold; padding:0pt 0pt 0pt 15px; } .linkSmall { background-image:url(/templates/default/images/icons/hyperlink.gif); background-position:0px 2px; background-repeat:no-repeat; font-size:10px; font-weight:bold; padding:0pt 0pt 0pt 15px; } .linkBig { background-image:url(/templates/default/images/icons/hyperlink.gif); background-position:0px 5px; background-repeat:no-repeat; font-size:15px; font-weight:bold; padding:0pt 0pt 0pt 15px; } .linkHuge { background:transparent url(/templates/default/images/icons/hyperlink_big.gif) no-repeat scroll 3px 4px; font-size:16px; font-weight:bold; padding-left:26px; } .linkHuger { background:transparent url(/templates/default/images/icons/hyperlink_big.gif) no-repeat scroll 3px 7px; font-size:20px; font-weight:bold; padding-left:26px; } /************************ Miscellaneous *******************************************/ .green { color: green; } .red { color: #BD2020; } .labelSmall, .labelTiny { font-size:12px; font-weight:bold; } /* ---- /templates/default/stylesheets/search.css ---- */ /************************ DIV Elements *******************************************/ span.listingResultNewsHighlight { background: #FEFF8D; } div.listingResultNews { background: url('/templates/default/images/icons/news.gif') no-repeat 0px 1px; width: 32px; height: 32px; float: left; } div.listingResult { margin-top: 5px; margin-bottom: 5px; border-bottom: 1px dotted #A6A6A6; margin-left: 70px; } div.listingResultFooter { font-size: 10px; color: #A6A6A6; clear: both; } div.listingLabelWithPhotos { /*background: url('/templates/default/images/icons/pictures_small.gif') no-repeat 0px 1px;*/ padding-left: 22px; } div.listingResultBolding { border: 2px solid #92B78C; padding: 5px; background: #F2FFF0; margin-bottom: 5px; } div.listingDeleted { background: #FFD4D4; margin-bottom: 5px; text-align: center; padding: 10px; } div.searchTags { border-bottom: 1px solid #EDECEC; padding: 8px; } div.searchTagsYours { padding: 8px; float: left; } div.searchTagsExcluded { border-left: 1px solid #EDECEC; padding: 8px; float: left; } div.searchTagsSuggested { border-top: 1px solid #EDECEC; padding: 8px; } div.searchTagSuggested { font-size: 10px; font-weight: bold; float: left; width: 44%; } div.searchTag { float: left; font-size: 10px; font-weight: bold; margin-right: 5px; word-wrap: break-word; } div.listingResultScore { background: url('/templates/default/images/listing_score_pane.gif') no-repeat 0px 0px; width: 60px; height: 70px; float: left; } div.eventResultScore { background: url('/templates/default/images/event_score_pane.gif') no-repeat 0px 0px; width: 60px; height: 70px; float: left; } div.businessResultScore { background: url('/templates/default/images/business_score_pane.gif') no-repeat 0px 0px; width: 60px; height: 70px; float: left; } div.listingResultScoreOnly { background: url('/templates/default/images/listing_score_only_pane.gif') no-repeat 0px 0px; width: 60px; height: 49px; padding-top: 1px; } div.eventResultScoreOnly { background: url('/templates/default/images/event_score_only_pane.gif') no-repeat 0px 0px; width: 60px; height: 49px; padding-top: 1px; } div.businessResultScoreOnly { background: url('/templates/default/images/business_score_only_pane.gif') no-repeat 0px 0px; width: 60px; height: 49px; padding-top: 1px; } div.listingResultScoreNumber { font-size: 19px; color: #FFF; margin-top: 9px; text-align: center; } div.listingResultScoreLabel { font-size: 11px; color: #FFF; text-align: center; } div.listingResultScoreRespond { font-size: 10px; font-weight: bold; text-align: center; } div.popularListingsList { text-align: left; } div.popularListingsList .bullet, .featuredFronts .bullet { font-weight: bold; font-size: 12px; } div.bullet .summary { font-weight: normal; padding-left: 10px; } /************************ TABLE Elements *******************************************/ /* OLD -- Verify if any of these are still needed */ .searchItemTitle { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; } .searchItemTags { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; word-spacing: 1em; padding: 5px; } .searchItemBox { border: 1px solid #CCCCCC; margin-bottom: 5px; } .searchItemValue { font-family: Geneva, Arial, Helvetica, sans-serif; text-align: right; padding: 5px; font-size: 12px; } .searchResultsBox { background-color: #FBFFE4; border: 1px solid #993300; padding: 4px; font-family:Geneva; color: #993300; font-size: 12px; } .searchOptionsHeader { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF6600; } .searchOptionsText { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF6600; } /* ---- /templates/default/stylesheets/blogs.css ---- */ .blogHeader { border-bottom: 1px dotted #626262; } .blogBody { padding: 15px; background: #FFF; } .blogBody h1, .blogBody h2, .blogBody h3 { color: #000; border: 0; background: none; text-align: left; } .blogComment { background: url('/templates/default/images/icons/dialogue_small.gif') no-repeat; padding: 5px 5px 5px 35px; } .blogCommentInactive { background: url('/templates/default/images/icons/dialogue_inactive_small.gif') no-repeat; padding: 5px 5px 5px 35px; } /****************************************************************************/ /* ---- /templates/default/stylesheets/interface.css ---- */ div.popularSearch { float: left; font-size: 10px; word-wrap: break-word; width: 260px; } div.siteHeaderTitle { font-family: "Trebuchet MS", Trebuchet, Verdana; line-height: 24px; } div.siteMenuOnBottom, div.siteMenu { background: url('/templates/default/images/menu_bg.jpg') no-repeat 0 7px; height: 40px; width: 920px; padding-bottom: 5px; padding-top: 6px; } div.siteMenuOnTop { background: url('/templates/default/images/menu_on_top_bg.jpg') no-repeat 0 7px; height: 35px; width: 920px; padding-top: 12px; } div.matchesAlert { background: url('/templates/default/images/matches_alert_pane.gif') no-repeat 0px 0px; width: 94px; height: 25px; margin-top: 9px; padding-top: 3px; text-align: center; } .matchesAlertLabel { font-size: 13px; font-weight: bold; color: #FFF; } ul.siteMenuPages { float: left; margin: 0; margin-top: 5px; } ul.siteMenuPages li { list-style-type: none; display: inline; margin-right: 20px; margin-left: 15px; font-weight: bold; } ul.siteMenuPages li a { color: #9F9F9F; } ul.siteMenuUser { float: right; margin: 0; margin-top: 5px; } ul.siteMenuUser li { list-style-type: none; display: inline; margin-right: 20px; margin-left: 3px; } ul.siteMenuUser li a { color: #656565; font-size: 10px; font-weight: bold; } ul.userMenu { margin: 0; } .userMenu ul li { list-style-type: none; display: inline; margin-left: 35px; margin-right: 10px; font-size: 12px; font-weight: bold; float: right; padding: 5px; } .userMenu ul li a { color: #9F9F9F; } div.topFobber { float: left; width: 90px; height: 130px; font-size: 10px; text-align: center; } /* ---- /templates/default/stylesheets/chat_room.css ---- */ .chatBox { font-size: 12px; padding: 1px; height: 400px; width: 550px; border: 1px solid #999999; overflow: auto; background: #FFF; } .chatTime { font-size: 9px; color: #999999; } .chatWho { font-size: 11px; font-weight: bold; color: #999999; padding-right: 2px; } .chatMessage { font-size: 11px; } .vcard { background-image: url('/images/vcardBG.gif'); background-repeat: no-repeat; height: 150px; width: 300px; padding-top: 6px; padding-left: 7px; } .vcardUsername { font-size: 16px; font-weight: bold; padding-left: 10px; } .vcardLocation { font-size: 14px; font-weight: bold; padding-left: 10px; } .vcardFeedback { font-size: 14px; padding-left: 10px; } .vcardQuote { font-size: 12px; padding: 10px; } /* ---- /templates/default/stylesheets/listings.css ---- */ /************************ DIV Elements *******************************************/ div.listingTags { border-bottom: 1px solid #EDECEC; padding: 8px; } div.listingTagsYours { padding: 8px; float: left; } div.listingTagsSuggested { border-top: 1px solid #EDECEC; padding: 8px; } div.listingTag { float: left; width: 145px; font-size: 10px; font-weight: bold; word-wrap: break-word; } .listingResultCardPhoto div { height: 130px; } div.listingResultBriefCard { width: 300px; height: 145px; float: left; background-repeat: no-repeat; background: url('/templates/default/images/listing_brief_pane.gif'); } div.listingResultBriefInactiveCard { width: 302px; height: 145px; float: left; background-repeat: no-repeat; background: url('/templates/default/images/listing_brief_inactive_pane.gif'); opacity: 0.35; filter: alpha(opacity=35); } div.listingResultBriefInactiveCardLabel { position: relative; top: 75px; text-align: center; } td.listingResultBriefCardTitle { padding-top: 13px; padding-left: 13px; } div.listingResultBriefCardTitle { font-size: 14px; color: #FFF; } div.listingResultActiveCard, div.listingResultInactiveCard, div.listingResultDeletedCard, div.eventResultActiveCard, div.eventResultInactiveCard, div.eventResultDeletedCard , div.businessResultActiveCard, div.businessResultInactiveCard, div.businessResultDeletedCard { width: 441px; height: 223px; float: left; background-repeat: no-repeat; overflow: hidden; } div.listingResultActiveCard { background: url('/templates/default/images/listing_active_pane.gif'); } div.eventResultActiveCard { background: url('/templates/default/images/event_active_pane.gif'); } div.businessResultActiveCard { background: url('/templates/default/images/business_active_pane.gif'); } div.listingResultInactiveCard, div.listingResultDeletedCard, div.eventResultInactiveCard, div.eventResultDeletedCard, div.businessResultInactiveCard, div.businessResultDeletedCard { background: url('/templates/default/images/listing_inactive_pane.gif'); } table.listingResultActiveCard { width: 100%; height: 200px; } table.listingResultActiveCard { width: 100%; height: 200px; } div.listingResultDeletedCard, div.eventResultDeletedCard { opacity: 0.35; filter: alpha(opacity=35); } div.listingResultDeletedCardLabel { position: relative; top: 100px; text-align: center; } td.listingResultCardTitle { padding-top: 15px; padding-left: 15px; } div.listingResultCardTitle { font-size: 17px; color: #FFF; } td.listingResultCardPhoto { padding-top: 8px; padding-left: 20px; width: 120px; } td.listingResultCardTags { padding-left: 15px; padding-top: 12px; font-size: 10px; } td.listingResultBriefCardTags { padding-left: 15px; padding-top: 8px; font-size: 10px; } td.listingResultCardInfo { padding-top: 5px; font-size: 11px; } td.listingResultBriefCardInfo { padding-top: 3px; padding-left: 15px; font-size: 11px; } div.listingResultCardDescription { color: #828282; border: 1px dotted #CACACA; padding: 5px; width: 90%; } div.listingResultBriefCardDescription { color: #828282; font-size: 11px; width: 90%; } div.noPhoto { background: url('/templates/default/images/photo.gif'); background-repeat: no-repeat; width: 110px; height: 130px; } div.noPhotoLabel { position: relative; top: 65px; text-align: center; font-size: 11px; color: #FFF; } div.listingHeading, div.listingScore { height: 116px; } div.listingScore { margin-right: 12px; } /************************ Buttons *******************************************/ .buttonServicefrontSmall { padding-left: 18px; font-size: 10px; height: 14px; margin-left: 5px; background: url('/templates/default/images/icons/servicefront_tiny.gif') no-repeat 3px 0; margin-bottom: 6px; cursor: pointer; } .buttonRenew { padding-left: 15px; font-size: 9px; float: left; background-image: url('/templates/default/images/icons/add_item_tiny.gif'); background-repeat: no-repeat; background-position: 0px 3px; font-weight: normal; cursor: pointer; } .buttonEdit { padding-left: 15px; font-size: 9px; background-image: url('/templates/default/images/icons/edit_item_tiny.gif'); background-repeat: no-repeat; background-position: 0px 3px; font-weight: normal; cursor: pointer; } .buttonDel { padding-left: 15px; font-size: 9px; background-image: url('/templates/default/images/icons/delete_item_tiny.gif'); background-repeat: no-repeat; background-position: 0px 3px; font-weight: normal; cursor: pointer; } .buttonMatch { padding-left: 15px; font-size: 9px; background-image: url('/templates/default/images/icons/match_tiny.gif'); background-repeat: no-repeat; background-position: 0px 3px; font-weight: normal; cursor: pointer; } /* OLD - Verify all are still needed */ .titleBox { border: 1px solid #CCCCCC; background-color: #EEEEEE; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding: 5px; } .titleInput { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #FFFFFF; padding: 5px; border: 1px solid #666666; width: 100%; } .titleHeader { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #333333; } .blueBox { border: 1px solid #6699CC; background-color: E2EEF8; padding: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #3366CC; } .blueBoxText { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #3366CC; } .titleInputKeywords { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #FFFFFF; padding: 5px; border: 1px solid #666666; width: 100px; } .suggestedKeywords { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } .enhancementsHeader { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #3366CC; font-weight: bold; } .generalInput { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; background-color: #FFFFFF; padding: 5px; border: 1px solid #666666; } .generalButton { border: 1px #CCCCCC solid; background-color: #FFF; padding: 5px; cursor: pointer; } .itemListBox { background-color: #FFFFF1; border: 1px dotted #666666; } .viewLink { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; } div.listingPhoto { background: url('/templates/default/images/photo_small.gif'); background-repeat: no-repeat; background-position: center center; height: 110px; } .photoBox { background-color: #FFFFFF; border: 1px solid #AAA; padding: 0px; margin: 1px; font-size: 10px; } .itemShowContent { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #EEEEEE; border: 1px solid #666666; } .itemListTitle { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; padding-left: 10px; padding-top: 5px; padding-right: 10px; } .itemListTags { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; word-spacing: 4px; } .itemListEdit { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color: #EAFEED; border: 1px solid #009900; padding: 1px; } .itemListDelete { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color: #FFEDF7; padding: 1px; border: 1px solid #993300; } .itemListShowbox { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color: #EEEFFD; padding: 1px; border: 1px solid #003366; } .boxGrey { background-color: #EEEEEE; border: 1px solid #999999; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; } .boxBlue { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #ECF9FF; border: 1px solid #003366; padding: 4px; } .boxGreyHeader { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .boxBlueHeader { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003399; } .generalInput { padding: 3px; border: 1px solid #666666; } .tinyText { font-size: 8px; } .originatorString { font-size: 10px; font-weight: bold; color: #D0D0D0; } .attributesFreeformValue { border: 1px solid #C2C2C2; border-top: 0; padding: 3px; } /* ---- /templates/default/stylesheets/lightbox.css ---- */ #lightbox{ position: absolute; left: 0; width: 100%; _width: 960px; z-index: 1100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 20px; } #topNavContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 14px; overflow: auto; width: 100% ; padding-top: 1.0em;} #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { /* background: url(/images/prevlabel.gif) left 15% no-repeat; */} #nextLink:hover, #nextLink:visited:hover { /* background: url(/images/nextlabel.gif) right 15% no-repeat; */ } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ margin-top: 8px; padding:10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplayContainer{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; padding-top: 1.0em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* ---- /templates/default/stylesheets/servicefronts.css ---- */ .sfTitle { font-size: 30px; } div.editable { border: 1px solid #D5D5D5; padding: 5px; padding-top: 1px; margin-bottom: 10px; background: white; } div.view { border: 1px solid #D5D5D5; padding: 5px; padding-top: 1px; margin-bottom: 10px; background: white; } div.hand { cursor: pointer; } div.editable h5 { margin: 0; text-align: center; color: #D5D5D5; font-size: 12px; } div.editing { border: 1px solid #D5D5D5; padding: 5px; margin-bottom: 10px; background: white; } #logo_container { text-align: left; } div.paneSimple { border: 1px solid #CCCCCC; padding: 10px; background: #FFFDEA; font-size: 11px; font-weight: bold; } div.paneHeading { font-size: 14px; font-weight: bold; color: #454545; width: 100%; border-bottom: 1px solid #9FA4C5; margin-bottom: 5px; } div.pane { border: 1px solid #7F7F7F; padding: 0; background: #F2F2F2; font-size: 11px; font-weight: bold; } div.pane h3 { background: #F2F2F2 url('/images/header/button_active_bg.gif'); background-repeat: repeat-horizontal; background-position: bottom; border-bottom: 1px solid #7F7F7F; margin-bottom: 5px; padding: 3px; font-size: 14px; margin: 0; text-align: left; } div.flashNotice { background-image: url('/templates/default/images/icons/alert.gif'); background-position: left middle; background-repeat: no-repeat; padding-left: 25px; color: green; font-size: 12px; font-weight: normal; height: 25px; text-align: left; margin: 5px; width: 340px; } div.content { padding: 5px; } div.active { border: 1px solid #FFE382; margin-bottom: 3px; } /* ---- /templates/default/stylesheets/profiles.css ---- */ .userFeaturedBox { border: 5px solid #FFDAB4; height: 150px; width: 680px; padding-left: 3px; } .userDataBox { margin: 10px; margin-left: 7px; border: 1px solid #EDECEC; padding: 5px; background: #FFFADD; width: 350px; height: 118px; } .userActionBox { margin-left: 7px; width: 200px; height: 150px; } .userNoPhoto { width: 50px; height: 50px; background-image: url('/templates/default/images/no_photo.gif'); background-repeat: no-repeat; background-position: center center; } div.userResultBriefCard { width: 302px; height: 145px; float: left; background-repeat: no-repeat; background: url('/templates/default/images/user_brief_pane.gif'); } div.userResultBriefCardOnAuxBG { width: 302px; height: 145px; float: left; background-repeat: no-repeat; background: url('/templates/default/images/user_brief_pane_on_yellow.gif'); } div.userResultBriefFeaturedCard { width: 302px; height: 145px; float: left; background-repeat: no-repeat; background: url('/templates/default/images/user_brief_featured_pane.gif'); } div.userResultBriefInactiveCard { width: 302px; height: 145px; float: left; background-repeat: no-repeat; background: url('/templates/default/images/listing_brief_inactive_pane.gif'); opacity: 0.35; filter: alpha(opacity=35); } div.userResultBriefInactiveCardLabel { position: relative; top: 75px; text-align: center; } td.userResultBriefCardTitle { padding-top: 13px; padding-left: 13px; } td.userResultBriefFeaturedCardTitle { padding-top: 13px; padding-left: 46px; } td.userResultBriefCardInfo { padding-top: 15px; padding-left: 15px; } div.userResultBriefCardTitle { font-size: 14px; color: #FFF; } div.fobBuddyStateBoth, div.fobBuddyStateGot, div.fobBuddyStateGave { width: 28px; height: 25px; } div.fobBuddyStateBoth { background: url('/templates/default/images/icons/fob_buddy_both.gif'); } div.fobBuddyStateGot { background: url('/templates/default/images/icons/fob_buddy_got.gif'); } div.fobBuddyStateGave { background: url('/templates/default/images/icons/fob_buddy_gave.gif'); } #fob_state_legend { border: 1px solid #C3C3C3; width: 400px; font-size: 10px; color: #909090; margin-right: 30px; } #fob_state_legend legend { font-size: 12px; color: #C3C3C3; } /* ---- /templates/default/stylesheets/listing_details.css ---- */ .buttonLabel { margin-top: 5px; margin-left: 5px; float: right; padding: 7; font-size: 12px; font-weight: bold; cursor: pointer; } .buttonServicefront { margin: 0 0 5px 0; text-align: left; padding: 7; padding-left: 28px; font-size: 15px; background: #F4F9FF url('/templates/default/images/icons/servicefront_small.gif') no-repeat 6px 9px; cursor: pointer; border: 1px solid #EDECEC; font-weight: bold; } .buttonServicefront .explanation { font-size: 12px; font-weight: normal; } .buttonServicefront img { float: left; margin: 3px; border: 0; } .buttonEditMedium { margin-top: 5px; margin-right: 5px; float: left; padding: 7; padding-top: 5px; padding-left: 30px; font-size: 12px; font-weight: bold; background-image: url('/templates/default/images/icons/edit_item_small.gif'); background-repeat: no-repeat; background-position: 6px 6px; cursor: pointer; } .buttonRespond { margin-top: 5px; margin-right: 5px; float: left; padding: 7; padding-top: 10px; padding-left: 34px; font-size: 12px; font-weight: bold; background-image: url('/templates/default/images/icons/arrow_green_small.gif'); background-repeat: no-repeat; background-position: 6px 6px; cursor: pointer; } .buttonProfile { margin-top: 5px; margin-left: 5px; float: right; padding: 7; padding-left: 25px; font-size: 12px; background-image: url('/templates/default/images/icons/contact_tiny.gif'); background-repeat: no-repeat; background-position: 6px 7px; cursor: pointer; } /* ---- /templates/default/stylesheets/calendar.css ---- */ .specialDay { font-weight: bold; font-size: 15px; } /* The main calendar widget. DIV containing a table. */ .calendar { position: relative; display: none; color: #999; cursor: default; font-family: tahoma,verdana,sans-serif; border: 0; } .calendar table { border: 1px solid #fff; font-size: 11px; color: #999; cursor: default; background: #F6F6F6; font-family: tahoma,verdana,sans-serif; height: 220px; width: 100%; } /* Header part -- contains navigation buttons and day names. */ .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; padding: 1px; border-top: 1px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #fff; } .calendar .nav { } .calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; padding: 1px; border: 1px solid #DAEAFF; background: #DAEAFF; color: #7D8692; text-align: center; } .calendar thead .headrow { /* Row TR containing navigation buttons */ } .calendar thead .daynames { /* Row TR containing the day names */ } .calendar thead .name { /* Cells TD containing the day names */ border-bottom: 1px solid #999; padding: 2px; text-align: center; background: #FFF; } .calendar thead .weekend { /* How a weekend day name shows in header */ color: #EB6508; } .calendar thead .hilite { /* How do the buttons in header appear when hover */ border-top: 2px solid #fff; border-right: 2px solid #999; border-bottom: 2px solid #999; border-left: 2px solid #fff; padding: 0px; background-color: #d8e0e4; } .calendar thead .active { /* Active (pressed) buttons in header */ padding: 2px 0px 0px 2px; border-top: 1px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #999; background-color: #b8c0c4; } /* The body part -- contains all the days in month. */ .calendar tbody .day { /* Cells TD containing month days dates */ width: 50px; text-align: center; } .calendar tbody .day.othermonth { font-size: 80%; color: #aaa; } .calendar tbody .day.othermonth.oweekend { color: #faa; } .calendar table .wn { border-right: 1px solid #999; background: #FFF; } .calendar tbody .rowhilite td { background: #FFD571; } .calendar tbody .rowhilite td.wn { background: #FFD571; } .calendar tbody td.hilite { /* Hovered cells TD */ border: 1px solid; border-color: #fff #999 #999 #fff; } .calendar tbody td.active { /* Active (pressed) cells TD */ } .calendar tbody td.selected { /* Cell showing selected date */ font-weight: bold; font-size: 15px; border: 0; background: #F6F6F6; color: #00f; } .calendar tbody td.weekend { /* Cells showing weekend days */ color: #EB6508; } .calendar tbody td.today { /* Cell showing today date */ } .calendar tbody .disabled { color: #999; } .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ visibility: hidden; } .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ display: none; } /* The footer part -- status bar and "Close" button */ .calendar tfoot .footrow { /* The TR in footer (only one right now) */ } .calendar tfoot .ttip { /* Tooltip (status bar) cell TD */ background: #FFF; padding: 1px; border: 1px solid #DAEAFF; background: #DAEAFF; color: #FF2222; text-align: center; } .calendar tfoot .hilite { /* Hover style for buttons in footer */ border-top: 1px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #fff; padding: 1px; background: #d8e0e4; } .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ padding: 2px 0px 0px 2px; border-top: 1px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #999; } /* Combo boxes (menus that display months/years for direct selection) */ .calendar .combo { position: absolute; display: none; width: 4em; top: 0px; left: 0px; cursor: default; border-top: 1px solid #fff; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #fff; background: #d8e0e4; font-size: 90%; padding: 1px; z-index: 100; } .calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; } .calendar .combo .label-IEfix { width: 4em; } .calendar .combo .active { background: #F6F6F6; padding: 0px; border-top: 1px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #999; } .calendar .combo .hilite { background: #048; color: #aef; } .calendar td.time { border-top: 1px solid #999; padding: 1px 0px; text-align: center; background-color: #FFF; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff; } .calendar td.time .ampm { text-align: center; } .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; } .calendar td.time span.hilite { border-color: #999; background-color: #667; color: #fff; } .calendar td.time span.active { border-color: #EB6508; background-color: #999; color: #0f0; } /* ---- /templates/default/stylesheets/default.css ---- */ /************************ Basics ********************************************/ body { background-color: #fff; color: #333; } body, p, ol, ul, td { font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; } pre { background-color: #eee; padding: 10px; font-size: 11px; } a { color: #084F9F; text-decoration: none; } a:visited { color: #4B8DD7; } a:hover { color: #BD2020; text-decoration: underline; } a.negative { color: #FFF; } a span { cursor: pointer; } /* .progressBar .border { background-color: white; border: 1px solid #333; width: 100%; } .progressBar .background { background-color: #333; height: 10px; width: 0%; } */ form { margin: 0; } .fieldWithErrors { padding: 1px; background-color: red; display: table; } #ErrorExplanation { width: 400px; border: 1px solid #c00; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background: #FFF; } #ErrorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; } #ErrorExplanation p { color: #333; margin-bottom: 0; padding: 5px; background: #FFF; } #ErrorExplanation ul li { font-size: 12px; list-style: square; } .link { font-weight: bold; padding: 0; padding-left: 15px; font-size: 12px; background-image: url('/templates/default/images/icons/hyperlink.gif'); background-repeat: no-repeat; background-position: 0px 3px; } .linkSmall { font-weight: bold; padding: 0; padding-left: 15px; font-size: 10px; background-image: url('/templates/default/images/icons/hyperlink.gif'); background-repeat: no-repeat; background-position: 0px 2px; } .linkBig { font-weight: bold; padding: 0; padding-left: 15px; font-size: 15px; background-image: url('/templates/default/images/icons/hyperlink.gif'); background-repeat: no-repeat; background-position: 0px 5px; } .linkHuge { font-size: 16px; font-weight: bold; padding-left: 26px; background: url('/templates/default/images/icons/hyperlink_big.gif'); background-repeat: no-repeat; background-position: 3px 4px; } .linkHuger { font-size: 20px; font-weight: bold; padding-left: 26px; background: url('/templates/default/images/icons/hyperlink_big.gif') no-repeat 3px 7px; } .infoLink { font-weight: bold; padding: 0; padding-top: 3px; padding-left: 20px; font-size: 12px; background-image: url('/templates/default/images/icons/info_tiny.gif'); background-repeat: no-repeat; background-position: 0px 3px; } .questionLink { font-weight: bold; padding: 0; padding-top: 3px; padding-left: 20px; font-size: 12px; background-image: url('/templates/default/images/icons/bubble_tiny.gif'); background-repeat: no-repeat; background-position: 0px 3px; } /****************************************************************************/ /************************ Text Styling **************************************/ .font { font-size: 11px; } .fontMedium { font-size: 12px; } .fontMediumer { font-size: 13px; } .fontSmall { font-size: 10px; } .fontTiny { font-size: 9px; } .fontBig { font-size: 16px; line-height: 20px; } .fontBigger { font-size: 18px; } .fontHuge { font-size: 25px; letter-spacing: -1pt; font-weight: bold; } .fontHugeSubtle { font-size: 25px; letter-spacing: -1pt; font-weight: bold; color: #E7E7E7; } .red { color: #BD2020; } .black { color: #000; } .informative, .green { color: green; } .grey { color: #A6A6A6; } .bold { font-weight: bold; } .negative { color: #FFF; } .urgent { color: #BD2020; font-weight: bold; } .subtle { color: #626262; } .quote { color: #EB6508; font-style: italic; display: block; } .quoteSubtle { color: #333333; font-style: italic; display: block; } .incidental { font-size: 10px; color: #A6A6A6; } .label { font-size: 12px; font-weight: bold; } .labelSmall, .labelTiny { font-size: 12px; font-weight: bold; } .labelBig { font-size: 14px; font-weight: bold; } .heading { font-size: 16px; font-weight: bold; color: #EB6508; } .headingSmall { font-size: 12px; font-weight: bold; color: #EB6508; } .discreetHeading { font-size: 16px; font-weight: bold; color: #B2B2B2; } .footnote { font-size: 11px; font-style: italic; color: #A6A6A6; } .footnoteBig { font-size: 13px; font-style: italic; color: #A6A6A6; } .important { color: #61A356; } /****************************************************************************/ .subtleBorder { border: 1px dotted #98917D; } /************************ Buttons ********************/ .buttonAdd { padding-left: 38px; padding-top: 6px; font-size: 17px; font-weight: bold; height: 36px; background: url('/templates/default/images/icons/add_item.gif') no-repeat 0 0; margin-bottom: 10px; cursor: pointer; } .buttonAddNewspaper { padding-left: 38px; padding-top: 6px; font-size: 17px; font-weight: bold; height: 36px; background: url('/templates/default/images/icons/add_newspaper.gif') no-repeat 0 0; margin-bottom: 10px; cursor: pointer; } .buttonAddChat { padding-left: 38px; padding-top: 6px; font-size: 17px; font-weight: bold; height: 36px; background: url('/templates/default/images/icons/add_chat.gif') no-repeat 0 0; margin-bottom: 10px; cursor: pointer; } /************************ Specialized Interface Controls ********************/ div.selectTagFlatSelected { font-size: 11px; font-weight: bold; border: 1px dotted #92B78C; padding-left: 5px; padding-right: 5px; background: #F2FFF0 url('/templates/default/images/icons/select_box_down.gif') no-repeat 4px 8px; color: #92B78C; padding-top: 2px; padding-bottom: 1px; padding-left: 19px; float: left; } div.selectTagFlatSelectedActive { font-size: 11px; font-weight: bold; border: 1px dotted #BD2020; padding-left: 5px; padding-right: 5px; color: #BD2020; background: #FFE7E7 url('/templates/default/images/icons/select_box_up.gif') no-repeat 4px 8px; padding-top: 2px; padding-bottom: 1px; padding-left: 19px; float: left; } div.selectTagFlatOptions { font-size: 11px; border: 1px solid #E4E4E4; padding: 5px; background: #FFF; margin-left: 4px; float: left; position: absolute; margin-top: 30px; width: 150px; } div.labelInline { float: left; padding: 3px; font-size: 12px; margin-right: 4px; } div.selectTagFlatOptions ul { list-style-type: none; margin: 0; display: inline; } div.selectTagFlatOptions ul li { border-top: 1px dotted #D1D1D1; margin: 0; font-size: 11px; } div.selectTagFlatHelp { font-size: 10px; } div.inline { float: left; margin-right: 5px; } div.inlineFlush { float: left; } div.inlineRight { float: right; margin-left: 5px; } div.inlineQuarter { float: left; width: 25%; } div.inlineEighth { float: left; width: 14%; } div.inlineHalf { float: left; width: 48%; } div.newline { clear: both; } pre.captcha { font-family: "Courier New",Courier,monospace; font-weight: bold; background: #FFFADD; line-height: 1.2; } div.SubtleHR { border: 0; border-top: 1px dotted #C0C0C0; margin-top: 50px; margin-bottom: 50px; } input.captcha { font-size: 18px; color: #003395; text-transform: uppercase; } /****************************************************************************/ /************************ DIV Elements **************************************/ div.buttonIndicatorBar { background: url('/templates/default/images/button_indicator_bar.gif') no-repeat right; height: 33px; } div.fancyHR { background: url('/templates/default/images/fancy_hr_bg_blue.gif') repeat-x; height: 16px; } div.giantBracket { background: url('/templates/default/images/giant_bracket.gif'); background-repeat: no-repeat; margin-top: 10px; width: 910px; height: 104px; } div.featuredBox { border: 3px solid #EDECEC; } div.wedgeBar { background: url('/templates/default/images/wedge_bar.gif') no-repeat right center; padding: 4px; } div.widget, div.widgetNarrowCentered { border: 1px solid #EDECEC; padding: 3px; background: #EAEBEA url('/templates/default/images/widget_bg.gif') repeat-x; } div.widgetNarrowCentered { width: 500px; margin: 0 auto 0 auto; } div.widgetBody { padding: 15px; } div.widgetBody textarea { width: 575px; } div.widget h1, div.widgetNarrowCentered h1 { margin: 0; padding: 0; padding-bottom: 3px; font-size: 15px; font-weight: bold; color: #FFAA00; border-bottom: 1px dotted #FFD045; } div.widgetMoney { border: 1px solid #92B78C; padding: 3px; background: #F2FFF0; height: auto!important; height: 507px; min-height: 507px; width: 555px; } div.widgetMoney h1 { margin: 0; padding: 0; padding-bottom: 3px; font-size: 15px; font-weight: bold; color: #61A356; border-bottom: 1px dotted #61A356; } div.widgetHighlighted { border: 1px solid #EDECEC; padding: 3px; background: #FFFADD url('/templates/default/images/widget_highlighted_bg.gif') repeat-x; } div.features { min-height: 507px; height: auto; } /* Fix for IE */ * html .features { height: 507px; } div.box { border: 1px solid #EDECEC; padding: 3px; background: #F3F3F3; } div.boxHighlighted { border: 1px solid #EDECEC; padding: 3px; background: #FFFBDE; } div.note { background: #FBFFE4; border: 1px solid #A6A6A6; padding: 5px; } #popup_margin { text-align: center; margin-left: 200px; margin-top: 150px; } #popup_outside { width: 550px; background: #EAEBEA url('/templates/default/images/widget_bg.gif') repeat-x; } #popup_inside { background: url('/templates/default/images/popup_border.gif') no-repeat top left; } #popup_content { text-align: left; padding: 10px; background: url('/templates/default/images/popup_border.gif') no-repeat bottom right; } #popup_content h1 { margin: 0; padding: 0; padding-bottom: 3px; font-size: 15px; font-weight: bold; color: #FFAA00; } div.none { background: #FBFFB9; color: #A5A5A5; font-size: 11px; font-weight: normal; width: 100%; padding-top: 15px; padding-bottom: 15px; text-align: center; } div.help { background: #E6EEFF url('/templates/default/images/icons/info_big.gif'); background-repeat: no-repeat; background-position: 3px 3px; padding: 10px; padding-left: 40px; padding-top: 10px; border: 1px solid #ADBCDC; } div.question { background: #EEFFEB url('/templates/default/images/icons/bubble.gif'); background-repeat: no-repeat; background-position: 6px 6px; padding: 10px; padding-left: 45px; padding-top: 15px; border: 1px solid #34A430; } div.pane { background: #EDECEC; border: 1px solid #A6A6A6; padding: 5px; } div.attention { background: #FFD4D4; } div.hr { height: 1px; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px solid #A6A6A6; } div.spacer { padding-bottom: 10px; } div.fullScreen { position: absolute; top: 0px; left: 0px; height: 100%; background: #FFF; opacity: 0.85; filter: alpha(opacity=85); z-index: 5; width: 100%; height: 100%; padding: 30px; text-align: center; vertical-align: top; } div.photo { background: url('/templates/default/images/photo_small.gif'); background-repeat: no-repeat; background-position: center center; height: 110px; } div.asset { background: url('/templates/default/images/asset.gif') no-repeat; width: 110px; height: 130px; } div.assetLink { text-align: left; padding: 3px 0 2px 5px; border-bottom: 1px dotted #6AA0CC; } div.assetFilename { text-align: center; font-size: 11px; color: #000; font-weight: bold; padding: 10px 3px 15px 3px; } div.assetFiletype { text-align: center; font-size: 12px; color: #444; } div.photoLabel { position: relative; top: 65px; text-align: center; font-size: 11px; color: #FFF; } span.tagCloudLabel { font-size: 14px; font-weight: bold; margin: 3px; } span.tagCloudTag { margin: 3px; } div.indented { padding-left: 15px; } div.padded { padding: 5px; } div.paddedMore { padding: 15px; } div.marginBottom { margin-bottom: 10px; } div.marginBottomMore { margin-bottom: 20px; } div.marginTop { margin-top: 10px; } div.marginTopMore { margin-top: 20px; } div.marginRight { margin-right: 15px; } /****************************************************************************/ /************************ Notices *******************************************/ .flashNotice { background-image: url('/templates/default/images/icons/alert.gif'); background-position: left middle; background-repeat: no-repeat; padding-left: 25px; color: green; font-size: 12px; font-weight: bold; width: 500px; height: 25px; text-align: left; } /****************************************************************************/ /************************ Specific Page Elements ****************************/ .bar { background: #EDECEC; border-bottom: 2px solid #A6A6A6; } .buttonDel { padding-left: 23px; padding-top: 2px; font-size: 12px; font-weight: bold; height: 20px; background-image: url('/templates/default/images/icons/delete_item_small.gif'); background-repeat: no-repeat; background-position: 0px 3px; cursor: pointer; } /****************************************************************************/ /************************ Tables ********************************************/ td { text-align: left; } /*********** Enhanced Table ************/ .enhancedTable{ border-collapse:collapse; border: 1px solid #DFDFDF; } .enhancedTableColouredRow{ background:#EFEFEF; } .enhancedTableRowHover{ background:#DEFFD7; } /*.enhancedTableActive{ background:#FFC2C2; }*/ .simpleTable, .plainTable { border-collapse: collapse; } .enhancedTable td, .simpleTable td { font-size: 12px; vertical-align: top; color: #3A3A3A; border: 1px solid #DFDFDF; padding: 5px; } .enhancedTable tbody td, .simpleTable tbody td { background: #FFFFFF; } .enhancedTable td.label, .simpleTable td.label { font-size: 11px; font-weight: bold; vertical-align: top; padding: 4px; border: 1px solid #DFDFDF; color: #000; background: #FFF8D3; } .enhancedTable thead td, .simpleTable thead td, .enhancedTable tfoot td, .simpleTable tfoot td { font-size: 12px; font-weight: bold; vertical-align: top; padding: 4px; border: 1px solid #DFDFDF; color: #5C5C5C; background: #FBFBFB; background-position: left center; background-repeat: no-repeat; } .plainTable td { font-size: 10px; } .plainTable td.border { border: 1px solid #DFDFDF; padding: 2px; } /****************************************************************************/ /********************************** Ads *************************************/ .banner { border: 1px solid #DDDDDD; width: 750px; height: 92px; padding: 15px; text-align: center; vertical-align: middle; margin: 5px; margin-bottom: 15px; } .banner .heading { font-size: 23px; color: #105CB6; margin-bottom: 5px; } .banner .verbiage { font-size: 11px; color: #000; } /******************************* RedCloth Textile ***************************/ .h1_textile { font-weight: bold; font-size: 28px; margin-bottom: 10px; } .h2_textile { font-weight: bold; font-size: 20px; margin-bottom: 10px; } .h3_textile { font-weight: bold; font-size: 18px; margin-bottom: 10px; } .h4_textile { font-weight: bold; font-size: 14px; margin-bottom: 10px; } .h5_textile { font-weight: bold; font-size: 12px; margin-bottom: 10px; } .h6_textile { font-weight: bold; font-size: 10px; margin-bottom: 10px; } a.help { border:0px; text-decoration:none; color: inherit; } .help img { border: 0px; } .help_dialog { border: 1px solid black; background-color: white; padding: 10px; width:350px; } /********************** Sites Lists Widgets ************/ table.sites_list tr td { font-size: 9px; line-height: 10px; } table.sites_list tr { padding: 0px; } div.help_widget { position:absolute; z-index:1000; } a.help_widget { border:0px; text-decoration:none; font-size: 14px; font-weight: bold; color: #EB6508; } .servicefront-footer { clear: both; } .servicefront-footer .owner { text-align: left; float: left; padding-top: 5px; padding-bottom: 5px; } .servicefront-footer .powered-by { text-align: right; float: right; padding-top: 5px; padding-bottom: 5px; } div.playlist_vertical { float: left; width: 250px; height: 300px; overflow: auto; padding: 10px; margin: 0px 10px 0px 10px; border: 1px solid gray; } div.playlist_vertical img.playlist_thumbnail { float: left; width: 100px; margin-right: 10px; } div.playlist_vertical a.playlist_anchor { display: block; clear: both; padding: 3px; margin-bottom: 10px; border: 1px solid gray; } div.playlist_horizontal { width: 600px; height: 125px; overflow: auto; padding: 10px; margin: 10px 10px 0px 0px; border: 1px solid gray; clear: both; text-align: left; } div.playlist_horizontal img.playlist_thumbnail { float: left; height: 100px; margin-right: 10px; } div.playlist_horizontal a.playlist_anchor { display: inline; float: left; padding: 3px; margin-left: 10px; border: 1px solid gray; clear: none; width: 300px; } /* *********************** VIDEO PLAYLIST MATRIX VIEW ************************ */ div.playlist_matrix { background: #F7F7F7 none repeat scroll 0 0; border: 1px solid #E7E7E7; float: left; height: auto; margin: 10px 0px; padding: 40px 0; width: auto; } div.playlist_matrix li.first { border-left:0 none; } div.playlist_matrix ul { display: inline; list-style-image: none; list-style-position: outside; list-style-type: none; } div.playlist_matrix li { border-left:1px solid #e7e7e7; display:inline; float:left; height: 174px; margin-left: 24px; padding-left: 34px; } div.playlist_matrix a.playlist_anchor { background: transparent url(/templates/default/images/playlist_matrix_thumb.png) no-repeat scroll 0 0; height: 113px; margin: -10px 5px 5px -5px; position: absolute; width: 147px; } div.playlist_matrix a.playlist_anchor #vid_play_corner { background: transparent url(/templates/default/images/vid_play_corner.gif) no-repeat scroll 0 0; bottom: 13px; height: 27px; position: absolute; right: 13px; width: 32px; } div.playlist_matrix a.playlist_anchor:hover #vid_play_corner { background-position: 0 -27px; } div.playlist_matrix a.playlist_anchor:hover { background:transparent url(/templates/default/images/playlist_matrix_thumb_over.png) no-repeat scroll left top; } div.playlist_matrix div.playlist_title { margin-top: 108px; padding-left: 12px; width:135px; } div.playlist_matrix div.playlist_title a, div.playlist_matrix div.playlist_title h3, div.playlist_matrix div.playlist_title p, div.playlist_matrix div.playlist_title p.publish_date { font-family:arial,sans-serif; margin: 0px; padding: 0px; } div.playlist_matrix div.playlist_title h3 { background: #F7F7F7 none repeat scroll 0 0; border: 0; color:#313131; font-size:14px; font-weight:normal; line-height:13px; padding-bottom:2px; text-align:left; } div.playlist_matrix div.playlist_title p { color:#8A8A8A; font-size:12px; line-height:15px; } div.playlist_matrix div.playlist_title p.publish_date { font-size: 8px; } div.playlist_matrix img.playlist_thumbnail { border: medium none; display: block; height: 87px; margin: 13px; overflow: hidden; width: 121px; } .video_video .matrix { height:347px; width:452px; } /* *********************************************************************** */ /* ---- /templates/default/stylesheets/fobs.css ---- */ div.spacer { margin-bottom: 4px; } div.spacerMedium { margin-bottom: 12px; } div.spacerBig { margin-bottom: 20px; } div #profiles_explanation { background: url('/templates/default/images/fobs/illustration_profiles_setup.gif') no-repeat 10px 10px; height: 280px; padding: 10px; } div #profiles_explanation_content { margin-left: 280px; } div #fobs_explanation { background: url('/templates/default/images/fobs/illustration_fobs_setup.gif') no-repeat 35px 10px; padding: 10px; _height: 200px; min-height: 200px; } div #fobs_explanation_content { margin-left: 280px; } div #quick_profile { width: 800px; } #quick_profile input[type="text"], #quick_profile select, #quick_profile textarea { background: #FFFADB url('/templates/default/images/layouts/bounded/input_field_bg.gif') repeat-x; border: 1px solid #777777; color: #084F9F; font-size: 15px; padding: 3px; } #quick_profile textarea { width: 400px; } #quick_profile .label { font-size: 15px; margin-top: 7px; } #quick_profile .group { margin: 20px 0 20px 0; } /* ----------------------------------- Form Elements ------------------------------------- */ .field { border: 1px solid #808080; padding: 3px; font-size: 12px; color: #0000FF; background: #FFFCDC; } .field_disabled { border: 1px solid #808080; padding: 3px; font-size: 12px; color: #6F6F6F; } .buttonSmall { font-size: 10px; cursor: pointer; } .form { border: 1px solid #A4B1D7; border-collapse: collapse; background: #F8FAFF; } .form td { padding: 5px; } .form .row { border-bottom: 1px solid #CDCDCD; } .formInsert { border: 1px dotted #A4B1D7; background: #FFFCDC; } .formAux { border: 1px solid #9FCC9C; border-collapse: collapse; background: #F3FFF2; } .formAux td { padding: 5px; } .formAux .row { border-bottom: 1px solid #CDCDCD; } .formAuxInsert { border: 1px dotted #9FCC9C; background: #FFFCDC; } /* --------------------------------------------------------------------------------------- */ div.editable { border: 1px solid #D5D5D5; padding: 5px; padding-top: 1px; margin-bottom: 10px; background: white; } div.view { border: 1px solid #D5D5D5; padding: 5px; padding-top: 1px; margin-bottom: 10px; background: white; } div.hand { cursor: hand; } div.editable h5 { margin: 0; text-align: center; color: #D5D5D5; font-size: 12px; } div.editing { border: 1px solid #D5D5D5; padding: 5px; margin-bottom: 10px; background: white; } div.active { border: 1px solid #FFE382; margin-bottom: 3px; } div.none { background: #FBFFB9; color: #A5A5A5; font-size: 11px; font-weight: normal; width: 100%; padding-top: 15px; padding-bottom: 15px; text-align: center; } div.adv { text-align: center; font-size: 6px; } div.adv .img { } div.photo { border: 1px solid #8C8C8C; width: 151px; height: 200px; text-align: center; vertical-align: center; color: #8C8C8C; font-size: 10px; } /*div.help { background: #DEFFE5 url('/templates/default/images/fobs/icons/about_big_green.gif'); background-repeat: no-repeat; background-position: 10px 10px; padding: 10px; padding-left: 70px; padding-top: 20px; border: 1px solid #1D8D08; color: #115D02; }*/ div.floatingBox { position: absolute; z-index: 10; border: 1px solid #007603; background: #FFF; margin: 5px; } div.popupWindow { border: 1px solid #007603; background: #FFF; margin: 5px; } div.userDataBox { margin: 8px 6px 6px 5px; border: 1px solid #EDECEC; background: #FFFADD; width: 353px; height: 122px; _height: 130px; font-size: 11px; } div.pad { padding: 10px; } div h3, h4 { background: #FFFBEB; text-align: center; color: #5C5C5C; font-size: 10px; font-weight: bold; margin: 0; padding: 0; padding-left: 3px; padding-right: 3px; border-right: 1px solid #939393; border-bottom: 1px solid #939393; border-left: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6; } div.floatingBox h3, div.popupWindow h3 { background: #007603; color: #FFF; text-align: left; border: 0; } td.content { font-size: 12px; font-weight: normal; vertical-align: top; } div.messageMine { padding: 5px; border: 1px solid #EDECEC; border-left: 1px dotted #C1C1C1; background: #FFF; margin: 5px 50px 5px 10px; } div.messageNotMine { padding: 5px; border: 1px solid #EDECEC; border-right: 1px dotted #C1C1C1; background: #FFFCDC; margin: 5px 10px 5px 50px; } /* You'll want to separate these into a separate CSS file probably. */ div.viewProfilePane { background: #F6F5F5; border: 1px solid #DADADA; width: 588px; min-height: 60px; _height: 60px; margin-bottom: 10px; padding: 5px; } div.viewProfileBox { background: #F6F5F5; border: 1px solid #DADADA; margin-bottom: 10px; padding: 5px; } div.viewProfilePaneFestive { background: #EDFFEA; border: 1px solid #B2D1AC; width: 588px; min-height: 60px; _height: 60px; margin-bottom: 10px; padding: 5px; } .viewProfilePaneSparse { border: 1px solid #EDECEC; border-right: 0; border-bottom: 0; width: 588px; min-height: 60px; _height: 60px; margin-bottom: 10px; padding: 5px; } .paneInsert { border: 1px dotted #A4B1D7; background: #FFFCDC; } div.contactSymbol { background: url('/templates/default/images/fobs/icons/tab_contact.gif') no-repeat; width: 40px; height: 50px; } div.chatSymbol { background: url('/templates/default/images/fobs/icons/tab_chat.gif') no-repeat; width: 40px; height: 50px; } div.blogsSymbol { background: url('/templates/default/images/fobs/icons/tab_blogs.gif') no-repeat; width: 40px; height: 50px; } div.favoritesSymbol { background: url('/templates/default/images/fobs/icons/tab_favorites.gif') no-repeat; width: 40px; height: 50px; } div.hobbiesSymbol { background: url('/templates/default/images/fobs/icons/tab_hobbies.gif') no-repeat; width: 40px; height: 50px; } div.linksSymbol { background: url('/templates/default/images/fobs/icons/tab_links.gif') no-repeat; width: 40px; height: 50px; } div.attachmentsSymbol { background: url('/templates/default/images/fobs/icons/tab_attachments.gif') no-repeat; width: 40px; height: 50px; } div.listingsSymbol { background: url('/templates/default/images/fobs/icons/tab_ads.gif') no-repeat right; width: 40px; height: 50px; } div.buddiesSymbol { background: url('/templates/default/images/fobs/icons/tab_buddies.gif') no-repeat; width: 40px; height: 50px; } div.blankSymbol { width: 40px; height: 25px; } div.userOffline { background: url('/templates/default/images/fobs/icons/user_offline.gif') no-repeat left 1px; color: #BD2020; padding-left: 20px; font-size: 10px; margin: 10px; } div.userOnline { background: url('/templates/default/images/fobs/icons/user_online.gif') no-repeat left 1px; color: green; padding-left: 20px; font-size: 10px; margin: 10px; } /********************************************************************/ /* -------------------------------------------------------------------------- */ .borderLight { border: 1px solid #DFDFDF; } .profileFeaturedBox { border: 5px solid #D3DDF4; height: 150px; width: 680px; padding-left: 3px; margin-bottom: 10px; } div.profileBriefCard, div.profileFeaturedBriefCard { width: 302px; height: 145px; float: left; background-repeat: no-repeat; text-align: left; } div.profileBriefCard { background: url('/templates/default/images/fobs/profile_brief_pane.gif') no-repeat; } div.profileFeaturedBriefCard { background: url('/templates/default/images/fobs/profile_featured_brief_pane.gif') no-repeat; } div.profileBriefCard .title { font-size: 14px; color: #737373; padding-top: 13px; padding-left: 13px; float: left; } div.profileFeaturedBriefCard .title { font-size: 14px; color: #737373; padding-top: 13px; padding-left: 45px; float: left; } div.profileBriefCard .thumb, div.profileFeaturedBriefCard .thumb { padding-top: 15px; padding-left: 13px; float: left; margin-right: 10px; height: 150px; _height: 115px; } div.profileBriefCard .info, div.profileFeaturedBriefCard .info { margin-left: 10px; font-size: 12px; color: #333333; } div.profileBriefCard .contents, div.profileFeaturedBriefCard .contents { font-size: 10px; padding-right: 13px; } div.batchCard { } div.batchCard .physical { float: left; clear: both; width: 910px; height: 243px; background: url('/templates/default/images/fobs/batch_pane.gif') no-repeat; } div.batchCard .virtual { width: 910px; border: 1px dotted #CCCCCC; padding: 15px 0 15px 0; margin-bottom: 15px; } div.batchCard h1 { font-size: 14px; font-weight: normal; color: #FFFFFF; padding: 5px; padding-left: 15px; } div.batchCard .content { padding: 3px; padding-top: 5px; padding-left: 20px; } div.batchCard .fob, div.fobGroup .fob { text-align: center; float: left; width: 97px; } div.batchCard .fobCard { width: 175px; } div.batchCard .fobCardElement { float: left; } div.batchCard .fobCardElement .fobCardElementImage { padding: 10px 4px 0 0; } div.fob .image { height: 90px; text-align: center; } div.batchCard .labels, div.fobGroup .fob { text-align: center; margin-top: 3px; } div.batchCard .labels .number, div.fobGroup .labels .number { font-weight: bold; } div.batchCard .labels .code, div.fobGroup .labels .code { color: #A1A1A1; } div.batchCard .editLink, div.fobGroup .editLink { font-size: 9px; } div.batchCard .stats, div.fobGroup .stats { border: 1px solid #C2C2C2; color: #656565; margin: 3px; margin-top: 8px; padding: 2px; width: 95px; _width: 100px; } div.batchCard .emptyStats { border: 1px solid #EDECEC; color: #C2C2C2; margin: 3px; margin-top: 8px; padding: 2px; width: 84px; } div.batchCard .stats div, div.batchCard .emptyStats div, div.fobGroup .stats div { font-size: 10px; margin: 0; line-height: 14px; } /* -------------------------------------------------------------------------- */ /* -------------------------------- Buttons & Notices ----------------------------------- */ div.flashNotice { background-image: url('/templates/default/images/fobs/icons/info.gif'); background-position: left middle; background-repeat: no-repeat; padding-left: 30px; padding-top: 5px; color: #0061C7; width: 500px; height: 25px; text-align: left; margin: 10px; } div.buttonBack, div.buttonGenerate, div.buttonAddStar, div.buttonPrint, div.buttonAddItem, div.buttonSendFob { background-position: left middle; background-repeat: no-repeat; padding-left: 30px; padding-top: 5px; color: #0061C7; font-weight: bold; height: 25px; text-align: left; float: left; margin-right: 15px; cursor: hand; } div.buttonBack { background-image: url('/templates/default/images/fobs/icons/back.gif'); } div.buttonGenerate { background-image: url('/templates/default/images/fobs/icons/gear_add.gif'); } div.buttonAddStar { background-image: url('/templates/default/images/fobs/icons/star_yellow_add.gif'); } div.buttonAddItem { background-image: url('/templates/default/images/fobs/icons/add_item.gif'); } div.buttonPrint { background-image: url('/templates/default/images/fobs/icons/print.gif'); } div.buttonSendFob { background-image: url('/templates/default/images/icons/fob_buddy_gave.gif'); padding-left: 35px; } div.buttonEditItemTiny, div.buttonDeleteItemTiny, div.buttonViewTiny, div.buttonCloseTiny, div.buttonEditTiny { background-position: left middle; background-repeat: no-repeat; padding-left: 18px; padding-bottom: 5px; color: #0061C7; font-size: 9px; font-weight: bold; height: 15px; text-align: left; float: left; margin-right: 15px; cursor: hand; } div.buttonEditItemTiny { background-image: url('/templates/default/images/fobs/icons/edit_item_tiny.gif'); } div.buttonDeleteItemTiny { background-image: url('/templates/default/images/fobs/icons/delete_item_tiny.gif'); } div.buttonViewTiny { background-image: url('/templates/default/images/fobs/icons/view_tiny.gif'); } div.buttonEditTiny { background-image: url('/templates/default/images/fobs/icons/edit_tiny.gif'); } div.buttonCloseTiny { background-image: url('/templates/default/images/fobs/icons/close_tiny.gif'); } a.button { font-size: 12px; color: #FFF; font-weight: medium; background: #007603 url('/templates/default/images/fobs/icons/hyperlink_white.gif'); background-repeat: no-repeat; background-position: 3px 4px; padding-left: 18px; padding-right: 5px; padding-bottom: 2px; border-top: 1px solid #A7F1C6; border-left: 1px solid #A7F1C6; border-bottom: 1px solid #00421C; border-right: 1px solid #00421C; } /* ---- CUSTOM DEFINED STYLESHEET default ---- */ .buttonAdd { padding-left: 38px; padding-top: 6px; font-size: 17px; color:#993300; font-weight: bold; height: 36px; background: url('/templates/default/images/icons/add_item.gif') no-repeat 0 0; margin-bottom: 10px; cursor: pointer; } .labelSmall, .labelTiny { font-size: 9px; font-weight: bold; } .buttonAddNewspaper { padding-left: 38px; padding-top: 10px; font-size: 17px; color:#993300; font-weight: bold; height: 36px; background: url('/templates/default/images/icons/add_newspaper.gif') no-repeat 0 0; margin-bottom: 10px; cursor: pointer; } a { color: #993300; text-decoration: none; } a:visited { color: #993300; } a:hover { color: #97D8E5; text-decoration: none; } a.negative { color: #993300; } /* ---- CUSTOM DEFINED STYLESHEET default ---- */ body { margin: 0; padding: 0; background: #EAF4FF; text-align: center; } body, div, td { font-family: 'Arial'; } a { text-decoration: none; } img { border: 0; } .video_video .object { width: 300px; height: 247px; } #pt1_page { width: 960px; background: #FFFFFF; margin: 0 auto 0 auto; } #pt1_footer { clear: both; } #pt1_vertical_menu_container, #pt1_horizontal_menu_container { float: left; } #pt1_horizontal_content_container { float: left; padding: 10px; background: #FFFFFF; width: 940px; text-align: center; } #pt1_vertical_content_container { padding: 6px; background: #FFFFFF; width: 848px; _width: 855px; min-height: 800px; _height: 800px; float: right; text-align: center; } #pt1_search_bar_container { float: left; width: 960px; } #pt1_search_links { float: left; font-size: 15px; padding: 5px 20px 0 0; } #pt1_search_links a { color: #FFF; } #pt1_search_controls { float: left; padding-top: 3px; } #pt1_login_controls { float: right; width: 300px; } .userMenu { padding: 0 0 5px 0; margin-top: -15px; } #sign_in a, #sign_out a, #account a { font-weight: normal; font-size: 13px; color: #000000; } #pt1_login_controls div, #pt1_login_controls ul, #pt1_login_controls li { padding: 0; margin: 0; } .userMenu #sign_out { margin-left: 30px; } #pt1_branding { width: 960px; height: 80px; border-bottom: 1px solid #FFF; background: url('/templates/publication_professional/images/sample_banner.jpg') no-repeat; } .square_banner_ad { padding: 0 0 10px 0; } #mappy { width: 600px; } /************************* CONTENT TEMPLATES **********************/ img.small-float-left { float:left; max-height: 110px; max-width: 130px; padding: 5px; border: 0; } .float-right { float:right; } /************************* MENU ***********************************/ .pt1_menu { width: 100px; border-top: 1px solid #FFF; font-size: 13px; background: #EDEDED; min-height: 800px; _height: 800px; } .pt1_menu .pt1_heading { background: #BABABA; padding: 5px; color: #FFF; border-bottom: 1px solid #FFF; font-size: 13px; font-weight: bold; } .pt1_menu .pt1_heading a { color: #FFF; } .pt1_item_group { background: #EDEDED; padding-bottom: 15px; } .pt1_menu .pt1_item { padding: 1px 0 1px 5px; } .pt1_menu .pt1_button { border: 1px solid #FB5722; color: #FB5722; background: #F6F6F6; text-align: center; font-size: 13px; font-weight: bold; margin: 5px; line-height: 18px; } #pt1_horizontal_menu_container .pt1_item_group { /* height: 120px; */ display: none; } #pt1_horizontal_menu_container .pt1_menu { width: 960px; border-top: 1px solid #FFF; font-size: 13px; /* min-height: 170px; _height: 170px; */ min-height: 27px; _height: 27px; background: #EDEDED; line-height: 16px; } #pt1_horizontal_menu_container .pt1_menu_group { float: left; width: 130px; border-right: 1px solid #FFF; } .pt1_menu_ad { float: right; text-align: center; padding: 10px; width: 75px; height: 140px; background: #EDEDED; margin: 0; } #pt1_horizontal_menu_container .pt1_menu_ad { float: right; text-align: left; padding: 10px; width: 150px; } .pt1_menu_ad .ad_heading { font-size: 16px; margin-top: 10px; } .pt1_menu_ad .ad_description { font-size: 13px; margin-top: 10px; } .pt1_menu_ad .ad_labels { color: #ACACAC; font-size: 11px; text-align: center; margin-top: 10px; } /************************* TOP STORIES ****************************/ .pt1_feature .pt1_feature_header .pt1_item { float: left; padding: 3px 10px 3px 10px; } .pt1_feature .pt1_feature_header .pt1_item a { color: #B0B0B0; font-size: 15px; font-weight: bold; } .pt1_feature .pt1_feature_header .pt1_selected { border: 1px solid #BABABA; border-bottom: 0; margin: 0; } .pt1_feature .pt1_feature_header .pt1_selected a { color: #21A31A; margin: 0; } .pt1_feature .pt1_feature_body { clear: both; width: 520px; min-height: 390px; _height: 390px; background: url('/templates/publication_professional/images/feature_bg.jpg') top right no-repeat; padding: 5px; margin: 0; } .pt1_top_stories .story_item { font-size: 13px; padding-bottom: 5px; margin-bottom: 5px; margin: 3px; } .pt1_top_stories .story_item em { font-size: 11px; } .pt1_top_stories .story_item h2 { margin: 0; padding: 0; } .pt1_top_stories .lead_story, .pt1_top_stories .secondary_story { border-bottom: 1px solid #B0B0B0; } .pt1_top_stories .first_column { float: left; width: 245px; _width: 235px; padding: 0 3px 0 0; } .pt1_top_stories .second_column { float: right; border-left: 1px solid #B0B0B0; padding: 0 0 0 10px; width: 255px; margin: 0 0 0 5px; } .pt1_top_stories .lead_story .story_item_headline, .pt1_top_stories .photo_story .story_item_headline { font-size: 20px; font-weight: bold; } .pt1_top_stories .secondary_story .story_item_headline { font-size: 16px; font-weight: bold; } .pt1_top_stories .story_item .story_item_info { color: #B0B0B0; clear: both; padding: 3px 0 0 0; } .pt1_top_stories .story_item .story_item_info div { float: left; } .pt1_top_stories .story_item .story_item_summary { clear: both; padding-top: 3px; } .pt1_top_stories .more_stories ul { margin: 0; padding-left: 15px; } .pt1_top_stories .photo_story { float: right; } .pt1_top_stories .image_image { margin-bottom: 10px; } .pt1_top_stories .image_img { width: 255px; } .pt1_top_stories .story_item .video_video .object { width: 255px; height: 213px; } .pt1_top_stories .pt1_read_more_link { margin-top: 5px; text-align: right; clear: both; } /******************************************************************/ /************************* SEARCH BAR *****************************/ #pt1_search_bar { background: #000 url('/templates/publication_professional/images/search_bar_bg-green.gif') repeat-x; height: 30px; padding: 3px 12px 3px 8px; } #pt1_search_bar #pt1_search_controls { float: left; } #pt1_search_bar #pt1_login_controls { float: right; color: #FFF; font-size: 15px; margin-top: 5px; } #pt1_search_element_select, #pt1_search_element_bar { float: left; margin-right: 10px; color: #FFF; } /******************************************************************/ /************************* HOME ***********************************/ #pt1_home_left_column { float: left; width: 500px; text-align: left; } #pt1_home_right_column { float: right; width: 310px; text-align: left; } #todays_events_container { margin: 15px 0 15px 0; } #pt1_home_right_column .square_banner_ad { padding: 10px 0 10px 10px; } .rss_item_title { font-weight: bold; } .popularListingsList .summary { margin: 0; } .popularListingsList .image { float: right; margin: 0 0 3px 3px; width: 55px; height: 55px; } .popularListingsList .bullet { clear: both; margin-bottom: 5px; } /******************************************************************/ /************************* NEWS LIST ******************************/ #pt1_news_list_left_column { width: 550px; float: left; } #pt1_news_list_right_column { width: 300px; float: right; } #pt1_news_list .heading { text-align: left; } #pt1_news_list .story_item { width: 250px; float: left; margin: 3px 10px 3px 10px; padding-bottom: 3px; border-bottom: 1px solid #B0B0B0; } #pt1_new_list .story_item .even { float: left; } #pt1_new_list .story_item .odd { float: right; } #pt1_news_list .story_item_headline { font-size: 16px; font-weight: bold; } #pt1_news_list .story_item .story_item_info { color: #B0B0B0; clear: both; padding: 3px 0 0 0; } #pt1_news_list .story_item .story_item_info div { float: left; } #pt1_news_list .story_item .story_item_summary { clear: both; padding-top: 3px; } #pt1_news_list .image_image { margin-bottom: 5px; } #pt1_news_list .image_img { width: 230px; } .image_caption, .video_caption, .rss_item_date { font-size: 11px; color: #979797; line-height: 14px; text-align: right; } /*******/ #news_page_center_column { width: 515px; float: left; } #news_page_center_column .heading_with_line { text-align: left; padding-bottom: 10px; border-bottom: 2px solid #B0B0B0; } #news_page_center_column .heading_small { text-align: left; color: #BABABA; font-size: 20px; font-family: 'Arial Black'; font-weight: normal; letter-spacing: -1; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid #B0B0B0; } #center_main { clear: both; padding-bottom: 4px; } #center_main .image_caption { max-width: 300px; /* hack for obnoxious IE*/ width: expression("300px"); } #center_two_column { clear: both; border-top: 1px solid #B0B0B0; padding-top: 4px; } #first_center_column { width: 63%; padding-right: 3px; border-right: 1px solid #B0B0B0; float: left; padding-top: 4px; } #second_center_column { width: 33%; float: right; padding-top: 4px; } #first_center_column img { max-width: 95%; /* hack for obnoxious IE*/ width: expression("95%"); } #first_center_column .story_item_headline a { font-size: larger; } #first_center_column div.story_item { margin-bottom: 15px; } #news_page_right_column { width: 300px; float: right; } #news_page_right_column .heading_with_line { text-align: left; padding-bottom: 10px; border-bottom: 2px solid #B0B0B0; } .image_caption { font-style: italic; color: #CCCCCC; } .video_player { height: 250px; width: 170px; } /******************************************************************/ /************************* NEWS PAGE ******************************/ #pt1_news_page { text-align: left; } #pt1_news_page .story_item { } #pt1_news_page #pt1_main_column { width: 515px; float: left; } #pt1_news_page #pt1_right_column { width: 300px; float: right; } #pt1_news_page #pt1_main_columns { margin: 5px 0 0 0; padding: 5px 0 0 0; } #pt1_news_page #pt1_main_left_column { border-right: 1px solid #BABABA; padding: 0 5px 5px 5px; width: 300px; float: left; } #pt1_news_page #pt1_main_left_column .story_item_headline { clear: both; } #pt1_news_page #pt1_main_right_column { width: 190px; _width: 200px; padding: 5px; float: right; } #pt1_news_page #pt1_main_right_column .story_item { margin-bottom: 5px; } #pt1_news_page #pt1_main_featured { border-bottom: 1px solid #BABABA; padding-bottom: 10px; } #pt1_news_page #pt1_main_featured .video_video .object { width: 300px; height: 247px; } #pt1_news_page #pt1_main_featured .story_item_headline { font-size: 18px; font-weight: bold; } #pt1_news_page #pt1_main_featured .story_item .image_image { width: 300px; float: left; } #pt1_news_page #pt1_main_featured .story_item .image_img, #pt1_multimedia_photos img { width: 300px; } #pt1_news_page #pt1_main_right_column .story_item_headline { font-weight: bold; margin-bottom: 3px; } #pt1_news_page #pt1_bullets { border-top: 1px solid #BABABA; margin-top: 10px; padding-top: 10px; } #pt1_main_secondary .story_item { margin-top: 10px; clear: both; } #pt1_main_secondary .story_item .image_img { width: 100px; float: left; border: 0; margin: 0 5px 5px 0; } #pt1_main_secondary .story_item b { font-size: 15px; font-weight: bold; } #pt1_main_secondary .story_item_info { font-size: 12px; font-style: italic; color: #BABABA; } /******************************************************************/ /************************* NEWS SEARCH RESULTS PAGE ***************/ #pt1_news_results_page #pt1_main_column { width: 470px; float: left; } #pt1_news_results_page #pt1_right_column { width: 340px; float: right; } #pt1_news_results_page #pt1_right_column .skyscraper_banner_ad { float: left; margin: 10px 5px 10px 0; } #pt1_news_results_page #pt1_results { padding: 10px; } #pt1_news_results_page .story_item { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #98917D; } #pt1_news_results_page .story_item_headline { font-size: 14px; font-weight: bold; } /******************************************************************/ /************************* NEWS ARTICLE ***************************/ #pt1_full_story #pt1_main_column { width: 470px; float: left; } #pt1_full_story #pt1_right_column { width: 340px; float: right; } #pt1_full_story #pt1_right_column .skyscraper_banner_ad { float: left; margin: 10px 5px 10px 0; } .full_story .story_item_headline { font-size: 20px; font-weight: bold; color: #000; } .full_story .story_item .story_item_info { color: #B0B0B0; clear: both; padding: 3px 0 0 0; } .full_story .story_item .story_item_info div { float: left; } .full_story .story_item .story_item_content { padding-top: 5px; font-size: 14px; clear: both; } .full_story .image_img { max-width: 250px; _width: 250px; float: left; margin: 10px; } #pt1_full_story .image_img, #pt1_full_story .image_caption { float: left; } #pt1_full_story .image_caption { width: 260px; padding: 0 10px 10px 0; } #pt1_full_story .story_item_images { float: left } #pt1_full_story pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ clear: both; } .signature_line { color: #B0B0B0; clear: both; padding: 3px 0 0 0; overflow: hidden; width: 100%; } .signature_line_email_body { /*min-width: 400px; width: expression('400px'); z-index: 10; position: absolute; background-color: white; opacity: 1; border: 1px solid gray; padding: 3px; color: black; width: 100%;*/ text-align: left; margin: 25% auto; } .signature_line_email_body label { width: 150px; text-align: right; padding-right: 3px; display: block; float: left; font-weight: bold; } .signature_line_email_body div { clear: both; } .signature_line_email_body input[type="submit"] { margin-left: auto; margin-right: auto; } .signature_email_message { font-size: larger; color: black; font-weight: bold; } div.email_recommend_label { font-weight: bold; font-size: larger; padding-bottom: 10px; } .related_content { border-top: 1px solid #B0B0B0; clear: both; padding: 3px; font-size: smaller; margin-top: 3px; } .related_content_label { color: #444444; margin: 0px; padding: 2px; font-weight: bold; } .related_content_body { margin-top: 2px; margin-left: 5px; } .related_content_body h2 { margin: 2px; } .title_date { font-weight: normal; color: #B0B0B0; } .signature_line img.dont_touch_me { border: none; display: inline; margin: 0px; padding: 0px; clear:; float:; height:; width:; min-height:; min-width:; /* last-ditch effort to prevent trouble */ max-width: 15px; } .pt1_poll .story_item_headline { color: black; font-size: 18px; font-weight: bold; } .pt1_poll h2 { color: #4E4E4E; font-size: 15px; } .pt1_poll .story_item_info { font-size: 12px; color: #B0B0B0; } .poll_results { padding-left: 10px; } .poll_results label { font-size: 12px; } .poll_results_percent { font-weight: bold; color: green; width: 40px; } #pt1_full_story #comments_container { clear: both; } /******************************************************************/ /************************* BUSINESS DIRECTORY *********************/ #pt1_business_directory_page #pt1_main_column { float: left; width: 500px; } #pt1_business_directory_page #pt1_right_column { float: right; width: 310px; } #pt1_business_directory .pt1_group, #pt1_business_directory .pt1_group table { margin-bottom: 15px; } #pt1_business_directory_info .widgetHighlighted { margin: 0 10px 15px 0; padding: 10px; text-align: left; width: 280px; } #pt1_business_directory_page #pt1_group { clear: both; } /******************************************************************/ /************************* MULTIMEDIA *****************************/ #pt1_main_right_column div.audio_audio { width: 100%; } #center_main div.object { margin-left: auto; margin-right: auto; } #center_main div.video_caption { margin-left: auto; margin-right: auto; text-align: center; } /******************************************************************/ /************************* CLASSIFIEDS ****************************/ #pt1_classifieds_page #pt1_main_column { float: left; width: 515px; } #pt1_classifieds_page #pt1_right_column { float: right; width: 310px; } #pt1_classifieds_page #pt1_post_newspaper_ad { float: left; width: 250px; } #pt1_classifieds_page #pt1_post_online_ad { float: right; width: 200px; } #pt1_classifieds_page .popularSearch { float: left; width: 140px; } #pt1_classifieds_page #pt1_browse_classifieds_bar { clear: both; } #pt1_browse_classifieds_bar { height: 74px; background: url('/templates/publication_professional/images/classifieds_bar_bg.gif') repeat-x; margin-bottom: 15px; } #pt1_browse_classifieds_bar div { float: left; } #pt1_browse_classifieds_bar #pt1_cap_left { width: 10px; height: 74px; background: url('/templates/publication_professional/images/classifieds_bar_cap_left.gif') no-repeat; } #pt1_browse_classifieds_bar #pt1_cap_right { width: 8px; height: 74px; background: url('/templates/publication_professional/images/classifieds_bar_cap_right.gif') no-repeat top right; float: right; } #pt1_browse_classifieds_bar #pt1_real_estate { width: 95px; height: 74px; background: url('/templates/publication_professional/images/classifieds_bar_real_estate.gif') no-repeat; margin-right: 4px; } #pt1_browse_classifieds_bar #pt1_autos { width: 95px; height: 74px; background: url('/templates/publication_professional/images/classifieds_bar_autos.gif') no-repeat; margin-right: 4px; } #pt1_browse_classifieds_bar #pt1_rentals { width: 95px; height: 74px; background: url('/templates/publication_professional/images/classifieds_bar_rentals.gif') no-repeat; margin-right: 4px; } #pt1_browse_classifieds_bar #pt1_jobs { width: 95px; height: 74px; background: url('/templates/publication_professional/images/classifieds_bar_jobs.gif') no-repeat; margin-right: 4px; } #pt1_browse_classifieds_bar #pt1_browse_all { width: 95px; height: 74px; background: url('/templates/publication_professional/images/classifieds_bar_all.gif') no-repeat; } #pt1_classifieds_page .page_heading { clear: both; } #pt1_classifieds_page #pt1_browse_by_category { padding: 10px; } #pt1_classifieds_page #pt1_popular_ads { padding-top: 15px; clear: both; } #pt1_classifieds_page #pt1_browse_by_category a { display: block; text-align: left; float: left; width: 240px; } #pt1_classifieds_page #pt1_browse_by_category a:hover { background: #FFFAE0; text-decoration: none; font-weight: bold; } /******************************************************************/ /************************* EVENTS *********************************/ #pt1_events_page #pt1_main_column { float: left; width: 510px; } #pt1_events_page #pt1_right_column { float: right; width: 310px; } /******************************************************************/ /************************* BLOGS **********************************/ #pt1_blogs_page { text-align: left; } #pt1_blogs_page #pt1_main_column { float: left; width: 510px; } #pt1_blogs_page #pt1_right_column { float: right; width: 310px; } #pt1_blogs_page .pt1_latest_blogs { padding: 10px; } #pt1_blogs_page .blog_item_title { font-size: 14px; font-weight: bold; } #pt1_blogs_page .blog_item { margin-bottom: 10px; } #blog_details_container .blog_item_title { font-size: 17px; font-weight: bold; color: #FB5722; } #blog_details_container .blog_item_info { font-size: 13px; font-style: italic; color: #555555; } #blog_details_container .blog_item_summary { padding: 10px; } /******************************************************************/ /************************* MY CONTENT *****************************/ #digest_settings_container { width: 350px; } #digest_settings_container h3 { font-family: 'Arial'; color: #FB5722; font-size: 15px; font-weight: bold; text-align: left; background: none; border: none; } /******************************************************************/ /************************* MISC ***********************************/ div.audio_audio { width: 280px; } .image_img { max-width: 300px; } .leaderboard_banner_ad { padding-left: 60px; padding-top: 10px; } /******************************************************************/ /************************* APP ADJUSTMENTS ************************/ .help_dialog { border: 1px solid #BABABA; } .blogHeader .heading, .widgetHighlighted .heading, .viewProfilePane .heading { font-family: 'Arial'; color: #FB5722; font-size: 17px; font-weight: bold; } .heading, .heading .help, .page_heading, .page_heading a { color: #BABABA; font-size: 21px; font-family: 'Arial Black'; font-weight: normal; letter-spacing: -1; margin-bottom: 3px; text-align: left; } .page_heading, #popular_listings_container .heading, #popular_searches_container .heading, #pt1_events_page #todays_events_container .heading { padding-bottom: 4px; border-bottom: 3px double #DCDCDC; display: block; } div.widget { border: none; } h1 { font-family: 'Arial'; color: #FB5722; font-size: 17px; font-weight: bold; } div.widget h1 { background: #BABABA; padding: 5px; color: #FFF; border-bottom: 1px solid #FFF; font-size: 14px; font-weight: bold; border: none; margin: -3px; } #site_footer_container { clear: both; } /******************************************************************/ /************************* WEATHER ********************************/ #rendered_weather { position: absolute; z-index: 1020; margin: 0 auto 0 auto; color: #FFF; text-align: left; width: 300px; } #rendered_weather_label { float: left; padding: 11px 0 0 0; _padding: 2px 0 0 0; width: 220px; } #rendered_weather_label_temperature { font-size: 20px; font-weight: bold; margin-right: 5px; } #rendered_weather_label_conditions { font-size: 13px; width: 100px; } #rendered_weather span { line-height: 13px; } #rendered_weather .link { float: none; } .weatherClearIcon { float: left; height: 50px; width: 50px; background: url('/templates/publication_professional/images/icons/weather_sunny.png') no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/templates/publication_professional/images/icons/weather_sunny.png'); } .weatherCloudyIcon { float: left; height: 52px; width: 70px; background: url('/templates/publication_professional/images/icons/weather_cloudy.png') no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/templates/publication_professional/images/icons/weather_cloudy.png'); } .weatherRainIcon { float: left; height: 60px; width: 70px; background: url('/templates/publication_professional/images/icons/weather_rain.png') no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/templates/publication_professional/images/icons/weather_rain.png'); } .weatherShowersIcon { float: left; height: 70px; width: 70px; background: url('/templates/publication_professional/images/icons/weather_showers.png') no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/templates/publication_professional/images/icons/weather_showers.png'); } .weatherThunderIcon { float: left; height: 70px; width: 70px; background: url('/templates/publication_professional/images/icons/weather_thunder.png') no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/templates/publication_professional/images/icons/weather_thunder.png'); } .weatherThunderShowersIcon { float: left; height: 70px; width: 70px; background: url('/templates/publication_professional/images/icons/weather_thunder_showers.png') no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/templates/publication_professional/images/icons/weather_thunder_showers.png'); } .weatherSnowIcon { float: left; height: 70px; width: 70px; background: url('/templates/publication_professional/images/icons/weather_snow.png') no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/templates/publication_professional/images/icons/weather_snow.png'); } /* ---- CUSTOM DEFINED STYLESHEET interface ---- */ ul.userMenu { margin: 0; } .userMenu ul li { list-style-type: none; display: inline; margin-left: 0px; margin-right: 10px; font-size: 12px; font-weight: bold; float: right; padding: 0px; } .userMenu ul li a { color: #9F9F9F; } .userMenu ul li a:hover { color: #97D8E5; text-decoration: none; } /* ---- CUSTOM DEFINED STYLESHEET listings ---- */ td.listingResultCardPhoto { padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; padding-top: 0px !important; width: 120px; }