/* @group sfrq */ /* These are standard sIFR styles... do not modify */ /* @end */ #date-yyyy { margin-right: 30px; } form #form-name { margin-right: 15px; } form .location { width: 350px; } form .location-map { height: 350px; width: 350px; } form .location-loading-text { float: left; height: 350px; line-height: 350px; position: absolute; text-align: center; width: 350px; } form .location .input-desc { text-align: center; } . -picture-left { float: left; text-align: center; width: 250px; } .profile-picture-right { float: right; width: 410px; } .profile-picture { width:230px; padding-bottom: 10px; } .picture-dropdown { margin-top: -38px; } #gallery-selected { width: auto; } .form-box h3 { border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; font-weight: bold; line-height: 23px; margin-bottom: 10px; padding-bottom: 3px; text-align: left; text-indent: 7px; } .upload-box .create-album { float: right; width: 365px; } .upload-box .select-album { float: left; width: 365px; } #fsUploadProgress1 { margin-top: 10px; } #form-cancel-account .buttons, #form-cancel .buttons { margin-top: 10px; } #lightbox .form-box { margin-bottom: 0px; } #lightbox form fieldset { margin-bottom: 0px; } #member-send-message textarea { width: 407px; } #lightbox .buttons { margin-top: 10px; } .form-notice { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; padding: 10px 0px; text-align: center; } .form-error { background-color: #FBE3E4; border: 1px solid #FBC2C4; color: #333333; font-weight: bold; padding: 10px 0px; text-align: center; clear:both; } .form-error p { padding:0px 0px 30px 0px; } .form-error a { color:#333333!important; } h2 img { margin:0px 6px -1px -3px; } /* */ /* @end */ form#form-signup span.payment_value { line-height: 12px; margin-right: 15px; } form#form-signup input.payment_radio { margin: 0 4px 0 4px; } /* @group Sign In Styles */ #sb-signin { padding: 5px; } #sb-signin form input { margin-right: 0px; width: 140px; } #sb-signin form input[type=checkbox] { width:auto; } /* @end */ /* Autocompleter */ li#autocomplete-list ul.holder { color: #000000; margin: 0; width: 500px; overflow: hidden; height: auto !important; height: 1%; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 4px 5px 0; } html { height: 100%; } body { height: 100%; } li#autocomplete-list *:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */ li#autocomplete-list ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; } li#autocomplete-list ul.holder li.bit-box, li#autocomplete-list ul.holder li.bit-input input { font-size: 11px; } li#autocomplete-list ul.holder li.bit-box { border: 1px solid #CAD8F3; background: #EEEEEE; padding: 1px 5px 2px; color: #000000; } li#autocomplete-list ul.holder li.bit-box-focus { border-color: #598BEC; background: #DDDDDD; color: #fff; } li#autocomplete-list ul.holder li.bit-input input { width: 50px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */ li#autocomplete-list ul.holder li.bit-input input.smallinput { width: 20px; color: #000000; } li#autocomplete-list form ol { font-size: 11px; margin: 0; padding: 0; } li#autocomplete-list form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; } li#autocomplete-list form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font-size: 11px; border: 1px solid #999; } li#autocomplete-list form ul.holder { width: 500px; } li#autocomplete-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; } li#autocomplete-list ul.holder li.bit-hover { background: #DDDDDD; border: 1px solid #CCCCCC; color: #000000; } li#autocomplete-list ul.holder li.bit-box-focus { border-color: #CCCCCC; background: #BBBBBB; color: #000000; } li#autocomplete-list ul.holder li.bit-box a.closebutton { position: absolute; display: block; height: 12px; right: 0px; top: 1px; width: 14px; font-size: 1px; background: url('http://static.socialgo.com/icons/bullet_toggle_minus.png'); _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.socialgo.com/icons/bullet_toggle_minus.png'); } li#autocomplete-list #userlist-box { display: none; position: absolute; width: 512px; background: #EEEEEE; } li#autocomplete-list #userlist-box .default { padding: 5px 7px; font-size: 11px; border: 1px solid #ccc; border-width: 0 1px 1px; } li#autocomplete-list #userlist-box ul { display: none; margin: 0; padding: 0; } li#autocomplete-list #userlist-box ul li { padding: 5px 12px; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font-size: 11px; } li#autocomplete-list #userlist-box ul li em { font-weight: bold; font-style: normal; background: #ccc; } li#autocomplete-list #userlist-box ul li.auto-focus { background: #CCCCCC; color: #000000; } li#autocomplete-list #userlist-box ul li.auto-focus em { background: #AAAAAA; } div#box-guest li#autocomplete-list { float: left; width: 150px; } div#box-guest div.available_friends ul#user_list { overflow-y: auto; height: 200px; margin-right: 10px; } div#box-guest div.available_friends { width: 250px; } div#box-guest div.available_friends, div#box-guest div.email_friends, div#box-guest div.invite_friends { font-size: 11px; margin-top: 10px; float: left; } div#box-guest div.invite_friends { width: 220px; } div#box-guest div.attending { font-size: 11px; margin-left: 10px; } div#box-guest li#autocomplete-list #userlist-box { width: 212px; } div#box-guest li#autocomplete-list ul.holder { width: 200px; } div#box-guest li#autocomplete-list ul.holder li.bit-box { width: 180px; } div#box-guest #user_list li.user-new a { position: relative; height: 12px; left: 0px; top: 1px; width: 14px; font-size: 11px; padding-left: 15px; background: url('http://static.socialgo.com/icons/bullet_add.png'); background-repeat: no-repeat; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.socialgo.com/icons/bullet_add.png'); } /* Date Picker */ input.date_picker{ display: block; width: 150px; padding: 2px 2px 1px 24px !important; font-size: 12px; background: #fff url(http://icons.dev-world.com/custom/dateinput.gif) no-repeat top left; cursor: pointer; } input:focus.date_picker{ background: #EFEFEF url(http://icons.dev-world.com/custom/dateinput.gif) no-repeat top left; } div.dp_container{ position: relative; padding: 0; z-index: 500; } div.dp_container .dp_cal{ background-color: #fff; border: 1px solid #CCCCCC; position: absolute; width: 177px; top: 24px; left: 0; margin: 0px 0px 3px 0px; } div.dp_container .dp_cal table{ width: 100%; border-collapse: collapse; border-spacing: 0; } div.dp_container .dp_cal select{ margin: 2px 3px; font-size: 11px; } div.dp_container .dp_cal select option{ padding: 1px 3px; } div.dp_container .dp_cal th, div.dp_container .dp_cal td{ width: 14.2857%; text-align: center; font-size: 11px; padding: 2px 0; } div.dp_container .dp_cal th{ border: solid #aad4f2; border-width: 1px 0; color: #797774; background: #daf2e6; font-weight: bold; } div.dp_container .dp_cal td{ cursor: pointer; } div.dp_container .dp_cal thead th{ background: #d9eefc; } div.dp_container .dp_cal td.dp_roll{ color: #000; background: #DDDDDD; } /* must have this for the IE6 select box hiding */ div.dp_container .dp_hide{ visibility: hidden; } div.dp_container .dp_empty{ background: #eee; } div.dp_container .dp_today{ background: #daf2e6; } div.dp_container .dp_selected{ color: #fff; background: #328dcf; } /* @end */ /* @file main.css */ /*------------------------------------------------------------------ [Main Stylesheet] Project: SocialGO Revision: <%build%> Version: 1.0 Last Change: <%svn-last-changed-date%> [<%svn-last-changed-revision%> - <%svn-last-changed-author%>] -------------------------------------------------------------------*/ /* @group Base Styles */ body, td, th, textarea, h1, h2, h3, h4, h5, h6 { font: 83%/1.4em "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif; } a:hover { text-decoration: underline; } h1 { font-size: 180%; font-weight: normal; } h2 { font-size: 155%; font-weight: normal; } h3 { font-size: 135%; font-weight: normal; } h4 { font-size: 100%; font-weight: bold; } strong { font-weight: bold; } em { font-weight: italic; } input { background-color: #FFFFFF; border: 1px solid #CCCCCC; _border: none; font-size: 1.1em; margin: 0px 10px 8px 0px; } /* @end */ /* @group Header Styles */ div#wrapper-header-outer.has-body-header-image { border-top: none; padding-bottom: 0px; } div#wrapper-header-inner.has-full-header-image, div#wrapper-header-inner.has-body-header-image { background-color: transparent; } div#wrapper-header.has-body-header-image { padding: 4px 0px 5px 0px; } div#header { } div#header h1 { padding: 10px 25px; } div#header h1 a { font-size: 35px; line-height: 113px; } div#header h1 img { margin-bottom: -5px; } div#search-bar-background.has-full-header-image, div#search-bar-background.has-body-header-image { border-width: 0px; visibility: hidden; } /* @end */ /* @group Main Navigation Styles */ ul#main-navigation { margin: 0px 5px 0px 10px; width: 775px; } ul#main-navigation li a:hover { text-decoration: none; } ul#main-navigation li.nav-selected { border-style: solid; border-width: 0px; border-bottom: none; height: 70px; margin: 0px 0px 0px 0px; } ul#main-navigation li.nav-selected a { font-size: 12px; padding: 0px; } /* @end */ /* @group Main Content Styles */ /* @end */ /* @group Sub Navigation Styles */ /* @end */ /* @group MICRO Navigation Styles */ ul.micro-navigation { margin-bottom: 3px; font-size: 12px; } ul.micro-navigation li { display: block; float: left; margin: 2px 3px 0px 3px; padding: 1px 3px; } ul.micro-navigation li.nav-selected { margin: 2px 3px 0px 1px; } ul.micro-navigation li.nav-selected a { font-size: 13px; padding: 11px; } ul.micro-navigation li.right { float: right; } /* @end */ /* @group Sidebar Styles */ /* @end */ /* @group Sidebar Search Styles */ /* @end */ /* @group Sidebar User Account Styles */ div#sb-user-account div.user-photo { float: left; height: 54px; margin-right: 5px; position: relative; width: 54px; } div#sb-user-account div.user-photo a:hover { cursor: pointer; text-decoration: none; } div#sb-user-account span#user-photo-change { background-color: #000000; color: #FFFFFF; float: left; font-size: 10px; font-weight: bold; height: 54px; position: absolute; text-align: center; text-transform: uppercase; top: 0px; width: 54px; /* CSS Opacity for all browsers */ filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.7; } div#sb-user-account span#user-photo-change img { float: left; height: 16px; margin: 13px 0px 0px 20px; width: 16px; } /* @end */ /* @group Sidebar Big Link Style */ div.sb-big-link { margin-bottom: 20px; padding: 0px 5px; } div.sb-big-link a { cursor: pointer; } div.sb-big-link a:hover { text-decoration: none; } div#sb-invite-contacts.sb-big-link div.big-link-block div.arrow { margin-top: 1px; } /* @end */ /* @group Manage Account Dropdown */ ul#manage-dropdown li a:hover { text-decoration: none; } ul#manage-dropdown li div.manage-icon { display: block; float: left; margin: 1px 8px 0px 0px; width: 16px; } ul#manage-dropdown li div.manage-text { float: left; font-size:9px; margin-top: 1px; } /* @end */ /* @group Sidebar Box Styles */ div.sidebar-box { margin: 0px 4px 20px 4px; } /* @end */ /* @group Sidebar Current Status Styles */ div#sb-current-status-wrapper { width: 177px; } div#sb-current-status-input input { width: 125px; } /* @end */ /* @group Sidebar Inbox Styles */ ul#sb-moderate-list li.no-moderate-items { text-align: center; background-color: ; color: black;} ul#sb-inbox-list li a:hover, ul#sb-moderate-list li a:hover { text-decoration: none; } ul#sb-inbox-list li a div.inbox-icon, ul#sb-moderate-list li a div.inbox-icon { display: block; float: left; margin: 1px 6px 0px 0px; } ul#sb-inbox-list li a div.inbox-text, ul#sb-moderate-list li a div.inbox-text { font-size: 11px; font-weight: normal; line-height: 20px; } ul#sb-inbox-list li a div.inbox-unread, ul#sb-moderate-list li a div.inbox-unread { display: block; float: right; font-size: 11px; font-weight: bold; height: 20px; line-height: 19px; margin: -20px -5px 0px 0px; padding: 0px 4px; text-align: center; width: 24px; } ul#sb-inbox-list li.unread, ul#sb-moderate-list li.unread { background-color: transparent; width: 126px; } ul#sb-inbox-list li.unread:hover, ul#sb-moderate-list li.unread:hover { background-color: rgb(245, 239, 205); } ul#sb-inbox-list li.unread a, ul#sb-moderate-list li.unread a { color: #333333; } /* @end */ /* @group Sidebar Add New Styles */ ul#sb-add-list { border-bottom-style: solid; border-bottom-width: 1px; } ul#sb-add-list li { border-bottom-style: solid; border-bottom-width: 1px; border-right-style: solid; border-right-width: 1px; display: block; float: left; height: 54px; margin-right: 3px; margin-bottom: 5px; width: 52px; } ul#sb-add-list li a { display: block; height: 54px; width: 52px; background: transparent; } ul#sb-add-list li a:hover { cursor: pointer; text-decoration: none; } ul#sb-add-list li div.add-icon { margin: 3px 10px 0px 10px; } ul#sb-add-list li div.add-text { font-size: 11px; margin-top: -4px; padding-bottom: 2px; text-align: center; width: 52px; } /* @end */ /* @group Sidebar Friends Online Styles */ ul#sb-friends-list li.no-friends { text-align: center; } ul#sb-friends-list li a:hover { text-decoration: none; } ul#sb-friends-list li div.friends-icon { display: block; float: left; margin: 1px 6px 0px 0px; } div#sidebar a.start-chat { display: block; float: right; margin-top: 2px; position: absolute; right: 4px; } div#sidebar a.start-chat:hover { cursor: pointer; } div#sidebar a.start-chat span.front { display: block; float: left; height: 18px; width: 5px; } div#sidebar a.start-chat span.middle { display: block; float: left; height: 18px; width: 16px; } div#sidebar a.start-chat span.end { display: block; float: left; height: 18px; width: 5px; } /* @end */ /* @group Sidebar Upcoming Events Styles */ ul#sb-upcoming-list li { border-bottom-style: solid; border-bottom-width: 1px; min-height: 22px; padding: 6px; background-color: transparent; } ul#sb-upcoming-list li a:hover { cursor: pointer; text-decoration: none; } ul#sb-upcoming-list li div.event-today { display: block; float: right; margin: 3px -2px 0px 0px; } ul#sb-upcoming-list li div.event-title { height: 20px; overflow: hidden; width: 163px; } ul#sb-upcoming-list li div.event-title.today { width: 100px; } ul#sb-upcoming-list li div.event-text { font-size: 11px; margin-top: -5px; } ul#sb-upcoming-list li div.no-events { text-align: center; } /* @end */ /* @group Temp : Report A Bug Styles */ div#sb-report-bug div.sidebar-box-content { padding: 10px; } /* @end */ /* @group Footer Styles */ div#footer.show-content-background { width: 975px; } div#footer-powered-by { height:80px; } ul#footer-links li { float: left; font-size: 11px; line-height: 30px; margin: 13px 7px 10px 7px; } /* @end */ .left, .grid-left { float: left; } .right, .grid-right { float: right; } /* @group Lightbox Styles */ div.lightbox-overlay { display: none; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } div.lightbox-wrapper { display: none; left: 0px; position: absolute; text-align: center; top: 0px; width: 100%; } div.lightbox { background-color: #FFFFFF; border: 2px solid #DDDDDD; color: #000000; display: none; margin: 0px auto; padding: 5px; position: absolute; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.lightbox div.lightbox-close-button a { background-image: url('http://static.socialgo.com/icons/lightbox-close.png'); _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.socialgo.com/icons/lightbox-close.png') background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 25px; left: -13px; position: absolute; top: -11px; width: 25px; } div.lightbox-content { display: block; height: 100%; width: 100%; } div.lightbox-content-box { margin-bottom: 0px; } /* @end */ /* @group Notices */ .info-notice, .alert-notice, .error-notice { background-color: #DFF4FF; border: 1px solid #72A0B6; color: #333333; font-size: 11px; margin-bottom: 10px; padding: 10px; text-align: left; } .alert-notice { background-color: #FFFFE0; border: 1px solid #E6DB55; } .error-notice { background-color: #FFEBE8; border: 1px solid #CC0000; } .info-notice h5, .alert-notice h5, .error-notice h5 { font-size: 13px; font-weight: bold; } form .error-notice { display: none; } /* @end */ /* @group Form Errors */ .input-error { background-color: #FFEBE8 !important; border: 1px solid #CC0000 !important; } /* @end */ /* @group Self Clearing Floats */ .clearfix:after { content: "."; clear: both; display: block; height: 0px; visibility: hidden; } .clearfix { display: inline-block } /* @end */ /* @end */ /* @file structure.css */ .entry-body ul { list-style-type: disc; margin: 0px 0px 10px 10px; } .entry-body ol { list-style-type: decimal; margin: 0px 0px 10px 10px; } table, td, tr { vertical-align:top; color: #fff; font-weight: bold; } /* @end */ /* @group Main Content Styles */ #main-content h2.form-title { margin: 0px 10px 10px 10px; padding: 5px; } #main-content h2.form-title a.edit { font-size: 12px; line-height: 8px; margin-left: 10px; } /* @end */ /* @group Content Box Styles */ .custom ol { list-style-type: decimal; margin-left: 30px; } .custom ul { list-style-type: disc; margin-left: 30px; } .code-box { border:solid #ccc 1px; background-color:#fafafa; margin: 3px; padding: 5px; } .code-box h4{ text-align:left; } /* All the no-heading content boxes */ #welcome-list { padding: 7px; } #welcome-list { margin-bottom: 5px; } #groups-home-list, #events-home-list { padding: 0px; } #what-now h3 { border-bottom-style: solid; border-bottom-width: 1px; font-weight: normal; line-height: 24px; margin: 5px; padding-bottom: 5px; } #what-now a { color: #333333; } #what-now h3 img { float: left; margin-right: 5px; } /* All the no-heading content boxes */ #profile-location .content-box-content { padding: 7px; } .content-box h4 { font-size: 14px; font-weight: bold; margin-bottom: 10px; text-align: center; } /* @end */ /* @group Event/Group/Member Profile Detail Styles */ .profile-details-box { border-top-style: solid; border-top-width: 1px; margin-bottom: 10px; padding-top: 10px; } .profile-details-box a {} .quick-info { border: none; margin-left: 5px; } .quick-info h3 { font-size: 18px; line-height: 18px; margin-bottom: 5px; } .details-info { margin-bottom: 0px; } .custom-questions { font-size: 11px; margin: 10px 0px 0px 5px; } .profile-info-question { font-weight: bold; margin-bottom: 2px; } .profile-info-answer { font-size: 12px; margin-bottom: 10px; margin-left: 10px; } .videos-album-list { text-align:center; } .videos-album-list li.video_item { height: 135px; width: 350px; margin-right: 10px; margin-left: 5px; float: left; position: relative; } li.video_item div.video_thumb { background-image: url(http://static.socialgo.com/icons/custom/no-video.png); float: left; } li.video_item div.video_thumb, li.video_item div.video_thumb img { width: 130px; height: 97px; } li.video_item .moderate-block { background-color: #EEEEEE; position:absolute; height: 93px; padding: 2px; float: left; top: 1px; left: 1px; width: 15px; opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); } li.video_item .moderate-block img { width: 16px; height: 16px; } li.video_item div.video_infos { margin-left: 5px; width: 210px; height: 100px; float: left; font-size: 11px; text-align: left; overflow: hidden; } li.video_item div.video_infos div.video_title, li.video_item div.video_infos div.video_by, li.video_item div.video_infos div.video_stats { overflow: hidden; width: 210px; float: left; } li.video_item div.video_infos div.video_title { font-weight: bold; font-size: 12px; height: 18px; } li.video_item div.video_infos div.video_by { height: 48px; } li.video_item div.video_infos div.video_stats { height: 15px; } li.video_item div.video_thumb div.video_duration { background-color: #000000; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; padding: 0 2px 1px; height: 12px; position: absolute; right: 221px; top: 83px; _top: 80px; font-size: 10px; color: #FFFFFF; } li.video_item:hover div.video_thumb:hover div.play_button { background: url(http://static.socialgo.com/icons/mini_play.png); background-repeat: no-repeat; position: absolute; opacity: 0.8; left: 54px; top: 38px; width: 24px; height: 24px; } li.video_item div.video_infos div.select_video { float: right; text-align: right; width: 100px; height: 16px; } li.video_item div.video_infos div.video_by a { font-weight: bold; } li.video_item.small div.video_thumb { background-image: none; } li.video_item.small div.video_thumb, li.video_item.small div.video_thumb img { position: relative; height: 60px; width: 80px; float: left; } li.video_item.small div.video_infos { width: 135px; height: 72px; overflow: hidden; } li.video_item.small div.video_infos div.video_by { height: 15px; } li.video_item.small div.video_duration { right: 1px !important; top: 46px !important; _top: 43px !important; } li.video_item.small div.video_infos div.video_title { font-size: 11px; height: 15px; } div.video_tools { width: 225px; } /* @end */ /* default welcome styles */ #welcome-default td { vertical-align: middle; } #welcome-default h1 { padding:0px 0px 5px 0px; font-weight: normal; font-size: 22px; line-height: normal; } #welcome-default .feature-title { font-size:16px; } #welcome-default .feature-desc { font-weight:13px; } #welcome-default img { padding:0px 5px 5px 0px; } #welcome-list { font-size: 16px; } #welcome-left p { font-size: 16px; } #welcome-right table { border: 0px; } /* end default welcome styles */ /* @group Search Listing Styles */ .search-listing { padding: 10px 15px; } .search-listing li { border-bottom-style: solid; border-bottom-width: 2px; margin-bottom: 10px; padding-bottom: 10px; text-align: left; } .search-listing .listing-photo { float: left; margin-right: 10px; height:75px; } .search-listing .listing-photo img { max-width: 75px; } .search-listing h3 { float: left; font-size: 18px; line-height: 25px; width: 375px; } .search-listing .member-online { color: green; float: left; line-height: 25px; margin: 0px 10px 0px 0px; width: 75px; } .search-listing .listing-questions { float: left; width: 450px; } .search-listing .listing-questions li { border: none; float: left; font-size: 11px; line-height: 20px; margin: 0px 0px; padding: 0px; width: 300px; } .search-listing .listing-questions li strong { font-weight: bold; } .search-listing .listing-questions li .closed { float: left; margin-right: 5px; } .search-listing .interact-links { float: right; margin: 0px; padding: 0px 10px; width: 125px; } .search-listing .interact-links li { border-bottom: none; border-top-style: solid; border-top-width: 1px; font-size: 11px; margin: 0px; padding: 2px 5px; } .search-listing .interact-links li.interact-view-profile { border-top: none; } .search-listing .interact-links li:hover { cursor: pointer; } .search-listing .interact-links li a:hover { text-decoration: none; } /* @end */ /* @group Basic Profile List Styles */ .photos-list, .members-list { margin: 0px auto; text-align: center; width: 418px; } .photos-list { width: 425px; } .photos-list li, .members-list li { float: left; margin: 0px 4px 10px 4px; text-align: center; width: 59px; } .members-list img { width:57px; height:57px; } .photos-list li { height: 70px; width: 70px; padding: 2px; } .members-list li span { display: block; margin-top: 3px; } .members-list li span a { font-weight: bold; } /* @end */ /* @group Wall Post Styles */ .wall-posts li { border-bottom-style: solid; border-bottom-width: 1px; margin: 10px 0px; padding-bottom: 8px; } .wall-post .user-photo { float: left; margin: 0px 5px 0px 0px; } .wall-post .user-photo img.photo { width: 30px; height: 30px; } .wall-post .who-when { font-size: 11px; line-height: 15px; font-weight: bold; } .wall-post .content { line-height: 18px; width: 90%; float: left; } .wall-post .content p { font-size: 11px; margin: 0px; } .wall-post .wall-post-actions { float: right; font-size: 11px; height: 20px; } /* @end */ /* @group Photo View Styles */ .photo-info { float: left; margin-top: 4px; width: 440px; } .photo-info h3 { font-size: 16px; line-height: 26px; margin-bottom: 5px; } .photo-info h3 strong { font-weight: bold; } .photo-info-links { font-size: 12px; } #photo-single .photos-list { float: right; width: 300px; } .description { padding:10px; text-align:center; } /* @end */ /* @group Blog Styles */ .blog-list li { margin: 20px 0px; } .blog-list li h3 { line-height: 1.5em; } .blog-post h3 { border-bottom-style: dashed; border-bottom-width: 1px; font-size: 19px; font-weight: normal; line-height: 19px; margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; } .blog-post h3 .icon { margin: 3px 5px 0px 0px; } .blog-post h3 a.edit { font-size: 12px; margin-left: 10px; } .blog-post .post-time { float: right; font-size: 10px; margin-top: -2px; } .blog-post .post-time strong { font-weight: bold; } .blog-post .post-comments { float: left; font-size: 11px; padding: 0px 0px 2px 0px; } .blog-post .post-comments strong { font-size: bold; } .blog-post .post-tags { float: right; font-size: 11px; padding: 0px 0px 2px 18px; } .blog-entry div { margin-left: 95px; } #profile .blog-entry div { margin-left: 9px; } #news .blog-entry div { margin-left: 0px; line-height: 22px; } .blog-entry h3 a { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 5px; padding-bottom: 0px; margin-left: 40px; color: black; border-bottom: 2px dotted black; background } #profile .blog-entry h3 a { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 5px; padding-bottom: 0px; margin-left: 10px; color: black; border-bottom: 2px dotted black; } .blog-entry .entry-stats { font-size: 11px; line-height:16px; } /* @end */ /* @group Profile Group List */ .profile-group-list li.group-list-item { border-bottom-style: solid; border-bottom-width: 1px; margin-top: 13px; padding-bottom: 10px; } .group-list-info { float: right; } .group-list-info .title { font-size: 13px; font-weight: bold; line-height: 15px; margin-top: 3px; width:225px; } .group-list-members { float: right; font-size: 9px; height: 20px; text-transform: uppercase; text-align:right; } .group-list-members strong { float: left; font-size: 20px; font-weight: normal; line-height: 20px; } .group-list-members span { line-height: 23px; margin-left: 2px; } /* @end */ /* @group Inbox List Styles */ #theform-inbox { width: 770px; } #message-items { display: block; width: 770px; } #message-items th { font-size: 11px; font-weight: bold; padding: 6px 0px; vertical-align: top; } #umc-notices .unread, #message-items tr.unread, #theform-inbox .unread { background-color: #FFF9D7!important; color:#000; padding:5px; } .umc-request-item { padding: 10px 0px; font-size:12px; } .unread a { color: #333333 !important; } #message-items .check { display: block; text-align: center; width: 30px; } #message-items td { padding: 7px 0px; vertical-align: top; } #message-items td a { display: block; text-decoration: none; width: 100%; } #message-items td a span { display: block; font-size: 11px; } #message-items td.check { padding-top: 14px; } #message-items .check img { cursor: pointer; } #message-items td.image { padding-top: 10px } #message-items .image { width: 30px; } #message-items .image { padding-left: 15px; padding-right: 5px; text-align: center; } #message-items .image img { height: 20px; width: 20px; } #message-items .sender { width: 130px; } #message-items td.sender { font-size: 12px; line-height: 25px; padding: 8px 0px 0px 3px; } #message-items td.sender span { display: inline; font-weight: bold; } #message-items td.sender em { display: block; font-style: normal; overflow: hidden; width: 110px; } #message-items .subject { width: 385px; } #message-items td.subject { display: block; font-size: 14px; font-weight: bold; margin-top: -8px; padding-right: 10px; overflow: hidden; white-space: nowrap; } /* Really Ugly CSS Hack for Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #message-items td.subject { margin-top: 0px; } } /* End Ugly CSS Hack for Safari */ #message-items td.noreply { display: block; line-height: 22px; } #message-items .subject a em { font-size: 11px; font-weight: normal; } #message-items td.subject a span { font-size: 10px; font-weight: normal; } #message-items td.date { font-size: 11px; line-height: 28px; margin-right: 25px; padding-top: 10px; } #message-items .date { width: 175px; } #message-items td.delete { padding-top: 15px; text-align: center; width: 30px; } #message-items .delete { width: 30px; } #message-table-bottom { margin-bottom: 10px; padding: 8px 25px 8px 0px; text-align: right; } #message-actions { float: right; width: auto; } #message-actions li { display: inline; float: left; } #message-actions li a { display: block; margin-top: 5px; } #message-actions li select { margin-bottom: 0px; } #message-actions li span { float: left; margin: 5px 8px 0px 0px; } /* @end */ /* #request-items { border-top: none; margin-bottom: 10px; width: 100%; } #request-items th { background-color: #F5F5F5; font-size: 12px; font-weight: bold; padding: 0px; vertical-align: top; } #request-items th.sender { padding-left: 5px; } #request-items td { padding: 5px 0px; vertical-align: top; } #request-items td.sender { padding-top: 7px; text-align: center; width: 90px; } #request-items td.details { padding-left: 10px; padding-top: 15px; } #request-items td.details h4 { font-size: 14px; margin: 0px 0px 5px 0px; } #request-items td.details p { color: #555555; font-size: 11px; margin: 0px; } #request-items td.action { float: right; padding-top: 20px; } #request-items td .buttons { width: 200px; } .message input { float: left; margin: 10px 5px 0px 0px; } .message .user-from, .message .user-to { float: left; font-size: 13px; overflow: hidden; width: 200px; } .message .user-from .user img, .message .user-to .user img { margin: 4px; max-height: 22px; vertical-align: middle; width: 20px; } .message .title { float: left; font-size: 15px; height: 25px; overflow: hidden; width: 405px; } .message h2 { float: left; line-height: 30px; } .message h2 a:link, .message h2 a:visited, .message h2 a:hover, .message h2 a:active { font-weight: bold; } .message .message-preview { font-size: 12px; height: 30px; line-height: 33px; overflow: hidden; text-indent: 5px; } .message .created { float: right; font-size: 10px; margin-top: 5px; text-align: right; width: 75px; } .message .created strong { font-weight: bold; } /* @end */ /* @group Lightbox Form Styles */ .lightbox-content-box { background-color: yellow; } /* @end */ /* @group Uploaded Entities List */ .upload-entity-list li .upload-preview { float: left; margin-right: 10px; } .upload-entity-list li .edit-upload-info { float: left; width: 360px; } .upload-entity-list li .upload-permissions { float: right; } #blog-create-upload { margin: 10px 0px; } .inline-upload h2 { margin-top: 0px; } /* @end */ /* @group Activity List Styles */ .activity-list li { border-bottom-style: solid; border-bottom-width: 0px; margin: 0px 0px 8px 0px; padding-bottom: 3px; } .activity-list .activity-delete { display:none; width:15px; height:16px; float:right; text-align: right; } /*.activity-list li:hover .activity-when { display:none; }*/ .activity-list li .activity-delete { display:none; } .activity-list li:hover .activity-delete { display:block; } .activity-list .activity-picture .photo { width:30px; height:30px; } .activity-text { font-size: 11px; padding: 5px!important; } .activity-text a { font-weight:bold; } .activity-icon { float: left; margin-right: 8px; } .activity-when, .activity-delete { float: right; text-align:right; width:80px; } .activity-text blockquote { margin: 5px 0px 0px 5px; width: 385px; clear:both; float:left; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } .activity-when, .activity-delete { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } .activity-picture { float:right; } .activity-pictures { padding-left:10px; } .activity-pictures img { padding:5px; border:0px; width:50px; height:50px; } .activity-list .video-photo { padding:4px; max-width: 130px; _width: 130px; overflow-x: hidden; display:block; } .activity-list .video-desc { margin-left: 10px; } .activity-list h3 { font-weight:bold; font-size:11px; } .activity-list span { } /* @end */ /* @group Pagination Styles */ .pagination { margin-bottom: 5px; height: 20px; } #my_profile.twelve .content-box-content { background: #393939; border: 0px dotted #898989; color: white; } #photos .twelve .content-box-content { background: #393939; border: 0px dotted #898989; color: white; } #home .twelve .content-box-content { background: url(http://www.networklogic.net/paper_odd_03.png); border: 0px dotted #898989; } #home .twelve .four .content-box-content { background: #efe8ce url(http://www.networklogic.net/blogpaper_mid2.png) -40px top; border: 0px dotted #898989; } #news .content-box-content { background: url(http://www.networklogic.net/images/paper_odd_03.png); border: 1px dotted #898989; color: black; padding-bottom: 10px; padding-top: 10px; } .twelve .content-box-content a { color: #91bd72; } .pagination-desc { float: left; color: #dfdfdf; padding: 5px; padding-bottom: 0px; margin-top: 1px; } #profile .pagination-desc { color: white; margin-left: 20px; margin-top: -10px; } .pagination-desc strong, .pagination-links strong { font-weight: bold; } .pagination-links li { display: inline; margin: 0px 2px; } .pagination-links li.nav-selected { background: none; } .pagination-links li a.nav-selected { font-weight: bold; } .pagination-links li a { background: none; font-weight: bold; color: white; } /* @end */ /* @group Previous and Next Styles */ .arrow-left { display: block; height: 75px; float: left; text-align: center; width: 30px; } .arrow-right { display: block; height: 75px; float: right; text-align: center; width: 30px; } .picture-carousel .arrow-left, .picture-carousel .arrow-right { height: 45px; padding-top: 26px; } .picture-carousel .arrow-left { margin-right: 5px; } /* @end */ /* @group Button Styles */ /* BUTTONS */ .buttons button { width:auto; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } button:hover, .buttons a:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; } .buttons a:active{ background-color: #80c9ff; border:1px solid #6299c5; color:#fff; } /* POSITIVE */ button.positive, .buttons a.positive{ color:#529214; } .buttons a.positive:hover, button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; } .buttons a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; } /* NEGATIVE */ .buttons a.negative, button.negative{ color:#d12f19; } .buttons a.negative:hover, button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; } .buttons a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; } /* @end */ /* @group Lightbox Styles */ #overlay { background-color: #000000; height: 500px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 100; } #lightbox { color: #222222; left: 0px; line-height: 18px; position: absolute; text-align: left; width: 100%; z-index: 101; } #lightbox-close-button a { background-image: url('http://static.socialgo.com/icons/lightbox-close.png'); background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 25px; left: -11px; text-indent: -9999px; position: absolute; top: -11px; width: 25px; z-index: 999; } #outer-container { background-color: #FFFFFF; border: 1px solid #000000; margin: 0px auto; padding: 5px; position: relative; width: 600px; } #inner-container { display: block; padding: 2px; } /* @end */ /* @group Other Styles */ .action-inform { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } .action-alert { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } .action-alert a { color:#000!important; } .action-error { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } .admin-note { background-color: #f2feed; border:1px solid #9dcf87; padding:10px; font-size: 12px; color:#222; } .admin-note a { color:black; } .admin-note p { float:left; width:400px; padding:8px 0px 0px 10px; } .admin-note img { float:left; } .ajax-loading { opacity: 0.8; position: absolute; } .loading { background: url(http://static.socialgo.com/icons/custom/ajax-loader.gif); background-repeat: no-repeat; padding-left: 20px; } .left { float: left; } .icon { float: left; margin-right: 5px; } .icon-wrong { left: -4px; position: relative; top: -7px; } .more { float: right; font-size: 11px; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; } .more_rss img { margin:2px 5px -2px 0px; background-image: url(rss.jpg); } .status-online { /* replace with image ? */ color: green; float: right; margin-right: 5px; text-align:right; } .status-kick { /* replace with image ? */ color: #cc0000; float: right; margin-right: 5px; text-align:right; } .photo { border-style: solid; border-width: 3px; background-color: transparent; } .activity-list .photo { border-style: solid; border-width: 0px; padding: 2px 2px 2px 2px; margin:3px 5px; width:60px; height:60px; } .activity-picture { width:30px; height:30px; } .site-help { background-color: rgb(188, 228, 255); border: 1px solid #458AC3; color: #333333; padding: 5px; text-align: left; font-size:11px; margin-left:-9px; } .thumbnail { height: 20px; width: 20px; } /* Self Clearing Float Solution */ .clearfix { display: block } /* @end */ /* .action-alert { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } */ /* -------------------------------------------------------- */ /* Widget Styles */ /* -------------------------------------------------------- */ \ .widget-footer { margin:0px 0px 0px 0px; } .widget-footer a { float:right; width:195px; text-align:right; font-size:11px; padding:4px 4px 0px 0px; } /* -------------------------------------------------------- */ /* Forum Styles */ /* -------------------------------------------------------- */ .forum-list-title { float: right; line-height: 16px; margin-bottom: 2px; width: 205px; font-size:12px; padding-top:1px; } .forum-list-item img { float:left; padding-top:1px; } .forum-list-time { float:right; width:205px; font-size:10px; line-height:15px; } .forum-list-message { float: right; font-size: 10px; overflow: hidden; width: 205px; line-height:15px; } .group-forum-list-item{ padding-bottom:10px; } .group-forum-list-item img { float:left; margin:4px; } .group-forum-list-title { font-size:14px; float:left; width:280px; } .group-forum-list-time { float:right; font-size:10px; width:170px; text-align: right; } .welcome-list-title { float: right; margin-bottom: 1px; width: 182px; font-size:11px; padding-top:3px; height:32px; line-height: 15px; } .welcome-list img { float:left; } li.welcome-list { padding:2px; } .magazine-list img { float:left; margin-right: 10px; } .magazine-list-author { float: left; font-size: 9px; } .magazine-list-clip { float: right; font-size: 11px; width: 185px; } .entity-list img { padding:2px; } .news-list-item { padding:3px 0px 3px 0px; } .news-list-title { float: left; margin-bottom: 2px; width: 205px; font-size:12px; padding-top:1px; } .news-list-item img { float:right; padding-top:5px; } .news-list-time { float: left; font-size: 10px; width: 205px; } /* -------------------------------------------------------- */ /* Photo View Styles */ /* -------------------------------------------------------- */ .photo-info { float: left; margin-top: 4px; width: 440px; } .photo-info h3 { font-size: 16px; line-height: 26px; margin-bottom: 5px; } .photo-info h3 strong { font-weight: bold; } .photo-info-links { font-size: 12px; } #photo-single .photos-list { float: right; width: 300px; } #photo-single .photos-list li { float: left; height: 54px; margin: 0px 0px 0px 5px; width: 54px; } .photo-single-image { /* background-color: red; */ margin-top: 10px; padding: 10px; text-align: center; width: 726px; } .photo-single-description { float: left; width: 515px; } .photo-single-interact { float: right; width: 225px; } .photo-single-bottom { margin-top: 10px; } .photo-single-comments { float: left; width: 515px; } .photos-album-list, .album-list { /* background-color: red; */ /*margin-top: 10px;*/ padding:3px; text-align:center; /*width: 726px;*/ } .photos-album-list li, .album-list li { float: left; width: 134px; height: 162px; margin: 4px; padding: 1px; } .photos-album-list li, .album-list li { /*line-height: 130px;*/ position: relative; } .photos-album-list li { height:170px; font-size:10px; } .photos-album-list .moderate-block { background-color: #EDEDED; height: 16px; opacity: 0.8; padding: 2px; float: left; top: 1px; width: 134px; } .photos-album-list .moderate-block img { width: 16px; height: 16px; } #photo-album .pagination { width: 726px; } /* .forum-list-date { background-color: red; font-size:9px; margin-left: 20px; padding-top:3px; width:75px; }*/ /* -------------------------------------------------------- */ /* Tag cloud */ /* -------------------------------------------------------- */ .tagcloud .tag-icon{ float:left; padding:0px 5px 3px 3px; } .tagcloud div { float:right; width:94%; font-size:12px; } /* -------------------------------------------------------- */ /* Member Profile Edit */ /* -------------------------------------------------------- */ #edit-profile-aboutme { } .edit-profile-photo { margin-bottom: 10px; } #edit-profile-aboutme h4 { font-size: 16px; font-weight: bold; margin-bottom: 5px; text-align: left; } .edit-profile-photo h5 { border-bottom: 2px solid #000000; font-size: 15px; font-weight: bold; margin-bottom: 10px; padding-bottom: 2px; width: 450px; } .edit-profile-photo .grid-left { margin-top: 10px; text-align: center; width: 250px; } .edit-profile-photo span { font-size: 11px; margin-bottom: 10px; } .edit-profile-photo .grid-right { width: 460px; } .edit-photo-upload-picture, .edit-photo-choose-default, .edit-photo-remove-picture { margin-bottom: 10px; padding: 5px; } /* -------------------------------------------------------- */ /* AJAX Prev/Next Arrow Styles */ /* -------------------------------------------------------- */ #profile-albums .arrow-left, #profile-albums .arrow-right { padding-top: 65px; } #profile-friends-list .arrow-left, #profile-friends-list .arrow-right { padding-top: 52px; } .edit-photo-choose-default .arrow-left, .edit-photo-choose-default .arrow-right { margin-top: 30px; } /* -------------------------------------------------------- */ /* Interact Profile @group */ /* -------------------------------------------------------- */ #profile-interact li { float: left; } #profile-interact li a img { border: none; height: 16px; margin: 0px 5px -3px 0px; padding: 0px; width: 16px; } /* -------------------------------------------------------- */ /* Event Styles */ /* -------------------------------------------------------- */ .event-smallinfo { height: 51px; margin-top: 10px; } .event-date { float: left; text-align: center; width: 50px; } .event-smallinfo .month { font-size: 11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; line-height: 18px; text-transform: uppercase; } .event-smallinfo .day { border-style: solid; border-width: 1px; border-top: none; font-family: Verdana, "Times New Roman", Times, serif; font-size: 30px; line-height: 32px; } .event-smallinfo .name { font-size: 15px; font-weight: bold; margin-left: 60px; } .event-smallinfo .tagline { font-size: 11px; line-height: 15px; margin: 2px 0px 0px 60px; } /* -------------------------------------------------------- */ /* Group Styles */ /* -------------------------------------------------------- */ .group-top-list li.group-list-item, .group-new-list li.group-list-item { border-bottom-style: solid; border-bottom-width: 1px; margin: 10px 0px; padding-bottom: 10px; } .group-list-half .group-list-info { float: left; width: 293px; } .group-list-half .profile-pic { float: left; margin-right: 10px; } .group-list-half .title { font-size: 14px; font-weight: bold; margin-top: 3px; } .group-list-half .tagline { font-size: 11px; line-height: 14px; margin-top: 2px; } .group-list-join { float: right; font-size: 9px; height: 50px; padding: 9px 5px 0px 5px; text-align: center; text-transform: uppercase; width: 50px; } .group-list-join strong { font-size: 20px; font-weight: normal; line-height: 25px; letter-spacing: -1px; } /* -------------------------------------------------------- */ /* Action List Styles */ /* -------------------------------------------------------- */ .actions { margin: 10px 0px 0px 30px; } .actions li { font-size: 11px; line-height: 16px; margin: 2px 0px 8px 0px; padding: 0px; } .actions li a img { float: left; } .actions li a span { padding-left: 8px; } .actions li a:hover { text-decoration: none; } .actions li a:hover span { text-decoration: underline; } /* -------------------------------------------------------- */ /* Countdown Clock Styles */ /* -------------------------------------------------------- */ .countdown { text-align: center; } .countdown li { float: left; margin: 0px 10px; } .countdown-days, .countdown-hours, .countdown-minutes, .countdown-seconds { font-family: Futura; font-size: 30px; color: rgb(55, 55, 55); height: 34px; width: 41px; } .countdown-label { font-size: 11px; } .group-list-item img { float: left; margin-right: 3px; } /* -------------------------------------------------------- */ /* Invite List Styles */ /* -------------------------------------------------------- */ .invite-list { margin: 0px auto; text-align: left; width: 580px; } .invite-list li { float: left; margin: 5px; width: 180px; } .invite-list li img { float: left; margin-right: 10px; } .invite-list li .invite { margin: 0px auto; margin-top: 12px; } .center { margin: 0px auto; text-align: center; } .tip { background-color: #000000; color: #FFFFFF; opacity: 0.7; padding: 5px; z-index: 13000; } li.invite_friend { float: left; margin-bottom: 3px; height: 20px; width: 240px; } li.invite_friend div.left img { width: 20px; height: 20px; } li.invite_friend input#invitations { margin: 0 9px 0px 0px; } textarea#external-invite-emails { height: 45px; width: 450px; } /* -------------------------------------------------------- */ /* News List Styles */ /* -------------------------------------------------------- */ .lastupdated { display:none; } .entry-body { padding:0px; margin:0px; } .entry-body td { overflow:visible; overflow-x: inherit; text-overflow: inherit; padding:3px; } .entry-body table, .entry-body td { vertical-align:top !important; } .entry-body br { padding-bottom:10px; } #profile-interact ul li { margin-bottom: 5px; } #welcome-page th { font-size: 20px; padding: 10px 0px 20px 0px; } #welcome-page table th { border-bottom-style: solid; border-bottom-width: 1px; font-size: 18px; padding: 10px 0px 5px 0px; text-align: left; } #welcome-left img { border-style: solid; border-width: 1px; padding: 4px; } #welcome-list tr { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 10px; } #welcome-list tr.button { border: none; padding-bottom: 10px; } /* What to do now */ #what-now { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; } #what-now h3 { border-color: #E2C822; } #what-now-list { margin: 0px auto; width: 480px; } #what-now-list li { display: block; float: left; width: 140px; } #what-now-list li.one { margin-right: 15px; } #what-now-list li.two { margin: 0px 15px; } #what-now-list li.three { margin-left: 15px; } #what-now-list li .title { font-size: 14px; } #what-now-list li .icon { display: block; margin-top: 2px; } #what-now-list li .desc { font-size: 11px; line-height: 14px; } #what-now .close { font-size: 11px; padding: 0px 3px; } #quick-help { border: 1px solid #ccc; color: #333333; margin-bottom: 0px; background: #b3b3b3 url(http://www.networklogic.net/help_box.jpg) repeat-x; padding-top: 20px; } #quick-help p { font-size: 10px; line-height: 13px; color: transparent; } #quick-help h3 { text-indent: -2000px; height: 1px; } #quick-help h3 img { margin-right: 1px; width: 1px; height: 1px; } #quick-help h3 .more-help img { margin: 0px 0px 0px 5px; } #quick-help a { color: #6861ff; } #quick-help .close { padding: 0px; text-indent: 0px; color: transparent; } .calendar caption { background-color:white; } .calendar .prev, .calendar .month, .calendar .year, .calendar .next { padding: 0px 5px; } .calendar div { border:4px solid #666; background-color:white; color:#777!important; } .calendar .valid { color:#222; } .calendar td { cursor:pointer; text-align:center; } .calendar table th { font-weight:bold; background-color: #CCC; } .calendar table td { padding:4px; } button.calendar { width:20px; height:20px; background-image: url('http://static.socialgo.com/icons/calendar_view_month.png'); background-repeat: no-repeat; } #forum-index-list h3 { border-bottom-style: solid; border-bottom-width: 2px; line-height: 34px; margin-top: -5px; margin-bottom: 10px; } #forum-index-list table { width: 746px; border-collapse:collapse; } #forum-index-list table thead th { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 3px; } #forum-index-list table thead th.forum-icon { width: 32px; } #forum-index-list table thead th.forum-name { padding-right: 10px; text-align: left; width: 350px; } #forum-index-list table thead th.forum-posts { padding-right: 10px; text-align: center; } #forum-index-list table thead th.forum-views { padding-right: 10px; text-align: center; } #forum-index-list table thead th.forum-last-post { padding-left: 5px; text-align: left; } #forum-index-list table tbody tr td { border-bottom-style: solid; border-bottom-width: 1px; padding: 10px 0px; } #forum-index-list table tbody tr td.forum-icon { text-align: center; } #forum-index-list table tbody tr td.forum-icon img { margin-top: 10px; } #forum-index-list table tbody tr td.forum-name { font-size: 11px; padding-right: 10px; } #forum-index-list table tbody tr td.forum-name a { font-size: 16px; } #forum-index-list table tbody tr td.forum-name a.no-desc { line-height: 35px; } #forum-index-list table tbody tr td.forum-posts, #forum-index-list table tbody tr td.forum-views { font-size: 12px; line-height: 35px; padding-right: 10px; text-align: center; } #forum-index-list table tbody tr td.forum-last-post { padding-left: 5px; padding-top: 12px; } body.form-box, body.form-box .form-box { background-image: none; border:0px 0px 0px 0px!important; } form#theform-uploader .likeParent { font: inherit; color: inherit; text-decoration: inherit; } form#theform-uploader a.likeParent, form#theform-uploader a.likeParent:link, form#theform-uploader a.likeParent:active, form#theform-uploader a.likeParent:visited, form#theform-uploader a.likeParent:hover { font: inherit; color: #000000; text-decoration: none; } form#theform-uploader legend { font-weight: bold; color: Black; } form#theform-uploader fieldset.flash { width: 375px; margin: 10px 0px 10px 0px; border-color: #D9E4FF; } form#theform-uploader .progressWrapper { width: 357px; overflow: hidden; } form#theform-uploader .progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; } form#theform-uploader .red /* Error */ { border: solid 1px #B50000; background-color: #FFEBEB; } form#theform-uploader .green /* Current */ { border: solid 1px #DDF0DD; background-color: #EBFFEB; } form#theform-uploader .blue /* Complete */ { border: solid 1px #CEE2F2; background-color: #F0F5FF; } form#theform-uploader .progressName { font-size: 8pt; font-weight: bold; color: #555555; width: 320px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } form#theform-uploader .progressBarInProgress, form#theform-uploader .progressBarComplete, form#theform-uploader .progressBarError { font-size: 0px; width: 0%; height: 15px; background-color: #3344FF; margin-top: 2px; } form#theform-uploader .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } form#theform-uploader .progressBarError { width: 100%; background-color: red; visibility: hidden; } form#theform-uploader .progressBarStatus { margin-top: 2px; width: 337px; font-size: 12px; text-align: left; white-space: nowrap; } form#theform-uploader a.progressCancel, form#theform-uploader a.progressCancel:link, form#theform-uploader a.progressCancel:active, form#theform-uploader a.progressCancel:visited, form#theform-uploader a.progressCancel:hover { font-size: 0px; display: block; height: 16px; width: 16px; background-image: url(http://static.socialgo.com/icons/cancel.png); background-repeat: no-repeat; background-position: 0px 0px; float: right; } form#theform-uploader a.progressCancel:hover { background-position: 0px 0px; } div.snm_rating { float: left; margin: 0; padding: 0; width: 80px; height: 20px; position: relative; } #snm_rating_votes { float: left; font-size: 11px; height: 25px; margin-left: 5px; width: 90px; } div.snm_rating .rate { display: block; width: 20px; height: 16px; text-decoration: none; position: absolute; padding: 0; top: 0px; left: 0px; } div.snm_rating .rating_bg { z-index: 1; width: 80px; position: absolute; height: 16px; top: 0; background-repeat: no-repeat; background-image: url(http://static.socialgo.com/icons/custom/stars_default.png); _background-image: url(http://static.socialgo.com/icons/custom/stars_default.gif); } div.snm_rating .current-rating { position: absolute; top: 0px; height: 16px; display: block; z-index: 2; background-repeat: no-repeat; background-image: url(http://static.socialgo.com/icons/custom/stars_over.png); _background-image: url(http://static.socialgo.com/icons/custom/stars_over.gif); } div.snm_rating a:hover { position: absolute; height: 16px; top: 0px; height: 16px; display: block; z-index: 3; background-repeat: no-repeat; background-image: url(http://static.socialgo.com/icons/custom/stars_over.png); _background-image: url(http://static.socialgo.com/icons/custom/stars_over.gif); } .rating_text { margin-left: 3px; line-height: 18px; } div.snm_rating a.rating_0 { width: 0px !important; z-index: 10; } div.snm_rating a.rating_1 { z-index: 8; width: 16px !important; } div.snm_rating a.rating_2 { z-index: 7; width: 32px !important; } div.snm_rating a.rating_3 { z-index: 6; width: 48px !important; } div.snm_rating a.rating_4 { z-index: 5; width: 64px !important; } div.snm_rating a.rating_5 { z-index: 4; width: 80px !important; } div.snm_rating .rate-0 { width: 0px !important; } div.snm_rating .rate-1 { width: 16px !important; } div.snm_rating .rate-2 { width: 32px !important; } div.snm_rating .rate-3 { width: 48px !important; } div.snm_rating .rate-4 { width: 64px !important; } div.snm_rating .rate-5 { width: 80px !important; } div.rating-box div.form-error { width: 220px; } div#forum div.forum-buttons { display: block; margin-bottom: 10px; } div#forum div.code { padding: 5px; } div#forum #list-forums table { padding: 0px; margin: 0px; border: 0px; width: 800px; } div#forum #forum-index-list table th { padding: 5px; } div#forum #list-forums th{ font-size: 110%; font-weight: bolder; } div#forum #list-forums th .about{ text-align: left !important; } div#forum #list-forums th, #list-forums td{ padding: 2px 5px; } div#forum #list-forums td.member { padding-top: 10px; text-align: center; width: 120px; } div#forum td.member a { font-size: 12px; } div#forum td.member ul { padding: 5px 0px; } div#forum td.member ul li a { font-size: 10px; } div#forum td.about{ width: 520px!important; } div#forum td.details{ width: 170px; } div#forum #list-forums td.message { font-size: 13px; padding: 10px; width: 450px!important; } div#forum .icon{ width: 12px; height: 12px; } div#forum .num_topics{ width: 60px; font-size: 105%; font-weight: bolder; text-align: center; } div#forum .num_posts{ width: 60px; font-size: 105%; font-weight: bolder; text-align: center; } div#forum .list-name{ font-weight: bolder; } div#forum .message{ } div#forum .description{ overflow: hidden; text-align: left; } div#forum .small{ font-size: 100%!important; } div#forum .small a { margin: 10px 0px 0px 0px; } div#forum #breadcrumbs{ padding: 3px; border: 0px; clear: both; background: #9d9d9d; } div#forum #breadcrumbs .crumb{ font-size: 120%; } div#forum .pagination ul{ padding: 3px; border: 0px; clear: both; } div#forum textarea{ width:640px; height:200px; } div#forum blockquote{ padding:3px; margin:5px 0px; } div#forum blockquote.note{ background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; } div#forum blockquote.deleted{ background-color: #FDE6E3; border: 1px solid #BA0012; color: #333333; } /* @end */ http://kingez.socialgo.com/theme/11773-1230155279.css body{background-color:#c4c4c4;color:#000000;} a:link,a:visited,a:hover,a:active{color: #f70;} div#wrapper-header-outer{background-color: transparent;border-top-color: white; border-color:white; } div#wrapper-header-outer.has-full-header-image{background: transparent; } div#wrapper-header-outer.has-body-header-image{background-color:transparent;} div#wrapper-header-inner{ background: white url(http://www.networklogic.net/bg.jpg) repeat-x;} div#wrapper-header.has-body-header-image{}div#header{text-align:center;}div#header h1 a{color:#ffffff;font-family:Arial;}div#search-bar-background{background: none;border-color:#333;}ul#main-navigation li{ background: url(http://www.networklogic.net/button.jpg) right top; } ul#main-navigation li a:link,ul#main-navigation li a:visited,ul#main-navigation li a:hover,ul#main-navigation li a:active{color:white; } ul#main-navigation li:hover{ background: url(http://www.networklogic.net/button_selected.jpg) top right repeat-y; } ul#main-navigation li.nav-selected{ background: url(http://www.networklogic.net/button_selected.jpg) top right repeat-y; } ul#sub-navigation li.nav-selected a{color: #4c4c4c;}div#sidebar{background-color: transparent;border: 1px solid #bl ;} div.sb-big-link div.big-link-block{background-color: none;border-color: #838383; color: #363636; background: transparent url(http://www.networklogic.net/acountbut.png); } div.sb-big-link div.big-link-block:hover{background-color:transparent;}ul#manage-dropdown li{background-color:#e8e8e8;border-color:#666;}ul#manage-dropdown li:hover{background-color:#d4d4d4;}.sidebar-box{background-color: transparent;} .sidebar-box h2{background-color:transprent;border-color: #666;color:#dfdfdf;} .sidebar-box .sb-action:link,.sidebar-box .sb-action:visited,.sidebar-box .sb-action:hover,.sidebar-box .sb-action:active{color: orange;} ul#sb-inbox-list li,ul#sb-moderate-list li{border-color:transparent;} ul#sb-inbox-list li:hover,ul#sb-moderate-list li:hover{background: url(http://www.networklogic.net/mailcheck.png) -5px -4px no-repeat; } ul#sb-moderate-list li.no-moderate-items:hover{background-color:transparent;}ul#sb-inbox-list li.unread a,ul#sb-moderate-list li.unread a{color:#333333;}ul#sb-add-list{background: transparent;border-color:#cacaca;}ul#sb-add-list li{background-color:#cacaca;border-color:#b6b6b6;}ul#sb-add-list li:hover{background-color: #6a6a6a;}ul#sb-add-list li:active{background-color:#c0c0c0;}ul#sb-friends-list li{border-color:#cacaca;}ul#sb-friends-list li:hover{background-color:#d4d4d4;}ul#sb-friends-list li.no-friends:hover{background-color:transparent;}ul#sb-upcoming-list li{border-color:#cacaca;}ul#sb-upcoming-list li:hover{background-color:#d4d4d4;}ul#sb-upcoming-list li.no-event:hover{background-color:transparent;} div.content-box h2{ color: black; border-color: rgba(188,188,188,0); border-style: dotted; background: url(http://www.networklogic.net/paper_even.png) 0 -2px; padding-top: 28px; border-width: 0px; } #news div.content-box h2{ color: black; border-color: rgba(188,188,188,0); border-style: dotted; background: none ; padding-top: 29px; border-width: 0px; background-image: url(images/paper_even.png); } #profile-about img { padding: 0px; margin-top: 05px; margin-left: 8px; } #profile-about .photo { width: 195px; margin-top: 10px;} div.content-box-content h4{color:#000000;}#profile-about,#members-home-list,#groups-home-list,#events-home-list,#groups-top-list,#profile-interact,#magazine-list{border-top-color:#666; border-color: #666; border-width: 0px; padding-top: 0px; }#members-home-list,#groups-home-list,#events-home-list,#magazine-list,.blog-entry h3{border-bottom-color:#000000; border-color: #666; }.form-box{background-color:#f2f2f2;border-color:#e8e8e8;}.form-box h2{border-bottom-color:#000000;color:#000000;}form fieldset,.fieldset{background-color: #ffdfaf;border-color: #ffbe9e;}form label{color:#000000;}.input-desc{color:#000000;}.form-sub-box{background-color:#e8e8e8;border-color:#cacaca;}.form-box h3{border-bottom-color:#000000;color:#000000;}.profile-group-list li.group-list-item,.group-list-members,.profile-details-box,.wall-posts li,.search-listing li{border-color:#cacaca; color: #333;} .four .profile-group-list li.group-list-item,.group-list-members,.profile-details-box,.wall-posts li,.search-listing li{border-color: #9b9b9b; color: #b3b3b3; } .activity-when{color:#000000;}.activity-text blockquote{color:#000000;}.activity-text{background-color:#e8e8e8;color:#000000;}.widget-list li{border-color: #666; margin-left:4px; margin-top: 10px; }.magazine-list-author{color: orange;}.forum-list-message{color:#000000;}#message-items{background-color:#f2f2f2;border-color:#e8e8e8;}#message-items th{background-color:#000000;color:#ffffff;}#umc .unread{background-color:#FDF5C4 !important;color:#333333 !important;}#message-items tr{background-color:#f2f2f2;}#message-items tr.even{background-color:#e8e8e8;}#message-items td a{color:#d31100;}#message-items .subject a em{color:#000000;}div#footer{background-color:#f2f2f2;}.photo{background-color:#c4c4c4;border-color: #b3b3b3;}.buttons a{color:#565656;} #welcome-page{ background-color: transparent; border-color:#e8e8e8; clear: both; padding-top: 20px; } #welcome-page table th{border-color:#cacaca;}#welcome-left img{background-color:#f2f2f2;border-color:#000000;}#welcome-list tr{border-color:#cacaca;}#welcome-page tr td{border-color:#cacaca;}#welcome-page tr td.content-box{background-color: #7f7f7f;} http://static.socialgo.com/css/reset.css,grid.css,forms.css,main.css,structure.css /* @file reset.css */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background-color: black; border: 0px; font-family: inherit; font-size: 100%; font-style: normal; font-weight: normal; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; } /* @group whoim */ /* @override http://api.widgetlaboratory.com/css/whoim.css */ #wl_im_message { position:fixed; top:10px; right:10px; width:228px; z-index:1000; font-size: 11px; } #wl_im_message * { } #wl_im_icons { padding-top: 5px; padding-left: 8px; } #wl_instant_messanger { clear:both; margin-top:20px; } #wl_instant_messanger h2 { font-size:12px; font-weight:bold; border-bottom:1px solid #ccc; } #wl_instant_messanger img.avatar { cursor:pointer; } #wl_instant_messanger img.avatar { float:left; margin:0px; } #wl_instant_messanger div.im_avatar_div {position: relative; width:40px; height: 40px;float:left;margin:1px} #wl_instant_messanger div.wl_im_user_status { position: absolute; z-index: 10; bottom: -3px; left: -1px; width: 16px; height:16px; } #wl_instant_messanger div.im_status_offline { background: transparent url(http://apps.widgetlaboratory.com/images/bullet_red.png) no-repeat 0 0; } #wl_instant_messanger div.im_status_online { background: transparent url(http://apps.widgetlaboratory.com/images/bullet_green.png) no-repeat 0 0; } #wl_im_message div.wl_im_body, #wl_im_settings div.wl_im_body { width:228px; padding:0; margin:0 auto; position: relative; } #wl_im_message div.wl_im_msg_body, #wl_im_settings div.wl_im_msg_body { background: transparent url(http://apps.widgetlaboratory.com/images/im_msg_mid.png) repeat-y 0 0; padding:11px 0 5px 0; min-height:55px; _height:55px; } div.wl_im_title { width:100%; height:16px; background: transparent url(http://apps.widgetlaboratory.com/images/im_msg_top.png) no-repeat scroll 0%; position: relative; top:0; color: #575757; } #wl_im_message div.wl_im_title img { position:absolute; right: 6px; top: 5px; cursor: pointer; } #wl_im_message img.wl_im_avatar { position: absolute; top: 28px; left: 10px; cursor:pointer; } #wl_im_message h2, #wl_im_settings h2 { margin:0 0 0 10px; color: #fff; font-size: 12px; font-family: Helvetica, Arial; position:absolute; top: 9px; } #wl_im_message textarea.wl_im_ta { width: 159px; height: 112px; border:none !important; background: transparent url(http://apps.widgetlaboratory.com/images/im_msg_mid.png) repeat-y 0 0; margin-left: 57px; color:white; padding-left:3px; font-size:11px; } #wl_im_message div.wl_im_msg { width: 161px; margin-left: 57px; color: #fff; overflow:auto; max-height:110px; } #wl_im_message div.wl_im_action, #wl_im_settings div.wl_im_action { background: transparent url(http://apps.widgetlaboratory.com/images/im_msg_btm2.png) no-repeat 0 100%; text-align:right; height:40px; } #wl_im_message div.wl_im_ad_btm { background: transparent url(http://apps.widgetlaboratory.com/images/im_msg_btm.png) no-repeat 0 0; height:15px; } #wl_im_message div.wl_im_ad div.wl_im_msg_body { padding:10px 0 0 0; } #wl_im_message div.wl_im_action a, #wl_im_settings div.wl_im_action a { padding-left: 16px; background-repeat: no-repeat; background-position: 0 3px; padding:3px 0 2px 19px; color: #6590bc; margin-left: 10px; position:relative; right:10px; bottom:6px; font-size:11px; } #wl_im_message a.wl_im_send { background-image: url(http://apps.widgetlaboratory.com/images/comment.png); } #wl_im_message a.wl_im_close, #wl_im_settings a.wl_im_close, #wl_im_message a.wl_im_video_close { background-image: url(http://apps.widgetlaboratory.com/images/cross.png); } a.wl_im_video_invite { background-image: url(http://apps.widgetlaboratory.com/images/webcam_add.png); position:absolute !important; bottom:3px; left: 56px; text-align:left; } #wl_im_settings a.wl_im_save { background-image: url(http://apps.widgetlaboratory.com/images/bullet_disk.png); } #wl_im_message div.wl_im_queue { border-top: 1px solid #CCC; width:400px; height:16px; background: #E3E3E3 url(http://apps.widgetlaboratory.com/images/button.gif) repeat-x scroll 0%; position: relative; color: #575757; font-size: 11px; font-family: Arial; margin:0 auto; top: -1px; } #wl_im_message div.wl_im_queue span { padding-left: 5px; overflow: hidden; color: #83a6c9; } #wl_im_settings { position:fixed; top:250px; width:100%; z-index:101; } #wl_im_settings div.wl_im_body { margin:0 auto; } #wl_im_settings div.wl_im_msg_body { margin: 0px; color: white; font-size: 11px; padding-left:10px; } #wl_im_settings h2 { margin-left:0; } input#wl_im_snd_box, input#wl_im_ignore_box { margin-right:5px; } .wl_im_vchat_btn { position:absolute; top:72px; left:10px; cursor:pointer; } .wl_im_video_request { position:relative; margin-top:5px; background: transparent url(http://apps.widgetlaboratory.com/images/yellow.png) no-repeat 0 0; height: 75px; } .wl_im_video_request .wl_im_title { background-image: none; } .wl_im_video_request img.wl_im_avatar { top:0 !important; position: absolute !important; left: 0px !important; } .wl_im_video_request h2 { position:absolute; left: 50px; top:0px !important; color: #000000 !important; text-weight:bold !important; } .wl_im_video_request .wl_im_msg_vbody { position: absolute; left: 5px; top: 9px; width: 208px; } .wl_im_video_request .wl_im_vtimer { position: absolute; top:30px; left: 50px } #wl_im_message a.wl_im_video_close { position:absolute; right:0; top:0; width:16px; height:16px; } #wl_im_message a.wl_im_video_close span { display:none; } .wl_im_msg_vbody h2 { left:33px; width:150px; overflow:hidden; } .wl_im_video_waiting_msg { position:absolute; left:45px; top:20px; } /* @end */ ol, ul { list-style: none; } b, strong { font-weight: bold; } i, em { font-style: italic; } blockquote, q { quotes: none; } p { padding-bottom: 1em; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0px; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0px; } /* @end */ /* @file grid.css */ /*------------------------------------------------------------------ [Grid Stylesheet] Project: SocialGO Revision: <%build%> Version: 1.0 Last Change: <%svn-last-changed-date%> [<%svn-last-changed-revision%> - <%svn-last-changed-author%>] -------------------------------------------------------------------*/ /* @group Grid Styles : 55px/10px */ .one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.ten,.eleven,.twelve,.thirteen,.fourteen,.fifteen { /* Apparently only in IE ... */ /*overflow-x: hidden;*/ } .one { width: 55px; } .two { width: 120px; } .three { width: 185px; } .four { width: 250px; } .five { width: 315px; } .six { width: 380px; } .seven { width: 445px; } .eight { width: 510px; } .nine { width: 575px; } .ten { width: 640px; } .eleven { width: 705px; } .twelve { width: 770px; } .thirteen { width: 835px; } .fourteen { width: 900px; } .fifteen { width: 955px; } .full-screen { width: 100%; } /* @end */ /* @end */ /* @file forms.css */ /* @group Default Form Styles */ input, textarea, select { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; } .form-box { border-bottom-style: solid; border-bottom-width: 1px; border-right-style: solid; border-right-width: 1px; margin-bottom: 10px; padding: 10px; } .form-box h2 { border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; font-weight: bold; line-height: 23px; margin-bottom: 7px; padding-bottom: 3px; text-indent: 7px; } .form-box .desc { line-height: 20px; padding: 0px 10px; } form fieldset, .fieldset { border-style: solid; border-width: 1px; margin: 10px 0px 2em 0px; padding: 10px 10px; } /* Maybe - Can't see this working */ .form-box-content-box { border-style: solid; border-width: 1px; margin-bottom: 10px; padding: 10px 15px; } /* end Maybe */ form label { clear: both; display: block; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; line-height: 1.7em; margin-bottom: 1px; text-transform: none; } form br { clear: both; display: block; } form input[type=text], form input[type=password] { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 1.1em; margin: 0px 10px 4px 0px; padding: 4px; } form textarea { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 1em; margin-bottom: 8px; padding: 4px; width: 68%; } form select { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 1em; margin: 0px 15px 10px 0px; padding: 1px; } form .radio-buttons { margin-bottom: 10px; } form .radio-buttons span { margin-right: 10px; } form .radio-buttons span input, form .check-buttons span input { margin-right: 5px; } form .check-buttons span { display: block; margin: 0px 0px 5px 30px; } form .cq-check-buttons span { display: block; margin: 0px 0px 5px 0px; } .input-desc { display: block; font-size: 11px; line-height: 16px; padding-bottom: 10px; } .form-sub-box { border-style: solid; border-width: 1px; margin-bottom: 10px; padding: 10px; } /* @end */ /* @group Specific Form Styles */ #form-dob-month, #form-dob-day, #form-dob-year, #dob-month, #dob-day, #dob-year, #date-mm, #date-dd, #date-yyyy, #date-h, #date-m { margin-right: 5px; width: auto; } #date-yyyy { margin-right: 30px; } #profile-wall form textarea { width: 98%; } form #form-name { margin-right: 15px; } form .location { width: 350px; } form .location-map { height: 350px; width: 350px; } form .location-loading-text { float: left; height: 350px; line-height: 350px; position: absolute; text-align: center; width: 350px; } form .location .input-desc { text-align: center; } .profile-picture-left { float: left; text-align: center; width: 250px; } .profile-picture-right { float: right; width: 410px; } .profile-picture { width:230px; padding-bottom: 10px; } .picture-dropdown { margin-top: -38px; } #gallery-selected { width: auto; } .form-box h3 { border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; font-weight: bold; line-height: 23px; margin-bottom: 10px; padding-bottom: 3px; text-align: left; text-indent: 7px; } .upload-box .create-album { float: right; width: 365px; } .upload-box .select-album { float: left; width: 365px; } #fsUploadProgress1 { margin-top: 10px; } #form-cancel-account .buttons, #form-cancel .buttons { margin-top: 10px; } #lightbox .form-box { margin-bottom: 0px; } #lightbox form fieldset { margin-bottom: 0px; } #member-send-message textarea { width: 407px; } #lightbox .buttons { margin-top: 10px; } .form-notice { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; padding: 10px 0px; text-align: center; } .form-error { background-color: #FBE3E4; border: 1px solid #FBC2C4; color: #333333; font-weight: bold; padding: 10px 0px; text-align: center; clear:both; } .form-error p { padding:0px 0px 30px 0px; } .form-error a { color:#333333!important; } h2 img { margin:0px 6px -1px -3px; } /* */ /* @end */ form#form-signup span.payment_value { line-height: 12px; margin-right: 15px; } form#form-signup input.payment_radio { margin: 0 4px 0 4px; } /* @group Sign In Styles */ #sb-signin { padding: 5px; } #sb-signin form input { margin-right: 0px; width: 140px; } #sb-signin form input[type=checkbox] { width:auto; } /* @end */ /* Autocompleter */ li#autocomplete-list ul.holder { color: #000000; margin: 0; width: 500px; overflow: hidden; height: auto !important; height: 1%; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 4px 5px 0; } li#autocomplete-list *:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */ li#autocomplete-list ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; } li#autocomplete-list ul.holder li.bit-box, li#autocomplete-list ul.holder li.bit-input input { font-size: 11px; } li#autocomplete-list ul.holder li.bit-box { border: 1px solid #CAD8F3; background: #EEEEEE; padding: 1px 5px 2px; color: #000000; } li#autocomplete-list ul.holder li.bit-box-focus { border-color: #598BEC; background: #DDDDDD; color: #fff; } li#autocomplete-list ul.holder li.bit-input input { width: 50px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */ li#autocomplete-list ul.holder li.bit-input input.smallinput { width: 20px; color: #000000; } li#autocomplete-list form ol { font-size: 11px; margin: 0; padding: 0; } li#autocomplete-list form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; } li#autocomplete-list form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font-size: 11px; border: 1px solid #999; } li#autocomplete-list form ul.holder { width: 500px; } li#autocomplete-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; } li#autocomplete-list ul.holder li.bit-hover { background: #DDDDDD; border: 1px solid #CCCCCC; color: #000000; } li#autocomplete-list ul.holder li.bit-box-focus { border-color: #CCCCCC; background: #BBBBBB; color: #000000; } li#autocomplete-list ul.holder li.bit-box a.closebutton { position: absolute; display: block; height: 12px; right: 0px; top: 1px; width: 14px; font-size: 1px; background: url('http://static.socialgo.com/icons/bullet_toggle_minus.png'); _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.socialgo.com/icons/bullet_toggle_minus.png'); } li#autocomplete-list #userlist-box { display: none; position: absolute; width: 512px; background: #EEEEEE; } li#autocomplete-list #userlist-box .default { padding: 5px 7px; font-size: 11px; border: 1px solid #ccc; border-width: 0 1px 1px; } li#autocomplete-list #userlist-box ul { display: none; margin: 0; padding: 0; } li#autocomplete-list #userlist-box ul li { padding: 5px 12px; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font-size: 11px; } li#autocomplete-list #userlist-box ul li em { font-weight: bold; font-style: normal; background: #ccc; } li#autocomplete-list #userlist-box ul li.auto-focus { background: #CCCCCC; color: #000000; } li#autocomplete-list #userlist-box ul li.auto-focus em { background: #AAAAAA; } div#box-guest li#autocomplete-list { float: left; width: 150px; } div#box-guest div.available_friends ul#user_list { overflow-y: auto; height: 200px; margin-right: 10px; } div#box-guest div.available_friends { width: 250px; } div#box-guest div.available_friends, div#box-guest div.email_friends, div#box-guest div.invite_friends { font-size: 11px; margin-top: 10px; float: left; } div#box-guest div.invite_friends { width: 220px; } div#box-guest div.attending { font-size: 11px; margin-left: 10px; } div#box-guest li#autocomplete-list #userlist-box { width: 212px; } div#box-guest li#autocomplete-list ul.holder { width: 200px; } div#box-guest li#autocomplete-list ul.holder li.bit-box { width: 180px; } div#box-guest #user_list li.user-new a { position: relative; height: 12px; left: 0px; top: 1px; width: 14px; font-size: 11px; padding-left: 15px; background: url('http://static.socialgo.com/icons/bullet_add.png'); background-repeat: no-repeat; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.socialgo.com/icons/bullet_add.png'); } /* Date Picker */ input.date_picker{ display: block; width: 150px; padding: 2px 2px 1px 24px !important; font-size: 12px; background: #fff url(http://icons.dev-world.com/custom/dateinput.gif) no-repeat top left; cursor: pointer; } input:focus.date_picker{ background: #EFEFEF url(http://icons.dev-world.com/custom/dateinput.gif) no-repeat top left; } div.dp_container{ position: relative; padding: 0; z-index: 500; } div.dp_container .dp_cal{ background-color: #fff; border: 1px solid #CCCCCC; position: absolute; width: 177px; top: 24px; left: 0; margin: 0px 0px 3px 0px; } div.dp_container .dp_cal table{ width: 100%; border-collapse: collapse; border-spacing: 0; } div.dp_container .dp_cal select{ margin: 2px 3px; font-size: 11px; } div.dp_container .dp_cal select option{ padding: 1px 3px; } div.dp_container .dp_cal th, div.dp_container .dp_cal td{ width: 14.2857%; text-align: center; font-size: 11px; padding: 2px 0; } div.dp_container .dp_cal th{ border: solid #aad4f2; border-width: 1px 0; color: #797774; background: #daf2e6; font-weight: bold; } div.dp_container .dp_cal td{ cursor: pointer; } div.dp_container .dp_cal thead th{ background: #d9eefc; } div.dp_container .dp_cal td.dp_roll{ color: #000; background: #DDDDDD; } /* must have this for the IE6 select box hiding */ div.dp_container .dp_hide{ visibility: hidden; } div.dp_container .dp_empty{ background: #eee; } div.dp_container .dp_today{ background: #daf2e6; } div.dp_container .dp_selected{ color: #fff; background: #328dcf; } /* @end */ /* @file main.css */ /*------------------------------------------------------------------ [Main Stylesheet] Project: SocialGO Revision: <%build%> Version: 1.0 Last Change: <%svn-last-changed-date%> [<%svn-last-changed-revision%> - <%svn-last-changed-author%>] -------------------------------------------------------------------*/ /* @group Base Styles */ body, td, th, textarea, h1, h2, h3, h4, h5, h6 { font: 83%/1.4em "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif; } a:link, a:visited, a:hover, a:active { text-decoration: none; color: #2e2e2e; } a:hover { text-decoration: underline; } h1 { font-size: 180%; font-weight: normal; } h2 { font-size: 155%; font-weight: normal; } h3 { font-size: 135%; font-weight: normal; } h4 { font-size: 100%; font-weight: bold; } strong { font-weight: bold; } em { font-weight: italic; } input { background-color: #FFFFFF; border: 1px solid #CCCCCC; _border: none; font-size: 1.1em; margin: 0px 10px 8px 0px; } /* @end */ /* @group Header Styles */ div#wrapper-header-outer.has-body-header-image { border-top: none; padding-bottom: 0px; } div#wrapper-header { margin: 0px auto; padding: 0px 0px; width: 975px; background: url(http://www.networklogic.net/banner.jpg) no-repeat; height: 155px; } div#wrapper-header.has-body-header-image { padding: 4px 0px 5px 0px; } div#header { } div#header h1 { padding: 10px 25px; } div#header h1 a { font-size: 35px; line-height: 113px; } div#header h1 img { margin-bottom: -5px; } /* @end */ /* @group Main Navigation Styles */ /* the nav boxes */ ul#main-navigation { margin: 0px 5px 0px 10px; width: 775px; } /* the A in the nav boxes */ ul#main-navigation li a:link, ul#main-navigation li a:visited, ul#main-navigation li a:hover, ul#main-navigation li a:active { display: block; font-size: 12px; padding: 9px; padding-left: 5px; margin-right: 5px; text-align: center; margin-left: 10px; margin-top: 0px; margin-right: 10px; } /* @end */ /* @group Main Content Styles */ div#main-content { margin: 5px 10px 10px 10px; } /* @end */ /* @group Sub Navigation Styles */ ul#sub-navigation li.nav-selected, ul.sub-navigation li.nav-selected { margin: -13px 0px 0px 8px; padding: 12px 0px 0 0; background: url(http://www.networklogic.net/arrow.jpg) no-repeat center -2px; } /* @end */ /* @group MICRO Navigation Styles */ ul.micro-navigation { margin-bottom: 3px; font-size: 12px; } ul.micro-navigation li { display: block; float: left; margin: 2px 3px 0px 3px; padding: 1px 3px; } ul.micro-navigation li.nav-selected { margin: 2px 3px 0px 1px; } ul.micro-navigation li.nav-selected a { font-size: 13px; padding: 11px; } ul.micro-navigation li.right { float: right; } /* @end */ /* @group Sidebar Styles */ /* @end */ /* @group Sidebar Search Styles */ div.search-input { width: 145px; } div.search-button a { cursor: pointer; height: 14px; width: 16px; } div.search-button a:hover { text-decoration: none; } /* @end */ /* @group Sidebar User Account Styles */ div#sb-user-account { margin-bottom: 20px; padding: 0px 5px; } div#sb-user-account div.user-photo a:hover { cursor: pointer; text-decoration: none; } div#sb-user-account span#user-photo-change { background-color: #000000; color: #FFFFFF; float: left; font-size: 10px; font-weight: bold; height: 54px; position: absolute; text-align: center; text-transform: uppercase; top: 0px; width: 54px; /* CSS Opacity for all browsers */ filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.7; } div#sb-user-account span#user-photo-change img { float: left; height: 16px; margin: 13px 0px 0px 20px; width: 16px; } /* @end */ /* @group Sidebar Big Link Style */ div.sb-big-link { margin-bottom: 20px; padding: 0px 5px; } div.sb-big-link a { cursor: pointer; } div.sb-big-link a:hover { text-decoration: none; } div#sb-invite-contacts.sb-big-link div.big-link-block div.arrow { margin-top: 1px; } /* @end */ /* @group Manage Account Dropdown */ ul#manage-dropdown li a:hover { text-decoration: none; } ul#manage-dropdown li div.manage-icon { display: block; float: left; margin: 1px 8px 0px 0px; width: 16px; } /* @end */ /* @group Sidebar Box Styles */ div.sidebar-box { margin: 0px 4px 20px 4px; } div.sidebar-box a.sb-action { display: block; float: left; margin-top: -20px; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0px; margin-left: 108px; padding-top: 8px; padding-right: 7px; color: transparent; } div.sidebar-box a.sb-action:hover { text-decoration: none; background-color: #2dcfff; color: transparent; } /* @end */ /* @group Sidebar Current Status Styles */ div#sb-current-status-wrapper { width: 177px; } div#sb-current-status-text, div#sb-current-status-input { font-size: 12px; font-weight: normal; padding: 4px; } #sb-current-status-text { overflow: hidden; } /* @end */ /* @group Sidebar Inbox Styles */ ul#sb-inbox-list li, ul#sb-moderate-list li { border-bottom-style: solid; border-bottom-width: 1px; padding: 4px 8px; } ul#sb-moderate-list li.no-moderate-items { text-align: center; } ul#sb-inbox-list li a:hover, ul#sb-moderate-list li a:hover { text-decoration: none; } ul#sb-inbox-list li a div.inbox-icon, ul#sb-moderate-list li a div.inbox-icon { display: block; float: left; margin: 1px 6px 0px 0px; } ul#sb-inbox-list li.unread a, ul#sb-moderate-list li.unread a { color: #333333; } /* @end */ /* @group Sidebar Add New Styles */ ul#sb-add-list li { border-bottom-style: solid; border-bottom-width: 1px; border-right-style: solid; border-right-width: 1px; display: block; float: left; height: 54px; margin-right: 3px; margin-bottom: 5px; width: 52px; } ul#sb-add-list li a:hover { cursor: pointer; text-decoration: none; } ul#sb-add-list li div.add-icon { margin: 3px 10px 0px 10px; } ul#sb-add-list li div.add-text { font-size: 11px; margin-top: -4px; padding-bottom: 2px; text-align: center; width: 52px; } /* @end */ /* @group Sidebar Friends Online Styles */ ul#sb-friends-list li { border-bottom-style: solid; border-bottom-width: 1px; min-height: 22px; padding: 4px; position: relative; width: 169px; } ul#sb-friends-list li a:hover { text-decoration: none; } ul#sb-friends-list li div.friends-icon { display: block; float: left; margin: 1px 6px 0px 0px; } div#sidebar a.start-chat { display: block; float: right; margin-top: 2px; position: absolute; right: 4px; } div#sidebar a.start-chat:hover { cursor: pointer; } div#sidebar a.start-chat span.front { display: block; float: left; height: 18px; width: 5px; } div#sidebar a.start-chat span.middle { display: block; float: left; height: 18px; width: 16px; } div#sidebar a.start-chat span.end { display: block; float: left; height: 18px; width: 5px; } /* @end */ /* @group Sidebar Upcoming Events Styles */ ul#sb-upcoming-list li { border-bottom-style: solid; border-bottom-width: 1px; min-height: 22px; padding: 6px; } ul#sb-upcoming-list li a:hover { cursor: pointer; text-decoration: none; } ul#sb-upcoming-list li div.event-today { display: block; float: right; margin: 3px -2px 0px 0px; } ul#sb-upcoming-list li div.event-title { height: 20px; overflow: hidden; width: 163px; } ul#sb-upcoming-list li div.event-title.today { width: 100px; } ul#sb-upcoming-list li div.event-text { font-size: 11px; margin-top: -5px; } ul#sb-upcoming-list li div.no-events { text-align: center; } /* @end */ /* @group Temp : Report A Bug Styles */ div#sb-report-bug div.sidebar-box-content { padding: 10px; } /* @end */ /* @group Footer Styles */ div#footer { margin-left: 0px; width: 975px; background: black url(http://www.networklogic.net/footer.jpg); padding-left: 1 } div#footer.show-content-background { width: 975px; } ul#footer-links { text-transform: lowercase; position: absolute;float: right; background: black; margin-left: 10px; padding-top: 10px; background: black url(http://www.networklogic.net/footer.jpg); } ul#footer-links li { float: left; font-size: 11px; line-height: 30px; margin: 13px 7px 10px 7px; color: black; } ul#footer-links li a { font-weight: bold; color: white; padding-right: 14px; } /* @end */ .left, .grid-left { float: left; } /* @group Lightbox Styles */ div.lightbox-overlay { display: none; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } div.lightbox-wrapper { display: none; left: 0px; position: absolute; text-align: center; top: 0px; width: 100%; } div.lightbox { background-color: #FFFFFF; border: 2px solid #DDDDDD; color: #000000; display: none; margin: 0px auto; padding: 5px; position: absolute; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.lightbox div.lightbox-close-button a { background-image: url('http://static.socialgo.com/icons/lightbox-close.png'); _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.socialgo.com/icons/lightbox-close.png') background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 25px; left: -13px; position: absolute; top: -11px; width: 25px; } div.lightbox-content { display: block; height: 100%; width: 100%; } div.lightbox-content-box { margin-bottom: 0px; } /* @end */ /* @group Notices */ .info-notice, .alert-notice, .error-notice { background-color: #DFF4FF; border: 1px solid #72A0B6; color: #333333; font-size: 11px; margin-bottom: 10px; padding: 10px; text-align: left; } .alert-notice { background-color: #FFFFE0; border: 1px solid #E6DB55; } .error-notice { background-color: #FFEBE8; border: 1px solid #CC0000; } .info-notice h5, .alert-notice h5, .error-notice h5 { font-size: 13px; font-weight: bold; } form .error-notice { display: none; } /* @end */ /* @group Form Errors */ .input-error { background-color: #FFEBE8 !important; border: 1px solid #CC0000 !important; } /* @end */ /* @group Self Clearing Floats */ /* @end */ /* @end */ /* @file structure.css */ .entry-body ul { list-style-type: disc; margin: 0px 0px 10px 10px; } .entry-body ol { list-style-type: decimal; margin: 0px 0px 10px 10px; } table, td, tr { vertical-align:top; } /* @end */ /* @group Main Content Styles */ #main-content h2.form-title { margin: 0px 10px 10px 10px; padding: 5px; } #main-content h2.form-title a.edit { font-size: 12px; line-height: 8px; margin-left: 10px; } /* @end */ /* @group Content Box Styles */ .custom ol { list-style-type: decimal; margin-left: 30px; } .custom ul { list-style-type: disc; margin-left: 30px; } .code-box { border:solid #ccc 1px; background-color:#fafafa; margin: 3px; padding: 5px; } .code-box h4{ text-align:left; } /* All the no-heading content boxes */ #magazine-list { border-bottom:0px; padding:10px 30px 10px 20px; } #welcome-list { margin-bottom: 5px; } #groups-home-list, #events-home-list { padding: 0px; } #what-now h3 { border-bottom-style: solid; border-bottom-width: 1px; font-weight: normal; line-height: 24px; margin: 5px; padding-bottom: 5px; } #what-now a { color: #333333; } #what-now h3 img { float: left; margin-right: 5px; } /* All the no-heading content boxes */ #profile-location .content-box-content { padding: 7px; } .content-box h4 { font-size: 14px; font-weight: bold; margin-bottom: 10px; text-align: center; } .content-box-content p { line-height: 22px; margin-bottom: 10px; text-align: left; font-size: 14px; } /* @end */ /* @group Event/Group/Member Profile Detail Styles */ .profile-details-box { border-top-style: solid; border-top-width: 1px; margin-bottom: 10px; padding-top: 10px; } .quick-info { border: none; margin-left: 5px; } .quick-info h3 { font-size: 18px; line-height: 18px; margin-bottom: 5px; } .details-info { margin-bottom: 0px; } .custom-questions { font-size: 11px; margin: 10px 0px 0px 5px; } .profile-info-question { font-weight: bold; margin-bottom: 2px; } .profile-info-answer { font-size: 12px; margin-bottom: 10px; margin-left: 10px; } .videos-album-list { text-align:center; } .videos-album-list li.video_item { height: 135px; width: 350px; margin-right: 10px; margin-left: 5px; float: left; position: relative; } li.video_item div.video_thumb { background-image: url(http://static.socialgo.com/icons/custom/no-video.png); float: left; } li.video_item div.video_thumb, li.video_item div.video_thumb img { width: 130px; height: 97px; } li.video_item .moderate-block { background-color: #EEEEEE; position:absolute; height: 93px; padding: 2px; float: left; top: 1px; left: 1px; width: 15px; opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); } li.video_item .moderate-block img { width: 16px; height: 16px; } li.video_item div.video_infos { margin-left: 5px; width: 210px; height: 100px; float: left; font-size: 11px; text-align: left; overflow: hidden; } li.video_item div.video_infos div.video_title, li.video_item div.video_infos div.video_by, li.video_item div.video_infos div.video_stats { overflow: hidden; width: 210px; float: left; } li.video_item div.video_infos div.video_title { font-weight: bold; font-size: 12px; height: 18px; } li.video_item div.video_infos div.video_by { height: 48px; } li.video_item div.video_infos div.video_stats { height: 15px; } li.video_item div.video_thumb div.video_duration { background-color: #000000; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; padding: 0 2px 1px; height: 12px; position: absolute; right: 221px; top: 83px; _top: 80px; font-size: 10px; color: #FFFFFF; } li.video_item:hover div.video_thumb:hover div.play_button { background: url(http://static.socialgo.com/icons/mini_play.png); background-repeat: no-repeat; position: absolute; opacity: 0.8; left: 54px; top: 38px; width: 24px; height: 24px; } li.video_item div.video_infos div.select_video { float: right; text-align: right; width: 100px; height: 16px; } li.video_item div.video_infos div.video_by a { font-weight: bold; } li.video_item.small div.video_thumb { background-image: none; } li.video_item.small div.video_thumb, li.video_item.small div.video_thumb img { position: relative; height: 60px; width: 80px; float: left; } li.video_item.small div.video_infos { width: 135px; height: 72px; overflow: hidden; } li.video_item.small div.video_infos div.video_by { height: 15px; } li.video_item.small div.video_duration { right: 1px !important; top: 46px !important; _top: 43px !important; } li.video_item.small div.video_infos div.video_title { font-size: 11px; height: 15px; } div.video_tools { width: 225px; } /* @end */ /* default welcome styles */ #welcome-default td { vertical-align: middle; } #welcome-default h1 { padding:0px 0px 5px 0px; font-weight: normal; font-size: 22px; line-height: normal; } #welcome-default .feature-title { font-size:16px; } #welcome-default .feature-desc { font-weight:13px; } #welcome-default img { padding:0px 5px 5px 0px; } #welcome-list { font-size: 16px; } #welcome-left p { font-size: 16px; } #welcome-right table { border: 0px; } /* end default welcome styles */ /* @group Search Listing Styles */ .search-listing li { border-bottom-style: solid; border-bottom-width: 2px; margin-bottom: 10px; padding-bottom: 10px; text-align: left; } .search-listing .listing-photo { float: left; margin-right: 10px; height:75px; } .search-listing .listing-photo img { max-width: 75px; } .search-listing h3 { float: left; font-size: 18px; line-height: 25px; width: 375px; } .search-listing .member-online { color: green; float: left; line-height: 25px; margin: 0px 10px 0px 0px; width: 75px; } .search-listing .listing-questions { float: left; width: 450px; } .search-listing .listing-questions li { border: none; float: left; font-size: 11px; line-height: 20px; margin: 0px 0px; padding: 0px; width: 300px; } .search-listing .listing-questions li strong { font-weight: bold; } .search-listing .listing-questions li .closed { float: left; margin-right: 5px; } .search-listing .interact-links { float: right; margin: 0px; padding: 0px 10px; width: 125px; } .search-listing .interact-links li { border-bottom: none; border-top-style: solid; border-top-width: 1px; font-size: 11px; margin: 0px; padding: 2px 5px; } .search-listing .interact-links li.interact-view-profile { border-top: none; } .search-listing .interact-links li:hover { cursor: pointer; } .search-listing .interact-links li a:hover { text-decoration: none; } /* @end */ /* @group Basic Profile List Styles */ .photos-list, .members-list { margin: 0px auto; text-align: center; width: 418px; } .photos-list { width: 425px; } .photos-list li, .members-list li { float: left; margin: 0px 4px 10px 4px; text-align: center; width: 59px; } .members-list img { width:57px; height:57px; } .photos-list li { height: 70px; width: 70px; padding: 2px; } .members-list li span { display: block; margin-top: 3px; } .members-list li span a { font-weight: bold; } /* @end */ /* @group Wall Post Styles */ .wall-posts li { border-bottom-style: solid; border-bottom-width: 1px; margin: 10px 0px; padding-bottom: 8px; } .wall-post .user-photo { float: left; margin: 0px 5px 0px 0px; } .wall-post .user-photo img.photo { width: 30px; height: 30px; } .wall-post .who-when { font-size: 11px; line-height: 15px; font-weight: bold; } .wall-post .content { line-height: 18px; width: 90%; float: left; } .wall-post .content p { font-size: 11px; margin: 0px; } .wall-post .wall-post-actions { float: right; font-size: 11px; height: 20px; } /* @end */ /* @group Photo View Styles */ .photo-info { float: left; margin-top: 4px; width: 440px; } .photo-info h3 { font-size: 16px; line-height: 26px; margin-bottom: 5px; } .photo-info h3 strong { font-weight: bold; } .photo-info-links { font-size: 12px; } #photo-single .photos-list { float: right; width: 300px; } .description { padding:10px; text-align:center; } /* @end */ /* @group Blog Styles */ .blog-list li { margin: 20px 0px; } .blog-list li h3 { line-height: 1.5em; } .blog-post h3 { border-bottom-style: dashed; border-bottom-width: 1px; font-size: 19px; font-weight: normal; line-height: 19px; margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; } .blog-post h3 .icon { margin: 3px 5px 0px 0px; } .blog-post h3 a.edit { font-size: 12px; margin-left: 10px; } .blog-post .post-time { float: right; font-size: 10px; margin-top: -2px; } .blog-post .post-time strong { font-weight: bold; } .blog-post .post-comments { float: left; font-size: 11px; padding: 0px 0px 2px 0px; } .blog-post .post-comments strong { font-size: bold; } .blog-post .post-tags { float: right; font-size: 11px; padding: 0px 0px 2px 18px; } .blog-entry .entry-stats { font-size: 11px; line-height:16px; } /* @end */ /* @group Profile Group List */ .profile-group-list li.group-list-item { border-bottom-style: solid; border-bottom-width: 1px; margin-top: 13px; padding-bottom: 10px; } .group-list-info { float: left; } .group-list-info .title { font-size: 13px; font-weight: bold; line-height: 15px; margin-top: 3px; width:225px; } .group-list-members { float: right; font-size: 9px; height: 20px; text-transform: uppercase; text-align:right; } .group-list-members strong { float: left; font-size: 20px; font-weight: normal; line-height: 20px; } .group-list-members span { line-height: 23px; margin-left: 2px; } /* @end */ /* @group Inbox List Styles */ #theform-inbox { width: 770px; } #message-items { display: block; width: 770px; } #message-items th { font-size: 11px; font-weight: bold; padding: 6px 0px; vertical-align: top; } #umc-notices .unread, #message-items tr.unread, #theform-inbox .unread { background-color: #FFF9D7!important; color:#000; padding:5px; } .umc-request-item { padding: 10px 0px; font-size:12px; } .unread a { color: #333333 !important; } #message-items .check { display: block; text-align: center; width: 30px; } #message-items td { padding: 7px 0px; vertical-align: top; } #message-items td a { display: block; text-decoration: none; width: 100%; } #message-items td a span { display: block; font-size: 11px; } #message-items td.check { padding-top: 14px; } #message-items .check img { cursor: pointer; } #message-items td.image { padding-top: 10px } #message-items .image { width: 30px; } #message-items .image { padding-left: 15px; padding-right: 5px; text-align: center; } #message-items .image img { height: 20px; width: 20px; } #message-items .sender { width: 130px; } #message-items td.sender { font-size: 12px; line-height: 25px; padding: 8px 0px 0px 3px; } #message-items td.sender span { display: inline; font-weight: bold; } #message-items td.sender em { display: block; font-style: normal; overflow: hidden; width: 110px; } #message-items .subject { width: 385px; } #message-items td.subject { display: block; font-size: 14px; font-weight: bold; margin-top: -8px; padding-right: 10px; overflow: hidden; white-space: nowrap; } /* Really Ugly CSS Hack for Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #message-items td.subject { margin-top: 0px; } } /* End Ugly CSS Hack for Safari */ #message-items td.noreply { display: block; line-height: 22px; } #message-items .subject a em { font-size: 11px; font-weight: normal; } #message-items td.subject a span { font-size: 10px; font-weight: normal; } #message-items td.date { font-size: 11px; line-height: 28px; margin-right: 25px; padding-top: 10px; } #message-items .date { width: 175px; } #message-items td.delete { padding-top: 15px; text-align: center; width: 30px; } #message-items .delete { width: 30px; } #message-table-bottom { margin-bottom: 10px; padding: 8px 25px 8px 0px; text-align: right; } #message-actions { float: right; width: auto; } #message-actions li { display: inline; float: left; } #message-actions li a { display: block; margin-top: 5px; } #message-actions li select { margin-bottom: 0px; } #message-actions li span { float: left; margin: 5px 8px 0px 0px; } /* @end */ /* #request-items { border-top: none; margin-bottom: 10px; width: 100%; } #request-items th { background-color: #F5F5F5; font-size: 12px; font-weight: bold; padding: 0px; vertical-align: top; } #request-items th.sender { padding-left: 5px; } #request-items td { padding: 5px 0px; vertical-align: top; } #request-items td.sender { padding-top: 7px; text-align: center; width: 90px; } #request-items td.details { padding-left: 10px; padding-top: 15px; } #request-items td.details h4 { font-size: 14px; margin: 0px 0px 5px 0px; } #request-items td.details p { color: #555555; font-size: 11px; margin: 0px; } #request-items td.action { float: right; padding-top: 20px; } #request-items td .buttons { width: 200px; } .message input { float: left; margin: 10px 5px 0px 0px; } .message .user-from, .message .user-to { float: left; font-size: 13px; overflow: hidden; width: 200px; } .message .user-from .user img, .message .user-to .user img { margin: 4px; max-height: 22px; vertical-align: middle; width: 20px; } .message .title { float: left; font-size: 15px; height: 25px; overflow: hidden; width: 405px; } .message h2 { float: left; line-height: 30px; } .message h2 a:link, .message h2 a:visited, .message h2 a:hover, .message h2 a:active { font-weight: bold; } .message .message-preview { font-size: 12px; height: 30px; line-height: 33px; overflow: hidden; text-indent: 5px; } .message .created { float: right; font-size: 10px; margin-top: 5px; text-align: right; width: 75px; } .message .created strong { font-weight: bold; } /* @end */ /* @group Lightbox Form Styles */ .lightbox-content-box { background-color: yellow; } /* @end */ /* @group Uploaded Entities List */ .upload-entity-list li .upload-preview { float: left; margin-right: 10px; } .upload-entity-list li .edit-upload-info { float: left; width: 360px; } .upload-entity-list li .upload-permissions { float: right; } #blog-create-upload { margin: 10px 0px; } .inline-upload h2 { margin-top: 0px; } /* @end */ /* @group Activity List Styles */ .activity-list li { border-bottom-style: solid; border-bottom-width: 0px; margin: 0px 0px 8px 0px; padding-bottom: 3px; } .activity-list .activity-delete { display:none; width:15px; height:16px; float:right; text-align: right; } /*.activity-list li:hover .activity-when { display:none; }*/ .activity-list li .activity-delete { display:none; } .activity-list li:hover .activity-delete { display:block; } .activity-list .activity-picture .photo { width:30px; height:30px; } .activity-text { font-size: 11px; padding: 5px!important; } .activity-text a { font-weight:bold; } .activity-icon { float: left; margin-right: 8px; } .activity-when, .activity-delete { float: right; text-align:right; width:80px; } .activity-text blockquote { margin: 5px 0px 0px 5px; width: 385px; clear:both; float:left; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } .activity-when, .activity-delete { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } .activity-picture { float:right; } .activity-pictures { padding-left:10px; } .activity-pictures img { padding:5px; border:0px; width:50px; height:50px; } .activity-list .video-photo { padding:4px; max-width: 130px; _width: 130px; overflow-x: hidden; display:block; } .activity-list .video-desc { margin-left: 10px; } .activity-list h3 { font-weight:bold; font-size:11px; } .activity-list span { } /* @end */ /* @group Pagination Styles */ .pagination { margin-bottom: 5px; height: 20px; } .pagination-desc strong, .pagination-links strong { font-weight: bold; } .pagination-links li a.nav-selected { font-weight: bold; } /* @end */ /* @group Previous and Next Styles */ .arrow-left { display: block; height: 75px; float: left; text-align: center; width: 30px; } .arrow-right { display: block; height: 75px; float: right; text-align: center; width: 30px; } .picture-carousel .arrow-left, .picture-carousel .arrow-right { height: 45px; padding-top: 26px; } .picture-carousel .arrow-left { margin-right: 5px; } /* @end */ /* @group Button Styles */ /* BUTTONS */ .buttons button { width:auto; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } button:hover, .buttons a:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; } .buttons a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; } /* POSITIVE */ button.positive, .buttons a.positive{ color:#529214; } .buttons a.positive:hover, button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; } .buttons a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; } /* NEGATIVE */ .buttons a.negative, button.negative{ color:#d12f19; } .buttons a.negative:hover, button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; } .buttons a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; } /* @end */ /* @group Lightbox Styles */ #overlay { background-color: #000000; height: 500px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 100; } #lightbox { color: #222222; left: 0px; line-height: 18px; position: absolute; text-align: left; width: 100%; z-index: 101; } #lightbox-close-button a { background-image: url('http://static.socialgo.com/icons/lightbox-close.png'); background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 25px; left: -11px; text-indent: -9999px; position: absolute; top: -11px; width: 25px; z-index: 999; } #outer-container { background-color: #FFFFFF; border: 1px solid #000000; margin: 0px auto; padding: 5px; position: relative; width: 600px; } #inner-container { display: block; padding: 2px; } /* @end */ /* @group Other Styles */ .action-inform { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } .action-alert { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } .action-alert a { color:#000!important; } .action-error { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } .admin-note { background-color: #f2feed; border:1px solid #9dcf87; padding:10px; font-size: 12px; color:#222; } .admin-note a { color:black; } .admin-note p { float:left; width:400px; padding:8px 0px 0px 10px; } .admin-note img { float:left; } .ajax-loading { opacity: 0.8; position: absolute; } .loading { background: url(http://static.socialgo.com/icons/custom/ajax-loader.gif); background-repeat: no-repeat; padding-left: 20px; } .left { float: left; } .icon { float: left; margin-right: 5px; } .icon-wrong { left: -4px; position: relative; top: -7px; } .more { float: right; font-size: 11px; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; } .status-online { /* replace with image ? */ color: green; float: right; margin-right: 5px; text-align:right; } .status-kick { /* replace with image ? */ color: #cc0000; float: right; margin-right: 5px; text-align:right; } .activity-list .photo { border-style: solid; border-width: 0px; padding: 2px 2px 2px 2px; margin:3px 5px; width:60px; height:60px; } .activity-picture { width:30px; height:30px; } .right { float: right; } .site-help { background-color: rgb(188, 228, 255); border: 1px solid #458AC3; color: #333333; padding: 5px; text-align: left; font-size:11px; margin-left:-9px; } .thumbnail { height: 20px; width: 20px; } /* Self Clearing Float Solution */ /* @end */ /* .action-alert { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } */ /* -------------------------------------------------------- */ /* Widget Styles */ /* -------------------------------------------------------- */ .widget-footer { margin:0px 0px 0px 0px; } .widget-footer a { float:right; width:195px; text-align:right; font-size:11px; padding:4px 4px 0px 0px; } /* -------------------------------------------------------- */ /* Forum Styles */ /* -------------------------------------------------------- */ .forum-list-title { float: right; line-height: 16px; margin-bottom: 2px; width: 205px; font-size:12px; padding-top:1px; } .forum-list-item img { float:left; padding-top:1px; } .forum-list-time { float:right; width:205px; font-size:10px; line-height:15px; } .forum-list-message { float: right; font-size: 10px; overflow: hidden; width: 205px; line-height:15px; } .group-forum-list-item{ padding-bottom:10px; } .group-forum-list-item img { float:left; margin:4px; } .group-forum-list-title { font-size:14px; float:left; width:280px; } .group-forum-list-time { float:right; font-size:10px; width:170px; text-align: right; } .welcome-list-title { float: right; margin-bottom: 1px; width: 182px; font-size:11px; padding-top:3px; height:32px; line-height: 15px; } .welcome-list img { float:left; } li.welcome-list { padding:2px; } .magazine-list-clip { float: right; font-size: 11px; width: 185px; } .entity-list img { padding:2px; } .news-list-item { padding:3px 0px 3px 0px; } .news-list-title { float: left; margin-bottom: 2px; width: 205px; font-size:12px; padding-top:1px; } .news-list-item img { float:right; padding-top:5px; } .news-list-time { float: left; font-size: 10px; width: 205px; } /* -------------------------------------------------------- */ /* Photo View Styles */ /* -------------------------------------------------------- */ .photo-info { float: left; margin-top: 4px; width: 440px; } .photo-info h3 { font-size: 16px; line-height: 26px; margin-bottom: 5px; } .photo-info h3 strong { font-weight: bold; } .photo-info-links { font-size: 12px; } #photo-single .photos-list { float: right; width: 300px; } #photo-single .photos-list li { float: left; height: 54px; margin: 0px 0px 0px 5px; width: 54px; } .photo-single-image { /* background-color: red; */ margin-top: 10px; padding: 10px; text-align: center; width: 726px; } .photo-single-description { float: left; width: 515px; } .photo-single-interact { float: right; width: 225px; } .photo-single-bottom { margin-top: 10px; } .photo-single-comments { float: left; width: 515px; } .photos-album-list, .album-list { /* background-color: red; */ /*margin-top: 10px;*/ padding:3px; text-align:center; /*width: 726px;*/ } .photos-album-list li, .album-list li { float: left; width: 134px; height: 162px; margin: 4px; padding: 1px; } .photos-album-list li, .album-list li { /*line-height: 130px;*/ position: relative; } .photos-album-list li { height:170px; font-size:10px; } .photos-album-list .moderate-block { background-color: #EDEDED; height: 16px; opacity: 0.8; padding: 2px; float: left; top: 1px; width: 134px; } .photos-album-list .moderate-block img { width: 16px; height: 16px; } #photo-album .pagination { width: 726px; } /* .forum-list-date { background-color: red; font-size:9px; margin-left: 20px; padding-top:3px; width:75px; }*/ /* -------------------------------------------------------- */ /* Tag cloud */ /* -------------------------------------------------------- */ .tagcloud .tag-icon{ float:left; padding:0px 5px 3px 3px; } .tagcloud div { float:right; width:94%; font-size:12px; } /* -------------------------------------------------------- */ /* Member Profile Edit */ /* -------------------------------------------------------- */ #edit-profile-aboutme { } .edit-profile-photo { margin-bottom: 10px; } #edit-profile-aboutme h4 { font-size: 16px; font-weight: bold; margin-bottom: 5px; text-align: left; } .edit-profile-photo h5 { border-bottom: 2px solid #000000; font-size: 15px; font-weight: bold; margin-bottom: 10px; padding-bottom: 2px; width: 450px; } .edit-profile-photo .grid-left { margin-top: 10px; text-align: center; width: 250px; } .edit-profile-photo span { font-size: 11px; margin-bottom: 10px; } .edit-profile-photo .grid-right { width: 460px; } .edit-photo-upload-picture, .edit-photo-choose-default, .edit-photo-remove-picture { margin-bottom: 10px; padding: 5px; } /* -------------------------------------------------------- */ /* AJAX Prev/Next Arrow Styles */ /* -------------------------------------------------------- */ #profile-albums .arrow-left, #profile-albums .arrow-right { padding-top: 65px; } #profile-friends-list .arrow-left, #profile-friends-list .arrow-right { padding-top: 52px; } .edit-photo-choose-default .arrow-left, .edit-photo-choose-default .arrow-right { margin-top: 30px; } /* -------------------------------------------------------- */ /* Interact Profile @group */ /* -------------------------------------------------------- */ #profile-interact li { float: left; } #profile-interact li a img { border: none; height: 16px; margin: 0px 5px -3px 0px; padding: 0px; width: 16px; } /* -------------------------------------------------------- */ /* Event Styles */ /* -------------------------------------------------------- */ .event-smallinfo { height: 51px; margin-top: 10px; } .event-date { float: left; text-align: center; width: 50px; } .event-smallinfo .month { font-size: 11px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; line-height: 18px; text-transform: uppercase; } .event-smallinfo .day { border-style: solid; border-width: 1px; border-top: none; font-family: Verdana, "Times New Roman", Times, serif; font-size: 30px; line-height: 32px; } .event-smallinfo .name { font-size: 15px; font-weight: bold; margin-left: 60px; } .event-smallinfo .tagline { font-size: 11px; line-height: 15px; margin: 2px 0px 0px 60px; } /* -------------------------------------------------------- */ /* Group Styles */ /* -------------------------------------------------------- */ .group-top-list li.group-list-item, .group-new-list li.group-list-item { border-bottom-style: solid; border-bottom-width: 1px; margin: 10px 0px; padding-bottom: 10px; } .group-list-half .group-list-info { float: left; width: 293px; } .group-list-half .profile-pic { float: left; margin-right: 10px; } .group-list-half .title { font-size: 14px; font-weight: bold; margin-top: 3px; } .group-list-half .tagline { font-size: 11px; line-height: 14px; margin-top: 2px; } .group-list-join { float: right; font-size: 9px; height: 50px; padding: 9px 5px 0px 5px; text-align: center; text-transform: uppercase; width: 50px; } .group-list-join strong { font-size: 20px; font-weight: normal; line-height: 25px; letter-spacing: -1px; } /* -------------------------------------------------------- */ /* Action List Styles */ /* -------------------------------------------------------- */ .actions { margin: 10px 0px 0px 30px; } .actions li { font-size: 11px; line-height: 16px; margin: 2px 0px 8px 0px; padding: 0px; } .actions li a img { float: left; } .actions li a span { padding-left: 8px; } .actions li a:hover { text-decoration: none; } .actions li a:hover span { text-decoration: underline; } /* -------------------------------------------------------- */ /* Countdown Clock Styles */ /* -------------------------------------------------------- */ .countdown { text-align: center; } .countdown li { float: left; margin: 0px 10px; } .countdown-days, .countdown-hours, .countdown-minutes, .countdown-seconds { font-family: Futura; font-size: 30px; color: rgb(55, 55, 55); height: 34px; width: 41px; } .countdown-label { font-size: 11px; } .group-list-item img { float: left; margin-right: 3px; } /* -------------------------------------------------------- */ /* Invite List Styles */ /* -------------------------------------------------------- */ .invite-list { margin: 0px auto; text-align: left; width: 580px; } .invite-list li { float: left; margin: 5px; width: 180px; } .invite-list li img { float: left; margin-right: 10px; } .invite-list li .invite { margin: 0px auto; margin-top: 12px; } .center { margin: 0px auto; text-align: center; } .tip { background-color: #000000; color: #FFFFFF; opacity: 0.7; padding: 5px; z-index: 13000; } li.invite_friend { float: left; margin-bottom: 3px; height: 20px; width: 240px; } li.invite_friend div.left img { width: 20px; height: 20px; } li.invite_friend input#invitations { margin: 0 9px 0px 0px; } textarea#external-invite-emails { height: 45px; width: 450px; } /* -------------------------------------------------------- */ /* News List Styles */ /* -------------------------------------------------------- */ .lastupdated { display:none; } .entry-body td { overflow:visible; overflow-x: inherit; text-overflow: inherit; padding:3px; } .entry-body table, .entry-body td { vertical-align:top !important; } .entry-body br { padding-bottom:10px; } #profile-interact ul li { margin-bottom: 5px; } #welcome-page th { font-size: 20px; padding: 10px 0px 20px 0px; } #welcome-page table th { border-bottom-style: solid; border-bottom-width: 1px; font-size: 18px; padding: 10px 0px 5px 0px; text-align: left; } #welcome-left img { border-style: solid; border-width: 1px; padding: 4px; } #welcome-list tr { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 10px; } #welcome-list tr.button { border: none; padding-bottom: 10px; } /* What to do now */ #what-now { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; } #what-now h3 { border-color: #E2C822; } #what-now-list { margin: 0px auto; width: 480px; } #what-now-list li { display: block; float: left; width: 140px; } #what-now-list li.one { margin-right: 15px; } #what-now-list li.two { margin: 0px 15px; } #what-now-list li.three { margin-left: 15px; } #what-now-list li .title { font-size: 14px; } #what-now-list li .icon { display: block; margin-top: 2px; } #what-now-list li .desc { font-size: 11px; line-height: 14px; } #what-now .close { font-size: 11px; padding: 0px 3px; } #quick-help a { color: transparent; font-weight: bold; } #quick-help .close { padding: 0px; color: #191919; } .calendar caption { background-color:white; } .calendar .prev, .calendar .month, .calendar .year, .calendar .next { padding:0px 5px; } .calendar div { border:4px solid #666; background-color:white; color:#777!important; } .calendar .valid { color:#222; } .calendar td { cursor:pointer; text-align:center; } .calendar table th { font-weight:bold; background-color: #CCC; } .calendar table td { padding:4px; } button.calendar { width:20px; height:20px; background-image: url('http://static.socialgo.com/icons/calendar_view_month.png'); background-repeat: no-repeat; } #forum-index-list h3 { border-bottom-style: solid; border-bottom-width: 2px; line-height: 34px; margin-top: -5px; margin-bottom: 10px; } #forum-index-list table { width: 746px; border-collapse:collapse; } #forum-index-list table thead th { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 3px; } #forum-index-list table thead th.forum-icon { width: 32px; } #forum-index-list table thead th.forum-name { padding-right: 10px; text-align: left; width: 350px; } #forum-index-list table thead th.forum-posts { padding-right: 10px; text-align: center; } #forum-index-list table thead th.forum-views { padding-right: 10px; text-align: center; } #forum-index-list table thead th.forum-last-post { padding-left: 5px; text-align: left; } #forum-index-list table tbody tr td { border-bottom-style: solid; border-bottom-width: 1px; padding: 10px 0px; } #forum-index-list table tbody tr td.forum-icon { text-align: center; } #forum-index-list table tbody tr td.forum-icon img { margin-top: 10px; } #forum-index-list table tbody tr td.forum-name { font-size: 11px; padding-right: 10px; } #forum-index-list table tbody tr td.forum-name a { font-size: 16px; } #forum-index-list table tbody tr td.forum-name a.no-desc { line-height: 35px; } #forum-index-list table tbody tr td.forum-posts, #forum-index-list table tbody tr td.forum-views { font-size: 12px; line-height: 35px; padding-right: 10px; text-align: center; } #forum-index-list table tbody tr td.forum-last-post { padding-left: 5px; padding-top: 12px; } body.form-box, body.form-box .form-box { background-image: none; border:0px 0px 0px 0px!important; } form#theform-uploader .likeParent { font: inherit; color: inherit; text-decoration: inherit; } form#theform-uploader a.likeParent, form#theform-uploader a.likeParent:link, form#theform-uploader a.likeParent:active, form#theform-uploader a.likeParent:visited, form#theform-uploader a.likeParent:hover { font: inherit; color: #000000; text-decoration: none; } form#theform-uploader legend { font-weight: bold; color: Black; } form#theform-uploader fieldset.flash { width: 375px; margin: 10px 0px 10px 0px; border-color: #D9E4FF; } form#theform-uploader .progressWrapper { width: 357px; overflow: hidden; } form#theform-uploader .progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; } form#theform-uploader .red /* Error */ { border: solid 1px #B50000; background-color: #FFEBEB; } form#theform-uploader .green /* Current */ { border: solid 1px #DDF0DD; background-color: #EBFFEB; } form#theform-uploader .blue /* Complete */ { border: solid 1px #CEE2F2; background-color: #F0F5FF; } form#theform-uploader .progressName { font-size: 8pt; font-weight: bold; color: #555555; width: 320px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; } form#theform-uploader .progressBarInProgress, form#theform-uploader .progressBarComplete, form#theform-uploader .progressBarError { font-size: 0px; width: 0%; height: 15px; background-color: #3344FF; margin-top: 2px; } form#theform-uploader .progressBarComplete { width: 100%; background-color: green; visibility: hidden; } form#theform-uploader .progressBarError { width: 100%; background-color: red; visibility: hidden; } form#theform-uploader .progressBarStatus { margin-top: 2px; width: 337px; font-size: 12px; text-align: left; white-space: nowrap; } form#theform-uploader a.progressCancel, form#theform-uploader a.progressCancel:link, form#theform-uploader a.progressCancel:active, form#theform-uploader a.progressCancel:visited, form#theform-uploader a.progressCancel:hover { font-size: 0px; display: block; height: 16px; width: 16px; background-image: url(http://static.socialgo.com/icons/cancel.png); background-repeat: no-repeat; background-position: 0px 0px; float: right; } form#theform-uploader a.progressCancel:hover { background-position: 0px 0px; } div.snm_rating { float: left; margin: 0; padding: 0; width: 80px; height: 20px; position: relative; } #snm_rating_votes { float: left; font-size: 11px; height: 25px; margin-left: 5px; width: 90px; } div.snm_rating .rate { display: block; width: 20px; height: 16px; text-decoration: none; position: absolute; padding: 0; top: 0px; left: 0px; } div.snm_rating .rating_bg { z-index: 1; width: 80px; position: absolute; height: 16px; top: 0; background-repeat: no-repeat; background-image: url(http://static.socialgo.com/icons/custom/stars_default.png); _background-image: url(http://static.socialgo.com/icons/custom/stars_default.gif); } div.snm_rating .current-rating { position: absolute; top: 0px; height: 16px; display: block; z-index: 2; background-repeat: no-repeat; background-image: url(http://static.socialgo.com/icons/custom/stars_over.png); _background-image: url(http://static.socialgo.com/icons/custom/stars_over.gif); } div.snm_rating a:hover { position: absolute; height: 16px; top: 0px; height: 16px; display: block; z-index: 3; background-repeat: no-repeat; background-image: url(http://static.socialgo.com/icons/custom/stars_over.png); _background-image: url(http://static.socialgo.com/icons/custom/stars_over.gif); } .rating_text { margin-left: 3px; line-height: 18px; } div.snm_rating a.rating_0 { width: 0px !important; z-index: 10; } div.snm_rating a.rating_1 { z-index: 8; width: 16px !important; } div.snm_rating a.rating_2 { z-index: 7; width: 32px !important; } div.snm_rating a.rating_3 { z-index: 6; width: 48px !important; } div.snm_rating a.rating_4 { z-index: 5; width: 64px !important; } div.snm_rating a.rating_5 { z-index: 4; width: 80px !important; } div.snm_rating .rate-0 { width: 0px !important; } div.snm_rating .rate-1 { width: 16px !important; } div.snm_rating .rate-2 { width: 32px !important; } div.snm_rating .rate-3 { width: 48px !important; } div.snm_rating .rate-4 { width: 64px !important; } div.snm_rating .rate-5 { width: 80px !important; } div.rating-box div.form-error { width: 220px; } div#forum div.forum-buttons { display: block; margin-bottom: 10px; } div#forum div.code { padding: 5px; } div#forum #list-forums table { padding: 0px; margin: 0px; border: 0px; width: 800px; } div#forum #forum-index-list table th { padding: 5px; } div#forum #list-forums th{ font-size: 110%; font-weight: bolder; } div#forum #list-forums th .about{ text-align: left !important; } div#forum #list-forums th, #list-forums td{ padding: 2px 5px; } div#forum #list-forums td.member { padding-top: 10px; text-align: center; width: 120px; } div#forum td.member a { font-size: 12px; } div#forum td.member ul { padding: 5px 0px; } div#forum td.member ul li a { font-size: 10px; } div#forum td.about{ width: 520px!important; } div#forum td.details{ width: 170px; } div#forum #list-forums td.message { font-size: 13px; padding: 10px; width: 450px!important; } div#forum .icon{ width: 12px; height: 12px; } div#forum .num_topics{ width: 60px; font-size: 105%; font-weight: bolder; text-align: center; } div#forum .num_posts{ width: 60px; font-size: 105%; font-weight: bolder; text-align: center; } div#forum .list-name{ font-weight: bolder; } div#forum .message{ } div#forum .description{ overflow: hidden; text-align: left; } div#forum .small{ font-size: 100%!important; } div#forum .small a { margin: 10px 0px 0px 0px; } div#forum #breadcrumbs .crumb{ font-size: 120%; } div#forum .pagination ul{ padding: 3px; border: 0px; clear: both; } div#forum textarea{ width:640px; height:200px; } div#forum blockquote{ padding:3px; margin:5px 0px; } div#forum blockquote.note{ background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; } div#forum blockquote.deleted{ background-color: #FDE6E3; border: 1px solid #BA0012; color: #333333; } div#forum .minor-options li{ margin: 0px 3px; width: 120px; } div#forum .minor-options li img{ float: right; margin: 0px 2px; } /* @end */ /* @override http://static.socialgo.com/css/reset.css,grid.css,forms.css,main.css,structure.css */ /* @file reset.css */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background-color: transparent; border: 0px; font-family: inherit; font-size: 100%; font-style: normal; font-weight: normal; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; } body { line-height: 1em; background: black url(http://www.networklogic.net/body_bg.jpg) repeat-x; } html { background: url(http://www.networklogic.net/body.jpg) repeat-x black ; } ol, ul { list-style: none; } b, strong { font-weight: bold; } i, em { font-style: italic; } blockquote, q { quotes: none; } p { padding-bottom: 1em; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0px; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0px; } /* @end */ /* @file grid.css */ /*------------------------------------------------------------------ [Grid Stylesheet] Project: SocialGO Revision: <%build%> Version: 1.0 Last Change: <%svn-last-changed-date%> [<%svn-last-changed-revision%> - <%svn-last-changed-author%>] -------------------------------------------------------------------*/ /* @group Grid Styles : 55px/10px */ .one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.ten,.eleven,.twelve,.thirteen,.fourteen,.fifteen { /* Apparently only in IE ... */ /*overflow-x: hidden;*/ } .one { width: 55px; } .two { width: 120px; } .three { width: 185px; } .four { width: 250px; } .four object { height: 300px; } #profile .four { width: 220px; } .five { width: 315px; } .six { width: 380px; } .seven { width: 445px; } .eight { width: 510px; } .nine { width: 575px; } .ten { width: 640px; } .eleven { width: 705px; } .twelve { width: 770px; } .thirteen { width: 835px; } .fourteen { width: 900px; } .fifteen { width: 955px; } .full-screen { width: 100%; } /* @end */ /* @end */ /* @file forms.css */ /* @group Default Form Styles */ input, textarea, select { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; } .form-box { border-bottom-style: solid; border-bottom-width: 1px; border-right-style: solid; border-right-width: 1px; margin-bottom: 10px; padding: 10px; } .form-box h2 { border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; font-weight: bold; line-height: 23px; margin-bottom: 7px; padding-bottom: 3px; text-indent: 7px; } .form-box .desc { line-height: 20px; padding: 0px 10px; } form fieldset, .fieldset { border-style: solid; border-width: 1px; margin: 10px 0px 2em 0px; padding: 10px 10px; } /* Maybe - Can't see this working */ .form-box-content-box { border-style: solid; border-width: 1px; margin-bottom: 10px; padding: 10px 15px; } /* end Maybe */ form label { clear: both; display: block; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; line-height: 1.7em; margin-bottom: 1px; text-transform: none; } form br { clear: both; display: block; } form input[type=text], form input[type=password] { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 1.1em; margin: 0px 10px 4px 0px; padding: 4px; } form textarea { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 1em; margin-bottom: 8px; padding: 4px; width: 68%; } form select { background-color: #FFFFFF; border: 1px solid #CCCCCC; font-size: 1em; margin: 0px 15px 10px 0px; padding: 1px; } form .radio-buttons { margin-bottom: 10px; } form .radio-buttons span { margin-right: 10px; } form .radio-buttons span input, form .check-buttons span input { margin-right: 5px; } form .check-buttons span { display: block; margin: 0px 0px 5px 30px; } form .cq-check-buttons span { display: block; margin: 0px 0px 5px 0px; } .input-desc { display: block; font-size: 11px; line-height: 16px; padding-bottom: 10px; } .form-sub-box { border-style: solid; border-width: 1px; margin-bottom: 10px; padding: 10px; } /* @end */ /* @group Specific Form Styles */ #form-dob-month, #form-dob-day, #form-dob-year, #dob-month, #dob-day, #dob-year, #date-mm, #date-dd, #date-yyyy, #date-h, #date-m { margin-right: 5px; width: auto; } #date-yyyy { margin-right: 30px; } form #form-name { margin-right: 15px; } form .location { width: 350px; } form .location-map { height: 350px; width: 350px; } form .location-loading-text { float: left; height: 350px; line-height: 350px; position: absolute; text-align: center; width: 350px; } form .location .input-desc { text-align: center; } .profile-picture-left { float: left; text-align: center; width: 250px; } .profile-picture-right { float: right; width: 410px; } .profile-picture { width:230px; padding-bottom: 10px; } .picture-dropdown { margin-top: -38px; } #gallery-selected { width: auto; } .form-box h3 { border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; font-weight: bold; line-height: 23px; margin-bottom: 10px; padding-bottom: 3px; text-align: left; text-indent: 7px; } .upload-box .create-album { float: right; width: 365px; } .upload-box .select-album { float: left; width: 365px; } #fsUploadProgress1 { margin-top: 10px; } #form-cancel-account .buttons, #form-cancel .buttons { margin-top: 10px; } #lightbox .form-box { margin-bottom: 0px; } #lightbox form fieldset { margin-bottom: 0px; } #member-send-message textarea { width: 407px; } #lightbox .buttons { margin-top: 10px; } .form-notice { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; padding: 10px 0px; text-align: center; } .form-error { background-color: #FBE3E4; border: 1px solid #FBC2C4; color: #333333; font-weight: bold; padding: 10px 0px; text-align: center; clear:both; } .form-error p { padding:0px 0px 30px 0px; } .form-error a { color:#333333!important; } h2 img { margin:0px 6px -1px -3px; } /* */ /* @end */ form#form-signup span.payment_value { line-height: 12px; margin-right: 15px; } form#form-signup input.payment_radio { margin: 0 4px 0 4px; } /* @group Sign In Styles */ #sb-signin { padding: 5px; } #sb-signin form fieldset { margin: 5px auto 0px auto; padding: 10px; background: transparent; border: 0px; } #sb-signin form input { margin-right: 0px; width: 140px; } #sb-signin form input[type=checkbox] { width:auto; } /* @end */ /* Autocompleter */ li#autocomplete-list ul.holder { color: #000000; margin: 0; width: 500px; overflow: hidden; height: auto !important; height: 1%; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 4px 5px 0; } li#autocomplete-list *:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */ li#autocomplete-list ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; } li#autocomplete-list ul.holder li.bit-box, li#autocomplete-list ul.holder li.bit-input input { font-size: 11px; } li#autocomplete-list ul.holder li.bit-box { border: 1px solid #CAD8F3; background: #EEEEEE; padding: 1px 5px 2px; color: #000000; } li#autocomplete-list ul.holder li.bit-box-focus { border-color: #598BEC; background: #DDDDDD; color: #fff; } li#autocomplete-list ul.holder li.bit-input input { width: 50px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */ li#autocomplete-list ul.holder li.bit-input input.smallinput { width: 20px; color: #000000; } li#autocomplete-list form ol { font-size: 11px; margin: 0; padding: 0; } li#autocomplete-list form ol li.input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; } li#autocomplete-list form ol li.input-text input { width: 500px; padding: 5px 5px 6px; font-size: 11px; border: 1px solid #999; } li#autocomplete-list form ul.holder { width: 500px; } li#autocomplete-list ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; } li#autocomplete-list ul.holder li.bit-hover { background: #DDDDDD; border: 1px solid #CCCCCC; color: #000000; } li#autocomplete-list ul.holder li.bit-box-focus { border-color: #CCCCCC; background: #BBBBBB; color: #000000; } li#autocomplete-list ul.holder li.bit-box a.closebutton { position: absolute; display: block; height: 12px; right: 0px; top: 1px; width: 14px; font-size: 1px; background: url('http://static.socialgo.com/icons/bullet_toggle_minus.png'); _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.socialgo.com/icons/bullet_toggle_minus.png'); } li#autocomplete-list #userlist-box { display: none; position: absolute; width: 512px; background: #EEEEEE; } li#autocomplete-list #userlist-box .default { padding: 5px 7px; font-size: 11px; border: 1px solid #ccc; border-width: 0 1px 1px; } li#autocomplete-list #userlist-box ul { display: none; margin: 0; padding: 0; } li#autocomplete-list #userlist-box ul li { padding: 5px 12px; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font-size: 11px; } li#autocomplete-list #userlist-box ul li em { font-weight: bold; font-style: normal; background: #ccc; } li#autocomplete-list #userlist-box ul li.auto-focus { background: #CCCCCC; color: #000000; } li#autocomplete-list #userlist-box ul li.auto-focus em { background: #AAAAAA; } div#box-guest li#autocomplete-list { float: left; width: 150px; } div#box-guest div.available_friends ul#user_list { overflow-y: auto; height: 200px; margin-right: 10px; } div#box-guest div.available_friends { width: 250px; } div#box-guest div.available_friends, div#box-guest div.email_friends, div#box-guest div.invite_friends { font-size: 11px; margin-top: 10px; float: left; } div#box-guest div.invite_friends { width: 220px; } div#box-guest div.attending { font-size: 11px; margin-left: 10px; } div#box-guest li#autocomplete-list #userlist-box { width: 212px; } div#box-guest li#autocomplete-list ul.holder { width: 200px; } div#box-guest li#autocomplete-list ul.holder li.bit-box { width: 180px; } div#box-guest #user_list li.user-new a { position: relative; height: 12px; left: 0px; top: 1px; width: 14px; font-size: 11px; padding-left: 15px; background: url('http://static.socialgo.com/icons/bullet_add.png'); background-repeat: no-repeat; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.socialgo.com/icons/bullet_add.png'); } /* Date Picker */ input.date_picker{ display: block; width: 150px; padding: 2px 2px 1px 24px !important; font-size: 12px; background: #fff url(http://icons.dev-world.com/custom/dateinput.gif) no-repeat top left; cursor: pointer; } input:focus.date_picker{ background: #EFEFEF url(http://icons.dev-world.com/custom/dateinput.gif) no-repeat top left; } div.dp_container{ position: relative; padding: 0; z-index: 500; } div.dp_container .dp_cal{ background-color: #fff; border: 1px solid #CCCCCC; position: absolute; width: 177px; top: 24px; left: 0; margin: 0px 0px 3px 0px; } div.dp_container .dp_cal table{ width: 100%; border-collapse: collapse; border-spacing: 0; } div.dp_container .dp_cal select{ margin: 2px 3px; font-size: 11px; } div.dp_container .dp_cal select option{ padding: 1px 3px; } div.dp_container .dp_cal th, div.dp_container .dp_cal td{ width: 14.2857%; text-align: center; font-size: 11px; padding: 2px 0; } div.dp_container .dp_cal th{ border: solid #aad4f2; border-width: 1px 0; color: #797774; background: #daf2e6; font-weight: bold; } div.dp_container .dp_cal td{ cursor: pointer; } div.dp_container .dp_cal thead th{ background: #d9eefc; } div.dp_container .dp_cal td.dp_roll{ color: #000; background: #DDDDDD; } /* must have this for the IE6 select box hiding */ div.dp_container .dp_hide{ visibility: hidden; } div.dp_container .dp_empty{ background: #eee; } div.dp_container .dp_today{ background: #daf2e6; } div.dp_container .dp_selected{ color: #fff; background: #328dcf; } /* @end */ /* @file main.css */ /*------------------------------------------------------------------ [Main Stylesheet] Project: SocialGO Revision: <%build%> Version: 1.0 Last Change: <%svn-last-changed-date%> [<%svn-last-changed-revision%> - <%svn-last-changed-author%>] -------------------------------------------------------------------*/ /* @group Base Styles */ body, td, th, textarea, h1, h2, h3, h4, h5, h6 { font: 83%/1.4em "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif; } a:hover { text-decoration: underline; } h1 { font-size: 180%; font-weight: normal; } h2 { font-size: 155%; font-weight: normal; } h3 { font-size: 135%; font-weight: normal; } h4 { font-size: 100%; font-weight: bold; } strong { font-weight: bold; } em { font-weight: italic; } input { background-color: #FFFFFF; border: 1px solid #CCCCCC; _border: none; font-size: 1.1em; margin: 0px 10px 8px 0px; } /* @end */ /* @group Header Styles */ div#wrapper-header-outer { border-bottom-style: solid; border-bottom-width: 0px; border-top-style: solid; padding-bottom: 5px; position: relative; } div#wrapper-header-outer.has-full-header-image { border-top: none; padding-top: 4px; } div#wrapper-header-outer.has-body-header-image { border-top: none; padding-bottom: 0px; } div#wrapper-header-inner { height: 155px; width: 100%; } div#wrapper-header.has-body-header-image { padding: 0px 0px 0px 0px; } div#header { } div#header h1 { padding: 10px 25px; } div#header h1 a { font-size: 0px; line-height: 113px; } div#header h1 img { margin-bottom: -5px; } div#search-bar-background { float: right; height: 0px; margin: -2000px 0px -0px 0px; width: 0px; } /* @end */ /* @group Main Navigation Styles */ div#navigation-wrapper { margin-top: 0px; width: 770px; margin-left: 10px; height: 70px; background: url(http://www.networklogic.net/buttonbk.jpg); } ul#main-navigation { margin: 0px 5px 0px 10px; width: 775px; } ul#main-navigation li { display: block; float: left; font-weight: bold; height: 70px; margin: 0px 0px 0px 0px; position: relative; } /* @end */ /* @group Main Content Styles */ div#wrapper-container { margin: 0px auto; margin-top: -5px; width: 975px; min-height: 100%; } div#body-container { height: 100%; position: relative; margin-left: 0px; width: 975px; padding-bottom: 0em; background: #3c3c3c url(http://www.networklogic.net/sidebarbk.png); } div#container { float: left; /* * Minimum Height of the Main Content * Match this with the sidebar width */ min-height: 600px; position: relative; width: 780px; background: #4d4d4d; } /* @end */ /* @group Sub Navigation Styles */ /* @end */ /* @group MICRO Navigation Styles */ ul.micro-navigation { margin-bottom: 3px; font-size: 12px; } ul.micro-navigation li { display: block; float: left; margin: 2px 3px 0px 3px; padding: 1px 3px; } ul.micro-navigation li.nav-selected { margin: 2px 3px 0px 1px; } ul.micro-navigation li.nav-selected a { font-size: 13px; padding: 11px; } ul.micro-navigation li.right { float: right; } /* @end */ /* @group Sidebar Styles */ /* @end */ /* @group Sidebar Search Styles */ div.search-input { width: 145px; } div.search-button a { cursor: pointer; height: 14px; width: 16px; } div.search-button a:hover { text-decoration: none; } /* @end */ /* @group Sidebar User Account Styles */ div#sb-user-account div.user-photo img { float: left; width: 40px; height: 40px; } div#sb-user-account div.user-photo a { float: left; background: url(http://www.networklogic.net/pic_bk.png) no-repeat; padding: 4px; padding-left: 0px; } div#sb-user-account div.user-photo a:hover { cursor: pointer; text-decoration: none; } div#sb-user-account span#user-photo-change { background-color: #000000; color: #FFFFFF; float: left; font-size: 10px; font-weight: bold; height: 54px; position: absolute; text-align: center; text-transform: uppercase; top: 0px; width: 54px; /* CSS Opacity for all browsers */ filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.7; } div#sb-user-account span#user-photo-change img { float: left; height: 16px; margin: 13px 0px 0px 20px; width: 16px; } div#sb-user-account h2.user-nickname { font-size: 14px; font-weight: 600; margin-bottom: 3px; overflow: hidden; /* ONLY IF THE USER NAME SPANS ONE LINE ... */ /* padding-top: 7px;*/ width: 110px; } div#sb-user-account h2.user-nickname a { color: #0065ad; font-weight: bold;} div#sb-user-account div.user-quick-options { font-size: 11px; margin-left: 60px; } div#sb-user-account div.user-quick-options a { color: black; margin-left: 0px; padding: 0px; padding-bottom: 5px; padding-top: 0px; padding-right: 0px; } /* @end */ /* @group Sidebar Big Link Style */ div.sb-big-link { margin-bottom: 20px; padding: 0px 5px; } div.sb-big-link a { cursor: pointer; } div.sb-big-link a:hover { text-decoration: none; } div.sb-big-link div.big-link-block { border-style: solid; border-width: 0px; height: 26px; padding: 5px 5px; padding-left: 10px; background-color:transparent; } div.sb-big-link div.big-link-block div.icon { float: left; margin: 5px 10px 0px 0px; } div.sb-big-link div.big-link-block div.text { float: left; font-size: 12px; line-height: 22px; color: #b5e1ff; margin-top: 2px; } div.sb-big-link div.big-link-block div.arrow { display: none; float: right; margin-top: -1px; } div#sb-invite-contacts.sb-big-link div.big-link-block div.arrow { margin-top: 1px; } /* @end */ /* @group Manage Account Dropdown */ ul#manage-dropdown li { border-style: solid; border-width: 1px; border-top: none; padding: 6px 8px 0px 4px; width: 145px; margin-left: 5px; } ul#manage-dropdown li a:hover { text-decoration: none; } ul#manage-dropdown li div.manage-icon { display: block; float: left; margin: 1px 8px 0px 0px; width: 16px; } /* @end */ /* @group Sidebar Box Styles */ div.sidebar-box { margin: 0px 4px 20px 4px; } div.sidebar-box h2 { border-bottom-style: solid; border-bottom-width: 0px; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 10px; background: transparent url(http://www.networklogic.net/accountblank.png); } /* @end */ /* @group Sidebar Current Status Styles */ div#sb-current-status-wrapper { width: 177px; } div#sb-current-status-change div { width: 146px; background: black url(http://www.networklogic.net/statusbk.png) no-repeat; color: wheat; margin-left: 10px; padding-left: 5px; border: 1px dotted white; } /* @end */ /* @group Sidebar Inbox Styles */ ul#sb-moderate-list li.no-moderate-items { text-align: center; } ul#sb-inbox-list li a:hover, ul#sb-moderate-list li a:hover { text-decoration: none; } ul#sb-inbox-list li a div.inbox-icon, ul#sb-moderate-list li a div.inbox-icon { display: block; float: left; margin: 1px 6px 0px 0px; } ul#sb-inbox-list li.unread a, ul#sb-moderate-list li.unread a { color: #333333; } /* @end */ /* @group Sidebar Add New Styles */ ul#sb-add-list li { border-bottom-style: solid; border-bottom-width: 1px; border-right-style: solid; border-right-width: 1px; display: block; float: left; height: 54px; margin-right: 3px; margin-bottom: 5px; width: 52px; } ul#sb-add-list li a:hover { cursor: pointer; text-decoration: none; } ul#sb-add-list li div.add-icon { margin: 3px 10px 0px 10px; } ul#sb-add-list li div.add-text { font-size: 11px; margin-top: -4px; padding-bottom: 2px; text-align: center; width: 52px; } /* @end */ /* @group Sidebar Friends Online Styles */ ul#sb-friends-list li.no-friends { text-align: center; background-color: #c8cac6; color: black; } ul#sb-friends-list li a:hover { text-decoration: none; } ul#sb-friends-list li div.friends-icon { display: block; float: left; margin: 1px 6px 0px 0px; } ul#sb-friends-list li div.friends-text { line-height: 21px; } div#sidebar a.start-chat { display: block; float: right; margin-top: 2px; position: absolute; right: 4px; } div#sidebar a.start-chat:hover { cursor: pointer; } div#sidebar a.start-chat span.front { display: block; float: left; height: 18px; width: 5px; } div#sidebar a.start-chat span.middle { display: block; float: left; height: 18px; width: 16px; } div#sidebar a.start-chat span.end { display: block; float: left; height: 18px; width: 5px; } /* @end */ /* @group Sidebar Upcoming Events Styles */ ul#sb-upcoming-list li { border-bottom-style: solid; border-bottom-width: 1px; min-height: 22px; padding: 6px; } ul#sb-upcoming-list li a:hover { cursor: pointer; text-decoration: none; } ul#sb-upcoming-list li div.event-today { display: block; float: right; margin: 3px -2px 0px 0px; } ul#sb-upcoming-list li div.event-title { height: 20px; overflow: hidden; width: 163px; } ul#sb-upcoming-list li div.event-title.today { width: 100px; } ul#sb-upcoming-list li div.event-text { font-size: 11px; margin-top: -5px; } ul#sb-upcoming-list li div.no-events { text-align: center; } /* @end */ /* @group Temp : Report A Bug Styles */ div#sb-report-bug div.sidebar-box-content { padding: 10px; } /* @end */ /* @group Footer Styles */ div#footer.show-content-background { width: 975px; } ul#footer-links li { float: left; font-size: 11px; line-height: 30px; margin: 13px 7px 10px 7px; } /* @end */ .left, .grid-left { float: left; } /* @group Lightbox Styles */ div.lightbox-overlay { display: none; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } div.lightbox-wrapper { display: none; left: 0px; position: absolute; text-align: center; top: 0px; width: 100%; } div.lightbox { background-color: #FFFFFF; border: 2px solid #DDDDDD; color: #000000; display: none; margin: 0px auto; padding: 5px; position: absolute; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.lightbox div.lightbox-close-button a { background-image: url('http://static.socialgo.com/icons/lightbox-close.png'); _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.socialgo.com/icons/lightbox-close.png') background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 25px; left: -13px; position: absolute; top: -11px; width: 25px; } div.lightbox-content { display: block; height: 100%; width: 100%; } div.lightbox-content-box { margin-bottom: 0px; } /* @end */ /* @group Notices */ .info-notice, .alert-notice, .error-notice { background-color: #DFF4FF; border: 1px solid #72A0B6; color: #333333; font-size: 11px; margin-bottom: 10px; padding: 10px; text-align: left; } .alert-notice { background-color: #FFFFE0; border: 1px solid #E6DB55; } .error-notice { background-color: #FFEBE8; border: 1px solid #CC0000; } .info-notice h5, .alert-notice h5, .error-notice h5 { font-size: 13px; font-weight: bold; } form .error-notice { display: none; } /* @end */ /* @group Form Errors */ .input-error { background-color: #FFEBE8 !important; border: 1px solid #CC0000 !important; } /* @end */ /* @group Self Clearing Floats */ /* @end */ /* @end */ /* @file structure.css */ .entry-body ul { list-style-type: disc; margin: 0px 0px 10px 10px; } .entry-body ol { list-style-type: decimal; margin: 0px 0px 10px 10px; } table, td, tr { vertical-align:top; } /* @end */ /* @group Main Content Styles */ #main-content h2.form-title { margin: 0px 10px 10px 10px; padding: 5px; } #main-content h2.form-title a.edit { font-size: 12px; line-height: 8px; margin-left: 10px; } /* @end */ /* @group Content Box Styles */ .custom ol { list-style-type: decimal; margin-left: 30px; } .custom ul { list-style-type: disc; margin-left: 30px; } .code-box { border:solid #ccc 1px; background-color:#fafafa; margin: 3px; padding: 5px; } .code-box h4{ text-align:left; } /* All the no-heading content boxes */ #welcome-list { padding: 7px; } #members-home-list, #groups-home-list, #events-home-list, #magazine-list { border-bottom-style: solid; border-bottom-width: 0px; margin-bottom: 5px; } #welcome-list { margin-bottom: 5px; } #groups-home-list, #events-home-list { padding: 0px; } .content-box h2 { border-bottom-style: dotted; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 23px; text-indent: 7px; text-transform: uppercase; } #what-now h3 { border-bottom-style: solid; border-bottom-width: 1px; font-weight: normal; line-height: 24px; margin: 5px; padding-bottom: 5px; } #what-now a { color: #333333; } #what-now h3 img { float: left; margin-right: 5px; } .content-box-content { padding: 10px; background: #9c979a url(http://www.networklogic.net/paper_odd_03.png); padding-bottom: 10px; } /* All the no-heading content boxes */ #profile-about .content-box-content, #profile-location .content-box-content, #members-home-list .content-box-content, #profile-interact .content-box-content, #groups-home-list .content-box-content #events-home-list .content-box-content, #magazine-list .content-box-content { margin: 0px; border: 1px dotted #6b6b6b; background: #7f7f7f repeat-x left top; padding: 10px; margin-top: 7px; padding-bottom: 6px; } #members-home-list .content-box-content { background: url(images/paper_odd_03.png); } #members-home-list .content-box-content a, #magazine-list .content-box-content { color: #666;} #profile-location .content-box-content { padding: 7px; } .content-box h4 { font-size: 14px; font-weight: bold; margin-bottom: 10px; text-align: center; } /* @end */ /* @group Event/Group/Member Profile Detail Styles */ .profile-details-box { border-top-style: solid; border-top-width: 1px; margin-bottom: 10px; padding-top: 10px; } .profile-details-box h5 { font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; color: #f70; } .quick-info { border: none; margin-left: 5px; } .quick-info h3 { font-size: 18px; line-height: 18px; margin-bottom: 5px; } .details-info { margin-bottom: 0px; } .custom-questions { font-size: 11px; margin: 10px 0px 0px 5px; } .profile-info-question { font-weight: bold; margin-bottom: 2px; } .profile-info-answer { font-size: 12px; margin-bottom: 10px; margin-left: 10px; } .videos-album-list { text-align:center; } .videos-album-list li.video_item { height: 135px; width: 350px; margin-right: 10px; margin-left: 5px; float: left; position: relative; } li.video_item div.video_thumb { background-image: url(http://static.socialgo.com/icons/custom/no-video.png); float: left; } li.video_item div.video_thumb, li.video_item div.video_thumb img { width: 130px; height: 97px; } li.video_item .moderate-block { background-color: #EEEEEE; position:absolute; height: 93px; padding: 2px; float: left; top: 1px; left: 1px; width: 15px; opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); } li.video_item .moderate-block img { width: 16px; height: 16px; } li.video_item div.video_infos { margin-left: 5px; width: 210px; height: 100px; float: left; font-size: 11px; text-align: left; overflow: hidden; } li.video_item div.video_infos div.video_title, li.video_item div.video_infos div.video_by, li.video_item div.video_infos div.video_stats { overflow: hidden; width: 210px; float: left; } li.video_item div.video_infos div.video_title { font-weight: bold; font-size: 12px; height: 18px; } li.video_item div.video_infos div.video_by { height: 48px; } li.video_item div.video_infos div.video_stats { height: 15px; } li.video_item div.video_thumb div.video_duration { background-color: #000000; filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity: 0.6; padding: 0 2px 1px; height: 12px; position: absolute; right: 221px; top: 83px; _top: 80px; font-size: 10px; color: #FFFFFF; } li.video_item:hover div.video_thumb:hover div.play_button { background: url(http://static.socialgo.com/icons/mini_play.png); background-repeat: no-repeat; position: absolute; opacity: 0.8; left: 54px; top: 38px; width: 24px; height: 24px; } li.video_item div.video_infos div.select_video { float: right; text-align: right; width: 100px; height: 16px; } li.video_item div.video_infos div.video_by a { font-weight: bold; } li.video_item.small div.video_thumb { background-image: none; } li.video_item.small div.video_thumb, li.video_item.small div.video_thumb img { position: relative; height: 60px; width: 80px; float: left; } li.video_item.small div.video_infos { width: 135px; height: 72px; overflow: hidden; } li.video_item.small div.video_infos div.video_by { height: 15px; } li.video_item.small div.video_duration { right: 1px !important; top: 46px !important; _top: 43px !important; } li.video_item.small div.video_infos div.video_title { font-size: 11px; height: 15px; } div.video_tools { width: 225px; } /* @end */ /* default welcome styles */ #welcome-default td { vertical-align: middle; } #welcome-default h1 { padding:0px 0px 5px 0px; font-weight: normal; font-size: 22px; line-height: normal; } #welcome-default .feature-title { font-size:16px; } #welcome-default .feature-desc { font-weight:13px; } #welcome-default img { padding:0px 5px 5px 0px; } #welcome-list { font-size: 16px; } #welcome-left p { font-size: 16px; } #welcome-right table { border: 0px; } /* end default welcome styles */ /* @group Search Listing Styles */ .search-listing li { border-bottom-style: solid; border-bottom-width: 2px; margin-bottom: 10px; padding-bottom: 10px; text-align: left; } .search-listing .listing-photo { float: left; margin-right: 10px; height:75px; } .search-listing .listing-photo img { max-width: 75px; } .search-listing h3 { float: left; font-size: 18px; line-height: 25px; width: 375px; } .search-listing .member-online { color: green; float: left; line-height: 25px; margin: 0px 10px 0px 0px; width: 75px; } .search-listing .strapline { float: left; font-weight: bold; line-height: 20px; width: 450px; color: #737373; } .search-listing .listing-questions { float: left; width: 450px; } .search-listing .listing-questions li { border: none; float: left; font-size: 11px; line-height: 20px; margin: 0px 0px; padding: 0px; width: 300px; } .search-listing .listing-questions li strong { font-weight: bold; color: #646464; } .search-listing .listing-questions li .closed { float: left; margin-right: 5px; } .search-listing .interact-links { float: right; margin: 0px; padding: 0px 10px; width: 125px; } .search-listing .interact-links li { border-bottom: none; border-top-style: solid; border-top-width: 1px; font-size: 11px; margin: 0px; padding: 2px 5px; } .search-listing .interact-links li.interact-view-profile { border-top: none; } .search-listing .interact-links li:hover { cursor: pointer; } .search-listing .interact-links li a:hover { text-decoration: none; } /* @end */ /* @group Basic Profile List Styles */ .photos-list, .members-list { margin: 0px auto; text-align: center; width: 418px; } .photos-list { width: 425px; } .photos-list li, .members-list li { float: left; margin: 0px 4px 10px 4px; text-align: center; width: 59px; } .members-list img { width:57px; height:57px; } .photos-list li { height: 70px; width: 70px; padding: 2px; } .members-list li span { display: block; margin-top: 3px; } .members-list li span a { font-weight: bold; } /* @end */ /* @group Wall Post Styles */ .wall-posts li { border-bottom-style: solid; border-bottom-width: 1px; margin: 10px 0px; padding-bottom: 8px; } .wall-post .user-photo { float: left; margin: 0px 5px 0px 0px; } .wall-post .user-photo img.photo { width: 30px; height: 30px; } .wall-post .who-when { font-size: 11px; line-height: 15px; font-weight: bold; } .wall-post .content { line-height: 18px; width: 90%; float: left; } .wall-post .content p { font-size: 11px; margin: 0px; } .wall-post .wall-post-actions { float: right; font-size: 11px; height: 20px; } /* @end */ /* @group Photo View Styles */ .photo-info { float: left; margin-top: 4px; width: 440px; } .photo-info h3 { font-size: 16px; line-height: 26px; margin-bottom: 5px; } .photo-info h3 strong { font-weight: bold; } .photo-info-links { font-size: 12px; } #photo-single .photos-list { float: right; width: 300px; } .description { padding:10px; text-align:center; } /* @end */ /* @group Blog Styles */ .blog-list li { margin: 20px 0px; } .blog-list li h3 { line-height: 1.5em; } .blog-post h3 { border-bottom-style: dashed; border-bottom-width: 1px; font-size: 19px; font-weight: normal; line-height: 19px; margin: 0px 0px 5px 0px; padding: 0px 0px 8px 0px; } .blog-post h3 .icon { margin: 3px 5px 0px 0px; } .blog-post h3 a.edit { font-size: 12px; margin-left: 10px; } .blog-post .post-time { float: right; font-size: 10px; margin-top: -2px; } .blog-post .post-time strong { font-weight: bold; } .blog-post .post-comments { float: left; font-size: 11px; padding: 0px 0px 2px 0px; } .blog-post .post-comments strong { font-size: bold; } .blog-post .post-tags { float: right; font-size: 11px; padding: 0px 0px 2px 18px; } .blog-entry .entry-stats { font-size: 11px; line-height:16px; } .blog-entry .entry-body { margin-bottom: 10px; padding: 20px 4px; font-size: 12px; border-left: 1px solid #dfdfdf; margin-left: 110px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; } /* @end */ /* @group Profile Group List */ .profile-group-list li.group-list-item { border-bottom-style: solid; border-bottom-width: 1px; margin-top: 13px; padding-bottom: 10px; } .group-list-info { float: left; } .group-list-info .title { font-size: 13px; font-weight: bold; line-height: 15px; margin-top: 3px; width:225px; } .group-list-members { float: right; font-size: 9px; height: 20px; text-transform: uppercase; text-align:right; } .group-list-members strong { float: left; font-size: 20px; font-weight: normal; line-height: 20px; } .group-list-members span { line-height: 23px; margin-left: 2px; } /* @end */ /* @group Inbox List Styles */ #theform-inbox { width: 770px; } #message-items { display: block; width: 770px; } #message-items th { font-size: 11px; font-weight: bold; padding: 6px 0px; vertical-align: top; } #umc-notices .unread, #message-items tr.unread, #theform-inbox .unread { background-color: #FFF9D7!important; color:#000; padding:5px; } .umc-request-item { padding: 10px 0px; font-size:12px; } .unread a { color: #333333 !important; } #message-items .check { display: block; text-align: center; width: 30px; } #message-items td { padding: 7px 0px; vertical-align: top; } #message-items td a { display: block; text-decoration: none; width: 100%; } #message-items td a span { display: block; font-size: 11px; } #message-items td.check { padding-top: 14px; } #message-items .check img { cursor: pointer; } #message-items td.image { padding-top: 10px } #message-items .image { width: 30px; } #message-items .image { padding-left: 15px; padding-right: 5px; text-align: center; } #message-items .image img { height: 20px; width: 20px; } #message-items .sender { width: 130px; } #message-items td.sender { font-size: 12px; line-height: 25px; padding: 8px 0px 0px 3px; } #message-items td.sender span { display: inline; font-weight: bold; } #message-items td.sender em { display: block; font-style: normal; overflow: hidden; width: 110px; } #message-items .subject { width: 385px; } #message-items td.subject { display: block; font-size: 14px; font-weight: bold; margin-top: -8px; padding-right: 10px; overflow: hidden; white-space: nowrap; } /* Really Ugly CSS Hack for Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #message-items td.subject { margin-top: 0px; } } /* End Ugly CSS Hack for Safari */ #message-items td.noreply { display: block; line-height: 22px; } #message-items .subject a em { font-size: 11px; font-weight: normal; } #message-items td.subject a span { font-size: 10px; font-weight: normal; } #message-items td.date { font-size: 11px; line-height: 28px; margin-right: 25px; padding-top: 10px; } #message-items .date { width: 175px; } #message-items td.delete { padding-top: 15px; text-align: center; width: 30px; } #message-items .delete { width: 30px; } #message-table-bottom { margin-bottom: 10px; padding: 8px 25px 8px 0px; text-align: right; } #message-actions { float: right; width: auto; } #message-actions li { display: inline; float: left; } #message-actions li a { display: block; margin-top: 5px; } #message-actions li select { margin-bottom: 0px; } #message-actions li span { float: left; margin: 5px 8px 0px 0px; } /* @end */ /* #request-items { border-top: none; margin-bottom: 10px; width: 100%; } #request-items th { background-color: #F5F5F5; font-size: 12px; font-weight: bold; padding: 0px; vertical-align: top; } #request-items th.sender { padding-left: 5px; } #request-items td { padding: 5px 0px; vertical-align: top; } #request-items td.sender { padding-top: 7px; text-align: center; width: 90px; } #request-items td.details { padding-left: 10px; padding-top: 15px; } #request-items td.details h4 { font-size: 14px; margin: 0px 0px 5px 0px; } #request-items td.details p { color: #555555; font-size: 11px; margin: 0px; } #request-items td.action { float: right; padding-top: 20px; } #request-items td .buttons { width: 200px; } .message input { float: left; margin: 10px 5px 0px 0px; } .message .user-from, .message .user-to { float: left; font-size: 13px; overflow: hidden; width: 200px; } .message .user-from .user img, .message .user-to .user img { margin: 4px; max-height: 22px; vertical-align: middle; width: 20px; } .message .title { float: left; font-size: 15px; height: 25px; overflow: hidden; width: 405px; } .message h2 { float: left; line-height: 30px; } .message h2 a:link, .message h2 a:visited, .message h2 a:hover, .message h2 a:active { font-weight: bold; } .message .message-preview { font-size: 12px; height: 30px; line-height: 33px; overflow: hidden; text-indent: 5px; } .message .created { float: right; font-size: 10px; margin-top: 5px; text-align: right; width: 75px; } .message .created strong { font-weight: bold; } /* @end */ /* @group Lightbox Form Styles */ .lightbox-content-box { background-color: yellow; } /* @end */ /* @group Uploaded Entities List */ .upload-entity-list li .upload-preview { float: left; margin-right: 10px; } .upload-entity-list li .edit-upload-info { float: left; width: 360px; } .upload-entity-list li .upload-permissions { float: right; } #blog-create-upload { margin: 10px 0px; } .inline-upload h2 { margin-top: 0px; } /* @end */ /* @group Activity List Styles */ .activity-list li { border-bottom-style: solid; border-bottom-width: 0px; margin: 0px 0px 8px 0px; padding-bottom: 3px; } .activity-list .activity-delete { display:none; width:15px; height:16px; float:right; text-align: right; } /*.activity-list li:hover .activity-when { display:none; }*/ .activity-list li .activity-delete { display:none; } .activity-list li:hover .activity-delete { display:block; } .activity-list .activity-picture .photo { width:30px; height:30px; } .activity-text { font-size: 11px; padding: 5px!important; } .activity-text a { font-weight:bold; } .activity-icon { float: left; margin-right: 8px; } .activity-when, .activity-delete { float: right; text-align:right; width:80px; } .activity-text blockquote { margin: 5px 0px 0px 5px; width: 385px; clear:both; float:left; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } .activity-when, .activity-delete { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; } .activity-picture { float:right; } .activity-pictures { padding-left:10px; } .activity-pictures img { padding:5px; border:0px; width:50px; height:50px; } .activity-list .video-photo { padding:4px; max-width: 130px; _width: 130px; overflow-x: hidden; display:block; } .activity-list .video-desc { margin-left: 10px; } .activity-list h3 { font-weight:bold; font-size:11px; } .activity-list span { } /* @end */ /* @group Pagination Styles */ .pagination { margin-bottom: 5px; height: 20px; } .pagination-desc strong, .pagination-links strong { font-weight: bold; } .pagination-links { float: left; background: transparent; color: white; } .pagination-links li a.nav-selected { font-weight: bold; } /* @end */ /* @group Previous and Next Styles */ .arrow-left { display: block; height: 75px; float: left; text-align: center; width: 30px; } .arrow-right { display: block; height: 75px; float: right; text-align: center; width: 30px; } .picture-carousel .arrow-left, .picture-carousel .arrow-right { height: 45px; padding-top: 26px; } .picture-carousel .arrow-left { margin-right: 5px; } /* @end */ /* @group Button Styles */ /* BUTTONS */ .buttons button { width:auto; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } button:hover, .buttons a:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; } /* POSITIVE */ button.positive, .buttons a.positive{ color:#529214; } .buttons a.positive:hover, button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; } .buttons a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff; } /* NEGATIVE */ .buttons a.negative, button.negative{ color:#d12f19; } .buttons a.negative:hover, button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; } .buttons a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff; } /* @end */ /* @group Lightbox Styles */ #overlay { background-color: #000000; height: 500px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 100; } #lightbox { color: #222222; left: 0px; line-height: 18px; position: absolute; text-align: left; width: 100%; z-index: 101; } #lightbox-close-button a { background-image: url('http://static.socialgo.com/icons/lightbox-close.png'); background-position: left top; background-repeat: no-repeat; cursor: pointer; display: block; height: 25px; left: -11px; text-indent: -9999px; position: absolute; top: -11px; width: 25px; z-index: 999; } #outer-container { background-color: #FFFFFF; border: 1px solid #000000; margin: 0px auto; padding: 5px; position: relative; width: 600px; } #inner-container { display: block; padding: 2px; } /* @end */ /* @group Other Styles */ .action-inform { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } .action-alert { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } .action-alert a { color:#000!important; } .action-error { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } .admin-note { background-color: #f2feed; border:1px solid #9dcf87; padding:10px; font-size: 12px; color:#222; } .admin-note a { color:black; } .admin-note p { float:left; width:400px; padding:8px 0px 0px 10px; } .admin-note img { float:left; } .ajax-loading { opacity: 0.8; position: absolute; } .loading { background: url(http://static.socialgo.com/icons/custom/ajax-loader.gif); background-repeat: no-repeat; padding-left: 20px; } .left { float: left; } /* @end */ .icon { float: left; margin-right: 5px; } .icon-wrong { left: -4px; position: relative; top: -7px; } .more { float: right; font-size: 11px; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; } .more_rss { float: left; font-size: 11px; font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; } .status-online { /* replace with image ? */ color: green; float: right; margin-right: 5px; text-align:right; } .status-kick { /* replace with image ? */ color: #cc0000; float: right; margin-right: 5px; text-align:right; } .activity-list .photo { border-style: solid; border-width: 0px; padding: 2px 2px 2px 2px; margin:3px 5px; width:60px; height:60px; } .activity-picture { width:30px; height:30px; } .site-help { background-color: rgb(188, 228, 255); border: 1px solid #458AC3; color: #333333; padding: 5px; text-align: left; font-size:11px; margin-left:-9px; } .thumbnail { height: 20px; width: 20px; } /* Self Clearing Float Solution */ /* @end */ /* .action-alert { background-color: #FFF9D7; border: 1px solid #E2C822; color: #333333; margin-bottom: 10px; padding: 10px; text-align: center; } */ /* -------------------------------------------------------- */ /* Widget Styles */ /* -------------------------------------------------------- */ ul.widget-list { margin-top:-4px; } #home ul.widget-list { margin-top: 10px; } .widget-list li:first { padding-top:0px; } .widget-footer { margin:0px 0px 0px 0px; } .widget-footer a { float:right; width:195px; text-align:right; font-size:11px; padding:4px 4px 0px 0px; } /* -------------------------------------------------------- */ /* Forum Styles */ /* -------------------------------------------------------- */ .forum-list-title { float: right; line-height: 16px; margin-bottom: 2px; width: 205px; font-size:12px; padding-top:1px; } .forum-list-item img { float:left; padding-top:1px; } .forum-list-time { float:right; width:205px; font-size:10px; line-height:15px; } .forum-list-message { float: right; font-size: 10px; overflow: hidden; width: 205px; line-height:15px; } .group-forum-list-item{ padding-bottom:10px; } .group-forum-list-item img { float:left; margin:4px; } .group-forum-list-title { font-size:14px; float:left; width:280px; } .group-forum-list-time { float:right; font-size:10px; width:170px; text-align: right; } .welcome-list-title { float: right; margin-bottom: 1px; width: 182px; font-size:11px; padding-top:3px; height:32px; line-height: 15px; } .welcome-list img { float:left; } li.welcome-list { padding:2px; } .magazine-list-clip { float: right; font-size: 11px; width: 185px; } .magazine-authors .magazine-list-title, .magazine-authors .magazine-list-author { width:110px; float: left; } .entity-list img { padding:2px; } .news-list-item { padding:3px 0px 3px 0px; } .news-list-title { float: left; margin-bottom: 2px; width: 205px; font-size:12px; padding-top:1px; } .news-list-item img { float:right; padding-top:5px; } .news-list-time { float: left; font-size: 10px; width: 205px; color: #fff3cb; } /* -------------------------------------------------------- */ /* Photo View Styles */ /* -------------------------------------------------------- */ .photo-info { float: left; margin-top: 4px; width: 440px; } .photo-info h3 { font-size: 16px; line-height: 26px; margin-bottom: 5px; } .photo-info h3 strong { font-weight: bold; } .photo-info-links { font-size: 12px; } #photo-single .photos-list { float: right; width: 300px; } #photo-single .photos-list li { float: left; height: 54px; margin: 0px 0px 0px 5px; width: 54px; } .photo-single-image { /* background-color: red; */ margin-top: 10px; padding: 10px; text-align: center; width: 726px; } .photo-single-description { float: left; width: 515px; } .photo-single-interact { float: right; width: 225px; } .photo-single-bottom { margin-top: 10px; } .photo-single-comments { float: left; width: 515px; } .photos-album-list, .album-list { /* background-color: red; */ /*margin-top: 10px;*/ padding:3px; text-align:center; /*width: 726px;*/ } .photos-album-list li, .album-list li { float: left; width: 134px; height: 162px; margin: 4px; padding: 1px; } .photos-album-list li, .album-list li { /*line-height: 130px;*/ position: relative; } .photos-album-list li { height:170px; font-size:10px; } .photos-album-list .moderate-block { background-color: #EDEDED; height: 16px; opacity: 0.8; padding: 2px; float: left; top: 1px; width: 134px; } .photos-album-list .moderate-block img { width: 16px; height: 16px; } #photo-album .pagination { width: 726px; } .forum-list-date { background-color: red; font-size:9px; margin-left: 20px; padding-top:3px; width:75px;} div#wrapper-header-outer {kingez.s...ialgo.com (line 7144) background-color:transparent; border-color: whit;} ul#sub-navigation li.right, ul.sub-navigation li.right { float: left; padding-left: 0px; margin-left: ; } ul#sub-navigation, ul.sub-navigation { border-bottom-style: solid; border-bottom-width: 0px; margin-bottom: 5px; margin-top: 0px; padding-top:21px; padding-bottom: 20px; width: 740px; padding-right: 30px; font-size: 10px; background: url(http://www.networklogic.net/secondmenubg.gif) no-repeat 0 50% ; height: 20px; } ul#sub-navigation li, ul.sub-navigation li { display: block; float: right; height: 23px; margin: 0px 2px 0px 3px; padding: 0px 6px 4px 6px; }