/*------------------------------------------General Formatting---*/ #video_exists { text-align: center;} a.goBack { color: #eb6b36; line-height: 24px;} a.goBack:hover { color: #fff; text-decoration: none;} .infoNote { color: #000; font-size: .91em; padding: 1px 1px 2px 1px; line-height: 13px;} .lightNote { color: #818181;} table.gen { border-left: 1px solid #aeaeae; border-right: 1px solid #aeaeae; border-collapse: collapse; line-height: 14px; table-layout: fixed; margin: 10px 0px; width: 630px;} table.gen th { background: #4c4c4c; border-bottom: 1px solid #fff; color: #fff; padding: 3px 0px 3px 2px!important;} table.gen tr td { background: #efeff0 url(../../images/presourced/row-bg.gif) repeat-x; border-right: 1px solid #fff; border-bottom: 1px solid #aeaeae; border-top: 1px solid #aeaeae; padding: 3px 2px;} table.gen tr:hover td { background: #e6e6e7 url(../../images/presourced/row-bg-sel.gif) repeat-x;} table.gen td.last { border-right: none;} table.gen td.center { text-align: center;} /*------------------------------------drowpdown popup menu ---*/ div.popup { width: 200px; background: url(/images/backgrounds/dropdownAct-top.png) top left no-repeat; position: absolute; padding-top: 9px;} .expPopup { margin-left: -180px;} .expPopup ul li a{padding: 1px 0px;} div.popup .mid { background: url(/images/backgrounds/dropdownAct-mid.png) repeat-y; padding: 0px; overflow: hidden; width: 200px;} div.popup .base { background: url(/images/backgrounds/dropdownAct-base.png) no-repeat!important; height: 12px!important;} div.popup .mid ul li{display:inline;} div.popup .mid ul li a { color: #515151; display: block; margin: 0px 7px 1px 0px; padding-left: 10px;} div.popup .mid ul li a:hover, div.popup .mid ul li a.selected{ background: #808080; color: #fff; text-decoration: none;} div.popup .mid ul span.confirm {padding-left: 11px;} div.popup .mid ul a.prompt { display: inline; color: #ff862e; font-weight: bold; margin: 0px; padding: 0px 2px} div.popup .mid ul a.prompt:hover { background: none; color: #ff862e; text-decoration: underline;} span.popup_link, a.popup_link { cursor: pointer;} /*--------------------------------------------------Header---*/ #Header { margin: 0 auto; min-height: 110px; position: relative; width: 960px;} #Logo { display: inline; float: left; margin: 15px 0px 0px 15px; width: 300px;} /*----------------------------------------------------Main Navigation---*/ #MenuList { background: url(../../images/presourced/menubar-bg.jpg) repeat-x; height: 24px; float: left; line-height: 24px; width: 942px;} ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0;} ul.dropdown { float: left; font-weight: bold; position: relative; z-index: 597; width: 800px;} ul.dropdown li { background: url(../../images/presourced/menu-bg.jpg) no-repeat top right; color: #fff; float: left; padding: 0; zoom: 1;} ul.dropdown li.hover, ul.dropdown li:hover, ul.dropdown a.selected { background: url(../../images/presourced/menu-bg.jpg) no-repeat right -24px; cursor: pointer; position: relative; z-index: 599;} ul.dropdown a, ul.dropdown span { display: block; height: 24px; line-height: 24px; padding: 0px 10px;} ul.dropdown a:link, ul.dropdown a:visited, ul.dropdown a:hover { color: #fff; text-decoration: none ;} ul.help { float: right;} ul.help li { background: url(../../images/icons/helpLinkIcon.png) no-repeat right; padding-right: 25px;} ul.help li a { color: #fff;} ul.help li a:hover { color: #ff862e; text-decoration: none;} /*---------------------------------------------------MainBar, sideBar and headings---*/ .sideBar { float: right; padding: 15px 10px 0px 10px; width: 220px; position: relative; display: inline;} .mainBar { float: left; padding: 15px 10px 0px 10px; width: 700px;} .mainBarWide { padding: 15px 10px; width: 940px;} .mainBar h1, h2, h3, .mainBarWide h1, h2, h3, #Privacy h1, .warningInfo h1 { font-size: 1.6em; margin-bottom: 0.6em; padding-top: 0.6em;} /* /////////////////// BANNER //////////////////////////// */ .banner{ background: #fff; padding: 10px 0 0 0; display: block; clear: both; text-align: center; } /* /////////////////// HEADER BARS //////////////////////////// */ .mainBar h1{} .genericHeaderBar, .myZapointBar, .TalentProfileBar, .comparissonsBar, .myNetworkBar, .orgChartBar, .objectivesBar, .assessmentsBar, .messageWallsBar, .skillsAnalysisBar, .bandsBar, .membersBar, .adminDashboardBar, .zMailBar, .helpBar { /*width: 700px; */ height: auto; display: block; clear: both; color: #fff; padding: 15px 0 10px 50px; margin-bottom: 0; background: #000 url(../../images/h1_bar/h1_bar.jpg) no-repeat; line-height: normal;} .genericHeaderBar {background: #000 url(../../images/h1_bar/h1_bar.jpg) no-repeat;} .myZapointBar {background: #000 url(../../images/h1_bar/home_bar.jpg) no-repeat;} .TalentProfileBar {background: #000 url(../../images/h1_bar/talent_profile_bar.jpg) no-repeat;} .comparissonsBar {background: #000 url(../../images/h1_bar/comparissons_bar.jpg) no-repeat;} .myNetworkBar {background: #000 url(../../images/h1_bar/my_network_bar.jpg) no-repeat;} .orgChartBar {background: #000 url(../../images/h1_bar/org_chart_bar.jpg) no-repeat;} .objectivesBar {background: #000 url(../../images/h1_bar/objectives_bar.jpg) no-repeat;} .assessmentsBar {background: #000 url(../../images/h1_bar/assessments_bar.jpg) no-repeat;} .messageWallsBar {background: #000 url(../../images/h1_bar/message_walls_bar.jpg) no-repeat;} .skillsAnalysisBar {background: #000 url(../../images/h1_bar/skills_analysis_bar.jpg) no-repeat;} .bandsBar {background: #000 url(../../images/h1_bar/bands_bar.jpg) no-repeat;} .membersBar {background: #000 url(../../images/h1_bar/members_bar.jpg) no-repeat;} .adminDashboardBar {background: #000 url(../../images/h1_bar/admin_dash_bar.jpg) no-repeat;} .zMailBar {background: #000 url(../../images/h1_bar/zmail_bar.jpg) no-repeat;} .helpBar {background: #000 url(../../images/h1_bar/help_bar.jpg) no-repeat;} .mainBarContent { width: 678px; color: #fff; background: #000; display: block; margin-top: -12px; margin-bottom: 20px; padding: 0 10px 10px 12px;} .mainBar h1 span, h2 span, h3 span, .mainBarWide h1 span, h2 span, h3 span { color: #eb6b36;} .mainBar h2, .mainBarWide h2 { font-size: 1.4em; font-weight: bold; padding: 5px 0px;} .mainBar h3, .mainBarWide h3, #Privacy h3 { border-bottom: 1px solid #cdcfd0; font-size: 1.2em; font-weight: bold; margin: .5em 0; padding-bottom: 2px;} h3.light { border: none; margin-bottom: 5px;} #TalentProfileWrapper { padding: 10px 5px 5px 5px; width: 950px;} /*---------------------------------------------------SearchBar---*/ #SearchCont, #SearchCont_es { float: right; margin-right: 15px; width: 358px;} #SearchCont_es { width: 425px;} #LSearch, #RSearch { background: url(../images/backgrounds/left-search.jpg) no-repeat; display: inline; float: left; height: 25px; width: 6px;} #Searchbar { background: url(../images/backgrounds/search-bg.jpg) repeat-x; float: left; height: 22px; padding: 3px 5px 0px 0px; display: inline;} .locSearchBar, .locSearchBar_es { width: 330px!important;} .locSearchBar_es { width: 386px!important;} #RSearch { background: url(../images/backgrounds/right-search.jpg) no-repeat; float: left;} #Searchbar label { display: block; padding: 3px 5px 0px 0px;} #Searchbar a { color: #000; font-size: 0.87em;} #Searchbar a:hover { color: #eb6b36; text-decoration: underline;} ul#SearchLinks, ul#SearchLinks li { display: inline;} #Searchbar input.go { float: left; margin-right: 3px;} #Searchbar input.search { border: 1px solid #e7c3b3; float: left; font-size: 0.85em; height: 16px; padding-top: 1px; width: 140px;} #searchingWait { color: #eb640a; font-weight: bold; font-size: 1.2em; height: 250px; margin: 0px auto; padding-top: 150px; width: 615px;} #innerFlash { background: #ffdfa2; border: 1px solid #ffa422; margin-top: 10px; width: 616px;} /*-------------------------------------------------------------LOGIN---*/ #LoginContMain { /*login_logout partial*/ display: inline; float: right; margin: 10px 11px 0px 0px; width: 275px;} #CustomLogin { margin-left: 300px; width: 275px;} #CustomLogin .controls { float: right; margin: 5px 0px; width: 172px;} #Logout { display: inline; float: right; margin: 10px 15px 0px 0px; text-align: right; width: 330px;} #Logout p { padding: 0px;} #Logout label.logged { text-align: right; display: block;} #Logout label.account { display: block; margin: 5px 0px 7px 0px; text-align: right;} #Logout a { color: #000; margin-left: 5px; text-decoration: underline;} #Logout a:hover { color: #eb6b36; text-decoration: underline;} #Login label{ display: block; padding: 3px 0px; text-align: right;} #LoginPage label{ /* inlogin & login partner*/ display: block; padding: 7px 0px; text-align: right;} #Login input, #LoginPage input{ border: 1px solid #dfd0ac; clear: right; float: right; margin-left: 0px; width: 170px;} #LoginPage input{ width: 190px;} #Login input.button, #LoginPage input.button { clear: right; float: right;} #Login label.buttons { display: inline;} #Login .loginbutton , #Login .signupbutton, #LoginPage .loginbutton { background: url(../images/buttons/mainLogin.jpg) no-repeat; border: none; color: #fff; cursor: pointer; height: 20px; float: left; width: 72px; line-height: 20px;} #Login .signupbutton { float: right; text-decoration: none; text-align: center;} #Login .actionBtn { width: 172px; float: right; clear: both;} #LoginPage .loginbutton { float: right;} #Login span { display: inline; float: left; margin-top: 2px; text-align: center; width: 20px;} #Login a { color: #284e73; margin-left: 5px; text-decoration: underline;} #Login a.forgotPass { color: #7b7b7d; font-size: .91em; margin-left: 105px; width: 150px;} #LoginPage { width: 300px;} #LoginPage a.forgot { float: left; padding: 7px 0px;} .loginPanel { background: url(../images/backgrounds/loginPanel-top.jpg) no-repeat; padding-top: 10px; width: 400px;} .loginPanel .midPanel { background: url(../images/backgrounds/loginPanel-bg.jpg) repeat-x bottom; border-left: 1px solid #e6e5e4; border-right: 1px solid #e6e5e4; padding: 0px 10px; width: 378px;} .loginPanel .end { height: 23px; background: url(../images/backgrounds/loginPanel-end.jpg) no-repeat; width: 400px;} /*-------------------------------------------------------------Sign up---*/ #SignUp{ float: left; width: 550px;} #SignUp h4 { border-bottom: 1px solid #e2e3e5; font-size: 1.1em; font-weight: bold; margin: 10px 0px 1px 0px; padding-bottom: 3px;} #SignUp .row { margin: 7px 0px;} #SignUp label{ float: left; padding-right: 10px; text-align: right; width: 150px;} #SignUp label.content { float: none; width: auto;} #SignUp label.small { width: 145px;} #SignUp label.captchaLabel { margin-top: 20px; width: 150px;} #SignUp label.tos { color: #989898; font-size: .91em; margin: 10px 0px 0px 25px; width: auto;} #SignUp input.bordered { border: 1px solid #b6c8db; width: 210px; padding: 1px;} #SignUp .buttonSignUp{ float: right; margin: 10px 100px 0px 0px;} #SignUp .tooltip { background: #eaf0f4; border: 1px solid #b6c8db; float: right; font-size: .91em; line-height: 14px; display: inline; margin: -10px 10px 0px 0px; padding: 2px; width: 150px;} #SignUp a.checkNickname { color: #000; margin-left: 160px; text-decoration: underline;} #SignUp .nicknameError { background: #eaf0f4; border: 1px solid #b6c8db; margin: 5px 0px 0px 150px; width: 230px; height: 20px;} #SignUp select.textSelect, #SignUp select.industry { border: 1px solid #b6c8db; width: 285px;} #SignUp select.industry { margin-left: 160px;} #SignUp .referer { margin: 10px 0px;} .signUpOptions { background: url(/images/backgrounds/signUpOptions-top.jpg) no-repeat top left; margin: 10px 0px; padding-top: 6px; width: 680px;} .signUpOptions .content { background: url(/images/backgrounds/signUpOptions-bg.jpg) repeat-x top left; border: 1px solid #c0c0c0; border-width: 0px 1px; padding: 0px 10px 10px 10px; width: 658px;} .signUpOptions .content h2 { color: #ff862e; margin-bottom: 5px;} .signUpOptions .content .col, .signUpOptions .content .lastCol { float: left; border-right: 1px solid #c0c0c0; width: 310px; padding-right: 10px; margin-right: 10px;} .signUpOptions .content .btn, .signUpOptions .content .btn { float: right;} .signUpOptions .content .lastCol { border: none; margin: 0; padding: 0px 0px 0px 10px;} .signUpOptions .base { background: url(/images/backgrounds/signUpOptions-base.jpg) no-repeat top left; height: 6px; width: 680px;} p.errorAttn { color: red; font-weight: bold; text-align: center;} .warnings { color: red; font-weight: bold;} .form_error_container { margin-left: 208px;} .form_error { color: red; font-weight: bold; padding: 2px 1px;} .signupError { margin: 5px 0px 0px 160px; width: 214px;} span.nickNameOK { color: #33cc86;} span.nickNameError { color: red;} div.checkNickname { margin-left: 207px;} #SideBarAccount { float: right; width: 380px;} #SignUp fieldset { background: url(../images/backgrounds/grey-panel-100.jpg) repeat-x; padding-top: 10px;} #LoginPartner { float: left; width: 430px;} #SideLoginPartner { float: left; margin-top: 40px;} .accountCateg { background: url(../images/backgrounds/accountCateg-bg.jpg) repeat-x; height: 28px;} .accountCateg a.expand, .accountCateg a.collapse { background: url(../images/icons/expand.jpg) no-repeat left top; font-size: 1.05em; color: #000; font-weight: bold; line-height: 28px; margin-left: 10px; padding-left: 23px;} .accountCateg a.collapse { background: url(../images/icons/collapse.jpg) no-repeat left top;} .expandedContent { padding: 5px 0px 15px 0px;} /*-----------------------------------------------SkillsMapper Customer Login---- */ #CustomerLogin h1 { font-size: 2em; font-weight: bold; border-bottom: 1px solid #CCC; padding: 0px 0px 10px 0px; margin: 0px 0px 20px 0px; width: 100%; } #CL-Generic { width: 500px; float: left; } #CL-Login { width: 336px; float: right; } #CL-Generic .step { padding: 5px 0px 0px 50px; margin: 0px 0px 20px 0px; } #CL-Generic .step1 {background:url(/images/customerLogin/login.gif) no-repeat;} #CL-Generic .step2 {background:url(/images/customerLogin/talent-profile.gif) no-repeat;} #CL-Generic .step3 {background:url(/images/customerLogin/done.gif) no-repeat;} #CL-Generic .step h2 { padding: 0px; margin: 0px 0px 5px 0px; font-size: 1.6em; } #CL-Generic .step p { padding: 0px; margin: 0px 0px 5px 0px; font-weight: bold; color: #333; } #CL-Generic .step ul { padding: 10px 0px 0px 0px; } #CL-Generic .smFeature { padding: 2px 0px 0px 45px; margin: 0px 0px 10px 0px; } #CL-Generic .compare {background:url(/images/customerLogin/compare.gif) no-repeat;} #CL-Generic .conversations {background:url(/images/customerLogin/conversations.gif) no-repeat;} #CL-Generic .benchmark {background:url(/images/customerLogin/benchmark.gif) no-repeat;} #CL-Generic .network {background:url(/images/customerLogin/network.gif) no-repeat;} #CL-Generic .smFeature .title { font-weight: bold; font-size: 1.3em; } #CL-Generic .smFeature p { font-weight: normal; } #CL-Login .customMessage img { display: block; margin: 0px 0px 10px 0px; } #CL-Login .customMessage p { margin: 0px 0px 10px 0px; } #CL-Login .loginPanelTop { width: 336px; height: 10px; display: block; background: url(/images/customerLogin/login-panel-top.jpg) no-repeat; } #CL-Login .loginPanel { width: 316px; padding: 0px 10px 10px 10px; min-height: 90px; background: url(/images/customerLogin/login-panel-bg.jpg) left bottom no-repeat; overflow: hidden; } #CL-Login label { display: inline-block; width: 100px; text-align: right; } #CL-Login input.text { display: inline-block; width: 202px; padding: 1px 3px; margin: 0px 0px 5px 0px; border: 1px solid #666; } #CL-Login button { float: right; } #CL-Login h3 { padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; } #CL-Login h4 { font-weight: bold; font-size: 1.2em; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; } /*--------------------------------------------- columns & panels ---*/ .pageMainCol { float: left; margin-right: 10px; width: 454px;} .pageSideCol { float: right; width: 226px;} .sideInfoPanelCol /* 226px */{ background: url(/images/backgrounds/sideInfoPanel-top.gif) no-repeat top left; margin-bottom: 10px; padding-top: 4px; width: 226px;} .sideInfoPanelCol .content { background: url(/images/backgrounds/sideInfoPanel-bg.gif) repeat-x bottom left; border: 1px solid #ccc; border-width: 0px 1px; overflow: hidden; padding: 0px 5px; width: 214px;} .sideInfoPanelCol .base { background: url(/images/backgrounds/sideInfoPanel-base.gif) no-repeat top left; height: 4px; width: 226px;} .mainColPanel { background: url(/images/backgrounds/expNetPanel-top.gif) no-repeat top left; padding-top: 6px; width: 454px;} .mainColPanel .content { background: url(/images/backgrounds/expNetPanel-bg.gif) repeat-x top left; border: 1px solid #959595; border-width: 0px 1px; overflow: hidden; padding: 0px 10px; width: 432px;} .mainColPanel .base { background: url(/images/backgrounds/expNetPanel-base.gif) no-repeat top left; height: 6px; overflow: hidden; width: 454px;} .fullLightPanel { background: url(/images/conversations/fullLightPanel-top.jpg) no-repeat; padding-top: 10px; width: 700px;} .fullLightPanel .mid { background: url(/images/conversations/fullLightPanel-bg.jpg) repeat-x; border: 1px solid #c3c3c3; border-width: 0px 1px; padding: 10px 10px 10px 10px; width: 678px;} .fullLightPanel .mid h4, .fullLightPanel .mid h5 { font-size: 1.1em; font-weight: bold; margin-bottom: 10px;} .fullLightPanel .mid h5 { margin-bottom: 0px;} .fullLightPanel .base { background: url(/images/conversations/fullLightPanel-end.jpg) no-repeat; height: 7px; overflow: hidden; width: 700px;} /*-----------------------------------------------Account settings new---*/ .currentView { background: url(../images/backgrounds/currentViewBg.jpg) repeat-x; height: 28px; font-size: 1.12em; line-height: 28px; margin-bottom: 10px; padding-left: 10px;} /*-----------------------------------------------OLD selected---*/ a.selected_highlight, span.selected_highlight { color: #fff!important; background-color: #565656; padding: 2px!important; } /*--------------------------------------------pagination top---*/ .userCount, .groupCount { color: #7c7c7c; font-size: .91em; margin: 5px auto; text-align: center;} .groupCount {margin: 0px auto;} .grPag {margin: 5px 0px;} .paginationNav { margin-bottom: 5px; text-align: right;} .paginationNav li { padding: 0px 3px;} /*----------------------------------------------Search Res in groups ---*/ .searchRes { background: url(../images/backgrounds/searchTop.gif) no-repeat top; padding: 7px 0px 6px 0px; margin: 10px 0px; width: 700px;} .searchRes .userInfo { border-bottom: 1px solid #e2e9ed; height: 28px; margin-bottom: 5px;} .searchRes h3, .searchRes h3.title { border-bottom: none; color: #ff862e; font-size: 1.2em; line-height: 26px; margin: 0px; padding: 0px;} .searchRes h3.title { float: left; width: 450px;} .searchRes h3.group { overflow: hidden; width: 300px;} .searchRes h3 span, .searchRes h3.title span { color: #696c6e; font-size: .8em; font-weight: normal;} .searchRes h3 a:hover, .searchRes h3.title a:hover{ color: #ff862e;} .searchRes .cert { float: right; height: 25px; margin-top: 2px; text-align: right; width: 160px;} .searchRes .main { background: url(../images/backgrounds/search-bg.gif) repeat-x bottom; border: 1px solid #d2d2d2; border-width: 0px 1px; padding: 0px 6px; width: 686px;} .searchRes .end { background: url(../images/backgrounds/searchEnd.gif) no-repeat top; height: 6px; width: 700px;} .searchRes dl.groupDet dt { color: #7d7f80; float: left; font-size: .91em; text-align: right; width: 130px;} .searchRes dl.groupDet dd { font-size: 1em; margin-left: 135px;} .searchRes dl.groupDet dt.extra, .searchRes dl.groupDet dt.es_es { line-height: 14px; clear: both;} .searchRes dl.groupDet dd.extra, .searchRes dl.groupDet dd.es_es { padding-top: 5px;} .searchRes div.part { float: left; width: 480px;} .searchRes a.moreInfoGr { margin-left: 135px;} .searchRes .actions { float: right; width: 195px;} .searchRes .actions span {display:block;} .searchRes .ownerLogin { margin: 0px 0px 3px 0px;} .searchRes .memUpdated { color: #7d7f80; font-size: .91em; line-height: 28px; text-align: right;} a.moreActBtn, a.moreActBtn:link, a.moreActBtn:visited { background: transparent url(/images/buttons/moreActBtn-right.gif) top right no-repeat; color: #2e2e2e; font-size: 1em; height: 18px; margin: 3px 0px; padding: 0 16px 0 0;} a.moreActBtn span,a.moreActBtn:link span,a.moreActBtn:visited span { background: transparent url(/images/buttons/moreActBtn-left.gif) top left no-repeat; height: 18px; line-height: 18px; padding: 0 5px 0 10px;} a.moreActBtn:hover { color: #ff862e;} a.selectGr {margin-right: 10px!important;} .groupInfoPanel { background: url(/images/backgrounds/groupInfoPanel-top.jpg) top left no-repeat; padding-top: 7px; margin-bottom: 10px; width: 700px;} .groupInfoPanel .midPanel { background: #f5f5f5 url(/images/backgrounds/groupInfoPanel-mid.jpg) bottom repeat-x; border: 1px solid #999999; border-width: 0px 1px; padding: 0px 10px; min-height: 70px; height: auto!important; height: 70px; width: 678px;} .groupInfoPanel .base { background: url(/images/backgrounds/groupInfoPanel-base.jpg) top left no-repeat; height: 6px; overflow: hidden; width: 700px;} .groupInfoPanel .sep{ background: #979797; height: 1px; overflow: hidden; margin: 5px 0px;} .groupInfoPanel .select { float: left; width: 350px;} .groupInfoPanel ul.sort li a.selected, .groupInfoPanel ul.sort li a:hover { color: #ff862e; text-decoration:underline;} ul.sortGrMem { line-height: 26px;} table.groupList { margin-top: 1px; width: 700px;} table.groupList th { background: url(/images/backgrounds/grTable-top.jpg) top left repeat-x; color: #000; font-weight: normal;} table.groupList tr td{ border-right: none;} .groupNoteForm { margin-left: 30px; width: 400px;} .groupNoteForm label { display: block; padding: 5px 0px; text-align: left;} .groupNoteForm select { clear: right; float: right; margin-left: 3px; width: 100px;} .groupNoteForm textarea { border: 1px solid #b6c8db; display: block; height: 150px; padding: 2px 1px; width: 400px;} .groupNoteForm input.submit { border: none; height: 20px; margin-top: 10px; padding: 0px; width: 82px;} .noteLoader { margin-top: 5px; text-align: center;} ul.ownerActLinks { margin: 0px 0px 5px 10px;} ul.ownerActLinks li { display: inline; list-style-type: none; margin-right: 5px;} ul.ownerActLinks li a.act, ul.ownerActLinks li span { font-weight: normal;} ul.ownerActLinks li span { color: #000;} .groupList { background: url(../images/backgrounds/group-div-bg.gif) repeat-x left 25px; border-top: 1px solid #f3f3f3; margin: 5px 0px 10px 0px; padding-bottom: 3px;} .groupList h3 { background: url(../images/backgrounds/group-head-bg.gif) repeat-x; border: none; height: 24px; line-height: 24px; margin: 0; padding: 0px 0px 0px 5px;} .zmailPanel { background: #323232 url(/images/backgrounds/zmailPanel-top.jpg) top left no-repeat; color: #fff; padding: 5px 10px; width: 680px;} .zmailPanelBase { background: url(/images/backgrounds/zmailPanel-base.jpg) top left no-repeat; height: 2px; overflow: hidden; width: 700px;} .zmailPanel ul.options li { background: url(/images/icons/zmailBullet.jpg) left 6px no-repeat; padding-left: 10px;} .zmailPanel ul.options li a, .zmailPanel ul.recipients li a { color: #fff;} .zmailPanel ul.recipients { display: inline; padding-right: 5px;} .zmailPanel ul.recipients li { background: none; color: #eb8155; display: inline; padding: 0;} .zmailPanel ul.options li form {display:inline;} .groupInfoPanel .export { float: right; text-align: right; width: 300px;} /*---------------------------------------Info boxes---*/ h4.panel { font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #e1e3e4; padding-bottom: 3px; margin-bottom: 1px;} h1.panel { border-bottom: 1px solid #e1e3e4; margin-bottom: 1px;} .grayPanel { background: url(../images/backgrounds/grey-panel-100.jpg) repeat-x; margin: 0px 0px 10px 0px;} .grayPanel ul { padding: 0px 5px;} .grayPanel a { font-weight: normal;} .TPNotice { margin-top: 20px;} .TPNotice h1 { color: #eb6b36; font-size: 1.1em; font-weight: bold;} .infoPanelSM h2, .infoPanel h2 { border-bottom: 1px solid #eb6b36; font-size: 1.1em; margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px;} /*---------------------------------------Google Maps and OrgChart markers---*/ .user_info_tab{ border: 1px solid #ddd; background: #eee; margin: 10px; max-height: 100px; overflow: auto; padding: 10px; width: 200px;} /*---------------------------------------------------------------My Zapoint---*/ .sidebarTop { background: url(../images/sprites/sideBarSprite_bg.gif) no-repeat left -304px; height: 8px; overflow: hidden; width: 220px;} .sidebarBottom { background: url(../images/sprites/sideBarSprite_bg.gif) no-repeat bottom right; height: 8px; font-size: 0px; width: 220px; margin: 0 0 5px 0;} .sidebarMain { width: 200px; padding: 0px 10px; background: #000; overflow: hidden; color: #fff;} .sidebarMain h5.myTools { background: url(../images/sprites/sideBarSprite_bg.gif) no-repeat left -224px; width: 200px; height: 24px;} .sidebarMain h5.myTools span { display: none;} .sidebarMain li { padding: 2px 0px;} .sidebarMain li a { color: #fff; display: block; font-size: 0.9em; padding: 0 0 0 30px;} .searchWithinEnterprise{ width: 200px;} .searchWithinEnterpriseTop{ background: url(../images/sprites/sideBarSprite_bg.gif) no-repeat left top; height: 10px; overflow: hidden; width: 200px;} .searchWithinEnterpriseMid{ background: url(../images/sprites/sideBarSprite_bg.gif) no-repeat left -16px; padding: 0 10px; width: 178px; min-height: 48px; border-left: 1px solid #fff; border-right: 1px solid #fff;} .searchWithinEnterpriseMid .searchfield{ width: 173px; margin: 0 0 5px 0;} .searchWithinEnterpriseMid label { padding-right: 5px;} .searchWithinEnterpriseMid .submit { margin-top: 5px;} .searchWithinEnterpriseMid a { color: #fff; font-size: 0.9em;} .searchWithinEnterpriseBase { background: url(../images/sprites/sideBarSprite_bg.gif) no-repeat left -176px; height: 4px; overflow: hidden;} .sidebarMain li.homelink {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left top;} .sidebarMain li.talentprofilelink {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -74px;} .sidebarMain li.comparisons {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -296px;} .sidebarMain li.myNetwork {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -370px;} .sidebarMain li.orgchart {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -518px;} .sidebarMain li.objectives, .sidebarMain li.industry {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -592px;} .sidebarMain li.assessments {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat 2px -666px;} .sidebarMain li.conversations {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -888px;} .sidebarMain li.skillsAnalysis {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -740px;} .sidebarMain li.bands {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -962px;} .sidebarMain li.manageMemberships {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat 1px -814px;} .sidebarMain li.adminDash, .sidebarMain li.adminDash_es, .sidebarMain li.grSetting {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -1036px;} .sidebarMain li.invite{ background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -1110px;} .sidebarMain li.editMembership{ background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -1184px;} .sidebarMain li.groupLink { background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat left -444px;} .sidebarMain li.messageslink {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat 5px -216px;} .sidebarMain li.statusLink {background: url(../images/sprites/sideBarSprite_icon.gif) no-repeat 6px -148px;} .sidebarMain li.messageslink a, .sidebarMain li.tpSend, .sidebarMain li.tpSend a {display:inline;} .sidebarMain li.tpSend {padding-left: 28px;} .sidebarMain li.tpSend a {padding: 0px 3px;} .sidebarMain li.adminDash_es a, .sidebarMain li.invite a, .sidebarMain li.industry a { line-height: 14px;} .sidebarMain li.hr { padding-bottom: 5px; border-bottom: 1px solid #4d4d4d; margin-bottom: 5px;} .sidebarMain .photo { width: 75px; height: 75px; float: left; border: 1px solid #333; overflow: hidden; line-height: 75px;} .sidebarMain .photo .defaultPhoto { background: url(../images/icons/profileDefaultPicSmall.png) no-repeat; height: 75px; margin: 0px auto; width: 72px;} .sidebarMain .photo img { max-width: 75px; max-height: 75px; vertical-align: middle;} .sidebarMain .username { background: #333; width: 103px; height: 65px; float: right; padding: 5px; text-align: left; overflow: hidden; color: #fff;} h5.SideInfo { border-bottom: 1px solid #e0e0e0; font-weight: bold; padding-bottom: 3px; margin-bottom: 1px; color: #000;} /*-------------------------------------------New My Zapoint Home ---*/ #menuTabs { height: 46px; width: 100%;} #menuTabs ul { list-style: none;} #menuTabs li { display: inline;} #menuTabs a { background: url(../images/backgrounds/tabLeft.jpg) no-repeat left top; float: left; font-weight: bold; height: 46px; line-height: 46px; margin-right: 1px; padding: 0 0 0 6px; text-decoration:none;} #menuTabs a.conver { float: right; margin: 0;} #menuTabs a span { background: url(../images/backgrounds/tabRight.jpg) no-repeat right top; color: #fff; font-size: 15px; display: block; float: left; padding: 0px 10px 0px 2px;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #menuTabs a span {float:none;} /* End IE5-Mac hack */ #menuTabs a:hover, #menuTabs a:hover span { color: #eb6b36;} #menuTabs a.selected { background-position: 0% -46px; border-bottom: 1px solid #e6e7e8;} #menuTabs a.selected span { background-position: 100% -46px; color: #000;} #menuTabs a.selected:hover span { color: #000;} /* ie6*/ #menuTabs a span span.accountLink { background: url(/images/icons/tabAccount.png) no-repeat left top; padding: 0px 0px 0px 30px;} #menuTabs a span span.notifLink { background: url(/images/icons/tabNotif.png) no-repeat left top; padding: 0px 0px 0px 35px;} #menuTabs a span span.radarLink { background: url(/images/icons/tabRadar.png) no-repeat left top; padding: 0px 0px 0px 35px;} #menuTabs a span span.groupsLink { background: url(/images/icons/tabGroups.png) no-repeat left top; padding: 0px 0px 0px 40px;} #menuTabs a span span.todoLink { background: url(/images/icons/tabTodo.png) no-repeat left top; padding: 0px 0px 0px 36px;} #menuTabs a span span.convLink { background: url(/images/icons/tabConv.png) no-repeat left top; display: block; padding: 0px; width: 29px;} .dashPanel { background: url(/images/backgrounds/dashPanel-bg.jpg) repeat-x top; padding: 15px 10px 10px 10px; width: 680px;} .dashMainCol { float: left; width: 450px;} .dashSideCol { float: right; width: 220px;} .dashMainCol h3, .dashSideCol h3, .dashPanel h3.notif { border-bottom: 1px solid #b3b3b3; color: #4d4d4d; padding-bottom: 3px;} .dashPanel h3.notif { border: none; font-size: 1.1em; margin: 12px 0px 2px 0px;} /*----------------------- dash Account ---*/ .accountCallOuts { width: 680px;} .accountCallOuts ul.nav { background: #fff; float: left; width: 190px;} .accountCallOuts ul.nav li { height: 28px; line-height: 28px;} .accountCallOuts ul.nav li a { color: #000; display: block; position: relative; height: 28px; border-bottom: 1px solid #ccc; width: 187px;} .accountCallOuts ul.nav li a span { background: url(/images/backgrounds/arrowList-bg.gif) no-repeat 2px 8px; float: left; margin: 0px 0px 0px 5px; padding-left: 15px; width: 167px; } .accountCallOuts ul.nav li a.selected { background: url(/images/backgrounds/callOutNav-bg.jpg) no-repeat left top; color: #000; width: 190px;} .accountCallOuts ul.nav li a span.end, .accountCallOuts ul.nav li a.selected span.end { background: #fcfcfc; width: 1px; padding: 0; height: 27px; float: right; margin: 1px -1px 0px 0px;} .accountCallOuts ul.nav li a span.end { background: none;} .accountCallOuts ul.nav li a span .highlighted { background: url(/images/backgrounds/right-arrow.gif) no-repeat right center; display: block; float: none; margin: 0px; padding-left: 0px; width: 167px; font-weight: bold; color: #FF7024;} .accountCallOuts .callOut { background: #ccc; float: right; padding: 1px; width: 488px;} .accountCallOuts .callOut .callOutInner { background: #fff url(/images/backgrounds/zapCallOut-bg.jpg) repeat-x bottom left; min-height: 130px; padding: 10px; width: 468px;} .callOut .userInfo { float: left; width: 240px;} .callOut .userInfo h3 { border: none; font-size: 1.2em; margin: 0; font-weight: bold;} .callOut .userInfo li span.do { float: left;} .callOut .userInfo li span.dismiss { background: url(/images/sprites/smSpriteIcons.gif) no-repeat left -515px; float: right; padding-left: 15px;} .callOut .userInfo .sep { background: #c3c0c0; height: 1px; margin: 10px 0px; overflow: hidden;} .callOut .userInfo .currentPositions { margin: 5px 0px;} .callOut .userInfo .currentPositions span.job { font-weight: bold; font-size: 1.1em;} .callOut .userInfo ul.complete { font-size: .9em;} .callOut .userSummary { border-left: 1px solid #c3c0c0; float: left; margin-left: 10px; padding-left: 10px; width: 206px;} .callOut .userSummary .stat { background: url(/images/backgrounds/statTop.jpg) no-repeat top left; padding-top: 6px; margin-bottom: 10px; width: 206px;} .callOut .userSummary .stat .mid { background: url(/images/backgrounds/statBg.jpg) repeat-x top left; border: 1px solid #c3c0c0; border-width: 0px 1px; min-height: 120px; height: auto!important; height: 120px; padding: 0px 10px; width: 184px;} .callOut .userSummary .stat .base { background: url(/images/backgrounds/statBase.jpg) no-repeat top left; height: 6px; overflow: hidden; width: 206px;} .callOut .userSummary h3.skills { font-size: 1.15em; border: none;} .callOut .desc { float: left; width: 290px;} .callOut .expIcon { float: right; text-align: center; width: 158px;} .callOut .title { margin: 10px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #CCC;} .callOut .whatsNewInfo { margin: 0px 0px 10px 0px;} ul.discGeneral { /* SEARch */ margin: 5px 0px 5px 10px;} ul.discGeneral li { font-size: .9em; font-weight: bold; list-style-type: disc; line-height: 1.3em; margin-bottom: 2px;} .halfCol { float: left; margin-right: 10px; width: 335px;} .halfCol h3 { color: #666666; font-weight: normal;} span.emphasize { font-size: 1.4em; font-weight: bold;} ol.halfPanelListing li { background: url(/images/backgrounds/halfPanelListing-top.gif) no-repeat top left; margin-bottom: 5px; padding-top: 5px; width: 335px;} ol.halfPanelListing li .content { background: url(/images/backgrounds/halfPanelListing-bg.gif) repeat-x bottom left; border: 1px solid #ccc; border-width: 0px 1px; padding: 5px 10px; width: 313px;} .quickLinks a { font-size: 1.2em; font-weight: bold; height: 24px; display: block; padding-left: 35px;} .quickLinks a.admin { background: url(/images/sprites/smSpriteIcons.gif) no-repeat left top;} .quickLinks a.bands { background: url(/images/sprites/smSpriteIcons.gif) no-repeat left -74px;} .quickLinks a.skills { background: url(/images/sprites/smSpriteIcons.gif) no-repeat left -370px;} .quickLinks a.compare { background: url(/images/sprites/smSpriteIcons.gif) no-repeat left -148px;} .quickLinks a.objectives { background: url(/images/sprites/smSpriteIcons.gif) no-repeat left -296px;} .quickLinks a.tp { background: url(/images/sprites/smSpriteIcons.gif) no-repeat left -444px;} .quickLinks a.invite { background: url(/images/sprites/smSpriteIcons.gif) no-repeat left -222px;} .quickLinks p { padding: 0px 0px 0px 35px;} ol.halfPanelListing li span.base { background: url(/images/backgrounds/halfPanelListing-base.gif) no-repeat top left; display: block; height: 5px; width: 335px;} ol.halfPanelListing li .userImage { float: left; width: 30px; height: auto; margin-right: 10px; overflow: hidden;} ol.halfPanelListing li .info { float: right; width: 273px;} ol.halfPanelListing li .info h3, ol.halfPanelListing li .info p { margin: 0; padding: 0;} ol.halfPanelListing li .info h3 span.nick { color: #000; font-size: .9em; font-weight: normal;} /*------------------------- dash radar ---*/ ul.radarList { border: none!important; margin: 0!important;} ul.radarList li { font-size: 11px; line-height: 1.4em;} ul.radarList li span.job { font-weight: bold;} ul.radarList li span.date { color: #808080;} ul.radarList li.det { margin-top: 3px;} ul.radarList li.conv { margin-top: 5px;} ul.radarList li.conv .mid { background: url(/images/backgrounds/convRadar-top.png) no-repeat top left; height: 25px; padding: 10px 5px 0px 32px; overflow: hidden;} ul.radarList li.conv .mid a { font-size: 1.1em; font-weight: bold;} ul.radarList li.conv span.baseConv { background: url(/images/backgrounds/convRadar-base.png) no-repeat top right; height: 2px; display: block; overflow: hidden;} .suggestedMembers li { border-bottom: 1px solid #d9d9d9; margin-bottom: 7px; font-size: .95em; overflow: hidden; padding-bottom: 7px;} .suggestedMembers li h4 { font-size: 1.3em; font-weight: bold;} .suggestedMembers li .det span.job { font-weight: bold;} .suggestedMembers li ul li { border: none; margin: 0; padding: 0;} .suggestedMembers ul a.actionLink { font-size: 1.1em; margin-top: 5px; width: 150px;} ul.arrowGeneral { margin: 5px 0px 10px 0px;} ul.arrowGeneral li { background: url(/images/backgrounds/arrowList-bg.gif) left 2px no-repeat; font-size: .95em; margin: 2px 0px; padding-left: 15px;} .dashLinkBtn { float: right; margin-top: 10px;} ul.notif li { background: #e3e3e3; margin-bottom: 2px; padding: 3px 4px;} ul.notif li span.clear { float: right;} /*----------------------------------------------------------Zmail---*/ span.zmailFlag { background: url(../images/icons/zmailFlag.png) no-repeat; display: inline-block; height: 20px; width: 30px;} .unread { background: #f6f0e0;} .entryBoxMessage { border: 1px solid #ccc; margin: 15px 0px; padding: 5px;} .genForm .dateUp { display: inline-block; position: relative;} .assessTitle { margin-bottom: 10px;} .assessResult { border-bottom: 1px solid #b6c8db; margin: 0px 0px 10px 5px; padding: 4px 4px 4px 0px;} .assessResult span{ padding: 0px 5px;} ul.assess { margin-bottom: 10px; width: 200px;} .wideTagCloud { border: 1px solid #b6c8db; padding: 5px; text-align: center;} .wideTagCloud p { border-bottom: 1px dashed #ccc; font-size: .91em; padding: 3px 0px;} .descr { padding: 10px 0px; line-height: 18px;} .listReq { border: 1px solid #e2e2e2; margin: 3px 0px; padding: 3px;} #map_div { height: 450px; margin: 0px auto; width: 600px;} /*------------------------------------------------------------Search--*/ .searchSep, .searchSepLast { background: #fcfdfd url(../images/backgrounds/searchItem-bg.jpg) repeat-x bottom; border-top: 1px solid #dce5e8; padding: 3px 3px 5px 5px; margin-bottom: 1px;} .searchSepLast { border-bottom: 1px solid #dce5e8;} .entSearch label { display: block; padding: 2px 0px;} .entSearch label.selLoc { margin-top: 5px;} .entSearch input, .entSearch select.location { display: block; margin: 2px auto 0px auto; width: 280px;} .entSearch input.textIn { border: 1px solid #b6c8db; padding: 2px 1px;} .entSearch select.location { width: 284px;} .entSearch input.checkbox { display: inline; margin: 0; width: auto;} .entSearch label.careerLevel { text-align: center;} .entSearch label.check { margin-left: 205px;} .entSearch label.check input { margin: 0px 5px 0px 0px; display: inline; width: auto;} .entSearch label.careerLevel input { display: inline;} .entSearch select.year { display: block; margin: 2px 0px 5px 210px; width: 100px;} .entSearch .groupCtrl{ margin-left: 210px; width: 285px;} .entSearch input.submit { width: auto; float: right; margin-right: 200px;} .entSearch input.reset, .entSearch .groupNewSearch { float: left; width: 60px;} .entSearch input.submitSearch { /*groups*/ border: none; float: right; height: 20px; width: 82px;} .entSearch input.simpleSearch { display: inline; margin-left: 165px;} .entSearch label.simpleSearch { padding-bottom: 0px;} .colForm, .colFormLast{ float: left; margin: 10px 20px 0px 0px; width: 340px;} .colFormLast { margin-right: 0px;} .colForm label { display: block; margin-bottom: 4px;} .colForm input, .colForm select, .colForm textarea { margin-bottom: 5px; padding: 1px; width: 330px;} .colSubmit{ margin-bottom: 10px; text-align: right;} .colForm input.submit { border: 0px; margin: 5px 0px; width: auto;} .colForm .check { display: inline; width: auto;} .searchTerms { float: left; width: 380px;} .convMatchTerms { background: url(/images/backgrounds/convMatch-top.jpg) no-repeat; float: right; padding-top: 6px; width: 245px;} .convMatchTerms .content { background: url(/images/backgrounds/convMatch-bg.jpg) repeat-x top; border: 1px solid #707070; border-width: 0px 1px; overflow: hidden; padding: 0px 5px; width: 233px;} .convMatchTerms .base { background: url(/images/backgrounds/convMatch-base.jpg) no-repeat; height: 6px; overflow: hidden; width: 245px;} .convMatchTerms p.match { background: url(/images/icons/messageWallIcon.png) no-repeat top left; padding-left: 25px;} .convMatchTerms .btn { margin-left: 25px;} .loading { width: 16px; height: 16px; margin: 0px auto; text-align: center; padding: 0; background: url(/images/icons/spinner.gif) no-repeat;} .loadingRes { padding-left: 45px; text-align: center;} /*---------------------------------------------------------- ---*/ .standoutPanelTop { background: url(../images/backgrounds/userCont.jpg) no-repeat top left; height: 13px; overflow: hidden;} .standoutPanelEnd { background: url(../images/backgrounds/userContEnd.jpg) no-repeat; height: 11px; margin-bottom: 10px; width: 700px;} #StandoutPanel { background: #2f2f2f url(../images/backgrounds/userContMid.jpg) repeat-x top; /*min height on content 227px*/ border: 4px solid #8f8f8f; border-width: 0px 4px; color: #fff; min-height: 165px; padding: 0px 10px; overflow: hidden; width: 672px;} #StandoutPanel h1, #StandoutPanel h2 { color: #fff; margin: 0; padding: 0; background: none;} #StandoutPanel h2 { border-bottom: 1px solid #a5a6a8; padding-bottom: 3px;} #StandoutPanel h2.steps { font-size: 1.44em;} ul.sortHist, ul.sortHist li { display: inline; padding: 0px 3px;} ul.sortHist li a { font-weight: bold;} ul.sortHist li a.selected { color: #ff862e; text-decoration: underline;} .profEntry, .persEntry, .eduEntry { margin: 3px 0px 15px 0px;} /* -- entry header -- */ .entryTitleProf, .entryTitleEdu, .entryTitlePers { background: #333 url(/images/resumes/header-bg.gif) repeat-x; width: 700px; } .entryTitleProf h3, .entryTitleEdu h3, .entryTitlePers h3 { color: #fff; border: none; height: auto; line-height: 16px; float: left; margin: 0; padding: 4px 3px 4px 18px; width: 450px; } .entryTitleProf h3 {background:url(/images/resumes/prof-header-swatch.gif) top left no-repeat;} .entryTitleEdu h3 {background:url(/images/resumes/edu-header-swatch.gif) top left no-repeat;} .entryTitlePers h3 {background:url(/images/resumes/pers-header-swatch.gif) top left no-repeat;} ul.infoTags {float:right;} ul.infoTags li { color: #fff; float: right; height: auto; padding: 4px 8px 4px 8px; border-left: 1px solid #FFF;} .profEntry .infoTags li {background:url(/images/resumes/prof-bg.gif) repeat-x;} .profEntry .infoTags li.promotion {background:url(/images/resumes/promo-bg.gif) repeat-x;} .eduEntry .infoTags li {background:url(/images/resumes/edu-bg.gif) repeat-x;} .persEntry .infoTags li {background:url(/images/resumes/pers-bg.gif) repeat-x;} /* -- entry content -- */ .detailsContainer { background: #F2F2F2; width:678px; padding: 10px 7px 10px 15px; } /* -- details -- */ .entryDetails { float: left; padding: 4px; width: 470px;} .entryDetails h3 { border: none; margin: 0; padding: 0; font-size: 1.1em;} .entryDetails h4 { font-style: italic; padding: 0px 0px 2px 0px;} /* -- date -- */ .entryDate { float: right; text-align: right; margin: 0px; width: 195px;} .entryDate p { font-weight: bold; padding: 0;} .entryDate p span { font-weight: normal;} .entryLinks { margin: 4px 0px;} .entryLinks ul li { display: inline; margin-right: 10px;} /* -- assessments -- */ .assessment { width: 470px; margin: 10px 0px; border: 1px solid #333; } .assessment .title { background: #333 url(/images/resumes/header-bg.gif) repeat-x left top; color: #fff; font-weight: bold; line-height: 24px; height: 24px; padding: 0px 10px; } .assessment p { padding: 3px 10px; background: #FFF; } .assessment p.alt { background: #F2F2F2; } .entryTags { margin: 5px 0px;} .entryTags p { color: #000; display: inline; font-weight: bold;} .entryTags a { color: #636363; font-weight: bold;} .profileTags { margin-top: 5px;} .entryTags ul, .entryTags ul li { display: inline;} span.department { color: #000000; font-size: .83em; font-weight: normal;} ul.addHistEntry { margin: 20px 0px;} a.histButton, a.histButton:link, a.histButton:visited { background:transparent url(/images/static/buttons/button-right.png) top right no-repeat; margin: 0px 15px 10px 0px; padding: 0 10px 0 0;} a.histButton span, a.histButton:link span, a.histButton:visited span { padding: 0 0 0 35px; background:transparent url(/images/buttons/histButton-left.png) top left no-repeat;} /*-----------------------------------------------------Enterprise tos ---*/ #Privacy { text-align: left; padding: 10px;} #Privacy h3 { margin-bottom: 5px;} /*------------------------------------------------Enterprise Dashboard ---*/ #menuDash a.back { background: none; float: right; font-weight: normal;} #menuDash a.back:hover { color: #eb6b36;} #menuDash a.errors span{ color: #fb5e5e;} #orgchart, #life_chart, #map { margin: 0px auto; width: 610px; min-height: 468px; height: auto!important; height: 468px;} #talent_map { margin: 0px auto; width: 610px; height: 234px;} /*------------------------------------------------------------------Objectives---*/ ul.sortLinks { float: left; margin-bottom: 5px; width: 150px;} ul.sortInline { margin: 5px 0px;} ul.sortLinks li, ul.sortInline li{ padding-left: 2px;} ul.sortInline li { display: inline;} ul.sortLinks li a.selected, ul.sortInline li a.selected { color: #636363; text-decoration: underline;} div.mainObjCont { margin: 7px 0px;} div.objTitleTop { background: url(../images/backgrounds/objTop.jpg) no-repeat; height: 3px;} div.objTitle { background: #fff url(../images/backgrounds/objBg.jpg) repeat-x bottom; border-left: 1px solid #e5e7e9; border-right: 1px solid #e5e7e9; border-bottom: 1px solid #d9d9d9;} div.objTitle h4 { float: left; padding: 0px 3px 0px 5px; width: 550px;} div.objTitle h4.rev { font-weight: normal;} div.objTitle h4.rev span { font-weight: bold;} div.objTitle h4 a { color: #eb6b36; font-weight: bold;} span.awaitStatus { color: red; font-weight: bold; font-size: .91em;} .objTypeCorp, .objTypePers { background: url(../images/icons/labelCorp.jpg) no-repeat; color: #fff; font-weight: bold; font-size: .91em; float: right; display: inline; margin: -1px 1px 0px 0px; text-align: center; width: 37px;} .objTypePers { background: url(../images/icons/labelPers.jpg) no-repeat;} div.objCont { border-left: 1px solid #e5e7e9; border-right: 1px solid #e5e7e9; padding: 5px 3px 5px 22px;} div.objCont .main { float: left; width: 440px;} div.objCont .stat { float: right; text-align: right; width: 150px;} div.objEnd { background: url(../images/backgrounds/objEnd.jpg) no-repeat; height: 3px;} ul.objDetails { color: #000;} ul.objDetails li span { font-weight: bold; font-size: .91em} div.objDesc { background: #f4f4f4; border: 1px solid #e5e7e9; margin-top: 5px; padding: 2px;} div.objDesc h5 { color: #000; font-size: .91em; font-weight: bold;} div.note { font-size: .91em; margin-top: 6px;} div.note h5 { background: url(../images/backgrounds/objAssessBg.jpg) repeat-x; border: 1px solid #e2e2e3; border-top: none; padding: 0px 2px;} div.note h5 span { font-weight: bold;} div.note p { line-height: 13px; padding: 1px 2px;} .deleteObj { float: left; margin-top: 10px; width: 440px;} .deleteObj label { float: left; text-align: right; width: 195px;} .deleteObj textarea { border: 1px solid #b6c8db; float: right; height: 80px; margin-left: 5px; padding: 2px; width: 230px;} .deleteObj input.submit { clear: right; float: right; margin-top: 10px;} a.addNote { height: 17px; display: inline-block; padding-right: 19px;} div.viewObjAssess { border: 1px solid #eaeaea; border-top: none; margin-top: 4px;} div.viewObjAssess h5 { background: #fff url(../images/backgrounds/objAssessBg.jpg) repeat-x; height: 23px; line-height: 23px; font-weight: bold; margin-bottom: 3px; padding: 0px 2px;} div.viewObjAssess p { padding: 0px 2px;} p.expObjDet { color: gray; font-size: .91em; margin-top: 5px; padding: 0; text-align: right;} .foundMember { margin-top: 5px;} ul.addNewObj{ list-style-type: square; margin: 1px 0px 1px 20px;} /*----------------------------------------------------------Admin OnBoarding---*/ .entSteps { margin: 15px 0px 0px 165px; width: 270px;} a.stepNext{ background: url(../images/buttons/next.gif) no-repeat; display: block; float: right; height: 20px; width: 72px;} a.stepBack { display: block; float: left; font-weight: bold;} /* ------------------------ Admin dash --- */ textarea.companyDesc { margin: 5px 0px; width: 100%;} .companyAddress { float: left; margin-right: 10px; padding-bottom: 5px; width: 211px;} .companyAddress h3 { color: #666666; font-size: 1em;} table.objStats { border-collapse: collapse; table-layout: fixed; margin: 10px 0px 10px 40px; width: 300px;} table.objStats tr td { background: #dbdbdb; border: 1px solid #fff; padding: 2px 4px;} table.objStats tr td.no { background: #c4c4c4; font-weight: bold; text-align: right;} p.report { padding: 0px 2px;} p.report span { background: url(../images/icons/reports-arrow.gif) no-repeat right 6px; color: #128a2c; display: block; font-size: .91em; font-weight: bold; margin-top: 3px; width: 90px;} table.objSummary { border-collapse: collapse; border: 1px solid #ebebeb; margin-bottom: 7px; width: 628px;} h4.objSumcaption { font-size: 1.1em; font-weight: bold; margin: 10px 0px 3px 0px; padding-bottom: 2px; text-align: left;} ul.sortObjSum { margin-bottom: 3px;} ul.sortObjSum li { display: inline; font-size: .91em;} ul.sortObjSum li.sep { color: #ccc;} ul.sortObjSum li a { font-weight: bold; padding-left: 5px;} ul.sortObjSum li a.sel { color: #eb6b36;} table.objSummary tr.head th{ background: url(../images/backgrounds/objThead.jpg) repeat-x; border-left: 1px solid #d4d4d4; padding: 2px; font-weight: bold; text-align: center;} table.objSummary tr td{ border: 1px solid #d4d4d4; border-right: none; padding: 2px; text-align: center; vertical-align: top;} table.objSummary tr td.content, table.objSummary tr th.content { text-align: left;} table.objSummary tr.sort td { border: none;} ul.expList { margin: 0px -1px;} ul.expList li { border-top: 1px dotted #ccc;} ol.admItem, ul.admSummary { margin: 5px 5px 5px 25px;} ol.admItem li { list-style-type: decimal; margin: 2px 0px;} ul.admSummary li { list-style-type: disc; margin: 2px 0px;} ul.admSummary li span { color: #000; font-weight: bold;} ul.admSummary li ul { margin-left: 20px;} ul.admSummary li ul li { list-style-type: none;} ul.entManageLinks li { padding: 1px 0px 1px 15px;} span.progCont { background: url(../images/backgrounds/progCont-bg.jpg) repeat-x bottom; border: 1px solid #ccc; display: inline-block; height: 12px; margin: 0px 5px 0px 0px; width: 80px;} span.progBar { background: #07ac87 url(../images/backgrounds/progBar-bg.jpg) repeat-x top; display: inline-block; width: 80px; height: 12px;} div.entHelp h3 { border-bottom: none;} div.entHelp h4 { border-bottom: 1px solid #dfdfdf; color: #333; font-size: 1.1em; font-weight: bold; padding: 5px 0px 2px 2px;} ul.objRev { margin: 0px 0px 7px 20px;} ul.objRev li { list-style-type: disc; padding: 1px 0px;} ul.objRev li span { color: #1e3e64; font-weight: bold;} ul.memChange { margin-bottom: 10px;} ul.memChange li span { color: #7d7f80; font-size: .91em;} h4.memChange { border-bottom: 1px dashed #bbc8d2; font-weight: bold; margin-bottom: 5px; padding-bottom: 3px;} h4.memChange span { font-weight: normal;} /* --------------------------------SM onboarding --- */ .onboardingCont { background: #ffffff url(/images/backgrounds/zapCallOut-bg.jpg) repeat-x bottom; border: 1px solid #ccc; padding: 10px;} .onboardingCont .steps { margin-bottom: 15px;} .onboardingCont .steps .one, .onboardingCont .steps .two, .onboardingCont .steps .three, .onboardingCont .steps .one_es, .onboardingCont .steps .two_es, .onboardingCont .steps .three_es { background: url(/images/buttons/onboardingSteps.png) no-repeat top left; color: #fff; display: block; height: 42px; width: 221px;} .onboardingCont .steps .one_es, .onboardingCont .steps .two_es, .onboardingCont .steps .three_es { background: url(/images/buttons/onboardingSteps_es.png) no-repeat top left;} .onboardingCont .steps .two, .onboardingCont .steps .two_es { width: 440px;} .onboardingCont .steps .three, .onboardingCont .steps .three_es { width: 660px;} .onboardingCont .steps span { margin-left: -9999px;} .onboardingCont .col, .onboardingCont .colLast { float: left; margin-right: 10px; width: 320px;} .onboardingCont .colLast { margin-right: 0px;} .onboardingCont .liBtn { margin-top: 10px;} .onboardingCont .colSep { border-right: 1px solid #cdcdcd;} .onboardingHelp { height: 130px;} .onboardingProcess { float: left; width: 460px;} .onboardingPrHelp { float: right; width: 180px;} .onboardingDone { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px;} .onboardingDone p { float: right;} #onboardingSm { height: 46px; width: 100%;} #onboardingSm li { float: left; background: url(../images/backgrounds/tabLeft.jpg) no-repeat left top; font-weight: bold; height: 46px; line-height: 46px; margin-right: 1px; padding: 0 0 0 6px;} #onboardingSm li span { background: url(../images/backgrounds/tabRight.jpg) no-repeat right top; color: #fff; font-size: 15px; display: block; float: left; padding: 0px 10px 0px 2px;} #onboardingSm li.selected { background-position: 0% -46px; border-bottom: 1px solid #e6e7e8;} #onboardingSm li.selected span { background-position: 100% -46px; color: #000;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #onboardingSm li span {float:none;} /* End IE5-Mac hack */ #onboardingSm li.conver { float: right; margin: 0;} #onboardingSm li span span.accountLink { background: url(/images/icons/tabAccount.png) no-repeat left top; padding: 0px 0px 0px 30px;} #onboardingSm li span span.notifLink { background: url(/images/icons/tabNotif.png) no-repeat left top; padding: 0px 0px 0px 35px;} #onboardingSm li span span.radarLink { background: url(/images/icons/tabRadar.png) no-repeat left top; padding: 0px 0px 0px 35px;} #onboardingSm li span span.groupsLink { background: url(/images/icons/tabGroups.png) no-repeat left top; padding: 0px 0px 0px 40px;} #onboardingSm li span span.todoLink { background: url(/images/icons/tabTodo.png) no-repeat left top; padding: 0px 0px 0px 36px;} #onboardingSm li span span.convLink { background: url(/images/icons/tabConv.png) no-repeat left top; display: block; padding: 0px; width: 29px;} .onboardingCont ol.onBoardSteps li { background: url(/images/backgrounds/lightListCont-top.gif) top left no-repeat; width: 450px; margin: 5px 0px;} .onboardingCont ol.onBoardSteps li .content { background: url(/images/icons/tickOk.png) 6px 15px no-repeat; height: 30px; display: block; font-weight: bold; color: #333; padding: 15px 10px 0px 35px;} .onboardingCont ol.onBoardSteps li span.base { background: url(/images/backgrounds/lightListCont-base.gif) bottom left no-repeat; display: block; width: 450px; font-size: 0px; overflow: hidden; height: 5px;} ol.adminWelcome { margin-top: 10px;} ol.adminWelcome .step { padding: 5px 0px 0px 50px; margin: 0px 0px 20px 0px;} ol.adminWelcome .step1 {background:url(/images/icons/SM-adminDashIcon.png) no-repeat;} ol.adminWelcome .step2 {background:url(/images/icons/SM-uploadLogoIcon.png) no-repeat;} ol.adminWelcome .step3 {background:url(/images/icons/SM-talent-profile.gif) no-repeat;} ol.adminWelcome .step h3 { padding: 0px; margin: 0px 0px 5px 0px; font-size: 1.2em;} ol.adminWelcome .step p { padding: 0px; margin: 0px 0px 5px 0px; font-weight: bold; color: #333;} .uploadResPart{ float: left; text-align: center; width: 200px;} .resAlt { float: left; margin: 0px 0px 0px 10px;} .profProgHelp { padding: 10px; text-align: left;} .profProgHelp .list { min-height: 150px; height: auto !important; height: 150px;} /*----------------------------------------------------------Error Message --- */ .errorMessage { width: 643px; padding: 10px 10px 10px 45px; background: #E7E7E7 url(/images/icons/warning.gif) 10px 10px no-repeat; min-height: 23px; margin-bottom: 10px; border: 1px solid #999;} .errorMessage .errorTitle { font-weight: bold; font-size: 1.2em; margin: 5px 0px 3px 0px; padding: 0px;} /*----------------------------------------------------------Bands/Comparisons---*/ /*----------------------------------------------------------lineBar bar--*/ .lineBarHolder { margin-bottom:5px;} .lineBarHolder .userA { background: #000 url(/images/backgrounds/lineBarBg-black.jpg) repeat-x;} .lineBarHolder .userB { background: #000 url(/images/backgrounds/lineBarBg-orange.jpg) repeat-x;} .lineBarHolder .blank { background: #000 url(/images/backgrounds/lineBarBg-grey.jpg) repeat-x;} .lineBar { width: 185px; height: 15px; display: block; border: 1px solid #FFF; background: #CCC; position: relative; float: left; margin-right: 5px;} .lineBar .value { height:15px; position:absolute; top:0px; left:0px;} .lineBarValue { float:left; font-size:0.9em; line-height:17px; height:17px; padding:0px; margin:0px;} /*----------------------------------------------------------Summary Panel--*/ .summaryPanel { width: 680px; min-height: 70px; padding: 5px 10px; background: #000 url(/images/backgrounds/summaryPanel-content.jpg) no-repeat; color: #FFF;} .summaryPanel .compareType { text-align: right; font-size: 0.8em;} .summaryPanel .panelTitle { font-size: 2em; padding: 8px 0px; border-top: 1px solid #7A7A7A; border-bottom: 1px solid #7A7A7A; margin-bottom: 10px;} .summaryPanel .standalone { margin-top: 10px;} .summaryPanel .panelTitle a {font-size:0.45em;} .summaryPanel .subheading { border-bottom: 1px solid #F2F2F2; margin-bottom: 10px;} .summaryPanel .summary { background: url(/images/backgrounds/dividor.gif) repeat-y top center;} .summaryPanel .infoColumn { width:340px; float:left;} .summaryPanel .optionsColumn { width: 325px; padding-left: 5px; float: right;} .summaryPanel .optionsColumn select { width: 325px;} .summaryPanel .linkBox { width: 288px; height: auto; background: url(/images/backgrounds/summaryPanel-linkBox.gif) repeat-y; margin-bottom: 5px; overflow: hidden;} .summaryPanel .linkBox .base { background: url(/images/backgrounds/summaryPanel-linkBox-base.gif) no-repeat; width: 288px; height: 5px; display: block; overflow: hidden;} .summaryPanel .profileLink { display: block; padding: 8px 10px 5px 35px; font-size: 1.2em; background: url(/images/icons/talentProfile-17x20.gif) 10px 5px no-repeat;} .summaryPanel .bandsLink { display: block; padding: 8px 10px 5px 35px; font-size: 1.2em; background: url(/images/icons/bands-17x20.gif) 10px 5px no-repeat;} .summaryPanel table th { color: #B3B3B3; padding: 3px 6px 3px 6px;} .summaryPanel table td, .summaryPanel table tbody th { background: #333; padding: 3px 6px 3px 6px;} .summaryPanel table td.userB { background: #493123;} .summaryPanel .vsCompare { background: #4D4D4D; width: 317px; padding: 5px; float: left; margin-bottom: 5px;} .summaryPanel .vs { display: block; width: 26px; text-align: center; float: left; padding-top: 16px; color: #999;} .summaryPanel label, .summaryPanel input, .summaryPanel select { display:block;} .summaryPanel label, .summaryPanel input { margin-bottom:5px;} .summaryPanel input.submit { float:right; margin-top:5px;} .summaryBase { width: 700px; height: 10px; display: block; background: #000 url(/images/backgrounds/summaryPanel-base.jpg) no-repeat; margin-bottom: 10px;} /*---------------------------------------------------------- Comparisons ---*/ .comparisonPanel, .bandsPanel { background: url(../images/comparisons/comparison_box_top.jpg) no-repeat; padding-top: 12px; width: 700px;} .comparisonPanel .mid, .bandsPanel .mid { background: url(../images/comparisons/comparison_box_middle.jpg) repeat-x top; min-height: 90px; overflow: hidden; padding: 0px 10px; border-left: 1px solid #999; border-right: 1px solid #999; width: 678px;} .comparisonPanel .end, .bandsPanel .end { background: url(../images/comparisons/comparison_box_bottom.jpg) no-repeat; height: 12px; width: 700px; padding: 0 0 10px 0} .comparisonPanel h2 { color: #c14f03; font-weight: normal; margin-bottom: 0em; padding-bottom: 5px;} .comparisonPanel h3 { margin-bottom: 0em; padding: 0px 0px 5px 0px; border: 0px;} .comparisonPanel a.select_button { margin: 0px 0px 10px 0px; display:block;} .comparisonPanel a.blockLink { display:block; margin:0px 0px 10px 0px;} .comparisonPanel input.text, .comparisonPanel select { width: 300px;} .comparisonPanel .blockForm label, .comparisonPanel .blockForm input, .comparisonPanel .blockForm select { display: block; margin: 0px 0px 5px 0px;} .comparisonPanel .blockForm select { width: 300px;} .compare_menu_top { background: url(../images/comparisons/compare_menu_top.jpg) no-repeat top; height: 24px; color: #fff; font-size: 1.1em; line-height: 1.8em; padding: 0px 0 0px 10px; border-bottom: 1px solid #fff;} /* ---- generic styles for stage selection (part of wizard approach) --- */ ul.stageSelector { width: 100%; background: #CCC url(/images/backgrounds/stageSelector-bg.gif) repeat-x; margin-bottom: 10px;} ul.stageSelector li { display: block; float: left; height: 24px; line-height: 24px; padding: 0px 30px 0px 10px; background-image: url(/images/backgrounds/stageSelector-item.gif); background-position: top right; text-transform: uppercase; font-weight: bold; color: #666;} /* these classes control appearance */ ul.stageSelector .selected { background-position: right -24px; color: #000;} ul.stageSelector .previous { background-position: right -48px;} ul.stageSelector li a { color: #333; text-decoration: none;} ul.stageSelector li a:hover { color:#c14f03;} /* ---- END: generic styles for stage selection (part of wizard approach) --- */ .bandsPanel .searchbutton, .bandsPanel .submit { background: #000; color: #fff; padding: 3px; width: 100px; border: 0px;} .bandsPanel .searchbutton:hover, .bandsPanel .submit:hover { background: #c14f03; color: #000;} .bandsPanel .blockForm label, .bandsPanel .blockForm input, .bandsPanel .blockForm select { display: block; margin: 0px 0px 5px 0px;} .bandsPanel .blockForm select { width: 300px;} .searchDetailsWide { float: left; width: 500px; margin-right: 10px; margin-bottom: 10px;} .searchDetails { width:304px; float:left; margin-right: 10px; margin-bottom: 10px;} .searchDetails input, .searchDetailsWide input {margin:0px 0px 2px 0px;} .searchDetailsWide input.text { width: 496px;} .searchInfo { width: 390px; float: left;} .compTip { background: #FFF url(../images/comparisons/comparison_box_middle.jpg) repeat-x top; width: 180px; border: 1px solid #999; padding: 10px; float: right;} .memberSearch { width: 329px; margin-bottom: 10px; float: left;} .orgChartSearch { width: 329px; margin-left: 20px; margin-bottom: 10px; float: left;} .memberSearch .heading, .orgChartSearch .heading { border-bottom: 1px solid #999; padding-bottom: 5px; margin-bottom: 10px;} .memberSearch label { width: 85px; padding-top: 3px; float: left;} .memberSearch input { width: 230px; float: right; margin-bottom: 5px;} .memberSearch a { display: block; clear: both;} #bandsOrgChart {margin-top:5px;} .searchDetails .searchOptions { background: #FFF url(../images/comparisons/comparison_box_middle.jpg) repeat-x top; width: 284px; border: 1px solid #999; padding: 10px;} .searchDetailsWide .searchOptions { background: #FFF url(../images/comparisons/comparison_box_middle.jpg) repeat-x top; width: 480px; border: 1px solid #999; padding: 10px;} .searchOptions .options { display:block;} .searchOptions .options input { width:auto; margin:0px; padding:0px;} .searchOptions .options label { padding-left:10px;} .searchOptions p { padding:0px; margin:0px 0px 5px 0px; font-weight:bold;} .band_options { background: url(../images/comparisons/comparison_box_middle.jpg) repeat-x top; width: 300px; border: 1px solid #999; padding: 10px;} .band_options .options { padding: 5px; display: block; clear: right;} .comparisonPanel a.select_button:hover { background-position: 0 -28px;} .band_options label{ padding: 0 0 0 10px;} .myComparisonsTop { float: left; width: 700px;} .iconCompare { float: right; margin-top: 10px; text-align: center; width: 160px;} .newComparisonsBtn { margin: 15px 0px 10px 0px;} .startComparePanel { width: 345px; padding-top: 10px; background: #000 url(/images/comparisons/startComparePanel-top.gif) no-repeat; float: left; margin-right: 10px; margin-bottom: 10px;} .multipleCompare { margin-right: 0px;} .startComparePanel .content { width: 225px; padding: 0px 110px 0px 10px; background: #000; color: #FFF; float: left; min-height: 130px;} .singleCompare .content { background: #000 url(/images/comparisons/individual-compare.jpg) top right no-repeat;} .multipleCompare .content { background: #000 url(/images/comparisons/others-compare.jpg) top right no-repeat;} .startComparePanel .content .title { margin: 0px 0px 5px 0px;} .startComparePanel .content p { margin-bottom:10px;} .startComparePanel .base { width: 345px; height: 10px; display: block; background: #000 url(/images/comparisons/startComparePanel-base.gif) no-repeat; clear: left;} .results-list { margin-bottom:10px;} .results-list li { background: #E6E6E6; float: left; width: 100%; margin-bottom: 2px;} .results-list li .userInfo { display: block; float: left; padding: 2px 4px; width: 80%;} .results-list li .userInfo a { font-weight: bold;} .results-list li .select-link { display: block; float: right; padding: 2px 4px; font-weight: bold; width: 15%; text-align: right;} h2.light { color: #000; font-weight: normal; font-size: 1.6em; margin-bottom: .1em} table.comparisonsHist { border-collapse: collapse; margin: 5px 0px;} table.comparisonsHist tr th { background: url(../images/backgrounds/comparisons-th-bg.jpg); color: #fff; border-bottom: 1px solid #fff; padding: 2px 3px;} table.comparisonsHist tr td { background: #e6e6e6; border-bottom: 1px solid #fff; padding: 2px 3px;} /*---------------------------------------------------------- Bands ---*/ .bandsHolder { padding-bottom:20px; border-bottom: 1px solid #999; margin-bottom:20px; width:100%;} .band_status { background: url(../images/bands/band_status_box_top.jpg) no-repeat; padding-top: 12px; width: 210px; float: right; display: block; color: #fff; margin: 0 0 0 10px;} .band_status_mid { background: #231f20; overflow: hidden; padding: 5px 10px;} .band_status_end { background: url(../images/bands/band_status_box_bottom.jpg) no-repeat; height: 5px; padding: 0 0 10px 0} .manage_bands { width: 317px; float: left; display: block; color: #333;;} .manage_bands a{ background: url(../images/bands/manage_bands_bg.jpg) no-repeat; display: block; width: 315px; height: 25px; padding: 3px 0 0 20px;} .bands_options{ background: url(../images/bands/band_options_box_top.jpg) no-repeat; padding-top: 10px; width: 305px; float: right; display: block; color: #fff;} .bands_options_mid { background: #231f20; overflow: hidden; padding: 0 10px 10px 10px;} .optionsContent{ background: url(../images/bands/band_options_mid_bg.jpg) no-repeat top left; padding: 5px 10px 10px 10px;} .optionsContent .warning{ background: url(../images/bands/warning_sign.jpg) no-repeat top left; padding: 0 0 0 15px;} .bands_options_mid h3 { font-weight: normal; font-size: 16px;} .bands_options_end { background: url(../images/bands/band_options_box_bottom.jpg) no-repeat; height: 5px; width: 305px; padding: 0 0 10px 0} .bands_options a.update_button { margin: 10px 0 0 0; display:block; width: 162px; height: 28px; background: url(../images/bands/band_option_update_button.jpg) 0 0 no-repeat;} .bands_options a{ color:#fff;} .setup_bands { background: url(../images/bands/setup_bands_box_top.jpg) no-repeat; padding-top: 5px; width: 317px; float: left; display: block; color: #333;} .setup_bands_mid { background: #fff; border-left: 1px solid #999; border-right: 1px solid #999; overflow: hidden; padding: 5px 10px;} .setup_bands_mid ol { padding: 0 0 0 20px; list-style-type: decimal;} .setup_bands_end { background: url(../images/bands/setup_bands_box_bottom.jpg) no-repeat; height: 5px; padding: 0 0 10px 0} .bandsControls { width: 317px; float: left; display: block; color: #333;} .how_bands_work{ background: url(../images/bands/bands_graphic.jpg) no-repeat right 50px; float: left; /*width: 100%;*/ padding-right: 250px; clear: both;} .how_bands_work h4 { font-weight: bold; font-size: 1.2em; margin: 10px 0px 10px 0px;} .drag_band{ background: #e8e8e8 url(../images/bands/drag_hand.jpg) no-repeat; display: block; width: 285px; padding: 3px 0 3px 30px; margin: 0 0 5px 0;} .drag_band p{ width: 240px; background: #fff; border: 1px solid #999; padding: 0 0 0 10px; display: inline-block;} .button_divider{ width: 315px; border-bottom: 1px solid #999; padding: 2px 0 0 0; margin: 0 0 2px 0; clear: both;} h2.topSkills { color: #000; font-weight: bold; /*float: left;*/ width: 300px;} ul.legend { float: right; text-align: right; width: 300px;} ul.legend li { float: right; font-size: .91em; height: 17px; margin-right: 5px; padding-left: 5px;} ul.legend li.userA, ul.legend li.userB { background: url(../images/backgrounds/legendUserA-left.png) no-repeat left top;} ul.legend li.userB { background: url(../images/backgrounds/legendUserB-left.png) no-repeat left top;} ul.legend li.userA span, ul.legend li.userB span { background: url(../images/backgrounds/legendUserA-right.png) no-repeat right top; color: #fff; display: inline-block; padding: 0px 7px 0px 2px; height: 17px;} ul.legend li.userB span { background: url(../images/backgrounds/legendUserB-right.png) no-repeat right top; color: #000;} .overallMatch { margin: 10px 0px;} .overallMatch p { clear: right; float: left; font-weight: bold; padding: 0px 5px 0px 0px;} div.matchA { background: #000 url(/images/backgrounds/lineBarBg-orange.jpg) repeat-x; border: 1px solid #b3b3b3; float: left; height: 15px; width: 200px;} div.matchB { background: #000 url(/images/backgrounds/lineBarBg-black.jpg) repeat-x; height: 15px; width: 200px;} div.matchNone { background: #CCC url(/images/backgrounds/lineBarBg-grey.jpg) repeat-x; border: 1px solid #b3b3b3; float: left; height: 15px; width: 200px;} .overallMatch p.value { float: left; font-weight: normal; padding: 0px 0px 0px 5px; width: 300px;} .compSkills { float: left; margin-right: 7px; width: 221px;} .listViewSkills { width: 335px;} .compSkills .userA, .compSkills .userB, .compSkills .shared { background: url(/images/backgrounds/userBHead.jpg) repeat-x; color: #fff; height: 24px; line-height: 24px; padding: 0px 5px;} .compSkills .userB { background: url(/images/backgrounds/userAHead.jpg) repeat-x;} .compSkills .shared { background: url(/images/backgrounds/sharedHead.jpg) repeat-x;} .compSkills p.exp { background: #f2f2f2; border: 1px solid #afafaf; border-width: 1px 0px; font-size: .85em; margin: 1px 0px 2px 0px; padding: 0px 3px;} .compSkills ul li{ background: url(/images/backgrounds/compSkillsList-bg.jpg) repeat-x; float: left; height: 22px; line-height: 22px; margin-bottom: 1px; overflow: hidden; padding-left: 5px; width: 216px;} .compSkills ul li span.content { float: left; overflow: hidden; width: 168px;} .compSkills ul li span.stat, .compSkills ul li span.up, .compSkills ul li span.down { float: right; height: 22px; margin-right: 5px; width: 13px;} .compSkills ul.listView { width: 330px;} .compSkills ul.listView li{ width: 100%;} .compSkills p { padding: 0px;} .equalSkillsCol { float: left; margin: 0px 7px 0px 0px; padding: 2px 4px; width: 325px;} .equalSkillsCol h5 { border-bottom: 1px solid #b3b3b3; font-weight: bold; margin-bottom: 2px; padding-bottom: 2px;} .equalSkillsCol p { font-size: .9em; line-height: 1.2em; padding: 1px 0px;} .compSkillsLast { margin-right: 0px;} ul.dragBands li input{ height: 12px; margin: 0; font-size: .9em; padding: 0px; width: 245px;} ul.dragBands li span.handle { cursor: move;} ul.dragBands li img.close { margin: 2px 0px -2px 0px;} p.dragInfo { color: #4d4d4d; margin-top: 3px;} .compResult { background: url(/images/backgrounds/compResultTop.png) no-repeat; padding-top: 6px; width: 608px;} .compResult .mid { background: #fff; border: 1px solid #ccc; border-width: 0px 1px; padding: 0px 10px; width: 586px;} .compResult .mid h3 { border-bottom: 1px solid #e6e6e6; margin-bottom: 5px; padding: 0px 0px 3px 0px;} .compResult .mid h3 span { color: #000; font-weight: normal; font-size: .9em;} .compResult .mid h3 a { color: #ff862e;} .compResult .end { background: url(/images/backgrounds/compResultEnd.png) no-repeat; height: 6px; width: 608px;} .compResult .details { float: left; width: 420px;} .compResult ul.options { float: right; width: 166px;} .compResult .mid dl dt { float: left; text-align: right; width: 100px;} .compResult .mid dl dd { margin-left: 105px;} .compResult .mid p.viewMore { margin-left: 105px; padding: 0;} .compBtn{ display: block; padding: 0px; margin: 4px 4px 5px 0px;} .saveSkillEdit { border-top: 1px solid #999999; padding: 4px 0px;} .actBtn { margin: 2px 4px 0px 0px;} /*------------------------------------Info panels wider than in PreSourced---*/ .infoPanelSM, .infoPanel { background: url(../images/backgrounds/infoPanel-top.jpg) no-repeat top left; margin-bottom: 10px; padding-top: 10px; width: 700px;} .infoPanelSM .midPanel, .infoPanel .midPanel { background: #fff url(../images/backgrounds/infoPanelSM-bg.jpg) repeat-x left bottom; border-left: 1px solid #e6e5e4; border-right: 1px solid #e6e5e4; padding: 0px 8px; overflow: hidden; width: 682px;} .infoPanel .midPanel { background: #fefeff url(../images/backgrounds/infoPanel-bg.jpg) repeat-x left bottom;} .infoPanelSM .infoPanelEnd, .infoPanel .infoPanelEnd { background: url(../images/backgrounds/infoPanelSM-end.jpg) no-repeat top left; height: 10px; width: 700px;} .infoPanel .infoPanelEnd { background: url(../images/backgrounds/infoPanel-end.jpg) no-repeat top left;} /*-------------------------------------------------Conversations----------*/ /*----------------------- conv summary in view --*/ div.convSummary { float: left; margin-bottom: 10px; width: 575px;} div.convSummary h2, div.convSummary h3{ padding: 0px; margin-bottom: 5px;} div.convSummary h3 { border: none; font-size: 1em; margin: 0px;} div.convSummary ul li { display: inline; font-weight: bold; padding-right: 7px;} div.convSummary ul li.last span { color: #878787; font-weight: normal; padding-right: 7px;} div.ratingSummary { float: right; margin-bottom: -40px; width: 125px;} div.ratingSummary .mid { background: url(/images/conversations/summaryRating-bg.gif) no-repeat top right; color: #fff; overflow: hidden; padding: 5px 0px 2px 0;x;} div.ratingSummary .end { background: url(/images/conversations/summaryRating-end.gif) no-repeat top right; height: 2px; width: 125px;} div.ratingSummary ul li { font-weight: bold; font-size: .9em; line-height: 14px; padding: 0px 5px 0px 30px;} .sortConv { float: right; text-align: right; width: 200px;} .followBtn { margin: 10px 0px;} /*------------------------------------------- user reply --- */ div.userReply { margin: 15px 0px; width: 100%;} div.userReply .userInfo, div.followedAuthors .userInfo { float: left; font-size: .9em; line-height: 14px; width: 100px;} div.userReply .userInfo img, div.followedAuthors .userInfo img { border: 1px solid #999999; width: 68px; height: auto; overflow: hidden;} div.userReply .userInfo span { font-weight: normal;} div.userReply .userInfo p { padding: 0px;} .reply, .replyDispute { float: left; width: 485px;} .replyDispute { width: 470px;} .replyEven { background: url(/images/conversations/reply-bg.gif) no-repeat top left;} .replyOdd { background: url(/images/conversations/reply-bg-odd.gif) no-repeat top left;} .replyBestAnswer { background: url(/images/conversations/reply-bg-best.gif) no-repeat top left;} .replyAdmin { background: url(/images/conversations/reply-bg-admin.gif) no-repeat top left;} .reply .content { min-height: 85px; max-height: 450px; overflow: auto; padding: 10px 10px 10px 50px;} .reply .content .userTags { overflow-x: auto; width: 100%;} .reply .end, .replyDispute .end { background: url(/images/conversations/reply-base.gif) no-repeat top left; height: 2px; margin: 0px 0px -2px 38px; overflow: hidden;} .replyDispute .end { background: url(/images/conversations/replyDispute-end.png) no-repeat top left;} .userOpt, .convDelete { background: #000 url(/images/conversations/convUserAct.jpg) repeat-x top left; height: 29px; line-height: 29px; padding: 0px 10px; font-size: .9em; width: 425px; border: 1px solid #363636; margin: 0px 0px 0px 38px; border-width: 0px 1px; overflow: hidden;} .userOpt li, .userOpt li a { color: #fff;} .userOpt li a.highlight { color: #ff862e;} .userOpt li.following, .userOpt li.disputed { background: url(/images/icons/followingIcon.png) no-repeat top left; line-height: 29px; float: left; margin-right: 10px; padding: 0px 0px 0px 13px;} .userOpt li.disputed { background: url(/images/icons/dispute.png) no-repeat top left; padding: 0px 0px 0px 18px;} .userOpt li.bestAnswer { background: url(/images/icons/tickOk.png) no-repeat left 5px; padding-left: 25px;} .bestAnswerLine { border-bottom: 1px solid #6b6b6b;} .userOpt li.rate { float: left; margin-right: 3px;} .userOpt a.dispute { background: url(/images/icons/dispute.png) no-repeat left top; float: right; padding-left: 20px;} .userOpt a.rateUp img, a.rateDown img { vertical-align: top; margin: 3px 4px 0px 0px;} a.rateDown img { margin-top: 8px;} .convDelete { background: url(/images/conversations/convDel-bg.jpg) repeat-x top left; height: 26px; overflow: hidden; border-width: 1px;} .convDelete li, .userOpt a.shortBtn { margin-top: 3px;} .convSideTools { float: right; width: 112px;} .convBestAnswer { background: url(/images/icons/tickOkBig.gif) no-repeat top center; height: 10px; font-weight: bold; margin-top: 3px; padding-top: 40px; text-align: center;} .replyRating { background: url(/images/conversations/replyRating-top.gif) no-repeat top left; padding-top: 4px; float: right; width: 105px;} .replyRating .content { background: url(/images/conversations/replyRating-bg.gif) no-repeat bottom left; overflow: hidden; width: 105px;} .replyRating .content ul { color: #fff; font-size: .9em; padding: 5px 0px 7px 13px;} .replyRating .base { background: url(/images/conversations/replyRating-base.gif) no-repeat bottom left; height: 5px; overflow: hidden; width: 105px;} .disputeWarning { background: url(/images/icons/disputeWarn.gif) no-repeat left 10px; min-height: 70px; height: auto!important; height: 70px; padding-left: 90px;} .disputeWarning h4.general, .disputeWarning h4.user { font-size: 1.3em; padding: 15px 0px 10px 0px;} .disputeWarning p { font-size: .9em; line-height: 13px;} .addReply { margin-left: 38px; float: left; width: 400px;} .addReply textarea { width: 390px;} .convAdmOptions { background: #f3702a url(/images/conversations/convOptions-bg.jpg) repeat-x; color: #fff; height: 24px; margin: -10px 0px 10px 0px; padding: 3px 0px 0px 10px;} .convAdmOptions li.adminOpt { float: left; padding: 3px 5px 0px 0px;} /*-----------------------------------tags & followed --*/ .convTags li { display: inline;} .convTags li a { background: #f3702a; color: #fff; font-size: 11px; display: block; float: left; overflow: hidden; line-height: normal; margin: 0px 5px 5px 0px; padding: 1px 4px 0px 4px; white-space: nowrap;} ul.userTags li a { height:14px; padding: 2px 5px 1px 5px;} .userTags li a.followTag { border-left: 1px solid #ecac80; margin-left: -5px; height: 15px; padding: 2px 4px 0px 4px;} ul.editTag li a { background: #f3702a url(/images/icons/removeTag.jpg) no-repeat 4px 3px ; padding: 2px 5px 1px 20px;} .recentConv { background: url(/images/backgrounds/recentConvTop.gif) no-repeat left top; padding-top: 6px; margin-bottom: 10px;} .recentConv h5 { float: left; margin-bottom: 5px; width: 338px;} .recentConv .mid { background: url(/images/backgrounds/recentConvBg.gif) repeat-x left bottom; border: 1px solid #ccc; border-width: 0px 1px; padding: 0px 10px; width: 488px;} .recentConv .base { background: url(/images/backgrounds/recentConvBase.gif) no-repeat left bottom; height: 6px; overflow: hidden;} .recentConv span.dtstart { display: block; float: right; text-align: right; width: 150px;} /*------------------------------------------- sidebar & mainbar conv--- */ .convSidebar { float: left; width: 170px;} .innerSidePanel { background: url(/images/conversations/innerSideBar-top.jpg) top left no-repeat; color: #fff; padding-top: 6px; margin-bottom: 10px; width: 170px;} .innerSidePanel .content { background: #000; overflow: hidden; padding: 5px 15px 10px 15px; width: 140px;} .innerSidePanel .content h5 { font-size: 1.1em; margin-bottom: 3px;} .innerSidePanel li a { color: #fff; font-size: .9em;} .innerSidePanel li a:hover { color: #fff;} .innerSidePanel li a.selected { color: #f3702a;} .innerSidePanel li.hr { padding-bottom: 5px; border-bottom: 1px solid #4d4d4d; margin-bottom: 5px;} .innerSidePanel li.categSep { margin-bottom: 5px;} .innerSidePanel ul.tags { text-align: center;} .innerSidePanel ul.tags li { display: inline;} .innerSidePanel ul.tags li a.tag1 { font-size: .8em;} .innerSidePanel ul.tags li a.tag3 { font-size: 1.2em;} .innerSidePanel ul.tags li a.tag4 { font-size: 1.4em;} .innerSidePanel input.search { width: 135px;} .innerSidePanel input.submit { margin-top: 5px; float: right;} .innerSidePanel .end { background: url(/images/conversations/innerSideBar-end.jpg) top left no-repeat; height: 5px; width: 170px;} .mainConvBar { float: left; padding-left: 20px; width: 510px;} .convInfo { background: url(/images/conversations/threadInfo-bg.gif) top left no-repeat; color: #fff; float: right; min-height: 50px; height: auto!important; height: 50px; width: 105px;} .convInfo .main { padding: 10px 5px 0px 5px;} .convInfo .photo { height: 34px; float: left; margin-bottom: 1px; overflow: hidden; width: 34px;} .convInfo .photo img { height: 34px; width: auto;} .convInfo .name { font-size: .8em; line-height: 13px;} .convInfo ul { font-size: .9em; line-height: 14px; padding: 0px 0px 5px 3px;} .convInfo ul li.extra, .ratingSummary .mid ul li.extra { line-height: 12px; font-size: .8em;} .convInfo .end { background: url(/images/conversations/threadInfo-end.gif) bottom left no-repeat; height: 4px;} .threadSep { background: #808080; height: 1px; width: 400px; overflow: hidden;} .convStat { margin: 10px 0px 0px 0px; width: 380px;} .followedAuthors { margin-bottom: 10px;} div.followedAuthors .userInfo { width: 80px;} .mainConvBar .author { background: url(/images/conversations/convAuthor-bg.gif) no-repeat top left; float: left; width: 430px;} .mainConvBar .author h5 { font-weight: bold; font-size: 1.1em; margin-bottom: 5px;} .mainConvBar .author .content { padding: 5px 5px 5px 55px; min-height: 70px;} .mainConvBar .author .content li.authTp, .followedAuth li.tp, .authorSummary li.tp { background: url(/images/icons/tpIcon22.jpg) no-repeat left; height: 22px; line-height: 22px; margin: 2px 0px; padding-left: 30px;} .mainConvBar .author .end{ background: #000; height: 1px; overflow: hidden; margin: 0px 0px 0px 40px;} .mainConvBar h4 { font-weight: bold; font-size: 1.2em;} /*------------------------------------------------ conv search --- */ .skillSearchConv { background: url(/images/conversations/skillSearchConv-top.jpg) no-repeat; color: #fff; margin-bottom: 10px; margin-top: -10px; padding-top: 6px; width: 700px;} .skillSearchConv .content { background: #231f20 url(/images/conversations/skillSearchConv-bg.jpg) repeat-x; padding: 5px 10px; width: 680px;} .skillSearchConv .end { background: #000 url(/images/conversations/skillSearchConv-end.jpg) no-repeat; height: 5px; overflow: hidden; width: 700px;} .skillSearchConv .type { margin: 7px 0px 5px 0px;} .skillSearchConv .type label { padding-right: 10px;} .skillSearchConv .type label.last { border-right: 1px solid #6b6b6b; margin-right: 15px;} .convTopSkills { background: url(/images/conversations/convTopSkills-top.jpg) no-repeat; margin-bottom: 15px; padding-top: 7px; width: 170px;} .convTopSkills .content { background: url(/images/conversations/convTopSkills-bg.jpg) repeat-x; border: 1px solid #ccc; border-width: 0px 1px; min-height: 80px; height: auto!important; overflow: hidden; padding: 0px 10px; width: 148px;} .convTopSkills .content h4 { font-size: 1.2em; margin-bottom: 5px;} .convTopSkills .end { background: url(/images/conversations/convTopSkills-end.jpg) no-repeat; height: 5px; width: 170px;} .convTopSkills ul.topTen li { display: block; margin: 3px 0px; width: 148px; /*for whitespace*/ overflow: hidden;} .convTopSkills ul.topTen li a{ background: #f3702a url(/images/icons/addTag.gif) no-repeat 2px 3px; color: #fff; display: inline; float: none; padding: 3px 6px 1px 18px; white-space: nowrap;} ul.addSkills li a { background: #f3702a url(/images/icons/addTag.gif) no-repeat 2px 2px; display: inline-block; float: none; margin: 1px; padding: 1px 5px 1px 18px;} ul.addSkills li a:hover { color: #fff;} .convList { background: url(/images/conversations/convList-bg.gif) no-repeat top left; width: 395px;} .convList .content { min-height: 100px; height: auto!important; height: 100px;} .convList .end { background: #929292; height: 2px; overflow: hidden;} .convList .userOpt { margin-top: -1px; width: auto;} ul.addTag li a { background: #f3702a url(/images/icons/addTag.gif) no-repeat right 3px; padding-right: 24px!important;} .mainConvBar .pagination { text-align: right;} .mainConvBar .pagination a { border: none; text-decoration: underline;} /*-------------------------------------------author page---*/ .recentConvColumn { float: right; width: 340px;} h2.convAuth { font-size: 1.6em; margin-top: -10px;} h3.conv { border: none;} .convRecent { background: url(/images/conversations/convRecent-bg.gif) no-repeat top left; margin: 5px 0px; width: 340px;} .convRecent .end, .authorSummary .stats .end { background: #929292; height: 2px; overflow: hidden;} .convRecent .userOpt { margin-top: -1px; width: auto;} .followedAuth { background: url(/images/conversations/followedAuth-top.jpg) no-repeat; line-height: 16px; margin-bottom: 10px; padding-top: 7px; width: 350px;} .followedAuth .content { background: url(/images/conversations/followedAuth-bg.jpg) repeat-x; border: 1px solid #bbbbbb; border-width: 0px 1px; overflow: hidden; padding: 0px 10px; width: 328px;} .followedAuth .content .photo { float: left; padding-top: 5px; width: 40px;} .followedAuth .content .photo img { border: 1px solid #a0a0a0; overflow: hidden; width: 35px;} .followedAuth .content .info { float: right; width: 280px;} .followedAuth .end { background: url(/images/conversations/followedAuth-end.jpg) no-repeat; height: 5px; width: 350px;} .followedAuth li { font-weight: bold;} .followedAuth li.tp { font-weight: normal;} .authorSummary { width: 350px;} .authorSummary .userDetails { float: left; width: 110px;} .authorSummary .userDetails img { border: 1px solid #717171; overflow: hidden; height: auto; width: 75px;} .authorSummary .stats { background: url(/images/conversations/authorSummary-bg.gif) no-repeat; float: left; min-height: 70px; height: auto!important; height: 70px; width: 240px;} .authorSummary .stats .end { margin-left: 38px;} .authorSummary .stats dl { padding: 10px 10px 5px 50px;} .authorSummary .stats dl dt { border-bottom: 1px solid #000; font-weight: bold; padding-bottom: 2px;} .authorSummary .stats dl dd { margin: 1px 0px; text-align: right;} .authorSummary .stats dl dd span { display: inline-block; background: #d5d5d5; font-size: 1.5em; font-weight: bold; height: 26px; line-height: 26px; margin-left: 3px; min-width: 36px; padding: 0px 2px; text-align: center;} .authorSummary .userDetails li { font-size: .9em; line-height: 16px; overflow: hidden; padding-left: 18px;} .authorSummary .userDetails li.zmail { background: url(/images/icons/zmailIcon-13.jpg) no-repeat left;} .authorSummary .userDetails li.follow { background: url(/images/icons/followIcon-13.jpg) no-repeat left;} .authorSummary .userDetails li.tp { background: url(/images/icons/tpIcon-13.jpg) no-repeat left; height: 15px;} /*----------------------------------------------New conv----*/ .convType { float: left; width: 250px;} .convHelp { float: left; width: 450px;} .convHelp p { padding-top: 0px;} .convForm { float: left; width: 330px;} .convForm textarea, .convForm input { width: 330px;} .convForm label { display: block; font-weight: bold; padding: 4px 0px;} .convForm label.check { font-weight: normal; margin-bottom: 3px;} .convForm label.check input { width: auto;} .convAddSkills { float: right; width: 330px;} .convAddSkills h5 { border-bottom: 1px solid #000; font-weight: bold; margin-bottom: 10px;} .convAddedSkills { margin: 10px 0px; width: 320px;} /*---------------------------------------------Disputes---------*/ .disputeCtrl { margin-top: 10px; text-align: right;} .disputedReply { margin-left: 40px;} .replyDispute { background: url(/images/conversations/reply-bg-dispute.png) no-repeat top left;} /*---------------------------------------conv error msg----*/ .convError { margin-left: -208px} /*reset*/ /* -------------- action buttons --- */ a.actionLink, a.actionLink:link, a.actionLink:visited { /*Strip down the button and link elements to a base we can work with.*/ padding: 0 5px 0 0; margin: 0 0 2px 0; border: none; display:block; float:left; cursor: pointer; text-decoration: none; outline: none; white-space: nowrap; overflow: visible; height: 18px; font-size: 1em; color: #000; background: #FFF url(../images/buttons/actionLinkBg-left.gif) top right no-repeat;} a.actionLink:hover, a.actionLink:focus { background: #470E01 url(../images/buttons/actionLinkBg-left.gif) bottom right no-repeat; color: #FFF;} /*IE6 fix to make link fit text.*/ * html a.actionLink, * html a.actionLink:link, * html a.actionLink:visited {width: 1%;} a.actionLink span, a.actionLink:link span, a.actionLink:visited span { display: block; padding: 0 0 0 5px; height: 18px; line-height: 18px; background: #FFF url(../images/buttons/actionLinkBg-right.gif) top left no-repeat;} a.actionLink:hover span, a.actionLink:focus span { background: #FFF url(../images/buttons/actionLinkBg-right.gif) bottom left no-repeat;} /* -- more link - generic --*/ a.moreLink, a.moreLink:link, a.moreLink:visited { background: #FFF url(../images/buttons/actionLinkBg-more-right.gif) top right no-repeat; padding: 0px 20px 0px 0px;} a.moreLink:hover, a.moreLink:focus { background: #FFF url(../images/buttons/actionLinkBg-more-right.gif) bottom right no-repeat;} /* ---------------------------------------------------------------------------------- */ /* --- Search Results ----------------------- */ /* ------ actionLink specifics for search results -------- */ .searchResults a.actionLink { width: 145px;} .searchResults a.messageLink span { padding: 0 0 0 25px; background: #FFF url(../images/buttons/actionLinkBg-message.gif) top left no-repeat;} .searchResults a.messageLink:hover span, .searchResults a.messageLink:focus span { background: #470E01 url(../images/buttons/actionLinkBg-message.gif) bottom left no-repeat;} .searchResults a.networkLink span, .suggestedMem a.networkLink span { padding: 0 0 0 25px; background: #FFF url(../images/buttons/actionLinkBg-network.gif) top left no-repeat;} .searchResults a.networkLink:hover span, .suggestedMem a.networkLink:hover span, .searchResults a.networkLink:focus span, .suggestedMem a.networkLink:focus span { background: #470E01 url(../images/buttons/actionLinkBg-network.gif) bottom left no-repeat;} .searchResults a.removeLink span { padding: 0 0 0 25px; background: #FFF url(../images/buttons/actionLinkBg-remove.gif) top left no-repeat;} .searchResults a.removeLink:hover span, .searchResults a.removeLink:focus span { background: #470E01 url(../images/buttons/actionLinkBg-remove.gif) bottom left no-repeat;} .searchResults a.addLink span { padding: 0 0 0 25px; background: #FFF url(../images/buttons/actionLinkBg-add.gif) top left no-repeat;} .searchResults a.addLink:hover span, .searchResults a.addLink:focus span { background: #470E01 url(../images/buttons/actionLinkBg-add.gif) bottom left no-repeat;} .searchResults a.compareLink span { padding: 0 0 0 25px; background: #FFF url(../images/buttons/actionLinkBg-compare.gif) top left no-repeat;} .searchResults a.compareLink:hover span, .searchResults a.compareLink:focus span { background: #470E01 url(../images/buttons/actionLinkBg-compare.gif) bottom left no-repeat;} .searchResults a.moreLink { width: 130px;} /* --- generic styling - use different classes for determining the widths ----- */ .searchResults {} .searchResults li { margin-bottom: 10px; padding-top: 6px;} .searchResults li li { margin-bottom: 0px;} /* -- layout -- */ .searchResults .userImage { width: 68px; overflow: hidden; text-align: center; float: left;} .searchResults .userImage img { max-width: 68px; max-height: 68px;} .searchResults .info { margin-left: 10px; float: left} .searchResults .content { padding: 4px 10px;} .searchResults .content ul li { background: none; padding-top: 0px;} .searchResults .actions { float: right; width: 150px;} .searchResults .actions li { padding:0; margin:0;} .searchResults .base { display: block; overflow: hidden; height: 6px;} /* -- text styling -- */ .searchResults .userName { font-size: 1em; padding-bottom: 5px; border-bottom: 1px solid #CCC; margin-bottom: 5px;} .searchResults span.nick { color: #000; font-weight: normal;} .searchResults span.index { color: #808080; font-weight: normal;} .searchResults .ranking { color: #808080; font-size: 0.9em;} .searchResults .userName a { font-weight: bold; font-size: 1.2em;} .searchResults .location, .searchResults .location span { font-weight: normal;} .searchResults .currentPositions li { color: #808080;} .searchResults .currentPositions li .job, .searchResults .currentPositions li .department, .searchResults .currentPositions li .company { color: #000;} .searchResults .job { font-weight: bold;} .searchResults .department { font-style: italic;} .searchResults .top10Skills { margin: 10px 0px 0px 0px;} .searchResults .top10Skills li a { font-size: 1em; margin: 0px 2px 2px 0px; height: auto; padding: 1px 4px;} .searchResults .showMoreLess, .searchRes .showMoreLess { background: none; color: #ff862e; display: block; float: left; margin: 5px 0px 0px 5px;} .searchRes .showMoreLess { margin: 0px;} /* --- specific uses --- */ /* search results */ .srFullWidth { width: 680px;} .srFullWidth li { background: url(/images/backgrounds/searchResult-top.gif) no-repeat top left;} .searchResults li .content { background: #fff url(/images/backgrounds/searchResult-bg.gif) repeat-x bottom left; border: 1px solid #ccc; border-width: 0px 1px;} .srFullWidth .info { width: 418px;} .srFullWidth .base { background: url(/images/backgrounds/searchResult-base.gif) no-repeat top left; overflow: hidden; width: 680px;} /* Network listing (my_network) */ .networkListing { width: 500px; float: right;} .networkListing li { background: url(/images/backgrounds/networkListingBg-top.gif) no-repeat top left;} .networkListing li .info { width: 400px;} .networkListing li .info .desc { float: left; width: 240px; margin-right: 10px;} .networkListing li .base { background: url(/images/backgrounds/networkListingBg-base.gif) no-repeat bottom;} /* My zapoint dashboard listing */ .dashListing { width: 450px;} .dashListing li { background: url(/images/backgrounds/dashListingBg-top.gif) no-repeat top left;} .dashListing li .info { float: right; width: 350px;} .dashListing li .info .desc { float: left; width: 240px; margin-right: 10px;} .dashListing li .base { background: url(/images/backgrounds/dashListingBg-base.gif) no-repeat;} /* Direct reports listing (direct_reports) */ .directReports li .info { width: 580px;} .directReports li .info .desc { float: left; width: 420px;} /*------------------------ network Radar notif ---*/ .networkListing .histRadar { background: url(/images/icons/warningSmall.gif) no-repeat top left; margin-left: 50px;} .networkListing .histRadar ul { font-size: .9em; border-left: 1px solid #d7d7d7; line-height: normal; margin: 10px 0px 0px 20px; padding-left: 7px;} .networkListing .histRadar ul li { margin-bottom: 2px;} .networkListing .histRadar ul li span.del { display: block;} .dashListing .titleInfo, .networkListing .titleInfo, .directReports .titleInfo { border-bottom: 1px solid #CCC; margin-bottom: 5px; width: 428px;} .networkListing .titleInfo { width: 400px;} .directReports .titleInfo { width: 580px;} .titleInfo h3 { float: left; border: none; margin: 0; width: 308px;} .networkListing .titleInfo h3 { width: 300px;} /*-------- group or connection type in results listings ---*/ ul.listingType { float: right; width: 120px;} ul.listingType li { float: right; background: url(/images/backgrounds/connectionType-left.png) no-repeat left top!important; margin-left: 3px; padding-left: 3px;} ul.jobType li { float: right; margin-left: 3px; padding-left: 3px;} ul.listingType li span, ul.jobType li span { background: url(/images/backgrounds/connectionType-right.png) no-repeat right top; color: #fff; font-weight: normal; font-size: .9em; line-height: 17px; display: block; padding: 0px 5px 0px 2px;} .networkListing ul.listingType { width: 100px;} /*------------------------------------------ Direct reports ---*/ ul.reportSummary { margin: 4px 0px;} ul.reportSummary li { margin: 2px 0px; padding-left: 20px;} ul.reportSummary li span.sep { color: #bcbcbc; padding: 0px 3px;} ul.reportSummary li.objectives { background: url(/images/icons/objectivesSmall.png) no-repeat left top;} ul.reportSummary li.conversations { background: url(/images/icons/conversationsSmall.png) no-repeat left top;} ul.reportSummary li.reports { background: url(/images/icons/reportsSmall.png) no-repeat left top;} ul.reportSummary li ul.reportList li { padding-left: 0px;} /*--------------------------------------TALENT PROFILE ---*/ .headerPanel { background: url(/images/backgrounds/headerPanel-top.gif) no-repeat top left; margin-bottom: 10px; padding-top: 6px; width: 700px;} .headerPanel .content { background: #fff url(/images/backgrounds/searchResult-bg.gif) repeat-x bottom left; border: 1px solid #ccc; border-width: 0px 1px; width: 678px;} .headerPanel .info { margin: 0px 10px; width: 480px;} .headerPanel .base { background: url(/images/backgrounds/headerPanel-base.gif) no-repeat top left; width: 700px;} .headerPanel .info h3.userName { font-size: 1.3em;} .headerPanel .sideAct { float: right; width: 110px;} .headerPanel a.moreLink, .headerPanel ul.actions, .headerPanel a.actionLink { width: 90px; float: right;} .headerPanel ul.userActions { text-align: right;} .headerPanel ul.userActions li { display: inline;} /*----------------- History bar graph ---*/ .histSummary li { font-size: .94em; height: 14px; line-height: 14px; margin: 7px 0px;} .histSummary li span.type { display: block; font-weight: bold; float: left; text-align: right; padding-right: 5px; width: 100px;} .histSummary li span.barHolder { background: url(/images/sprites/TPsprite-bg.gif) repeat-x left -88px; display: block; float: left; height: 13px; width: 150px;} .histSummary li span.barHolder span.percent { background: url(/images/sprites/TPsprite-bg.gif) repeat-x left -106px; display: block; height: 13px; width: 100%;} .histSummary li span.value { display: block; float: left; font-weight: bold; padding-left: 5px; width: 150px;} .histSummary li span.pValue { font-weight: normal;} .warningProfile, .warningProfilePublic { background: url(/images/sprites/TPSprite.gif) no-repeat left -370px; color: #4D4D4D; margin-bottom: 10px; padding-left: 30px;} .warningProfilePublic { background: url(/images/sprites/TPSprite.gif) no-repeat left -296px;} .warningProfile h4, .warningProfilePublic h4 { font-weight: bold;} .warningProfile p, .warningProfilePublic p { padding: 0px;} .persSummary textarea { border: 1px solid #ccc; background: url(/images/sprites/TPsprite-bg.gif) repeat-x left -153px; min-height: 80px; height: auto!important; height: 80px; width: 454px;} ol.currentHist { margin: 5px 0px 10px 0px;} ol.currentHist h3 { border: none; color: #ff7024; float: left; font-size: 1.1em; margin: 0; padding: 0px;} ol.currentHist li.prof { margin-bottom: 10px;} ol.currentHist .entryHead { border-bottom: 1px solid #e5e5e5; margin-bottom: 3px;} ol.currentHist li.prof h3 { height: 20px; line-height: 20px;} ol.currentHist li.prof span.promotion, .histEntry span.promotion, .histEntry span.liEntry { background: url(/images/sprites/TPsprite.gif) no-repeat left -74px; display: inline-block; height: 16px; padding-right: 3px; width: 18px;} .histEntry span.liEntry { background: url(/images/sprites/TPsprite.gif) no-repeat left top; margin-bottom: -4px; margin-left: 3px; width: 14px;} ol.currentHist li.prof .positions li span.company, ol.currentHist li.prof .positions li span.dept, .histEntry .positions li span.company { font-weight: bold;} ol.currentHist li.prof .positions li.reports { background: url(/images/talent_profile/userReportsSmall.png) no-repeat top left; margin-top: 3px; padding-left: 20px;} ol.currentHist li.prof .positions li.reports span.team { color: #666666;} ol.currentHist li.edu { background: #f2f2f2; margin-bottom: 2px; padding: 2px 3px;} ol.currentHist li.edu h3 { padding: 0px 0px 0px 3px; width: 310px;} ul.jobType, .currentHist li.edu ul.score { float: right; text-align: right; width: 130px;} ul.jobType li { background: url(/images/talent_profile/jobType-left.gif) no-repeat left top;} ul.jobType li span { background: url(/images/talent_profile/jobType-right.gif) no-repeat right top; color: #000;} ul.jobType li.smEntry, ul.jobType li.liEntry { background: none;} ul.jobType li.eduScore { background: none; font-weight: bold;} .userStats { background: url(/images/talent_profile/userStats-top.gif) no-repeat top left; margin-bottom: 10px; padding-top: 5px; width: 226px;} .userStats .content { background: #fff url(/images/talent_profile/userStats-bg.gif) repeat-x bottom left; border: 1px solid #ccc; border-width: 0px 1px; overflow: hidden; padding: 5px 10px 0px 10px; width: 204px;} .userStats .base { background: url(/images/talent_profile/userStats-base.gif) no-repeat top left; height: 5px;} .actSummary li, .userSummary actSummary li { padding: 0px 0px 10px 35px; width: 170px; margin-bottom: 5px; overflow: hidden; border-bottom: 1px solid #ccc;} .userSummary .actSummary li { font-size: 1.02em; font-weight: bold; padding: 3px 0px 10px 30px; width: 150px;} .userSummary .actSummary li span { font-weight: normal;} .userSummary .actSummary li a { font-weight: normal; font-size: 11px;} .actSummary li.network { background: url(/images/talent_profile/userNetwork.png) no-repeat top left;} .actSummary li.conversations { background: url(/images/talent_profile/userConversations.png) no-repeat top left;} .actSummary li.conversations span.questions, .actSummary li.conversations span.answers, .actSummary li.conversations span.best { background: url(/images/talent_profile/userQuestion.png) no-repeat top left; padding-left: 20px;} .actSummary li.conversations span.answers { background: url(/images/talent_profile/userAnswer.png) no-repeat top left;} .actSummary li.conversations span.best { background: url(/images/talent_profile/userConvBest.png) no-repeat top left;} .actSummary li.groups { background: url(/images/talent_profile/userGroups.png) no-repeat top left; border: none; margin: 0;} .actSummary li.reports { background: url(/images/talent_profile/userReports.png) no-repeat top left;} .actSummary li span.block { color: #666666; font-size: .92em; display: block; margin-top: 3px;} .actSummary li span.no { color: #000;} .actSummary li span.total{ font-size: 1.25em;} .actSummary li span.view { padding-left: 10px;} .actSummary li.groups span.total, .actSummary li.reports span.total { padding-right: 0px;} .userSummary .actSummary li.groups { padding: 3px 0px 10px 35px;} .userSummary .actSummary li span.view { padding-left:4px;} .myLinks li { padding: 2px 0px;} .myLinks li a { background: url(/images/sprites/TPsprite.gif) no-repeat left -444px; color: #000; padding-left: 20px;} .myLinks li a.LinkedIn { background: url(/images/sprites/TPsprite.gif) no-repeat left top;} /*------------------------------------- History Tab ---*/ /*--------------- Sort & order entries ---*/ .viewHistoryBar { background: #000 url(/images/sprites/TPsprite-bg.gif) repeat-x left -124px; color: #fff; height: 26px; line-height: 26px; margin-bottom: 5px; padding: 0px 10px;} .viewHistoryBar ul.view { float: left; width: 490px;} .viewHistoryBar ul.view li { float: left; padding-right: 10px;} .viewHistoryBar ul.view li span.sep{ color: #999; padding-left: 10px;} .viewHistoryBar ul.view li a { color: #fff;} .viewHistoryBar ul.view li a.selected { text-decoration:underline;} .viewHistoryBar .analyticsBtn { float: right; height: 24px; width: 190px;} .orderHist { background: #f2f2f2; height: 24px; line-height: 24px; margin-bottom: 10px; padding: 0px 10px;} .orderHist form { float: left; width: 290px;} .orderHist .expandCollapse { float: right; text-align: right; width: 390px;} .orderHist .expandCollapse li { display: inline; padding-left: 5px;} .orderHist .expandCollapse li span.sep { color: #767676; padding-left: 5px;} .selectEntriesTp { margin-bottom: 15px;} .selectEntriesTp li { display: inline;} /*--------------- Historical entries ---*/ .histEntry { margin: 10px 0px 15px 0px; width: 700px;} .histEntry .head { border-bottom: 1px solid #cdcfd0; margin-bottom: 5px; padding-bottom: 3px;} .histEntry .smEntryHead { margin-bottom: 5px;} .histEntry .smEntryHead ul { background: #fbfbfb url(/images/sprites/TPsprite-bg.gif) repeat-x top left; font-size: .92em; float: right; height: 18px; line-height: 18px; border-bottom: 1px solid #000; width: 550px;} .histEntry .smEntryHead li { height: 18px; float: left; padding: 0px 5px;} .histEntry .smEntryHead li.company { background: #000; color: #fff;} .histEntry h3 { border: none; float: left; padding: 0px; margin: 0px; width: 400px;} .histEntry .summary { float: left; font-size: .92em; line-height: 1.2em; margin-right: 10px; text-align: right; width: 140px;} .histEntry .entryTypeProf, .histEntry .entryTypeEdu, .histEntry .entryTypePers { background: url(/images/talent_profile/entryTypeProf-left.jpg) no-repeat left top; float: right; margin-bottom: 5px; padding-left: 3px;} .histEntry .entryTypeEdu { background: url(/images/talent_profile/entryTypeEdu-left.jpg) no-repeat left top;} .histEntry .entryTypePers { background: url(/images/talent_profile/entryTypePers-left.jpg) no-repeat left top;} .histEntry .entryTypeProf span, .histEntry .entryTypeEdu span, .histEntry .entryTypePers span { background: url(/images/talent_profile/entryTypeProf-right.jpg) no-repeat right top; color: #fff; line-height: 17px; display: block; padding: 0px 4px 0px 1px;} .histEntry .entryTypeEdu span { background: url(/images/talent_profile/entryTypeEdu-right.jpg) no-repeat right top;} .histEntry .entryTypePers span { background: url(/images/talent_profile/entryTypePers-right.jpg) no-repeat right top;} .histEntry .details { border-bottom: 1px solid #d8d8d8; float: left; padding-bottom: 10px; width: 550px;} .histEntry .desc { float: left; margin-right: 10px; width: 400px;} .histEntry .convTags { margin-top: 5px;} .histEntry .convTags .showMoreLess { background: none; color: #ff862e; display: block; float: left;} .histEntry .userAct { float: right; text-align: right; width: 140px;} .histEntry .userAct ul.actions { float: right;} .histEntry .userAct ul.actions .popup { text-align: left;} .histEntry .showUserStats br { line-height: normal;} .histEntry .showUserStats li.userReports, .histEntry .showUserStats li.userAssess { background: url(/images/sprites/TPsprite.gif) no-repeat left -148px; height: 18px; float: right; line-height: 18px; margin-bottom: 4px; padding-left: 18px;} .histEntry .showUserStats li.userReports { background: url(/images/talent_profile/userReports.png) no-repeat left top; height: 22px; line-height: 22px; padding-left: 25px;} /* Assessments listing in TP */ .assessmentCont { margin-top: 5px;} .assessmentCont h4 { background: url(/images/sprites/TPsprite.gif) no-repeat left -222px; font-weight: bold; height: 22px; line-height: 22px; padding-left: 25px;} .assessListing { margin-left: 25px;} .assessListing li { background: url(/images/talent_profile/assessListing-top.gif) no-repeat top left; margin: 5px 0px 0px 0px; padding-top: 4px;} .assessListing li .content { background: url(/images/talent_profile/assessListing-bg.gif) repeat-x bottom left;} .assessListing li .base { background: url(/images/talent_profile/assessListing-base.gif) no-repeat top left;} .assessListing li .head { border-bottom: 1px solid #c4c4c4; padding-bottom: 2px;} .assessListing li .head h5 { color: #333333; float: left; font-weight: bold; width: 400px;} .assessListing li p { padding: 0px;} .assessListing li .head h5 span.type { font-weight: normal;} .assessListing li .head .result { background: url(/images/sprites/TPsprite.gif) no-repeat left -518px; float: right; height: 10px; width: 43px;} .assessListing li .head .result span.evaluationDM /* below avg */, .assessListing li .head .result span.evaluationPM /* average */, .assessListing li .head .result span.evaluationME /* above avg*/, .assessListing li .head .result span.evaluationEE /* outstanding */ { background: url(/images/sprites/TPsprite.gif) no-repeat left -592px; display: block; height: 10px; width: 11px;} .assessListing li .head .result span.evaluationPM /* average */ { width: 22px;} .assessListing li .head .result span.evaluationME /* above avg*/ { width: 33px;} .assessListing li .head .result span.evaluationEE /* outstanding */ { width: 43px;} /*---------------------------- resume upload ---*/ ul.addEntriesBtn { margin: 10px 0px;} ul.addEntriesBtn li { display: inline;} .uploadResume { background: url(/images/talent_profile/uploadResume-top.gif) no-repeat top left; margin-bottom: 10px; padding-top: 5px; width: 700px;} .uploadResume .content { background: url(/images/talent_profile/uploadResume-bg.gif) repeat-x bottom left; border: 1px solid #ccc; border-width: 0px 1px; overflow: hidden; padding: 0px 10px 5px 10px; width: 678px;} .uploadResume .content .mid, .uploadResume .content .midLast { float: left; margin-right: 10px; padding-right: 10px; width: 320px;} .uploadResume .content .midLast { border-left: 1px solid #ccc; padding: 0px 0px 0px 10px; margin-right: 0;} .uploadResume .content .file { margin-top: 5px;} .uploadResume .base { background: url(/images/talent_profile/uploadResume-base.gif) no-repeat top left; height: 5px; overflow: hidden;} .liImport { margin-top: 5px;} .liImport img { float: left; margin: 0px 15px 0px 0px;} /*--------------------------------skills tab ---*/ .skillWarn { background: url(/images/sprites/TPsprite.gif) no-repeat left -370px; font-size: 13px; margin: 10px 0px; padding-left: 30px;} table.skillsList { border-collapse: collapse; line-height: 14px; table-layout: fixed; margin: 10px 0px; width: 454px;} table.skillsList th { background: url(/images/sprites/TPsprite-bg.gif) repeat-x left -19px; color: #fff; height: 26px; font-size: 1.1em; line-height: 26px; padding: 0px 5px;} table.skillsList td { background: url(/images/sprites/TPsprite-bg.gif) repeat-x left -50px; border-bottom: 1px solid #d9d9d9; font-weight: bold; padding: 5px;} table.skillsList td span.dateN { color: #636363; font-weight: normal;} table.skillsList td.freq { padding-left: 10px;} /*------------------------- enterprise membership tab ---*/ p.leaveEnt { background: url(/images/sprites/TPsprite.gif) no-repeat left -367px; line-height: 1.2em; margin-bottom: 4px; padding: 0px 0px 0px 30px; width: 214px;} form.entMembership label { padding-right: 5px; text-align: right;} form.entMembership .country select{ width: 240px;} form.entMembership .row { margin: 7px 0px;} form.entMembership .update { background: #F2F2F2; padding: 7px 0px;} form.entMembership .updateBtn { margin-left: 162px;} .searchIn { margin-left: 160px;} .searchIn p { padding: 0px;} .searchIn input.btn { margin: 5px 0px;} /*---------------------------------- websites ---*/ .website { margin-top: 10px;} .website label.link { padding-left: 10px;} .submitWeb { float: right; margin-right: 45px;} /*---------------------------------- expand network ---*/ .inviteFriend label { width: 80px;} .inviteFriend .submit { margin-left: 240px;} .inviteFriend a.previewInvite { float: left; margin-left: 85px;} .lastCol { margin-right: 0px;} /*------------------------------------ fullscreen flash ---*/ #FlashWrapper {} #FlashWrapper.fullSize { width:90%; height:98%; margin:0 auto; /* css3 values - should cause any issues with non-css3 browsers! */ -moz-box-shadow: 0px 0px 4px #666; -webkit-box-shadow: 0px 0px 4px #666; box-shadow: 0px 0px 4px #666;} /* ---------------------------------------------Status updates --- */ .statusForm textarea { width: 100%;} .addStatus h1.type { float: left; width: 400px;} .addStatus span.char { color: #ccc; display: block; float: right; font-size: 1.6em; margin: 0.6em 0; font-weight: bold; text-align: right; width: 80px;} .addStatus h2 { font-size: 1.2em; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 5px;} .statusUp { font-size: 11px; margin: 5px 0px;} .statusUp ul li { padding-right: 8px;} .statusUp .infoStatus { background: #7b7b7b url(/images/backgrounds/statusInfo.jpg) repeat-x top left; color: #fff; height: 47px; float: left; padding: 3px 0px 0px 3px; width: 87px;} .statusUp .infoStatus .dtstart { display: block; padding-left: 15px;} .statusUp .infoStatus .type { background: url(/images/icons/updateType.png) no-repeat left 3px; font-weight: bold; padding-left: 15px;} .statusUp .status, .statusUp .statusTP, .statusUp .statusNet { background: #E6E6E6; float: left; height: 50px; padding: 0px 5px; width: 580px;} .statusUp .statusTP { width: 578px;} .statusUp .statusNet { width: 300px;} .statusUp .status p, .statusUp .statusTP p, .statusUp .statusNet p { padding: 1px 0px 0px 0px;} .status a.del, .statusTP a.del { display: none; color: #707070;} .status:hover a.del, .statusTP:hover a.del { display: inline;}