/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/*
fonts
*/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
*{}
html,
button,
input,
select,
textarea {
color: #222;
font-family: 'Lato', sans-serif;
}
body {
font-size: 16px;
font-family: 'Lato', sans-serif;
color:#323d45;
}
a{
text-decoration:none;
color:#fff;
cursor:pointer;
}
td a{color:#323D45}
td a span{color:#fff}
p{line-height:24px; margin:0 0 1em;}
td a.btn.light-black{padding:5px 15px; line-height:16px; height:auto; font-weight:400;}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
#wrapper{width:100%;}
.inner{width:1063px; margin:0 auto; padding:0 24px;}
.col-left{float:left;}
.col-right{float:right;}
.col-1{width:303px; float:left;}
.right{float:right;}
.left{float:left;}
/*sprite image*/
.flex-direction-nav a, .flex-control-paging li a, .icon-prev, .icon-next, .icon-line1, .icon-line2, .icon-facebook, .icon-twitter, .icon-linkedin, .login-facebook, .login-linkedin, .icon-upload, .icon-error, .user-img, .icon-top-arrow, .icons, .user-login sup, .icon-location, .icon-back, .icon-pointer, .icon-help, div.radio span, .bar-rating a, .icon-share, .icon-success, div.tagsinput span.tag a, .icon-dots{background:url(../img/sprite.png) no-repeat;}
/*header*/
#header{width:100%; min-height:60px; background:#323d45;}
/*logo*/
.logo{float:left; padding:17px 0;}
.logo-responsive { display:none;}
/*menu*/
#menu{float:left; margin:17px 0 0 102px; padding:0}
#menu li{float:left; margin:0 13px;}
#menu li a{padding-bottom:3px; font-size:11px;}
#menu li a:hover, #menu li.active a{border-bottom:1px solid #fff;}
#menu li.active a{font-weight:700}
/*top login*/
.top-login{float:right; width:auto; position:relative}
.top-login a.login{width:200px; padding:21px 0 24px; float:left; text-align:center; font-size:11px; font-weight:900;}
.top-login:hover a.login, a.login.active{color:#323d45; background:#fff;}
.top-login a.login span img { top:-50px; position:relative;}
.top-login a.login span { height:10px; overflow:hidden; width:10px; margin-right:15px; background:url(../img/arrowdown.png) no-repeat center center;}
.top-login:hover a.login span { background:url(../img/arrowdown-dark.png) no-repeat center center;}
/*popup login*/
.popup-login{width:247px; padding:24px 15px 2px; background:#fff; float:left; position:absolute; top:54px; left:0; z-index:9; color:#555e65; display:none; border:1px solid #f5f5f5; border-top:none; border-radius:0px 3px 0px 0px; -webkit-border-radius:0px 3px 0px 0px;}
.popup-login ul{padding:0; list-style:none; margin:0;}
.popup-login ul li{margin-bottom:17px; width:100%; float:left;}
.popup-login ul li.or{border-bottom:1px solid #e0e2e3; text-align:center; margin:-2px 0 27px;}
.popup-login ul li.or span{display:block; background:#fff; margin:0 auto -10px; width:74px;}
.popup-login ul li input{font-size:14px; color:#555e65;}
.popup-login .btn.light-black{margin:0; font-size:14px; font-weight:700; color:#fff; width:100px;}
.popup-login ul li.forget-pw{margin-top:-7px;}
.forget-pw a{color:#323d45; text-decoration:underline; font-size:12px;}
.cms .forget-pw a{font-size:14px;}
.popup-login input[type=text], .popup-login input[type=password]{width:100%;}
.popup-login .btn.light-red{min-width:40px; padding:0px; width:100px; font-weight:700; height:36px; text-transform:uppercase; line-height:36px;}
/*.popup-login{width:241px; padding:10px 10px 0; background:#fff; float:left; position:absolute; top:60px; left:0; z-index:9; color:#555e65; display:none; border:1px solid #f5f5f5; border-top:none;}
.popup-login ul{padding:0; list-style:none; margin:0;}
.popup-login ul li{margin-bottom:10px; width:100%; float:left;}
.popup-login ul li.or{border-bottom:1px solid #e0e2e3; text-align:center; margin:-2px 0 12px;}
.popup-login ul li.or span{display:block; background:#fff; margin:0 auto -10px; width:74px;}
.popup-login ul li input{font-size:14px; color:#555e65;}
.popup-login .btn{height:30px; line-height:30px;}
.popup-login .btn.light-black{margin:0; font-size:14px; font-weight:700; color:#fff;}
.popup-login ul li.forget-pw{margin-top:-7px;}
.forget-pw a{color:#323d45; text-decoration:underline; font-size:12px;}
.cms .forget-pw a{font-size:14px;}
.popup-login input[type=text], .popup-login input[type=password]{width:100%; height:34px; line-height:22px; padding:5px 20px;}
.popup-login .btn.light-red{min-width:40px; padding:0 20px;}*/
/*top user login */
.user-login{float:right; margin-right:10px; max-width: 210px;}
.user-login a{font-size:12px;}
.user-login sup{width:18px; height:18px; background-position:-36px -144px; line-height:16px; position:absolute; top:10px; right:32px; float:right; text-align:center; }
.user-img{float:left; width:40px; height:40px; padding:10px 5px; background-position:-144px -72px; margin-right:11px;}
.user-img img{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; max-width:100%; max-height:100%}
.user-login .user-name{line-height:14px; float:left; margin:19px 0 0; height: 41px;}
.user-login .user-name span{float:left; font-weight:700; max-width:107px; word-wrap: break-word;}
.user-login ul{padding:0; position:absolute; top:60px; right:0; background:#323d45; width:149px; list-style:none; margin:0; display:none; }
.user-login ul a{display:block; padding:6px 15px 5px; color:#b2b2b3; font-weight:700;}
.user-login ul .last a{padding-bottom:9px;}
.user-login ul a:hover{background:#fcd55f; color:#323d45;}
.user-login span.info{position:absolute; width:20px; height:20px; border-radius:50%; right:3px; top:4px; background:#000; color:#fff; text-align:center;}
.user-login .sub-menu ul li a{padding-right:30px;}
/* sub child item */
.user-login ul li{position:relative;}
.user-login ul li ul{position:absolute; margin:0px; padding:0px; left:149px; top:0px; display:none ; transition:all 0.5s ease; border-left:1px solid #585e62}
.user-login ul li ul li a{padding-left:20px;}
.user-login ul li.selected a{/*background-color:#fcd55f;*/ color:#D3D1D1;}
.user-login ul li.selected1 a{color:#d3d1d1;}
.user-login ul li ul li.selected a i.tick{background: url(../../images/sprites/glyphicons-halflings.png) no-repeat -289px -2px; color:#333; height:13px; width:20px; display:inline-block; float:left ;margin:2px 5px 0 0}
.user-login ul li:hover > a{background-color:#fcd55f; color:#323d45;}
.user-login ul li:hover > a i.icon-edit{background-position:-108px -72px}
.user-login ul li:hover ul{display:block}
.user-login ul li ul li a:hover{}
/*commen form*/
input[type=text], input[type=password], select, textarea, #wrapper div.uploader span.filename{border:1px solid #e0e2e3; height:42px; padding:5px 20px; box-sizing:border-box; -moz-box-sizing:border-box; font-family: 'Lato', sans-serif; outline:none; font-size:14px}
input[type=submit], button, input[type=button]{border:none; color:#fff; float:right; font-weight:700; font-size:14px;}
input[type=button]{float:none; display:table-cell; margin:10px;}
/*main banner*/
.main-slider{width:100%; position:relative; text-align:center; overflow:hidden;}
.main-slider img{max-width:100%}
.main-slider p{color:#323d45; font-size:18px; font-weight:300; line-height:30px;}
.main-slider .inner{position:relative;}
.cms .main-slider .inner{position:relative; min-height:0 !important; padding:0 24px;}
.main-slider .content{float: left;
left: 0;
margin: 0 auto;
max-width: 450px;
position: absolute;
text-align: center;
top: -375px;
width: 100%;}
.main-slider h1{margin-bottom:44px; color:#323d45; font-weight:400; font-size:44px;}
.banner-wrap{width:100%; clear:both;}
.main-slider .content .btn {margin-left:0; padding:0 30px; font-size:16px; font-weight:700; height:36px; line-height:36px; text-transform:none;}
.main-slider li.video .content {width:404px; text-align:center; height:153px; left:0px; top:-326px; padding:18px 30px; color:#fff;}
.main-slider li.video .content h1 {color:#fff; font-size:50px; margin-bottom:13px; font-weight:bold;}
/*commont section*/
/*why section*/
#why .inner{ height: auto;/*420px;*/}
#why .inner .flexslider { padding-top: 113px;}
#why h2{height:90px; padding:0; line-height:79px; text-align:center; background:#f85352; color:#ffffff; position: relative; z-index: 9999; margin-bottom: 0px; letter-spacing: 0.5px;}
#why .slides .col-right.center {height: auto!important;}
.slides .col-left {margin-left:41px;}
.slides .col-right {width:480px; margin:66px 86px 0 0; height:220px; overflow:hidden}
.slides .col-right h3{font-weight:400; margin-bottom:40px; color:#31363a;}
.slides .col-right h3 span{float:left; margin-right:19px;}
.slides .col-right.center { width:500px; text-align:center; float:none; margin:auto;}
/*yellow signup section*/
.yellow{background:#fcd55f; padding:79px 0 115px; text-align:center;}
.yellow p{font-size:18px; color:#323D45; font-weight:400; font-family:'Open Sans';}
/*white section*/
.white{min-height:173px; display:none; }
.white.promo{min-height:44px;}
/*footer*/
#footer{background:#323d45; border-top:10px solid #fcd55f; font-size:14px; color:#fff; min-height:214px; overflow:hidden;}
#footer ul{list-style:none; margin:0; padding:0; }
#footer ul li{margin-bottom:4px;}
#footer ul li a{font-weight:300}
#footer .col-1{padding:23px 0 37px; width:auto;}
/* IE6, IE7, IE8 */
#footer .col-1 { width/*\**/:410px\9; }
#footer .col-1 li{float:left; width:150px;}
#footer .col-1 li.first, #footer .col-1 li:nth-child(odd){width:260px; clear:left;}
#footer .col-2{float:right; width:301px;}
#footer .social-wrap{width:183px; padding:15px 10px 7px 24px; float:left; background:#fcd55f;}
#footer .social-wrap li{margin-bottom:23px; font-size:18px; line-height:21px;}
#footer .social-wrap li a { font-weight:400;}
#footer a:hover{font-weight:400;}
.copyright{clear:left;}
.followus ul li a{font-weight:300}
/*flexslider*/
.flexslider{-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none}
.flexslider .col-left{width:285px; height:223px; }
.flexslider .slides img{width:auto; max-width:100%; max-height:223px }
.flexslider p{color:#31363a;}
.flex-direction-nav a{width:10px; top:60%}
.flex-direction-nav .flex-prev, .icon-prev {background-position: 0 -72px; left: -15px;}
.flex-direction-nav .flex-next, .icon-next {background-position: -18px -72px; right: -15px; }
.flexslider:hover .flex-prev {opacity: 1; left: -15px;}
.flexslider:hover .flex-next {opacity: 1; right: -15px;}
.flex-control-nav{bottom:25px;}
.flex-control-paging li{margin:0 3px;}
.flex-control-paging li a{width:10px; height:10px; background-position:-18px -180px;}
.flex-control-paging li a:hover { background-position:0 -180px; background:#323d45; }
.flex-control-paging li a.flex-active { background-position:0 -180px; background:#323d45; cursor: default; }
.main-slider .flex-direction-nav .flex-next {right: 0 !important; margin-right: 40px; opacity: 0; position: absolute; }
.main-slider .flex-direction-nav .flex-prev {left: 0 !important; opacity: 0; margin-left: 40px; position: absolute;}
.main-slider:hover .flex-prev {opacity: 1; }
.main-slider:hover .flex-next {opacity: 1; }
/*icons*/
.icon-line1{background-position: -198px 0 ; height:1px; display:table; width:10px; margin:4px auto 16px;}
.icon-line2{background-position: -198px -18px ; height:1px; display:table; width:10px; margin:0 0 9px;}
.icon-facebook, .icon-twitter, .icon-linkedin{width:26px; height:26px; float:left; margin:0 20px 0 4px}
.icon-facebook{background-position:-216px 0;}
.icon-twitter{background-position:-252px 0;}
.icon-linkedin{background-position:-288px 0;}
.login-facebook, .login-linkedin{width:112px; height:35px; float:left; }
.login-facebook{ background-position:0 0; margin-right:17px}
.login-linkedin{ background-position:0 -36px;}
.icon-upload{float:left; width:20px; height:14px; background-position:0 -144px; margin:8px 10px 0 18px; }
.lt-ie9 .icon-upload{margin:8px 10px 0;}
.icon-error{float:left; height:40px; width:16px; margin:1px 6px 0 -9px; background-position:-218px -72px;}
.icon-top-arrow{float:right; width:18px; height:18px; background-position:-72px -72px; margin:3px 12px 0 12px;}
.icon-help{width:20px; height:20px; float:right; background-position:-36px -180px;}
.icon-square{width:9px; height:9px; background:#fff; float:left; margin:12px 10px 0 0;}
.icon-share{background-position:0 -108px; float:left; height:18px; width:20px; margin-right:6px;}
.icons{float:left; width:18px; height:18px; margin-right:12px;}
.icon-edit{background-position:-90px -72px;}
.icon-edit1{background-position:-72px -90px; margin:0;}
.icon-user{background-position:-90px -90px;}
.icon-job-list{background-position:-90px -108px;}
.icon-branding{background-position:-36px -126px}
.icon-apikey {width:18px; height:18px; float:left; background-image:url(../../images/key.png); background-repeat:no-repeat; margin-right: 6px;}
.icon-logout{background-position:-90px -126px;}
.icon-available{background-position:-90px -144px;}
.icon-location{background-position:-72px -108px;}
.icon-close{background-position:-126px -72px; float:right; margin:9px 0 0 15px; }
.icon-close1{background-position:-126px -90px; float:none; display:inline-block; margin:3px 9px 0 0; }
.icon-close2{background-position:-126px -108px; float:right; margin:7px -10px 0 10px; }
a .icon-star{background-position:0px 0px; float:none; display:inline-block; background-image:url(../img/star.png); background-repeat:no-repeat; vertical-align:bottom; margin-right:5px;}
.icon-star, a.active .icon-star{background-position:-72px -126px; float:none; display:inline-block; background-image:url("../img/sprite.png");}
a .icon-starr{background-position:0px 0px; float:none; display:inline-block; background-image:url(../img/star.png); background-repeat:no-repeat; vertical-align:bottom; margin-right:5px;}
.icon-star, a.active .icon-starr{background-position:-72px -126px; float:none; display:inline-block; background-image:url("../img/sprite.png");}
.icon-star1{background-position:-54px -126px;}
.icon-circle1{background-position:-54px -144px; margin:6px 10px 0 0}
/*icon hover*/
a:hover .icon-edit{background-position:-108px -72px;}
a:hover .icon-user{background-position:-108px -90px;}
a:hover .icon-job-list{background-position:-108px -108px;}
a:hover .icon-logout{background-position:-108px -126px;}
a:hover .icon-available{background-position:-108px -144px;}
.icon-dots{display:inline-block; width:16px; height:18px; background-position:-124px -172px;}
.icon-help1{width:20px; height:20px; float:right; background-position:-36px -180px;}
/*button*/
.btn-wrap{padding:54px 0 0}
.btn{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display:inline-block; height:36px; padding:0 15px; line-height:36px; text-transform:uppercase; font-size:12px; min-width:90px; text-align:center; font-weight:400; }
.btn.light-red{padding:0 25px; background:#f85352; font-size:14px; display:inline-block;}
.btn.light-black{padding:0 15px; background:#323d45; display:inline-block; margin:0 12px; text-transform:uppercase; font-weight:700;}
.btn.skill-btn, .btn.email-btn{padding:0 17px; background:#ccc; font-size:11px; color:#323d45; margin:0 17px 16px 0; float:left; }
.btn.email-btn{ float:right; margin:5px 0; }
/*signup page*/
.signup{width:100%; width:100%;}
.signup .signup-title{width:100%; background:#fcd55f; padding:10px 0 15px;}
.signup-title h3{color:#fff;}
.signup h4{/*font-weight:900;*/ font-weight:700; font-size:18px; width:730px; padding:22px 10px 22px 44px; margin:auto;}
.signup h4 span{float:right; color:#f85352; font-weight:400;}
.signup .btn{text-transform:none; font-weight:400; font-size:14px; min-width:136px; float:right; margin-right:0; }
.signup h4 .btn span{float:none; color:#fff;}
.signup .btn-wrap{margin-bottom:40px; padding-top:25px; width:100%; overflow: hidden;}
.payment-btn-holder { margin: 0 auto; max-width: 535px; overflow: hidden; text-align: right; width: 100%;}
/*signup light gray setion*/
.signup form div.light-gray { /*min-height:555px;*/ overflow:hidden;}
.light-gray{width:100%; padding:32px 0px; background:#f8f8f8;}
.light-gray ul{width:892px; box-sizing:border-box; -moz-box-sizing:border-box; padding-left:135px; margin:0 auto; list-style:none;}
.light-gray ul li{font-size:14px; margin-bottom:8px;clear: both;}
.light-gray ul li label, .cms label{float:left; width:301px; margin-right:24px; line-height:40px;}
.light-gray ul li .form-element, .cms .form-element{position:relative; font-size:14px; color:#555e65; display:inline-block;}
.light-gray ul li input[type=text], .light-gray input[type=password], .cms input[type=text], .cms input[type=password] {width:285px; border-color:#ccc; font-size:14px; font-family: 'Lato', sans-serif; color:#555e65}
.light-gray input[type=password] {color:#000; letter-spacing:2px;}
.light-gray ul li .medium input[type=text]{width:132px;}
.term-condition {width:892px; margin:auto;}
.term-condition .form-element {float:left; margin-left:460px; margin-top:10px;}
.term-condition .form-element a {text-decoration:underline;}
/*error*/
error{position:relative;}
.error .ui-selectmenu-button, .error input[type=text], .light-gray ul li .error input[type=text], .error textarea, .error input[type=password]{border-color:#f85352!important; }
.error .error{position:absolute; left:100%; top:0; background:#f85352 url(../img/sprite.png) -219px -71px no-repeat; height:42px; line-height:38px; padding-right:12px; color:#fff; min-width:130px; font-size:12px; padding-left:18px; margin-left:-7px; white-space:nowrap;}
.contact-wrap .error .error{min-width:50px;}
.textarea.error .error{height:41px;}
#add-job-ul .error .error{min-width:114px;}
#wrapper .error div.selector{border-color:#f85352;}
/*upload wrap*/
.upload-wrapper{padding-left:40px; width:188px; margin:0 auto 15px; min-height:188px;}
.upload-img-wrap{width:188px; height:auto; background:#e4e4e4; position:relative; cursor:pointer;}
.upload-img-wrap button{position:absolute; bottom:0; left:0;}
.upload-img-wrap img{max-height:100%; max-width:100%; margin:0 auto; width:100%;}
.upload-img-wrap .upload-title{background:#fcd55f; position:absolute; top:0; left:0; width:100%; height:31px; }
.upload-title a{font-size:12px; line-height:26px; color:#323d45; font-weight:700; min-height:30px;}
.qq-upload-button { width:100% !important; height:180px !important; background: none !important;}
/*edit profile page*/
.page-title{ width:100%; clear:both;}
.page-title h1{font-size:36px; margin:0; }
.edit-profile .page-title, .cms .page-title, .checkout .page-title {padding:21px 0; background:#f85352;}
.edit-profile .upload-img-wrap{/*background:url(../img/no-profile-img.jpg) no-repeat;*/}
.edit-profile a {color:#323d45;}
.edit-profile .col-wrap{width:1112px; margin:0 auto; /*background:#f8f8f8;*/ }
.edit-profile .col-1-2{width:490px; padding:30px 28px 40px 26px; float:left; background:#fff;}
.edit-profile .col-1-2.col-end{background:#f8f8f8; width:518px; padding:30px 24px 140px 26px;}
.edit-profile .col-1-2.col-end .content, .edit-profile .col-1-2 .content{padding:0;}
.edit-profile .col-1-2 .content.about-me { margin-top:40px; margin-bottom: 40px;}
.edit-profile .col-1-2 .content.resume-me, .edit-profile .col-1-2 .content.skill-me { margin-top:20px;}
.edit-profile .col-wrap h4 {border-bottom: 1px solid #E0E0E0; color: #323D45; font-size: 12px; margin: 0 0 20px; padding: 0 0 8px; font-weight:700;}
.edit-profile .col-wrap .about-me h4{padding-bottom:6px; margin-bottom:14px;}
.edit-profile .col-wrap h4 span{float:left;}
.edit-profile .col-left{margin-top:5px;}
.edit-profile .col-right{width:270px;}
.edit-profile h2{font-size:30px; color:#f85352 ; line-height:36px; margin-bottom:24px; font-weight:400;}
.edit-profile ul{list-style:none; padding:0; margin:0; }
.edit-profile ul li{font-size:14px; clear:left;}
.edit-profile ul b, .edit-profile .col-right ul p, .edit-profile ul span {float:left; }
.edit-profile ul p{margin-bottom:13px;}
.edit-profile ul span {font-size:12px;}
a.edit{display:inline-block; padding:4px 0 0 16px; line-height:12px; font-size:12px; text-decoration:underline; font-weight:400;color: #0A0A0A;}
a.edit:hover{}
.edit-profile .btn{color:#fff; text-transform:none; height:32px; line-height:32px; font-weight:400; font-size:12px;}
.edit-profile .col-right .btn{margin:27px 0 16px; height:32px; width:136px; line-height:32px; text-align:center; padding:0; float:both;}
.edit-profile .col-right .btn span{width:127px;}
.edit-profile .btn.skill-btn{color:#323d45; margin:0 17px 16px 0; min-width:40px;}
.edit-profile .btn.skill-btn span{float:left}
.edit-profile .col-end .btn-wrap{padding:0 0 2px; float:right;}
.edit-profile .col-end .btn-wrap .btn{float:left; margin:13px 0 0 13px; width:135px; padding:0; font-size:12px;}
.edit-profile .col-end p{font-size:12px; line-height:22px; min-height:20px;}
.edit_li{max-width:210px; float:left;}
.edit_li br{height:0;}
.edit_li input[type=text]{width:210px; box-sizing:border-box; -moz-box-sizing:border-box; padding:5px 10px; height:30px; display:block; margin-bottom:10px;}
a.edit.active{float:right;}
#age_edit p{font-size:14px;}
.about-me{padding-bottom:3px;}
.edit-profile textarea{border:none; padding:10px; margin:0; resize:none; width:100%; height:auto; font-size:12px; line-height:22px; min-height:100px; background:none; color:#7e7e7e; text-align:left; background:#fff; border:1px solid #E0E2E3;}
#only_edit{width:81%; float:left}
.view-profile .col-right .btn{float:left;}
#prof_edit{max-height:300px; overflow-y:auto}
#prof_edit p { font-size:12px;}
/*notification*/
.edit-profile ul.notification{list-style:none; padding:0; margin:26px 0 35px;}
.notification li{display:block; padding:6px 18px 6px 12px; background:#e5f8f5; overflow:hidden; font-weight:700; margin-bottom:16px;}
.notification li p{margin:0; font-size:12px !important; line-height:18px;}
.notification li .date{font-weight:400;}
.notification li a{text-decoration:underline; }
/*starred-Job*/
.starred-table, .starred{border:1px solid #e0e0e0}
.starred-table td{ font-size:14px; padding:9px 0 11px;}
.starred-table .even td{background:#f5f5f5;}
.starred-table td a:hover{text-decoration:underline;}
.starred{padding:10px 24px 12px;}
.starred p{font-size:12px; margin:0; color:#919090}
.starred p a{text-decoration:underline;}
.starred-table a{color:#323D45}
/*video wrap*/
.video-frame img, .video-wrap object{max-width:100%; width:100%; height:315px;}
.video-frame p{float:left; font-size:12px; font-weight:700; color:#919090;}
.video-frame .btn-wrap{padding:23px 0 20px; overflow:hidden}
.video-frame .btn{height:32px; line-height:32px; padding:0 14px 0 10px ; font-size:12px; text-transform:none; float:left; margin-left:260px; font-weight:700;}
.help{color:#f85352; float:right; font-size:12px; margin:5px 0 2px; font-weight:700;}
.help span{float:left; margin-right:12px; line-height:18px;}
/*skill box*/
.skill-box{padding:6px 0 14px;}
.skill-btn .icons{display:none;}
.add-skill{padding-bottom:26px;}
.add-skill label, .resume label, .upload-video label{font-size:14px; float:left; line-height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.edit-profile .add-skill .btn{float:right; margin:0; width:105px; margin-top:-34px;}
.add-skill input[type=text]{height:34px; width:252px; float:left; margin-top:2px; padding:5px 20px;}
.resume, .upload-video{padding-top:23px; }
.upload-video .uploadify{position:static;}
/*cms page*/
.cms article.inner{padding:100px 24px 70px; min-height:518px;}
.cms-login article.inner{padding:40px 24px;}
.cms .content{padding:0 30px; width:auto;}
.cms-login .content{padding:0;}
.cms .form{padding-left:15px;}
.cms .form li{margin-bottom:20px; list-style:none; clear:both;}
.cms .form input[type=submit]{float:left; margin:0 0 10px; min-width:120px;}
.cms .btn{min-width:60px; margin:0; float:left;}
.cms label{width:200px;}
.cms .label{line-height:24px;}
.cms .col-right{width:350px;}
/*contact page*/
.contact-wrap{ width:100%;}
.cms{ width:100%;}
.contact_inner_wrap{ min-height:650px; }
.contact-wrap .inner, .promo-wrap .inner{padding:37px 24px 56px; overflow:hidden;}
.contact-wrap .title h2, .promo-wrap .title h2 {border-bottom:1px solid #e0e0e0; color:#323d45; padding:0 0 8px; margin:0 0 40px}
.contact-wrap .col-3-1{width:432px; float:left}
.contact-wrap .col-3-2{width:250px; float:left}
.contact-wrap .col-3-3{width:198px; float:right}
.contact-wrap h3{font-size:18px; margin:0 0 0; color:#31363a; font-weight:400}
.contact-wrap ul{list-style:none; padding:17px 0 0; margin:0; max-width:304px;}
.contact-wrap ul li{margin-bottom:8px;}
.contact-wrap ul li input[type=text]{width:304px; font-size:14px; color:#555e65;}
.lt-ie9 .contact-wrap ul li input[type=text], .ie9 .contact-wrap ul li input[type=text]{padding-top:0; line-height:34px}
.contact-wrap ul li input[type=submit]{border:none; color:#fff; margin:2px 2px 0 0; float:right; width:173px; font-weight:700; font-size:14px;}
.contact-wrap ul li textarea{width:304px; height:153px; resize:vertical; font-size:14px; color:#555e65;}
.contact-wrap a{color:#f85352; text-decoration:underline; margin-bottom:13px; display:inline-block; font-size:14px; }
.contact-wrap p{padding-top:42px; font-size:14px; line-height:18px; color:#31363a;}
.contact-wrap .col-3-3 ul{padding-top:32px;}
.contact-wrap .col-3-3 ul li{margin:0;}
.contact-wrap .col-3-3 a{font-size:16px; margin-bottom:7px;}
#wrapper .contact-wrap div.selector{border:1px solid #E0E2E3}
#wrapper .contact-wrap div.selector{width:282px}
#wrapper .contact-wrap div.selector span{width:249px;}
#wrapper .contact-wrap #uniform-enquiry>span{color:#a9a8b8}
/*promo page*/
.promo-wrap .inner{padding:31px 24px 0; color:#31363a;}
.promo-wrap .title h2{padding-bottom:10px; margin-bottom:47px;}
.promo-wrap h3{font-size:24px; line-height:24px; font-weight:400; margin-bottom:23px;}
.promo-wrap p{font-size:12px; line-height:22px;font-weight:700}
.promo-wrap .col-2-1{float:left; padding:2px 110px 32px 0; width:436px;}
.promo-wrap .col-2-2{float:left; width:360px;}
.promo-video img{max-width:100%;}
/*uniform*/
#wrapper div.selector{background:#fff; border:1px solid #ccc; height:40px; padding-left:20px; min-width:auto; width:230px;}
#wrapper div.selector span{background:url(../img/select-arrow.png) no-repeat 99% 50%; line-height:40px; height:40px; min-width:auto; width:200px; color:#555e65; font-size:14px; }
#wrapper div.selector select{width:100%; height:40px;}
#wrapper div.selector select option{height:20px; padding:3px 0 2px 18px; background:#fff;}
/*medium*/
#wrapper .medium div.selector{width:110px;}
#wrapper .medium div.selector span{width:80px;}
/*small*/
#wrapper .small div.selector{width:60px; margin:4px 15px 0 0; padding-left:10px;}
#wrapper .small div.selector span{ width:35px; text-align:center; padding-right:18px;}
#wrapper .edit_li.small div.selector{width:57px; margin:4px 8px 10px 0; padding-left:0; height:30px;}
#wrapper .edit_li.small div.selector span{ width:46px; text-align:center; padding-right:10px; height:30px; line-height:30px;}
#wrapper .edit_li.small div.selector select option{padding-left:5px;}
#wrapper .edit_li div.selector{width:200px; margin:4px 8px 10px 0; padding-left:10px; height:30px;}
#wrapper .edit_li div.selector span{ width:185px; padding-right:10px; height:30px; line-height:30px;}
#wrapper .edit_li div.selector select{height:30px;}
/*file*/
#wrapper div.uploader{background:none; height:auto; width:auto;}
#wrapper div.uploader span.filename{height:34px; width:252px; float:left; margin: 2px 32px 0 0; line-height:30px; font-size:14px; padding:0 20px; background:#fff; color:#323d45}
#wrapper div.uploader span.action{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; height:32px; line-height:32px; font-size:12px; min-width:90px; text-align:center; padding:0 15px; background:#323d45; float:right; width:auto; text-shadow:none; color:#fff; cursor:pointer; width:105px; margin-top:3px; display:none;}
#wrapper div.radio span{background-position:-90px -180px;}
#wrapper div.radio span.checked{background-position:-72px -180px;}
/*interview*/
.interview .page-title {padding:21px 0; background:#323d45}
.interview .title { background: #f85352; width: 100%; padding: 10px 0 15px; margin: 0; }
.interview .title h3 { color: #fff; }
.col-wrap { width: 1075px; margin: 0 auto; /*background: url(../img/gray-bg.gif) repeat-y 100% 0;*/ }
.interview .col-wrap{padding:0 24px;}
.col-1-2 { float: left; width: 504px; }
.col-end {background:#f8f8f8; width: 571px; }
.col-1-2 .content { padding: 20px 28px 0 0; }
.col-end .content { padding: 5px 40px 68px 40px; }
.page-action { overflow: hidden; padding: 0 0 20px; }
.interview .col-wrap h2 { font-size: 24px; font-weight: 400; color: #f85352; padding: 0 0 15px; margin: 0 0 7px; border-bottom: 1px solid #e0e0e0; }
.interview .col-wrap h2.question-text{color:#323d45; font-size:20px}
.col-wrap h3 { font-size: 14px; font-weight: bold; color: #323d45; m }
.col-wrap h4 { /*border-bottom: 1px solid #e0e0e0;*/ font-size: 12px; color: #323d45; font-wieght: bold; padding: 20px 0 10px; margin: 0 0 12px; }
.btn-back { background: #323d45; color: #fff; font-size: 12px; padding: 9px 28px 9px 13px; -webkit-border-radius: 2px; border-radius: 2px; float: left; }
.icon-back { float: left; margin: 3px 32px 0 0; width: 12px; height: 10px; background-position: -74px -148px; }
.location { font-size: 12px; color: #323d45; display: block; margin: 0 0 26px; padding: 6px 0 0 3px; }
.icon-pointer { float: left; width: 10px; height: 16px; margin: 0 17px 0 0; background-position: -75px -109px; }
.col-1-2 .content ul { list-style: none; margin: 0; padding: 0; }
.col-1-2 .content p { }
.col-1-2 .content p, .col-1-2 .content ul li { font-size: 14px; line-height: 18px; }
.col-1-2 .content ul li{clear:left;}
.col-1-2 .content ul li b{font-size:14px;}
hr { border-color: #e0e0e0; margin: 15px 0; }
.question-count { display: block; font-size: 14px; line-height: 22px; color: #323d45; padding: 0 0 18px; float: left; }
.question-count span { color: #bfbfbf; }
.col-end h2 { font-size: 20px; font-weight: normal; line-height: 18px; color: #323d45; padding: 0 0 38px; }
.col-end h4 { font-size: 12px; margin: 0 0 24px; }
#video-holder { padding: 10px 0 100px 0px; text-align: center; }
.video-action { text-align: center; padding: 22px 0 64px; border-top: 1px solid #dedede; }
.record-submit { display: -moz-inline-stack; display: inline-block; background: #bfbfbf; padding: 10px 30px 11px; margin: 0 auto; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; text-decoration: none; zoom: 1; *display:inline;
}
.video-action input[type=submit]{float:none;}
.record-submit.active{background:#f85352; float:none;}
.record-submit:hover { text-decoration: none; }
.apply-role { display: -moz-inline-stack; display: inline-block; background: #f85352; padding: 10px 41px 11px; margin: 0 auto; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; text-decoration: none; zoom: 1; *display:inline;
}
.apply-role:hover { text-decoration: none; }
#conduct-interview { padding: 8px 0 123px; }
#conduct-interview img{max-width:100%;}
#conduct-interview .message { text-align: center; padding: 0 0 20px; }
#conduct-interview .message p { font-size: 12px; line-height: 24px; }
.video-action { padding: 26px 0 39px; }
/*job search*/
.job-search { float: left; width: 412px; margin: 0 24px 0 0; padding: 17px 0 0; }
.job-search h4 { font-size: 12px; }
.job-search ul { list-style: none; margin: 0; padding: 32px 0 0; }
.job-search ul li { padding: 0 0 10px; overflow: hidden; width:414px; }
.job-search ul li.last { padding-bottom: 4px; }
.job-search label { font-size: 14px; float: left; color: #323d45; line-height: 41px; width: 150px; padding: 0 10px 0 0; }
.job-search .req { color: #f85352; }
.job-search ul li input[type=text] { width: 250px; height: 40px; }
.job-search ul li input[type=submit] { margin: 7px 0 0; font-size: 14px; float: right; background: #323d45; color: #fff; width: 135px; height: 32px; border: none; -webkit-border-radius: 4px; border-radius: 4px; font-weight:400;}
.job-search .tagsinput{max-width:none; min-width:195px;}
#wrapper .job-search #uniform-day { float: left; margin: 0 18px 0 0; width: 60px; }
#wrapper .job-search #uniform-month { float: left; margin: 0 18px 0 0; width:60px; }
#wrapper .job-search #uniform-month span{width:42px;}
#wrapper .job-search #uniform-year { float: left; margin: 0; width: 60px; }
.job-list { float: left; width: 627px;/*overflow:hidden;*/ padding: 43px 0 37px; }
.overview { height: 560px;/*overflow:hidden; */border: 1px solid #e0e0e0; margin: 0; padding: 0; overflow: hidden; }
.overview .icon-star{margin:0;}
.jspScrollable { }
.job-list .content, .list-data { }
.fht-thead { background: #f5f5f5; z-index: 3; }
.job-list table th, .job-list table td { font-size: 14px; color: #323d45; text-align: left; border-left: 1px solid #ebebeb; }
.job-list table th.first, .job-list table td.first{text-align:center;}
.job-list table th { font-weight: 900; padding: 12px 18px; }
.job-list table td { padding: 12px 18px 16px; }
.job-list table tr th:first-child, .job-list table tr td:first-child { border-left: none; }
.job-list table .odd td { background: #f5f5f5; }
.apply { background: #323d45; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; color: #fff; text-decoration: none; padding: 4px 15px 5px; display:table-cell; min-width:48px; text-align:center; }
/*active-job */
.active-job .col-wrap {width:1110px;}
.active-job .col-wrap h2{font-size:30px;line-height:30px;border-bottom:0;}
.active-job .col-1-2 {width:412px;padding:0 24px;}
.active-job .col-1-2 .content {padding-right:0;}
.active-job .col-1-2 h4 {color: #323D45;
font-size: 12px;
margin: 0 0 20px;
padding: 0 0 8px;
font-weight: 700;}
.active-job .col-1-2 .content>p{margin-top:19px}
.active-job .col-right {width:195px;}
.active-job .col-left {margin-bottom:20px;}
.active-job .job-list {width:622px; padding-top:55px;}
.active-job .job-list h4{margin-bottom:0;border-bottom:none;font-weight:300}
.active-job .job-list table a {color:#323d45;text-align:left;}
.active-job .job-list table a:hover {text-decoration:underline;}
.active-job .job-list table th.first, .active-job .job-list table td.first {text-align:left;}
.active-job li .edit_li{line-height:24px;}
.active-job li .location_li {margin-top:8px; }
.active-job li .dbline{padding:5px 0 7px;line-height:18px;}
.active-job .job-list .jspHorizontalBar {display:none;}
.active-job .status-wrap {border-bottom:1px solid #e0e0e0;margin-bottom:29px;padding-bottom:10px;}
.active-job .light-red {float:right;text-transform:capitalize;padding:0 42px;}
/*job-applicant*/
.job-applicant .col-1-2{width:490px; padding:27px 30px 25px 30px;}
.job-applicant .col-1-2.col-end{background:#f8f8f8; width:510px; padding:30px 30px 70px;}
.job-applicant .col-1-2 .content{padding:0;}
.job-applicant .col-1-2.col-end .content{padding:0;}
.job-applicant .col-1-2.col-end .grid-list{padding:30px 30px 70px; /*background:#f8f8f8;*/ min-height:490px;}
.job-applicant .page-title, .applied-job .page-title{background:#fcd55f;}
.job-applicant .page-title{overflow:hidden;}
.job-applicant .page-title h1{float:left;}
.job-applicant .col-wrap{width:1120px; padding:0;}
.job-applicant .col-wrap h3{font-size:14px;}
.job-applicant .col-wrap h4{margin-bottom:15px; font-weight:700}
.job-applicant .page-action{padding:0 0 30px;}
.col-wrap .no-margin{margin:0;}
.content-wrap{padding:0 95px 24px 0; }
.approved-table{ background:#f8f8f8; border-top:1px solid #e0e0e0}
.live, .green, .expired{color:#04bf9d; font-size:14px; font-weight:700;}
.live, .expired{float:right; margin-top:5px;}
td .live, td .expired{float:left;}
.expired{color:#f85352;}
.approved-table table{}
.approved-table table tr{border-top:1px solid #e0e0e0;}
.approved-table table tr:first-child{border:none;}
.approved-table table td{text-align:left; padding:25px 0; font-size:12px;}
.approved-table h3{margin-bottom:5px;}
.approved-table table td a{font-size:18px; color:#323d45;}
.approved-table h3 a:hover{text-decoration:underline;}
.approved-table .btn{text-transform:none; height:30px; padding:0px; width:90px; line-height:30px; background:#323d45;}
.btn-wrap.job{float:right; padding:40px 0; min-width:280px;}
.btn-wrap.job .btn{float:left; height:31px; width:91px; padding:0 15px; line-height:30px; font-size:12px; text-transform:none; margin:0 0 0 19px; font-weight:400;}
.job-applicant .col-end h4{padding-bottom:6px; margin-bottom:16px;}
.detail label{min-width:96px; width:auto;}
.layout-view {overflow:hidden; margin-bottom:9px;}
.layout-view label{float:left; font-size:12px;}
.thumbnail-detail{background-position:-144px -144px; margin:0 0 0 12px; }
.thumbnail-detail.active{background-position:-144px -162px;}
.thumbnail-list{background-position:-126px -144px; margin:0 -2px 0 5px;}
.thumbnail-list.active{background-position:-126px -162px;}
.applicant-list{ border-top:1px solid #e4e4e4; padding-top:30px}
.col-1-2 .content .applicant-list li{clear:none;}
.applicant-list li{float:left; width:150px; margin:0 30px 16px 0; height:195px}
.applicant-list li h3{font-size:14px; margin:0 0 3px;}
.video-box{width:150px; height:110px; display:block; background:#ccc; margin-bottom:5px; text-align: center;}
/*.job-applicant approve*/
.job-applicant .col-1-2.detail{width:570px; /*background:#fff;*/ padding:0px 0 25px;/*padding:27px 0 25px;*/}
.seeker-detail{padding:30px 30px 24px; background:#f8f8f8;}
.detail .video-wrap{padding-bottom:20px;}
.pagination{float:right; width:503px; text-align:center; margin:11px 13px 0; font-weight:700;}
.detail .pagination{margin:20px 32px 48px; margin-top:-50px;}
.pagination a{font-size:12px; color:#323d45; margin:7px 0 0;}
.pagination span{font-size:18px; font-weight:400;}
.pagination .prev{float:left; text-transform:uppercase;}
.pagination .next{float:right; text-transform:uppercase;}
.pagination a i{width:10px; height:15px;}
.icon-prev{float:left; margin:2px 10px 0 0; background-position: -36px -72px;}
.icon-next{float:right; margin:2px 0 0 10px; background-position: -54px -72px;}
.resume .btn{height:32px; line-height:32px; padding:0 19px; font-size:12px; text-transform:none;}
/*Review Applicant*/
.col-1-2 .review-wrap .content ul{padding:28px 0 0;}
.review-wrap{padding:20px 0;}
.review-wrap ul{list-style:none; padding:0; margin:0;}
.review-wrap ul li{display:block; clear:both;}
.review-wrap label{float:left; width:150px; font-size:14px; margin-bottom:13px;}
.review-wrap .form-element label{width:auto; min-width:90px; margin-left:10px;}
.review-wrap div.radio {float:left;}
.review-wrap .icon-star{float:left; margin-right:10px;}
.review-wrap .rating{float:left; margin-bottom:27px;}
.review-wrap textarea{resize:none; width:100%; height:78px;}
.review-wrap .form-element{float:left; display:block; max-width:348px;}
.review-wrap .desc{float:left; margin-left:3px;}
.review-wrap .btn{min-width:120px; font-size:12px; text-transform:none; font-weight:400;}
/*comment*/
.comment-wrap{}
.job-applicant .col-end .comment-wrap h4{border:none; margin:0;}
.comment-wrap .comment-row{border-top:1px solid #ccc; padding:18px 20px 20px; }
.comment-wrap .comment-row p{word-wrap:break-word;}
.comment-wrap .name{color:#f85352; margin-right:15px;}
.comment-wrap .time{color:#797e81}
.comment-wrap p{font-size:14px; line-height:22px;}
/*rating*/
.bar-rating a {
background-position:-162px -144px;
width: 18px;
height: 18px;
display: block;
float: left;
margin-right:6px;
}
.bar-rating a:hover,
.bar-rating a.active,
.bar-rating a.selected {
background-position:-180px -144px;
}
.rate-list{width:110px; height:18px; background:url(../img/rating-star.png) no-repeat; display:block;}
.rate-0{background-position:0 0;}
.rate-1{background-position:0 -18px;}
.rate-2{background-position:0 -36px;}
.rate-3{background-position:0 -54px;}
.rate-4{background-position:0 -72px;}
.rate-5{background-position:0 -90px;}
/*create new job*/
.crt-newjob > .inner{width:840px;}
.crt-newjob .page-title {background: none repeat scroll 0 0 #FCD55F; padding: 10px 0 15px;width: 100%;}
.crt-newjob .page-title h3{color:#ffffff;}
.crt-newjob .light-gray h4{-moz-box-sizing: border-box; list-style: none outside none;margin: 0 auto;margin-left:76px;border-bottom:1px solid #999; margin-bottom:18px;width:625px; font-size:12px; padding:0 0 10px 0;}
.crt-newjob .light-gray ul{width:840px; padding-left:76px;}
.crt-newjob .light-gray ul li {margin-bottom:20px;}
.crt-newjob .light-gray ul li label{width:256px;}
.crt-newjob .light-gray ul li input[type="text"], .crt-newjob .light-gray input[type="password"]{width:346px;}
.crt-newjob ul li input[type="radio"] {margin-right:20px;}
.crt-newjob .light-gray ul li textarea {width:346px;height:80px; border-color:#ccc;}
.crt-newjob .light-gray ul li .skill-box {width:326px;height:70px;background:#fff;padding:10px;border:1px solid #e0e2e3;}
.crt-newjob .btn.skill-btn {margin-bottom:9px;height:32px;line-height:32px;min-width:46px;}
.crt-newjob .job-url {width:346px;}
.crt-newjob .job-url, .crt-newjob .job-url code {color:#f85352;font-family: 'Lato', sans-serif;}
.crt-newjob .job-url a.copy {float:right;color:#323d45;font-size:14px;font-weight:700;text-decoration:underline;}
.crt-newjob .radio-element {width:346px;float:right;padding-right:30px;}
.crt-newjob .light-gray ul li label.radio {display:inline;width:130px;margin-right:0; line-height:20px; color:#323d45}
.crt-newjob .submit {float:right;margin-right:135px;text-transform:capitalize; font-weight:400; width:165px;}
label span.note {display:inline-block;font-size:12px;line-height:24px;margin-top:-5px;}
.payment label span.note {line-height:16px;margin-top:0;}
#wrapper .crt-newjob div.selector{width:324px}
#wrapper .crt-newjob .small div.selector{width:60px;}
#wrapper .crt-newjob div.selector span{width:290px;}
#wrapper .crt-newjob .small div.selector span{width:42px;}
/*applied-job */
.applied-job {}
.applied-job .col-1-2{width:412px;}
.applied-job .col-1-2 .content{padding-right:0;}
.applied-job .page-title {background:#fcd55f;}
.applied-job .col-wrap {width:1110px;}
.applied-job .col-wrap h2{font-size:30px;line-height:30px;border-bottom:0;}
.applied-job .col-1-2 {width:412px;padding:0 24px;}
.applied-job .col-1-2 h4 {margin-bottom:35px; font-weight:400;}
.applied-job .col-right {width:195px;}
.applied-job .col-left {margin-bottom:20px;}
.applied-job .job-list {width:622px;padding-top:20px;}
.applied-job .job-list h4{margin-bottom:0;border-bottom:none; font-weight:400;}
.applied-job .status-wrap {border-bottom:1px solid #e0e0e0;margin-bottom:29px;padding-bottom:24px;}
.applied-job li .edit_li{line-height:24px;}
.applied-job li .location_li {margin-top:8px; }
.applied-job li .dbline{padding:5px 0 7px;line-height:18px;}
.red{color:#f85352}
/*how it works page*/
.how-it-works .inner{padding:31px 24px 0; color:#31363a;}
.how-it-works .title h2{border-bottom:1px solid #e0e0e0; color:#323d45;padding-bottom:10px; margin-bottom:47px;}
.how-it-works h3{font-size:24px; line-height:24px; font-weight:400; margin-bottom:23px;margin-top:23px;}
.how-it-works .top h3 {margin-top:50px;}
.how-it-works p{font-size:12px; line-height:22px;}
.how-it-works .col-2-1{float:left; padding:2px 110px 96px 0; width:529px;}
.how-it-works .col-2-2{float:left; width:360px;}
.how-it-works img{max-width:100%;}
.how-it-works ul {list-style:none;padding:0;font-size:14px;}
.how-it-works ul li {display:inline-block;width:141px;margin-right:50px;text-align:center;}
.how-it-works ul li.last {margin-right:0;}
.how-it-works ul li .how {width:134px;height:136px;display:block;margin-bottom:30px;margin-left:4px;}
.how.step-1 {background:url(../img/how-it-works.png) 0 0 no-repeat;}
.how.step-2 {background:url(../img/how-it-works.png) -139px 0 no-repeat;}
.how.step-3 {background:url(../img/how-it-works.png) -278px 0 no-repeat;}
.how.step-4 {background:url(../img/how-it-works.png) 0 -139px no-repeat;}
.how.step-5 {background:url(../img/how-it-works.png) -139px -139px no-repeat;}
.how.step-6 {background:url(../img/how-it-works.png) -278px -139px no-repeat;}
.how-it-works .btn-wrap {padding-top:44px;}
/*record promo page*/
.record-promo .col-wrap {width:1110px;padding:0;}
.record-promo .col-1-2 {width:490px;margin-left:28px;}
.record-promo .col-end {width:563px;min-height:960px;}
.record-promo .col-1-2 .content {padding-right:2px;padding-top:30px;}
.record-promo .col-wrap h4 {font-size:12px;}
.record-promo #video-holder {margin-bottom:15px;}
.record-promo .record-form {padding-bottom:50px;overflow:hidden;margin-top:20px;}
.record-promo ul li {margin-bottom:19px;}
.record-promo ul li label {float:left;margin-right:24px;display:inline;width:85px;line-height:40px;font-size:14px;}
.record-promo ul li .form-element {position:relative;}
.record-promo ul li input[type="text"] {width:379px;}
.record-promo ul li textarea {width:379px;height:113px;}
.record-promo .btn.light-red {font-size:12px;padding:0 20px;}
.record-promo .btn-wrap {padding-top:14px;font-size:12px;}
.record-promo .upload-btn {float:right;text-transform:capitalize;}
.record-promo .col-end .content {padding:30px 24px 28px;}
.record-promo .col-end .content p {line-height:20px;}
.record-promo .col-end .promo-para {padding:0 85px 40px 64px;border-bottom:1px solid #e0e0e0;}
.record-promo .col-end .promo-para h3 {margin-bottom:25px;font-size:18px;padding-top:10px;}
/*jobseeker view profile*/
.view-profile .col-end{}
.share{float:left; margin:33px 0 0 27px; font-weight:700;}
.share:hover{text-decoration:underline;}
.video-detail{text-align:center; padding-top:15px;}
.col-1-2 .video-detail p{font-size:16px}
/*status wrap*/
.applied-job .status-wrap {border-bottom:1px solid #e0e0e0;margin-bottom:29px;padding-bottom:24px; position:relative; min-height: 200px; padding-top:7px; overflow:hidden;}
.jCProgress {
position: absolute;
z-index: 9999999;
/* margin-top:-15px; /* offset from the center */
margin: 0;
left: -131px;
}
.active-job .status-wrap {border-bottom:1px solid #e0e0e0;margin-bottom:29px;padding-bottom:24px; position:relative; min-height: 100px; padding-top:7px; overflow:hidden;}
.jCProgress {
position: absolute;
z-index: 9999999;
/* margin-top:-15px; /* offset from the center */
margin:0 !important;
left: 0;
}
.jCProgress > div.percent, .lt-ie9 .percent {
font-size:24px;
position:absolute;
margin-top:50px;
margin-left:45px;
text-align: center;
width:60px;
line-height:14px;
}
.lt-ie9 .percent{float:left; position:static;}
.jCProgress > div.percent span, .lt-ie9 .percent span{font-size:14px; }
.status-bar{float:right; width:184px; margin-top:10px;}
.progress_bar { background: #f5f5f5; padding: 0; padding-right: 5px; font-size: 11px; line-height: 16px; font-weight: bold; color: #fff; margin:5px 0 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.progress_bar .progress_complete { text-align: center; background: #323d45; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height:9px;}
.progress_bar .progress_complete.green { background: #04bf9d; }
.progress_bar .progress_complete.red { background: #e93030; }
.progress_bar .progress_complete.orange { background: #ffaa24; }
.progress_bar .progress_complete.black { background: #323d45; }
/* Small progress bars */
.progress_bar.small { padding: 0; float:right; width:100%; max-width:150px; box-sizing:border-box; -moz-box-sizing:border-box; }
.progress_bar.small .progress_complete { padding: 3px; box-sizing:border-box; -moz-box-sizing:border-box; }
.progress_bar.small .progress_complete span { display: none; }
.bar-row{clear:both; }
.bar-row label{font-size:14px; color:#9ea7b3; display:block; margin-bottom:9px;}
.status-no{float:left; line-height:18px; font-size:18px;}
.green1{color:#04bf9d;}
/*success and error*/
.success-wrap, .error-wrap{width:47%; padding:0 20px 0; margin:10px auto 10px; overflow:hidden; }
.success-message, .error-message{float:left; width:80%}
.success-wrap h2, .error-wrap h2{color:#03bf9d !important; margin:0 20px 0 0 !important; padding:0; font-size:24px; line-height:26px; float:left; font-weight:400; border:none !important;}
.error-wrap h2{color:#e74c3c !important;}
.success-wrap p, .error-wrap p{ line-height:28px; color:#03bf9d;}
.error-wrap p{color:#e74c3c;}
.icon-success, .icon-error{width:26px; height:26px; float:left; margin:3px 15px 0 0;}
.icon-success{background-position:0 -216px;}
.error-wrap .icon-error{background-position:-36px -216px;}
/*uploadify*/
/*.uploadify{position:relativ; top:0; left:0; z-index:99; min-width:188px;}*/
.uploadify{min-width:188px; position:relative; z-index:99;}
#user_resume_file{position:static;}
#wrapper #uniform-user_resume_file.uploader{width:275px; float:left;}
#wrapper #uniform-user_resume_file.uploader span.action{display:none;}
.resume #upload-file{margin:0; width:138px; margin-top:2px; font-weight:normal}
/*tag*/
.error div.tagsinput{border-color:#F85352;}
div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; min-height:70px; overflow: hidden; min-width:333px; max-width:333px;}
div.tagsinput span.tag { border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display: block; float: left; padding: 3px 5px 3px 10px; text-decoration:none; background: #ccc; color: #323d45; margin-right: 8px; font-size:11px; line-height:18px; margin-top:4px; margin-bottom: 8px;}
div.tagsinput span.tag a { background-position:-128px -110px; float:right; text-indent:-999em; width:15px; height:15px; margin:2px 0 0 5px;}
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:none; padding:10px; background: transparent; color: #000; outline:0px; margin-right:5px; margin-bottom:5px; }
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}
#skill_desc_val div#skill_desc_tagsinput { max-width:240px; min-width:0px; min-height:0px; height:25px;}
/*facebook*/
a.facebook{color:#323d45; line-height:32px;}
/*loading page*/
.loading-overlay{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; bottom: 0px; z-index:998}
#loading-page{position:fixed; top:50%; left:50%; margin-left:-35px; margin-top:-35px; z-index:999; padding:5px; background:#fff; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
/*scroll box*/
.scroll-box{overflow:hidden; height:50px; width:100%; padding:10px 18px; box-sizing:border-box; -moz-box-sizing:border-box; background:#323d45; color:#fff;}
.scroll-box .content{float:left; width:100%; overflow:hidden;}
.col-1-2 .content .scroll-box p{color:#fff; font-size:14px; line-height:22px;}
/*video playlist*/
.play-list{display:block; clear:left;}
.play-list li{display:inline-block; margin:0 10px 10px 0;}
.play-list li span{display:block; line-height:24px;}
.play-list li img{border:1px solid #f0f0f0; cursor: pointer;}
/*table*/
.popup-table{margin:0 auto;}
table .even td, table .even th{background:#f1f1f1;}
/*hr*/
.hr .col-1-2{margin-bottom:40px;}
.hr table td{max-width:150px; word-wrap:break-word; min-width:50px;}
/* info */
span.info{cursor:pointer; transition:background 0.5s ease; margin-left: 10px; }
.upload-wrapper{width:220px; position:relative;}
.upload-img-wrap{ height:218px;}
.upload-img-wrap.active-jobs, .upload-img-wrap.seeker-img { height:188px;}
.upload-img-wrap.active-jobs img, .upload-img-wrap.seeker-img img { top:0px;}
.image_center_area {position: absolute;
margin: auto;
top: 15%;
left: 0;
right: 0;
bottom: 0;}
.upload-wrapper span.info{ display:inline-block; padding:0px; position:absolute;right:0px; bottom:0px; padding:5px 10px; background:#ececec; }
.upload-wrapper span.info:hover{background:#d8d8d8; }
label{position:relative;}
label span.info{text-align:center; display:inline-block; position:relative; right:0px;}
/*extra css*/
.exp-box-selected, .skill-box-selected, .loc-box-selected { margin-top: 40px;}
.exp-box-selected .selected-label, .skill-box-selected .selected-label, .loc-box-selected .selected-label { display: inline-block; width: 120px; text-transform: uppercase; font-size: 9px;}
.exp-box-selected .selected-exp-btn, .skill-box-selected .selected-skill-btn, .loc-box-selected .selected-loc-btn { display: inline-block; vertical-align: middle; position: relative;}
.interview.job-applicant .ui-tabs .ui-tabs-nav { background: #fff;}
.interview.job-applicant .ui-tabs .ui-tabs-nav li { border: 1px solid #e0e0e0; border-left: none;}
.interview.job-applicant .ui-tabs .ui-tabs-nav li:last-child {border: none; right: 0;}
.interview.job-applicant .ui-tabs .ui-tabs-nav li:first-child { border-left: 1px solid #e0e0e0;}
.interview.job-applicant .ui-tabs .ui-tabs-nav li a { padding: 0 30px; height: 50px; line-height: 50px;}
.interview.job-applicant .ui-tabs .ui-tabs-nav li span { position: absolute; left: -18px; top: -5px;}
.interview.job-applicant .ui-tabs .ui-tabs-nav li span i { font-size: 16px;}
.interview.job-applicant .ui-widget-content { background: #f8f8f8; margin-bottom: 40px; min-height: 395px;}
.interview.job-applicant .ui-widget-content .notice { text-align: center; padding: 120px 0;}
.interview.job-applicant .ui-widget-content .notice h3 { font-size: 22px; margin-top:65px}
.interview.job-applicant .ui-widget-content .notice h4 { border: none;}
.interview.job-applicant .ui-widget-content .create-new-list input { height: 30px; line-height: 30px;}
.interview.job-applicant .ui-widget-content .create-new-list a.btn { color: #fff; font-size: 12px; font-weight: 700;}
.cd-tabs {
position: relative;
width: 100%;
max-width: 1120px;
margin: 0 auto;
border-bottom: 1px solid #e4e4e4;
padding-bottom:23px;
padding-top:10px;
}
.cd-tabs.search-option-bar{ padding:0}
.cd-tabs:after {
content: "";
display: table;
clear: both;
}
.no-cssgradients .cd-tabs::after {
display: none;
}
.cd-tabs-navigation {
width: 100%;
padding: 0px;
}
.cd-tabs-navigation:after {
content: "";
display: table;
clear: both;
}
.cd-tabs-navigation li {
display: inline-block;
padding-right: 30px;
padding-bottom:10px
}
.cd-tabs-navigation li a{
padding: 10px;
padding-right: 20px;
font-size: 12px;
color: #323d45;
background: url(../img/select-arrow-side.png) no-repeat 100% 50%;
transition: all linear 0.1s;
-moz-transition: all linear 0.1s;
-webkit-transition: all linear 0.1s;
}
.cd-tabs-navigation li a.selected {
background: url(../img/select-arrow.png) no-repeat 100% 50%;
}
#wrapper .cd-tabs-navigation li .selector {
width: 90%;
padding-left: 10px;
height: 30px;
}
#wrapper .cd-tabs-navigation li .selector span {
width: 90%;
font-size: 12px;
color: #323d45;
height: 30px;
line-height: 30px;
background-position: 70% 50%;
}
#wrapper .cd-tabs-navigation li .selector select {
height: 30px;
}
.no-touch .cd-tabs-navigation a:hover {
color: #29324e;
}
.cd-tabs-navigation a.selected {
color: #29324e;
font-weight: 700;
}
.cd-tabs-content{
background: #cccccc;
padding: 20px 30px;
margin: 17px 0 0 0;
}
.cd-tabs-content li {
display: none;
}
.cd-tabs-content li.selected {
display: block;
-webkit-animation: cd-fade-in 0.5s;
-moz-animation: cd-fade-in 0.5s;
animation: cd-fade-in 0.5s;
}
.cd-tabs-content li .skill-box {
padding: 0px;
}
.cd-tabs-content li a {
background: #fff;
color: #323d45;
margin-left: 10px;
margin-bottom: 10px;
}
.cd-tabs-content li a span { margin-right: 10px;}
.cd-tabs-content i[class*="icon-remove-"] {
position: absolute; float: none; right: -10px; top: 6px; background-position: -126px -108px;
}
.cd-tabs-content li div[class*="-box-selected"] a:hover { background: #f85352; color: #fff;}
.cd-tabs-content li .search-search { text-align: center;}
.cd-tabs-content li .search-search label { font-size: 14px;}
.cd-tabs-content li .search-search input { height: 30px; line-height: 30px; margin: 0px;}
.cd-tabs-content li .search-search input[type="text"] { width: 240px; margin: 0 30px;}
.select-all-div { padding: 15px 0 30px 0; }
.select-all-div a { margin: 0 40px;}
#wrapper .select-all-div div.selector.fixedWidth { width: 140px; height: 30px;}
#wrapper .select-all-div div.selector.fixedWidth span { width: 82%; height: 30px; line-height: 30px;}
#wrapper .select-all-div div.selector.fixedWidth select { height: 30px;}
#all-applicant-list-result .applicant-list ul { list-style: none;}
#all-applicant-list-result .applicant-list ul li .selector { width: 100%; height: 30px;}
.interview.job-applicant div.checker { height: 16px; width: 16px;}
.interview.job-applicant div.checker span { background: url(../img/checkbox.png) no-repeat 0 0; height: 16px; width: 16px;}
.interview.job-applicant div.checker span.checked { background-position: 0 -16px;}
#all-applicant-list-result .applicant-list ul { padding: 0px;}
#all-applicant-list-result .applicant-list ul li .selector { width: 100%; padding: 0px; background: none; border: none;}
#all-applicant-list-result .applicant-list ul li .selector span { width: 100%; background-position: 60% 50%; height: 30px; line-height: 30px; padding-left: 22px; padding-right: 0px;}
#all-applicant-list-result .applicant-list ul li .selector select { height: 30px;}
.package-list .content .overview table tbody tr:nth-child(2n+1) { background-color: #e4e4e4;}
.package-list .content .overview table tbody tr:last-child td { border-bottom: 1px solid #e4e4e4;}
.package-list .content .overview table thead tr { background-color: #323d45 !important;}
.package-list .content .overview table thead tr th { color: #fff;}
.package-list .content .overview table thead tr th.first { width: 40%;}
.package-list .content .overview .package-coupon-code { width: 80%; margin: 0 auto; border-top: 1px solid #e4e4e4; margin-top: 40px; padding-top: 20px;}
.package-list .content .overview .package-coupon-code .form-element { width: 100%;}
.package-list .content .overview .package-coupon-code .form-element input { width: 100%;}
.package-list .content .overview .package-coupon-code .btn { margin: 0px; margin-right: 30px; margin-top: 20px;}
.package-list .content .overview .package-coupon-code div { display: inline-block; width: 49%;}
.package-list .content .overview .package-coupon-code .checkout-promo-right { text-align: right; vertical-align: bottom;}
.package-list .content .overview .package-coupon-code .checkout-promo-right .btn { margin-right: 0px;}
.interview.job-applicant .approved-table { border-top: 0px;}
.interview.job-applicant .approved-table table tr { border-top:1px solid #e8e8e8}
.interview.job-applicant .approved-table table tr.comment-box{ border:0}
.interview.job-applicant .approved-table a.btn { font-size: 12px; width: 130px; margin-right: 10px; overflow: hidden; position: relative;}
/*.interview.job-applicant .approved-table a.btn.email-btn1{ height:24px}*/
.interview.job-applicant .approved-table a.email-btn .email-sent-tick { width: 30px; height: 30px; background: url(../img/icon-tick.png) no-repeat center center #bbbbbb; display: inline-block; position: absolute; right: 0;}
.interview.job-applicant .approved-table .email-sent-tick { width: 30px; height: 30px; background: url(../img/icon-clip.png) no-repeat center center #bbbbbb; display: inline-block; vertical-align: top; text-indent: -2000px;}
.interview.job-applicant .approved-table .email-sent-tick a { width: 100%; height: 100%; display: block;}
#wrapper .interview.job-applicant .approved-table div.selector.fixedWidth { width: 140px; height: 30px;}
#wrapper .interview.job-applicant .approved-table div.selector.fixedWidth span { width: 82%; height: 30px; line-height: 30px;}
#wrapper .interview.job-applicant .approved-table div.selector.fixedWidth select { height: 30px;}
#wrapper .interview.job-applicant .approved-table .comment-wrap .comment-row { border-top: none; border-bottom: 1px solid #e4e4e4; margin-bottom: 40px;}
#wrapper .interview.job-applicant .approved-table .comment-wrap .comment-row h4 { border: none;}
#wrapper .interview.job-applicant .approved-table .review-wrap .form-element { width: 100%; max-width: 380px;}
#wrapper .interview.job-applicant .approved-table .review-wrap { width: 50%;}
.job-list-popup { width: 100%; margin: 0;}
.job-list-popup h4 { font-size: 22px;}
.job-list-popup .overview, .job-list-reference-list .overview { border: none;}
.job-list-popup .overview ul.references { list-style: none; padding: 0px;}
.job-list-popup .overview ul.references li input[type="text"] { width: 100%; margin-bottom: 20px;}
.job-list-popup .overview ul.references li textarea { height: 100px; width: 100%; margin-bottom: 20px;}
.job-list-popup .overview ul.references li .btn { float: right; margin-right: 0px;}
.job-list-popup .overview label { display: block; width: 100%; margin-bottom: 8px;}
.job-list-popup .overview .tagsinput { display: block; max-width: 99% !important; width: 100% !important;}
.job-list-popup .overview input[type="text"], .job-list-popup .overview textarea { width: 100%; display: block;}
.job-list-popup .overview .btn { float: right; margin-right: 0; font-size: 12px; margin-top: 20px; text-transform:inherit}
#wrapper .job-list-popup .overview .selector.fixedWidth { width: 99%; padding: 0px;}
#wrapper .job-list-popup .overview .selector.fixedWidth span { background-position: 90% 50%; width: 100%; padding-left: 20px;}
.reference-requested-popup { text-align: center;}
.reference-requested-popup h1 { font-size: 22px; color: #323d45; font-weight: 700; text-align:left}
.reference-requested-popup h2 { font-size: 12px; color: #323d45; text-align:left}
.reference-list { width: 100%;}
.reference-list tr td { width: 50%; border:1px solid #e4e4e4; padding: 15px;}
.reference-list tr td:last-child { border-left: none;}
.reference-list tr:last-child td {border-top: none;}
.reference-menu { list-style: none; padding: 0; position: relative; margin: 0px;}
.reference-menu .reference-list-main ul { position: absolute; top: 16px; padding: 20px 0; list-style: none; background-color: #ccc;}
.reference-menu .reference-list-main ul li {}
.approved-table table td .reference-only-btn { background-color: #ccc; font-size: 12px; height: 30px; line-height: 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: inline-block; width: 130px; text-align: center;}
.request_another_reference { margin-top: 20px;}
.request_another_reference .btn { margin: 0px;}
/*progress bar*/
/*progressbar*/
.progressbar {
margin-bottom: 30px;
overflow: hidden;
/*CSS counters to number the steps*/
counter-reset: step;
margin-top:18px !important
}
.progressbar li {
list-style-type: none;
color: white;
font-size: 11px !important;
font-weight: bold;
width: 31.33%;
float: left;
position: relative;
clear: none !important;
color: #f85352;
}
.progressbar li:before {
content: counter(step);
counter-increment: step;
width: 35px;
line-height: 35px;
display: block;
font-size: 24px;
color: #f85352;
background: white;
border-radius: 50%;
margin: 0 auto 5px auto;
z-index: 1;
position: relative;
cursor:pointer
}
/*progressbar connectors*/
.progressbar li:after {
content: '';
width: 100%;
height: 10px;
background: white;
position: absolute;
left: -50%;
top: 13px;
z-index: 0; /*put it behind the numbers*/
}
.progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
.progressbar li.active:before, .progressbar li.active:after{
background: #f85352;
color: white;
}
.apply-tab-icons { border-bottom: 1px solid #dedede; padding-bottom: 26px; margin-bottom: 40px;}
.apply-tab-icons p { font-size: 24px !important; color: #f85352; line-height: 30px !important; margin-bottom: 30px;}
#div_popup_apply { margin: 0 auto; float: none !important;}
#resume_skills h4 { text-align: left;}
#resume_skills .content { padding: 0px;}
#resume_skills #skill_desc_val div#skill_desc_tagsinput { float: left; padding: 0; height: 30px;}
#resume_skills div.tagsinput input { width: 220px; line-height: 30px; padding-left: 10px; padding-top: 0}
#resume_skills .qq-upload-button { padding: 0px !important;}
#resume_skills #user_resume_file .qq-uploader { margin-left: 0px;}
#resume_skills .resume label { min-width: 0px; margin-right: 0px;}
#resume_skills .resume { margin-bottom: 30px;}
#resume_skills .btn.red { background-color: #f85352; font-size: 16px; font-weight: 700; height: 43px; line-height: 43px; width: 250px; margin-top: 68px;}
#video .content { padding: 0px; width: 100%;}
/*#video-holder object, #video-holder object embed { width: 100% !important;}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* jspane */
.job-list .jspPane table{ border-bottom: 1px solid #e0e0e0;/* border-left:1px solid #e0e0e0; width:620px!important */ }
/*.hr-management */
.status-red,.status-green,.status-yellow{display:block; border-radius:4px;}
.status-red a,.status-green a,.status-yellow a{color:#fff;}
.status-red{background:#b82820; padding:3px 5px}
.status-yellow{background:#f3db13; padding:3px 5px}
.status-green{background:#4e8a13; padding:3px 5px}
.active-job .hr-wrapper .col-1-2{width:370px;}
.active-job .hr-wrapper .job-list{width:692px;}
.active-job .job-list table .status-red , .active-job .job-list table .status-green , .active-job .job-list table .status-yellow {color:#fff; cursor: pointer; text-align:center;}
/************** Search list css*****************/
.result-holder{font-family: 'Lato', sans-serif; font-weight:400;}
.result-holder .rh-title{border-bottom:1px solid #e0e0e0; color:#323d45; padding:0 0 15px 0; margin:0 0 9px 0; font-size:12px;}
.result-holder .rh-title strong{}
.result-holder .rh-title span{}
.rh-block{padding:10px 17px; background:#f5f5f5; margin:0 0 9px 0; overflow:hidden}
.rh-left{width:120px; margin:0 15px 0 0; float:left;}
.rh-left img{margin-bottom:5px;}
.rh-right{width:405px; float:left; margin:0 0 0 15px}
a.star-position{font-size:12px; color:#323d45; text-decoration:underline; /*padding-left:22px;*/ /*background:url(../img/star.png) no-repeat 0 0;*/ display:inline-block; margin:0 0 10px 0; font-weight:700;}
a.btn{text-transform:none;}
.col-wrap .job-list .rh-right h2{/*font-size:16px;*/ color:#323d45; border-bottom:none; margin:0 0 10px 0; font-size:16px; font-weight:700; padding:0px;}
.col-wrap .job-list .rh-right h2 + a{font-size:14px; color:#323d45; text-decoration:underline; margin:0 0 15px 0; display:inline-block;}
.rh-right p { color:#323d45; font-size:14px; line-height: 18px; margin-bottom:15px;}
a.readmore{color:#323d45; font-size:14px; font-weight:bold; padding-left: 20px; text-decoration: underline;}
a.btn{font-size:12px; color:#fff; background:#323d45; border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px; padding:0px 10px; line-height:30px; height:30px; display:inline-block; text-decoration:none}
.tag-holder{margin:10px 0; overflow:hidden;}
.tag-holder a{font-weight:400; color:#323d45; background:#ccc; border-radius:4px; -moz-border-radius:4px;-webkit-border-radius:4px; font-size:11px; display:inline-block; padding:0 12px; margin:0 15px 15px 0; line-height:32px; text-decoration:none;}
.tag-holder a:hover{background:#bbbaba}
/************** Search list css ends*****************/
/*.fht-table-wrapper{border-top: 1px solid #e0e0e0;}
.fht-thead{border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
.jspPane tbody{border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
.jspPane tbody tr td.first{border-left:1px solid #e0e0e0}*/
/*---------------------------
faq
-----------------------------*/
.faq, faq-ans{margin-bottom:50px;}
.col-1-2.faq{width:474px; padding-top:42px;}
.col-1-2.faq-ans{width:534px; padding-top:42px;}
.col-1-2.faq .content{padding-right:64px; }
.col-1-2.faq h2{font-size:24px; font-weight:400; color:#323d45; border-bottom:0px; padding:0 0 10px}
.col-1-2.faq-ans ul { padding:0 0 0 40px;}
.col-1-2.faq-ans ul li { font-size:16px; list-style:inside circle;}
.tab-list{list-style:none; padding:0px; margin:0px; }
.tab-list li:first-child{border-top:1px solid #e6e6e6}
.tab-list li{display:block; padding:0px; margin:0px; border-bottom:1px solid #e6e6e6; position:relative;}
.tab-list li a{display:block; padding:12px 30px 12px 10px; color:#777777; font-size:14px; transition:background 0.3s ease; -webkit-transition:background 0.3s ease; line-height:26px;}
.tab-list li a i.arrow{ background:url(../img/sprite_faq.png) no-repeat -132px -131px; width:6px; height:10px; position:absolute; right:10px; top:50%; margin-top:-4px;}
.tab-list li a:hover, .tab-list li a.active{background:#f4f2f2; color:#f85352;}
.col-1-2.faq-ans .content{padding-right:0px; }
.tab-content{padding:45px 0 35px 0;border-bottom:1px solid #e6e6e6; margin-bottom:28px}
.tab-block{display:none}
.tab-block h2{color:#323d45 !important; font-size:24px; margin:0 0 26px 0; padding:0px; border:0px}
.col-1-2 .content .tab-block p{font-size:16px; color:#323d45; line-height:26px;}
p.faq-help{color:#323d45; font-size:14px;}
p.faq-help a{color:#f85352}
/*---------------------------
recruiter page
-----------------------------*/
.full-banner{text-align:center; position:relative;}
.full-banner img { width:100%;}
.full-banner a.briefcase{position:absolute;left:50%; bottom:-52px; margin-left:-46px; height:105px; width:105px}
.full-banner a.briefcase img{border:0px;}
.full-banner h2{max-width:820px; display:inline-block}
.bnr-content{ width:100%; padding:0 20px; position:absolute; top:30%; box-sizing:border-box; -moz-box-sizing:border-box; }
.bnr-sec .bnr-content{ vertical-align:middle;}
.bnr-content h2{font-size:22px; font-weight:700;}
.cms .recruit-title {border-bottom:1px solid #d3d3d3; padding-bottom:44px}
.recruit-title h3{font-weight:700;font-style:italic; font-size:19px; color:#31363a; line-height:30px; text-align:center; max-width:825px; margin:0 auto;}
.feature{padding:42px 0 40px; border-bottom:1px solid #d3d3d3; margin-bottom:40px;}
.feature h2, .benefits h2, .pricing h2{font-size:22px; color:#31363a; font-weight:700;text-align:center}
.feature h2 { margin-bottom:50px;}
.feature ol{counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */}
.feature ol > div > li{position:relative; /* Create a positioning context */
margin:0 0 40px 2em; /* Give each list item a left margin to make room for the numbers */
padding:4px 75px 4px 15px; /* Add some spacing around the content */
list-style:none; /* Disable the normal item numbering */}
.feature ol > div > li:before { content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
/* Position and style the number */
position:absolute;
top:10px;
left:-2em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:2em;
height:2em;
line-height:1.5em;
/* Some space between the number and the content in browsers that support
generated content but not positioning it (Camino 2 is one example) */
margin-right:8px;
padding:4px;
color:#fff;
background:#14c3a3;
font-weight:bold;
font-family:"Helvetica Neue", Arial, sans-serif;
text-align:center;
border-radius:50%;}
.feature li span{color:#fff; font-size:18px; background:#14c3a3; display:inline-block; border-radius:50%; -webkit-border-radius:50%; margin-right:28px; float:left; width:30px; height:30px; text-align:center; line-height:30px; }
.benefits { margin-top: 70px;}
.benefits:before, .benefits:after {
content: " ";
display: table;
}
.benefits:after {
clear: both;
}
.benefits:before, .benefits:after {
content: " ";
display: table;
}
.benefits h2{text-align:left; border:0px; margin:0 0 40px 0}
.benefits h2 img{margin:0 37px 0 0}
.benefits ul{list-style:none; padding:0px; margin:0px; width:80%}
.benefits ul li{margin:0 0 20px 0; color:#31363a; font-size:16px;}
.benefits ul li:last-child { margin-bottom:0px;}
.bnr-sec{margin-bottom:49px;}
.bnr-sec h2{font-style:italic}
.pricing {margin-bottom:50px; text-align:center;}
.pricing h2{margin-bottom:50px;}
.pricing p { text-align:left;}
.pricing table{width:100%; margin-top:41px; }
.pricing table thead{border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.pricing table thead th{height:141px;}
.pricing table thead th strong{display:block; color:#14c3a3; font-size:48px; font-weight:400}
.pricing table thead th{text-transform:uppercase; font-size:14px; color:#7a7b7d; font-weight:700;}
.pricing table thead th:first-child{color:#323d45; text-align:left; padding-left:13px;}
.pricing table tbody tr{border-bottom:1px solid #e6e6e6; height:45px; font-size:24px; color:#323d45; font-weight:400;}
.pricing table tbody tr:first-child td{height:70px;}
.pricing table tbody tr td{text-align:center;}
.pricing table tbody tr td:first-child{text-align:left;font-size:16px; font-weight:700;}
.pricing table tbody tr:last-child{border-bottom:0px; height:138px;}
span.tick{background:url(../img/sprite_faq.png) no-repeat -128px -147px; height:14px; width:16px; display:inline-block}
.btn.green1{background:#14c3a3;min-width: 90px; float: none;font-size: 12px;
height: 36px;
line-height: 36px;
min-width: 90px;
padding: 0 15px;
text-align: center;
text-transform: uppercase;
margin:48px 0 0px;
font-weight:700;}/*done by varun for temporary*/
.btn.red{background:#f85352;min-width: 90px; float: none;font-size: 12px;
height: 36px;
line-height: 36px;
min-width: 90px;
padding: 0 15px;
text-align: center;
text-transform: uppercase;
font-weight:700;}
.pricing table tbody tr .btn{display:inline-block}
.pricing table + p a{color:#14c3a3; font-size:16px; }
.pricing table + p a:hover{text-decoration:underline}
.user-login ul{z-index:100}
.f8f8f8 { background:#f8f8f8;}
.fff { background:#fff;}
#invite_button { margin-left:65px;}
.download_resume { margin-top:2px;}
.download_resume a.btn { width:108px; margin-right:0px;}
/* COLOR BOX OVERWRITE */
#cboxOverlay { background:rgba(0,0,0,0.9) !important;}
#cboxMiddleLeft, #cboxMiddleRight { background:none !important; width:0px !important;}
#cboxTopRight, #cboxTopCenter, #cboxTopLeft, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { background:none !important;}
#cboxContent { padding:20px !important; border:1px solid #666; background:#fff;}
#cboxClose { top:5px !important; right:7px !important;}
/*5/23/2014*/
#user_resume_file .qq-uploader { margin-left:20px !important;}
#user_resume_file .qq-uploader .qq-upload-button { height:30px !important; background:#fff !important; border:1px solid #ddd !important;}
#uploaded_file_status { float:right; margin-top:-20px; font-size:11px;}
@media only screen and (max-width: 1023px) {
.col-wrap{width:100%}
.setup-content{padding-top:10%}
.setup-content p{width:100%;}
.full-banner img{max-width:100%}
.full-banner a.briefcase{}
.full-banner a.briefcase img{max-width:100%;}
.bnr-content{top:43%;}
.feature .col-1-2, .benefits .col-1-2{width:50%;}
.feature li span{margin-bottom:50px;}
.benefits h2 img{width:60px; margin-right:15px}
.benefits h2{font-size:18px; margin-bottom:10px;}
.bnr-sec .bnr-content{top:25px}
.bnr-sec .bnr-content h2{font-size:20px;}
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: "(" attr(href) ")";
}
abbr[title]:after {
content: "(" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.mce-i-bold:before{content:""}
/*---------------------------
additional CSS 10/23/2013
-----------------------------*/
.packages {/* overflow-x:hidden; overflow-y:auto; */min-height:654px; width:100%; margin-bottom:-40px; margin-top:47px;}
.package ul, .packages ul { padding:0; margin:0; white-space:nowrap;}
.packages ul li { list-style:none; display:inline-block; width:250px; margin:0; padding:0; text-align:right; padding-right:30px; margin-left:-5px;}
.packages ul li.package_first_child { width:250px; vertical-align:top; float:left;}
.package_first_child { float:left; width:50%;}
.packages .package { width:50%; float:right;}
.packages .package ul li { width:100%;}
.package_first_child .package { width:100%;}
.package_first_child .package ul li { width:100%;}
.package ul.package_first_detail li { text-align:left; padding-left:0px;}
.package ul.package_detail li { font-size:16px; font-weight:700;}
.package ul li { display:block; border-top:1px solid #e6e6e6; height:40px; line-height:40px;}
.package ul li:last-child { border-bottom:1px solid #e6e6e6;}
.package ul li.package_heading { font-size:14px; font-weight:700; text-transform:uppercase; height:120px; display:table; text-align: right;}
.package ul li.package_heading span { color:#7A7B7D; font-size:14px; font-weight:700; vertical-align:middle; display:table-cell;}
.package ul li.package_heading span.first_cost { text-align:left; padding-left:0; color:#323D45;}
.package ul li.package_heading span strong { display:block; color:#14C3A3; font-size:48px; font-weight:400;}
.package ul li.package_name { height:70px; display:table;}
.package ul li.package_name span { display:table-cell; vertical-align:middle;}
.package ul li.package_name span.package_all { font-size:24px; font-weight:400;}
.package_button { height:100px; text-align:center; border-bottom:none !important; }
.package_button a { vertical-align:middle; margin-left:100px; margin-top:20px;}
/*---------------------------
additional CSS 10/24/2013
-----------------------------*/
.recruiter_login_section {border-bottom: 1px solid #D3D3D3; padding:30px 0;}
.recruiter_login {width:55%; margin:0 auto;}
.recruiter_login .btn, .seeker_login .btn { width:120px; text-transform:uppercase; padding:0px; min-width:0px !important; height:36px; line-height:36px; font-weight:700;}
/*
@media only screen and (max-width: 1023px) {
.col-wrap{width:100%}
.setup-content{padding-top:10%}
.setup-content p{width:100%;}
.full-banner img{max-width:100%}
.full-banner a.briefcase{}
.full-banner a.briefcase img{max-width:100%;}
.bnr-content{top:60px;}
.feature .col-1-2, .benefits .col-1-2{width:50%;}
.feature li span{margin-bottom:50px;}
.benefits h2 img{width:60px; margin-right:15px}
.benefits h2{font-size:18px; margin-bottom:10px;}
.bnr-sec .bnr-content{top:25px}
.bnr-sec .bnr-content h2{font-size:20px;}
}*/
/*---------------------------
additional CSS 10/25/2013
-----------------------------*/
.howit ul { padding-bottom:90px; width:100%;}
.howit h2 { text-align:center; width:60%; color:#31363a; margin-bottom:90px;}
.howit ul ul li { width:380px; margin-left:20px;}
.divider { display:block; border-bottom:1px solid #d3d3d3; margin-bottom:60px;}
.hiw_top { margin-bottom: 10px;}
.hiw_top h3, .hiw_top p { float:left; width:40%;}
.hiw_top ul{ width:100%; padding:0; margin:0;}
.hiw_top ul li { display:inline-block; list-style:none; width:32%; text-align:center; font-size:14px; margin:0px 0px 135px;}
.hiw_top ul li:nth-child(4), .hiw_top ul li:nth-child(5), .hiw_top ul li:nth-child(6) { margin-bottom:0;}
.hiw_top ul li span { display:block; margin-top:32px;}
.hiw_top div:nth-child(1) { width:58%; float:left; margin-right:6%;}
.hiw_top div:nth-child(2) { width:36%; float:left;}
.hiw_top div.top_job_seek ul li, .hiw_top div.top_job_seek ul li h3, .hiw_top div.top_job_seek ul li p { display:block; float:none; width:100%; text-align:left;}
.hiw_top div.top_job_seek ul li h3 { font-size:24px; font-weight:400; color:#31363a;}
.hiw_top div.top_job_seek ul li p { font-size:12px; color:#31363a;}
.hiw_top div.top_job_seek ul { margin-top:40px;}
.hiw_top div.top_job_seek ul li { margin:0px 0px 80px; padding:0px 0px 80px;}
.hiw_top div.top_job_seek ul li:last-child { padding:0; margin:0;}
.hiw_signup { padding:80px 0;}
.hiw_signup h1 { font-size:36px; font-weight:300; margin:0;}
.hiw_signup p { font-size:18px; color:#fff;}
.find-your-employer { text-align:center; margin-top:82px; padding-bottom:82px;}
.find-your-employer h1 {}
.find-your-employer h2 { font-size:22px; font-weight:700; color:#31363a; margin-bottom:0;}
.find-your-employer h3 { font-size:19px; font-weight:700; font-style:italic; color:#6d6f71;}
.steps-for-using { text-align:center; background:#f3f6f8; padding:78px 0 108px;}
.steps-for-using ul { background-image:url(../img/steps-for-using-divider.png); background-repeat:no-repeat; background-position:46% 11%; padding:0;}
.steps-for-using ul li { list-style:none; display:inline-block; margin:0 250px 0 0; vertical-align:top;}
.steps-for-using ul li:last-child { margin:0;}
.steps-for-using h3 { margin:0px; font-size:18px; font-weight:700; color:#0c0c0c;}
.steps-for-using h5 { margin:0px; font-size:16px; color:#31363a;}
.icon-circle2 { height:30px; width:30px; background:#14c3a3; border-radius:50%; color:#fff; font-size:18px; font-weight:700; margin:0 auto; line-height:30px; margin-bottom:20px;}
.steps-for-using.candidate { text-align:center; background:#f3f6f8; padding:78px 0 108px;}
.steps-for-using.candidate ul { background:none; width:auto;}
.steps-for-using.candidate ul li { width:200px; vertical-align:top; padding:0px 100px 0px 0px; margin:0px; background-image:url(../img/steps-for-using-divider1.png); background-repeat:no-repeat; background-position:140% 12%;}
.steps-for-using.candidate ul li:last-child { background:none; padding-right:0px;}
.steps-for-using.candidate ul li div.icon-circle2 { background:#fcd55f;}
.col-wrap.candidate { text-align:center;}
.benefits div.col-wrap.candidate{list-style:none; padding:0px; margin:0px; width:80%; margin:0 auto; margin-bottom:80px;}
.candidate ul{width: 605px; margin:0 auto;}
.dark-grey { background:#323D45; text-align:center;}
.btn.green2{background:#14c3a3;min-width: 90px; float: none;font-size: 12px;
height: 36px;
line-height: 36px;
min-width: 174px;
padding: 0px;
text-align: center;
text-transform: uppercase;
margin:70px 58px 0;
display:inline-block;
font-size:16px;
font-weight:900;
color:#323d45;}
.btn.yellow2{background:#fcd55f;min-width: 90px; float: none;font-size: 12px;
height: 36px;
line-height: 36px;
min-width: 174px;
padding: 0px;
text-align: center;
text-transform: uppercase;
margin:70px 58px 0;
display:inline-block;
font-size:16px;
font-weight:900;
color:#323d45;}
.ui-dialog .ui-dialog-buttonpane button { background:#F85352 !important; color:#fff; border:none !important; box-shadow:none !important; text-shadow:none !important; width:100px !important;}
.ui-dialog .ui-dialog-buttonpane { height:27px;}
.inner.sitemap { min-height:400px !important;}
.inner.sitemap ul li { color:#31363A; list-style:none; margin:10px 0; list-style-image:url(../img/arrow.png); padding-left:10px;}
.inner.sitemap ul li a { color:#31363A;}
#employer article.inner { padding-top:60px !important;}
#eWAYBlock { width:28% !important; padding:20px 0px 0px !important;}
@media only screen and (max-width: 1160px) {
/*#leftPane{ width: 100%; float: left;}*/
#application-details{ width: 100%; float: left;}
}
@media only screen and (max-width: 1024px) {
.col-wrap{width:100%}
.setup-content{padding-top:10%}
.setup-content p{width:100%;}
.full-banner img{max-width:100%}
.full-banner a.briefcase{}
.full-banner a.briefcase img{max-width:100%;}
.feature .col-1-2, .benefits .col-1-2{width:50%;}
.howit{ margin-right: 50px;}
.feature li span{margin-bottom:50px;}
.benefits h2 img{width:60px; margin-right:15px}
.benefits h2{font-size:18px; margin-bottom:10px;}
.bnr-sec .bnr-content h2{font-size:20px;}
.steps-for-using ul { background-position:40.5% 11%;}
.full-banner .bnr-content{top:4%}
.cms .btn{ float: right;}
/*.leftPane { width: 100%;}*/
#header { min-height: 100px;}
}
@media only screen and (max-width: 768px) {
.hiw_top div:nth-child(1) { width:100%;}
.hiw_top div:nth-child(2) { width:100%;}
.steps-for-using ul { background-position:34.5% 11%;}
}
#user_resume_file .qq-uploader .qq-upload-list .qq-upload-success{
display: none !important;
}
.qq-upload-button{
/*margin-left: 20px;
border: 1px solid #ccc;
background: #fff !important;
padding: 2px !important;
width: 265px !important;*/
}
/*for word wrap*/
.wrapit{word-wrap: break-word;}
.fixclear{ padding:0 !important;}
.gray-light{ min-height:480px;}
.y-share a{ margin: 0 10px 0 0 }
.last.y-share{ width: 100%;line-height: 40px;}
.last.y-share img{ height: 32px;margin-right: 10px;}
.reference-menu .reference-list-main ul{ width:125px;}
.interview .col-wrap{ margin-bottom:50px;}
.desc_jobs a{ color:#f85352}
.desc_jobs span{}
.desc_jobs, .desc_jobs h1, .desc_jobs h2, .desc_jobs h3, .desc_jobs h4 { color:#323d45 !important}
.edit-profile .col-right .btn{margin:27px 0 16px; width:127px !important; }
#change_email{ float:right;}
.content.clearfix{ margin-top:50px;}
#cboxClose { top:5px !important; right:4px !important;}
.desc_jobs{ -webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 45px; /* Chrome, Safari, Opera */
-moz-column-gap: 45px; /* Firefox */
column-gap: 45px;
float:right;
width:78%; clear:none !important
}
.job-applicant .page-action{ float:left;}
.btn-wrap.job{ padding:0 !important; min-width:inherit !important}
.interview .col-wrap h2{ border-top:1px solid #e0e0e0; padding:23px 0; margin-top:20px; margin-bottom:22px;}
#only_edit{ float:left; font-size:12px; }
.leftwrapper{ float:left; width:220px}
.left .live{ border:1px solid #04bf9d; padding:3px 5px; border-radius:2px; margin-top:15px}
.left .expired{ border:1px solid #f85352; padding:3px 5px; border-radius:2px; margin-top:15px}
.interview .col-wrap .success-message h2{ padding:0}
.comment-expand{background:url(../img/select-arrow.png) no-repeat 99% 50%; line-height:40px; height:40px; min-width:auto; color:#555e65; font-size:14px; }
.fa-question-circle:before{color:#ccc; font-size:18px;}
.interview.job-applicant .approved-table a.btn{ width:auto !important}
#wrapper .interview.job-applicant .approved-table .review-wrap{ padding-left:50px; padding-top:0; padding-bottom:0}
#wrapper .review-wrap{ padding-top:13px !important}
#select-candidates-list-a .approved-table table td{ padding:25px 0 !important}
.approved-table table td{ padding-top:0 !important;}
/*#select-candidates-list-a .approved-table table td{ padding:13px 0 !important }*/
.col-wrap #wrapper h4{ padding-top:10px;}
#wrapper .comment-wrap .comment-row{ padding:0 0 12px; margin-bottom:8px !important}
#wrapper .interview.job-applicant .approved-table .comment-wrap .comment-row h4{ margin:0; padding:5px 0}
#wrapper .review-wrap .content ul{ padding:0;}
#wrapper .content.clearfix{ margin-top:35px;}
#wrapper .review-wrap .desc{ font-size:11px; margin-top:15px;}
#wrapper .review-wrap .btn{ margin-top:-13px; height:40px; line-height:40px;}
#wrapper .interview.job-applicant div.checker span.checked{ background:url(../img/sprite.png) no-repeat; background-position:-73px -181px ;}
#wrapper .comment-wrap .time{ margin-right:15px; }
#wrapper .comment-wrap .date{ color:#797e81}
.y-wrapper #wrapper{ background:#f8f8f8}
#wrapper #image_a .job-list-popup h4{ font-size:18px;}
#wrapper #image_a .job-list-popup .overview label{ font-size:12px; font-weight:bold;}
#wrapper #image_a ::-webkit-input-placeholder {
color: #ccc; font-size:14px; opacity:1
}
#wrapper #image_a :-moz-placeholder { /* Firefox 18- */
color: #ccc; font-size:14px; opacity:1
}
#wrapper #image_a ::-moz-placeholder { /* Firefox 19+ */
color: #ccc; font-size:14px; opacity:1
}
#wrapper #image_a :-ms-input-placeholder {
color: #ccc; font-size:14px; opacity:1
}
#wrapper #image_a #subject{ height:30px; padding:5px 12px}
#wrapper #image_a #message{ min-height:90px; resize:none; padding:8px 12px}
.y-wrapper #cboxContent{ height:328px !important}
.user-login ul li ul li.selected a i.tick{background: url(../../images/sprites/glyphicons-halflings-white.png) no-repeat -289px -2px;}
.col-1-2 .desc_all{padding-top: 15px;}
.fht-table.fht-table-init{margin-top: -44px!important;}
.es-wrapper #cboxContent{ padding:5px 35px !important}
.cd-tabs-content li .search-search.search_today{ padding:0}
#wrapper #image_a div.selector{ height:30px;}
#wrapper #image_a div.selector span{ line-height:30px;}
#wrapper #image_a div.selector span{height:30px;}
#wrapper #image_a .job-list-popup .overview .selector.fixedWidth span{ padding-left:13px;}
#tags_3_tagsinput,#_reply_to,#_subject,#_template_type{ margin-bottom:30px;}
#custome_message_box p{ font-size:12px;}
#_email_to p{ display:none;}
#wrapper .job-applicant .col-wrap h4{ margin-bottom:47px;}
#wrapper div.selector.hover select option:hover{ background:#fcd55e !important; color:#333d46}
#search-skill-form .cd-tabs-navigation li .sortby-box .selector{ width:100px;}
#search-skill-form .cd-tabs-navigation{ padding-bottom:23px; }
.approved-table .ui-selectmenu-button{ top:2px}
/*#search-skill-form .cd-tabs-navigation li .sortby-box .selector.hover{ background:#333d46; border:1px solid #333d46 }
#search-skill-form .cd-tabs-navigation li .sortby-box .selector.hover span{ color:#fff; text-shadow:none}
#search-skill-form .cd-tabs-navigation li .sortby-box div.selector select{ top:0;}*/
#search-skill-form .cd-tabs-navigation li .sortby-box div.selector select option.is-selected{ background:#fcd560}
.interview.job-applicant .ui-tabs .ui-tabs-nav li .info { }
.recordForm a{ text-decoration:underline;}
.bnr-content{ top:12%; }
/*.full-banner .bnr-content{ top:50%}*/
#y-interview .content.clearfix{ margin-top:0;}
#y-interview.interview .col-wrap h2, #r-wrapper.col-wrap h2{ border-top:0; margin:0 0 7px; padding:0 0 15px}
#y-interview.applied-job .col-1-2 h4{ border-bottom:1px solid #e0e0e0}
#y-interview ul li:nth-child(4) .edit_li{ color:#f85352}
.heading_notification{ border:0 !important;}
.recorderRight h4{ border-bottom:1px solid #e0e0e0; padding-bottom:30px font-size:18px;}
.recorderRight.ver2 h4{ border:0; padding-bottom:0}
.col-wrap .job-list .rh-right h2{ border:0;}
.left-col .job-search h4{ border-bottom:1px solid #e0e0e0; padding-bottom:15px; margin-top:7px; font-size: 12px; font-weight:700; padding-left: 0;}
div.tagsinput{ padding-top:3px;}
div.tagsinput span.tag{ margin-top:2px;}
#skill_desc_val div#skill_desc_tagsinput{ height:24px;}
div#user_resume_file .qq-upload-button{ padding:2px 0}
#wrapper #r-wrapper .content.clearfix{ margin-top:0;}
#r-wrapper.col-wrap h4 { border-bottom:1px solid #e0e0e0; color: #323D45;
font-size: 12px;
margin: 0 0 20px;
padding: 0 0 8px;
font-weight: 700; clear: both;}
.col-wrap .y-left h4{ padding:0; margin:0}
#printarea .page-action-new{ width:100%;}
#printarea.job-applicant .col-wrap h4{ margin-bottom:0;}
#printarea.interview .col-wrap h2{ margin-top:0;}
.col-wrap #application-details h4{ border-bottom:1px solid #e0e0e0; margin-bottom:20px !important}
.col-wrap #application-details .content-details h4{ border-bottom:1px solid #e0e0e0; margin-bottom:40px !important; padding-top:0 }
.grid-list .heading_notification{ color:#323d45 !important}
#why-use-myinterview-blk .heading_notification{ color:#f85352 !important; margin-top:5px !important; margin-bottom:10px !important}
.interview.job-applicant .approved-table .email-sent-tick{ float:right;}
#all-applicant-list-result .applicant-list ul li .selector span{ background-position:85% 50% }
#add-another-reference{ color: #04bf9d}
#image_a .job-list-reference-list .reference-list tr td{ border:0 !important}
#image_a .job-list-reference-list .reference-list tr td{ border:0; border-top:1px solid #e4e4e4 !important; border-bottom:1px solid #e4e4e4 !important;}
#image_a .job-list-reference-list .reference-list tr td p{ font-style:italic; line-height:18px; font-size:12px}
#image_a .job-list-reference-list .reference-list tr td span{ display:block; font-size:12px !important}
#image_a .job-list-reference-list .reference-list tr td span.name{ color:#f85352}
#image_a .job-list-reference-list .reference-list tr td span.phone{ color:#323d45; font-weight:bold; margin-top:10px;}
#image_a .request_another_reference .btn{ float:right; text-transform:inherit; margin-top:10px}
.y-right .content{ padding:34px 40px}
.request_new .light-gray{ padding:32px 0 !important}
.request_new .light-gray ul.references{ padding-left:135px; margin:0 !important}
.request_new .light-gray ul li label{ width:301px;}
.request_new .light-gray ul li input[type="text"], .request_new .light-gray input[type="password"], .request_new .light-gray textarea{ width:252px !important; border:1px solid #ccc}
.interview .col-wrap .faq h2, .interview .col-wrap .faq-ans h2{ border:0}
.interview .col-wrap .faq-ans h2{ margin-top:36px;}
#que-29.tab-block h2{ margin:0; padding-top:0}
.applicants-tab-controller .content.clearfix{ margin:0 !important}
.applicant-list li.last, .applicant-list li:nth-child(6n+6){margin-right:0;}
.applicant-list li{ margin:0 33px 0px 0;}
.interview.job-applicant .ui-widget-content .notice{ padding:0}
.interview.job-applicant .ui-widget-content .notice p{ font-size:12px; line-height:14px;}
.interview.job-applicant .approved-table .email-sent-tick{ text-indent:-9999px; border-radius:5px;}
.interview.job-applicant .approved-table .email-sent-tick-next { width: 30px; height: 30px; background: url(../img/tick.png) no-repeat center center #bbbbbb; display: inline-block; vertical-align: top; text-indent: -9999px;}
.approved-table table td .reference-only-btn{ cursor:pointer}
.reference-menu .reference-list-main ul{ padding:0 0 0 5px; top:35px}
.desc_all .approved-table-new{ border-top:1px solid #e0e0e0 !important;}
.col-1-2 .content ul.cd-tabs-content{ padding:0}
.col-1-2 .content ul.cd-tabs-content li.selected{ padding:20px 10px; margin-top:20px;}
.selected-label{ margin-left:10px;}
#save-list-name.btn.light-black, #edit-list-name.btn.light-black.expire{ text-transform:none}
#delete-list-name.btn.light-red.delete{ background:url(../img/dustbin.png) no-repeat #f85352 8px 6px; text-indent:-9999px; min-width:30px !important; padding:0 }
/**/
#wrapper div.selector.change-color span{ text-shadow:none; color:#fff; background:url(../img/select-arrow-white.png) 70% 50% no-repeat}
#wrapper .select-all-div div.selector.fixedWidth span{ background-position:99% 50% }
#wrapper div.selector.change-color { text-shadow:none; background:#333d46; }
#wrapper div.selector.change-color select option{ background:#323d45; color:#fff; }
.comment-wrap .comment-row p.candidate-in{ font-weight:bold}
#_name,#_phone,#_position,#_company{ width:48%; float:left }
#_phone,#_company{ float:right}
.references li{ clear:both}
.request-reference-popup input[type="text"], .request-reference-popup textarea{ border:1px solid #ccc; resize:none; padding-left:10px}
.approved-table .btn.request-reference, .approved-table .btn.add-reference{ height:22px; line-height:22px;}
.last #submit-reference{ text-transform:inherit}
.request_new .light-gray ul.new_ref li input[type="text"]{ width:375px !important}
.request_new .light-gray ul.new_ref li textarea{ width:770px !important}
.interview ._recorderLeft h2{ margin-top:0; padding:15px 0; margin-bottom:25px}
.interview ._recorderLeft h4{ margin-bottom:5px}
.desc_jobs_single{ margin-top:15px; font-size:12px; margin-bottom:5px}
.desc_jobs_single p a {color: #f85352 !important;}
.added_jobcat li{ margin-bottom:10px}
#div_popup_apply .btn.light-red{ color:#f85352; background:#fff; text-decoration:underline }
#resume_skills .heading_notification{ color:#323d45}
#application-details p{ font-size:12px; margin:0}
#add_skills_button{ text-transform:inherit}
#step3{ text-transform:inherit}
#all-applicant-list-result label{ float:right; width:125px;}
#all-applicant-list-result .select-all-div label{ float:none;}
#tags_33_tagsinput{ height:100px !important; overflow-y:auto; position:relative; z-index:9999; margin-bottom:30px; padding:9px}
.main_nested#printarea.job-applicant .col-wrap h4{ margin-bottom:47px; border-bottom: 1px solid #e4e4e4}
#printarea.main_nested.job-applicant .col-wrap .notice h4{ border:0}
#resume_skills .heading_notification{ margin-bottom:3px !important}
#resume_skills h4{ margin-top:65px;}
#resume_skills .content h4{ margin-top:16px}
#printarea.main_nested.job-applicant .col-wrap .comment-wrap h4{ margin-bottom:10px;}
#wrapper .review-wrap .content { padding-top:28px}
#template_type-button, #reply_to-button{width: 99%!important;}
#printarea .col-wrap .no-margin{ margin-bottom:20px;}
#print{ float:right; cursor:pointer; margin-top:-50px;}
#print.not-all{ margin:25px}
#print img{ margin-left:7px}
_::-moz-svg-foreign-content, :root #sort_by-button { width:102px !important}
_::-moz-svg-foreign-content, :root #move_selected-button { width:126px !important}
_::-moz-svg-foreign-content, :root .ui-selectmenu-button{ top:1px}
_::-moz-svg-foreign-content, :root .move_selected_individual .ui-selectmenu-button.ui-widget.ui-state-default.ui-corner-top{ width:126px !important}
.roles ul{ margin-bottom:20px !important;}
_::-moz-svg-foreign-content, :root .approved-table .ui-selectmenu-button{ width:126px !important}
.view-more a{ color:#fff!important;font-size: 12px;background: #323d45;border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 0px 10px;
line-height: 30px;
height: 30px;
display: inline-block;
text-decoration: none;text-transform: none;min-width: 90px;
text-align: center;
font-weight: 400;}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
{
.ui-selectmenu-button{ top:1px !important}
#sort_by-button { width:102px !important}
#move_selected-button { width:126px !important}
.move_selected_individual .ui-selectmenu-button.ui-widget.ui-state-default.ui-corner-top{ width:126px !important}
.approved-table .ui-selectmenu-button{ width:126px !important}
}
@media print {
.noprint{ display:none;}
img { max-width:100%;}
blockquote, ul { margin: 0;}
ul {list-style: none}
a[href]:after {content: "";}
.ui-tabs .ui-tabs-nav li a{ font-size:12px !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{ color:#000 !important; text-decoration:underline}
}
.promo-wrap .col-2-1.newvideo{ width:581px;}
@media only screen and (max-width: 768px) {
.promo-wrap .col-2-1.newvideo{ width:385px !important;}
}
@media only screen and (max-width: 1024px) {
.promo-wrap .col-2-1.newvideo{ width:518px;}
}