/** * CSS for Orange themed template for Root * * @author vidhya_29ag04 * @copyright Copyright (c) 2006 {@link http://www.agriya.com Agriya Infoway} * @license http://www.agriya.com Agriya Infoway Licence * @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; } #top,#header h2,#footer h2,#selSubHeader h3{ /*-- Nomensa Method to hide the content --*/ position:absolute; left:-999em; width:990em; } form,table,p,h1,h2,h3,h4,h5,h6,ul,li,div{ margin:0; padding:0; font-size:100%; } li{ padding:0.2em 0; list-style:none; } a{ color:#3670A7; text-decoration:underline; outline:none; } a:hover{ text-decoration:none; } img{ border:0; vertical-align:top; } .clsBodyContent{ width:1000px; overflow:hidden; margin:0 auto; text-align:left; } #balloon{ text-align:left; margin:0; } /*-- Header --*/ #header h1{ background:url(../images/screen_orange/logo.gif) no-repeat; float:left; width:172px; } /*-- for popup windows --*/ .clsPopupHeader #header{ text-align:left; padding:0.5em; } .clsPopupHeader #header h1{ float:none; } #header h1 a{ width:172px; height:78px; 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:1000px; clear:both; height:4.7em; } /*-- selSubHeader --*/ #selSubHeader{ width:1000px; margin:0 auto; text-align:center; } 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:74%; margin:0 auto; text-align:center; } 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:normal 1em 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; } #selSubHeader dd{ position:absolute; left:0; z-index:0; width:1000px; margin:2.7em 0 0 0; } #selSubHeader li{ display:inline; background-repeat:no-repeat; background-position:left center } #selSubHeader ul{ margin:0 0.2em 0 0; padding:0.2em 0 0.5em 0; } #selSubHeader li a{ margin:0 1.5em 0 0; padding:0 0 0 1.5em; 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); } /*-- sideBar1 --*/ .sideBar1{ width:165px; float:left; clear:left; padding:0.5em 0 0.5em 0.5em; } .sideBar1 table,.sideBar1 td{ margin:0; padding:0; border:0; background:transparent; } .sideBar1 td{ padding:0.2em 0; } .sideBar1 ul,.sideBar1 table{ margin:0 0 1em 0; } .sideBar1 ul ul{ margin:0 0 0 1em; display:none; } .sideBar1 .clsActive ul{ display:block; } .sideBar1 li{ list-style:circle inside; margin:0 0 0 0.2em; } .sideBar1 #selFeaturedMembers li{ list-style:none; margin:0; } .sideBar1 .clsActive li a{ color:#FC6B00; font-weight:normal; } .sideBar1 .clsActive a,.sideBar1 .clsActive .clsActivePhotoSubLink a{ font-weight:bold; color:#FC6B00; } .clsMoreTags{ text-align:right; } .clsMoreTags{ margin:1em 0; } /*-- sideBar2 --*/ .sideBar2{ float:right; clear:right; width:165px; text-align:center; padding:0.5em 0.5em 0.5em 0; } .sideBar2 p{ margin:0 0 1em 0; } /*-- Main --*/ #main{ padding:0.5em; min-height:29em; font:12px Verdana, Arial, Helvetica, sans-serif; } * html #main{ height:30em; } .clsMain{ margin:0 180px; } .clsMainNoBanner{ margin:0 0 0 180px; } /*-- 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.3em 0.5em; background:#DEE3E7; margin:0 0 1em 0; } h3{ margin:0.5em 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.3em 0; } #footer li{ margin:0 0.5em 0 0; border-right:1px solid #666A69; padding:0 0.5em 0 0; display:inline; } #footer .clsNoFooterBorder{ border:0; } #footer p{ text-align:center; font-size:0.9em; padding:0.2em 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:0 0.5em 0 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{ padding:0 0 0 1.5em; background:#FFF url(../images/screen_orange/icon-book.jpg) no-repeat; font-weight:bold; } .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.2em; } 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.1em; 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.3em 0; } #selMsgConfirm{ text-align:center; } #selMsgConfirm table{ border:0; margin:0.5em auto; width:auto; } .clsPopupConfirmation table{ background-color:transparent; } #selMsgConfirm td{ border:0; padding:0 0 0.5em 0; } #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:0;margin:0 auto} .clsPopupConfirmation td{padding:0.5em} .clsFormFieldErrTip{ background:url(../images/screen_orange/icon-alert.jpg) no-repeat 0 0.3em; padding:0.2em 0.2em 0.2em 1.5em; height:1%; color:#FF0000; } .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:transparent; color:#3670A7; padding:0.2em 0 0 0.5em; } label span,.clsFormFieldCellError,.clsFormLabelCellError{ color:#FF0000; } td p.clsHint{ color:#FF9900; } /*-- Data Table --*/ table{ background-color:#FFF; border:1px solid #E0E0E0; border-collapse:collapse; color:#767A79; font-size:11px; margin:1em 0; padding:0; width:99%; } th{ background-color:#E0EAEF; border:1px solid #E0E0E0; border-collapse:collapse; color:#616A6F; vertical-align:top; font-weight:normal; text-align:left; padding:0.5em 0.2em; } td{ border:1px solid #E0E0E0; padding:0.5em 0.2em; vertical-align:top; } .clsDataTable th{ text-align:left; } /*-- Form Table --*/ th a{ padding:0 1.8em 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 1em 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 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{ list-style:none; background:url(../images/screen_orange/icon-rightnavigationlinks.gif) 0 0.4em no-repeat; padding:0 0 0 1.5em; display:block; margin:0.3em 0; font:bold 11px Tahoma; } .clsCommunityDetails li a{ display:inline; } .clsCommunity table{ margin:0.5em; width:98%; border:1px solid #F1F5F8; background:transparent; } .clsCommunity td,.clsCommunity th{ background:transparent; border-collapse:separate; vertical-align:top; white-space:normal; border:0; font:normal 11px Tahoma; color:#000; text-align:left; border-bottom:1px solid #C8D3D7; } .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{ list-style:none; background:url(../images/screen_orange/icon-rightnavigationlinks.gif) 0 0.4em no-repeat; padding:0 0 0 1.5em; display:block; margin:0.3em 0; font:normal 11px Tahoma; } #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:0.3em 0.5em 0.3em 2em; } .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:0; } .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; padding:1em 0 1em 2em; font:bold 0.9em Verdana; display:block; white-space:nowrap; } #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:0; padding:0 0.3em 0.5em 0.3em; border-collapse:separate; } #selGroupDetail{ width:100%; margin:0; float:right; border:0; } #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{ padding:0 0 0 1.5em; color:#6D7476; background:url(../images/screen_orange/online.gif) no-repeat left center; } #main .videoIcon img{ border:0; 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:italic 0.9em Tahoma; } .clsViewContentSection table{ margin:0 auto; width:auto; border:0; } #blogPost{ margin:1em 0; } #selVideoCodeTable .clsTextBox,#selVideoCodeTable textarea{ width:300px; padding:0; } .clsViewContentSection td{ border:0; vertical-align:middle; padding:1em 0; text-align:center; } .clsFullViewLink{ text-align:center; } .clsFullViewLink a{ font:normal 0.9em Tahoma; } .clsContentCommentTbl,.clsContentCommentTbl td,.clsContentCommentTbl th{ margin:0; padding:0; border:0; } .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.5em 0; color:#423431; font:bold 1em Verdana; text-align:center; } #selNoWrapTableContents #selBulletinNavigation{ padding:0.5em } #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; padding:0.5em 0.5em 0.5em 2em; font:bold 1em Verdana; display:block; } #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:1px solid #6C8AB7; border-top:0; padding:0 0 0.5em 0; margin:1em 0 1em 0; } #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 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 center; } .clsContentEditLinks .clsDelete a{ background:url(../images/screen_orange/icon-delete.jpg) no-repeat center center; } .clsContentEditLinks .clsSetFeatured a{ background:url(../images/screen_orange/icon-addtofavorite.jpg) no-repeat center center; } /*-- For fixing the header appearance --*/ #selRightHeader{ width:18em; float:right; clear:right; color:#000; margin:0.5em 0 0 0; } * html #selRightHeader{ width:17.5em; } #selFormCommonSearch table{ width:100%; margin:2em 0 0 0; padding:0; border:0; background:transparent; } * html #selFormCommonSearch table{ margin:2.5em 0 0 0; } /*-- status checker for iframe --*/ #dynamicStatusChanger{ height:200px; background-color:#DEE3E7; } #dynamicStatusChangerIFrame{ background-color:#DEE3E7; } #selFormCommonSearch td{ text-align:right; border:0; padding:0.2em 0 0.2em 0.2em; vertical-align:top; background:transparent; } #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:0; } #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; padding:0 0.5em; background:url(../images/screen_orange/bg-searchbtn.gif) center center; font:bold 0.9em Verdana; border:0; color:#FFF; width:56px; height:20px; } .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:0; } * 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:0; width:100% } * html #selViewPhotoTable{ width:99%; } * html #myFriends{ width:100%; } .clsContentsDisplayTbl td,#myFriends td{ padding:0.5em 0.2em; border:0; font-size:90%; } /*-- 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:0; } #selCenterPlainImage td{ padding:0; border:0; } #selPlainImageBorder{ overflow:auto; zoom:1; } * html #selPlainImageBorder{ overflow:visible; height:1%; } #selPlainImage,#selPlainCenterImage,#selImageBorder a img,#selPlainImageBorder a img{ border:1px solid #6C767C; padding:2px; } #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:0.3em 0 0.3em 2em !important; } #next a{ background:url(../images/screen_orange/icon-next.jpg) no-repeat right center; padding:0.3em 2em 0.3em 0 !important; } #reply a{ background:url(../images/screen_orange/icon-reply.jpg) no-repeat right center; padding:0 2em 0 0; } #send a{ background:url(../images/screen_orange/icon-mail.jpg) no-repeat right center; padding:0 2em 0 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:0 0 0 2em; } #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; padding:1em 0 1em 2em; font:bold 0.9em Verdana; display:block; white-space:nowrap; } /*-- photoUpload --*/ #selCreateAlbum a{ background:url(../images/screen_orange/icon-createalbum.jpg) no-repeat right center; padding:0 1.5em 0 0; } #main .clsUpload a{ background:url(../images/screen_orange/icon-upload.gif) no-repeat right bottom; padding:0.5em 2em 0 0; } #selPreviewTable,#selPreviewTable td{ padding:0.3em 0.5em; border:0; } #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:1px 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.2em 0.2em 0.2em 0.5em } .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:0 } #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:-2.5em 0.2em 0 0 !important; } 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; font-weight:bold; background-image: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; padding:0 0.1em 0 1.5em; margin:0 0 0 0.2em; color:#6D7476; font-size:11px; } /*-- 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:transparent url(../images/screen_orange/tlc.jpg) no-repeat; } #trc{ background:transparent 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:transparent url(../images/screen_orange/blc.jpg) no-repeat left bottom; } #brc{ background:transparent url(../images/screen_orange/brc.jpg) no-repeat right bottom; } #tb{ background:transparent url(../images/screen_orange/tb.jpg) repeat-x; } #bb{ background:transparent url(../images/screen_orange/bb.jpg) repeat-x center bottom; } #rb{ background:transparent 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:transparent url(../images/screen_orange/tlcwhite.jpg) no-repeat; } #trcwhite{ background:transparent url(../images/screen_orange/trcwhite.jpg) no-repeat right top; } #blcwhite{ background:transparent url(../images/screen_orange/blcwhite.jpg) no-repeat left bottom; } #brcwhite{ background:transparent url(../images/screen_orange/brcwhite.jpg) no-repeat right bottom; } #tbwhite{ background:transparent url(../images/screen_orange/tbwhite.jpg) repeat-x; } #bbwhite{ background:transparent url(../images/screen_orange/bbwhite.jpg) repeat-x center bottom; } #rbwhite{ background:transparent 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; padding:0 0 0 1em; display:block; text-decoration:none; font:normal 1em Tahoma; } #selNewMembersTitle{ background:transparent url(../images/screen_orange/icon-newmembers.gif) no-repeat 0 0.5em; font:normal 1.5em Arial, Helvetica, sans-serif; color:#6C7F84; padding:0.3em 0 0.3em 1.2em; margin:0; text-transform:lowercase } #selMyNewMembers span,#selMyMusics span,#selCoolNewPeople span,#selMyVideos span,#selMyFriends span,#selMyPhotos span{ padding:0.3em 2.2em; background:#DAE4E9 url(../images/screen_orange/icon-video.gif) no-repeat 0.5em 0.2em } #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 center; text-align:center; padding:0.3em 0; } #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:0 0 0 1em; } #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:0; margin:0; padding:0 0 0 25px; color:#FFF; background:url(../images/screen_orange/icon-next.jpg) no-repeat; font-size:0; cursor:pointer; } .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:0 } #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; padding:0 1.5em 0 0.5em; color:#F55D1E; text-decoration:none; font:bold 1.2em Arial; } /*-- profile page --*/ #selPhotoShelfTbl,#selPhotoShelfTbl td{ background-color:transparent; border:0 } .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:transparent; border:0 } /*-- 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; padding:0 0 0.3em 0; border:0; font:bold 1em Arial, Helvetica, sans-serif; width:56px; } #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:0; } #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:transparent; border:0; } #selUploadTbl th{ color:#0F0F0F } #selUploadTbl .clsFormLabelCellDefault,#selUploadTbl .clsFormLabelCellError,#selUploadTbl th{ text-align:right; 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:0; 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:0; background:transparent; vertical-align:top; padding:0.5em; width:auto; margin:0.5em 0.5em 0.5em 0; } #selShoutOutTable .clsFormLabelCellDefault{ font-weight:bold } #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:0 0 0 1.5em } /*-- forum width --*/ #selForumTopic{ width:700px } #selGroupForumTopic{ width:320px } #selForumTopicList{ width:60% } #selRatingImage{ text-align:center } /*-- browseMembers --*/ .clsMembersDisplayTbl,.clsMembersDisplayTbl td,.clsMembersDisplayTbl th{ border:0; 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:0.1em 0 0 2em; } #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{ font:bold 1.3em Arial, Helvetica, sans-serif; border:0; padding:0 0 0.2em 1.2em; text-transform:lowercase; background:url(../images/screen_orange/icon-browsemember.gif) no-repeat 0 0.3em; } #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:0; vertical-align:top; } #selVideoTable table,#selVideoTable div{ margin:0; padding:0; width:100%; } #selVideoTable div p{ padding:0.2em; font:normal 1em Tahoma; } #selVideoTable div td,#selVideoTable div th{ border:0; 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:0; 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.2em; } /*-- 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:1%; 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:0; } .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:25%; padding:0.5em 0.4em; } /*-- Rich text table --*/ .clsRichTextTable td{ padding:0.2em 0.5em 0.2em 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:center; } .clsTopBanner{ width:48%; float:left; text-align:center; } /*-- banner at the top --*/ #selBanner{ float:left; width:750px; margin:1em 0 0 1em; } /*-- viewVideo --*/ #selVideoTable table{ width:100%; } #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; padding:0.2em 0.5em; text-align:center; color:#FFF; background:url(../images/screen_orange/bg-searchbtn.gif) repeat-x; margin:0 0 0 0.2em; text-decoration:none; border:1px solid #DEDEDE; font:bold 1em Tahoma } .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:300px; } * html #main #selVideoDetails #selVideoInfo{ width:240px; } #selVideoInfo p{ font:1.2em Tahoma } #selVideoInfo p a{ font:1em Tahoma } #selVideoTable .clsContentCell{ width:140px } #main .clsContentCell a{ font:bold 1em Tahoma } #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{ background-image:url(../images/screen_orange/icon-sendmail.gif); } .clsFlagContent a{ background-image:url(../images/screen_orange/icon-flagcontent.jpg); } .clsFavouriteContent a{ background-image:url(../images/screen_orange/icon-addtofav.gif); } .clsAddPlayListContent a{ background-image:url(../images/screen_orange/icon-sendmail.gif); } .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:transparent url(../images/screen_orange/dot.gif) repeat-x left bottom; padding:0 0 0.5em 0; margin:0 0 1em 0; } .clsBlogInfoTitle{ color:#3670A7; } .clsBlogDisplayLinks{ overflow:auto; zoom:1; margin:0.5em 0; } * html .clsBlogDisplayLinks{ height:1%; overflow:visible; } .clsBlogDisplayLinks li{ float:left; margin:0 0.5em 0 0; padding:0 0.5em 0 0; font:normal 1em Tahoma; background:transparent url(../images/screen_orange/dot.gif) repeat-y right top; } .clsBlogDisplayLinks .clsLastBlogInfo{ background:none; } .clsPostBlogTbl,.clsPostBlogTbl td{ margin:0; padding:0; border:0; 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:0; } .clsMusicListTable td,.clsExploreMusic td{ background:transparent url(../images/screen_orange/dot.gif) repeat-x left bottom; border:0; } .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:0; } .clsExploreMusic table{ margin:0; border:0; } #selMusicPlayerCell{ width:320px; } .clsExploreVideo{ width:26%; } .clsMusicPlay{ width:10%; }