/* * jQuery UI CSS Framework 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=&fwDefault=normal&fsDefault=1.2em&cornerRadius=5px&bgColorHeader=4fc0ed&bgTextureHeader=01_flat.png&bgImgOpacityHeader=75&borderColorHeader=648ce8&fcHeader=fff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=939179&iconColorContent=222222&bgColorDefault=ffffff&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=e2e2e2&fcDefault=8e8c74&iconColorDefault=888888&bgColorHover=4fc0ed&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=c1d1f6&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=fdde44&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=100&borderColorActive=ffd500&fcActive=8e8c74&iconColorActive=454545&bgColorHighlight=4fc0ed&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=100&borderColorHighlight=648ce8&fcHighlight=ffffff&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=20&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: helvetica, arial; font-size: 1.2em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: helvetica, arial; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #939179; } .ui-widget-content a { color: #939179; } .ui-widget-header { border: 1px solid #648ce8; background: #4fc0ed url(images/ui-bg_flat_75_4fc0ed_40x100.png) 50% 50% repeat-x; color: #fff; font-weight: bold; } .ui-widget-header a { color: #fff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #e2e2e2; background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #8e8c74; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #8e8c74; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #c1d1f6; background: #4fc0ed url(images/ui-bg_highlight-hard_100_4fc0ed_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffd500; background: #fdde44 url(images/ui-bg_highlight-soft_100_fdde44_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #8e8c74; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #8e8c74; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #648ce8; background: #4fc0ed url(images/ui-bg_flat_100_4fc0ed_40x100.png) 50% 50% repeat-x; color: #ffffff; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #ffffff; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .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: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_20_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .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: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; 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;}/* * jQuery UI Selectable 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .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 .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* * jQuery UI Autocomplete 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .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 { position: relative; 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 .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .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; background-position: 0 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; }/* * jQuery UI Tabs 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .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 { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .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 { 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 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*/ }/* * jQuery UI Progressbar 1.8.6 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } #facebox .b { background:url(/css/facebox/b.png?1319867112); } #facebox .tl { background:url(/css/facebox/fbx-border.png?1319867112) 0 0; width: 10px; height: 10px; } #facebox .tr { background:url(/css/facebox/fbx-border.png?1319867112) -10px 0; width: 10px; height: 10px; } #facebox .bl { background:url(/css/facebox/fbx-border.png?1319867112) -20px 0; width: 10px; height: 10px; } #facebox .br { background:url(/css/facebox/fbx-border.png?1319867112) -30px 0; width: 10px; height: 10px; } #facebox { position: absolute; top: 0; left: 0; z-index: 1006; text-align: left; } #facebox .popup { position: relative; } #facebox table { border-collapse: collapse; } #facebox td { border-bottom: 0; padding: 0; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .footer img { vertical-align: middle; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } html { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; line-height: 1; } div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } blockquote { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; quotes: none; } pre, a, abbr, acronym, address, big, cite, code { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } del { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: line-through; } dfn, em, font, img { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; } kbd { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } q { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; quotes: none; } s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none; } li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } table { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; border-collapse: collapse; border-spacing: 0; } caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } *:focus { outline: 0; } html, body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: white; font-size: 11px; padding: 0; margin: 0; color: #333333; min-width: 970px; word-wrap: break-word; height: 100%; } #header { background: white url(/images/gradients.png) repeat-x left -580px; height: 75px; } #header .wrap { height: 46px; padding: 16px 0 13px 0; position: relative; } #header .wrap h1 { font-size: 25px; position: absolute; left: 135px; top: 33px; } #header .wrap .help { margin-right: -25px; margin-top: 13px; } .wrap { width: 970px; margin-left: auto; margin-right: auto; } #flash { position: absolute; top: 0; left: 0; width: 100%; display: none; font-size: 12px; font-weight: bold; text-align: center; } .flash p { background-color: #fcd85e; display: inline-block; padding: 7px 15px 10px 15px; color: #333333; margin: 0 auto; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .flash a { color: #111111; text-decoration: underline; } #login { bottom: 22px; padding-top: 8px; color: #666666; font-size: 12px; float: right; } #login li { float: left; border-right: 1px dotted #a19f81; padding: 3px 7px 3px 7px; line-height: 23px; } #login li:last-child { border-right-width: 0; padding-right: 0; } #login a { color: #666666; } #login .name { color: #a19f81; font-weight: bold; } #login .name a { color: #a19f81; } #home { background: transparent url(/images/background.png) repeat-x center top; height: 500px; margin-top: -40px; } #home .slogan { background: transparent url(/images/home_main.png) no-repeat -340px 0; height: 40px; width: 650px; margin: 0 auto 0 auto; position: relative; top: 50px; } #home #graphic-container { width: 970px; height: 180px; padding: 50px 30px 55px 30px; margin: 0 auto 0 auto; } #home #graphic-container .gather { background: transparent url(/images/home_main.png) no-repeat 0 -80px; width: 250px; margin-top: 18px; } #home #graphic-container .time { background: transparent url(/images/home_main.png) no-repeat -260px -80px; width: 390px; margin: 18px 0 0 70px; } #home #graphic-container .collaborate { background: transparent url(/images/home_main.png) no-repeat 0 -304px; height: 230px; width: 250px; float: right; } #home #graphic-container .gather, #home #graphic-container .time { height: 190px; float: left; } #home #text-container { width: 970px; height: 180px; margin: 0 auto 0 auto; } #home #text-container .text { margin: 0 50px 0 0; width: 270px; float: left; font-family: helvetica !important; font-size: 14px !important; font-color: white !important; } #home #text-container .text p, #home #text-container .text h1 { font-family: helvetica !important; font-size: 14px !important; font-color: white !important; } #home #text-container .text h1 { position: relative; color: white; font-weight: normal; font-size: 22px !important; } .callout { margin: 0px auto 0 auto; height: 55px; width: 680px; } .callout #video-link-container { line-height: 1.4em; text-align: center; width: 410px; font-family: arial; font-size: 20px; color: #616050; margin-left: 280px; margin-top: 10px; } .callout #video-link-container .video-link { font-famil: arial; font-size: 20px; text-align: center; color: #129fb7; text-decoration: none; border-bottom: 1px #129fb7; border-style: dashed; width: 107px; cursor: pointer; } .callout .action-container { width: 280px; float: left; } .callout .action-container .join { background: #8bc53e; filter: shadow(color=#999999, strength=2px, offX=2, offY=2); -ms-filter: "shadow(color=#999999, strength=2px, offX=2, offY=2)"; box-shadow: 2px 2px 2px #999999; -webkit-box-shadow: 2px 2px 2px #999999; -moz-box-shadow: 2px 2px 2px #999999; border: 5px solid #d2df91; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; float: left; width: 240px; height: 59px; margin: 0 45px 0 0; behavior: url(/css/ie.htc); position: relative; } .callout .action-container .join .get-started { background: transparent url(/images/home_main.png) no-repeat 0 0; position: relative; right: 3px; bottom: 6px; width: 230px; height: 75px; } .callout .action-container .join:active { background: #7fb438; filter: shadow(color=transparent, strength=0, offX=0, offY=0); -ms-filter: "shadow(color=transparent, strength=0, offX=0, offY=0)"; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .callout .action-container .join:active .get-started { right: 2px; bottom: 5px; opacity: 0.9; } .callout .action-container .icons { float: left; } .new-border-wrap-medium { width: 642px; margin-left: auto; margin-right: auto; background: #f2f2f2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; position: relative; behavior: url(/css/ie.htc); } .new-border-wrap-medium .new-border-wrap-medium-container, .new-border-wrap-medium .border-wrap-medium-container { position: relative; padding: 33px 0 0 0; background: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #d9d9d9; position: relative; behavior: url(/css/ie.htc); } .new-border-wrap-medium .new-border-wrap-medium-container form, .new-border-wrap-medium .border-wrap-medium-container form { margin: -30px 20px 0 20px; position: relative; } .new-border-wrap-medium .new-border-wrap-medium-container form h1, .new-border-wrap-medium .border-wrap-medium-container form h1 { z-index: 5; } .new-border-wrap-medium .new-border-wrap-medium-container form label, .new-border-wrap-medium .border-wrap-medium-container form label { color: #a19f81; font-weight: bold; font-size: 12px; display: inline-block; width: 80px; text-align: right; padding: 0 13px 0 0; } .new-border-wrap-medium .new-border-wrap-medium-container form .error, .new-border-wrap-medium .border-wrap-medium-container form .error { margin: 3px 0 0 116px; color: red; line-height: 13px; } .new-border-wrap-medium .new-border-wrap-medium-container form .error a, .new-border-wrap-medium .border-wrap-medium-container form .error a { color: red; text-decoration: underline; } .new-border-wrap-medium .new-border-wrap-medium-container form .date, .new-border-wrap-medium .border-wrap-medium-container form .date { display: inline; padding: 0 13px 0 0; } .new-border-wrap-medium .new-border-wrap-medium-container form div, .new-border-wrap-medium .border-wrap-medium-container form div { margin: 0 0 12px 0; } .new-border-wrap-medium .new-border-wrap-medium-container form div input, .new-border-wrap-medium .border-wrap-medium-container form div input { width: 300px; border: 1px solid #999999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 20px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } .new-border-wrap-medium .new-border-wrap-medium-container form div input:focus, .new-border-wrap-medium .border-wrap-medium-container form div input:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } .new-border-wrap-medium .new-border-wrap-medium-container form div input:hover, .new-border-wrap-medium .border-wrap-medium-container form div input:hover { border: #35a5e5 1px solid !important; } .new-border-wrap-medium .new-border-wrap-medium-container form div.buttons, .new-border-wrap-medium .border-wrap-medium-container form div.buttons { *display: inline-block; border-top: 1px solid #e1e1e1; margin: 30px -20px 0 -20px; padding: 18px 20px 0 20px; text-align: right; } .new-border-wrap-medium .new-border-wrap-medium-container form div.buttons:after, .new-border-wrap-medium .border-wrap-medium-container form div.buttons:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .new-border-wrap-medium .new-border-wrap-medium-container form div.buttons input, .new-border-wrap-medium .border-wrap-medium-container form div.buttons input { width: auto; } .new-border-wrap-medium .new-border-wrap-medium-container form div.buttons .save-settings, .new-border-wrap-medium .border-wrap-medium-container form div.buttons .save-settings { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -moz-linear-gradient(19% 75% 90deg, #b7b152, #c9c56e); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9c56e), to(#b7b152)); background: linear-gradient(#c9c56e, #b7b152); -pie-background: linear-gradient(#c9c56e, #b7b152); display: block; float: right; padding: 6px 20px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; position: relative; behavior: url(/css/ie.htc); } .new-border-wrap-medium .new-border-wrap-medium-container form div.buttons .save-settings:active, .new-border-wrap-medium .border-wrap-medium-container form div.buttons .save-settings:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: -moz-linear-gradient(19% 75% 90deg, #c9c56e, #b7b152); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b7b152), to(#c9c56e)); background: linear-gradient(#b7b152, #c9c56e); -pie-background: linear-gradient(#b7b152, #c9c56e); padding: 7px 20px 5px 20px; color: #e2e2e2; outline: none; } .new-border-wrap-medium .new-border-wrap-medium-container form div.buttons .p, .new-border-wrap-medium .border-wrap-medium-container form div.buttons .p { float: left; font-size: 12px; margin: 18px 0 0 0; } .new-border-wrap-medium .border-wrap-medium-container-tall, .new-border-wrap-medium .new-border-wrap-medium-container-tall, .border-wrap-medium .border-wrap-medium-container-tall, .border-wrap-medium .new-border-wrap-medium-container-tall { background: url(/images/content-border-medium.png) no-repeat left bottom; padding: 30px 6px 15px 4.5px; } .new-border-wrap-medium .new-border-wrap-medium-container-tall, .border-wrap-medium .new-border-wrap-medium-container-tall { padding: 30px 6px 15px 4.5px; background: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #d9d9d9; } .new-border-wrap-medium .border-wrap-medium-stretch, .border-wrap-medium .border-wrap-medium-stretch { *display: inline-block; padding: 0 15px; } .new-border-wrap-medium .border-wrap-medium-stretch:after, .border-wrap-medium .border-wrap-medium-stretch:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .new-border-wrap-medium .border-wrap-medium-stretch .media .loading#tweets_loading_spinner, .border-wrap-medium .border-wrap-medium-stretch .media .loading#tweets_loading_spinner { display: none; margin: 150px auto 80px auto; } .new-border-wrap-medium .new-border-wrap-medium-header, .new-border-wrap-medium border-wrap-medium-header, .border-wrap-medium .new-border-wrap-medium-header, .border-wrap-medium border-wrap-medium-header { *display: inline-block; padding: 0 23px 58px 20px; height: 60px; width: 597.5px !important; z-index: 0; } .new-border-wrap-medium .new-border-wrap-medium-header:after, .new-border-wrap-medium border-wrap-medium-header:after, .border-wrap-medium .new-border-wrap-medium-header:after, .border-wrap-medium border-wrap-medium-header:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .new-border-wrap-medium .new-border-wrap-medium-header h1, .new-border-wrap-medium border-wrap-medium-header h1, .border-wrap-medium .new-border-wrap-medium-header h1, .border-wrap-medium border-wrap-medium-header h1 { float: left; } .new-border-wrap-medium .new-border-wrap-medium-header h2, .new-border-wrap-medium border-wrap-medium-header h2, .border-wrap-medium .new-border-wrap-medium-header h2, .border-wrap-medium border-wrap-medium-header h2 { float: left; font-size: 25px; } .new-border-wrap-medium .new-border-wrap-medium-header h3, .new-border-wrap-medium border-wrap-medium-header h3, .border-wrap-medium .new-border-wrap-medium-header h3, .border-wrap-medium border-wrap-medium-header h3 { float: left; font-size: 25px; position: relative; bottom: 10px; } .new-border-wrap-medium .new-border-wrap-medium-header .header-shadow, .new-border-wrap-medium .new-border-wrap-medium-header .header-shadow-border, .new-border-wrap-medium border-wrap-medium-header .header-shadow, .new-border-wrap-medium border-wrap-medium-header .header-shadow-border, .border-wrap-medium .new-border-wrap-medium-header .header-shadow, .border-wrap-medium .new-border-wrap-medium-header .header-shadow-border, .border-wrap-medium border-wrap-medium-header .header-shadow, .border-wrap-medium border-wrap-medium-header .header-shadow-border { height: 58px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(white)); background: -moz-linear-gradient(19% 75% 90deg, white, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='white'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=white)"; width: 640px; position: absolute; right: 0px; top: 93px; } .new-border-wrap-medium .new-border-wrap-medium-header .header-shadow-border, .new-border-wrap-medium border-wrap-medium-header .header-shadow-border, .border-wrap-medium .new-border-wrap-medium-header .header-shadow-border, .border-wrap-medium border-wrap-medium-header .header-shadow-border { background: #f2f2f2; border-top: 1px solid #d9d9d9; top: 90px; height: 5px; } .new-border-wrap-medium h1, .border-wrap-medium h1 { font-size: 35px; font-weight: bold; letter-spacing: -1px; margin: 0; } .border-wrap-medium { width: 642px; margin-left: auto; margin-right: auto; background: url(/images/content-border-medium.png) no-repeat left top; padding: 33px 0 0 0; margin: 10px 0 10px 0; } .border-wrap-medium .border-wrap-medium-container { background: url(/images/content-border-medium.png) no-repeat left bottom; padding: 0px 6px 15px 4.5px; } .border-wrap-medium .border-wrap-medium-header { *display: inline-block; background: white url(/images/gradients.png) repeat-x left -464px; padding: 0 15px 58px 15px; height: 60px; width: 597.5px; position: relative; left: 2px; z-index: 0; } .border-wrap-medium .border-wrap-medium-header:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .border-wrap-medium .border-wrap-medium-header .new-border-wrap-medium { width: 642px; margin-left: auto; margin-right: auto; background: #f2f2f2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; } .border-wrap, .special-wrap { width: 970px; margin-left: auto; margin-right: auto; background: #f2f2f2; margin-top: 15px; margin-bottom: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; position: relative; behavior: url(/css/ie.htc); } .border-wrap .border-wrap-container, .special-wrap .border-wrap-container { padding: 33px 0 0 0; background: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #d9d9d9; position: relative; behavior: url(/css/ie.htc); } .border-wrap .border-wrap-container.event, .special-wrap .border-wrap-container.event { padding: 15px 0 0 0; } .border-wrap .border-wrap-container-google, .special-wrap .border-wrap-container-google { background: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #d9d9d9; padding: 30px 0 0 0; } .border-wrap .border-wrap-container-google .border-wrap-header-google, .special-wrap .border-wrap-container-google .border-wrap-header-google { *display: inline-block; background: white url(/images/gradients.png) repeat-x left -464px; padding: 0 15px 58px 15px; height: 60px; } .border-wrap .border-wrap-container-google .border-wrap-header-google:after, .special-wrap .border-wrap-container-google .border-wrap-header-google:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .border-wrap .border-wrap-container-google .border-wrap-header-google h2, .special-wrap .border-wrap-container-google .border-wrap-header-google h2 { float: left; font-size: 25px !important; } .border-wrap .border-wrap-stretch, .special-wrap .border-wrap-stretch { *display: inline-block; padding: 0 15px 15px 15px; } .border-wrap .border-wrap-stretch:after, .special-wrap .border-wrap-stretch:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .border-wrap .border-wrap-stretch.sep, .special-wrap .border-wrap-stretch.sep { margin-top: -30px; } .border-wrap .border-wrap-header-small, .special-wrap .border-wrap-header-small { *display: inline-block; background: white url(/images/gradients.png) repeat-x left -464px; padding: 0 15px 58px 15px; height: 60px; width: 406px; position: relative; left: 2px; } .border-wrap .border-wrap-header-small:after, .special-wrap .border-wrap-header-small:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .border-wrap .border-wrap-header-small h3, .special-wrap .border-wrap-header-small h3 { float: left; font-size: 25px; position: relative; bottom: 22px; } .border-wrap .border-wrap-header, .special-wrap .border-wrap-header { *display: inline-block; padding: 0 15px 58px 15px; height: 60px; } .border-wrap .border-wrap-header:after, .special-wrap .border-wrap-header:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .border-wrap .border-wrap-header h1, .special-wrap .border-wrap-header h1 { float: left; font-size: 35px; } .border-wrap .border-wrap-header h2, .special-wrap .border-wrap-header h2 { float: left; font-size: 25px !important; } .border-wrap .border-wrap-header h3, .special-wrap .border-wrap-header h3 { float: left; font-size: 25px; position: relative; bottom: 15px; } .border-wrap .border-wrap-header .header-shadow, .border-wrap .border-wrap-header .header-shadow-border, .special-wrap .border-wrap-header .header-shadow, .special-wrap .border-wrap-header .header-shadow-border { height: 58px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(white)); background: -moz-linear-gradient(19% 75% 90deg, white, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='white'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=white)"; width: 968px; position: relative; left: -15px; top: 54px; z-index: 0; } .border-wrap .border-wrap-header .header-shadow-border, .special-wrap .border-wrap-header .header-shadow-border { background: #f2f2f2; border-top: 1px solid #d9d9d9; top: 57px; height: 5px; } .border-wrap .border-wrap-header .sub, .border-wrap .border-wrap-medium-header .sub, .border-wrap .border-wrap-header-small .sub, .special-wrap .border-wrap-header .sub, .special-wrap .border-wrap-medium-header .sub, .special-wrap .border-wrap-header-small .sub { float: right; text-align: right; line-height: 35px; } .border-wrap .border-wrap-header p, .border-wrap .border-wrap-medium-header p, .border-wrap .border-wrap-header-small p, .special-wrap .border-wrap-header p, .special-wrap .border-wrap-medium-header p, .special-wrap .border-wrap-header-small p { clear: both; color: #666666; } .border-wrap h1, .special-wrap h1 { font-size: 35px; font-weight: bold; letter-spacing: -1px; margin: 0; } .border-wrap.small, .special-wrap.small { background: #f2f2f2; width: 449px; } .border-wrap.small .field, .special-wrap.small .field { position: relative; top: 5px; } .border-wrap.small .border-wrap-medium-container-tall, .special-wrap.small .border-wrap-medium-container-tall { background: transparent url(/images/sprite.png?1319867112) no-repeat left bottom; padding: 30px 6px 15px 4.5px; } .border-wrap.small .border-wrap-container, .special-wrap.small .border-wrap-container { background: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #d9d9d9; padding-top: 20px; } .border-wrap.small .border-wrap-container .border-wrap-header .header-shadow-border, .border-wrap.small .border-wrap-container .border-wrap-header .header-shadow, .special-wrap.small .border-wrap-container .border-wrap-header .header-shadow-border, .special-wrap.small .border-wrap-container .border-wrap-header .header-shadow { position: absolute; left: 0; top: 87px; width: 447px; } .border-wrap.small .border-wrap-container .border-wrap-header .header-shadow, .special-wrap.small .border-wrap-container .border-wrap-header .header-shadow { top: 90px; } .border-wrap.small form, .special-wrap.small form { margin: -30px 20px 0 20px; position: relative; } .border-wrap.small form label, .special-wrap.small form label { color: #a19f81; font-weight: bold; font-size: 12px; display: inline-block; width: 100px; text-align: right; padding: 0 13px 0 0; } .border-wrap.small form .error, .special-wrap.small form .error { margin: 3px 0 0 116px; color: red; line-height: 13px; } .border-wrap.small form .error a, .special-wrap.small form .error a { color: red; text-decoration: underline; } .border-wrap.small form .date, .special-wrap.small form .date { display: inline; padding: 0 13px 0 0; } .border-wrap.small form div, .special-wrap.small form div { margin: 0 0 12px 0; } .border-wrap.small form div.buttons, .special-wrap.small form div.buttons { *display: inline-block; border-top: 1px solid #e1e1e1; margin: 30px -20px 0 -20px; padding: 18px 20px 0 20px; text-align: right; } .border-wrap.small form div.buttons:after, .special-wrap.small form div.buttons:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .border-wrap.small form div.buttons input, .special-wrap.small form div.buttons input { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); width: 65px; height: 25px !important; padding: 5px 10px 5px 10px !important; border: none !important; } .border-wrap.small form div.buttons input:active, .special-wrap.small form div.buttons input:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; padding: 6px 10px 4px 10px !important; } .border-wrap.small form div.buttons .login, .special-wrap.small form div.buttons .login { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); padding: 6px 20px; } .border-wrap.small form div.buttons .login:active, .special-wrap.small form div.buttons .login:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; padding: 7px 20px 5px 20px; } .border-wrap.small form div.buttons .signup, .special-wrap.small form div.buttons .signup { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); } .border-wrap.small form div.buttons .signup:active, .special-wrap.small form div.buttons .signup:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .border-wrap.small form div.buttons .save-settings, .special-wrap.small form div.buttons .save-settings { position: relative; width: 73px; height: 28px; margin: 30px 0 10 0; float: right; position: relative; left: 5px; } .border-wrap.small form div.buttons .save-settings img, .border-wrap.small form div.buttons .save-settings input, .special-wrap.small form div.buttons .save-settings img, .special-wrap.small form div.buttons .save-settings input { position: absolute; top: -208px; left: 0px; clip: rect(208px 73px 236px 0px); } .border-wrap.small form div.buttons .p, .special-wrap.small form div.buttons .p { float: left; font-size: 12px; margin: 18px 0 0 0; } .border-wrap.small form input, .special-wrap.small form input { width: 240px; height: 20px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #999999 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } .border-wrap.small form input:focus, .special-wrap.small form input:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } .border-wrap.small form input:hover, .special-wrap.small form input:hover { border: #35a5e5 1px solid !important; } .border-separator { border-bottom: 1px solid #e2e2e2; width: 550px; position: relative; top: 83px; } .closebox { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -20px; width: 60px; height: 60px; cursor: pointer; float: right; position: relative; left: 55px; bottom: 40px; } .special-wrap { background: transparent; margin: -130px 0 0 0; } .special-wrap .border-wrap-container .field form#signup_form { margin-left: -7px !important; width: 530px !important; } .special-wrap .border-wrap-container .field form#signup_form div { width: 550px; } .special-wrap .border-wrap-container .field form#signup_form div .error { width: auto; margin-left: 186px; } .special-wrap .border-wrap-container .field form#signup_form div .available, .special-wrap .border-wrap-container .field form#signup_form div .unavailable { margin: 10px 25px 0 5px; display: none; color: green; float: right; width: auto; } .special-wrap .border-wrap-container .field form#signup_form div .unavailable { color: red; margin: 10px 10px 0 5px; } .special-wrap .border-wrap-container .border-wrap-header { background: none; } .special-wrap .border-wrap-container .border-wrap-header .facebook_signup { background: transparent url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif) no-repeat 0 0; width: 169px; height: 21px; cursor: pointer; position: absolute; top: 65px; left: 178px; } .special-wrap.small .url { color: #999999; font-size: 12px; margin: 5px 0 0 185px; } .new-border-wrap-medium.signup { width: 590px; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup { width: 588px; margin: 0 auto 0 auto; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field { width: 560px; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field div { width: 560px; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field div label { width: 170px; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field div label.content { text-align: left; width: 268px; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field div .explanation { color: #999999; font-size: 12px; margin: -5px 0 0 190px; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field div .available, .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field div .unavailable { margin: 10px 40px 0 5px; display: none; color: green; float: right; width: auto; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field div .unavailable { color: red; margin: 10px 30px 0 5px; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field div .url { margin-top: 5px !important; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field .buttons { width: 545px; height: 40px; position: relative; left: 20px; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field .buttons input { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); border: none; } .new-border-wrap-medium.signup .new-border-wrap-medium-container.signup .field .buttons input:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .tabs { position: relative; right: 5px; cursor: pointer; } .tabs .edit-timeline-tab { background: transparent url(/images/tabs.png) no-repeat left top; height: 60px; } .tabs .edit-timeline-tab-close { background: transparent url(/images/tabs.png) no-repeat left -113px; height: 52px; } .tabs .edit-timeline-tab-left { background: transparent url(/images/tabs.png) no-repeat left -60px; height: 52px; } .tabs .edit-timeline-tab-left, .tabs .edit-timeline-tab-close, .tabs .edit-timeline-tab { position: relative; top: 7px; right: 15px; float: left; width: 191px; } .tabs .settings-tab { background: transparent url(/images/tabs.png) no-repeat -190px top; height: 55px; top: 7px; right: 17px; } .tabs .settings-tab-close { background: transparent url(/images/tabs.png) no-repeat -190px -113px; height: 52px; top: 7px; right: 16px; } .tabs .settings-tab-right { background: transparent url(/images/tabs.png) no-repeat -190px -60px; height: 52px; top: 6px; right: 16px; } .tabs .settings-tab, .tabs .settings-tab-close, .tabs .settings-tab-right, .tabs .friends-tab, .tabs .friends-tab-close, .tabs .friends-tab-right { width: 200px; float: left; position: relative; } .tabs .friends-tab { background: transparent url(/images/tabs.png) no-repeat -390px top; position: absolute; height: 55px; right: 22px; top: 6px; } .tabs .friends-tab-close { background: transparent url(/images/tabs.png) no-repeat -390px -60px; position: absolute; height: 52px; right: 23px; top: 6px; } .tabs .friends-tab-right { background: transparent url(/images/tabs.png) no-repeat -390px -113px; position: absolute; height: 51px; right: 23px; top: 7px; } .signup-steps { margin: 0 auto 0 auto; width: 400px; padding-left: 40px; } .signup-steps .one { background: transparent url(/images/sprite.png?1319867112) no-repeat -536px -424px; height: 50px; width: 255px; float: left; position: relative; left: 25px; bottom: 6px; z-index: 2; } .signup-steps .two { background: transparent url(/images/sprite.png?1319867112) no-repeat -355px 0px; height: 50px; width: 243px; margin-left: 180px; } .edit-steps { margin: 0 auto 0 auto; padding-left: 70px; width: 400px; } .edit-steps .one { background: transparent url(/images/sprite.png?1319867112) no-repeat -746px -35px; margin-top: 10px; height: 35px; width: 40px; float: left; position: relative; left: 16px; } .edit-steps .two { background: transparent url(/images/sprite.png?1319867112) no-repeat -32px -489px; margin-left: 50px; height: 56px; width: 360px; bottom: 10px; z-index: 2; } .add-steps .one { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -497px; height: 35px; width: 150px; float: left; position: relative; left: 77px; } .add-steps .two { background: transparent url(/images/sprite.png?1319867112) no-repeat -345px 0px; height: 50px; width: 239px; margin: 0 auto 0 auto; position: relative; right: 25px; } .add-steps .three { background: transparent url(/images/sprite.png?1319867112) no-repeat -190px -425px; height: 56px; width: 300px; float: right; position: relative; bottom: 55px; right: 25px; } .next-step { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); margin: 5px 0 15px 0; } .next-step:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .partner-login { padding-left: 113px; } .partner-login p { margin: 0 0 0 5px; } .partner-login p .policy { float: right; } .buttons-sep { border-top: 1px solid #e1e1e1; padding: 10px 0 0 0; margin-top: 10px; color: #666666; line-height: 13px; position: relative; bottom: 50px; top: 5px; } .buttons-sep .go-dashboard { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -moz-linear-gradient(19% 75% 90deg, #b7b152, #c9c56e); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9c56e), to(#b7b152)); background: linear-gradient(#c9c56e, #b7b152); -pie-background: linear-gradient(#c9c56e, #b7b152); display: block; float: right; padding: 6px 20px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; position: relative; behavior: url(/css/ie.htc); margin: 5px 5px 0 0 !important; } .buttons-sep .go-dashboard:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: -moz-linear-gradient(19% 75% 90deg, #c9c56e, #b7b152); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b7b152), to(#c9c56e)); background: linear-gradient(#b7b152, #c9c56e); -pie-background: linear-gradient(#b7b152, #c9c56e); padding: 7px 20px 5px 20px; color: #e2e2e2; outline: none; } .buttons-sep .create-event-step { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); margin: 5px 0 0 5px !important; float: left; } .buttons-sep .create-event-step:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .skip-this-step .p { float: left; cursor: pointer; margin: 5px 0 0 0; } .skip-this-step .p-friends { padding: 10px 0 0 20px; } .friends-icons { cursor: pointer; padding-top: 15px; } .friends-icons .facebook-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -460px -705px; } .friends-icons .gmail-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -460px -763px; margin-right: 60px !important; } .friends-icons .yahoo-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -460px -823px; margin: 30px 0 30px 0; } .friends-icons .facebook-icon, .friends-icons .gmail-icon, .friends-icons .yahoo-icon { width: 140px; height: 53px; float: right; } .clear { clear: both; width: 100%; font-size: 0px; } h1 { font-size: 26px; } h2 { font-size: 20px; } form .watermark { color: #bbbbbb !important; } form div label { margin: 0 0 2px 0; } form div p { font-size: 15px !important; letter-spacing: -1px; width: 180px; color: #a19f81; float: left; font-weight: bold; padding-right: 10px; } form div .label-or { margin: 0 0 10px 0; position: relative; top: 34px; right: 135px; } form div .label-signup { width: 400px; float: left; position: relative; bottom: 34px; } form div input, form div textarea { font-size: 16px; margin: 5px 0 0 0; } form div textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } form div.sep { border-top: 1px solid #e1e1e1; padding: 15px 0 0 0; margin-top: 20px !important; margin-bottom: 0px !important; color: #666666; line-height: 13px; } form div.sep .explanation { margin: 4px 0 2px 116px; line-height: 15px; } form div.avatar-settings img { margin: 0 0 0 0; padding: 0 215px 0 0; float: right; vertical-align: middle; position: relative; bottom: 15px; left: 205px; } form div.avatar img { margin-left: 44px; float: none; display: inline; vertical-align: middle; } form div.avatar input { font-size: 12px !important; } form div.avatar .remove-avatar { display: inline; } form div.avatar .remove-avatar input { width: 20px !important; } form div.avatar .remove-avatar label { font-weight: normal; width: 200px; padding-top: 6px; text-align: left; } form p { margin: 10px 0; } form fieldset { border-width: 0; padding: 0; margin: 20px 0; } form fieldset legend { font-size: 20px; font-weight: bold; text-transform: lowercase; } form span.example { color: #777777; } form .field_with_errors { color: red !important; } form .user_search_error { border: 2px solid red !important; } #timeline_zoom { margin-top: 9px; } #timeline_name { float: left; } a { color: #666666; text-decoration: none; } a:hover { text-decoration: underline; } .avatar-upload { float: right; position: relative; right: 15px; bottom: 67px; } #your-timelines .border-wrap-stretch { margin-top: -30px; } #your-timelines h1 { font-size: 25px; } #your-timelines h1.profile { line-height: 24px; } #your-timelines h1.profile div.avatar { float: left; margin: 0 3px 0 0; position: relative; top: -15px; } #your-timelines h1.profile .location { font-size: 12px; font-weight: normal; letter-spacing: 0; } #your-timelines h2 { font-size: 16px; } #your-timelines .column { width: 443px; float: left; position: relative; overflow: hidden; } #your-timelines .column.left { padding-right: 20px; } #your-timelines .column.right { padding-left: 20px; } #your-timelines .column ul { overflow: hidden; } #your-timelines .column li { clear: left; padding: 12px 15px 20px 0; border-bottom: 3px solid #eaeaea; position: relative; } #your-timelines .column li:last-child { border-bottom-width: 0; } #your-timelines .column li a { color: #666666; } #your-timelines .column li img { float: left; padding: 0 8px 4px 0; } #your-timelines .column li h3 { font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 2px; margin-bottom: 0; } #your-timelines .column li p { color: #999999; font-size: 11px; line-height: 13px; } #your-timelines .column li .delete-timeline { position: absolute; right: 0; top: 25px; width: 112px; } #your-timelines .column li .delete-timeline .normal { background: transparent url(/images/sprite.png?1319867112) no-repeat -34px -152px; width: 20px; height: 20px; cursor: pointer; position: absolute; top: 0; right: 0; } #your-timelines .column li .delete-timeline .confirm { background: transparent url(/images/sprite.png?1319867112) no-repeat -656px -121px; width: 112px; height: 26px; position: absolute; cursor: pointer; top: 0; right: 0; display: none; } #create-event { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fc0ed), to(#3d95b8)); background: -moz-linear-gradient(19% 75% 90deg, #3d95b8, #4fc0ed); background: linear-gradient(#4fc0ed, #3d95b8); -pie-background: linear-gradient(#4fc0ed, #3d95b8); float: left; margin-left: 20px; position: relative; behavior: url(/css/ie.htc); } #create-event:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d95b8), to(#4fc0ed)); background: -moz-linear-gradient(19% 75% 90deg, #4fc0ed, #3d95b8); background: linear-gradient(#3d95b8, #4fc0ed); -pie-background: linear-gradient(#3d95b8, #4fc0ed); position: relative; behavior: url(/css/ie.htc); } #content { background: white url(/images/gradients.png) repeat-x left -690px; padding: 22px 0 50px 0; } #background { background: url(http://images/background.png) repeat-x center top !important; z-index: 5 !important; width: 970px !important; height: 500px !important; } .loading { background: url(/images/spinner.gif) no-repeat left top; width: 32px; height: 32px; z-index: 2; margin: 0 auto; } .loading.photos_loading { height: 40px; margin-top: 30px; } #timeline-title { *display: inline-block; background: white url(/images/gradients.png) repeat-x left -654px; height: 27px; padding: 8px 0 0 0; } #timeline-title:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #timeline-title .home-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -198px -2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; height: 20px; width: 20px; float: left; margin-right: 5px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); box-shadow: 0 0 5px transparent; -webkit-box-shadow: 0 0 5px transparent; -moz-box-shadow: 0 0 5px transparent; position: relative; behavior: url(/css/ie.htc); } #timeline-title .home-icon:hover { outline: none; box-shadow: 0 0 5px #a19f81; -webkit-box-shadow: 0 0 5px #a19f81; -moz-box-shadow: 0 0 5px #a19f81; } #timeline-title .follow { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); float: left; margin-left: 5px; padding: 4px 5px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; } #timeline-title .follow:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; padding: 4px 5px; } #timeline-title .follow:hover { outline: none; box-shadow: 0 0 5px #a19f81; -webkit-box-shadow: 0 0 5px #a19f81; -moz-box-shadow: 0 0 5px #a19f81; } #timeline-title .wrap { position: relative; } #timeline-title h1 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/images/gradients.png) repeat-x left top; float: left; color: white; font-size: 14px; line-height: 20px; margin: 0; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); box-shadow: 0 0 5px transparent; -webkit-box-shadow: 0 0 5px transparent; -moz-box-shadow: 0 0 5px transparent; position: relative; behavior: url(/css/ie.htc); } #timeline-title h1 a { padding: 0 7px 0 6px; text-decoration: none; color: white; display: block; } #timeline-title h1:hover { outline: none; box-shadow: 0 0 5px #a19f81; -webkit-box-shadow: 0 0 5px #a19f81; -moz-box-shadow: 0 0 5px #a19f81; } #timeline-title h1:hover a { padding: 0 7px 0 6px; text-decoration: none; color: white; display: block; } #timeline-title .actions { position: absolute; right: 0; top: 0; *display: inline-block; } #timeline-title .actions:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #timeline-title .actions h1 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fc0ed), to(#3d95b8)); background: -moz-linear-gradient(19% 75% 90deg, #3d95b8, #4fc0ed); background: linear-gradient(#4fc0ed, #3d95b8); -pie-background: linear-gradient(#4fc0ed, #3d95b8); float: left; font-size: 14px; line-height: 20px; font-weight: bold; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); box-shadow: 0 0 5px transparent; -webkit-box-shadow: 0 0 5px transparent; -moz-box-shadow: 0 0 5px transparent; position: relative; behavior: url(/css/ie.htc); } #timeline-title .actions h1:hover { outline: none; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } #timeline-title .actions h1:active { color: #e2e2e2 !important; background: #3cabd6; } #timeline-title .actions li { font-size: 12px; padding: 0 0px 0 3px; color: #666666; } #timeline-title .actions li:last-child { margin-right: 0; border-right-width: 0; padding-right: 0; } #timeline-title a { cursor: pointer; line-height: 20px; } #timeline-title a.favorite { color: #94916f; } #timeline-title a#breadcrumb { margin: 0 7px 0 6px; cursor: default; } #timeline-title p#favorites a { margin: 0 0 0 5px; float: left; display: block; width: 20.8px; height: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: transparent url(/images/sprite.png?1319867112) no-repeat -174px 0px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; } #timeline-title p#favorites a:hover { outline: none; box-shadow: 0 0 5px #a19f81; -webkit-box-shadow: 0 0 5px #a19f81; -moz-box-shadow: 0 0 5px #a19f81; } #timeline-title p#favorites a:hover.favorite { background: transparent url(/images/sprite.png?1319867112) no-repeat -153px 0px; } #timeline-degradation { width: 970px; margin: 0px auto; } #timeline-degradation ul { *display: inline-block; } #timeline-degradation ul:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #timeline-degradation ul li { line-height: 13px; width: 25%; float: left; margin: 1px 0; } #timeline { *display: inline-block; width: auto; border-bottom: 1px solid #bbbbbb; height: 198px; overflow: hidden; position: relative; } #timeline:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #timeline .canvas { *display: inline-block; height: 157px; } #timeline .canvas:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #timeline .loading { position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -16px; } #timeline .zoom-container { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); z-index: 6; text-align: center; height: 157px; width: 65px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#fafafa), color-stop(0.5, #e0e0e0)); background: -moz-linear-gradient(top, #fafafa 0%, #e0e0e0, #fafafa); position: relative; behavior: url(/css/ie.htc); position: absolute; left: 0; top: 0px; } #timeline .zoom { height: 90px; width: 20px; padding: 10px 5px 10px 5px; border-right: 2px solid #666666; position: absolute; z-index: 6; text-align: center; left: 0; top: 25px; } #timeline .zoom .day, #timeline .zoom .week, #timeline .zoom .month, #timeline .zoom .year { cursor: pointer; width: 45px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#e0e0e0)); background: -moz-linear-gradient(19% 75% 90deg, #e0e0e0, white 100%); background: linear-gradient(#ffffff, #e0e0e0); -pie-background: linear-gradient(#ffffff, #e0e0e0); box-shadow: 0px 1px 1px #666666; -webkit-box-shadow: 0px 1px 1px #666666; -moz-box-shadow: 0px 1px 1px #666666; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 3px 2px; margin: 5px 0; position: relative; behavior: url(/css/ie.htc); } #timeline .zoom .day h1, #timeline .zoom .week h1, #timeline .zoom .month h1, #timeline .zoom .year h1 { font-size: 10px; color: #a19d83; } #timeline .zoom .active { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #666666 !important; position: relative !important; behavior: url(/css/ie.htc) !important; } #timeline .zoom .active h1 { color: white !important; } #timeline .zoom .in, #timeline .zoom .out { width: 13px; height: 14px; position: absolute; left: 2px; cursor: pointer; } #timeline .zoom .in { background: transparent url(/images/sprite.png?1319867112) no-repeat -33px -425px; top: -5px; left: 24px; } #timeline .zoom .out { background: transparent url(/images/sprite.png?1319867112) no-repeat -48px -425px; bottom: -6px; left: 24px; } #timeline .create-event { background: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px dashed #d2d2d2; width: 107px; height: 19px; line-height: 19px; text-align: center; text-transform: uppercase; color: #43b4e1; font-weight: bold; font-size: 10px; display: none; z-index: 5; margin: 3px 5px 0 6px; cursor: pointer; text-decoration: none; position: relative; behavior: url(/css/ie.htc); position: absolute; } #timeline .unit { width: 120px; float: left; position: relative; } #timeline .unit h2 { font-size: 14px; font-weight: bold; height: 14px; line-height: 14px; cursor: default; text-transform: uppercase; color: #aaaaaa; text-align: center; } #timeline .unit h2.today { font-weight: bold; } #timeline .unit .stack { border-left: 1px solid #bbbbbb; padding: 0 0 3px 0; height: 140px; position: relative; background: url(/images/timeline-grid.png) repeat left bottom; } #timeline .unit ul { width: 119px; padding: 0; position: relative; height: 140px; } #timeline .unit ul li { padding: 3px 3px 0 3px; position: absolute; z-index: 3; } #timeline .unit ul li a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; background-color: #666666; text-decoration: none; color: white; padding: 3px 4px 4px 4px; width: 105px; word-wrap: break-word; display: block; text-shadow: #444444 1px 1px 1px; filter: shadow(color=#444444, direction=135, strength=5); position: relative; behavior: url(/css/ie.htc); } #timeline .unit ul li.tipped a, #timeline .unit ul li.highlighted a { background-color: #4fc0ed; } #timeline .unit ul li.more a { background: #d0d0d0 !important; color: #444444; text-shadow: white 1px 1px 1px; filter: shadow(color=white, direction=135, strength=5); } #timeline .unit ul li.more.tipped a { background-color: #4fc0ed !important; color: #f0f0f0; text-shadow: #666666 1px 1px 1px; filter: shadow(color=#666666, direction=135, strength=5); } #timeline .movement { background-color: #e7e7df; border-top: 1px solid #bbbbbb; padding: 5px 5px 5px 120px; } #timeline .jump { width: 110px; height: 31px; float: left; margin: 5px 0 0 5px; color: #999999; z-index: 99; position: relative; } #timeline .jump input { font-size: 13px; color: #999999 !important; margin-top: 7px; font-weight: bold; } #timeline .jump input.watermark { color: #333333; } #timeline .slider-container { height: 98px -10px; padding: 5px 0 4px 54px; background: #c4c3b0; border-top: 1px solid #a1a19c !important; border-left: 1px solid transparent !important; border-right: 1px solid transparent !important; border-bottom: 1px solid #d2d1c3 !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); } #timeline .slider-container .slider { padding: 0 54px 0 0; height: 20px; } #timeline .slider-container .area { background-image: none; background-color: transparent; position: relative; bottom: 5px; height: 31px; border-width: 0; } #timeline .slider-container .area.ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #timeline .slider-container .area.sliding { cursor: -moz-grabbing; cursor: grabbing; } #timeline .slider-container .area.sliding .c { cursor: -moz-grabbing; cursor: grabbing; } #timeline .slider-container .ui-slider-handle { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a09e86), to(#87856c)); background: -moz-linear-gradient(19% 75% 90deg, #87856c, #a09e86); background: linear-gradient(#a09e86, #87856c); -pie-background: linear-gradient(#a09e86, #87856c); height: 21px; overflow: hidden-4px; width: 98px; margin-left: -49px; cursor: -moz-grab; cursor: grab; z-index: 0; border-width: 0; border-top: 1px solid #e2e2e2 !important; position: relative; behavior: url(/css/ie.htc); position: absolute; top: 3px; } #timeline .slider-container .ui-slider-handle .slider-arrows { background: transparent url(/images/sprite.png?1319867112) no-repeat 0px 0px; width: 98px; height: 21px; left: 50%; } #timeline .slider-container .ui-slider-handle.ui-state-active { cursor: -moz-grabbing; cursor: grabbing; background-position: left top; } #timeline .slider-container .rw1, #timeline .slider-container .rw2, #timeline .slider-container .ff1, #timeline .slider-container .ff2, #timeline .slider-container .c { background: url(/images/sprite.png?1319867112) no-repeat left top; height: 23px; position: absolute; top: 3px; z-index: 1; } #timeline .slider-container .rw1, #timeline .slider-container .ff1 { width: 7px; margin-left: -3px; } #timeline .slider-container .rw2, #timeline .slider-container .ff2 { width: 14px; margin-left: -4.5px; } #timeline .slider-container .rw1 { background-position: -105px -1px; left: 25%; cursor: w-resize; } #timeline .slider-container .rw2 { background-position: -98px -1px; left: 5%; cursor: w-resize; } #timeline .slider-container .c { background-position: -120px -1px; width: 8px; margin-left: -4px; left: 50%; cursor: -moz-grab; cursor: grab; } #timeline .slider-container .ff1 { background-position: -130px -1px; left: 75%; cursor: e-resize; } #timeline .slider-container .ff2 { background-position: -137px -1px; left: 95%; cursor: e-resize; } #timeline.editable .stack { padding: 25px 0 3px 0; height: 115px; } #timeline.editable ul { height: 115px; } .tip { position: absolute; margin: 0 0 0 2px; min-width: 100px; max-width: 300px; color: #999999; z-index: 1011; } .tip.left { margin-top: -29px; } .tip .content, .tip .t, .tip .b, .tip .b div { background: transparent url(/images/tip.png) no-repeat top right; } .tip .content { position: relative; zoom: 1; _overflow-y: hidden; padding: 12px 12px 0px 0px; } .tip .content ul.event-results li .details { max-width: 175px; } .tip .t { position: absolute; left: 0; top: 0; width: 18px; margin-left: -18px; height: 100%; _height: 1600px; background-position: -325px top; } .tip.bottom { margin-top: -5px; } .tip.bottom .t { background-position: 6px top; } .tip.bottom .b .l { background-position: 6px -357px; } .tip .b { position: relative; height: 12px; font-size: 1px; background-position: right bottom; } .tip .b .l { height: 18px; font-size: 1px; position: relative; width: 18px; margin-left: -18px; background-position: -325px -357px; } .tip .b .r { height: 18px; font-size: 1px; position: absolute; bottom: 0; right: -12px; width: 12px; background-position: bottom right; } .tip .hd, .tip .bd, .tip .ft { position: relative; } .tip .wrapper { position: static; max-height: 1000px; overflow: auto; } .tip .container { max-height: 349px; overflow: auto; padding: 0 10px 0 0; width: 250px; } .tip .container .separator { font-weight: bold; color: #333333; padding: 0 0 3px 3px; border-bottom: 1px solid #bdd533; margin: 10px 0 5px 0; font-size: 11px; } .tip .container .separator:first-child { margin-top: 0; } .tip.rtl { margin-left: 0; margin-right: 12px; } .tip.rtl .content, .tip.rtl .t { background-position: top left; } .tip.rtl .content { padding: 12px 0px 0px 12px; } .tip.rtl .t { right: 0; left: auto; background-position: -307px top; margin-right: -18px; margin-left: 0; } .tip.rtl .b { background-position: left bottom; } .tip.rtl .b .l { background-position: -307px -357px; margin-left: 0; margin-right: -18px; right: 0; position: absolute; } .media-thumbs { *display: inline-block; } .media-thumbs:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .media-thumbs ul { margin: 10px 8px; } .media-thumbs li { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; background-color: #e2e2e2; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); cursor: pointer; display: block; width: 75px; height: 75px; float: left; text-align: center; margin: 0 3px 3px 0; position: relative; } .media-thumbs li:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .media-thumbs li.selected { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: #bdd533; } .media-thumbs li a { position: absolute; display: block; } .media-thumbs li .video-marker { background: transparent url(/images/sprite.png?1319867112) no-repeat -300px -25px; width: 25px; height: 22px; z-index: 2; position: absolute; } .media-thumbs li.vimeo a { clip: rect(0px 87px 75px 12px); left: -9px; top: 3px; } .media-thumbs li.vimeo a .video-marker { left: 62px; top: 53px; } .media-thumbs li.youtube a { clip: rect(7px 97px 82px 22px); left: -19px; top: -4px; } .media-thumbs li.youtube a .video-marker { left: 72px; top: 60px; } .media-thumbs li.brightcove a { clip: rect(7px 97px 82px 22px); left: -19px; top: -4px; } .media-thumbs li.brightcove a .video-marker { left: 72px; top: 60px; } .media-thumbs li.facebook_photo a { clip: rect(6px 102px 81px 27px); left: -24px; top: -3px; } .media-thumbs li.facebook_photo a .video-marker { left: 77px; top: 59px; } .media-thumbs li.smugmug a { clip: rect(6px 102px 81px 27px); left: -24px; top: 4px; } .media-thumbs li.smugmug a .video-marker { left: 77px; top: 59px; } .media-thumbs li.picasa img { width: 75px; height: 75px; } #new-sources { width: 630px; margin: -20px 0 0 5px; height: 210px; } #new-sources .facebook .facebook-connect { background: transparent url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif) no-repeat 0 0; height: 21px; width: 169px; float: right; margin: 10px 15px 0 0; } #new-sources .facebook .icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -64px -65px; } #new-sources .twitter .icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -144px -65px; } #new-sources .youtube .icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -227px -65px; } #new-sources .vimeo .icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -386px -65px; } #new-sources .picasa .icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -305px -65px; } #new-sources .flickr .icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -471px -65px; } #new-sources .facebook, #new-sources .youtube, #new-sources .vimeo, #new-sources .picasa, #new-sources .flickr, #new-sources .twitter, #new-sources .form { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height: 45px; width: 280px; float: left; margin: 10px 30px 10px 0; border: 1px solid #eeeeee; position: relative; behavior: url(/css/ie.htc); } #new-sources .facebook .icon, #new-sources .youtube .icon, #new-sources .vimeo .icon, #new-sources .picasa .icon, #new-sources .flickr .icon, #new-sources .twitter .icon, #new-sources .form .icon { height: 30px; width: 75px; margin: 0 0 0 8px; position: relative; top: 7px; float: left; } #new-sources .facebook .field, #new-sources .facebook .add-field, #new-sources .youtube .field, #new-sources .youtube .add-field, #new-sources .vimeo .field, #new-sources .vimeo .add-field, #new-sources .picasa .field, #new-sources .picasa .add-field, #new-sources .flickr .field, #new-sources .flickr .add-field, #new-sources .twitter .field, #new-sources .twitter .add-field, #new-sources .form .field, #new-sources .form .add-field { width: 187px; height: 25px; margin: 9px 0 8px 0; float: right; } #new-sources .facebook .field input, #new-sources .facebook .add-field input, #new-sources .youtube .field input, #new-sources .youtube .add-field input, #new-sources .vimeo .field input, #new-sources .vimeo .add-field input, #new-sources .picasa .field input, #new-sources .picasa .add-field input, #new-sources .flickr .field input, #new-sources .flickr .add-field input, #new-sources .twitter .field input, #new-sources .twitter .add-field input, #new-sources .form .field input, #new-sources .form .add-field input { height: 21px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #999999 1px solid; width: 170px; float: left !important; font-size: 14px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #new-sources .facebook .field input:focus, #new-sources .facebook .add-field input:focus, #new-sources .youtube .field input:focus, #new-sources .youtube .add-field input:focus, #new-sources .vimeo .field input:focus, #new-sources .vimeo .add-field input:focus, #new-sources .picasa .field input:focus, #new-sources .picasa .add-field input:focus, #new-sources .flickr .field input:focus, #new-sources .flickr .add-field input:focus, #new-sources .twitter .field input:focus, #new-sources .twitter .add-field input:focus, #new-sources .form .field input:focus, #new-sources .form .add-field input:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } #new-sources .facebook .field input:hover, #new-sources .facebook .add-field input:hover, #new-sources .youtube .field input:hover, #new-sources .youtube .add-field input:hover, #new-sources .vimeo .field input:hover, #new-sources .vimeo .add-field input:hover, #new-sources .picasa .field input:hover, #new-sources .picasa .add-field input:hover, #new-sources .flickr .field input:hover, #new-sources .flickr .add-field input:hover, #new-sources .twitter .field input:hover, #new-sources .twitter .add-field input:hover, #new-sources .form .field input:hover, #new-sources .form .add-field input:hover { border: #35a5e5 1px solid !important; } #new-sources .facebook a.add, #new-sources .youtube a.add, #new-sources .vimeo a.add, #new-sources .picasa a.add, #new-sources .flickr a.add, #new-sources .twitter a.add, #new-sources .form a.add { color: #a19f81; text-align: center; font-weight: bold; cursor: pointer; font-size: 11px; float: right; width: 40px; height: 15px; top: 15px; left: 175px; background: white; border: 1px solid #eeeeee; border-top: none; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; position: relative; behavior: url(/css/ie.htc); } #new-sources .facebook a.add:hover, #new-sources .youtube a.add:hover, #new-sources .vimeo a.add:hover, #new-sources .picasa a.add:hover, #new-sources .flickr a.add:hover, #new-sources .twitter a.add:hover, #new-sources .form a.add:hover { color: #4fc0ed; } #new-sources .facebook .label, #new-sources .youtube .label, #new-sources .vimeo .label, #new-sources .picasa .label, #new-sources .flickr .label, #new-sources .twitter .label, #new-sources .form .label { font-weight: bold; font-size: 12px; display: inline-block; width: 200px; margin: 15px 0 15px 15px; float: left; } #new-sources .submit { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); } #new-sources .submit:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } #sources { width: 600px !important; position: relative; } #sources ul.types { *display: inline-block; font-size: 11px; width: 600px; } #sources ul.types:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sources ul.types li { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; padding: 7px 6px 8px 26px; margin: 0 10px 10px 0; cursor: pointer; color: #666666; font-weight: bold; border: 1px solid #eeeeee; font-size: 13px; top: 3px; } #sources ul.types li:hover { color: #333333; } #sources ul.types li.selected { color: white; } #sources ul.types li.facebook { background: transparent url(/images/sprite.png?1319867112) no-repeat -595px -1115px; margin-left: 35px; } #sources ul.types li.facebook.selected { background: #666 url(/images/sprite.png?1319867112) no-repeat -595px -1075px; } #sources ul.types li.flickr { background: transparent url(/images/sprite.png?1319867112) no-repeat -595px -635px; } #sources ul.types li.flickr.selected { background: #666 url(/images/sprite.png?1319867112) no-repeat -595px -595px; } #sources ul.types li.picasa { background: transparent url(/images/sprite.png?1319867112) no-repeat -595px -715px; } #sources ul.types li.picasa.selected { background: #666 url(/images/sprite.png?1319867112) no-repeat -595px -675px; } #sources ul.types li.smugmug { display: none; } #sources ul.types li.twitter { background: transparent url(/images/sprite.png?1319867112) no-repeat -595px -1035px; } #sources ul.types li.twitter.selected { background: #666 url(/images/sprite.png?1319867112) no-repeat -595px -995px; } #sources ul.types li.vimeo { background: transparent url(/images/sprite.png?1319867112) no-repeat -595px -795px; } #sources ul.types li.vimeo.selected { background: #666 url(/images/sprite.png?1319867112) no-repeat -595px -755px; } #sources ul.types li.youtube { background: transparent url(/images/sprite.png?1319867112) no-repeat -595px -875px; margin: 0; } #sources ul.types li.youtube.selected { background: #666 url(/images/sprite.png?1319867112) no-repeat -595px -835px; } #sources form.type { *display: inline-block; clear: both; padding: 0px 0 15px 91px; height: 48px; margin: 10px 0 0 0; } #sources form.type:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sources form.type label { float: left; font-weight: bold; color: #666666; margin: 0 15px 0 0; width: 100px; line-height: 26px; text-align: right; } #sources form.type .spinner { background: url(/images/spinner-small.gif) no-repeat left top; width: 16px; height: 16px; float: left; margin: 4px 0 0 8px; display: none; } #sources form.type .field { margin: 0; float: left; width: 330px; } #sources form.type .field .form-timeline { position: relative; bottom: 50px; } #sources form.type .field p { color: #999999; } #sources form.type .field input { font-size: 14px; margin: 1px 0 0 0; width: 310px; height: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #e2e2e2 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #sources form.type .field input:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } #sources form.type .field input:hover { border: #35a5e5 1px solid !important; } #sources form.type .create { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); float: left; } #sources form.type .create:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } #sources form.type .cancel { line-height: 26px; padding-left: 4px; float: left; } #sources form.facebook { margin-bottom: 20px; } #sources form.facebook p { clear: both; padding: 10px; } #sources form.facebook .connect, #sources form.facebook .connect-step-2 { background: transparent url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif) no-repeat 0 0; width: 169px; height: 21px; cursor: pointer; float: left; margin: 0 3px 0 10px; } #sources form.facebook .cancel { line-height: 21px; } #sources form input.field_with_errors { color: red; } #sources #sources-list { position: relative; } #sources #sources-list .flash { left: 300px; width: 328px; position: absolute; top: 25px; text-align: center; } #sources #sources-list ul { background-color: white; } #sources #sources-list li { *display: inline-block; height: 15px; padding: 5px 0; border-bottom: 1px solid #e8e8e8; position: relative; } #sources #sources-list li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sources #sources-list li:last-child { border-bottom-width: 0; } #sources #sources-list li.facebook span.identifier { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -1078px; } #sources #sources-list li.flickr span.identifier { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -598px; } #sources #sources-list li.picasa span.identifier { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -678px; } #sources #sources-list li.twitter span.identifier { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -998px; } #sources #sources-list li.vimeo span.identifier { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -758px; } #sources #sources-list li.youtube span.identifier { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -838px; } #sources #sources-list li.brightcove span.identifier { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -1238px; } #sources #sources-list li span.identifier { color: #89876f; font-size: 12px; font-weight: bold; padding: 2px 0 2px 25px; line-height: 16px; display: block; } #sources #sources-list .delete { position: absolute; right: 5px; top: 5px; } .form-timeline { position: relative; bottom: 30px; } .update { background: transparent url(/images/sprite.png?1319867112) no-repeat -491px -90px; width: 75px; height: 30px; cursor: pointer; float: right; margin: 10px 5px 10px 0; } .delete { background: transparent url(/images/sprite.png?1319867112) no-repeat -34px -152px; width: 20px; height: 20px; cursor: pointer; } #create-timeline { position: relative; float: right; width: 510px; } #create-timeline form { position: absolute; right: -10px; top: 1px; } #create-timeline form .title { float: left; width: 325px; } #create-timeline form .title input { border: 1px solid #e5e5e5; width: 270px; height: 18px; font-size: 16px; padding: 6px 3px 6px 8px; margin: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: #e2e2e2 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #create-timeline form .title input:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } #create-timeline form .title input:hover { border: #35a5e5 1px solid !important; } #create-timeline form .help { position: absolute; right: 128px; top: 7px; } #create-timeline form .buttons { float: right; margin: 3px 22px 0 0; width: 110px; } #create-timeline form .buttons .submit { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); } #create-timeline form .buttons .submit:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .picker { background: transparent url(/images/sprite.png?1319867112) no-repeat -34px -121px; width: 110px; height: 31px; } .picker .drop { float: right; width: 27px; height: 31px; } .picker input { font-size: 13px; color: black !important; margin-top: 7px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 7px 0 0 6px; width: 73px; background-color: transparent; border-width: 0; } .help { background: transparent url(/images/sprite.png?1319867112) no-repeat -80px -424px; width: 15px; height: 15px; float: right; cursor: pointer; } .help.create-timeline { position: relative; top: 7px; left: 10px; } .help.edit-timeline { margin: 8px 170px 0 0; } .help.sources { position: relative; bottom: 23px; right: 32px; z-index: 15; } .help.sources.two { right: 225px; top: 14px; } .help.suggest-event { position: relative; height: 20px; right: 180px; top: 2px; } .help.add-event { margin: 7px 0 0 0 !important; float: left; } .help.settings-birthday { margin: 4px 50px 0 5px; display: none; } .help.media-content { float: left; position: relative; top: 15px; right: 7px; height: 15px !important; } .help.privacy { position: relative; top: 4px; } .help.privacy.one { right: 750px; } .help.privacy.two { right: 490px; } .help.privacy.three { right: 200px; } .help.favorites { position: relative; bottom: 15px; right: 315px; } .exclamation { background: transparent url(/images/sprite.png?1319867112) no-repeat -33px -442px; width: 15px; height: 15px; float: right; cursor: pointer; position: relative; bottom: 43px; right: 100px; } .create-event-form a { margin: 10px 10px 30px 0; text-decoration: underline; float: right !important; } .create-event-form a:hover { color: #4fc0ed; } .create-event-form .explanation-video { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px 6px; margin: 0 0 20px 0; font-weight: bold; color: #9a944a; position: relative; bottom: 15px; } .create-event-form .title { float: left; width: 508px; margin: 20px 0 0 0; padding-bottom: 30px; } .create-event-form .title .p { margin: -10px 0 0 5px; color: #a19f81; } .create-event-form .fix { position: relative; top: 50px; } .create-event-form .help-title-step { right: 7px; top: 40px; display: inline; margin: 0px; position: relative; } .create-event-form .dates { float: left; color: #a19f81; padding: 0 0 0 0; margin-left: -10px; } .create-event-form .dates .picker { margin: 3px 0 0 -3px; } .create-event-form .event_privacy_settings { margin: 0 0 30px 0; } .create-event-form .event_privacy_settings div.option { clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; margin: 20px 0 20px 0; font-weight: bold; color: #9a944a; background-color: #f0f0f0; height: 20px; position: relative; behavior: url(/css/ie.htc); } .create-event-form .event_privacy_settings div.option .check { width: 20px; border: 1px transparent solid; } .create-event-form .event_privacy_settings div.option label { margin: 3px 20px 0 5px; font-size: 12px; width: 100px !important; text-align: left; padding-top: 3px; } .create-event-form .event_privacy_settings div.option input { color: #94937a; font-size: 13px; font-weight: bold; text-align: center; } .create-event-form .dates { width: 508px; } .create-event-form .dates .date { float: left; width: 100px; margin: 0 0 20px 15px; } .create-event-form input.name { height: 40px; width: 450px; padding: 0 0 0 5px; margin: 5px 0; font-weight: bold; font-size: 30px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: #999999 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } .create-event-form input.name:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } .create-event-form input.name:hover { border: #35a5e5 1px solid !important; } .create-event-form textarea.description { margin: 5px 0; width: 445px; height: 85px !important; padding: 2px 5px 0 5px; font-weight: bold; font-size: 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: #999999 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } .create-event-form textarea.description:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } .create-event-form textarea.description:hover { border: #35a5e5 1px solid !important; } .create-event-form .field_with_errors { border: 2px solid red !important; } .create-event-form .field_with_errors:focus { border: 1px solid red !important; outline: none !important; box-shadow: 0 0 5px #ff4748 !important; -webkit-box-shadow: 0 0 5px #ff4748 !important; -moz-box-shadow: 0 0 5px #ff4748 !important; } .media-browser { display: none; margin-top: 15px; } .media-browser .fix { margin-top: -80px; } .media-browser .add-media-container { width: 600px; margin: 0 11px; } .media-browser .add-media-container .add-media { border: 3px solid #f2f2f2; cursor: pointer; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 11px; padding: 7px 13px; font-weight: bold; text-align: center; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); margin: 12px 5px 5px 5px; float: left; } .media-browser .add-media-container .add-media:hover { background: #4fc0ed; color: white; outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; border: #35a5e5 3px solid !important; } .media-browser .add-media-container .active { background: #4fc0ed; color: white; outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; border: #35a5e5 3px solid !important; } .media-browser .add-media-container .sources { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; background: #e8e8e1; text-shadow: 1px 1px 1px white; margin: 5px 5px -3px 0; padding-top: 10px; top: 8px; height: 20px; position: relative; border-bottom: none; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .media-browser .add-media-container .sources:hover { background: #e8e8e1; color: #666666; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none !important; } .media-browser .media-browser-container-border { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #f2f2f2; padding: 5px; } .media-browser .media-browser-container-border .media-browser-container-inner-border { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #d9d9d9; background: white; } .media-browser .media-browser-container-border .media-browser-container-inner-border #media-link input#http { width: 500px; font-size: 13px; padding: 4px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #999999 1px solid; float: left; margin: 10px 8px 10px 10px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } .media-browser .media-browser-container-border .media-browser-container-inner-border #media-link input#http:focus { outline: none; border: #35a5e5 1px solid; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } .media-browser .media-browser-container-border .media-browser-container-inner-border #media-link input#http:hover { border: #35a5e5 1px solid; } .media-browser .media-browser-container-border .media-browser-container-inner-border #media-link .watermark { color: #bbbbbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 14px; } .media-browser .media-browser-container-border .media-browser-container-inner-border #media-link .add-link-submit { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); margin-top: 11px; float: left; height: 12px !important; text-shadow: none !important; } .media-browser .media-browser-container-border .media-browser-container-inner-border #media-link .add-link-submit:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .media-browser #event-settings { margin: -110px 0 20px 0; width: 400px; float: right; } .media-browser .explanation, .media-browser .privacy-policy, .media-browser .no-sources-ad { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px 6px; margin: 10px 0 0 0; font-weight: bold; color: #9a944a; background-color: #f1f1ce; } .media-browser .summary { *display: inline-block; clear: both; padding: 0 6px 0 6px; font-size: 12px; text-shadow: 1px 1px 1px #f3f3f3; margin: 8px 5px 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(/images/gradients.png) repeat-x left -20px; } .media-browser .summary:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .media-browser .summary.top { color: #999999; position: relative; behavior: url(/css/ie.htc); } .media-browser .summary.top .create { border-left: 1px solid #f2f2ed; width: 138px; padding-left: 15px; } .media-browser .summary.top .submit { margin: 10px 6px 0 9px; } .media-browser .summary.top .cancel { line-height: 44px; float: right; margin-right: 10px; } .media-browser .summary.top .cancel a { color: #a19f81; font-weight: bold; cursor: pointer; font-size: 12px; text-decoration: underline; text-shadow: none; margin-left: 5px; } .media-browser .summary.top .cancel a:hover { color: #4fc0ed; } .media-browser .summary .submit { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); margin-top: 10px; height: 12px; text-shadow: none; color: white !important; padding: 6px 15px; } .media-browser .summary .submit:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; padding: 7px 15px 4px 15px; } .media-browser .summary.bottom { border-top: 1px solid #d9d9d9; margin-top: 15px; color: #89876f; } .media-browser .summary.bottom .create { float: right; } .media-browser .summary div { float: left; height: 45px; } .media-browser .summary .totals { width: 404px; line-height: 45px; } .media-browser .summary .browse, .media-browser .summary .timelines, .media-browser .summary .usernames { line-height: 45px; font-size: 13.4px; color: #8e8c74; } .media-browser .summary .browse select, .media-browser .summary .timelines select, .media-browser .summary .usernames select { max-width: 240px; } .media-browser .summary .browse select option.events, .media-browser .summary .timelines select option.events, .media-browser .summary .usernames select option.events { border-bottom: 1px dotted #aaaaaa; } .media-browser .summary .usernames { width: 240px; } .media-browser .summary .usernames select { width: 130px; } .media-browser .summary .timelines { width: 230px; padding-left: 10px; } .media-browser .summary .connect_media_browser { background: transparent url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif) no-repeat 0 0; width: 169px; height: 21px; margin: 12px 30px 0 20px; cursor: pointer; } .media-browser .summary .browse { padding-left: 10px; margin-right: 20px; width: 221px; position: relative; } .media-browser .summary .browse .next, .media-browser .summary .browse .prev { width: 20px; height: 26px; position: absolute; top: 8.5px; cursor: pointer; } .media-browser .summary .browse .current-month { background: transparent url(/images/sprite.png?1319867112) no-repeat -54px -173px; line-height: 25px; padding: 1px 0 0 0; position: absolute; top: 8.5px; right: 30px; width: 100px; text-align: center; } .media-browser .summary .browse .prev { background: transparent url(/images/sprite.png?1319867112) no-repeat -34px -173px; right: 130px; } .media-browser .summary .browse .next { background: transparent url(/images/sprite.png?1319867112) no-repeat -186px -173px; right: 10px; } .media-browser .summary .create { height: 45px; } .media-browser .summary .create input { vertical-align: middle; margin: 0 5px 0 10px; } .media-browser .media { *display: inline-block; } .media-browser .media:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .media-browser .media .no-media-message { color: #a19f81; font-weight: bold; font-size: 12px; height: 40px; margin-top: 30px; text-align: center; } .media-browser .media .no-sources-ad { color: white; background-color: #f2d302; text-shadow: 1px 1px 1px black; font-size: 13px; padding: 5px 0 6px 75px; } .media-browser .media.loading { background-position: center top; width: auto; } .media-browser .media.post .image, .media-browser .media.status .image { float: left; width: 525px; padding: 0 15px 0 0; } .media-browser .media.post .text, .media-browser .media.status .text { float: left; width: 388px; } .media-browser .media.post .post { display: block; } .media-browser .media.status .status { display: block; } .media-browser .media.photo .photo { display: block; } .media-browser .media.video .video { display: block; } .media-browser .media .type { *display: inline-block; margin: 0 0 0 0; clear: both; display: none; } .media-browser .media .type:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .media-browser .media .type h3 { border-bottom: 1px solid #e8e8e8; font-weight: bold; padding: 0 0 4px 3px; margin: 0 0 7px 0; } .media-browser .media .type h2 { font-size: 17px; margin: 0 0 20px 10px; letter-spacing: -1px; } .media-browser .media .video, .media-browser .media .photo { margin-left: 30px; } .media-browser .media .video span, .media-browser .media .photo span { color: #89876f; } .media-browser .media .post h4, .media-browser .media .status h4 { color: #89876f; font-size: 14px; font-weight: normal; line-height: 16px; } .media-browser .media .post span, .media-browser .media .status span { color: #89876f; } .media-browser .media .post ul li, .media-browser .media .status ul li { cursor: pointer; background: url(/images/post-check.png) no-repeat 358px bottom; border-top: 1px solid #d9d9d9; margin: 5px 0 0 0; padding: 10px 30px 5px 10px; } .media-browser .media .post ul li:first-child, .media-browser .media .status ul li:first-child { border-width: 0; } .media-browser .media .post ul li.selected, .media-browser .media .status ul li.selected { background-position: -618px bottom; } .media-browser .media .post ul li.selected h4, .media-browser .media .post ul li.selected span, .media-browser .media .status ul li.selected h4, .media-browser .media .status ul li.selected span { color: #bdd533; } .ui-datepicker { display: none; z-index: 4; } #event-details { position: relative; color: #666666; } #event-details .powered-by { background: url(/images/poweredby.png) no-repeat top left; height: 40px; width: 95px; position: absolute; right: 30px; top: 5px; } #event-details .privacy { position: absolute; right: 0px; top: 0; } #event-details .privacy a { font-weight: bold; margin-right: 15px; } #event-details.empty .privacy { position: absolute; right: 0px; bottom: 25px; } #event-details.empty .privacy a { font-weight: bold; margin-right: 15px; } #event-details.empty #event-media-viewer { display: none; } #event-details.empty #current-media { display: none; } #event-details.empty #event-thumbs { display: none; } #event-details.empty .event-details { height: auto; width: auto; } #event-details.empty .event-details .author { position: static; } #event-details.empty .event-details .create-event-form { width: 625px; } #event-details.empty .event-details .create-event-form .title, #event-details.empty .event-details .create-event-form .name, #event-details.empty .event-details .create-event-form .description { width: 585px; } #event-details.empty .event-details .create-event-form .help { margin-right: -25px; } #event-details.empty .buttons { height: 40px; } #event-details.empty .buttons a:hover { color: #4fc0ed; } #event-details.empty .buttons .help { float: left; margin-top: 3px; } #event-details .delete { display: none; } #event-details .create-event-form { display: none; } #event-details.editable .delete { display: block; } #event-details.editable .event-details { padding-top: 35px; } #event-details.editable .event-details .title { display: none; } #event-details.editable .create-event-form { display: block; } #event-details.editable .buttons .share { display: none; } #event-details .jcarousel-container-horizontal { width: 892px; padding: 2px 18px; max-height: 110px; } #event-details .jcarousel-clip-horizontal { width: 892px; position: relative; bottom: 11px; } #event-details h1, #event-details h2 { color: #333333; font-weight: bold; } #event-details h1 { margin: 12px 0 18px 0; font-size: 35px; } #event-details .event-details { height: 307px; width: 320px; padding: 0 10px 5px 20px; position: relative; min-height: 215px !important; } #event-details .event-details .title h1 { margin: 5px 0 5px 0 !important; } #event-details .event-details .title a { text-decoration: underline; cursor: pointer; } #event-details .event-details .title a:hover { color: #4fc0ed; } #event-details .event-details .date { font-size: 12px; color: #bbbbbb; padding: 0 0 0 1px; margin-bottom: 20px; font-weight: bold; } #event-details .event-details .date .info { width: 375px; } #event-details .event-details .date .info #new_edit_link { font-size: 11px; } #event-details .event-details a { color: #a19f81; font-weight: bold; } #event-details .event-details p { color: #666666; line-height: 18px; font-size: 12px; } #event-details .event-details p.description { height: 85px; overflow-y: scroll; } #event-details .event-details .author { bottom: 20px; } #event-details .event-details .author-more { top: 340px; } #event-details .event-details .author, #event-details .event-details .author-more { *display: inline-block; margin: 15px 0 0 0; color: #a19f81; position: absolute; width: 320px; } #event-details .event-details .author:after, #event-details .event-details .author-more:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #event-details .event-details .author a, #event-details .event-details .author-more a { font-weight: bold; color: #a19f81; } #event-details .event-details .author p, #event-details .event-details .author-more p { line-height: 14px; font-size: 13px; color: #a19f81; margin: 0 0 3px 0; } #event-details .event-details .author p.count, #event-details .event-details .author-more p.count { font-size: 11px; } #event-details .event-details .author .details, #event-details .event-details .author-more .details { float: left; padding: 0 0 0 0; width: 248px; } #event-details .event-details .create-event-form { *display: inline-block; position: relative; padding: 60px 0 0 0; height: 247px; } #event-details .event-details .create-event-form:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #event-details .event-details .create-event-form .title, #event-details .event-details .create-event-form .name, #event-details .event-details .create-event-form .description { width: 305px; display: block; } #event-details .event-details .create-event-form .dates { padding: 0; position: absolute; top: 10px; left: 10px; } #event-details .event-details .create-event-form .dates .date { margin: 0 15px 10px 0; } #event-details .event-details .create-event-form .buttons { clear: both; margin: 30px 0 0 0; position: absolute; padding: 0; background-image: none; height: auto; left: 0; bottom: 10px; line-height: 27px; width: 305px; } #event-details .event-details .create-event-form .buttons .delete-event { position: absolute; right: 0; top: 0; float: right !important; color: #990000; margin: 0; width: 212px; height: 26px; padding: 0; } #event-details .event-details .create-event-form .buttons .delete-event .normal { text-align: right; position: absolute; float: none; } #event-details .event-details .create-event-form .buttons .delete-event .normal:hover { text-decoration: underline; } #event-details .event-details .create-event-form .buttons .delete-event .confirm { background: transparent url(/images/sprite.png?1319867112) no-repeat -656px -121px; width: 112px; height: 26px; position: absolute; top: 20px !important; float: right; margin: 0; } #event-details .event-details .create-event-form .submit { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -moz-linear-gradient(19% 75% 90deg, #b7b152, #c9c56e); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9c56e), to(#b7b152)); background: linear-gradient(#c9c56e, #b7b152); -pie-background: linear-gradient(#c9c56e, #b7b152); display: block; float: right; padding: 6px 20px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; position: relative; behavior: url(/css/ie.htc); border: none !important; float: left; height: 25px; margin: 0 5px 0 0; } #event-details .event-details .create-event-form .submit:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: -moz-linear-gradient(19% 75% 90deg, #c9c56e, #b7b152); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b7b152), to(#c9c56e)); background: linear-gradient(#b7b152, #c9c56e); -pie-background: linear-gradient(#b7b152, #c9c56e); padding: 7px 20px 5px 20px; color: #e2e2e2; outline: none; } #event-details .event-details .create-event-form .cancel { float: left; margin: -28px 0 0 5px; } #event-details .buttons { height: 34px; padding: 15px 0 0 15px; background: url(/images/gradients.png) repeat-x left -206px; z-index: 1; } #event-details .buttons-more { margin: 110px 0 0 0; height: 34px; padding: 15px 0 0 20px; background: url(/images/gradients.png) repeat-x left -206px; } #event-details .buttons h2, #event-details .buttons-more h2 { color: #333333 !important; font-size: 16px !important; letter-spacing: -1px; margin-right: 10px; float: left; } #event-details .buttons .sep, #event-details .buttons-more .sep { width: 594px; border-bottom: 1px solid #e2e2e2; float: left; height: 1px; } #event-details .buttons .add, #event-details .buttons-more .add { margin: 3px 500px 0 0; } #event-details .buttons .add a, #event-details .buttons-more .add a { position: relative; text-decoration: underline; color: #a19f81; font-weight: bold; font-size: 10px; } #event-details .buttons .add a:hover, #event-details .buttons-more .add a:hover { color: #4fc0ed; } #event-details .buttons div, #event-details .buttons-more div { height: 29px; cursor: pointer; float: left; margin: 0 5px 0 0; } #event-details .buttons p, #event-details .buttons-more p { width: 594px; border-bottom: 1px solid #bdd533; padding-bottom: 12px; } #event-details .buttons .edit, #event-details .buttons-more .edit { background: transparent url(/images/sprite.png?1319867112) no-repeat -160px -208px; width: 125px; height: 34px; } #event-details .buttons .add-more, #event-details .buttons-more .add-more { background: transparent url(/images/sprite.png?1319867112) no-repeat -287px -208px; width: 115px; } #event-details .buttons .add-my-stuff, #event-details .buttons-more .add-my-stuff { background: transparent url(/images/sprite.png?1319867112) no-repeat -455px -581px; width: 139px; height: 35px; } #event-details .buttons .guest-add-more, #event-details .buttons-more .guest-add-more { background: transparent url(/images/sprite.png?1319867112) no-repeat -287px -208px; width: 117px; } #event-details .buttons .guest-add-more span, #event-details .buttons-more .guest-add-more span { background-image: none !important; display: block; height: 29px; width: 75px; } #event-details .buttons .add-to-timeline .submit, #event-details .buttons-more .add-to-timeline .submit { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); } #event-details .buttons .add-to-timeline .submit:active, #event-details .buttons-more .add-to-timeline .submit:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } #event-details .delete { position: absolute; top: -6px; right: 0; z-index: 2; } #event-details .current-media .posts .date, #event-details .current-media .statuses .date { color: #bbbbbb; font-weight: bold; font-size: 11px; line-height: 12px; } #event-details .current-media .posts .date a, #event-details .current-media .statuses .date a { color: #bbbbbb; } #event-details .current-media .posts .item, #event-details .current-media .statuses .item { position: relative; } #event-details .current-media .left { float: left; width: 594px; border-right: 1px solid #e2e2e2; padding: 10px 15px 10px 0; margin-top: 15px; } #event-details .current-media .left .posts { float: left; width: 594px; line-height: 13px; border-bottom: 1px solid #bdd533; } #event-details .current-media .left .posts input#post_url { width: 500px; font-size: 13px; margin-right: 8px; padding: 4px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #999999 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #event-details .current-media .left .posts input#post_url:focus { outline: none; border: #35a5e5 1px solid; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } #event-details .current-media .left .posts input#post_url:hover { border: #35a5e5 1px solid; } #event-details .current-media .left .posts .watermark { color: #bbbbbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 14px; } #event-details .current-media .left .posts .sep { border-bottom: 1px solid #e2e2e2; } #event-details .current-media .left .posts .title { height: 35px; } #event-details .current-media .left .posts .title h2 { color: #333333 !important; font-size: 16px !important; letter-spacing: -1px; font-weight: bold; padding-bottom: 10px; margin-right: 10px; float: left; } #event-details .current-media .left .posts .title a { text-decoration: underline; } #event-details .current-media .left .posts .title a:hover { color: #4fc0ed; } #event-details .current-media .left .posts a { color: #a19f81; font-weight: bold; cursor: pointer; font-size: 10px; } #event-details .current-media .left .posts h2 { font-size: 14px; line-height: 15px; letter-spacing: -1px; margin: 10px 0 -1px 0; } #event-details .current-media .left .posts .item, #event-details .current-media .left .posts .item.suggested { padding: 0 0 14px 0; font-size: 11px; line-height: 15px; } #event-details .current-media .left .posts .item .delete-link, #event-details .current-media .left .posts .item.suggested .delete-link { height: 15px; } #event-details .current-media .left .posts .item .delete-link a, #event-details .current-media .left .posts .item.suggested .delete-link a { display: none; } #event-details .current-media .left .posts .item:last-child, #event-details .current-media .left .posts .item.suggested:last-child { border-bottom-width: 0; margin-bottom: 0; } #event-details .current-media .left .posts .item p, #event-details .current-media .left .posts .item.suggested p { font-size: 10px !important; line-height: 18px; margin-top: 7px; } #event-details .current-media .left .posts .item.suggested { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdf2c7), to(white)); background: -moz-linear-gradient(19% 75% 90deg, #fdf2c7, white); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDF2C7', endColorstr='#fff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FDF2C7, endColorstr=#fff)"; } #event-details .current-media .left .posts .item.suggested .suggest_label { text-align: center; padding: 5px 2px; color: #888888; font-weight: bold; background: #fef0bf; } #event-details .current-media .left .posts .item.suggested .suggest_actions { height: 15px; } #event-details .current-media .left .posts .item.suggested .suggest_actions .reject_media, #event-details .current-media .left .posts .item.suggested .suggest_actions .approve_media { margin: 5px 5px 10px 0; float: left; padding: 1px 5px 1px 5px; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; font-weight: bold; color: #a19f81; text-decoration: underline; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); cursor: pointer; float: right; } #event-details .current-media .left .posts .item.suggested .suggest_actions .reject_media:hover { background: white; border: 1px solid red; box-shadow: 0 0 5px red; filter: shadow(color=red, strength=5px, offX=0, offY=0); -ms-filter: "shadow(color=red, strength=5px, offX=0, offY=0)"; -webkit-box-shadow: 0 0 5px red; -moz-box-shadow: 0 0 5px red; color: red; text-decoration: none; } #event-details .current-media .left .posts .item.suggested .suggest_actions .approve_media { float: left; margin-left: 4px; } #event-details .current-media .left .posts .item.suggested .suggest_actions .approve_media:hover { background: white; border: 1px solid green; box-shadow: 0 0 5px green; filter: shadow(color=green, strength=5px, offX=0, offY=0); -ms-filter: "shadow(color=green, strength=5px, offX=0, offY=0)"; -webkit-box-shadow: 0 0 5px green; -moz-box-shadow: 0 0 5px green; color: green; text-decoration: none; } #event-details .current-media .left .posts .item:hover .delete-link a { display: block; margin: 5px 5px 10px 0; float: left; padding: 1px 5px 1px 5px; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; font-weight: bold; color: #a19f81; text-decoration: underline; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); cursor: pointer; } #event-details .current-media .left .posts .item:hover .delete-link a:hover { border: 1px solid red; box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; -moz-box-shadow: 0 0 5px red; color: red; text-decoration: none; } #event-details .current-media .left .posts .item:hover .delete-link a { float: right; margin-top: 0; } #event-details .current-media .left .posts #external_post_submit { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); margin-top: 2px; } #event-details .current-media .left .posts #external_post_submit:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } #event-details .current-media .left .comments { float: left; border-right: 1px solid #e2e2e2; width: 594px; padding: 10px 15px 10px 0; } #event-details .current-media .left .comments .watermark { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 14px; } #event-details .current-media .left .comments h2 { margin-top: 0; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; } #event-details .current-media .left .comments h1 { margin: 0 0 15px 20px; position: relative; bottom: 30px; } #event-details .current-media .left .comments ul li { *display: inline-block; padding: 6px 0 6px 0; clear: both; } #event-details .current-media .left .comments ul li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #event-details .current-media .left .comments ul li:last-child { border-bottom-width: 0; padding-bottom: 0; } #event-details .current-media .left .comments ul .text { width: 530px; float: left; padding: 2px 0 0 0; } #event-details .current-media .left .comments ul blockquote { margin: 0 0 7px 0; font-size: 12px; line-height: 16px; } #event-details .current-media .left .comments ul blockquote p { margin: 0 0 5px 0; color: #666666; } #event-details .current-media .left .comments ul p { color: #888888; } #event-details .current-media .left .comments h2 { font-size: 16px; margin: 10px 0 5px 0; letter-spacing: -1px; } #event-details .current-media .left .comments form { *display: inline-block; margin-bottom: 15px; } #event-details .current-media .left .comments form:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #event-details .current-media .left .comments form textarea { width: 580px; height: 30px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 14px; padding: 4px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: #999999 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #event-details .current-media .left .comments form textarea:focus { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; position: relative; behavior: url(/css/ie.htc); } #event-details .current-media .left .comments form textarea:hover { border: #35a5e5 1px solid !important; } #event-details .current-media .left .comments form a { color: #a19f81; font-weight: bold; cursor: pointer; padding: 17px 10px 0 0; float: right; } #event-details .current-media .left .comments form input { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); margin-top: 10px !important; margin-right: 5px !important; border: none !important; } #event-details .current-media .left .comments form input:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } #event-details .current-media .left .comments form .guest-submit { margin-top: 10px; margin-right: 5px; background: transparent url(/images/sprite.png?1319867112) no-repeat -618px -208px; width: 114px; height: 29px; float: right; cursor: pointer; } #event-details .current-media .right { float: left; border-left: 1px solid #e2e2e2; width: 300px; line-height: 13px; padding: 10px 0 10px 15px; margin: 15px 0 0 -1px; } #event-details .current-media .right p { margin-bottom: 3px; } #event-details .current-media .right .statuses { float: left; width: 300px; line-height: 13px; margin-top: -1px; border-bottom: 1px solid #bdd533; } #event-details .current-media .right .statuses .title { height: 24px; } #event-details .current-media .right .statuses .title h2 { color: #333333 !important; font-size: 16px !important; letter-spacing: -1px; font-weight: bold; padding-bottom: 10px; margin-right: 10px; float: left; } #event-details .current-media .right .statuses .title div { margin-top: 2px; float: left; } #event-details .current-media .right .statuses .title div a { color: #a19f81; font-weight: bold; cursor: pointer; font-size: 10px; text-decoration: underline; } #event-details .current-media .right .statuses .title div a:hover { color: #4fc0ed !important; } #event-details .current-media .right .statuses .sep { border-bottom: 1px solid #e2e2e2; padding: 0px; } #event-details .current-media .right .statuses .item, #event-details .current-media .right .statuses .item.suggested { *display: inline-block; padding: 5px 0 5px 0; margin: 15px 0 15px 0; min-height: 55px; } #event-details .current-media .right .statuses .item:after, #event-details .current-media .right .statuses .item.suggested:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #event-details .current-media .right .statuses .item img, #event-details .current-media .right .statuses .item.suggested img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; margin: 0 10px 0 0; border: 3px solid #e7e7df; width: 40px; height: 40px; position: relative; behavior: url(/css/ie.htc); } #event-details .current-media .right .statuses .item .delete-tweet, #event-details .current-media .right .statuses .item.suggested .delete-tweet { height: 15px; position: absolute; bottom: -8px; right: 0; } #event-details .current-media .right .statuses .item .delete-tweet a, #event-details .current-media .right .statuses .item.suggested .delete-tweet a { display: none; } #event-details .current-media .right .statuses .item p, #event-details .current-media .right .statuses .item.suggested p { float: left; width: 241px; } #event-details .current-media .right .statuses .item p .date, #event-details .current-media .right .statuses .item.suggested p .date { display: block; background: none; } #event-details .current-media .right .statuses .item p a, #event-details .current-media .right .statuses .item p span.author, #event-details .current-media .right .statuses .item.suggested p a, #event-details .current-media .right .statuses .item.suggested p span.author { text-decoration: none; font-weight: bold; } #event-details .current-media .right .statuses .item p a.author, #event-details .current-media .right .statuses .item p span.author, #event-details .current-media .right .statuses .item.suggested p a.author, #event-details .current-media .right .statuses .item.suggested p span.author { color: #333333; line-height: 20px; } #event-details .current-media .right .statuses .item.suggested { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdf2c7), to(white)); background: -moz-linear-gradient(19% 75% 90deg, #fdf2c7, white); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDF2C7', endColorstr='#fff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FDF2C7, endColorstr=#fff)"; padding: 0; margin: 0; } #event-details .current-media .right .statuses .item.suggested .suggest_label { text-align: center; padding: 5px 2px; color: #888888; font-weight: bold; background: #fef0bf; margin: 0 0 5px 0; } #event-details .current-media .right .statuses .item.suggested .suggest_actions { height: 15px; } #event-details .current-media .right .statuses .item.suggested .suggest_actions .reject_media, #event-details .current-media .right .statuses .item.suggested .suggest_actions .approve_media { margin: 5px 5px 10px 0; float: left; padding: 1px 5px 1px 5px; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; font-weight: bold; color: #a19f81; text-decoration: underline; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); cursor: pointer; float: right; } #event-details .current-media .right .statuses .item.suggested .suggest_actions .reject_media:hover { background: white; border: 1px solid red; box-shadow: 0 0 5px red; filter: shadow(color=red, strength=5px, offX=0, offY=0); -ms-filter: "shadow(color=red, strength=5px, offX=0, offY=0)"; -webkit-box-shadow: 0 0 5px red; -moz-box-shadow: 0 0 5px red; color: red; text-decoration: none; } #event-details .current-media .right .statuses .item.suggested .suggest_actions .approve_media { float: left; margin-left: 4px; } #event-details .current-media .right .statuses .item.suggested .suggest_actions .approve_media:hover { background: white; border: 1px solid green; box-shadow: 0 0 5px green; filter: shadow(color=green, strength=5px, offX=0, offY=0); -ms-filter: "shadow(color=green, strength=5px, offX=0, offY=0)"; -webkit-box-shadow: 0 0 5px green; -moz-box-shadow: 0 0 5px green; color: green; text-decoration: none; } #event-details .current-media .right .statuses .item:hover .delete-tweet a { display: block; margin: 5px 5px 10px 0; float: left; padding: 1px 5px 1px 5px; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; font-weight: bold; color: #a19f81; text-decoration: underline; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); cursor: pointer; } #event-details .current-media .right .statuses .item:hover .delete-tweet a:hover { border: 1px solid red; box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; -moz-box-shadow: 0 0 5px red; color: red; text-decoration: none; } #event-details .current-media .right .people { float: left; width: 300px; line-height: 13px; margin: 0 0 20px 0; padding: 10px 15px 10px 0; } #event-details .current-media .right .people .title { height: 23px; border-bottom: 1px solid #e2e2e2; } #event-details .current-media .right .people .title .people_actions { float: left; margin-top: 2px; } #event-details .current-media .right .people .title .people_actions a { color: #a19f81; font-weight: bold; cursor: pointer; font-size: 10px; text-decoration: underline; } #event-details .current-media .right .people .title .people_actions a:hover { color: #4fc0ed; } #event-details .current-media .right .people .title .people_actions a .remove-user, #event-details .current-media .right .people .title .people_actions a:hover .remove-user { cursor: pointer; margin: 0 0 10px 0; width: 280px; float: left; } #event-details .current-media .right .people .title h2 { color: #333333 !important; font-size: 16px !important; letter-spacing: -1px; font-weight: bold; padding-bottom: 10px; margin-right: 10px; float: left; } #event-details .current-media .right .people .help { position: relative; right: 140px; bottom: 2px; } #event-details .current-media .right .people h1 { font-size: 12px; margin: 10px 0 10px 0; letter-spacing: normal; font-weight: normal; } #event-details .current-media .right .people ul li { height: 65px; display: inline-block; margin-bottom: 10px; float: left; } #event-details .current-media .right .people ul li .delete-people { height: 15px; } #event-details .current-media .right .people ul li .delete-people a { display: none; margin: 5px 0 !important; float: left; padding: 1px 3px !important; border: 1px solid transparent; } #event-details .current-media .right .people ul li .change-avatar-container { position: relative; top: 46px; } #event-details .current-media .right .people ul li .change-avatar-container a { display: block; margin: 5px 5px 10px 0; float: left; padding: 1px 5px 1px 5px; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; font-weight: bold; color: #a19f81; text-decoration: underline; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); cursor: pointer; } #event-details .current-media .right .people ul li .change-avatar-container a:hover { border: 1px solid red; box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; -moz-box-shadow: 0 0 5px red; color: red; text-decoration: none; } #event-details .current-media .right .people ul li .change-avatar-container a { position: absolute; margin: 5px 0 !important; float: left; padding: 1px 4px !important; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; font-weight: bold; } #event-details .current-media .right .people ul li .change-avatar-container a:hover { color: #4fc0ed; border: 1px solid #4fc0ed; box-shadow: 0 0 5px #4fc0ed; -webkit-box-shadow: 0 0 5px #4fc0ed; -moz-box-shadow: 0 0 5px #4fc0ed; } #event-details .current-media .right .people li:hover .delete-people { position: relative; top: 46px; } #event-details .current-media .right .people li:hover .delete-people a { display: block; margin: 5px 5px 10px 0; float: left; padding: 1px 5px 1px 5px; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; font-weight: bold; color: #a19f81; text-decoration: underline; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); cursor: pointer; } #event-details .current-media .right .people li:hover .delete-people a:hover { border: 1px solid red; box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; -moz-box-shadow: 0 0 5px red; color: red; text-decoration: none; } #event-details .current-media .right .people li:hover .delete-people a { position: absolute; } #event-details .current-media .right .people .p { padding: 25px 0 0 25px; font-size: 12px; margin: 10px 0 10px 0; } #event-details .current-media .media-thumbs { margin: 0 0 25px 0; padding: 20px 0 25px 0 !important; position: relative; color: #a19f81; } #event-details .current-media .media-thumbs li.suggested .suggest_label { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); padding: 5px 2px; width: 71px; color: black; font-weight: bold; background: #fcd85e; position: absolute; z-index: 99999; } #event-details .current-media .media-thumbs li.suggested .suggest_actions { width: 75px; position: absolute; top: 86px; cursor: pointer; opacity: 2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=200)"; filter: alpha(opacity=200); } #event-details .current-media .media-thumbs li.suggested .suggest_actions .reject_media, #event-details .current-media .media-thumbs li.suggested .suggest_actions .approve_media { width: 54px; padding: 0 10px 2px 10px; font-weight: bold; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; text-decoration: underline; position: absolute; text-align: center; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #event-details .current-media .media-thumbs li.suggested .suggest_actions .reject_media:hover { margin: -1px 0 0 -1px; border: 1px solid red; box-shadow: 0 0 5px red; filter: shadow(color=red, strength=5px, offX=0, offY=0); -ms-filter: "shadow(color=red, strength=5px, offX=0, offY=0)"; -webkit-box-shadow: 0 0 5px red; -moz-box-shadow: 0 0 5px red; color: red; text-decoration: none; } #event-details .current-media .media-thumbs li.suggested .suggest_actions .approve_media { margin: -103px auto 0 auto; } #event-details .current-media .media-thumbs li.suggested .suggest_actions .approve_media:hover { margin: -104px 0 0 -1px; border: 1px solid green; box-shadow: 0 0 5px green; filter: shadow(color=green, strength=5px, offX=0, offY=0); -ms-filter: "shadow(color=green, strength=5px, offX=0, offY=0)"; -webkit-box-shadow: 0 0 5px green; -moz-box-shadow: 0 0 5px green; color: green; text-decoration: none; } #event-details .current-media .media-thumbs li .delete-media .remove_media { display: none; } #event-details .current-media .media-thumbs li:hover .delete-media { width: 75px; position: absolute; top: 80px; cursor: pointer; padding-top: 6px; } #event-details .current-media .media-thumbs li:hover .delete-media .remove_media { display: block; padding: 0 2px 2px 2px; font-weight: bold; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; text-decoration: underline; margin: 0 auto 0 auto; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #event-details .current-media .media-thumbs li:hover .delete-media .remove_media:hover { margin-top: -1px; border: 1px solid red; box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; -moz-box-shadow: 0 0 5px red; color: red; text-decoration: none; } #event-details .media-browser .summary .submit { background: transparent url(/images/sprite.png?1319867112) no-repeat -551px -121px; } #event-details #event-media-viewer { width: 512px; height: 345px; background-color: white; margin: 0; padding: 0; border: 1px solid #d9d9d9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; position: relative; behavior: url(/css/ie.htc); position: absolute; left: 404px; top: 40px; } #event-details #event-media-viewer .prev, #event-details #event-media-viewer .next { position: absolute; width: 32px; height: 63px; top: 141px; cursor: pointer; background-image: url(/images/sprite.png?1319867112); background-repeat: no-repeat; } #event-details #event-media-viewer .prev { left: -32px; background-position: left -25px; } #event-details #event-media-viewer .next { right: -32px; background-position: -32px -25px; } #event-details #event-media-viewer .container { margin: 6px 6px; height: 333px; width: 512px -12px; text-align: center; background: url(/images/spinner.gif) no-repeat center center; overflow: hidden; position: relative; } #event-details #event-media-viewer .container img, #event-details #event-media-viewer .container object, #event-details #event-media-viewer .container embed { display: block; margin: 0 auto; } #event-details #event-media-viewer .container img { position: absolute; max-width: 500px; max-height: 333px; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -115px; } .push { background: none !important; } #footer, .push { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfd4', endColorstr='#efefea'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfd4, endColorstr=#efefea)"; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdfd4), to(#efefea)); background: -moz-linear-gradient(19% 75% 90deg, #efefea, #dfdfd4); margin: 0; height: 115px; } #footer .wrap, .push .wrap { position: relative; height: 85px; padding: 30px 0 0 0; } #footer ul, .push ul { color: #94916f; margin: 0 0 0 43px; bottom: 34px; position: absolute; } #footer ul a, .push ul a { color: #94916f; } #footer ul li, .push ul li { *display: inline-block; clear: both; margin: 8px 0 0 0; } #footer ul li:after, .push ul li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #footer ul li span, .push ul li span { float: left; width: 60px; font-weight: bold; margin: 3px 0 0 0; } #footer ul ul, .push ul ul { position: static; margin: 0; float: left; width: 600px; } #footer ul ul li, .push ul ul li { margin: 0; clear: none; float: left; border-right: 1px solid #f8d93b; padding: 0 8px 0 0; margin: 3px 8px 0 0; } #footer ul ul li:last-child, .push ul ul li:last-child { border-right-width: 0; } #footer .copy, .push .copy { background: url(/images/sprite.png?1319867112) no-repeat right -88px; line-height: 33px; position: absolute; bottom: 34px; right: 25px; text-align: right; padding: 0 30px 0 0; color: #666666; margin: 0 0 -12px 0; } .icon { background: url(/images/sprite.png?1319867112) no-repeat right -88px; width: 20px; height: 35px; float: right; position: relative; bottom: 30px; } .jcarousel-container, .jcarousel-clip, .jcarousel-list { position: relative; } .jcarousel-clip, .jcarousel-list { padding: 0; margin: 0; overflow: hidden; } .jcarousel-clip { z-index: 2; } .jcarousel-list { z-index: 1; top: 0; left: 0; } .jcarousel-list li { float: left; list-style: none; width: 75px; height: 75px; } .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; } .jcarousel-next, .jcarousel-prev { z-index: 3; display: none; } .jcarousel-prev-horizontal, .jcarousel-next-horizontal { position: absolute; top: 9px; width: 17px; height: 83px; cursor: pointer; background: transparent url(/images/sprite.png?1319867112) no-repeat 0 0; } .jcarousel-prev-horizontal { left: 0; background-position: 0px -121px; } .jcarousel-next-horizontal { background-position: -17px -121px; right: 0; } .lipsum { padding-bottom: 1px !important; width: 600px; line-height: 17px; font-size: 13px; position: relative; } .lipsum h2 { font-size: 14px; margin: 14px 0 6px 0; } .lipsum h3 { font-size: 12px; margin: -5px 0 6px 0; color: #aaaaaa; } .lipsum h4 { font-size: 20px; } .lipsum p, .lipsum ul { margin: 0 0 6px 0; } .lipsum p label, .lipsum ul label { font-size: 15px; letter-spacing: -1px; color: #a19f81; font-weight: bold; padding-right: 10px; } .lipsum li { margin: 0 0 3px 0; } .lipsum ul { list-style-type: square; margin-left: 20px; } .lipsum a { color: #48a9cf; } .lipsum .field form p { margin: 2px 15px 0 70px; width: 325px; text-align: right; padding-top: 6px; } .lipsum .field form p .error { color: red; margin: 0; } .lipsum .field form input { width: 300px; margin-top: 20px; position: relative; bottom: 15px; } .lipsum .field form .submit { background: transparent url(/images/sprite.png?1319867112) no-repeat 0 -208px; width: 74px; height: 28px; cursor: pointer; float: right; position: relative; top: 30px; } .lipsum .field form .help { position: relative; top: 5px; margin: 5px 140px 0 0; } .pagination, .friends_pagination, .tweets_pagination { text-align: center; margin-top: 10px; } .pagination span, .pagination a, .friends_pagination span, .friends_pagination a, .tweets_pagination span, .tweets_pagination a { padding: 0 2px; color: #999999; } .pagination a, .friends_pagination a, .tweets_pagination a { text-decoration: none; } .pagination .current, .friends_pagination .current, .tweets_pagination .current { color: #333333; font-weight: bold; } .pagination .current.prev, .pagination .current.next, .friends_pagination .current.prev, .friends_pagination .current.next, .tweets_pagination .current.prev, .tweets_pagination .current.next { color: #999999; font-weight: normal; } .pagination .prev, .friends_pagination .prev, .tweets_pagination .prev { margin-right: 5px; } .pagination .next, .friends_pagination .next, .tweets_pagination .next { margin-left: 5px; } .friends_pagination { text-align: left; margin: 0 0 5px 0; } #featured_timelines { width: 970px; margin-left: auto; margin-right: auto; *display: inline-block; margin: 30px auto 0 auto; text-align: center; } #featured_timelines:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #featured_timelines h2 { margin: 16px 0 20px 0; font-size: 16px; color: black; border-bottom: 1px solid #e2e2e2; } #featured_timelines h2 span { position: relative; top: 6px; background-color: white; padding: 0 8px; } #featured_timelines li { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; width: 205px; padding: 8px 10px; background-color: #e7e7df; border: 1px solid #d9d9d9; margin: 0 10px 0 0; text-align: left; height: 70px; position: relative; behavior: url(/css/ie.htc); } #featured_timelines li:last-child { margin-right: 0; } #featured_timelines li img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; float: left; padding: 3px; background-color: white; position: relative; behavior: url(/css/ie.htc); } #featured_timelines li div { float: left; width: 138px; padding: 5px 0 0 10px; } #featured_timelines li h3 { font-size: 13px; line-height: 16px; color: #333333; } #featured_timelines li h3 a { color: #333333; } #featured_timelines li p { margin: 5px 0; color: #979775; font-size: 11px; line-height: 13px; } #user_voice_tab, #user-voice-feedback-tab { position: absolute !important; top: 80% !important; } .notifications { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #e1e2e2; color: #666666; font-size: 10px; padding: 2px 6px 3px 6px; margin: 0 0 0 3px; position: relative; top: -1px; z-index: 1001; cursor: pointer; } .notifications:hover { text-decoration: none; } .notifications.tipped { color: #222222; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; } ul.notifications li { font-size: 11px; line-height: 13px; border-bottom: 1px solid #cccccc; } ul.notifications li:last-child { border-bottom-width: 0; } ul.notifications li a.dismiss { float: right; font-size: 11px; display: block; margin: 0 0 0 4px; font-weight: normal; } ul.notifications li a.dismiss:hover { text-decoration: none; color: #f00000; } .ac_results { padding: 0px; background-color: white; overflow: hidden; z-index: 99999; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #eeeeee; } .ac_results ul { width: 100%; list-style-type: none; padding: 0; margin: 0 6px 0 0 !important; } .ac_results li { display: block; overflow: hidden; cursor: pointer; padding: 6px !important; margin: 0 !important; } .ac_results strong { font-weight: normal; } .ac_results h2 strong { color: #333333; font-weight: inherit; } .ac_results img.avatar { width: 42px; height: 42px; } .ac_results div.user-name { padding-top: 20px; } .ac_loading { background: white url("indicator.gif") right center no-repeat; } .ac_over { background-color: #f0f0f0; } ul.event-results li { *display: inline-block; clear: both; padding: 0 0 6px 0; margin: 0 0 6px 0; border-bottom: 1px solid #eeeeee; } ul.event-results li:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } ul.event-results li:last-child { padding-bottom: 0; border-bottom-width: 0; margin-bottom: 0; } ul.event-results a.thumb { float: left; margin: 0 7px 0 0; border: 1px solid #dfdfdf; display: block; width: 50px; } ul.event-results img { display: block; } ul.event-results .details { float: left; padding: 3px 0 0 0; } ul.event-results h2 { font-size: 14px; padding: 0 0 4px 0; margin: 0; } #facebox h1 { font-size: 18px; margin: 0 0 10px 0; } #facebox .content p { font-size: 12px; line-height: 15px; margin: 10px 0; } #facebox form input.text { font-size: 15px; padding: 3px 2px; margin: 0 5px 0 0; } #facebox form input.button { font-size: 13px; } #facebox .footer { display: none !important; } #facebox .loading { margin: 0 auto; } #facebox .buttons { border-top: 1px solid #dddddd; padding: 5px 5px 0 0; margin: 15px 0 0 0; text-align: right; } #facebox #suggested-event input.text { width: 370px; } #facebox #event-settings div.option { clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 7px 7px 7px; margin: 20px 0 10px 0; font-weight: bold; color: #9a944a; background-color: #f0f0f0; height: 20px; position: relative; behavior: url(/css/ie.htc); } #facebox #event-settings div.option .check { width: 20px !important; border: 1px transparent solid; } #facebox #event-settings div.option label { margin: 5px !important; position: relative; bottom: 7px; font-size: 12px; width: 300px; text-align: left; } #invited-person.text { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } .invite-person { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -moz-linear-gradient(19% 75% 90deg, #b7b152, #c9c56e); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9c56e), to(#b7b152)); background: linear-gradient(#c9c56e, #b7b152); -pie-background: linear-gradient(#c9c56e, #b7b152); display: block; float: right; padding: 6px 20px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; position: relative; behavior: url(/css/ie.htc); } .invite-person:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: -moz-linear-gradient(19% 75% 90deg, #c9c56e, #b7b152); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b7b152), to(#c9c56e)); background: linear-gradient(#b7b152, #c9c56e); -pie-background: linear-gradient(#b7b152, #c9c56e); padding: 7px 20px 5px 20px; color: #e2e2e2; outline: none; } .with-confirmation { position: relative; } .with-confirmation .normal, .with-confirmation .confirm { cursor: pointer; position: absolute; } .with-confirmation .confirm { display: none; } #admin-bar { background-color: #222222; border-top: 2px solid black; bottom: 0; color: white; font-size: 12px; font-weight: bold; left: 0; margin: 20px 0 0 0; opacity: 0.9; position: fixed; width: 100%; color: #dddddd; } #admin-bar .container { padding: 10px 20px; height: 25px; position: relative; } #admin-bar a { color: #dddddd; } #admin-bar h1 { font-size: 20px; font-weight: bold; line-height: 25px; float: left; margin: 0 20px 0 0; } #admin-bar ul { float: left; width: 400px; margin: 6px 0 0 0; } #admin-bar .with-confirmation { position: absolute; right: 20px; bottom: 10px; } #admin-bar .with-confirmation .normal { right: 0; bottom: 0; display: inline-block; padding-bottom: 6.5px; width: 300px; text-align: right; } #admin-bar .with-confirmation .normal:hover { text-decoration: underline; } img.avatar { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; float: left; margin: 0 10px 0 0; border: 3px solid #e7e7df; position: relative; behavior: url(/css/ie.htc); } .addthis_button_compact span { float: none; display: block; line-height: inherit !important; } .addthis_button_compact span:hover { text-decoration: underline; } #at15s { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #at15s .at_item { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #import-csv { font-size: 11px; } #import-csv table { border-collapse: collapse; margin: 10px 0; } #import-csv table tr { border-bottom: 1px solid #eeeeee; } #import-csv table tr:last-child { border-bottom-width: 0; } #import-csv table th, #import-csv table td { padding: 4px 4px; vertical-align: top; } #import-csv table th { text-align: left; } #import-csv table .ok { font-size: 13px; color: #bdd533; } #import-csv table .error { font-size: 13px; color: #f00000; } #import-csv .buttons { margin: 10px 0 0 0; } #import-csv p { font-size: 12px; line-height: 16px; margin: 0 0 8px 0; } #import-csv form label { margin: 0 5px 0 0; } #import-csv form p { border-top: 1px solid #dddddd; padding: 12px 0 0 0; margin: 12px 0 10px 0; } #import-csv form input[type="submit"] { font-size: 12px; } .pending_comments { margin-bottom: 10px; border-bottom: 1px solid #bdd533; padding-bottom: 3px; } .pending_comments h3 { font-size: 16px; letter-spacing: -1px; color: black; border-bottom: 1px solid #e2e2e2; padding-bottom: 12px; } .pending_comments ul li { cursor: pointer; background: url(/images/post-check.png) no-repeat 564px 5px; margin: 5px 0 5px 0; padding: 5px 5px 5px 10px !important; } .pending_comments ul li:first-child { border-width: 0; } .pending_comments ul li.selected { background-position: -412px 5px; } .pending_comments ul li.selected span { color: #bdd533; } .pending_comments ul li.selected p { font-weight: bold !important; } .pending_comments ul li .avatar { float: left !important; padding: 0 !important; } .pending_comments ul li .text { width: 480px !important; float: left; padding: 0 !important; } .pending_comments ul li .text p { width: 480px !important; line-height: 16px; margin: 0 0 5px 0; color: #666666; font-size: 12px !important; font-weight: normal; letter-spacing: 0 !important; } .pending_comments ul li .text a { float: left !important; padding: 0 !important; } .pending_comments span { color: #89876f; font-weight: bold; } .pending_comments .pending_comments_message { font-size: 12px; margin-top: 22px; width: 460px; color: #89876f; text-align: right; } .pending_comments .approve_comments { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); margin-top: 10px; margin-right: 5px; margin-left: 5px; } .pending_comments .approve_comments:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .manage_pending_comments { width: 590px; line-height: 13px; padding: 10px 10px 10px 0; margin: 0 0 10px -1px; position: relative; border-bottom: 1px solid #bdd533; } .manage_pending_comments .avatar { padding: 10px 0 0 10px; } .manage_pending_comments h3 { margin: 35px 0 10px 0; } .manage_pending_comments p { width: 450px; padding: 5px 0 5px 20px !important; margin: 0 0 5px 40px !important; color: #666666; font-size: 12px !important; float: none; font-width: 1 !important; } .manage_pending_comments p span { color: #89876f; } .manage_pending_comments li { cursor: pointer; background: url(/images/post-check.png) no-repeat 524px bottom; margin: 5px 0 0 0; padding: 0 35px 0 0; border-top: 1px solid #e2e2e2; } .manage_pending_comments li:first-child { border-width: 0; } .manage_pending_comments li.selected { background-position: -452px bottom; } .manage_pending_comments li.selected span { color: #bdd533; } .manage_pending_comments .pending_comments_message { font-size: 12px; margin: 25px 10px 10px 0 !important; width: 260px; color: #89876f; text-align: right; float: right; } .manage_pending_comments .approve_comments { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); position: relative; top: 18px; } .manage_pending_comments .approve_comments:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .more-info { margin: 10px 0px 10px 10px; } .aligned-tip { margin: 0px 0px 0px 30px; } #facebox .edit_timeline { padding: 0 0 12px 0; margin: 0 0 12px 0; border-bottom: 1px solid #dddddd; position: relative; width: 600px; } #facebox .edit_timeline .field { *display: inline-block; } #facebox .edit_timeline .field:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #facebox .edit_timeline label { float: left; padding-top: 10px; } #facebox .edit_timeline input, #facebox .edit_timeline textarea { width: 300px; margin-right: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #999999 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #facebox .edit_timeline input:focus, #facebox .edit_timeline textarea:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } #facebox .edit_timeline input:hover, #facebox .edit_timeline textarea:hover { border: #35a5e5 1px solid !important; } #facebox .edit_timeline #timeline_tagline { font-size: 12px; } #facebox .edit_timeline .buttons { border-top-width: 0; margin: 0; position: absolute; right: 10px; bottom: 12px; } #facebox .edit_timeline .submit { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -moz-linear-gradient(19% 75% 90deg, #b7b152, #c9c56e); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9c56e), to(#b7b152)); background: linear-gradient(#c9c56e, #b7b152); -pie-background: linear-gradient(#c9c56e, #b7b152); display: block; float: right; padding: 6px 20px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; position: relative; behavior: url(/css/ie.htc); } #facebox .edit_timeline .submit:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: -moz-linear-gradient(19% 75% 90deg, #c9c56e, #b7b152); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b7b152), to(#c9c56e)); background: linear-gradient(#b7b152, #c9c56e); -pie-background: linear-gradient(#b7b152, #c9c56e); padding: 7px 20px 5px 20px; color: #e2e2e2; outline: none; } .add-media-sources { position: relative; bottom: 20px; } #timeline-tagline { width: 970px; margin-left: auto; margin-right: auto; text-align: center; } #timeline-tagline .container { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #999776; color: white; display: inline-block; font-size: 12px; font-weight: bold; margin: 16px 0 0 0; padding: 5px 9px 6px 9px; text-shadow: #444444 1px 1px 2px; position: relative; behavior: url(/css/ie.htc); } #timeline-tagline a { color: white; text-decoration: underline; } .connect_user { background: transparent url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif) no-repeat 0 0; width: 169px; height: 21px; cursor: pointer; float: right; } *:first-child + html .connect_user { background: transparent url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif) no-repeat 0 0; width: 169px; height: 21px; cursor: pointer; float: right; position: absolute; right: 135px; top: 12px; } .connect_user_facebook { background: transparent url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif) no-repeat 0 0; width: 169px; height: 21px; cursor: pointer; float: right; position: relative; left: 150px; } .connect_user_facebook.signup { float: left; position: absolute; left: 167px; top: 135px; } .connect_user_facebook.login { float: left; margin-left: 10px; } .top_menu { background: transparent url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_short.gif) no-repeat 0 0; width: 92px; height: 23px; } .border-blue { background: transparent url(/images/steps.png) no-repeat 0px -456px; width: 257px; margin: 0 300px 10px 0; } .border-blue:hover { background: transparent url(/images/steps.png) no-repeat 0px -336px; } .border-yellow { background: transparent url(/images/steps.png) no-repeat 0px -488px; width: 242px; margin-right: 300px; } .border-yellow:hover { background: transparent url(/images/steps.png) no-repeat -320px -336px; } .border-green { background: transparent url(/images/steps.png) no-repeat 0px -520px; width: 286px; margin: -20px 300px 15px 0; } .border-green:hover { background: transparent url(/images/steps.png) no-repeat 0px -552px; } .border-brown { background: transparent url(/images/steps.png) no-repeat 0px -648px; width: 445px; margin: 0 100px 15px 0; } .border-brown:hover { background: transparent url(/images/steps.png) no-repeat 0px -680px; } .border-blue, .border-yellow, .border-green, .border-brown { height: 24px; float: left; cursor: pointer; } .upload-file { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); float: none; width: 108px; margin-left: 10px; } .upload-file:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .user-avatar { float: right; position: relative; right: 140px; bottom: 6px; } .user-avatar-settings { margin: 0; float: right; position: relative; right: 83px; bottom: 8px; } .spinner-big { background: url(/images/spinner.gif) no-repeat left top; margin: 3px auto 0 auto; width: 35px; height: 35px; } .spinner-big.add-photo-link-spinner { margin: 3px 3px 0 0; float: right; display: none; } .spinner { background: url(/images/spinner-small.gif) no-repeat left top; } .spinner-transparent { background: url(/images/spinner-transparent.gif) no-repeat left top; } .spinner, .spinner-transparent { position: relative; margin-right: 0; width: 16px; height: 16px; display: none; float: right; } .spinner.spinner-signup, .spinner-transparent.spinner-signup { margin: 10px 10px 0 0 !important; position: absolute; left: 450px; } .spinner.media-save, .spinner-transparent.media-save { margin: 15px 15px 0 0 !important; float: left; } .spinner.add-link, .spinner-transparent.add-link { margin: 8px 0 0 0 !important; } .spinner.spinner-edit, .spinner-transparent.spinner-edit { left: 148px; bottom: 22px; float: left; } .spinner.spinner-settings, .spinner-transparent.spinner-settings { left: 77px; bottom: 2px; } .spinner.spinner-account, .spinner-transparent.spinner-account { left: 24px; top: 5px; } .spinner.add-username, .spinner-transparent.add-username { margin: 5px 10px 0 0 !important; } .spinner.spinner_people, .spinner-transparent.spinner_people { position: absolute; top: 5px; left: 16px; } .spinner.spinner_tweets, .spinner-transparent.spinner_tweets { float: right; margin: 7px 7px 0 0; } .spinner.spinner_photos, .spinner-transparent.spinner_photos { float: right; margin: 15px 0 0 10px; } .spinner.add-source, .spinner-transparent.add-source { bottom: 15px; left: 250px; } #invite-google { margin: -35px 0 0 0; float: left; position: relative; } #invite-google p { margin: 5px auto; } #invite-google ul { width: 530px; height: 250px; } #invite-google ul .gmail-friend { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 3px; height: 56px; width: 240px; float: left; } #invite-google ul .gmail-friend .avatar { float: left; margin: 3px; } #invite-google ul .gmail-friend .user-name { color: #a19f81; font-weight: bold; float: left; padding-left: 5px; margin: 2px; width: 160px; } #invite-google ul .gmail-friend .check { background: transparent url(/images/sprite.png?1319867112) no-repeat -224px 0px; float: left; height: 10px; width: 10px; padding-left: 3px; } #invite-google ul .gmail-friend .follow { float: left; padding-left: 5px; margin: 3px; } #new-users { margin-top: 70px; float: left; position: relative; bottom: 105px; } #new-users .scroll-box { overflow-y: scroll; width: 380px; height: 250px; } #new-users input { float: left; margin: 2px; } #new-users p { margin: 5px auto; } #new-users ul { width: 350px; } #new-users li { float: left; margin: 2px 0; width: 360px; } #new-users span { margin-top: 5px; margin-bottom: 0px; } #new-users .user-name { float: left; width: 130px; color: #a19f81; font-weight: bold; margin: 2px 3px 2px 3px; } #new-users .user-email { float: left; width: 190px; color: #a19f81; font-weight: bold; margin: 2px 3px 2px 3px; } .new-users-sep { border-top: 1px solid #e1e1e1; padding: 15px 0 0 0; margin-top: 20px !important; color: #666666; line-height: 13px; position: relative; top: 380px; } .friends-previous-step { float: left; position: relative; bottom: 30px; } .invite { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); float: right; position: relative; top: 50px; } .invite:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .comments-new { float: left; width: 594px; padding: 10px 15px 10px 0; position: relative; bottom: 30px; } .comments-new .blind { border-bottom: 1px solid #dddddd; margin: 10px 0 0 0; padding: 0 0 15px 0; cursor: pointer; } .comments-new .blind h2 { font-size: 18px; float: left; width: 450px; margin: 0 0 0 10px; height: 50; line-height: 0; } .comments-new .blind h3 { float: right; margin: 0 10px 0 0; position: relative; bottom: 4px; } .load_more_events, .load_more_grouped_events { font-size: 14px; } .option_bar { margin: 0 auto 0 auto; width: 960px; height: 50px; } .why-love { width: 200px; height: 150px; float: right; position: relative; top: 12px; right: 20px; } .why-love .point-blue { background: transparent url(/images/sprite.png?1319867112) no-repeat 0px -241px; height: 17px; } .why-love .point-blue h1 { color: #4fc0ed; } .why-love .point-yellow { background: transparent url(/images/sprite.png?1319867112) no-repeat -300px -241px; margin: 23px 0 25px 0; } .why-love .point-yellow h1 { color: #ffd500; } .why-love .point-green { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -241px; } .why-love .point-green h1 { color: #bdd533; } .why-love .point-blue, .why-love .point-yellow, .why-love .point-green { height: 17px; width: 185px; float: right; position: relative; top: 23px; } .why-love .point-blue h1, .why-love .point-yellow h1, .why-love .point-green h1 { padding: 1px 0 0 20px; font-size: 16px !important; } *:first-child + html #timeline .zoom .slider .ui-slider-handle { position: absolute; right: 5px; } *:first-child + html #timeline .slider-container .c { background-position: -120px -1px; width: 8px; margin-left: -4px; left: 50%; z-index: 2; cursor: -moz-grab; cursor: grab; } *:first-child + html #featured_timelines li { float: left; } .statuses-container { padding: 0 0 10px 0; } #tweets_media_browser { position: absolute; z-index: 100; display: none; } #tweets_media_browser .suggested, #tweets_media_browser .added { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); background: #fafafa; padding: 10px; } #tweets_media_browser .suggested { background: #fef6db; } #tweets_media_browser .new-border-wrap-medium { width: 604px; margin-top: 15px; padding-right: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; border-right: none; } #tweets_media_browser .new-border-wrap-medium .new-border-wrap-medium-container-tall { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; border-right: none; position: relative; behavior: url(/css/ie.htc); } #tweets_media_browser .new-border-wrap-medium .new-border-wrap-medium-container-tall .border-wrap-medium-stretch { height: 450px; } #tweets_media_browser .new-border-wrap-medium .title { padding-left: 35px; margin-top: 20px; } #tweets_media_browser .new-border-wrap-medium .title .fb_connect_twitter { background: transparent url(http://static.ak.fbcdn.net/images/fbconnect/login-buttons/connect_light_medium_long.gif) no-repeat 0 0; width: 169px; height: 21px; margin: 12px 30px 150px 20px; cursor: pointer; } #tweets_media_browser .new-border-wrap-medium .title h2 { font-size: 17px !important; letter-spacing: -1px; float: left; margin-top: -35px; } #tweets_media_browser .new-border-wrap-medium .title .close_tweets_media_browser { width: 80px; float: right; margin: -30px 40px 0 0; text-align: right; text-decoration: underline; color: #8e8c74; cursor: pointer; font-size: 12px; font-weight: bold; } #tweets_media_browser .new-border-wrap-medium .title .close_tweets_media_browser:hover { color: #4fc0ed; } #tweets_media_browser .new-border-wrap-medium .title #select { background: url(/images/gradients.png) repeat-x left -20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 30px; padding: 5px 10px 10px 10px; margin-left: 0px; width: 510px; position: relative; behavior: url(/css/ie.htc); } #tweets_media_browser .new-border-wrap-medium .title #select .fb_connect_twitter { margin: 6px 0; float: left; } #tweets_media_browser .new-border-wrap-medium .title #select #select-date { float: left; width: 120px; } #tweets_media_browser .new-border-wrap-medium .title #select #select-date .browse_for_facebook { display: none; padding-left: 20px; width: 150px; position: relative; margin-top: -5px; } #tweets_media_browser .new-border-wrap-medium .title #select #select-date .browse_for_facebook .next, #tweets_media_browser .new-border-wrap-medium .title #select #select-date .browse_for_facebook .prev { width: 20px; height: 26px; position: absolute; top: 8.5px; cursor: pointer; } #tweets_media_browser .new-border-wrap-medium .title #select #select-date .browse_for_facebook .current-month { font-size: 13px; color: #8e8c74; background: transparent url(/images/sprite.png?1319867112) no-repeat -54px -173px; line-height: 25px; padding: 1px 0 0 0; position: absolute; top: 8.5px; right: 30px; width: 100px; text-align: center; } #tweets_media_browser .new-border-wrap-medium .title #select #select-date .browse_for_facebook .prev { background: transparent url(/images/sprite.png?1319867112) no-repeat -34px -173px; right: 130px; } #tweets_media_browser .new-border-wrap-medium .title #select #select-date .browse_for_facebook .next { background: transparent url(/images/sprite.png?1319867112) no-repeat -186px -173px; right: 10px; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames, #tweets_media_browser .new-border-wrap-medium .title #select .browse { width: 300px; float: left; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources #twitter_username, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames #twitter_username, #tweets_media_browser .new-border-wrap-medium .title #select .browse #twitter_username { float: left; margin: 8px 5px 0 5px; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources p, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames p, #tweets_media_browser .new-border-wrap-medium .title #select .browse p { float: left; line-height: 45px; font-size: 13.4px; color: #8e8c74; margin: -5px 3px 10px 0; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources .statuses, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames .statuses, #tweets_media_browser .new-border-wrap-medium .title #select .browse .statuses { background: transparent url(/images/sprite.png?1319867112) no-repeat -565px -1063px; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources .statuses:hover, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames .statuses:hover, #tweets_media_browser .new-border-wrap-medium .title #select .browse .statuses:hover { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; border: none !important; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources .statuses_focused, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames .statuses_focused, #tweets_media_browser .new-border-wrap-medium .title #select .browse .statuses_focused { background: transparent url(/images/sprite.png?1319867112) no-repeat -536px -1063px; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources .tweets, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames .tweets, #tweets_media_browser .new-border-wrap-medium .title #select .browse .tweets { background: transparent url(/images/sprite.png?1319867112) no-repeat -565px -1098px; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources .tweets:hover, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames .tweets:hover, #tweets_media_browser .new-border-wrap-medium .title #select .browse .tweets:hover { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; border: none !important; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources .tweets_focused, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames .tweets_focused, #tweets_media_browser .new-border-wrap-medium .title #select .browse .tweets_focused { background: transparent url(/images/sprite.png?1319867112) no-repeat -536px -1098px; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources .tweets, #tweets_media_browser .new-border-wrap-medium .title #select #select-sources .statuses, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames .tweets, #tweets_media_browser .new-border-wrap-medium .title #select .twitter_usernames .statuses, #tweets_media_browser .new-border-wrap-medium .title #select .browse .tweets, #tweets_media_browser .new-border-wrap-medium .title #select .browse .statuses { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); width: 22px; height: 23px; float: left; margin: 5px 0 0px 5px; cursor: pointer; } #tweets_media_browser .new-border-wrap-medium .title #select #select-sources { width: 150px; } #tweets_media_browser .new-border-wrap-medium .title #select input { padding: 3px; margin: 5px 15px 0 0; width: 200px; font-size: 12px; height: 15px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #999999 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); float: left; } #tweets_media_browser .new-border-wrap-medium .title #select input:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } #tweets_media_browser .new-border-wrap-medium .title #select input:hover { border: #35a5e5 1px solid !important; } #tweets_media_browser .new-border-wrap-medium .title #select #submit_twitter_source { position: relative; top: 5px; box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); float: left; } #tweets_media_browser .new-border-wrap-medium .title #select #submit_twitter_source:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } #tweets_media_browser .new-border-wrap-medium .title #select .cancel { float: left; line-height: 26px; padding: 3px 0 0 10px; } #tweets_media_browser .new-border-wrap-medium .title #select .cancel a { color: #a19f81; font-weight: bold; } #tweets_media_browser .new-border-wrap-medium .no-media-message { color: #a19f81; font-weight: bold; font-size: 12px; text-align: center; } #tweets_media_browser .new-border-wrap-medium .tweets_pagination { margin: 20px auto 10px auto; cursor: pointer; text-aling: center; line-height: 1px; color: #666666; } #tweets_media_browser .new-border-wrap-medium .tweets_pagination:active { font-weight: bold; } #tweets_media_browser .new-border-wrap-medium .item { width: 525px; float: right; padding: 10px 5px 10px 0; margin: 0 20px 10px 0; border-bottom: 1px solid #e2e2e2; cursor: pointer; } #tweets_media_browser .new-border-wrap-medium .item .content { color: #8e8c74; line-height: 16px; font-size: 13px; } #tweets_media_browser .new-border-wrap-medium .item .post-date { color: #bbbbbb; font-weight: bold; font-size: 11px; line-height: 12px; } #tweets_media_browser .new-border-wrap-medium .item .post-date a { float: right; text-decoration: underline; color: #a19f81; font-size: 11px; } #tweets_media_browser .new-border-wrap-medium .item .post-date a:hover { color: #4fc0ed; } #tweets_media_browser .new-border-wrap-medium .item:hover a { color: #4fc0ed; } #new_photo_identifier { width: 350px; } #new_photo_identifier input { padding: 3px; margin: 12px 10px 0 0; width: 200px; font-size: 12px; height: 15px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #999999 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); float: left; } #new_photo_identifier input:focus { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } #new_photo_identifier input:hover { border: #35a5e5 1px solid !important; } #new_photo_identifier #submit_photo_source { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); margin: 11px 0 0 0; float: left; height: 12px; text-shadow: none !important; } #new_photo_identifier #submit_photo_source:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .media.photos_container { min-height: 100px; } .media.photos_container input.add-link, .media.photos_container input.search-media { float: left; margin: 10px; width: 350px; font-size: 13px; margin-right: 8px; padding: 4px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #999999 1px solid; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } .media.photos_container input.add-link:focus, .media.photos_container input.search-media:focus { outline: none; border: #35a5e5 1px solid; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; } .media.photos_container input.add-link:hover, .media.photos_container input.search-media:hover { border: #35a5e5 1px solid; } .media.photos_container input.search-media { float: right; } .media.photos_container .add, .media.photos_container .search { box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afad94), to(#94916f)); background: -moz-linear-gradient(19% 75% 90deg, #94916f, #afad94); background: linear-gradient(#afad94, #94916f); -pie-background: linear-gradient(#afad94, #94916f); display: block; float: right; padding: 6px 10px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; behavior: url(/css/ie.htc); float: left; margin-top: 10px; } .media.photos_container .add:active, .media.photos_container .search:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: linear-gradient(#94916f, #afad94); -pie-background: linear-gradient(#94916f, #afad94); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#94916f), to(#afad94)); background: -moz-linear-gradient(19% 75% 90deg, #afad94, #94916f); padding: 7px 10px 5px 10px; color: #e2e2e2; } .media.photos_container .search { float: right; } .create_event { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 1px 1px 2px #999999; -webkit-box-shadow: 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 2px #999999; background: -moz-linear-gradient(19% 75% 90deg, #b7b152, #c9c56e); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9c56e), to(#b7b152)); background: linear-gradient(#c9c56e, #b7b152); -pie-background: linear-gradient(#c9c56e, #b7b152); display: block; float: right; padding: 6px 20px; text-decoration: none; font-size: 12px; font-weight: bold; color: white; font-family: helvetica; cursor: pointer; position: relative; behavior: url(/css/ie.htc); border: none !important; } .create_event:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: -moz-linear-gradient(19% 75% 90deg, #c9c56e, #b7b152); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b7b152), to(#c9c56e)); background: linear-gradient(#b7b152, #c9c56e); -pie-background: linear-gradient(#b7b152, #c9c56e); padding: 7px 20px 5px 20px; color: #e2e2e2; outline: none; } .http { background: transparent url(/images/sprite.png?1319867112) no-repeat -70px -48px; width: 127px; height: 20px; position: absolute; left: 96px; bottom: 28px; } .event-notification { background: #ffd500; text-align: center; color: #333333; font-weight: bold !important; font-size: 12px !important; padding: 5px 320px 5px 320px !important; width: 328px; position: absolute; top: 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } .event-notification p { float: left; color: #333333; font-weight: bold !important; font-size: 12px !important; } .event-notification a { float: right; color: #a19f81; font-weight: bold; cursor: pointer; font-size: 10px; cursor: pointer; text-decoration: underline; margin-top: 1px; } .event-notification a:hover { color: #4fc0ed; } #wizard .sep-title { border-bottom: 1px solid #e2e2e2; margin: 10px 0 10px 0; width: auto; } #wizard .sep-title h1 { cursor: pointer; float: left; } #wizard .sep-title .open-close { background: transparent url(/images/sprite.png?1319867112) no-repeat -565px -91px; width: 21px; height: 21px; float: left; margin: 0 10px; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #wizard .sep-title .open-close:active, #wizard .sep-title .open-close:focus { background: transparent url(/images/sprite.png?1319867112) no-repeat -610px -35px; } #wizard .sources-container { padding: 5px 0; width: auto; min-height: 30px; } #wizard .sources-container .username { border: 2px solid #f2f2f2; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 22px; margin: 0 5px 5px 0; cursor: pointer; } #wizard .sources-container .username .facebook-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -1080px; } #wizard .sources-container .username .youtube-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -840px; } #wizard .sources-container .username .flcker-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -600px; } #wizard .sources-container .username .twitter-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -1000px; } #wizard .sources-container .username .picasa-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -680px; } #wizard .sources-container .username .vimeo-icon { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -760px; } #wizard .sources-container .username .facebook-icon, #wizard .sources-container .username .youtube-icon, #wizard .sources-container .username .flcker-icon, #wizard .sources-container .username .twitter-icon, #wizard .sources-container .username .picasa-icon, #wizard .sources-container .username .vimeo-icon, #wizard .sources-container .username .delete-source { width: 16px; height: 16px; margin: 3px; float: left; } #wizard .sources-container .username p { float: left; margin: 3px 4px; font-size: 11px; font-weight: bold; } #wizard .sources-container .username .delete-source { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -569px; float: right; cursor: pointer; } #wizard .sources-container .username .delete-source:hover { background: transparent url(/images/sprite.png?1319867112) no-repeat -600px -545px; } #wizard .sources-container .username .delete-source:active { background: transparent url(/images/sprite.png?1319867112) no-repeat -619px -545px; } #wizard .sources-container .username:hover { outline: none; border: #35a5e5 1px solid !important; box-shadow: 0 0 5px #51cbee; -webkit-box-shadow: 0 0 5px #51cbee; -moz-box-shadow: 0 0 5px #51cbee; border: 2px solid transparent !important; } #wizard .sources-container .username.active { background: #666666; border: 1px solid transparent; margin-top: 1px; } #wizard .sources-container .username.active p { color: white; } #wizard .add-more { min-height: 20px; } #wizard .add-more a { color: #a19f81; font-weight: bold; cursor: pointer; font-size: 10px; text-decoration: underline; } #wizard .add-more a:hover { color: #4fc0ed; } #wizard .albums-container { padding: 5px 0; width: auto; min-height: 180px; } #wizard .albums-container .picasa-album { text-align: left; vertical-align: top; font-family: arial, sans-serif; color: #666666; margin: 10px; position: relative; float: left; } #wizard .albums-container .picasa-album .picture { background: #d1d1d1; height: 94px; margin: 2px 0 6px 2px; position: relative; width: 94px; display: block; cursor: pointer; box-shadow: 3px 3px 5px #999999; -webkit-box-shadow: 3px 3px 5px #999999; -moz-box-shadow: 3px 3px 5px #999999; } #wizard .albums-container .picasa-album .picture img { width: 94px; height: 94px; color: #3964c2; } #wizard .albums-container .picasa-album .title { font-weight: bold; padding: 3px 0 0 2px; width: 114px; word-wrap: break-word; overflow: hidden; font-size: 14px; margin: 0 0 3px 0; } #wizard .albums-container .picasa-album p { font-size: 80%; padding-left: 2px; width: 114px; font-size: 11px; margin: 0; line-height: 12px; } #wizard .albums-container .facebook-album { width: 103px; min-height: 103px; float: left; padding: 8px; font-size: 11px; text-align: left; border-collapse: separate; border-spacing: 2px 2px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; background: #f7f7f7; border: 1px solid #bbbbbb; vertical-align: top; margin: 9px 10px; } #wizard .albums-container .facebook-album .picture { width: 103px; height: 93px; margin-bottom: 5px; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background: #6f6f6f; } #wizard .albums-container .facebook-album .title { font-weight: bold; cursor: pointer; color: #3b5998; text-decoration: none; } #wizard .albums-container .facebook-album p { font-size: 11px; color: #6f6f6f; margin: 3px 0; } #wizard .albums-container .flcker-album { width: 145px; height: 182px; margin: 4px 10px; text-align: left; display: block; float: left; font-family: Arial, Helvetica, sans-serif; } #wizard .albums-container .flcker-album .album { background: transparent url(/images/sprite.png?1319867112) no-repeat -460px -540px; width: 120px; height: 86px; padding: 7px 0 0 7px; } #wizard .albums-container .flcker-album .album .picture { height: 75px; weight: 75px; } #wizard .albums-container .flcker-album .title { color: #0063dc; width: 110px; margin-top: 15px; margin-bottom: 0; font-size: 15px; font-weight: bold; } #wizard .albums-container .flcker-album p { margin-top: 2px; font-size: 11px; color: #777777; } #guided_tour { background-color: black; opacity: 0.6; position: fixed; z-index: 1002; width: 100%; height: 100%; top: 0px; left: 0px; } .highlighted_div, .guided_tour_title { z-index: 1006; background: white; position: relative; box-shadow: 0 0 25px white !important; -webkit-box-shadow: 0 0 25px white !important; -moz-box-shadow: 0 0 25px white !important; border: #666666 5px solid !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } .highlighted_div:hover, .guided_tour_title:hover { border: #35a5e5 5px solid !important; box-shadow: 0 0 25px #51cbee !important; -webkit-box-shadow: 0 0 25px #51cbee !important; -moz-box-shadow: 0 0 25px #51cbee !important; } .wizard_step_container.step1 { margin-top: -15px; } .wizard_step_container.step1 .media-browser { margin-top: 0; border-top: 0; } .wizard_step_container.step1 .media-browser .media-browser-container-border { background: none; } .wizard_step_container.step1 .media-browser .media-browser-container-border .media-browser-container-inner-border { border: none; } .wizard_step_container.step1 .media-browser .media-browser-container-border .media-browser-container-inner-border .summary.top { margin: 5px; border: 1px white solid; } .wizard_step_container.step1 .media-browser .media-browser-container-border .media-browser-container-inner-border .summary.top .cancel { display: none; } .wizard_step_container.step1 .media-browser .media-browser-container-border .media-browser-container-inner-border .media.photos_container { border-bottom: 0; } .wizard_step_container.step1:hover .media-browser .summary.top { border: #ffd500 1px solid !important; box-shadow: 0 0 5px #ffd500 !important; -webkit-box-shadow: 0 0 5px #ffd500 !important; -moz-box-shadow: 0 0 5px #ffd500 !important; margin: 4px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .wizard_step_container.step2 { margin-top: 20px; width: 600px; height: 573px; position: absolute; -webkit-border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .wizard_step_container.step2 #tweets_media_browser .new-border-wrap-medium { width: 595px; margin-top: 0; background: white; } .wizard_step_container.step2 #tweets_media_browser .new-border-wrap-medium .new-border-wrap-medium-container-tall { border: none; } .wizard_step_container.step2 #tweets_media_browser .new-border-wrap-medium .new-border-wrap-medium-container-tall .title-container .title .close_tweets_media_browser { display: none; } .wizard_step_container.step2 #tweets_media_browser .new-border-wrap-medium .new-border-wrap-medium-container-tall .title-container .title #select { margin: 1px; } .wizard_step_container.step2:hover .new-border-wrap-medium .title-container .title #select { margin: 0 !important; border: #ffd500 1px solid; box-shadow: 0 0 5px #ffd500; -webkit-box-shadow: 0 0 5px #ffd500; -moz-box-shadow: 0 0 5px #ffd500; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .wizard_step_container.step3 input#post_url { margin-top: 7px; margin-left: 8px; width: 470px !important; } .wizard_step_container.step3 input#post_url:focus { border: #ffd500 1px solid !important; box-shadow: 0 0 5px #ffd500 !important; -webkit-box-shadow: 0 0 5px #ffd500 !important; -moz-box-shadow: 0 0 5px #ffd500 !important; } .wizard_step_container.step3 input#post_url:hover { border: #ffd500 1px solid !important; } .wizard_step_container.step3 a#external_post_submit { margin-top: 7px !important; margin-right: 8px; } .wizard_step_container.step3:hover input#post_url { border: #ffd500 1px solid !important; } .wizard_step_container.step4 { height: 30px; width: 140px; position: absolute; margin-bottom: 15px; bottom: 0; } .wizard_step_container.step4 div { position: absolute; top: 5px; margin: 1px 1px 1px 10px; } .wizard_step_container.step4:hover div { border: #ffd500 1px solid !important; box-shadow: 0 0 5px #ffd500 !important; -webkit-box-shadow: 0 0 5px #ffd500 !important; -moz-box-shadow: 0 0 5px #ffd500 !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 19px; margin: 0 0 0 9px; } #guided_tour_step1_title, #guided_tour_step2_title, #guided_tour_step3_title, #guided_tour_step4_title, #guided_tour_step5_title { display: none; font-size: 25px; font-weight: bold; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); color: #333333 !important; top: 0; opacity: 2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=200)"; filter: alpha(opacity=200); margin: 20px 0 0 173px !important; text-align: center !important; padding: 4px 0 0 0; z-index: 2010; } .guided_tour_title { position: fixed !important; border: 3px solid #666666 !important; width: 763px; height: 31px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .guided_tour_title h1 { font-size: 25px !important; margin: 0 !important; width: 560px; float: left; position: relative; letter-spacing: normal; margin-right: 10px; } .guided_tour_title a { float: right; font-size: 12px; cursor: pointer; margin: 7px 20px 0 0; color: #35a5e5; position: absolute; top: 39px; right: -20px; } .guided_tour_title a:hover { color: #35a5e5; } .guided_tour_title .good-bye-wizard { position: relative; top: 15px; right: 90px; } .guided_tour_title .good-bye-wizard p { float: right; font-size: 12px; font-weight: none; text-shadow: 1px 1px 1px #666666; color: white; margin: 1px 0 0 3px; } .guided_tour_title .good-bye-wizard input { float: right; } .guided_tour_title .close_wizard { color: red !important; text-shadow: #666666 1px 1px 1px; } .guided_tour_title .next, .guided_tour_title .previous { margin: 5px 30px 0 0; float: right; font-size: 15px; cursor: pointer; color: #35a5e5; } .guided_tour_title .previous { float: left; margin: 5px 0 0 30px; } .guided_tour_title:hover { border: 3px solid #35a5e5 !important; } #guided_tour_steps { width: 142px; height: 35px; padding-left: 5px; text-align: center; font-size: 24px; vertical-align: top !important; font-weight: bold; border: #666666 3px solid !important; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 25px white !important; -moz-box-shadow: 0 0 25px white !important; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); background-color: white; position: fixed; top: 0; opacity: 2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=200)"; filter: alpha(opacity=200); z-index: 1010; margin: 20px auto 0 auto !important; } #guided_tour_steps a.wizard_step { float: left; cursor: pointer; width: 27px; height: 32px; padding-top: 5px; color: #333333; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; box-shadow: 0 0 5px rgba(81, 203, 238, 0); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0); -moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0); } #guided_tour_steps a:hover { text-decoration: none; color: #ffd500; } #guided_tour_steps a.active { color: #ffd500; } #guided_tour_steps p { color: #666666; float: left; } #guided_tour_steps:hover { border: #35a5e5 3px solid !important; box-shadow: 0 0 25px #51cbee !important; -webkit-box-shadow: 0 0 25px #51cbee !important; -moz-box-shadow: 0 0 25px #51cbee !important; } .guided_tour_description { font-size: 13px; display: none; position: absolute; z-index: 1007; color: #333333; font-weight: bold; } #guided_tour_step1_description, #guided_tour_step2_description, #guided_tour_step3_description, #guided_tour_step4_description, #guided_tour_step5_description { background: url(/images/tip2.png) repeat-x -325px top; width: 285px; height: 40px; padding: 15px 20px; } #guided_tour_step1_description p, #guided_tour_step2_description p, #guided_tour_step3_description p, #guided_tour_step4_description p, #guided_tour_step5_description p { position: relative; z-index: 2000; line-height: normal !important; } #guided_tour_step1_description .close-tip, #guided_tour_step2_description .close-tip, #guided_tour_step3_description .close-tip, #guided_tour_step4_description .close-tip, #guided_tour_step5_description .close-tip { background: url(/images/tip2.png) repeat-x right -348px; height: 20px; width: 326px; bottom: 5px; position: relative; right: 20px; margin-left: -1px; } #guided_tour_step1_description { background: url(/images/tip2.png) repeat-x left -370px; width: 455px; height: 35px; padding-top: 28px; margin: 10px 0 0 -5px; } #guided_tour_step2_description { right: 14px; margin: 30px 0 0 0; } #guided_tour_step2_description .close-tip { bottom: 0; } #guided_tour_step3_description { margin: 45px 0 0 0; right: 20px; } #guided_tour_step3_description .close-tip { bottom: 5px; } #guided_tour_step4_description { bottom: 3px; left: 180px; } #guided_tour_step4_description p { font-size: 13px !important; color: #333333 !important; line-height: normal !important; } #guided_tour_step5_description { height: 50px; position: absolute; right: -355px; bottom: -20px; color: #333333; font-weight: bold; font-size: 13px; } #guided_tour_step5_description p { margin: 0 !important; } #fdbk_tab { top: 60% !important; } #social_widgets { position: relative; } #social_widgets .twitter-share-button { position: relative; padding-right: 10px; top: 3px; } #social_widgets .fb_share_button { position: relative; margin-right: 10px; top: -3px; display: -moz-inline-block; display: inline-block; padding: 3px 3px 3px 20px; color: #3b5998 !important; border: 1px solid #cad4e7; background: #eceef5 url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?7:26981) no-repeat top left; font-weight: normal !important; font-family: "lucida grande", tahoma, verdana, arial, sans-serif !important; font-size: 11px !important; } #social_widgets .fb_share_button:hover { text-decoration: none; border: 1px solid #9dacce; } #addContentModal .upload_section { background-color: #cecece; height: 150px; }