/* *************************************** RESET BASE STYLES *************************************** */ 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 {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} :focus {outline:0;} ol, ul {list-style:none;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal; vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} .clearfloat {clear:both; height:0; font-size:1px; line-height:0px;} /* $Id:styles.css 8 2009-01-11 06:02:53Z john $ */ /* GLOBAL STYLES */ html { min-height:100%; margin-bottom:1px;}body {background:#FFF; position:relative; text-align:center; font-size:8pt; margin:0px;} table.body {width:900px;} p {margin:0px; padding:0px;} div, td {font-family:tahoma, "Trebuchet MS", arial, serif; font-size:8pt; color:#555555; line-height:140%;} td.top_menu {background-image:url(../images/topbar_bg.gif); background-repeat:repeat-x; border-top:1px solid #CCC; border-bottom:1px solid #BBB;} td.top_menu2 {width:20%; text-align:right; border-right:1px solid #CCC; border-top:1px solid #CCC; border-bottom:1px solid #BBB; background-image:url(../images/topbar_bg.gif); background-repeat:repeat-x;} div.top_menu_link_container, div.top_menu_link_container_end {float:left; height:31px; border-left:1px solid #CCC;} div.top_menu_link_container_end {border-left:1px solid #CCC;} div.top_menu_link {font-weight:bold; font-size:10pt; padding-top:5px; padding:6px 10px 0px 10px;} div.top_menu_link_loggedin {height:25px; text-align:right; font-weight:bold; font-size:10pt; padding-top:5px; padding:6px 0px 0px 10px;} div.menu {width:150px; border:1px solid #CCC; border-left:3px solid #7391a8; background:#EEE; padding:0px 0px 10px 10px; margin-right:10px;} div.menu_header {margin-top:10px; margin-bottom:7px;} td.menu_user {background-image:url(../images/menu_user.gif); background-repeat:repeat-x; background-color:#FFF; padding:5px 10px 5px 10px; border:1px solid #CCC; border-top:none; text-align:left;} div.menu_item {float:left; padding-right:10px; font-weight:bold; background:none;} div.menu_sep {padding:2px 0px 0px 10px; float:left; background:none;} img.menu_icon {display:block; float:left; margin-right:4px;} img.menu_icon2 {margin-bottom:-3px; margin-right:4px;} div.menu_arrow {padding:2px; float:left;} div.menu_item_dropdown a {padding:3px 40px 5px 7px; font-weight:normal; border-left:3px solid #DDD; display:block; background:#FFF;} div.menu_item_dropdown a:hover {padding:3px 40px 5px 7px; font-weight:normal; background:#F2F2F2; border-left:3px solid #BBB; text-decoration:none; display:block;} div.menu_dropdown {border:1px solid #CCC; border-top:none; background:#FFF; position:absolute; margin-top:6px; margin-left:-20px; z-index:99; width:auto; white-space:nowrap;} td.topbar1 {padding-bottom:5px;} td.topbar2, td.topbar2_right {background-image:url(../images/menu_bg.gif); background-repeat:repeat-x; font-weight:bold; font-size:11pt; padding:10px 10px 8px 15px; color:#FFF; border-bottom:1px solid #31537D;} td.topbar2_right {font-weight:normal; padding:10px 15px 8px 10px; text-align:right;} td.content {vertical-align:top; text-align:left; background:#FFF;} div.content {width:940px; padding:10px 10px 20px; text-align:left; margin-left:auto; margin-right:auto;} div#main740 {float:left; width:620px;} div#side180 {float:left; margin-left:20px; width:300px;} div.copyright {background:#EEE; padding:4px; text-align:right; margin-left:auto; margin-right:auto; margin-top:20px; color:#444444; border-top:1px solid #AAA;} div.page_header {color:#AC0; font-weight:bold; line-height:normal; font-size:150%; margin-bottom:5px; font-family:arial, verdana, serif;} div.page_header a {color:#AC0;} td.header {padding:4px 5px 5px 6px; border:1px solid #DDD; font-weight:bold; background-image:url(../images/header.gif); background-repeat:repeat-x; color:#333333;} div.header {padding:4px 5px 5px 6px; border:1px solid #DDD; font-weight:bold; background-image:url(../images/header.gif); background-repeat:repeat-x; color:#333333;} div.newupdates {height:31px; width:150px; background-image:url(../images/newupdates.gif); background-repeat:no-repeat;} div.newupdates_content {display:inline; float:left; width:auto; text-align:left; margin-left:10px; padding:8px; color:#FFF; background:#19D;} div.box {background:#FFF; border:1px solid #DDD; border-top:none; padding:10px;} td.shadow {background-image:url(../images/shadow.gif); background-repeat:repeat-x; padding-bottom:5px;} input.text, input.text_small {border:1px solid #AAA; font-family:arial, verdana, serif; font-size:9pt; color:#333333; vertical-align:middle; padding-left:2px;} input.text_small {font-size:8pt;} input.search {vertical-align:middle; background-image:url(../images/search.gif); background-repeat:no-repeat; color:#555555; font-size:12pt; padding-left:23px; font-weight:bold; font-family:arial, verdana, serif;} input.button {font-family:arial, verdana, serif; font-size:8pt; padding:3px; color:#333333; font-weight:bold; background:#EEE; vertical-align:middle; border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #777777; border-right:1px solid #777777;} input.radio, input.checkbox {vertical-align:middle;} textarea {border:1px solid #AAA; font-family:arial, verdana, serif; color:#333333; padding-left:2px; font-size:10pt;} select, select.small {color:#333333; font-family:arial, verdana, serif; font-size:9pt; vertical-align:middle; margin-top:1px;}select.small {font-size:8pt;}.icon {vertical-align:top; margin-right:5px;}.icon2 {vertical-align:top; margin-right:1px;}.icon_big {float:left; margin-right:5px; margin-bottom:5px;} img.photo {border:1px solid #DDD;} font.small {font-size:7pt; font-family:arial, serif;} font.big {font-size:9pt; font-family:verdana, arial, serif; font-weight:bold;} font.bold {font-weight:bold;} font.disabled {color:#AAA;} form {margin:0px;} div.center {margin-left:auto; margin-right:auto; text-align:center;} div.error {vertical-align:middle; color:#FF0000;} div.spacer10 {margin-top:10px; height:0px; font-size:1pt;} img.button {display:block; float:left; margin-right:4px;} a:link { color:#336699; text-decoration:none;}a:visited { color:#336699; text-decoration:none;}a:hover { color:#3399FF; text-decoration:underline;} a.top_menu_item:link { color:#777777; text-decoration:none;}a.top_menu_item:visited { color:#777777; text-decoration:none;}a.top_menu_item:hover { color:#444444; text-decoration:underline;} a.menu_item:link { color:#3c718f; text-decoration:none;}a.menu_item:visited { color:#3c718f; text-decoration:none;}a.menu_item:hover { color:#60b1df; text-decoration:underline;} a.newupdates:link { color:#F2F2F2; text-decoration:none;}a.newupdates:visited { color:#F2F2F2; text-decoration:none;}a.newupdates:hover { color:#FFF; text-decoration:underline;} a.copyright:link { color:#336699; text-decoration:none;}a.copyright:visited { color:#336699; text-decoration:none;}a.copyright:hover { color:#3399FF; text-decoration:underline;} a.portal_signup:link { color:#336699; text-decoration:none;}a.portal_signup:visited { color:#336699; text-decoration:none;}a.portal_signup:hover { color:#437ab1; text-decoration:none;} label:hover { color:#3399FF; text-decoration:underline;} table.tabs {margin-bottom:10px;}td.tab {background:#FFF; padding-left:1px; border-bottom:1px solid #CCC;}td.tab0 {font-size:1pt; padding-left:7px; border-bottom:1px solid #CCC;}td.tab1 {border:1px solid #CCC; border-top:3px solid #AAA; border-bottom:none; font-weight:bold; padding:6px 8px 6px 8px;}td.tab2 {background:#F8F8F8; border:1px solid #CCC; border-top:3px solid #CCC; font-weight:bold; padding:6px 8px 6px 8px;}td.tab3 {background:#FFF; border-bottom:1px solid #CCC; padding-right:12px; width:100%; text-align:right; vertical-align:middle;} table.list {width:100%; border:1px solid #DDD; border-bottom:none;} td.list_header {background:#EEE; font-weight:bold; padding:3px 5px 3px 7px; border-bottom:1px solid #DDD; vertical-align:middle;} tr.list_item1 {padding:5px 7px 5px 7px; border-bottom:1px solid #DDD;} tr.list_item2 {padding:5px 7px 5px 7px; background:#F5F5F5; border-bottom:1px solid #DDD;} td.form1 {padding:12px 0px 5px 10px; font-weight:bold; text-align:right; vertical-align:top;}td.form2 {padding:10px 0px 5px 10px;} div.form_desc {font-size:8pt; padding:5px 0px 5px 0px;}div.form_error {margin-bottom:10px; color:#FF0000;}div.success {line-height:16pt;}td.button {text-align:left; border:1px solid #DDD; border-left:5px solid #DDD; background:#FFF; padding:7px 8px 7px 6px; font-weight:bold;}div.button {font-weight:bold;}td.result {font-weight:bold; text-align:center; border:1px dashed #CCC; background:#FFF; padding:7px 8px 7px 7px;}td.error {font-weight:bold; color:#FF0000; text-align:center; padding:7px 8px 7px 7px; background:#FFF3F3;}td.success {font-weight:bold; padding:7px 8px 7px 7px; background:#f3fff3;} /* STYLES FOR AD BANNERS */ div.ad_top {padding:10px; text-align:center;}div.ad_belowmenu {padding:0px 0px 10px 0px; text-align:center;}div.ad_left {padding:10px 10px 10px 0px; vertical-align:top; text-align:center;}div.ad_right {padding:10px 0px 10px 10px; vertical-align:top; text-align:center;}div.ad_bottom {padding:10px 0px 0px 0px; text-align:center;} /* STYLES FOR RECENT ACTION */ .recentaction_div_media {padding:10px 10px 10px 20px;}.recentaction_div_media img {max-width:300px; width:expression(this.width > 300 ? 300:true);}img.recentaction_media {float:left; margin:3px; border:solid 1px #777777;}.recentaction_div {padding:10px 20px 10px 20px; position:relative; max-height:125px; max-width:300px; overflow:auto;}/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */ *:first-child+html .recentaction_div {overflow:visible; overflow-y:expression(this.scrollHeight > 125? "auto" :"hidden" ); overflow-x:auto; padding-bottom:25px; height:expression(this.scrollHeight > 125? "125px" :"auto" ); width:expression(this.scrollWidth > 300? "300px" :"auto" );}/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */ html>body .recentaction_div {overflow:visible; overflow-y:expression(this.scrollHeight > 125? "auto" :"hidden" ); overflow-x:auto; padding-bottom:25px; height:expression(this.scrollHeight > 125? "125px" :"auto" ); width:expression(this.scrollWidth > 300? "300px" :"auto" );}.recentaction_div img {max-width:300px; width:expression(this.width > 300 ? 300:true);} /* STYLES FOR FRIEND SUGGEST FEATURE */ .suggest_item a {padding:3px 3px 3px 5px; background:#F7F7F7; border-bottom:1px solid #CCC; width:181; display:block;}.suggest_item a:hover {background:#003366; color:#FFF;}div.suggest {position:absolute; background-color:#FFF; text-align:left; border:1px solid #AAA; padding:0px; display:none; } a.suggest:link { color:#555555; text-decoration:none;}a.suggest:visited { color:#555555; text-decoration:none;}a.suggest:hover { color:#FFF; text-decoration:none;} /* LOGIN PAGE */ td.login_middle {vertical-align:middle; text-align:center; padding-bottom:30px; font-weight:bold; font-size:16pt;}td.login_right {vertical-align:middle; text-align:center; padding-bottom:30px;} /* PORTAL PAGE (HOME.PHP) */ div.portal_spacer {height:10px;}div.portal_content {border:1px solid #DDD; border-top:none; padding:10px; background:#FFF;}td.portal_text {vertical-align:top; padding:10px 20px 10px 10px;}table.portal_table {margin-bottom:10px;}div.portal_login {padding:25px 10px 25px 10px; background:#FFF; text-align:center; font-weight:bold; border:1px solid #DDD;}td.portal_member {padding:10px 7px 10px 7px; text-align:center; font-weight:bold;}div.portal_action {padding:6px 6px 6px 6px; border-top:1px solid #DEDEDE;}div.portal_action_top {padding:6px 6px 6px 6px;}div.portal_action_date {float:right; color:#999999; padding-left:5px;}div.portal_whatsnew {border:1px solid #DDD; padding:4px 10px 4px 10px;}div.portal_signup a, div.portal_signup a:hover {font-size:14pt; line-height:0px; text-align:center; padding:8px 15px 5px 7px; background-image:url(../images/portal_join_bg.gif); background-repeat:repeat-x; border:1px solid #FFF; display:block;}div.portal_signup_container1 {border:1px solid #CCC;}div.portal_signup_container1:hover {border:1px solid #AAA;} /* WHATS NEW PAGE */ td.home_left {vertical-align:top; text-align:left; padding-right:10px;}td.home_right {vertical-align:top;}td.home_stats {padding:10px; background:#FFF; border:1px solid #DDD; text-align:center; vertical-align:middle;}td.home_menu {padding:10px; background:#FFF; border:1px solid #DDD;}td.home_menu1 {font-weight:bold;}td.home_notification {text-align:left; border:1px solid #DDD; background:#FFF; padding:7px 8px 7px 6px;}div.home_photo {border:1px solid #DDD; padding:5px; background:#FFF; margin-bottom:10px;}td.home_box {border:1px solid #DDD; border-top:none; padding:8px; background:#FFF;}table.home_menu {border:1px solid #DDD; border-bottom:none; margin-bottom:10px;}td.home_menu1 a {background-color:#FFF; background-image:url(../images/menu_bg1.gif); background-repeat:repeat-y; background-position:top right; border-bottom:1px solid #DDD; padding:5px 5px 5px 7px; font-size:8pt; font-family:tahoma, "Trebuchet MS", verdana, arial, serif; display:block;}td.home_menu1 a:hover {background-color:#F5F5F5; background-image:url(../images/menu_bg2.gif);}div.home_action {padding:6px 6px 6px 6px; border-top:1px solid #DEDEDE;}div.home_action_top {padding:6px 6px 6px 6px;}div.home_action_date {float:right; color:#999999; padding-left:5px;}div.home_whatsnew {border:1px solid #CCC; padding:5px 10px 5px 10px;}div.home_updated {font-size:7pt; color:#888888; padding-top:2px;} /* WHATS NEW - MY NETWORK PAGE */ div.network_content {border:1px solid #DDD; border-top:none; padding:8px;} /* VIEW PROFILE PAGE */ td.profile {background:#FFF; border:1px solid #DDD; border-top:none; padding:5px 7px 5px 7px; margin-bottom:12px;} td.profile_leftside {padding-top:5px; vertical-align:top;} td.profile_rightside {padding-right:10px; padding-left:10px; padding-top:5px; vertical-align:top;} div.profile_field_value {max-width:500px; overflow:auto;} div.profile_friend_photo {float:left; width:90px; text-align:center; border:1px solid #DDD;} div.profile_friend_info {float:left; padding-left:10px;} div.profile_friend_options {text-align:right; padding-left:10px;} div.profile_friend_name {font-size:10pt; font-weight:bold;} div.profile_friend_details div {color:#888888; font-size:7pt;} div.profile_image {float:left; padding:5px; text-align:center; width:111px;} div.profile_bar {padding:0px; margin-top:15px; margin-bottom:10px;} td.profile_item1 {padding:5px 0px 5px 0px; text-align:center; vertical-align:top;} td.profile_item2 {padding:5px 5px 5px 5px; vertical-align:top;} div.profile_comment_author {float:left; padding:5px 7px 5px 7px; background:#F1F1F1; border-top:1px solid #AAA;} div.profile_comment_date {text-align:right; padding:5px 7px 5px 7px; background:#F1F1F1; border-top:1px solid #AAA;} div.profile_comment_body {clear:left; padding:5px 7px 5px 7px; overflow:auto; max-width:550px;} /* IE7 MAX-HEIGHT/MAX-WIDTH HACK */ *:first-child+html .profile_comment_body {overflow:visible; overflow-y:hidden; overflow-x:auto; padding-bottom:25px; width:expression(this.scrollWidth > 550? "550px" :"auto" );} /* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */ html>body .profile_comment_body {overflow:visible; overflow-y:hidden; overflow-x:auto; padding-bottom:25px; width:expression(this.scrollWidth > 550? "550px" :"auto" );} div.profile_comment_body img {max-width:475px; width:expression(this.width > 475 ? 475:true);} div.profile_comment_links {text-align:right; padding-right:7px;} table.profile_menu {border:1px solid #DDD; border-bottom:none;} td.profile_menu1 a, div.nolink {background-image:url(../images/menu_bg1.gif); background-color:#FFF; background-repeat:repeat-y; background-position:top right; border-bottom:1px solid #DDD; padding:5px 5px 5px 7px; font-size:8pt; display:block;} td.profile_menu1 a:hover {background-color:#F5F5F5; background-image:url(../images/menu_bg2.gif); text-decoration:none;} td.profile_photo {vertical-align:middle; text-align:center; border:1px solid #DDD; padding:5px; background:#FFF; height:150px;} td.profile_viewcomments_postcomment {padding:10px 16px 10px 16px; border:1px solid #CCC; background:#F5F5F5;} div.profile_postcomment {border:1px solid #BBB; background:#F4F4F4; margin-bottom:10px; padding:10px 14px 8px 10px;} .comment_area {font-family:"Lucida Sans", verdana, arial, serif; color:#888888; width:100%; height:70px;} div.profile_action {padding:0px 0px 5px 0px; border-bottom:1px solid #EAEAEA; margin-bottom:5px;} div.profile_action_bottom {padding-bottom:2px;} div.profile_action_date {color:#999999; float:right; padding-left:5px;} td.profile_tab a {background:url("../images/header.gif") top repeat-x; padding:7px 10px; border:1px solid #AAA; border-right:none; font-weight:bold; display:block;} td.profile_tab a:hover { background:#EEE url("../images/whiteline.gif") top repeat-x; padding:7px 10px; border:1px solid #AAA; border-right:none; font-weight:bold; display:block;} td.profile_tab2 a {background-color:#FFF; background-image:url(../images/whiteline.gif); background-repeat:repeat-x; background-position:top right; padding:7px 10px 8px 10px; border:1px solid #AAA; border-right:none; border-bottom:none; font-weight:bold; display:block;} td.profile_tab2 a:hover {background-color:#FFF; background-image:url(../images/whiteline.gif); background-repeat:repeat-x; background-position:top right; padding:7px 10px 8px 10px; border:1px solid #AAA; border-right:none; border-bottom:none; font-weight:bold; display:block;} #profile_tabs_profile {border-left:1px solid #AAA;} /*#profile_tabs_membres {border-left:1px solid #AAA;} */ #profile_tabs_map {border-right:1px solid #AAA;} td.profile_tab_end {border-bottom:1px solid #AAA;} div.search_profile_content {padding:10px; border:1px solid #AAA; border-top:none;border-left:none;border-right:none;} div.profile_content {padding:10px; border:1px solid #AAA; border-top:none;}div.profile_headline, div.profile_headline2 {font-size:10pt; margin-bottom:7px; font-weight:bold;}div.profile_headline2 {margin-top:10px;} /* BROWSE PAGE */ td.browse_field {padding:5px;}div.browse_field_radio {padding:0px 5px 0px 1px; margin-top:1px;}div.browse_fields {border:1px solid #DDD; border-top:none; padding:5px 7px 5px 7px; margin-bottom:12px;}td.browse_header {padding:5px 5px 3px 7px; font-size:9pt; font-family:arial, serif; font-weight:bold; border:1px solid #DDD; border-bottom:none; background:#EEE;}td.browse_result {vertical-align:top; text-align:center; width:150px; padding:5px 5px 10px 5px; font-weight:bold;}div.browse_pages {margin-bottom:10px; text-align:center; font-weight:bold; background:#EEE; padding:5px 0px 5px 0px;} /* SEARCH PAGE */ td.search {width:475px; padding:10px; background:#FFF; border:1px solid #DDD;}div.search_header {font-weight:bold; background:#F3F3F3; border:1px solid #CCC; padding:5px 5px 5px 10px; font-size:9pt;}div.search_results {padding:0px 10px 10px 10px;}div.search_result1 {padding:10px; background:#F5F5F5;}div.search_result2 {padding:10px;}div.search_result_text {font-size:9pt; font-weight:bold; padding-left:3px;}div.search_result_text2 {font-weight:normal; font-size:7pt; color:#777777;}div.search_context {color:#555555;}div.search_url {color:#115599;}td.search_pages_bottom {padding-top:8px; padding-right:12px; border-top:1px solid #CCC; text-align:right;} /* HELP PAGES */ div.faq {margin:10px; padding:5px 5px 5px 10px; border-left:3px solid #DDD;}div.faq_questions {background:#FFF; border:1px solid #DDD; border-top:none; padding:5px 7px 5px 8px;} /* MESSAGES */ table.messages_table {border:1px solid #DDD;}td.messages_header {padding:4px 5px 5px 6px; font-weight:bold; background-image:url(../images/header.gif); background-repeat:repeat-x; color:#333333;}td.messages_left {width:100%; text-align:left; vertical-align:middle;}td.messages_right {text-align:right; vertical-align:middle;}tr.messages_unread {background:#D9E5F5; font-weight:bold;}tr.messages_read {background:#FFF;}td.messages_message {border-top:1px solid #CCC; padding:7px 5px 7px 7px; vertical-align:top;}td.messages_photo {border-top:1px solid #CCC; padding:7px 0px 7px 7px; vertical-align:top;}td.messages_view2 {background:#FFF; border-bottom:1px solid #DDD; padding:5px 7px 12px 7px; vertical-align:top;}td.messages_view2_bottom {background:#FFF; padding:5px 7px 12px 7px; vertical-align:top;}td.messages_view1 {vertical-align:top; padding-right:15px;}div.messages_author {padding-bottom:5px; font-weight:bold;}div.messages_date {font-size:7pt; color:#777777;}td.messages_authorbox {width:100px; text-align:right; vertical-align:top; padding:5px 10px 0px 0px;} /* MY FRIENDS */ div.friends_search {width:450px; padding:10px; background:#FFF; border:1px solid #DDD; margin-left:auto; margin-right:auto;}td.friends_sort {padding-top:5px;}div.friends_result {padding:5px; border:1px solid #DDD; margin-top:10px; background:#FFF;}td.friends_result0 {padding:5px;}td.friends_result1 {vertical-align:top; padding:5px;}td.friends_result2 {padding:5px; vertical-align:top; text-align:right;}div.friends_name {font-size:10pt; font-weight:bold; padding-bottom:3px;}div.friends_stats div {color:#888888; font-size:7pt;} /* BROWSE FRIENDS */ td.browse_friends_sort {padding-top:5px;}div.browse_friends_result {padding:5px; border:1px solid #DDD; margin-top:10px; margin-bottom:10px; background:#FFF;}td.browse_friends_result0 {padding:5px;}td.browse_friends_result1 {padding:5px;}td.browse_friends_result2 {padding:5px; text-align:right;} /* EDIT PROFILE */ td.editprofile_photoleft {text-align:center; padding-right:10px;}td.editprofile_photoright {vertical-align:top;}td.editprofile_photo {height:150px; vertical-align:middle; text-align:center; border:1px solid #CCC; background:#FFF; padding:5px;}table.editprofile_options {margin-left:10px;}div.editprofile_bar {border-bottom:1px solid #DDD; padding:0px; margin-top:10px; margin-bottom:10px;}td.editprofile_item1 {padding:5px; text-align:center; vertical-align:top;}td.editprofile_item2 {padding:5px 5px 5px 5px; vertical-align:top;}div.editprofile_examplecss, div.editprofile_examplecss:hover {width:100px; margin-right:10px; margin-bottom:10px; padding:10px 5px 5px 5px; text-align:center; float:left; border:1px solid #DDD;}div.editprofile_examplecss:hover {border:1px solid #BBB;}div.editprofile_examplecss_selected {width:100px; margin-right:10px; margin-bottom:10px; padding:10px 5px 5px 5px; text-align:center; float:left; border:1px solid #AAA; background:#EEE;} /* EDIT ACCOUNT SETTINGS */ td.account1 {padding:5px 5px 5px 7px; font-weight:bold; border:1px solid #CCC; background:#EEE;}td.account2 {padding:7px 5px 5px 5px; border:1px solid #CCC; border-top:none;} /* SIGNUP PAGE */ img.signup_code {vertical-align:middle;}div.signup_header {width:500px; padding:6px 9px 6px 9px; background:#F1F1F1; font-weight:bold; font-size:9pt; margin-bottom:10px;}div.signup_photo_desc {padding:5px 5px 5px 0px;}td.signup_photo {padding:10px; background:#FFF; border:1px solid #CCC;} /* COMMENT STYLES */ .comment_headline {padding:4px 0px 5px 6px; border:1px solid #CCC; border-bottom:none; font-weight:bold; background-image:url(../images/header.gif); background-repeat:repeat-x; color:#333333;} /* PROFILE PHOTOS STYLES */ div.media {border:1px solid #DDD; background:#F2F2F2; padding:10px;}div.media_caption {text-align:left; padding:0px 5px 0px 5px; margin-left:auto; margin-right:auto;}div.media_title {margin-bottom:2px; font-weight:bold;}div.media_date {margin-top:10px; font-size:7pt; color:#777777;} /* CAROUSEL */ td.carousel_item_active {border:1px solid #BBB; background:#EEE; padding:5px;}td.carousel_item {padding:5px;}td.carousel_item:hover {border:1px solid #CCC; padding:4px;} /* PHOTO TAG CLASSES */ div.tag_div_hidden {position:absolute; z-index:98;}div.tag_div {position:absolute; border:2px solid #FFF; z-index:98;}div.tag_label {position:absolute; padding:3px 5px 3px 5px; border:1px solid #777777; background:#FFF; font-weight:bold; z-index:98;}div.media_photo_div {position:relative; margin-bottom:10px; margin-left:auto; margin-right:auto;}div.media_photo_tagform {display:none; border:1px solid #888888; width:150px; position:absolute; opacity:1; background:#FFF;}div.media_photo_tagform_titlebar {text-align:left; padding:5px; border-bottom:1px solid #AAA; background:#EEE; font-weight:bold;}div.media_photo_friendlist {overflow:auto; margin:4px 0px 4px 0px; height:130px; text-align:left; padding-left:4px; border:1px solid #AAA;} /* *************************************** DEFAULTS *************************************** */ /* elgg open source bleu foncé #134 */ /* elgg open source bleu #069 */ /* elgg open source light yellow #FDFFC3 */ body {text-align:left; margin:0; padding:0; font:75%/1.4 Arial, Helvetica, sans-serif; color:#069; background:#19D url("../images/body_fd.jpg") top repeat-x;} p {margin:0px 0px 15px 0;} a {color:#AC0; text-decoration:none; -moz-outline-style:none; outline:none;} a:visited {} a:hover {color:#069; text-decoration:underline;} h1, h2, h3, h4, h5, h6 {font-weight:bold; line-height:normal; color:#AC0;} h1 {font-size:1.8em;} h2 {font-size:1.5em;} h3 {font-size:1.2em;} h4 {font-size:1.0em;} h5 {font-size:0.9em;} h6 {font-size:0.8em;} img {border:none;} ul {margin:5px 0px 15px; padding-left:20px;} ul li {margin:0px;} ol {margin:5px 0px 15px; padding-left:20px;} ul li {margin:0px;} form {margin:0px; padding:0px;} small {font-size:90%;} dt {margin:0; padding:0; font-weight:bold;} dd {margin:0 0 1em 1em; padding:0;} pre, code {font-family:Monaco,"Courier New",Courier,monospace; font-size:12px; background:#DEF; overflow:auto;} code {padding:2px 3px;} pre {padding:3px 15px; margin:0px 0 15px 0; line-height:1.3em;} blockquote {padding:3px 15px; margin:0px 0 15px 0; line-height:1.3em; border:none !important;} /* *************************************** PAGE LAYOUT - MAIN STRUCTURE *************************************** */ #page_container {margin:0; padding:0;} #page_wrapper {width:960px; margin:0 auto; padding:0; min-height:300px;} #layout_header {text-align:left; width:100%; height:30px;} #wrapper_header {margin:0; padding:0; background:url("../images/blank.gif") bottom repeat-x; height:30px;} #layout_canvas {margin:0; padding:0; min-height:360px; background:#FFF;} #layout_spotlight {padding:0; margin:0;} #wrapper_spotlight {margin:0; padding:0; height:auto; border:1px solid #FFF;} #layout_footer {background:#245 url("../images/footer-fd.jpg") repeat-x left top; height:80px; padding-bottom:10px; border-bottom:1px solid #BDE;} /* *************************************** HORIZONTAL TOPBAR *************************************** */ #topbar {margin:0 auto; width:960px; height:70px; background:url("../images/logo-umma.jpg") top left no-repeat; color:#DEF;} #topbar h1 {margin:0; padding:0;} #topbar h1 a {display:block; float:left; width:240px; height:70px;} #topbar h1 span {position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px, 1px);} #topbar_container_left {float:left; margin-left:20px; width:560px; height:30px; text-align:left; background:url("../images/topbar_container_left_bg.jpg") top left no-repeat; overflow:visible;} #topbar_container_left .toolbarimages {float:left; margin-right:10px; padding-top:2px;width:15px;} #topbar_container_left .toolbarlinks {margin:0; float:left; width:155px;} #topbar_container_left .toolbarlinks2 {margin:0; padding-left:10px; float:left; width:auto;} #topbar_container_left a.loggedinuser {color:#134; font-weight:bold; margin:0 0 0 5px;} #topbar_container_left a.pagelinks {color:#134; margin:0 15px 0 5px; display:block; padding:3px;} #topbar_container_left a.pagelinks:hover {color:#19D;} #topbar_container_left a.privatemessages {background:transparent url("../images/toolbar_messages_icon.gif") no-repeat left 2px; padding:0 0 4px 16px; margin:0 15px 0 5px; cursor:pointer;} #topbar_container_left a.privatemessages:hover {text-decoration:none; background:transparent url("../images/toolbar_messages_icon.gif") no-repeat left -36px;} #topbar_container_left a.privatemessages_new {background:transparent url("../images/toolbar_messages_icon.gif") no-repeat left -17px; padding:0 0 0 18px; margin:0 15px 0 5px; color:#134;} /* IE6 */ * html #topbar_container_left a.privatemessages_new {background-position:left -18px;} /* IE7 */ *+html #topbar_container_left a.privatemessages_new {background-position:left -18px;} #topbar_container_left a.privatemessages_new:hover {text-decoration:none; color:#19D;} #topbar_container_left a.usersettings {margin:0 0 0 20px; color:#134; padding:3px;} #topbar_container_left a.usersettings:hover {color:#19D;} #topbar_container_left img {margin:2px 0 0 5px;} #topbar_container_left .user_mini_avatar {border:1px solid #FFF; margin:0 0 0 10px;} #topbar_container_right {float:left; padding:3px 10px 0 0; width:130px; height:27px; text-align:right; background:url("../images/topbar_container_right_bg.jpg") top right no-repeat;} #topbar_container_right a.logout {display:block; margin:0 5px 0 0; padding:0 21px 0 0; width:114px; height:20px; background:transparent url("../images/toolbar_logout.gif") no-repeat top right; color:#134;} #topbar_container_right a:hover {color:#19D;} /* IE6 fix */ * html #topbar_container_right a {width:114px;} #topbar_container_right a:hover {background-position:right -21px;} #topbar_container_lang {float:left; margin-left:20px; width:200px;} #topbar_container_lang ul {list-style:none; margin:0; padding:0;} #topbar_container_lang ul li {display:inline; float:left; margin-right:5px;} #topbar_container_lang ul li a {display:block; width:26px; height:20px; background:url("../images/lang-fd.gif") top no-repeat; color:#FFF; text-align:center;} #topbar_container_lang ul li a:hover {color:#134; background-position:bottom;} #topbar_container_search {float:right; height:21px; width:280px; text-align:right; margin:5px 0 0 0;} #topbar_panel {background:#245; color:#EDF1F2; height:200px; width:100%; padding:10px 20px; display:none; position:relative;} #searchform input.search_input {margin:0; padding:2px; width:180px; height:12px; -webkit-border-radius:4px; -moz-border-radius:4px; background-color:#FFF; border:1px solid #BBB; color:#79A; font-size:12px; font-weight:bold;} #searchform input.search_submit_button {margin:0px; padding:2px; width:auto; height:18px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#245; background:#BCD; border:none; font-size:12px; font-weight:bold; cursor:pointer;} #searchform input.search_submit_button:hover {color:#FFF; background:#19D;} /* *************************************** TOP BAR - VERTICAL TOOLS MENU *************************************** */ #topbardropdownmenu, #topbardropdownmenu ul {margin:0; padding:0; display:inline; float:left; list-style-type:none; z-index:79999;} #topbardropdownmenu {margin:0 15px 0 5px;} /* Tools link in top menu */ #topbardropdownmenu a, #topbardropdownmenu a:visited {display:block; padding:3px 13px 3px 3px; text-decoration:none; color:#134;} #topbardropdownmenu li ul a {width:120px; height:auto; float:left;} /* menu list items */ #topbardropdownmenu li {float:left; position:relative; background:#BCD;} #topbardropdownmenu ul a {color:#134 !important; padding:2px 6px !important; background:#BDE !important; border:1px solid #134; border-top-width:0;} /* IE7 */ #topbardropdownmenu li:hover {position:relative;} /* Make the Tools nav color persist */ #topbardropdownmenu li:hover > a {background:url("../images/toolbar_arrow.png") no-repeat right -18px; color:#19D; text-decoration:underline;} #topbardropdownmenu li ul {display:none; width:134px !important;} #topbardropdownmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent;} /* Position the first sub level beneath the top level links */ #topbardropdownmenu > li:hover > ul {left:-30px; top:16px;} #topbardropdownmenu li a:active, #topbardropdownmenu li a:focus {background:#134; color:#FFF;} #topbardropdownmenu li.drop {background:url(../images/toolbar_arrow.png) no-repeat right 9px;} /* dropdown list links hover */ #topbardropdownmenu li.drop ul li a:hover {color:#FFF !important; background:#19D !important; text-decoration:none;} /* IE6 ONLY - make the sublevels appear */ * html #topbardropdownmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent;} #topbardropdownmenu li a:hover ul {visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;} #topbardropdownmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:99999; font-size:1em;} * html #topbardropdownmenu li.drop {background:url("../images/toolbar_arrow_ie.gif") no-repeat right 9px;} * html #topbardropdownmenu li a:hover {position:relative; background:url("../images/toolbar_arrow_ie.gif") no-repeat right -18px;} /* *************************************** HEADER *************************************** */ #wrapper_header ul {margin:0; padding:0; list-style:none; height:30px;} #wrapper_header ul li {float:left; display:inline; margin:0; margin-right:2px; padding:0; height:30px;} #wrapper_header ul li a {float:left; display:block; margin:0; padding-right:10px; height:30px; width:auto; text-align:center; font:bold 1.1em Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; background:url("../images/mainmenu-a_fd.jpg") right no-repeat;} #wrapper_header ul li a span {float:left; display:block; padding:6px 0 4px 10px; height:20px; background:url("../images/mainmenu-a-span_fd.jpg") left no-repeat; cursor:pointer;} html>body #wrapper_header ul a {height:30px;}#wrapper_header ul li a:hover {background:url("../images/mainmenu-a_fd-hover.jpg") right no-repeat;} #wrapper_header ul li a:hover span {background:url("../images/mainmenu-a-span_fd-hover.jpg") left no-repeat;} #wrapper_header ul li a.current {background:url("../images/mainmenu-a_fd-current.jpg") right no-repeat;} #wrapper_header ul li a.current span {background:url("../images/mainmenu-a-span_fd-current.jpg") left no-repeat;} /* *************************************** PAGE-OWNER BLOCK (Block Détails) *************************************** */ #detail_block {background:#AC0; margin:0 2px; width:956px; overflow:auto;} #owner_block {color:#134; padding:10px 10px 0 10px;} /* classes */ .ownerblockline {padding:0; margin:0;} /* id */ #owner_block_icon {display:inline; float:left; margin-right:10px; padding-bottom:10px;} #owner_block_icon div.usericon {border:2px solid #FFF;} #owner_block_content {display:inline; float:left; margin:0; padding-top:3px; font-weight:bold; font-size:1.4em; color:#FFF;} #owner_block_rss_feed, #owner_block_odd_feed, #owner_block_bookmark_this, #owner_block_report_this {margin-left:15px; display:inline; float:right;} #owner_block_rss_feed a, #owner_block_odd_feed a, #owner_block_bookmark_this a, #owner_block_report_this a {color:#134; font-size:1.4em; padding-left:20px; background:url("../images/block_action.gif") left no-repeat; font-family:Arial, Helvetica, sans-serif;} #owner_block_rss_feed a:hover, #owner_block_odd_feed a:hover, #owner_block_bookmark_this a:hover, #owner_block_report_this a:hover {text-decoration:none; background:#DE8 url("../images/block_action.gif") left no-repeat;} #owner_block_desc {padding:4px 0; margin:0; line-height:1.2em; color:#467;} #owner_block_submenu {clear:both; margin:0; padding:0; width:100%;} #owner_block_submenu ul {list-style:none; padding:0; margin:0; overflow:auto;} #owner_block_submenu ul li {float:left; display:inline;} #owner_block_submenu ul li a {display:block; padding:4px 10px 1px 10px; margin-right:5px; text-decoration:none; font-weight:bold; color:#134; background:#CEF; border-bottom:3px solid #BDE;} #owner_block_submenu ul li a:hover {background:#BDE; border-bottom-color:#ACD;} #owner_block_submenu ul li.selected a {background:#FFF; border-bottom-color:#FFF;} /* IE 6 + 7 menu arrow position fix */ * html #owner_block_submenu ul li.selected a {} *:first-child+html #owner_block_submenu ul li.selected a {} #owner_block_submenu .submenu_group {} /* filetypes filter menu */ #owner_block_submenu .submenu_group .submenu_group_filetypes ul li a {color:#467;} #owner_block_submenu .submenu_group .submenu_group_filetypes ul li.selected a {} #owner_block_submenu .submenu_group .submenu_group_filetypes ul li a:hover {color:#FFF; background:#79A;} /* pages actions menu */ #owner_block_submenu .submenu_group .submenu_group_pagesactions ul li a {color:#467;} #owner_block_submenu .submenu_group .submenu_group_pagesactions ul li.selected a {} #owner_block_submenu .submenu_group .submenu_group_pagesactions ul li a:hover {color:#FFF; background:#79A;} /* *************************************** CANVAS *************************************** */ /* canvas layout:1 column, no sidebar */ #one_column {width:900px; margin:10px; padding:20px; min-height:360px; background:#FFF;} /* canvas layout:2 column left sidebar */ #two_column_left_sidebar {float:left; margin:10px; padding:0px; width:300px; min-height:360px; background:#FFF;} #two_column_left_sidebar_maincontent {float:left; padding:0; margin:10px; width:620px; min-height:360px; background:#FFF;} /* canvas layout:widgets (profile and dashboard) */ #widgets_left {margin:10px; padding:0; width:300px; min-height:360px;} #widgets_middle {margin:10px; padding:0; width:300px;} #widgets_right {float:left; margin:10px; padding:0; width:300px;} #widget_table td {border:0; padding:0; margin:0; text-align:left; vertical-align:top;} /* IE 6 fixes */ * html #widgets_left {height:360px;} * html #widgets_middle {height:360px;} * html #widgets_right {height:360px; float:none;} /* IE6 layout fixes */ * html #profile_info_column_left {margin:0 10px 0 0; width:300px;} /* IE7 */ *:first-child+html #profile_info_column_left {width:300px;} * html #two_column_left_sidebar {width:300px; margin:10px 0 10px 10px;} * html #two_column_left_sidebar_maincontent {width:620px; margin:20px 10px;} * html a.toggle_customise_edit_panel {display:block; float:none; clear:none; padding:5px 10px; margin:20px 20px 0px 20px; color:#134; background:#FFF; border:1px solid #BCD; width:238px; text-align:left;}* html #dashboard_info {width:620px;} /* *************************************** SPOTLIGHT *************************************** */ /* IE7 */ *:first-child+html #wrapper_spotlight .collapsable_box_content {width:918px;} #wrapper_spotlight #spotlight_table h2 {color:#134; font-size:1.25em; line-height:1.2em;} #wrapper_spotlight #spotlight_table li {margin:5px 20px 5px 0; list-style:square; line-height:1.2em; color:#134;} #wrapper_spotlight .collapsable_box_content {margin:0; padding:20px 20px 10px 20px; background:#FFF url("../images/spotlight_fd.jpg") repeat-x top; min-height:60px; border-top:1px solid #FFF;} #layout_spotlight .collapsable_box_content p {padding:0;} #wrapper_spotlight .collapsable_box_header {border-left:none; border-right:none;} /* *************************************** FOOTER *************************************** */ #layout_footer table {margin:0 auto; width:960px; background:transparent; border-top:10px solid #FFF;} #layout_footer table tr, #layout_footer table td {border:none;} #layout_footer a, #layout_footer p {color:#FFF; margin:0;} #layout_footer .footer_toolbar_links {text-align:right; padding:15px 0 0 0; font-size:1.2em;} #layout_footer .footer_legal_links {text-align:right;} /* *************************************** SYSTEM MESSSAGES *************************************** */ .messages {background:#ccffcc; color:#000000; padding:3px 10px 3px 10px; z-index:9999; margin:0; position:fixed; top:30px; width:969px; -webkit-border-radius:4px; -moz-border-radius:4px; border:4px solid #00CC00; cursor:pointer;}.messages_error {border:4px solid #D3322A; background:#F7DAD8; color:#000000; padding:3px 10px 3px 10px; z-index:9999; margin:0; position:fixed; top:30px; width:969px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer;}.closeMessages {float:right; margin-top:17px;}.closeMessages a {color:#467; cursor:pointer; text-decoration:none; font-size:80%;}.closeMessages a:hover {color:black;} /* *************************************** COLLAPSABLE BOXES *************************************** */ .collapsable_box {margin:0 0 20px 0; height:auto;} /* IE6 fix */ * html .collapsable_box {height:10px;} .collapsable_box_header {padding:5px 10px; margin:0; background:#BDE; border:1px solid #ACD;} .collapsable_box_header h1 {font-size:1.25em; line-height:1.2em; color:#19D;} .collapsable_box_content {padding:10px; margin:0; height:auto; background:#FFF; border-left:1px solid #e6eef2; border-right:1px solid #e6eef2; border-bottom:1px solid #e6eef2;} #layout_spotlight .collapsable_box_content {border:none;} .collapsable_box_editpanel {display:none; background:#e6eef2; padding:5px 10px;} .collapsable_box_header a.toggle_box_contents {color:#134; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-decoration:none; float:right; margin:0; margin-top:-7px;} .collapsable_box_header a.toggle_box_edit_panel {float:right; margin:3px 10px 0 0; font-size:9px; text-transform:uppercase; text-decoration:none; font-weight:normal; color:#134; cursor:pointer;} .collapsable_box_editpanel label {font-weight:normal; font-size:100%;} /* used for collapsing a content box */ .display_none {display:none;} /* used on spotlight box - to cancel default box margin */ .no_space_after {margin:0;} /* *************************************** GENERAL FORM ELEMENTS *************************************** */ label {color:#245;} input {font:120% Arial, Helvetica, sans-serif; padding:5px; border:1px solid #BCD; color:#467;} textarea {font:120% Arial, Helvetica, sans-serif; border:solid 1px #BCD; padding:5px; color:#467;} textarea:focus, input[type="text"]:focus {border:solid 1px #134; background:#e6eef2; color:#245;} .submit_button {font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#134; border:1px solid #134; -webkit-border-radius:4px; -moz-border-radius:4px; width:auto; height:25px; padding:2px 6px 2px 6px; margin:10px 0 10px 0; cursor:pointer;} .submit_button:hover, input[type="submit"]:hover {background:#069;} input[type="submit"] {font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#134; border:1px solid #134; -webkit-border-radius:4px; -moz-border-radius:4px; width:auto; height:25px; padding:2px 6px 2px 6px; margin:10px 0 10px 0; cursor:pointer;} .cancel_button {font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#79A; background:#BDE; border:1px solid #79A; -webkit-border-radius:4px; -moz-border-radius:4px; width:auto; height:25px; padding:2px 6px 2px 6px; margin:10px 0 10px 10px; cursor:pointer;} .cancel_button:hover {background:#BCD;} .input-text, .input-tags, .input-url, .input-textarea {width:98%;} .input-textarea {height:200px;} /* *************************************** LOGIN / REGISTER *************************************** */ #login-box {margin:10px; text-align:left; padding:10px; background:#FFF;} #login-box .login-textarea {width:155px;} #login-box label, #register-box label {font-size:1.2em; color:gray;} #login-box p.loginbox {margin:10px 0 0 0;} #login-box input[type="text"], #login-box input[type="password"], #register-box input[type="text"], #register-box input[type="password"] {margin:0 0 10px 0;} #login-box-openid {margin:10px; text-align:left; padding:10px; background:#FFF;} #login-box h2, #login-box-openid h2, #register-box h2, #add-box h2 {background:#CEF; border-top:2px solid #48A; color:#046; font-size:1.35em; line-height:1.2em; margin:0 0 5px; padding:5px;}#register-box {text-align:left; border:1px solid #ddd; width:400px; padding:20px; background:#FFF; margin:20px;}#persistent_login label {font-size:1.0em; font-weight:normal;} /* *************************************** PROFILE *************************************** */ #profile_info {margin:20px 0px 0 20px; padding:20px; border-bottom:1px solid #BCD; border-right:1px solid #BCD; background:#FFF;}#profile_info_column_left {float:left; padding:0; margin:0 20px 0 0;}#profile_info_column_middle {float:left; width:368px; padding:0;}#profile_info_column_right {width:590px; margin:0 0 0 0; padding:0;}#dashboard_info {margin:20px 0px 0 20px; padding:20px; border-bottom:1px solid #BCD; border-right:1px solid #BCD; background:#FFF;}#profile_menu_wrapper {margin:10px 0 10px 0; width:200px;}#profile_menu_wrapper p {border-bottom:1px solid #BCD;}#profile_menu_wrapper p:first-child {border-top:1px solid #BCD;}#profile_menu_wrapper a {display:block; padding:0 0 0 3px;}#profile_menu_wrapper a:hover {color:#FFF; background:#134; text-decoration:none;}p.user_menu_friends, p.user_menu_profile, p.user_menu_removefriend, p.user_menu_friends_of {margin:0;}#profile_menu_wrapper .user_menu_admin {border-top:none;} #profile_info_column_middle p {margin:7px 0 7px 0; padding:2px 4px 2px 4px;}/* profile owner name */ #profile_info_column_middle h2 {padding:0 0 14px 0; margin:0;}#profile_info_column_middle .odd {background:#CEF;}#profile_info_column_right p {margin:0 0 7px 0;}#profile_info_column_right .profile_aboutme_title {margin:0; padding:0; line-height:1em;}/* edit profile button */ .profile_info_edit_buttons {float:right; margin:0 !important; padding:0 !important; font-size:90%;} /* *************************************** RIVER *************************************** */ .activity_item p {margin:0; padding:2px 0 0 0; line-height:1.1em; min-height:17px; } .activity_item .activity_item_time {font-size:90%; color:#467;}#river {border-top:1px solid #BDE;}.river_item p {margin:0; padding:2px 0 0 20px; line-height:1.1em; min-height:17px;}.river_item {border-bottom:1px solid #BDE; padding:2px 0 2px 0;}.river_item_time {font-size:90%; color:#467;}/* IE6 fix */ * html .river_item p {padding:3px 0 3px 20px;}/* IE7 */ *:first-child+html .river_item p {min-height:17px;}.river_user_update {background:url(../images/river_icons/river_icon_profile.gif) no-repeat left -1px;}.river_user_profileupdate {background:url(../images/river_icons/river_icon_profile.gif) no-repeat left -1px;}.river_user_profileiconupdate {background:url(../images/river_icons/river_icon_profile.gif) no-repeat left -1px;}.river_annotate {background:url(../images/river_icons/river_icon_comment.gif) no-repeat left -1px;}.river_create {background:url(../images/river_icons/dummy_river_icon.gif) no-repeat left -1px;}.river_bookmarks_create {background:url(../images/river_icons/river_icon_bookmarks.gif) no-repeat left -1px;}.river_status_create {background:url(../images/river_icons/river_icon_status.gif) no-repeat left -1px;}.river_file_create {background:url(../images/river_icons/river_icon_files.gif) no-repeat left -1px;}.river_widget_create {background:url(../images/river_icons/river_icon_plugin.gif) no-repeat left -1px;}.river_forums_create {background:url(../images/river_icons/river_icon_forum.gif) no-repeat left -1px;}.river_forums_update {background:url(../images/river_icons/river_icon_forum.gif) no-repeat left -1px;}.river_widget_update {background:url(../images/river_icons/river_icon_plugin.gif) no-repeat left -1px; } .river_blog_create {background:url(../images/river_icons/river_icon_blog.gif) no-repeat left -1px;}.river_blog_update {background:url(../images/river_icons/river_icon_blog.gif) no-repeat left -1px;}.river_forumtopic_create {background:url(../images/river_icons/river_icon_forum.gif) no-repeat left -1px;}.river_relationship_friend_create {background:url(../images/river_icons/river_icon_friends.gif) no-repeat left -1px;}.river_relationship_member_create {background:url(../images/river_icons/river_icon_forum.gif) no-repeat left -1px;} /* *************************************** SEARCH LISTINGS *************************************** */ .search_listing {display:block; background-color:#EDF1F2; padding:5px; margin-bottom:5px;} .search_listing_icon {float:left;} .search_listing_icon img {width:40px;} .search_listing_icon .avatar_menu_button img {width:15px;} .search_listing_info {margin-left:50px; min-height:40px;} /* IE 6 fix */ * html .search_listing_info {height:40px;} .search_listing_info p {margin:0 0 3px 0; line-height:1.2em;} .search_listing_info p.owner_timestamp {margin:0; padding:0; color:#467; font-size:90%;} table.search_gallery {border-spacing:5px; margin:0 0 20px 0; background:#CEF;} .search_gallery td {padding:5px;} .search_gallery_item {border:1px dotted silver; background-color:#FFF;} .search_gallery_item:hover {border:1px dotted black;} .search_gallery_item .search_listing {background:none; text-align:center;} .search_gallery_item .search_listing_header {text-align:center;} .search_gallery_item .search_listing_icon {position:relative; text-align:center;} .search_gallery_item .search_listing_info {margin:5px;} .search_gallery_item .search_listing_info p {margin:5px; margin-bottom:10px;} .search_gallery_item .search_listing {background:none; text-align:center;} .search_gallery_item .search_listing_icon {position:absolute; margin-bottom:20px;} .search_gallery_item .search_listing_info {margin:5px;} .search_gallery_item .search_listing_info p {margin:5px; margin-bottom:10px;} /* *************************************** FRIENDS *************************************** */ /* friends widget */ #widget_friends_list {display:table; width:100%;} .widget_friends_singlefriend {float:left; margin:0 5px 5px 0;} /* *************************************** ADMIN AREA - PLUGIN SETTINGS *************************************** */ .plugin_details {margin:0 0 10px 0; padding:5px 10px 5px 10px;}.admin_plugin_reorder {float:right; width:200px; text-align:right;}.admin_plugin_reorder a {padding-left:10px;}.active {border:1px solid #00cc00; background:#ccffcc;}.not-active {border:1px solid #D3322A; background:#F7DAD8;}.plugin_details p {margin:0; padding:4px 0 0 0;}.plugin_details a.manifest_details {cursor:pointer; font-size:80%;}.not-active .admin_plugin_enable_disable a {float:right; font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#134; border:1px solid #134; -webkit-border-radius:4px; -moz-border-radius:4px; width:auto; padding:4px; margin:5px 0 0 0; cursor:pointer;}.not-active .admin_plugin_enable_disable a:hover {background:#069;}.active .admin_plugin_enable_disable a {float:right; font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#79A; border:1px solid #79A; -webkit-border-radius:4px; -moz-border-radius:4px; width:auto; padding:4px; margin:5px 0 0 0; cursor:pointer;}.active .admin_plugin_enable_disable a:hover {background:#245;}.pluginsettings {margin:20px 0 0 0;}.pluginsettings h3 {padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #79A;}#updateclient_settings h3 {padding:0; margin:0; border:none;}.input-access {margin:5px 0 0 0;} /* *************************************** GENERIC COMMENTS *************************************** */ .generic_comment_owner {font-size:90%; color:#467;}.generic_comment {margin-bottom:10px; padding-bottom:10px;}.generic_comment_icon {float:left;}.generic_comment_details {margin-left:60px; border-bottom:1px solid #ACD;}.generic_comment_owner {color:#467; margin:0px; font-size:90%;} /* *************************************** CONTENU (Main block) *************************************** */ #main_block {float:left; display:inline; padding:0; margin:10px; width:620px; min-height:360px; background:#FFF;} /* general page titles in main content area */ #content_area_user_title h2 {margin-bottom:5px; padding:5px; font-size:1.35em; line-height:1.2em; background:#CEF; color:#046;} /* BLOG */ div#ajax_status {border:1px solid #CCC; border-top:none; padding:10px; font-size:2em; color:#AAA;} div#ajax_status_top {background:url(../images/ajax_status.gif) top left no-repeat; height:10px;} .blog_post {margin-bottom:15px; border-bottom:1px solid #ACD;} .blog_post_icon {float:left; margin-top:3px; padding:0;} .blog_post h3 {font-size:150%; margin-bottom:5px;} .blog_post h3 a {text-decoration:none; color:#AC0;} .blog_post p {margin:0 0 5px 0;} .blog_post .strapline {margin:0 0 0 35px; padding:0; color:#9BC; line-height:1em;} .blog_post p.tags {background:transparent url("../images/icon_tag.gif") no-repeat scroll left 2px; margin:0 0 0 35px; padding:0 0 0 16px; min-height:22px;} .blog_post .options {margin:0; padding:0;} .blog_post_body img[align="left"] {margin:10px 10px 10px 0; float:left;} .blog_post_body img[align="right"] {margin:10px 0 10px 10px; float:right;} .blog_post_body img {margin:10px !important;} .blog-comments h3 {font-size:150%; margin-bottom:10px;} .blog-comment {margin-top:10px; margin-bottom:20px; border-bottom:1px solid #ACD;} .blog-comment img {float:left; margin:0 10px 0 0;} .blog-comment-menu {margin:0;} .blog-comment-byline {background:#BDE; height:22px; padding-top:3px; margin:0;} .blog-comment-text {margin:5px 0;} div.bloglist {margin-bottom:30px; overflow:auto;} div.bloglist-post {float:left; width:540px;} div.bloglist-post h2 {font:2em Georgia, "Times New Roman", Times, serif; font-style:italic; margin-bottom:10px;} div.bloglist-post h2 a {color:#AC0;} div.bloglist-infos {float:left; margin-top:5px; margin-left:20px; width:60px; color:#AAA;} div.bloglist-infos p.author {font:1.8em Georgia, "Times New Roman", Times, serif; margin:0;} /* COMMUNITY */ table.membres {width:100%; border-top:1px solid #CCC; padding-top:10px; margin-bottom:10px;} table.membres td {} table.membres td.membres_img {width:90px;} table.membres td.membres_infos {padding:0 10px;} table.membres td.membres_msg {padding:10px 10px 10px 30px; width:230px; height:70px; background:url("../images/membres_msg-fd.gif") top no-repeat; color:#333;} /* *************************************** PUB *************************************** */ #ad_block {float:left; display:inline; margin:10px; padding:0px; width:300px; min-height:360px; background:#FFF;} /* *************************************** KALTURA *************************************** */ #kaltura_container div.left {display:inline; float:left; margin-right:10px;} #kaltura_container div.right {display:inline; float:right; margin-left:10px;} #kaltura_container div.right a {display:block; padding:2px; margin-bottom:5px; width:100px; text-align:center; border:1px solid #BDE; background:#CEF;} #kaltura_container div.right a:hover {background:#FFF; text-decoration:none;} #kaltura_container p {margin:0; padding:0;} #kaltura_container p.small {font-size:90%;} #kaltura_container p.hide {display:none;} #kaltura_container h1 {width:240px; font-size:1.2em;} #kaltura_container div.kalturavideoitem {clear:both; padding:5px; margin-bottom:5px; width:610px; background:#EDF1F2; overflow:auto;} /* *************************************** PAGINATION *************************************** */ .pagination {margin:10px 0 20px 0;} .pagination .pagination_number {display:block; float:left; margin:0 6px 0 0; padding:0px 4px; font-size:12px; font-weight:normal; text-align:center; border:1px solid #19D; background:#FFF; color:#19D; cursor:pointer;} .pagination .pagination_number:hover {background:#19D; color:#FFF; text-decoration:none;} .pagination .pagination_more {display:block; float:left; background:#FFF; border:1px solid #FFF; text-align:center; color:#19D; font-size:12px; font-weight:normal; margin:0 6px 0 0; padding:0px 4px;} .pagination .pagination_previous, .pagination .pagination_next {display:block; float:left; border:1px solid #19D; color:#19D; text-align:center; font-size:12px; font-weight:normal; margin:0 6px 0 0; padding:0px 4px; cursor:pointer;} .pagination .pagination_previous:hover, .pagination .pagination_next:hover {background:#19D; color:#FFF; text-decoration:none;} .pagination .pagination_currentpage {display:block; float:left; background:#19D; border:1px solid #19D; text-align:center; color:#FFF; font-size:12px; font-weight:bold; margin:0 6px 0 0; padding:0px 4px; cursor:pointer;} /* *************************************** FRIENDS COLLECTIONS ACCORDIAN *************************************** */ ul#friends_collections_accordian {margin:0 0 0 0; padding:0; border-bottom:1px solid #BCD;}#friends_collections_accordian li {margin:0 0 0 0; padding:0; list-style-type:none; color:#467;}#friends_collections_accordian li h2 {background:#efefef; color:#79A; padding:4px 2px 4px 6px; margin:0; border-top:1px solid #BCD; font-size:1.2em; cursor:pointer;}#friends_collections_accordian li h2:hover {background:#48A; color:#FFF;}#friends_collections_accordian .friends_picker {background:#FFF; padding:0; display:none;}#friends_collections_accordian .friends_collections_controls {font-size:70%; float:right;}#friends_collections_accordian .friends_collections_controls a {color:#79A; font-weight:normal;}div.expandall {margin:20px 0 0 0; padding:0;}div.expandall p {cursor:pointer; color:#79A; text-align:right; margin:0; padding:0;} /* *************************************** FRIENDS PICKER SLIDER *************************************** */ .friendsPicker_container h3 {font-size:3em; text-align:left; margin:0 0 20px 0; color:#79A;} .friendsPicker .friendsPicker_container .panel ul {text-align:left; margin:0; padding:0;}.friendsPicker_wrapper {margin:0; padding:0; position:relative; width:100%;}.friendsPicker {position:relative; overflow:hidden; margin:0; padding:0; width:685px; height:300px; background:#FFF;}.friendsPicker .friendsPicker_container {/* long container used to house end-to-end panels. Width is calculated in JS */ position:relative; left:0; top:0; width:100%; list-style-type:none;}.friendsPicker .friendsPicker_container .panel {float:left; height:100%; position:relative; width:685px; margin:0; padding:0;}.friendsPicker .friendsPicker_container .panel .wrapper {margin:0; padding:10px; background:#efefef; min-height:230px;}.friendsPickerNavigation {margin:0 0 10px 0; padding:0;}.friendsPickerNavigation ul {list-style:none; padding-left:0;}.friendsPickerNavigation ul li {float:left; margin:0; background:#FFF;}.friendsPickerNavigation a {font-weight:bold; text-align:center; background:#FFF; color:#79A; text-decoration:none; display:block; padding:0; width:20px;}.tabHasContent {background:#FFF; color:#245 !important;}.friendsPickerNavigation li a:hover {background:#245; color:#FFF !important;}.friendsPickerNavigation li a.current {background:#48A; color:#FFF !important;}.friendsPickerNavigationAll {margin:0px 0 0 20px; float:left;}.friendsPickerNavigationAll a {font-weight:bold; text-align:left; font-size:0.8em; background:#FFF; color:#79A; text-decoration:none; display:block; padding:0 4px 0 4px; width:auto;}.friendsPickerNavigationAll a:hover {background:#48A; color:#FFF;}.friendsPickerNavigationL, .friendsPickerNavigationR {position:absolute; top:46px; text-indent:-9000em;}.friendsPickerNavigationL a, .friendsPickerNavigationR a {display:block; height:43px; width:43px;}.friendsPickerNavigationL {right:58px; z-index:1;}.friendsPickerNavigationR {right:10px; z-index:1;}.friendsPickerNavigationL {background:url("../images/friends_picker_arrows.gif") no-repeat left top;}.friendsPickerNavigationR {background:url("../images/friends_picker_arrows.gif") no-repeat -60px top;}.friendsPickerNavigationL:hover {background:url("../images/friends_picker_arrows.gif") no-repeat left -44px;}.friendsPickerNavigationR:hover {background:url("../images/friends_picker_arrows.gif") no-repeat -60px -44px; } .friends_collections_controls a.delete_collection {display:block; cursor:pointer; width:14px; height:14px; margin:0 3px 0 0; background:url("../images/icon_customise_remove.png") no-repeat 0 0;}.friends_collections_controls a.delete_collection:hover {background-position:0 -16px;} /* picker tabbed navigation */ #friendsPickerNavigationTabs {margin:10px 0 10px 0; padding:0; border-bottom:1px solid #BCD; display:table; width:100%;}#friendsPickerNavigationTabs ul {list-style:none; padding:0; margin:0;}#friendsPickerNavigationTabs li {float:left; border:1px solid #FFF; border-bottom-width:0; margin:0;}#friendsPickerNavigationTabs a {text-decoration:none; display:block; padding:0.22em 1em; color:#467; text-align:center;}#friendsPickerNavigationTabs a:hover {color:#134;}#friendsPickerNavigationTabs .selected {border-color:#BCD;}#friendsPickerNavigationTabs .selected a {position:relative; top:1px; background:#FFF; color:#134;} /* *************************************** WIDGET PICKER (PROFILE & DASHBOARD) *************************************** */ /* 'edit page' button */ a.toggle_customise_edit_panel {float:right; clear:right; margin:10px 10px 10px 0; padding:5px 9px; width:280px; color:#134; background:#FFF; border:1px solid #ACD; text-align:left;} a.toggle_customise_edit_panel:hover {color:#FFF; background:#19D; text-decoration:none;} #customise_editpanel {display:none; margin:0; padding:20px; background:#BDE;} /* Top area - instructions */ .customise_editpanel_instructions {width:690px; padding:0 0 10px 0;}.customise_editpanel_instructions h2 {padding:0 0 10px 0;}.customise_editpanel_instructions p {margin:0 0 5px 0; line-height:1.4em;} /* RHS (widget gallery area) */ #customise_editpanel_rhs {float:right; width:230px; background:#FF0000;}#customise_editpanel #customise_editpanel_rhs h2 {color:#AC0; font-size:1.4em; margin:0; padding:6px;} #widget_picker_gallery {border-top:1px solid #BCD; background:#FFF; width:210px; height:340px; padding:10px; overflow:scroll; overflow-x:hidden;} /* main page widget area */ #customise_page_view {width:940px; padding:10px; margin:0 0 10px 0; background:#FFF;}#customise_page_view h2 {border-top:1px solid #BCD; border-right:1px solid #BCD; border-left:1px solid #BCD; margin:0; padding:5px; width:200px; background:#CEF; font-size:1.25em; line-height:1.2em;}#profile_box_widgets {width:422px; margin:0 10px 10px 0; padding:5px 5px 0px 5px; min-height:50px; border:1px solid #BCD; background:#CEF;}#customise_page_view h2.profile_box {width:422px; color:#79A;}#profile_box_widgets p {color:#79A;}#leftcolumn_widgets {width:200px; margin:0 10px 0 0; padding:5px 5px 40px 5px; min-height:190px; border:1px solid #BCD;}#middlecolumn_widgets {width:200px; margin:0 10px 0 0; padding:5px 5px 40px 5px; min-height:190px; border:1px solid #BCD;}#rightcolumn_widgets {width:200px; margin:0; padding:5px 5px 40px 5px; min-height:190px; border:1px solid #BCD;}#rightcolumn_widgets.long {min-height:288px;}/* IE6 fix */ * html #leftcolumn_widgets {height:190px;}* html #middlecolumn_widgets {height:190px;}* html #rightcolumn_widgets {height:190px;}* html #rightcolumn_widgets.long {height:338px;} #customise_editpanel table.draggable_widget {width:298px; background:#BCD; margin:10px 0 0 0; vertical-align:text-top; border:1px solid #BCD;} #widget_picker_gallery table.draggable_widget {width:300px; background:#BCD; margin:10px 0 0 0;} /* take care of long widget names */ #customise_editpanel table.draggable_widget h3 {word-wrap:break-word;/* safari, webkit, ie */ width:140px; line-height:1.1em; overflow:hidden;/* ff */ padding:4px;}#widget_picker_gallery table.draggable_widget h3 {word-wrap:break-word; width:145px; line-height:1.1em; overflow:hidden; padding:4px;}#customise_editpanel img.more_info {background:url(../images/icon_customise_info.gif) no-repeat top left; cursor:pointer;}#customise_editpanel img.drag_handle {background:url(../images/icon_customise_drag.gif) no-repeat top left; cursor:move;}#customise_editpanel img {margin-top:4px;}#widget_moreinfo {position:absolute; border:1px solid #245; background:#e6eef2; color:#245; padding:5px; display:none; width:200px; line-height:1.2em;}/* droppable area hover class */ .droppable-hover {background:#fdffc3;}/* target drop area class */ .placeholder {border:2px dashed #ACD; width:196px !important; margin:10px 0 10px 0;}/* class of widget while dragging */ .ui-sortable-helper {background:#134; color:#FFF; padding:4px; margin:10px 0 0 0; width:200px;}/* IE6 fix */ * html .placeholder {margin:0;}/* IE7 */ *:first-child+html .placeholder {margin:0;}/* IE6 fix */ * html .ui-sortable-helper h3 {padding:4px;}* html .ui-sortable-helper img.drag_handle, * html .ui-sortable-helper img.remove_me, * html .ui-sortable-helper img.more_info {padding-top:4px;}/* IE7 */ *:first-child+html .ui-sortable-helper h3 {padding:4px;}*:first-child+html .ui-sortable-helper img.drag_handle, *:first-child+html .ui-sortable-helper img.remove_me, *:first-child+html .ui-sortable-helper img.more_info {padding-top:4px;} /* *************************************** BREADCRUMBS *************************************** */ #pages_breadcrumbs {font-size:80%; color:#79A; padding:0; margin:0 0 10px 0;}#pages_breadcrumbs a {color:#79A; text-decoration:none;}#pages_breadcrumbs a:hover {color:#069; text-decoration:underline;} /* *************************************** MISC. *************************************** */ #sidebar_page_tree {margin:10px;}#sidebar_page_tree h3 {background:#CEF; border-top:2px solid #48A; margin:0 0 5px 0; padding:5px; color:#046; font-size:1.25em; line-height:1.2em; } /* tag icon */ .object_tag_string {background:url(../images/icon_tag.gif) no-repeat left 2px; padding:0 0 0 14px; margin:0; } /* profile picture upload n crop page */ #profile_picture_form {height:145px; } #current_user_avatar {float:left; width:160px; height:130px; border-right:1px solid #BCD; margin:0 20px 0 0; } #profile_picture_croppingtool {border-top:1px solid #BCD; margin:20px 0 0 0; padding:10px 0 0 0; } #profile_picture_croppingtool #user_avatar {float:left; margin-right:20px; } #profile_picture_croppingtool #applycropping { } #profile_picture_croppingtool #user_avatar_preview {float:left; position:relative; overflow:hidden; width:100px; height:100px; } /* *************************************** SETTINGS & ADMIN *************************************** */ .settings_form h3, .usersettings_statistics h3, .admin_statistics h3, .admin_users_online h3 {background:#e4e4e4; border-bottom:1px solid #d0d0d0; color:#467; font-size:1.1em; line-height:1em; margin:30px 0 10px 0; padding:5px; } .settings_form label, .admin_debug label, .admin_usage label {color:#245; font-size:100%; font-weight:normal;}.settings_form {border-bottom:1px solid #BCD; padding:0 0 20px 0;}.admin_usage {border-bottom:1px solid #BCD; padding:0 0 20px 0;} .usersettings_statistics .odd, .admin_statistics .odd {background:#CEF;}.usersettings_statistics .even, .admin_statistics .even {background:#FFF;}.usersettings_statistics td, .admin_statistics td {padding:2px 4px 2px 4px;}.usersettings_statistics td.column_one, .admin_statistics td.column_one {width:200px;} /* add user pane on user admin */ #add_user_showhide #add-box {padding:20px; background:#BDE;}.admin_adduser_link {margin:0 0 20px 0;}#search-box {margin:0 0 20px 0;} .manifest_file {display:none;} /* force tinyMCE editor initial width for safari */ .mceLayout {width:683px;} div.ajax_loader {background:url(../images/ajax_loader.gif) no-repeat top center; width:100%; height:33px;} /* *************************************** AVATAR CONTEXTUAL MENU *************************************** */ #profile_icon_wrapper {float:left;} .usericon {position:relative;} .avatar_menu_button {width:15px; height:15px; position:absolute; cursor:pointer; display:none; right:0; bottom:0;}.avatar_menu_arrow {background:url(../images/avatar_menu_arrows.gif) no-repeat left top; width:15px; height:15px;}.avatar_menu_arrow_on {background:url(../images/avatar_menu_arrows.gif) no-repeat left -16px; width:15px; height:15px;}.avatar_menu_arrow_hover {background:url(../images/avatar_menu_arrows.gif) no-repeat left -32px; width:15px; height:15px;}.usericon div.sub_menu {display:none; position:absolute; padding:2px; margin:0; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #79A; border-bottom:solid 1px #79A; width:160px; background:#FFF; text-align:left;}div.usericon a.icon img {z-index:10;} .usericon div.sub_menu a {margin:0;padding:2px;} .usericon div.sub_menu a:link, .usericon div.sub_menu a:visited, .usericon div.sub_menu a:hover{display:block;} .usericon div.sub_menu a:hover{background:#BCD; text-decoration:none;} .usericon div.sub_menu h3 {font-size:1.2em; padding-bottom:3px; border-bottom:solid 1px #BDE; color:#134; margin:0 !important; background:#FFF !important;}.usericon div.sub_menu h3:hover {background:#BCD !important;} .user_menu_addfriend, .user_menu_removefriend, .user_menu_profile, .user_menu_friends, .user_menu_friends_of, .user_menu_blog, .user_menu_file, .user_menu_messages, .user_menu_admin, .user_menu_pages {margin:0; padding:0;}.user_menu_admin {border-top:solid 1px #BDE;}.user_menu_admin a {color:#cc0033; }/* #topbar_container_left a.new_friendrequests {margin:0 0 0 20px; color:#FFF; padding:3px;}#topbar_container_left a.new_friendrequests:hover {background:#134; text-decoration:none;}*/ #topbar_container_left a.new_friendrequests {background:transparent url(mod/friend_request/graphics/icons/friendrequest.gif) no-repeat left; padding:0 0 0 18px; margin:0 15px 0 5px; color:#FFF;} #topbar_container_left a.new_friendrequests:hover {text-decoration:none;}/*------------------------------- MESSAGING PLUGIN -------------------------------*/ .actiontitle {font-weight:bold; font-size:110%; margin:0 0 10px 0;} #messages td {text-align:left; vertical-align:middle; border-bottom:1px solid #d6dbd2; padding:5px;}#messages .message_notread td { background:#F7DAD8; border-bottom:1px solid #79A;}#messages .message_read td { background:#FFF; border-bottom:1px solid #d6dbd2;} #messages .delete_msg a {display:block; cursor:pointer; width:14px; height:14px; margin:0; background:url("../images/icon_customise_remove.png") no-repeat right 0; text-indent:-9000px; float:right;}#messages .delete_msg a:hover {background-position:right -16px;}/* IE6 */ * html #messages .delete_msg a {background-position:right 4px;} * html #messages .delete_msg a:hover {background-position:right 4px;} #messages .usericon {float:left; margin:0 15px 0 0;} #messages .msgsender {color:#467; line-height:1em; margin:0; padding:0; float:left;}#messages .msgsender small {color:#ACD;} #messages .msgsubject {font-size:120%; line-height:100%;} .msgsubject {font-weight:bold;} .messages_single_icon {float:left;} .messages_single_icon .usericon {float:left; margin:0 10px 10px 0;} /* view and reply to message view */ .message_body {margin-left:120px;}.message_body .messagebody {padding:0; margin:10px 0 10px 0; font-size:120%; border-bottom:1px solid #BCD;} /* drop down message reply form */ #message_reply_form {display:none;}/* when displaying original msg in reply view */ .previous_message {background:#efefef; border:1px solid #ccc; padding:4px; margin:0 0 20px 0;}.previous_message p {padding:0; margin:0; font-size:120%;} .new_messages_count {color:#467;}/* tinyMCE container */ #message_reply_editor #message_tbl {width:680px !important;} /* tables still need cellspacing="0" (for ie6) */ .uv_list {margin-top:10px; border-spacing:5px;}/* *************************************** ADMIN AREA - REPORTED CONTENT *************************************** */ .reportedcontent_content {padding:10px; margin:0 0 10px 0;}.reportedcontent_content p.reportedcontent_detail, .reportedcontent_content p {margin:0;}.active_report {border:1px solid #D3322A; background:#F7DAD8;}.archived_report {border:1px solid #467; background:#BDE;} a.archive_report_button {float:right; font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#134; border:1px solid #134; -webkit-border-radius:4px; -moz-border-radius:4px; width:auto; padding:4px; margin:15px 0 0 20px; cursor:pointer;}a.archive_report_button:hover {background:#069; text-decoration:none;} a.delete_report_button {float:right; font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#79A; border:1px solid #79A; -webkit-border-radius:4px; -moz-border-radius:4px; width:auto; padding:4px; margin:15px 0 0 20px; cursor:pointer;}a.delete_report_button:hover {background:#245; text-decoration:none;} a.manifest_details {cursor:pointer;} #content_area_group_title h2 {background:#FDFFC3; padding:5px; margin:0 0 10px 0; border-top:2px solid #48A; color:#046; font-size:1.35em; line-height:1.2em;} #two_column_left_sidebar_maincontent #owner_block_content {margin:0 0 10px 0 !important;} #groups_info_column_left {float:left; width:465px; /* margin-left:221px; */ } #groups_info_column_left .odd {background:#CEF;}#groups_info_column_left p {margin:0 0 7px 0; padding:2px 4px;} #groups_info_column_right {float:left; width:220px;}#group_stats {width:180px; background:#EDF1F2; padding:10px; margin:10px 0 20px 0;}#group_stats p {margin:0;}#group_members {margin:10px;} .right_column {clear:left; float:right; width:330px;}#left_column {width:330px; float:left; margin:0 20px 0 0;}#group_members h2, .right_column h2, #left_column h2 {background:#CEF; border-top:2px solid #48A; margin:0 0 5px 0; padding:5px; color:#046; font-size:1.25em; line-height:1.2em;} #left_column #mb_input_wrapper {background:#FFF; border:none; padding:0px;}#left_column #mb_input_wrapper .input_textarea {width:318px;} .member_icon {margin:3px; float:left;} /* group forums overview page */ .forums_table_head {background:#134; color:#FFF; padding:4px;}.forums_table_topics {padding:4px; border-bottom:1px solid #BCD;}.forums_table_topics h3 a {font-size:1.3em;}.forum_access {font-size:small; } .forums_table_topics p {margin:0px 0px 5px 0;} /* topics overview page */ #topic_titles {background:#134; color:#FFF; padding:4px; margin:20px 0 0 0;} /* topic posts pages */ .post_icon {float:left; margin:0 8px 4px 0;} .topic_post {border-bottom:1px solid #BCD; margin:10px 0 10px 0;} .topic_post h2 {margin-bottom:20px;} .topic_post table, td {border:none;} .topic_title {font-size:1.2em; line-height:1.1em; margin:0; padding:0 0 4px 0;} .forum_topics {padding:0; margin:0; border:1px solid #ddd; border-top:0;} /* alternating bckgnd on topics */ .forum_topics .odd {background-color:#ebebeb; padding:4px;}.forum_topics .even {background-color:#CEF; padding:4px;} /* group latest discussions widget */ #latest_discussion_widget {margin:0 0 20px 0;}.forum_latest {margin:0 0 10px 0;}.forum_latest .topic_owner_icon {float:left;}.forum_latest .topic_title {margin-left:35px;}.forum_latest .topic_title p {font-size:0.8em; line-height:1.0em; padding:0; margin:0;} .forum_latest p.topic_replies {color:#79A; padding:3px 0 0 0; margin:0;} a.add_topic_button {font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#134; border:2px solid #134; -webkit-border-radius:4px; -moz-border-radius:4px; /* width:auto; height:25px; */ padding:4px 6px 4px 6px; margin:0; cursor:pointer; display:table;}a.add_topic_button:hover {background:#069; border:2px solid #069; text-decoration:none;} /* group files widget */ #filerepo_widget_layout {margin:0 0 20px 0;}/* group pages widget */ #group_pages_widget {margin:0 0 20px 0;} /* latest discussion listing */ p.latest_discussion_info {float:right; width:220px;} span.timestamp {color:#467; font-size:90%;} .sharing_item {margin-bottom:50px; border-bottom:1px solid #ACD;} .sharing_item_owner {font-size:90%; margin:10px 0 0 0; color:#467;} .sharing_item_owner .icon {float:left; margin-right:5px;}.sharing_item_title h3 {font-size:150%; margin-bottom:5px;}.sharing_item_title h3 a {text-decoration:none;}.sharing_item_description p {margin:0; padding:0 0 5px 0;}.sharing_item_tags {background:transparent url(../images/icon_tag.gif) no-repeat scroll left 2px; margin:0; padding:0 0 0 14px;} .sharing_item_address a {font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#134; border:1px solid #134; -webkit-border-radius:3px; -moz-border-radius:3px; width:auto; height:25px; padding:2px 6px 2px 6px; margin:10px 0 10px 0; cursor:pointer;}.sharing_item_address a:hover {background:#069; text-decoration:none;}.sharing_item_controls p {margin:0;} /* SHARES WIDGET VIEW */ .shares_widget_wrapper {background-color:#EDF1F2; margin:0 0 10px 0; padding:5px;}.shares_widget_icon {float:left; margin-right:10px;}.shares_timestamp {color:#467; margin:0;}.share_desc {display:none; line-height:1.2em;}.shares_widget_content {margin-left:35px;}.shares_title {margin:0; line-height:1.2em;} /* timestamp and user info in gallery and list view */ .search_listing_info .shares_gallery_user, .share_gallery_info .shares_gallery_user, .share_gallery_info .shares_gallery_comments {color:#467; margin:0; font-size:90%; } p.filerepo_owner {margin:0; padding:0;}.filerepo_owner_details {/* font-size:90%; */ margin:0; padding:0; line-height:1.2em;}.filerepo_owner_details small {color:#467;}.filerepo_owner .usericon {margin-right:5px; float:left;} .filerepo_download a {font:12px/100% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; background:#134; border:1px solid #134; -webkit-border-radius:3px; -moz-border-radius:3px; width:auto; height:25px; padding:2px 6px 2px 6px; margin:10px 0 10px 0; cursor:pointer;} .filerepo_download a:hover {background:#069; text-decoration:none;} /* FILE REPRO WIDGET VIEW */ .filerepo_widget_singleitem {background-color:#EDF1F2; margin:0 0 10px 0; min-height:60px; display:block;}.filerepo_listview_icon {float:left; margin-right:10px;}.filerepo_timestamp {color:#467; margin:0;}.filerepo_listview_desc {display:none; padding:0 5px 10px 0; line-height:1.2em;}.filerepo_widget_content {margin-left:70px;}.filerepo_title {margin:0; padding:6px 5px 0 0; line-height:1.2em;} .collapsable_box #filerepo_widget_layout {margin:0;} /* widget gallery view */ .filerepo_widget_galleryview img {padding:2px; border:1px solid #efefef; margin:2px;} /* SINGLE ITEM VIEW */ .filerepo_file {margin-bottom:50px;}.filerepo_file .filerepo_title_owner_wrapper {min-height:60px; background-color:#EDF1F2;}.filerepo_title_owner_wrapper .filerepo_title, .filerepo_title_owner_wrapper .filerepo_owner {margin-left:70px !important;}.filerepo_file .filerepo_maincontent {margin-left:70px;}.filerepo_file .filerepo_icon {width:70px; position:absolute; background-color:#EDF1F2;}.filerepo_file .filerepo_title {margin:0; padding:1px 4px 5px 10px; line-height:1.2em;}.filerepo_file .filerepo_owner {padding:0 0 0 10px;}.filerepo_file .filerepo_description {margin:10px 0 0 0; padding:0 0 0 10px;}.filerepo_download, .filerepo_controls {padding:0 0 0 10px; margin:0;}.filerepo_file .filerepo_description p {padding:0 0 5px 0; margin:0;}.filerepo_file .filerepo_specialcontent img {padding:5px; margin:0 0 0 10px; border:1px dotted silver;}.filerepo_tags {padding:0 0 10px 10px; margin:0;} /* file repro gallery items */ .search_gallery .filerepo_controls {padding:0;}.search_gallery .filerepo_title {font-weight:bold; line-height:1.1em; margin:0 0 10px 0;} .filerepo_gallery_item {margin:0; padding:0;}.filerepo_gallery_item p {margin:0; padding:0;}.search_gallery .filerepo_comments {font-size:90%;} .filerepo_user_gallery_link {float:right; margin:5px 5px 5px 50px;}.filerepo_user_gallery_link a {padding:2px 25px 5px 0; background:transparent url(../images/icon_gallery.gif) no-repeat right top; display:block;}.filerepo_user_gallery_link a:hover {background-position:right -40px;} .dateWidget { border:1px solid #CCCCCC; float:left; font-family:Arial,sans-serif !important; margin-right:6px; width:30px; } .dateWidget strong { background:#F2F2F2 none repeat-x scroll 0 0; color:black !important; display:block; font-size:18px !important; padding:4px; text-align:center !important; } .dateWidget em { background-color:#31547D; color:white !important; display:block; font-size:10px !important; font-style:normal; font-weight:bold; line-height:1em; padding:3px 0; text-align:center; text-transform:uppercase; } .dateWidget em .year { color:white; } .eventsList ul { margin-bottom:40px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } .eventsList li { border-bottom:1px solid #DDDDDD; padding:10px 8px; } .eventsList .category { float:right; } .eventsList .dimmed { color:#777777; } .eventsList .poster { border:2px solid #CCCCCC; float:left; height:50px; margin-right:8px; width:50px; } .eventsList h4 { font-size:14px; margin:0; } .eventsList .attendance { float:left; width:370px; font-size:0.91em; } .eventsList .counter { margin: 0; background:#666666 none repeat scroll 0 0; color:#FFFFFF; font-weight:bold; margin:0 3px; padding:1px 3px 2px; } /********************************************** NEW CSS ****************************************************/ .contentRectangleLeft { float:left; width:630px; } .contentRectangleRight .eventsList .attendance .counter, .contentRectangleLeft .eventsList .attendance .counter { margin:0; } .contentRectangleRight { float:right; width:300px; } .contentSideBox { background:#F2F2F2 none repeat scroll 0 0; margin-bottom:20px; overflow:hidden; padding:10px; } .addItem { background:transparent url(../images/add.png) no-repeat scroll 0 0; padding:0 0 0 20px; } .counter { background:#666666 none repeat scroll 0 0; color:#FFFFFF; font-weight:bold; margin:0 3px; padding:1px 3px 2px; } .dimmed { color:#777777; } .poster{ float:left;border:2px solid #ccc;width:50px;height:50px;margin-right:8px;background:#d8b05f; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} a.previewProfile, .previewing a.previewProfile:hover { background:#E9E9E9 url(../images/header.gif) repeat scroll 0 0; border:1px solid #D9B4B4; color:#black !important; padding-left:26px;} a.button { float:right; font-size:100%; font-weight:bold; height:18px; margin-left:7px; padding:0 10px 0 10px; text-decoration:none; } .adRectangle { margin:0 0 20px; width:300px; } /* Event list */ .eventsList { margin-bottom:40px; } .eventsList .timeframe, body.directory .eventsList .timeframe { border:0 none; padding:0; } .eventsList li { border-bottom:1px solid #DDDDDD; padding:10px 8px; } .eventsList .timeframe h3 { background: #31547D url(../images/header.gif) repeat-x scroll 0 0; color:#555555; margin:0 0 4px; padding:2px 5px; text-shadow:0 -1px 1px #114477; } .eventsList h4 { font-size:14px; margin:0; } .eventsList .category { float:right; } .contentRectangleLeft .eventsList .attendance { float:left; width:370px; } .eventsList .attendance { font-size:0.91em; } form.filter, div.filter { background:#B0CBEB url(../i/common/filter_bg.gif) repeat-x scroll 0 0; border-color:#D2D8E1 #BCC3CD #BCC3CD #D2D8E1; border-style:solid; border-width:1px; color:#293548; margin:0 0 20px; padding:15px; } .filter h2 { color:#465670; margin-bottom:0.5em; } .filter fieldset { margin-bottom:1.5em; padding-left:15px; } .filter #countrySelect, .filter #regionSelect { max-width:240px; } fieldset { border:0 none; margin:0; padding:0; } form.styled select { margin:5px 5px 5px 0; } select { border:1px solid #BBBBBB; margin-right:5px; } input, select, textarea { font-size:100%; vertical-align:middle; } //CSS à conserver //avatar .avatar{margin:0;} div.avatar{margin:0 0 5px;} div.avatar{float:left;width:80px;position:relative;text-align:center;font-size:10px;overflow:hidden;} div.avatar .nick{text-decoration:none;display:block;border-bottom:2px solid #ccc;width:76px;padding:0 2px;overflow:hidden;}div.avatar a.nick:hover,div.avatar:hover a.nick{border-bottom:2px solid #F1F1F1;text-decoration:none;} div.avatar .imageWrap{display:block;height:80px;overflow:hidden;background:#bbb;padding:0;} div.avatar.male .imageWrap{border-top:2px solid #68BEFF;} div.avatar.female .imageWrap{border-top:2px solid #FF9FC4;} div.avatar.genderless .imageWrap{margin-top:2px;} div.avatar.male a.imageWrap:hover,div.avatar.male:hover a.imageWrap{border-top:2px solid #00A6FF;} div.avatar.female a.imageWrap:hover,div.avatar.female:hover a.imageWrap{border-top:2px solid #FF6795;} div.avatar.online .nick,div.avatar.online a.nick:hover,div.avatar.online:hover a.nick{border-bottom:2px solid #11E600;} div.avatar.busy .nick,div.avatar.busy a.nick:hover,div.avatar.busy:hover a.nick,div.avatar.brb .nick,div.avatar.brb a.nick:hover,div.avatar.brb:hover a.nick,div.avatar.phone .nick,div.avatar.phone a.nick:hover,div.avatar.phone:hover a.nick{border-bottom:2px solid #E6C612;} div.avatar.away .nick,div.avatar.away a.nick:hover,div.avatar.away:hover a.nick,div.avatar.lunch .nick,div.avatar.lunch a.nick:hover,div.avatar.lunch:hover a.nick,div.avatar.invisible .nick,div.avatar.invisible a.nick:hover,div.avatar.invisible:hover a.nick{border-bottom:2px solid #F04834;} div.avatar .age{position:absolute;top:63px;right:3px;background:#666;color:#fff;padding:2px;line-height:1em;-moz-border-radius:5px;-webkit-border-radius:5px;} div.avatar.male .age{background:#00A6FF;top:65px;} div.avatar.female .age{background:#FF6795;top:65px;} div.avatar.drag{cursor:move;} div.avatar.small,div.avatar.small img{width:40px;} div.avatar.small .imageWrap,div.avatar.small img{height:30px;} div.avatar.medium,div.avatar.medium img{width:48px;} div.avatar.medium .imageWrap,div.avatar.medium img{height:36px;} div.avatar.tiny{margin:0 5px 0 0;} div.avatar.tiny,div.avatar.tiny img{width:20px;} div.avatar.tiny .imageWrap,div.avatar.tiny img{height:15px;} div.avatar.tiny .imageWrap,div.avatar.tiny a.imageWrap:hover{border:0;} div.avatar.music,div.avatar.music img{width:56px;} div.avatar.music .imageWrap,div.avatar.music img{height:42px;} div.avatar.messages,div.avatar.messages img{width:30px;padding:0;} div.avatar.messages .imageWrap,div.avatar.messages img{height:23px;} div.avatar .person{background:#F1F1F1 url(../i/common/avatar_nickname_bg.png) repeat-x bottom;color:#333!important;} div.avatar a.person:hover,div.avatar:hover a.person{background:#F1F1F1;border-color:#F1F1F1;} div.avatar .brand{background:#000 url(../images/body_brand.jpg) repeat-x;color:#fff!important;white-space:nowrap;} div.avatar a.nick.brand{border-color:#000!important;} div.avatar a.brand:hover,div.avatar:hover a.brand{background:#000;} div.avatar .group{background:#EF330E;color:#fff!important;} div.avatar:hover .group{background:#f9cfbd;color:#EF330E!important;} div.avatar .nick.group{border-bottom:2px solid #EF330E;height:18px;}div.avatar:hover .nick.group{border-bottom:2px solid #f9cfbd;}a.clanAvatar{width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 8px 0;background:#EF330E;color:#fff!important;font-size:11px;text-align:center;text-decoration:none;}.clanAvatar img{width:80px;height:60px;}.clanAvatar:hover{background:#f9cfbd;color:#EF330E!important;} //clear .clearBoth{clear:both;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} //profile .profileList li{width:80px;float:left;text-align:center;margin:0 11px 11px 0;font-size:11px;} .profileListStatistics li.new{background:#cde;} .profileListStatistics li.arrow{width:55px;height:83px;background:#fff url(../i/super/super_stats_ellips.gif) no-repeat;} .profileListStatistics body.visits .profileListStatistics li{position:relative;} .profileListStatistics .ignore{background:url(../i/common/icons/close_box.png) no-repeat;width:23px;height:22px;position:absolute;top:-10px;left:-12px;overflow:hidden;text-indent:-999px;z-index:2;display:none;} .profileListStatistics .ignore{display:block;} .profileList .avatar{margin:0 10px 11px 0;}