/* This code authored by Eric Meyer. http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ The purpose of a reset file, stated in the words of Yahoo, "removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions." (see http://developer.yahoo.com/yui/reset/) */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:top;margin:0;padding:0} :focus{outline:0} body{line-height:1} ol,ul{list-style:none} table{border-collapse:separate;border-spacing:0} caption,th,td{text-align:left;font-weight:normal} blockquote:before,blockquote:after,q:before,q:after{content:""} blockquote,q{quotes:"" ""} a:focus, button:focus, button span:focus {outline:none!Important} img {-ms-interpolation-mode:bicubic;} /*End of reset */ /*Jollys Stuff*/ body{background:#fff; font-size:80%; line-height:150%; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; color:#333; margin:0; padding:0;} small { font-size:85%; color:#69808D; float:left; line-height:150%; display:inherit} small a:link, small a:visited { font-weight:normal} * html ul {height:1%;} *+ html ul {min-height:1%;} legend{display:none} .form{float:left; margin-bottom:15px; width:640px; position:relative; /*background-color:#FFFFCC*/} #quick_profile .form{} #nav_container {width:100%; background-color:#87BFDB; border-top:1px solid #E7F6FD; position:absolute; top:-38px; left:0px; z-index:1; height:36px; } #nav {width:960px; margin:0 auto; position:relative; font-family:Arial,Helvetica,sans-serif; font-size:110%; font-weight:bold; letter-spacing:-1px; list-style-type:none; text-transform:uppercase; } #nav ul { height:96px; background:transparent url('/img/jolly_world_small.png') no-repeat scroll 400px 0px; left:210px; top:-60px; position:absolute; width:750px; z-index:2; } #nav ul li{ line-height:36px; border:0px solid #6E8996; margin:0; display:block;float:left; padding:0; text-align:center; position:relative; top:60px; padding:0 5px} #nav ul li a{line-height:36px; display:block;margin:0;padding:0 10px; text-decoration: none; color:#fff;} #nav ul li a span {padding:0 5px 0 0} #signin_menu_panel {display:none; height:286px;width:248px;background:transparent url('/img/quick_login_background_glow.png') 0px 0px no-repeat; position:absolute; right:-355px; top:-12px; z-index:1} #account_menu_panel {display:none; height:286px;width:248px;background:transparent url('/img/quick_login_background_glow.png') -216px 0px no-repeat; position:absolute; right:-355px; top:-12px; z-index:1} /*nav over state for quick login panel*/ #nav ul li.nav-login.over a.signin, #nav ul li.nav-account.over a.account {background: transparent url('/img/nav_background_end_drop.gif') no-repeat scroll right -36px; display: inline;float: left; color:#FFF; height: 36px; padding-right: 25px; margin:0px -5px 0 0px} #nav ul li.nav-login, #nav ul li.nav-account {position:absolute; right:0px; z-index:2} /* this bit is where the work is needed.....*/ #nav ul li.nav-login.over a.signin.menu-open span{ background:#E7F6FD; height:27px; line-height:34px; padding:0;} #nav a.signin{background:url('/img/nav_arrow_down.gif') no-repeat scroll 58px center; padding-right:15px; position:relative;} #nav a.account{background:url('/img/nav_arrow_down.gif') no-repeat scroll 78px center; padding-right:15px; position:relative;} #nav a.menu-open{color:#597B91; z-index:3; border:2px solid #597B91; border-bottom:0; top:10px; right:10px; height:27px; background:#E7F6FD url('/img/nav_arrow_up.gif') no-repeat scroll 63px 16px; outline:none; padding:0 25px 0 15px; position:absolute; /* border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; */ } #nav ul li.nav-login.over a.signin.menu-open{ color:red; border:2px solid #597B91; border-bottom:0; top:12px; right:17px; outline:none; padding:0; position:absolute; background:#E7F6FD url('/img/nav_arrow_up.gif') no-repeat scroll 58px center; outline:none; padding:2px 30px 0px 24px; width:33px;} #signin_menu, #account_menu{ background-color:#E7F6FD; position:absolute; z-index:2; border:2px solid #597B91; text-align:left; top:37px; left:10px; padding:15px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:90%; font-weight:normal; letter-spacing:0; width:160px; text-transform:none; width:194px; height:205px; /*border-radius:8px 0px 8px 8px; -moz-border-radius:8px 0px 8px 8px; -webkit-border-radius:8px 0px 8px 8px; */ } #account_menu{ height:105px } #account_menu ul {position:relative; top:0!Important; left:0!Important; width:160px!Important} #account_menu ul li { position:relative; top:0!Important; left:0!Important; border-top:1px solid #B2CBD4; padding:0; float:left; display:block; width:160px; text-align:left} #account_menu ul li a { color:#333; padding:0 5px; line-height:26px; font-size:85%;} #account_menu ul li a:hover { background:#D8F0FC} #account_menu ul li a img { margin:0 10px 10px 0} #signin_menu label { line-height:100%;letter-spacing:normal; width:194px; float:left; padding:0;} #signin_menu .inputtext { width:184px} #signin_menu a {position:absolute; left:0px; top:160px;} #signin_menu .remember {position:absolute; left:100px; top:60px; font-weight:normal; color:#6791A1} #signin_menu_panel a#forgot_password { color:#6791A1; text-decoration:underline; position:absolute; top:-7px; left:105px; padding:0; clear:left; font-size:90%; font-weight:normal;} #password_wrapper {position:relative} #facebook_connect_container {border-top:1px solid #B2CBD4; margin-top:12px; position:relative} #facebook_connect_container span {background:#E7F6FD;font-size:90%;height:17px;left:87px;line-height:17px;padding:0;position:absolute;text-align:center;top:-10px;width:20px; color:#6791A1} #facebook_connect_container .facebook_connect { top:15px;} .facebook_connect {width:194px; height:27px; float:left; display:block; background:#00F; color:#FFF; margin:0; padding:0!Important; background:transparent url('/img/sprite_button_icons.png') 0px -48px no-repeat; text-indent:-9999px} /* Navigation On States */ #home #nav ul li.nav-home a, #about #nav ul li.nav-about a, #blog #nav ul li.nav-blog a, #explore #nav ul li.nav-explore a, #our_users #nav ul li.nav-users a, #login #nav ul li.nav-login a, #logout #nav ul li.nav-account a, #mypage #nav ul li.nav-mypage a, #dashboard #nav ul li.nav-dashboard a, #jollys #nav ul li.nav-jollys a{background: transparent url('/img/nav_background_hover_end.gif') no-repeat scroll right 0px; display: inline;float: left; color:#FFF; height: 36px; margin:0 5px 0 -10px;} /* Navigation On (over) States */ #home #nav ul li.nav-home.over, #about #nav ul li.nav-about.over, #blog #nav ul li.nav-blog.over, #explore #nav ul li.nav-explore.over, #our_users #nav ul li.nav-users.over, #login #nav ul li.nav-login.over, #logout #nav ul li.nav-account.over, #mypage #nav ul li.nav-mypage.over, #dashboard #nav ul li.nav-dashboard.over, #jollys #nav ul li.nav-jollys.over {margin-left:10px; _margin-left:0px} #home #nav ul li.nav-home span, #about #nav ul li.nav-about span, #blog #nav ul li.nav-blog span, #explore #nav ul li.nav-explore span, #our_users #nav ul li.nav-users span, #login #nav ul li.nav-login span, #logout #nav ul li.nav-account span, #mypage #nav ul li.nav-mypage span, #dashboard #nav ul li.nav-dashboard span, #jollys #nav ul li.nav-jollys span{background: transparent url('/img/nav_background_hover.gif') 0px 0px no-repeat;display: block;line-height: 36px;padding: 0px 0px 0px 10px} /*Constant signup highlight*/ #nav ul li.nav-signup {background: transparent url('/img/nav_background_hover_end.gif') no-repeat scroll right -72px; display: inline;float: left; color:#FFF; height: 36px; margin:0 5px 0 -10px;} #nav ul li.nav-signup span{background: transparent url('/img/nav_background_hover.gif') 0px -72px no-repeat;display: block;line-height: 36px;padding: 0px 0px 0px 10px} #nav ul li.nav-signup a{ margin: 0 5px 0 0; padding:0 0 0 10px} /* Navigation Over States */ #nav ul li.nav-home.over a, #nav ul li.nav-about.over a, #nav ul li.nav-blog.over a, #nav ul li.nav-explore.over a, #nav ul li.nav-users.over a, #nav ul li.nav-account.over a, #nav ul li.nav-dashboard.over a, #nav ul li.nav-jollys.over a, #nav ul li.nav-mypage.over a{background: transparent url('/img/nav_background_hover_end.gif') no-repeat scroll right -36px; display: inline;float: left; color:#FFF; height: 36px; padding-right: 10px; margin-right:5px} #nav ul li.nav-home.over span, #nav ul li.nav-about.over span, #nav ul li.nav-blog.over span, #nav ul li.nav-explore.over span, #nav ul li.nav-users.over span, #nav ul li.nav-login.over span, #nav ul li.nav-account.over span, #nav ul li.nav-dashboard.over span, #nav ul li.nav-jollys.over span, #nav ul li.nav-mypage.over span{background: transparent url('/img/nav_background_hover.gif') 0px -36px no-repeat;display: block;line-height: 36px;padding: 0px 0px 0px 10px; margin-left:-10px} /* Navigation on state for the sighnup item #nav ul li.nav-signup a{background: transparent url('/img/nav_background_hover_end.gif') no-repeat scroll right -36px; display: inline;float: left; color:#FFF; height: 36px; padding-right: 10px;} #nav ul li.nav-signup span{background: transparent url('/img/nav_background_hover.gif') 0px -36px no-repeat;display: block;line-height: 36px;padding: 0px 0px 0px 10px; margin-left:-10px} /* /* new */ #mynav{position:relative; top:-31px; background:transparent url('/img/nav_background_fade.jpg') no-repeat right 30px; height:60px; width:980px; margin-top:-60px; position:relative; top:-30px; } #mynav ul{ position:absolute; right:20px; border:0px solid #000000;list-style-type:none;height:30px;margin:0;padding:0; width:280px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; background:transparent url('/img/my_nav.png') no-repeat 0px 0px; } #mynav ul li{ line-height:30px; border:0px solid #6E8996; margin:0; display:block;float:left; padding:0; text-align:center; position:relative; font-weight:bold; text-transform:uppercase; color:#FFF; /*border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; */} #mynav ul li a{display:block;margin:0;padding:0; text-decoration: none; color:#FFF} #mynav ul li a:hover { text-decoration:underline} /* Navigation widths */ li.mynav-dashboard a {width:164px; border:0px solid #000000} li.mynav-jollys a {width:116px; border:0px solid #000000;left:-12px;position:relative; text-indent:-12px} #dashboard #mynav ul {background:transparent url('/img/my_nav.png') no-repeat 0px -30px} #jollys #mynav ul {background:transparent url('/img/my_nav.png') no-repeat 0px -60px; } #dashboard li.mynav-dashboard a, #jollys li.mynav-jollys a {color:#508791} /*logeed in user drop nav*/ #nav ul li#loggedin_options { float:right; width:350px;} #mypage li.nav-mypage span {background: transparent url('/img/nav_background_hover.gif') 0px 0px no-repeat;display: block;line-height: 36px;padding: 0px 0px 0px 10px; margin-left:-10px} #mypage li.nav-mypage { padding: 0 0 0 10px} #mypage li.nav-mypage ul li a{ background:none; height:25px;line-height:25px; padding:0 15px; margin:0;} #mypage li.nav-mypage ul li a:hover{ background:#A5CFE4;} p strong{ color:#333} p { font-size:100%; line-height:150%; color:#49595F; float:left;} p a:link, p a:visited {font-weight:normal; color:#1188C1} a:link, a:visited{color:#69808D; font-weight:bold;} a:hover{color:#69808D;} .more{font-weight:bold; cursor:pointer; border-bottom:1px dotted #333} .more_description {display:none} img{border:0;} #header_background { width:100%; background:#B8E4FA url(/img/header_clouds.gif) center top no-repeat; min-height:137px;height:auto !important;height:137px; position:relative; top:0px;} #header_container{ width:960px; margin:0 auto; position:relative; z-index:5;} #content{width:100%; border-top:1px solid #fff; background: url(/img/header_grad.jpg) top repeat-x; float:left; position:relative;} #container{ width:960px; margin:59px auto 0; position:relative} #content_container_wrapper{border:1px solid #B2CBD4; width:960px; padding:0; border-right:0; border-bottom:0; border-top:0; float:left; position:relative; top:110px; clear:both; padding-bottom:20px} #content_container_clean_wrapper{border:0px; width:960px; padding:0; float:left; position:relative; top:110px; clear:both} #content_container_profile{border-left:1px solid #B2CBD4; width:960px; padding:0; float:left; position:relative; top:110px;} #content_container_wrapper h1 {position:absolute; left:-20px; top:-88px; width:720px} #content_container_profile h1 {position:absolute; left:-2px; top:-70px;} #container.top{border-top:3px solid #DDE3E6; padding-top:30px;} #container #left{ width:610px; float:left; border-right:1px solid #E6EAEC; padding-right:24px; position:relative; z-index:1; } #container #right{border-left:1px solid #E6EAEC; float:left; padding:0 0 0px 24px; width:300px; position:relative; left:-1px} #container #content_container_wrapper #right.hide{ display:none} #home #container #left { border:0; height:386px;} #home #container #right { min-height:356px;height:auto !important;height:356px;} #home #container #right h1 {display:none} #home #container #right .em { font-size:110%; line-height:130%; font-weight:bold} #home #container #right .quote {margin:0 0 20px} #container #content_container_wrapper #left{ padding:0; margin:20px 0 0 19px; border-right:0; float:left; width:610px; display:inline } #container #content_container_wrapper #right{ border-left:0 none; border-top:3px solid #DDE3E6; float:left; left:0; margin:0 0 0 30px; padding:18px 0 0; position:relative; width:300px; display:inline; } #container #content_container_wrapper #right #follow {position:relative} #content_container_wrapper #footer_container, #content_container_profile #footer_container { position:absolute; bottom:-70px; left:0px;} #usernav_shadow{ background-image:url(/img/usernav_shadow.png); background-position:bottom; height:45px; position:absolute; left:0px; top:-120px; z-index:0;} #usernav_container {width:950px; height:35px; margin:0; padding:0 0 0 10px; background-color:#B2D235; position:relative; z-index:3} #breadcrumb{ font-size:85%; float:left; color:#fff; line-height:300%; position:absolute} #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover{color:#fff; font-weight:normal} #content_container_wrapper #admin_left, #content_container_wrapper .dashboard_container{width:609px; margin:0; float:left; position:relative} .close_panel{border:1px solid #B2CBD4; background-color:#EBEFF0; position:absolute; top:-1px; right:-1px; font-weight:bold; color:#B2CBD4; font-size:120%; text-align:center; padding:0px; height:20px; width:20px; cursor:pointer} ul#share_sites { padding:0; margin:0px; position:relative; float:left; width:300px;margin:0px; font-size:85%;} ul#share_sites li {float:left; width:50%;} ul#share_sites li a { font-weight:normal} /*Admin forms*/ #admin #content_container_wrapper{background-image:url(/img/form_divider.gif); background-repeat:repeat-y} .title {border-bottom:1px dotted #B2CBD4; display:block; margin:20px 0 10px; clear:left; float:left; width:100%; } .title h4{font-weight:normal; padding:0 0 10px 0; font-size:180%; text-transform:none;} .subtitle{border-bottom:1px dotted #B2CBD4; background-color:/*#F8F9FA*/#FFFFCC; display:block; margin:-10px 0 0; padding:10px 0; clear:left; float:left; width:100%;} .subtitle span{ padding:0 10px; float:left;} #left .title{margin:20px 0 10px;} /*end*/ #admin_left .title h2{ line-height:150%;} #content_container_wrapper #admin_right, #content_container_wrapper #dashboard_right {width:310px; float:left; position:relative; margin-left:20px;} #content_container_wrapper #admin_right p, #content_container_wrapper #dashboard_right p{ color:#999; font-size:85%; } #title_container {margin:-7px 0 13px 0; position:relative; float:left; width:100%;} #title_container img { float:right; border:1px solid #B2CBD4; background-color:#FFF; padding:1px; margin-left:10px;} #title_container h1{ float:left; line-height:115%; left:-1px;position:relative; vertical-align:baseline; width:630px;} #title_container h2{ position: relative; float:right; line-height:180%} #content_left {float:left; position: relative; width:630px; margin-left:-1px; float:left;} #content_left_container {border-right:1px solid #B2CBD4; border-top:1px solid #B2CBD4; width: 629px; float:left; position:relative} #main_content{padding:20px; float:left; width:590px; /*background-color:#F0F6D7*/} #content_container_profile #right { background-color:#fff; float:left; padding:0 0 20px 30px; margin:0; position:relative; border-left:1px solid #B2CBD4; width: 300px; } #destination_suggest{ position:relative; left:0; top:0px; height:20px; background:#F8FCFE url(/img/16x16_icon_sprites.png) no-repeat scroll 0 -478px; width:444px; padding-left:25px;} .button_inline_destination { } /*search field stuff*/ #user_suggest_container {position:absolute; margin:0; padding:0; top:-25px; right:0px; z-index:2;} #friend_suggest_container{position:absolute; margin:0; padding:0; top:-26px; right:0px; z-index:2;} #search_container{position:absolute; margin:0; padding:0; height:30px; width:150px; right:0px; top:-81px; z-index:3;} #site_search_inputtext {position:absolute; height:20px; width:96px; background:#E7F6FD url('/img/16x16_icon_sprites.png') 0px -1388px no-repeat; padding:5px 5px 5px 15px; right:34px; border:0; font-size:90%; color:#597B91} #site_search_button { border:0; background:#D9E9F2 url('/img/16x16_icon_sprites.png') 0px -1358px no-repeat; font-size:100%; margin:0px; height:30px; position:absolute; top:0px; right:0px; width:34px; text-indent:-9999px; cursor:pointer; } #searchResults {display:none;width:960px;margin:0 auto; padding:50px 0 100px;} #userResults {width:960px; border-top:0px solid #C3DFED; margin-top:-20px;} #userResults span { background:red url(/img/ajax-loader.gif) no-repeat scroll center center; float:left; margin:0 auto; padding-top:60px; text-align:center; width:960px; } .simple #searchResults {padding-bottom:0!Important} .simple .gapiResultsWrapper h3 {background-color:#A6D4EB;} /*google site search classes*/ .gapiResultsWrapper{border:solid #ccd 0;position:relative;width:980px;float:left;margin:0px;padding:0;} .gapiResultsTitle span{color:#595;} .vjWebResults{ border-bottom:1px solid #E7F6FD; float:left; margin-right:20px; padding:15px 0; width:470px; height:55px; position:relative } .simple .vjWebResults{ border-bottom:1px solid #C3DFED;} .simple .vjWebResultsContent{color:#DBECF4} .vjWebResultsTitle{ float:left; font-size:120%; height:22px; width:100%; overflow:hidden } .vjWebResultsTitle a { text-decoration:none; color:#fff} .vjWebResultsTitle a:hover {text-decoration:underline} .vjWebResultsCount{background-color:#3D657A;float:left;font-size:200%;height:20px;text-align:center;width:20px;color:#FFF;line-height:100%;vertical-align:text-top;margin:5px 8px 5px 0;padding:5px;} .vjWebResultsContent{clear:left;float:left;font-size:85%;line-height:150%; color:#65A2CA; width:470px; font-weight:bold; height:36px; overflow:hidden} .vjWebResultsVisibleUrl{ color:#fff; float:left; font-size:80%; line-height:200%; overflow:hidden; } .gwsSubpageDiv{ color:#3D657A; padding:10px 0 0; position:absolute; text-align:right; right:70px; top:0px; } .gapi_link{width:auto;height:20px;border:solid #000 0;text-align:center;text-decoration:none;cursor:pointer;margin:2px;padding:0;} span.gapi_link_active{text-decoration:none;font-weight:700;color:#000;} span.gapi_link_inactive{text-decoration:underline;font-weight:400;} .gapiResultsWrapper h3{ background-color:#C6E9FB; border-color:#E7F6FD; border-style:solid none; border-width:1px 0; color:#FFFFFF; display:block; font-size:150%; padding:10px; text-transform:uppercase; width:940px; } .gapiResultsWrapper h3{ background-color:#C6E9FB; border-color:#E7F6FD; border-style:solid none; border-width:1px 0; color:#FFFFFF; display:block; font-size:150%; padding:10px; text-transform:uppercase; width:940px; } .gapiResultsWrapper h3 span{color:#3D657A;} #vjGoogleLogo{color:#FFF;position:absolute;left:792px;top:12px; font-size:85%} #searchResultsClose{position:absolute;left:924px;top:8px;border:2px solid #E7F6FD; background:white; cursor:pointer;color:#B8E4FA ;padding:1px 4px;font-size:130%; font-weight:bold;} /**/ /*Click Menu Stuff that needs some work*/ #search_click_menu li span {display:block; height:30px; position:absolute; width:34px; left:-35px; top:0px; cursor:pointer; position:absolute} #search_click_menu li span.test {background:transparent url('/img/16x16_icon_sprites.png') 0px -808px no-repeat;} #search_click_menu li span.test1 {background:transparent url('/img/16x16_icon_sprites.png') 0px -838px no-repeat; } #search_click_menu{z-index:1;} #search_click_menu li ul{display:none; position:absolute; left:-37px; top:-4px;background-color:#E7F6FD;border:2px solid #597B91; padding:5px 10px; width:144px;-moz-border-radius:15px; -webkit-border-radius:15px;} #search_click_menu li ul li { border-bottom:1px solid #597B91; padding:2px 0; line-height:150%} /*End of click Menu*/ /*Signup Form*/ #signupForm {} #signupForm ul { margin:10px 0 50px; width:682px; float:left; position:relative} #signupForm ul li { width:300px; margin:5px 41px 0px 0; float:left;} .inputtextarea.admin {width:600px;} .inputtext.search{right:0px; width:263px; background: #F8FCFE url('/img/16x16_icon_sprites.png') 0px -480px no-repeat;padding-left:25px; padding-right:5px;} .inputtext.tags{right:0px; width:280px; background: #F8FCFE url('/img/16x16_icon_sprites.png') 0px -917px no-repeat;padding-left:25px; padding-right:5px;} .inputtext.dates{background:#F8FCFE url(/img/16x16_icon_sprites.png) no-repeat scroll 0 -1017px; width:230px; padding-left:25px;} #ajax_main_content {float:left; width:100%} #content_left_container #ajax_main_content .pad_me {float:left} .pad_me { padding:20px;} .wide {width:610px !important;} .red { color:red} .changed { background-color: red; } #logo {width:208px; height:120px;background:url(/img/logo.png) no-repeat; position:absolute; top:-45px; left:-10px} #logo a, #logo a:visited{text-indent:-9999px;display:block;width:208px; height:120px; background-x-position:0; background-y-position:0;background:transparent scroll; margin:0; padding:0; border:0;} #loggedin { position:absolute; right:0px; top:78px; font-size:85%; color:#fff; } #loggedin a, #loggedin a:visited{ color:#6597AA;} h1,h2,h3{padding:0px; margin:0px; display:block; line-height:115%; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; float:left} h1 {font-size:170%; color:#BCC8CD; line-height:115%} h2 {font-size:150%; color:#B4C4CB;} h3 {font-size:110%; color:#B4C4CB; } h4, h5{text-transform: none; letter-spacing:0px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-weight:normal; color:#666; line-height:150%; } h6 {font-size:85%; text-transform:none; letter-spacing:0px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-weight:normal; color:#999; line-height:150%; margin:2px 0; } h6 a:link, h6 a:visited{color:#666;} #right h1 {color:#000; font-size:180%;font-weight:normal;margin:0;padding:0;text-transform:none;text-indent:0;line-height:110%;float:left} #right h2 strong{ color:#B2D235} #right h2 a:hover{ color:#B2D235} #right h2 span{ color:#BCC8CD} #signupForm h6, #loginForm h6 {margin-top:10px; width:300px;} h1 span {color: #B2D235} h1 strong{color: #B2D235; font-weight:bold;} h2 span{color: #B2D235} h2 strong{color: #B2D235} h3 span{color:#B2D235} h3 strong{color:#B2D235} h4 span{ color:#B2D235;} h4 strong{color:#B2D235; text-decoration:underline} h5 span {color: #BCC8CD} h5 strong {color:#000;} strong{color:#000; font-weight:bold; vertical-align: baseline} strong a span {color:#B2D235} strong span { border-bottom:1px solid #B3D236} h1 a:link, h1 a:visited{text-decoration:none; color:#BCC8CD} h2 a:link, h2 a:visited, h3 a:link, h3 a:visited{text-decoration:none; color:#B2D235} h4 a:link, h4 a:visited { text-decoration:none; color:#1188C1} .simple h1, #welcome h1, #dashboard h1, #inspire h1, #inspire h2 {font-weight:normal; padding:0; margin:0 0 10px; font-size:180%; text-transform:none; color:#333; display:block; width:100%} /*blog pages*/ #blogs {margin-top:20px; margin-bottom:30px} #blog #blogs h1, #blog #blogs h1 a, #blog #blogs h2 a, #blog #blogs h1 a, #blog h1 a {font-size:120%; font-weight:normal; padding:0; margin:0; line-height:125%; text-transform:none; color:#333; display:block; border-bottom:1px solid #B2D235; text-decoration:none } #blog h1 a {font-size:90%; margin-top:20px} #blog .pagination {margin-bottom:20px;margin-top:10px;} #blog #video_container_bg, #blog #photo_container_bg{margin-top:0;} #blog #left p { margin-bottom:10px;} #dashboard h1 strong, #jollys h1 strong{ font-weight:normal} /*Explore stuff*/ #explore #container #left, #explore #container #right{ border:0;} #explore_wrapper {border:3px solid #DDE3E6; width:630px; padding:0; display:inline; margin-bottom:30px; float:left; padding-bottom:510px; position:relative} #explore #container #left .alert{ width:568px; margin:10px 0;} #explore h1, #explore h2 { color:#000;font-weight:normal;text-transform:none;font-size:180%;width:100%; display:block; margin-top:15px;} #explore #container #right h1 {margin-top:0px} #explore a h3{color:#000; text-transform: none; letter-spacing:0px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; line-height:150%; font-size:90%; text-decoration:none } #explore a:hover h3 { text-decoration:underline} #explore h4 a { text-transform:none; color:#000; font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:90%; letter-spacing:0;} #explore_map_container {background:#99B3CC; width:630px; height:300px; float:left; margin-top:75px; position:relative} #explore_map_container h2 {color:#BCC8CD; font-family:Arial,Helvetica,sans-serif; font-size:200%; font-weight:bold; left:20px; position:absolute; text-transform:uppercase; top:-75px} #explore_map_container p {position:absolute; top:-35px; left:20px} #explore_channels {background-color:#F8F9FA; padding:10px 20px 20px; border-top:1px solid #E6EAEC; border-bottom:1px solid #E6EAEC; float:left; width:590px} #explore ul#channels {position:relative; float:left; width:590px;padding:0; margin-top:20px; list-style-type:none; border:0; clear:left;} #explore ul#channels li {clear:none; float:left; width:33% ;} #explore ul#channels li a {font-size:100%;line-height:100%; display:block; margin:1px; border:0; padding:2px 4px; text-decoration:none; background-color:#BCC8CD; color:#fff; float:left; vertical-align: baseline; text-transform:uppercase; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; font-weight:bold} #explore ul#channels li a:hover {background-color:#B2D235; color:#fff;} #explore #jolly_users ul {width:300px;} #explore #jolly_users ul li {padding:15px 0; width:300px;background:none;border-bottom:1px solid #DDE3E6;float:left;margin:0;} #explore #jolly_users ul li p {float:none; font-size:85%;clear:none; width:auto} #explore #feature_jollys {float:left; padding:10px 20px 20px; width:590px; position:absolute; bottom:20px; _bottom:-1px; left:0px; height:460px} #explore #feature_jollys ul {position:relative; width:590px; float:left;} #explore #feature_jollys ul li { width:50%; float:left; position:relative; height:88px; border-bottom:1px solid #DDE3E6; padding:20px 0} #explore #feature_jollys ul li h3 a { position:absolute; left:100px; color:#000; text-transform: none; letter-spacing:0px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; line-height:150%; font-size:90%; text-decoration:none } #explore #feature_jollys ul li h3 a:hover{ text-decoration:underline;} #explore #feature_jollys ul li h3 img { left:-100px; top:0px;} #explore #feature_jollys ul li p {clear:left; color:#69808D;font-size:85%;left:100px;top:20px;line-height:130%;padding:0;position:relative;width:180px;} #explore #feature_jollys ul li p small { margin-top:5px; font-size:100%; width:100%} #explore #feature_jollys ul li p small a {color:#B2D235; font-weight:bold} #explore #feature_jollys ul li img { position:absolute; left:0; } #explore #feature_jollys #more_jollys { border:0; border-top:1px solid #DDE3E6; width:630px; left:-1px; bottom:15px; position:relative; display:inline} #explore #feature_jollys #more_jollys:hover {background-color:#ECF0F1;} #explore .new { left:-101px; top:-1px} /*End Explore stuff*/ /*Dashboard Stuff*/ #jolly_users ul li {padding:10px 0; width:300px;border-bottom:1px solid #DDE3E6;float:left;margin:0;} #jolly_users ul li p {float:none; font-size:85%;clear:none; width:auto} .shrink { font-size:70%; vertical-align:baseline} #splash {width:960px; height:210px; margin:20px auto 0px; background:transparent url('') no-repeat scroll left top; position:relative; z-index:1} .pagistatus .pipe{padding:0px 1px;} .pipe {padding:0px 5px;} .right { float:right} /*Quote's*/ .quote {background:transparent url(/img/start_quote.gif) no-repeat scroll left top; padding:0; text-indent:15px; margin:0; font-size:110%;} .quote strong {color:#000} .quote a{ font-weight:bold; color:#6597AA} #summary .quote { margin-bottom:20px;} .boxyMe .quote { margin:0; font-size:85%; margin-bottom:10px;} /*#jolly .quote {background:transparent url(/img/start_quote.gif) no-repeat scroll left top; padding-left:6px; text-indent:10px; margin:10px 0 0 0 ; font-size:85%; line-height:100%; clear:left; width:280px; float:left}*/ #jolly_summary_quote {font-size:100%; margin:10px 0 0 0; float:left} #description_quote {font-size:85%; margin:10px 0 15px; float:left} #dashboard_quote {font-size:85%; clear:left; float:left; margin:10px; width:284px; } #dashboard_quote .em{color:#999;} #featured_users{float:left} #featured_users img{ margin:0 10px 0 0;} #featured_users ul{ margin:-10px 0 0; padding:0;} #featured_users ul li{ margin:0; border-bottom:1px solid #DDE3E6; padding: 10px 0; width: 300px; float: left; } #featured_users .quote{font-size:85%; margin:6px 0 0 0; padding:0 0 0 5px; width:230px; line-height:100%; float:inherit; } #featured_users .quote em{ position:relative; } #featured_users h4{float:left; margin:0 10px 1px 0;} #featured_users img a{ float:none} .em { background:transparent url(/img/end_quote.gif) no-repeat scroll right bottom; color:#333; font-style:normal; padding:2px 15px 2px 0; text-align:left; line-height:150%; } .quote .em p { display:inline} .no_link{ text-decoration:line-through; color:#CCC} .panel_header {display:block;height:32px;background-color:#BCC8CD;width:100%;clear:both;position:relative;} .panel_header_alt {display:block;height:32px;background-color:#B2D235;width:100%;clear:both;position:relative;} .panel_header ul{border:none;list-style-type:none;height:32px;margin:0;padding:0; position:relative;font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; font-size:110%; float:left;} .panel_header ul li{line-height:32px;display:block;float:left;margin:0 ;padding:0; text-align:center; border-right:2px solid #fff; position:relative; } .panel_header ul li a, .panel_header ul li a:visited{ height:32px; _float:left; display:block; _display:inline; margin:0;padding:0 15px; color:#FFF; font-weight:bold; text-decoration: none; text-transform:uppercase;} .panel_header ul li img{ vertical-align:middle; padding:0 5px 2px 0; } .panel_header ul li a:hover {background-color:#6C767A; color:#FFF;display: block; text-decoration:none; height:32px; border-top:0; border-bottom:0; padding-left: 15px !important} .panel_header ul li a strong { padding-left:5px; color:#E7F6FD; } .subpanel_header {display:block;height:32px;background-color:#B2D235;width:100%;clear:both;position:relative; margin-top:1px} .subpanel_header_alt {display:block;height:32px;background-color:#B2D235;width:100%;clear:both;position:relative;} .subpanel_header ul{border:none;list-style-type:none;height:32px;margin:0;padding:0; position:relative; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; font-size:110%; float:left;} .subpanel_header ul li{line-height:32px;display:block;float:left;margin:0 ;padding:0; text-align:center; /*border-right:1px solid #fff*/ position:relative; } .subpanel_header ul li a, .panel_header ul li a:visited{ height:32px; _float:left; display:block; _display:inline; margin:0;padding:0 15px; color:#FFF; font-weight:bold; text-decoration: none; text-transform:uppercase;} .subpanel_header ul li img{ vertical-align:middle; padding:0 5px 2px 0; } .subpanel_header ul li a:hover {background-color:#6B7E20; color:#FFF;display: block; text-decoration:none; height:22px; line-height:22px; border-top:0; border-bottom:0; padding: 0 10px !important; margin:5px; margin-right:5px!Important; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .last { border:0} .panel_header ul li.sub_selected, .panel_header ul li.sub_selected a {background:#B2D235 url('/img/panel_header_nav_on.gif') bottom center no-repeat;text-decoration:none;height:32px; color:#FFF; text-transform:uppercase} .panel_header ul li.sub_options_selected, .panel_header ul li.sub_options_selected a{background:#B2D235;text-decoration:none;height:33px;color:#FFF; text-transform:uppercase} .panel_header ul li.sub_next{background:url('/img/panel_header_nav_next.gif') center left no-repeat; text-decoration:none;height:32px; margin-left:15px; padding:0 0 0 15px; color:#D7DEE1; text-transform:uppercase; border:0;} .panel_header ul li.sub_prev{background:url('/img/panel_header_nav_prev.gif') center left no-repeat; text-decoration:none;height:32px; margin-left:15px; padding:0; color:#D7DEE1; text-transform:uppercase; border-right:2px solid #FFF;} .panel_header ul li.sub_prev a:hover { background:#6C767A url('/img/panel_header_nav_prev.gif') 15px 11px no-repeat; border-bottom:0 none; border-top:0 none; color:#FFFFFF; display:block; height:32px; padding-left:30px !important; margin: 0 0 0 -15px; text-decoration:none; } .panel_header_loading {display:block;height:32px;background:#FFF url('/img/panel_header_loader_bar.gif') repeat-x; width:100%;clear:both;position:relative; margin-bottom:20px} .featured_half_split {width:149px;} /*Dashboard Listings*/ .dashList { float:left} .dashList .clipwrapper { margin-right:15px;} .dashList ul {margin:-10px 0 -1px 0; float:left; width:610px; position:relative;} .dashList ul li {border-bottom:1px solid #DFE3E6;width:580px; padding:15px; float:left; position:relative} .dashList ul li a { text-decoration:none; font-size:100%} .dashList ul li a:hover {} .dashList ul.mini li {padding:10px; } .dashList ul li ul li {width:100%;} .dashList .quote {font-size:85%;margin:0; float:left; margin-top:10px; width:400px} .dashList h6{ width:450px; float:left; margin-top:5px; color:#CCCCCC} .dashList p{color:#999999;font-size:85%;margin:2px 0 0;} .dashList .endline_delete { top:10px;} #right .dashList ul {margin:-10px 0 9px 0; float:left; width:280px; position:relative;} #right .dashList ul li {border-bottom:0;width:280px; padding:15px 0; float:left; position:relative} #right .clipwrapper {margin:0} #invite_container{margin:0; padding:0; position:relative; float:left; width:300px;} .subtle_header { border-bottom:1px solid #D2D6DE; display:block; float:left; height:28px; margin:3px 0; position:relative; width:100%; clear:left; } .button_header { display:block; float:left; height:28px; margin:0; position:relative; width:100%; clear:left; } #admin_right {position:relative} #admin_right .subtle_header, #dashboard_right .subtle_header{width:310px;} .news_header { display:block; position:relative; width:100%; border-top:1px solid #FFF; float:left; clear:left; margin:0; padding:8px 0; } #newsfeed.compact .news_header {border-bottom:1px solid #DDE3E6} #content_left_container #ajax_main_content #newsfeed{ margin-bottom:-5px; width:609px} #content_left_container #ajax_main_content #newsfeed p, #content_left_container #ajax_main_content #newsfeed h4, #content_left_container #ajax_main_content #newsfeed h5{margin-left:0px} #newsfeed .pagination {margin:10px 0 -1px; background-color:#FFF; position:relative; z-index:1} #newsfeed .pagination p { margin-bottom:5px;} #newsfeed_duration {position:absolute; right:6px; top:6px; font-size:80%; width:150px;} #newsfeed_duration select {width:150px; } #dashboard_left #newsfeed {margin:-20px 0 20px 0} #newsfeed .activitycloud ul li a {background-color:#F5F5F5;border-color:#EEEEEE rgb(222, 222, 222) rgb(222, 222, 222) rgb(238, 238, 238);border-style:solid;border-width:1px;margin:0 5px 5px 0; line-height:17px; padding:2px 6px;text-decoration:none; height:18px; float:left; font-size:85%} .round {-moz-border-radius: 10px} .inputtext.round {-moz-border-radius: 3px} #newsfeed h2{ clear:left; margin:0; float:left; color:#BCC8CD} #newsfeed h4{margin:5px 0 0 0} #right #newsfeed{float:left; width:100%; overflow:auto; margin-top:-1px;} #newsfeed{float:left; width:100%;} #newsfeed p{clear:left; position:relative; float:left; margin:0; padding:0; width:100%;} #newsfeed .preview { margin:5px 0} #newsfeed p a strong {color:#1188C1} #main_content #newsfeed, #main_content #about {display:none} /*compact the newsfeed*/ .toggle_view {background:transparent url('/img/panel_header_view_toggle.gif') no-repeat 0px 0px; color: #FFF;display: block;float: right; height: 32px; width:32px; cursor:pointer} .toggle_view.compact {background:transparent url('/img/panel_header_view_toggle.gif') no-repeat -34px 0px;} #main_content #newsfeed.compact p.preview, #main_content #newsfeed.compact .tags.preview, #main_content #newsfeed.compact h4, #main_content #newsfeed.compact .pagination { display:none} #newsfeed .border span { background-color:#000000; clear:left; color:#FFFFFF; font-size:75%; line-height:16px; line-height:16px; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; padding:0 5px; position:absolute; left:4px; bottom:4px; width:94px } #newsfeed .userpic {float:left; margin:5px 10px 0 10px; border:1px solid #B2CBD4; padding:1px; background-color:#FFF; width:25px; height:25px;} #newsfeed .border {float:left; margin:0 5px 0 0; border:1px solid #B2CBD4; padding:4px; background-color:#FFF; position:relative; width:104px;} #newsfeed .border.video { width:104px;} #newsfeed .border.last, #newsfeed .border.last img{margin:0;} #newsfeed .activitycloud {margin-left:36px} #newsfeed .quote{background:transparent url(/img/start_quote.gif) no-repeat scroll left top; padding-left:6px; text-indent:10px; margin:10px 0; font-size:85%; line-height:85%; float:left} #newsfeed .quote a { text-decoration:underline; color:#333} #newsfeed .add_photos, #newsfeed .edit_photos, #newsfeed .add_video, #newsfeed .edit_video, #newsfeed .add_story, #newsfeed .edit_story { font-size:100%;} #newsfeed .alert{width:588px; margin:10px 0 0} #newsfeed .alert p{margin:0;} .norule {border:0!Important;} .subtle_header h4 {color:#000000; float:left; font-weight:bold; line-height:200%; margin:0; padding:0; text-indent:0;} .subtle_header h4 strong{ color:#000; font-weight:bold} .panel_header h3 span {color:#FFF} .subtle_header h2 {float:left; line-height:160%; color:#BCC8CD} .subtle_header h2 a {float:left; font-size:90%; color:#A2ADB5} .subtle_header p{float:left; padding:0; margin:0; color:#000; text-indent:0px;} .panel_header h3, .panel_header_loading h3 { color:#FFFFFF; float:left; font-weight:bold; line-height:225%; margin:0; padding:0; text-indent:10px;} .panel_header .right_link {float:right; margin:0px 10px 0 0;} .panel_header .left_link {float:left; margin:50px 0 0 10px;} .subtle_header .right_link {float:right; font-size:85%; margin:0px 0 0 0; line-height:230%; color:#333} .next_n_prev {float:right; margin:0;} .pagination{display:block; width:100%;border-bottom:1px solid #B2CBD4;padding:0;line-height:240%; float:left; font-size:100%; margin-bottom:10px; z-index:1} .pagination p{float:left; font-weight:bold; font-size:100%; line-height:150%; color:#000; padding:5px 0;width:80% } .pagination h1{float:left; font-weight:bold; font-size:100%; line-height:240%; color:#000; text-transform:none; letter-spacing:normal; font-family:inherit} #right .pagination p{float:left; font-weight:bold; font-size:100%; line-height:230%;} .posted {float:left;display:block;position:relative;width:100%; border:0; padding:0; float:left; margin:5px 0 15px;} .pagistatus {float:right; margin-right:0;} .pagistatus .close{line-height:140%} #MediaEmbedCode { float:left; margin-top:10px;} .title .pagistatus {float:right; margin:5px 5px 0 0;} .pagistatus strong {color:#000} .listing_right{float:right;} .close{ font-size:140%; font-weight:bold; color:#FFF; line-height:160%; } #inline_admin{ position: absolute; right:0px; height:77px;width:310px; /*background-color:#000;*/} #inline_admin a { float:right; } .msg_photo {background:url('/img/inlinemsg_photo.png') no-repeat} .msg_jolly_not_live {background:url('/img/inlinemsg_jolly_not_live.gif') no-repeat; } .msg_jolly_live {background:url('/img/inlinemsg_jolly_live.gif') no-repeat} .right_link {color:#000; color:#FFFFFF; cursor:pointer} .right_link a {color:#fff} .subtle_header .right_link a{color:#000} .small_text { font-size:85%} #my_activities {float:left; width:260px; position:relative; margin-bottom:5px;} .activitycloud {margin:0; float:left} .activitycloud ul li{ display:inline} .activitycloud ul li a {background-color:#F5F5F5;border-color:#EEEEEE rgb(222, 222, 222) rgb(222, 222, 222) rgb(238, 238, 238);border-style:solid;border-width:1px;margin:0 5px 5px 0; line-height:28px; padding:0 4px;text-decoration:none; height:28px; float:left; font-weight:normal} .activitycloud ul li a:hover {background-color: #E1EBF8;border:1px solid #C6D9F3;} .tags ul { margin: 0 0 10px 0px; padding:0; float:left; background: transparent url('/img/16x16_icon_sprites.png') 0px -458px no-repeat;color:#666666;padding:0px 0 0px 25px !important;} .tags ul li{ display:inline; color:#666666;margin:0 5px 0 0; font-size:85%; float:left} .tags ul li a {float:left;} .activitycloud.large { margin-top:10px;} .activitycloud.large ul li a {padding:6px 8px;} .clearfix {display:block; clear:left;} #mini_blog p { margin-bottom:10px; font-size:85%;} /*icons*/ .home {background:transparent url(/img/house.png) no-repeat scroll center;color:#666666;margin:0;padding:0 !important; width:20px;height:35px; float:left;} .home span {display:none; padding:0 !important;} .send_msg {background: transparent url('/img/16x16_icon_sprites.png') 0px 3px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%;font-weight:normal !Important} .rss {background: transparent url('/img/16x16_icon_sprites.png') 0px -18px no-repeat;margin:0;padding:0 0 0 25px; font-weight:normal !Important} .add_photo {background: transparent url('/img/16x16_icon_sprites.png') 0px -39px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px;} /*.edit_photo {background: transparent url('/img/16x16_icon_sprites.png') 0px -60px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%; position:absolute; background-color:#FF0000; width:275px; left:0; top:-20px; text-align:right} */ .edit_photo {position:absolute; right:0; top:-25px; text-align:right; color:#6597AA; font-size:85%; text-transform:uppercase; font-weight:bold; text-decoration:none} .del_photo {background: transparent url('/img/16x16_icon_sprites.png') 0px -82px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%} .sort_photo {background: transparent url('/img/16x16_icon_sprites.png') 0px -104px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%} .comments_show {background: transparent url('/img/16x16_icon_sprites.png') 0px -196px no-repeat;color:#666666;margin:0;padding:3px 0 3px 25px !important; text-decoration:underline; font-size:85%; color:#FFF; cursor:pointer; height:30px; line-height:32px; vertical-align: text-bottom} .comments_hide {background: transparent url('/img/16x16_icon_sprites.png') 0px -218px no-repeat;color:#666666;margin:0;padding:3px 0 3px 25px !important; text-decoration:underline; font-size:85%; color:#FFF; cursor:pointer; height:30px; line-height:32px; vertical-align: text-bottom} .back {background: transparent url('/img/16x16_icon_sprites.png') 0px -235px no-repeat;color:#666666;margin:0;padding:3px 0 3px 25px; text-decoration:underline; color:#FFF; float:right;color:#6597AA;font-weight:bold; font-size:85%;} .add_video {background: transparent url('/img/16x16_icon_sprites.png') 0px -258px no-repeat;color:#666666;margin:0;padding:3px 0 3px 25px !important; font-size:85%} .edit_video {background: transparent url('/img/16x16_icon_sprites.png') 0px -280px no-repeat;color:#666666;margin:0;padding:3px 0 3px 25px !important;} .sort_video {background: transparent url('/img/16x16_icon_sprites.png') 0px -533px no-repeat;color:#666666;margin:0;padding:3px 0 3px 25px !important; font-size:85%} .del_video {background: transparent url('/img/16x16_icon_sprites.png') 0px -300px no-repeat;color:#666666;margin:0;padding:3px 0 3px 25px !important; font-size:85%} .field_error {background: transparent url('/img/16x16_icon_sprites.png') 0px -325px no-repeat; margin:0;padding:3px 0 3px 13px; color:#DD3C10; font-weight:bold; font-size:85%; clear:left} .news_feed {background: transparent url('/img/16x16_icon_sprites.png') 0px -370px no-repeat;color:#666666;margin:0;padding:3px 0 3px 25px !important; font-size:85%; text-decoration:underline;} .friends {background: transparent url('/img/16x16_icon_sprites.png') 0px -388px no-repeat;color:#666666;margin:0;padding:3px 0 3px 25px !important; font-size:85%} .thumb_photos {background: transparent url('/img/16x16_icon_sprites.png') 0px -436px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%} .tag_photos {background: transparent url('/img/16x16_icon_sprites.png') 0px -460px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%;} .edit {background: transparent url('/img/16x16_icon_sprites.png') 0px -563px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; /*font-size:85%*/} .delete {background: transparent url('/img/16x16_icon_sprites.png') 0px -151px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px; font-size:85%; } .mini_delete {background: transparent url('/img/16x16_icon_sprites.png') 2px -151px no-repeat; color:#666666; padding:2px 0 2px 25px;} .map_zoom {background: transparent url('/img/16x16_icon_sprites.png') 0px -590px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%; text-decoration:none} .add_story {background: transparent url('/img/16x16_icon_sprites.png') 0px -613px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%} .edit_story {background: transparent url('/img/16x16_icon_sprites.png') 0px -636px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%} .del_story {background: transparent url('/img/16x16_icon_sprites.png') 0px -658px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%} .sex_M {background: transparent url('/img/16x16_icon_sprites.png') 0px -705px no-repeat;color:#666666;margin:0 0 0 2px;padding:2px 0 2px 22px !important; } .sex_F {background: transparent url('/img/16x16_icon_sprites.png') 0px -682px no-repeat;color:#666666;margin:0 0 0 2px;padding:2px 0 2px 22px !important;} .hint {background: transparent url('/img/16x16_icon_sprites.png') 0px -725px no-repeat;color:#666666;margin:0;padding:2px 0 2px 35px !important; font-size:80%; clear:left; display:block; line-height:20px;} .note {background: transparent url('/img/16x16_icon_sprites.png') 0px -725px no-repeat;color:#666666;margin:0;padding:2px 0 2px 0px !important;} .privacy {background: transparent url('/img/16x16_icon_sprites.png') 0px -942px no-repeat;color:#666666;margin:0;padding:0px 0 0px 25px !important; font-size:85%; text-decoration:underline; cursor:pointer; position:absolute; right:10px; float:left; display:block} .edit_destinations {background: transparent url('/img/16x16_icon_sprites.png') 0px -992px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px !important; font-size:85%; text-decoration:underline; cursor:pointer} .calendar {background: transparent url('/img/16x16_icon_sprites.png') -4px -1020px no-repeat;color:#666666;margin:0;padding:2px 0 2px 20px; font-size:85%;} .comment {background: transparent url('/img/comment_post_icon.gif') 0px 2px no-repeat;color:#666666;margin:0;padding:0px 0px 0px 20px; font-size:100%; font-weight:bold; text-decoration:none} a.twitter {background:transparent url('/img/twitter_logo.gif') 0px 3px no-repeat; width:86px; height:19px;} a.twitter strong {display:none} a.twitter span {padding-right:86px;} .tags {background: transparent url('/img/16x16_icon_sprites.png') 0px -916px no-repeat;margin:0 5px 5px 0;padding:2px 0 2px 30px; font-size:100%; float:left} .world {background: transparent url('/img/16x16_icon_sprites.png') 0px -992px no-repeat;color:#666666;margin:2px 0 5px;padding:2px 0 2px 25px; font-size:85%} .share_facebook {background: transparent url('/img/16x16_icon_sprites.png') 0px -1048px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px ;} .share_digg {background: transparent url('/img/16x16_icon_sprites.png') 0px -1076px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px ;} .share_Stumbleupon {background: transparent url('/img/16x16_icon_sprites.png') 0px -1104px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px ;} .share_delicious {background: transparent url('/img/16x16_icon_sprites.png') 0px -1132px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px ;} .share_reddit {background: transparent url('/img/16x16_icon_sprites.png') 0px -1162px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px ; } .share_bebo {background: transparent url('/img/16x16_icon_sprites.png') 0px -1190px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px ; } .share_myspace {background: transparent url('/img/16x16_icon_sprites.png') 0px -1218px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px ;} .share_twitter {background: transparent url('/img/16x16_icon_sprites.png') 0px -1248px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px;} .embedCode {background: transparent url('/img/16x16_icon_sprites.png') 0px -1275px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px ;} .send {background: transparent url('/img/16x16_icon_sprites.png') 0px -508px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px ;} .iphone {background: transparent url('/img/16x16_icon_sprites.png') 0px -1516px no-repeat; font-weight:bold; color:#666666;margin:10px 0 0 85px; float:left; padding:2px 0 2px 25px !important; text-decoration:none; cursor:pointer} .inline_delete {background: transparent url('/img/16x16_icon_sprites.png') 0px -150px no-repeat;color:#666666;margin:0 0 0 5px;padding:2px 10px 2px 25px !important;} .endline_delete {position:absolute; top:0px; right:0px; background: transparent url('/img/16x16_icon_sprites.png') 0px -148px no-repeat;color:#666666;margin:0;padding:2px 10px 2px 25px !important; font-size:85%} td .delete { padding:2px 0 2px 20px !important;} .site_search {background: transparent url('/img/16x16_icon_sprites.png') 0px -896px no-repeat;color:#666666;margin:0;padding:2px 0 2px 30px !important; text-decoration:none} .user_search {background: transparent url('/img/16x16_icon_sprites.png') 0px -871px no-repeat;color:#666666;margin:0;padding:2px 0 2px 30px !important; text-decoration:none} /*55x55 sprites*/ .icon_jolly {background: transparent url('/img/55x55_icon_sprites.gif') right -0px no-repeat;} .icon_photo {background: transparent url('/img/55x55_icon_sprites.gif') right -100px no-repeat;} .icon_video {background: transparent url('/img/55x55_icon_sprites.gif') right -200px no-repeat;} .icon_story {background: transparent url('/img/55x55_icon_sprites.gif') right -300px no-repeat;} .icon_comment {background: transparent url('/img/55x55_icon_sprites.gif') right -400px no-repeat;} .icon_activity {background: transparent url('/img/55x55_icon_sprites.gif') right -500px no-repeat;} .icon_profile {background: transparent url('/img/55x55_icon_sprites.gif') right -600px no-repeat;} .icon_friend {background: transparent url('/img/55x55_icon_sprites.gif') right -700px no-repeat;} .icon_friend_suggest{background: transparent url('/img/55x55_icon_sprites.gif') right -800px no-repeat;} .icon_jolly_suggest {background: transparent url('/img/55x55_icon_sprites.gif') right -900px no-repeat;} /*32x32 sprites*/ .bar_rss {background:#F47D23 url('/img/32x32_icon_sprites.png') 0px 0px no-repeat;float:left;line-height:32px;margin:0;padding:0; width:32px; height:32px; border-right:2px solid #FFF} .bar_rss span, .modal_close span{display:none} .modal_close { position:absolute; right:5px; top:5px; background:transparent url('/img/32x32_icon_sprites.png') 0px -32px no-repeat;float:left;line-height:32px;margin:0;padding:0; width:32px; height:32px;} .subpanel_header_disabled {color:#D8E89A !important;} /*32x32 sprites for eyecandy*/ .update {background:#BCC8CD url('/img/32x32_icon_sprites.png') right -64px no-repeat;line-height:32px;} .notify {background:#BCC8CD url('/img/32x32_icon_sprites.png') right -96px no-repeat;line-height:32px;} .jolly_add {background: transparent url('/img/32x32_icon_sprites.png') right -160px no-repeat;float:right;letter-spacing:-1px;display:block;font-family:Arial,Helvetica,sans-serif;font-size:110%;color:#FFF!important;font-weight:bold;line-height:32px;margin:0;padding:0 40px 0 0; text-decoration:none; text-transform:uppercase; width:} /* end icons*/ /*banners*/ .banner {margin-top:20px; width:100%; float:left; font-size:85%; line-height:140%;} .banner a {text-decoration:none; font-weight:normal; color:#666} .banner.button img {float:left; height:90px;margin-right:10px ;width:120px} .banner.button strong {float:left; margin-bottom:5px; width:170px;} .banner .signoff {margin-top:5px; width:100%} .banner .signoff a {border-bottom:1px dotted #6C758C; color:#333;} /*End banners*/ #ajax_loading {margin:0 auto; width:610px; float:left; display:none; margin-top:20px;} .ajax_load { background: transparent url('/img/ajax-loader.gif') no-repeat top; color:#809299; margin:0; text-align:center; padding:25px 0 0 0 ; text-transform:uppercase; font-weight:bold; font-size:80% } /**/ #togglepanels { position: absolute; top:15px; right:10px; color:#FFF; font-size:85%; text-decoration:underline; cursor:pointer} /*-- LEFT MENU --*/ .menu {margin:0;padding: 0; float:left; width:100%} .menu ul {border: 0px;margin:0px;padding:0px;list-style-type: none; clear:left} .menu ul li {/*display: block;*/padding: 0;margin: 0px; border-bottom:1px solid #DDE3E6;} .menu ul li a {padding:2px 0 2px 25px;margin:0px;color: #000;text-decoration: none;display: block;} .menu ul li a:hover {background-color:#F8F9FA } #notification {position:absolute; top:10px; width:960px; text-align:right; font-size:140%; line-height:150%; color:#333; z-index:1;} #notification strong{font-weight:bold; color:#333333} #notification span{ color:#FF0084; font-weight:bold } .toggle_myhome_show{font-size:80%; font-weight:bold; padding:0px 8px; margin-left:5px; color:#3D657A; background: #6597AA url('/img/16x16_icon_sprites.png') 0px -750px no-repeat; -moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;} .toggle_myhome_hide {font-size:80%; font-weight:bold; padding:0px 8px; margin-left:5px; color:#3D657A; background: #6597AA url('/img/16x16_icon_sprites.png') 0px -766px no-repeat; -moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;} #mail_alert {background-color:#000; font-weight:bold; padding:2px 3px 3px 5px; margin-left:-5px; color:#FFFFFF;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;} /*usernav*/ #usernav {height:35px; display:inline; /*background-color:#9E998E;*/ margin:0; font-family:Arial, Helvetica, sans-serif; position:absolute; right:0px;} #usernav ul{border:none;list-style-type:none;height:35px;margin:0;padding:0; border:0px solid #000; position:relative; float:right} #usernav ul li{line-height:35px;font-size:110%; display:block;float:left;margin:0 ;padding:0; text-align:center; position:relative; background: transparent url('/img/usernav_divider.gif') no-repeat scroll top left; margin-right:-1px;} #usernav ul li a{display:block; height:35px; float:left; margin:0;padding:0 15px; color:#FFF; font-weight:bold; text-decoration: none; text-transform:uppercase; position:relative; z-index:1} #usernav ul li a:hover {background-color:#CCE34E; display: block; text-decoration:none; height:35px; border-top:0; border-bottom:0; padding-left: 15px !important} #usernav ul li.first{background: none;} #usernav a:focus,#usernav a:active, {outline:none;} #usernav ul li strong{ font-size:80%; color:#ECF4CC;} #profile li#usernav-profile a, #jollys li#usernav-jollys a, #friends li#usernav-friends a {background-color:#6B7E20;} /*sub-nav*/ #subnav {height:30px; margin:0; left:-1px; top:-30px; _top:-32px; padding:0; position:absolute; z-index:1; float:left; width:630px; border-bottom:1px solid #B2CBD4} #profile #subnav, #mypage #subnav{border:none} #subnav ul{list-style-type:none;clear:left;height:30px;margin:0; font-size:80%; letter-spacing:1px;} #subnav ul li{line-height:30px;display:block;margin:0;padding:0; text-align:center; position:relative; display: block;float: left;height: 30px; background: transparent url('/img/subnav_divider.gif') no-repeat scroll top left; margin-right:-1px; width:auto} #subnav ul li a{height:30px; margin:0;padding:0 15px; color:#6995A7;font-weight:bold; text-decoration: none; text-transform:uppercase; cursor:pointer} #subnav ul li strong{ line-height:30px; color:#000;} #subnav ul li a:hover { text-decoration:underline} #subnav a:focus,#subnav a:active, {outline:none;} #subnav ul li.first{background: none;} #subnav ul li.selected a{border:1px solid #B2CBD4; border-bottom:1px solid #FFF; color:#B2D235; background-color:#fff; height:28px; float:left; position:relative; top:1px;} #subnav ul li.selected_sub {border:1px solid #B2CBD4; border-bottom:1px solid #FAFBFB; color:#6597AA; height:28px; float:left; position:relative; top:1px; background-image:none;} #subnav ul li.selected_middle a{border-top:1px solid #B2CBD4; border-right:1px solid #FFF; border-bottom:1px solid #FFF; border-left:1px solid #FFF; background: transparent url('/img/subnav_divider.gif') no-repeat scroll top left; margin-right:-1px; background-color:#fff; height:28px; float:left; position:relative; top:1px;} #subnav ul li.selected_right a{border-top:1px solid #B2CBD4; border-right:1px solid #B2CBD4; border-bottom:1px solid #FFF; border-left:1px solid #FFF; background: transparent url('/img/subnav_divider.gif') no-repeat scroll top left; margin-right:-1px; background-color:#fff; height:28px; float:left; position:relative; top:1px;} #subnav ul li.selected_sub_right a {border:1px solid #B2CBD4; border-bottom:1px solid #FAFBFB; color:#B2D235; border-left:0; background: transparent url('/img/subnav_arrow.gif') no-repeat scroll top left; background-color:#FFF!important; padding:0 15px!Important; height:28px; float:left; position:relative; top:1px; float:left; padding:0; font-weight:bold; text-transform:uppercase} #subnav ul li.no_click {border:1px solid #B2CBD4; border-bottom:1px solid #FFF; color:#B2D235; background-color:#fff; height:28px; float:left; position:relative; top:1px; padding:0 15px; margin-right:-1px; font-weight:bold; background: none; text-transform:uppercase} #subnav ul li.no_link{height:30px; margin:0;padding:0 15px; color:#E0EAEE; font-weight:bold; text-decoration: none; text-transform:uppercase;} /*sub nav tweeks to float the nav to the right*/ #home #subnav, #home #subnav ul, #dashboard #subnav, #dashboard #subnav ul, #inspire #subnav, #inspire #subnav ul {float:right} /* on states for the subnav tabs*/ #dashboard.my_news li#sub_news a, #dashboard.my_jollys li#sub_jollys a, #dashboard.my_friends li#sub_friends a, #dashboard.my_profile li#sub_profile a, .summary #user_summary a, .about #user_about a, .news #user_news a, .where #user_where a, .comments #user_comments a, #jolly.summary li#jolly_summary a, #jolly.photos li#jolly_photos a, #jolly.videos li#jolly_videos a, #jolly.storys li#jolly_stories a, #jolly.comments li#jolly_comments a {border:1px solid #B2CBD4; border-bottom:1px solid #FFF; color:#B2D235; background-color:#fff; height:28px; float:left; position:relative; top:1px;} /*#profile li#user_feed a*/ label{clear:both;color:#999;display:block;font-size:100%;margin:5px 0;padding:0px;} label strong{color:#CE377E; font-weight:bold} label_radio{;color:#999;font-size:100%;margin:5px 0;padding:0px;} .helper{color:#CE377E; font-weight:bold; text-decoration:underline; cursor:pointer} .desc { font-size:85%; display:block; margin:5px 0; padding:0; color:#000; font-weight:bold; vertical-align: bottom} .inputtext { padding:4px; border-color:#B2CBD4 ; background:#F8FCFE; border-style:solid; border-width:1px; font-size:100%; margin:0px; width:290px; } .inputtext.admin {width:350px;} .inputtext.date {width:248px;} .inputtext.code {width:50px;} .input.error, .inputtextarea.error {background:#FFFFE1} label.error { background:none; border:none} .error_container { background:#FEF1EC; width:100%; border:1px solid #CD0A0A; color:#CD0A0A; float:left; border-left:0; border-right:0;} .error_container ul{ margin:10px; } .error_container ul li.title { border-bottom:1px solid #000; margin:0 0 5px;} .error_container strong{color:#CD0A0A} #left #comments .error_container { width:590px;} .error_container ul li.alert { background:none; display:block; width:auto; border:0; padding:0; margin:0} .error_container ul li { clear:left; padding:0; margin:0} .error_container ul li label{padding:0; margin:0; color:#000; font-size:85%} .inputtextarea{ padding:4px; border-color:#B2CBD4 ; background:#F8FCFE; border-style:solid; border-width:1px; font-size:100%; line-height:150%; width:580px; height:40px; min-height:40px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; color:#666; float:left; overflow-x:hidden; margin:0; } #embed_code { padding:4px; border-color:#B2CBD4 ; background:#F8FCFE; border-style:solid; border-width:1px; font-size:100%; margin:0px; width:290px; height:65px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:85%; color:#666; position:relative; overflow:hidden } .inputmce { padding:2px 0 0 4px; border-color:#B2CBD4 ; border-style:solid; border-width:1px; font-size:100%; margin:0; width:559px; height:250px; line-height:150%; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; background-color:#F8FCFE; color:#666; position:relative; } .inputtextarea.mypage {width:600px;} .inputtextarea.dashboard {width:290px; min-height:18px; height:18px} .inputtextarea.comments, .inputtextarea.comments_notloggedin {width:580px} .inputtextarea.comments.error{width:568px} #profile .inputtextarea.comments, #profile .inputtextarea.comments_notloggedin {width:560px} #profile .alert.big { width:505px} .disabled { color:#9DAEB4} .select { padding:2px; border-color:#B2CBD4; border-style:solid; border-width:1px; font-size:110%; margin:0; background-color:#F8FCFE; height:26px; } #buttons_footer, .buttons_footer{background-color:#EBEFF0; border-top:1px solid #D0D5DD; padding:15px 20px; margin:15px -15px -15px; display:block; clear:both;} #dashboard_container_footer{background-color:#EBEFF0; border-top:1px solid #D0D5DD; margin:20px -20px 0 -20px; padding:15px 20px 5px; width:567px; height:10px; clear:left} #user_photo { border: 1px solid #B2CBD4; padding:4px; background-color:#fff; width:290px; display:block; min-height:25px; margin-bottom:30px; position:relative} #user_photo img{} #user_photo .call_to_action { position:absolute; bottom:60px; right:40px;} #user_photo .call_to_action a{padding:10px 20px} /*this is buggy in ie6 - needs looking in to*/ #mypage_friends {font-size:80%; text-align:center; padding:0; margin:0; float:left; width:280px; _width:260px} #mypage_friends ul {margin:5px 0 0 0;padding:0;list-style-type:none;text-align:center;width: 292px;_width: 260px;position: relative;border:0;} #mypage_friends ul li {display:block; float:left;margin:0 7px 5px 0; _margin:0 0px 5px 0; border:0; padding:0; _padding:0 1px 5px 0; width:89px;} #mypage_friends ul li a {display:block;padding:0; font-weight:normal } #mypage_friends ul li a span{ font-size:75%; color:#666; clear:left; float:left;} /**/ #jolly_contents {width:300px; position:relative; float:left; margin:0 0 10px} #jolly_contents h3{ font-size:150%} #jolly_contents ul {margin:5px 0 0; padding:0; list-style-type:none; border:0; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; float:left} #jolly_contents ul li {clear:left;} #jolly_contents ul li a { font-size:260%;line-height:90%; display:block; margin:1px; border:0; padding:0; text-decoration:none; background-color:#BCC8CD; color:#fff; float:left; padding:0px 4px; vertical-align: baseline; white-space:pre} #jolly_contents ul li a:hover { margin:1px; border:0; padding:0; text-decoration:none; background-color:#949FA3; color:#fff; float:left; padding:0px 4px} #flash_container {width:300px; height:280px; float:left; position:relative} /*on States*/ #jolly.photos #jolly_contents ul li#summary_photos a, #jolly.videos #jolly_contents ul li#summary_videos a, #jolly.storys #jolly_contents ul li#summary_stories a, #jolly.comments #jolly_contents ul li#summary_comments a {margin:1px; border:0; padding:0; text-decoration:none; background-color:#B2D235; color:#fff; float:left; padding:0px 4px} #friendstatus { position:absolute; right:0; top:-70px; width:100%;} #friendstatus p{ clear:both; color:#333333; float:right; font-size:85%; font-weight:bold; padding:0; text-align:right; line-height:130%;} #friendstatus p span{ font-size:130%; background-color:#FFF; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#BCC8CD; line-height:80% } #friendstatus p span strong { color:#B2D235;} .glow { padding:4px; background:transparent url('/img/tint.png')0 0 repeat; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #friendstatus .button_go { position:absolute; right:0px; top:20px} #footer_container{border-top:1px solid #B2CBD4; padding:10px 0; width:960px; font-size:85%; height:50px; margin:0 auto; clear:both;} #footer_container p {float:none} #footer_container a:link, #footer_container a:visited {color:#333} .stress, a.stress {color:#1188C1; font-weight:bold} #footer_left {width:50%; float:left; margin:0} #footer_right {width:50%; float:left;margin:0; text-align:right} #footer_right #connect {float:right} #footer_right #connect ul {float:right;} #footer_right #connect ul li { float:left; margin-left:10px} #footer_right #connect ul li a {display:block; text-decoration:none } #footer_right #connect ul li a span { border-bottom:1px dotted #6C758C} #footer_right #connect ul li.facebook {background:transparent url('/img/footer_icons.png') -72px 0px no-repeat} #footer_right #connect ul li.twitter {background:transparent url('/img/footer_icons.png') 0px 0px no-repeat} .large{line-height:20px; padding:20px 25px} #ajax_comments{float:left; position:relative; clear:both; width:100%; margin:0 } .flag_pad {margin:0 5px 0 0 ; border:0; padding:3px 1px 1px 1px;} .flag_border {background: transparent url('/img/flag_border.gif') 0px 0px no-repeat; padding:0 2px 2px 0; vertical-align:text-bottom} a.button {background: transparent url('/img/small_button_background_a.png') no-repeat scroll right -22px;color: #FFF!Important;display: inline;float: left; height: 22px;padding-right: 8px; text-decoration: none!Important;} a.button span {background: transparent url('/img/small_button_sprite.png') 0px -48px no-repeat;display: block;line-height: 22px; padding:0px 2px 0px 9px;text-transform:uppercase; font-weight:bold; font-size:110%; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif;} a.button_go {background:transparent url('/img/small_button_background_a.png') no-repeat scroll right -44px;color: #FFF!Important;display: inline;float: left; height: 22px;padding-right: 8px; text-decoration: none !Important; position:relative; } a.button_go span {background:transparent url('/img/small_button_sprite.png') 0px -72px no-repeat;display: block;line-height: 22px; padding:0px 2px 0px 9px;text-transform:uppercase; font-weight:bold; font-size:110%; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; } h4 a.button_go span {font-size:110%; color:#fff} a.button_go.left {right:105px !Important} a.button_go strong { color:#738334; text-decoration:none; margin-right:5px;} a.button_alert {background: transparent url('/img/small_button_background_a.png') no-repeat scroll right -92px;color: #FFF;display: inline;float: left; height: 22px;padding-right: 8px; text-decoration: none; position:relative; } a.button_alert span {background: transparent url('/img/small_button_sprite.png') 0px -124px no-repeat;display: block;line-height: 22px; padding:0px 2px 0px 9px;text-transform:uppercase; font-weight:bold; font-size:110%; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif} a.button_friend {background: transparent url('/img/small_button_background_a.png') no-repeat scroll right -44px;color: #FFF;display: inline;float: left; height: 22px;padding-right: 8px; text-decoration: none; position:relative; } a.button_friend span {background: transparent url('/img/small_button_sprite.png') 0px -72px no-repeat;display: block;line-height: 22px; padding:0px 2px 0px 9px;text-transform:uppercase; font-weight:bold; font-size:110%; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif} a.button_fan {background: transparent url('/img/small_button_background_a.png') no-repeat scroll right -44px;color: #FFF;display: inline;float: left; height: 22px;padding-right: 8px; text-decoration: none; position:relative; } a.button_fan span {background: transparent url('/img/small_button_sprite.png') 0px -72px no-repeat;display: block;line-height: 22px; padding:0px 2px 0px 9px;text-transform:uppercase; font-weight:bold; font-size:110%; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif} a.button_main{ margin-left:3px; background: transparent url('/img/button_background_a.png') no-repeat scroll right -133px; color: #FFF;display: inline;float: left;font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;height: 36px;padding-right: 18px; /* sliding doors padding */text-decoration: none;} a.button_main span {background: transparent url('/img/button_sprite.png') 0px -172px no-repeat;display: block;line-height: 36px;padding: 0px 0px 0px 34px;} a.button_add{ margin-left:3px; background: transparent url('/img/button_background_a.png') no-repeat scroll right -133px; color: #FFF;display: inline;float: right;font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;height: 36px;padding-right: 18px; /* sliding doors padding */text-decoration: none;} a.button_add span {background: transparent url('/img/button_sprite.png') 0px -172px no-repeat;display: block;line-height: 26px;padding: 4px 0px 6px 34px;} a.button_edit{margin-left:3px; background: transparent url('/img/button_background_a.png') no-repeat scroll right -41px; color: #FFF;display: inline;float: right;font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;height: 36px;padding-right: 18px; /* sliding doors padding */text-decoration: none;} a.button_edit span {background: transparent url('/img/button_sprite.png') 0px -80px no-repeat;display: block;line-height: 26px;padding: 4px 0px 6px 34px;} a.button_del{margin-left:3px; background: transparent url('/img/button_background_a.png') no-repeat scroll right -87px; color: #FFF;display: inline;float: right;font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;height: 36px;padding-right: 18px; /* sliding doors padding */text-decoration: none;} a.button_del span {background: transparent url('/img/button_sprite.png') 0px -126px no-repeat;display: block;line-height: 26px;padding: 4px 0px 6px 34px;} a.button_prev{background:#6C767A url('/img/panel_header_nav_next_prev.gif') no-repeat 0px 0px; color: #FFF;display: block;float: left; height: 32px; width:32px; border-left:2px solid #FFF; text-decoration: none;position:relative; cursor:pointer; z-index:1} a.button_next { background:#6C767A url('/img/panel_header_nav_next_prev.gif') no-repeat -33px 0px; color: #FFF; display: block; float: left; height: 32px; width:32px; border-left:2px solid #FFF; text-decoration: none; position:relative; cursor:pointer; z-index:1} a.button_slideshow { background:#6C767A url('/img/panel_header_nav_next_prev.gif') no-repeat -33px 0px; color: #FFF; display: block; float: left; height: 32px; width:42px; padding-left:32px; border-left:2px solid #FFF; text-decoration: none; position:relative; cursor:pointer; z-index:1} a.button_prev span, a.button_next span { display:none} #photo_container a.button_next { background:none; width:auto; height:auto; border:0;} a#upload{background: transparent url('/img/small_button_background_a.png') no-repeat scroll right -44px;color: #FFF;display: inline;float: left; height: 22px;padding-right: 8px; text-decoration: none; position:relative;cursor:pointer; clear:left; margin-top:12px;} /*action_buttons*/ a.button_add_media, a.button_more_news {background:transparent url('/img/action_button_sprite_ends.png') no-repeat scroll right 0px;color: #FFF;display: inline;float: left; height: 55px;padding-right: 20px; margin:0; } a.button_add_media span {background: transparent url('/img/action_button_sprite.png') 0px 0px no-repeat;display: block;line-height: 48px; padding:0px 0px 7px 85px; font-size:150%; color:#415056; text-decoration:underline; letter-spacing:-1px;} a.button_more_news span {background: transparent url('/img/action_button_sprite.png') 0px -55px no-repeat;display: block;line-height: 48px; padding:0px 0px 7px 20px; font-size:150%; color:#415056; text-decoration:underline; letter-spacing:-1px; text-align:center; width:500px} .m0 { margin:0;} .m5t { margin-top:5px !Important;} .m5b { margin-bottom:5px !Important;} .p5t { padding-top:5px !Important;} .p5b { padding-bottom:5px !Important;} .p0b { padding-bottom:0px !Important;} .m-10t { margin-top:-10px !Important;} .m10t { margin-top:10px !Important;} .m15t { margin-top:15px !Important;} .m20t { margin-top:20px !Important;} .m30t { margin-top:30px !Important;} .m10b { margin-bottom:10px !Important;} .m15b { margin-bottom:15px !Important;} .m20v { margin:20px 0;} .m20b { margin-bottom:20px !Important;} .m30b { margin-bottom:30px !Important;} .p10t { padding-top:10px !Important;} .p10b { padding-bottom:10px !Important;} .p20t { padding-top:20px !Important;} .p20b { padding-bottom:20px !Important;} .m5l { margin-left:5px;} .m10l { margin-left:10px;} .m5r { margin-right:5px;} .m10r { margin-right:10px !Important;} .m20r { margin-right:20px !Important;} .fl {float:left!Important;} .fr {float:right!Important;} .p30t { padding-top:30px !Important;} .p0b { padding-bottom:0px;} .m5v { margin:5px 0;} .nm10b { margin-bottom:-10px!Important} .p10v { padding:10px 0;} .p10h { padding:0 10px;} .m10v { margin:10px 0;} .m10h { margin:0 10px;} .m0 { margin:0;!Important} .p0 { padding:0;} .nb { border:none!Important} .border {border:1px solid #B2CBD4; padding:1px; float:left; background-color:#FFF;} #mail .quote { width:440px;} #mail .border{border:1px solid #B2CBD4; padding:1px; float:left; background-color:#FFF; width:75px; position:absolute; top:70px; right:20px;} #mail .thumb { border:1px solid #B2CBD4; padding:1px; background-color:#FFF; width:75px; height:75px;} .feature_photo {width:213px; height:160px;} .feature_video {width:213px; height:142px;} /*alert boxes*/ .alert.right { width:278px} .alert p { margin:0; padding:0; vertical-align:text-bottom; clear:left; width:100%} .info {padding:8px 10px; border: 1px solid #C6D9F3; background: #E1EBF8; position:relative; float:left; display:block; clear:left; width:588px; line-height:160%;} .info strong {background: transparent url('/img/16x16_icon_sprites.png') 0px -1300px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px} .boxy-wrapper .alert { margin:15px; width:460px;} .alert {padding:8px 10px; border: 1px solid #CCCCB4; border-right:0; border-left:0; background: #FFFFE1; position:relative; float:left; display:block; clear:left; width:590px; line-height:160%;} .alert.big {background:#FFFFE1 url('/img/alert_icons.png') 10px 0px no-repeat; height:18px;padding:13px 15px 17px 50px;position:relative; display:none; width:525px} .hirez .alert.big { width:855px;} .alert.full { margin:10px 0; width:938px;} #media_container .alert { margin:0 0 10px} .success strong {background: transparent url('/img/16x16_icon_sprites.png') 0px -348px no-repeat;color:#666666;margin:0;padding:2px 0 2px 25px} .form .info { width:590px;} .info .right { text-align:right; width:250px;} .info #friendstatus strong { background:none; padding:0!important} .success {padding:8px 10px; border: 1px solid #B2D235; background: #F8FBF4; position:relative; display:block; clear:left;} .error {padding:8px 10px; border: 1px solid #CD0A0A; background: #FBD4D4; position:relative; display:block; clear:left;} .client_error {background:#FFFFE1;} #error {padding:8px 10px; border: 1px solid #F7AEAE; background: #FBD4D4 ; position:relative; display:block; clear:left;font-size:85%} label.client_error{background: transparent url('/img/16x16_icon_sprites.png') 0px -325px no-repeat; border:0; margin:0;padding:3px 0 3px 13px; color:#DD3C10; font-weight:bold; font-size:85%; clear:left} .success img { vertical-align: middle} input.error { padding:4px;} select.error { padding:2px; display:inline} /*Flash Map*/ /*-------------impromptu---------- */ .jqiwarning .jqi{ background-color: red; } .jqifade{ position: absolute; background-color: #fff;} div.jqi{ position: absolute; background-color: #000; padding: 5px; width: 300px; text-align: center; } div.jqi .jqicontainer{ background-color: #fff; padding: 5px; color: #ffffff; font-weight: bold; } div.jqi .jqimessage{ background-color: #000; padding: 10px; } div.jqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; } div.jqi button{ padding: 3px 10px 3px 10px; margin: 0 10px; } /*-------------------------------- */ div.blockMsg { background-color: #FFF; padding: 0px; margin:0px; color: #fff; text-align:left; } /*-------------photo_tags---------- */ #photo_tags {padding:0; margin:0; float:left;} #photo_tags ul {margin:0; padding:0;list-style-type:none; position: relative; float:left; border:0; } #photo_tags ul li img{ border:1px solid #B2CBD4; padding:2px; background-color:#FFF; float:left; margin-right:10px; width:30px; height:30px } #photo_tags ul li {border-bottom:1px dotted #D2D6DE;float:left;padding:5px 0; position:relative;width:330px; height:37px} #photo_tags ul li a {display:block;padding:0;margin:0; position:relative;} #photo_tags ul li p a{ color:#A3A3A3; font-size:80%; text-decoration:none; position:relative} #photo_tags ul li h4 { padding:5px; line-height:80%;} #photo_tags .delete { position:absolute; right:10px; top:3px; background: transparent url('/img/16x16_icon_sprites.png') 0px -148px no-repeat;} /*----------advert--------------- */ .advert { border:1px solid #B2CBD4 ; background-color:#FFF; padding:4px;} .advert p { font-size:80%; text-align:center; padding:5px 0;} /*-------------Users---------- */ #users {padding:0px; margin:0; float:left;} #users ul {margin:5px 0 0; padding:0;list-style-type:none; position: relative; float:left; border:0;} #users ul li img{ border:1px solid #B2CBD4; padding:2px; background-color:#FFF; float:left; margin-right:10px;} #users ul li {float:left; width:313px; padding:5px 0; border-bottom:1px dashed #D2D6DE; position:relative} #users ul li p {color:#A3A3A3; font-size:85%; text-decoration:none; width:95%; position:absolute; left:46px; top:26px; text-indent:2px;} .feature_box {background-color:#FAFBFB;border:1px solid #B2CBD4;float:left;margin:-11px 0 10px 0;padding:15px;position:relative;width:608px} .feature_box .alert{width:588px} /*--------------scroll pane---------------- */ .scroll-pane {float: left; margin:0; padding:0; width:100%;} .scroll-pane.journal { width:590px;} .scroll-pane.jollys { width:440px;} .scroll-pane.full { width:100%;} .scroll-pane.feature { margin-left:10px; width:340px;} .scroll-pane.suggested_jollys { margin-bottom:20px; width:195px;} .scroll-pane.jolly_summary { margin-left:15px; width:503px;} .scroll-pane.dashboard { width:470px; margin-top:5px} .scroll-pane.detail { margin:5px 0 20px;} /*#right .scroll-pane { margin:20px 0}*/ .scroll-pane h3 { font-size:100%; line-height:150%; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; color:#333; text-transform:none; font-weight:normal; letter-spacing:normal; float:none } .scroll-pane ul {border: 0px;margin: 0px 0px 0px 0px;padding:0px;list-style-type: none; font-size:85%; width:100%} .scroll-pane ul li {display:block; margin:0; padding:0px; border-bottom:1px solid #DDE3E6;padding: 2px 0px 2px 0px; width:100%; white-space:normal} .scroll-pane ul li.norule {border:0!Important} .scroll-pane ul li img {vertical-align: middle; position:relative; top:-1px; padding-right:5px;} .scroll-pane ul li strong {display:inline; float:left; color:#000; padding-right:4px;} .scroll-pane ul li a{margin:0; font-weight:normal} .scroll-pane ul li.activities {display:block; margin:0; border-top:1px solid #DDE3E6;padding: 2px 0px 2px 0px; width:100%; border-bottom:none} .scroll-pane a.button_friend, .scroll-pane a.button_fan{ margin:5px 5px 0 0 ; } .scroll-pane .quote {background:transparent url(/img/start_quote.gif) no-repeat scroll left top; padding-left:6px; text-indent:10px; margin:5px 0 2px; font-size:100%; clear:left } .scroll-pane .places ul { list-style-type: none; border:0; margin:0; padding:0; font-size:100%; display:inline} .scroll-pane .places ul li { border:0; margin:0; padding:0; display:inline} .scroll-pane .places ul li img {margin:0; padding-right:5px;} .scroll-pane .places ul li a {padding:0;margin:0;} /*this is needed for the dash admin jollys*/ .dashList .scroll-pane .places ul { width:426px} .scroll-pane .activities ul { list-style-type: none; border:0; margin:0; padding:0; font-size:100%; display:inline} .scroll-pane .activities ul li { border:0; margin:0; padding:2px 4px; display:inline;} .scroll-pane .activities ul li a {padding:0;margin:0; text-decoration:underline } /*--------------video stuff---------------- */ #video_container_bg, #photo_container_bg, #largemap_container_bg {background: transparent url('/img/shadow.jpg') no-repeat scroll bottom right; padding-bottom:15px; margin:0; float:left; position:relative; } #video_container { border:0; display:block; float:left; padding:0; position:relative; width:610px; height:343px; background:#000 url(/img/ajax_media_loader.gif) no-repeat center; } #video{width:610px; height:343px;} #about #video_container_bg{margin:0} #about #media_container {width:620px;} .box_shadow{background: transparent url('/img/shadow.jpg') no-repeat scroll bottom right;float:left; } #slideshow_container_bg{background: transparent url('/img/shadow.jpg') no-repeat scroll bottom right; padding-bottom:15px; margin:0 0 -10px 0; float:left; } #slideshow_container{display:block; float:left; width:610px; height:458px; background:#000} /*blog media stuff*/ #blog .media_container_bg {background: transparent url('/img/shadow.jpg') no-repeat scroll bottom right; padding-bottom:15px; margin:5px 0; float:left;} #blog .media_container {border: 1px solid #B2CBD4; padding:4px; background-color:#fff; display:block; float:left; width:630px; position:relative;} #blog .video {height:355px; background-color:#000} #blog .slideshow {height:394px; background-color:#000} #blog .audio {height:30px; background-color:#000} #blog #left .border{padding:4px; margin:0 20px 0 0; border:3px solid #DDE3E6} .connect ul {float:left; margin-bottom:10px} .connect ul li a{ padding-left:25px; width:275px; text-decoration:none} .connect ul li a:hover { text-decoration:underline} .half ul {float:left} .half ul li {width:50%; float:left} #photo_description_container{ position:relative; } .about_this_photo{background-color:#FFF; border:1px solid #B2CBD4; position:absolute; top:5px; right:5px; color:#000; font-size:80%; text-align:center; padding:5px 10px !important; cursor:pointer;} /* #photo_description {background-color:#000000; color:#FFFFFF; left:5px; opacity:0.60; padding:20px; position:absolute; top:5px; width:570px} #photo_description .title {margin:0px 0 10px;border-bottom:1px dotted #FFF;} #photo_description .title h4 { font-size:180%; font-weight:normal; padding:0 0 10px; text-transform:none; color:#FFF; } #photo_description p{ font-size:85%;} .media_buttons {height:32px; width:34px; position:absolute; right:10px; cursor:pointer} .media_buttons span{display:none} */ #photo_container{ width:610px; display:block; float:left;min-height:74px;height:auto !important; height:74px; background:#000 url(/img/ajax_media_loader.gif) no-repeat center;} #photo_description {float:left; margin-bottom:20px; width:100%} #mini_map {height:145px; background-color:#fff} #map_container {padding:8px; float:left; position:relative} #largemap_container{ border: 1px solid #B2CBD4; padding:3px; background-color:#fff; display:block; width:652px; height:380px } #media_container .quote {top:0; margin:20px; font-size:95%;line-height:100%;} /*--------------Comments stuff---------------- */ #comments { float:left; margin:0; padding:0; width:100%} #comments ol { margin:0; padding:0} #comments ol li { margin:0; padding:0;float:left; width:100%} #comments h4 { margin:0; width:534px;} #comments .delete {position:absolute; top:10px; right:10px; background: transparent url('/img/16x16_icon_sprites.png') 0px -148px no-repeat; font-weight:normal} ol dl li {list-style-type:decimal; list-style-position: outside; position: relative; top: 0px; line-height:normal; color:#DDD; _color:#FFF; /* show to IE */} ol dl li dt {_margin-top: -70px;} ol dl li dd {} ol dl li dt, ol dl li dd {_list-style-type:decimal;_list-style-position: outside;color:#111;font-size:0px;line-height:normal;position: relative;top: -70px;left: -70px;} dt {font-weight:bold;} dd {border-bottom:1px solid #DFE3E6; padding:10px 0; float:left; position:relative; width:610px;} #the_chat dd {border-bottom:1px solid #DFE3E6; padding:10px 0 0; float:left; position:relative; width:610px} dd .border { border:1px solid #CCCCCC; padding:2px; background-color:#FFFFFF; margin:0 0 0 10px; float:left;} dd p { float:left; width:100%; padding:0; font-size:100%; margin:0} dd p a:link, dd p a:visited {text-decoration:none} dd small { float:left; width:100%;} dd .quote {top:0; font-size:100%; float:left; clear:left; margin-top:10px; width:100%; line-height:100%} dd .storytitle {top:0; margin:5px 0 10px 0px;} dd .storytitle.quote h2 a{ display:inline;background-color:#B2D235; color:#FFFFFF; padding:0; line-height:100%;} dd .wrapper {float:left; width:500px; margin:0 0 0 10px} #jolly.comments dd .wrapper { width:390px;} #ajax_comments dd, #the_chat dd {width:100%} #ajax_comments dd .quote{ width:500px; float:left; margin-top:10px;} #ajax_comments dd.comment_form {/*border:0;*/ padding-bottom:0px;} #commentForm {background:#F4F6F7; padding:10px; border-bottom:1px solid #DFE3E6; float:left} /*--------------user homepage ---------------- */ .shadow{background: transparent url('/img/feature_shadow.jpg') no-repeat scroll bottom right; float:left;margin-bottom:10px; height:15px; width:590px} #feature_jolly {width:587px; border:1px solid #BCC8CD; float:left;position:relative; } .edit_profile_image_box {position:absolute; z-index:1; right:5px;top:5px; background:#FFF; border:1px solid #B2CBD4; border-top:0; border-right:0; background: #fff url('/img/16x16_icon_sprites.png') 0px -60px no-repeat;color:#666666;margin:0;padding:2px 2px 2px 25px !important; font-size:85%;} .show {display:block!Important} .hide {display:none} /*--------------end ---------------- */ .new {background-image:url(/img/new.png); height:65px; width:65px; position:absolute; top:19px;left:19px; z-index:1; cursor:pointer} .new_email {background-image:url(/img/small_new.png); height:40px; width:40px; position:absolute; top:-1px;left:19px;} .new_profile {background-image:url(/img/new.png); height:65px; width:65px; position:absolute; top:9px;left:9px;} .new a, .new_profile a{ display:block; height:65px; width:65px;} .new_email a{ display:block; height:40px; width:04px;} .new strong, .new_email strong, .new_profile strong, .not_live strong{ display:none} .not_live {background-image:url(/img/sash_not_live.png); height:140px; width:140px; position:absolute; top:0px;right:0px; z-index:1} #dashboard_jollys .new {background-image:url(/img/new.png); height:65px; width:65px; position:absolute; top:-1px;left:-1px;} .author {background-image:url(/img/small_me.png); height:40px; width:40px; position:absolute; top:9px;left:9px;} .author a{ display:block; height:65px; width:65px;} .author strong{ display:none} /*Tooltip Notifications*/ #tooltip{background-color:#000; position:relative;padding:2px 0px; margin:0; color:#FFF; height:16px; line-height:16px; z-index:1; text-transform:none; text-align:center; letter-spacing:0; font-weight:normal; text-decoration:none; padding:1px 6px!important; -moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;} #email_tooltip_container {background-image: url(/img/email_alert.png); position:absolute; right:82px; top:-13px; z-index:2;height: 40px; background-position:bottom center; background-repeat:no-repeat; padding:0!important; font-size:80%!important } #video_pending_container {background-image: url(/img/email_alert.png); position:absolute; left:55px; top:-15px; z-index:2;height: 40px; background-position:bottom center; background-repeat:no-repeat; padding:0!important; } .email {background: url('/img/16x16_icon_sprites.png') 0px -510px no-repeat; padding-left:25px !important; margin-left:-5px} .jolly_photos {background: url('/img/16x16_icon_sprites.png') 0px -1552px no-repeat; padding-left:25px !important; margin-left:-5px} .jolly_videos {background: url('/img/16x16_icon_sprites.png') 0px -1578px no-repeat; padding-left:25px !important; margin-left:-5px} .jolly_storys {background: url('/img/16x16_icon_sprites.png') 0px -1607px no-repeat; padding-left:25px !important; margin-left:-5px} .media_thumbnails {float:left; position:relative; width:616px; margin:-6px 0 0; _margin-right:-9px} .multi .media_thumbnails, .multi .stories {margin-bottom:30px; float:left} #media_container .last {margin-bottom:0px} #media_container .inline_footer .show_more {right:217px;} #media_container h2 { color:#949FA3; display:block; font-size:180%; display:block; font-weight:normal; line-height:120%; margin:0; padding:0; text-transform:none; width:100%; } #media_container h2 a { font-weight:normal; color:#B2D235;} #media_container h2 a:hover { text-decoration:underline} #media_container h2 a strong { background-color:#BCC8CD; border:0 none; color:#FFFFFF; float:left; font-family:arial; font-size:60%; font-weight:bold; margin:1px 10px 1px 1px; padding:0 10px; text-decoration:none; text-transform:uppercase; -moz-border-radius:8px; -webkit-border-radius:8px; cursor:pointer } #media_container small { clear:left} #media_container h2 { width:auto; float:left} .media_thumbnails li {float:left; margin:6px 6px 0 0; position:relative} .media_thumbnails li .border{ padding:4px} .media_thumbnails p a{font-size:90%; position: absolute; bottom:5px; padding:0 5px; left:5px; background-color:#000; width:179px; color:#FFF; filter:alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70; height:20px; line-height:20px; font-weight:bold; text-decoration:none} .media_thumbnails .time {font-size:80%; position:absolute; right:8px; bottom:8px; color:#000; background:#FFF; padding:0px 5px; line-height:14px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; filter:alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;font-weight:bold;} .media_thumbnails span .go{ background:transparent url('/img/icon_play.png') 0px 0px no-repeat; float:left; height:34px; width:34px; position:absolute; z-index:1; left:-70px; top:-70px; text-indent:-9999px} /*text list*/ #media_container ul.stories li {border-bottom:1px solid #DFE3E6;float:left;padding:10px;position:relative;width:590px} #media_container ul.stories li h2 {width:470px; margin-bottom:10px;} #media_container ul.stories li h2 strong a{ color:#333} #media_container ul.stories li p { margin:0; width:450px; float:left; padding:0; line-height:140%} #media_container ul.stories li.last {margin-bottom:0px;} #media_container ul.stories li.odd.last{ border-bottom:none; } #who_with { width:550px;} #who_with label {display:inline; vertical-align:middle;} #who_with input { margin: 2px 4px; vertical-align:middle; padding:10px 0; height:14px} .jolly_control { clear:left; background-color:#efefef;} .jolly_control li { display:inline;} .jolly_control li a{ display:inline; padding:0; font-size:85%} #my_jollys {float:left; width:310px; position:relative; margin:0 20px 10px 0;} ul.jolly_thumbs { width:320px; position:relative; background-color:#fff; float:left; display: inline;clear: none;} ul.jolly_thumbs_wide { width:620px; position:relative; background-color:#fff; float:left; display: inline;clear: none;margin-bottom:10px;} .jolly_thumbs li, .jolly_thumbs_wide li {float: left;list-style-type: none;margin: 10px 10px 0 0;clear: none;display:inline;} .jolly_thumbs p{position: absolute;margin: 0px;margin-left: 0px;margin-top:106px; z-index:2;background-Color: #000;color: #fff;width: 150px;text-align: center;padding:2px 0;filter:alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70;display: none;clear: none;font-size: 80%; line-height:180%} .jolly_thumbs_wide p{position: absolute;margin: 0px;margin-left: 0px;margin-top:101px; z-index:2;background-Color: #000;color: #fff;width: 145px;text-align: center;padding:2px 0;filter:alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70;display: none;clear: none;font-size: 80%; line-height:180%} .jolly_thumbs img{z-index:1;width:150px; height:110px;} .jolly_thumbs_wide img {z-index:1;width:145px; height:105px;} .jollylink{font-size:85%; clear:left; position: absolute; padding:2px 0; top:149px; text-align:center; left:22px; background-color:#000; width:200px; color:#FFF; filter:alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70;} a.jollylink { color:#FFF!important; text-decoration:none} #share { text-align:right; width:100%; margin:12px 0 -10px ; padding:10px 0 0; border-top:1px solid #B2CBD4; clear:both; display:block; position:relative; float:left} #captchaimg{ margin-top:3px;} #noscript{text-align:center; font-size:80%; line-height:140%; color:#fff; background-color:red; width:100%; padding:0; top:-161px; cursor:help; position:absolute; z-index:9999;} /*Friend Page Styles*/ #my_friends ul{float:left;position:relative; width:640px; margin:-5px 0 -10px;} #my_friends ul li{float:left; margin:0; width:300px; border-bottom:1px solid #DDE3E6;padding:10px 0;} #my_friends ul li img{ margin-right:10px;} #my_friends ul li a{ color:#1188C1; font-weight:bold; text-decoration:none} #my_friends ul li a:hover{text-decoration: underline} #my_friends p{ font-size:85%; line-height:150%; padding-right:10px; float:none} #my_friends ul li.even{padding-left:10px; background:transparent url('/img/2col_mini_hrule.gif') 0px center no-repeat} #my_friends ul li.even.tint, #my_friends ul li.tint { background:#F4F6F7} #my_friends ul li.last{border:0;} /*Friend Page Styles*/ #jolly_users ul{float:left;position:relative; width:960px; margin:-5px 0 -1px;} #jolly_users ul li{ float:left; margin:0; width:307px; border-bottom:1px solid #DDE3E6;padding:10px 0; padding-right:20px; background: url('/img/2col_mini_hrule.gif') 307px center no-repeat} #jolly_users ul li img{ margin-right:10px;} #jolly_users ul li a{ color:#1188C1; font-weight:bold; text-decoration:none} #jolly_users ul li a:hover{text-decoration: underline} #jolly_users p{ font-size:85%; line-height:150%; padding-right:5px; float:none} #jolly_users ul li.third{padding-right:0px; width:306px;} #jolly_users ul li.last{border:0;} #jolly_users ul li.bottom{ border:0;} #jolly_users ul li.third.tint { background:#F4F6F7} #jolly_users ul li.tint { background:#F4F6F7 url("/img/2col_mini_hrule.gif") no-repeat 307px center} /*On states for subnav*/ #our_users.all li.all, #our_users.boys li.boys, #our_users.girls li.girls {background:#B2D235 url('/img/panel_header_nav_on.gif') bottom center no-repeat;text-decoration:none;height:32px; color:#FFF; text-transform:uppercase} .tagged_photos { float:left; margin:20px 0 10px; padding:0; position:relative; width:100%; } .tagged_photos ul{float:left;position:relative; width:300px; margin:0} .tagged_photos ul li{float:left; margin:0; width:290px; border-bottom:1px solid #DDE3E6;padding:5px; float:none; line-height:22px} .tagged_photos ul li img{ margin-right:10px;} .tagged_photos ul li a{ color:#1188C1; font-weight:bold; text-decoration:none} .tagged_photos ul li small{ float:right; line-height:22px} .tagged_photos ul li a:hover{text-decoration: underline} .tagged_photos p{ font-size:85%; line-height:150%; padding-right:10px;} .tagged_photos ul li.even{ background:#F8F9FA} /*end of friend suggest search stuff*/ .text_alert{ color:#FF0000;} #mail_send_options {text-align:right; position:absolute; bottom:70px; right:20px; } #charCount{ padding-top:5px; float:left; position:relative; font-size:85%;} .warning, .required{ color:#DD3C10; font-size:90%; } .clip{position:absolute;top:inherit;} .clipwrapper{float:left; border:1px solid #B2CBD4 ;padding:1px; position:relative;} .clipwrapper.tiny {height:45px;width:45px;} .clip.tiny {clip:rect(0px 55px 45px 10px);left:-9px; } .clipwrapper.square {height:75px;width:75px;} .clip.square {clip:rect(0px 92px 75px 17px);left:-16px; } #dashboard_jollys .clipwrapper{float:left;border:1px solid #B2CBD4;padding:1px; height:85px;width:85px;position:relative; margin-bottom:20px;} ul.about_summary { position:relative; margin-bottom:20px; float:left; width:100%} .jquery-checkbox {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand; position:relative; top:-3px;} .jquery-checkbox .mark {display: inline;} .jquery-checkbox img {vertical-align: middle; width: 50px; height: 20px;} .jquery-checkbox img{background: transparent url(/img/checkbox.png) no-repeat;} .jquery-checkbox img{ background-position: 0px 0px; } .jquery-checkbox-hover img{ background-position: 0px -20px; } .jquery-checkbox-checked img{ background-position: 0px -40px; } .jquery-checkbox-checked .jquery-checkbox-hover img { background-position: 0px -60px; } .jquery-checkbox-disabled img{ background-position: 0px -80px; } .jquery-checkbox-checked .jquery-checkbox-disabled img{ background-position: 0px -100px; } .profile_photo {width:274px; float:left; background-color:#EBEFF0; padding:5px;} .profile_photo.crop{background-color:#B2D235} .step{ background:#56A6F2 none repeat scroll 0 0; color:#FFFFFF; float:left; font-size:20px; font-weight:bold; height:30px; margin-right:5px; text-align:center; width:30px; line-height:140%; } .stepoff { background:#CCCCCC none repeat scroll 0 0; color:#FFFFFF; float:left; font-size:20px; font-weight:bold; height:30px; margin-right:5px; text-align:center; width:30px; line-height:140%; } /*------------ |Navigation| ------------ */ #admin_nav {width:390px;height:117px;display:block; text-align:left; margin:20px auto;background:url(/img/TEMP_7.jpg) no-repeat top; position:relative} #admin_nav ul {order:none;margin:0;padding:0;list-style-type:none;clear:left;height:117px;} #admin_nav ul li {display:block;float:left;padding:0;margin:0;border:0;} #admin_nav ul li a {display:block;height:117px;padding:0;margin:0; border:0px solid #000} #admin_nav ul li strong {display:none} #admin_nav a:focus,#admin_nav a:active {outline:none} /*|set widths|*/ li#admin_nav_photo a {width:96px; border:0;} li#admin_nav_video a {width:98px; border:0;} li#admin_nav_story a {width:98px; border:0} li#admin_nav_activity a {width:98px; border:0} /*|over states|*/ li#admin_nav_photo a:hover {background:transparent url(/img/TEMP_8.jpg) -0px 0 no-repeat} li#admin_nav_video a:hover {background:transparent url(/img/TEMP_8.jpg) -96px 0 no-repeat} li#admin_nav_story a:hover {background:transparent url(/img/TEMP_8.jpg) -194px 0 no-repeat} li#admin_nav_activity a:hover {background:transparent url(/img/TEMP_8.jpg) -292px 0 no-repeat} #activities1 ul {width:586px; margin-bottom:20px} #activities ul li {padding:10px; width: 253px; float:left; margin-right:20px; border-bottom:1px dashed #B2CBD4} #activities ul li label{ margin:1px 0; color:#000; font-weight:bold;} ul#myjollys {margin:-10px 0 -19px -20px; float:left; width:680px} ul#myjollys .jolly {border-bottom:1px solid #DFE3E6;width:590px; padding:20px; float:left; position:relative; left:1px} ul#myjollys .border { padding:4px} ul#myjollys .last { border:0} /*Block UI Stuff*/ .modal {display:none; padding:10px; border:1px solid #000; text-align:left; float:left; color:#666; background: transparent url('/img/modal_background.gif') 0px bottom repeat-x;} #modal_footer {background-color:#EBEFF0; border-top:1px solid #D0D5DD; margin:10px -10px -10px -10px; padding:10px 10px 0px; height:40px; float:left; line-height:200%; clear:left;} #message_footer{background-color:#EBEFF0; border-top:1px solid #D0D5DD; margin:10px -10px -10px -10px; padding:10px 10px 0px; height:40px; line-height:200%; clear:left; display:inherit} .blockMsg {border:10px solid #333; padding:0px;} /* noFlash*/ .noFlash{ padding:10px; background:#FFFFE1; border:1px solid #CCCCB4; position:absolute; font-size:100%; } .noFlash p{color:#000; width:100%; text-align:center; float:left;} .noFlash p strong{ color:#000; font-size:130%; line-height:130%;font-weight:bold; width:100%; float:left} .noFlash a:link{ color:#1188C1;} #explore .noFlash {left:81px; top:144px} #explore .noFlash p { position:static} #video .noFlash { left:10px;top:10px;width:568px} #map .noFlash { height:398px; width:618px;} #map .noFlash p { margin-top:170px} #jolly_admin_panel{border:1px solid #B2CBD4; background-color:#F9FAFA; padding:20px; margin:0 0 20px -21px; border-left:0; } .dashFeature{border:1px solid #B2CBD4; float:left; width:607px; margin-bottom:10px; position:relative; background: transparent url('/img/feature_welcome_background.gif') right -50px no-repeat; background-repeat:no-repeat} .dashFeature .quote { font-size:85%; clear:left; float:left; margin:10px 0 0; width:340px;} .dashFeature a.button_add, .dashFeature a.button_edit{float:left;} .dashFeature #welcome {padding:0 20px 20px; width:350px; float:left;} .dashFeature #welcome_text{float:left} #welcome fieldset {display:none;float:left;} /*Friend Page Styles*/ #userResults ul{float:left;position:relative; width:980px; margin:0;} #userResults ul li{float:left; margin:0; width:305px; border-bottom:1px solid #E7F6FD;padding:10px 0; margin-right:20px} #userResults ul li img{ margin-right:10px;} #userResults ul li a{ color:#1188C1; font-weight:bold; text-decoration:none} #userResults ul li a:hover{text-decoration: underline} #userResults p{ font-size:85%; line-height:150%; width:230px;} #userResults ul li.even{ padding-left:20px; background: url('/img/2col_mini_hrule.gif') 0px center no-repeat} /*select box replacement*/ .selectbox-wrapper { position:absolute; background:#FFF; border:1px solid #B2CBD4; margin:0px; margin-top:-1px; padding:0px; text-align:left; height:124px; overflow: auto; } .selectbox-wrapper ul { list-style-type:none; margin:0px; padding:0px; } .selectbox-wrapper ul li.selection{ background-color:#D8E5E9; } .selectbox-wrapper ul li.current { background-color: #E7F0F3; } .selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; padding:0px 5px; cursor:pointer; line-height:24px; border-bottom:1px solid #B2CBD4; } .selectbox /* look&fell of select box*/{ border:1px solid #B2CBD4; font-size:100%; margin:0; padding:4px; font-size:100%; display : block; text-align:left; background:#F8FCFE url(/img/icon_drop_down.gif) no-repeat right 0px; /*height:18px;*/ cursor:text; color:#333; } /*v tip*/ p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #B2CBD4; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 9999 } p#vtip #vtipArrow { position: absolute; bottom: -10px; left: 10px } /**/ .panel {border:1px solid #B2CBD4; background-color:#FAFBFB; float:left; padding:5px 10px 10px; margin-bottom:15px;} #right .panel {width:278px;} .standout { border-color:#DADE94; background-color:#FBFDE7} .odd{} .even{ background:#F4F6F7} /*work in progress - rhs panel*/ #right .about .panel_header {background:#FFF;margin:0; padding:0; border:0;} #right .panel_header, #info_footer_container .panel_header { height:20px; border-top:3px solid #DDE3E6; border-bottom:1px solid #DDE3E6; background:#F8F9FA; padding:16px 0; margin:20px 0; float:left; width:300px;} .panel_header .pagistatus { margin-right:10px;} #right #twitter { margin-top:0px;} #content_container_profile #right #twitter{margin-top:20px;} #right .panel_header h3, #info_footer_container .panel_header h3 { color:#1188C1; float:left; font-size:140%; font-weight:normal; line-height:110%; margin:0 0 0 10px; padding:0; text-indent:0; text-transform:none; display:inline } .panel_header strong { font-weight:normal} #right .about .panel_header {background:#FFF;margin:0; padding:0; border:0;} #right .about { border-top:3px solid #DDE3E6; background:#FFF; padding:8px 0 0; margin:0 0 15px; width:300px; float:left} #right .about img { margin:10px 0 0 30px; float:right} #right .about p { margin-top:7px;} #right .about { border-top:3px solid #DDE3E6; border-bottom:0; background:#fff; padding:23px 0 0; margin:0; width:300px; float:left; } #right .about h3 {color:#000; } #right p { clear:left; font-size:90%; line-height:150%; /*width:100%*/} /*#right a { font-weight:bold; border-bottom:1px solid #87BFDB; text-decoration:none; color:#000000}*/ #right .about a { text-decoration:none; border-bottom:1px dotted #BCC8CD; font-weight:bold; padding-bottom:1px} #right ul.comments { margin:0; padding:0; width:100%; float:left;} #right ul.comments li{ padding-bottom:20px; padding-left:25px; float:left; background:transparent url('/img/comment_post_icon.gif') 0px 2px no-repeat;} #right ul.comments.twitter li{background:transparent url('/img/twitter_post_icon.gif') 0px 2px no-repeat;} a#more_tweets{ font-size:85%; margin-left:25px; color:#333; margin-top:0px; float:left} #right ul.comments li small{ margin-top:2px; clear:left; width:100%;} #right .pagistatus a {font-size:85%} .sub_header{ border-bottom:1px solid #DDE3E6; float:left; height:20px; width:100%; margin-bottom:20px; position:relative; } .sub_header h3{ color:#1188C1; float:left; font-size:160%; font-weight:normal; line-height:110%; margin:0; position:absolute; bottom:-10px; text-transform:none; background-color:#FFF; padding:0 5px 0 2px} .sub_header h3 span{ color:#B2D235; font-size:80%; font-weight:bold; } #more_news, #more_jollys { border:1px solid #B2CBD4; height:52px; width:628px; float:left; margin:15px -19px -20px; background-color:#F4F6F7; border-top:1px solid #DDE3E6; line-height:50px; cursor:pointer; position:relative; border-left:0; border-right:0;} #more_about { height:32px; width:298px; float:left; margin:20px -12px -12px; background-color:#F4F6F7; border-top:1px solid #DDE3E6; line-height:30px; cursor:pointer; position:relative} #more_about span { width:286px; float:left; text-align:center} #more_news a, #more_jollys a {right:243px; position:absolute;top:13px} #more_news:hover, #more_jollys:hover { background:#EDF0F2} /* about us page */ ul.about_jolly{ margin:0; float:left;} ul.about_jolly li{float:left;padding:7px 0 7px 70px;width:230px; } ul.about_jolly li strong{display:block;} ul.about_jolly li.store{background: transparent url('/img/55x55_icon_sprites.png') 0px -648px no-repeat; } ul.about_jolly li.share{background: transparent url('/img/55x55_icon_sprites.png') 0px -320px no-repeat;} ul.about_jolly li.inspire{background: transparent url('/img/55x55_icon_sprites.png') 0px -732px no-repeat; } /*call to action button*/ .call_to_action{padding:4px; background:#F0F1F5; float:left; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;} .call_to_action p{clear:left; font-weight:bold; color:#333333; font-size:85%; padding:0; width:100%; text-align:right; margin-bottom:5px;} .call_to_action a, .call_to_action button {float:left; padding:10px 70px; background:#B2D235 url(/img/button_background_continue.png) repeat-x scroll 0 -10px; border:1px solid #8EA925; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:110%; font-weight:bold; letter-spacing:-1px; text-align:center; text-transform:uppercase; text-decoration:none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; cursor:pointer; width:150px;} .call_to_action a:hover, .call_to_action button:hover, .call_to_action a:link, .call_to_action button:link, .call_to_action a:visited, .call_to_action button:visited {color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:110%} #content_container_wrapper .call_to_action, #content_container_profile .call_to_action { padding:0px; background:none; -moz-border-radius:0; -webkit-border-radius:0; position:absolute; right:0; top:-70px; width:300px;} #content_container_wrapper .call_to_action a, #content_container_profile .call_to_action a { padding:2px 8px; float:right} .call_to_action.center {margin:0 0 20px 155px; } /*user Summary panel*/ .user_title { position:relative; float:left; height:32px; width:258px; margin-bottom:30px;} .user_title h2 {float:left} .user_title .flag_border{ margin:4px 0 0 6px} .user_title small, .user_title small a{ position:absolute; top:19px; left:0;} #right .quote { margin:0; float:left; font-size:90%; line-height:150%; } #info_footer_wrapper{background: transparent url('/img/info_panel_background_grad.jpg') 0px 0px repeat-x; clear:both; width:100%; border-top:3px solid #DDE3E6; position:relative; min-height:150px; height:auto !important; height:150px;} #info_footer_container {} #info_footer_container .left {width:630px; margin-right:30px; float:left} #info_footer_container .right {width:300px; float:left} .pagination p.open { padding-left:13px; background: transparent url('/img/arrow_open.gif') 0px 12px no-repeat; cursor:pointer} .pagination p.collapse { padding-left:13px; background: transparent url('/img/arrow_collapse.gif') 0px 12px no-repeat; cursor:pointer} /*Photo Buttons for Next and Prev*/ #photo_container .next { position:absolute; top:5px; right:5px; width:50%; height:95%;display:block; background:transparent url('/img/next_photo_button.png') right center no-repeat; z-index:1; text-indent:-9999px} #photo_container .prev { position:absolute; top:5px; left:5px; width:50%; height:95%;display:block; background:transparent url('/img/prev_photo_button.png') left center no-repeat; z-index:1; text-indent:-9999px} #photo_container .next:hover {background:transparent url('/img/next_photo_over_button.png') right center no-repeat;} #photo_container .prev:hover {background:transparent url('/img/prev_photo_over_button.png') left center no-repeat;} /*#photo_container .next:hover, #photo_container .prev:hover { background:#000;filter:alpha(opacity=10);-moz-opacity: 0.10;opacity: 0.10} */ /*Media Tagging for notes and image select box Styles*/ .note{display:none; background:transparent url('/img/tint.png')0 0 repeat; border:1px dotted #fff;overflow:hidden;position:absolute;z-index:1;cursor:text;} .notep{display:none; background:#FFFFE1; color:#333; font-size:85%;margin-top:0;position:absolute;z-index:1; cursor:text;padding:2px 8px; margin-top:5px; font-weight:normal; -moz-box-shadow: 1px 1px 2px #333; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333'); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #noteform{display:none;position:absolute;width:250px; z-index:2} #noteform textarea{width:100%;} .imgareaselect-border1{background:url(/img/border-anim-v.gif) repeat-y left top;} .imgareaselect-border2{background:url(/img/border-anim-h.gif) repeat-x left top;} .imgareaselect-border3{background:url(/img/border-anim-v.gif) repeat-y right top;} .imgareaselect-border4{background:url(/img/border-anim-h.gif) repeat-x left bottom;} .imgareaselect-border1,.imgareaselect-border2,.imgareaselect-border3,.imgareaselect-border4{opacity:0.5px;filter:alpha(opacity=50);} .imgareaselect-handle{background-color:#fff;border:solid 1px #000;opacity:0.5;filter:alpha(opacity=50);} .imgareaselect-outer{background-color:#000;opacity:0.5;filter:alpha(opacity=50);} /*mini calendar for storys*/ .mini_cal {border:5px solid #DDE3E6; background-color:#F8F9FA; width:90px; height:95px; text-transform:uppercase; font-weight:bold; font-size:85%; color:#949FA3; float:left;text-align:center; margin-right:20px;} .mini_cal .header {background:#BCC8CD; width:90px; height:32px; color:#FFF; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; font-size:130%; line-height:32px; font-weight:bold; margin-bottom:5px; float:left} .mini_cal .day { font-size:250%; line-height:110%; font-weight:normal; width:100%; float:left} .mini_cal .month { width:100%; float:left; line-height:100%; } .mini_cal .year { width:100%; line-height:100%; float:left;} ul#my_fans, ul#fan_of { width:300px; float:left; position:relative; top:-1px} ul#my_fans li, ul#fan_of li{ float:left; margin:3px 0 0 3px} /*Tipsy*/ .tipsy { padding: 5px; font-size: 80%; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(/img/tipsy.gif); } .tipsy-inner { padding: 2px 8px 3px 8px; background-color: black; color: white; max-width:200px; text-align: center;} .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /* Easy Slider */ #slider { margin:15px 0; float:left} #slider ul{margin:0;padding:0;list-style:none; font-size:110%;} #slider li{margin:0;list-style:none;width:300px;height:65px;overflow:hidden; padding:5px 0;} #slider li strong, #slider li small {padding:0 0 0 60px; line-height:135%} ol#controls{padding:0;height:16px;width:96px; margin: 0 auto;} ol#controls li{margin:0 4px 0 0; padding:0;float:left;list-style:none;height:16px;line-height:16px;font-size:80%;} ol#controls li a{float:left;height:16px;line-height:16px;border:1px solid #DDE3E6;background:#F8F9FA;color:#BCC8CD;padding:0 5px;text-decoration:none;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} ol#controls li.current a{background:#D0D9DC;color:#FFF;} ol#controls li a:focus{outline:none;} .footer_pagination { text-align:center; width:100%; float:left; margin:20px 0 0px;} .footer_pagination a, .footer_pagination strong{border:1px solid #DDE3E6;background:#F8F9FA;color:#BCC8CD;padding:3px 8px;text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 5px 0 0;} .footer_pagination strong {background:#D0D9DC;color:#FFF;} /*Home Shiz*/ body.simple {background:#87BFDB} .simple #nav ul li {top:-50px} .simple #content {background:#fff url('/img/home_container_background_curve.gif') 0px bottom no-repeat;width:600px;position:relative;top:200px; left:150px;float:left;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;padding:110px 30px 30px 30px;border:0; /*min-height:130px;height:auto !important;height:130px;*/} .simple #content p{width:100%;} .simple #container #content #left {float:left;background:white;width:280px;margin:0 20px 0 0;padding:0;border:0;} .simple #container #content #right {float:right;width:300px; _width:290px; margin:-30px 0 0;padding:0;border:0;z-index:1;} .simple #search_container {top:-148px; z-index:1} .simple #right h2 {width:100%;text-align:right;} .simple #right small {float:right;clear:right} .simple .call_to_action { float:right; padding:6px;background:#F0F1F5;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;} .simple .call_to_action a, .simple .call_to_action button {padding:20px 30px;background:#B2D235 url(/img/button_background_continue.png) repeat-x scroll 0 0;border:2px solid #8EA925;font-size:150%;width:200px} .simple .call_to_action button {width:258px;padding:20px 0; height:63px} .simple .quote {float:left;font-size:90%;line-height:150%;width:280px} .simple .inputtext {width:260px} .simple #container {width:960px;margin:0 auto;position:relative; padding-bottom:200px; background:#87BFDB url('/img/splash_clouds.jpg') center 0 no-repeat} .simple #slider ul.about_jolly li {padding:0;width:280px;border:0;} .simple #slider ul.about_jolly .store {background: transparent url('/img/55x55_icon_sprites.png') 0px -657px no-repeat} .simple #slider ul.about_jolly .share {background: transparent url('/img/55x55_icon_sprites.png') 0px -327px no-repeat} .simple #slider ul.about_jolly .inspire {background: transparent url('/img/55x55_icon_sprites.png') 0px -740px no-repeat} .simple ul.about_jolly li {width:220px;padding-left:60px;border-bottom:1px solid #E6EAEC} .simple #footer_container {bottom:-200px;position:relative;width:620px;border:0} .simple #nav {width:660px;background:transparent url('/img/home_nav_background_curve.png') 0px 0px no-repeat;height:80px;top:0px;left:0px;position:absolute; border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0} .simple #nav ul {z-index:2;width:660px;height:151px;left:0;top:-101px;background:transparent url('/img/header_world.png') 190px 0px no-repeat;} .simple #nav ul #signin_menu_panel {display:none;right:-90px;top:-12px;} .simple #nav ul #account_menu_panel {display:none;right:-103px;top:-12px;} .simple #nav ul li.nav-login, .simple #nav ul li.nav-account {position:relative} .simple #site_search_inputtext {background:#E7F6FD url('/img/16x16_icon_sprites.png') 0px -1448px no-repeat; width:96px} .simple #site_search_button {background:#D9E9F2 url('/img/16x16_icon_sprites.png') 0px -1418px no-repeat} .simple #logo {left:10px;top:-32px;z-index:3} .simple #nav_container {background-color:navajoWhite;border-top:0 none;height:0;left:0;position:absolute;top:0;width:100%;z-index:4} .simple #signup_fieldset {margin-top:20px;display:none; float:right; width:100%; padding:0;} .simple fieldset small {width:275px;margin-top:10px;line-height:150%;text-align:center} .simple #container #content #right form {width:270px;float:right;position:relative} .simple #container #content #right form .username {float:left;width:180px} .simple #container #content #right form .username input {width:156px} .simple #container #content #right form .code {float:left; width:90px;} .simple #container #content #right form .code input {width:80px} .simple #container #content #right .invite_code {font-size:85%;text-align:right; padding:0;} /*signup*/ #signup.simple #signup_fieldset {display:block} #signup ul.about_jolly { margin-top:45px;} #signup.simple .quote { position:absolute;top:280px; left:20px} #signup.simple h1 { display:none} .simple.signup_complete #content p { width:100%; text-align:center} .simple.signup_complete #content .call_to_action { margin-right:150px;} /*contact form*/ #contact #contact_form { margin-top:20px;} #contact #contact_form ul li { float:left} #contact.simple #contact_form .inputtextarea {width:590px; height:100px} #contact.simple #contact_form .inputtext {width:280px} /**/ #facebook_badge { background:#F9FAFB url('/img/ajax-loader.gif') center center no-repeat; float:left; margin:20px 0; height:315px; width:298px; border:1px solid #DDE3E6;} #facebook_badge iframe {border: none; width: 298px; height: 315px;} /*center layout*/ #container #left.clean { overflow:hidden} #container #left.clean h1 { margin:10px 0 0;} .center { float:left} .center h1{ width:100%; text-align:center} .center p{ width:100%; } .center p span{ width:100%; float:left; text-align:center} .center small { clear:left; padding: 0px 0 20px 135px; text-align:center;width:340px;} .center .call_to_action { margin-left:155px; display:inline; margin-bottom:20px;} .center form .call_to_action { margin:0 0 10px;} .center form .call_to_action button { width:287px;} .center form{margin: 20px 0 20px 135px; float:left; border:1px solid #DDE3E6; padding:10px 20px} #wrapper #photo_container_bg { margin:20px 0 10px 165px; display:inline} /*Button Icons*/ button, button:hover, button:active, button:focus, .btn { text-indent:0!Important;height: 26px; border-color:#AAB6B6;border-style:solid;border-width:1px!Important;color:#333333;cursor:pointer;display:inline-block;font-size:11px;font-weight:bold;padding:4px 10px 6px!Important;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #EEE;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF);box-shadow: 0px 1px #efefef;-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 1px #efefef;} .btn {height: 14px; line-height:14px} .button_sprite, IMG.button_sprite, .button_sprite IMG {border:0; padding:0; background-image:url(/img/sprite_button_icons.png);border:none; background-attachment:scroll; background-repeat:repeat-x; cursor: hand;} .ui_button, ui_button:hover, ui_button:active, ui_button:focus{ float:left; background: #F6F6F6; background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #EEE; background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF)); border: 1px solid #AAB6B6;cursor: pointer;overflow: visible;vertical-align: middle;white-space: nowrap; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF); } button img {font-size:0;height:24px;width:29px; position:relative; top:-5px; left:-12px; padding-right:3px} .btn IMG {height:24px;width:30px;position:relative; top:-4px; left:-11px;} button.go { background:#B2D235 url('/img/button_background_continue.png') repeat-x scroll 0 -17px!Important; filter: none; line-height:14px; border:1px solid #8EA925; color:#FFF!Important; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} /*Large Icons*/ .ui_large_button {border:0; padding:0; width:52px!Important; height:54px!Important; cursor: hand; position:relative; text-decoration:none; bottom:2px; color:white; font-size:80%; position:absolute; text-align:center; width:52px; overflow:hidden; text-decoration:none!Important; cursor:pointer; line-height:82px; } /******The large icon classes*/ .ui_large_button.hirez {top:10px; right:10px; position:absolute; z-index:1; background:transparent url('/img/sprite_button_large_icons.png') no-repeat 0px 0px} .ui_large_button.lowrez {top:10px; right:10px; position:absolute; z-index:1; background:transparent url('/img/sprite_button_large_icons.png') no-repeat 0px -54px} /******The icon classes*/ .ui_button .map {background-position:0 0;} .ui_button .map1 {background-position:-30px -24px; width:16px} .ui_button .plus {background-position:0 -24px;} .ui_button .close {background-position:25px -24px;} .ui_button .share {background-position:-30px 0} .ui_button .rss {background-position:-55px -24px} .ui_button .friend {background-position:-82px 0px} .ui_button .friend_add {background-position:-82px 0px} /*Inlin Footer*/ .inline_footer, #more_dashboard_news{ background:#F4F6F7; border-top:1px solid #DDE3E6!Important; border-bottom:3px solid #DDE3E6!Important; float:left; height:20px; margin:0 /*-20px 0 20px*/; padding:16px 0; width:100%; display:block; position:relative; text-align:center; clear:both } #media_container .inline_footer {margin:-20px 0 30px;} #blog .inline_footer {margin:30px 0;} #media_container .inline_footer.last {margin:10px 0 0 0} .inline_footer.show_more { cursor:pointer} .inline_footer button { position:absolute; top:13px; right:15px} .inline_footer select { position:absolute; top:13px; left:15px} .inline_footer button.submit {left:15px} /*Jolly Summary Page*/ #content_container_clean_wrapper .inline_footer {margin-bottom:-1px;} #content_container_clean_wrapper #left {margin:-65px 0 30px; border:none} #content_container_clean_wrapper #left h1 {font-size:350%; width:530px; position:relative; margin:0; line-height:85%; padding-bottom:10px; vertical-align:baseline; letter-spacing:-2px} #content_container_clean_wrapper #left h2 {float: left; clear:left; margin-top:-10px; z-index:1; position:relative; width:100%} #content_container_clean_wrapper #jolly_contents h3{font-size:90%; text-transform:none; color:#333; font-family:inherit; clear:left; width:100%; letter-spacing:normal; margin-bottom:5px} #content_container_clean_wrapper #jolly_contents {width:490px; padding:0px; clear:left; margin:20px 0} #content_container_clean_wrapper #jolly_contents ul {margin:0} #content_container_clean_wrapper #jolly_contents ul li {clear:none; display:inline} #content_container_clean_wrapper #left .quote,#content_container_clean_wrapper #left .scroll-pane {width:450px; font-size:100%; float:left; margin-bottom:10px; clear:left} #content_container_clean_wrapper #left .quote {margin-top:20px; margin-bottom:0} /*End Jolly Summary Page*/ /*inline jolly edit*/ ul#inline_jolly_edit {clear:both; float:left; width:683px; display: none;} ul#inline_jolly_edit li {width:170px; float:left; border-right:1px solid #DDE3E6;margin:10px 0;padding: 0;} ul#inline_jolly_edit li h4 {color:#333;font-size:180%;font-weight:normal;letter-spacing:-1px;line-height:100%;text-transform:none;text-align:center} ul#inline_jolly_edit li ul { margin-top:20px; padding:120px 0 0;} ul#inline_jolly_edit li ul li { font-size:90%; margin:0; padding:0px 30px; width:110px; border:none; font-family:inherit} ul#inline_jolly_edit li.last {border:0 none} ul#inline_jolly_edit li ul.jolly { background:url('/img/icons_large.png') 0px 0px no-repeat} ul#inline_jolly_edit li ul.photo { background:url('/img/icons_large.png') -170px 0px no-repeat} ul#inline_jolly_edit li ul.video { background:url('/img/icons_large.png') -340px 0px no-repeat} ul#inline_jolly_edit li ul.story { background:url('/img/icons_large.png') -510px 0px no-repeat} /*end inline jolly edit*/ /*hi-res the photos*/ .hirez .inputtextarea.comments {width:910px} .hirez .inputtextarea.comments_notloggedin {width:910px} .hirez #right {display:none!Important} .hirez #left {width:940px!Important} .hirez #subnav {width:960px;} .hirez #photo_container { width:940px} .hirez #comments li dl dd .wrapper {width:820px} /*Jolly Page*/ #feature_photo_container{position:absolute; right:0px; top:-85px; width:550px; z-index:-1; overflow:hidden} #feature_photo {right:0; width:auto; height:100%; position:absolute; filter:alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80} #feature_photo_mask {position:absolute; left:0px; top:0px; height:100%; width:100%} /*wip photo sorting*/ #media_container ul.sort {background:#FFE45C; padding:0 0 5px 5px;left:-5px;border:1px solid #FED22F;} ul.media_thumbnails.sort li .border {cursor:move} .placeholder {width:148px; height:107px; background:#BCC8CD} /*wip tabs*/ ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 29px;border-bottom: 1px solid #B2CBD4;border-left: 1px solid #B2CBD4;width: 299px;font-size: 80%; text-transform:uppercase} ul.tabs li {float: left;margin: 0;padding: 0;height: 28px;line-height: 26px;border: 1px solid #B2CBD4;border-left: none;margin-bottom: -1px;overflow: hidden;position: relative;background: #F4F6F7;} ul.tabs li a {text-decoration: none;color: #6995A7;display: block;padding: 0 20px;border: 1px solid #fff;outline: none;} ul.tabs li.active a{ color:#B2D235} ul.tabs li a:hover {background: #F4F6F7;} html ul.tabs li.active, html ul.tabs li.active a:hover {background: #fff;border-bottom: 1px solid #fff;} .tab_container {border:1px solid #B2CBD4; border-top: none; clear: both;float: left; background: #fff;} .tab_content { float:left; padding:12px} #panel { float:left; margin:0; position:relative; z-index:1;} #about_me {width:274px;} #my_map { width:540px; height:300px; border-top:1px solid #B2CBD4; position:relative; top:-1px} #panel.my_map { left:-266px; } #panel.my_map ul.tabs { float:right; position:relative; z-index:1 } /*wip*/ .blockUI.blockOverlay { background:#FFF url(/img/ajax-loader.gif) no-repeat center;}