/** * CSS for Orange themed template for Root * * @version SVN: $Id: screen_orange.css 6487 2007-04-27 07:39:02Z vidhya_29ag04 $ * @since 2006-06-10 */ /*-- Common Styles --*/ body{ color:#767A79; font-family:Tahoma; font-size:80%; /*-- Enables font size scaling in MSIE --*/ margin:0; padding:0; text-align:center; } html > body{ font-size:9.5pt; text-align:left; } #top, #header h2, #footer h2, #selSubHeader h3{ /*-- Nomensa Method to hide the content --*/ position:absolute; left:-999em; width:990em; text-align:center; } form, table, p, h1, h2, h3, h4, h5, h6, ul, li, div{ margin:0; padding:0; font-size:100%; align:left; } li{ padding:0 0; list-style:none; } a{ color:#3670A7; text-decoration:underline; outline:none; } a:hover{ text-decoration:none; } img{ border:0px none; vertical-align:top } .clsBodyContent{ /*width:1000px;*/ overflow:hidden; text-align:left; margin:0 0; } #balloon{ text-align:left; margin:0; } /*-- Header --*/ #header h1{ background:url('../images/screen_orange/logo.jpg') no-repeat; width:267px; height:60px; text-align:center; } /*-- for popup windows --*/ .clsPopupHeader #header{ text-align:left; padding:0.0em; } .clsPopupHeader #header h1{ float:none; } #header h1 a{ width:267px; height:60px; text-indent:-2000em; overflow:hidden; display:block; } /*-- selNavigation --*/ #selNavigation{ background:url('../images/screen_orange/bg-sublinks.gif') no-repeat left bottom; text-align:center; width:738px; clear:both; height:36px; border:none; outline:none; } /*-- selSubHeader --*/ #selSubHeader{ width:738px; margin:0 0; text-align:left; } div[id$="selSubHeader"]{ position:relative; /*-- XXX Hack used only for IE7 and Opera9 --*/ } div[id$="selSubHeader"]:not([class="XXX"]){ position:absolute; /*-- XXX Hack used for other browsers like Mozilla, Safari and Konqueror --*/ } * html #selSubHeader{ position:relative; } #selNav{ width:100%; margin:0 0; text-align:left; } dl, dt, dd{ margin:0; padding:0; } #selSubHeader dt{ float:left; width:73px; background:url('../images/screen_orange/bg-link.gif') no-repeat; } #selSubHeader dt a{ display:block; float:left; padding:0; font:12px Arial; width:73px; line-height:30px; outline:none; position:relative; height:30px; text-decoration:none; text-align:center; color:#FFF; } #selSubHeader dt a:hover{ font-weight:bold; color:#FFF; } #selSubHeader dd{ position:absolute; left:0; z-index:0; width:1000px; margin:0 0 0 0; } #selSubHeader li{ display:inline; background-repeat:no-repeat; background-position:left center } #selSubHeader ul{ margin:0 0 0 0; padding:0 0 0 0; } #selSubHeader li a{ margin:0 0 0 0; padding:0 0 0 0; color:#FFF !important; font:normal 1em Arial; text-decoration:none; } #selSubHeader li a:hover{ text-decoration:underline; } #selSubHeader .clsActiveSubLink a{ font-weight:bold; } #selSubHeader dd ul{ display:none; } #selSubHeader .groupListAll{ background-image:url('../images/screen_orange/clubs.png'); } #selSubHeader .bulletinListAll{ background-image:url('../images/screen_orange/bulletin.png'); } #selSubHeader .forumsListAll{ background-image:url('../images/screen_orange/forum.png'); } #selSubHeader .shoutouts{ background-image:url('../images/screen_orange/shoutouts.png'); } #selSubHeader .manageBanner{ background-image:url('../images/screen_orange/managebanners.png'); } #selSubHeader .manageBlog{ background-image:url('../images/screen_orange/manageblogs.png'); } /*-- Main --*/ #main{ min-height:12em; font:12px Verdana, Arial, Helvetica, sans-serif; } * html #main{ height:10em; } .clsMain{ margin:0 0; } .clsMainNoBanner{ margin:0 0 0 0; } /*-- for popup windows --*/ .clsPopupHeader #main{ margin:0; } #main p{ font:12px Verdana, Arial, Helvetica, sans-serif } h2, .sideBar1 h3{ color:#00050B; font:Icon; font-weight:normal; font-size:11px; min-height:1.5em; padding:0 0; background:#DEE3E7; margin:0 0 0 0; } h3{ margin:0 0; font-size:110%; } h3 a{ font-weight:bold } #selPageNav table, #selPageNav td{ margin:0; padding:0; } /*-- Footer --*/ #footer{ clear:both; color:#FF7700; font-size:1em; } #footer ul{ text-align:center; padding:0 0; } #footer li{ margin:0 0.5em 0 0; border-right:1px solid #666A69; padding:0 0 0 0; display:inline; } #footer .clsNoFooterBorder{ border:0px none; } #footer p{ text-align:center; font-size:0.9em; padding:0 0; } #footer a{ color:#666A69; font-size:11px; text-decoration:none; } #footer a:hover{ text-decoration:underline; } /*-- for help tips--*/ .clsHelp{ background:url('../images/screen_orange/icon-help.jpg') no-repeat bottom left; width:14px; height:14px; cursor:help; display:block; text-indent:-2000em; overflow:hidden; float:left; margin:0; padding-left:0; padding-right:0.5em; padding-top:0; padding-bottom:0 } .clsBalloon, .clsPhotoBalloon{ position:absolute; background-color:#FFF; border:1px dashed #CED3D6; border-left:20px solid #FF6D00; padding:0.2em; } .clsPhotoBalloon{ border:1px solid #FF6D00; border-width:1px 2px; white-space:nowrap; font:bold 85% Tahoma; text-align:center !important; background-color:#FF6D00; color:#FFF; } .clsBalloonTittle{ background:#FFF url('../images/screen_orange/icon-book.jpg') no-repeat; font-weight:bold; padding-left:1.5em; padding-right:0; padding-top:0; padding-bottom:0 } .clsBalloonDesc{ padding:0.2em 0.2em 0.2em 1.5em; } /*-- For The Table with the Forms --*/ /*-- common --*/ .clsTextBox, .clsPasswordBox, textarea, select{ font:normal 1em arial, verdana, helvetica, sans-serif; visibility:visible; border:1px solid #8CACBB; color:#767A79; background-color:#FFF; vertical-align:top; margin:0; padding:0; } .clsTextBox, .clsPasswordBox, textarea{ width:90%; padding:0; } input{ vertical-align:middle; visibility:visible; margin:0; padding:0 0.1em 0 0; font:normal 1em arial, verdana, helvetica, sans-serif; visibility:visible; } #selMsgError, #selMsgSuccess, #selMsgConfirm, .clsPopupConfirmation, #selMsgAlert, .clsMsgAlert{ padding:0.0em; border:1px solid #FF5001; margin:1em 0; text-align:center; font:bold 1em Verdana, Arial, Helvetica, sans-serif; } .clsPopupConfirmation{ background-color:#FFE9DF; width:100%; } #selMsgError p{ background:#FFE9DF url('../images/screen_orange/icon-error.jpg') no-repeat; } #selMsgSuccess p{ background:#FFE9DF url('../images/screen_orange/icon-success.jpg') no-repeat; } .clsPopupConfirmation p, #selMsgConfirm p{ background:#FFE9DF url('../images/screen_orange/icon-confirm.jpg') no-repeat; } #selMsgConfirm td p{ background:none; } #selMsgAlert p, .clsMsgAlert p{ background:#FFE9DF url('../images/screen_orange/icon-alertmsg.jpg') no-repeat; } #selMsgError p, #selMsgConfirm p, #selMsgSuccess p, .clsPopupConfirmation p, #selMsgAlert p, .clsMsgAlert p{ padding:0.3em 0.5em 0.3em 3em; font-weight:bold; text-align:left; color:#FF5001; } .clsMsgAlert form{ background-color:#FFE9DF; padding:0.0em 0; } #selMsgConfirm{ text-align:center; } #selMsgConfirm table{ border:0px none; margin:0.5em auto; width:auto } .clsPopupConfirmation table{ background-color:transparent; } #selMsgConfirm td{ border:0px none; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0.0em } #selMsgAlert p a, #selMsgSuccess p a, #selMsgError p a, #main .clsPopupConfirmation p a{ font-weight:bold; color:#FF5001; font:bold 0.9em Verdana, Arial, Helvetica, sans-serif; } #selMsgAlert p.clsUploadMsg, #selMsgAlert p.clsMsgAdditionalText{ background:#FFE9DF; border-left:2.1em solid #FF5001; padding:0.3em 0.5em 0.3em 0.5em; margin:0; text-align:left; } #selCommunityList #selMsgAlert p.clsMsgAdditionalText{ border-left:2.3em solid #FF5001; } /* do not remove this style its for signup.php*/ #selMsgSuccess p.clsMsgAdditionalText{ background:#FFE9DF; border-left:2.1em solid #FF5001; padding:0.3em 0.5em 0.3em 1em; margin:0; text-align:left; } #main .clsMandatoryFieldIcon{ color:#F26200; } .clsPopupConfirmation table, .clsPopupConfirmation td{text-align:center;width:auto;border:0px none;margin:0 auto} .clsPopupConfirmation td{padding:0.5em} .clsFormFieldErrTip{ background:url('../images/screen_orange/icon-alert.jpg') no-repeat 0 0.3em; height:1%; color:#FF0000; padding-left:1.5em; padding-right:0.2em; padding-top:0.2em; padding-bottom:0.2em } .clsFormFieldCellDefault, .clsFormFieldCellError{ background-color:#EFEFEF; color:#767A79; text-align:right; } /*-- profile page alignment --*/ .clsProfileEditTbl td{ text-align:left; width:50%; } .clsFormFieldCellError input, .clsFormFieldCellError select, .clsFormFieldCellError textarea{ background-color:#FFFFE1; color:#FF0000; } .clsFormLabelCellDefault, .clsFormLabelCellError{ background-color:%ffffff; color:#3670A7; padding:0 0 0 0; } label span, .clsFormFieldCellError, .clsFormLabelCellError{ color:#FF0000; } td p.clsHint{ color:#FF9900; } /*-- Form Table --*/ th a{ padding:0 0 0 0; } .clsColumnHeaderCellDefault a{ background:url('../images/screen_orange/icon-sort.gif') no-repeat right top; } .clsColumnHeaderCellAscSort1 a, .clsColumnHeaderCellAscSort2 a, .clsColumnHeaderCellAscSort3, .clsColumnHeaderCellAscSort4 a, .clsColumnHeaderCellAscSort5 a, .clsColumnHeaderCellAscSort6 a, .clsColumnHeaderCellAscSort7, .clsColumnHeaderCellAscSort8 a, .clsColumnHeaderCellAscSort9 a{ background:url('../images/screen_orange/icon-asc.gif') no-repeat right top; } .clsColumnHeaderCellDscSort1 a, .clsColumnHeaderCellDscSort2 a, .clsColumnHeaderCellDscSort3 a, .clsColumnHeaderCellDscSort4 a, .clsColumnHeaderCellDscSort5 a, .clsColumnHeaderCellDscSort6 a, .clsColumnHeaderCellDscSort7 a, .clsColumnHeaderCellDscSort8 a, .clsColumnHeaderCellDscSort9 a{ background:url('../images/screen_orange/icon-dsc.gif') no-repeat right top; } /*-- For the paging and filtering table --*/ .clsFilterTable, .clsFilterTable td{ background-color:#FFF; border:1px solid #FFF; cursor:text; } /*-- selMisNavLinks --*/ #selMisNavLinks ul, .clsTopMain{ list-style:none outside; overflow:auto; zoom:1; padding:0 0 0 0; } * html #selMisNavLinks ul, * html .clsTopMain{ height:1%; overflow:visible; } #selMisNavLinks li{ list-style:none; float:left; } #selMisNavLinks li a{ padding:0.1em 1em; display:block; text-decoration:none; color:#FF6D00; background-color:#EFEFEF; border:1px solid #FF6D00; margin:0 0.2em 0 0; } #selMisNavLinks li a:hover{ background-color:#DBE3E6; } #selMisNavLinks li .clsActiveMisNavLink, #selMisNavLinks li .clsActiveMisNavLink:hover{ font-weight:bold; background-color:#FF6D00; color:#FFF; text-decoration:none; cursor:text; } /*-- For ul under ul - To display the ul under Active Mainlink --*/ #membersmanageBanner .myHome ul, #membersmanageBlog .myHome ul, #blogList .blogList ul, #membersblogList .blogList ul, #viewFriends .membersList ul, #bulletinView .communityList ul, #communityList .communityList ul, #groupListAll .communityList ul, #bulletinListAll .communityList ul, #forumsListAll .communityList ul, #shoutouts .communityList ul, #groupListAllResponse .communityList ul, #groupListAllTopic .communityList ul, #groupJoin .communityList ul, #groupListAllForum .communityList ul, #groupMembersList .communityList ul, #groupPhotoList .communityList ul, #groupHome .communityList ul, #groupVideoList .communityList ul, #forumsResponseListAll .communityList ul, #forumsTopicListAll .communityList ul, #videoMostViewed .videoMostViewedHeader ul, #search .searchHighLightLink ul, #photoList .photoNewHeader ul, #photoCategory .photoNewHeader ul, #photoAlbumList .photoNewHeader ul, #membersprofileBasic .myProfile ul, #membersprofilePersonal .myProfile ul, #membersprofileSettings .myProfile ul, #membersprofilePassword .myProfile ul, #membersprofileOtherInfo .myProfile ul, #membersprofileThemeDesign .myProfile ul, #membersprofileTheme .myProfile ul{ display:block; } /*-- For a under li (Active Mainlink - Background for a) --*/ #music dt.musicNewHeader, #membersmusic dt.musicNewHeader, #membersmusicList dt.musicNewHeader, #musicList dt.musicNewHeader, #membersmanageBanner dt.myHome, #membersmanageBlog dt.myHome, #membersblogComment dt.blogList, #blogList dt.blogList, #membersblogList dt.blogList, #viewFriends dt.membersList, #bulletinView dt.communityList, #news dt.news, #faq dt.faq, #contactUs dt.contactUs, #forgotPassword dt.forgotPassword, #signup dt.signup, #login dt.login, #devLogin dt.devLogin, #index dt.index, #videoMostDiscussed dt.videoListAllHeader, #videoTopRated dt.videoListAllHeader, #videoNew dt.videoListAllHeader, #videoListAll dt.videoListAllHeader, #videoMostViewed dt.videoListAllHeader, #groupListAllResponse dt.communityList, #communityList dt.communityList, #groupListAll dt.communityList, #bulletinListAll dt.communityList, #forumsListAll dt.communityList, #shoutouts dt.communityList, #videoRandom dt.videoListAllHeader, #videoRecentlyViewed dt.videoListAllHeader, #videoTopFavorites dt.videoListAllHeader, #photoListAll dt.photoNewHeader, #photoFeatured dt.photoNewHeader, #photoNew dt.photoNewHeader, #photoRandom dt.photoNewHeader, #photoNewMale dt.photoNewHeader, #photoNewFemale dt.photoNewHeader, #photoTopRated dt.photoNewHeader, #photoMostViewed dt.photoNewHeader, #photoMostDiscussed dt.photoNewHeader, #photoTopFavorites dt.photoNewHeader, #photoAlbumList dt.photoNewHeader, #photoRecentlyViewed dt.photoNewHeader, #groupListAllTopic dt.communityList, #groupJoin dt.communityList, #groupListAllForum dt.communityList, #groupMembersList dt.communityList, #groupPhotoList dt.communityList, #groupHome dt.communityList, #groupVideoList dt.communityList, #forumsResponseListAll dt.communityList, #forumsTopicListAll dt.communityList, #videoMostViewed dt.videoMostViewedHeader, #search dt.searchHighLightLink, #photoList dt.photoNewHeader, #photoCategory dt.photoNewHeader, #membersprofileBasic dt.myProfile, #membersprofilePersonal dt.myProfile, #membersprofileSettings dt.myProfile, #membersprofilePassword dt.myProfile, #membersprofileOtherInfo dt.myProfile, #membersprofileThemeDesign dt.myProfile, #membersprofileTheme dt.myProfile, #membersList dt.membersList, #membersBrowse dt.membersList, #membersvideoList dt.videoNewHeader, #videoList dt.videoMostViewedHeader, #videoCategory dt.videoCategory{ background:url('../images/screen_orange/bg-linkhover.gif') no-repeat center; } /*-- For a under ul li (Active Sublink) --*/ #membersmanageBanner .myHome .manageBanner a, #membersmanageBlog .myHome .manageBlog a, #blogList .blogList .blogList a, #membersblogList .blogList.blogList a, #bulletinView .communityList .bulletinListAll a, #groupListAllResponse .communityList .groupListAll a, #communityList .communityList .communityList a, #groupListAll .communityList .groupListAll a, #bulletinListAll .communityList .bulletinListAll a, #forumsListAll .communityList .forumsListAll a, #shoutouts .communityList .shoutouts a, #groupListAllTopic .communityList .groupListAll a, #groupJoin .communityList .groupListAll a, #groupListAllForum .communityList .groupListAll a, #groupMembersList .communityList .groupListAll a, #groupPhotoList .communityList .groupListAll a, #groupHome .communityList .groupListAll a, #groupVideoList .communityList .groupListAll a, #forumsResponseListAll .communityList .forumsListAll a, #forumsTopicListAll .communityList .forumsListAll a, #search .searchHighLightLink .groupListAll a, #membersprofileBasic .myProfile .myProfile a, #membersprofilePersonal .myProfile .myProfile a, #membersprofileSettings .myProfile .myProfile a, #membersprofilePassword .myProfile .myProfile a, #membersprofileOtherInfo .myProfile .myProfile a, #membersprofileThemeDesign .myProfile .myProfile a, #membersprofileTheme .myProfile .myProfile a{ cursor:text; font-weight:bold; color:#FFF; text-decoration:underline; } /*-- Community page --*/ .clsCommunity{ overflow:auto; zoom:1; margin:1em 0; } * html .clsCommunity{ height:1%; overflow:visible; } #selCommunityList p, #selCommunityList h3, #selCommunityList h3 a{ font:normal 11px Tahoma; } #selCommunityList h3{ padding:0 0 0.3em 0.3em; } .clsCommunityInfo{ width:28%; float:right; clear:right; } .clsCommunityDetails{ float:left; clear:left; width:71%; } * html .clsCommunityDetails{ width:70%; } .clsCommunity p, #main .clsCommunity h3, .clsCommunity ul, .clsCommunity table{ margin:0; padding:0.2em 0.5em; } .clsCommunity li{ list-style:none; display:inline; } .clsCommunityDetails ul{ text-align:right; padding:0.5em } .clsCommunity li a{ background:url('../images/screen_orange/icon-rightnavigationlinks.gif') no-repeat 0 0.4em; display:block; margin:0.3em 0; list-style-type:none; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Tahoma; padding-left:1.5em; padding-right:0; padding-top:0; padding-bottom:0 } .clsCommunityDetails li a{ display:inline; } .clsCommunity table{ margin:0.5em; width:98%; border:1px solid #F1F5F8; background:transparent; } .clsCommunity td, .clsCommunity th{ background-position: 0% 0%; border-left:0px none; border-right:0px none; border-top:0px none; border-collapse:separate; vertical-align:top; white-space:normal; color:#000; text-align:left; border-bottom:1px solid #C8D3D7; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma; background-image:url('none'); background-repeat:repeat; background-attachment:scroll } .clsCommunity .clsFounder{ width:25%; } .clsCommunity .clsGroupLogo{ width:22%; } .clsPostedDetails{ width:25%; } #selCommunityList .clsCommunityInfo p{ padding:0.5em 1em } #selCommunityList .clsPostedDetails p{ padding-left:0; } .clsCommunityInfo ul, #selChannelLinks{ margin:0 0 0 2em } .clsCommunityInfo li, #selChannelLinks li{ display:inline; } .clsCommunityInfo li a, #selChannelLinks a{ background:url('../images/screen_orange/icon-rightnavigationlinks.gif') no-repeat 0 0.4em; display:block; margin:0.3em 0; list-style-type:none; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma; padding-left:1.5em; padding-right:0; padding-top:0; padding-bottom:0 } #selChannelLinks a{ padding:0 0 0 1em; font:normal 1.1em Tahoma; } p.clsOwnerNote{ color:#FF9900; font-weight:bold; } .clsMusics a, .clsViewFriends a, .clsVideos a, .clsPhotos a, .clsViewFriends a, .clsViewMembers a, #selGroupInfoLinks a{ background:url('../images/screen_orange/icon-friends.jpg') no-repeat left center; padding-left:2em; padding-right:0.5em; padding-top:0.3em; padding-bottom:0.3em } .clsVideos a, #selRightNavigation .clsVideos a, #selGroupInfoLinks .clsVideos a{ background-image:url('../images/screen_orange/icon-video.gif'); } .clsPhotos a, #selRightNavigation .clsPhotos a, #selGroupInfoLinks .clsPhotos a{ background-image:url('../images/screen_orange/icon-photos.gif'); border:0px none; } .clsMusics a{ background-image:url('../images/screen_orange/icon-music.gif'); } .clsViewFriends a, #selRightNavigation .clsViewFriends a{ background-image:url('../images/screen_orange/icon-friends.jpg'); } .clsViewMembers a, #selGroupInfoLinks .clsViewMembers a{ background-image:url('../images/screen_orange/icon-members.gif'); } #selCommunityList .clsGpContentTitle a{ font:normal 18px Arial, Helvetica, sans-serif; text-decoration:none; padding:0.5em 0.5em 0.5em 3em; display:block; color:#3670A7 } #clubs{ background:url('../images/screen_orange/groups.gif') no-repeat 0.5em 0.3em; } #forums{ background:url('../images/screen_orange/forums.gif') no-repeat 0.5em 0.5em; } #bulletins{ background:url('../images/screen_orange/bulletins.gif') no-repeat 0.5em 0.3em; } #shoutouts{ background:url('../images/screen_orange/shoutouts.gif') no-repeat 0.5em 0.5em; } #selGroupInfoLinks{ text-align:left; height:3em; } #selGroupInfoLinks li{ display:inline; } #selGroupInfoLinks li a{ display:block; float:left; margin:0 0.2em 0 0; font:normal 1em Tahoma; color:#333; text-decoration:none; } #join a{ background:url('../images/screen_orange/icon-joingroup.jpg') no-repeat left center; color:#F75952; display:block; white-space:nowrap; font-style:normal; font-variant:normal; font-weight:bold; font-size:0.9em; font-family:Verdana; padding-left:2em; padding-right:0; padding-top:1em; padding-bottom:1em } #selEmail{ text-align:center; margin:0 auto; } #selEmail a{ text-align:center; display:block; width:20em; background:#FF6D00; margin:0 auto; font:bold 0.9em Verdana; text-transform:capitalize; color:#FFF; text-decoration:none; } /*-- Forums --*/ .clsForums table, .clsShoutouts table{ width:96%; } .clsFloatLeftImage{ width:12em; } .clsFloatLeftImage p.clsFloatLeftImage{ float:left; } p.clsFloatLeftImage{ float:left; } .clsGroupHomeImage{ background-color:#FFF; text-align:center; padding:1em; } .clsGroupHomeImage p{ text-align:center; width:420px; } #selShowGroupForums table{ width:100% } #selGroupHomeTable, #selGroupHomeTable th, #selGroupHomeTable td{ background-color:#FFF; vertical-align:top; border:0px none; border-collapse:separate; padding-left:0.3em; padding-right:0.3em; padding-top:0; padding-bottom:0.5em } #selGroupDetail{ width:100%; margin:0; float:right; border:0px none; } #selGroupHomeTable th{ font-weight:bold; color:#333; } #selGroupHomeTable .clsFounderColumn{ width:250px; } #selGroupHomeTable .clsMiddleRow td, #selGroupHomeTable .clsMiddleRow th{ width:300px; } #selGroupHome #selRightNavigation{ width:8em; } .clsMembersHomeTable, .clsMembersHomeTable td{ border-collapse:separate; } /*-- paging --*/ .clsPagingList{ color:#333; margin:1em 0; overflow:auto; zoom:1; font:bold 1em Tahoma; } * html .clsPagingList{ overflow:visible; height:1%; } .clsPagingList li{ padding:0; float:left; margin:0 0.5em 0 0; } .clsPagingList li a{ color:#990000; } .clsPagingList .clsInActivePage{ color:#CCC; } #selNextMail a{ padding-right:1em; background:url('../images/screen_orange/icon-nextpage.gif') no-repeat right center; } #selPreviousMail a{ padding-left:1em; background:url('../images/screen_orange/icon-previouspage.gif') no-repeat left center; } /*-- SearchTags search.php--*/ #selRelatedTags, #selRelatedTags a{ font-weight:bold; color:#333; font:bold 1em Tahoma; } #selRelatedTags li{ display:inline; padding:0.5em 0.1em; } #selRelatedTags li a{ color:#990000; padding-top:0.5em; } #selRelatedTags li a:hover{ color:#333; } /*---------- Status of Members (when online)----*/ #main .onlineUser{ color:#6D7476; background:url('../images/screen_orange/online.gif') no-repeat left center;; padding-left:1.5em; padding-right:0; padding-top:0; padding-bottom:0 } #main .videoIcon img{ border:0px none; vertical-align:middle } /*-- Status of Members (when offline) --*/ #main .offlineUser, #main .onlineUser{ font:normal 11px Tahoma; } .clsGpLogoImg{ width:95px; } .clsGpLogoHomeImg{ width:120px } .clsGpContents{ width:110px; } #main .clsGpContents li a{ font-weight:normal } #selNoWrapContent{ width:100%; overflow-x:auto; } /*-- viewPhoto --*/ .clsViewContentSection{ text-align:center; } .clsPhotoContentTitle, .clsVideoContentTitle{ color:#000; font:normal 0.8em arial; } .clsViewContentSection table{ margin:0 auto; width:auto; border:0px none; } #blogPost{ margin:1em 2em; } #selVideoCodeTable .clsTextBox, #selVideoCodeTable textarea{ width:300px; padding:0; } .clsViewContentSection td{ border:0px none; vertical-align:middle; text-align:center; padding-left:0; padding-right:0; padding-top:1em; padding-bottom:1em } .clsFullViewLink{ text-align:center; } .clsFullViewLink a{ font:normal 0.9em Tahoma; } .clsContentCommentTbl, .clsContentCommentTbl td, .clsContentCommentTbl th{ margin:0; padding:0; border:0px none; } .clsNotEditable td, .clsNotEditable td a{ font:bold 1em Tahoma; } .clsCommentDateCell{ width:30%; } .clsCommentsReplySection{ display:inline; margin:0 0.5em 0 0; } #selNoWrapTableContents td{ white-space:nowrap; padding:0.0em 0; color:#423431; font:bold 1em Verdana; text-align:center; } #selNoWrapTableContents #selBulletinNavigation{ padding:0.0em } #selNoWrapTableContents td a{ padding:0 1.5em; font-weight:bold; } #previousDisable, #goBack a, #previous a, #addFavorite a{ padding:0.2em 0 0.2em 2em; } #nextDisable, #next a{ padding:0.2em 2em 0.2em 0; } #selNoWrapTableContents #nextDisable{ background:url('../images/screen_orange/icon-nextnogo.jpg') no-repeat right center; } #selNoWrapTableContents #previousDisable{ background:url('../images/screen_orange/icon-prevnogo.jpg') no-repeat left center; } #selNoWrapTableContents #addFavoriteDisable{ background:url('../images/screen_orange/icon-addtofavoritenogo.jpg') no-repeat right center; padding-right:1.5em } #selNoWrapTableContents #goBackDisable{ background:url('../images/screen_orange/icon-gobacknogo.jpg') no-repeat left center; padding-left:1.5em } #selNoWrapTableContents .clsMiddleLink a{ padding:1.2em 0 0 0; } #selDownload{ margin:1em 0; } #selDownload a{ background:url('../images/screen_orange/icon-download.jpg') no-repeat 0 0.5em; display:block; font-style:normal; font-variant:normal; font-weight:bold; font-size:1em; font-family:Verdana; padding-left:2em; padding-right:0.5em; padding-top:0.5em; padding-bottom:0.5em } #selShowLoading{ position:absolute; margin:5em 30% 0 30%; text-align:center; z-index:9999; } /*-- From members/css --*/ /*-- myProfile.php --*/ #selUserProfileBlock div h3{ font:bold 100% arial, verdana, helvetica, sans-serif; text-align:left; color:#EEE; background-color:#6C8AB7; padding:0.25em; } #selUserProfileBlock div{ border-left:1px solid #6C8AB7; border-right:1px solid #6C8AB7; border-bottom:1px solid #6C8AB7; border-top:0px none; margin:1em 0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0.5em } #selUserProfileBlock div td table{ width:20em; } /*-- myPhotos.php --*/ #selPersonalisationLinks{ float:right; clear:right; width:20em; text-align:right; margin:-2.5em 0 0 0; padding:0 0.5em; } #selPersonalisationLinks li{ list-style:none; display:inline; } #selPersonalisationLinks li a{ margin:0; padding:0 1.5em 0.2em 0; color:#FF7510; text-decoration:underline; font-size:12px; } #selPersonalisationLinks li a:hover{ text-decoration:none; } #selPersonalisationLinks .clsUpload a, #selUploadLink a{ background:url('../images/screen_orange/icon-upload.gif') no-repeat right center; } #selPersonalisationLinks .clsfindFriends a{ background:url('../images/screen_orange/icon-findfriends.jpg') no-repeat right center; } #selPersonalisationLinks .clsPhotoUpload a{ background:url('../images/screen_orange/icon-photoupload.jpg') no-repeat right center; } #selTimer{ font:normal 1.5em Arial, Helvetica, sans-serif; padding:0; color:#F06200 } .clsContentEditLinks li{ margin:0; padding:0; display:inline; list-style:none; float:left; } .clsContentEditLinks li a{ margin:0 0.2em; padding:2px; display:block; text-indent:-2000em; overflow:hidden; width:14px; height:14px; border:1px solid #DFDFDF; cursor:pointer; background:url('../images/screen_orange/icon-editphoto.jpg') no-repeat center; } * html .clsContentEditLinks li a{ width:18px; height:18px; } .clsContentEditLinks li a:hover{ border:1px solid #FF6D00; } .clsContentEditLinks .clsGetCode a{ background:url('../images/screen_orange/icon-getcode.jpg') no-repeat center; } .clsContentEditLinks .clsDelete a{ background:url('../images/screen_orange/icon-delete.jpg') no-repeat center; } .clsContentEditLinks .clsSetFeatured a{ background:url('../images/screen_orange/icon-addtofavorite.jpg') no-repeat center; } /*-- For fixing the header appearance --*/ #selRightHeader{ width:300px; float:right; clear:right; color:#000; margin:0.5em 0 0 0; } * html #selRightHeader{ width:90px; } #selFormCommonSearch table{ width:250; padding:0; border:0px none; background:;; margin-left:0; margin-right:0; margin-top:2em; margin-bottom:0 } * html #selFormCommonSearch table{ margin:0.5em 0 0 0; } /*-- status checker for iframe --*/ #dynamicStatusChanger{ height:200px; background-color:#DEE3E7; } #dynamicStatusChangerIFrame{ background-color:#DEE3E7; } #selFormCommonSearch td{ text-align:right; border:0px none; vertical-align:top; background:;; padding-left:0.2em; padding-right:0; padding-top:0.2em; padding-bottom:0.2em } #selWelcomeLinks li{ display:inline; font-size:90%; color:#6D7476 } #selWelcomeLinks #pickerList li{ width:225px; display:block; float:right; text-align:left; } #selWelcomeLinks li img{ cursor:pointer } #selWelcomeLinks .clsNewMail a{ border:0px none; } #selWelcomeLinks li a{ color:#FF6900; text-decoration:none; border-left:1px solid #FF6900; padding:0 0 0 0.5em; font:11px Tahoma; } #selWelcomeLinks .clsWelcomeNote{ font:11px Tahoma; } #selWelcomeLinks #pickerList li, #selWelcomeLinks #pickerList li a{ text-transform:lowercase; color:#FF6900; } #pickerList{ height:2em; overflow:hidden; } #pickerList input{ width:160px; font:11px Tahoma; text-transform:lowercase; } #selWelcomeLinks .clsSearchSubmitButton{ margin:0; background:url('../images/screen_orange/bg-searchbtn.gif') center; border:0px none; color:#FFF; width:56px; height:20px; font-style:normal; font-variant:normal; font-weight:bold; font-size:0.9em; font-family:Verdana; padding-left:0.5em; padding-right:0.5em; padding-top:0; padding-bottom:0 } .clsFilterStatusAlert{ text-align:right; color:#6D7476; font:11px Tahoma; } #selContentFilterStatus, #selContentFilterStatus span{ color:#FF6900; } #userStatusPicker{ padding:0; margin:0.1em; } #userStatusPicker li{ list-style:none; padding:0; margin:0; } #userStatusPicker li a{ display:block; padding:0; margin:0; text-align:left; text-decoration:none; font:11px tahoma; padding:0.2em; text-transform:lowercase !important; background-color:#DEE3E7; color:#000000; } #selWelcomeLinks #pickerList li a{ border:0px none; } * html #userStatusPicker li a{ width:100%; } #userStatusPicker li a:hover{ background-color:#FF6E02; color:#FFF; } /*-- photoNew --*/ #selPhotoNew{ overflow:auto; } .clsContentsDisplayTbl, #myFriends, #selViewPhotoTable{ padding:0; border:0px none; width:100% } * html #selViewPhotoTable{ width:99%; } * html #myFriends{ width:100%; } .clsContentsDisplayTbl td, #myFriends td{ border:0px none; font-size:90%; padding-left:0.2em; padding-right:0.2em; padding-top:0.5em; padding-bottom:0.5em } /*-- For image display --*/ #selPhotoGallery p{ margin:0.2em 0; } #selImageBorder, #selPlainImageBorder{ background:transparent; margin:0.2em 0; } * html #main p.clsPlainImageBorder, * html #selNav, * html #pickerList{ height:1%; } #main p.clsPlainImageBorder:after, #selNav:after{ content:"."; visibility:hidden; clear:both; display:block; } #pickerList, #selNav{ zoom:1; /*-- IE 7 hack for fixing the navigation --*/ } #pickerList{ overflow:auto; } #selCenterPlainImage{ text-align:center; } #selCenterPlainImage table{ margin:0 auto; width:auto; border:0px none; } #selCenterPlainImage td{ padding:0; border:0px none; } #selPlainImageBorder{ overflow:auto; zoom:1; } * html #selPlainImageBorder{ overflow:visible; height:1%; } #selPlainImage, #selPlainCenterImage, #selImageBorder a img, #selPlainImageBorder a img{ border:1px solid #6C767C; padding:0px; } #selPlainImage{ display:block; float:left; } #selPlainCenterImage{ display:block; float:left; } #selMsgConfirm #selPlainCenterImage{ float:left; } #selImageBorder a:hover img, #selPlainImageBorder a:hover img{ border:1px solid #AFAFAF; } * html #selImageBorder a, * html #selPlainImageBorder a{ border:1px solid #6C767C; text-decoration:none !important; padding:0 !important; margin:0 !important; } * html #selImageBorder a img, * html #selPlainImageBorder a img{ border:2px solid #FFF; padding:0; } * html #selImageBorder a:hover, * html #selPlainImageBorder a:hover{ border:1px solid #AFAFAF; } * html #selImageBorder a:hover img, * html #selPlainImageBorder a:hover img{ border:2px solid #FFF; } .clsProfileSmallImg{ width:65px; text-align:center; } .clsProfileThumbImg{ width:100px; } .clsGroupSmallImg{ width:75px; } .clsCommentAuthor{ width:100px; } /*-- viewPhoto --*/ #goBack a, #delete a, #selCreateAlbum a{ padding-left:1.5em; font:bold 1em Tahoma; } #delete a{ color:#F75952; } #goBack a{ background:url('../images/screen_orange/icon-goback.jpg') no-repeat left center; padding-left:1.5em !important } #addFavorite a{ background:url('../images/screen_orange/icon-addtofavorite.jpg') no-repeat right center; } #previous a{ background:url('../images/screen_orange/icon-prev.jpg') no-repeat left center; padding-left:2em; padding-right:0; padding-top:0.3em; padding-bottom:0.3em } #next a{ background:url('../images/screen_orange/icon-next.jpg') no-repeat right center; padding-left:0; padding-right:2em; padding-top:0.3em; padding-bottom:0.3em } #reply a{ background:url('../images/screen_orange/icon-reply.jpg') no-repeat right center; padding-left:0; padding-right:2em; padding-top:0; padding-bottom:0 } #send a{ background:url('../images/screen_orange/icon-mail.jpg') no-repeat right center; padding-left:0; padding-right:2em; padding-top:0; padding-bottom:0 } /*#addtolist a{ background:url(../images/screen_orange/icon-add.jpg) no-repeat right center; padding:0 2em 0 0; }*/ #all a{ background:url('../images/screen_orange/icon-listallmembers.jpg') no-repeat left top; padding-left:2em; padding-right:0; padding-top:0; padding-bottom:0 } #post a{ background:url('../images/screen_orange/icon-repliedmail.gif') no-repeat right center; padding-right:1.5em } #joinGroup a{ background:url('../images/screen_orange/icon-join.jpg') no-repeat right center; padding-right:1.5em } #date span{ background:url('../images/screen_orange/icon-date.jpg') no-repeat left center; padding-left:1.5em } #delete a{ background:url('../images/screen_orange/icon-delete.jpg') no-repeat left center; } #join a{ background:url('../images/screen_orange/icon-joingroup.jpg') no-repeat left center; color:#F75952; display:block; white-space:nowrap; font-style:normal; font-variant:normal; font-weight:bold; font-size:0.9em; font-family:Verdana; padding-left:2em; padding-right:0; padding-top:1em; padding-bottom:1em } /*-- photoUpload --*/ #selCreateAlbum a{ background:url('../images/screen_orange/icon-createalbum.jpg') no-repeat right center; padding-left:0; padding-right:1.5em; padding-top:0; padding-bottom:0 } #main .clsUpload a{ background:url('../images/screen_orange/icon-upload.gif') no-repeat right bottom; padding-left:0; padding-right:2em; padding-top:0.5em; padding-bottom:0 } #selPreviewTable, #selPreviewTable td{ border:0px none;; padding-left:0.5em; padding-right:0.5em; padding-top:0.3em; padding-bottom:0.3em } #selEditPhotoComments{ padding:0; } #selEditPhotoComments div p{ text-align:left; margin:0.3em; } #selEditPhotoComments ul, #selEditPhotoComments li{ margin:0; padding:0; text-align:center; } #selEditPhotoComments li{ list-style:none; display:inline; text-align:left; } #selEditPhotoComments li a{ margin:0; padding:0 0.5em; text-decoration:none; font:bold 1em Arial, Helvetica, sans-serif; border:1px solid #FFF; border-right:1px solid #6B7173 } #selEditPhotoComments li#selEmail a, #selEditPhotoComments li#addFavoritePhoto a{ border-right:1px solid #FFF } #selEditPhotoComments li#selEmail a:hover, #selEditPhotoComments li a:hover, #selEditPhotoComments li#addFavoritePhoto a:hover{ border:0px solid #6B7173 } #selCommentBlock, #selCommentBlock td p{ text-align:left; } #selCommentBlock p.clsCommentsTitle{ text-align:right } #selCommentBlock td h3, #selCommentBlock td p, #selCommentBlock td div{ padding:0 0 0 0 } .clsPostCommentTable td, .clsPostCommentTable p{ white-space:normal; padding:0.2em; } /*-- photoPostComment --*/ .clsAlignCenter p{ margin:0.5em } .clsAlignRight{ text-align:right; } #selRightNavigation p{ clear:both } /*-- viewPhoto --*/ #selLargeImage div{ text-align:center; margin:0; padding:0; } #selViewPhotoTable, #selViewPhotoTable td{ border:0px none; } #selViewPhotoTable{ position:absolute } div table .clsImageDisplayCell{ text-align:center; padding:1em 0; } span#cancel{ color:#FF0000; background:url('../images/screen_orange/icon-close.jpg') no-repeat; float:right; margin-left:0; margin-right:0.2em; margin-top:-2.5em; margin-bottom:0 } span#cancel a{ width:17px; height:17px; text-indent:-2000em; overflow:hidden; display:block; } input#cancel{ background:#F6F6F3; border:1px solid #FF0000; } /*-- addFavoritePhoto (Image display only, no link) --*/ #selImageDisplay{ height:100px; width:100px; background:#FFEDDF; line-height:100px; padding:2px; border:1px solid #737573; text-align:center; float:left; } * html #selImageDisplay{ font-size:80px } #selImageDisplay img{ vertical-align:middle; } #selGroupImageDisplay{ height:150px; width:150px; background:#FFEDDF; text-align:left; line-height:150px; font-size:150px; padding:2px; border:1px solid #737573; } * html #selGroupImageDisplay{ font-size:120px } #selGroupImageDisplay img{ vertical-align:middle; } /*-- popup window --*/ #close a{ background:url('../images/screen_orange/icon-close.jpg') no-repeat left center; padding-left:1.5em; font-weight:bold; color:#CC0000 } #selPhotoPreviewFrm{ padding:1em; background-color:#FFEDDF; border:1px solid #FF6D00; margin:1em; } #selPreviewImage{ text-align:center; } #selShowBulletins td #previous, #selShowBulletins td #previousDisable{ float:left; } #selShowBulletins td #next, #selShowBulletins td #nextDisable{ float:right; clear:right; } #selShowMail{ width:100% } #selShowMail, #selShowMail td{ border:1px solid #FFF; padding:0; margin:0; vertical-align:middle; } #selShowMail .clsMsgNavigationCell div{ text-align:right } #selShowMail #next a, #selShowMail #previous a{ background:#FFF url('none'); font-weight:bold; background-image:url('none') } #selViewAllLink{ float:right; width:10em; margin:-1.6em 1em 0 0; text-align:right; } #selViewAllLink a{ color:#FF6D00; } p.clsFlashMovie object{ border:1px solid #333; } #selWelcomeLinks .clsNewMail a{ background:url('../images/screen_orange/icon-mailcount.gif') no-repeat 0 0.2em; color:#6D7476; font-size:11px; margin-left:0.2em; margin-right:0; margin-top:0; margin-bottom:0; padding-left:1.5em; padding-right:0.1em; padding-top:0; padding-bottom:0 } /*-- Messaging Module in Members --*/ .clsAlignCenter{ text-align:center; padding:0.2em 0 0.5em 0; } #selNotReadMail, #selReadMail, #selRepliedMail, #selForwardedMail{ padding:0 0 0 2em; font-weight:bold } #selNotReadMail{ background:url('../images/screen_orange/icon-notreadmail.gif') no-repeat left center; } #selReadMail{ background:url('../images/screen_orange/icon-readmail.gif') no-repeat left center; } #selRepliedMail{ background:url('../images/screen_orange/icon-repliedmail.gif') no-repeat left center; } #selForwardedMail{ background:url('../images/screen_orange/icon-forwardedmail.gif') no-repeat left center; } .clsNotRead td p, .clsNotRead td a, .clsNotRead td span{ font-weight:bold !important; } .clsRead td p, .clsRead td a, .clsRead td span, .clsForward td p, .clsForward td a, .clsForward td span, .clsReplied td p, .clsReplied td a, .clsReplied td span{ font-weight:normal !important; } /*-- Fixing the mail subject width in messages --*/ .clsMailSubject{ width:280px; } .clsMessageStatus, .clsMessageDate{ white-space:nowrap } /*-- groupListAll --*/ .clsBold{ font-style:italic; color:#333 } #selShowGroupTitle{ margin:0.3em 0; padding:0.3em 0.5em; font-weight:bold; border:1px solid #FFE1CF; background-color:#FFF5EF; overflow:auto; zoom:1; } * html #selShowGroupTitle{ height:1%; overflow:visible; } #selGroupHeading{ font:bold 1em Arial, Helvetica, sans-serif; color:#333; width:45%; margin:0; padding:0; float:left; } #selClubUrl{ float:right; width:45%; font:bold 1em Arial, Helvetica, sans-serif; } #selClubUrl a, #selClubUrl{ font:bold 1em Arial, Helvetica, sans-serif; } /* \*/ * html #tlc, * html #trc, * html #tlcwhite, * html #trcwhite {height:1%} /* */ * html #lbwhite, * html #lb{ width:100% } #lbwhite, #lb, #tlc, #trc, #tlcwhite, #trcwhite{ zoom:1 } #tlc{ background:url('../images/screen_orange/tlc.jpg') no-repeat; } #trc{ background:url('../images/screen_orange/trc.jpg') no-repeat right top; } #selCommunityList #trc, #selCommunityList #trcwhite{ min-height:23em; } * html #selCommunityList #trc, * html #selCommunityList #trcwhite{ height:23em; } #blc{ background:url('../images/screen_orange/blc.jpg') no-repeat left bottom; } #brc{ background:url('../images/screen_orange/brc.jpg') no-repeat right bottom; } #tb{ background:url('../images/screen_orange/tb.jpg') repeat-x; } #bb{ background:url('../images/screen_orange/bb.jpg') repeat-x center bottom; } #rb{ background:url('../images/screen_orange/rb.jpg') repeat-y right top; } #lb{ background:#F0F4F5 url('../images/screen_orange/lb.jpg') repeat-y left bottom; } #tlcwhite{ background:url('../images/screen_orange/tlcwhite.jpg') no-repeat; } #trcwhite{ background:url('../images/screen_orange/trcwhite.jpg') no-repeat right top; } #blcwhite{ background:url('../images/screen_orange/blcwhite.jpg') no-repeat left bottom; } #brcwhite{ background:url('../images/screen_orange/brcwhite.jpg') no-repeat right bottom; } #tbwhite{ background:url('../images/screen_orange/tbwhite.jpg') repeat-x; } #bbwhite{ background:url('../images/screen_orange/bbwhite.jpg') repeat-x center bottom; } #rbwhite{ background:url('../images/screen_orange/rbwhite.jpg') repeat-y right top; } #lbwhite{ background:#FFF url('../images/screen_orange/lbwhite.jpg') repeat-y left bottom; } /*-- index.php --*/ .clsUserName{ color:#F96D0E } #selMyHome{ overflow:auto; zoom:1; } * html #selMyHome{ height:1%; overflow:visible; } #selLeftContents, #selRightContents{ width:23%; float:left; clear:left; padding:0.5em 0; } #selRightContents{ width:75%; float:right; clear:right; padding:0.5em; } #selLeftContents table, #selRightContents table{ width:98%; margin:1em 0.5em; } #selRightContents #selMsgAlert p, #selRightContents #selMsgAlert a{ font-weight:bold; } #selIndex h2, #selIndex h2 span{ background:transparent } #selLeftContents p{ font:normal 0.9em Tahoma; } #selLeftContents a{ color:#6D7476 } #selLeftContents a:hover{ color:#000 } #selUserProfileIndexLinks li a{ background:url('../images/screen_orange/icon-rightnavigationlinks.gif') no-repeat 0 0.2em; display:block; text-decoration:none; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Tahoma; padding-left:1em; padding-right:0; padding-top:0; padding-bottom:0 } #selNewMembersTitle{ background:url('../images/screen_orange/icon-newmembers.gif') no-repeat 0 0.5em; color:#6C7F84; margin:0; text-transform:lowercase; font-style:normal; font-variant:normal; font-weight:normal; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; padding-left:1.2em; padding-right:0; padding-top:0.3em; padding-bottom:0.3em } #selMyNewMembers span, #selMyMusics span, #selCoolNewPeople span, #selMyVideos span, #selMyFriends span, #selMyPhotos span{ background:#DAE4E9 url('../images/screen_orange/icon-video.gif') no-repeat 0.5em 0.2em; ; padding-left:2.2em; padding-right:2.2em; padding-top:0.3em; padding-bottom:0.3em } #selMyFriends span{ background-image:url('../images/screen_orange/icon-myfriends.gif') } #selMyNewMembers span{ background-image:url('../images/screen_orange/icon-myfriends.gif') } #selMyMusics span{ background-image:url('../images/screen_orange/icon-music.gif') } #selMyPhotos span{ background-image:url('../images/screen_orange/icon-photos.gif') } #selMembersCount, #selUploadTbl th, .clsPopupHeader h3, #selLeftContents h3, #selLeftProfileContents h3, #selRightProfileContents h2{ font:normal 18px Arial, Helvetica, sans-serif; color:#6C7F84; } #selRightProfileContents h2, #selRightProfileContents h2 span{ background:transparent } #selRightProfileContents a{ font:normal 0.9em Tahoma; color:#FE6D00 } #selRightProfileContents a:hover{ color:#718F99 } .clsShoutOutHeading{ background:url('../images/screen_orange/icon-shoutoutheading.gif') no-repeat 7em center; } .clsBulletinHeading{ background:url('../images/screen_orange/icon-bulletinheading.gif') no-repeat 4em center; } .clsIndexDateHeading{ background:url('../images/screen_orange/bg-date.jpg') no-repeat center; text-align:center; padding-left:0; padding-right:0; padding-top:0.3em; padding-bottom:0.3em } #selLeftContents .clsIndexDateHeading{ color:#FFF; font:bold 16px Arial, Helvetica, sans-serif; } .clsShoutoutTitleEnd, .clsDateAdded, #selLeftContents .clsShoutBulletinLink li a, #selUserProfileDetails p, #selUserProfileDetails li a{ color:#FF6D00; text-decoration:none; } #selLeftContents li p a{ background:url('../images/screen_orange/icon-rightheadings.gif') no-repeat; padding-left:1em; padding-right:0; padding-top:0; padding-bottom:0 } #selLeftContents .clsAuthandDate{ padding:1em 0.2em 1em 1em } #selLeftContents .clsShoutBulletinLink li{ display:inline; } .clsShoutBulletinLink{ margin:2em 0.5em 0.5em 0.5em } #selLeftContents .clsShoutBulletinLink .clsNew{ margin:-1.5em 0 0 0; float:right; } #selUserProfileDetails h4, #selUserProfileDetails ul, #selUserProfileDetails p{ font:normal 0.9em Tahoma; text-align:center } #selUserProfileDetails h4{ margin:1em 0 0 0 } .clsMyHomePrev, .clsMyHomeNext{ width:5%; text-align:left; padding:0 0.5em; vertical-align:middle } .clsMyHomePrev input, .clsMyHomeNext input{ text-indent:-2000em; overflow:hidden; display:block; width:20px; height:20px; border:0px none; margin:0; color:#FFF; background:url('../images/screen_orange/icon-next.jpg') no-repeat; font-size:0; cursor:pointer; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0 } .clsMyHomePrev input{ background:url('../images/screen_orange/icon-prev.jpg') no-repeat; } .disabledPrevButton{ background:url('../images/screen_orange/icon-prevnogo.jpg') no-repeat; cursor:default } .disabledNextButton{ background:url('../images/screen_orange/icon-nextnogo.jpg') no-repeat; cursor:default } /*-- category pages --*/ #selCategoryTable, #selCategoryTable td{ border:0; background-color:#F0F4F7; border:1px solid #F0F4F7 } #selCategoryTable td{ border-bottom:1px solid #C8D3D7 } #selCategoryTable .clsLastRow td{ border-bottom:0px none; } #selCategoryTable td .clsBold{ font-style:normal; font-weight:bold; color:#6D7476 } #selCategoryTable h3, #selCategoryTable p{ padding:0.2em 0.3em; font:11px Tahoma; color:#6D7476 } #selCategoryTable h3 a{ font:normal 18px Arial, Helvetica, sans-serif; color:#FF6600; text-decoration:none } #main .clsPhotoTags a{ color:#FF6600; } #main .clsPhotoTags a:hover{ color:#718F99; } /*-- groupHome --*/ #selGroupHomeLinks li a{ padding:0.3em 0 0.2em 1.5em; } /*-- photocategory --*/ #selPhotCategoryImageDisp{ float:left; padding:0 0.3em 0 0; } #main p.clsDesc{ clear:both; } #main .clsPhotoCategoryCell{ width:260px; } /*-- common right link to the header --*/ #selShowDetails{ display:block; float:right; margin:-1.5em 0.2em 0 0 } #selShowDetails a{ background:#FFFEFA url('../images/screen_orange/icon-showdetails.jpg') no-repeat right center; color:#F55D1E; text-decoration:none; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.2em; font-family:Arial; padding-left:0.5em; padding-right:1.5em; padding-top:0; padding-bottom:0 } /*-- profile page --*/ #selPhotoShelfTbl, #selPhotoShelfTbl td{ background-color:transparent; border:0px none; } .clsGetGift{ text-align:right } #confirmationDiv{ margin:1em 5em; padding:1em; border:1px dotted #F96800; background-color:#DBE3E6; color:#F96800 } #confirmationDiv a{ display:block; text-align:right } #groupAdd{ border:1px dotted #F96800; background-color:#FFF6EF; color:#333 } #groupAdd #cancel{ display:block; float:right; margin:-1.5em 0 0 0 } #groupAdd table, #groupAdd td{ background:; border:0px none; } /*-- index --*/ * html #formSetBrowseSetCriteria{ height:1%; } #formSetBrowseSetCriteria:after{ clear:both; content:"."; display:block; visibility:hidden } #selRootIndex h2{ font:1.5em Arial, Helvetica, sans-serif; color:#6C7F84; text-transform:lowercase; margin:0; background:transparent; padding:0 0 0.5em 0; } /*-- login --*/ #selLoginTbl table{ width:auto; float:right } #selLoginTbl td{ text-align:right; padding:0 0 0.2em 0; font:1em Tahoma; } .clsLoginSubmitButton{ display:block; height:20px; text-align:center; vertical-align:middle; float:right; color:#FFF; text-decoration:none; background:url('../images/screen_orange/bg-searchbtn.gif') no-repeat; border:0px none; width:56px; font-style:normal; font-variant:normal; font-weight:bold; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0.3em } #selLoginTbl h2{ text-align:right } #selLoginTbl{ min-height:14em; } * html #selLoginTbl{ height:14em } #selLoginTbl h2{ margin:0; padding:0 0 0.5em 0 } /*-- Fixing the image in index.php (featured members) --*/ #selFeaturedMembers table, #selFeaturedMembers td{ margin:0; padding:0; border:0px none; } #selFeaturedMembers td{ padding:0.5em 0.2em 0.5em 0; } #selFeaturedMembers #selImageBorder a{ display:block; } /*-- members/videoUploadPopup --*/ #selUploadTbl .clsHelp{ float:right; font-size:0; } #selUploadTbl, #selUploadTbl table, #selUploadTbl td, #selUploadTbl th{ background:; border:0px none; } #selUploadTbl th{ color:#0F0F0F } #selUploadTbl .clsFormLabelCellDefault, #selUploadTbl .clsFormLabelCellError, #selUploadTbl th{ text-align:left; color:#727A7D; width:35%; white-space:nowrap; font-weight:bold; } #selUploadTbl .clsFormFieldCellDefault, #selUploadTbl .clsFormFieldCellError{ text-align:left; } #main .clsUploadCategoryBlock{ text-align:left; } #main .clsSelectNote{ color:#727A7D; clear:both } #main .clsSelectHighlightNote{ color:#727A7D; font-weight:bold; } #selCategoryBlock li{ padding:0; width:45%; float:left; margin:0 0.5em 0.5em 0; } .clsCheckRadio{ border:0px none; margin:0; background-color:transparent } #selUploadTbl .clsBold{ font-weight:bold; font-style:normal; } #membersvideoUploadPopup select{ position:relative } #selUploadTbl p{ padding:0.2em; line-height:1.2em; } #selUploadTbl .clsSelectHighlightNote, #selUploadTbl #selDisableNote{ padding:0 0 0 2em; } * html #selUploadTbl .clsSelectHighlightNote, * html #selUploadTbl #selDisableNote{ padding:0 0 0 2.5em; } #selUploadTbl .clsAllowOptions label{ font-weight:bold; text-transform:capitalize; } #selVideoTagDisplay{ padding:0.5em; } #main span a{ padding:0 0.2em } #main span a:hover{ text-decoration:none } #main .clsMoreTags, #main .clsViewAllLinks{ text-align:right } #main .clsMoreTags a, #main .clsViewAllLinks a{ color:#FF6900 } #main .clsViewAllLinks a{ text-decoration:underline; font:1.2em Arial } #selTopRated #selMemberName a, #selNewVideo #selMemberName a{ font:1.1em Arial !important; text-decoration:underline } #selRecommended .clsFloatLeftImage{ margin:0 0.5em; float:left; } * html #selRecommended .clsFloatLeftImage{ border-top:1px solid #6C767C; border-bottom:1px solid #6C767C; } /*-- shoutout --*/ #selShoutOutTable th, #selShoutOutTable td, #selShoutOutTable{ border:0px none; background:; vertical-align:top; padding:0.5em; width:auto; margin-left:0; margin-right:0.5em; margin-top:0.5em; margin-bottom:0.5em } #selShoutOutTable .clsFormLabelCellDefault{ font-weight:normal; } #selShoutOutTable textarea{ width:48em; height:5em; } /* search.php selRelatedTags */ #selRelatedTags{ margin-top:1em; } #selRelatedTags a{ color:#990000; } #selRelatedTags a:hover{ color:#000000; } /*-- mail pages --*/ #selMessageNavLinks{ font-weight:bold } #selMessageNavLinks td{ text-align:right; padding:0; } .clsMessageDetailSection{ width:75%; } /*-- groupListAllResponse, bulletinListAll --*/ #selForumReplyText, .clsBulletinMessage{ width:85%; } #selForumDispTitle{ width:50%; } .clsBulletinSubject{ width:50%; } /*-- forum in groupHome page --*/ #selForumTitleinHome{ width:75%; } /*-- myphotoAlbums --*/ .clsMyVideoAlbumTbl th, .clsMyVideoAlbumTbl td, .clsMyPhotoAlbumTbl th, .clsMyPhotoAlbumTbl td{ padding:0.5em } .clsAlbumVideos, .clsAlbumVideos, .clsBulletinViews, .clsBulletinReplies, .clsBulletinViews, .clsBulletinReplies, .clsAlbumPhotos, .clsAlbumPhotos{ text-align:center; } .clsUserAlbumActions{ white-space:nowrap } #selPhotoAlbumName{ width:500px } #selAlbumName{ width:200px } /*-- for mail page to highlight the request --*/ #friendRequestAcceptanceForm{ background-color:#DEE3E7; padding:1em; margin:0 1em 1em 0.5em; border:1px solid #ACB3B9; } /*-- groupListAll --*/ #selForumTitle{ border-bottom:1px solid #ACB3B9; width:100%; font:normal 1em Tahoma; padding:0.5em 0; margin:0 0 0.5em 0; background:transparent; } #selForumTitle a{ font:normal 1em Tahoma; } #selForumTitle span{ background:transparent; padding:0; } #selGroupForumPost{ padding:0.5em; } #selGroupForumPost h3, #selGroupForumPost h3 p{ margin:0; padding:0; } #selGroupForumPost a{ font:bold 1em Arial, Helvetica, sans-serif; } #selGroupForumPost #post, #selGroupForumPost #joinGroup{ float:right; margin:-1.4em 0 0 0; } #selGroupForumPost #selBackToForum a{ background:url('../images/screen_orange/icon-goback.jpg') no-repeat left center; padding-left:1.5em; padding-right:0; padding-top:0; padding-bottom:0 } /*-- forum width --*/ #selForumTopic{ width:700px } #selGroupForumTopic{ width:320px } #selForumTopicList{ width:60% } #selRatingImage{ text-align:center } /*-- browseMembers --*/ .clsMembersDisplayTbl, .clsMembersDisplayTbl td, .clsMembersDisplayTbl th{ border:0px none; background-color:#F0F4F7 } .clsMembersDisplayTbl #selMemDetails li, #selMemDetails li{ width:auto; float:none; background:url('../images/screen_orange/icon-myfriends.gif') no-repeat left center; padding-left:2em; padding-right:0; padding-top:0.1em; padding-bottom:0 } #selMemDetails li a{ font:normal 1.1em Tahoma; color:#6D7476 } .clsMembersDisplayTbl #selMemDetails #selSendMsg, #selMemDetails #selSendMsg{ background-image:url('../images/screen_orange/icon-sendmail.gif'); } .clsMembersDisplayTbl #selMemDetails #selAddFriend{ background-image:url('../images/screen_orange/icon-addasfriend.gif'); } #selRightNavigation #selBrowseMembersTitle{ border:0px none; text-transform:lowercase; background:url('../images/screen_orange/icon-browsemember.gif') no-repeat 0 0.3em;; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; padding-left:1.2em; padding-right:0; padding-top:0; padding-bottom:0.2em } #height_start_feet{ margin:0 0 0 1em; } #height_end_feet{ margin:0 0 0 3em; } .clsToHeight{ margin:1em 0 0 3.3em; } /*-- viewVideo --*/ #selVideoTable, #selVideoTable table, #selVideoTable td, #selVideoTable th{ margin:0; padding:0; border:0px none; vertical-align:top } #selVideoTable table, #selVideoTable div{ margin:0; padding:0; } #selVideoTable div p{ padding:0.2em; font:normal 1em Tahoma; } #selVideoTable div td, #selVideoTable div th{ border:0px none; background-color:#EFEFEF; border-collapse:separate; padding:0.2em; text-align:left } #selVideoTable div th a{ font:bold 1.1em Tahoma !important; padding:0; color:#000 } #selVideoCommentTable, #selVideoCommentTable table, #selVideoCommentTable td{ border:0px none; margin:0; padding:0 } #selVideoCommentTable, #selVideoCommentTable table{ border:1px solid #E0E0E0 } #selVideoCommentTable table, #selVideoCommentTable{ width:100% } #selVideoCommentTable table{ margin:1em; padding:0; width:60em; } * html #selVideoCommentTable table{ width:50em; } #selVideoCommentTable #selVideoCommentSeparator{ background:#E0E0E0; padding:0.1em; } /*-- myphoto --*/ .clsCheckItem input{ margin:0 0 0 0; padding:0; border:1px solid #FF6D01; background-color:#FF6D01; } html > body .clsCheckItem{ margin:0 0.2em 0 0; padding:0; background-color:#FF6D01; border:2px solid #FF6D01; display:block; width:13px; height:13px; padding:0 1px 2px 1px } html > body #selCheckAllItems{ overflow:auto; } html > body p .clsCheckItem{ float:left } #selCheckAllItems{ padding:0.5em 0; } .clsContentEditLinks, #selTopMain{ overflow:auto; } * html .clsContentEditLinks, * html #selTopMain{ height:0%; overflow:visible } .clsModifyItem #selImageBorder{ width:109px; padding:0.2em 0; } .clsModifyItem #selImageBorder{ width:126px; } /*-- viewProfileComments --*/ #membersviewProfileComments table{ width:100% } #selProfileComments{ width:78% } .clsMainTagsDisplay li{ display:inline; } .VeilStyle1c{ position: absolute; top:0; left:0; cursor:"not-allowed"; background-color:#000; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; width:100%; height:100%; } .clsMsgAlert{ display:none; position:absolute; z-index:100010; } .memListUserStatusOnline, .memListUserStatusOffline{ font-style:italic; color:#83A4AF; font-weight:normal; } .memListUserStatusOnline{ font-weight:bold; } #selVideoDisp{ height:370px; overflow-y:auto; width:100%; } /*-- myHome --*/ #membersmyHome #sideBar, #help #sideBar, #membershelp #sideBar{ display:none; } #membersmyHome #main{ margin:0; padding:0.5em; } #help #main, #membershelp #main{ margin:0; } .clsMyHomeContentCell{ width:20%; } .clsMyHomeSections #trcwhite{ padding:0.5em; } .clsMyHomeTable, .clsMyHomeTable td{ border:0px none; } .clsMyHomeSections{ margin:0 0 1em 0; } #membersindex #selUpload, #index #selUpload{ display:none; } #membersindex #selLeftSideIndex, #membersindex #selRightSideIndex, #index #selLeftSideIndex, #index #selRightSideIndex{ float:none; clear:none; width:auto; } /*-- Four column table width fixing --*/ .clsContentsDisplayTbl td{ width:5%; padding:0 0; } /*-- Rich text table --*/ .clsRichTextTable td{ padding:0 0 0 0; } .clsRichTextTable td td, .clsRichTextTable td table{ padding:0; margin:0; } /*-- Top Banner --*/ #selTopMain{ margin:0 0 1em 0; } .clsTopPlayer{ width:48%; float:right; border:0px solid #C1C4C9; text-align:left; } .clsTopBanner{ width:48%; float:left; text-align:center; } /*-- banner at the top --*/ #selBanner{ float:center; width=33%; margin:0em 0 0 0em; } /*-- viewVideo --*/ #selVideoTable table{ width:700px; } #selVideoDisp .clsVideoSepartor td{ padding-bottom:1em !important; border-bottom:1px solid #C1C4C9 } .clsVideoInfoSectionTbl td{ width:32%; } #selEditPhotoComments{ vertical-align:middle; text-align:center; white-space:nowrap } #selVideoPlayerCell{ vertical-align:top; padding:0; width:450px; border:1px solid #C1C4C9 } /*-- css for the Top, Related and User navigations in viewVideo --*/ #main .clsMoreVideosNav{ overflow:auto; zoom:1; margin:0 0 0.5em 0; } * html #main .clsMoreVideosNav{ height:1%; overflow:visible; } .clsMoreVideosNav ul{ border-bottom:1px solid #DEDEDE; padding:0 0 1.9em 0.2em; } * html .clsMoreVideosNav ul{ padding:0 0 1.8em 0.2em; } .clsMoreVideosNav li{ float:left; } .clsMoreVideosNav li a{ display:block; text-align:center; color:#FFF; background:url('../images/screen_orange/bg-searchbtn.gif') repeat-x; text-decoration:none; border:1px solid #DEDEDE; font-style:normal; font-variant:normal; font-weight:bold; font-size:1em; font-family:Tahoma; margin-left:0.2em; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0.5em; padding-right:0.5em; padding-top:0.2em; padding-bottom:0.2em } .clsMoreVideosNav .clsActiveMoreVideosNavLink a{ background:#FFF; color:#000; border-bottom:1px solid #FFF; } #selVideoTable p#selImageBorder{ margin:0 0 0 0.2em } #main #selVideoDetails td{ border-top:1px solid #C1C4C9; border-bottom:1px solid #C1C4C9; background-color:#FBFFFF; } #main #selVideoDetails #selVideoRateCell{ white-space:nowrap; border-left:1px solid #C1C4C9; } #main #selRatingTitle, #main #selVideoDetails p, #main #selVideoDetails span{ white-space:nowrap; } #main #selVideoDetails #selVideoInfo{ border-right:1px solid #C1C4C9; width:700px; } * html #main #selVideoDetails #selVideoInfo{ width:700px; } #selVideoInfo p{ font:0.9em Arial } #selVideoInfo p a{ font:0.9em Arial } #selVideoTable .clsContentCell{ width:140px } #main .clsContentCell a{ font:normal 1em Arial } #selVideoInfo p .clsBold{ font-style:normal } #groupAdd{ height:14em; width:50em; position:absolute; } #selCommentBlock{ min-height:14em; } * html #selCommentBlock{ height:14em; } /*-- viewVideo page --*/ #main .clsContentCell p a{ padding:0 0 0 1.5em; background-position:left center; background-repeat:no-repeat; } .clsContentCell a{ } .clsFlagContent a{ } .clsFavouriteContent a{ } .clsAddPlayListContent a{ } .clsAddGroupContent a{ background-image:url('../images/screen_orange/icon-addtogp.gif'); } .clsEmailContent a{ background-image:url('../images/screen_orange/icon-sendmail.gif'); } /*-- blog --*/ .clsBlogDisplay{ background:url('../images/screen_orange/dot.gif') repeat-x left bottom; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0.5em } .clsBlogInfoTitle{ color:#3670A7; } .clsBlogDisplayLinks{ overflow:auto; zoom:1; margin:0.5em 0; } * html .clsBlogDisplayLinks{ height:1%; overflow:visible; } .clsBlogDisplayLinks li{ float:left; background:url('../images/screen_orange/dot.gif') repeat-y right top;; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:Tahoma; margin-left:0; margin-right:0.5em; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0.5em; padding-top:0; padding-bottom:0 } .clsBlogDisplayLinks .clsLastBlogInfo{ background:none; } .clsPostBlogTbl, .clsPostBlogTbl td{ margin:0; padding:0; border:0px none; width:100% } .clsPostBlogTbl textarea{ width:99%; margin:0 0 0.5em 0; } * html .clsPostBlogTbl textarea{ width:100%; } .clsBlogPostCommentCell{ text-align:right; } /*-- two column table width fixing for ie --*/ .clsTwoColumnTbl td{ width:50%; } /*-- style for the display of banner previews --*/ .clsPreviewBanner img{ border:1px solid #767A79; } .clsPreviewBanner{ margin:0 0 0 -800px; } /*-- help --*/ #selHelp dt a{ font-weight:bold; } #selHelp dd{ padding:0.2em 0 1em 0; } /*-- videouploadPopup --*/ .clsVideoUploadPopup #selVideoUploadRules{ border:1px solid #FF5001; background-color:#FFE9DF; width:auto; margin:1em 0; } .clsSwitchOver{ border:1px solid #FF5001; background-color:#FFE9DF; padding:0.5em; text-align:center; width:45%; float:right; } .clsUploadSection{ border:1px solid #FF5001; background-color:#FFE9DF; padding:0.5em; width:45%; float:left; margin:0 2em 0 0; } .clsUploadSection p{ padding:0.5em 0; } .clsUploadSection table{ margin:0; } .clsUploadSection td{ width:50%; } /*-- musicList --*/ .clsMusicListTable{ border:0px none; } .clsMusicListTable td, .clsExploreMusic td{ background:url('../images/screen_orange/dot.gif') repeat-x left bottom; border:0px none; } .clsMusicPlayerSection{ width:320px; } .clsMusicListTable .clsTitleLink, .clsMusicDetailsSection p, .clsExploreMusic .clsTitleLink, .clsExploreMusic p{ margin:0 0 0.4em 0; } #selPlayMusic a{ border:1px solid #FFF; display:block; width:23px; } #selPlayMusic a:hover{ border:1px solid #AFAFAF; } #selMusicTable, #selMusicTable td{ border:0px none; } .clsExploreMusic table{ margin:0; border:0px none; } #selMusicPlayerCell{ width:320px; } .clsExploreVideo{ width:26%; } .clsMusicPlay{ width:10%; }