/* PLATFORM: Styles used in entire platform. COMMUNITY: Styles used in Community MARKETPLACE: Styles used in Marketplace MAGAZINE: Styles used in Magazine */ /* PLATFORM:RESETS */ body,a,p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,form,fieldset,img,blockquote,input {list-style:none; margin:0; padding:0; border:0; font-size:100%; font-family:Arial, Tahoma, sans-serif;} body {font-size:62.5%; background-color:#555;} body #inner-body { font-size:1.2em;} textarea, select, input[type="text"], input.inp { font-family:Arial, Tahoma, sans-serif; font-size:100%; border:1px solid #999;} a {cursor:pointer;outline:none; text-decoration:none; color:#0B71CA;} :focus{-moz-outline-style: none;} a img { color:#666;} input, button {overflow: visible;padding: 0 2px;} /* PLATFORM:LAYOUT */ #container {text-align:left;margin:0 auto; display:block;width:985px;background:url(../gfx/basic/adcolumnfade.gif) repeat-y 785px 0 #ECECEC; min-height:1000px; clear:both;} /* Fullwidth (content+rightcol+adcol) */ #content {width:985px;background-color:#fff;margin:0 auto;display:block;text-align:left;} #content .inner { min-height:400px;padding:17px;float:left; width:951px;} /* Fullwidth (content+adcol) */ #contentcol { width:775px; float:left; margin:8px 0 17px; } #contentcol .inner { float:left; padding:20px 0 20px 17px; background-color:white; width:758px; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7;} .hide { display:none;} /* FOR NEW VIDEOS / GROUPS / HOME */ #layoutTwoColumn { width:985px; text-align:left; margin:0 auto; background-color:#dbdbdb} .contentbox, .rightbox { float:left; margin-bottom:10px; } .widebox { float:left;} .widebox .inner, .contentbox .inner, .rightbox .inner { padding:20px; float:left; } .contentbox .inner { width:577px; background-color:white; position:relative;} .widebox {background-color:white; width:985px; } .contentbox { width:617px; margin-right:10px; display:inline;} .rightbox {background-color:white; width:358px; } .rightwrap { float:right; width:358px; } .contentwrap { float:left; width:627px;} .rightbox .boxfooter { float:left; padding:10px 25px; width:308px; background-color:#f5f5f5; border-top:1px solid #ececec;} .rightbox .boxfooter a { float:right; color:#333; font-weight:bold; text-decoration:underline; font-size:1.1em; } .contentbox .boxfooter { float:left; padding:10px; width:597px; background-color:#f5f5f5; border-top:1px solid #ececec;} .contentbox .boxfooter a.more { float:right; color:#333; font-weight:bold; text-decoration:underline; font-size:1.1em; } .rightbox h1 { font-size:1.4em; margin-bottom:13px; float:left;} .rightbox .list { float:left; background-color:#f5f5f5; border-top:1px solid #ececec; z-index:1; margin-top:-1px; } .rightbox .list li { float:left;border:1px solid #ececec; border-top:0; padding:5px; width:296px;} .rightbox .list img { min-height:40px; text-align:center; display:block; float:left; background-color:#333; margin-right:10px;} .rightbox .list .wrap { float:left;} .rightbox .list .wrap p.by { color:#888; font-size:.9em; } .rightbox .list .wrap p.by a { color:#666; } .rightbox .list .wrap h3 a { color:#000; } .rightwrap .event .list .wrap { width:224px;} .bubble .list li p { width:226px; overflow:hidden; float:left;} /* rightbox Dark Style */ .rightwrap .dark { background-color:#252525; border-radius:8px; overflow:hidden;} .rightwrap .dark h1.category { color:#fff; } .rightwrap .dark label { color:#fff; } .rightwrap .dark .boxfooter { background-color:#2b2b2b; border-top:1px solid #333;} .rightwrap .dark .boxfooter .button-green .bwrap { background-color:#333;} /* PLATFORM:HEADER STYLES */ #header {width:985px;text-align:left;margin: auto;display:block;position:; } #header #logo_bloc, #header #logo_wlib { margin-top:45px;} #header #logo { float:left; display:block; height:113px;} #header #logo img {color:#FFFFFF;float:left;font-size:21px;line-height:113px; font-family:"Lucida Sans Unicode", "Lucida Grande", Trebuchet MS, Sans-Serif; text-transform:uppercase;} #regHeader {float:left;width:955px;padding:20px 15px 0;background-color:#252525;} #regHeader .welcome {float:left;width:450px;} #regHeader h1 {font-size:1.6em;color:#fff;width:450px;} #regHeader p {color:#ccc;font-size:1.3em;width:450px;margin:0 0 15px;} #regHeader p a { margin:0 3px;} #signout {right:0;position:absolute;padding-top:5px;line-height:18px;} #signout a {color:#ccc;padding:0 5px;font-weight:bold;} #signout select { float:left;margin-right:10px;border:1px solid #333;padding:0 0 2px;} /************************************************************************* SIGNIN/SIGNOUT BOX *************************************************************************/ /* Signed Out */ #siteoptions { float:right; background-color:#fff; } #siteoptions form { float:left; display:block;} #siteoptions .language { float:left;} #siteoptions .language a{ float:left; line-height:18px; margin:10px 10px 10px 15px; width:80px; font-size:.9em; } #siteoptions .language a img { margin:4px 8px 0 0 ; float:left;} #siteoptions .language select { border:1px solid #c7c7c7; width:75px; margin:10px 10px 10px 15px; float:left; overflow:hidden;} #siteoptions .login { float:left; padding:3px 0 0 8px; border-left:1px solid #c7c7c7; width:320px; } #siteoptions .login .wrap { font-size:.9em; float:left; width:125px; height:30px; position:relative;} #siteoptions .login .wrap input { position:absolute; top:0; left:0; z-index:9; color:#333; width:83px; margin:4px 4px 2px; padding:5px 4px 3px 23px; font-weight:normal; float:left; border:0;} #siteoptions .login .wrap .placeholder { position:absolute; z-index:1; background-color:#f8f8f8; border:1px solid #c7c7c7; color:#333; width:83px; margin:4px 4px 2px; padding:4px 3px 3px 23px; float:left; -moz-border-radius:4px;} #siteoptions .login .wrap .placeholder { } #siteoptions .login input.pass { background:url(../gfx/iconpack/key.gif) no-repeat 4px 3px Transparent; } #siteoptions .login input.email { background:url(../gfx/iconpack/email.gif) no-repeat 5px 4px Transparent; } #siteoptions .login input.hasvalue { background-color:#f8f8f8;} #siteoptions .login .button-green { margin-top:3px;} #siteoptions .remember { float:left; width:295px; padding:0 0 8px; } #siteoptions .remember label { text-transform:capitalize; float:left; font-size:.9em; color:#666; width:100px; margin:3px 0 0 4px; } #siteoptions .remember input{ float:left; margin-left:5px;} #siteoptions a.forgot { float:left; width:145px; margin:3px 0 0 0; color:#666; font-size:.9em; } *:first-child+html #siteoptions .remember label, *:first-child+html #siteoptions a.forgot { margin-top:5px; } *:first-child+html #siteoptions .remember input { margin-left:4px;} /* Signed In */ #siteoptions .siteselect { background:url(../gfx/basic/site_selectbox_bg.gif) no-repeat left; height:20px; float:left; margin:7px 0 8px 8px; } #siteoptions .inner { background:url(../gfx/basic/site_selectbox_bg.gif) no-repeat right; height:20px; display:block; margin-left:2px; float:left;} #siteoptions .siteselect select { float:left; border:0; margin:2px 2px 1px; border:0px solid #fff;} #siteoptions .siteselect optgroup { font-style:normal; } #siteoptions .siteselect option { padding:0;} #siteoptions .useroptions { float:left; padding:10px; font-size:.9em;} #siteoptions .useroptions a { color:#0B79C4; } #siteoptions .useroptions a.dot { color:#0B79C4; background:url(../gfx/basic/topmenu_splitdot.gif) no-repeat right; padding:0 11px 0 3px; } #siteoptions .useroptions a.last { background:none; padding-right:0;} /* #siteoptions .notifications { background-color:#fff; float:left; padding:1px 7px 2px; background:white; margin-top:10px; position:relative; font-size:.9em; -moz-border-radius:2px; } #siteoptions .notifications .arrow { position:absolute; top:-5px; left:14px; width:10px; height:5px; background:url(../gfx/basic/arrowup.gif) no-repeat; } #siteoptions .notifications a { color:#666; text-decoration:none; display:block; line-height:20px;float:left; height:16px; } #siteoptions .notifications a:hover { color:#333; } #siteoptions .notifications a.message { background:url(../gfx/iconpack/email.gif) no-repeat 5px 8px; padding:5px 5px 8px 25px; } #siteoptions .notifications a.message:hover { background:url(../gfx/iconpack/email_open.gif) no-repeat 5px 5px; } #siteoptions .notifications a.request { background:url(../gfx/iconpack/bell.gif) no-reppeat 5px 7px; padding:5px 5px 8px 28px; } #siteoptions .notifications a.guestbook { background:url(../gfx/iconpack/guestbook.gif) no-repeat 5px 7px; padding:5px 5px 8px 28px; } #siteoptions .notifications a.group { background:url(../gfx/iconpack/guestbook.gif) no-repeat 5px 7px; padding:5px 5px 8px 28px;} #siteoptions .notifications a.date { background:url(../gfx/iconpack/date.gif) no-repeat 5px 7px; padding:5px 5px 8px 28px;} #siteoptions .notifications a.friend { background:url(../gfx/iconpack/user_add.gif) no-repeat 5px 7px; padding:5px 5px 8px 28px;} #siteoptions .notifications a.group { background:url(../gfx/iconpack/group.gif) no-repeat 5px 7px; padding:5px 5px 8px 28px;} */ /* PLATFORM:HEAD-MENU*/ #headMenu2 { float:left;width:985px;background-color:#252525; clear:both;} #headMenu2 ul {list-style:none;padding:0 0 0 8px;float:left;} #headMenu2 li { float:left;} #headMenu2 li a { float:left; padding:12px 8px 10px ; color:#fff;display:block;font-weight:bold;font-family:Arial;} #headMenu2 li.active a {background:url(../gfx/basic/mainmenu_active_arrow.gif) no-repeat bottom center;} #headMenu2 li a:hover { text-decoration:none;} #headMenu2 li a span { float:left;} #headMenu2 li a span b { color:#f00;} #headMenu2 .adRightHL { float:right; background-color:#444; font-weight:bold; color:#ccc; padding:11px; height:16px; width:178px; border-left:1px solid #c7c7c7;} #headMenu2 .search { float:right; padding:3px 2px 0;} #headMenu2 .search .inp { height:14px; width:120px; margin-top:5px; float:left; padding:2px 3px 3px; border:1px solid #ccc; border-right:0; -moz-border-radius:2px; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0;} #headMenu2 .search .usersearch { height:18px; display:block; float:left;border:0; margin:5px 6px 0 0; padding:1px 0 0; border:1px solid #ccc; border-left-color:#e7e7e7; float:left; width:28px; background:url(../gfx/iconpack/magnifier.gif) no-repeat 6px 2px #f5f5f5; cursor:pointer; -moz-border-radius:3px; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; } #headMenu { width:985px; float:left; background-color:#252525; } #headMenu .main { font-size:1.2em; float:left; width:985px;} #headMenu li { float:left; font-weight:bold;} #headMenu .main a { color:white; padding:8px 10px; display:block; text-decoration:none; } #headMenu .main a:hover { background-color:#353535; } #headMenu .main a.active { background-color:#f5f5f5; color:#000;} #headMenu .main a.active:hover { border:0; padding-bottom:8px;} #headMenu .sub { float:left; background-color:#f5f5f5; width:980px; padding-left:5px; border-bottom:1px solid #cacaca;} #headMenu .sub a { margin-bottom:-1px;color:#333; font-size:.95em; padding:8px 10px; display:block; text-decoration:none;} #headMenu .sub a:hover { border-bottom:3px solid #0B79C4; padding-bottom:5px; color:#000;} #headMenu li.search { float:right; } #headMenu li.search .inp { font-size:.8em; width:120px; margin-top:5px; float:left; padding:2px 3px 3px; border:1px solid #ccc; border-right:0; -moz-border-radius:2px; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0;} #headMenu li.search .usersearch { border:0; margin-top:5px; padding:1px 0 0; border:1px solid #ccc; border-left-color:#e7e7e7; float:left; width:28px; background:url(/Content/gfx/iconpack/magnifier.gif) no-repeat 6px 2px #f5f5f5; cursor:pointer; -moz-border-radius:3px; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; margin-right:6px;} /* PLATFORM:HEADER:SIGNIN-FORM*/ .signin {float:right;font-size:1.1em;width:300px;color:#fff;padding-bottom:10px;} .signin label {font-weight:bold;width:300px;float:left;line-height:25px;padding-bottom:8px;position:relative;} .signin label input.inp {position:absolute;right:0;width:200px;} .signin label.remember {font-weight:normal;float:left; margin-left:91px;width:100px;font-size:.85em;} .signin label.remember input { margin-right:5px;} .signin a.forgot { color:#999; font-size:.8em; float:left; width:207px; margin:6px 0 5px 93px; display:inline;} /* PLATFORM: GLOBAL STYLING */ .default-formatting h1 { font-size:2em;} .default-formatting h2 { font-size:1.6em; margin-bottom:5px;} .default-formatting h3 { font-size:1.4em;} .default-formatting h4 { font-size:1.2em;} .default-formatting p { margin-bottom:1.1em; line-height:1.4em;} .default-formatting ul { list-style:inside disc; margin:0 0 1em 1em;} .default-formatting ol { list-style:inside decimal; margin:0 0 1em 1em ;} .default-formatting a { color:#0b71ca;} .male { color:#06F;} .male:hover { color:#88a2ff; text-decoration:none;} .female { color:#f0c;} .female:hover { color:#ff7aed; text-decoration:none;} .gender0, .genderFalse, .True, .1 { color:#f0c;} .gender1, .genderTrue, .False, .0 { color:#06F;} .clear, .split { font-size:0; line-height:0; clear:both; height:0px; margin:0; padding:0;max-height:0;overflow:hidden;} .right {float:right !important;} .left {float:left !important; } /* PLATFORM:BREADCRUMB (Default Layout Width: #mainCol)*/ .breadcrumb {float:left;width:583px;background-color:#fff;border-right:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7;padding:17px;font-weight:bold; } .breadcrumb p,.breadcrumb a.opt { line-height:23px; font-size:1.3em;} .breadcrumb p { float:left;} .breadcrumb div.options { float:right;} .breadcrumb div.options a { float:right; margin-left:10px;} /* PLATFORM:REMINDER */ .reminder {float:left;width:617px;border-right:1px solid #c7c7c7;background-color:#fff;padding-top:17px;} .reminder .r-inner { float:left;padding:17px;min-height:0;border-top:1px solid #ffeeba;border-bottom:1px solid #e6d08c;background:url(../gfx/modules/reminder/bottom-fade.gif) repeat-x bottom #fffde8 !important;width:583px;position:relative; } .red .r-inner {border-top:1px solid #f29e95;border-bottom:1px solid #f65544;background:url(../gfx/modules/reminder/bottom-fade-red.gif) repeat-x bottom !important; background-color:#ffece8 !important; min-height:0px !important; color:#600} .green .r-inner {border-top:1px solid #92e87e;border-bottom:1px solid #70e655 !important;background:url(../gfx/modules/reminder/bottom-fade-green.gif) repeat-x bottom #ebffe8 !important;} .reminder .close { background:url(../gfx/modules/reminder/x.gif) no-repeat top right; display:block;width:70px;height:16px;position:absolute;top:17px;right:17px;text-align:right; font-weight:bold; color:#343000; padding:1px 23px 0 0;} .reminder ul.errorlist { list-style:disc inside; line-height:22px; } .reminder h1{ display:block;margin-bottom:4px;font-size:1.2em;} .reminder p {color:#333;line-height:1.6em;} .reminder p.small {color:#6e591f;font-size:.8em;line-height:normal;margin:0 0 10px;} .reminder a {color:#006bbe;} #content .reminder, #neighbourhood .reminder { width:985px; border-right:0; margin-bottom:20px;} #content .reminder .r-inner, #neighbourhood .reminder .r-inner {width:951px;} /* #content .reminder {width:985px;border:0;} div.reminder div.inner {float:left;padding:17px;min-height:0;border-top:1px solid #ffeeba;border-bottom:1px solid #e6d08c;background:url(../gfx/modules/reminder/bottom-fade.gif) repeat-x bottom #fffde8 !important;width:583px;position:relative;} #content .reminder .inner {width:951px;} #neighbourhood .reminder {padding:0 0 17px; width:584px; border:0; } #neighbourhood .reminder .inner {width:549px; } #inner-body .reminder a.close { background:url(../gfx/modules/reminder/x.gif) no-repeat top right; display:block;width:70px;height:16px;position:absolute;top:17px;right:17px;text-align:right; font-weight:bold; color:#343000; padding:1px 23px 0 0;} .reminder .submit {float:right;border:1px solid #588624;background:url(../gfx/modules/forms/input_submit_bg.gif) repeat-x bottom;border-bottom:1px solid #455f08;border-right:1px solid #455f08;padding:3px 10px 5px;color:#fff;margin-left:10px;font-weight:bold;font-size:.9em;font-family:Tahoma,sans-serif;} div.red div.inner {border-top:1px solid #f29e95;border-bottom:1px solid #f65544;background:url(../gfx/modules/reminder/bottom-fade-red.gif) repeat-x bottom !important; background-color:#ffece8 !important; min-height:0px !important;} div.green div.inner {border-top:1px solid #92e87e;border-bottom:1px solid #70e655 !important;background:url(../gfx/modules/reminder/bottom-fade-green.gif) repeat-x bottom #ebffe8 !important;} */ /* #main .box errors */ #main .box .reminder { padding:10px 0 0; width:430px; border-right:0; } #main .box .reminder .r-inner { width:401px; border-right:0;} /* ErrorBox Style */ .messageBox, .errorBox {float:left;width:382px;padding:8px;margin-bottom:1em;} .errorBox {background-color:#FFC1C1;border:1px solid #FF8A8A;color:#6A0000;} .messageBox {background-color:#E6FFE7;border:1px solid #339900;color:#027000;} .errorBox p, .messageBox p { float:left;width:380px;} .popup .errorBox, .popup .messageBox {width:462px;} /* PLATFORM:AJAXLOADER*/ .ajaxLoader {float:left;width:100%;text-align:center;margin:30px 0;} .ajaxLoader p { width:100%;text-align:center;display:block;color:#666;} /* PLATFORM:ADVERTISING-COLUMN */ #adRight { float:right; margin:8px 0 0 3px; width:189px; overflow:hidden;} #adRight .textAd { background:url(../gfx/ads/adrightcol_textad_bg.gif) no-repeat bottom; width:179px; float:left; margin-bottom:8px; padding-bottom:10px; } #adRight .textAd h3 { background:url(../gfx/ads/adrightcol_textad_top.gif) no-repeat top; width:159px; padding:8px 10px 6px; border-bottom:1px solid #dedede; margin-bottom:6px;} #adRight .textAd h3 a { color:#0061a5; } #adRight .textAd p { padding:0 10px 6px; color:#333;} #adRight img { margin:2px 0 3px 10px;} #adRight .textAd a.url { color:#e20000; padding:0 10px 10px; font-size:.9em; float:left; width:159px;} /* PLATFORM:PAGER */ .pager2 { background-color:#fff; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; float:left; width:609px; padding:4px; } .pager2 ul { float:right; margin:5px 5px 8px; } .pager2 li { float:left; margin:0 2px; position:relative;} .pager2 li#activePage a, .pager2 li a:hover { font-weight:bold; text-decoration:none;} .pager2 li#activePage {background:url(../gfx/basic/pager_active_bg.gif) no-repeat left 4px; height:20px;} .pager2 li#activePage a { color:#fff; padding:4px 5px;} .pager2 li#activePage div, .pager2 li#activePage span { position:absolute; height:16px; top:4px; right:0; width:4px; background:url(../gfx/basic/pager_active_bg-end.gif) no-repeat top right;} .pager2 li a { color:#0b79c4; padding:4px 4px 0; font-weight:bold; display:block;} .pager2 li a:hover { background:url(../gfx/basic/pager_arrow.gif) no-repeat center top; display:block; } .pager2 li#activePage a:hover { background:none;} /* PLATFORM:FOOTER*/ #footer2 {width:951px;text-align:left;display:block;margin:0 auto;background-color:#252525;color:#fff;padding: 10px 17px;line-height:1.3em;font-family:Lucida Sans, Arial;} #footer2 dl {float:left;width:237px;} #footer2 dt { font-size:1.3em; font-weight:bold; margin-bottom:20px;} #footer2 dd { width:180px; padding-right:10px; color:#5d5d5d; font-weight:bold;} #footer2 a, #footer2 p { color:#838383; text-decoration:none;} #footer2 a:hover { color:#fff;} #footer2 p.copyright {width:100%;text-align:center;font-weight:bold;padding-top:15px;float:left;color:#fff;} /* PLATFORM:WULFFMORGENTHALER */ #wulff { text-align:left;display:block;margin:0 auto; border-top:1px solid #c7c7c7; background:url(../gfx/modules/wulffmorgenthaler/bg.gif) no-repeat bottom left #fff; width:668px; padding:17px 17px 17px 300px;} #wulff .nav { float:left; padding:2px 20px 5px 0;} #wulff p { color:#666; float:right;} #wulff img.stripe { padding:10px 0;} /* PLATFORM:BUTTONS */ .submit-green, .submit-red, .submit-yellow, .submit-gray, .submit-red { padding:3px 10px 5px;color:#fff !important;display:block;font-weight:bold;cursor:pointer;font-size:11px;font-family:Tahoma,sans-serif;} .submit-green { border:1px solid #588624;border-bottom:1px solid #455f08;border-right:1px solid #455f08; background:url(../gfx/modules/forms/input_submit_bg.gif) repeat-x bottom #80b91c;} .submit-red { border:1px solid #b23534;border-bottom:1px solid #921615;border-right:1px solid #921615; background:url(../gfx/modules/forms/input_submit_red_bg.gif) repeat-x bottom #ea1f34;} .submit-yellow { border:1px solid #588624;border-bottom:1px solid #455f08;border-right:1px solid #455f08; background:url(../gfx/modules/forms/input_submit_bg.gif) repeat-x bottom #80b91c;} .submit-gray { border:1px solid #c4c4c4;border-bottom:1px solid #8a8a8a;border-right:1px solid #8a8a8a; background:url(../gfx/modules/forms/input_submit_gray_bg.gif) repeat-x bottom #f1f1f1; color:#333 !important;} .submit-white {padding: 4px 0 6px;color:#4d4d4d !important;font-weight:normal;display:block;cursor:pointer;font-size:11px;font-family:Tahoma,sans-serif;} input.submit-green, input.submit-red, input.submit-yellow, input.submit-gray, input.submit-white, input.submit-red {padding:2px 10px 4px;} /* Margin Controls */ .margin-l { margin-left:10px;} .margin-r { margin-right:10px;} /* PLATFORM:POPUP */ #facebox .b { background:url(../gfx/modules/popups/b.png);} #facebox .tl { background:url(../gfx/modules/popups/tl.png);} #facebox .tr { background:url(../gfx/modules/popups/tr.png);} #facebox .bl { background:url(../gfx/modules/popups/bl.png);} #facebox .br { background:url(../gfx/modules/popups/br.png);} #facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left;} #facebox .lightbox-popup {position: relative;} #facebox table { border-collapse: collapse;} #facebox td { border-bottom: 0; padding: 0;} #facebox .body { background: #fff; width: 370px;} #facebox .loading { text-align: center;} #facebox .image { text-align: center;} #facebox img { border: 0; margin: 0; display:block; float:left;} #facebox .footer { position:absolute; top:0; right:0;} #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');} #facebox .footer a.closeme { padding-right:15px; margin:0; background:url(../gfx/ico/box_option_close.gif) no-repeat top right; color:#555; width:auto; font-size:11px; font-weight:bold; line-height:10px;} #facebox_content div { padding-bottom:10px;} #facebox .image { text-align:center; display:block; width:100%;} #facebox .image img { margin:0 auto;} #facebox_content h1 { font-size:1.2em; margin-bottom:8px; } #facebox_content p { margin-bottom:1em;} #facebox_content .right { margin-left:10px;} #facebox_content .left { margin-right:10px;} /* For Image Popups */ .imageClose { float:right; background:url(../gfx/ico/box_option_close.gif) right no-repeat; padding-right:18px; display:block; margin:10px; color:#666; font-weight:bold; } /* POPUP: GENERAL */ .popup-default { display:none;} .popup-content { padding:17px 17px 7px; } .popup-content h1 { margin-bottom:10px; font-size:1.2em;} .popup-content p { margin-bottom:10px;} .popup-single-input .inp { float:left; border:1px solid #c7c7c7; padding:3px; } .popup-single-input input { margin-right:10px;} .popup-single-input p { line-height:23px;} .popup-single-input p.info { width:100%; font-size:.9em; color:#666; float:left;} .popup-footer { padding:10px 17px; background-color:#ececec; font-size:10px;} .popup-footer p { float:left; margin:0; color:#252525;} .popup-footer .submit-wrap { float:right;} .popup-footer .submit-wrap .left { margin-left:10px;} /* Popup Form - Used in invite_mail.vm */ .popup-content label { float:left; width:100px; line-height:25px;} .popup-content form .wrap { width:100%; float:left; margin-bottom:8px;} .popup-content .inp-wrap { float:left; } .popup-content .inp-wrap .inp { padding:4px;} .popupCont {display:block;padding:10px 20px;width:399px;float:left;} .popup .box {float:left;display:block;border:1px solid #c7c7c7;padding:10px;margin-bottom:10px;width:458px; } #loginBottom {border-top:1px solid #ececec;width:399px;float:left;padding:10px 20px;} #loginBottom a {font-weight:bold;padding-left:25px;color:#414141;padding:0 0 0 25px;float:right;display:block;} /* ADD FRIENDS POPUP*/ .popup h2.addFriend {line-height:50px;padding:10px 0 10px 10px;width:429px;} .popup h2.addFriend span { height:50px;width:50px;margin-right:10px;display:inline;overflow:hidden;float:left;} .popup h2.addFriend img {padding:0;margin:0;} /* OK / Cancel ---------------------------------------------------------- */ .wrapCenter {width:100%;text-align:center;float:left;padding:30px 0;} .wrapCenter .button {padding:8px 20px;margin:0 8px;font-size:1.1em;} .wrapCenter .buttonLite {display:inline;padding:1px 0 2px;color:#333;margin:0;font-weight:bold;font-size:1.1em;} /* ERRORBOX FOR POPUPS */ .popup .dialogOk {width:379px;float:left;background:url("../gfx/welcome/formico_ok.gif") no-repeat 10px center #E6FFE7;border:1px solid #339900;border-right:0;border-left:0;padding:15px 20px 15px 40px;color:#027000;} .popup .dialogError {width:379px;float:left;display:block;background:url("../gfx/welcome/reg_errorsmall.gif") no-repeat 10px center #FFC1C1;border:1px solid #FF8A8A;border-right:0;border-left:0;padding:15px 20px 15px 40px;color:#6A0000;} /* FORMS */ /* .formStyle1 is used in: - group/groupmessage.vm - schoolgroup/newgroup.vm (phasing out) - schoolgroup/groupmessage.vm - schoolgroup/editgroup.vm - school/setup.vm - school/setup2.vm - registration/activateemail.vm - popups/many.. <-- will be phased out. - groupnews/news_edit2.vm - group/relatedeventmessage.vm - group/groupmessage.vm - bussnews/news_edit2.vm - buss/groupmessage.vm */ .formStyle1 {float:left; margin-bottom:10px;} .formStyle1 select, .formStyle1 textarea { font-size:100%; font-family:"Arial", "Tahoma", "Verdana", "sans-serif";} .formStyle1 input { font-size:100%;} #container .formStyle1 h2 {font-size:1.1em;margin-left:-1px;margin-bottom:6px;padding-bottom:6px;float:left;width:401px;border-bottom:1px solid #e8e8e8;} /* Fix for Blog News Form*/ #container #wideContent .formStyle1 h2 {width:442px;} .formStyle1 dl {margin:3px 0 8px;padding:0;float:left;width:399px;clear:both;display:block;font-size:1.1em;} .formStyle1 dt {margin:0;padding:0;float:left;height:29px;width:150px;} .formStyle1 dt.clear-dt, .formStyle1 dt.split-line { width:auto;float:none;clear:both;font-size:0;height:1px;line-height:0;} .formStyle1 dt.split-line {border-bottom:1px solid #ccc;margin-bottom:8px;} .formStyle1 dt label {font-weight:bold;line-height:1.9em;color:#333;} .formStyle1 dt label span {font-weight:normal;font-size:.9em;} .formStyle1 dd {margin:0;padding:0;height:29px;float:right;width:249px;} .formStyle1 dd.nolabel { /* Used if several dd's for one label is needed */ height:auto; margin-left:150px;padding-bottom:8px;} form.formStyle1 dl p { float:left; line-height:1.9em; margin:0; font-size:1.1em;} form.formStyle1 dl p.info {float:left;margin:3px 0 0;font-size:.9em;color:#666;display:block;} .formStyle1 dd p.info {width:249px;padding-bottom:8px;} /* Sub-Choice Radio Button - Used in Event / Groups */ .formStyle1 dd.sub-radio {font-size:.9em;color:#666;height:auto;padding-bottom:4px;margin-bottom:8px;border-bottom:1px solid #c7c7c7;border-top:1px solid #c7c7c7;background-color:#f8f8f8;} /* INPUTS */ .formStyle1 dd input.inp { width:242px; float:left; border:1px solid #999; padding:2px;} /* One Column (Default) */ .formStyle1 dd input.two { width:117px; } /* Two Columns*/ .formStyle1 dd input.tree { width:75px; } /* Tree Columns */ /* SELECTS */ .formStyle1 dd select { width:239px; margin-right:8px; float:left;} /* One Column (Default)*/ .formStyle1 dd select.two { width:116px; margin-right:8px; } /* Two Columns*/ .formStyle1 dd select.tree { width:75px; margin-right:8px; } /* Tree Columns */ .formStyle1 dd .auto { width:auto; float:right; margin-right:8px;} /* Submit Button inside DD*/ .formStyle1 dd .button {float:left;margin:0 0 0 8px;} /* TEXTAREA Textarea needs dd/dt with .autoheight */ .formStyle1 dd textarea {width:242px;margin-bottom:8px;} /* CHECKBOXES */ .formStyle1 dd label {display:block;} .formStyle1 dd label.two { /* .chk's parent*/ float:left;width:124px;padding-bottom:8px;} /* GRIDS --------------------------------- Label [ ] | Label [ ] --------------------------------- Label [ ] | Label [ ] ---------------------------------- */ /* Two Column Grid (UL)*/ ul.grid2col {margin:0;padding:0;list-style:none;width:399px;float:left;font-size:1.1em;} ul.grid2col li {width:199px;float:left; padding-bottom:8px; } ul.grid2col li label {font-weight:bold;} ul.grid2col li input {font-weight:normal;float:left;width:182px;margin-top:3px;} /* EDITOR FORM ------------------------------------ USED IN: - View/Forum/thread_new.vm - View/Blog/compose.vm - View/Blog/edit.vm ------------------------------------ */ /* 100% WIDE FOR ITEMS */ /* For Wide dt and dd's */ #main .formStyle1 dl.wide dt #main .formStyle1 dt.wide{ width:399px; float:left; height:auto;} #main .formStyle1 dl.wide dd, #main .formStyle1 dd.wide { width:399px; float:left; height:auto; margin-bottom:8px;} #main .formStyle1 dl.wide dd textarea, #main .formStyle1 dd.wide textarea {float:left; width:395px;} .formStyle1 .wide p.info,.formStyle1 .wide label {width:auto;} /* For checkbox followed by text (confirmation/agreement) */ label.wide {float:left;width:399px;padding-bottom:8px;} /* Basic MainCol textarea comment box*/ .commentForm {margin-bottom:8px;float:left;display:block;} .commentForm label {color:#000;width:399px;} .commentForm textarea {width:391px;height:4em;margin:3px 0;} .commentForm .counter {float:left;width:200px;display:block;} /* TagAdd dd.tagAdd {border-bottom:4px solid #333;padding-top:0;background-color:#f3f3f3;} #main .tagAdd h3 {padding:6px 8px;float:left;margin-bottom:8px;background-color:#333;color:#fff;width:383px;} dd.tagAdd div.cont {border-bottom:1px solid #e8e8e8;margin-bottom:8px;padding-bottom:8px;float:left;display:block;} dd.tagAdd input.inp {float:left;width:70px;} dd.tagAdd input.inpAdd {float:left;width:30px;margin-right:10px;margin-top:-1px;} dd.tagAdd ul {margin:0;padding:0;list-style:none;float:left;width:279px;} dd.tagAdd ul li {float:left;display:block;line-height:21px;white-space:nowrap;margin-right:5px;} .tagImageContainer {float:left;width:399px;overflow:hidden;margin-top:8px;} .tagImageContainer img {float:left;margin-bottom:8px;} .formStyle1 dd.autoheight { height:auto;} .formStyle1 fieldset .autoheight {height:auto;} */ /* FORMSTYLE FOR GROUP NEWS PAGE */ .formStyle1 { font-size:.9em; } /*Resets the 1.1em size for news .box */ /* Image Upload */ .uploadedImg {width:399px;display:block;text-align:center;} .uploadedImg label {display:block;width:260px;text-align:left;font-weight:bold;} .uploadedImg label input {font-weight:normal;} .uploadedImg img {padding:2px;border:1px solid #ccc;} form.thumbAdjust p {margin:0 0 10px;} /* THA GREEN BUTTON */ div.green-button {background:url(../gfx/basic/greenbutton_bg.gif) no-repeat right;display:block;} div.green-button input {margin:0;padding:0 8px 3px;color:#fff;font-weight:bold;border:0;height:31px;font-size:1.1em;background:url(../gfx/basic/greenbutton_end.gif) no-repeat left transparent;cursor:pointer;} .search-form table div.button input:focus::-moz-focus-inner { border-color: transparent ! important; } /* FancyForm Style Elements */ .button-green { height:25px; float:left;background:url(../gfx/modules/video/UISprite.gif) no-repeat left -115px; overflow:hidden; } .button-green .bwrap { float:left; margin-left:2px; padding-right:2px; background:url(../gfx/modules/video/UISprite.gif) no-repeat right -115px #fff; height:25px;} .button-green .bwrap input, .button-green .bwrap a { line-height:25px; padding:0 8px; margin:0; background:Transparent; border:0; height:23px; cursor:pointer; color:#fff; font-weight:bold; font-size:12px !important;} .button-gray { height:25px; float:left;background:url(../gfx/modules/video/UISprite.gif) no-repeat left -140px;overflow:hidden; } .button-gray .bwrap { float:left; margin-left:2px; padding-right:2px; background:url(../gfx/modules/video/UISprite.gif) right -140px #fff; height:25px;} .button-gray .bwrap input, .button-gray .bwrap a { line-height:25px; padding:0 8px; margin:0; background:Transparent; border:0; height:23px; cursor:pointer; color:#fff; font-weight:bold; font-size:12px !important; } .button-red { height:25px; float:left;background:url(../gfx/modules/video/UISprite.gif) no-repeat left -90px;overflow:hidden; } .button-red .bwrap { float:left; margin-left:2px; padding-right:2px; background:url(../gfx/modules/video/UISprite.gif) no-repeat right -90px #fff; height:25px;} .button-red .bwrap input, .button-red .bwrap input a { line-height:25px; padding:0 8px; margin:0; background:Transparent; border:0; height:23px; cursor:pointer; color:#fff; font-weight:bold; font-size:12px !important; } .button-green-big { height:30px; float:left;background:url(../gfx/modules/video/UISprite.gif) no-repeat left top;overflow:hidden;} .button-green-big .bwrap { float:left; margin-left:2px; padding-right:2px; background:url(../gfx/modules/video/UISprite.gif) no-repeat right top #fff; height:30px;} .button-green-big .bwrap input { margin:0; background:Transparent; border:0; height:28px; cursor:pointer; color:#fff; font-weight:bold; } .select-wrap { background:url(../gfx/modules/video/input_shadows.gif) top left no-repeat; border:1px solid #999; } .select-wrap select { padding:5px 5px 4px; border:0; background:Transparent; width:100%; color:#666; } .select-wrap option { background-color:white;} /* FORM FRAMEWORK */ .formStyle2 {font-size:1.1em;float:left;} .formStyle2 fieldset {width:583px;float:left;margin-bottom:20px;border:0;border-top:1px solid #ccc; background-color:#f9f9f9;} .formStyle2 legend {padding-right:10px;font-size:1.1em;font-weight:bold;color:#000;} /* Required & Optional Styles*/ .formStyle2 div.optional,.formStyle2 div.required,.formStyle2 div.check-fullwidth {padding-bottom:7px;border-bottom:1px solid #e8e8e8;margin-top:7px;float:left;width:583px;} .formStyle2 div.sub {background-color:#f8f8f8;border-top:1px solid #e8e8e8;color:#666;padding-left:20px;width:563px;float:left;margin-top:10px;margin-bottom:-7px;padding-bottom:5px;} .formStyle2 div.clear { margin-top:10px; } .formStyle2 div.optional ul {float:left; margin-top:4px; color:#666;} .formStyle2 div.submit {padding:10px 10px 10px 0;width:573px;float:left;} .formStyle2 p {margin:10px;color:#333;} .formStyle2 div p.info {width:363px;color:#666;float:right; margin:4px 0 0;} .formStyle2 div.check-fullwidth p.info {width:auto;float:left;margin-left:30px;} .formStyle2 div p.inp-end { line-height:25px; float:left; margin:0 8px;} /* Labels & Form Elements */ .formStyle2 label {width:195px;float:left;padding:6px 5px 0 10px;} .check-fullwidth label {width:573px; margin-bottom:5px;} .check-fullwidth label input { margin-right:8px;} .formStyle2 label span { font-family:Verdana,Tahoma,sans-serif; color:#d00; } .formStyle2 .inp, .formStyle2 .inp-2, .formStyle2 .inp-chk, .formStyle2 .inp-3 { padding:5px;width:348px;float:left;} .formStyle2 .inp-2 {width:165px;} /* If checkbox before/after text input*/ .formStyle2 input.inp-chk {width:328px} .formStyle2 textarea.inp-chk {width:327px;float:left;margin:0;} .formStyle2 select.inp-chk {width:334px;} .formStyle2 select.inp-chk-3{width:103px;margin-right:8px;} /* Aligning the checkbox to the input*/ .chk-inp { margin:7px 8px 0 0;float:left;} .formStyle2 .inp-3 { width:70px; margin-right:4px; } .formStyle2 select {margin:0;width:360px;font-size:100%;padding:5px;color:#333;} .formStyle2 select.inp-2 {width:175px;margin-right:5px;float:left;} .formStyle2 textarea {width:572px;color:#194052;height:100px;margin:8px 0 8px 4px;} /* Columns adjustments*/ .formStyle2 select.col3 {width:114px;margin-right:4px;} * html .formStyle2 select.col3 { width:105px;} /* Error & Info messages*/ div.error {float:right;padding:10px;background:#FFFDE8 url(../gfx/modules/reminder/bottom-fade.gif) repeat-x center bottom;border:1px solid #E6D08C;border-left:1px solid #FFEEBA; border-top:1px solid #FFEEBA;width:175px;margin-top:10px;color:#333;display:none;} div.error h1 {font-size:1.1em;margin-bottom:10px;display:block;} div.error p {font-size:.9em;} .error-highlight {background:url(../gfx/modules/forms/inp_error_rightborder.gif) no-repeat 2px 2px #fff6f4; -moz-border-radius:2px; border-left:1px solid #e2dadf; border-top:1px solid #aba6ab; border-bottom:1px solid #e3e0e4 ; border-right:1px solid #dbd6db; text-indent:4px; color:#600; } select.error-highlight { padding-top:4px; padding-bottom:4px; text-indent:1px;} /* Show Hide Controls for Error*/ .side-column div.error {display:block;} /* formStyle2 for #contentcol (adjustments)*/ #contentcol .formStyle2 fieldset, #contentcol .formStyle2 div.required, #contentcol .formStyle2 div.optional { width:741px;} #contentcol .formStyle2 div p.info { width:530px;} /* Side Column used for friend request when adding details*/ .formStyle2 .side-column { width:424px;} .formStyle2 .side-column textarea { width:312px; margin:0;} .formStyle2 .side-column .optional { width:424px;} .formStyle2 .side-column label { width:100px;} .formStyle2 .side-column .info { width:314px} .formStyle2 .side-column input.inp { width:314px;} .formStyle2 .side-column select { width: 314px;} .formStyle2 .side-column select.col3 { width:82px;} .formStyle2 .side-column .submit { width:424px;} .formStyle2 .check-2col { float:right;width:320px;} .formStyle2 .check-2col label { width:147px;font-size:.9em;float:left;} .formStyle2 .correct {background:url(../gfx/welcome/formico_ok.gif) no-repeat;display:block;width:19px;height:16px;margin:5px 10px;float:left;} .formStyle2 .wrong {background:url(../gfx/welcome/reg_errorsmall.gif) no-repeat;display:block;width:17px;margin:5px 10px;height:17px;float:left;} /* Browser Spesific - Keep at bottom of page*/ * html .formStyle2 label { padding-top:2px;} /* IE6 FIX*/ * html .formStyle2 input.inp { padding:2px 5px;} /* IE6 FIX*/ /* Profile Photo Form */ .profilePhoto fieldset {width:417px;float:left;border-top:1px solid #ccc;font-size:1.1em;padding-bottom:20px;} .profilePhoto legend { padding-right:10px;font-size:1.1em;font-weight:bold;color:#000; } .profilePhoto label{float:left;width:417px;margin:10px 0 0;color:#333;} .profilePhoto .file-label { font-weight:bold; width:584px; float:left; } .profilePhoto input.file {float:left;font-weight:normal;color:#194052;border:1px solid #add1de;background:url("../gfx/modules/forms/input_topshadow.gif") repeat-x top #eaf7ff;color:#000;font-weight:normal;margin:8px 0;} .profilePhoto input,.profilePhoto .submit-white { margin-top:8px;} .profilePhoto label input {margin-left:10px;} .profilePhoto .chk {float:left;border-bottom:10px;margin-right:8px;} .profilePhoto p { margin:10px 0 5px;} .profilePhoto p.info {font-size:.9em;color:#666;margin:0;margin:5px 0 5px 4px;display:block;} .profilePhoto .thumbCont {border:1px solid #ccc;padding:2px;background-color:#fff;float:left;margin:10px 10px 0 0;} .profilePhoto #squarebox {float: left;width: 67px;height: 67px;padding:0;cursor: move;overflow: hidden;position: relative; /* to fix IE bug */} .profilePhoto #squarepicture {position: relative;visibility: hidden; } .profilePhoto #savesquarebutton {margin-top: 8px;margin-bottom: 4px;} #main .profilePhoto fieldset {float:left;display:block;} #main .profilePhoto .file-label {width:407px;} #main .profilePhoto .file-label input { margin-left:0; float:left;} /* Full width Styles (inside #content div) */ #content .formStyle2 fieldset, #content .formStyle2 div.optional, #content .formStyle2 div.required, #content .formStyle2 div.check-fullwidth { width:951px;} #content .formStyle2 div p.info { margin-left:210px; display:inline; float:left; } /* Full width Styles for ProfilePhoto - used in Registration */ #content .profilePhoto {width:594px;float:left;} #content .profilePhoto fieldset { width: 594px;} #content #left { padding:0 17px 0 0;} .formStyle2 .disabled { color:#666;} .button-inp {border:1px solid #999; width:175px; line-height:1.8em; text-align:left; padding:0 5px; font-weight:bold; background:url(../gfx/ico/arrow_isopen.gif) 155px 11px no-repeat #fff;} /* Line #container {text-align:left;margin:0 auto;display:block;width:985px;background:url(../gfx/basic/container_bg.gif) repeat-y Transparent; min-height:1000px; clear:both;} #headMenu2 { float:left;width:785px;background-color:#252525; clear:both;} #headMenu2 ul {list-style:none;padding:0 0 0 8px;float:left;} #headMenu2 li { float:left;} #headMenu2 li a { padding:12px 6px 10px;} #headMenu2 .search .inp { float:left; width:100px;} #adRight { float:right; margin:-37px 0 0 3px; width:189px;} #adRight .textAd { background:#fff; border:3px solid #333; width:179px; float:left; margin-bottom:8px; padding-bottom:10px; } #adRight .textAd h3 {background:#fff; width:159px; padding:8px 10px 6px; border-bottom:1px solid #dedede; margin-bottom:6px;} #adRight .textAd h3 a { color:#0061a5; } #adRight .textAd p { padding:0 10px 6px; color:#333;} #adRight img { margin:2px 0 3px 10px;} #adRight .textAd a.url { color:#e20000; padding:0 10px 10px; font-size:.9em; float:left; width:159px;} */ /* SHOUT */ #shout { float:right; width:710px; margin:6px 0;} #shout ul { float:right; } #shout ul li { float:left; background-color:#fff; width:220px; margin-left:6px;} #shout ul li .userimg { float:left; margin:4px 10px 4px 4px; height:53px; overflow:hidden; width:53px; *position:relative;} #shout ul li .userimg img { float:left;} #shout ul li p { float:left; width:139px; padding:5px 0 0; font-size:11px; line-height:12px; color:#666; height:48px; overflow:hidden;} #shout ul li.new { width:40px; font-size:11px;} #shout a.add { float:left; width:25px; height:21px; display:block; background:url(../gfx/modules/bubbleshout/add.gif) no-repeat; margin-top:20px; } /* TEMP MERGE WITH NEW LAYOUT (HEADER)*/ /* Search Buttons */ #header input.inp { border:1px solid #dbdbdb; background:url("../_gfx/dot_ececec.gif") repeat-x top left white; font-size:100%;} button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */} button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */} button span { position: relative; display: block; white-space: nowrap;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button span { margin-top: -1px; } } .button-search-big { background:url(../_gfx/button-search-big.gif) no-repeat top left; width:35px; height:30px; float:left;} .button-search-small { background:url(../_gfx/button-search-small.gif) no-repeat top left; width:25px; height:20px; float:left;} /* Header */ #bar { float:left; width:964px; padding:0 10px 0px; background-color:#111;} #bar ul { float:left; margin:10px 10px 10px 0;} #bar ul li { float:left;} #bar select { padding:1px;} #bar ul a { color:#959595; padding:8px; line-height:20px; font-size:.9em;} #bar ul a:hover { color:#ccc;} #sitelogo { float:left; text-transform:uppercase; font-size:1.2em;} #sitelogo img { color:white; float:left;} #site-search { float:left; position:relative; margin:10px 0;} #site-search input.inp { float:left; padding:3px 2px 1px; font-size:.9em; height:14px; border-right:0;} #site-search label { position:absolute; top:0; left:0; padding:3px 4px; font-size:.9em;} #bar #lang { float:left; margin:10px 0; } #bar #lang img { display:block; padding-top:4px; float:left; margin-right:5px; } #bar #lang a { color:#999; font-size:.9em; padding:0 15px; line-height:19px; float:left; background:url(../_gfx/paging_arrow_down.gif) no-repeat right 6px;} #bar #lang a:hover { color:white;} #bar #lang select { margin:0 10px; padding:0;} #login { float:left; margin:10px 0 7px; } #login .wrap { float:left; width:182px;} #login .wrap div { width:100%; float:left;} #login .wrap div label { font-weight:bold; color:#fff; line-height:20px; float:left; width:70px; overflow:hidden; white-space:nowrap; text-align:right; } #login .inp { width:90px; float:right; padding:2px; color:#333; overflow:hidden; margin-right:8px;} #login .login { font-weight:bold; background-color:#ccc;; height:20px; padding:2px 10px; width:57px; font-family:inherit; border:1px solid #B4B4B4; border-bottom:1px solid #666; border-right:1px solid #666; border-radius:4px; -mox-border-radius:4px; -webkit-border-radius:4px;} #login .login:active { border:0;} #login .rememberme, #login .forgotpw { float:left; font-size:.9em; font-weight:normal; line-height:22px; color:#999; margin-left:77px; white-space:nowrap; width:102px} #login a.forgotpw:hover, #login .rememberme:hover { color:#fff;} #login .rememberme input { margin-right:5px;} #topshout { float:left; background-color:#fff; width:984px; border-bottom:1px solid #e7e7e7;} #topshout ul { float:left; } #topshout ul li { float:left; background-color:#fff; width:280px; } #topshout ul li img { float:left; margin:4px 10px 4px 4px; } #topshout ul li p { float:left; width:200px; margin:0;padding:5px 0 0; font-size:11px; line-height:12px; color:#666;} #topshout .button-gray { margin:8px 8px 0; float:right;} /* Fixes for layout.css pages */ #topshout .button-gray { color:#333; padding:5px; font-size:.9em; } /* Nav */ #nav { float:left; width:984px; font-size:1em; background:url("../_gfx/header/nav_bg.gif") no-repeat left bottom; margin-bottom:10px; } #subnav { float:left; width:984px; background:url("../_gfx/header/subnav_bg.png") no-repeat left top;} #nav .menu { float:left; margin-left:15px; width:779px; height:40px; display:inline; background-color:#fff; position: relative; z-index:100; white-space:nowrap;} #nav .menu li, #subnav li { float:left;} #nav .menu a, #subnav a { color:#888; padding:6px 6px 4px; margin:7px 0 7px; height:16px; float:left; font-weight:bold;} #nav .menu li { height:40px; position:relative;} #nav .menu li.divider { background-color:#e7e7e7; width:1px; border-left:10px solid #fff; border-right:10px solid #fff; } #nav .menu li.last { display:none;} #nav .menu a:hover, #subnav a:hover { color:#222;} #subnav ul { margin:0 15px;} /* Active*/ #nav .menu .active a, #subnav .active a { color:#333;} #nav .menu li.active { background:transparent url(../_gfx/header/arrows.gif) center top ;} #subnav li.active { background:transparent url(../_gfx/header/arrows.gif) center bottom ;} #nav .menu li.sub a { padding-right:3px} #nav .menu li.sub:hover > a { padding:5px 3px 3px 5px; margin-right:0; border:1px solid #d5d5d5; border-right:0; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; color:#252525; } #nav .menu li em { text-indent:-2000px; width:15px; height:26px; float:left; overflow:hidden; cursor:pointer; margin:7px 5px 7px 0px; background:url(../_gfx/header/dropdown_arrow.gif) no-repeat bottom Transparent; border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; } #nav .menu li.hover em { background-position:top; background-color:#D5D5D5; display:block; } #nav .menu li.hover em.hover { background-color:#00699f; } #nav .menu ul { margin:0; padding:0; height:auto; background:url(../_gfx/header/dropdownbg.gif) repeat-x white; width: 140px; border:1px solid #959595; border-top:0; display:none; position: absolute; left:0; top:40px; z-index:99999; border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; } #nav .menu ul li { float:none; height:auto; background-color:transparent; color:#fff; padding:0; } #nav .menu ul li a { float:none; display:block; padding:5px 10px; margin:0 5px !important; font-weight:bold; color:#252525; height:auto; border-top:1px solid #cfcfcf; } #nav .menu ul li a:hover { color:#666; } /* Notifications */ #nav .notify { float:right; padding-top:10px; margin-right:10px; height:30px; background-color:white; width:180px;} #nav .notify li { float:right;} #nav .notify a { height:20px; width:20px; display:block; position:relative; padding:0 5px; margin:0 3px;} #nav .notify a.friend { background:url(../_gfx/icons/user-add.png) no-repeat 0 0 ; } #nav .notify a.guestbook { background:url(../_gfx/icons/guestbook.png) no-repeat 0 0 ; } #nav .notify a.msg { background:url(../_gfx/icons/email.png) no-repeat 0 2px; } #nav .notify a.guestbook { background:url(../_gfx/icons/guestbook.png) no-repeat 0 1px; } #nav .notify a.event { background:url(../_gfx/icons/event.png) no-repeat 0 0; } #nav .notify a.group { background:url(../_gfx/icons/group_new.png) no-repeat 0 -1px; } #nav .notify a span { position:absolute; border:1px solid white; bottom:-4px; right:5px; -moz-border-radius:3px; background:url("../_gfx/header/blink.gif") repeat; color:white; font-size:.6em; padding:1px 3px 1px 3px; } #topbanner { margin:0 auto; width:985px; text-align:left; background-color:#252525;} #topbanner img { float:left;} #bottombar { height:27px; width:100%; bottom:0px; position:absolute; text-align:left; z-index:999999;} #bottombar .nav { height:27px; margin-left:auto; margin-right:auto; } #bottombar .nav .inner { float:right; height:27px; width:192px; margin-left:auto; margin-left:5px; border:1px solid #acacac; border-bottom:0; background:url(../_gfx/chatbar/bg.gif) repeat-x; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0;} #bottombar .nav ul.shortcuts {padding-top:2px;list-style:none; margin-left:-5px; float:left; padding-left:4px; } #bottombar .nav ul.shortcuts li {display:block; padding:4px 3px 1px; float:left; border-right:1px solid #e2e2e2; border-left:1px solid #c4c4c4;} #bottombar .nav .first { border-left:0;} #bottombar .nav .last { border-right:0;} #bottombar .nav ul.shortcuts a { display:block; width:20px; height:20px; float:left; position:relative;} #bottombar .nav a.profile { background:url(../_gfx/ico/iconsprite.png) no-repeat -19px -20px; } #bottombar .nav a.msg { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -63px;} #bottombar .nav a.photos { background:url(../_gfx/ico/iconsprite.png) no-repeat -240px -262px;} #bottombar .nav a.gbook { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -222px;} #bottombar .nav a.contacts { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -102px;} #bottombar .nav a.groups { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -142px;} #bottombar .nav a.events { background:url(../_gfx/ico/iconsprite.png) no-repeat -20px -181px;} #bottombar .nav a.bubbles { background:url(../_gfx/ico/iconsprite.png) no-repeat -680px -342px;} #bottombar .nav a.credits { background:url(../_gfx/ico/iconsprite.png) no-repeat -900px -341px;} #bottombar .nav ul.shortcuts a span { display:none; position:absolute; color:white; padding:2px 5px; top:-30px; } #bottombar .nav ul.shortcuts a:hover span { display:block; background-color:#333;} #bottombar .notifications { float:left; position:relative; border-left:1px solid #E2E2E2;} #bottombar .notifications #n-button { border-left:1px solid #C4C4C4; background:url(../_gfx/chatbar/notifications.png) no-repeat 5px 5px; height:16px; width:21px; display:block; float:left; padding:4px 5px 5px;} #bottombar .n-focus { border-left:0; margin-top:0;} #bottombar .n-expanded #n-button { background-color:#ebebeb; height:18px; padding-top:5px; border-left:1px solid #434343; background-position:5px 5px;} #bottombar .notifications .n-list { font-size:1.1em; position:absolute; bottom:28px; left:-175px; width:200px; background-color:#ebebeb; border:1px solid #434343; padding:0; display:none;} #bottombar .n-expanded .n-list { display:block; } #bottombar .notifications .hl { float:left; font-weight:bold; padding:7px 8px 6px; color:#505050;} #bottombar .notifications .seeall { float:right; white-space:nowrap; padding:7px 8px 6px; color:#959595;} #bottombar .n-list ul { float:left; background-color:#fff; border:1px solid #d6d6d6; padding:0 10px; width:178px; border-top:1px solid #d6d6d6;} #bottombar .n-list ul li a { border-bottom:1px solid #ebebeb; padding:8px 0; display:block; padding-left:25px; color:#333; } #bottombar .n-list ul li a:hover { font-weight:bold;} #bottombar .n-list .n-guestbook { background:url(../_gfx/ico/iconsprite.png) no-repeat -21px -216px; } #bottombar .n-list .n-msg { background:url(../_gfx/ico/iconsprite.png) no-repeat -22px -57px;} #bottombar .n-list .n-friend { background:url(../_gfx/icons/user-add.png) no-repeat -2px 6px;} #bottombar .n-list .n-event { background:url(../_gfx/ico/iconsprite.png) no-repeat -21px -175px; } #bottombar .n-list .n-mobile { background:url(../_gfx/ico/iconsprite.png) no-repeat -21px -175px; } #bottombar .n-list .n-email { background:url(../_gfx/ico/iconsprite.png) no-repeat -22px -57px;} #bottombar .notifications #alert { background:url(../_gfx/header/blink.gif) repeat; display:block; height:16px; margin:1px 0px; width:19px; text-align:center; color:#fff; line-height:16px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #ebebeb;} #bottombar .n-expanded #alert { margin-top:0;} /* Chat Contactlist */ #bottombar .contactlist { position:relative; float:left;} #bottombar .c-button { border-left:1px solid #C4C4C4; height:16px; width:120px; display:block; float:left; padding:7px 5px 3px 30px; font-size:11px; color:#666; background:url(../_gfx/ico/user-silhouette.png) no-repeat 5px 5px;} #bottombar .contactlist strong { color:#252525;} #bottombar .contactlist .c-list { font-size:1.1em; position:absolute; bottom:27px; left:0px; width:180px; background-color:#ebebeb; border:1px solid #434343; border-bottom:0; padding:0; display:none;} #bottombar .c-expanded .c-list { display:block; } #bottombar .contactlist .hl { float:left; font-weight:bold; padding:7px 8px 6px; color:#505050;} #bottombar .contactlist .seeall { float:right; white-space:nowrap; padding:7px 8px 6px; color:#959595;} #bottombar .c-list ul { float:left; background-color:#fff; border:1px solid #d6d6d6; padding:0 10px; width:178px;} #bottombar .c-list ul li a { border-bottom:1px solid #ebebeb; padding:8px 0; display:block; padding-left:25px; color:#333; } #bottombar .c-list ul li a:hover { font-weight:bold;} #bottombar .contactlist .list { float:left; width:170px; padding:10px 0 10px 10px; background-color:#fff; line-height:16px; max-height:200px; overflow:auto; border-top:1px solid #d6d6d6;} #bottombar .contactlist .list dl { border-bottom:1px solid #e7e7e7; float:left; width:100%; padding-bottom:5px; margin-bottom:5px;} #bottombar .contactlist .list dt { font-weight:bold; } #bottombar .contactlist .list span { font-weight:normal; color:#999;} #bottombar .contactlist .filter { border-top:1px solid #d6d6d6; background-color:#ebebeb; float:left; padding:4px; } #bottombar .contactlist .filter input { border:1px solid #c7c7c7; padding:4px; width:160px;} /* http://www.sohtanaka.com/web-design/facebook-style-footer-admin-panel-part-2/ */ #bottombar { position: fixed; bottom: 0; left: 0; z-index: 9999; /*--Keeps the panel on top of all other elements--*/ border-bottom: none; width: 90%; margin: 0 5%; } *html #bottombar { /*--IE6 Hack - Fixed Positioning to the Bottom--*/ margin-top: 0; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #bottombar--*/ position: absolute; top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); } /* MARKETPLACE CSS*/