/* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(../images/macFFBgHack__v5336.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=88); -moz-opacity: 0.88; opacity: 0.88; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* * 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%; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #c9c9c9 url(../images/overcast/ui-bg_inset-soft_50_c9c9c9_1x100__v5336.png) 50% bottom repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #bbbbbb; background: #dddddd url(../images/overcast/ui-bg_glass_35_dddddd_1x400__v5336.png) 50% 50% repeat-x; color: #444444; font-weight: bold; } .ui-widget-header a { color: #444444; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #eeeeee url(../images/overcast/ui-bg_glass_60_eeeeee_1x400__v5336.png) 50% 50% repeat-x; font-weight: bold; color: #3383bb; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #3383bb; 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 #bbbbbb; background: #f8f8f8 url(../images/overcast/ui-bg_glass_100_f8f8f8_1x400__v5336.png) 50% 50% repeat-x; font-weight: bold; color: #599fcf; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #599fcf; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999999; background: #999999 url(../images/overcast/ui-bg_inset-hard_75_999999_1x100__v5336.png) 50% 50% repeat-x; font-weight: bold; color: #333; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #ffffff; background: #eeeeee url(../images/overcast/ui-bg_flat_55_eeeeee_40x100__v5336.png) 50% 50% repeat-x; color: #444444; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #c0402a; background: #c0402a url(../images/overcast/ui-bg_flat_55_c0402a_40x100__v5336.png) 50% 50% repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .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/overcast/ui-icons_999999_256x240__v5336.png); } .ui-widget-content .ui-icon {background-image: url(../images/overcast/ui-icons_999999_256x240__v5336.png); } .ui-widget-header .ui-icon {background-image: url(../images/overcast/ui-icons_999999_256x240__v5336.png); } .ui-state-default .ui-icon { background-image: url(../images/overcast/ui-icons_70b2e1_256x240__v5336.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/overcast/ui-icons_3383bb_256x240__v5336.png); } .ui-state-active .ui-icon {background-image: url(../images/overcast/ui-icons_454545_256x240__v5336.png); } .ui-state-highlight .ui-icon {background-image: url(../images/overcast/ui-icons_3383bb_256x240__v5336.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/overcast/ui-icons_fbc856_256x240__v5336.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: 6px; -webkit-border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #eeeeee url(../images/overcast/ui-bg_flat_0_eeeeee_40x100__v5336.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url(../images/overcast/ui-bg_flat_0_aaaaaa_40x100__v5336.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 0pxdow=0px; -webkit-border-radius: 0pxdow=0px; }/* 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 0em 1em 1.9em; 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; } .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator__v5336.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } div.content { /* The display of content is enabled by a javascript generated style on the page. This is so that the slideshow content won't display unless javascript is enabled. */ display: none; float:right; width:550px; } div.content a, div.navigation a { text-decoration: none; color: #777; } div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; } div.controls { display: none; margin-top: 5px; height: 23px; } div.controls a { padding: 5px; } div.ss-controls { float: left; } div.nav-controls { float: right; } div.loader { background-image: url('loader__v5336.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 350px } div.slideshow { clear: both; } div.slideshow span.image-wrapper { float: left; padding-bottom: 12px; } div.slideshow a.advance-link { padding: 2px; display: block; border: 1px solid #ccc; } div.slideshow img { border: none; display: block; } div.download { float: right; } div.embox { clear: both; border: 1px solid #ccc; background-color: #eee; padding: 12px; } div.image-title { font-weight: bold; font-size: 1.4em; } div.image-desc { line-height: 1.3em; padding-top: 12px; } div.navigation { /* The navigation style is set by a javascript generated style on the page. This is so that the javascript specific styles won't be applied unless javascript is enabled. */ } ul.thumbs { clear: both; margin: 0; padding: 0; } ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; } a.thumb { padding: 2px; display: block; border: 1px solid #ccc; } ul.thumbs li.selected a.thumb { background: #000; } a.thumb:focus { outline: none; } ul.thumbs img { border: none; display: block; } div.pagination { clear: both; } div.navigation div.top { margin-bottom: 12px; height: 11px; } div.navigation div.bottom { margin-top: 12px; } div.pagination a, div.pagination span.current { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; } div.pagination a:hover { background-color: #eee; text-decoration: none; } div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; } /* Minimal Gallery Styles */ #thumbs-min ul.thumbs li { float: none; padding: 0; margin: 0; list-style: none; } #thumbs-min a.thumb { padding: 0px; display: inline; border: none; } #thumbs-min ul.thumbs li.selected a.thumb { background: inherit; color: #000; font-weight: bold; } /* Uploadify v2.0.3 Release Date: August 3, 2009 Copyright (c) 2009 Ronnie Garcia, Travis Nickels Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .uploadifyQueueItem { position: relative; font: 11px Arial, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin: 5px 0 0 0; *margin-left: -25px; padding: 10px; width: 380px; height: 18px; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { position: absolute; top: -7px; right: -7px; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 3px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; } span.toggle_switch { position:relative; display:inline-block; overflow:hidden; } span.toggle_switch select { display:none; } span.toggle_switch span.switch { position:absolute; display:block; height:100%; } span.toggle_switch span.toggle_on_side, span.toggle_switch span.toggle_off_side { position:absolute; display:block; z-index:1; width:4px; height:100%; top:0px; left:0px; } span.toggle_switch .switch span { display:block; float:left; text-align:center; } span.toggle_switch span.toggle_button { position:relative; z-index:2; height:100%; margin:0px; padding:0px; } /* Styling for the toggles ... using iPhone-like images */ span.toggle_switch span.toggle_on, span.toggle_switch span.toggle_on_side { background:url(../images/toggle_on__v5336.png) no-repeat top left; color:white; } span.toggle_switch span.toggle_off, span.toggle_switch span.toggle_off_side { background:url(../images/toggle_off__v5336.png) no-repeat top right; } span.toggle_switch span.toggle_button { background:url(../images/toggle_button__v5336.png) no-repeat top left; cursor:pointer; } /* ---------------------------------------------------- Base CloudProfile Stylesheet (Screen) Author: refactr.com Version: 16 Dec 2009 ---------------------------------------------------- */ /* resets ---------------------------------------------------- */ html * { margin: 0; /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */ } img { border: none; } ul, li, a, div, table, form, img, h1, h2, h3, h4 { margin: 0px; padding: 0px; } /* fonts ---------------------------------------------------- */ body { font: 10px/14px sans-serif; margin: 0;} table { font-size: inherit; } pre, code, kbd, samp, tt { font-family: monospace; line-height: 100%; } sup { font-size: 0.7em; } /* styles ---------------------------------------------------- */ html { margin: 0em; padding: 0em; } body { margin: 0em; padding: 0em; font-size: 75%; text-align:center; color: #4F4F4F /* dark gray */ } /* This sets the font-types */ body, h1, h2, h3, h4, h5, h6, td, p, li, input, select, textarea { font-family: Arial, Helvetica, sans-serif; } img { /* This turns off borders around images */ border: 0; } /* Ordinary paragraphs and list-items */ p, ul, ol { margin: 0em; padding: 0em; margin-bottom: 1.2em; font-size: 1.0em; clear: both; } ul li, ol li { font-size: 1.0em; margin-bottom:0.4em; } /* General font sizing -- for IE */ input, textarea, select, td, th { font-size: 1.0em; } /* General link colors */ a, a:visited, a:active { color: rgb(0,102,204); /* blue */ text-decoration:none; } .likeLink { color: rgb(0,102,204); /* blue */ text-decoration: underline; } a:hover, .likeLink:hover { text-decoration:underline; cursor: pointer; } acronym, abbr { border-bottom: 1px dotted black; cursor: help; } sup { font-size: 0.9em; } code { font: 10px 'Courier New', Courier, Fixed; /* any larger and IE6 might break */ } div.primary hr { clear:both; height: 1px; border: 0px dotted #fff; border-bottom: 1px dashed rgb(213,213,213); /* light grey */ margin-bottom:1.0em; } div.primary hr.wide { clear:both; height: 1px; border: 0px solid #fff; border-bottom: 1px dashed rgb(213,213,213); /* light grey */ margin: 1.5em 0 1.0em 0; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; } blockquote cite { margin: 5px 0 0; display: block; } .hidden { display:none; } .error, div.form label.error { color: rgb(255,0,0); /* red */ } .smsChar { position: relative; color: #6ebfdf; } .overlength { color: red; } /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ input.text, textarea.text { border: 1px solid #d6dce0; margin: 0 0 2px 0; padding: 4px; } textarea.text { padding: 4px 4px 0 4px; line-height: 19px; } textarea.text.comment { width:248px; line-height: 15px; height:25px; min-height:25px; padding: 8px; border: 1px solid #d6dce0; } input.button { background: transparent url('../images/button-bg__v5336.gif') repeat-x top right; position: relative; font-size:1.0em; height: 35px; padding: 0px 10px 0 4px; margin: 0 0 0 0; border: none; color: #fff; font-weight: 700; cursor: pointer; float:left; } input.buttonAlt { background: transparent url('../images/buttonAlt-bg__v5336.gif') repeat-x top right; position: relative; font-size:1.0em; height: 35px; padding: 0px 10px 0 8px; margin: 0 0 0 0; border: none; color: #580000; font-weight: 700; cursor: pointer; float:left; } input.button.small { background: url('../images/button-sm-bg__v5336.gif') repeat-x top right; height: 28px; } input.icon { padding: 0 0 0 18px; margin:0; border: none; color: #06c; height: 25px; width:80px; text-align:left; } input.icon.add { background: url('../images/add__v5336.png') no-repeat 0 4px; } input.icon.browse { background: url('../images/browse__v5336.png') no-repeat top left; } /* ================================ Headers ================================ */ /* h1 - company name h2 - section titles */ h1 { margin: 0; padding: 0; position:relative; display:block; color: rgb(31,31,31); /* very dark grey */ font-size:2.5em; } .area { width: 450px; height: 65px; position: relative; } .businessName { position: absolute; left: 0px; top: 0px; width: 450px; height: 60px; } .businessName h1 { display: block; position:absolute; bottom:0; text-align: left; line-height: 0.9em; } h2 { font-size: 1.4em; margin: 0 0 1.0em 0; color: rgb(31,31,31); /* very dark grey */ } h3 { /* always paired with h2 */ font-size:1.1em; margin:-1.0em 0 1.0em 0; } h4 { font-size: 1.3em; margin: 1.0em 0 0.5em 0; color: rgb(31,31,31); /* very dark grey */ } div#content div.primary h4 { font-size: 1.0em; margin: 1.0em 0 0.5em 0; color: rgb(31,31,31); /* very dark grey */ } h5 { font-size:1.1em; font-weight:bold; height:30px; line-height:30px; margin:0; padding:0 0 0 10px; } /* ================================ Layout Containers ================================ */ div#page { width:763px; margin: 10px auto 10px auto; text-align:left; position:relative; } div#widgets { display:block; height:86px; display:block; margin-bottom:-15px; z-index:10; width:763px; } div#container { width:100%; margin: 0; position:relative; background: rgb(207,235,251) url('../images/sprites-color__v5336.png') no-repeat 0 0; /* light blue */ padding-top:10px; } div#header { width:733px; margin:0; padding:0 0 10px 0; margin-left:15px; display:block; background: url('../images/sprites-color__v5336.png') no-repeat; background-position: -800px bottom; position:relative; } div#content { width:733px; margin:0; padding:0; clear:both; margin-left:15px; background: url('../images/sprites-color__v5336.png') repeat-y; background-position: -1550px; position:relative; } div#header:after, div#content:after { /* http://www.positioniseverything.net/easyclearing.html */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#container div.primary { float:right; width:470px; position:relative; margin:0; padding:0; } div#container div.secondary { float:right; width:263px; position:relative; margin:0; padding:0; } div#container div.secondary ul li ul { margin: 4px 0px; } div#container div.secondary ul li ul li form { margin-bottom: 0px; padding: 0px; height: auto; } div#container div.secondary ul li ul { margin-bottom: 4px; } div#container div.secondary ul li ul li form { margin-bottom: 0px; padding: 0px; height: auto; } div#container div.secondary ul li strong { color: #888; } div#container div.secondary h4 { margin-top: 0.5em; } div#container-top { background: url('../images/sprites-color__v5336.png') repeat-y; background-position: -3100px top; height:10px; display:block; } div#container-bottom { background: url('../images/sprites-color__v5336.png') repeat-y; background-position: -2300px top; height:25px; display:block; } /* ================================ Footer ================================ */ div#footer ul { list-style-type:none; margin:0; padding:0; display:block; width:100%; height:1.5em; } div#footer ul li { float:left; border-right:1px solid rgb(79,79,79); /* dark grey */ margin:0; padding:0; padding-right:10px; margin-right:10px; } div#footer ul li.last-li { border:0; } div#footer p { margin:1px 0 0 0; padding:0; width:400px; clear:left; } div#footer div#powered { position:absolute; right:22px; bottom:8px; } div#footer div#powered img { margin-bottom:-5px; margin-left:5px; } div#footer { clear:both; margin-top:4px; margin-bottom:2.0em; height:53px; background:url('../images/sprites-global__v5336.png') no-repeat; background-position: -1300px 0; position:relative; font-size:0.9em; padding: 15px 18px 0 23px; } /* ================================ Widgets ================================ */ div#widgets { position:relative; background: url('../images/sprites-global__v5336.png') no-repeat; background-position: 0 0; padding-top:1px; overflow: visible; } div#widgets ul { list-style-type:none; width:732px; margin:12px 0 0 15px; height:41px; display:block; } div#widgets ul li { float:left; width:122px; background:url('../images/bg-widget__v5336.png') repeat-x; } div#widgets ul li.activate { float:left; width:122px; background:url('../images/bg-widget-activate__v5336.png') repeat-x; } div#widgets ul li.first-li { background:url('../images/bg-widget-l__v5336.png') no-repeat; } div#widgets ul li.first-li.activate { background:url('../images/bg-widget-l-activate__v5336.png') no-repeat; } div#widgets ul li.last-li { background:url('../images/bg-widget-r__v5336.png') no-repeat top right; } div#widgets ul li.last-li.activate { background:url('../images/bg-widget-r-activate__v5336.png') no-repeat top right; } div#widgets ul li a { display:block; padding-left:50px; border-right:1px solid rgb(191,228,250); /* medium blue */ font-weight:bold; height:41px; line-height:41px; } div#widgets ul li.last-li a { border:0; } div#widgets div#navigation .activate a { color: #999; } div#widgets ul li#follow a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 15px 8px; } div#widgets ul li#follow.activate a { background: url('../images/sprites-icons-activate__v5336.png') no-repeat; background-position: 15px 8px; } div#widgets ul li#call a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 15px -42px; } div#widgets ul li#call.activate a { background: url('../images/sprites-icons-activate__v5336.png') no-repeat; background-position: 15px -42px; } div#widgets ul li#chat a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 15px -93px; } div#widgets ul li#chat.activate a { background: url('../images/sprites-icons-activate__v5336.png') no-repeat; background-position: 15px -93px; } div#widgets ul li#send a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 15px -142px; } div#widgets ul li#send.activate a { background: url('../images/sprites-icons-activate__v5336.png') no-repeat; background-position: 15px -142px; } div#widgets ul li#share a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 15px -192px; } div#widgets ul li#share.activate a { background: url('../images/sprites-icons-activate__v5336.png') no-repeat; background-position: 15px -192px; } div#widgets ul li#map a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 15px -242px; } div#widgets ul li#map.activate a { background: url('../images/sprites-icons-activate__v5336.png') no-repeat; background-position: 15px -242px; } div#widgets ul li#contact a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 15px -292px; } div#widgets ul li#contact.activate a { background: url('../images/sprites-icons-activate__v5336.png') no-repeat; background-position: 15px -292px; } /* ================================ Header ================================ */ div#header div.primary { height:192px; } div#header div#logo { height:175px; width:245px; text-align:center; overflow: hidden; } div#header div#logo * { vertical-align: middle; } div#header div#logo span { display: inline-block; vertical-align: middle; height: 175px; } div#header div#status { background:url('../images/sprites-global__v5336.png') no-repeat; background-position: -800px 0; width:433px; height:71px; padding: 20px 18px 0 18px; font-size:1.2em; position:relative; } /* ================================ Tabs ================================ */ div#header ul#tabs { list-style-type:none; position:absolute; bottom:0px; left:1px; margin:0; z-index:100; display:block; overflow:visible; } div#header ul#tabs li { float:left; height:34px; min-height: 34px; max-width: 150px; padding-top:6px; margin:0; vertical-align: middle; } div#header ul#tabs li a { display:block; height:30px; min-height: 30px; background:url('../images/tab-off__v5336.png') no-repeat 0 bottom; padding: 4px 14px 0 14px; letter-spacing: 0px; text-align: center; vertical-align: middle; line-height: 1.3em; position:relative; border-right:1px solid rgb(255,255,255); /* white */ } div#header ul#tabs li.configure a { background:url('../images/tab-configure__v5336.png') no-repeat; } html>/**/body div#header ul#tabs li a { line-height: 1em; } div#header ul#tabs li.first-li a { padding-left:6px; margin-left:6px; } div#header ul#tabs li.first-li a span { background: url('../images/tab-l-off__v5336.png') no-repeat; width:8px; height:34px; min-height: 34px; position:absolute; top:0; left:-6px; vertical-align: middle; } div#header ul#tabs li.first-li.configure a span { background: url('../images/tab-l-configure__v5336.png') no-repeat; } div#header ul#tabs li.last-li a { border:0; padding-right:10px; } div#header ul#tabs li.last-li a span { background: url('../images/tab-r-off__v5336.png') no-repeat; width:8px; height:34px; position:absolute; top:0; right:-6px; } div#header ul#tabs li.last-li.configure a span { background: url('../images/tab-r-configure__v5336.png') no-repeat; } div#header ul#tabs li a:hover { text-decoration:underline; } div#header ul#tabs li.current { height:40px; max-width: 150px; padding-top:0; } div#header ul#tabs li.current a { display:block; height:30px; background:url('../images/tab-r-on__v5336.png') no-repeat bottom right; padding: 10px 10px 0px 4px; border:0; font-weight:bold; margin-left:6px; } div#header ul#tabs li.current.first-li a span, div#header ul#tabs li.current.last-li a span, div#header ul#tabs li.current a span { background: url('../images/tab-l-on__v5336.png') no-repeat; height:40px; width:8px; position:absolute; top:0; left:-6px; } /* ================================ Content ================================ */ div#content p { line-height:1.6em; } div#content ul { list-style-type:disc; margin-left:2em; } div#content ul li { padding-left:0px; position:relative; } div#content ol li { margin-left:2.5em; } /* ================================ Content: Primary ================================ */ div#content div.primary { width:430px; margin: 1.0em 25px 1.0em 25px; } div#content .post { position: relative; border-bottom: 1px dashed #ccc; margin-bottom: 15px; clear: both; overflow: hidden; } div#content .post ul, div#content .post ol { margin-left: 2em; } div.shortUrl { margin: -10px 0 10px 0; color: #9C9C9C; } div#content .stream { position: relative; border-bottom: 1px dashed #ccc; margin: 10px 0; clear: both; } div#content .stream.fromTwitter { padding-bottom: 10px; position:relative; } div#content .stream.fromTwitter span.engageHead { min-height: 46px; line-height: 1em; margin-left:60px; } span.engageHeadTimeline { min-height: 25px; line-height: 1em; margin-left:0px; } span.twitterFriend { min-height: 40px; line-height: 1em; margin-left:60px; display:block; } span.twitterFriendStatus { font: 0.9em; color: #999; } div#content div.primary #simpleSearchForm #suspendedVeil { position: absolute; top: -10px; left: 0px; width:379px; height: 138px; padding: 15px 30px; background: url('../images/suspendedVeil-bg__v5336.png') no-repeat; z-index: 99; color: #fff; font-size: 1.2em; } #tweetTip span.engageHeadTimeline { font-size: 1.1em; margin: 6px 0 0 0; min-height: 10px; } #tweetTip span.engageMetaTimeline { font-size: 0.9em; margin: 0 0 16px 0; min-height: 10px; } div#content .stream.fromTwitter .engageMeta { font: 0.9em; color: #999; margin-left:60px; font-style:normal; } .engageMetaTimeline { font: 0.9em; color: #999; margin-left:0px; font-style:normal; clear: left; } div#content div.primary ul#filters { float: right; list-style-type:none; margin: 0 0 12px 0; padding: 4px; height: 12px; } div#content div.primary ul#filters li { position: relative; float:left; padding-right:15px; } div#content div.primary ul#filters li.on { font-weight: 700; } div#content .stream.fromTwitter img.tweet_image { position:absolute; margin: -5px 0 10px 0; } div#content img.tweet_image { position:relative; margin: 0 10px 0px 0; } div#content #statusesHead img.tweet_image { position:relative; margin: 0 10px 10px 0; } #advancedSearchForm form { padding: 0 20px; } #advancedSearchForm form table.fields { width: 100%; margin: 5px 0; } div.primary #searchBox input { border: 1px solid #d6dce0; margin: 0 0 2px 0; padding: 4px 0px 4px 4px; } div.primary #searchBox form input.submit { position: relative; background: #555 url('../images/sprites-color__v5336.png') no-repeat; border:0; margin:0 0 -8px 02px; width:28px; height:24px; line-height:8px; color: rgb(255,255,255); font-weight:bold; } div#content div.primary #postForm { margin: -20px -12px 18px -11px; border-bottom: 1px dashed #ccc; padding-bottom:10px; padding:0; width:443px; } div#content div.primary #postForm #suspendedVeil { position: absolute; top: -10px; left: 0px; width:379px; height: 138px; padding: 15px 30px; background: url('../images/suspendedVeil-bg__v5336.png') no-repeat; z-index: 99; color: #fff; font-size: 1.2em; } div#content div.primary #postForm #suspendedVeil a:link, div#content div.primary #postForm #suspendedVeil a:visited, div#content div.primary #postForm #suspendedVeil a:hover, div#content div.primary #postForm #suspendedVeil a:active { color: #eee; text-decoration: underline; } div#content div.primary #productEditor #postForm #suspendedVeil { width:379px; height: 280px; background: url('../images/suspendedVeil-bg-tall__v5336.png') no-repeat; } div#content div.primary #suspendedVeil { width:379px; height: 280px; background: url('../images/suspendedVeil-bg-tall__v5336.png') no-repeat; } div#content div.primary #suspendedVeil { position: absolute; top: -10px; left: 0px; width:379px; height: 138px; padding: 15px 30px; background: url('../images/suspendedVeil-bg__v5336.png') no-repeat; z-index: 99; color: #fff; font-size: 1.2em; } div#content div.primary #suspendedVeil a:link, div#content div.primary #suspendedVeil a:visited, div#content div.primary #suspendedVeil a:hover, div#content div.primary #suspendedVeil a:active { color: #eee; text-decoration: underline; } div#content div.primary #suspendedVeil { width:379px; height: 280px; background: url('../images/suspendedVeil-bg-tall__v5336.png') no-repeat; } div#content div.primary #postFormBox { width: 438px; margin: 0 0 2px 9px; padding: 32px 0 10px 5px !important; /* do not change */ position:relative; display:block; } div#content div.primary #postFormBox div { width:421px; margin: 0 10px 0 5px; padding:0 !important; overflow:visible; display:block; position:relative; } div#content div.primary #postFormBox.about textarea, div#content div.primary #postFormBox.catalog textarea { width: 405px; padding: 8px; *margin-left: -5px; } div#content div.primary #postFormBox div textarea { width:419px; height:45px; min-height:45px; line-height:1.5em; border: 1px solid #d6dce0; position:relative; display:block; overflow:visible; margin:0; padding:0; } div#content div.primary #postForm div.buttonHolder { margin-left: 9px; } #productEditor table { width: 100%; margin: 10px; } #productEditor table label { font-weight: 700; } #productEditor table ul { list-style-type: none; width: 100%; } #productEditor table ul li { position: relative; float: left; width: 32%; } #priceFields, #customPriceFields { height: 90px; } .optionsGroup { padding: 10px; clear: both; background: url('../images/options-hr__v5336.jpg') no-repeat top left; } .optionsGroup.first { background: none; } .optionsGroup div.loneCheckbox { margin-left: 10px; font-weight: 300 } .optionsGroup div.loneCheckbox label { font-weight: 300 } .optionsGroup label { font-weight: 700; } .optionsGroup ul li label { font-weight: 300; } .optionsGroup input.text { margin: 3px 0 8px 0; } div.formHelper { position: relative; float: right; width: 280px; padding: 0 5px 5px 5px; font-size: 1em; font-style: italic; color: #4d4d4d; } div.formHelper p { margin-left: 0; } div.formHelper a.togglePriceFields { font-style: normal; } div#content div.primary div.whatsNew { width: 500px; background: #e5e5e5 url('../images/postTop-whatsnew__v5336.gif') no-repeat top left; } div#content div.primary div.about { background: #e5e5e5 url('../images/postTop-about__v5336.gif') no-repeat top left; } div#content div.primary div.catalog { background: #e5e5e5 url('../images/postTop-catalog__v5336.gif') no-repeat top left; } div#content div.primary #postFormBox div.slider { width:421px; position:relative; padding:0; margin:0; text-align:right; } div.inlineComment { display: block; width: 260px; margin-top: -18px; margin-bottom: 18px; padding: 36px 10px 10px 10px; background: #e5e5e5 url('../images/commentTop__v5336.gif') no-repeat top left; position:relative; } div.comment { border-top: 1px dashed #999; margin: 10px 0px; padding-top: 10px; } .inlineComment div.comment { border-top: none; } .stream div.comment { border-top: none; } div#content #postFormBox #postBody { width:404px; height:45px; *margin: 0 0 0 -5px; /* temporary and I hate IE so much! */ padding: 8px; border: 1px solid #d6dce0; } .example { color: #888; } img.inline { margin-bottom: -4px; } div#content #postFormBox input#postTitleText { border: 1px solid #d6dce0; width:404px; height:22px; font-weight: 700; margin: 0 0 7px 0; padding: 4px 8px 2px 8px; font-size: 1.4em; } div#content div.primary #postFormBox .postControls { margin:0; } div#content #postFormBox #postTitle { margin:0; } div#content #postFormBox #postControlTitle { color: #06C; margin: 0 0 6px 0; } div#content #postForm .postAttachments { width: 423px; background: url('../images/sprite-post-attachments__v5336.jpg') no-repeat; background-position: 0 0; margin: 0 0 0 9px; padding: 10px; position:relative; display:block; } /* div#content #postForm .postAttachments { width: 423px; background: url('../images/sprite-post-attachments__v5336.jpg') no-repeat; background-position: 0 0; margin: 0 0 0 9px; padding: 10px; position:relative; display:block; } div#content #postForm .postAttachments.none { background-position: 0 0; } div#content #postForm .postAttachments.links { background-position: 0 -34px; } div#content #postForm .postAttachments.photos { background-position: 0 -68px; } div#content #postForm .postAttachments.videos { background-position: 0 -102px; } div#content #postForm .postAttachments.tags { background-position: 0 -136px; } div#content #postForm .postAttachments ul { margin-left: 0em; } div#content #postForm #postAttachmentOptions { position: relative; background-color: #e5e5e5; width: 443px; padding: 0; margin-left: 9px; } #postAttachmentOptions p { margin: 0.5em 0 0.8em 0; } div#content #postForm .postAttachments { width: 423px; margin: 0 0 0 9px; padding: 10px; position:relative; display:block; } div#content #postForm .postAttachments ul { list-style-type: none; display: block; width: 423px; height: 34px; border: 1px solid blue; padding-right: 10px; background: url('../images/postAttachments-bg__v5336.png') no-repeat top right; margin-left: 0em; } div#content #postForm .postAttachments ul li { display: inline; background: none; padding-top: 10px; padding-bottom: 10px; background: url('../images/postAttachments-li-bg__v5336.jpg') no-repeat top left; } div#content #postForm .postAttachments ul li.first { background: url('../images/postAttachments-li-first-bg__v5336.jpg') no-repeat top left; } div#content #postForm .postAttachments ul li#postControlLinks, div#content #postForm .postAttachments ul li#postControlPhotos, div#content #postForm .postAttachments ul li#postControlVideos, div#content #postForm .postAttachments ul li#postControlTags { color: #06C; cursor: pointer; } */ .addedAttachments { padding: 10px; } div#content #postForm .postOptions { border: 2px solid rgb(229,229,229); width: 436px; margin: 4px 10px; padding: 0; } div#content #postForm .postOptions h3 { width: 423px; margin: 0 0 0 0; padding: 3px 3px 3px 10px; background-color: rgb(229,229,229); font-weight: 700; color: #555; clear: both; } div#content #postForm .postOptions h4 { color: #555; margin-top: 2px; } div#content #postForm .postOptions fieldset { border: none; padding: 0; } div#content #postForm .postOptions p { margin: 10px 10px 10px 0; } div#content #postForm .postOptions ul { list-style-type: none; width: 100%; margin: 10px; } div#content #postForm .postOptions ul li { width: 32%; position: relative; float: left; margin-bottom: 10px; } div#content #postForm .postOptions ul li.doublewide { width: 60%; } div#content #postForm .postOptions ul li label.disabled { color: #999; } ul#uploadedPostPhotos li.photo { position: relative; width: 136px; height: 136px; text-align: center; background: url('../images/photo-upload-holder2__v5336.gif') no-repeat top left; } ul#uploadedPostPhotos li.photo div.photoFile { width: 136px; position: relative; top: 76px; color: #999; } ul#uploadedPostPhotos li.photo div.photoTitle { width: 136px; position: relative; top: 76px; color: #666; } /* ul#uploadedPostPhotos li.photo .delete { right: -2px; } */ #photoUploadWarning { font-weight: 700; padding-left: 10px; } .mainPhotoImg { border: 1px solid #adadad; } div#content #postPhotos { min-height: 140px; } div#content #postPhotos ul#addedPostPhotos { width: 36em; } div#content #postPhotos ul#addedPostPhotos li { width: 11.8em; } #postPhotosUpload { padding: 0; } div#content #postPhotos .postPhotosOptions { width: 100%; text-align: center; padding: 4px 0; } #postPhotos, #postVideos, #postTags, #postLinks, div.fileinputs, #postPhotoTitle { margin-left: 5px; } div.fileinputs { position: relative; clear: both; } div.fileinputs span { } div.fakefile { position: absolute; top: 0px; left: 0px; width: 280px; } div.fileinputs input { position: relative; } .fileinputs div.fakefile input { position: relative; border:1px solid #D6DCE0; margin:0 4px 0 0; padding:4px 0 4px 4px; -moz-opacity:1 ; filter:alpha(opacity: 1); opacity: 1; z-index: 1; width: 220px; height: 13px; font-family:Arial,sans-serif; letter-spacing:-0.02em; color: #333; } .fakefile input.text { width: 250px; } #postPhotoTitle { margin-top: 3px; } #postVideos, #postTags, #postLinks { padding-bottom: 8px; } div#tags span.tag { padding: 3px 0 3px 5px; margin: 0 3px; line-height: 2em; background-color: #eee; } div#tags .deleteTag { color: #999; margin: 0 3px; cursor: pointer; } input#postLinkUrl { width: 180px; } div#content ul.relatedContent { margin: 0; padding: 0; } div#content ul.relatedContent li { list-style-type: none; margin: 8px 0; } div#content #postForm .postAttachments.none { background-position: 0 0; } div#content #postForm .postAttachments.links { background-position: 0 -34px; } div#content #postForm .postAttachments.photos { background-position: 0 -68px; } div#content #postForm .postAttachments.videos { background-position: 0 -102px; } div#content #postForm .postAttachments.tags { background-position: 0 -136px; } div#content #postForm .postAttachments ul { margin-left: 0em; } div#content #postForm #postAttachmentOptions { position: relative; background-color: #e5e5e5; width: 443px; padding: 0; margin-left: 9px; } #postAttachmentOptions p { margin: 0.5em 0 0.8em 0; } div#content .primary #photoSelectOptions { position: relative; background: url('../images/photo-select-options-bg__v5336.png') no-repeat top left ; width: 404px; margin: 0 0 0 10px; padding: 10px; line-height: 1.7em; clear: both; } div#content .primary #photoSelectOptions h2 { margin-bottom: 10px; } div#content .primary #photoSelectOptions label { display: block; float: left; text-align: right; font-weight: 700; width: 70px; margin-right: 5px; } div#content .primary #photoUploader #photoSelectOptions .uploadifyQueueItem { width: 335px; } div#content .primary #photoSelectOptions div.publishingOptions { position: relative; margin: 5px 0 0 0; padding: 0; } div#content .primary #photoSelectOptions div.publishingOptions ul { list-style-type: none; position: relative; margin: -20px 0 -20px 75px; top: -20px; } div#content .primary #photoSelectOptions div.publishingOptions ul li label { display: inline; float: none; text-align: left; font-weight: 300; } div#content .primary #photoSelectOptionsBottom { width: 410px; padding: 6px 10px; background: url('../images/photo-select-options-menu-bg__v5336.png') no-repeat; margin: -5px 0 0 10px; } div#content .primary #photoSelectOptionsBottom #uploadSpinner { position: absolute; margin: 8px 0 0 15px; } div#content #postPhotos ul#postPhotosChooseMethod { position: relative; bottom: 0px; clear: both; margin: 0 auto; padding: 1px; text-align: center; width: 421px; height: 24px; background: url('../images/photo-select-options-menu-bg__v5336.png') no-repeat bottom left; } div#content #postPhotos ul#postPhotosChooseMethod li { color:#06C; padding: 5px 0; margin: 0; cursor: pointer; width: 50%; font-weight: 700; } div#content #postPhotos ul#postPhotosChooseMethod li.on { color:#333; cursor: default; background: url('../images/photo-select-options-menu-on__v5336.png') no-repeat 30px 4px; } div#content #postPhotos ul#postPhotosChooseMethod li.off { background: url('../images/photo-select-options-menu-off__v5336.png') no-repeat 30px 4px; color: #fff; } .video { position: relative; z-index: 99; margin-right: 8px; } .video .delete { position:absolute; top: -4px; right: -5px; z-index: 10; } .photo .delete { position: absolute; top: -4px; right: -5px; z-index: 10; } .video .delete img, .photo .delete img { border: none; } ul#uploadedPostPhotos li.photo .delete { right: -2px; } div#content #postForm .postAttachments ul { list-style-type: none; display: inline; } div#content #postForm .postAttachments ul li { display: inline; background: none; } div#content #postForm .postAttachments ul li { padding: 0 12px 0 4px; } div#content #postForm .postAttachments ul li#postControlLinks, div#content #postForm .postAttachments ul li#postControlPhotos, div#content #postForm .postAttachments ul li#postControlVideos, div#content #postForm .postAttachments ul li#postControlTags { color: #06C; cursor: pointer; } div#content #postForm .postAttachments ul li#postControlLinks { padding: 10px 35px 10px 30px; } div#content #postForm .postAttachments ul li#postControlPhotos { padding: 10px 20px 10px 30px; } div#content #postForm .postAttachments ul li#postControlVideos { padding: 10px 25px 10px 30px; } div#content #postForm .postAttachments ul li#postControlTags { padding: 10px 30px 10px 30px; } div#content div.yui-ac-bd ul { list-style-type: none; margin: 0 4px; } div#content ul.postinfo { list-style-type:none; height:1.5em; margin-bottom:1.0em; margin-left: 0em; clear: both; } div#content ul.postinfo img { border: none; } div#content ul.postinfo li { float:left; padding-right:5px; color: rgb(156,156,156); /* medium grey */ position:relative; padding-left:0px; } div#content div.gallery { margin: 0 0 1.0em 0; } div#content div.gallery ul { list-style-type: none; } div#content ul#galleries { list-style-type: none; margin-left:0em; } div#content ul#galleries li ul.photoHome { list-style-type: none; margin-left:0em; } div#content ul#galleries ul.photoHome li.fotobucket { position: relative; min-height: 150px; clear: both; border-bottom: 1px dashed #ccc; background: none; padding: 0 0 6px 0; } li.fotobucket img, li.photo img, img.photo { border: 1px solid #a5a5a5; } li.fotobucket img.spinner, li.photo img.spinner { border: 1px solid transparent; position: absolute; top: 10px; left: 10px; } div#content ul.photoHome img.mainThumb { position: absolute; left: 0; top: 0; } div#content ul.photoHome h2 { position: relative; margin: 0px 0px 10px 150px; line-height: 1em; } div#content ul.photoHome h3 { position: relative; margin: 0px 0px 5px 150px; font-weight: 300; } div#content ul.photoHome ul.postinfo { margin: 0px 0px 0px 151px; } div#content ul.photoHome ul.thumbs { position: absolute; margin: 0 0 18px 150px; height: 62px; bottom: 0px; } div#content ul.photoHome ul.thumbs li { background: none; margin: 0 5px 0 0; } div#content ul.photoHome ul.thumbs img { height: 60px; width: 60px; border: 1px solid #a5a5a5; } div#content ul.photoHome .comment { display: none; } #privateCheckbox { float: right; margin-right: 8px; } .photoNav { position: relative; width: 420px; margin: 0 0 6px 0; padding: 0; text-align: right; font-size: 0.9em; display: block; } .photoNav a:link, .photoNav a:visited { padding: 3px; } .photoNav a:hover, .photoNav a:active { background: rgb(0, 102, 204); color: #fff; text-decoration: none; } .mainThumb:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; text-decoration: none; } div#content ul#photoGallery { margin: 10px 10px 20px 10px; list-style-type: none; width: 100%; } div#content ul#photoGallery li.fotobucket { width: 33%; height: 170px; /* only really works when photos are present */ position: relative; float: left; margin: 0 0 10px 0; padding: 0 0 10px 0; line-height: 1.2em; } ul#photoGallery img.mainThumb { position: absolute; top: 0px; margin: 0px; } ul#photoGallery h2 { position: relative; top: 150px; font: 12px/12px Arial, Sans-serif; margin: 0px; color: #06c; } ul#photoGallery h3 { display: none; } ul#photoGallery ul.postinfo { display: none; } ul#photoGallery ul.thumbs { display: none; } ul#photoGallery ul.thumbs img { display: none; } .deletePhoto { position: relative; float: right; margin-top: -55px; margin-right: 7px; } .buttonHolderAlt.deleteUpdate { position: relative; float: right; margin-top: -66px; margin-right: -10px; } div#content ul.whatsNew { list-style-type: none; margin-left:10px; } div#content ul.whatsNew li { background:none; padding-left:0; margin-left:0em; } div#content #postPhotos ul { position: relative; list-style-type: none; margin: 0; width: 36em; text-align: center; } div#content #postPhotos ul li { position: relative; float: left; width: 11.85em; } div#content #postPhotos ul#gallerySelector { max-height: 235px; overflow: auto; margin: 0 0 0 -3px; width: 34.3em; } div#content #postPhotos ul#gallerySelector li { width: 6.6em; margin: 0; padding: 0; } div#content #videos, div#content #postPhotos, div#content #links, div#content #tags { clear: both; margin: 0; padding: 0 0 10px 0; position:relative; } div#content #videos h3, div#content #postPhotos h3, div#content #links h3 { font-weight: 700; color: #333; margin: 0 0 10px 0; } div#content #links div.link { margin: 0 0 7px 0; } #content .primary h2 { margin: 0; } #content .primary h3 { position: relative; margin: 0 0 15px 0; } #content .primary h3.ui-accordion-header { margin: 6px 0 0 0; font-weight: 300; } ul.whatsNew li.fotobucket { position: relative; min-height: 170px; clear: both; border-bottom: 1px dashed #ccc; margin: 0px 0px 20px 0px; display:block; } ul.whatsNew img.mainThumb { position: relative; } ul.whatsNew h2 { position: relative; margin: 0px 0px 5px 0px; } ul.whatsNew ul.postinfo { margin: 10px 0px 0px 0px; } ul.whatsNew ul.thumbs { position: relative; margin: 0px 0px 0px 0px; top: -5px; } ul.whatsNew ul.thumbs img { height: 60px; width: 60px; } div#pagination { height:2.0em; padding:1px; } span.currentStep { color: rgb(31,31,31); /* dark grey */ padding:1px 3px 1px 3px; margin-right:3px; display:inline-block; font-weight: 700; } a.step, a.nextLink, a.prevLink { border:1px solid rgb(255,255,255); /* white */ padding:1px 3px 1px 3px; margin-right:3px; display:inline-block; } a.step:hover, a.nextLink:hover, a.prevLink:hover { color: rgb(31,31,31); /* dark grey */ text-decoration: underline; display:inline-block; } .commentHead { display: block; font: 300 1.2em/1.2em Arial, Sans-serif; color: #000; } .commentBody { margin-bottom: 10px; } /* ================================ Content: Secondary ================================ */ div#content div.secondary { width:237px; } div#content div.secondary p { clear:both; font-size:1.0em; } div#content div.secondary form { height:32px; margin-bottom:1.0em; } div#content div.secondary form label { position: relative; font-size: 1.3em; margin: 0 5px 0 0; color: rgb(31,31,31); /* very dark grey */ font-weight:bold; float:left; height:32px; line-height:32px; } div#content div.secondary form input#searchField { position: relative; border:1px solid rgb(191,228,250); /* medium blue */ border-right:0; margin:0; height:23px; padding:3px 0 0 3px; float:left; width:137px; font-size:1.4em; } div#content div.secondary form input.submit { position: relative; background: url('../images/sprites-color__v5336.png') no-repeat; background-position: -3900px 0; border:0; margin:0 0 0 -2px; width:32px; height:28px; line-height:28px; color: rgb(255,255,255); float:left; font-weight:bold; position:relative; } div#content div#description { padding-right:10px; } div#content em.opened { display:none; } div#content div.button { margin-bottom:0.8em; background:url('../images/sprites-color__v5336.png') no-repeat; background-position: -3950px bottom; position: relative; font-size:1.0em; display:block; overflow:visible; padding-bottom:1px; /* makes IE7 happy */ } div#content div.button.activate { margin-bottom:0.8em; background:url('../images/sprites-bw__v5336.png') no-repeat; background-position: -3950px bottom; position: relative; font-size:1.0em; display:block; overflow:visible; padding-bottom:1px; /* makes IE7 happy */ } div#content div.button span { background:url('../images/sprites-color__v5336.png') no-repeat; background-position: -3950px top; display:block; height:3px; overflow:hidden; } div#content div.button.activate span { background:url('../images/sprites-bw__v5336.png') no-repeat; background-position: -3950px top; display:block; height:3px; overflow:hidden; } div#content div.button p { line-height:1.2em; margin:0; } div#content div.button a { display:block; padding: 7px 10px 10px 45px; color: rgb(79,79,79); /* dark grey */ } div#content div.button a:hover { border:0; } div#content div.button em { font-size:0.8em; text-transform:uppercase; font-style:normal; font-weight:bold; } div#content div#follow { height: 34px; } div#content div#follow div#inlineIcons { padding: 5px 0 0 46px; min-height: 20px; background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 10px -986px; } div#content div#follow a { display: inline; padding: 0; } div#content div#phone a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 10px -545px; } div#content div#mail a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 7px -746px; } div#content div#mail.activate a { background: url('../images/sprites-icons-activate__v5336.png') no-repeat; background-position: 7px -746px; } div#content div#hours a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 7px -808px; line-height: 0.9em; font-size: 1em; } div#content div#hours.activate a { background: url('../images/sprites-icons-activate__v5336.png') no-repeat; background-position: 7px -808px; } div#content div#address a { background: url('../images/sprites-icons__v5336.png') no-repeat; background-position: 8px -645px; } input.linkButton { background: none; color: #06C; border: none; } input.linkButton:hover { border-bottom: 1px solid rgb(0,102,204); /* blue */ cursor: pointer; } .editOptions { margin-bottom: 15px; } .contentHolder { margin-top: 20px; padding-left: 10px; } .contentHolder .private { opacity: 0.5; -moz-opacity: 0.5; filter:Alpha(opacity=50); height:1%; } div#content ul.photoHome li.private { opacity: 1; -moz-opacity: 1; filter:Alpha(opacity=100); height:100%; } div#content ul.photoHome li.private img { opacity: 0.5; -moz-opacity: 0.5; filter:Alpha(opacity=50); } div#content ul.photoHome li.private ul.thumbs li img { opacity: 1; -moz-opacity: 1; filter:Alpha(opacity=100); } div#content ul.photoHome ul.thumbs li.private { opacity: 0.5; -moz-opacity: 0.5; filter:Alpha(opacity=50); height:100%; } .abouts { position: relative; width: 430px; padding-top: 10px; color: #000; } .abouts strong { position: absolute; left: 10px; top: 11px; } .abouts p { display: block; position: relative; margin-left: 135px; margin-bottom: 0px; padding-bottom: 8px; font: 300 12px/16px Arial, Sans-serif !important; color: #444; } .abouts span.catName { font-weight: 700; } .aboutsEnd { position: relative; width: 430px; height: 10px; margin-bottom: 5px; clear: both; } /* ================================ Engagement Stream ================================ */ .engageHead { display: block; font: 300 1.4em/1.4em Arial, Sans-serif; color: #000; } .engageHeadTimeline { display: block; font: 300 1.4em/1.4em Arial, Sans-serif; color: #000; } .engageMeta { font: 300 italic 1em/1em Arial, Sans-serif; color: #999; } .engageMetaTimeline { font: 300 italic 1em/1.3em Arial, Sans-serif; color: #999; } .engageReply { position: relative; float: right; width: 65px; height: 20px; margin: 12px 0 30px 30px; background: transparent url('../images/button-reply__v5336.png') no-repeat; font: 700 1.05em/1.5em Arial, Sans-serif; color: #fff; text-align: center; } .engageReply a { color: #fff; } .engageReply a:hover { color: #d8e5f3; } .twitterAction { position: relative; float: right; width: 45px; height: 20px; margin: 3px 0 30px 30px; } .replyDrop { display: block; position: relative; float: right; width: 14px; height: 14px; } ul.replyMenu { display: block; position: absolute; left: 347px; top: 35px; width: 110px; list-style-type: none !important; background-color: #fff; opacity: 0.9; filter:alpha(opacity=90); z-index: 1000; } ul.replyMenu li { border-bottom: 1px dashed #999; padding: 5px 0px 5px 8px !important; } ul.replyMenu li.last { border-bottom: none; } .replyField { position: relative; width: 475px; margin-bottom: 0px; background: #fff url('../images/form-reply__v5336.gif') no-repeat top; } .replyField .buttonHolder { position: relative; } .replyField input.phoneNumber { width: 110px; } .replyFieldPad { padding: 20px 10px 2px 10px; } .replyFieldPad .charCount{ height: 20px; display: block; } .stream ul.replyMenu { position: absolute; top: 32px; right: 0px; } .stream.fromTwitter ul.replyMenu { position: absolute; top: 22px; right: 0px; } .sms {} .sms textarea { width: 440px; margin: 0px 0px 2px 0px; padding: 6px; border: 1px solid #999; } .sms .smsChar { display: block; position: relative; width: 450px; margin-top: 3px; text-align: right; opacity: .5; } .email{} .email textarea{ width: 442px; margin: 0px 0px 2px 0px; padding: 6px; border: 1px solid #999; } .email label{ margin: 20px 0px 0px 0px; } .email .toField{ margin: 0px 0px 10px 0px; } .replyFieldBottom { width: 475px; height: 8px; background: #fff url('../images/form-reply__v5336.gif') no-repeat bottom; } /* ================================ Admin Functions ================================ */ div.editable { position:relative; padding-top:12px; background: url('../images/bg-edit__v5336.png') no-repeat top right; display:block; } div.editable h4 { margin-top:0; } div.editLink, div.activateLink { text-align:right; position:absolute; top:-5px; right:0; width:100%; display:block; z-index: 99; } h2 div.editLink { text-align:right; position:relative; top: -1px; width:40px; font-weight: 300; display:inline; z-index: 99; } div.editLink a, div.activateLink a { text-transform:uppercase; font-size:10px; line-height:9px; padding:1px 4px; border:1px solid rgb(166,215,248); /* medium cornflower */ background: rgb(200,231,249); /* light blue */ color: rgb(0,102,204); /* blue */ margin-right:10px; margin-bottom:1px; } div#content div.button div.editLink, div#header div#logo div.editLink, div#content div.button div.activateLink, div#header div#logo div.activateLink { background:none; } div#header div#logo div.editLink, div#header div#logo div.activateLink { margin-right:12px; } div#content div.button div.editLink a, div#status div.editLink a { background-image:none !important; background: rgb(200,231,249) !important; /* light blue */ color: rgb(0,102,204); /* blue */ border:1px solid rgb(166,215,248) !important; /* medium cornflower */ padding:1px 2px 1px 2px; font-size:10px; line-height:10px; width:auto; display:inline; } div.editLink a:hover, div#content div.button div.editLink a:hover, div#status div.editLink a:hover { background: rgb(255,255,255) !important; /* white */ text-decoration:none; color: rgb(0,102,204); /* blue */ } div#content div.button div.activateLink a, div#status div.activateLink a { background-image:none !important; background: #fffde0 !important; /* light yellow */ color: rgb(0,102,204); /* blue */ border:1px solid rgb(253,253,96) !important; /* yellow */ padding:1px 2px 1px 2px; font-size:10px; line-height:10px; width:auto; display:inline; } div.editLink a:hover, div#content div.button div.activateLink a:hover, div#status div.activateLink a:hover { background: rgb(255,255,255) !important; /* white */ text-decoration:none; color: rgb(0,102,204); /* blue */ } ul#colorSchemeOptions, ul#backgroundOptions, ul#layoutOptions { margin: 0; padding: 0; list-style-type: none; width: 46em; } ul#colorSchemeOptions li, ul#backgroundOptions li { width: 5.5em; height: 5.5em; position: relative; float: left; text-align: center; color: #666; } ul#layoutOptions li { width: 14em; height: 14em; position: relative; float: left; text-align: center; color: #666; } ul#colorSchemeOptions li p, ul#backgroundOptions li p, ul#layoutOptions li p { z-index: 5; position: relative; margin-top: -30px; margin-left: 0px; } ul#colorSchemeOptions li.selected, ul#backgroundOptions li.selected, ul#layoutOptions li.selected { font-weight: 700; } ul#colorSchemeOptions li img, ul#backgroundOptions li img, ul#layoutOptions li img { z-index: 6; position: relative; border: 4px solid transparent; } ul#colorSchemeOptions li.selected img, ul#backgroundOptions li.selected img, ul#layoutOptions li.selected img { border: 4px solid yellow; } #uploadLogo { position: relative; float: left; width: 265px; /*border-right: 1px dashed #ccc;*/ } #uploadBackground { position: relative; float: left; width: 500px; padding-left: 15px; margin-left: 0; margin-bottom: 25px; } #uploadLogo h4, #uploadBackground h4 { margin-top: 2px; } #uploadLogo div.fileinputs input, #uploadBackground div.fileinputs input { font-size: 12px; width: 200px; letter-spacing:0.07em; } #addedCategories span.added { display: block; padding: 4px; width: 340px; } /* ================================ Form ================================ */ div.buttonHolder, div.buttonHolderAlt, div.form div.buttonHolder, div.form div.buttonHolderAlt { margin: 8px 0 1.0em 0px; padding: 0 0 0 4px; height: 35px; background: url('../images/button-left__v5336.gif') no-repeat top left; display:block; position:relative; overflow:hidden; } div.buttonHolderAlt, div.form div.buttonHolderAlt { background: url('../images/buttonAlt-left__v5336.gif') no-repeat top left; } div.buttonHolder.small { margin: 6px 0 0 0; height: 28px; background: url('../images/button-sm-left__v5336.gif') no-repeat top left; } div.buttonHolder a.cancel { position: relative; float: left; display: block; width:100px; margin-top: 12px; margin-left: 15px; } div.formActionBox { width: 445px; height: 154px; padding: 15px 20px; background: url('../images/formActionBox-bg__v5336.png') no-repeat top left; } div.formActionBox div#dialog { margin: 0 0 0 22px; } div.formActionBox p { margin: 0 0 10px 24px; } div.formActionBox label { margin-left: 8px; } div.form, div.content div.form { display:block; position:relative; clear:both; overflow:visible; margin:0; padding:0; } div.form div { display:block; clear:both; position:relative; margin:0; padding:0; min-height:1.5em; margin-bottom:0.5em; } div.form label { width: 30%; margin-right:1%; text-align:right; float:left; font-size: 1.3em; line-height:1.3em; color: #333; padding: 5px 0 0 0; position:relative; display:block; } div.form label.full { width: 100%; margin-right:0; text-align:left; float:none; } div.wide div label { width: 20%; } div.form input.text { width:46%; float:left; border: 1px solid #ccc; padding: 6px; color: #333; font-size:1.3em; margin: 0 1% 0.5em 0; position:relative; display:block; } div.form input.text-medium { width:25%; float:left; border: 1px solid #ccc; padding: 6px; color: #333; font-size:1.3em; margin: 0 1% 0.5em 0; position:relative; display:block; } div.form textarea.textarea, div.form textarea.textareaClass { width:46%; float:left; border: 1px solid #ccc; padding: 6px 6px 0 6px; color: #333; font-size:1.3em; margin: 0 1% 1.0em 0; position:relative; display:block; } div.wide div input.text, div.wide div textarea.textarea, div.wide div textarea.textareaClass { width: 60%; } div.form textarea.tall { height:6.0em; } div.form select { border: 1px solid #ccc; color: #333; padding: 6px; font-size:1.3em; width:auto; float:left; margin: 0 1% 0.5em 0; position:relative; display:block; } div.form select.select-small { border: 1px solid #ccc; color: #333; padding: 6px; font-size:1.3em; width:97px; float:left; margin: 0 1% 0.5em 0; position:relative; display:block; } div.form select.select-large { border: 1px solid #ccc; color: #333; padding: 6px; font-size:1.3em; width:48%; float:left; margin: 0 1% 0.5em 0; position:relative; display:block; } div.form input.checkbox-empty { width:auto; height:auto; float:left; margin: 6px 47% 0.5em 0; text-align:left; font-size:1.3em; position:relative; display:block; } div.form em { width:13%; float:left; padding: 8px 0 0 0; position:relative; display:inline; } div.form div.submit { padding-left:35%; width:64%; position:relative; display:block; } div.wide div.submit { padding-left:21%; width:62%; } div.form div.buttonHolder { margin: 0; padding: 0; height: 35px; background: url('../images/button-left__v5336.gif') no-repeat top left; width:auto; } div.form div.buttonHolder input.button { background: transparent url('../images/button-bg__v5336.png') repeat-x top right; position: relative; font-size:1.0em; height: 35px; padding: 0px 10px 0 4px; margin: 0 0 0 4px; border: none; color: #fff; font-weight: 700; cursor: pointer; float:left; } div.form div.buttonHolder.disabled { background: url('../images/button-left-disabled__v5336.gif') no-repeat top left; } div.buttonHolder.disabled { background: url('../images/button-left-disabled__v5336.gif') no-repeat top left; } div.form div.buttonHolder.disabled input.button { color: #c2c2c2; background: transparent url('../images/button-bg-disabled__v5336.gif') repeat-x top right; } div.buttonHolder.disabled input.button { color: #c2c2c2; background: transparent url('../images/button-bg-disabled__v5336.gif') repeat-x top right; } div.form div.buttonHolder.small { margin: 6px 0 0 0; height: 28px; background: url('../images/button-sm-left__v5336.gif') no-repeat top left; } div.form div.buttonHolder.small input.button { background: url('../images/button-sm-bg__v5336.gif') repeat-x top right; height: 28px; left: 0px; } div.comment label { font-size:1.0em; margin-bottom:0.5em; width:100%; float:none; margin-right:0; margin-top:-0.5em; text-align:left; } div.comment input.text { width:256px; float:none; font-size:1.0em; padding:3px 0 3px 3px; } div.comment textarea.textarea { /* IE is VERY sensitive to these values b/c of autogrow. DO NOT CHANGE w/o verifing autgrow functionality. */ float:none; font-size:1.0em; width:253px; line-height: 15px; height:25px; min-height:25px; padding:3px; border: 1px solid #d6dce0; } div.comment.replyField textarea.textarea { width:446px; } div.comment div.submit { padding-left:0; } .commentFooter { margin-bottom: 1.2em; } .timestamp { color: #999; } div#content div.form label, div#content div.form select, div#content div.form input, div#content div.form textarea { font-size:1.0em; } div#updateMessage { text-align:center; font-size:1.2em; line-height:1.2em; padding-top:0.5em 0; font-weight:bold; color:rgb(35,142,35); /* green */ } .gse div#updateMessage, .gse div#updateError { display: inline; position: relative; top: 15px; } .gse div#updateMessage ul, .gse div#updateError ul { position: relative; top: 10px; list-style-type: none; margin: 0; padding: 0; clear: none; } .gse div#updateMessage ul li, .gse div#updateError ul li { margin: 0; padding: 0; } .gse div.alert { background: #fff url('../images/icon-alert__v5336.png') no-repeat 10px 10px; color: #676767; font-size: 0.9em; width: 420px; margin: 40px auto 0px auto; padding: 10px 10px 10px 45px; border: 1px solid #badeae; } div#updateError { text-align:center; font-size:1.2em; line-height:1.2em; font-weight:bold; color:rgb(255,0,0); /* red */ } .ajaxMessage { margin-left:25px; color: green; } .buttonHolder input.button { left: 4px; } a.addDelete { display: block; position: relative; float: right; width: 70px; height: 25px; background: url('../images/button-addDelete__v5336.png') no-repeat top left; font: 700 10px/10px Arial, Sans-serif; color: #5388b5; } a.addDelete .addNew, a.addDelete .deleteCurrent { display: block; position: relative; width: 50px; height: 25px; top: 3px; padding-left: 20px; padding-top: 4px; } a.addDelete .addNew { background: url('../images/add__v5336.png') no-repeat top left; color: #448F2C; } a.addDelete .deleteCurrent { background: url('../images/delete__v5336.png') no-repeat top left; } .fieldShort { display: block; position: relative; float: left; } .fieldShort label { display: block; } .fieldShort input { width: 200px; margin: 3px 5px 10px 0px; } fieldset.inputRow { display: block; position: relative; width: 435px; border: none; margin-bottom: 2px; clear: both; } fieldset legend { font-weight: bold; margin: 0 0 10px 0; } fieldset.inputRow label.adders { position: relative; font-weight: 700; top: 4px; } fieldset.inputRow p { margin: 5px 0 10px 0; } fieldset.inputRow ul#paymentTypes { list-style-type: none; width: 33em; margin: 0; padding: 0; } fieldset.inputRow ul#paymentTypes li { float: left; width: 11em; } fieldset.inputRow ul#paymentTypes li input.leftAlign { position: relative; width: 20px; float: left; margin-right: 7px; } fieldset.inputRow input.short, fieldset.inputRow select.short { position: relative; float: left; width: 170px; margin-right: 5px; } fieldset.inputRow input.long, fieldset.inputRow select.long { position: relative; width: 345px; } fieldset.inputRow textarea.long { position: relative; width: 430px; } fieldset.inputRow input.hours, fieldset.inputRow select.hours { position: relative; width: 60px; float: left; margin-right: 7px; } fieldset.inputRow input.hoursCheckbox, fieldset.inputRow label.hoursCheckbox { width: 20px; float: none; } fieldset.inputRow label.hours { position: relative; float: left; padding-top: 4px; margin-right: 7px; } fieldset.inputRow .alignRight { display: block; position: relative; float: right; width: 85px; } fieldset.last { border-bottom: 1px dashed #ccc; margin-bottom: 12px; padding-bottom: 10px; } #charCount { font-size: 0.7em; color: #444; } /* ================================ Shop Tab ================================ */ div#content #featuredProductsContainer { clear: both; } div#content ul#featuredProducts, div#content ul#products { list-style-type: none; margin: 0 0 20px 0; width: 424px; } div#content ul#featuredProducts li, div#content ul#products li { width: 32%; min-height: 14px; /* only really works when photos are present */ position: relative; float: left; margin: 0 2px 10px 0; padding: 0 0px 10px 0; line-height: 1.2em; } div#content ul#products li { min-height:240px; margin-right: 5px; } div#content ul#products li a { display:block; height:138px; margin-bottom:4px; width:138px; } div#content ul#featuredProducts li p, div#content ul#products li p, div.contentHolder ul#categories div.categoryPhoto p, div.contentHolder ul#galleries li { line-height: 1.1em; } div#content ul#products li p, div#content ul#products li h1, div#content ul#products li h2, div#content ul#products li h3, div#content ul#products li h4, div#content ul#products li h5, div#content ul#products li h6 { margin: 0; padding: 0; font-size: 12px; font-weight: 300; } div#content ul#products li ul, div#content ul#products li ol { margin: 0 0 0 2px; padding: 0 0 0 18px; max-height: 58px; overflow: hidden; } div#content ul#products li ul li, div#content ul#products li ol li { margin: 0; padding: 0; width: 100%; min-height: 10px; float: none; } div#content ul#products li ul { list-style-type: disc; } div#content ul#products li ol { list-style-type: decimal; } div#content ul#featuredProducts li a.wiki, div#content ul#products li a.wiki, div.contentHolder ul#categories div.categoryPhoto a.wiki { font-weight: 700; padding-right: 1px; } div.contentHolder p.bodySnippet { max-height: 54px; overflow: hidden; } div.contentHolder a.titleSnippet { max-height: 25px; display: block; overflow: hidden; line-height: 1em; } div#content ul#featuredProducts li { min-height: 150px; max-height: 162px; } div#content ul#featuredProducts li img, div#content ul#products li img { border: 1px solid #a5a5a5; } div#content ul#categories { list-style-type: none; margin: 0px; padding: 0; clear: both; } div#content ul#categories h2 { margin-top: 4px; } div#content ul#categories li { padding: 6px 0 0 0; clear: both; } .shoppable { position: relative; margin: 10px 0 20px 0; padding: 10px 20px 14px 20px; background: url('../images/shoppable-bg__v5336.gif') no-repeat top left; line-height: 2em; } .ui-effects-transfer { border: 1px solid #666; background-color: #fff; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } #shoppingCartItems { position: absolute; top: -12px; left: -18px; width: 630px; height: 300px; padding: 0; overflow: auto; } #TB_ajaxContent #shoppingCartItems h1 { display: block; margin: 0px; padding: 20px; font-size: 1.5em; font-weight: 300; color: #666; } #TB_ajaxContent #shoppingCartItems p { padding: 0px 20px; } #TB_ajaxContent #shoppingCartItems p a:link, #TB_ajaxContent #shoppingCartItems p a:visited { color: inherit; text-decoration: underline; } .shoppingCartItem { position: relative; top: 0; left: 0; width: 579px; padding: 7px 18px; border-bottom: 3px solid #cfcfcf; } .shoppingCartItem .inCartProduct { position: absolute; top: 10px; left: 110px; font-size: 1.2em; font-weight: 700; line-height: 1.2em; } #TB_window .shoppingCartItem .inCartProduct a:link, #TB_window .shoppingCartItem .inCartProduct a:visited { color: #333; } .shoppingCartItem .inCartShipping { position: absolute; top: 30px; left: 110px; font-size: 1em; font-weight: 300; line-height: 1.2em; } .shoppingCartItem .inCartPricing { position: absolute; top: 10px; right: 15px; text-align: right; font-size: 0.9em; line-height: 1.5em; } .shoppingCartItem a.removeBoxButton:link, .shoppingCartItem a.removeBoxButton:visited { position: absolute; top: 35px; left: 110px; padding: 3px 5px; color: #fff !important; background-color: #a1a1a1; border: 1px solid #8b8b8b; font-size: 0.8em; } .shoppingCartItem a.changeQtyBoxButton:link, .shoppingCartItem a.changeQtyBoxButton:visited { position: relative; display: inline-block; width: 10px; height: 10px; padding: 1px; color: #fff !important; background-color: #a1a1a1; border: 1px solid #8b8b8b; font-size: 0.8em; line-height: 1.1em; text-align: center; } #checkOutForm { position: relative; height: 363px; margin: 0; } #checkoutFooter { position: absolute; bottom: -12px; left: -20px; width: 611px; height: 67px; margin: 0; padding: 10px; background-color: #fff; } #checkoutFooter #payPalBadge { position: absolute; top: 30px; left: 30px; } #checkoutFooter #cartTotal { position: absolute; top: 37px; right: 10px; font-size: 0.9em; font-weight: 300; color: #444; } #checkoutFooter #cartTotal span.currencySign { font-size: 2em; font-weight: 300; color: #333; } #checkoutFooter #cartTotal span.total { font-size: 2em; font-weight: 700; color: #333; } #checkoutFooter #dialog { position: absolute; top: 8px; right: 220px; font-size: 0.8em; } .move { cursor: move; } div#content ul#categories li img { border: 1px solid #a5a5a5; position: relative; } div#content ul#categories li ul { list-style-type: none; clear: both; margin: 0px; padding: 0px; width: 100%; } div#content ul#categories li ul li { width: 48%; padding: 0; position: relative; float: left; clear: none; } div#content ul#categories li ul li div.categoryPhoto { float: right; width: 106px; margin-right: 15px; } div#content ul#featuredProducts li div.photoTitle { position: relative; float: left; margin-top: -55px; margin-left: 17px; } div#content ul#categories li ul li div.photoTitle { position: relative; float: left; top: -30px; left: 12px; } #ecommerceOptionsHeader, #catalogOptionsHeader { cursor: pointer; } .priceOverlay { position: absolute; left: 1px; background: url('../images/priceOverlay-bg__v5336.png') repeat-x top left; font-size: 1.2em; font-weight: 700; color: #4f4f4f; } .priceOverlay .currency { font-size: 0.8em; font-weight: 300; } .priceOverlay .currencySign { font-weight: 300; } .price { font-size: 1.1em; color: #333; } .price .currency { font-size: 0.7em; font-weight: 300; color: #666; } .price .currencySign { font-weight: 300; } .post .price #priceDescription { margin-left: 4px; padding-left: 8px; border-left: 1px solid #666; font-size: 0.7em; font-weight: 300; color: #666; } .price div.subtotal { font-weight: 300; font-size: 1.2em; } .price div.subtotal .currencySign { font-weight: 300; font-size: 1.2em; } .price div.subtotal .currency { font-size: 0.6em; } .price div.subtotal .amount { font-weight: 700; font-size: 1.2em; } .price input.text { width: 30px; height: 12px; padding: 5px 2px 0 2px; text-align: right; } ul#products .priceOverlay, ul#featuredProducts .priceOverlay { top: 88px; width: 120px; padding: 25px 7px 7px 7px; } ul#categories .priceOverlay { top: 32px; width: 68px; padding: 25px 0 7px 7px; font-size: 0.9em; } .seeAll { margin: -4px 0 4px 0; padding: 0; font-size: 0.9em; } div#content ul#categories .ui-state-highlight { height: 10em; line-height: 2.2em; border: 1px dashed #999; background-color: none; } div#content .ui-item-highlight { border: 1px solid yellow; background-color: yellow; } div#content ul#photoGallery .ui-state-highlight { width: 140px; height: 166px; line-height: 2.2em; border: 1px dashed #999; background-color: none; } div#content #photoRow ul { list-style-type: none; margin: 5px 0 15px 0; padding: 0px; width: 100%; min-height: 75px; text-align: left; } div#content #photoRow ul li.photo { position: relative; float: left; margin: 0px; padding: 0px; width: 20%; height: 86px; cursor: pointer; } .ui-state-highlight { border: 1px dashed #999; background-color: none; } .ui-item-highlight { border: 1px solid yellow; background-color: yellow; } div#content ul#categories .ui-state-highlight, div#content ul#galleries .ui-state-highlight { height: 150px; margin-right: 4px; } div#content ul#products .ui-state-highlight { width: 135px; height: 150px; margin-right: 4px; } div#content ul#featuredProducts .ui-state-highlight { width: 135px; height: 100px; margin-right: 4px; } div#content ul#photogallery .ui-state-highlight { width: 135px; height: 150px; margin-right: 4px; } .dragging { border: 1px dashed #999; background: url('../images/translucent-BG__v5336.png') repeat top left; } /* ================================ Thickbox ================================ */ #TB_ajaxWindowTitle { display: none; } #TB_overlay { filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } #TB_title { background-color: #fff; display:block; } #TB_ajaxContent { padding: 0px; line-height: 1em; text-align: center; background-color: #eee; position:relative; } #TB_ajaxContent #followWidgetEnabled_on, #TB_ajaxContent #callUsWidgetEnabled_on, #TB_ajaxContent #sendMeWidgetEnabled_on, #TB_ajaxContent #mapEnabled_on, #TB_ajaxContent #contactUsWidgetEnabled_on, #TB_ajaxContent #followWidgetEnabled_off, #TB_ajaxContent #callUsWidgetEnabled_off, #TB_ajaxContent #sendMeWidgetEnabled_off, #TB_ajaxContent #mapEnabled_off, #TB_ajaxContent #contactUsWidgetEnabled_off { padding: 3px; } #TB_ajaxContent #followWidgetEnabled_on, #TB_ajaxContent #callUsWidgetEnabled_on, #TB_ajaxContent #sendMeWidgetEnabled_on, #TB_ajaxContent #mapEnabled_on, #TB_ajaxContent #contactUsWidgetEnabled_on { background-color: #FDFD60; } #TB_ajaxContent #followWidgetEnabled_off, #TB_ajaxContent #callUsWidgetEnabled_off, #TB_ajaxContent #sendMeWidgetEnabled_off, #TB_ajaxContent #mapEnabled_off, #TB_ajaxContent #contactUsWidgetEnabled_off { background-color: #ccc; } #thickBoxHeader { background-color: #fff; padding: 0 30px 20px 30px; text-align: left; position:relative; display:block; overflow:visible; } #thickBoxHeader.signin { background-color: #fff; padding:0 0 4px 1px; height:50px; line-height:1em; text-align: left; position:relative; } #TB_window { top: 45%; border: 8px solid rgb(82, 82, 82); } #TB_ajaxContent h1 { line-height: 1em; font-size:2.0em; padding:0; margin:0; } #thickBoxHeader h1 { line-height: 1em; font-size:2.0em; padding:0; margin:0 0 0 60px; } #thickBoxHeader p { line-height:1.3em; margin:0 0 0 60px; } #thickBoxHeader ol, #thickBoxHeader ul { margin: 0 0 -20px 20px; } #thickBoxHeader img { position: absolute; top:0; left:20px; padding: 0; } #thickBoxHeader.signin h2 { position:relative; line-height:1em; font-size:2.0em; padding:0; margin:0 0 0 90px; } #thickBoxContent { background-color: #eee; position: relative; padding: 20px 20px 0 20px; text-align: left; display:block; overflow:visible; } #thickBoxContent #suspendedVeil { position: absolute; top: -10px; left: 0px; width:379px; height: 108px; padding: 15px 30px; background: url('../images/suspendedVeil-bg__v5336.png') no-repeat; z-index: 105; color: #fff; font-size: 1.2em; } #thickBoxContent.signin { padding-top: 6px; padding-bottom: 0px; clear: both; } #thickBoxContent.tabbed { padding: 0; margin: 0; clear: both; } #thickBoxContent #thickboxTabs.ui-tabs .ui-tabs-panel { padding: 1em 1.2em 0 1.2em; } #thickBoxContent #thickboxTabs.ui-widget-content { width: 100%; padding: 0; margin: 0; border: none; background-color: #eee; } #thickBoxContent #thickboxTabs ul.ui-widget-header { width: 100%; background: none; background-color: #fff; border: none; margin: 0; padding: 0; } #thickBoxContent #thickboxTabs li.ui-state-default { background: #fff; } #thickBoxContent #thickboxTabs li.ui-state-active { background: #eee; } #thickBoxContent #thickboxTabs li.ui-tabs-selected a:link, #thickBoxContent #thickboxTabs li.ui-tabs-selected a:visited { color: #000; } #thickBoxContent #thickboxTabs ul li { padding: 0; margin: 0; } #thickBoxContent #thickboxTabs.ui-tabs ul.ui-tabs-nav li a { padding: 0.5em 0.75em; } #thickBoxContent #thickboxTabs h4 { margin: 8px 0 -3px 0; } #thickBoxContent #thickboxTabs .ui-accordion-header { padding: 4px 4px 4px 20px; } #thickboxFooter { position: absolute; bottom: 0px; left: 0px; padding: 15px 28px 15px 35px; vertical-align: middle; font-size: 0.9em; margin:0; background-color: #cbcbcb; color: #454545; border-top: 1px dashed #afafaf; text-align: left; display:block; width:537px; clear: both; } #thickBoxContent ul.follow { margin-left: 20px; font-size: 1.75em; line-height: 1.75em; list-style-type: none } #thickBoxContent ul.follow .link { color: #06C; } #thickBoxContent ul.follow #addEmailForm { margin: 0 0 0 59px; width: 460px; height: 120px; font-size: 0.6em; line-height: 0.7em; } #thickBoxContent ul.follow .followIcon { margin: 0 14px -14px 0; } img.followIcon.inline { margin: 0 3px -3px 0; } #thickBoxContent ul.follow li a:hover, #thickBoxContent ul.follow li a:active { text-decoration: none; } #TB_window a:link { text-decoration:none; } .thickboxPhoto { position: relative; /*width: 496px;*/ padding: 0 18px 0 15px; margin: 0; text-align: left; background-color:#fff; } div.thickboxPhoto #TB_ajaxContent { background-color: #ffffff; } #thickBoxContent .updateForm ul#editLinkList, #thickBoxContent .updateForm ul#editSendMeList { list-style-type: none; } #thickBoxContent .updateForm ul#editLinkList li, #thickBoxContent .updateForm ul#editSendMeList li { background: none; clear: both; } #thickBoxContent .updateForm ul#editLinkList label, #thickBoxContent .updateForm ul#editSendMeList label { text-align: left; margin-left: 5px; } #thickBoxContent .updateForm ul#editSendMeList { margin-left: -10px; } .gse #thickBoxHeader { height: 170px; background-color: #fff; text-align: left; position:relative; display:block; overflow:visible; padding: 0; margin: 0; top: 0; } ul#progressIndicator { position: absolute; margin: -20px 0 0 -25px; list-style-type: none; display: inline; width: 620px; background-color: #00adee; height: 22px; padding: 8px 40px 0px 45px; } ul#progressIndicator li { list-style-type: none; display: inline; color: #9fe6ff; height: 30px; padding: 3px 25px; background: url('../images/dim-light-bullet__v5336.png') no-repeat left top; vertical-align: middle; } ul#progressIndicator li.active { color: #fff; background: url('../images/active-light-bullet__v5336.png') no-repeat left top; } div#gseClose { position: absolute; display: inline; top: 4px; z-index: 92834723; left: 605px; } .gse #thickBoxContent { background: #d6f4ff url('../templates/cloudprofile/img/gse-content-bg__v5336.jpg') no-repeat bottom right; height: 270px; width: 655px; padding: 13px 25px 12px 25px; margin: 0; top: 0; left: 0; } .gse #thickBoxContent form#gettingStartedForm { padding: 0px; margin: 20px 25px 0 25px; clear: none; } .gse #thickBoxContent form#gettingStartedForm input.text, .gse #thickBoxContent form#gettingStartedForm textarea { border: 2px solid #99d8f0; font: 1.2em/1.2em Arial, sans-serif; padding: 2px 4px; } .gse #thickBoxContent h3 { margin: 0; color: #00375d; font-size: 1.6em; font-weight: 300; text-align: center; width: 100%; } .gse #thickBoxContent label { margin: 0; width: 100%; color: #00375d; font-size: 1.5em; font-weight: 300; text-align: left; line-height: 2em; } .gse #thickBoxContent table.gseHours { position: relative; line-height: 1em; font-size: 0.8em; width: 616px; overflow:hidden; } .gse #thickBoxContent table.gseHours td { padding: 1px 4px 1px 8px; } .gse #thickBoxContent table input.hours { width: 45px; border-width: 1px; } .gse #thickBoxContent label.hoursCheckbox { text-transform: uppercase; font-size: 1em; } .gse #thickBoxContent label.hoursCheckbox { line-height: 1em; } .gse #thickBoxContent label.small { position: relative; float: left; color: #4d4d4d; font-size: 1em; width: 85px; text-align: right; padding-right: 4px; } .gse #thickBoxHeader h1 { position: relative; width: 450px; height: 90px; line-height: 1em; font-size:2.5em; padding:0; margin:0 0 0 30px; } div#gseNextSteps1, div#gseNextSteps2, div#gseNextSteps3 { position: absolute; top: 0px; margin-top: -20px; color: #6e6e6e; font-size: 0.9em; } div#gseNextSteps1 strong, div#gseNextSteps2 strong, div#gseNextSteps3 strong { display: block; color: #00375d; font-size: 1.2em } div#gseNextSteps1 p, div#gseNextSteps2 p, div#gseNextSteps3 p { padding: 10px 20px 0 0; } div#gseNextSteps1 { left: 0px; width: 172px; } div#gseNextSteps2 { left: 173px; width: 172px; } div#gseNextSteps3 { left: 345px; width: 245px; } div#gseNextSteps3 p { position: absolute; top: 95px; left: 135px; width: 112px; } .gse #thickBoxHeader h1 p { clear: none; font: 300 0.4em/1em Arial, sans-serif; color: #666; margin: 0 0 0 14px; padding: 85px 0 0 0; } .gse div.preview { position: absolute; top: 70px; left: 350px; height: 174px; overflow: hidden; } .gse div.preview div#logoPreview { width: 64px; height: 43px; z-index:1000; position: absolute; top: 28px; left: 45px; overflow: hidden; } .gse #thickBoxContent .uploadifyQueueItem { width: 225px; } .gse #thickBoxHeader img.monsterHead { position: relative; float: right; top:-22px; left: -100px; padding: 0; overflow: visible; } #dialog, #dialog2 { position: relative; text-align: left; margin-top: 20px; } #dialog.addToCartButton { position: absolute; top: 34px; left: 310px; margin-top: 0px; } #dialog2.checkoutButton { margin-top: 3px; } #dialog2.checkoutButton span.small input { font-size: 0.9em; } #dialog span, #dialog span input, #dialog2 span, #dialog2 span input { margin: 0 15px 0 0; /* 15px == amount of background image to the right */ padding: 0 0 0 15px; /* 15px == amount of background image to the left */ display: -moz-inline-box; /* Firefox 2 support for inline-block */ display: inline-block; /* Must be used so that height can be set */ height: 35px; /* Same as height of background image */ font: 700 1.2em/2em Arial, sans-serif; /* Appropriate font size / line height */ color: #fff; text-decoration: none; border: none; cursor: pointer; } #dialog span.small, #dialog span.small input, #dialog2 span.small, #dialog2 span.small input { margin: 0 15px 0 0; /* 15px == amount of background image to the right */ padding: 0 10px 0 5px; /* 15px == amount of background image to the left */ display: -moz-inline-box; /* Firefox 2 support for inline-block */ display: inline-block; /* Must be used so that height can be set */ height: 28px; /* Same as height of background image */ font: 700 1em/1.5em Arial, sans-serif; /* Appropriate font size / line height */ color: #fff; text-decoration: none; border: none; cursor: pointer; } #dialog span.gettingStartedButton, #dialog span.gettingStartedButton input, #dialog2 span.gettingStartedButton, #dialog2 span.gettingStartedButton input, #dialog span#yesButton, #dialog span#yesButton input, #dialog2 span#yesButton, #dialog2 span#yesButton input { background: #D6F4FF url(../images/button-bg__v5336.png) no-repeat scroll left 0; } #dialog span.gettingStartedButton, #dialog2 span.gettingStartedButton, #dialog span#yesButton, #dialog2 span#yesButton { background-position: right 0; margin: 0; padding: 0; } #dialog .gettingStartedBack, #dialog2 .gettingStartedBack { margin-right: 15px; } #TB_window #dialog a.gettingStartedBack:link, #TB_window #dialog2 a.gettingStartedBack:link, #TB_window #dialog a.gettingStartedBack:visited, #TB_window #dialog2 a.gettingStartedBack:visited { color: #5090b4; } #dialog .cancel, #dialog2 .cancel { margin-left: 15px; } /* ================================ Facebook ================================ */ a.FB_Link:hover { color:#06C; } img.fbPic { position: relative; height: 16px; width: 16px; top: 0px; } img.fbPic:hover { text-decoration: none !important; } #facebookPagesDiv a { text-decoration: underline; } div#content #facebookPagesDiv ul { list-style-type: none; margin-left: 0; } #facebookAvatar { position: relative; float: right; margin: 0 0 10px 10px; } /* ============================= JQuery Overrides ============================= */ .ui-widget-content { background: #fff; } #accordion h3 { padding: 4px 4px 4px 25px; } #accordion h3 a { font-weight: 700; } #accordion iframe { padding: 0; width: 481px; } div#content div.secondary ul { list-style-type: none; margin: 0; } .qtip-content img { margin: 0 5px 0 0; } .ac_results li { text-align: left; } /* ============================= kwick nav menu ============================= */ .kwicks li { float: left; width: 125px; height: 100px; margin-right: 5px; } #kwick1 { background-color: #53b388; } #kwick1.active { background-color: #86e6bb; } #kwick2 { background-color: #5a69a9; } #kwick2.active { background-color: #8d9cdc; } #kwick3 { background-color: #c26468; } #kwick3.active { background-color: #f5979b; } #kwick4 { background-color: #bf7cc7; margin-right: none; } #kwick4.active { background-color: #efaffa; } #twActUser{ float:right; position:relative; font-size:0.9em; text-align: right; } /* ============================= ============================= */ #main.home { position: relative; clear:both; margin: 0; padding:0; display:block; height: 257px; min-height: 257px; border-left: none; text-align: left; border-left: none; z-index:100; clear: both; } #main.home.logIn { top: 50px; margin: 0px auto; width: 600px; height: 310px; padding: 40px 0px 40px 40px; position: relative, } .forgotPasswordLink { position: relative; float: right; margin: 10px 30px 0 0; font-size: 0.7em; } /* ========================= web radar nudge tab ============================ */ div#recentWebradarItemsContainer div.containerHeader { background:transparent url(../images/latest-webradar__v5336.png) no-repeat scroll left top; display:block; font-size:10px; font-weight:700; padding:5px 6px 5px 9px; position:relative; width:92px; } div#latestWebradarItems { background: url(../images/latest-webradar__v5336.png) no-repeat bottom left; padding: 0 0 10px 0; font-size:0.9em; margin: 0 0 0 0; width: 107px; } div#latestWebradarItems div.title { position:relative; display:block; padding: 0 4px 6px 9px; width:92px; line-height: 1.1em; max-height: 40px; overflow: hidden; margin:0 0 0 0; } /* ========================= flash message container ============================ */ #messageContainer { position: absolute; top: 0px; left:0; z-index: 1001; width: 100%; height: 28px; padding: 30px 0 20px 0; background: url('../images/flash-message-bg__v5336.png') repeat-x top left; font-size: 1.5em; text-align: center; cursor: pointer; } .gse #thickBoxHeader h1.usage { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px 20px; } .gse #thickBoxHeader h1.nameBusiness { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -90px; } .gse #thickBoxHeader h1.name { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -200px; } .gse #thickBoxHeader h1.localBusiness { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -310px; } .gse #thickBoxHeader h1.local { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -420px; } .gse #thickBoxHeader h1.keywords { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -530px; } .gse #thickBoxHeader h1.hours { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -310px; } .gse #thickBoxHeader h1.logo { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -640px; } .gse #thickBoxHeader h1.color { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -640px; } .gse #thickBoxHeader h1.background { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -640px; } .gse #thickBoxHeader h1.connect { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -750px; } .gse #thickBoxHeader h1.confirm { background: url('../images/sprites-gse-headlines__v5336.gif') no-repeat scroll 0px -860px; }