/* General */ body, td, th { color:#333;} .outer_wrapper{position: relative; width: 980px; margin: 0 auto;} .wrapper{ width: 980px; margin: 0 auto;} .clear{clear:both;} #container{ width:100%; background: none; margin-top:10px; } .redBoldLink, .mainInnerRightTitle p { color:#3B5998; font-weight:700;} .redNormalLink {color:#3B5998;} a {color:#3B5998; border:0px; cursor:hand; cursor:pointer;} #mainPageTitle{font-size:20px; font-weight:normal; color:#333; margin-top:10px;} h3{color:#333; font-size:20px; font-weight:normal; margin:0px 0px 10px 0px;} h4{color:#333; font-size:17px; font-weight:normal; margin:10px 0px 5px 0px;} a:hover{text-decoration:underline; border:0px;} a img, form, fieldset { border:0 none; } a.smallLink{ font-size:10px;} span.smallComment{ font-size:10px; color:#666;} a.grayButton { display:block; margin:0 auto; width:150px; padding:10px; font-weight:bold; color:#333; background:#f5f5f5; border:1px solid #CCC; border-bottom:1px solid #999; border-right:1px solid #999; text-align:center; text-decoration:none;} a.grayButton:hover { color:#333; background:#dddddd; border:1px solid #CCC; border-bottom:1px solid #999; border-right:1px solid #999; text-decoration:none; } .clearAfter{clear:both;} optgroup{font-size:11px; text-align:right; color:#999; padding-right:5px; font-weight:normal;} textarea{ font-family:"Tahoma","Verdana",Arial; font-size:13px; padding:8px; height:90px;} #photosadmin{margin-top:10px; margin-left: auto; margin-right: auto; overflow:hidden;} .welcomeFeeds #photosadmin { width:100%; height:auto;} #photosadmin.pics div.randomPic { float:left; margin:5px; padding:5px; background:#f5f5f5; border:1px solid #CCC;} .welcome #photosAdminModule h2 { font-size:16px; } #grpDiscList li { display:block; float:left; margin-right:10px; width:88%; } li#grpDiscLstPhoto{ width:8%;} #networkDescription { background-color:#F5F5F5; float:right; height:60px; margin-top:40px; padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px; width:600px; } /* W Form */ form.w {margin-top:20px;} form.w #step1 { padding:20px; border:1px solid #CCC; background:#f5f5f5; float:left;} form.w li.fields input { font-size:11px; border:1px solid #CCC; color:#333; padding:5px; width:80%;} form.w li { padding:5px 0px; float:left; width:100%;} form.w label.desc {float:left; width:25%; font-size:11px; padding:5px 0px; font-weight:normal; text-align:right; padding-right:5px;} form.w span {display:block; float:left; width:70%;} form.w span label{display:block; float:none; width:100%; color:#666; font-size:10px; padding:5px 0px; font-weight:normal;} form.w li.buttons { text-align:center; } form.bigFonts label.desc { font-size:14px;} form.bigFonts li.fields input { font-size:13px; padding:8px;} form.bigFonts li.fields textarea { font-size:13px; padding:8px;} form.bigFonts li.fields select { font-size:13px; padding:8px;} form.bigFonts li.buttons { font-size:15px; } /* Intro Private Network */ .privateNetwork .flash {min-height:20px;float:left;padding: 10px;border:1px solid #CC6666; background:#FFCDCD;text-align:center;font-size:14px;font-weight:bold;} .privateNetwork .leftCol {float:left; width:54%; padding:10px;} .privateNetwork .rightCol {width:39%; float:right; padding: 10px;} .privateNetwork h1 { color:#203360; font-size:20px !important; font-weight:bold !important; line-height:29px; word-spacing:-1px; border:0px;} .privateNetwork h2 { color:#203360; font-size:20px !important; line-height:29px; padding-top:1px; word-spacing:-1px; font-weight:normal; border:0px !important;} .privateNetwork .cocoaform {margin-top:20px;} .privateNetwork .cocoaform #step1 { padding:20px; border:1px solid #CCC; background:#f5f5f5; float:left;} .privateNetwork .cocoaform li.fields input { font-size:11px; border:1px solid #CCC; color:#333; padding:5px; width:80%;} .privateNetwork .cocoaform li { padding:5px 0px; float:left; width:100%;} .privateNetwork .cocoaform label.desc {float:left; width:25%; font-size:11px; padding:5px 0px; font-weight:normal; text-align:right; padding-right:5px;} .privateNetwork .cocoaform span {display:block; float:left; width:70%;} .privateNetwork .cocoaform span label{display:block; float:none; width:100%; color:#666; font-size:10px; padding:5px 0px; font-weight:normal;} .privateNetwork .cocoaform li.buttons { padding-left:156px;} /* My Account Panel */ /* Layout */ div#my_account_panel { height:40px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; /*width:980px; margin:0 auto;*/ } div#my_account_panel .element.eleft{ float:left; } div#my_account_panel .element.eright{ float:right; } div#my_account_panel .element a{ display:block; text-decoration:none; padding:11px 11px 11px 12px; } div#my_account_panel .element a.b{ font-weight:bold; } div.clear { clear:both;} div#my_account_panel #veramiko_avatar { padding:7px 5px 0px 11px; } div#my_account_panel #veramiko_search { padding:7px 5px 0px 7px; width:175px} div#my_account_panel #veramiko_search a {float:left; padding:0px; width:16px; height:16px;} div#my_account_panel #veramiko_search #s { border-style:solid none solid solid; border-width:1px 0 1px 1px; float:left; margin:0; padding:4px 4px; width:143px;} div#my_account_panel #veramiko_search #sb { display:block; margin:0; width:25px; height:23px; } div#my_account_panel .element ul {position:absolute; padding:0px; margin:0px; width:150px; text-align:left;} div#my_account_panel .element ul li a { display:block; padding:7px;} div#my_account_panel #greeting_element { font-size:14px; padding-top:9px; padding-left:10px;} div#my_account_panel #login_element { width:550px; padding-top:9px;} div#my_account_panel form input { float:left;} div#my_account_panel form input#user_email { margin:0px 5px; padding:3px;} div#my_account_panel form input#user_pass { margin:0px 5px; padding:3px;} div#my_account_panel .UILinkButton { float:left;} div#my_account_panel form a#forgotPasswordBar { float:left; margin:0px 0px 0px 7px; padding:3px 0px 0px 0px; text-decoration:underline;} div#my_account_panel form a#forgotPasswordBar:hover {background:transparent;} /* Colors */ div#my_account_panel { background: #1047A9; color:#FFF; border-bottom:1px solid #3277CC; } div#my_account_panel .element a{ color:#FFF; } div#my_account_panel .element a:hover{ background-color:#0F3B7F;} div#my_account_panel #veramiko_search #s { border-color:#333 -moz-use-text-color #315091 #315091; } div#my_account_panel #veramiko_search #sb { background: url(../../application/veramiko/images/global_search_btn.png) no-repeat -7px 1px; } div#my_account_panel .element ul { background:#fff; color:#333; border:1px solid #333; border-top:0px;} div#my_account_panel .element ul li a {color:#333;} div#my_account_panel .element ul li a:hover { background:#f5f5f5;} div#my_account_panel form input#user_email { border:1px solid #09439F;} div#my_account_panel form input#user_pass { border:1px solid #09439F;} .mainMenu{float:left; width:735px; font-size: 15px; margin: 28px 0px 0px 25px; height:38px; background:#f5f5f5;} .mainMenu ul{list-style:none;} .mainMenu ul li{float:left;} .mainMenu ul li.label{ font-size:12px; color:#888;} .mainMenu ul li.label span{ display:block; padding:10px 7px 7px 8px; } .mainMenu ul li.divide{ border-left:1px solid #CCC; height:20px; color:#999; font-size:11px; padding-top:4px;} .mainMenu ul li ul li.divide{ border:0px; border-bottom:1px solid #CCC; height:15px; color:#999; font-size:11px; padding-top:4px;} .mainMenu ul li a{ display:block; padding:7px; text-decoration:none; color:#333;} .mainMenu ul li a.small{font-size:11px;} .mainMenu ul li a:hover{background:#999;} .mainMenu ul li a.current{text-decoration:underline; font-weight:bold;} .mainMenu ul li a.current:hover{text-decoration:underline; font-weight:bold;} .mainMenu .moreApps ul{ float:left; background-color:#f5f5f5; border:1px solid #CCC; width:146px;} .mainMenu .moreApps ul li{padding:6px 4px; font-size:12px; width:86%; border-bottom:1px dotted #CCC;} .mainMenu .moreApps ul li.selected{background-color:#e5e5e5;} .mainMenu ul li ul li.selected.divide{ background:transparent;} .mainMenu .moreApps ul li a {color:#666;} .mainMenu .moreApps{ position:relative;} .mainMenu #moreAppsWrapper{ position:absolute; border-bottom:1px solid #666; border-right:1px solid #666; z-index:20;} .adminOptions { background-color:#f5f5f5; border:1px solid #CCC; padding:5px;} .adminOptions ul {list-style:none;} .adminOptions ul li { float:left; padding:2px 5px; } .adminOptions ul li.first { font-weight:bold; } .mainMenuTabs{ margin: 63px 0px 0px 0px; background-color:transparent;} .mainMenuTabs ul li { background-color:#999; margin:0px 1px;} .mainMenuTabs ul li a { text-decoration:none;} .mainMenuTabs ul li a:hover{background:#999; color:#ccc;} .mainMenuTabs ul li a.current{background:#f5f5f5; text-decoration:none; font-weight:bold;} .mainMenuTabs ul li a.current:hover{background:#f5f5f5; text-decoration:none; font-weight:bold;} .mainSubMenu { background:#f5f5f5;} .mainSubMenu ul{list-style:none;} .mainSubMenu ul li{float:left; padding:8px 10px;} .mainSubMenu ul li a{ text-decoration:none;} .mainSubMenu ul li a:hover{ text-decoration:underline;} .mainSubMenu ul li.current a{font-weight:bold; text-decoration:underline;} .sectionTitle .dh_new_media { margin-top:15px;} #searchSub a:hover { border-bottom:0px solid red; } #accountsNaviLink a{color:#666;} #accountsNaviLink a.active{color:#fff;} #compose { background:#F5F5F5 none repeat scroll 0 0; border:1px solid #CCCCCC; margin:10px 0; padding:10px 0; width:100%; } .mainInnerCommon{background:transparent none; border-top:2px solid #666; padding:0px; margin-top:0px; margin-left:1px; width:98%; float:left;} .banner .mainInnerCommon{margin-top:-3px;} #leftBarBorder{ float:left; width:76.5%;} body.welcome #leftBarBorder{ float:none; width:100%;} /* Right Panel Banners */ #rightPanel{float:left; width:23.5%;} #rightPanel #bannerPanel{ border-left:2px solid #999; min-height:300px; margin-top:21px; margin-left:5px;} #rightPanel #bannerPanel .banner{ width:175px; margin:0 auto; padding:5px;} #grayBoxMain #accountsNaviLink a { color:#AAAAAA; } #grayBoxMain #accountsNaviLink a:hover { color:#888; } #grayBoxMain #accountsNaviLink a.active{color:#fff;} #grayBoxMain #accountsNaviLink a.active:hover{color:#fff;} .newsfeed_icon{ float:left; width:16px; height:16px; overflow:hidden; margin-right:5px;} .feedAvatarWrapper { margin:0px 10px 0px 0px;} .feedPic { background:#f5f5f5; border:1px solid #CCC; margin:5px 0px; padding:5px;} .feedAlignLeft { font-size:11px;} #minifeeds #DivNewsFeeds .postInfoRight div img {float:left; margin-right:10px; margin-top:0px; } /* Buttons */ .dh_new_media span { background:transparent url(http://www.facebook.com/images/new_media_button_plus.gif) no-repeat scroll left center; color:#333333; display:block; font-size:11px; font-weight:bold; margin-left:9px; padding:3px 9px 5px 13px; text-shadow:0 1px 1px white; } .dh_new_media .tr { background:transparent url(http://www.facebook.com/images/new_media_button.gif) no-repeat scroll right top; } .dh_new_media { color:#777777; text-decoration:none; } .dh_new_media .bl { background:transparent url(http://www.facebook.com/images/new_media_button.gif) no-repeat scroll left bottom; } .dh_new_media .br { background:transparent url(http://www.facebook.com/images/new_media_button.gif) no-repeat scroll right bottom; } .dh_new_media { background:transparent url(http://www.facebook.com/images/new_media_button.gif) no-repeat scroll left top; color:#777777; display:block; float:left; text-decoration:none; } .dh_new_media:hover { text-decoration:underline; } .ff3 .UILinkButton { padding-top:1px; } .UILinkButton { float:left; height:22px; padding:0; position:relative; z-index:1; } .ff3 .UILinkButton .UILinkButton_A { padding:2px 6px 4px 8px; } .UILinkButton .UILinkButton_A { background:url(../images/buttons.gif) 0 -48px repeat-x; border:1px solid #386F24; color:white; cursor:pointer; float:left; font-size:11px; font-weight:bold; height:22px; margin:0; padding:3px 10px 3px 12px; position:relative; } .UILinkButton_SU .UILinkButton_A { background:url(../images/buttons.gif) 0 -96px repeat-x; border:1px solid #386F24; } .UILinkButton .UILinkButton_RW { float:left; height:22px; overflow:hidden; position:relative; width:2px; } .UILinkButton_SU .UILinkButton_R { background:url(../images/buttons.gif) 0 -96px repeat-x; border:1px solid #386F24; } .UILinkButton .UILinkButton_R { background:url(../images/buttons.gif) 0 -46px repeat-x; border:1px solid #386F24; height:27px; position:absolute; right:0; top:0; width:2px; } /* Tabs */ .toggle_tabs { list-style-image:none; list-style-position:outside; list-style-type:none; text-align:center; font-size:11px; float:left; margin:15px 0 0; padding:0; } .toggle_tabs li { background:#F1F1F1 url(http://www.facebook.com/images/components/toggle_tab_gloss.gif) repeat-x scroll left top; display:inline; padding:2px 0 3px; } .toggle_tabs li a { border-color:#898989 #898989 #898989 -moz-use-text-color; border-style:solid solid solid none; border-width:1px 1px 1px 0; color:#333333; font-weight:bold; padding:2px 8px 3px 9px; text-decoration:none; } .toggle_tabs li a:hover {text-decoration:underline;} .toggle_tabs li.first a.selected { border-left:1px solid #36538F; border-right:1px solid #5973A9; margin:0; } .toggle_tabs li.first a { border:1px solid #898989; } .toggle_tabs li a.selected { background:#6D84B4 none repeat scroll 0 0; border-color:#3B5998 #5973A9; border-style:solid; border-width:1px; color:#FFFFFF; margin-left:-1px; } .toggle_tabs li.last a.selected { border-left:1px solid #5973A9; border-right:1px solid #36538F; margin-left:-1px; } /* Layout */ #header, #footer{border:0px;} #header { background: transparent none; height:100px;} #footer { background:transparent none; clear:both; color:#5E6669; height:20px; padding-top:18px;} #footer_bar{ background: url("images/footer_bar.png") no-repeat; width:980px; height: 31px; margin: 10px 0px; padding: 5px; } #footer #logo_k{margin:0 auto; text-align: center; margin-top: 20px;} #footer{height:50px; text-align:center;} #footer_bar img{ float:left; } #footer img{ float:none; margin:0 auto; } /* Network Login */ #welcome_login #mainInner{width:100%;} #welcome_login .networkFeeds{width:58%;} #welcome_login .registerPanel{width:39%; margin:0px;} #welcome_login .registerPanel .register{background:#ccc; padding:10px; float:left;} #welcome_login .networkFeeds {border-right:1px solid #ccc;} #welcome_login .networkFeeds li div.pic{float:left; border:1px solid #ccc; padding:5px; margin-right:15px; margin-bottom:10px;} #welcome_login .networkFeeds li hr {border-bottom:1px dotted #ccc; margin:10px 0px;} #welcome_login .networkFeeds li {border-bottom:2px #ccc solid; margin:10px 5px 10px 0px; padding:10px 0px;} #welcome_login .networkFeeds li div.pics div.pic{float:left; border:1px solid #ccc; padding:5px; margin:5px;} #welcome_login #r_form {float:left;} #welcome_login #r_form li{float:left; width:95%; padding:5px;} #welcome_login #r_form label.desc{padding:4px; float:left; width:40%; color:#666;} #welcome_login #r_form div{float:left; width:55%;} #welcome_login #r_form span{float:left;} #welcome_login #r_form div input{display:block; float:left; width:100%; font-size:15px;} #welcome_login #r_form div input.imageBtn{width:auto;} #welcome_login #r_form div label{font-size:8px; font-weight:normal;} /* News Bar */ #news_bar{ float:left; background: #000; width:700px; height: 22px; margin: 10px; padding: 5px; font-size:13px; border:1px solid #555; -moz-opacity:.5; color:#FFF;} #news_bar #actions{float:right; width:8%;} #news_bar #actions a{cursor:hand; cursor:pointer;} #news_bar #news{float:left; width:84%; height:25px;} #news_bar div#newsLabel{ float:left; color:#999; font-size:11px; padding-top:3px; margin-right:5px;} #siteLogo{margin-top:0px; width:auto;} /**html #siteLogo{ width:300px;}*/ /**:first-child+html #siteLogo{ width:300px;}*/ #siteLogo h1{margin:0px; display:block; } #siteLogo h1 a{margin:0px; display:block; text-decoration:none; width:auto; height:auto;} body{ background-image: none; background-color: #f5f5f5; border-top: 0px solid #ccc; font-family:Lucida Grande, Lucida Sans, Verdana; font-size:11px; } .prflRightBox{background-color: #fff;} .main{background: none;} #profileInner{background: none;} #innerContainer{ background: #fff; } .mainInnerCommon{background-image: none;} #accountsNaviLink a {background-image: none; background-color: #e5e5e5;} #accountsNaviLink a.active {background:#666666 none;} #photoDsplyBox {background-color: transparent; border: 0px solid #666;} #leftBarBorder{background:transparent none repeat-y; background-color: #fff; padding-bottom:0px;} /* Application Bar */ /* general 5a6f8e*/ #application_wrapper {position: absolute; position: fixed; top:0px; width:100%; text-align: left; color:#fff; z-index:100; height:30px;} #application_wrapper .right{float:right; width:37%;} #application_wrapper li ul, #my_account li ul{ list-style:none;} #application_wrapper li ul li, #my_account li ul li{ list-style:none; border:0px !important;} #application_wrapper a:hover {color:#ffcc00; text-decoration:underline;} #applicationsList li:hover{background:#666;} .arrowAcitve{background:#666;} #application_wrapper ul li a.naviDownArrow{ /*padding-right:16px;*/ background:none transparent;} #application_wrapper ul li ul li ul{ margin-left:200px;} #application_wrapper .outer_wrapper { border:0px solid #ccc; /*#98A9CA*/ font-size:11px; height:36px; margin:0 auto; width:1000px; border-top:0px; border-left:0px; } #application_wrapper .outer_wrapper .barContent, #application_wrapper .outer_wrapper .leftCorner, #application_wrapper .outer_wrapper .rightCorner{background:#454545 none repeat scroll 0 0; /*#3B5998*/} #application_wrapper .outer_wrapper img#avatIcon{ margin-left:10px; margin-top:5px;} #application_wrapper .outer_wrapper .leftCorner{float:left; width:10px; height:36px;} #application_wrapper .outer_wrapper .rightCorner{float:left; width:10px; height:36px;} #application_wrapper .outer_wrapper .barContent { float:left; height:43px; width:980px; } /* #application_wrapper .shadow_wrapper { border-bottom:0px solid #ccc; border-right:0px solid #333; height:85px; margin:0 auto; width:1000px; } */ #application_wrapper .outer_wrapper #login input#user_email,#application_wrapper .outer_wrapper #login input#user_pass { border:1px solid #343434; color:#666; padding:3px; margin:0px 5px; font-size:11px; float:left; } #application_wrapper .outer_wrapper #login button#loginButton{ margin-left:5px; margin-right:10px; font-size:12px; color:#FFF;} #application_wrapper .outer_wrapper #login button#loginButton span{ color:#FFF;} /* Login Bar */ #welcome_login #application_wrapper .outer_wrapper { height:40px; } #welcome_login #application_wrapper .outer_wrapper #my_account { margin-top:5px; } #welcomeLabel { margin-top:5px; margin-left:15px; font-size:16px; float:left; } #welcomeLabel span { font-size:14px; font-weight:normal; color:#ccc; } button.button{cursor:hand; cursor:pointer; height:22px; border:0px; margin:0px; padding:0px 5px; background-color:transparent; background-image:url(../../application/images/normalButton.png); background-repeat:no-repeat; background-position:left 0px;} button.button span{ display:block; height:22px; margin:-1px 0px 0px 0px; width:100%; padding:3px 6px 3px 2px; border:0px; background-color:transparent; background-image:url(../../application/images/normalButton.png); background-repeat:no-repeat; background-position:right 0; font-weight:bold; color:#FFF;} button.gbutton{cursor:hand; cursor:pointer; height:22px; border:0px; margin:0px; padding:0px 5px; background-color:transparent; background-image:url(../../application/images/greenButton.png); background-repeat:no-repeat; background-position:left 0px;} button.gbutton span{ display:block; height:22px; margin:-1px 0px 0px 0px; width:100%; padding:3px 6px 3px 2px; border:0px; background-color:transparent; background-image:url(../../application/images/greenButton.png); background-repeat:no-repeat; background-position:right 0; font-weight:bold; color:#FFF;} /* my account */ #my_account{ margin-top:7px; margin-left:5px;} *html #my_account{ width:60%;} *:first-child+html #my_account{ width:60%;} #userName a{ font-size:11px; font-weight:bold; height:20px;} #userName span,#userName div{display:inline;} #userName #userStatus{float:none;} #application_wrapper #searchKeyword, .welcome #searchKeyword{font-size:15px; font-weight:bold; padding:0px; width:80px;} #application_wrapper #searchKeyword, .welcome #searchKeyword { background:transparent url(images/global_search_bg.png) no-repeat scroll 0 0; border:0 none; height:22px; padding:0 5px; width:140px; } #my_account li{padding:3px 7px; display:inline; position:relative;} #searchLink #searchKeyword{ border:0px; background:url('images/global_search_bg.png') no-repeat; width:140px; height:22px; padding:0px 5px;} #searchLink .cursorBtn{position:absolute; margin:0px; padding:0px 5px;} /* app list */ #applicationsList {background:url('../images/applicationBg.png') no-repeat; text-align:right; height:36px;} #applicationsList a, #my_account a{color: #fff; text-decoration: none;} #applicationsList li{padding:10px 7px 0px 7px; border-right: 1px solid #666; float:left; position:relative; height:26px;} *html #applicationsList li{ height:36px;} #applicationsList li.last{border-right: 0px solid #666;} #applicationsList li form.searchForm,#my_account li form.searchForm{display:inline; margin:0px;width:70px;} #applicationsList li form,#my_account li form{display:inline; margin:0px;} #applicationsList li.hover{background:#f3f3f3 none; border:1px solid #ccc; border-bottom:0px;} #applicationsList li ul, #my_account li ul {background:#f3f3f3 none;display:block;left:0;padding:10px 0;position:absolute;top:25px;width:12em;z-index:10; text-align:left; margin-top:11px; border:1px solid #ccc; border-top:0px; margin-left:0px;} #applicationsList li ul li, #my_account li ul li{display: block; border-bottom:1px solid #fff !important; margin:2px; float:none; height:auto;} #applicationsList li ul li a, #my_account li ul li a{color:#333;} /* application icons */ /* #applicationsList li#profileLink a{ background:url("images/icons/white_profile.png") no-repeat; padding-left:20px;} #applicationsList li#friendsLink a{ background:url("images/icons/white_friends.png") no-repeat; padding-left:20px;} #applicationsList li#inboxLink a{ background:url("images/icons/white_inbox.png") no-repeat; padding-left:25px;} */ #applicationsList li ul li a{background: none transparent no-repeat !important; padding-left:0px !important;} #applicationsList li ul li a.groupIcon{background-image: url('images/icons/white_groups.png') !important; padding-left:25px !important;} #applicationsList li ul li a.photoIcon{background-image: url('images/icons/white_photos.png') !important; padding-left:25px !important;} #applicationsList li ul li a.eventsIcon{background-image: url('images/icons/white_events.png') !important; padding-left:25px !important;} #applicationsList li ul li a.marketPlaceLeftIcon{background-image: url('images/icons/white_marketplace.png') !important; padding-left:25px !important;} #applicationsList li ul li a.videoIcon{background-image: url('images/icons/white_videos.png') !important; padding-left:25px !important;} #applicationsList li ul li a.noteLeftIcon{background-image: url('images/icons/white_blog.png') !important; padding-left:25px !important;} #applicationsList li ul li a.forwardIcon{background-image: url('images/icons/white_blog.png') !important; padding-left:25px !important;} li#langLink:hover{background-color:transparent;} /* special fx */ #my_account li a.active{background-color:#666; padding:3px;} #applicationsList li a.active{background-color:#666; /*padding-left:20px;*/} #applicationsList li ul li a:hover{text-decoration:underline;} #applicationsList li.last{border:0px;} /* General */ /* esqueleto base */ #main { padding:10px; width:auto; margin:0px; float:none;} /* Welcome */ /* esqueleto base */ .welcome #main { padding:0px; width:auto; margin:0px; float:none;} /* show network name */ #header h1 a { text-indent: 0px; } /* remove little arrow */ #mainInner { background:transparent none; float:left; margin-top:0px; padding:0px; width:74%; } /* invite friends */ #homeFindFriends { background:#FFFFCC none; border-bottom:1px solid #E8E8E8; clear:both; padding:15px; margin-left:60px; width:595px; } .welcomeFeeds{margin:21px; float:left; width:44%; color:#666;} .welcome #prflTitle h3{font-size:15px; font-weight:normal;} .welcome #prflTitle{margin-top:0px; margin-bottom:0px;} .welcome .networkFeeds .postInfoRight{margin-left:0px;} .welcome .networkFeeds .postInfoBox .postInfo .floatLeft{ border: 1px solid #ccc; padding: 3px; margin-right: 5px;} .welcome .networkFeeds div.pic {float:left; margin-right:10px;} .welcome .postInfoRight .topSpaceSmall p span{font-size:10px;} .welcome .networkFeeds .postInfoRight .topSpaceSmall p {font-size:13px; color:#000;} .welcome .networkFeeds .postInfoRight .topSpaceSmall p a.feedTitle{color:#000; text-decoration:none;} .welcome .networkFeeds .postInfoRight .topSpaceSmall p a.feedTitle:hover{text-decoration:underline;} #minifeeds.networkFeeds .postInfoRight .smallFontSize{font-style:normal; color:#666; float:none;} .welcome #prflTitle{padding:0px 0px 5px 0px; cursor:normal; border-bottom:1px solid #666;} .mainInnerTopDiv, .mainInnerBtmDiv { border-bottom:0px;} #mainInnerRight{width:24%; background-color:#FFF; padding:0px; margin:0px;} #mainInnerRight #userRequests { margin-top:20px;} #mainInnerRight #userRequests .allRequests { list-style:none;} #mainInnerRight #userRequests .allRequests li{ padding:5px 0px;} #mainInnerRight #userRequests h3 { font-size:14px; font-weight:bold; margin:10px 0px; padding:0px;} #mainInnerRight #userRequests h4 { font-size:14px; font-weight:normal; margin:10px 0px; padding:0px;} #mainInnerRight #userRequests .inviteFriendsOptions { list-style:none; margin:0px; padding:0px;} #mainInnerRight #userRequests .inviteFriendsOptions li{ padding:5px 0px 5px 8px;} #mainInnerRight .mainInnerBoxGray { background:#f5f5f5; border:1px solid #CCC; padding:10px; padding-top:0px;} #mainInnerRight #bannerPanel { margin-top:20px; border-left:3px solid #CCC;} #mainInnerRight #bannerPanel .banner {text-align:center;} #mainInnerRight #bannerPanel #adsTitleWrapper { border-bottom:1px solid #CCC; margin-bottom:15px;} #mainInnerRight #bannerPanel #adsTitle { display:block; font-size:10px; padding:5px 0px 0px 5px; color:#666; font-weight:bold; } .welcome .picfloat{border:1px solid #ccc; padding:2px; margin:5px;} .welcome .statusUpdate ul li{padding:0px 0px; border-bottom:0px dotted #ccc; margin:5px;} .welcome .statusUpdate ul li#advsearchLink{padding:0px 0px; border-bottom:0px dotted #ccc; margin:0px;} .welcome .statusUpdate ul li a{font-weight:normal;} .welcome .statusUpdate ul li a:hover{text-decoration: underline;} .welcome .statusUpdate ul {margin:0px;} .welcome #prflTitle {background:transparent none;} .welcome #prflTitle h3 { font-size:20px; color:#333; } .welcome .statusUpdate { padding:10px; background:transparent; } .welcome .mainInnerRightTitle ul li p {color:#333; font-size:18px; font-weight:normal;} #searchSub { background:transparent none repeat scroll 0 0; border:0px solid #ccc; padding:0px; position:relative; top:5px; width:155px; z-index:1; margin:0px; font-size:10px; } .statusUpdateLink, .birthDayLink, .inviteFriendsLink{background:transparent none; padding:0px;} /* Notes */ .comments_balloon { float:right; margin:0px 0px 10px 0px; background: url(/application/images/comments.gif) no-repeat; padding:6px 0px 17px 0px; color:#444; font-size:15px; width:44px; text-align:center; overflow:hidden;} .comments_balloon a { font-size:15px; color:#242323; text-decoration:none;} .notes .notesCategoriesWrapper { background:#CCC; margin:10px; margin-left:0px; width:25%;} .notes .notesCategories { background:#f4f3f2; border:1px solid #FFF; margin:1px;} .notes .notesCategories h3 { font-size:18px; color:#666; padding:10px 18px 2px 18px;} .notes .notesCategories ul li { padding:10px 0px; border-top:1px solid #FFF; border-bottom:1px solid #CCC; padding:8px 18px;} .notes .notesCategories ul li.first { border-top:0px solid #FFF; border-bottom:1px solid #CCC;} .notes .notesCategories ul li a {text-decoration:none;} .notes .notesCategories ul li a:hover {text-decoration:underline;} /* Listing */ .notes .notesListing { width:72%; margin-top:10px; } .notes #userNotes .notesListing { width:100%; margin-top:10px; } .notes #aboutNotes .notesListing { width:100%; margin-top:10px; } .notes #friendNotes .notesListing { width:100%; margin-top:10px; } .notes .notesListing h2 { font-size:25px; padding:7px 0px; font-weight:normal;} .notes .notesListing h2 .categoryPic { float:left; width:70px; height:70px; overflow:hidden; margin-right:10px;} .notes .notesListing ul li h4 { font-size:20px; padding:5px 0px; } .notes .notesListing ul li h4 .noteTitleLeft { float:left; width:88%; } .notes .notesListing ul li h4 .noteTitle { float:left; padding:0px;} .notes .notesListing ul li h4 .noteTitle a { text-decoration:none; color:#242323; font-weight:bold; } .notes .notesListing ul li h4 a:hover { text-decoration:underline; } .notes .notesListing ul li .noteDetails { float:left; color:#666; font-size:11px; padding-top:8px;} .notes .notesListing ul li .noteBody { padding-top:10px; color:#444; font-size:14px; } .notes .notesListing ul li .noteActions { font-size:13px; padding:10px 0px; } .notes .notesListing ul li { padding:10px 8px 10px 0px; border-bottom:1px solid #CCC; } /* Show */ .notes .noteShow { width:95%; margin-top:10px; } .notes .noteShow h2 { font-size:25px; font-weight:normal;} .notes .noteShow h4 { font-size:20px; padding:5px 0px; } .notes .noteShow h4 .noteTitleLeft { float:left; width:88%; } .notes .noteShow h4 .noteTitle { float:left; padding:0px;} .notes .noteShow h4 .noteTitle a { text-decoration:none; color:#242323; font-weight:bold; } .notes .noteShow h4 a:hover { text-decoration:underline; } .notes .noteShow .noteDetails { float:left; color:#666; font-size:11px; padding-top:8px;} .notes .noteShow .noteBody { padding-top:10px; color:#444; font-size:14px; } .notes .noteShow .noteActions { font-size:13px; padding:10px 0px; } .notes .noteAdminActions { width:95%; background:#f4f3f2; border:1px solid #CCC; padding:10px; margin:10px 0px;} .notes .boxed { width:95%; background:#ededed; border:1px solid #CCC; padding:10px; margin:10px 0px;} .notes .boxed h3 { font-size:15px; color:#666; margin-bottom:10px; } .notes .mainInnerCommon{margin-top:-2px;} .notes .noteTitle{padding: 10px 0px 20px;} .notes #memberPost #postMemberInfo{margin-left:0px;} .notes #memberPost #postMemberInfo .smallFontSize{padding-top:15px;} .notes #memberPost #postMemberInfo p{font-size:12px; color:#666;} .notes #subMainInner{ float:left; margin-right:25px; width:100%; } .notes div.pic{float:left; border:1px solid #ccc; padding:5px; margin:5px;} .notes div.bigpic{float:left; border:0px solid #ccc; padding:0px; margin-right:20px;} .notes #postMemberPhoto img{margin:5px;} .notes #memberPost #postMemberInfo.postTitleInfo p{ color:#999;} .notes #memberPost #postMemberInfo.postTitleInfo span.boldText{ font-size:15px; } #notes_userNotes #memberPost #postMemberInfo .smallFontSize{padding-top:0px;} #notes_addNotes #crteGroupBox { width:100%; margin-left:0px; } .notes .tagPeoplePanel{background-color:#f5f5f5;} .notes .notesField{width:98%;} .notes #memberPost div div#postReplySec{ margin:0px; font-size:10px; width:100%;} .notes #memberPost div div#postReplySec .smallFontSize { font-size:12px;} .notes .mainInnerRight { background:#F5F5F5 none repeat scroll 0 0; border:1px solid #CCCCCC; width:22%; } .noteTitle{font-size:22px;} .noteTitle h4{width:590px;} .notestags{background-color:#f5f5f5; padding:10px; border:1px solid #ccc; margin:10px 0px;} .notes #crteGroupFomSec { margin-top:0; } .notes #show .noteFiles ul li { float:left; width:45%; padding:10px 10px; border-bottom:1px solid #CCC;} .notes #show .noteFiles .fileIcon{ float:left; width:64px; margin-right:10px;} .notes #show .noteFiles .fileDetails{ float:left; width:75%; } .notes #show .noteFiles .fileDetails a.filename{ font-size:18px; } .notes #show .noteComments h3 { font-size:15px; color:#666; margin-bottom:10px; } .notes #show .noteComments ul li { padding:10px 0px;} .notes #show .noteComments .userAvatar { float:left; width:22%; padding-left:5px; font-size:11px; color:#666;} .notes #show .noteComments .userAvatar img {margin-bottom:7px;} .notes #show .noteComments .commentContent{ float:left; width:75%; } .notes #show .noteComments ul li .commentContent img.commentArrow { position:absolute; left:-31px; top:15px;} .notes #show .noteComments ul li .commentContent div.commentArrowWrapper { float:left; width:20%; position:relative;} .notes #show .noteComments ul li .commentContent div.commentBody { float:left; width:94%; background:#ffffff; border:1px solid #CCC; padding:20px 20px 60px;} .notes #show .noteComments .newComment h3{ margin:10px 0px;} .notes #show .noteComments .newComment textarea{ font-family:"Tahoma","Verdana",Arial; font-size:13px; padding:8px; height:90px;} .notes #show .noteComments .newComment .commentContent img.commentArrow { position:absolute; left:-31px; top:15px;} .notes #show .noteComments .newComment .commentContent div.commentArrowWrapper { float:left; width:20%; position:relative;} .notes #show .noteComments .newComment .commentContent div.commentBody input.button { margin-top:10px;} .notes #show .noteComments .newComment .commentContent div.commentBody { float:left; width:94%; background:#ffffff; border:1px solid #CCC; padding:20px 20px 40px;} /* Tips */ #tipPanel { background:#f4f3f2; border:1px solid #CCC; padding:13px;} #tipPanel .tipBody { font-size:15px; font-style:italic; color:#323232;} #tipPanel .tipDetails { font-size:13px; color:#444; text-align:right; padding-top:10px;} /* Videos */ .videos .mainInnerCommon{margin-top:-3px; padding-top:10px;} #videoView li{width:100%;} /* Search */ #search_all #searchFriendSec, #search_all #frndSrchBox {float:none;} #search_all .mainInnerCommon{margin-top:-3px;} #search_all #friendInfo table{background-color:#f5f5f5; border:1px solid #ccc;} #search_all #friendInfo a.pic{ background-repeat:none; background-position:center center; width:50px; height:50px; display:block;} #search_all .sectionTitle #searchFrm{margin-top:15px;} /* Groups */ #recentlyJFriends, #recentlyUGroups { padding:10px; width:421px; border:1px solid #CCCCCC; } #recentlyJFTitle, #recentlyUGTitle { background:transparent none; border-bottom:1px solid #CCCCCC; padding:5px 10px; } #recentlyJFTitle h4,#recentlyUGTitle h4 {color:#666; font-size:14px; font-weight:normal; padding-bottom:8px;} #mainPageTitle .groupsIcon{ padding:5px 0 0 50px;} .crteGrpQry{ width:130px;} #crteGroupBox{width:100%;margin-left:5px;} .groups #crteGroupBox table tr td div div {padding-left:20px; color:#666; padding-bottom:10px;} #crtGrpRight { width:650px; } #crteGrpLftBox { width:70%; } #crteGrpRghtBox .blueUnderLine{margin:5px; border-bottom:2px solid #ccc;} #crteGrpRghtBox{background:#F5F5F5 none; border:1px solid #CCCCCC; width:190px;} #findFrndEdit a { color:#3B5998; text-decoration:none; } #findFrndEdit a:hover{text-decoration: underline;} #prflInfoCol, #crtGrpRight, #grpViewRgtCol { float:right; margin:0 0 0 20px; width:65%; } #grpViewPotoDsply li { border:1px solid #CCCCCC; float:left; margin:5px 0 10px 10px; padding:10px; text-align:center; width:50px; } #crteGrpLftBox.floatLeft.clearAfter #brwsrGrpList{border-bottom:1px solid #ccc; padding-bottom:10px;} .groups .inforow{clear:both;} .groups .groupColRightInfo { width:62%; } #groups_view .prflRightInBox p.inforow label{ float:left; width:20%; padding:5px;} #groups_view .prflRightInBox p.inforow span{ float:left; display:block; width:70%; padding:5px;} #groups_view #photoBtmLink p a{margin-left:10px; font-size:10px;} #groups_view #grpViewRgtCol .usageMInfo{font-size:20px;} #groups_browse #fltrBox { background:#f5f5f5 none repeat scroll 0 0; border:1px solid #ccc; } #groups_browse #fltrHead { color:#333333; } #groups_browse #subTypeBox,#groups_browse #subTypeBoxAppl { background:#f5f5f5 none repeat scroll 0 0; border:1px solid #ccc; } #groups_browse #subTypeBox ul,#groups_browse #reltnBox ul,#groups_browse #subTypeBoxAppl ul { background:transparent none repeat scroll 0 0; } #groups_managegroups span.grayText {color:#666; float:left; width:100%;} #groupsInnerBox { margin-right:0px; } #recentlyJFriends, #recentlyUGroups { padding:6px; width:46%; } a.active { background:#666; color:#FFFFFF; } /* Events */ #friendInfo{background:transparent;} .events #grpViewPotoDsply li{ width:100px;} #events_view .prflRightInBox p.inforow label{ float:left; width:20%; padding:5px;} #events_view .prflRightInBox p.inforow span{ float:left; display:block; width:70%; padding:5px;} #events_view #photoBtmLink p a{margin-left:10px; font-size:10px;} #events_view #grpViewRgtCol .usageMInfo{font-size:20px;} .events #friendInfo table{width:97%; background-color:#f5f5f5;} .events .inforow{clear:both;} .events td.eventInfoCell{padding:0px;} .events td.eventInfoCell .allTable{width:100%;} #events_manageevents span.grayText { width:auto; } #uploadPrflPic a{padding:0px;} #uploadPrflPic p{margin:10px 0px 0px 0px;} .allTable td a.userPic{background-repeat:no-repeat;} /* Friends */ #accountsNaviLink li {background:transparent none;float:left;margin:0px;padding:0; margin-top:-3px;} #accountsNaviLink a {background:transparent none;display:block;padding:3px 7px 5px;text-decoration:none;} #accountsNaviLink ul {background:transparent none;float:left;font-weight:bold;height:24px;margin-top:26px;} body.friends .mainInnerCommon{margin-top:-3px;} td#findFrndEdit a{font-size:11px;} .fndFrndPhoto { width:19%; } .friends #main{padding:10px;} .sectionTitle #mainPageTitle { color:#333333; font-size:25px; font-weight:bold; margin-top:0px; margin-left:10px; height:60px;} .friends .mainInnerCommon{padding-top:10px;} #divPageCount p{line-height:30px;} #divPageCount p a { background-color:#F5F5F5; border:1px solid #CCCCCC; color:#999; padding:5px; } #divPageCount p a:hover { background-color:#ddd;} #divPageCount p a.topPgeCuntActive{background-color:#ccc; color:#fff; font-weight:bold;} a.userPic{display:block; width:75px; height:75px; background-position:center;} .friends #findFrndEdit { width:35%; } .friends .usageMInfo{font-size:11px;} .friends #friendInfo{padding:0px; width:100%;} .friends #friendInfo table.allTable { border:1px solid #E8E8E8; float:left; height:87px; margin:0px; margin-bottom:14px; width:49%; background-color:#f9f9f9; padding:0px;} .friends #friendInfo table.allTable.leftMargin{margin-right:14px;} .friends #fndFrndInfo p a{font-size:14px;} .friends #friendInfo table.allTable tr td form div#comnMsg{ background-color:#fff; border:1px solid #ccc; color:#666;} .friends #friendInfo table.allTable tr td form div#comnMsg textarea{ font-size:14px; font-family:Lucida Grande, Verdana; color:#666;} .friends #friendInfo table.allTable tr td form div#comnMsg .alertInfo{padding:10px;} .friends .importContactsBox{margin-left: 10px; border:1px solid #ccc; background-color:#f5f5f5; padding:10px;} .friends .address_book_email td{ font-size:17px;} .friends #save{font-size:15px;} #service-nav li.current{background-color:#fff; border-right:1px #FFF solid;} #service-nav{margin:0px; padding:0px;} #service-nav { background-color:#f1f1f1; border-bottom:1px solid #DDDDDD; border-left:1px solid #DDDDDD; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:10px 0 0; padding:0; width:90px; } #service-nav li { border-color:#DDDDDD #DDDDDD -moz-use-text-color -moz-use-text-color; border-style:solid solid none none; border-width:1px 1px 0 0; color:#001D73; float:left; line-height:32px; margin:0; padding:0; position:relative; width:89px; z-index:3; cursor:hand; cursor:pointer; } #service-credentials input.text_field { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #DDDDDD; font-size:18px; margin:0; padding:8px; width:200px; } #service-credentials select.text_field { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border:1px solid #DDDDDD; font-size:18px; margin:0; padding:8px; width:200px; } #service-credentials span.at { color:#666666; font-size:16px; font-weight:normal; line-height:42px; } #service-credentials table th{ color:#666666; font-size:16px; font-weight:normal; line-height:42px; text-align:right; } #service-credentials { background-color:#FFFFFF; border-color:#DDD #DDDDDD #DDDDDD; border-style:solid; border-width:1px; float:left; margin:0 0 0 -1px; padding:30px 22px; width:560px; height:250px; } #service-nav li img { border:0 none; left:7px; position:absolute; top:8px; } #service-nav li a { display:block; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; padding:0 10px 0 28px; text-decoration:none; } #importcontactswrapper{text-align:left; margin:0 auto; width:700px;} #importcontactswrapper.overflow{width:520px;} #importcontactswrapper .overflow{ overflow: auto; height:215px; width:518px; border:1px solid #ccc;} .friend_list_notice{color:#35AF20; font-size:13px; margin:0px;} .friend_list_title{width:100%; border:1px solid #ccc;} .friend_list{width:99%;} .friend_list_title tr td{ background-color:#f5f5f5; color:#999; padding:6px;} .friend_list tr td {border-bottom:1px dotted #ccc; padding:8px;} .friend_list tr td.checkbox{width:10%;} .friend_list tr td.name{width:40%;} .friend_list tr td.email{width:90%;} p.security{padding-left:10px;} td.col-field{padding-left:10px;} #findFrndEdit { width:80px; } /* Profile */ #profileInner{width:100%;} #profileInner #rightCol{float:left; width: 200px;} #prflInfoCol{float: left; width:100%; margin:0px 20px;padding-left:20px;} .profileLeftBox{margin-top: 0px;} .topSpaceSmall p label{float:left; width:200px; padding:5px; font-weight:normal; color:#666;} .topSpaceSmall p span.redNormalLink{float:left; width:200px; padding:5px; color:#333;} span.grayText {color:#666; float:left; width:200px;} .rowLines li {padding:5px 0; color:#333;} .rowLines h4{margin:20px 0px 10px; border-bottom:1px solid #999; color:#999;} #workBottom2.prflRightInBox{border-bottom:0px;} .groupItemRight { margin-top:20px;} .groupItemLeft{margin-top: 21px;} /* Profile modules */ .groupItemRight .itemHeader {background-color:#FFFFFF; border-top:0px solid #CCCCCC; background-image: url("images/module_title.png"); background-repeat: repeat-x; color:#666666; cursor:move; font-size:9px; font-weight:bold; height:28px; line-height:28px; padding:0 10px; position:relative;} .groupItemLeft .itemHeader {background-color:#f5f5f5; border-top:1px solid #CCCCCC; color:#666666; cursor:move; font-size:11px; font-weight:bold; height:25px; line-height:auto; padding:0 8px; position:relative;} .groupItemLeft .itemContent .profileLeftBox .clearAfter{ background-color:#FFF; padding:2px 7px; font-size:10px; margin-bottom:7px;} .groupItemLeft .itemContent .profileLeftBox #prflPostedItem{ background-color:#FFF; font-size:10px; margin-bottom:20px;} .groupItemLeft .itemHeader a{ font-size:11px; font-weight:bold;} .groupItemRight .itemHeader a {font-size:10px;font-weight:normal;position:absolute;right:10px;text-decoration:none;top:0;} #photoBtmLink a {text-decoration:none;} #photoBtmLink a:hover {text-decoration:underline;} #prflPhotoCol #photoBtmLink {background:#FFf; margin:7px 9px 0 0; font-size:11px;} #photoBtmLink p { border-bottom:1px solid #E8E8E8; padding:4px 0; } #photoBoxSec { background:transparent none; border:0px solid #CCCCCC; height:auto; padding:0px;} #photoBox { height:auto; width:100%; background:transparent; border:0px;} #prflFriendsList p.nothingHere{ padding:0px 5px; color:#999; margin-bottom:10px;} #uploadPrflPic{ background-color:#FFFBCF; border:1px solid #FFE25F; font-size:12px; margin-bottom:5px; margin-right:9px; margin-top:5px; padding-bottom:5px; text-align:center;} /* Profile Wall */ #WallContentLists .postInfoRight { margin-left:60px; } #WallContentLists .postInfo .floatLeft{width:60px; background:url("../images/message_quote.gif") no-repeat scroll top right;} #WallContentLists .postInfo .postInfoHead{background:#EDEFF4; padding:10px 10px 0px; margin-bottom:10px;} #WallContentLists .postInfo .postInfoHead p.smallFontSize{border-bottom:1px dotted #ccc;} #WallContentLists .postInfo .postInfoRight{background:#fff; border:1px solid #EDEFF4; padding:0px; padding-bottom:0px; border-bottom:1px solid #ddd;} #WallContentLists .postInfo .postInfoRight .topSpaceSmall{background:url("../images/start_quote.gif") no-repeat scroll left top;} #WallContentLists .postInfo .postInfoRight .topSpaceSmall p{padding:0px 25px; margin:10px; background:url("../images/end_quote.gif") no-repeat scroll right bottom;} #WallContentLists .postInfo .postInfoRight .topSpaceSmall .smallFontSize{background:#f5f5f5; padding:5px; margin:0px; margin-top:5px;} #WallContentLists .postInfo .postInfoRight .topSpaceSmall .smallFontSize a:hover{text-decoration:underline;} #WallContentLists .postInfo .postInfoRight #comnMsg{background:transparent; font-weight:normal; border:0px; color:inherit;} #WallContentLists .postInfo .postInfoRight #comnMsg .alertInfo{border:0px;} /* Profile Mini Feed */ body.profile .postInfoRight { margin-left:25px; } #minifeeds .postInfoRight div{text-align: left;} #minifeeds .postInfoRight div img{float:left; margin-top:10px; margin-right:10px;} #minifeeds .postInfoBox { padding:0px;} #minifeeds .postInfo{border-bottom:1px solid #D8DFEA; padding-bottom:10px; margin-top:10px;} #minifeeds .postInfoRight .smallFontSize{font-style: italic; color:#666; float:right;} #minifeeds .postInfoRight blockquote{float:left; padding-left:25px; background:url("../images/start_quote.gif") no-repeat scroll left top; width:100%;} #minifeeds .postInfoRight blockquote em{padding-right:25px; background:url("../images/end_quote.gif") no-repeat scroll right bottom;} body.profile a.redNormalLink:hover{text-decoration: underline;} body.profile a.redNormalLink{font-weight:normal;} .groupWrapperLeft {width:100%;} #prflFriendsList li { width:20%; height:82px; font-size:10px;} #prflFriendsList li a.userpic {height:50px; width:50px;} #prflPhotoCol {width:32%;} #prflInfoCol{width:65%; border-left:1px solid #CCC; margin:0px; padding:0 0px 0px 20px;} #welName{padding:0px;margin-left:0px;} #welName h2 {font-size:20px;} /* Edit Profile */ #friendInfo table { border:1px solid #E8E8E8; float:left; height:125px; margin:5px; padding-bottom:10px; width:48%; } #accountsNaviLink ul{background:transparent none; float:left;} #findFridns{width:100%;} /*#grayBoxMain #accountsNaviLink a.active {background:#666666 none;}*/ #comnMsg{margin:10px;} .groupsSearch{margin-bottom:10px;} body.editProfile .mainInnerCommon{margin-top:2px; margin-left:1px;} body.editProfile p.smallFontSize { font-size:10px;} body.editProfile #edit{background-color:#f5f5f5; border:1px solid #ccc; padding:15px;} /* Networks */ #prflTitle { margin-top:25px; margin-bottom:10px; background-color:#FFFFFF; border-top:0px solid #CCCCCC; background-image: url("images/module_title.png"); background-repeat: repeat-x; color:#666666; font-size:9px; font-weight:bold; min-height:28px; line-height:28px; padding:0 10px; position:relative; text-align:left;} *html #prflTitle { height:28px; } #prflTitle h3{background:transparent none; font-size:9px; text-align:left; padding:0px;} #prflTitle .clearAfter{ padding-left:10px;} /* Discussions */ li#reply { width:160px; } .grpDiscMemDetls, .myPstDetls { background:#E5E5E5 none repeat scroll 0 0; padding:5px; width:600px;} #grayBoxMain { height:auto; } #crteDiscSec .floatLeft { float:left; width:98%; } li#discTopic {width:600px;} li#discPost {width:230px;} #discListSec { width:100%;} .topSpaceSmall { margin-top:0; } /* Messages */ #inbox{border:none;} #message_inbox #inbox table { background:#FFF none; padding:10px 0 5px; width:100%; } #message_inbox #compose { width:900px; } #inBoxEditSec { background:#F5F5F5 none repeat scroll 0 0; margin:0px 0 0; padding:10px; position:inherit; } .message .mainInnerCommon{margin-top:-3px;} #composeBtnSec{margin-top:-15px;} .autocompleteResults { background-color:#f5f5f5; border:1px solid #ccc; text-align:left; z-index:1000000000; } #message_inbox #inbox table tr{background:#f5f5f5; font-weight:bold;} #message_inbox #inbox table tr.inActiveMsg{background:#fff; border-bottom:1px #ccc dotted; font-weight:normal;} #message_inbox #inbox table tr td{border-bottom:1px #ccc dotted;} #topPageCount a, #subTypeInfo a, #divPageCount a { color:#002698; text-decoration:none; } /* Photos */ body.photos #photoDsply ul { background:#f5f5f5; border:1px solid #E8E8E8; float:left; padding:5px; width:46%; margin:5px; min-height:110px;} body#photos_photosofyou #photoDsply ul {width:auto;} body.photos #photoDsply ul li#photoInfo { padding-left:10px; width:63%;} body.photos #photoDsply ul li#photoInfo .redBoldLink {font-size:14px;} body.photos p.smallFontSize { font-size:10px;} body.photos .mainInnerTopDiv, body.photos .mainInnerBtmDiv {clear:none; } body.photos .mainInnerCommon{margin-top:2px; margin-left:1px; width:100%;} body.photos a.userPic{width:90px;height:90px; background-position:center; background-repeat:no-repeat;} .photos #accountsNaviLink li{margin-top:2px;} .photos #grpPhotoList li, .photos #organizeAlbum li { border:0px solid #E8E8E8; display:inline; float:left; height:auto; margin:0 10px 10px 0; padding:0; width:auto; } .photos #listBox { background:transparent none repeat scroll 0 0; padding:10px; } .photos #listBoxInner {padding:0px;} .photos .topSpace { margin:10px 0px; } .photos #organizeAlbum ul { margin:0 0 0 0; } .photos #listBoxInner .leftArrow, .photos #listBoxInner .rightArrow{ width: 10%; text-align: center; float:left;} .photos #listBoxInner .leftArrow a, .photos #listBoxInner .rightArrow a{display:block; width:100%; height:181px; margin-top:40px; } .photos #listBoxInner .leftArrow a{background-image:url(/application/images/photoArrows.png); background-repeat:no-repeat; background-position:left top;} .photos #listBoxInner .leftArrow a:hover{background-image:url(/application/images/photoArrows.png); background-repeat:no-repeat; background-position:left -190px;} .photos #listBoxInner .rightArrow a{background-image:url(/application/images/photoArrows.png); background-repeat:no-repeat; background-position:right top;} .photos #listBoxInner .rightArrow a:hover{background-image:url(/application/images/photoArrows.png); background-repeat:no-repeat; background-position:right -190px;} .photos #listBoxInner .leftArrow{text-align:right;} .photos #listBoxInner .rightArrow{text-align:left;} .photos #listBox{margin-bottom:15px; border:0px;} .rowLines li.newMessage{background-color:#f5f5f5; margin:10px; padding:10px; border:1px solid #ccc; color:#666;} #photos_slideshow #listBox{padding:0px; border:0px;} .photos #photoDsply ul.clearAfter{clear: none;} .photos #organizeAlbum { background:#f5f5f5; border-bottom:1px solid #CCC; border-top:1px solid #CCC; padding:10px 4px;} .slideShowNavigation { float:right; width:20%; text-align:right;} .slideWrapper { text-align:center;} .slideOptions { padding:15px 0px 8px;} body#photos_photosofyou #photoDsply li {margin:5px;} body#photos_recentlytagged #photoDsply ul li#photoInfo { padding-left:0px; width:auto;} body#photos_recentlytagged #photoDsply ul { width:17%;} #grayBoxMain #accountsNaviLink.editMenu{background-color:#F5F5F5; color:#666666; width:100%; margin-top:-5px;} #grayBoxMain #accountsNaviLink.editMenu ul li a.active{background-color:#F5F5F5; color:#666; text-decoration:underline;} #grayBoxMain #accountsNaviLink.editMenu ul{margin-top:0px; padding:5px;} #fltrBox { background:#F5F5F5 none repeat scroll 0 0; border:1px solid #CCCCCC; padding:10px; color:#666; } /* Invitations */ .invitations .mainInnerCommon{ margin-top:-2px;} /* Account */ #nameColorBox, #emailColorBox, #passColorBox, #creditColorBox, #deActiveColorBox { background:#F5F5F5 none repeat scroll 0 0; padding:12px 20px; } #passColorBox { background:#F5F5F5 none repeat scroll 0 0; } #emailColorBox { background:#F5F5F5 none repeat scroll 0 0; } /* Flash notices */ #sucsMsg { background:#DDFFB9 none repeat scroll 0 0; border:1px solid #55970E; color:#55970E; } #sucsMsg .alertInfo { background-image:url(../images/success.png); background-position:5px 50%; background-repeat:no-repeat; border:2px solid #FFFFFF; margin:2px; padding:10px 10px 10px 40px; } #errorMsg { background:#EAC7C7 none repeat scroll 0 0; border:1px solid #A90000; color:#A90000; font-weight:bold; margin:5px 0; } #errorMsg .alertInfo { background-image:url(../images/fail.png); background-position:5px 50%; background-repeat:no-repeat; border:2px solid #FFFFFF; margin:2px; padding:10px 10px 10px 40px; } #normMsg { background:#f5f5f5 none repeat scroll 0 0; border:1px solid #ccc; color:#666; } #normMsg .alertInfo { background-image:url(../images/alert.png); background-position:5px 50%; background-repeat:no-repeat; border:2px solid #FFFFFF; margin:2px; padding:10px 10px 10px 40px; } /* Privacy Settings */ #privacy_index .privacyTopicInfo { color:#666666; margin-right:60px; text-align:justify; width:80%; } .privacy .privacyTopic { color:#333333; font-size:15px; font-weight:normal; } #privacy_index .topSpaceSmall .topSpaceSmall, #privacy_index .topSpaceSmall .topSpace{ background:#f5f5f5; margin:10px; padding:10px; } #privacy_profile hr { background:#CCCCCC none repeat scroll 0 0; border:medium none; clear:both; height:2px; margin:5px 0; } #privacy_profile .allTable td { border-bottom:1px solid #E5E5E5; padding:5px; } #privacy_index #privacyCustomize{ width:90%; margin:0 auto; } .search #searchKeyword{padding-left:20px;} /*NETWORK HOME CSS*/ .welcome #main{padding:0px;} .welcome #mainInner{min-height:400px;} .welcome .mainBanner{float:left; width:98%; border:1px solid #ccc; min-height:100px; margin:0px 8px 8px;} .welcome .mainColumn{float:left; width:62%; border:0px solid #ccc; min-height:100px;} .welcome .leftColumn{float:left; width:21%; border:0px solid #ccc; min-height:100px; padding:0px 8px;} .welcome .rightColumn{float:left; width:38%; border:0px solid #ccc; min-height:100px;} .welcome h2{border-bottom:1px solid #ccc;} .welcome #leftBarBorderEnd{ width:980px; background:url("application/veramiko/images/bg_container_end.png") top no-repeat; height:80px;} .welcome #leftBarBorder{border-bottom:0px; } .welcome .homeModule { width:100%; margin:0px 0px 20px;} .welcome .columnModule{border-top:0px solid #ccc; border-bottom:0px; color:#666; width:100%; min-height:127px; height:95%; clear:both;} .welcome .columnModule div{font-size:13px;} .welcome .columnModule div h2{font-size:13px;} .welcome .columnModule div.viewcount{font-size:12px;} .welcome .rightColumn h2,.leftColumn h2{font-size:15px;} .welcome .padTop{margin-top:20px;} .welcome .halfColumn{float:left; width:50%;} .welcome .indent{padding:8px;} .welcome #groupsModule a,#membersModule a{display:block; float:left; width:60px; height:60px; background-color:#f5f5f5; margin:5px;} .welcome #groupsModule li{float:left; width:50%;} .welcome #newsModule a.pic{display:block; float:left; width:200px; min-height:200px; background:#FFF; margin:5px 20px 0px 0px; margin-bottom:0px;} .welcome #newsModule li{padding-right:20px; padding-left:6px; margin:25px 0px; border-bottom:1px dotted #CCCCCC; padding-bottom:30px;} .welcome #newsModule li h4{margin-top:0px; font-size:17px;} .welcome #newsModule li div.info{ float:left; width:340px;} .welcome #advertisingModule a.banner{display:block; float:left; margin:5px; width:175px; background:#f5f5f5; min-height:285px;} .welcome .mainColumn li{clear:both;} .welcome .halfColumn li{clear:both; font-size:11px;} .welcome .halfColumn li div.groupName{font-size:13px;} .welcome .newsComments{color:#666; margin-top:10px;} .welcome .myaccountModule{ background-color:#f9f9f9; text-align:center;} .welcome #mainInner{margin:0px;} .welcome #eventsModule a{display:block; float:left; width:90px; height:90px; background-color:#f5f5f5; margin:5px 20px 0px 0px; margin-bottom:0px;} .welcome #eventsModule li{padding-right:20px; padding-left:6px; margin:10px 0px; clear:both;} .welcome #eventsModule li h4{font-size:14px;} .welcome #eventsModule h2{font-size:16px;} .welcome #groupsModule .groupMembers{margin-top:10px;} .welcome .register{width:630px;} #welcomeTips { background:#FFF79F; border:1px solid #FFC45F; margin:10px auto 5px; width:92%; padding:10px;} #welcomeTips #tipTitle img {float:left; margin:10px;} #welcomeTips #tipTitle { font-size:13px; font-weight:bold;} /* */ /*--------------NETWORK HOME CSS-----------------*/ /* Network Login */ .eventsAvatar { } .eventsInfo { width:65%; padding-left:10px; } .datesFontSize { font-size:9px; } #eventInvites { font-size:9px; position:relative; } .welcome_seeall { font-size:10px; } .feedAlignLeft { /* margin-left:19px;*/ } .feedIcon { margin-top:20%; } #membersModule h2 { font-size:16px; } /*FORUM SECTION*/ #forumModule li h4{font-size:14px;} #forumModule h2{font-size:16px;} /*GROUPS SECTION*/ #groupInfo { margin-top:15px; /*margin-left:10px;*/ } #groupInfo p { margin-top:3px; } #groupsModule a,#membersModule a{ display:block; float:left; width:60px; height:60px; background-color:#f5f5f5; margin:5px;} #groupsModule .groupMembers{margin-top:10px;} #moduleGroups h2 { font-size:16px; color:#666666; } #moduleAds h2 { font-size:16px; color:#666666; } /*NEWS SECTION*/ #newsModule a.pic{display:block; float:left; width:165px; height:165px; background-color:#f5f5f5; margin:5px 20px 0px 0px; margin-bottom:0px;} #newsModule li{padding-right:20px; padding-left:6px; margin:25px 0px; border-bottom:1px dotted #CCCCCC; padding-bottom:30px;} #newsModule li h4{margin-top:0px;} #newsModule li div.info{ float:left; width:360px;} /*ADS SECTION*/ #advertisingModule a.banner{display:block; float:left; margin:5px; width:175px; background:#f5f5f5; min-height:285px;} .mainColumn li{clear:both;} .halfColumn li{clear:both; font-size:11px;} .halfColumn li div.groupName{font-size:13px;} .newsComments{color:#666; margin-top:10px;} .myaccountModule{ background-color:#f9f9f9; text-align:center;} #mainInner{margin:0px;} #eventsModule a{display:block; float:left; width:90px; height:90px; background-color:#f5f5f5; margin:5px 20px 0px 0px; margin-bottom:0px;} #eventsModule a{display:block; float:left; width:80px; height:85px; background-color:#f5f5f5; margin:5px 18px 0px 0px; margin-bottom:0px;} #eventsModule li{padding-right:20px; padding-left:6px; margin:10px 0px;} #eventsModule li h4{font-size:14px;} #eventsModule h2{font-size:16px;} /* .register{width:630px;}*/ /* NEWS FEED ICONS */ .networkIcon { background-image:url(/application/veramiko/imag/networkIcon.jpg); background-position:0 5%; background-repeat:no-repeat; margin:0.4em 0; padding:0px 0px 0px 20px; } #loginMainBox{margin:0px;} .register #leftBarBorder{width:100%;} .MiniFeedsTitle { font-size:14px; color:#999; border-bottom:1px solid #ccc; } /* User Directory */ ul#users { margin:0px; padding:0px; } ul#users li.user { float:left; width:44%; padding:10px; margin:10px 10px 0px 0px; border:1px solid #CCC; background:#f5f4f3; min-height:80px;} ul#users li.user .pic { float:left; width:50px; margin-right:10px; } ul#users li.user .info { float:left; width:50%; margin-right:5px; } ul#users li.user .actions { float:left; width:27%; padding-right:5px; } ul#users li.user .actions li { border-bottom:1px solid #CCC; padding:4px 0px; } ul#users li.user .actions li a { text-decoration:none; } ul#users li.user .actions li a:hover { text-decoration:underline; } ul#users li.user .info .username { font-size:14px; font-weight:bold; text-decoration:none; } ul#users li.user .info .username:hover { text-decoration:underline; } ul#users li.user .user_extra .user_form { padding:10px; border:1px solid #8CA66F; background:#BFE397; margin:10px; } ul#users li.user .user_extra .user_form hr { border:0px; border-bottom:1px solid #8CA66F; } #user_directory_search #search { margin-left:20px; border:1px solid #CCC; border-left:1px solid #666; border-top:1px solid #666; padding:4px; font-size:13px;} #user_directory_search #submit_button { font-size:15px;} #user_directory_search #search:focus { border:1px solid #000; } .not_found_text { font-size:14px; margin-top:50px; } .abc strong.current { font-size:14px; color:red;} .abc a {text-decoration:none; font-size:12px; font-weight:bold;} #chat_contacts { position:fixed; bottom:0px; height:20px; width:200px; background:#CCC; color:#333; font-weight:bold; border:1px solid #CCC;} #chat_contacts #people { background:#FFF; height:180px; overflow:auto; text-align:left; padding-left:10px;} #chat_contacts select { font-size:10px; }