@charset "utf-8"; /* CSS Document */ /**************************************************************************************************** * Filename: layout.css * Purpose: All the CSS Rules required to design web pages. * Author: Suraj Naik n[dot]suraj[at]agiletechnosys[dot]com ****************************************************************************************************/ /* BODY, FONT AND COLOR, GLOBAL (id=GENERIC) **********************************************************/ body {font:normal 11px Arial; color:#000; text-align:left; background:url(../images/pageback.jpg) repeat} /* global reset */ body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0} h1,h2,h3,h4,h5,h6,label,a {text-decoration:none} a {/*font-weight:bold;*/ text-decoration:none; cursor: pointer;} a:hover {text-decoration:underline;} a:active, a:focus {outline:0} /* to avoid link borders on new browsers */ img {border:none} form {padding:0; margin:0} textarea {overflow:auto; font:normal 12px Arial} /* HEADER ELEMENTS STYLING (id=HEADERS) **********************************************************/ /* H1 */ h1.headOne {color:#000; text-transform:uppercase; font:bold 21px Arial, Helvetica, sans-serif; line-height:1; margin-top:31px} h1.headtwo {color:#30B2E6; font:bold 18px Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:9px; margin-bottom:25px} h1.headtwo_new {color:#30B2E6; font:bold 16px Arial; text-transform:uppercase; margin-top:9px; margin-bottom:25px} h1.headTh {font:bold 18px Arial, Helvetica, sans-serif; color:#000; background: url(../images/my_application.gif) left center no-repeat; padding-left:25px; line-height:50px; height:36px} /* H2 */ h2.headTwo {font-family:"arial"; font-size:18px; font-weight:bold; color:#000; line-height:1} h2.headThree {font:normal 18px Arial, Helvetica, sans-serif; color:#000; background:url(../images/search_icon.gif) left center no-repeat; padding-left:30px; padding-top:8px; margin-bottom:10px; line-height:1} h2.headTen {font:bold 18px Arial, Helvetica, sans-serif; color:#000; background:url(../images/magnifier.png) left center no-repeat; height:32px; padding-left:40px; padding-top:8px; line-height:1; margin-bottom:4px;} h2.headFour {font:bold 18px Arial, Helvetica, sans-serif; color:#000; background:url(../images/jobdetails.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px; margin-top:10px;margin-bottom:10px;} h2.headFive {color:#30b2e7; font:bold 18px Arial, Helvetica, sans-serif} h2.headSix {color:#74c0e9; font:bold 18px Arial, Helvetica, sans-serif; position:relative; top:-10px; margin-bottom:4px} h2.headEight {color:#74c0e9; font:bold 18px Arial, Helvetica, sans-serif} h2.headSeven {font:bold 16px Arial, Helvetica, sans-serif; color:#000; background:url(../images/inbox.gif) left top no-repeat; padding-left:29px; line-height:24px; margin-bottom:10px; margin-top:5px} /* H3 */ h3.headingOne {font:italic 16px arial; color:#000; margin:0px 0px 8px 196px; line-height:1} h3.headingSix {font:italic 16px arial; color:#000; margin:0px 0px 10px 0px} h3.headingTwo {font:italic 18px arial; color:#000; margin-bottom:10px} h3.headingThree {background:url(../images/signup_icon.gif) left 16px no-repeat; color:#000; font:bold 16px arial; padding-left:25px; line-height:34px} h3.headingFour {font:bold 16px arial; color:#30b1e8; margin-bottom:10px; padding-left:25px} h3.headingFive {font:bold 16px arial; color:#000; background:#fff; float:left; padding-right:5px; background:#FFF} /*H4 */ h4.headingOne {background:url(../images/leftmod_topbg.gif) 0 0 repeat-x; height:26px;font:bold 12px Arial, Helvetica, sans-serif; padding-left:10px; line-height:26px} h4.headingTwo {font:bold 11px arial; color:#000; background:#fff} /* ALL IDS (id=IDS) **********************************************************/ #wrapper {margin:0 auto; overflow:hidden; width:953px; padding-top:45px; background:url(../images/pageBg.png) repeat-y center; position:relative; min-height:575px} #header {width:100%; position:absolute; left:0; top:0; background:url(../images/headerBg.png) repeat-x top; height:42px; z-index:10} #header .inner {width:971px; margin:0 auto; position:relative; height:36px} #header .two {width:100%} #logo {width:204px; position:absolute; top:0; left:-9px; z-index:1000; zoom:1} #welcome {float:left; width:400px; margin-left:210px; font-size:15px; color:#d5effa; line-height:37px; font-weight:bold} .link a {color:#d5effa} .link a:hover {color:#fff; text-decoration:none;} #search {float:right; width:350px; text-align:right; display:inline; padding-top:10px} #search a {color:#d5effa; font:bold 14px arial; margin-right:5px; line-height:20px} #search a:hover {color:#fff; text-decoration:none; font:bold 14px arial; margin-right:5px; line-height:20px} #search .input {background:#fff1cf; border:1px solid #a6c0be; padding:2px; font-size:11px} #search .button {background:url(../images/icons/search_icon.gif); width:19px; height:20px; cursor:pointer; border:0; position:relative; top:0px; right:4px} #maincont {margin-left:82px; padding-bottom:25px; position:relative; width:811px} /***add connection pages***/ #Adt_conn {padding-top:25px} #edit_profl {width:874px; margin:0 auto; padding-top:3px} #invt_friend {width:804px; margin:0 auto; padding-top:30px} #p_welcome {width:844px; margin:0 auto; padding-top:22px} /***inter pages***/ #g_search {width:866px; margin:0 auto} #g_search #VS_Content {position:relative; left:-25px; top:25px} #nopaypal {width:840px} #nopaypal #VS_Content {position:relative; left:-26px; top:10px} #g_search #ep_rht {margin:0; margin-top:45px} #nopaypal #ep_rht {margin:0; float:right; margin-top:35px} #job_details {width:637px; padding-left:2px; padding-top:5px; margin-right:5px; margin-bottom:10px} #job_post {width:750px; padding-top:13px; position:relative; left:-25px} #my_application {width:658px; padding-left:20px} /* job applicaion list */ #maincont #job_appl_list {position:relative; left:-28px; top:-2px} #maincont #job_appl_list #ep_mid {position:relative; left:-14px; top:11px; width:390px} #conn_pgs {width:831px; margin:0 auto; padding-top:28px} #Curconn_pg {width:865px; margin:0 auto; padding-top:25px} #conn_pgsone {width:864px; margin:0 auto; padding-top:16px} #sidebar1 {float:left; width:24%; margin-right:10px; min-height:250px} #content {float:left; width:50%; min-height:250px} #sidebar2 {float:right; width:24%; min-height:250px} #footer {margin:0 auto; width:953px; background:url(../images/footerBg.png) center top no-repeat; height:43px; line-height:35px; font-size:12px; text-indent:25px; color:#FFF; position:relative} #footer a {color:#FFF; padding:0 5px} #footer a:hover {text-decoration:underline} /* MAIN MODULES (id=MAINMODS) **********************************************************/ /* ------------MENUS< -------------- */ ul.menu {margin:0; padding:0; list-style:none} ul.menu li {display:inline; position:relative; float:left; margin-right:8px; background:url(../images/dividerblwd.gif) right center no-repeat; padding-right:10px} ul.menu li a {padding:12px 0; color:#d5effa; display:block; line-height:1; font:bold 14px Arial, Helvetica, sans-serif} ul.menu li a:hover {color:#fff; text-decoration:none;} ul.menu li:hover ul {display:block} ul.menu li ul {display:none; padding:0; margin:0; border-bottom:2px solid #30b2e7; border-right:2px solid #30b2e7; border-left:2px solid #30b2e7; position:absolute; left:-10px; z-index:1000; top:38px; background:#fff} ul.menu li ul li {width:100%} ul.menu li ul li a {color:#30b2e7; text-align:left; font:normal 12px arial; display:block; padding:5px 0; width:100%; text-indent:15px} ul.menu li ul li a:hover {color:#30b2e7; text-decoration:underline;} .skip {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:30px} .skip a {font:normal 12px arial; color:#097aa6} .skipcontinue {text-align:center; float:right; width:100px; margin-top:285px; margin-bottom:30px; margin-right:30px} .skipcontinue a {font:normal 20px arial; color:#097aa6} .sizetwelevelink {font:normal 12px arial; color:#097aa6} ul.tab {margin-top:10px; z-index:0; width:100%; border-bottom:1px solid #80ceee; padding:0; margin-bottom:20px} ul.tab li {margin-bottom:10px} ul.tab li a:hover {color:#676767; background:#FFF; border-width:1px 1px 0; text-decoration:none; border-color:#80ceee; border-bottom-style:solid} ul.tab li a.active {color:#676767; background:#FFF; border-width:1px 1px 0; text-decoration:none; border-color:#80ceee; border-bottom-style:solid; position:relative; top:1px} /* ------------LISTINGS< -------------- */ ul.ediProfile_lftmnu {margin:8px 0 4px 0 ; padding:0; list-style:none} ul.ediProfile_lftmnu li {padding-bottom:8px} /*ul.ediProfile_lftmnu li a {font:normal 13px Verdana, Arial, Helvetica, sans-serif; color:#84bcd1; padding:0 5px}*/ ul.ediProfile_lftmnu li a {font:normal 12px Arial; color:#097AA6; padding:0 5px; cursor:pointer;} ul.ediProfile_lftmnu li a:hover {text-decoration:underline; color:#097AA6} ul.new_tag {margin:0; padding:0; border:1px solid #aeafb1; width:362px; background:#fff} ul.new_tag li {display:inline} ul.new_tag .tag {border-color:#30B2E7; border-width:2px; border-style:solid; margin:2px; padding:3px; line-height:30px; color:#000} ul.ediProfile_lftmnu li p {font:normal 12px Arial; color:#097AA6; padding:0 5px; font-style: italic;} ul.connReuest_menu {margin:16px 0 0 10px; padding:0; list-style:none} ul.connReuest_menu li {text-indent:4px} ul.connReuest_menu li.brdNo {border:none} ul.connReuest_menu li a {font:normal 12px Arial, Helvetica, sans-serif; color:#0979A4; border-bottom:1px solid #cee3eb; display:block; line-height:1.8} ul.connReuest_menu li a:hover {text-decoration:underline; color:#2d7ea8} ul.connReuest_menu1 {padding:0; margin:0; list-style:none} ul.connReuest_menu1 li {border-bottom:1px solid #cee3eb; padding:3px 0 3px 5px }/*margin-bottom:5px */ ul.connReuest_menu1 li a {background:url(../images/gol_symbol.gif) 7px 5px no-repeat; font:normal 11px Arial, Helvetica, sans-serif; color:#097AA6; display:block; padding:0 0 0 20px; color:#2d7ea8; text-indent:0; border:none} ul.connReuest_menu1 li a:hover {text-decoration:underline; color:#2d7ea8} ul.connLst {margin:0; padding:0; list-style:none} ul.connLst li {border-bottom:1px solid #cee3eb; padding-left:5px; padding-bottom:3px; margin-bottom:3px} ul.connLst li a {color:#0b79a4; font:normal 13px Arial, Helvetica, sans-serif} /* ------------FORMS< -------------- */ .formgrid label {padding-right:20px; font-weight:bold; font-size:12px; vertical-align:top;} .formgrid td {padding:7px 0 4px 0; vertical-align:top; line-height:170%} .input {background:#FFF; border:1px solid #b7b7b7; padding:2px; margin: 2px; font-size:11px; color:000000} .inputbrowse {background:#FFF; border:1px solid #b7b7b7; padding:2px; font-size:11px; color:000000; } .textarea {background:#FFF; border:1px solid #b7b7b7; padding:2px; font-size:11px; height:42px; width:355px} .textareaBig {background:url(../images/textArea.png) 0 no-repeat; width:338px; height:74px; padding:10px 20px 4px 10px; font-size:11px; border:none; margin:5px 0 0 8px} .textareaBigone {background:url(../images/textAreaone.png) 0 no-repeat; width:232px; height:74px; padding:10px 20px 4px 10px; font-size:11px; border:none} .textareaBig2 {background:url(../images/txtBg2.png) 0 no-repeat; width:232px; height:60px; padding:10px 27px 4px 10px; font-size:11px; border:none} .sendBtn {background:url(../images/sendBtn.gif) 0 0 no-repeat; border:none; width:84px; height:29px; cursor:pointer} .sendBtn1 {background:url(../images/sendBtn1.gif) 0 0 no-repeat; border:none; width:54px; height:24px; cursor:pointer} .sendBtnroll {background: url(../images/sendBtn.png); background-position:left center; background-repeat:no-repeat; width:63px; height:24px; border:none; cursor:pointer;} .sendBtnroll:hover {background-position:right top} .cancelBtn {background:url(../images/cancelBtn.gif) 0 0 no-repeat; border:none; width:84px; height:29px; cursor:pointer} .cancelBtn1 {background:url(../images/cancelBtn1.gif) 0 0 no-repeat; border:none; width:56px; height:24px; cursor:pointer} .savechangeBtn {background:url(../images/Save-changes.gif) 0 0 no-repeat; border:none; width:98px; height:29px; cursor:pointer} .searchBtn {background:url(../images/searchBtn.gif) 0 0 no-repeat; border:none; width:55px; height:22px} .searchBtntwo {background:url(../images/searchBtnTwo.gif) 0 0 no-repeat; border:none; width:54px; height:22px} .applyBtn {background:url(../images/applyBtn.gif) 0 0 no-repeat; width:55px; height:24px; cursor:pointer; text-indent:-2000px; display:block} .loginBtn {background:url(../images/btn-loginroll.gif) 0 0 no-repeat; background-position:left center; border:none; width:55px; height:24px; outline:none; cursor:pointer;} .loginBtn:hover {background-position:right;} .postBtn {background:url(../images/post.png) 0 0 no-repeat; background-position:left center; border:none; width:54px; height:22px; cursor:pointer} .postBtn:hover{background-position:right;} .removeBtn {background:url(../images/remove_btn.gif) 0 0 no-repeat; border:none; width:62px; height:23px; margin-top:15px; cursor:pointer} .post_Btn {background: url(../images/post_btn.gif) 0 0 no-repeat; width:55px; height:25px; cursor:pointer; text-indent:-2000px; display:block; border:none} .post_new_job_Btn {background: url(../images/post_new_job_btn.gif) 0 0 no-repeat; width:105px; height:27px; cursor:pointer; text-indent:-2000px; display:block; border:none} .confirm_btn{background: url(../images/confirm_btn.gif) 0 0 no-repeat; width:84px; height:29px; cursor:pointer; text-indent:-2000px; display:block; border:none} .ignore_btn{background: url(../images/ignore_btn.gif) 0 0 no-repeat; width:84px; height:29px; cursor:pointer; text-indent:-2000px; display:block; border:none} .confirm_btnone {background: url(../images/confirm_btnone.gif) 0 0 no-repeat; width:63px; height:23px; cursor:pointer; text-indent:-2000px; display:block; border:none; margin-right:4px} .ignore_btnone {background: url(../images/ignore_btnone.gif) 0 0 no-repeat; width:63px; height:23px; cursor:pointer; text-indent:-2000px; display:block; border:none} /*.input:focus {border:1px solid #0A79A4; background:#ECF9FD}*/ .formgridnone td {padding:0; vertical-align:top; line-height:normal} .formgridnone label {font-weight:normal} .savebtn {background:url(../images/save&continue.gif) center top no-repeat; width:210px; height:32px; text-indent:-999px; cursor:pointer; border:none} .saveContinuebtn {background:url(../images/saveContinue.gif) 0 0 no-repeat; width:229px; height:32px; border:none; cursor:pointer} .saveDetails {float:right; background:url(../images/saveDetails.gif) 0 0 no-repeat; width:95px; height:24px; border:none; cursor:pointer} .sendApp {float:right; background:url(../images/send_app.gif) 0 0 no-repeat; width:112px; height:23px; border:none; cursor:pointer;} .buyNowbtn {background:url(../images/buynowroll.png) 0 0 no-repeat; display:block; background-position:left center; width:66px; height:23px; cursor:pointer; text-indent:-2000px;} .buyNowbtn:hover {background-position:right top} .clearBtn {background:url(../images/clearBtnrollover.gif) no-repeat; background-position:left center; display:block; width:54px; height:22px; text-indent:-2000px; float:left} .clearBtn:hover {background-position:right top} .searchBtnOne {background:url(../images/searchBtnrollover.gif); background-position:left center; background-repeat:no-repeat; display:block; width:55px; height:22px; text-indent:-2000px;float:left} .searchBtnOne:hover {background-position:right} .inputCompose {border:1px solid #aeafb1; margin-bottom:3px; width:362px; padding:2px; height:100px} .viewstudentsbtn {background:url(../images/btn-view-studentsroll.gif); background-position:left center; background-repeat:no-repeat; display:block; width:98px; height:23px; text-indent:-2000px;float:left} .postImg {background: url(../images/jobpost_icon.gif) left top no-repeat; height:24px; text-indent:27px; line-height:35px; font-weight:bold; font-size:18px; margin-bottom:20px} .invisibleInput {border:none; width:350px} .searchBtnThree {background:url(../images/searchBtnOne.gif) 0 0 no-repeat; width:55px; height:22px; border:none; cursor:pointer} .searchBtnfour {background:url(../images/inbox-search.gif) 0 0 no-repeat; width:55px; height:22px; border:none; cursor:pointer} .deleteBtn {background:url(../images/deleteBtn.gif) 0 0 no-repeat; width:84px; height:29px; border:none; cursor:pointer} .forwardBtn {background:url(../images/forwardBtn.gif) 0 0 no-repeat; width:84px; height:29px; border:none; cursor:pointer} .backBtn {background:url(../images/backbtn.gif) 0 0 no-repeat; width:84px; height:29px; border:none; cursor:pointer} .backBtn1 {background:url(../images/back1.gif) 0 0 no-repeat; width:55px; height:25px; border:none; cursor:pointer} .replyBtn {background:url(../images/replyBtn.gif) 0 0 no-repeat; width:84px; height:29px; border:none; cursor:pointer} .GoBtn {background:url(../images/goBtn.gif) 0 0 no-repeat; width:40px; height:29px; border:none; cursor:pointer} .selectBox {border:1px solid #80CEEE; height:23px; font:normal 12px Arial, Helvetica, sans-serif; color:#BCBDC0} .addNewConnbtn {background:url(../images/add_new_conn_btn.gif) 0 0 no-repeat; width:219px; height:32px; border:none; cursor:pointer} .updateBtn {background:url(../images/update.gif) 0 0 no-repeat; width:84px; height:29px; border:none; cursor:pointer} /* ------------GRIDS< -------------- */ .congratulation {width:260px; background:#eaf7fd; margin-right:5px; position:relative} .paypalBar {background:#d7edf4; text-align:center; font:normal 13px Arial, Helvetica, sans-serif; height:29px; line-height:28px; position:absolute; top:-6px; left:-78px; width:941px} .VS_topTble td {margin-right:20px} .VS_topTble_new td {margin-right:20px} .VS_topTble p.bigTxtone {color:#37b1e2; font:normal 18px Arial, Helvetica, sans-serif; margin-bottom:4px} .VS_topTble_new p.bigTxtone {color:#37b1e2; font:normal 18px Arial, Helvetica, sans-serif; margin-bottom:4px} .VS_topTble p.bigTxttwo {color:#37b1e2; font:bold 16px Arial, Helvetica, sans-serif; margin-bottom:4px} .VS_topTble_new p.bigTxttwo {color:#37b1e2; font:bold 16px Arial, Helvetica, sans-serif; margin-bottom:4px} .VS_topTble p.italicTxt {color:#1f1f1e; font:italic normal 11px arial; padding-right:22px} .VS_topTble_new p.italicTxt {color:#1f1f1e; font:italic normal 11px arial; padding-right:22px} .VS_topTble input {margin:59px 7px 0 7px; width:80px; height:14px; border:1px solid #666} .VS_topTble_new input {margin:59px 6px 0 6px; width:80px; height:18px; border:1px solid #666} .VS_topTble select {margin:59px 7px 0 7px; width:78px; border:1px solid #666; height:20px;} .VS_topTble_new select {margin:59px 9px 0 9px; width:78px; border:1px solid #666; float:left; font-size:12px} .jobType {background:url(../images/search_jobtype.gif) 0 0 no-repeat; width:107px; height:107px} .days {background:url(../images/search_day.gif) 0 0 no-repeat; width:106px; height:108px} .name {background:url(../images/search_name.gif) 0 0 no-repeat; width:106px; height:108px} .studentType {background:url(../images/search_studenttype.gif) 0 0 no-repeat; width:106px; height:107px} .submitted {background: url(../images/submitted.gif) 0 0 no-repeat; width:110px; height:110px} .time_of_day {background: url(../images/time_of_day.gif) 0 0 no-repeat; width:110px; height:105px} .job_type {background: url(../images/job_type1.gif) 0 0 no-repeat; width:110px; height:110px} .car {background: url(../images/search_car.gif) 0 0 no-repeat; width:110px; height:110px} .employer {background: url(../images/employer.gif) 0 0 no-repeat; width:110px; height:110px} .pgination a {color:#4084ac; font:normal 12px Arial, Helvetica, sans-serif; margin-left:5px} .pgination a:hover {color:#4084ac; text-decoration:underline} .infoTbl label {font:normal 11px Arial, Helvetica, sans-serif; color:#6c6b6d} td.connreq {padding-left:18px} .connText {font:normal 17px arial} .padtopBtm {padding-top:20px !important; padding-bottom:35px !important} .infoTbltop {border-top:2px solid #dff1f8; margin-top:10px; padding-top:7px} .infoTbltop td {border-bottom:2px solid #dff1f8; padding:4px 0} .infoTbltop td.checkboxtd {border-left:2px solid #dff1f8; border-right:2px solid #dff1f8} .infoTbltop td .padlefttd {padding-left:5px} .infoTbltop label.bluLabel {color:#097aa6; font-size:12px; font-weight:bold} .infoTbltop p.bluTxtAName {color:#097aa6; font-size:14px; font-weight:bold} .infoTbl p {font:normal 11px Arial, Helvetica, sans-serif; color:#000} .infoTbl p.nameTxt a {font-size:13px; font-weight:bold; color:#097aa6} .infoTbl p.bluTxt {color:#097aa6;} .infoTbl p.bluTxtA {color:#097aa6; font-size:12px; font-weight:bold} .infoTbl p.bluTxtAName {color:#097aa6; font-size:14px; font-weight:bold} .infoTbl p.bluTxtAName:hover {text-decoration:underline} .infoTbl td {border:none; padding:0} .infoTbltop a {color:#2d7ea8; font:normal 11px Arial, Helvetica, sans-serif} .privPoli {width:600px; padding-top:30px} .privPoli p {font:normal 12px Arial, Helvetica, sans-serif; line-height:20px; text-align:justify; margin-bottom:20px} .InboxTbl tr.rowa {background:#FFF} .InboxTbl td.divider {padding:0} .InboxTbl td.divider div {border-bottom:2px solid #dff1f8; border-top:2px solid #dff1f8; height:3px; background:#FFF; padding:0; overflow:hidden} .InboxTbl tr.rowTop {background:#d0f0fb; height:30px} .InboxTbl tr.rowTop td {padding:5px 5px 0} .InboxTbl a, .InboxTbl a:hover {color:#2d7ea8} .InboxTbl td.pagination {background:#d2f0fb; height:21px; padding-right:32px} .joblistTbl tr.top {background:url(../images/TbltpBg2.gif) 0 0 repeat-x; height:29px; line-height:29px} .joblistTbl tr.top th {color:#2585ac; font-size:11.5px; font-weight:bold; padding-left:5px; text-align:left} .joblistTbl tr td {vertical-align:top; background:#f4fbfe; padding:2px 5px 2px 5px; font:normal 12px Arial, Helvetica, sans-serif} .joblistTbl tr td p {font:normal 10.5px Arial, Helvetica, sans-serif} .joblistTbl tr td.smlTxt {font-size:11px} .joblistTbl td.divider {padding:0} .joblistTbl td.divider div {border-bottom:2px solid #dff1f8; border-top:2px solid #dff1f8; height:3px; background:#FFF; padding:0; overflow:hidden} /*.joblistTbl tr p {font:normal 10px Arial, Helvetica, sans-serif; text-align:justify; color:#000}*/ .joblistTbl tr p {font:normal 10px Arial, Helvetica, sans-serif; text-align:left; color:#000} .joblistTbl tr a {color:#097AA6; font-weight:normal} .ConnectionTop {float:right; width:621px; position:relative; top:-7px} .ConnectionTop2 {float:right; width:600px; position:relative; float:left; left:-14px; margin-top:12px;} .ConnectionTop3 {float:right; width:262px; position:relative; float:left; left:-14px; margin-top:12px;} .connexistsocial {font:normal 12px/17px Arial, Helvetica, sans-serif; color:#636467; margin: 20px 20px 0 0px;} .unread {background:#f3fbfe} .unreadBtn {background:url(../images/unreadBullet.gif) 0 0 no-repeat} .Jp_topDv {width:584px; margin-left:15px} /* ------------MODS< -------------- */ .TopTable {height:160px} /*.TopTable .ImageDv {border:1px solid #949599; padding:3px 3px 0px 3px; text-align:center}*/ .TopTable .ImageDv {border:1px solid #000000; padding:3px 3px 0px 3px; text-align:center} .TopTable .ImageDv2 {border:1px solid #000;height:117px;padding:3px 3px 0;text-align:center;width:93px;} .TopTable td.description {width:198px} .TopTable td p.bigTxt {margin:0; font-family: arial; font-size:18px; font-weight:bold; width:168px; line-height:1.2} .TopTable td p {margin:10px 0 7px 0; font-family: arial; font-size:12px; font-weight:normal} .TopTable td a {color:#f48d62} .TopTable td a.nextLink {color:#2d7ea8; padding-top:10px; font:normal 12px Arial, Helvetica, sans-serif; display:block; text-align:center} .middleDv {border:.25px solid #bbcfd7; background:#d5f0f9; padding:5px 59px 0px 59px; height:500px; margin-right:5px; width:669px; position:relative; left:-10px} .middleDv1 {border:2px solid #bbcfd7; background:#d5f0f9; padding:5px 59px 0px 59px; height:218px; margin-right:5px; width:669px; position:relative; left:-10px} .middleDv2 {border:2px solid #bbcfd7; background:#d5f0f9; padding:5px 59px 0px 59px; height:436px; margin-right:5px; width:669px; position:relative; left:-10px} .middleDv3 {border:2px solid #bbcfd7; background:#d5f0f9; padding:5px 59px 0px 59px; height:654px; margin-right:5px; width:669px; position:relative; left:-10px} .middleDv4 {border:2px solid #bbcfd7; background:#d5f0f9; padding:5px 59px 0px 59px; height:872px; margin-right:5px; width:669px; position:relative; left:-10px} .middleDv5 {border:2px solid #bbcfd7; background:#d5f0f9; padding:5px 15px 20px 15px; margin-right:5px; width:530px; position:relative; left:15px} .middleDvSmall {border:2px solid #bbcfd7; background:#d5f0f9; padding:5px 59px 0px 59px; height:490px; margin-right:5px; width:462px; position:relative; left:-10px} .middleDvInnSmall {width:500px} .middleDvInnSmall .contOne {height:42px; line-height:50px; width:451px} .middleDvInnSmall .contTwo {height:358px; overflow-y:auto; border:2px solid #929497; background:#fff; margin-bottom:20px; padding:0px 0px 10px 0px; width:450px; float:left} .middleDvInn {width:688px} .middleDvInn .contOne {height:42px; line-height:50px; width:676px} .middleDvInn .contTwo {height:358px; overflow-y:auto; border:1px solid #929497; background:#fff; margin-bottom:15px; padding:0px 0px 10px 0px; width:675px; float:left} .middleDvInn .contThree {height:76px; overflow-y:auto; border:2px solid #929497; background:#fff; margin-bottom:20px; padding:0px 0px 10px 0px; width:673px} .middleDvInn .contFour {height:152px; overflow-y:auto; border:2px solid #929497; background:#fff; margin-bottom:20px; padding:0px 0px 10px 0px; width:673px} .middleDvInn .contFive {height:228px; overflow-y:auto; border:2px solid #929497; background:#fff; margin-bottom:20px; padding:0px 0px 10px 0px; width:673px} .middleDvInn .contSix {height:304px; overflow-y:auto; border:2px solid #929497; background:#fff; margin-bottom:20px; padding:0px 0px 10px 0px; width:673px} .padSml {padding:2px} .middleDvOne {border:2px solid #949599; background:#d5f0f9; padding:0 10px 10px 10px} .loginBx {height:196px; width:412px; float:left; position:relative; left:-30px; top:15px; height:450px} .middleDvInvite {width:500px} .middleDvInvite .contOne {font:bold 12px Arial, Helvetica, sans-serif; border-bottom:2px solid #929497; padding:8px 0; margin-bottom:10px} .fndContacts {background:url(../images/fndContacts.png) 0 0 no-repeat; display:block; width:99px; height:22px; cursor:pointer; border:0} .fndContactsBtn {width:99px; height:22px; cursor:pointer; border:0} .yahooLogin {width:128px; height:22px; cursor:pointer; border:0} .sendInvitations {background:url(../images/sendInvitations.gif) 0 0 no-repeat; display:inline; width:103px; height:22px; cursor:pointer; border:0} .emailService {margin-top:10px; margin-left:80px; margin-bottom:30px} .emailService div {overflow:hidden; float:left} .emailService input {vertical-align:top} .emailService .option1 {margin:0; width:100px} .emailService .option1 input {vertical-align:top} .emailService .option2 {margin:0; width:150px} .emailService .option2 input {vertical-align:top} .emailService .option3 {margin:0; width:70px} .emailService .option3 input {vertical-align:top} .emailService .option4 {margin:0; width:80px} .emailService .option4 input {vertical-align:top} .emailService .option5 {margin:0; width:70px} .profile label {color:#6d6e70; font:normal 11px arial; padding:0;} .field {color:#6d6e70; font:normal 11px arial; padding:0;} .profileone label {color:#6d6e70; font:normal 11px arial} .profileone p {color:#6d6e70; font:normal 11px arial} .profileone td {padding:5px 1px 0 1px; color:#000; font:normal 11px arial} .profileone td.large_tpad {padding-top:12px} .profileone td.large_bpad {padding-bottom:10px} .reference {padding-top:10px} .reference label {color:#6d6e70; font:normal 11px arial} .CC_colOne {background:#fcf6b5; padding:5px 10px 10px; float:left; width:283px; border:2px solid #aaa68f} .CC_colTwo {background:#bde5f5; padding:5px 10px 10px; float:left; margin-left:10px; width:255px; border:2px solid #aaa68f} .CC_colInn{height:356px; overflow-y:auto; border:2px solid #949599; background:#fff; padding:8px; border:2px solid #aaa68f} * html .CC_colInn{height:356px; overflow-y:auto; border:2px solid #949599; background:#fff; margin-bottom:20px; padding:0px 10px 10px 10px; border:2px solid #aaa68f} .InboxSideone {width:141px; float:left; padding-top:10px} .InboxSideoTwo {width:535px; float:left; left:20px; position:relative; top:-25px; display:inline} .otherConnDv {width:272px; border:2px solid #949599; background:#fff; padding:6px} .otherConnDv strong {color:#48b7e9; font:bold 14px Arial, Helvetica, sans-serif;} .otherConnDv p.bigTxt2 {color:#0b79a4; font:bold 12px Arial, Helvetica, sans-serif} .otherConnDv p.smallTxt {color:#0b79a4; font:normal 11px Arial, Helvetica, sans-serif} .otherConnDvFB {width:567px; border:2px solid #949599; background:#fff; padding:6px} .advertisement{height:500px; width:175px; float:right; margin-top:235px; margin-right:5px; border:3px coral solid} /* ROUNDED CORNERS */ /* BORDERS */ .border1 {border-bottom:2px solid #ffdc82; padding:7px 0 !important} .editProfile_lftBox {border-bottom:2px solid #eb838c; border-left:1px solid #f7b9be; border-right:1px solid #f7b9be} .border2 {border-bottom:1px solid #fbdcdf; margin-bottom:5px; padding-bottom:3px} .border2_new {border-bottom:1px solid #ECB5BA; margin-bottom:5px; padding-bottom:14px; padding-left:6px} .border3 {border-bottom:2px solid #aeafb1; padding-bottom:10px; padding-top:10px} .border4 {border-bottom:1px solid #91c871} .border5 {border-right:2px solid #cfcdcd} .border6 {border-bottom:1px solid #eee} .borderNone {border:none} .border7 {border-bottom:1px solid #b4d79c} /*** BACKGROUNDS ***/ .bgOne {background:url(../images/brdGreen.gif) right 15px repeat-x; margin-bottom:10px; line-height:1} .bgFive {background:url(../images/brdGreen.gif) right 9px repeat-x; margin-bottom:10px; line-height:1} .bgTwo {background:url(../images/brdGreen.gif) right 11px repeat-x; height:20px} /*.bgTwo_new {background:url(../images/brdGreen.gif) right 11px repeat-x; height:30px}*/ .bgThree {background:#fff} .bgFour {background:#d3ebf5; border:2px solid #ccc} /* stapels */ .topleftstaples,.toprightstaples,.btmleftstaples,.btmrgtstaples {background:url(../images/stapels.png) no-repeat} .topleftstaples {background-position:left top; width:34px; height:26px; position:absolute; top:51px; left:26px; z-index:1001} .btmleftstaples {background-position:left -26px; width:36px; height:24px; position:absolute; top:8px; left:9px} .toprightstaples {background-position:right 0; width:27px; height:34px; position:absolute; top:44px; right:14px; z-index:5} .btmrgtstaples {background-position:right -34px; width:35px; height:26px; position:absolute; top:6px; right:9px} .topstaplesnew {position:absolute; top:-5px; left:-10px} .btmstaplesnew {position:absolute; bottom:-7px; right:-7px} .grnModTop {background:url(../images/grnMod.gif) 0 0 no-repeat; height:4px; width:388px; overflow:hidden} .grnModBtm {background:url(../images/grnModBtm.gif) 0 0 no-repeat; height:4px; width:388px} .grnModBg {background:url(../images/grnBg.gif) 0 0 repeat-x; border-left:1px solid #84a04b; border-right:1px solid #84a04b; height:128px} * html .grnModBg {background:url(../images/grnBg.gif) 0 0 repeat-x; padding:0px 8px 0px 10px;border-left:1px solid #84a04b; border-right:1px solid #84a04b; height:128px; width:366px} .grnModTopone {background:url(../images/grnModone.gif) 0 0 no-repeat; height:4px; width:292px; overflow:hidden} .grnModBtmone {background:url(../images/grnModBtmone.gif) 0 0 no-repeat; height:4px; width:292px} .grnModBgone {background:url(../images/grnBg.gif) 0 0 repeat-x; padding:0px 10px 0px 10px; border-left:1px solid #84a04b; border-right:1px solid #84a04b; width:270px} * html .grnModBgone {background:url(../images/grnBg.gif) 0 0 repeat-x; padding:0px 8px 0px 10px;border-left:1px solid #84a04b; border-right:1px solid #84a04b} .rhtBxTopone {background:url(../images/newMember_top.gif) 0 0 no-repeat; height:31px; width:167px} .rhtBxBtmone {background:url(../images/newMember_btm.gif) 0 0 no-repeat; height:14px; width:167px} .rhtBxBg {background:url(../images/rhtBxbg.gif) 0 100% repeat-x; border-left:1px solid #acacac; width:165px; margin-left:1px} .rhtBxBgtwo a,.rhtBxBg a {color:#097AA6; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal} .rhtBxBg img {border:1px solid #3f3f3f} .rhtBxToptwo {background:url(../images/newMember_top1.gif) 0 0 no-repeat; height:31px; width:167px} .rhtBxBtmtwo {background:url(../images/newMember_btm.gif) 0 0 no-repeat; height:14px; width:167px} .rhtBxBgtwo {background:url(../images/rhtBxbg.gif) 0 100% repeat-x; border-left:1px solid #acacac; width:165px;margin-left:1px} /* COLUMNS (id=COLS) **********************************************************/ .signupformleft {width:506px; float:left} /*.signupformright {background:url(../images/upload-new-photos.gif); width:171px; height:194px; float:left; margin-left:70px; display:inline; margin-top:10px}*/ .signupformright {width:171px; height:194px; float:left; margin-left:70px; display:inline; margin-top:10px} .signupformright a {display:block; font:normal 12px arial; margin-left:5px; color:#0b7aa4} .signupformright a:hover {text-decoration:underline; color:#0b7aa4} .parent_info{background:url(../images/upload-new-photos-one.gif); width:171px; height:198px; float:left; display:inline} #ep_lft {width:204px; float:left; position:relative; left:-39px} #ep_mid {width:523px; float:left; margin:0 10px} #ep_midtwo {width:390px; float:left; position:relative; left:-6px; margin-top:24px} #ep_midOne {width:400px; float:left; margin:0 10px} #ep_midtwo .marginBtm {margin-bottom:8px} #ep_rht {width:200px; float:left; margin-left:29px; display:inline; position:relative; top:-10px} .ep_upload {width:300px; float:right; display:inline; position:relative; margin-top:10px; } #ep_lftOne {width:190px; float:left; position:relative; left:-32px; top:-13px} #ep_lft2 {width:204px; float:left; position:relative; left:-39px; top:-25px} #VS_Content {width:639px; float:left; position:relative; display:inline} #Other_Conn {width:607px; float:right; margin-left:10px; margin-right:20px} #Conn_Reqt {width:607px; float:left; position:relative; top:-12px} #JP_Content {width:637px; float:left; position:relative;} #ep_midthr {width:545px; float:left; position:relative; left:-12px; margin-top:7px} #job_detailsOne {width:398px; float:left; margin-right:10px} #g_searchsideOne {width:626px; float:left; margin:0 20px 0 10px} #my_curconn {float:left; width:200px} #cr_lftOne {width:157px; float:left; margin-right:30px} /* ALL TEXT CSS (id=TEXTAll) **********************************************************/ /* font SIZES */ .vsmlTxt{font-size:10px} .smlTxt{font-size:11px} .para{font-size:12px} .font13{font-size:13px} .big{font-size:14px} .bigOne{font-size:18px} .bigtext {font:normal 17px "Myriad pro"; line-height:25px; margin-bottom:20px} .bigtext_new {font:normal 17px "arial"; line-height:25px; margin-bottom:20px} /*font WEIGHTS */ .strong {font-weight:bold} .normTxt, .normTxt a {font-weight:normal} /* text TRANSFORMS */ .allCaps {text-transform:capitalize} .upperCase {text-transform:uppercase} .textU, .textU a{text-decoration:underline} .nonecase {text-transform:none} .ita {font:italic 16px Arial, Helvetica, sans-serif} /* text ALIGN & content ALIGN for inline level ELEMENTS */ .centerAll {text-align:center} .alignLeft {text-align:left} .alignRight {text-align:right} .justify {text-align:justify} /* colored text */ .clrOne {color:#16b5ed} .clrTwo a, .clrTwo {color:#2585AC} .clrThree,.clrThree a {color:#0979A4} .clrFour {color:#097AA6} .clrFive {color:#097AA6} .clrSix {color:#8a8b8d} .clrSeven {color:#000} .ClrEight {color:#74c0e9} .clrNine {color:#19b5f1} .clrTen {color:#2d7ea8} .clrEle a {color:#0a79a4} .theblue {color: #30b2e7} /* a TAGS, BUTTONS */ strong.select {color:#000; font:bold 18px Arial, Helvetica, sans-serif; float:left; line-height:44px} /*Italic Text*/ .italicTxt {font:italic normal 12px Arial, Helvetica, sans-serif; color:#000} .boldtxt { font-weight:bold;} /* REQUIRED PADDINGS / MARGINS (id=PADS) **********************************************************/ /* paddings */ .padOne {padding:8px} .padTwo {padding:5px} .padThree {padding:0 18px} .padBg {padding:0 24px} .padFour {padding:0 10px} .padBtm {padding-bottom:5px} .padBtmOne {padding-bottom:20px} .padLft {padding-left:50px} .padRht {padding-right:10px} .padTop {padding-top:2px} .padTopOne {padding-top:20px !important} .padTopTwo {padding-top:49px} .padLft2 {padding-left:22px} .padRhtOne {padding-right:5px} .padLft3 {padding-left:10px} /* margins */ .marginTop {margin-top:10px} .marginTopOne {margin-top:20px} .marginTopThree {margin-top:45px} .marginTopFour {margin-top:37px} .marginLft {margin-left:12px} .marginLftOne {margin-left:30px} .marginLftTwo {margin-left:37px} .marginLftThree {margin-left:17px} .marginLftfour {margin-left:75px} .marginTopTwo {margin-top:64px} .marginRht {margin-right:22px} .marginBtm {margin-bottom:10px} .marginBtmone {margin-bottom:20px} .marginBtmtwo {margin-bottom:4px} .marginBtmsix {margin-bottom:6px} .marginBtmBig {margin-bottom:30px} .marginBtmVbig {margin-bottom:70px} .marginRhtOne {margin-right:10px} .marginRhtTwo {margin-right:53px} .marginChapri {margin-top:18px} /* MISCELLANEOUS (id=MISC) **********************************************************/ .clr {clear:both; padding:0; margin:0; overflow:hidden; height:0} .fl {float:left;} .fr {float:right} .posrel {position:relative} .widhalf {width:130px} .widOne {width:200px} .widTwo {width:267px} .wid330 {width:330px} .widThree {width:135px} .widFour {width:90px} .widFive {width:600px} .widSix {width:185px} .widSeven {width:119px} .widEight {width:81px} .widENine {width:80px} .widTen {width:153px} .wid535 {width:475px; padding-left:49px; padding-right:58px; padding-top:33px} .wid535 .tblComp strong {color:#414143; font-size:11px; padding-right:18px} .clearfix:after, .container:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden} .clearfix, .container {display: block} .error {color:#CC0033;} .error_display {color:#CC0033} .success {color:#FF8000} #steps {margin-left:10px; height:38px; margin-bottom:20px} #steps div {overflow:hidden; float:left} .student .step1 {width:187px} .student .step2 {width:236px} .student .step3 {width:214px} .student .step4 {width:155px} .parent .step1 {width:177px} .parent .step2 {width:204px} .parent .step3 {width:226px} .parent .step4 {width:145px} #stepslabel {margin-left:42px; margin-bottom:20px;font:normal 14px "arial"; line-height:25px} #stepslabel div {overflow:hidden; float:left} .parent .step1label {width:177px} .parent .step2label {width:226px} .parent .step3label {width:204px} .parent .step4label {width:145px} .signupintro {margin:6px 0 20px 8px; line-height:1.2; height:32px} #frmProfile {padding-left:7px} .profile td {padding:3px 0} .profile p {line-height:1.1} #writeareview {width:388px} #getstated td {padding:0 12px} #content_ajax_parent img, #content_ajax_student img {border:1px solid #3f3f3f} .CC_colTwo strong.select, .CC_colOne strong.select {line-height:1.5} .newtabletemplate label {padding-right:20px} #inbox {position:relative; left:-30px; top:10px} .imgBorder {border:1px solid #949599} h3.inbox {font:bold 16px Arial; color:#18b4ef} .searchbox {background:#d0f0fb; border:1px solid #a2abb0; width:115px; color:#6d6e70; font-size:11px; padding:2px} a.greytxt {color:#949599; font-weight:normal; padding-right:15px} .clrtxtblue {color:#0b78a3} /****connection page row height**/ .rowHeightOne {height:66px} .rowHeightTwo {height:132px} .rowHeightThree {height:198px} .rowHeightFour {height:264px} .tblTxtname p {font:normal 12px Arial, Helvetica, sans-serif;} .tblTxtname p.scl {font-size:10px} .buynowBg {background:url(../images/buynowbg.gif) center center no-repeat; width:376px; height:47px; line-height:42px; color:#ff6600; font-size:12px; font-weight:bold} td.idbadge {background:url(../images/idbadge.gif) 0 0 no-repeat; display:block; width:39px; height:33px;} td.with_subscription {background:url(../images/available_with_subscription.gif) 0 0 no-repeat; width:290px; height:65px;} td.with_subscription_text {background:url(../images/available_with_subscription_text.gif) center center no-repeat; width:290px; height:65px;} /**read **/ .titleSubject {font:bold 20px Arial, Helvetica, sans-serif; color:#1bb5f1; margin-bottom:9px; margin-left:204px} .grnBrdTbl {background:url(../images/inboxbrd1.gif) 0 0 repeat-x; height:2px; width:558px} .readtbl td {padding-top:9px; padding-bottom:17px} .readtbl td.brd {border-bottom:1px solid #8ecd74} .readtbl .NmCls {color:#0a7aa2; font:normal 12px Arial, Helvetica, sans-serif; text-align:right} .readtbl .reply {color:#424242; font-size:11px; padding-bottom:7px; padding-top:16px; display:block; cursor:pointer} .readtbl textarea {border:1px solid #afafb1; width:348px; height:108px; margin-bottom:15px} .readtbl .delete {font:normal 11px Arial, Helvetica, sans-serif; color:#0978a5} .underline {border-bottom:1px dashed #CCCCCC;padding:5px 0;} /****************sandesh__new********************/ .ep_rht1111 { float:right} .SeaClr { float:left; width:110px; float:right; margin-bottom:10px} /****css after facebook implement****/ h3.signinttl {padding-top:12px; position:relative; left:-32px;} .signincol {width:204px; float:left; padding-top:12px; position:relative; left:-34px; border-right:1px solid #4fbdeb; padding-right:30px; height:490px; margin-bottom:50px;} .signincol a.havefb {position:absolute; bottom:0; left:26px} .signincol h4 {padding-bottom:3px} .signincol p.toptxt {padding-bottom:11px; color:#636467} .signincol label {padding-bottom:4px; display:block; color:#414142; font-size:12px;} .signincol input {margin-bottom:10px} .signincol a {display:block; padding-bottom:15px} .accoutnew {width:575px; overflow:hidden; padding-top:20px; margin-left: auto ; margin-right: auto;} .accoutnew .AccoutBoxOne {width:320px; float:left; margin-bottom:20px;} .accoutnew .AccoutBoxOne ul {list-style:none; margin:0; padding:0} .accoutnew .AccoutBoxOne ul li {font-size:11px; color:#636467; line-height:20px} .accoutnew .AccoutBoxOne ul li h4 {font-size:11px; font-weight:bold; color:#000; padding-bottom:8px} .accoutnew .AccoutBoxOne ul li label {font-size:12px; font-weight:bold; color:#414142; cursor:pointer;} .accoutnew .AccoutBoxOne ul li td label {font-size:12px; line-height:14px; font-weight:bold; color:#414142; padding-left:0; } .accoutnew .AccoutBoxOne ul li td {padding-left:0} .accoutnew .AccoutBoxOne ul li radiobuttonlabel {font-size:12px; font-weight:bold; color:#414142; cursor:pointer;} .accoutnew .AccoutBoxOne ul li .CreBtn {background:url(../images/btn-create-my-account.png) center top no-repeat!important; width:210px; height:33px; border:none!important; cursor:pointer; margin-bottom:10px} .accoutnew .AccoutBoxOne ul li .InboxOne {border:1px solid #B7B7B7; padding:2px; width:145px; margin-bottom:6px; font-size:11px; color:#000} .accoutnew .AccoutBoxOne ul li input:focus {border:1px solid #0A79A4; background:#ECF9FD} .accoutnew .AccoutBoxOne ul li .SelboxOne {padding:2px; width:150px; margin-bottom:6px; font-size:11px; color:#000} .accoutnew .AccoutBoxOne ul li tr{vertical-align:text-top;} .accoutnew .AccoutBoxTwo {width:255px; height:400px; position: relative; float:right; padding-top:30px;} .accoutnew .AccoutBoxTwo p {font-size:14px; color:#000; padding-bottom:10px} .captiontitle {font-size:15px; font-weight:bold; color:#30b2e7} .accoutnew .AccoutBoxTwo ul li .CreBtn {background:url(../images/btn-create-my-accountroll.gif) left top no-repeat; width:210px; height:33px; border:none!important; cursor:pointer; margin-bottom:10px} .accoutnew .AccoutBoxTwo ul li .CreBtn:hover {background-position:right center;} .accoutnew .AccoutBoxTwo ul {list-style:none; padding:0} .accoutnew .AccoutBoxTwo ul li {font-size:11px; color:#000; line-height:normal; text-align:left;} .accoutnew .AccoutBoxTwo ul li a{font-size:11px; font-weight:normal;} .accoutnew .AccoutBoxTwo .createmyaccount {position:absolute; bottom:0;} /***************** New CSS (10/12/2009) **************************/ .errorSignUp {color:#c85d27} ul.UsrBoxTen {list-style:none; padding:0; margin:0; float:right} ul.UsrBoxTen li {font-size:11px; color:#fff; position:relative; float:left; padding-right:5px; z-index:10001} ul.UsrBoxTen li img {float:left} ul.UsrBoxTen li a {font-size:11px} ul.UsrBoxTen li a:hover {text-decoration:underline} ul.UsrBoxTen li a.UsrLinkOne {font-size:12px!important; font-weight:normal!important; color:#FFF; display:inline!important; padding-bottom:20px} ul.UsrBoxTen li a.UsrLinkOne:hover {text-decoration:underline} ul.UsrBoxTen li:hover > ul {display:block} ul.UsrBoxTen li ul {display:none; padding:0; margin:0; border-bottom:2px solid #30b2e7; border-right:2px solid #30b2e7; border-left:2px solid #30b2e7; position:absolute; left:0px; z-index:10001; top:29px; background:#fff; width:160px} ul.UsrBoxTen li ul li {width:100%; float:none;} ul.UsrBoxTen li ul li a {color:#30b2e7 !important; text-align:left !important; font:normal 12px arial !important; display:block; padding:5px 0; width:100%; text-indent:15px; float:none} ul.UsrBoxTen li ul li a:hover { text-decoration:underline !important;} a.fb_icon {position:relative} a.fb_icon .fbicon {position:absolute; bottom:5px; right:5px; background:url(../images/facebook_icon.gif) 0 0 no-repeat; width:15px; height:15px} /* accounts & settings*/ #account_Content {position:relative; left:-25px; top:10px;width:639px; float:left; position:relative; display:inline} #account_Contentmeb {position:relative; left:-25px; top:-5px; width:639px; float:left; position:relative; display:inline} h2.Accounts_Settings {font:bold 18px Arial, Helvetica, sans-serif; color:#000; background:url(../images/account-settings.gif) left center no-repeat; height:32px; padding-left:40px; padding-top:8px; line-height:24px; margin-top:10px;} h2.Registration {font:bold 18px Arial, Helvetica, sans-serif; color:#000; background:url(../images/cup_edit.png) left center no-repeat; height:32px; padding-left:40px; padding-top:8px; line-height:24px; margin-top:10px;} h2.Accounts_Settingsmemb {font:bold 18px Arial, Helvetica, sans-serif; color:#000; background:url(../images/account-settings.gif) left center no-repeat; height:32px; padding-left:40px; padding-top:8px; line-height:24px;} h2.Account {font:bold 18px Arial, Helvetica, sans-serif; color:#30b2e7; background:url(../images/account.gif) left center no-repeat; height:32px; padding-left:40px; line-height:1.5; margin-left: 15px;} h2.Settings {font:bold 18px Arial, Helvetica, sans-serif; color:#30b2e7; background:url(../images/settings.gif) left center no-repeat; height:32px; padding-left:40px; padding-top:8px; line-height:1; margin:0 0 15px 15px;} .bluebordertop {background:url(../images/blue_border_top.png) no-repeat scroll left top #FFFFFF; width:644px; height:13px; } .bluebordermid {background:url(../images/blue_border_mid.png) repeat-y scroll left top #FFFFFF; width:644px; } .bluebordermid table tr td p{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:gray; text-align: right; margin-right:15px; line-height:1;} .bluebordermid table tr td a{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#0979A4; text-align: right;} .bluebordermid p {font-family: Arial, Helvetica, sans-serif; font-size:13px; margin-left: 55px;} .blueborderbtmempt {background:url(../images/blue_border_btmempty.png) no-repeat scroll left bottom #FFFFFF; width:644px; height:13px; } .blueborderbtm {background:url(../images/blue_border_btm.png) no-repeat scroll left bottom #FFFFFF; width:644px; height:37px; } .blueborderbtm h3{font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#f26631; margin: 3px 0 0 15px;} .blueborderbtm h4{font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; background:url(../images/smbluecheck.png)left center no-repeat; padding-left:15px; margin-top: 3px; } .renew_btn {background: url(../images/btn-renew-roll.png); background-position:left center; background-repeat:no-repeat; display:block; width:79px; height:24px; text-indent:-2000px;float:right;border:none; cursor:pointer; margin:4px 30px 0 5px;} .renew_btn:hover {background-position:right top} .upgrade_btn {background: url(../images/btn-upgrade-roll.png); background-position:left center; background-repeat:no-repeat; display:block; width:79px; height:24px; text-indent:-2000px;float:right;border:none; cursor:pointer; margin:4px 30px 0 5px;} .upgrade_btn:hover {background-position:right top} .accntset{width: 50%; float: left;} .accntset h3{font-family: Arial, Helvetica, sans-serif; font-size:15px; margin-bottom:10px;} .accntset a{font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#0979A4; cursor: pointer;} .accntset p{font-family: Arial, Helvetica, sans-serif; font-size:13px; margin-left: 20px;} /* NEW, REFACTORED CSS, KEEP CLEAN (Charlie, Sun Feb 14) */ .connection_box{border-bottom:2px solid #eb838c; border-left:1px solid #f7b9be; border-right:1px solid #f7b9be; clear:both; font-size: 10pt;} .connection_box a {} .connection_person{clear:both; text-align:center;} .connection_image{border-width:3px; border-style:solid; border-color:#F0525F; height:48px; width: 50px; text-align:center; float:left; padding-left:0px; } .connection_name{padding: 5px 0 0 5px; width:30%; float:left; text-align: left; color:#0979A4; font-weight:bold;} .add_connection_person{float:left; clear:both; width:100%;} .add_connection_image{float:left; padding: 5px 0 0 5px; } .add_connection_name{float:left; padding: 5px 0 0 5px; color: #0979A4; font-weight:bold; width: 100px;} .connection_image_conn_current{padding: 10px 0 0 10px; width:60px; float:left;} .connection_name_conn_current{padding: 10px 0 0 0px; float:left; width:160px; color:#0979A4; font-weight:bold;} .connection_name_conn_current a {color:#0979A4; font-weight:bold; font-size:12px; line-height: 14px;} .connection_name_conn_current .connection_info_conn_current p{font-weight:normal; font-size:11px; color:#000; text-transform:capitalize; line-height: 14px;} .gray {color: #808080} /* New by Ben */ p.bigTxttwo {color:#37b1e2; font:bold 16px Arial, Helvetica, sans-serif; margin-bottom:4px; padding-left:15px; padding-top:6px; line-height:1} /*left padding of 30 would left align the text directly with title above, but i think a little off set looks good (p.s. this not is just incase i change my mind*/ /**Job Search Page**/ .Jobpostpagetitle {width:200px; position: relative; float: left;} .Jobpostpagetitleright {width:200px; position: relative; float: right; margin: 10px 26px; text-align:right;} .Jobpostpagetitleright a {color:#0979A4; font:normal 12px Arial, Helvetica, sans-serif; cursor: pointer; padding: 0 0 0px 8px;} /***Student Search Page***/ .stusearchresultsTbl {border:1px solid #C1E8F8; margin-top:10px;} .stusearchresultsTbl a {color:#0979A4; font:normal 12px Arial, Helvetica, sans-serif; cursor: pointer;} .stusearchresultsTbl .spacepipe {color:#0979A4; font:normal 11px Arial, Helvetica, sans-serif; margin-left:7px; margin-right:7px;} .stusearchresultsTbl td.profilepicture {width:187px; height:210px; border-bottom:1px solid #C1E8F8;text-align:center;} .stusearchresultsTbl td.checkboxtd {border-left:1px solid #C1E8F8; border-bottom:1px solid #C1E8F8; background:#F5FBFE; vertical-align:top; padding-top:10px;} .stusearchresultsTbl td.userinfo {padding-left:0px; padding-right:10px; padding-top:22px; padding-bottom:10px; border-bottom:1px solid #C1E8F8;} .stusearchresultsTbl a.matte {width:187px; height:210px; background:url(../images/diagonalpicback.gif) no-repeat top left; background-position: 12px 12px; display:block;} .infoTbl .label2 {font:normal 12px Arial, Helvetica, sans-serif; color:#6c6b6d} .infoTbl .bodytext {font:normal 12px Arial, Helvetica, sans-serif; color:#000000} .img sendrequestbutton {background-image:url(../images/sendRequestArrowDWN.gif)} #frm_job_request span {color:#336} a.adformember {color:#0979A4; font:normal 13px Arial, Helvetica, sans-serif} a.adformember:hover {color:#00a3e9; text-decoration: none;} /****Profile page 4/16/10 ****/ .profilepic img {width:194px; background:#FFF; border:1px solid #BBBBBB; padding:4px; margin-top:25px;} .profilepicupload img {width:194px; background:#FFF; border:1px solid #BBBBBB; padding:4px; margin-bottom: 10px;} .prof_usrname {margin-bottom:6px; width:50%; float:left;} .prof_schools {margin-bottom:6px; width:46%; float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#000; text-align:right; display:inline;} .prof_usrname h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#30b2e7;} .prof_usrname span {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0979A4; text-align:right;} .prof_aboutme {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#2A2A2A; line-height:1.35em; padding: 4px 0px 0px 0px;} H4.yellowheading {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#f99e26; background:none repeat scroll 0 0 #FFFFFF;} .bluesketchline153 {background: url(../images/bluesketchline.gif); background-repeat:no-repeat; right:0px; height:22px; background-position:100% 30%; background-attachment:scroll;} .bluesketchline240 {background: url(../images/bluesketchline_w240px.gif); background-repeat:no-repeat; right:0px; height:22px; background-position:100% 30%; background-attachment:scroll;} .bluesketchline305 {background: url(../images/bluesketchline_w305px.gif); background-repeat:no-repeat; right:0px; height:22px; background-position:100% 30%; background-attachment:scroll;} .bluesketchline230 {background: url(../images/bluesketchline_w230px.gif); background-repeat:no-repeat; right:0px; height:22px; background-position:100% 30%; background-attachment:scroll;} .bluesketchline345 {background: url(../images/bluesketchline_w345px.gif); background-repeat:no-repeat; right:0px; height:22px; background-position:100% 30%; background-attachment:scroll;} span.yellowheading {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#f99e26; background-color: #FFFFFF;} /**blue comment box***/ .bluebox {width:100%; min-height: 68px; height:auto; border:#c0e8f8 solid 1px; padding:5px; background-color:#f9fdfe;} .bluebox a{color:#0979A4; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:20px;} .commentpic {float:right} .commentpic img {background:#FFF; border:1px solid #BBBBBB; padding:3px; margin-left:8px;} /**profile links**/ ul.ediProfile_lftmnu .sndmsg {background:url(../images/sndmessagesm.png) left center no-repeat; padding-left:25px; margin-left:5px;} ul.ediProfile_lftmnu .addconnections {background:url(../images/addconnectionsm.png) left center no-repeat; padding:1px 0 1px 25px; margin-left:5px; height:16px;} ul.ediProfile_lftmnu .viewconnections {background:url(../images/connectionssm.png) left center no-repeat; padding:2px 0 1px 25px; margin-left:5px;} .edit {background:url(../images/pencil.png) left center no-repeat; padding:3px 0 1px 25px; margin-left:5px; color:#097AA6; height:16px;} /**My Jobs Page****/ #legalpadjobs {background:url(../images/MyJobsyellow.gif); margin-top:20px; background-repeat:no-repeat; height:190px; padding:18px 10px 0px 10px;} #legalpadjobs h1 { font-size:19px; font-weight:bold; text-align:center; color:#4e4e4e;} #legalpadjobs ul {list-style-type: none; padding: 14px 0px 0px 0px; margin: 0px;} #legalpadjobs li { background-image:url(../images/sidebar_star.gif); background-repeat: no-repeat; background-position: 15px 0px; padding:3px 0px 9px 35px;} #legalpadjobs li a {font-size:12px; color:#0979a4; margin-bottom:8px; cursor:pointer;} #myjobsrt {float:left; margin-top:30px; width:600px; left:-20px; position:relative;} #myjobsrt h2{font:bold 18px Arial, Helvetica, sans-serif; color:#30b2e7;} #myjobsrt .myjobpost{background:url(../images/jobdetails.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px;} #myjobsrt .applications{background:url(../images/applications.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px;} #myjobsrt .sentjobrequests{background:url(../images/sentjobrequests.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px;} #myjobsrt .connections{background:url(../images/connections.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px;} #myjobsrt .sentapplications{background:url(../images/sentapplication.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px;} #myjobsrt .applicationsdraft{background:url(../images/applicationsdraft.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px;} #myjobsrt .jobrequestsreceived{background:url(../images/jobrequestsreceived.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px;} .editprofiletitle {background:url(../images/editprofile.png) left center no-repeat; padding-left:40px; padding-top:12px; line-height:24px;font:bold 18px Arial, Helvetica, sans-serif; color:#30b2e7;} .viewapps {background:url(../images/Viewappssm.png) left center no-repeat; padding-left:25px; margin-left:5px; height:16px; padding-top:4px;} .deleterequestsm {background:url(../images/deleterequestsm.png) left center no-repeat; padding-left:25px; margin-left:5px; height:16px; padding-top:4px;} /**Applications received*/ .joblistTbl tr td p .replyapprecsm{} .replyapprecsm {background:url(../images/replysm.png) left center no-repeat; padding-left:25px; margin-left:5px; height:16px; padding-top:4px;} .joblistTbl tr td p .replyapprecsmgreysm{} .replyapprecsmgreysm {background:url(../images/replygreysm.png) left center no-repeat; padding-left:25px; margin-left:5px; height:16px; padding-top:4px;font:normal 10.5px Arial, Helvetica, sans-serif; color:#939598!important;} .joblistTbl tr td p .deleteapprecsm{} .deleteapprecsm {background:url(../images/deleteappsm.png) left center no-repeat; padding-left:25px; margin-left:5px; height:16px; padding-top:4px;} a.purchcontlnk {color:#097AA6; font-size:12px; text-decoration:underline; cursor:pointer; background:url(../images/contactinfomedium.gif) right center no-repeat; padding:5px 45px 6px 0; height:32px;} a.purchcontlnk:hover {color:#f89e25;} .myjobpostsdescript {margin:10px 0px;; width:400px; position:relative; float:left; font-size:12px; font-style:italic; color:#333333; line-height:18px;} /**Job Post***/ .tipsbluebox {width:182px; background:#eaf7fd; margin:16px 0 20px 12px; position:relative; border-top:5px solid #30b2e7; border-bottom:5px solid #30b2e7;} .tipsbluebox h1{font-size:18px; font-weight:bold; color:#000; text-transform:uppercase;} .tipsbluebox h2{font-size:13.5px; font-weight:bold; color:#30b2e7; text-transform:uppercase; padding:6px 0px 10px 0px;} .tipsbluebox p{font-size:13.4px; color:#404041; line-height:20px;} .referbluebox {width:182px; background:#eaf7fd; margin:16px 0 20px 12px; position:relative; border-top:5px solid #30b2e7; border-bottom:5px solid #30b2e7;} .referbluebox h1{font-size:18px; font-weight:bold; color:#000; text-transform:uppercase;} .referbluebox h2{font-size:13.5px; font-weight:bold; color:#30b2e7; text-transform:uppercase; padding:6px 0px 10px 0px;} .referbluebox h2:hover {text-decoration: underline;} .referbluebox p{font-size:13.4px; color:#404041; line-height:20px;} a.referblueboxlink {color:#097AA4; font-size:12px; text-decoration:underline; cursor:pointer;} /**invite friends ad*/ .invitebluebox {width:182px; background:#eaf7fd; margin:16px 0 20px 12px; position:relative; border-top:5px solid #30b2e7; border-bottom:5px solid #30b2e7;} .invitebluebox h2{font-size:18px; font-weight:bold; color:#333333; text-transform:uppercase; padding:0px 0px 10px 0px;} .inviteblueboxnew {font-size:13.5px; font-weight:bold; color:red; text-transform:uppercase; padding:6px 0px 10px 0px;} .invitebluebox p{font-size:12px; color:#404041; line-height:20px;} a.inviteblueboxlink {color:#097AA6; font-size:12px; text-decoration:underline; cursor:pointer;} a.inviteblueboxlink:hover {color:#735892;} #myjobsrt .newjobpost{background:url(../images/newjobpost.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px;} /**Sent Job Requests**/ .infoTbltop label.bluLabel2 {color:#097aa6; font-size:11px; font-style:italic;} .joblistTbl p label.grayLabel {font:normal 10.5px Arial, Helvetica, sans-serif; color:#939598; text-align:left; padding:0; margin:0;} .newjbrequest_btn {background: url(../images/btn-newjbrequest.gif); background-position:left center; background-repeat:no-repeat; display:block; width:126px; height:24px; text-indent:-2000px;float:left;border:none; cursor:pointer; margin-left:5px;} .newjbrequest_btn:hover {background-position:right top} .tipspurplebox {width:182px; background:#f4f4f4; margin:16px 0 20px 12px; position:relative; border-top:5px solid #8968b0; border-bottom:5px solid #8968b0;} .tipspurplebox h1{font-size:18px; font-weight:bold; color:#000; text-transform:uppercase;} .tipspurplebox p{font-size:12px; font-style:italic; color:#404041; line-height:20px;} .tipspurplebox a{color:#735892; font:normal 12px Arial, Helvetica, sans-serif; line-height:40px;} .findstudents_btn {background: url(../images/btn-findstudents-roll.gif); background-position:left center; background-repeat:no-repeat; display:block; width:108px; height:24px; text-indent:-2000px;float:right;border:none; cursor:pointer;} .findstudents_btn:hover {background-position:right top} /**New connection pages**/ .everyoneBtn {background:url(../images/everyonebtnroll.png); background-position:left center; background-repeat:no-repeat; display:block; width:65px; height:21px; text-indent:-2000px;float:right; margin-right:10px; border:medium none; cursor:pointer;} .everyoneBtn:focus {background-position:right} .everyoneBtnFocus{background:url(../images/everyonebtnrollFocus.gif); background-position:left center; background-repeat:no-repeat; display:block; width:65px; height:21px; text-indent:-2000px;float:right; margin-right:10px;border:medium none; cursor:pointer;} #invitefriends_wrapper {background:none repeat scroll 0 0 #D5F0F9;border:2px solid #BBCFD7;float:left;left:-20px;padding:5px 15px 20px;position:relative;width:550px;} .parentBtn {background:url(../images/parentsbtnroll.png); background-position:left center; background-repeat:no-repeat; display:block; width:65px; height:21px; text-indent:-2000px;float:right; margin-right:10px;border:medium none; cursor:pointer;} .parentBtn:focus {background-position:right} .parentBtnFocus{background:url(../images/parentsbtnrollFocus.gif); background-position:left center; background-repeat:no-repeat; display:block; width:65px; height:21px; text-indent:-2000px;float:right; margin-right:10px;border:medium none; cursor:pointer;} .studentBtn {background:url(../images/studentsbtnroll.png); background-position:left center; background-repeat:no-repeat; display:block; width:65px; height:21px; text-indent:-2000px;float:right; margin-right:10px;border:medium none; cursor:pointer;} .studentBtn:focus {background-position:right} .studentBtnFocus{background:url(../images/studentsbtnrollFocus.gif); background-position:left center; background-repeat:no-repeat; display:block; width:65px; height:21px; text-indent:-2000px;float:right; margin-right:10px;border:medium none; cursor:pointer;} .addconnectionsBtn {background:url(../images/addconnectionsroll.png); background-position:left center; background-repeat:no-repeat; display:block; width:231px; height:36px; text-indent:-2000px;float:right; margin-right:10px;border:medium none; cursor:pointer;} .addconnectionsBtn:hover {background-position:right} .mutualBtn {background:url(../images/mutualbtnroll.png); background-position:left center; background-repeat:no-repeat; display:block; width:124px; height:21px; text-indent:-2000px;float:right; margin-right:10px; border:medium none; cursor:pointer;} .mutualBtn:focus {background-position:right} .mutualBtnFocus{background:url(../images/mutualbtnrollfocus.png); background-position:left center; background-repeat:no-repeat; display:block; width:124px; height:21px; text-indent:-2000px;float:right; margin-right:10px;border:medium none; cursor:pointer;} .outterwrapperbl {border:.25px solid #bbcfd7; background:#d1f0fc; padding:5px 0px 0px 0px; height:475px; margin-right:5px; width:600px; position:relative; left:-10px; float:right; margin-bottom:20px;} .outterwrapperbl2 {border:.25px solid #bbcfd7; background:#d1f0fc; padding:5px 0px 0px 0px; height:430px; margin-right:5px; width:600px; position:relative; float:right; margin-bottom:20px;} .blueboxcon {width:600px} .blueboxcon .searchandbuttons {height:42px; line-height:50px; padding:0 12px 0px 20px;} .blueboxcon .whitelistofcon {height:358px; overflow-y:auto; border:1px solid #929497; background:#fff; margin-bottom:14px; padding:0px 0px 10px 0px; width:560px; float:left; margin-left:20px;} .topblueconnections {width:585px; background-color:#18b5f0; border-top:.25px solid #bbcfd7; border-left:.25px solid #bbcfd7; border-right:.25px solid #bbcfd7; height:17px; vertical-align: middle; font:bold 16px Arial, Helvetica, sans-serif; color:white; padding: 5px 0 9px 15px;} #invitefriends {float:left; margin-top:12px; width:600px; left:-20px; position:relative;} #invitefriends .invitefriends{background:url(../images/sentjobrequests.png) left top no-repeat; padding-left:40px; line-height:24px; padding-bottom:8px; margin-bottom:14px;} #invitefriends h2{font:bold 18px Arial, Helvetica, sans-serif; color:#30b2e7;} .otheremailtype {font-family: Arial, Helvetica, sans-serif; font-size:13px; vertical-align:middle; font-weight:normal; padding-top:5px;} #invitefriendsconn {float:left; width:600px; left:-20px; position:relative;} #invitefriendsconn h1{font:bold 22px Arial, Helvetica, sans-serif; color:#30b2e7;} #invitefriendsconn p{font-size: 12px; line-height: 18px; padding:3px 50px 0 0;} .invitecodeconn {background: url(../images/referfriends.gif); background-position:left top; background-color:white; background-repeat:no-repeat; display:block; width:540px; padding:25px; height:285px; position: relative;} .invitefriendstop {background:url(../images/invitefriendsconntop.gif) no-repeat scroll left top #FFFFFF; width:590px; height:13px; float:left; position: relative; margin-top: 15px;} .invitefriendsmid {background:url(../images/invitefriendsconnmid.gif) repeat-y scroll left top #FFFFFF; width:590px; float:left; } .invitefriendsmidwrap{padding: 3px 22px;} .invitefriendsbtm {background:url(../images/invitefriendsconnbtm.gif) no-repeat scroll left bottom #FFFFFF; width:590px; height:12px;float:left; text-align:center;} /**Connection Requests**/ #connectionrequest {float:left; margin-top:30px; width:400px; left:-20px; position:relative;} #connectionrequest .connreqtitle{background:url(../images/connectionrequests.png) left center no-repeat; padding-left:40px; padding-top:8px; line-height:24px;} #connectionrequest h2{font:bold 18px Arial, Helvetica, sans-serif; color:#30b2e7;} .connreqital {font-size:16px; font-style:italic; padding-left:40px;} .connectionrequestimg {width:60px; background:#FFF; border:1px solid #BBBBBB; padding:3px;} .connreqname {color:#0979A4; font-weight:bold; font-size:14px; text-transform:capitalize;} .connreqTBL {margin-top:5px;} .connreqTBL td {padding:2px 0; text-transform:capitalize} .connreqTBL p {line-height:1.1} .connreqTBL label {color:#6d6e70; font:normal 11px arial; padding:0;} .connreqTBL a {color:#0979A4; font:normal 11px Arial, Helvetica, sans-serif} .confirm_btnroll {background: url(../images/btn-confirm-roll.gif); background-position:left center; background-repeat:no-repeat; display:block; width:63px; height:24px; text-indent:-2000px;float:left;border:none; cursor:pointer;} .confirm_btnroll:hover {background-position:right top} .confirmandreview_btn {background: url(../images/btn-confirmandreview-roll.gif); background-position:left center; background-repeat:no-repeat; display:block; width:126px; height:24px; text-indent:-2000px;float:left;border:none; cursor:pointer; margin-left:5px;} .confirmandreview_btn:hover {background-position:right top} .ignore_btnroll {background: url(../images/btn-ignore-roll.gif); background-position:left center; background-repeat:no-repeat; display:block; width:63px; height:24px; text-indent:-2000px;float:left;border:none; cursor:pointer; margin-left:5px;} .ignore_btnroll:hover {background-position:right top} .apply_btnroll {background: url(../images/btn-apply-roll.gif); background-position:left center; background-repeat:no-repeat; display:block; width:63px; height:24px; text-indent:-2000px;float:left;border:none; cursor:pointer; margin-left:5px;} .apply_btnroll:hover {background-position:right top} /**Help Pages**/ #Helppage {margin:25px 0 0 15px;} #Helppage H1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333333; font-weight:bold;} .smhlpsearchbutton {background:url(../images/smhlpsearchbtn2.gif); width:20.5 px; height:20px; padding: 0 7.5px; cursor:pointer; border:0; position:relative; top:1px; right:4px} ul.ediProfile_lftmnu .account {background:url(../images/16x16icons/accountsm.png) left center no-repeat; padding:1px 0px 1px 24px} ul.ediProfile_lftmnu .viewconnectionshlp {background:url(../images/connectionssm.png) left center no-repeat; padding:2px 0 1px 24px;} ul.ediProfile_lftmnu .jobs {background:url(../images/16x16icons/jobssm.png) left center no-repeat; padding:1px 0px 1px 24px} ul.ediProfile_lftmnu .loginandpassword {background:url(../images/16x16icons/passwordsm.png) left center no-repeat; padding:1px 0px 1px 24px} ul.ediProfile_lftmnu .profile {background:url(../images/16x16icons/profilesm.png) left center no-repeat; padding:1px 0px 1px 24px} ul.ediProfile_lftmnu .review {background:url(../images/16x16icons/reviewsm.png) left center no-repeat; padding:1px 0px 1px 24px} ul.ediProfile_lftmnu .settings {background:url(../images/16x16icons/settingssm.png) left center no-repeat; padding:1px 0px 1px 24px} ul.ediProfile_lftmnu .security {background:url(../images/16x16icons/securitysm.png) left center no-repeat; padding:1px 0px 1px 24px} ul.ediProfile_lftmnu .videos {background:url(../images/16x16icons/videotutorialssm.png) left center no-repeat; padding:1px 0px 1px 24px} #hlpcntrrt {float:left; margin-top:25px; width:480px; position:relative;} #hlpcntrrt h2{font:bold 18px Arial, Helvetica, sans-serif; color:#30b2e7;} #hlpcntrrt h3{margin-bottom:5px;} #hlpcntrrt h3 a{font:bold 18px Arial, Helvetica, sans-serif; color:#0979A4; text-decoration:none;} #hlpcntrrt h3 a:hover {text-decoration:underline;} .open {display: block;} .closed {display: none;} ul.helpquestions {padding:0; margin:0;} ul.helpquestions li a.question {font:bold 16px Arial, Helvetica, sans-serif; color:#0979A4; text-decoration:none; cursor:pointer;} ul.helpquestions li .answer {font-size:12px; list-style-type: none;} ul.helpquestions li a.question:hover {text-decoration:underline;} ul.helpquestions img {top:6px; position:relative; cursor:pointer;} ul.helpquestions li p {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; color:#33333; padding:2px 0 5px 26px;} ul.helpquestions li p a {color:#0979A4; cursor: pointer;} ul.helpquestions li .previewtext {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; padding:1px 0 5px 26px;} ul.helpquestions .twolineq {width:455px; float:right; padding-top:10px;} /**Forgot Password**/ .bluebordertopsm {background:url(../images/blue_bordersm_top.gif) no-repeat scroll left top #FFFFFF; width:463px; height:12px; float:left;} .bluebordermidsm {background:url(../images/blue_border_midsm.gif) repeat-y scroll left top #FFFFFF; width:463px; float:left; } .blueborderbtmsm {background:url(../images/blue_border_btmsm.gif) no-repeat scroll left bottom #FFFFFF; width:463px; height:42px;float:left; text-align:center; margin:0;} .blueborderbtmsm table tr td{height:38px; text-align: center; width: 100%; font-size: 12px;} .blueborderbtmsm table tr td a{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#0979A4; text-align: right;} h3.forgotpass{background:url(../images/Changepassword.png) left top no-repeat; padding:4px 0 5px 40px; line-height:24px;font:bold 18px Arial, Helvetica, sans-serif; color:#30b2e7; margin:5px 0 0 20px;} p.forgotpass{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; padding:0 20px 0 60px;} label.forgotpass{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#4d4d4f; line-height:2.2;} /**Connection pages no connection result**/ .noresultwrap {padding:18px 20px; width: 430px;} .noresultwrap h3{font:bold 16px Arial, Helvetica, sans-serif; color:#f26628;} .noresultwrap p {font: 13px/18px Arial, Helvetica, sans-serif; padding-top:8px; } .noresultwrap h4 {font:bold 12px Arial, Helvetica, sans-serif; } p.subinfolinkcap{font:11px/16px Arial, Helvetica, sans-serif; color:#636466; padding-top: 10px;} .searchcontacts {width:155px; position:relative; float: left; padding-right: 50px; padding-top: 10px;} .searchcontacts a{background:url(../images/16x16icons/searchcontactssm.gif) left center no-repeat; padding:3px 0 4px 25px; font-size:12px; height:16px; color:#0979A4; cursor:pointer;} .searchcontactsa {background:url(../images/16x16icons/searchcontactssm.gif) left center no-repeat; padding:3px 0 4px 25px; font-size:12px; height:16px; color:#0979A4; cursor:pointer;} .browsestuandpar {width:200px; position:relative; float: left;padding-top: 10px; } .browsestuandpar a {background:url(../images/16x16icons/addcontactssm.png) left center no-repeat; padding:3px 0 2px 25px; font-size:12px; height:16px; color:#0979A4; cursor:pointer;} /*** iframe stuff ***/ iframe.iframeupload { border-width: 0px; height: 60px; width: 300px; vertical-align:top; float:left; margin-left:29px; display:inline; position:relative; } iframe.hidden { visibility: hidden; width:0px; height:0px; } /**Refer Friends Page**/ #referfriendswrapper {background:url(../images/referfriends.gif) left top no-repeat; height:285px; width:540px; left:50px; float:left; position: relative; padding: 25px;} #referfriendswrapper h1{font:bold 22px Arial, Helvetica, sans-serif; color:#30b2e7;} #referfriendswrapper p{font-size: 12px; line-height: 18px; padding:3px 50px 0 0;} .referfriendlinkwrap {float: right; width:265px; margin-top: 8px;} .referprofimgthumb {background:#FFF; border:1px solid #BBBBBB; padding:2px;} .referlinkstbl{} .referlinkstbl tr{height:50px} .referlinkstbl tr td a{font-size:16px; font-weight:bold; color:#0979A4; cursor:pointer; margin-left:10px;} .referlinkstbl tr td input {margin-top:3px; background:#FFF; border:1px solid #b7b7b7; font-size:9px; color:000000; width: 210px;} .referlinkstbl tr td a span {background-image: none !important; margin-left: 0!important;} span.referlinkstblp {font-size: 14px;} .referfaq {width:230px; margin-right: 55px; float: right; position: relative;} .referfaqtop {background:url(../images/Referalimages/referalfaqtop.gif) no-repeat scroll left top #FFFFFF; width:230px; height:13px; float:right; position: relative; margin-top: 5px;} .referfaqmid {background:url(../images/Referalimages/referalfaqmid.gif) repeat-y scroll left top #FFFFFF; width:230px; float:right; } .refermidwrap{padding: 3px 22px;} .referfaqbtm {background:url(../images/Referalimages/referalfaqbottom.gif) no-repeat scroll left bottom #FFFFFF; width:230px; height:12px;float:right; text-align:center;} .refermidwrap h2{font:normal 18px Arial, Helvetica, sans-serif;} .refermidwrap p{font:normal 12px/18px Arial, Helvetica, sans-serif;} a.upgradeaccount_btn {background: url(../images/upgradeaccountbtn.gif); background-position:left center; background-repeat:no-repeat; display:block; width:187px; height:36px; text-indent:-2000px;float:left;border:none; cursor:pointer; margin-left:5px;} a.upgradeaccount_btn:hover {background-position:right top} /***Membership page**/ a.membershipcoupon {background:url(../images/couponroll.gif) left top no-repeat; height:153px; width:277px; display: block; cursor: pointer;} a.membershipcoupon:hover {background-position:right top;} .profilewarning {color:#636467; font-size: 10px;} /**FB ad**/ .betterwithfb {background: url(../images/betterwithfb.jpg); background-position:right top; background-color: white; background-repeat:no-repeat; display:block; width:616px; height:500px; margin-left:auto; margin-right:auto;} .betterwithfb h1{font:bold 22px Arial, Helvetica, sans-serif; color: #214782; margin:30px 0 20px 100px; padding-top:30px;} .donthavefb {float:right; height:20px; margin-top:-20px; text-align:right; top:100%; width:200px;} .donthavefb a{font-size:12px; color:#0979A4; cursor:pointer; margin-right: 30px;} .betterwithfbpoints {width: 300px; margin: 8px 8px 8px 18px;} .betterwithfbpoints ul {list-style-image: url(../images/greencheck.png); margin: 0;} .betterwithfbpoints li {font:bold 16px Arial, Helvetica, sans-serif;} .betterwithfbpoints li p {font:normal 12px Arial, Helvetica, sans-serif; color: #4c4d4f;} /**invite code **/ .invitecode {background: url(../images/referfriends.gif); background-position:right top; background-color:white; background-repeat:no-repeat; display:block; width:616px; height:500px; padding-top: 10px; margin-top:30px; margin-left:auto; margin-right:auto;} .invitecode h1{font:bold 22px Arial, Helvetica, sans-serif; color: #30b2e7; margin:20px 0 5px 50px;} .inviteRight {float:right; width:200px; margin:50px 50px 0px 0px;} .invite_text {width:500px; margin: 0px 0px 0px 50px; color:#636467; font-size: 14px;} .invite_textsignup {width:500px; margin: 0px 0px 0px 50px; color:#636467; font-size: 14px; line-height:18px;} .invite_input {font:bold 12px Arial, Helvetica, sans-serif; color: #333333; padding: 0 0 5px 0} .inviteorangehead {color:#F26628; font:bold 16px Arial,Helvetica,sans-serif;} .inviteblurb {font:13px/16px Arial, Helvetica, sans-serif; margin: 8px 0 15px 0;} .sendinviteBtn {background:url(../images/sendrequests_btn.png); background-position:left center; background-repeat:no-repeat; display:block; width:234px; height:36px; text-indent:-2000px;float:right; margin-right:10px;border:medium none; cursor:pointer;} .sendinviteBtn:hover {background-position:right} .requestinvitetable td{padding:0} .requestinvitetable td label {margin-right:10px; color:#333333; font:bold 12px Arial,Helvetica,sans-serif; padding:0;} .errorrequestinvite {color:red; margin:10px 0; font-size: 12px; font-style: italic; font-weight: bold; vertical-align: top; margin-left: 20px;} /**viewstudent**/ .selecthomeright {width:280px; position: relative; float: right; margin: 10px 0px; text-align:right;} .selecthomeright label {font:normal 13px/1 Arial,Helvetica,sans-serif;} /*Login stuff*/ .login-label {font-size:12px; font-weight:bold; margin-right:15px; text-align:right; color: #000000;} #login-form .input {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #B7B7B7; font-size:11px;padding:2px;width:200px;} #login-error .error{color:#000; font-size:11px;padding:2px;width:200px;} .loginBtn { background:url("../images/btn-loginroll.gif") no-repeat scroll left center transparent; border:medium none; cursor:pointer; height:24px; outline:medium none; width:55px; } .loginBtn:hover {background-position:right;} #login-error {color:#000000; font:11px Arial; text-align:left;} #regular_signup {margin:0 ; width:640px;} #regular_signup_form {text-align: left; width:275px; float:left; margin-right:auto;} #regular_signup_form h2{margin-left:auto; margin:right:auto; text-align: center; font-size:14px; color:#414142;} #regular_signup_form p.toptxt {color:#636467} #regular_signup_form div{height:26px; padding: 1px;} #regular_signup_form div .InboxOne {border:1px solid #B7B7B7; padding:2px; width:145px; margin-bottom:6px; font-size:11px; color:#000} #regular_signup_form div input:focus {border:1px solid #0A79A4; background:#ECF9FD} #regular_signup_form label{float:left; font-size:12px; margin-top:3px; font-weight:bold; color:#414142; padding-left:0;} #regular_signup_form label.error{color:#CC0033; font-size:11px; float:none; display: block;} #regular_signup_form input, #regular_signup_form select {float:right; width:143px; padding:2px; font-size:11px;} #regular_signup_form #user_type {margin-right:auto; height: auto; padding-top: 10px; padding-bottom: 12px;} #regular_signup_form #user_type div{font-size:12px; height: auto; margin-top:3px; font-weight:bold; color:#414142; padding-left:30px;} #user_type input{float:none; display:inline; margin-left:20px; width:15px;} #user_type label{float:none; display:inline;} #regular_signup_form select { width:150px; margin-bottom:6px; color:#000} #regular_signup_right_sidebar {text-align:left; float:right; width:300px; padding-right: 20px; border-right: 1px solid #4FBDEB;} #regular_signup_right_sidebar p{font-size:15px; margin-bottom:14px;} #regular_signup_right_sidebar a{color:#097AA6} #createmyaccount {background:url(../images/btn-create-my-accountroll.gif) left top no-repeat; width:210px; height:33px; border:none;cursor:pointer; margin-bottom:10px; margin-top:15px;} #conn_request select {float:left; width:143px; padding:2px; font-size:11px;} #edit_profile_form {float:left; width:500px; font-size:13px;} #edit_profile_form div{height:35px; } #edit_profile_intro_text {margin-bottom:30px;} #edit_profile_form label{float:left; text-align:right; width:125px; font-size:12px; margin:3px 15px; font-weight:bold; color:#414142; padding-left:0;} #edit_profile_form input, #edit_profile_form select{width:143px; padding:2px; font-size:11px;} #edit_profile_form select { width:150px; margin-bottom:6px; color:#000} #edit_profile_form .full-width {height:auto; clear:both;} #edit_profile_form .full-width label {margin-top:10px;} #edit_profile_form .full-width .content {border-top: 2px solid #FFDC82; padding-top:7px; float:right; height:auto; width:340px;} #edit_profile_form .full-width input{width: 300px;} #edit_profile_form .job_interest {float: left; width: 100px;} #edit_profile_form .job_interest input{width: 10px;} #edit_profile_form .create_reference label {float:left; text-align:left; width:100%;} #edit_profile_form .create_reference input {float:left; width:150px;} .inputone{float:left;} .jobBoardTbl {border-top:1px solid #C1E8F8; margin-top:10px; margin-left:40px;} .jobBoardTbl a {color:#0979A4; } .jobBoardTbl .spacepipe {color:#0979A4; font:normal 11px Arial, Helvetica, sans-serif; margin-left:7px; margin-right:7px;} .jobBoardTbl td.profilepicture {width:49px; padding-left:0px; padding-right:15px; padding-top:18px; padding-bottom:10px; border-bottom:1px solid #C1E8F8;text-align:left;} .jobBoardTbl td.jobinfo {padding-left:0px; padding-right:10px; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #C1E8F8;} .jobBoardTbl .jobTitle {color:#0B78A3; font: normal 15px Arial, Helvetica, sans-serif; font-weight:bold; } .jobBoardTbl .smallText {font: normal 11px Arial, Helvetica, sans-serif; padding-bottom:8px; font-style: italic;} .jobBoardTbl .smallText .noitalic {font-style: normal;} .jobBoardTbl .datetyperate {padding:0; margin:0;} .jobBoardTbl .datetyperate tr {padding:0; margin:0;} .jobBoardTbl .datetyperate tr td{padding:0; margin:0;} .jobBoardTbl .apply2job {background:url(../images/16x16icons/apply2job.png) left center no-repeat; padding:1px 0px 1px 21px} .jobBoardTbl .apply2jobgray {background:url(../images/16x16icons/apply2jobgray.gif) left center no-repeat; padding:1px 0px 1px 21px} .jobBoardTbl .label {color:#636467; font: normal 12px Arial, Helvetica, sans-serif; font-weight:bold;} .jobBoardTbl .nameLabel {color:#0B78A3; font: normal 11px Arial, Helvetica, sans-serif; font-weight:bold; } /** bubble tip **/ .bubbletip {position: absolute; z-index: 50; border-collapse: collapse;} .bubbletip td.bt-topleft{background: transparent url(../images/bubbletip/bubbletip.png) no-repeat scroll 0px 0px; height: 33px; width: 33px;} .bubbletip td.bt-top {background: transparent url(../images/bubbletip/bubbletip-T-B.png) repeat-x scroll 0px 0px; height: 33px;} .bubbletip td.bt-topright {background: transparent url(../images/bubbletip/bubbletip.png) no-repeat scroll -73px 0px; height: 33px; width: 33px;} .bubbletip td.bt-left-tail div.bt-left, .bubbletip td.bt-left {background: transparent url(../images/bubbletip/bubbletip-L-R.png) repeat-y scroll 0px 0px; width: 33px;} .bubbletip td.bt-left-tail div.bt-left-tail {background: transparent url(../images/bubbletip/bubbletip.png) no-repeat scroll 0px -33px; width: 33px; height: 40px;} .bubbletip td.bt-right-tail div.bt-right, .bubbletip td.bt-right {background: transparent url(../images/bubbletip/bubbletip-L-R.png) repeat-y scroll -33px 0px; width: 33px;} .bubbletip td.bt-right-tail div.bt-right-tail {background: transparent url(../images/bubbletip/bubbletip.png) no-repeat scroll -73px -33px; width: 33px; height: 40px;} .bubbletip td.bt-bottomleft {background: transparent url(../images/bubbletip/bubbletip.png) no-repeat scroll 0px -73px; height: 33px; width: 33px;} .bubbletip td.bt-bottom {background: transparent url(../images/bubbletip/bubbletip-T-B.png) repeat-x scroll 0px -33px; height: 33px;} .bubbletip td.bt-bottomright {background: transparent url(../images/bubbletip/bubbletip.png) no-repeat scroll -73px -73px; height: 33px; width: 33px;} .bubbletip table.bt-top, .bubbletip table.bt-bottom { width: 100%;} .bubbletip table.bt-top th {width: 50%; background: transparent url(../images/bubbletip/bubbletip-T-B.png) repeat-x scroll 0px 0px;} .bubbletip table.bt-bottom th {width: 50%; background: transparent url(../images/bubbletip/bubbletip-T-B.png) repeat-x scroll 0px -33px;} .bubbletip table.bt-top td div {background: transparent url(../images/bubbletip/bubbletip.png) no-repeat scroll -33px 0px; width: 40px; height: 33px;} .bubbletip table.bt-bottom td div {background: transparent url(../images/bubbletip/bubbletip.png) no-repeat scroll -33px -73px; width: 40px; height: 33px;} .bubbletip td.bt-content {background-color: #fff; vertical-align: middle;} #tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85;} #tooltip h3, #tooltip div { margin: 0; } #tooltip.pretty {font-family: Arial; border: none; width: 210px; padding:20px; height: 135px; opacity: 0.8; background: url('../images/tooltip/shadow.png');} #tooltip.pretty h3 { margin-bottom: 0.75em; font-size: 12pt; width: 220px; text-align: center;} #tooltip.pretty div { width: 220px; text-align: left; } #tooltip.fancy { background: url('../images/tooltip/shadow2.png'); padding-top: 5em; height: 100px;} #tooltip.fancy.viewport-right {background: url('../images/tooltip/shadow2-reverse.png');} .aboutmyhometownlink {font:bold 18px Arial, Helvetica, sans-serif; color:#30b2e7; margin-top:20px;} .aboutbold {color:#0979A4;} .aboutimages{float:left; display: inline; padding-right:20px; width:165px; height:220px;} .aboutperson{width:350px; margin-right:100px ;height:250px;} .counter-wrap {height:48px; overflow:hidden; position:relative;} .counter-number {height:635px; width:31px; position:relative; background-image:url('../images/counter_ticker_bg_mhtl.gif'); float:left;}