body { margin:0;padding:0;font-family:Arial,Helvetica,Sans-Serif;font-size:70%;background-color:White; } img { border:0; } a { color:#ddd; } a:hover { color:#222;background-color:White;text-decoration:none; } h2 { font-size:1em;letter-spacing:0.4em; } h3 { font-size:1em; } .header { height:90px;background:#653f96 url('Structure/header-footer-backgrounds.png') repeat-x left top;border:2px Solid #4b3468;border-radius:20px 20px 0 0;position:relative; } .header .nw-corner { width:20px;height:20px;background:transparent url('Structure/header-footer-backgrounds.png') no-repeat left -164px;position:absolute;top:-2px;left:-2px; } .header .ne-corner { width:20px;height:20px;background:transparent url('Structure/header-footer-backgrounds.png') no-repeat -25px -164px;position:absolute;top:-2px;right:-2px; } .contentContainer { margin:-34px 0;background-color:#222;border:3px Solid #eee;position:relative;z-index:1;color:White; } .contentContainer .nw-corner { width:20px;height:20px;background:transparent url('Structure/header-footer-backgrounds.png') no-repeat left -189px;position:absolute;top:-3px;left:-3px;z-index:100; } .contentContainer .ne-corner { width:20px;height:20px;background:transparent url('Structure/header-footer-backgrounds.png') no-repeat -25px -189px;position:absolute;top:-3px;right:-3px;z-index:100; } .contentContainer .sw-corner { width:20px;height:20px;background:transparent url('Structure/header-footer-backgrounds.png') no-repeat -50px -189px;position:absolute;bottom:-3px;left:-3px;z-index:100; } .contentContainer .se-corner { width:20px;height:20px;background:transparent url('Structure/header-footer-backgrounds.png') no-repeat -75px -189px;position:absolute;bottom:-3px;right:-3px;z-index:100; } .footer { height:64px;background:#653f96 url('Structure/header-footer-backgrounds.png') repeat-x left -93px;border:2px Solid #4b3468;border-radius:0 0 20px 20px;position:relative; } .footer .sw-corner { width:20px;height:20px;background:transparent url('Structure/header-footer-backgrounds.png') no-repeat -50px -164px;position:absolute;bottom:-2px;left:-2px; } .footer .se-corner { width:20px;height:20px;background:transparent url('Structure/header-footer-backgrounds.png') no-repeat -75px -164px;position:absolute;bottom:-2px;right:-2px; } /* Mosaic View ----------------------------------------------------------------------*/ .Index #container { background-color:Black;position:relative;border-radius:17px; } div#container div div span span span { display:none!important; } div span span span { display:none!important; } #mosaicControls-signupButton { left:50%;top:-33px;margin-left:-165px;z-index:200; } #indexSignupButton { display: none; width:330px;height:55px;padding-bottom:5px;background:transparent url('Structure/red-button-background.png?v1.1') no-repeat 0 0;border:0;cursor:pointer;outline:0;color:White;font-weight:bold;font-size:20px;font-family:Arial,Helvetica,Sans-Serif;text-shadow:0 1px 2px #000;letter-spacing:0.3em; } #indexSignupButton:hover { background-position:0 -61px; } #indexSignupButton:active { background-position:0 -122px; } #mosaicControls-backgroundImage { width:100%;height:96px;position:absolute;bottom:0;left:0;z-index:199; } #mosaicControls-overlay { width:1px;height:75px;position:absolute;bottom:-20px;left:50%;z-index:200; } #mosaicControls-container { width:418px;height:75px;position:relative;left:-209px; } #mosaicControls-container input { width:59px;height:59px;margin-right:0px;cursor:pointer;border:0;background:transparent url('Structure/button-control-backgrounds.png') no-repeat;outline:0; } #mosaicControls-container #zoomIn { background-position:-3px -4px;position:absolute;left:0;bottom:0;z-index:100; } #mosaicControls-container #zoomIn:hover { background-position:-3px -69px; } #mosaicControls-container #zoomIn:active { background-position:-3px -134px; } #mosaicControls-container #zoomOut { background-position:-68px -4px;position:absolute;left:60px;bottom:0; } #mosaicControls-container #zoomOut:hover { background-position:-68px -69px; } #mosaicControls-container #zoomOut:active { background-position:-68px -134px; } #mosaicControls-container #home { background-position:-133px -4px;position:absolute;right:0;bottom:0; } #mosaicControls-container #home:hover { background-position:-133px -69px; } #mosaicControls-container #home:active { background-position:-133px -134px; } #mosaicControls-container .zoomTitle { position:absolute;bottom:-9px;left:47px;font-size:10px;text-shadow:0 1px 0 #000; } #mosaicControls-container #timer-container { width:237px;height:75px;background:transparent url('Structure/timer-background.png') no-repeat 0 0;position:absolute;left:120px;bottom:0; } #mosaicControls-container #no-timer-container { width:238px;height:59px;background:transparent url('Structure/timer-background-after-ticker.png') no-repeat 0 0;position:absolute;left:120px;bottom:0; } #popupOverlay.overlay { width:32px;height:32px;background:Red url('Structure/comment.png') no-repeat;display:none } #friendsList { height:255px;width:180px;margin:80px 0 0 -30px;padding:50px 12px 0 16px;background-image:url('Structure/tagging-friend-list-background.png');z-index:2000;display:none;opacity:1!important; } #friendsList ul { height:231px;margin:0;padding:5px;overflow:auto; } #friendsList .friend { color:#222;cursor:pointer;list-style:none;font-weight:bold;padding:5px;border:1px Solid White; } #friendsList .friend:hover { background-color:#eee;border:1px Solid #ddd; } .tag .tagName { padding:5px;background-color:#5d3692;border:1px Solid Black;color:White;position:absolute;top:115px;display:none; } .tag .tagNameArrow { width:7px;height:5px;background-image:url('Structure/tagging-tagged-name-arrow.gif');position:absolute;top:-4px;left:50%;margin-left:-3px; } #tagSquare { height:300px;width:200px;background-color:transparent;border:4px solid white; z-index:100;display:none;overflow:auto } #postTag { height:150px!important;width:300px!important;left:50%!important;top:50%!important;margin-left:-150px;margin-top:-75px;padding:20px;background:#523573 url('Structure/window-popup-gradient-background.jpg') repeat-x;border:2px Solid #4b3468;border-radius:20px;z-index:9999;display:none; } .postTag-Post { width:254px;height:59px;padding-bottom:5px;background:transparent url('Structure/button-control-backgrounds.png') no-repeat -3px -200px;border:0;cursor:pointer;outline:0;color:White;font-weight:bold;font-size:20px;font-family:Arial,Helvetica,Sans-Serif;text-shadow:0 1px 2px #000; } .fbRemove { color:Red; padding-left:2px; cursor:pointer } #popup { width:400px;z-index:1000;display:none;opacity:1!important;color:#222;text-shadow:0 1px 0 White;position:relative; } #popup .beak { width:28px;height:39px;background:transparent url('Structure/popup-beak.png') no-repeat;position:absolute;top:-39px;left:30px; } #popup .popup-content { padding:25px 145px 0 25px;background:transparent url('Structure/popup-background.png') no-repeat 0 0;position:relative;min-height:60px;cursor:pointer; } #popup .popup-content .close { width:32px;height:32px;background:transparent url('Structure/cross.png') no-repeat;border:0;position:absolute;top:-10px;right:10px;cursor:pointer;z-index:2000 } #popup .popup-content #fbTag { width:104px;height:32px;background:transparent url('Structure/button-tag-your-friends.png') no-repeat;border:0;position:absolute;top:25px;right:25px;cursor:pointer; } #popup .popup-content .like { width:32px;height:32px;background:transparent url('Structure/facebook_32.png') no-repeat;border:0;position:absolute;top:60px;right:98px;cursor:pointer; } #popup .popup-content .tweet { width:32px;height:32px;background:transparent url('Structure/twitter_32.png') no-repeat;border:0;position:absolute;top:60px;right:63px;cursor:pointer; } #popup .bottom { height:35px;background:transparent url('Structure/popup-background.png') no-repeat 0 -145px; } #popup #tagList { min-height:1px } #popup #tagList span { padding-right:3px; } .fbRemove { font-weight:bold;font-variant:small-caps; } #popup #messageText { font-size:13px;font-weight:bold;margin-bottom:10px; } /* Disable comment box on like*/ .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;} #stopTagging { width:254px;height:59px;margin-left:-127px;padding-bottom:5px;background:transparent url('Structure/button-control-backgrounds.png') no-repeat -3px -200px;border:0;cursor:pointer;outline:0;color:White;font-weight:bold;font-size:20px;font-family:Arial,Helvetica,Sans-Serif;text-shadow:0 1px 2px #000;position:absolute!important;top:auto!important;left:50%!important;bottom:5px!important;z-index:9999!important; } /* Picture Upload Process Views -----------------------------------------------------*/ .window .contentContainer { background:#222 url('Structure/dark-popup-background.jpg') center center; } .contentPopup { width:660px;height:360px;margin:70px auto;padding:20px;background:#523573 url('Structure/window-popup-gradient-background.jpg') repeat-x;border:2px Solid #4b3468;border-radius:20px;position:relative; } .contentPopup table { width:100%;margin:0;padding:0; } .contentPopup table td { width:50%;margin:0;padding:0;vertical-align:top; } .contentPopup input.close,.postTag-Close { width:32px;height:32px;background:transparent url('Structure/cross.png') no-repeat;border:0;position:absolute;top:-10px;right:5px;cursor:pointer;outline:0; } .contentPopup h1,#postTag h1 { margin:0; } form input[type="submit"],#facebookSelectButton,#thankyouContinueButton,#ageFailedContinueButton,#goBackButton,#errorButton { width:254px;height:59px;padding-bottom:5px;background:transparent url('Structure/button-control-backgrounds.png') no-repeat -3px -200px;border:0;cursor:pointer;outline:0;color:White;font-weight:bold;font-size:20px;font-family:Arial,Helvetica,Sans-Serif;text-shadow:0 1px 2px #000; } div#submissionCrop-MainContentContainer #facebookConnectButton { padding:0;margin-top:20px;cursor:pointer; } .galleria-container { width:350px!important;background-color:#222!important;border:1px Solid #444; } .loading-content { width:310px;height:310px;padding:20px;text-align:center;background-color:#222;border:1px Solid #444; } .cropPanel { background-color:#222;border:1px Solid #444;position:relative;padding:5px } .cropPanel .jcrop-Container { width:305px;height:224px;background-color:#333;padding:5px;position:relative; } .cropPanel #loadingImg { position:absolute;top:45%;left:20%; } .cropPanel div.jcrop-holder { border:2px Solid White;margin:0 auto; } .cropPanel div.jcrop-handle { background-color:#ddd!important; } .cropPanel .previewPanel { padding:5px 5px 0 5px;position:relative;left:157px; } .cropPanel .previewPanel p { font-weight:bold;float:left;margin-right:5px; } .cropPanel .previewWindow { width:100px;height:100px;overflow:hidden;border:1px solid #444; } form#postUserData p.help { color:#ccc; } form#postUserData #originalImg { width:100px;height:100px;display:inline-block;float:left;border:1px Solid White;margin:0 10px 10px 0; } #uploadImageFileForm { text-align:center;margin-top:20px; } /*#imageFileQueue { margin:0 auto;text-align:center; } #imageFileQueue div { margin:0 auto; }*/ .cropHelperPanel { background-color:White;border:1px Solid #ccc;padding:5px;text-align:center;display:block;color:#666; } #Address_PostalCode { width:80px!important; } input.legalClose { width:32px;height:32px;background:transparent url('Structure/cross.png') no-repeat;border:0;position:absolute;top:5px;right:15px;cursor:pointer;outline:0; } #promotionOverlay { display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:99999999999;/*background-image:url('../Content/Structure/black.png');*/-webkit-border-radius:15px;-moz-border-radius:15px; } #promotionOverlay-Content { width:500px;height:300px;margin:100px auto;padding:50px;border:1px solid #B5B5B5;-webkit-border-radius:10px;-moz-border-radius:10px;background:White /*url('Structure/mainbox-backgroundGradient.jpg')*/ repeat-x left bottom;position:relative; } #Message {} /* Styles for validation helpers ----------------------------------------------------*/ .field-validation-error { font-family:Helvetica,Arial,Sans-Serif;font-size:8pt;font-weight:bold;color:Red;display:inline-block; } .field-validation-valid { display:none; } .input-validation-error { border:1px solid #ff0000;background-color:#ffeeee; } .validation-summary-errors { font-weight:bold;color:#ff0000; } .validation-summary-valid { display:none; } /* Impromptu's ----------------------------------------------------------------------*/ .jqifade { position:absolute;background-color:#aaaaaa; } div.jqi { width:400px;font-family:Helvetica,Arial,sans-serif;position:absolute;background-color:#ffffff;font-size:11px;text-align:left;border:solid 1px #eeeeee;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:7px; } div.jqi .jqicontainer { font-weight:bold; } div.jqi .jqiclose { position:absolute;top:4px;right:-2px;width:18px;cursor:default;color:#bbbbbb;font-weight:bold; } div.jqi .jqimessage { padding:10px;line-height:20px;color:#444444; } div.jqi .jqibuttons { text-align:right;padding:5px 0 5px 0;border:solid 1px #eeeeee;background-color:#f4f4f4; } div.jqi button { padding:3px 10px;margin:0 10px;background-color:#2F6073;border:solid 1px #f4f4f4;color:#ffffff;font-weight:bold;font-size:12px; } div.jqi button:hover { background-color:#728A8C; } div.jqi button.jqidefaultbutton { background-color:#BF5E26; } .jqiwarning .jqi .jqibuttons { background-color:#BF5E26; } /*impromptu -------------------------------------------------------------------------*/ .impromptuwarning .impromptu { background-color:#aaaaaa; } .impromptufade { position:absolute;background-color:#ffffff; } div.impromptu { position:absolute;background-color:#cccccc;padding:10px;width:300px;text-align:left; } div.impromptu .impromptuclose { float:right;margin:-35px -10px 0 0;cursor:pointer;color:#213e80; } div.impromptu .impromptucontainer { background-color:#213e80;padding:5px;color:#ffffff;font-weight:bold; } div.impromptu .impromptumessage { background-color:#415ea0;padding:10px; } div.impromptu .impromptubuttons { text-align:center;padding:5px 0 0 0; } div.impromptu button { padding:3px 10px 3px 10px;margin:0 10px; } #videoPlayer { width:900px;height:496px;margin:-248px 0 0 -450px;padding:5px;background:#523573 url('Structure/window-popup-gradient-background.jpg') repeat-x;border:2px Solid #4b3468;border-radius:20px;box-shadow:0 2px 3px #000;display:none;position:absolute;z-index:1000;top:50%;left:50%; }