p.photo {border:solid 1px #ccc; padding:5px; position:absolute; right:20px; top:20px; background:#fff; z-index:500;} p.logo {border:solid 1px #ccc; padding:5px; position:absolute; right:35px; top:115px; background:#fff; z-index:500;} #matchForm input {font:12px arial,sans-serif;} h2.h2Match {padding-left:25px; background:url('../images/ico_match.gif') 0 50% no-repeat;} h2.h2Fav {padding-left:25px; background:url('../images/ico_fav.gif') 0 50% no-repeat;} h2.pers {padding-left:25px; background:url('../images/ico_personal.gif') 0 60% no-repeat;} h2.pwd {padding-left:25px; background:url('../images/ico_pwd.gif') 0 50% no-repeat;} h2.nl {padding-left:25px; background:url('../images/ico_nl.gif') 0 50% no-repeat;} h2.detail {padding-left:25px; background:url('../images/ico_detail.gif') 0 60% no-repeat;} h2.cred {padding-left:25px; background:url('../images/ico_cost.gif') 5px 50% no-repeat;} h2.skills {padding-left:25px; background:url('../images/ico_skills.gif') 0 60% no-repeat;} h2.success {padding-left:25px; background:url('../images/ico_success.gif') 0 50% no-repeat;} #tCenter h1.success {padding-left:35px; background:url('../images/ico_success2.gif') 10px 10px no-repeat;} /* Menu items */ #submenu li#overview {padding-left:28px; background-image:url('../images/menu_overview-off.gif');} #submenu li.sel#overview {background-image:url('../images/menu_overview-on.gif');} #submenu li#profile {padding-left:28px; background-image:url('../images/menu_profile-off.gif');} #submenu li.sel#profile {background-image:url('../images/menu_profile-on.gif');} #submenu li#match {padding-left:28px; background-image:url('../images/menu_match-off.gif');} #submenu li.sel#match {background-image:url('../images/menu_match-on.gif');} #submenu li#inbox {padding-left:28px; background-image:url('../images/menu_inbox-off.gif');} #submenu li.sel#inbox {background-image:url('../images/menu_inbox-on.gif');} #submenu li#search {padding-left:28px; background-image:url('../images/menu_search-off.gif');} #submenu li.sel#search {background-image:url('../images/menu_search-on.gif');} #submenu li#ext {padding-left:28px; background-image:url('../images/menu_ext-off.gif');} #submenu li.sel#ext {background-image:url('../images/menu_ext-on.gif');} #submenu li#pricing {padding-left:28px; background-image:url('../images/menu_pricing-off.gif');} #submenu li.sel#pricing {background-image:url('../images/menu_pricing-on.gif');} #submenu li#intro {padding-left:28px; background-image:url('../images/menu_intro-off.gif');} #submenu li.sel#intro {background-image:url('../images/menu_intro-on.gif');} /* dragonHeader is used in position_preview.php and resume_preview.php only */ #dragonHeader {display:none; position:relative; padding-top:15px; height:70px; background:url('../images/header_back.jpg') 0 15px repeat-x; color:#fff;} #dragonHeader p {position:absolute; bottom:15px; left:290px;} #dragonHeader a {color:#fff;} /* Select Area of industry (in profile page) */ a.new {padding-left:22px; background:url('../images/ico_new2.gif') 0 50% no-repeat;} div#indAreas {position:absolute; display:none; z-index:300; width:300px; border:solid #D3E7EF; border-width:0 1px 1px 1px; background:#fff;} #indAreas ul {list-style-type:none; margin:0 2px 2px 2px; padding:0 5px 5px 5px; background:#F2F7F9;} #indAreas li {margin:0; padding:0;} #indAreas li a {display:inline; font-size:11px; color:#000; padding:3px 5px 2px 25px; line-height:18px; background:url('../images/ico_ind_list.gif') 4px 100% no-repeat; text-decoration:none;} #indAreas li a:hover {text-decoration:underline;} /* Comments */ .comment {display:block; margin:0 0 2px 0; padding:5px; background:#FFF78C; border:solid 1px #ffcc00;} .comment textarea {width:98%; height:80px; font:11px "Trebuchet MS",arial,sans-serif; background:#FFF78C; border:none;} .comment .buttons {border:solid 1px #ff9900; font:11px "Trebuchet MS",arial,sans-serif;} .moreDet {position:relative; padding:5px; margin-top:10px;} .moreDet span {position:relative; top:-5px; font-weight:bold; padding:2px 5px 2px 14px; border:solid 1px #999; color:#000; font:10px verdana; background:#dedede url('../images/ico_ar_rx.gif') 5px 50% no-repeat; cursor:pointer;} .moreDet table {display:none;} .bgBlue {display:block; margin-top:2px; background:#DAEAF0;} .bgOrange {display:block; margin-top:2px; background:#FFE2A8;} /* Skill selection (in JobOffer and Resume' forms */ div.skillColumn {width:46.5%; padding:0; border:none;} div.skillColumn#c1 {float:left; margin-left:10px;} div.skillColumn#c2 {float:right; margin-right:10px;} #skillSelection {width:745px; float:left; padding-bottom:20px;} #skillSelection ul, #skillSelection li {margin:0; padding:0; list-style:none;} #skillSelection li.areaLabel {margin:10px 0 0 0;} #skillSelection li.areaLabel p {position:relative; display:block; margin:0; padding:5px; border-bottom:solid 1px; color:#000; font-weight:bold;} #skillSelection li.areaLabel p.closed {background:#ffff00 url('../images/ico_expand.gif') 98% 4px no-repeat; border-color:#ffcc00;} #skillSelection li.areaLabel p.open {background:#BFBFFF url('../images/ico_collapse.gif') 98% 4px no-repeat; border-color:#9393FF;} #skillSelection li.areaLabel p span {position:absolute; padding-right:29px; right:0; color:#0033ff; cursor:pointer;} #skillSelection li.areaLabel p span:hover {text-decoration:underline;} #skillSelection li ul {display:none; margin:0; padding:5px 0 8px 0; background:#dfdfFF; border:solid 1px #ccc;} #skillSelection li ul ul {display:block;} #skillSelection li li {padding:4px 0 8px 4px; font-weight:bold; border-bottom:solid 1px #fff; margin-bottom:5px;} #skillSelection li li li, #skillSelection .skillList {clear:left; text-align:right; padding:0 7px 0 7px; font-weight:normal; font-size:11px; border-bottom:none;} /* Sometimes, 2nd level LI are ".checkList" items */ #skillSelection a {text-decoration:none; color:#0066ff;} #skillSelection span.skillLEFT {clear:left; display:block; width:165px; float:left; text-align:left; padding:2px 0;} #skillSelection span.skillRIGHT {display:inline;} label.req {color:#cc0000;} label.noReq {color:#999;} label.levelled {color:#000; font-weight:normal; text-decoration:underline;} label.noLevelled {font-weight:normal;} .closeForm {clear:both; position:relative; display:block; padding:5px 0; text-align:center; border-top:solid 1px #ccc;} /* List of selected skills (in JobOffer and Resume' preview) */ ul.selectedSkills {margin:0; padding:5px;} ul.selectedSkills li {list-style-type:none; margin:0 0 10px 0; padding:0;} ul.selectedSkills li li {list-style-type:circle; font-size:11px; margin:0 0 0 15px; padding-left:15px;} /* Auto-match page */ #matchingUL {margin:0; padding:0; list-style:none;} #matchingUL li {margin:0; padding:10px 0; list-style:none;} #matchingUL p {position:relative; display:block; margin:0; padding:8px 0 8px 12px; background:url('../images/automatch_tit_bkg.png') no-repeat; color:#000; font-weight:bold;} #matchingUL p a {position:absolute; display:block; top:5px; right:25px; background:url('../images/ico_expand.gif') 100% 50% no-repeat; padding:2px 23px 2px 0; text-decoration:none; color:#006600;} #matchingUL p a:hover {text-decoration:underline;} .matchResults {display:none; margin-top:1px;} .matchResults th {border-bottom:solid 1px #9AC0EF; text-align:left; padding:3px; color:#679ACD;} .matchResults tr {background:#efefef;} .matchResults tr:hover {background:#c6ffc6; color:#000; cursor:default;} .matchResults td {padding:3px 6px;} /* Loading */ #loadingIframe {position:absolute; left:0; top:0; width:100%; height:100%; z-index:400; display:none;} /* The following is an invisible Iframe, used to cover Select-one form fields and real Iframes, and Flash movies */ #loadingDiv {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:500; display:none;} #loadingSpan {position:absolute; z-index:600; font-weight:bold; color:#fff; background:#333; padding:30px 40px; border:solid 10px #ccc; cursor:default; display:none;} /* Frameset styles */ body#framesetTop {background:url('../images/frameTop_bkg.png') repeat-x; margin:0; padding:0;} body#framesetBottom {background:#f3f3f3; margin:0; padding:0;} #framesetLeft {float:left; padding:10px; font-size:12px;} a.select {border:solid 1px #ff6600; padding:4px 10px 4px 35px; background:#ffff33 url('../images/ico_fav_yellow.gif') 5px 50% no-repeat; font-weight:bold; color:#000; text-decoration:none;} a.select:hover {background-color:#ffffcc;} a.print {border:solid 1px #999; padding:4px 10px 4px 30px; background:#dbdbdb url('../images/ico_printer.gif') 8px 50% no-repeat; font-weight:bold; color:#000; text-decoration:none; font-size:12px;} a.print:hover {background-color:#efefef;} #framesetRight {float:right; padding:10px; font-size:12px;} a.close {color:#fff; text-decoration:none; font-weight:bold; padding:5px 5px 5px 25px; background:url('../images/ico_close.gif') 5px 50% no-repeat;} a.close:hover {color:#000;} #framesetBottomContainer {background:#fff; margin:15px; border:solid #fff; border-width:0 15px 10px 15px;} #framesetBottom h1 {font:17px georgia; padding:10px; color:#333;} #framesetBottom h1.job {background:#ffff66 url('../images/popup_h1_bkg-job.gif') 100% 100% repeat-x;} #framesetBottom h1.res {background:#a8ffa6 url('../images/popup_h1_bkg-res.gif') 100% 100% repeat-x;} #framesetBottom h2 {font-size:16px; padding-top:15px; border-bottom:dotted 1px #ccc;} #framesetBottom td {vertical-align:top;} #framesetBottom b {color:#333;}