/*
	base css structure
	- Reset + Box-sizing
	- defaults
	- default layout structure
	- ...
*/

*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
/* Reset, Base structure & Defaults */

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
    line-height: 1.4;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@media \0screen {img { width: auto }}

/* Defaults */


body {
    background-color: #f0f0f0;
    font-family: proxima-nova-n6, "proxima-nova",  helvetica, arial, sans-serif; font-weight: 400; font-size: 13px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    color: #757575;
    word-wrap: break-word;
}

p, blockquote {
    color: #666;
    margin-bottom:10px;
    line-height: 1.6;
}

p a, .pageitem a {font-weight: 600; color: #67B59F}
p a:hover, .pageitem a:hover {color: #AFAFAF;}

p.summary a{color: #757575;}

a {color: #777; text-decoration: none;}
a:hover{}

strong, b{font-weight: 600;}

pre{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

h1 {
    font-size: 2.462em; line-height: 1.1em;
    color: #444;
    font-weight: normal;
}

h2 {
    font-size: 1.7em; line-height: 1.1em;
    color: #444;
    font-weight: normal;
    margin-bottom: 0.3em;
}

h3{
    font-size: 1.7em;
    color: #444;
    font-weight: normal;
    margin-bottom: 0.3em;
}

h3 a {color: #444;}

h4 {
    font-weight: 600;
    margin-bottom: 5px;
    color: #3d3d3d;
    font-size: 1.231em;
}

select,input,textarea {font-size:14px;}

select {
    background-color: #FFF;
    color: #666;
    font-weight: normal;
    height: 24px;
    padding-left: 5px;
    /*font-size: 1.1em;*/
    font-family: "proxima-nova", helvetica, arial, sans-serif; /*firefox*/
}

input{
    border: 1px solid #E7E7E7; border-radius: 2px;
    padding: 5px;
    /* font-size: 1.1em; */
    margin: 0;
    font-family: "proxima-nova",helvetica, arial, sans-serif;
    color: #666;
    /* color: #9d9d9d; */

}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ccc;
}

input[type=image]{border: 0;}

button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} /* extra space removed from firefox buttons/inputs */

textarea{
    border: 1px solid #e7e7e7; border-radius: 3px;
    font-family: "proxima-nova",sans-serif;
    line-height: 1.6em;
    padding: 10px;
    /* color: #9d9d9d; */
    color: #888;	/* gm v3.1 */
}

td,th{
    vertical-align: middle;
    padding:0 5px 5px 0;
}

dl {
    line-height: 1.4em;
    margin: 1em 0;
}

dl dt {
    clear: left;
    float: left;

}

/* admin pages but may be elsewhere too */
.creditbalance dl dt { width: 20ex; }
.creditbalance dl dd {	margin-left: 20ex; }


/* Generic error style*/
.error {
    color: #CF0000;
    text-decoration: none;
}

input.error {color: inherit; border:1px solid #d00;}
select.error {border:1px solid #d00;}
textarea.error {color: inherit; border:1px solid #d00;}

.errorHighlight {color:#CF0000; line-height: 1.6; /*!important;*/}
.errorHighlight a{color:#CF0000 !important; text-decoration: underline;}
textarea.errorHighlight {border:1px solid #CF0000; color:inherit;}
input.errorHighlight {border:1px solid #CF0000; color:inherit;}

/* Generic message styles*/

p.message, div.important {margin:1em 0;}
.bAccount.bYourprofile p.message, div.important {margin: 0;}
p.important.message, div.important.message {color: #d00;}

div.important {background: #f7f7f7; margin-bottom:15px; border:1px solid #c66; border-radius:3px 3px;}
div.important {padding:5px;}

/****** v3.mb Base Structure ********/
/*
	nav
	header				200
	main_wrap
		section left
		section main
		section right
	Footer
*/

/*header*/
.header_wrap{
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 1px; /* wtf */
    margin-top: -1px;
}
.homepage .header_wrap {
    background: #fff url('/images/redesign/bg-hp.jpg') center 0;
    height: 489px;
    position: relative;
}
.homepage.bPeoplelanding .header_wrap { background-image: url('/images/redesign/people-hero-raychan.jpg'); }
.homepage.bCompanieslanding .header_wrap { background-image: url('/images/redesign/companies-hero-breel.jpg'); }
.homepage.bJobslanding .header_wrap { background-image: url('/images/redesign/jobs-hero-kode.jpg'); }
.homepage.poolsothers .header_wrap { background-image: url('/images/redesign/pools-hero-happyfinish.jpg'); }
.homepage.bMagazinelanding .header_wrap { background-image: url('/images/redesign/bg-magazine.jpg'); }

.poolsothers.homepage .header_wrap { height: 170px; }
.poolsothers.homepage .landing_header h1 { padding-top: 45px; font-size: 2.623em; }

.bTabprojects .header_wrap { background: none }

header{
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    min-height: 25px;
    padding: 0 14px;
}

header h2{
    font-size: 2.462em;
    margin: 20px 5px 20px 0;
    font-weight: 400;
    color: #595959;
}
.bPurchase .rec-solution img {
    display: block;
}

#middlesection{}
.mid_inner_wrap{
    max-width:1000px;
    margin: 0 auto;
    position: relative;
    padding: 0 14px;
}

/* sections */
.main_wrap{position: relative;	margin: 0 auto;	max-width: 1000px; min-height: 280px;}

section.side{
    /*display: none;*/
}

section.main{
    width: 100%;
    max-width: 862px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    position: relative;
}

section.ads{
    float: right;
    width: 138px;
    padding: 8px;
    border: 1px solid #efefef;
    background: #fff;
}
section.ads.right-col-ads{
    border: 0;
    background: none;
}
.bAccount section.ads.right-col-ads,
.bSubscription section.ads.right-col-ads {
    border: 1px solid #ddd;
    background: #fff;
}
.bJobslanding section.ads { margin-top: 229px; }
.bMagazinelanding section.ads { margin-top: 45px; }
.bMagazinepage section.ads { margin-top: 59px; }
.bMagazinepage section.main .article-top-ads div.ad { margin-right:13px }

/* footer */
.foot_wrap{
    width: 100%;
    background: #7cbaaa;
    border-top: 1px solid #7cbaaa;
    position: fixed;
    bottom: 33px;
    z-index: 751;
    display: none;
}
footer{
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    background: #7cbaaa;
    padding-top: 0;
    font-size: 14px;
    display: none;
}

footer h2{
    color: #717171;
    font-size: 1.462em;
    background: transparent url(/img/v3/foot_bg.png) no-repeat 0 0;
    height:60px;
    padding: 25px 10px 0;
    position: absolute; top:-30px;
    z-index: 11;
}
footer h3{color: #fff; font-size: 14px; margin-bottom: 20px;font-weight:600;text-shadow: 0 0 0 #fff;}

footer a:hover{text-decoration: none; color:#a3a3a3;}

footer .top{width: 100%;margin-top: 10px;}

footer .top .cols{padding: 0 10px;}
footer .top .email_signup{
   display: none;
}
footer .top .comp_links{width: 20%;}
footer .top .useful_links{width: 20%;}

footer .terms{	clear: both;width:330px;padding-top:35px;}
footer .terms li + li{margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff;}

footer .top .cols li{padding: 3px 0;}
footer .top .cols li a,
footer .terms li a {font-weight: 400; color: #fff;}
footer .top .cols li a:hover,
footer .terms li a:hover {color:#eee;}
footer .terms li{float: left;}
footer .base{
    border-top: 1px solid #f1f1f1;
    padding: 10px 5px;
    width: 100%;
    color: #ffffff;
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
}

.foot_wrap.show {
    display: block;
    position: static;

}
.foot_wrap.show footer {
    display: block !important;
}

/****** end v3.mb Base Structure ********/

/****** Base Structure ********/
#base { padding-bottom: 0px; position:relative; }
#topmenu { position: absolute; bottom:0; z-index:1;}

#toplink * {
    font-family: Helvetica,Arial,sans-serif !important;
    font-size: 0.98em !important;
    font-weight: 600 !important;
    line-height: 1em;
}
#toplink, #base, #contentdiv, #footer, #content-top, div.intentbox {width: 1000px; margin:0 auto;}
#toplinkwrap {background: #67b59f; min-width: 1000px; }
#headerwrap {background: url(/images/toprightbg.gif) top left repeat-x;  min-width: 1000px;}

#contentwrap {
    /*background-color: #d2d2d2;
    background-image: linear-gradient(bottom, #d2d2d2 0%, #e5e5e5 50%);
    background-image: -webkit-linear-gradient(top, #e5e5e5, #d2d2d2);
    background-image: -moz-linear-gradient(top, #e5e5e5, #d2d2d2);
    background-image: -ms-linear-gradient(top, #e5e5e5, #d2d2d2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e5e5e5, endColorstr=#d2d2d2)";
    */
    margin-top:0px;
    padding-top:10px; /* fix an issue with Safari rendering this at an offset */
    min-width: 1000px;
}

#toplink, #toplink a {color: white; }
#toplink {padding: 1ex 0;}

#contentdiv {margin-top:17px; }
#column-left, #column-middle, #column-right {
    float: left;
    position:relative;
}
#column-big {position:relative;}

#column-left {width: 220px;}
body.sidemain #column-middle {width: 765px; margin-left:15px;}
#column-middle {width: 610px; margin-left:15px; }
#column-right {margin-left:15px; width:140px;}

#left-leaf, #left-leaf-top {
    background:url(/images/leaf_left.gif) top left no-repeat;
    z-index: 0;
    /* position:absolute; top:-25px; left:-40px; */
    float:left;
    margin-top:-25px;
    margin-left: -40px;
}

#contentdiv.mainleftright #left-leaf,
#contentdiv.mainleftright #left-leaf-top {
    margin-top:-25px;
    margin-left: -650px;
}

#left-leaf {
    width: 40px;
    height: 220px;
}

#left-leaf-top {
    width: 160px;
    height: 25px;
}

#top-middle-leaf {display:none;}
#bottom-middle-leaf {}

.in09 {min-height:300px;}

#column-left div.in09, #column-middle div.in09 {background:white; padding:20px;}
#column-right .in09 {padding: 20px 10px 10px 10px; background:white;}

#column-big .in09,
#column-middle .in09,
#column-right .in09,
#column-left .in09 {border-radius:2px 2px;}

body.nosidein09 #column-left .in09 { background:none; padding:0;}

body.noin09 #column-middle .in09,
body.noin09 #column-right .in09,
body.noin09 #column-left .in09 { background:none; padding:0;}

body.noin09pad #column-middle .in09,
body.noin09pad #column-right .in09,
body.noin09pad #column-left .in09 { padding:0;}


#contentdiv.mainleftright #column-left { left: -610px;  }
#contentdiv.mainleftright #column-middle { left: 235px; width:610px; margin-left:0; z-index: 20;}	/* first column in this layout */
#contentdiv.mainleftright #column-middle .in09 {}
#contentdiv.mainleftright #column-right {left:15px;}	/* 15px relative to the right */


#contentdiv.columns-homepage #column-big {
    float:left;
    width:845px;
}

#contentdiv.columns-homepage #column-right {float:right;width:140px;}

#contentdiv.columns-homepage #column-big #column-left,
#contentdiv.columns-homepage #column-big #column-middle {width:415px; top:0; padding:0;}

#contentdiv.columns-homepage #column-big #column-left {float:left; margin:0;}
#contentdiv.columns-homepage #column-big #column-middle {float:right; margin: 0 0 0 10px;}

div.threecol div.col {width:33.3%;}
div.threecol div.left, div.threecol div.mid {float:left;}
div.threecol div.right {float:right;}

div.twocol .col, div.onecol div.twocol .col {
    width:49.5%; margin:0; padding:0;
}
#adminjobeditformdiv div.twocol .col,
.bOrderconfirm #paymentform div.twocol .col,
.useruploads.bAccount.bCvportfolio div.twocol .col,
.contact_details div.twocol .col{
    width: 100%;
}

div.twocol .col.text_pad { width: 100%; }
div.twocol.actionbuttons .col {
    width: auto;
}
.cvsearch div.twocol .col,
.jobsearch div.twocol .col,
.contactus div.twocol .col {
    width: 100%;
}
div.left {float:left;}
div.right {float:right;}
div.left.imadethis-overlay-left,
div.right.imadethis-overlay-right {
    float: none;
    width: auto;
}
.cvsearch div.twocol div.col.left,
.jobsearch div.twocol div.col.left{
    float: none;
}
.cvsearch div.twocol div.col.right,
.jobsearch div.twocol div.col.right{
    margin-top: 20px;
    margin-bottom: 10px;
    height: 20px;
}

#topbg #social_media_buttons {margin-top:10px;}
#toplinkleft {float:left; width:68%;  }
#toplinkright {float:right; width:32%; text-align:right;  }
#toplinkleft a {padding:0 1px; font-weight:600;}
#toplinkright a {padding:0 1px; font-weight:normal ! important; }
#toplinkright a:hover {text-decoration: none;}
#toplinkright ul, #toplinkright li  {display:inline ! important;}
#toplinkright ul {list-style:none; padding:0; margin:0; font-size: 91.5%; text-transform:lowercase;}

#toplinkleft span.sep { background: url(/images/topline.gif) center 1px no-repeat; padding:0 3px; }

#logo{
    background: transparent url(/img/v3/cp_logo.png) no-repeat 0 0;
    margin-right: 25px;
    margin-top: 17px;
    position:relative;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    #logo{
        background: transparent url(/img/v3/cp_logo@2x.png) no-repeat 0 0;
        background-size: 38px;
    }

}

#logo, #logo a{
    float:left;
    height: 38px;
    width: 38px;
    display: block;
    text-indent: -10000px;
    margin-bottom: 0;
}

#topbg {
    background: url('//images/topbgx_fd.jpg') no-repeat -15px 0px;
    height: 116px;
    margin: 0 auto;
    padding-bottom: 0px;
}


#top_nav_home {margin: 0 ! important;}

div.hpblock {padding:15px;}
div.hpblock+div.hpblock {border-top: 1px solid #D2D2D2; }

#contentdiv h1.st, #contentdiv h1{margin-bottom: 10px;}

/* base styles*/

input[type=checkbox],input[type=radio]{border: 0; margin: 0 5px 5px 0;}
input[type=file]{margin-right:10px}
/*input[type=text],input[type=password],input[type=email],input[type=tel]{
padding: 2px;
font-family: Helvetica, Arial, sans-serif;
}*/

small {font-size: 87.5%;}
small.note {display:block; margin:5px 0 5px;}

div.advert, div.ad {margin-bottom:10px;}	/* also present in right.inc.php */
div.ad {margin: 10px 0 10px 0;}
div.ad {background-color: #FFF;text-align: center;padding: 10px 0;}
section.ads.right-col-ads div.ad { background: none }
div.ad.wide-banner {padding: 10px;}
#ads__sid_mag_srch div.ad,
#ads__sid_ppl_srch div.ad,
#ads__sid_mag_post div.ad,
#ads__sid_job_land div.ad,
#ads__sid_coy_srch div.ad,
#ads__sid_mag_land div.ad,
#ads__sid_job_srch div.ad {float: left; clear: both; margin: 0}

/*#breadcrumbTrail a {text-decoration:none; border-bottom:1px solid #ccc; }*/
#column-middle div.ad, #column-middle div.advert {text-align:center;}


#social_media_buttons div.advert {float:left; margin-bottom:0; margin-left:5px;}

a.nofx img {display: block; margin: 0 auto;}

/*
.xin {
    background: #FFFFFF;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 2px;
    }
.xin-nofx, .xin.nofx {background:none;} */

/* footer */
#footer {margin-bottom:5px;}
#footer .in {text-align:center; font-size: 83.5%; border-top:1px dotted #aaa; padding-top:10px; margin-top:10px;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover {background: #eee; color: #000;}

/* MODAL */
#overlay10div {
    width:100%; /*height:100%*/;
    z-index:1000; /* 752 */
    position:absolute;
    top:0;
    left:0;    
    display:table-cell;
    vertical-align:middle;    
    display:none;
}

#overlay10div .bg {
    position:fixed;
    top:0; left:0;
    z-index: 10;
    background:#222;
    filter:alpha(opacity=8);
    opacity: 0.8;
    -moz-opacity: 0.8;
    height:100%;
    width:100%;
}

#overlay10div.noclose .bg {
    filter:alpha(opacity=90);
    opacity: 0.9;
    -moz-opacity: 0.9;
    background:#444;
}


#overlay10div.noclose #modalclose {display:none;}
#overlay10div.close #modalclose {display:block;}


#overlay10div #modalclose {
    z-index: 111;

    text-align:right;
    padding: 0px 10px;
    margin: 0 auto;
}

#overlay10div #modalclose a {
    background: transparent url(/img/v3/icons/sprite_sheet.png) no-repeat -95px -595px;
    position:absolute;
    right:0;
    margin: 12px 13px 0 0;
    font-weight:600;
    display:block;
    width: 11px; height: 11px;
    color: #999;
}
#overlay10div #modalclose a {
  width: 31px; height: 31px;
  background: none;
  margin:  0;  
}
#overlay10div #modalclose a:after {
  content: "";
  width: 11px; height: 11px;
  background: transparent url(/img/v3/icons/sprite_sheet.png) no-repeat -95px -595px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}


#overlay10div .contributormodal #modalclose a:after {
    position: absolute;
    right: 5px;
    top: 1px;
    margin: auto;
    content: "\00d7";
    color: #fff;
    font-size: 20px;
    background: none;
    width: auto;
    height: auto;
}



#overlay10div #modalclose a:hover {background-position: -119px -595px;}

#overlay10div #modalclose a {}

/*#overlay10div #modaldiv *{font-family: Helvetica, Arial, sans-serif !important;}*/
#modaldiv {
    /*font-size: 12px;
    line-height: 1.4em;*/
    /*width: 840px;*/
    margin: 0 auto;
    background: #fff;  padding: 4px; z-index: 101;
    position:relative;
    top: 20%;
    min-height: 100px;
    text-align:left;
    /*border-radius: 4px;*/

    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 4px 16px rgba(0,0,0,.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .1);

    /*
    color: #666;
    max-height: 80%;
    border: 0;
    /* set max height to avoid off page content m.b. */
}

#modaldiv {overflow:auto; }	/* handles modal div when wrong height, for keeping close button in place see below */
.bPools #modalcontent {/*max-height:580px;*/ overflow:auto;}

#overlay10div #modaldiv::-webkit-scrollbar { width:5px; }
#overlay10div #modaldiv::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ccc;
}

/*
#modaldiv.opened_mod {
    top: 17%;
}
*/

#modaldiv #modalcontent{
    padding: 20px 1px 20px 1px;
    background: #fff;
    border-radius: 2px;
    min-height: 90px;
}

#modaldiv #mcon1tentwrap {
    position:absolute; top:1px; bottom:1px; left:1px; right:1px;
    z-index: 100;
    padding: 3px;
}

/*	#modaldiv a {color: inherit;}*/

#modaldiv a.servicelink img{vertical-align: middle;}

#noteloading {
    position:fixed;
    background: #c00; color: white;
    font-weight:600;
    top: 5px;
    right: 10px !important;
    width:7ex !important; text-align:center;
    visibility:hidden;
    z-index: 9111;	/* nothing overrides this */
    border-radius:0;
    border-top:1px solid #c66;
    border-left:1px solid #c66;
    border-bottom:1px solid #900;
    border-right:1px solid #900;
    box-shadow: 0px 0px 5px #f93;
}

body.loading #noteloading {
    -webkit-animation: flicker 0.5s ease infinite;
    -moz-animation: mflicker 0.5s ease infinite;

    -webkit-box-shadow: 0 1px 0 rgba(255,0,0,0.3) inset, 0 0 50px 10px  rgba(255,120,120,0.4);
    box-shadow: 0 1px 0 rgba(255,0,0,0.3) inset, 0 0 50px 10px  rgba(255,120,120,0.4);

    background: -webkit-repeating-radial-gradient(circle, #ff2300, #b80804);
    background: -moz-radial-gradient(circle, #ff2300, #b80804);
}

@-webkit-keyframes flicker	{
    0%	{opacity: 1; background: #900; }
    15%	{opacity: 0.8; background: #c00; }
    25%	{opacity: 1; background: #900; }
    50%	{opacity: 0.9; background: #900; }
    80%	{opacity: 1; background: #c00; }
}

@-moz-keyframes mflicker	{
    0%	{opacity: 1; background: #900; }
    15%	{opacity: 0.8; background: #c00; }
    25%	{opacity: 1; background: #900; }
    50%	{opacity: 0.9; background: #900; }
    80%	{opacity: 1; background: #c00; }
}


body.loading div#noteloading,
body.modal_loading div#noteloading {visibility:visible ! important;}

#button_editsubmission10:hover, #modaldiv a.button:hover, #successmsg a.button:hover, #modaldiv input:hover#login_submit/*, tr.buttonSubmit input:hover*/{background: #888;}

#modaldiv p {margin:5px 0 10px 0;}
/*#modaldiv p:last-child{line-height: 1.1;}*/

#modaldiv table td, #activateguestform table td {vertical-align:middle; }

#activateguestform {margin: 20px auto; padding:10px; background: #eee; border:5px solid #eee; border-radius: 5px 5px;}


#modal_message {line-height:1.45em;}
#modal_message a {color: inherit;}


#loginbox table {width:100%; margin-bottom:15px;}
#loginbox table td{padding: 0 0 10px 0;}
#loginbox {text-align: center; padding-top: 15px;}

#loginbox h3{margin-bottom: 25px; font-size:3.385em; font-weight: 300;}
#loginbox h4{ font-size: 1.385em;}

#login_modal {padding: 9px 45px; width: 245px;}

p.small {/*font-size: 87.5%;*/}

/* END MODAL */

/* end base structure*/


#loginform table{width: 100%;}
#modaldiv #loginform table th, #activateguestform table th  {font-size: 91.5%; text-align:left; font-weight: 600; padding: 2px 0;}
#loginform input[type="checkbox"]{margin-bottom: 0;}
#loginform input[type="text"], #loginform input[type="password"]{font-weight: 600; padding: 8px;}

#modaldiv .base a{font-weight: 600; color: #67B59F;}
#modaldiv .base a:hover{color: #757575;}

#modaldiv .base a.forgot-password {
    color: #777;
    text-decoration: underline;
}
#modaldiv .base a.forgot-password:hover{
    text-decoration: none;
}
/* social login buttons */
.soc_login a{
    display: inline-block;
    width: 220px;
    height: 60px;
}

.soc_login a { background: url(/img/v3/icons/login_social-v2-small.png) no-repeat 0 0;}
.soc_login a.fb{background-position: 0 -180px;}
.soc_login a.go{background-position: 0 -270px;}
.soc_login a.tw{background-position: 0 0; }
.soc_login a.liin{background-position: 0 -90px;}

.soc_login a.fb:hover{background-position: -270px -180px;}
.soc_login a.go:hover{background-position: -270px -270px;}
.soc_login a.tw:hover{background-position: -270px 0; }
.soc_login a.liin:hover{background-position: -270px -90px;}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    .soc_login a {
        background: transparent url(/img/v3/icons/login_social-v2-small@2x.png) no-repeat 0 0;
        background-size: 484px;
    }
}

#modaldiv #loginbox .soc_login a { cursor: pointer }


/* login form (non-modal) */
#maindiv #loginform table td{padding-bottom: 10px;}

h2.st, h3.st, h4.st,  .et h3, .et h4 {color: #444; font-weight:normal; margin-bottom:0.3em; line-height: normal;}
h1.st, .et h1 {font-size: 1.7em;}
.browserecruiters h1.st,
.bPeoplefreelancersbytitle h2.st,
.bPeoplefreelancersbytitle h2.st,
.bJobsfreelancersbytitle h1.st,
.bJobsfreelancersbytitle h2.st {
    margin-bottom: 10px;
}
.bJobsfreelancersbytitle .browse_by_links { margin-top: 10px }

.jobitemfull h1.st {font-size: 2em;}	/* exception */
h2.st {font-size: 1.8em; }

h3.st, .et h3 {font-size: 1.3em;}
h4.st, .et h4 {font-size: 1.15em;}
h2.grey, h3.grey, h4.grey {color: #666;}
.et table td, .et table th {vertical-align:top; padding:5px; line-height: 1.2em}
.et table th  {font-weight:600;}


/* Top nav*/
#topmenu ul {
    float:left;
}

#topmenu ul li {
    margin:0px 0px 0px 4px;
    padding:0px;
    float:left;
    width: 108px;
    height: 23px;
}

/* active top menu */
body.bHome #top_nav_home a {background-image: url(/images/btn_home-o.gif);}
body.bArticles #top_nav_content a {background-image: url("/images/advice-and-articles-green.gif");}
/* 'recruit online' url("/images/btn_postajob-o.gif")*/
body#fd_homepage #top_nav_freelance a{background-image:url("/images/btn_freelance-o.png");}


/* nav login/settings menu */
.login_header{
    padding: 0;
    float: right;
    position: relative;
    z-index: 0;        
}
.login_header.open-loggedin-menu {
  z-index: auto;
} 
.login_header.loggedin-header {
  width: 200px;
}                  
/* hide admin upload links */
.login_header .itemAdminLinks {display: none ! important;}

ul.mem_set{right: 0; position: absolute; }
ul.mem_set a{color: #fff; font-weight: 600;}
ul.mem_set a:hover{ color: #eee; }

ul.mem_set ul{clear: both; z-index: 12;}
ul.mem_set li ul li{
    display: none;
    background: #6aa396;
    height: 30px;
    padding: 5px 15px;
    width: 232px;    
}
ul.mem_set li { position: relative; z-index: 200; }
.desktop ul.mem_set li:hover ul li{display: block;}
.desktop ul.mem_set li:hover { background: #6aa396 }

body.demo ul.mem_set li:hover ul li{display: none; !important;}
body.demo ul.mem_set li:hover { background: transparent; }
body.demo ul.mem_set a:hover, body.demo #t_nav a, body.demo #logo a {
    color: #fff;
    cursor: default;
}

ul.mem_set #loggedin #name_prof span.text {  
  display: table-cell;
  width: 123px;
  vertical-align: middle;  
  overflow: hidden;
  height: 34px;
}

#login, #loggedin { margin-top: 0; float: right;}
#register,#login{float: right; margin: 22px 5px 0 0;}
#registerlogout a{font-size: 1em;}

#loggedin {
    color: #fff;
    height: 69px;
    padding: 15px 15px 0;
    min-width: 200px;
    text-align: left;
}

#loggedin .pro_img{
    /* display: inline-block; */
    width: 35px;
    overflow: hidden;
    margin-right: 10px;    
}

#nav_name i {
    display: inline-block;
    margin: 0 0 2px 10px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#name_prof {display:block;}
#name_prof span.pro_img {float:left; }
#name_prof span.text {float:right; width:155px;}
/*
#name_prof span.pro_img img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}*/
#loggedin.wpro #name_prof span+span {display:block;}
#loggedin.oneline span.text {line-height:3em;}
/* RSS button */
a.rssbutton {
    background:url("/images/rss.png") top left no-repeat;
    display:block;
    height:16px;
    width:44px;
    float:right;
    font-size: 1px;
    text-indent: -10000px;
    margin-top:0.15em;
}

/* ad box */
div.hellobox {
    margin-bottom: 20px;
}
div.hellobox div.in {
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 5px;

    background: #fff;
}

div.sectionseparator {
    background:#ddd; font-size: 5px; line-height:5px; height:15px;
    padding:0; margin:0 -10px 10px -10px;
}


div.hellobox div.itemAdminLinks {text-align:center;}		/* admin. else there's an orange sticker over it */
#excludedwords {font-size:91.5%;}

/* Social buttons main-right-col default-homepage */
.googleplus {position: relative; /* - use this to position your share icon on your page -  */}

.googlehider {
    opacity: 0;
    height: 30px;
    width: 30px;
    top: 0;
    left: 0;
    z-index: 3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
}

.mygoogle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin-left: 6px;
}

div.social_media_button_text {padding-top: 7px;}

div.social_media_row div {float: left;}

div.social_media_row {width: 380px;}

#social_media_cell_fb {
    width: 300px;
    height: 102px;
}

#social_media_google_text {color: #666;}

#social_media_google_button {
    width: 75px;
    margin-left: 2px;
    text-align: center;
}

#social_media_bottom {
    height: 29px;
    color: #666;
    clear: both;
}

#social_media_bottom div {
    padding-right: 5px;
    vertical-align: middle;
}

/* Twitter default-homepage */
.tweet_item {
    position: relative;
    color: #666666;
    line-height: 1.2em;
    margin-bottom:15px;
    font-size: 110%;
    padding: 2px 0;
}

h3.st.cp_blog a{color: #666; font-size: 1.1em;}

.tweet_item a {
    color: #67b59f;
}

.tweet_item .tweet_footer {
    color: #67b59f;
    font-size: 0.8em;
}

.tweet_item .tweet_footer a {
    color: #67b59f ! important;
    text-decoration:none;
}
.tweet_item .tweet_footer a:hover {text-decoration:underline;}

.tweet_item .tweet_header {
    color: #67b59f;
    font-weight: 600;
}

#twitter_callout {
    height: 179px;
    width:400px;
    background-image: url("/images/tweet_background.png");
    position:relative;
    margin:10px 0 10px -6px;
}

#tweet_container {
    border:1px solid transparent;
    padding: 0;
    overflow: hidden;
    position:absolute;
    top: 15px;
    left: 13px;
    right: 15px;
    bottom: 53px;
}

#tweet_button {
    text-align: right;
    margin-top: 10px;
    vertical-align: middle;
    position:absolute;
    bottom:10px;
    right: 10px;
}

#tweet_button a {
    background:url("/images/tweet_container_follow_bg.png") left center no-repeat;
    padding-left: 35px;
    line-height: 30px;
    height: 30px;
    display:block;
}

#eml_submit{
    display:block;
    margin-top: 5px;
    margin-right: 10px;
}

/* input button types (grey)  */
/* green inputs add here */
input[type=button],input[type=submit], #emailjobtofriendform #eml_submit, input#block_submit, input#contact_submit,input.searchbtn,
input.uploadbtn, input.savebtn, a.actionbtn{
    background: #f6f5f5;
    border: 1px solid #e3e3e3;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 36px;
    color: #787878;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    -webkit-appearance: none;
    border-radius: 0;
}

input:hover[type=button],input:hover[type=submit], #emailjobtofriendform #eml_submit:hover, input:hover#block_submit,
input:hover#contact_submit, input:hover.searchbtn, input:hover.uploadbtn, input:hover.savebtn, a:hover.actionbtn{
    background: #f2f2f2;
}

#submit_save_goback,
.job10Item #contentdiv input.actionbutton {
    background: #7cbaaa;
    color: #fff;
    border: 0;
    padding: 10px 15px;
}
#submit_save_goback:hover,
.job10Item #contentdiv input.actionbutton:hover {
    text-decoration: none;
    background: #6aa596;
    color: #fff;
}

/* disabled input styles*/
input:disabled[type=submit]{
    color: #666; background: #ddd;
    cursor: default;
    border-color: #ccc;
    font-weight: normal;
}

/* Stactic login */
#contentdiv a.actionbutton, #contentdiv input.actionbutton, #loginform #submit,
#modaldiv input.actionbutton, #modaldiv a.actionbutton, ul.actions li a
{
    background: #f6f5f5;
    color: #787878;
    font-weight:600;
    padding: 2px 10px; text-decoration:none;
    font-size: 1em;
    line-height: 1.25;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid #e3e3e3;
    display: inline-block;
}

#loginform #submit { line-height: 36px }

#contentdiv a:hover.actionbutton, #contentdiv input:hover.actionbutton, #loginform #submit:hover,
#modaldiv input:hover.actionbutton, #modaldiv a:hover.actionbutton, ul.actions li a:hover {
    background: #f2f2f2;
}


/* y u no like red butonz */
#contentdiv a.actionbutton.red, #contentdiv input.actionbutton.red,
#modaldiv a.actionbutton.red, #modaldiv input.actionbutton.red, ul.actions li a.red {
    background: #c33;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a33), to(#833));
    background: -moz-linear-gradient(top, #a33, #833);

    text-shadow: #a22 0px -1px 0px;

    border-top: 1px solid #a33;
    border-left: 1px solid #a33;
    border-right: 1px solid #833;
    border-bottom: 1px solid #833;

}

#contentdiv a.actionbutton.red:hover, #contentdiv input.actionbutton.red:hover, #contentdiv a.actionbutton.redhover:hover,
#modaldiv a.actionbutton.red:hover, #modaldiv input.actionbutton.red:hover, #modaldiv a.actionbutton.redhover:hover,
ul.actions li a.red:hover, ul.actions li a.redhover:hover {
    background: #d44;
    color: white;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e44), to(#d44));
    background: -moz-linear-gradient(top, #e44, #d44);

    text-shadow: #b33 0px -1px 0px;

    border-top: 1px solid #e44;
    border-left: 1px solid #e44;
    border-right: 1px solid #c33;
    border-bottom: 1px solid #c33;

}

ul.actions {padding:2px 0; margin:3px 18px; text-align: right; }
.myArticles ul.actions { margin-right: 0; }
ul.actions li {display:inline; padding:0; }

/* Candidate profile  (new css file)*/
/* profile tabs & content */

#pro_wrap{}

.top_section_pw{
    margin: 10px 0 0 0;
}

.top_section_pw li{
    float:left;
}

.usr_image_pw{
    width: 60px;
    height: 60px;
    margin: 0 10px 20px 0;
    float: left;
}

.usr_image_pw img{border-radius: 3px;}


.usr_detail_pw{
    float: left;
    padding-top: 11px;
}

.usr_staus_pw{
    float: right;
    width: 100%;
    background: #f2f2f2;
    padding: 10px 10px 0;
    border-radius: 3px;
}

.usr_staus_pw strong {width:80px; float:left;}

#custom_url_pw{
    clear: both;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
}

/* Generic tab styles*/

/*
 .tabs_wrap{
     float: left;
     width: 100%;
     margin: 25px 0;
 }
 */

.tabs_wrap .hidden{
    display: none;
}

.tabs_wrap ul{
}

.tabs_wrap li{
    /*  float: left; */
    padding-right: 3px;
    /* border-right: 1px solid #777; */
    line-height: 1.75;
}

.tabs_wrap li+li {border-top:1px dotted #ccc;}
.tabs_wrap li:last-child{border-right: 0;}

.tabs_wrap a{
    /* float: left; */
    display:block;
    line-height:1.75;
    text-decoration: none;
    padding: 0 7px;
    color: #777;
}

/*tab highlight*/
.tabs_wrap a:hover {color: #67B59F ! important; text-decoration: none;}

.tabs_wrap a.active_tab,
body.bYourprofile li#tabyourprofile a,
body.bAccountdetails li#tabaccountdetails a,
body.bCvportfolio li#tabcvportfolio a,
body.bAboutyou li#tababoutyou a,
body.bExperience li#tabexperience a,
body.bGetlisted li#tabgetlisted a,
body.bAlerts li#tabalerts a,
body.bmypros #tabmypros a,
body.bFeedback #tabcvfeedback a,
body.myArticles #tabnewsupdates a,

body.bArchivedjobs li#tabarchivedjobs a, 	/* employer my jobs */
body.bPendingjobs li#tabpendingjobs a,
body.bLivejobs li#tablivejobs a

        /* @todo check last two*/
     {
    font-weight: 600;
    color:#67B59F;
}

body.bYourprofile .threecol.c3.clearfix form input,
body.bYourprofile .threecol.c3.clearfix form select {
    height: 30px !important;
}

.tab_content{
    /*min-height: 195px; */
    padding: 10px;
    margin: 0 0 9px;
    clear: both;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ddd;
}
.bFeedback .tab_content { padding: 1px}
.tab_content {padding: 30px 20px 25px 20px;}

body.bSavedjobs .tab_content,
body.bAppliedjobs .tab_content,
body.bMatchingbriefs .tab_content,
body.bMatchingjobs .tab_content,
body.bMyjobs .tab_content
{
    padding:0;
    margin:0;
    background:none;
    border-radius:0;
    border:0;
}

body.bNoresults .tab_content {
    padding:40px 30px; background: transparent;
    border-radius: 0 2px 2px 2px;
}

/*.tab_content p{font-size: 1em; }*/
.tab_content h4{font-size: 1.2em; color:#333;}
.tab_content h4.error{color:#CF0000;}
.tab_content h4.article-submitted{font-size: 2.362em; color:#595959;}

#pagebody .tab_content table{margin:0;}
.tab_content .cke_skin_kama{margin:0 0 20px; display: block;}

.tab_content .counter{}

.tab_content .buttons{
    margin-top: 10px;
}

.tab_content .selectstep2{ margin-top: -14px;}


.flag.ok:before {color: #67B59F; content:"\2714"; padding-right:3px; font-weight: 400;}
.flag.acceptable:before {color: #999; content:"\25CF";padding-right:3px;}
.flag.fail:before {color: #000; content:"\2716";padding-right:3px;}
.flag.off:after {color: #eee; background: #666; font-size: 83.5%; content: "OFF"; padding:0px 1px; border-radius:2px 2px;}
.flag.on:after {color: #333; background: #fff; font-size: 83.5%; content: "ON"; padding:0px 1px; border-radius:2px 2px;}

/* profile tab - alerts form */
#searchFrm fieldset{margin-bottom: 20px;}

/*#searchFrm label, #searchFrm h3{ padding:0 0 10px;}*/

#searchFrm .sector{}
#searchFrm .sector .f_wrap{margin-bottom: 10px;}
/*#searchFrm .sector span{padding: 10px;}*/
#searchFrm .sector span#search_jobstring{padding: 0}

#searchFrm .loaction select{margin-right: 10px;}

#searchFrm .contract_type .f_wrap span{margin-right: 10px;}

#searchFrm .salary{width: 100%;}
#searchFrm .salary .f_wrap{margin-right: 10px; float:left;}
#searchFrm .salary input{margin: 0 5px 0 0;}
input#search_rates_year_min, input#search_rates_year_max{width: 60px;}
input#search_rates_day_min, input#search_rates_day_max,
input#search_rates_hour_min, input#search_rates_hour_max{width: 30px;}

#searchFrm .skill_lvl .f_wrap{/*float: left;*/ padding-right:40px;}

#searchFrm .edu_lvl span{padding: 0 5px;}
#searchFrm .edu_lvl .f_wrap{margin-bottom: 10px;}

#searchFrm .alert_freq label{display: inline;}

/* Candidate profile #END */

/* edetails forms */
.form_label_col {
    width: 130px;
    padding-top: 4px;
    float: left;
    font-weight: 600;
}

.form_input_col {
    width: 390px;
    float: left;
}

ul.candi_details li{height: 20px}

.editprofilem ul {
    float: left;
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 520px;
}

.editprofilem ul li {
    display: block;
    float: left;
    height: auto;
    margin: 0;
    padding: 0 0 10px;
    position: relative;
}

.ed_msg_2{width: 100%;}

/* candidate about you*/
textarea#intro_intro {width: 100%; height: 18em; font-size: 100%; padding:5px; border: 1px solid #ccc; margin-top: 5px;}

/* Social links - job page */
#social_links{
    /* margin-bottom: 40px; */
    padding: 0;
}

#social_links .social_wrap{
    width: 435px;
    /*margin: 0 0 0 auto;*/
}

.social_wrap *, #at16pcc *, #at3win * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.topshare{ padding-bottom: 15px; float: right; }

/* FD_hompage */
form.homeform {
    border-bottom: 1px solid #DDDDDD;
    height: 5em;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

/* ************* FEEDBACK **************** */

.feedbackItem .rating  {display:block; line-height: 18px; margin:5px;}

.feedbackItem .rating span,
.feedbackRatingIcon,
.feedback-profile-rating {
    background:url("/img/v3/icons/sprite_rating.png") left center no-repeat;
    font-size: 0.1px; text-indent: -10000px;
    width: 105px;
    height: 18px;
    display:block;
    float:left;

}

.feedback-profile-rating {
    float: none;
    display: inline-block;
}

.feedbackRatingIcon {
    float: none;
    margin: 0 auto;
    padding-bottom: 30px;
}

.feedbackItem p {margin:0;}

.feedbackItem .rating span.r1star, .feedback-profile-rating.r1star { background-position: -86px 0px; }
.feedbackItem .rating span.r2star, .feedback-profile-rating.r2star { background-position: -64px 0px; }
.feedbackItem .rating span.r3star, .feedback-profile-rating.r3star { background-position: -43px 0px; }
.feedbackItem .rating span.r4star, .feedback-profile-rating.r4star { background-position: -22px 0px; }
.feedbackItem .rating span.r5star, .feedbackRatingIcon, .feedback-profile-rating.r5star { background-position: 0px 0px; }

.feedbackItem p.text {line-height:1.35em; padding-top:3px;}

.feedbackItem p.meta {text-align:right;}
.feedbackItem p.meta em, .feedbackitem small.relationship {font-style:italic;}
.feedbackItem.nouser p.meta span.name {}
.feedbackItem p.meta span.name {font-weight:600;}
.feedbackItem .rating {float:right;}
.feedbackItem .rating .meaning {display:none;}
.feedbackItem+.feedbackItem {margin-top:10px; border-top:1px dotted #ccc; padding-top:10px;}

.feedbackItem table,
.feedbackRequestItem table
{width:90%;}

.feedbackItem table td ,
.feedbackRequestItem table td
{padding:5px 2px; vertical-align:top;}

.feedbackItem table tr+tr td ,
.feedbackRequestItem table tr+tr td
{border-top:1px solid #eee;}

.feedbackItem em,
.feedbackRequestItem em
{font-style:italic;}

.feedbackItem table td.label,
.feedbackRequestItem table td.label
{width:10ex; font-weight:600; color:#999;}

.fbrequest_preview {padding:5px;}

table.feedbackrequests, table.fbreferences {width:100%; margin-collapse:no-collapse; line-height: 1.5em; margin-bottom: 20px;}

table.feedbackrequests {margin-bottom:1em;}

table.fbreferences+table.fbreferences {margin:1em 0;}

table.feedbackrequests th, table.fbreferences th, table.orders th {padding:2px 2px; margin:1px; border-bottom:2px solid #ccc; font-weight:600;}
table.feedbackrequests td, table.fbreferences td {padding:5px 2px; margin:1px;}
table.feedbackrequests td.actions table.fbreferences td.actions {font-size: 87.5%}

table.orders tr + tr{border-top: 1px dotted #ccc;}
table.orders tr td{padding:5px 0;}

table.orders {width:96%; line-height:1.75em;}
table.orders th {border-bottom:1px solid #ccc;}
table.orders tr td a {text-decoration:none; display:block;}
table.orders tr:hover td {background: #eee;}

tr.feedbackRequestItem:hover td, tr.feedbackItem:hover td {background: #eee;}

tr.feedbackRequestItem td.from a,
tr.feedbackItem td.from a,
tr.feedbackRequestItem td.to a,
tr.feedbackItem td.to a,
tr.feedbackRequestItem td.company a,
tr.feedbackItem td.company a,
tr.feedbackRequestItem td.date a,
tr.feedbackItem td.date a,
tr.feedbackRequestItem td.status a,
tr.feedbackItem td.status a {display:block; text-decoration:none;}

tr.feedbackRequestItem td.company,
tr.feedbackItem td.company {width:25%;}
tr.feedbackRequestItem td.from,
tr.feedbackItem td.from {width:25%;}
tr.feedbackRequestItem td.to,
tr.feedbackItem td.to {width:25%;}
tr.feedbackRequestItem td.actions,
tr.feedbackItem td.actions {width:25%;}
div.feedbackRequestItem td.actions,
div.feedbackItem td.actions {text-align:right;}

table.feedbackrequests.received td.to, table.feedbackrequests.received th.to,
table.fbreferences.received td.to, table.fbreferences.received th.to,
table.feedbackrequests.sent td.from, table.feedbackrequests.sent th.from ,
table.fbreferences.sent td.from, table.fbreferences.sent th.from
{display:none;}

form.fbform {width:100%;}
form.fbform label {display:block;  margin-top:5px;}
form.fbform textarea {width: 100%; height: 10em;}
form.fbform small.help {color: #aaa;}
form.fbform textarea {border:1px solid #ccc;}
form.fbform input[type=email], form.fbform input[type=url] {width: 50%;}
form.fbform input[type=text] {width: 100%;}
form.fbform #fb_submit:hover, form.fbform #fb_submit_cancel:hover, form.fbform #fb_submit_preview:hover, form.fbform #fb_submit_leavefeedback:hover {
    opacity:1;
}

form.fbform #fb_submit_leavefeedback {
    float: left;
    margin-right: 5px;
}

.fbform-wraper{
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    background: #fff;
    padding: 30px;
    max-width: 800px;
    margin: 0 auto;
}

.fbform-wraper > h3,
.fbform-success > h3 {
    text-align: center;
}

.fbform-success > h3 {
    color: #62b29e;
}



#fb_submit_cancel {
    color: #777;
    text-decoration: none;
    font-weight: 400;
    display: inline-block !important;
}

form.fbform legend {
    float:right;
    font-size: 1.2em;
    line-height:1.5em;
    vertical-align:baseline;
    color: #aaa;
    border-radius: 5px 5px;
    text-shadow: 1px 1px 2px #fff;
    width:20ex;
    margin:-5px;
    background: #f3f3f3;
    text-align:center;
    font-weight:normal;
}
form.fbform legend {padding:0 5px;}

form.fbform input.error, form.fbform textarea.error {border:1px solid #d00;}
form.fbform .actionbuttons {margin-top:20px; text-align: center;}

form.fbform span.radio {display:block; min-height:20px; line-height:20px; margin:2px 0;}
form.fbform span.radio.fb_rating label {padding-left:110px; background:left center no-repeat; line-height:20px; height:20px; display:inline-block;}
form.fbform #span_fb_rating_1 label {background-image:url(/img/v3/icons/1star.png);}
form.fbform #span_fb_rating_2 label {background-image:url(/img/v3/icons/2star.png);}
form.fbform #span_fb_rating_3 label {background-image:url(/img/v3/icons/3star.png);}
form.fbform #span_fb_rating_4 label {background-image:url(/img/v3/icons/4star.png);}
form.fbform #span_fb_rating_5 label {background-image:url(/img/v3/icons/5star.png);}
form.fbform span.radio label:hover {color: #000;}

form.leavefeedback label {margin-top:10px; margin-bottom:5px;}
form.leavefeedback span.radio label {margin-top:0; margin-bottom:0;}


.feedback_preview {width:85%; margin-top:10px;}

#pagebody th {text-align:left;}
/*#pagebody table {margin-top:10px;}*/
#activateguestform table tr+tr {margin-top:2px;}


/* REQUEST FEEDBACK */

textarea#rf_feedback { margin-top:5px; width:364px; height: 10em;}
#trfeedback td, #trrating td {padding:10px 0;}
#trfeedback #counter {float:right; text-align:right; font-weight:600; padding: 0 2px; color: #999;}
#trfeedback #counter.err {color: white; background: #c00; }

.err_rflogin #trlogin label,
.err_rfpassword #trpassword label,
.err_rfpassword2 #trpassword2 label,
.err_rffirstname #trfirstname label,
.err_rflastname #trlastname label,
.err_rfemail #tremail label,
.err_rfcompany #trcompany label,
.err_rfposition #trposition label,
.err_rfcountry #trcountry label,
.err_rffeedback #trfeedback label,
.err_rfflagtos #trflagtos label,
.err_rfflagtos #trflagtos label a
{color: #c00;}

/* ********** END FEEDBACK ************** */

/** post a job form */

#postjob {
    line-height: 18px;
}

#postjob div.vertical-option {
    padding: 2px 0;
}

#postjob input[type=checkbox] {
    vertical-align: middle;
    border: none;
    padding-left: 0px;
    margin-right: 4px;
}

#postjob div.form-section {
    width: 680px;
    padding: 8px 0 8px 0;
    clear: both;
}

#postjob div.form-section:after {/* clearfix */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#postjob div.form-break {
    width: 680px;
    clear: both;
}

#postjob div.form-footer-line {
    border-bottom: 1px solid #ddd;
}

#postjob div.label {
    font-weight: 600;
    color: #333;
    width: 108px;
    position: relative;
    float: left;
}

#postjob a.helptip {
    display: block;
    width: 15px;
    height: 15px;
    background: url(/images/question-mark.gif);
}

#postjob div.label a.helptip {
    position: absolute;
    right: 5px;
    top: 0;
}

#postjob div.input-container {
    padding: 0 15px 0 0;
    position: relative;
    float: left;
}

#postjob div.input-container-fixed {
    margin: 0 0 0 108px;
    width: 572px;
    position: relative;
}

#jobtypeslist{margin-bottom:5px;}

#postjob div.validation-error {
    color: #CF0000;
}

#postjob label.validation-error {
    color: #CF0000;
}

#postjob input[type=text].validation-error {
    border: 1px #CF0000 solid;
}

#postjob option.parent {
    font-weight: 600;
}

select.select2 {
    border: 1px solid #ACACAC;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    height: 80px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    text-align: left;
    text-decoration: none;
    width: 155px;
}

/** end post a job form */

/* Recruiters list @todo move to jobs10 */
div.smallemployer {width:188px;}

div.employers div.smallemployer {
    float:left;
    width: 100%;
    margin-bottom: 3px;
}

div.smallemployer a.co {
    display:table;
    min-height: 130px;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background: #fff;
    text-decoration:none;
    padding: 8px;
    width: 100%;
}

div.smallemployer a.co:hover{box-shadow: 0 0 10px #ccc;}

div.smallemployer .info{
    display: table-cell;
    vertical-align: middle;
    word-break: break-all;
}

.smallemployer a span{}

#column-left div.smallemployer a.co:hover,
#middlepanel div.smallemployer a.co:hover  {
    border:1px dotted #ccc;
    background:none;
    color: black;
}

div.smallemployer span.logo {
    height:92px;
    width: 100px;
    display: table-cell;
    vertical-align: middle;
}

div.smallemployer span.logo img {margin:0 auto; max-width: 90px;}

div.smallemployer b{
    display:block;
    color: #595959;
    font-size: 15px;
    margin-bottom: 10px;
}

.smallemployer span.numjobs{
    display: inline-block;
    border: 1px solid #e7e7e7; border-radius: 2px;
    background: #f9f9f9;
    padding: 2px 10px;
    line-height: 1.3;
    clear: both;
    margin-bottom: 10px;
}

.smallemployer a span .pro_brow{
    display: inline-block;
    border: 1px solid #65b5a3; border-radius: 2px;
    background: #6dc9b3; color: #fff;
    padding: 1px 10px;
    line-height: 1.3;
    clear: both;
}

/* BREADCRUMB - start */
#breadcrumbTrail span.sep { padding: 0 5px; }
#breadcrumbTrail {
    margin-top: 20px;
    width: 100%;
    height: 27px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: none;
}
#breadcrumbTrail a{
    display: inline-block;
    position: relative;
    color: #757575;;
    font-weight: 400;
    text-decoration: none;
}
#breadcrumbTrail span.breadcrumb{
    font-weight: 600;
}
/* BREADCRUMB - end */

/* pagination */
div.paginationContainer {text-align:center;}
table.pagination, #pagebody .tab_content table.pagination {margin:0 auto;}

div.elpagination {background: #eee; }
div.elpagination div.displayingresults, div.pagination, div.paginationContainer {font-size: 83.5%; padding: 15px 0; clear: both;}
div.paginationContainer {font-size: 100%;}
div.col div.paginationContainer, div.elpagination div.displayingresults {margin:0;}

div.pagination a, div.paginationContainer a {text-decoration:none; padding: 0 2px;}


.mobile div.paginationContainer td {
    padding-right: 0;
}
.mobile div.paginationContainer a {
    display: inline-block;
    width: 30px;
}



div.pagination span.currentpage, div.paginationContainer a.sel {background: #999; padding: 0 2px; color: white !important; font-weight:600;}

/* admin styles @todo check admin styles */
#toggleAL {margin-top:10px;
    display:block;
    font-size: 91.5%;
    padding: 2px 0;
    background:#ccc;
    font-weight:600; text-decoration:none; text-align:center;}

#toggleAL:hover {background: #333; color: #ffc ! important;}

/* orders table @todo find relates classes*/
table.orders {
    line-height: 1.75em;
    width: 96%;
}

/* ************* INTENT **************** */

div.intentbox {
    border:1px solid #ccc; border-radius:3px 3px; background: #fff;
    width: auto;
    max-width: 450px;
    margin-right: 10px;
    clear:both; font-weight:600;
    padding: 10px;
    line-height: normal;
    position: absolute; top: 72px;
    z-index: 10;
}
div.intentbox.hidden-by-menu {
  z-index: -1;  
}
div.intentbox.hidden-whole {
  display: none;  
}

div.intentbox:before{
    content: " ";
    display: block; position: absolute; top: -60px; left:-3px;
    background:transparent url(/img/v3/icons/tip_up.png) no-repeat bottom left;
    width: 40px; height: 60px;
}

div.intentbox a {color: #222;}
div.intentbox a.close {margin-right:5px;float:right; color: #ccc; padding: 0 3px; text-decoration:none; text-shadow: 1px 1px 1px #fff; text-transform:lowercase}
div.intentbox a.close:hover {color:#fff !important;background:#666;}


/* h4, h5 */
.sub-heading1 {
    color: #333;
    font-size: 1em;
    font-weight: 600;
    text-decoration: none;
}

.sub-heading1-error {
    color: #CF0000;
}

/* CP Contact us form */
#frmcontact table {
    margin-collapse:no-collapse; border-collapse:no-collapse;
    width: 100%;
}
#frmcontact th,  #frmcontact td {padding:2px;}
#frmcontact tr.selectBox select, #frmcontact tr.textBox input, #frmcontact tr.textArea textarea {
    width: 100%;
    max-width:350px;
}
#frmcontact tr.textArea textarea {height:200px;}

tr.error input, tr.error textarea {border:1px solid #c00;}
tr.error td.ftLabel {color:#c00;}
#frmcontact p#msg {color: #c00;}

#frmcontact td.ftLabel {vertical-align:top;}
/* Contact us form #END */

/* tooltips */
.tip10 {
    background: url(/images/question-mark.gif) no-repeat center right;
    height: 15px;
    min-width: 15px;
    padding-right:20px;
    margin-right:5px;
    display:inline-block;
    position:relative;
    font-size: 10pt;
}
.hovertip .tip10 {visibility:hidden}
.hovertip:hover .tip10 {visibility:visible}

.tip10:hover {width: auto; min-width:15px;}
.tip10 span:before {
    content: ' ';
    padding: 0;
    height:54px;
    left: -34px;
    top: -10px;
    bottom: -10px ;
    background: url(/images/tip_left.png) no-repeat center right;
    position: absolute;
    display:block;
    width: 34px;
}
.tip10 span {display:none; white-space: nowrap;}

.tip10:hover span {
    height: 34px; line-height: 34px;
    border-radius: 3px;
    box-shadow: 0 0 15px #999;
    border:1px solid #f2f2f2; /* <ie8 drops shadows */
    background: #fff;
    color: #999;
    padding: 0 10px;
    z-index: 91;
    font-size: 87.5%;
    top: -11px;
    left: 30px;
    position:absolute;
    display:inline-block;
}

.hasTip {position: relative; width: auto; padding-right: 20px; background: url(/images/question-mark.gif) no-repeat right center;}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .hasTip {
        background-image:url(/images/question-mark@2x.png);
        background-size: 14px;
    }

}




.hasTip .tip { display:none; min-height: 65px; }
.hasTip .tip:before{
    content: '';
    padding: 2px;
    width: 40px; height: 60px;
    left: -34px;
    background: url(/images/tip_left.png) no-repeat top left;
    position: absolute;
}

/*#adminjobeditformdiv*/ .hasTip:hover .tip {
                             /*display:block;*/
                             position: absolute;
                             top: -28px;  right: -410px;
                             width: 400px;
                             border-radius: 3px;

                             border:1px solid #f2f2f2; /* <ie8 drops shadows */
                             line-height: 1.2;
                             background: #fff;
                             color: #999;
                             padding: 10px 10px 0 10px;
                             z-index: 51;

                         }
.contributor.hasTip:hover .tip { right: -355px }

.hasTip.w_text { background: none; padding-right: 0px;}

.hasTip .tip_right, .hasTip .tip_up { display:none; min-height: 65px; font-size: 13px; }

.hasTip .tip_right:before{
    content: '';
    padding: 2px;
    width: 40px; height: 60px;
    right: -44px;
    background: url(/images/tip_right.png) no-repeat top left;
    position: absolute;
}

/*#adminjobeditformdiv*/ .hasTip:hover .tip_right {
                             display:block;
                             position: absolute;
                             top: -28px;  left: -410px;
                             width: 400px;
                             border-radius: 3px;

                             border:1px solid #f2f2f2; /* <ie8 drops shadows */
                             line-height: 1.2;
                             background: #fff;
                             color: #999;
                             padding: 10px 10px 0 10px;
                             z-index: 40;

                         }

.tip_up a {
    color: #444;
}

.hasTip .tip_up:before, .hasTip .tip_up:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

.hasTip .tip_up:before {
    bottom: -18px;
    left: 182px;
    border-top-color: #cccccc;
    border-width: 16px;
}

.hasTip .tip_up:after {
    bottom: -15px;
    left: 183px;
    border-top-color: #ffffff;
    border-width: 15px;
}

.hasTip:hover .tip_up {
    display:block;
    position: absolute;
    bottom: 16px;
    left: -7px;
    width: 260px !important;
    border-radius: 3px;
    text-align: left;
    border:2px solid #cccccc; /* <ie8 drops shadows */
    line-height: 1.2;
    background: #fff;
    color: #686868;
    z-index: 40;

}
.hasTip:hover .tip_up {
    left: -140px;
}

#media_pk.hasTip:hover .tip_up {
    right: -39px;
    left: auto;
}

#media_pk .roundedOne.sel_btn {
    margin-left: 130px;
}

#media_pk_first .roundedOne.sel_btn {
    margin-left: 125px;
}

#media_pk_first.hasTip:hover .tip_up {
    right: -44px;
    left: auto;
}

.tip_up li.title {
    background-color: #ececec;
    color: #454545;
    font-weight: 600;
    height: 35px;
    text-align: left;
    display: block;
    padding: 0px 0px;
    height: 40px;
    margin: 0;
}

.tip_up li > span {
    float: left;
}

.tip_up li > span.cost {
    width: 50px;
}

ul.tip_up input[type=checkbox] {
    visibility: hidden;
}

ul.tip_up li span.cost {
    position: absolute;
    right: 42px;
    font-weight: bold;
}

.roundedOne {
    float: left;
    width: 15px;
    height: 15px;
    background: #b1b1b1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    right: 17px;
}

.roundedOne.sel_btn {
    position: relative;
    margin-left: 57px;
}

.roundedOne label {
    cursor: pointer;
    position: absolute;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    left: 1px;
    top: 1px;
    background: -webkit-linear-gradient(top, #EEEEEE 0%, #FFF 100%);
    background: -moz-linear-gradient(top, #EEEEEE 0%, #FFF 100%);
    background: -o-linear-gradient(top, #EEEEEE 0%, #FFF 100%);
    background: -ms-linear-gradient(top, #EEEEEE 0%, #FFF 100%);
    background: linear-gradient(top, #EEEEEE 0%, #FFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#FFF',GradientType=0 );
}

.roundedOne label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    background: #57a690;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    top: 2px;
    left: 2px;

}

.roundedOne label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.roundedOne input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.checkboxrounded {
    display: block !important;
    width: 20px;
    height: 20px;
    background: #ddd;
    margin: 20px 90px;
    border-radius: 100%;
    position: relative;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.tip_up .package_title {
    padding: 0px 15px;
    line-height: 40px;
}

.tip_up .select_small {
    position: absolute;
    font-size: 10px;
    right: 11px;
    top: 23px;
    font-weight: 400;
}

.tip_up li {
    padding: 5px 15px;
    height: 27px;
    margin: 0 5px 0px;
}

.tip_up li:hover {
    background-color: #edf6f3;
}

.tip_up li.title:hover {
    background-color: #ececec;
}

.tip_up li span:first-child {
    float: left;
    white-space:nowrap;
    width: 150px;
}

.credit_table > tbody > tr:last-child {
    border-top: 1px #adadad solid;
}

.jobapplyforms .hasTip:hover .tip {
    width:300px;
    right: -330px;
}
.hasTip .tip p {color: #999; font-weight: normal; font-size: 13px; text-align: left; display: inline-block; }

/* Top right */
.top_right.hasTip{}
.top_right.hasTip .tip:before{
    background: url(/img/v3/icons/tip_down.png) no-repeat bottom left;
    top: auto; left: auto; right: 21px; bottom: -34px;
}
.top_right.hasTip:hover .tip{top: auto;	bottom:28px; right:-33px; width:290px;}

/* Bottom right */
.bottom_right.hasTip .tip:before{
    background: url(/img/v3/icons/tip_up.png) no-repeat bottom left;
    top: -64px; left: 222px; bottom: auto;
}
.bottom_right.hasTip:hover .tip{top: 34px;	bottom:auto; right:-33px; width:290px;}
/* Tooltip #END*/

/* Preview jobs/briefs */
body.preview{background: #fff;}
.previewWrap{padding: 20px;}

.previewWrap h2{margin: 0 0 15px;}

.listing_detail img{
    float: left;
    display: block;
}

.listing_detail ul{
    float: left;
    width: 300px;
}

.listing_detail li{
    float: left;
    padding-bottom: 5px;
    width: 200px;
}

.listing_detail li.heading{width: 100px;}

.previewWrap .job-description{
    clear: both;
    margin-top: 30px;
    float: left;
    width: 100%;
}

.previewWrap div.job-description p {margin-top:10px; margin-bottom:20px;}
.previewWrap div.job-description {line-height: 1.25em;}
.previewWrap div.job-description ul{list-style-type: disc;}
.job-description ol{list-style-type: decimal;}
.job-description ul, div.job-description ol  {margin-left:10px; margin-bottom:20px; list-style-position: inside;}
.job-description ul, div.job-description ol, div.job-description li{float: none; width: auto; padding:0;}

/* email options */
#email_options{}

#email_options li label{vertical-align: middle;}

#email_options input[type="checkbox"]{margin: 0 5px 0 0;}

#email_options ul.cand{
    float: left;
    width: 49%;
    margin: 10px 20px 0 0;
}

#email_options ul.cand li, #email_options ul.emp li{
    /*border-bottom: 1px dotted #ddd;*/
    padding: 8px 5px;
}

#email_options ul.emp{
    float: left;
    margin: 10px 0 0 0;
}
/**/

/* Articles */
body.bArticles article td{padding: 0;}

article.page10 img[align=left] {margin: 5px 10px 5px 0;}
article.page10 img[align=right] {margin: 5px 0 5px 10px;}

article.page10 ul, article.page10 ol {margin:0 10px 10px 10px;}
article.page10 ul {list-style-type:disc;}
article.page10 ol {list-style-type:decimal;}
article.page10 li {margin-bottom:5px;}
article.page10 h1 {display:none; margin-bottom:5px; line-height:normal;}

/* Article fixes */

body.bArticles hr{clear: both;}

/* Articles sidebar styles. nav10 only in articles?*/

nav.nav10 li {
    font-weight: 600;
    padding: 7px 0;
}

nav.nav10 li + li {
    border-top: 1px dotted #ccc;
}

nav.nav10 li a.haschildren {
    background: url("/images/arrow-black-down.gif") no-repeat scroll right 0.5em transparent;
    font-weight: 600;
    padding-right: 10px;
}

nav.nav10 li a {
    display: block;
    padding: 2px 1px;
}

nav.magazine10 li.branch ul {padding-left:10px;}

/* Articles #END */

/*email to a friend modal  */
#emailjobtofriendform{}

#emailjobtofriendform fieldset li{float: none; width: 220px; margin-bottom: 10px; }

#emailjobtofriendform fieldset input[type=text]{width: 200px;}

/* testimonials */
.testimonial .from{font-weight: 600;}


/* candidate tagging forms  */
/* @todo create forms module css */
#searchProfile_Data h3, #searchFrm h3{margin-bottom: 5px;}

/* tags forms (candidates listing and alerts) */
#canFrmTags #thisposttags h4 span{font-size: 83.5%; color: #d00;}
#canFrmTags  #thisposttags h4{font-size: 1em; margin-bottom: 10px;}

#canFrmTags #search_pos_id_list_ ,
#canFrmTags #all_pos_id_list
{height: 150px;}

#canFrmTags div.checkboxtree label {display:block; font-size: 83.5%}

#canFrmTags textarea#data_description {height:200px; }

#canFrmTags #ct_search_pos_id_list_ {height:80px; overflow:auto !important; border: 1px solid #ccc; }

#canFrmTags input#pos_list_filter {width: 280px; padding: 2px 2px; margin:2px 2px 2px 0; }
#canFrmTags div#ct_search_pos_id_list_ {width: 280px; padding: 5px; margin:2px 2px 2px 0;}
#canFrmTags input#data_ytitle {font-weight:600;}

#canFrmTags div#ct_search_pos_id_list_ b{background: #eee;}

/* employers logo uploader @todo move to realted section*/
.form_label_col {
    width: 130px;
    padding-top: 4px;
    float: left;
    font-weight: 600;
}

.form_input_col {
    width: 470px;
    float: left;
}

.default_logo .employer_logo_image {
    border: 4px solid #67B59F;
    border-radius: 3px;
}

#employerlogos{display: table;}

#employerlogos .employer_logo{
    display: box ! important;
    box-align:center ! important;
    -ms-box-align: center ! important;
    box-pack:center ! important;

    display: -moz-box ! important;
    -moz-box-pack: center ! important;
    -moz-box-align: center ! important;

    display: -webkit-box ! important;
    -webkit-box-pack: center ! important;
    -webkit-box-align: center ! important;

    margin-top: 5px;
}

.default_logo .employer_logo_image:before{
    content: "Default logo";
    color: #333; background: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    width: 100%;
    font-size: 10px;
    position: absolute;
    left: 0;
}

.default_logo .employer_logo_image img{display: block;}
.default_logo .employer_logo_image{display: inline-block;}

.employer_logo_border {

}

.employer_logo {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    width: auto;
    height: 100%;
    text-align: center;
}

.employer_logo_image {
    position: relative;
    display: inline-block;
    z-index: 10;
}

.employer_logo_image a img{display: block;}

.employer_logo_text {
    position: absolute;
    font-weight: 600;
    top: 4px; right: 4px;
    text-align: right;
    z-index: 11;
}

.employer_logo_text a {
    text-decoration:none;
}

a.remove_logo{padding:1px; width: 2.5ex; text-align: center; float:right; border: 1px solid transparent; opacity: 0;}

.employer_default_logo a.remove_logo{right:0; top: -4px}

a.make_default{float: left; border: 4px solid #eee; border-radius: 3px;}
a:hover.make_default{border-color: rgba(156, 202,60, 0.4)}

.employer_default_logo a.remove_logo{display:none;}
.employer_logo_border:hover a.remove_logo{ background: #d00; border: 1px solid #fff; color: #fff; opacity: 1;}

/* allow legacy structure @todo delete this */
#container {width: 100%; margin: 0;}
#gblcontent {width: 1000px; margin: 0 auto;}

form label.required:after {content:'*'; color:#d00;}

/* old style tabs @todo delete/replace with tabs_wrap  */
#namestableformnav {margin:20px 0 0 0; padding:0; list-style:none;}
#namestableformnav li {display:inline; padding-right:0px; line-height:25px; margin:0;}
#namestableformnav li * {vertical-align:middle}

#namestable {width:99.9%; border:1px solid #777; margin:0}
#namestable td, #namestable th {text-align:left; padding:5px; margin:0;}
#namestable td {font-size: 91.5%; vertical-align:middle;}
#namestable tr th {background: #777; color:white; text-align:left; font-weight:600;}
#namestable th a {color:white;}
#namestable td.name, #namestable th.name {width:160px;}
#namestable td.summary, #namestable th.summary {width:300px;}
#namestable td.lastlogin, #namestable th.lastlogin {width:85px;}
#namestable td.isavailable, #namestable th.isavailable {width: 60px; text-align:center;}
#namestable td.chkbox, #namestable th.chkbox {text-align:center;}

p.back a.backlink {background:url(/images/greenarrow.gif) left -0.1em no-repeat; padding-left:14px ;}

#namestableform .actionbuttons {text-align:right; margin-top:5px;}
/**** end old style tabs*/

/* package purchase, pulled over from cp10.
#form-employer-package div.column-section-logo {
	padding-right: 80px;
	background: #fff url(/images/CP-Section-Backdrop-128.gif) no-repeat;
	background-position: top right;
}

#form-employer-package div.guaranteed100 {background:white url(/images/100-percent-guaranteed.gif) 270px 10px no-repeat;}
 */

/* V3 styles*/

/* Projects */
/* gm: */
/* fieldset.newprojects input[type=text], fieldset.newprojects textarea{width: 250px; border: 1px solid #ccc} 	*/

/* modal styles*/
#modaldiv .newprojects table {width: 100%;}
#modaldiv .ta_container, #modaldiv .ta_container .ta_underlay, #modaldiv .ta_container .smartbox{width: 100%; min-height: 50px;}
/* modal end */

.bmypros #portuploadformdiv {border:1px dotted #ddd; padding:5px;}

.newprojects table {width: 90%;}
.newprojects textarea, .newprojects input[type=text]{
    width: 100%;
}

.newprojects .lbl, #modaldiv table td.lbl{
    width: 100px;
    vertical-align: top;
    padding: 5px 20px 0 0;
    text-align: right;
}

.portfolio_projects{
    cursor: move;
    float: left;
    width: 100%; /* change height for each layout - edit:*/ height: 346px;
    position: relative;
    overflow: hidden;
    background: #f6f6f6;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#f1f1f1));
    background-image: -webkit-linear-gradient(left, #f6f6f6, #f1f1f1);
    background-image: -moz-linear-gradient(left, #f6f6f6, #f1f1f1);
    background-image: -ms-linear-gradient(left, #f6f6f6, #f1f1f1);
    background-image: -o-linear-gradient(left, #f6f6f6, #f1f1f1);
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects{
    height: 260px;
    margin: 0 20px 20px 0;
    max-width: none;
    width: 100%;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects p {
    color: #595959;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects h2 {
    font-size: 18px;
    max-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #595959;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects h2 input {
    width: 100% !important;
}



.bAccount .portfolio_projects{
    background-color: #eee;
}

.portfolio_projects h2, .portfolio_projects p{
    color: #FFF;
    cursor: text;
}

a.delete_proj,
.bAccount.bmypros.main_full.member_mang #portfoliowrap div.portimg a.pidelete {
    position: absolute;
    cursor:pointer;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    line-height: 0;
    padding:  15px 10px;
}

a.delete_proj {
    top: 0;
    right: 0;
}

.bAccount.bmypros.main_full.member_mang #portfoliowrap div.portimg a.pidelete {
    left: 0;
    bottom: 0;
    visibility: hidden;
}

a.delete_proj:before,
.bAccount.bmypros.main_full.member_mang #portfoliowrap div.portimg a.pidelete:before {
    content: "×";
}

.bAccount.bmypros.main_full.member_mang #portfoliowrap div.portimg:hover a.pidelete {
    visibility: visible;
}

a.delete_proj:hover,
.bAccount.bmypros.main_full.member_mang #portfoliowrap div.portimg a.pidelete:hover {
    background: #7cbaaa;
}

#portfoliowrap {
    min-height: 161px;
    max-height: 260px;
    overflow: auto;
}

.bUserprofile .portfolio_projects .proj_info{
    height:100%; width:100%;
    position: absolute;
    top: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition:0.2s;
    -o-transition: all 0.2 ease-in-out;
    -ms-transition: all 0.2 ease-in-out;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects .proj_info{
    background-color: #ffffff;
    padding: 25px 15px;
    height: 110px;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects .proj-stat-btm {
    display: inline-block;
    height: 20px;
    padding-left: 25px;
    font-size: 16px;
    color: #595959;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects .proj-stat-btm.views {
    background: transparent url("/img/v3/icons/icons-small.png") no-repeat scroll -2px -388px;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects .proj-stat-btm.likes {
    background: transparent url("/img/v3/icons/icons-small.png") no-repeat scroll -2px -452px;
    margin-left: 10px;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects #edit_project_btn,
.bAccount.bmypros.main_full.member_mang .portfolio_projects #madeit_credit_btn,
.bAccount.bmypros.main_full.member_mang .portfolio_projects #project_view_btn {
    line-height: 20px !important;
    float: right;
    padding: 0 10px;
}

.bAccount.bmypros.main_full.member_mang .portfolio_projects #edit_project_btn,
.bAccount.bmypros.main_full.member_mang .portfolio_projects #project_view_btn {
    margin-left: 5px;
}

.bAccount.bmypros.main_full.member_mang div.portimg {
    position: relative;
    margin: 7px 7px 10px 7px;
    width: 130px;
    height: 130px;
    float: left;
}

.bAccount.bmypros.main_full.member_mang div.portimg a {
    position: absolute;
}

.bAccount.bmypros.main_full.member_mang div.portimg a.thumb_img {
    left: 0;
}

.bAccount.bmypros.main_full.member_mang input[type=checkbox].portfolio_check_box {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.bAccount.bmypros.main_full.member_mang .portimg h6 {
    display: none;
    padding: 2px 5px;
    position: absolute;
    z-index: 20;
    width: 130px;
    color: white;
    text-shadow: 1px 1px 2px #444;
}

.bAccount.bmypros.main_full.member_mang div.portimg a img {
    margin-right: 5px;
    height: auto;
    width: auto;
}

.bAccount.bmypros.main_full.member_mang #portfoliowrap a.updelete:hover {display: block; background:#d00; color:white ! important; }

.bAccount.bmypros.main_full.member_mang #portfoliowrap .portimg:hover h6 {
    display: block;
    opacity: 1;
    background-color: rgba(0,0,0,0.5);
    color: white;
}

.bAccount.bmypros.main_full.member_mang section.main,
.main_full.contributor.requests section.main,
.main_full.contributor section.main {
    max-width: none !important;
}

/* .portfolio_projects .proj_info:hover{opacity: 1;} */

/*Project displayed: freelancer and candidate */
/*Candidate*/
#candidate_resume .portfolio_projects{
    cursor: default;
    height: 270px;
    background: #fff;
}

#candidate_resume .portfolio_projects img{
    max-width: 100%;
    height: auto;
}

#candidate_resume .portfolio_projects .proj_info{
    width: 230px; height: 230px;
    opacity: 0;
}

#candidate_resume .portfolio_projects .proj_info h2,
#candidate_resume .portfolio_projects .proj_info p
{
    cursor: pointer;
}

#candidate_resume .portfolio_projects .proj_info:hover,
#page2 .portfolio_projects .proj_info:hover
{opacity: 1;}

#candidate_resume .res_cv section{margin-bottom: 10px;}

/* freelancer */
#page2{}
#page2 .portfolio_projects{
    cursor: default;
    height: 460px;
    background: #fff;
}

#page2 .portfolio_projects img{
    max-width: 100%;
    height: auto;
}

#page2 .portfolio_projects .proj_info{
    width: 420px; height: 420px;
    opacity: 0;
}

#page2 .portfolio_projects .proj_info h2,
#page2 .portfolio_projects .proj_info p
{
    cursor: pointer;
}

/* project list */
.projectItem_list{}

.projectItem_list h2{color: #333; font-size: 2.5em;}
.projectItem_list p{color: #333; font-size: 1.2em;}

.projectItem_list div{text-align: center; padding-top: 10px;}
.projectItem_list div img{
    max-width: 100%;
    /* width: 100%;*/
    height: auto;
    display: block;
}

.projectItem_list figure{
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    max-width: 100%;
}

figure:hover figcaption {
    opacity: 1;
    right: 0;
}

.projectItem_list figcaption{
    position: absolute;
    padding: 8px 20px;
    background: rgba(255, 255, 255, .8);
    color: #595959;
    top: 0; right: 0;
    font-weight: 600;
    border-radius: 0 0 0 2px;

    opacity: 0;
    right: -30%;
    -webkit-transition: all 0.6s ease;
    -moz-transition:    all 0.6s ease;
    -o-transition:      all 0.6s ease;
}

/*embed players*/
.projectItem_list iframe{max-width: 100%;}
.downloadContainer iframe{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
}
/*END projects */






/* typeahead 10 */

.ta_container, .ta_container .ta_underlay, .ta_container .smartbox {width:100%; }
.ta_container { border:0; padding:0; position:relative; margin-bottom:10px; min-height:50px;}

/* the results dropdown */
div.ta_dropdown {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 10001;
}

div.ta_dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: 600;
    color: #777;
}

div.ta_dropdown ul {
    margin: 0;
    padding: 0;
}

div.ta_dropdown ul li {
    background-color: #fff;
    padding: 3px;
    margin: 0;
    list-style-type: none;
}

div.ta_dropdown ul li.ta_dropdown_item {
    background-color: #fff;
}

div.ta_dropdown ul li.ta_dropdown_item2 {
    background-color: #fff;
}

div.ta_dropdown ul li em {
    font-weight: 600;
    font-style: normal;
}

div.ta_dropdown ul li.ta_dropdown_selected_item {
    background-color: #ddd;
    color: #000;
}

.taresult span.talabel {
    float:right;
}

.taresult img.taimage {height:14px; padding:2px; border:1px solid #eee; margin-right:3px;
    vertical-align: middle; line-height:14px;}

/* the layout */
.smartbox, .ta_underlay {
    font-size: 13px;
    /* font-family: Helvetica, Arial, sans-serif; */
    line-height:1.4em;
    width:400px;
    border:0;
    padding:0;
    margin:0;
}

.smartbox {min-height: 10px; background:none; background:transparent; resize:none; }

.smartbox, .ta_underlay {
    padding: 5px;
    word-spacing: 1px;
    letter-spacing:normal;
    line-height: 1.4em;
    font-style:normal;
    font-variant:normal;
    text-indent: 0;
    text-shadow:none;
    text-transform: none;
    overflow:hidden;
    box-sizing: padding-box;
    zoom:1;
}

/* the underlay painting */
.ta_underlay {color:transparent; white-space:pre-wrap; display:none; border-color: transparent ! important;}

/*
span.mrtag {
margin: -1px -2px;
padding:0px 1px;
border-radius: 2px 2px; color:transparent;
opacity: 0.5;
}

span.mrtag.tag_id {
background: #ccc;
border:1px solid #666;
}

span.mrtag.tag_tag {
background: #fcc;
border:1px solid #966;
}

span.mrtag.tag_pos {
background: #cfc;
border:1px solid #696;
}

span.mrtag.tag_loc {
background: #ccf;
border:1px solid #669;
}

span.mrtag.tag_language {
background: #fcf;
border:1px solid #969;
}

span.mrtag.tag_education {
background: #cff;
border:1px solid #699;
}

span.mrtag.tag_skill {
background: #ffc;
border:1px solid #996;
}
*/



.smartbox, .ta_underlay {position: absolute; top:0; left:0; border:1px solid #E7E7E7; opacity:1;}
.ta_container_inp .smartbox, .ta_container_inp .taunderlay {position:static;}



/* end typeahead 10 */

/* cv download */
.downloadContainer{
    position: relative;
}

.downloadContainer img{
    margin-right: 10px;
    vertical-align: middle;
}

a.updelete {
    position: absolute;
    left: 0; top: 0;
    border-radius: 50px;
    padding: 3px 5px;
    margin: -4px 0 0 -4px;
    font-weight: 600;
    background: #fff;
}
a.updelete:hover{
    color: #FF6600;
    text-decoration: none;
}

a.filedownload{
    display: block;
    vertical-align: middle;
}

/*
a.filedownload * {vertical-align:middle;}
a.filedownload, .filedownload {
       text-decoration:none; font-weight:bold; height:58px;
       display:block;
       color: #666; background: #eee; padding:5px ! important; border-radius:3px 3px;
       margin-bottom: 5px;
}
.filedownload {height: auto; font-weight:normal;}
a.filedownload:hover {text-decoration:none; background: none;  color: #000;}

div.downloadContainer {position:relative; height:58px; display:block; padding:5px; margin-bottom: 10px }

div.downloadContainer.rh_external {height:auto;}

div.downloadContainer a.filedownload {position:absolute; top:0; left:0; width:100%; padding:0; z-index: 10;}

div.downloadContainer a.updelete {
   position:absolute; top:25%; right:5px;
   width: 2ex; height:1.2em; z-index: 11; display:block; text-align:center; text-decoration:none;
   font-size:100%; margin:auto; padding:1px 2px; font-weight:bold; line-height:normal; vertical-align:middle;
}
*/
/* V3.mb styles */

/****/

::selection {
    background:  #ddd; /* Safari */
    color: #fff;
}
::-moz-selection {
    background:  #ddd; /* Firefox */
    color: #fff;
}

h1,h2,h3,h4,h5{font-weight: 400; margin-bottom: 10px;}

h2 {
    font-size: 2.462em;	/* ?? gm */
    margin-bottom: 20px;
    font-weight: 400;
    color: #595959;
}

h5{
    font-size: 14px;
    color: #afafaf;
    margin-bottom: 15px;
}

h5 span{color:#606060; font-weight: 400;}

/*Top Nav*/
.nav_wrap{
    width: 100%;
    height: 70px;
    border-bottom: 1px solid #5cb19b;
    background: #7cbaaa;
}

nav.top{
    height: 70px;
    margin: 0 auto;
    font-size: 1.077em;
    padding: 0 14px;
    position: relative;
}

/* top nav links */
.t_links{
    display: none;
    padding-top: 13px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 70px;
    background: #7cbaaa;
}
.t_links li{
    position: relative;
}
.t_links a, a#headloginbutton, #register a {
    color: #fff;
    font-weight: 600;
    display: block;
    padding: 5px 12px;
    border: 1px solid transparent;
}
.t_links a:hover, a#headloginbutton:hover, #register a:hover,
.t_links a.hover-state, a#headloginbutton.hover-state, #register a.hover-state {
    text-decoration: none;
    background: #6aa396;
}
.t_links a.hover-state, a#headloginbutton.hover-state, #register a.hover-state {
  border-bottom: 0;
}

body.demo .t_links a:hover,
body.demo a#headloginbutton:hover,
body.demo #register a:hover,
body.demo .t_links a.hover-state,
body.demo a#headloginbutton.hover-state,
body.demo #register a.hover-state {
    background: transparent;
}
body.demo #t_nav li > a { cursor: default; }
body.demo .nav_wrap { background-color: #DCEDE9; border: none; box-shadow: none}
body.demo #name_prof img { opacity: 0.5 }
body.demo.show-avatar #name_prof img { opacity: 1 }

body.bJobslanding .t_job > a.active, body.bJobsbytitle .t_job > a.active,
body.bJobsbylocation .t_job > a.active, body.browserecruiters .t_job > a.active,
.bApply .t_job > a.active, .bViewjob .t_job > a.active, body.bMagazine .t_mag > a.active,
body.bPeople .t_peo > a.active, body.bCompanies .t_comp > a.active, body.bPools .t_pool > a.active,
    /* active top level nav */
.t_links a.active{
    border-bottom: 0;
    text-decoration: none;
    background: #6aa396;
}

.t_links ul ul a:hover{border: 1px solid transparent; color: #eee; background: transparent;}

/* sub links */
.t_links li ul{
    background: #56B39C;
    padding: 10px 0 5px;
    border: 1px solid #42AB91;
    display: none;
}
.t_links li ul li{
    float: none;
    overflow: auto;
    width: 100%;
    position: initial;
    height: auto;
}

.t_links li ul li a{width: 100%; text-align: left;}
.t_links li ul li a span{float: right; padding: 1px 5px; border-radius: 2px; font-size: 0.8em;background: #fff;color: #6aa396;}

.desktop .t_links > ul {
  position: relative;
  z-index: 20;
}

/* Nav search */
.nav_search{
    display: none;
    float:left;
    width:250px;
    padding: 15px 5px 0 0px;
    text-align: right;
}
/* end top nav */

/*profile references - feedback */
.refs{
    padding: 0 25px 25px;
    clear: both;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.refs .feedbackItem p.text{
    line-height: 1.6em;
    padding-bottom: 10px;
}

.refs .feedbackItem p.meta{
    font-weight: 600; font-size:14px; line-height: 18px; text-align: left;
    color: #757575;
    position: relative;
}

.refs .feedbackItem + .feedbackItem {
    border-top: 1px solid #f3f3f3;
    margin-top: 25px;
    padding-top: 25px;
}

.refs .feedbackItem .pub_date{
    position: absolute;
    right: 0; top: 4px;
    color: #bebebe;
}

.refs .feedbackItem span.dt{
    color: #979797;
    float: right;
    font-weight: 400;
}

.refs .feedbackItem .meta_wrap{
    position: relative;
}

.refs .feedbackItem p.meta em{font-style: normal;}

.refs .rating, .refs small{display: none;}

.feedbackItem em, .feedbackRequestItem em{font-style: normal;}

/* profile - feedback */
.items.feedbackItem{padding: 20px;}

.items.feedbackItem + .feedbackItem{border: 0;}

.items.feedbackItem .rating{float:none; margin: 10px 0 10px 0; clear: both;}
.items.feedbackItem p.meta{text-align: left; font-weight: 600; font-size: 14px;}
.items.feedbackItem p.meta em{font-style: normal;}
.items.feedbackItem small{display: none;}
.items.feedbackItem span.dt{clear: both; display: block;}
.items.feedbackItem p.meta span.name{font-weight: 600;}
.items.feedbackItem p.text{padding-bottom: 10px !important;}

.items.feedbackItem:before{
    content: "Feedback";
    display: block;
    clear: both;
    float: left;
    padding: 2px 5px; margin-bottom: 15px;
    color: #fff; background: #777;
    border-radius: 2px;
}

/*.tilecontainer_2col .items.feedbackItem{width: 100%;}*/


/* Comments list */
.comment_form{
    margin-bottom: 30px;
}

.comment_flag {
    visibility: hidden;
    clear: both;
    padding-top:5px;
}

.comments{
    margin-top: 30px;
    padding: 0 0 0 20px;
}

.com_txt h3{
    color: #595959;
    font-size: 15px; font-weight: 600;
    margin: 2px 0 5px 2px;
}

.comments .txts{
    float: right;
    width: 565px;
}

/* comment form */
.commentformdiv table{width: 100%;}
.commentformdiv textarea{min-height: 69px; width: 100%; margin: 0;}
.commentformdiv td{vertical-align: top;}
.commentformdiv td:last-child{vertical-align: bottom;}

.commentformdiv .pro_img{ width: 85px;}
.commentformdiv .pro_img div{
    border: 1px solid #f6f6f6;
    padding: 3px;
    background: #fff;
    float: left;
}
.commentformdiv .pro_img div img{
    width: 83px;
    height: auto;
    float: left;
}
.commentformdiv .com_submit{width: 110px;}
.commentformdiv .com_submit p{margin-bottom: 3px;}

/*feedback Comments*/
.feedback_comments{
    padding: 10px 15px;
    border-top: 1px solid #e6e6e6;
}

.feedback_comments .pro_img {float: left; padding: 3px; background: #fff; margin-right: 10px;}
.feedback_comments .pro_img img{width: 50px; height: auto; float:left;}
.feedback_comments .com_txt {float: left; width: 89%; line-height: 1.6em;}
.feedback_comments .comment_mang{margin-right: 20px; opacity: 0; transition:opacity 1s linear;}
.feedback_comments h4:hover .comment_mang{opacity:1;}

.feedback_comments:hover .comment_flag{visibility: visible;}

.feedback_comments h4{
    font-size: 1em;
    color: #757575;
    margin-bottom: 0px;
}

.feedback_comments h4 span{
    color: #777;
    font-weight: 400;
    clear: both;
    font-size: 0.846em;
}

/* Comment flags */
.flag.modal10_popup{
    display: block;
    clear: both;
    float: left;
    padding: 5px 0 0 2px;
}

.flag.modal10_popup:before{
    content: " ";
    display: block;
    padding-right: 5px;
    float: left;
    width: 13px; height: 13px;
    background: transparent url(/img/v3/icons/sprite_sheet.png) no-repeat -120px -641px;
}

/* Featured job style */
.urgency,
.iasDiv.iasStat.urgency {
    font-weight: 600;
    background: #7cbaaa;
    border: 1px solid #65b5a3; border-radius: 2px;
    display: inline-block;
    padding: 0px 5px; margin-right: 5px;
    color: #fff;
}

/* listing jobs - company profile page @todo add admin styles*/
.joblist{margin-bottom: 30px;}
.joblist.single{margin-bottom: 0; }
/*ul.joblist{}

/* save job link*/
.joblist a.save_job {
    float: right;
    margin: 35px 35px 0 0;
    width: 20px; height: 20px;
    background: transparent url(/img/v3/icons/sprite_sheet.png) no-repeat -20px -25px;
}
.joblist a:hover.save_job {background-position: -42px -25px}

/* register page // @todo move to gen styles ^ */
.main_full section.main{
    width: 100%;
    margin-top: 10px;
    border: 1px solid #dcdcdc; border-radius: 2px;
    background: #fff;
    padding: 40px 30px 30px 30px;

    line-height: 1.6;
    margin-left: 10px;
    margin-right: 10px;
    float: none;
    width: auto;
}
.main_full.annual section.main {
    padding: 40px 24px 30px 24px;
}

.annual-landing .header_wrap,
.annual.category-dscr .header_wrap,
.annual .header_wrap{
     border-bottom: none;
     padding-top: 0;
     margin-top: 0;
}

.annual-landing .header_wrap header,
.annual.category-dscr .header_wrap header,
.annual .header_wrap header{
    min-height: 0;
}

.annual-landing div.main_wrap,
.annual.category-dscr div.main_wrap,
.annual div.main_wrap {
    max-width: none;
    background: -webkit-linear-gradient(#009fdd, #ca667c);
    background: -o-linear-gradient(#009fdd, #ca667c);
    background: -moz-linear-gradient(#009fdd, #ca667c);
    background: linear-gradient(#009fdd, #ca667c);
}

.annual-landing section.main,
.annual.category-dscr section.main,
.annual section.main {
    margin: auto !important;
    float: none !important;
}

.annual-landing,
.annual.category-dscr,
.annual {
    padding-bottom: 1px !important;
}

.annual .et .editable hr,
.annual-line {
    display: inline-block;
    height: 1px;
    border: 0;
    border-top: 1px solid #FFFFFF;
    margin: 70px 0;
    padding: 0;
    width: 200px;
}

.annual .et .editable hr {
    margin: 20px 0;
    width: 100%;
}

.annual.category-dscr .annual-line {
    margin: 40px 0 20px;
    width: 150px;
}

.last-letter {
    letter-spacing: 0;
}

.homepage-search section.main,
.homepage section.main{ padding: 0px; width: 100%;}
.homepage-search.bPeoplelanding section.main,
.homepage-search.bCompanieslanding section.main,
.homepage.bPeoplelanding section.main,
.homepage.bCompanieslanding section.main,
.homepage.bJobslanding section.main{
    margin-top: 5px;
}
.main_full.bRegister section.main{ padding: 40px 20px 30px 20px; }

.homepage-search.bCompanies header,
.homepage.bCompanies header{min-height: 50px}
.homepage-search.bCompanies section.main,
.homepage.bCompanies section.main{padding-right: 0;}

.postbody a{
    color: #67B59F;
    font-weight: 600;
}

.postbody a:hover{color:#757575}

.main_full.member_mang .main_wrap, .sidemain .main_wrap{padding-top: 10px;}

.main_full.member_mang section.main,
.main_full.contributor.requests section.main,
.main_full.contributor section.main {
    background: transparent;
    border: 0;
    max-width: 680px;
    /*float: left;*/
    padding: 0;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    *zoom: 1;
}

.main_full.member_mang section.main:before,
.main_full.member_mang section.main:after {
    content: "";
    display: table;
}
.main_full.member_mang section.main:after {
    clear: both;
}

.member_mang .ads{
    border: 1px solid #DDD; border-radius: 0;
    width: 310px;
    padding: 20px 10px;
}

.bYourprofile section.ads.right-col-ads, .bEditProject section.ads.right-col-ads {
    padding: 20px 20px;
}

/*management page*/
.usr_summary{}

.usr_summary table{width: 100%;}
.usr_summary table td{vertical-align: top}

.usr_summary .pro_img{}
.usr_summary .pro_img img{
    max-width: 130px;
    height: auto;
}

.warn{color: red;}
#profile_website .warn {color: #777;}
/* progress bar */
.progress{margin-bottom: 5px; width: 100%; border: 1px solid #ddd;}
.progress .p_bar{background: #67B59F; height: 25px;}

.articles_admin img { margin: 0; max-width: 100%; height: auto; padding: 0 0 20px; }

/*.main_full header{
    padding-top: 20px;
}*/

/* GM too early for this */
/* hide file browsers */
/*
	.files input[type=file]{
		opacity: 0;
		position: absolute;
		top: 0;
		right: 0;
		height: 25px;
		cursor: pointer;
	}
	*/

/* + generic button style grey */
/*div.files,*/
a.btn{
    position: relative;
    color: #787878;
    font-weight: 400;
    background: #f6f5f5;
    border: 1px solid #e3e3e3;
    text-align: center;
    display: inline-block;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 36px !important;
    overflow: hidden;
    cursor: pointer;
    word-wrap: normal;
    -webkit-appearance: none; /*ipad*/
}

a.btn:hover{
    background: #f2f2f2;
}
#delete_cv { display: inline-block;margin-bottom: 15px; }
.connect.btn.act.gen_grn {padding: 8px 15px;}
a.btn.edit_link{padding: 2px 10px;}
.txt a.btn{padding: 4px 5px}
.top_button_zone {
    position:relative;
    top:-35px;
}
#cvupload_submit{margin-top: 5px;}

/* Green generic buttons*/
.gen_grn, #search_submit, #login_modal, .btn.gen_grn, input.gen_grn, input.savebtn, #applydiv a {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-weight: 600;
    color:#fff !important;
    background: #7cbaaa;
    border: 0;
    border-radius: 0;
    line-height: 38px;
    display: inline-block;
}

.homepage #search_submit,
.bMagazinepage #search_submit {
    color: #fff !important;
    text-shadow: none;
    font-weight: normal;
    border-radius: 0;
    background: #7cbaaa;
    border: 1px solid #7cbaaa;
}
.homepage #search_submit:hover,
.bMagazinepage #search_submit:hover {
    background: #6aa596;
    border: 1px solid #6aa596;
}
#search_submit:hover {
    background: #6aa596;
}

.gen_grn:hover, .btn.gen_grn:hover, #login_modal:hover, input.gen_grn:hover, input.savebtn:hover{
    text-decoration: none;
    background: #6aa596;
    color: #fff;
}

.gen_grn.selected, .gen_grn.selected_before {
    text-decoration: none;
    background-image: -webkit-linear-gradient(top, #666, #999);
    background-image: -moz-linear-gradient(top, #666, #999);
    text-shadow:none;
    border:1px solid #888;
    color: #fff !important;
}

/* Alerts style from prof man. */
.grn { color:#26866f !important; }
/* alert on/off button */
#alert_wrap {
    float: right;
    width: 28%;
    margin-right: 20px;
}

#alert_wrap span.label {
    font-size: 145%;
    display: block;
    text-align: right;
    line-height: 1.25em; /* ff */
}

#alert_wrap a.alert_bt {
    display: block;
    float: right;
    position: relative;
    width: 10ex;
    color: #333;
    border-radius: 4px;
    background: #999;
    box-shadow: inset 0 0 5px #666;
    background: -moz-linear-gradient(19% 75% 90deg, #aaa, #888);
    background: #aaa -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#aaa));
    padding: 2px 0;
    text-decoration: none;
    border-top: 1px solid #777;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #777;
    border-right: 1px solid #ccc;
    /*height: 16px;*/
}

a.alert_bt .indi {
    width: 49.5%;
    padding-top: 1px;
    float: left;
    text-align: center;
    font-weight: 600;
    font-size: 110%;
}

a.alert_bt .indi.on {
    color: #fff;
}

a.alert_bt .indi.off {
    color: #444;
    text-shadow: 1px 1px 1px #ccc;
}

a.alert_bt .cover {
    position: absolute;
    top: 0px;
    width: 4.5ex;
    height: 27px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background: #ddd;
    background: -moz-linear-gradient(19% 75% 90deg, #F2f2f2, #B1B1B1);
    background: #eee -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B1B1B1), to(#F2F2F2));
    border: 1px solid #e5e5e5;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

a.alert_bt .cover.left {
    left: 0;
}

a.alert_bt .cover.right {
    right: 0;
}

/* Autogrow textarea */
.cp10_autogrow {
    padding-bottom:5px;
    overflow:hidden; /* hides scrollbar */
}


/* reset customs */
#thisposttags input[type="checkbox"], #ct_data_pos_id_list_ input[type="checkbox"], #canFrmTags input[type="checkbox"], #pagebody_admin input[type="checkbox"],
#namestable input[type="checkbox"], body.nochecks input[type="checkbox"], input[type="checkbox"]#u_remember
{
    position: inherit;
    opacity: 1;
}

/* custom scrollbars  webkit (modal and else where)*/
#modaldiv ::-webkit-scrollbar {width: 12px;}

#modaldiv ::-webkit-scrollbar-track {background: #fff;}

#modaldiv ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #e9e9e9;
}

/* browse jobs by.. */
ul.linkslist{}

ul.linkslist li, ul.regionlist li{
    float: left;
    margin: 0 3px 0 0;
    min-height: 38px;
}

li.pid1, li.pid2{width: 100%;}

ul.regionlist ul ul a, ul.regionlist ul a{
    display: block;
    clear: both;
    width: 100%;
}

ul.linkslist li a, ul.regionlist ul ul ul li a,
li#regionTreeItem56 ul a, li#regionTreeItem77 ul a {
    background: #f9f9f9;
    font-size: 1.154em; font-weight: 600;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    color: #bdbdbd;
    padding: 8px 10px;
    margin-bottom: 3px;
    display: block;
}

ul.linkslist li a:hover, ul.regionlist ul ul ul li a:hover,
li#regionTreeItem56 ul a:hover, li#regionTreeItem77 ul a:hover{
    background: #f1f1f1;
}

.jobsubtitles.list{clear: both;}
.jobsubtitles.list a{
    background: #f9f9f9;
    font-size: 1.154em; font-weight: 600;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    color: #bdbdbd;
    padding: 8px 10px;
    margin-bottom: 3px;
    display: block;
    float: left;
}

.jobsubtitles.list br{display: none;}

p.back{
    clear: both;
    /*padding: 20px 0;*/
}

/* top nav active menu */
/* jobs active */
body.bJobslanding .t_job > a, body.bJobsbytitle .t_job > a, body.bJobsbylocation .t_job > a, body.browserecruiters .t_job > a, .bApply .t_job > a,
.bViewjob .t_job > a ,
    /* magazine active */
body.bMagazine .t_mag > a,
    /* people active */
body.bPeoplelanding .t_peo > a,
    /* companies active */
body.bCompanies .t_comp > a,
    /* Pools */
body.bPools .t_pool > a
{
    /* upd fix */
    /*
    border: 1px solid #42ab91; border-radius: 3px;
    text-decoration: none;
    background: #56b39c;
    */
}

/* company/people landing pages */
.bPeoplelanding .main_wrap, .bPeoplefreelancersbytitle .main_wrap, .bPeoplebylocation .main_wrap, .bCompanieslanding .main_wrap{padding-top: 10px;}
.bPeoplelanding section.main, .bCompanieslanding section.main, .ld section.main, .bPools section.main, .poolsothers section.main,.activity-timeline section.main, .annual-landing section.main {
    max-width: 1000px;
    padding: 0;
}
.homepage-search section.main,
.homepage section.main {
    margin-top: 30px;
}
.article-posted section.main, .project-posted section.main { max-width: 1000px; }
.login-page section.main { max-width: 1000px;padding:10px }
.poolsothers section.main,
.activity-timeline section.main {
    padding-top: 20px;
    padding-bottom: 60px !important;
}

/* should work for 2col and 3col when no images */
.tiles div.title {min-height: 150px; margin-bottom: 10px; position:relative;}

.tiles .title .usr_card a {z-index:10; }
div.tile_usr_type{
    top:0;
    z-index:5;
    width:100%;	height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: block;
    padding: 15px;
    position: absolute;
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.poolspage div.usr_tile div.tile_usr_type:hover {opacity: 1;}
.poolspage div.tile_usr_type { display: block; }


.usr_tile *{color: #fff;}
.usr_tile h2{font-size: 14px; font-weight: 600; margin-bottom: 10px; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.usr_tile p {
    max-height: 240px;
    overflow: hidden;
}

.usr_tile li:before{
    content: " ";
    display: inline-block;
    overflow: hidden;
    width: 20px; height: 20px;
    margin-right: 5px;
}
.usr_tile .tile_likes:before{background: transparent url(/img/v3/icons/icons-small.png) no-repeat -2px -427px;position: relative;top: 3px;}
.usr_tile .tile_views:before{background: transparent url(/img/v3/icons/icons-small.png) no-repeat -2px -403px;}
@media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) {
	.usr_tile .tile_likes:before{background: transparent url(/img/v3/icons/icons-big.png) no-repeat -2px -412px;background-size: 22px;height:13px;position:relative;top:3px;}
	.usr_tile .tile_views:before{background: transparent url(/img/v3/icons/icons-big.png) no-repeat -2px -392px;background-size: 22px;height:10px;}
	
}

.usr_tile .usr_card {
    position: absolute;
    bottom: 10px; right: 10px;
    z-index: 1;
    text-align:right;
    z-index: 1
}

.homepage-search .usr_tile .usr_card,
.homepage .usr_tile .usr_card { display: none }

.usr_tile .usr_card * {box-sizing: content-box;}	/* act like a man, man */

/*.usr_tile .usr_card a img {border:2px solid #fff; margin-bottom:5px; margin-right:2px;}
.usr_tile .usr_card a:hover img {border:2px solid #eee; }*/

.til_pro_name {padding: 4px; background: #fff; border-bottom: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; clear: both; float: right;}
.til_pro_table{display: table; float:right;}
.til_pro_img {
    width: 64px; height:64px;
    display: table-cell; vertical-align: middle;
    border-bottom: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; background: #fff;}
.til_pro_img img {display: block; margin: 0 auto; max-width: 60px; max-height: 60px;}

/* .til_pro_img img{float: left;} */
.til_pro_name{display:none; margin-top: 5px;  color:#757575;}

.tiles .title{overflow: hidden; position:relative;}

/* two col  */
.tiles.twocol.c2 .col{width: 50%; padding-right: 10px;}
.tiles.twocol.c2 .title{}
.tiles.twocol.c2 .col.right{padding-right: 0px;}

/* three col */
.tiles.threecol.c3 .col{padding:0; width: 32%; padding-right: 10px; }
.tiles.threecol.c3 .col.right{padding-right: 0;}

.tiles.threecol.c3 .col.mid{width: 36%;}
.tiles.threecol.c3 .col.left .title a > img, .tiles.threecol.c3 .col.right .title a > img{margin-left: -8%;}

/* four col */
.tiles.fourcol.c4 .col{padding:0; width: 25%; float: left; overflow: hidden; padding-right: 10px;}
.tiles.fourcol.c4 .col.right{padding-right: 0;}
.tiles.fourcol.c4 .col .title a > img{margin-left: -25%;}

/* come at me company landing page */
.bCompanieslanding .tiles.c4 .col.left{width: 35%;}
.bCompanieslanding .tiles.c4 .col.right{width: 30%; height: 182px; padding: 5px 10px 0 0}
.bCompanieslanding .tiles.c4 .col.mleft{float: right; width: 35%; padding-right: 0;}
.bCompanieslanding .tiles.c4 .col.mright{width: 30%; height: 182px; padding: 0 10px 0 0px; margin-bottom: 5px;}

.bCompanieslanding .tiles.c4 .col.right div.tile_usr_type, .bCompanieslanding .tiles.c4 .col.mright div.tile_usr_type{min-height: auto; height: 182px;}
.bCompanieslanding .tiles.c4 .col.right .title, .bCompanieslanding .tiles.c4 .col.mright .title{min-height: auto; height: 182px;}


/* like and pool it buttons*/
a.like_btn{    
    border: 1px solid #e3e3e3; border-radius: 2px;
    background: #f5f5f5;
    font-weight: 600;
    padding: 5px 15px;
    display: inline-block;
    color: #666666;
    text-decoration: none;    
}
a.like_btn{margin-right: 5px;}
a.like_btn:before{
	background: transparent url(/img/v3/icons/icons-small.png)no-repeat;
	background-position: -2px -456px;
	content: " ";
	width: 17px;
	height: 17px;
	margin-top: 1px;
	margin-right: 7px;
	float: left;
}
.bMagazine a.like_btn:before{
    margin-top:0px;
	font-size: 14px;
}
.bMagazine a.like_btn{
    font-size: 14px;
}

a.pool_btn,#poolitform > .pool_btn{
    border: 1px solid #e3e3e3; border-radius: 2px;
    background: #f5f5f5;
    font-weight: 600;
    padding: 5px 15px;
    display: inline-block;
    color: #757575;
    cursor: pointer;
}
a.pool_btn:before, #poolitform > .pool_btn:before{
	background: transparent url(/img/v3/icons/icons-small.png)no-repeat;
	background-position: -2px -528px;
    content: " ";
    width: 18px; height: 19px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
}

.like_btn.unlike{background: #f1f1f1; border-color: #ddd; box-shadow: 0 0 10px #7FC1B1; }
a:hover.like_btn.unlike:before{	background: transparent url(/img/v3/icons/icons-small.png)no-repeat; background-position: -2px -840px; }
a:hover.like_btn{border-color: #ccc;}

/*.like_btn.load{
    background-image: url(/img/v3/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 59px center;
    padding-right: 40px;
}*/
a.madeitbutton{
    border: 1px solid #e3e3e3; border-radius: 2px;
    background: #f5f5f5;
    font-weight: 600;
    padding: 5px 15px;
    display: inline-block;
    color: #757575;
    color: #666666;
    text-decoration: none;
}
a.madeitbutton:before {
	background: transparent url(/img/v3/icons/icons-small.png)no-repeat;
	background-position: -2px -886px;
	content: " ";
	width: 21px;
	height: 17px;
	margin-top: -2px;
	margin-right: 10px;
	float: left;
}



a.like_btn:hover, a.pool_btn:hover, #poolitform > .pool_btn:hover{text-decoration: none; background: #fcfcfc;}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    a.like_btn:before {
        background: transparent url(/img/v3/icons/icons-big.png)no-repeat;
		background-position: -2px -434px;
        background-size: 22px;
    }

    /* following needs to overwrite inline styles, therefore !important on every line */
    /*
    #aboutcookiesdiv {
        padding: 5px 0 !important;
        margin: 0 !important;
        margin-top:-80px !important;
        font-weight: normal !important;
        font-size: 10px !important;
        text-align: left !important;
    }

    #aboutcookiesdiv p {
        margin: 0 !important;
        width: 100% !important;
    }
    */
	
	a.pool_btn:before, #poolitform > .pool_btn:before{
		background: transparent url(/img/v3/icons/icons-big.png)no-repeat;
		background-position: -2px -500px;
		background-size: 22px;
	}
	
	a.madeitbutton:before {
		background: transparent url(/img/v3/icons/icons-big.png)no-repeat;
		background-position: -2px -838px;
		background-size: 22px;
	}
}

a.pool_btn,#poolitform > .pool_btn {
    border: 1px solid #e3e3e3; border-radius: 2px;
    background: #f5f5f5;
    font-weight: 600;
    padding: 5px 15px;
    display: inline-block;
    color: #757575;
    cursor: pointer;
}
#profile.poolspage #soc_btn_tiles a.like_btn,
#profile.poolspage #soc_btn_tiles a.pool_btn { padding: 5px 10px; }
#profile.poolspage #soc_btn_tiles a.like_btn { left: 5px }
#profile.poolspage #soc_btn_tiles a.pool_btn { left: 90px }

.homepage-search a.pool_btn,
.homepage-search .like_btn,
.homepage a.pool_btn,
.homepage .like_btn {
    padding: 5px 13px;
}

.like_btn.unlike{background: #f1f1f1; border-color: #ddd; box-shadow: 0 0 10px #7FC1B1; }
a:hover.like_btn.unlike:before{	background: transparent url(/img/v3/icons/icons-small.png)no-repeat; background-position: -2px -840px; }
a:hover.like_btn{border-color: #ccc;}

form.comment_form textarea { height: 5em;}


div.login_header ul.idswitcher li {overflow:visible; height:auto; padding:5px 15px; font-size: 87.5%;}
div.login_header ul.idswitcher li img {height:25px; width:25px;}
ul.idswitcher li * {vertical-align: middle; }
ul.idswitcher li.titleli {border-top:1px solid #78C0AE; color:white; }

/*owners actions*/

a.owner{color: #67B59F;}

/* member - jobs management pages */
body.bSavedjobs section.main,
body.bAppliedjobs section.main,
body.bMatchingbriefs section.main,
body.bMatchingjobs section.main
{padding: 20px 15px 0 10px}

body.bSavedjobs li#bjsavedli a,  /* co & ind saved jobs and briefs tabs  */
body.bAppliedjobs li#bjappliedli a,
body.bMatchingjobs li#bjmatchingjli a,
body.bMatchingbriefs li#bjmatchingbli a,
body.bLivejobs li#tablivejobs a,
body.bPendingjobs li#tabpendingjobs a,
body.bArchivedjobs li#tabarchivedjobs a
{color: #67B59F; background: transparent; border: transparent; font-weight: 400;}

li#bjmatchingjli a{padding-left: 0;}

body.bSavedjobs .tabs_wrap a,  /* candidate saved jobs and briefs tabs  */
body.bAppliedjobs .tabs_wrap a,
body.bMatchingjobs .tabs_wrap a,
body.bMatchingbriefs .tabs_wrap a
{}

/* my jobs search/filter */
#myjobsform input[type=submit]{padding: 4px 10px;}


.chooser .portimg,
#poolitform .portimg {
    width:130px;
    float:left;
    height:130px;
    margin: 0 9px 9px 0;
    overflow: hidden;
    position: relative;
}
/*#poolitform div:nth-child(6){margin-right: 0;}*/
/* .chooser div:nth-child(6){margin-right: 0;} hmm..    gm: no*/

#poolitform .portimg h6, .chooser .portimg h6
{ display: none; padding: 5px; position: absolute; background: rgba(255,255,255, 0.9); width: 100%;}

#poolitform .portimg label img, .chooser .portimg label img
{display: block; max-width: 100%; height: auto; }

#poolitform .portimg input[type=checkbox],
.chooser .portimg input[type=checkbox]
{position: absolute; bottom: 5px; left: 10px;}

#modaldiv.modal_poolit {height: auto; max-width:760px }

/* span.avf_failed {margin-top:-0.1em; margin-left:-1.5em; padding:2px 5px; color:white; font-weight:bold; background:#d00; box-shadow: 0px 0px 15px #fcc;} */
span.avf_failed { margin-left:2px; padding:2px 5px; color:white; font-weight:bold; background:#d00; box-shadow: 0px 0px 15px #fcc;}
span.avf_ok { margin-left:2px; font-weight:bold; color:#0d0; text-shadow: 1px 1px 5px #999;}

/* pools landing pages */
body.bLanding section.main{
    background: #fff;
    border: 1px solid #DBDBDB; border-radius: 2px;
    /*margin-right: 15px;*/
    padding: 20px;
}

/* user business cards  */
.identity{
    position: relative;
    float: left; margin: 0 10px 10px 0;
    -moz-box-shadow: 10px 10px 5px rgba(0,0,0, 0.1);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.1);
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.1);
    width: 48%;
    border: 1px solid #ebebeb; border-radius: 2px;
}
.whopost .identity {
    font-size:0.7em;
}
/*.connections_compact .identity {width:31%;}
.identity:nth-child(2){margin: 0 0px 10px 0;}*/

.identity .usr_core{
    display: none;
    width: 36px; height: 36px;
    position: absolute; top: -3px; left: -3px;
    background: #fff url(/img/v3/icons/business_card_corner.png) no-repeat bottom right;}

.identity .bcard{
    background: #fff;
    display: block;
    float: left;
    padding: 10px 10px 0 10px;
    position: relative;
    width: 100%; height: 145px;
}
.bUserprofile .identity { min-width:280px}
.bUserprofile #checkfirstcredit #searchresults .identity { min-width: 1px; }

div.bcard div.wrap {position:absolute; left:0; right:0; top:0; bottom:0; padding:10px;}

.bcard a.profile_url {position:absolute; display:block; z-index: 0; top:0;bottom:0;left:0;right:0;}
.bcard .actions {z-index: 10;}
.bcard a.profile_url span {display:none;}
.bcard p.in_common  {position:absolute; z-index:10;}	/* make sure these links stay on top of the parent link */
.bcard p.in_common a {padding:2px 1px; border-radius: 1px 1px;}
.bcard p.in_common a:hover {text-decoration:underline; color:#67b59F;}

.identity .usr_img{display: inline-block !important; float: left; background: #fff; padding: 3px; border: 1px solid #ebebeb; width: 80px; height: 80px; text-align: center;}
.identity .usr_img span {display: inline-block; height: 100%; vertical-align: middle;}
.identity .usr_img img{max-width: 70px; max-height: 70px; vertical-align: middle;}

.identity .usr_info{
    float:right;
    /*width:72%;*/
    width:68%;
    padding-left:5px;	/* box model sorts this out */
    max-height:80px;
    z-index:10;
    /* float: left;
    padding-left: 10px;
    max-width: 180px;	*/ /* gm v3.1 */
}
.identity .usr_info h4{margin-bottom: 5px;}
.identity .usr_info p{margin-bottom: 4px;}
.identity .usr_stats{position: absolute; bottom: 10px; right:15px; text-align: right;}

.identity .usr_stats .likes{padding-left: 20px; background: transparent url(/img/v3/icons/icons-small.png) no-repeat -3px -457px}
.identity .usr_stats .connections {padding: 0 20px; background: transparent url(/img/v3/icons/icons-small.png) no-repeat -3px -144px}

.identity .usr_stats .followers {
    padding: 0 20px; background: transparent url(/img/v3/icons/icons-small.png) no-repeat -3px -169px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	.identity .usr_stats .likes{padding-left: 20px; background: transparent url(/img/v3/icons/icons-big.png) no-repeat -3px -435px; background-size:22px;}
	.identity .usr_stats .connections {padding: 0 20px; background: transparent url(/img/v3/icons/icons-big.png) no-repeat -3px -138px; background-size:22px;}
	.identity .usr_stats .followers {padding: 0 20px; background: transparent url(/img/v3/icons/icons-big.png) no-repeat -3px -162px; background-size:22px;}
}

.identity .usr_stats .nolikes {padding:0 0 0 20px;}

.identity .actions .btn, .identity .actions .gen_grn, .identity .actions .buttonextra {line-height: 28px !important}
.identity .actions .connectlink{padding: 5px 16px 5px 15px;}
.identity .btzone {
    float: left;
    clear: both;
    padding-top: 12px;
    margin-top: 10px;
}
div.bcard div.actions {position:absolute; bottom:10px; left:10px;}
div.bcard div.actions a.social.btn {
    vertical-align:bottom;
}

.bcard a.btn.connect{ display: block;}

/*homepage magazine articles styles*/
.hpc section.ar_img img{display:none; }
/*.homepage section.ar_img, section.ar_img > a {display: block;}*/
.hpc article.maga.medium{margin: 0 0; border: 0; width: 250px}
.hpc .col.mid article.maga.medium {margin:  0 5px}
.hpc .col.right article.maga.medium {margin-left: 5px}
.hpc .col.left article.maga.medium {margin-right: 5px}

.activity ul li {
    padding: 4px 100px 4px 35px;
    border-bottom: 1px dashed #ddd;
    color: #666;
}

.activity ul li a {
    color: #777;
    font-weight: bold;
}
.activity ul li.npl a {
    color: #fff;
}

.activity span.count {
    display: inline-block;
    text-indent: 5px;
    background: #67b59f;
    border-radius: 3px;
    width: 25px;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.5em;
    margin-left: -35px;
    float: left;
}

.activity span.date {
    margin-right: -100px;
    float: right;
    font-size: 0.8em;
    color: #888;
}


/* coy picker */
ul.chzn-choices li.search-choice.will_invite {border:1px solid red ! important;}



/* project credits */

ul.creditslist {padding-bottom: 1em;}
ul.creditslist small.you {text-transform:uppercase; background:#bbb; color:white; padding:0 1px; font-weight:bold;}
ul.creditslist a.deletelink {border:1px dotted #ccc; padding:0px 1px;}
ul.creditslist a.deletelink:hover {background:#d00; color:white; border:1px solid #d00;}
div.cred {display:table; width:100%; padding:3px 0}
div.cred ul {display:table-row; line-height:2em;}
div.cred ul li {display:table-cell}
div.cred li.name {width: 25%; padding-right:5px;}
div.cred li.num_media {width:14%; padding-right:5px;}
div.cred li.role {width:15%;padding-right:10px; }
div.cred li.desc {width:20%;}
div.cred li.desc input {width:80%;}
div.cred li.approve {}
div.cred+div.cred {border-top:1px dotted #ccc;}
div.cred label {padding-right:5px;}
div.cred span.txt {font-size:87.5%; padding:0 2px;}
body.bProjectcredits li.project_credit {border-bottom:1px dotted #ccc;}
div.cred li.check {width:40px; margin-right:10px;}
li.c_approved div.cred li.name:before {color: #67b59f; content:"\2714";}
li.c_pending div.cred li.name:before {color: #cd0a0a;  padding:0 3px; content:"?"; font-weight:bold;}

/* li.project_credit ul li {border:1px solid red ! important;} */



.proj_info form textarea {width:320px  ! important; height:170px ! important;}
.proj_info p.portfolio_editable {max-height: 200px; overflow:hidden;}


/* jquery autocomplete */

div.ajax_autocomplete_wrapper div.autocomplete {
    line-height:2em;
    border: 1px solid #ccc; border-top:none;
    padding:2px; background: white;
    overflow:hidden;
}
div.ajax_autocomplete_wrapper div.autocomplete div {padding: 0 0.3em;}
div.ajax_autocomplete_wrapper div.selected {background: #999; color: white;}
div.ajax_autocomplete_wrapper div.autocomplete div+div {border-top:1px dotted #999;}

/* end jquery autocomplete */

a.actionbutton {padding:2px; border:1px solid #ccc; background: #f7f7f7; border-radius: 2px 2px;}
.bFeedback a.actionbutton { display: block; }
/* seriously... */
div.onecol div.col {float:none ! important; width:100% ! important;}

.modalonly {display:none;}
#modaldiv .modalonly {display:block;}

.btn_v.ok:before {color: #787878; content:"Save"; padding:3px; font-weight: 400;}
.btn_x.fail:before {color: #787878; content:"Cancel";padding:3px;}

.btn_v {
    border:1px solid #ddd; border-radius:2px;
    cursor: pointer; margin: 5px 0 0;
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f6f5f5));
    background: -moz-linear-gradient(top, #fefefe, #f6f5f5);
}
.btn_x {
    border:1px solid #ddd; border-radius:2px;
    cursor: pointer; margin: 5px 5px 0 0;
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f6f5f5));
    background: -moz-linear-gradient(top, #fefefe, #f6f5f5);
}

.btn_x:hover, .btn_v:hover{
    background: #f6f5f5;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f5f5), to(#fefefe));
    background: -moz-linear-gradient(top, #f6f5f5, #fefefe);
}

.profile_home_name {
    height: 0px;
}
#text_counter {
    padding:2px;
    width: 65px;
    font-size: 12px;
}

.styled-select select {
    height: 29px;
    padding:5px;
    border: 1px solid #E7E7E7;
    border-radius: 2px 2px 2px 2px;
}
.edt_text_few {
    font-weight: 600;
}
/*ljstudio*/
.edt_mr.rs{
    width: 100%;
    padding: 0px;
    margin-left: -10px;
    max-height: 315px;
    overflow-y: auto;
}
.edt_mr.rs .identity .usr_info {
    width: 70%;
    text-align:left;
}

#reg_id_details  .edt_mr.rs .identity .usr_info{
    width: 60%;
}

html .edt_mr.rs .identity h4{
    font-size: 1.2em;
    color: rgb(51, 51, 51);
}

.edt_mr.rs .meta_profile_link{
    width: 93px;
    height: 38px;
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.edt_socialbox {
    margin-bottom: 20px;
}
.edt_socialbox input { width:100%; }


#lb10overlay a {padding:5px; background:#666;position:fixed; top:50px; right:50px; color: white;}
#lb10overlay a:hover {cursor:hand;cursor:pointer;}
#lb10overlay {display:none; margin:5px; border:1px solid #333; padding:10px; text-align:center; background:#000;}

#lb10overlay:-webkit-full-screen	{ display:block; }
#lb10overlay:-moz-full-screen		{ display:block;}
#lb10overlay:-ms-full-screen		{ display:block;}
#lb10overlay:-o-full-screen			{ display:block;}
#lb10overlay:fullscreen				{ display:block;}

#lb10overlay img {margin:auto;}

.clear{clear: both;}

/* Companies hiring indicator */
#webehi{
    position: absolute; left:42px; top:-124px;
    background: #4acfaf; color: #fff;
    padding: 5px 10px;
    border: 1px solid #7fc1b1; border-radius: 2px;
}

#webehi:after{
    content: ' ';
    background: transparent url(/img/v3/hiring_point.png) no-repeat top left;
    width: 8px; height: 14px;
    display: block; position: absolute; bottom: -13px; left: 30px;
}

.tilecontainer_4col , .tilecontainer_3col/*, .tilecontainer_2col*/{visibility:hidden;}
.tilecontainer_3col {
  visibility: visible;
}

/* 4col masonry*/
.tilecontainer_4col .items{width:25%; min-height: 100px; float:left; margin: 0px; }
.tilecontainer_4col div.tile_usr_type{width: 250px;}

/* 3col masonry*/
.tilecontainer_3col .items{width:33.334%; min-height: 60px; float:left; margin: 0px;}
.tilecontainer_3col div.tile_usr_type{max-width: 284px;}
.tilecontainer_3col.portfolio_hover .items {width: 284px;height: 100%;position: relative; overflow: hidden;}
.tilecontainer_3col.portfolio_hover {background-color: #FFF; width: 852px; height: 100%; overflow: hidden; position: absolute !important; left: 0px; top: 0px; z-index: 7;margin-top: 0;}
.mobile .tilecontainer_3col.portfolio_hover {
    opacity: 0 !important;
}
.tilecontainer_3col > .items > img {
    min-width: 284px;
    min-height: 100%;
    display: block;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
/* 2col masonry*/
.tilecontainer_2col .items{
    width:100%;
    max-width: 340px;
    min-height: 60px;
    background: transparent !important;

    right: 0;
    margin: auto;

}
/* 1col */
.tilecontainer_1col.portfolio_hover {background-color: #FFF; width: 100%; max-height: 100%; overflow: hidden; position: absolute !important; left: 0px; top: 0px; z-index: 7;}
.tilecontainer_1col > .items > img {width: 852px; height: auto; display: block; margin: 0px;}
#company_job_list .items{width: 100%;}
.tilecontainer_3col div.tile_usr_type{max-width: 340px;}

.landing_header{text-align: center;}

.landing_header h1{
    color: #67B59F;
    padding-top: 50px;
    font-size: 2.923em;
}
.homepage .landing_header h1 {
    color: #fff;
}
.landing_header h3{
    font-size: 1.385em;
    color: #9D9D9D;
}
.homepage .landing_header h3 {
    color: #fff;
}

.block_green {
    width:32px;
    background-color:#7CBAAA;
    float:left;
    padding-bottom: 2px;
}
.block_grey {
    width:32px;
    background-color:#DBDBDB;
    float:left;
    padding-bottom: 2px;
}
.space_split {
    width:27px;
    float:left;
}
.view_box {
    border-bottom:solid 1px #e1e1e1;
}
.list_week {
    padding-top: 6px;
    width: 50px;
    position:relative;
    overflow:hidden;
}
.view_text {

}
.btn_view_ctn {
    padding:30px 0 15px 0;
}

.gen_grn.see_profile {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    max-width: 139px;
    margin-top: 5px;
}

#header-copyright {
    position: absolute;
    bottom: 15px;
    left: 15px;
}
#header-copyright a, #header-copyright a:visited{
    font-size: 11px;
    color: #fff;
}


#et_home_login_edit + form input[type=submit]{width: auto;}

/* Pools */
body.bPools section.main{
    background: transparent;
    border: 0;
    padding: 0 10px 20px;
    width: 100%;
}

body.bPools .identity{width:32%;min-width:280px;margin-left:auto;margin-right:auto;float:none;}
body.bPools.imadethis .identity { margin-left: 0;}

body.bPools #modalcontent .identity{width:48%;}	/* revert */

body.bPools .identity .usr_info{max-width: 210px;}
body.bPools #modalcontent .identity .usr_info{max-width: 400px;}	/* undo when in modal */


body.bPools .identity .usr_info h4{margin-bottom: 0;line-height:20px; }	/* margin-top: -6px; */ /* gm v3.1 */
body.bPools .identity .usr_info p.in_common,
body.bPools .identity .usr_info p.in_common small { line-height: 12px; }
/* body.bPools .identity .usr_info p{margin-bottom: 0;} */

.placeholder { color: #aaa;}

/* Stats pages */
.bStats .main_wrap{padding-top: 10px;}

/* errors */
.err_dataposttitle label[for=data_post_title],
.err_datapostfile label[for=data_file],
.err_datapostbody label[for=data_post_body],
.err_dataposttags label[for=data_post_tags],
.err_datacrosslinkcp10magcategory label[for=data__crosslink_cp10_mag_category]
{color: #d00}
.err_datapostfile input#data_file { border-color: #d00 }

/* purchase pages */
.bPurchase .main_wrap{padding-top: 20px}
.bPurchase section.main{width: 100%;}
/* packages  */
.package_buttons{text-align: right; position: absolute; right: 40px; bottom:40px;}
.package_buttons a.pack2{margin-left: 80px;}
.package_buttons a.pack3{margin-left: 70px;}
/* Pro  */
.bPurchase.bPro section.main{width: 720px;}
.bPurchase.bPro section.side{width: 260px; float: right; padding-top: 25px; font-size: 15px;}
.pro_package{text-align: center;}
.pro_buttons{position: absolute; right: 65px; bottom: 40px;}
/* job credits and cv search */
.bPurchase.bCredits .main_wrap, .bPurchase.bPackage .main_wrap{padding-top: 10px}
.bPurchase.bCredits section.main{width: 852px;}

/* homepages */
.bHome.bFeeds{}
.bHome.bFeeds .main_wrap{padding-top: 10px;}
.bHome.bFeeds section.side{float: left; width: 250px; padding: 0 5px;}
.bHome.bFeeds section.main{width: 750px; padding-right: 0;}

#new_feed_message{background: #fff; }
#new_feed_message .wrap_message{padding: 40px 40px 20px 40px;}

.close_intro_message{
    position: absolute;
    top: 20px; right: 20px;
    width: 22px; height: 22px;
    background: transparent url(/img/v3/icons/homepage_nav_icons.png) no-repeat 2px -203px;
    cursor: pointer;
}

/* Logged in homepages side nav and indicators*/
.hp_sidebar {}
.hp_sidebar h4{font-size: 24px;}

.hp_sidebar ul{margin-bottom: 20px}
.hp_sidebar ul li{padding:5px 0 5px 25px; position: relative;}

/* nav counters */
.hp_sidebar ul li .the_count{
    background: #fff;
    padding: 2px 5px; border-radius: 2px;
    font-size: 11px; font-weight: 600;
    margin-left: 10px;
    color: #67B59F;
    position: relative;
    box-shadow: 0 0 10px #ccc;
}
.hp_sidebar ul li .the_count:before{
    content: "";
    position: absolute;
    width: 0; height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right:5px solid #fff;
    border-color: rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);
    left:-4px; top:5px;
}

.hp_sidebar li:before{
    content: " ";
    left: 0;
    width:20px; height:20px;
    position: absolute;
    background: transparent url(/img/v3/icons/homepage_nav_icons.png) no-repeat 0 0;
}

.hp_sidebar li.no_padd:before {
    background-position: 500px;
}
.hp_sidebar li.no_padd {
    padding: 5px 0px 5px 0px;
}
/* sidebar icons*/
.hp_sidebar li.new_follow:before{background-position: -3px 0}
.hp_sidebar li.connections:before {background-position: -3px -31px}
.hp_sidebar li.made_this:before{background-position: -3px -61px}
.hp_sidebar li.feedback:before{background-position: 0 -390px}
.hp_sidebar li.pools:before{background-position: 0 -118px}

.hp_sidebar li.pro_views:before{background-position: 0 -147px}
.hp_sidebar li.likes:before{background-position: 0 -177px}
.hp_sidebar li.comments_sb:before{background-position: 0 -89px}

.hp_sidebar li.job_alerts:before{background-position: 0 -244px}
.hp_sidebar li.jobs_for_you:before{background-position: 0 -281px}

.hp_sidebar li.link_network:before{background-position: 0 -341px}
.hp_sidebar li.get_badges:before{background-position: 0 -315px}

.hp_sidebar ul li .the_stat{
    position: absolute; right: 70px;
    text-align: right;
    color: #67B59F; font-weight: 600;
}

/* order pages*/
.bOrder .main_wrap{padding-top: 10px;}
.bOrder section.main {
    max-width: 690px !important;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    width: 96%;
    margin-left: 10px;
    margin-right: 10px;}
.bOrder section.side, .bOrder section.ads {
    float: left;
    margin: 10px;
    width: 300px; padding: 20px; background: #fff; border: 1px solid #ddd;
}

.bPurchase.bCredits section.side{
    float: right;
    width: 140px;
}

#section-employer-client-quotes{
    padding: 20px;
    background: #fff;
    margin: 20px 0;
    border: 1px solid #ddd;
}

#section-employer-client-quotes .end-section{
    margin-top: 20px;
}

section.side .smalllogos{
    margin-top: 10px;
    padding: 8px;
    background: #fff;
    border-radius: 5px;
}

/* from cp10 //urghh  small logos on package purchase page */

div.smalllogos a.employerlink_dis {
    margin:2px 0;
    padding:2px;
    border:1px solid #fff;
    width:60px;
    min-height:30px;
    text-align:center;
    display: table-cell; vertical-align: middle;
    border-radius:2px 2px;
    /*
    display:inline-block;
    zoom:1;
    *display: inline;
    */
}

div.smalllogos a.employerlink {border:1px solid #fff; border-radius:2px 2px;  text-align:center; min-height:30px; padding:2px; margin:2px auto;
    display: block;
    vertical-align: middle;
}
div.smalllogos a.employerlink:hover {border:1px solid #ddd; border-radius:2px 2px;}


div.smalllogos .clr {
    clear:left;
    margin-top:5px;
    margin-bottom:3px;
    height:3px;
}

div.smalllogos a img {
    display:inline-block;
    vertical-align:middle !important;
    margin:auto;
}

section.side .details_wrap div.downloadContainer{padding: 0;}
section.side .details_wrap div.downloadContainer img{display: none;}




div.identity.wocurrentlyat p.currentlyat {display:none;}



.bAccount a#delete_picture:hover {background: #eee; color:#c00;}
.bAccount #employer_header_upload {margin:0px}
.bAccount #frmCustomUrl h3 {margin-top:0; padding-top:0;}



/* #loggedin.is_pro #nav_badge:before {content:"PRO";} */
/* #loggedin.is_pro #nav_badge {display:block;} */
#loggedin.is_pro #nav_badge {background: #eee; color: #5b8b7f; font-weight:bold; font-size: 87.5%; padding:1px 2px;}



div.sec.wsep {
    border-top: 1px solid #ccc;
}

div.sec {
    margin-bottom:20px; margin-top:20px; padding:20px 0;
}


div.panel {background:white; border:1px solid #ddd; padding:20px; margin:20px 0;}



/* V31 BUTTONS /GM */





a.social.btn {
    position:relative;

    padding-right:35px ! important;
    display:inline-block;
    line-height:1.1em;
}



a.social.btn.connect,
a.social.btn.active
{
    /*
    background-image: -webkit-linear-gradient(top, #a3e5d5, #93d5c5 );
    background-image: -moz-linear-gradient(top, #a3e5d5, #93d5c5);
    background-image: -ms-linear-gradient(top, #a3e5d5, #93d5c5);
    border: 1px solid #8Fd1c1;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
    */
    background: #8cc9ba;
    color:#ffffff;
    border-radius: 1px 1px;
    border:none;
    /*font-weight: normal;*/

}
a.social.btn.connect.blue,
a.social.btn.active.blue{
    /*
    background-image: -webkit-linear-gradient(top, #7aa8fe ,#518dfc);
    background-image: -moz-linear-gradient(top, #7aa8fe ,#518dfc);
    background-image: -ms-linear-gradient(top, #7aa8fe ,#518dfc);
    border-color: #2158bc;
    text-shadow: 1px 1px 1px rgba( 255,254,228 , 0.4);
    */
    background: #59acea;
    color: #ffffff;
    border-radius: 1px 1px;
    border:none;

}

.tile_usr_type a.social.btn.connect,
.tile_usr_type a.social.btn.active {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


a.social.btn.actioned {
    background: #dedede;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#d6d5d5));
    background: -moz-linear-gradient(top, #dedede, #d6d5d5);
}

a.social.btn.actioned:hover {
    cursor:default;
}

a.social.btn.connect:hover,
a.social.btn.active:hover {
    /*
    background-image: -webkit-linear-gradient(top, #93d5c5, #a3e5d5);
    background-image: -moz-linear-gradient(top, #93d5c5, #a3e5d5);
    background-image: -ms-linear-gradient(top, #93d5c5, #a3e5d5);
    color:white;
    text-shadow: 0px 0px 10px rgba(250,250,250,0.2);
    */
    background: #59acea;
}
a.social.btn.connect.blue:hover,
a.social.btn.active.blue:hover {
    background: #8cc9ba;

}

a.social.btn:after{
    background-image: url("/img/v3/white_icon@2x.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 55% auto;
    content: "";
    height: 10px;
    position: absolute;
    /*right: 37px;  top: 32%;*/
    width: 21px;
    z-index: 0;
    right: 7px; top: 35%;
}
a.social.btn.contact:after{
    content: '';
    width: 17px;
    height: 11px;
    position: absolute;
    right: 10px;
    top: 32%;
    z-index: 0;
    background-repeat: no-repeat;
    background-image: url(/img/v3/icons/icons-small.png);
    background-size: 23px;
}

.bcard a.social.btn:after{
    right: 3px;
}



/*
a.social.btn.blue:after {
    background-image: url(/img/v3/icons/blue_icon@2x.png);
    background-size: contain;
    width: 16px;
    margin-top: 1px;
}
*/
a.social.btn.connect_all::after {
    right: 7px;
    top: 32%;
}
a.social.btn:hover:after {
    filter:contrast(150%);
    -webkit-filter:contrast(150%);
    -moz-filter:contrast(150%);
}

a.social.btn.active:hover:after {
    filter:contrast(90%);
    -webkit-filter:contrast(90%);
    -moz-filter:contrast(90%);
}
/*
a.social.btn.connect.blue:after,
a.social.btn.connect.blue.active:after,
a.social.btn.disconnect.blue.active:after ,
a.social.btn.connect.blue.follow:after,
a.social.btn.follow.blue:after,
a.social.btn.follow.blue.active:after,
a.social.btn.connect.blue.follow:after,
a.social.btn.connect.blue.follow.active:after,
a.social.btn.unfollow.blue:after{
    background-position: 0px 0px;
}
a.social.btn.connect:after {
    background-position: -4px -219px;
}

a.social.btn.connect.active:after,
a.social.btn.disconnect.active:after {

	background-position: -3px -169px;
}
*/

a.social.btn.follow.active:after,
a.social.btn.connect.follow:after,
a.social.btn.connect.follow.active:after,
a.social.btn.unfollow:after,
a.social.btn.follow:after
{
    background-image: url("/img/v3/single_arrow.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 85% auto;
    content: "";
    height: 15px;
    position: absolute;
    right: 6px;
    top: 27%;
    width: 21px;
    z-index: 0;
}


a.social.btn.contact:after,
a.social.btn.contact.active:after {
    background-position: -3px -601px
}

a.social.btn.ignore:after{
    background: none;
}

@media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) {
        /*
		a.social.btn:after{    background-image: url(/img/v3/icons/icons-big.png);background-size: 100%;}
		a.social.btn.connect:after {background-position: 0px -162px}
		a.social.btn.connect.active:after,
		a.social.btn.disconnect.active:after {
			background-position: -3px -125px;
		}

		a.social.btn.connect.follow:after,
		a.social.btn.follow:after {
		    background-position: -3px -125px;
		}

		a.social.btn.follow.active:after,
		a.social.btn.connect.follow:after,
		a.social.btn.connect.follow.active:after,
		a.social.btn.unfollow:after
		{
			background-position: -3px -125px;
		}
        */
		a.social.btn.contact:after, a.social.btn.contact.active:after {background-image: url(/img/v3/icons/icons-big.png);background-size: 100%; background-position: -1px -439px;}

}

/*
.memberlist .candidate a.social.btn {
    border-radius: 0 0 0 2px;
}
*/
.bcard a.social.btn {
    font-size:100%;
}
.bcard a.social.btn:after {/*right:5px;*/}
/* END V31 BUTTONS /GM */

a.social.btn.ignore,
a.social.btn.block
{
    padding-right:0 ! important;
}

.bcard a.social.btn.ignore,
.bcard a.social.btn.block
{
    padding-right: 8px ! important;
    margin-left: 5px;
}



.bPurchase #section-talk-to-us,
.bAccountpending #section-talk-to-us {margin-left:165px}
.bRegister #section-talk-to-us {display:none;}	/* hide this box so that only the little popup is displayed */

.bPurchase div.smalllogos img {display:block; margin:10px auto;}	/* purchase pages */


/* ads 2013 */
/* div.ads {background:white;} */ /* optional gm */
div.ads div.ad {margin:0 auto;}
div.ads div.ad div.bsap a {float:none; margin:0 auto;}

/* bottom 3x ads */
div.threead {margin-top:20px; /*width: 1010px;*/}
div.threead div.ad {/*float:left; margin-right:40px;*/}
/*div.threead div.ad:nth-child(3) {margin-right:0;}*/


.addthis_toolbox.addthis_floating_style {
    left: 0px;
    top: 25%;
    background:none;
}

/* package purchase company pro */

.bPurchase section.main div.xin {padding:20px; background:#fff; border:1px solid #eee; margin-bottom:20px;}
.productmatrix {width:100%; color:#000;}
.productmatrix th, .productmatrix td {text-align:center; padding:5px 10px; line-height:1.25em;}
.productmatrix th.label {text-align:left;}
.productmatrix tr.head th {font-weight:bold; padding-bottom:10px; font-size:110%;}
.productmatrix tr.feat.even {background: #eee;}
.productmatrix tr.buttons td, .productmatrix tr.buttons th {padding-top:20px;}
.productmatrix td.yes span, .productmatrix td.no span {display:none;}
.productmatrix td.yes:after, .productmatrix td.no:after {
    background:url(/img/v3/sprite_yn.png) center center no-repeat;
    content:""; display:inline-block; height:16px; width:16px;
}
.productmatrix td.yes:after {background-position:-1px -38px}
.productmatrix td.no:after {background-position:-1px -4px}

div.whatcanido p, div.whatcanido td, div.whatcanido li {font-size:87.5%; color:#333;}
div.whatcanido li {list-style:disc; padding-left:0px; margin-left:10px;}
div.whatcanido li {margin-bottom:1em;}
div.whatcanido table {width:100%; line-height:1.5em;}
div.whatcanido h3 {color:#55ad98; font-weight:bold; font-size:130%; margin-top:20px;}
div.whatcanido h5 {color: #333; font-size:87.5%; font-weight:bold;}
div.whatcanido p {line-height:1.6em;}
div.whatcanido div.col.right {float:left;}
div.whatcanido div.col.mid, div.whatcanido div.col.right {margin-left:10px;}
div.whatcanido div.col {min-height:14.5em; background:#f7f7f7; width:261px; padding:10px; }
div.whatcanido.recruitment div.col {min-height:16.5em; }
div.whatcanido tr td+td {text-align:right}



.mid_left{width: 100%;}


/* action zone */


#actionzone1 {
    position:absolute;
    right:0;
    top:80px;

    width:315px;

    /* altogether 90 */

    height:10px;
    margin:0 auto 10px auto;

    z-index:5;
    overflow:visible;
}


#actionzone1_inner {
    position:absolute;
    bottom:0;
    right:0;
}

/* action zones v23423.01 */
#actionzone_inner a{
    position: relative;
    color: #787878;
    font-weight: 400;
    background: #f6f5f5;
    border: 1px solid #e3e3e3;
    text-align: center;
    padding: 3px 5px;
    overflow: hidden;
    cursor: pointer;
    word-wrap: normal;
    min-width: 145px;
    display: inline-block;
    -webkit-appearance: none; /*ipad*/
}
.bMagazinelanding #actionzone_inner a,
.bMagazinepage #actionzone_inner a{
    background: #fff;
}
.bMagazinepage #actionzone_inner li { height: 30px }

#actionzone_inner a:hover{
    background: #f2f2f2;
}
#actionzone_inner a.selected {
    color: #fff;
    background: #6aa396;
}
#actionzone_inner a.gen_grn {
    border: 1px solid #7FC1B1;
    border-radius: 2px;
    padding: 7px 25px;
    font-weight: 600;
    color: #26866f !important;
    text-shadow: 1px 1px 1px #BBEBDF;
    background: #A3E5D5;
    background-image: -webkit-linear-gradient(top, #A3E5D5, #99DCCB);
    background-image: -moz-linear-gradient(top, #A3E5D5, #99DCCB);
}

#actionzone_inner a.gen_grn:hover{
    text-decoration: none;
    background-image: -webkit-linear-gradient(top, #89CCBB, #93D5C5);
    background-image: -moz-linear-gradient(top, #89CCBB, #93D5C5);
    color: #26866f;
}
#actionzone_inner a.gen_wht {
    padding:7px 5px;
}

#actionzone_inner li{padding: 2px 0;}
#actionzone_inner .col.right{padding-left: 2px;}

#actionzone{
    margin-bottom: 10px;
    margin-top: 10px;
}
#actionzone p {line-height:1.2em;}

#actionzone_inner{
    max-width: 315px;
    padding: 0; /* 0 10 */
    position: relative;
}

.bMagazinepage #actionzone_inner {
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
}

#actionzone #actionzone_inner a.gen_grn.nl-join {
    padding: 7px 5px;
    min-width: 80px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}
.poolsothers #actionzone_inner { padding-left: 0}
.poolsothers #actionzone { margin-bottom:0px}

p.success.message {font-weight:bold; text-align: center; background: #eee; border:1px solid #ccc; border-radius: 2px 2px; padding:10px;}






a.nofx {
  background: none!important;
  text-decoration:none ! important;
  margin:0 !important;
  padding:0 !important;
  border:0 ! important;

  display: block;
  overflow: hidden;
  height: 90px;
  max-width: 728px;
  position: relative;
  margin: auto !important;
}
a.nofx.adimg {
    height: auto;
}
a.nofx.adimg img {
    width: 100%;
    max-width: 728px;
    height: auto;
}
a.nofx:hover {background:none ! important; text-decoration:none ! important;}
.ad img.basicad { width: 100%; max-width: 728px; height: auto; }


/* add boxcenter to any element that needs to be horizontally and vertically centered */
.boxcenter {
    display: box ! important;
    box-align:center ! important;
    box-pack:center ! important;

    display: -moz-box ! important;
    -moz-box-pack: center ! important;
    -moz-box-align: center ! important;

    display: -webkit-box ! important;
    -webkit-box-pack: center ! important;
    -webkit-box-align: center ! important;
}

/* always last */

.sum_tags.clearfix:first-of-type {
    display: inline-block;
}

div.chooser:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#privacy-logins-table td {
    padding: 13px 5px 13px 0;
}

.bFaq ul.categories a,
.bFaq ul.categories a:visited,
.bFaq ul.questions a,
.bFaq ul.questions a:visited {
    font-weight: 600;
    color: #67B59F;
    font-size: 13px;
}

.bFaq ul.categories a:hover,
.bFaq ul.questions a:hover {
    color: #afafaf;
}

.bFaq ul.categories li,
.bFaq ul.questions li {
    line-height: 20px;
}

.bFaq ul.questions {
    padding-bottom: 20px;
}

.bFaq div.faq.answer {
    padding: 20px 0;
}

.bFaq div.faq.answer img {
    max-width: 100%;
}

.bFaq .main h3,
.bFaq .main h1 {
    font-size: 32px;
    color: #595959;
}

.bFaq h1 {
    margin-top: 20px;
}

.bFaq table h3 {
    font-size: 1.3em;
}

.bFaq section.ads {
    margin-top: 10px;
}

.bFaq p.backtotop {
    text-align: right;
}

header h1.pools-headline,
h1.about-headline {
    color: #595959;
    margin: 20px 5px 20px 0;
}

h1.profile.name {
    font-weight: 400;
    color: #595959;
    font-size: 2.462em;
    margin-bottom: 10px;
}

h1.project-headline,
h1.jobs-headline {
    font-size: 2.462em;
    margin-bottom: 20px;
    font-weight: 400;
    color: #595959;
}

/* removal of btn for new ckeditor 4 */
.cke_button__image {
    display: none !important;
}
.cke_button_mag_upload .cke_button_icon,
#cke_34 > span.cke_button_icon.cke_button__mag_upload_icon{
    background-image: url('/javascript/ckeditor/plugins/image/icons/image.png?t=E3OD');
    background-position: 0 0px;
    background-size: 16px;

}

.myArticles .maga.small a.btn.edit_link {
    display:none;
}


#resultdiv.tilecontainer_3col {
    visibility: visible;
}

.whopost{
    /*  display:none; */
    clear: both;
}
/*
.whopost .usr_img.boxcenter{
    height:72px;
    overflow:hidden;
    display: block;
}
*/

article.maga .whopost h4 {
    padding-top: 0px;
    color: rgb(61, 61, 61);
    font-size: 1.231em;
}


.whopost .identity .usr_info{
    width: 70%;
}
.whopost .identity .usr_info p{
    color: rgb(102, 102, 102);
    height:1.4em; overflow:hidden;
}
/*
.bMagazine .clearfix .left,
.bMagazine .clearfix .right {
    width: 412px;            
}
*/
.bMagazine .clearfix .left {    
    margin-bottom: 30px;
}

.bMagazine .clearfix .left .maga.large.clearfix,
.bMagazine .clearfix .right .maga.large.clearfix{
    width:100%;
}


div.zonecomments .actionbtn {
    padding: 5px 15px;
    margin: 0px 5px;
    text-decoration: none;
}
div.zonecomments h2{
    color:rgb(103, 181, 159)
}

.postbody div.zonecomments a,
div.zonecomments .like_btn{
    color: rgb(120, 120, 120);
    text-decoration: none;
}

article.maga.full .postbody div.zonecomments a{
    text-decoration: none;
}

#mageditform dd,
#mageditform dt{
    margin-bottom: 13px;
}

.commentformdiv{
    padding-top:10px
}

.bMyarticles .useradminlinks.actions { float: right; margin-right: 0; }

.embeddedContent iframe{
    max-width: 100%;
}


.responsive-size.embeddedContent,
#modalcontent.magpreview .embeddedContent[data-resizetype="responsive"] {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px;
    height: 0;
}

#modalcontent.magpreview .embeddedContent[data-resizetype="responsive"] {
    display: block !important;
}

.responsive-size.embeddedContent iframe,
#modalcontent.magpreview .embeddedContent[data-resizetype="responsive"] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}




span.pname, span.price {
    display: block;
    color: rgb(0, 0, 0);
    /*font-weight: bold;*/
    font-size: 18px;
    margin-bottom: 9px;
}

.pp_btn.big{
    height: 285px;
}
.pp_btn.big .blocker{
    height: 40px;
    padding-top: 10px
}

.pp_btn.big .hot_jobs_btns,
.pp_btn.big .exp_jobs_btns{
    float:none;
    margin:0px;
}

.pp_btn.big .hot_jobs_btns{
    margin-top: 15px;
}

#go_premium div.text_pad.col.right,
#go_premium div.text_pad.col.left{
    text-align:center;
}

.displaying_mode li:before{
    content: " ";
    display: inline-block;
    overflow: hidden;
    width: 20px; height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.displaying_mode li>:first-child {
    vertical-align: middle;
}

.displaying_mode .discovery_mode:before { margin-top: 6px; width: 15px; height: 15px; background-position: 0 0; }
.displaying_mode .list_mode:before      { width: 11px; height: 15px; background-position: 0 -43px;  }

.displaying_mode .discovery_mode:before,
.displaying_mode .list_mode:before {
    background-repeat: no-repeat;
    background-image: url(/img/v3/icons/modes-sprite.png);
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    .displaying_mode .discovery_mode:before,
    .displaying_mode .list_mode:before {
        background-image: url(/img/v3/icons/modes-sprite@2x.png);
        background-size: 15px;
    }

    .displaying_mode .list_mode:before { background-position: -2px -22px; }
}

span.featured {
    /*     width: 160px;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        display: block;
        padding-top: 4px;
    */
    font-weight: 400;
    color: rgb(117, 117, 117);
}

span.featured:before {
    /*     content: url('/images/featured_small.png');
        margin-right: 5px;
        float: left;
        margin-top: -2px; */
}
span.pro {
    /*     width: 180px;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
        display: block;
        padding-top: 4px;
     */
    font-weight: 400;
    color: rgb(117, 117, 117);
}

.side span.featured ,.side span.pro, .side span.contributor {
    margin-left: 0px;
}
.side span.featured{
    width:145px;
}

.side span.influencer{
    width:100px;
}

.side span.pro,
.side span.shortlist2014 {
    width: 165px;
    padding-top: 0px;
}

.side span.contributor {
     margin-top: 10px;
 }

.side .hasTip{
    background-image: none;
    margin-top: 10px;
}

.side .spcl{
    margin-top: 15px;
    display:block;
    margin-bottom: 10px;
    /*
        overflow: hidden;
    */
    height: auto;
}

.identity .spcl_bcard {
    position: absolute;
    z-index: 50;
    right: 0px;
}

.spcl_bcard .pro, .spcl_bcard .featured, .spcl_bcard .shortlist2014, .spcl_bcard .contributor, .spcl_bcard .influencer {
    height: 18px;
    float: left;
}

.spcl_bcard span.featured:before,.spcl_bcard span.pro:before, .spcl_bcard .shortlist2014:before, .spcl_bcard .contributor:before, .spcl_bcard .influencer:before {
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    font-size: 12px;
}

.usr_tile span.featured,
.usr_tile span.pro{
    margin-left:0;
    width:100%;
    margin-top: 0px;
    padding-top: 0px;


}

.usr_tile span.spcl{
    position: absolute;
    top: 0px;
    left: 0px;
}
/* 
.usr_tile span.featured:before{
    content: url('/images/featured_big.png');

}
.usr_tile span.pro:before{
    content: url('/images/pro_big.png');
}
 */
div.memberlist h4 a.h,
div.memberlist h4.h a,
div.memberlist > div.new_profile_box > div > div.text > h4 > a.nofx{
    margin-right: 20px !important;
    margin-bottom: 6px;
}

section.side .details_wrap .user_info .clearfix._none{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    display: block;
    float: none;
    clear: both;
    height: 10px;
}

.side span.feedback.hasTip {
    padding-right: 15px;
    display: inline-block;
}

.side span.hasTip .tip{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.side span.featured.hasTip .tip{
    text-align: left;
}

.side span.hasTip .tip div {
    margin: 0px;
    padding: 0px;
}

.influencer.hasTip .tip {
    min-height: 17px !important;
    top: -10px;
}

.influencer.hasTip .tip:before {
    top: -7px;
}

#et_tip_pro_influencer:before {
    /*content: '';*/
    /*display: inline-block;*/
    /*height: 100%;*/
    /*vertical-align: middle;*/
}

.employee.candidate div.text > p.summary {
    min-height: 18px; /*70px;*/
}

span.featured,span.pro,
span.shortlist2014,
span.contributor,
span.influencer {
    display: block;
    height: 28px;
    color:#FFF;
}
span.featured span.text,
span.pro span.text,
span.shortlist2014 span.text,
span.contributor span.text,
span.influencer span.text{
    color: rgb(117, 117, 117);
    position: relative;
    left: 22px;
    top: -15px;
}

span.shortlist2014:before {
    content: "S";
    background-color: #4e8aff;
}
span.shortlist2014.winner:before {
    content: "W";
    background-color: #daa520;
}

span.featured:before {
    content: "F";
    background-color: rgb(129, 56, 142);
}

span.pro:before{
    background: #92d1ba;
    content: "P";
    background-color: rgb(149, 215, 199);
}

span.contributor:before {
     content: "C";
     background-color: #ef71a9;
}

span.influencer:before {
    content: "I";
    background-color: #284297;
}

span.pro:before,
span.featured:before,
span.shortlist2014:before,
span.contributor:before,
span.influencer:before {
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    text-align: center;
    display:block;
    font-weight:600;
}

.side span.contributor .invite {
     position: relative;
     left: 30px;
     top: -16px;
     background-color: #ef71a9;
     height: 18px;
     padding: 6px 20px 6px 10px;
     text-align: center;
     font-weight: 600;
     font-size: 10px;
     cursor: pointer;
    box-shadow: 0px 1px 1px #ef71a9;
}

.contributor_invites {
    display: inline-block;
}

.contributor_ticket {
    position: relative;
    display: inline-block !important;
    background-color: #ef71a9;
    color: #FFF;
    height: 35px;
    padding: 3px 10px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    margin-right: 40px;
    border-radius: 3px 0px 0px 3px;
}

.contributor_ticket_free .num_of_codes {
    color: #FFF;
    line-height: 29px;
    position: absolute;
    left: 94px;
    width: 28px;
    text-align: center;
}

.contributor_ticket_free {
    position: relative;
    display: inline-block !important;
    margin: 0px !important;
    padding: 3px 0;
    background: url('/img/v3/invite-button-empty@2x.png') no-repeat 0 0 transparent;
    background-size: 126px 35px;
    width: 126px;
    height: 35px;
}

.contributor_ticket span:after {
    position: absolute;
    top: 0;
    right: 0;
    content: " ";
    display: block;
    width: 7px;
    height: 35px;
    background: url('/img/v3/line@2x.jpg') no-repeat 0 0 transparent;
    background-size: 7px 35px;
}

.contributor_ticket span {
    line-height: 27px;
}

.contributor_ticket:after {
    content: " ";
    background: url('/img/v3/invite-use@2x.png') no-repeat 0 0 transparent;
    background-size: 46px 45px;
    display: block;
    width: 46px;
    height: 45px;
    position: absolute;
    top: -2px;
    right: -38px;
}

.contributor_ticket_free.num_of_codes span:after {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    display: block;
    width: 7px;
    height: 35px;
    background: url('/img/v3/line_r@2x.jpg') no-repeat 0 0 transparent;
    background-size: 7px 35px;
}

.contributor_invites li {
    float: left;
    margin-left: 10px;
}

.side span.contributor .invite.withticket:after {
    content: " ";
    position: absolute;
    top: 6px;
    right: 5px;

    background: url('/img/v3/ticket@2x.jpg');
    background-size: 14px 14px;

    display: block;
    height: 14px;
    width: 14px;

}
.side span.contributor .invite img {
    padding-left: 3px;
    height: 10px;
}

.side span.contributor .invite.value {
     left: 31px;
    padding: 6px 8px;
}

.side span.contributor.hideTip .tip { display: none }
.side span.contributor.hasTip.showTip {
    background-image: none;
    padding-right: 0;
    background: none;
    max-width: 250px;
}

.side span.pro,
.side span.featured,
.side span.shortlist2014,
.side span.contributor,
.side span.influencer {
    height: 18px;
}
.bUserprofile .side .spcl span.hasTip,
.bUserprofile .side .spcl span.contributor { float: left; }

.side span.pro,
.side span.shortlist2014,
.side span.contributor,
.side span.influencer {
    display: block;
}

.memberlist span.pro:before,
.side span.pro:before,
.memberlist  span.featured:before,
.side span.featured:before,
.memberlist  span.shortlist2014:before,
.side span.shortlist2014:before,
.memberlist  span.shortlist2014.winner:before,
.side span.shortlist2014.winner:before,
.memberlist  span.contributor:before,
.side span.contributor:before,
.memberlist  span.influencer:before,
.side span.influencer:before{
    width: 18px;
    height: 18px;
    padding:0;
    text-align:center;
    line-height:18px;
    font-size:12px;
}

.memberlist span.featured:before,
.memberlist span.pro:before,
.memberlist span.shortlist2014:before,
.memberlist span.contributor:before,
.memberlist span.influencer:before {
    float :left;
    margin-top: 3px;
}

.side .tip:before{background-image : url('/images/tip_left_ns.png');}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .side .tip:before{background-image : url('/images/tip_left_ns@2x.png'); background-size: 34px 54px;}



}


.usr_tile span.featured:before,
.usr_tile span.pro:before
.usr_tile span.shortlist2014:before,
.usr_tile span.contributor:before,
.usr_tile span.influencer:before{
    border-radius: 0px;
}

.memberlist  span.featured,
.memberlist  span.pro,
.memberlist  span.shortlist2014,
.memberlist  span.contributor,
.memberlist  span.influencer {
    float:left;
}

.memberlist span.featured .stext,
.memberlist span.pro .stext,
.memberlist span.shortlist2014 .stext,
.memberlist span.contributor .stext,
.memberlist span.influencer .stext {

    color: rgb(117, 117, 117);
    /*padding-top: 2px;*/
    display: block;
    margin-left: 25px;
    font-size: 14px;
    line-height: 20px;
}

.shortlist2014.hasTip .tip li,
.feedback.hasTip .tip li{
    font-size: 11px;
    color: #666;
    text-align: left;
    list-style-type: disc;
    margin-left: 10px;
    padding-bottom: 5px;
}

.shortlist2014.hasTip .tip li a,
.feedback.hasTip .tip li a,
.shortlist2014.hasTip .tip li a:visited
.feedback.hasTip .tip li a:visited { color: #67B59F; }
.shortlist2014.hasTip .tip li a:hover,
.feedback.hasTip .tip li a:hover { color: #afafaf; }

.creditbalance table td {
    margin: 0px !important;
    padding: 0px !important;
    height: auto;
    display: inline-block;
}

#modalcontent a[data-action="disconnectstd"] + a,
#modalcontent a[data-action="disconnectstd"]{
    float: left;
    margin-right: 10px;
    line-height: 1.1em;
}
#modalcontent a[data-action="disconnectstd"] + a{
    height: 31px;
}

.bUserprofile #modalcontent a[data-action="disconnectstd"] + a{
    height: 36px;
}
.wrapx ul li {
    display: inline-block;
    margin-left: 7px;
    margin-right: 10px;
}

div.tile_usr_type.clearfix.wrapx > a{
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 15%;
}

div.tile_usr_type.clearfix.wrapx > p{
    position: absolute;
    bottom: 10%;
    left: 10%;
}

#soc_btn_tiles {
    margin-top: 15px;
    min-height: 32px;
    margin-bottom: 0px;
}

#soc_btn_tiles .like_btn {
    position: absolute;
    left: 0px;
    z-index: 2;
}

#soc_btn_tiles .pool_btn {
    position: absolute;
    left: 100px;
    z-index: 2;
}

#soc_btn_tiles .like_btn.unlike, #soc_btn_resume .like_btn.unlike {
    box-shadow: 0 0 40px #7FC1B1;
}

#soc_btn_resume {
    margin-top: 15px;
    min-height: 32px;
    margin-bottom: 0px;
}

#soc_btn_resume .like_btn {
    position: absolute;
    left: 20px;
    z-index: 2;
}

#soc_btn_resume .pool_btn {
    position: absolute;
    left: 120px;
    z-index: 2;
}

.tile_text_container {
    display: table;
    width: 100%;
    height: 85%;
}

.tile_text_content {
    position: relative;
    margin: 5px;
    display: table-cell;
    vertical-align: middle;
}

.stat_month_content .bcard a.social.btn	{
    font-size: 13px;
}

.stat_month_content .identity .usr_stats .connections {
    padding-bottom:	5px;
}
.stat_month_content .identity .usr_stats {
    bottom:	15px;
}

.greybg {
    background-color:rgb(219,219,219) !important;
}

.np{
    padding: 0px !important
}

.npl{
    padding: 0px !important
}

.npl .prl10 {
    padding: 7px 7px;
}
.stamp-col-4 .npl .prl10 { padding: 7px 15px; }


.npl .prl10.first {
    margin-right: 5px;
}

#activity-container .stamp.stamp-col-2 .info-box {
    padding-right: 0;
}

.prl10{
    padding-right: 10px;
    padding-left: 10px;
}

.prl10 .bullets a, .prl10 .bullets a:active, .prl10 .bullets a:visited {
    color: #666;
    text-decoration: underline;
    font-weight: 400;
}
.prl10 .bullets a:hover {
    text-decoration: none;
}
.stat_month_content_body .prl10 p {
    font-size: 12px;
}

.prl10.bottom {
    padding-top: 15px;
}
.prl10.bottom h3 {
    font-size: 1.5em;
}

article.information .info-box li a.view_stats_btn {
    font-weight: 600;
}
.view_stats_btn{
    margin-top: 10px;
    display: inline-block;
}

.zonecomments{clear:both;}

.anchor-off {
    position: relative;
    display: block;
    top: -40px;
    visibility: hidden;
}
.bMagazine section.main{
    max-width: 855px;
    float: left;
    position: relative;
    margin-top: 10px;
}
/**/
.bMagazinepage section.main{ padding-top: 0; margin-top:0 }
.bMagazinepage section.main #magnav { padding: 0; margin: 0 auto; }
.bMagazine.bSearchN section.main {
    padding-top: 0;
    margin-top: 0;
}

span.h3note { font-size: 12px; }

section.ads.gopro { margin-top: 10px; padding: 0; float:right; clear:right; display: none;}
.bYourprofile section.ads.gopro {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    float: none;
    width: auto;
    max-width: 680px;
}
section.ads.gopro h3 {
    color:#fff;
    text-align: center;
    padding: 10px 0;
    font-weight: 400;
    font-size: 30px;
    background-color: #7cbaaa;
}
section.ads.gopro p.d {
    font-size: 23px;
    text-align: center;
    line-height: 1.3;
    color: #444444;
    padding: 10px;
    font-weight: 600;

    padding-bottom: 0;
    margin-bottom:0;
}
section.ads.gopro p.d.second {
    padding-top: 10px;
    padding-bottom: 10px;
}
section.ads.gopro p.l {
    text-align: center;
    margin: 25px 0;
}

#listinvitation {
	margin-top:10px;
	overflow:auto;
	max-height:400px;
	width:660px;
	border:solid 1px #e7e7e7;
	padding:10px;
}

#listinvitation .invitation_item {
	padding-left:10px;
	height:65px;
	width:25%;
	overflow:hidden;
	float:left
}

#listinvitation .invitation_item img.invitation_pic {
	display:block;
	float:left;
	width:50px;
	height:50px;
	overflow:hidden;
	border:solid 1px #e7e7e7
}

#listinvitation .invitation_item .invitaion_name {
	text-align: left;
	padding:5px 5px;
	overflow:hidden
}

.social-icon-v2-w {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.social-icon-v2 {
    background: url(/img/v3/social-sprite-v2.png) no-repeat 0 0 transparent;
    width: 238px;
    height: 65px;
    display: block;
    text-indent: -999em;
    float: left;
    margin-right: 20px;
}
.fpyk .social-icon-v2 {
    margin-bottom: 20px;
}

.social-outer-div {
    width: 100%;
    margin: 0 auto;
    max-width: 238px;
}

.social-outer-div .social-icon-v2-w {
    margin-bottom: 0;
}

.social-icon-v2.facebook { background-position: 0 -200px; }
.social-icon-v2.twitter { background-position: 0 0; }
.social-icon-v2.linkedin { background-position: 0 -100px; }
.social-icon-v2.google { background-position: 0 -300px; }
.social-icon-v2.facebook:hover { background-position: -300px -200px; }
.social-icon-v2.twitter:hover { background-position: -300px 0; }
.social-icon-v2.linkedin:hover { background-position: -300px -100px; }
.social-icon-v2.google:hover { background-position: -300px -300px; }

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .social-icon-v2 {
        background-image: url(/img/v3/social-sprite-v2@2x.png);
        background-size: 539px 366px;
    }
    .social-icon-v2.facebook:hover { background-position: -301px -200px; }
    .social-icon-v2.twitter:hover { background-position: -301px 0; }
    .social-icon-v2.linkedin:hover { background-position: -301px -100px; }
    .social-icon-v2.google:hover { background-position: -301px -300px; }
}

.bExperience #cvuploadformdiv { padding-bottom:0;margin-bottom:0;}

#modalcontent #loginbox .soc_login { /*width: 440px;*/ margin: 0 auto; }
#four_to_many .identity.clearfix { width: 97%; min-width: 97%; }

.addthis_floating_style.addthis_32x32_style a { height: 32px; }
.addthis_floating_style.addthis_32x32_style {
    display: none;
}

.login_project_address {
    font-size:22pt;
    color:#65b29f;
    line-height: 22pt;
}

.login_project_msg {
    font-size:20pt;
    color:#65b29f;
    line-height: 22pt;
}
.login_project_msg a, .login_project_msg a:hover {
    text-decoration: underline;
    font-weight: normal;
    color:#65b29f;
}

.already_following{
    background: none repeat scroll 0 0 #898989;
    color: white;
    display: block;
    line-height: 3px;
    margin-bottom: 5px;
    padding: 6px 15px;
    text-transform: uppercase;
    width: 99px;
    font-size: 60%;
    border-radius: 1px 1px 1px 1px;
}

.actions small.already_following {display: none}
#cms__body__tip_pro_identity, #cms__body__tip_contributor_identity, #cms__body__tip_pro_influencer { text-align: left; }
#cms__body__tip_pro_identity p, #cms__body__tip_contributor_identity p, #cms__body__tip_pro_influencer p { font-size: 11px;}
#cms__body__tip_pro_identity a, #cms__body__tip_contributor_identity a, #cms__body__tip_pro_influencer a { display: block;font-size:11px }


/* magtags */
.mag_tags h5{
    visibility:hidden;
    height:0px;
}
.mag_tags.floatfixLJS{
    clear: both;
}

.mag_tags.floatfixLJS li,
.mag_tags.floatfixLJS ul{
    list-style-type: none;
}
article.maga.full .postbody .mag_tags.floatfixLJS a,
.mag_tags.floatfixLJS a span,
article.maga.full .postbody .mag_tags.floatfixLJS li,
.mag_tags.floatfixLJS li,
.mag_tags.floatfixLJS span{
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    font-stretch: normal
}

article.maga.full .postbody .mag_tags.floatfixLJS a{
    text-decoration: none;
    padding-left: 10px;
    color: rgb(68, 68, 68);
}

.mag_tags{}

.mag_tags ul{
    margin-left: 10px;
}

.mag_tags li{
    float: left;
    border: 1px solid #c3c3c3; border-radius: 0 3px 3px 0;
    border-left: 0;
    margin:0 18px 7px 0; padding: 2px 6px 2px 0;
    position: relative;
    font-size: 12px;
    z-index: 11;
}

.mag_tags li:after{
    content: "";
    width: 5px;
    height: 5px;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    float: left;

    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    padding: 5px;
    margin-left: -8px;
    position: relative; z-index: -1;
}

.mag_tags li:hover, .mag_tags li:hover:after{background: #ebedf0;}

.mag_tags li a{z-index: 12; padding-left: 1px; margin-left: -7px;}
.mag_tags li a:hover{text-decoration: none;}

.mag_tags li span{z-index: 12; padding-left: 1px; margin-left: -7px;}
/* end magtags */


.spinner.nobg
{
    /*font-family: "Proxima Nova";*/
}

.spinner.nobg p.done
{
    font-size: 18px;
    font-weight: bold;
    color: #64b69f;
    margin-bottom: 0px;
}

.spinner.nobg p.txt
{
    font-size: 11px;
    color: #4b4949;
}

.mem_set { display: none; }

.none{
    display: none;
}

.right{
    float:right;
}

#rl div.continent ul {
    display: none;
}
#rl div.continent {
    float: left;
}

#rl div.itemAdminLinks {
    display: none;
}
#rl div.itemAdminLinks:first-child {
    display: block;
}

#rl div.continent h4 {
    cursor: pointer;
    display: table-cell;
    text-align: center;
    padding: 0px 14px;
    max-width: 150px;
    height: 60px;
    vertical-align: middle;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ececea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ececea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ececea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ececea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ececea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececea',GradientType=0 ); /* IE6-9 */

    margin-bottom: 0;
    font-weight: 600;
    font-size: 13px;
    color: #787878;
    border: 1px solid #e3e3e3;
    border-left: 0;
}
#rl div.continent h4.first{
    border-left: 1px solid #e3e3e3;
    padding-left: 15px;
}

#rl div.continent h4.active,
#rl div.continent h4:hover {

    text-decoration: none;
    background: #a3e5d5; /* Old browsers */
    background: -moz-linear-gradient(top,  #99dCcB 0%, #a3e5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99dCcB), color-stop(100%,#a3e5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #99dCcB 0%,#a3e5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #99dCcB 0%,#a3e5d5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #99dCcB 0%,#a3e5d5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #99dCcB 0%,#a3e5d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99dCcB', endColorstr='#a3e5d5',GradientType=0 ); /* IE6-9 */
    color: #26866f;
    text-shadow: 1px 1px 1px #fff;
    border-color:#8cd1be;
}

#rl div.continent.before h4,
#rl div.continent.before-h h4{
    border-right-color: #8cd1be;
}

#rl-active, .subregion.clearfix {
    display:none;
    width:100%;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    padding: 10px;
}
.subregion.clearfix { display: block;margin-bottom: 10px;  }
#rl-active { border-top: 0; float:left; }

#rl-active li,
.subregion.clearfix li {
    padding-bottom: 5px;
}
#rl { float: left; padding-bottom: 25px;width:100%;}
div.continent ul, div.subregion ul,
#rl-active ul {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
}

.login-page div.twocol .col.left,
.login-page div.twocol .col.right {
    float: left;
    clear:both;
    width:100%;
}
.main_full.member_mang .main_wrap { padding: 10px 0px 0 0px; }

.bGetlisted .main_wrap div.twocol .col,
.bExperience .main_wrap div.twocol .col,
.bExperience .main_wrap div.threecol.c3 .col,
.bAlerts .main_wrap div.twocol .col { width: 100%; margin-bottom: 10px; }
.bExperience .main_wrap div.twocol .col.left { margin-bottom: 20px; }

#search_location_1 { margin-left: 25px; margin-top: 5px; }
#graph-wrapper { max-width: 862px;height:390px  }
.desktop #graph-wrapper { overflow-x:scroll;overflow-y:hidden; }
#privacy-twocol { margin-top: 20px; }
#privacy-twocol input.savebtn,
#privacy-twocol div.r a.btn { display: block; width: 225px; }
#privacy-twocol div.r a.btn { margin-top: 10px; }
.bPrivacy #selectStatus, .bPrivacy #selectStatus2 { width: 100% !important; }
.privacy-logins-table { width: 840px; }
.privacy-logins-table-w { max-width: 840px; overflow-x: scroll; overflow-y: hidden; }
.privacy-logins-table td { padding: 13px 5px 13px 0}
#profile_edit_main {
    padding:30px 20px 25px 20px;
}
#profile_edit_main .col { float: left;width:100% }
#profile_edit_main .btns a.btn {
    display: block;
    padding: 8px 0px !important;
    width: 143px;
    line-height: 1.4 !important;
}
#profile_edit_main .pro_img { margin: 0 auto; padding-bottom: 5px; }
#profile_edit_main .btns a.btn.pswd {
    margin-top: 10px;
}
#profile_edit_main #small_info_details {
    font-size: 50%;
    font-weight: 100;
    display: block;
}
#profile_edit_main .l {
    min-width: 150px;
    margin-bottom: 20px;
}

#employer_header_upload #employerlogo { float: left; margin-top: 20px; }
.bMatchingjobs.sidemain .main_wrap,
.bSavedjobs.sidemain .main_wrap,
.bAppliedjobs.sidemain .main_wrap,
.bPrivacy .main_wrap { padding: 10px }
#cvuploadformdiv #cvupload_file { width: 85%; }
#bio_industry { width: 90%; }
#bio_cv_edu_institution {margin-top:5px}
#employer_header_upload #can_file_header {
    max-width: 290px;
    margin-bottom: 5px;
    width: 100%;
}

fieldset.contract_type .checkboxlist span.checkboxlistoption, fieldset.skill_lvl .checkboxlist span.checkboxlistoption { display: block !important; }
.bAlerts .alert_freq .radiowrapper  span.search_alert_frequency { display: block }

#bio_cv_client_list__chzn,
#bio_cv_client_list__chzn .search-field,
#bio_cv_client_list__chzn .search-field input  { min-width: 315px !important; }
.bExperience .identity { min-width: 275px; }
.project_credit .project_zone { width: 100% }
.bPurchase .HelpOnClick.HelpOnClick-widget { z-index: 9999; }

#show-profile-link {
    text-align: left;
    padding-bottom: 30px;
}

#payment_address_country_id { width: 160px;}
#project_credits_box .row { float: left; clear: both; width: 100% }
#project_credits_box .row .l { margin-bottom: 10px; }
#project_credits_box .identity { width: 100% }
#project_credits_box #searchresults {
    float: left;
    clear: both;
    width: 100%;
}
#edit-project-box .r { width: 100%;}
#article-posted-sb.project {
    height: auto;
    width: 100%;
    margin-top: 0;
}
#article-posted-sb.project a { margin-right: 5px; }
#searchresults.clientlist { overflow: auto !important; }
#searchresults.clientlist .identity .actions .gen_grn {
    padding-left: 10px;
    padding-right: 10px;
}


#article-posted-sb.project, .turn_off_autoshare { width: 155px }

#upload-o .l #employerlogo { float: left; margin-right: 10px; }
#upload-o .r { margin-top: 20px; }
#upload-o .gen_grn { margin-top: 10px; }
#upload-o #can_file, #upload-c #logo_e { width: 95%; }

#upload-c { font-weight: 600 }
#upload-c .logo4 { clear: both;}
#upload-c .d { margin-bottom: 10px; }

.bAccount .projectgodrop { width: 95% }
.bAccount #project_go { margin-top: 10px; }

#l_ciwfidentity .identity { width: 260px }
#l_ciwfidentity .identity .usr_info { width: 65%; }
#l_ciwfidentity { margin-top: 10px; display: block; }
.jobItem #cke_data_description #cke_1_top #cke_42,
.bPostajob #cke_data_description #cke_1_top #cke_42,
.jobItem #cke_data_description #cke_1_top #cke_21,
.bPostajob #cke_data_description #cke_1_top #cke_21,
.jobItem #cke_data_description #cke_1_top #cke_24,
.bPostajob #cke_data_description #cke_1_top #cke_24 {
    display: none;
}

#change_password_form label {
    display: block;
    margin: 3px 0px;
}


#change_password_form div {
    padding: 0 5px 5px 0;
}

#change_password_form input {
    width: 100%;
}
#change_password_form input#submit {
    margin-left: 0px;
    width: auto;
}

#change_password_form small {
    display: block;
    margin: 3px 0;
}

#cvMsg ul li:before{ content:"-"; display: block; float: left; width: 10px; height: 15px;}
#cvMsg ul li{ clear: both;}

div.over_anchor {
    position: relative;
    float: left;
    display: block;
    width: 1px;
    height: 1px;
    visibility:hidden;
}
div.over_anchor a {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}
.bCredits div.over_anchor a { top: -90px }
.profile_comp h4 {
    margin: 10px 0 5px;
}

body.bAccount.bYourprofile #thelist {
    overflow: visible;
    max-height: none;
}

.bOrder.bOrderconfirm #register_or_login.twocol .col{
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
}

.bOrder.bOrderconfirm #register_or_login.twocol .col.right {
    border-left: 0px;
}

.bOrder.bOrderconfirm #register_or_login.twocol .col.right span{
    display: block;
}

.bOrder.bOrderconfirm #register_or_login.twocol .col.right input {
    text-align: left;
    margin-top: 5px;
    display: block;
}

.bOrder.bOrderconfirm #register_or_login.twocol .col.right input[type='submit'] {
    margin-top: 10px;
}

.bOrder.bOrderconfirm #register_or_login.twocol .col.right input[type='checkbox'] {
    margin-top: 15px;
    display: inline-block;
}

.bOrder.bOrderconfirm section.main {
    width: auto;
}

.bOrder.bOrderconfirm h3.light_grn {color: rgb(129,178,157);}
.bOrder .right-col-ads .editable p {
    line-height: 16px;
}

#inspiration_pool_btn {
    margin-top: 10px;
}

.bad_codec.error.error_message a,
.bad_codec.error.error_message a:visited {
    color: #CF0000;
    text-decoration: underline;
}
.bad_codec.error.error_message a:hover {
    text-decoration: none;
}

#modaldiv #project_edit_form #l__message.error {
    padding-bottom: 10px;
    display: block;
}

.contributor_header {
    background-color: #8cc9ba;
}

.contributor_header h1,
#login_overlay .contributor_header h1{
    color: #FFF;
    padding: 35px 0 30px 0;
}

#modaldiv #modalcontent.contributormodal {
    padding: 0px;
}

#modaldiv.opened_mod.contributormodal {
    padding: 0px !important;
    text-align: center;
    overflow: hidden;
}

.contributormodal h1,
#login_overlay .contributormodal h1{
    font-size: 29px;
    margin-bottom: 20px;
    line-height: 1;
}

.contributormodal h2 {
    font-size : 20px;
    margin-bottom : 20px;
    line-height: 1;
}

.contributormodal p {
    font-size: 15px;
    color: #444444;
    margin-bottom: 25px !important;
    margin-top: 0!important;
    line-height: 20px;
}

.contributormodal p.cta {
    padding: 0 10px;
    font-size: 22px;
    color: #7d7d7d;
    line-height: 32px;
    margin-bottom: 30px !important;
}
.contributormodal p.cta.smaller {
    font-size:17px;
}

.contributormodal em {
    display: block;
    padding: 10px 10px 30px 10px;
}

.contributormodal em > a {
    text-decoration: underline;
}

#contributor_invite input, #contributor_invite textarea {
    width: 90%;
}
#contributor_invite input,
#contributor_invite textarea,
#contributor_approve input {
    max-width: 500px;
    height: 44px;
    margin: 0 0 15px 0;
    color: #8c8c8c;
    position: relative;
}

#contributor_invite .error,
#contributor_request .error,
#contributor_approve .error {
    color: inherit;
    border: 1px solid #d00;
}

#contributor_invite input[type=submit] {
    width: auto;
    margin-right: 230px;
    margin-bottom: 50px;
}

#contributor_invite input[type=submit].c_approve_btn {
    display: inline-block;
    margin: 0;
}

#contributor_invite {
    text-align: left;
    padding-left: 20px;
}

#contributor_approve input#code {
    font-size: 42px;
    color: #111;
    width: 220px;
    padding: 15px;
    height: 70px;
    text-align: center;
}

#contributor_invite textarea {
    resize: none;
    height: 200px;
    vertical-align: top;
}

.contributormodal span, #contributor_request label {
    display: block;
}

#contributor_request label {
    padding: 10px 0;
}

.contributormodal label {
    font-size: 16px;
}

.contributormodal .invites img {
    margin-left: 10px;
}

#contributor_invite label {
    display: inline-block;
    width: 130px;
    text-align: left;
}

#contributor_request textarea {
    width: 90%;
    max-width: 495px;
    height: 300px;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    color: #999;
    resize: none;
    font-size: 14px;
}

#cntr_request #note1,
#cntr_request #note2,
#cntr_request #note3 {
    color: #444444;
    line-height: 25px;
    font-size: 17px;
    width: 100%;
    padding: 20px;
}

#cntr_request .txt_wrp {
    max-width: 495px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#cntr_request .txt_wrp #text_counter {
    float: right;
    text-align: right;
    margin-bottom: 10px;
}


.bUserprofile #contributor_requests textarea {
    color: #444444;
    line-height: 25px;
    font-size: 17px;
}

#contributor_requests li:first-of-type {
    width: 100%;
    margin-bottom: 30px;
    border: #E3E3E3 1px solid;
}

#contributor_requests li:first-of-type {
    background-color: #E3E3E3;
    font-weight: 600;
    color: #595959;
}

#contributor_requests a {
    font-weight: 600;
    color: #67B59F;
}

#contributor_requests a:hover {
    color: #AFAFAF;
}

#contributor_requests .status {
    color: #67B59F;
    float: right !important;
}

#contributor_requests .status.expired,
.contributor-candidate .expired{
    color: #900000;
}

#contributor_requests {
    margin-bottom: 30px;
    padding-top: 20px;
}

#contributor_requests li:first-of-type {
    margin-bottom: 0px;
    padding: 5px 10px;
    border: #E3E3E3 1px solid;
}

#contributor_requests li {
    border-left: #E3E3E3 1px solid;
    border-right: #E3E3E3 1px solid;
    border-bottom: #E3E3E3 1px solid;
}

#contributor_requests li:not(:first-child):hover {
    background-color: #F8F8F8;
    cursor: pointer;
}

#contributor_requests li span {
    display: inline-block;
}

#contributor_requests .c_headline  span {
    float: left;
    line-height: 36px;
}

#contributor_requests div.c_headline span:nth-child(1) {
    margin-right: 10px;
}

#contributor_requests li:first-of-type span:nth-child(2) {
    margin-left: 43px;
}

#contributor_requests img {
    max-width: 100%;
    max-height: 100%;
}

#contributor_requests .contributor_image_wraper {
    width: 36px;
    height: 36px;
}

#contributor_requests div.c_headline span:nth-child(2),
#contributor_requests li:first-of-type span:first-of-type {
    width: 70%;
}

#contributor_requests li.open {
    background-color: #F8F8F8;
    cursor: default !important;
}
#contributor_requests li div.c_headline {
    padding: 10px;
}
#contributor_requests li div.c_content { display: none }
#contributor_requests li div.c_content span {
    text-align: justify;
    border-top: #E3E3E3 1px solid;
    padding: 10px 10px;
    width: 100%;
}

#contributor_requests li div.c_content span:nth-of-type(2),
#contributor_requests li div.c_content span:nth-of-type(3){
    border-top: none;
}

#contributor_requests li div.c_content h4 {
    color: #595959;
    font-weight: 600;
    font-size: 100%;
    margin-bottom: 5px;
}

#contributor_requests .c_decision {
    float: right !important;
}

#contributor_request_ul a {
    font-weight: bold;
    color: #7cbaaa;
}

#contributor_requests .invite_contributor_link,
#contributor_requests .decline_contributor_link { color: #AFAFAF; }
#contributor_requests .invite_contributor_link:hover { color: #54ca13; }
#contributor_requests .decline_contributor_link:hover { color: #FA1825; }
#contributor_requests .decline_contributor_link { margin-left: 10px; }
#contributor_requests .invite_contributor_link:before {
    content: "\2714";
    padding-right: 3px;
}


#contributor_requests .decline_contributor_link:before {
    content: "\2716";
    padding-right: 3px;
}

#contributor_request .step-2,
#contributor_request .step-3 {
    display:none;
}

#cntr_request .modalcontent { background: none; }
#cntr_request .step h2 {
    color: #fff;
    font-weight: 300;
    font-size: 38px;
    text-align: center;
    padding-top: 50px;
}
#cntr_request .step h3 {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    line-height: 32px;
}
#cntr_request .step2 h3,
#cntr_request .step3 h3 {
    padding-top: 95px;
}

#cntr_request .step h3 span.n {
    font-size: 13px;
    line-height: 1;
}
#cntr_request .step p {
    font-size: 17px;
    color: #fff;
    line-height: 25px;
    margin-bottom: 0 !important;
    padding-bottom: 10px;
}
#cntr_request .step .gen_grn {
    margin-bottom: 20px;
}
#cntr_request .step {
    position: relative;
}
#cntr_request .step .counter {
    position: absolute;
    font-size: 13px;
    color: #fff;
    top: 10px;
    right: 10px;
    font-weight: 300;
}
#modalclose.contributormodal.request { display: none }
#cntr_request .step2,
#cntr_request .step3 {
    display: none;
}
#cntr_request .step1 { background: url(/img/v3/contributor/bg-overlay-01.jpg) no-repeat 0 0 transparent; }
#cntr_request .step2 { background: url(/img/v3/contributor/bg-overlay-02.jpg) no-repeat 0 0 transparent; }
#cntr_request .step3 { background: url(/img/v3/contributor/bg-overlay-03.jpg) no-repeat 0 0 transparent; }


#typeahead_loader {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    background: url('/img/v3/loading-anim.GIF') no-repeat center center transparent;
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    top: -2px;
    visibility: hidden;
}

.bAccount.bEditProject .checkboxlistoption {
    margin-left: 10px;
}

.useruploads.bAccount.bCvportfolio .twocol {
    margin: 30px 0;
}

.useruploads.bAccount.bCvportfolio .twocol .col.right input[type=file] {
    margin-right: 0;
    margin-bottom: 5px;
}

.useruploads.bAccount.bCvportfolio .twocol .col.right span {
    display: block;
}

.useruploads.bAccount.bCvportfolio .disabledonly {
    margin-bottom: 10px;
    display: inline-block;
}

.useruploads.bAccount.bCvportfolio hr {
    color: #dbdbdb;
    background-color: #dbdbdb;
    height: 1px;
    border: 0;
    width: 100%;
    margin: 32px 0 10px 0;
}

.useruploads.bAccount.bCvportfolio .sub-heading1 {
    display: inline-block;
    margin-bottom: 25px;
}

.help-txt > div {
    color: #666;
    margin-bottom: 10px;
    line-height: 1.6;
}

h3.madeit-credit-green {
    color: #67b59f;
    padding-top: 15px;
    display: inline-block;
}

.madeit-credit-see-all {
    margin:23px 0;
    text-align: left;
}

#modaldiv.magpreview {
    max-height: 550px;
    max-width: 757px !important;
}

#modaldiv.magpreview img {
    height: auto !important;
}

#modalcontent.magpreview article.maga.full {
    background: #f0f0f0;
    border: 1px solid #dbdbdb;
    border-radius: 2px 2px 0 0;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 0;
    max-width: 704px;
}

#modalcontent.magpreview article.maga.full h1,
#modalcontent.magpreview article.maga.full .postbody,
#modalcontent.magpreview article.maga.full .meta {
    margin-left: 0 !important;
}

#modalcontent.magpreview .center {
    margin: 0 auto;
    display: block;
}
#modalcontent.magpreview .embeddedContent {
    display: inline-block;
}

#modalcontent.magpreview li {
    color: #444444;
    line-height: 25px;
    font-size: 17px;
}

#modalcontent.magpreview em {
    font-style: italic;
    font-weight: 400;
}

#modalcontent.magpreview p {
    color: #444;
    font-size: 17px;
    margin: 25px 0 10px;
    line-height: 25px;
}
body.bMagazineedit #modaldiv div.inner_content_magazinepage p:first-child,
#modalcontent.magpreview p:first-child {
    margin-top: 17px;
}

mark {
    background-color: transparent;
    color: #222;
    font-weight: bold;
}

/* parallax navigation - start */
#parallax-header {
    position: relative;
}

#parallax-header .parallax-window {
    min-height: 250px;
    background: transparent;
}

#parallax-header .paralax-nav {
    width: 100%;
    height: 60px;
    background: #2c3e50;
    position: relative;
    display: block;
}

#parallax-links {
    background: #2c3e50;
    width: 100%;
    display: none;
}

#parallax-links li {
    height: 40px;
    font-size: 17px;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#parallax-links li.active,
#parallax-links li:hover {
    border-bottom: 5px #7cbaaa solid;
}


#parallax-links li > a {
    color: #FFFFFF;
    position: relative;
    display: block;
    padding: 12px 12px;
    font-size: 14px;
    line-height: 1;
}
#parallax-links li.active > a,
#parallax-links li > a:hover {
    color: #7cbaaa;
    opacity: 1 !important;
}


#parallax-dots ul {
    cursor: pointer;
    z-index: 100;
    position: absolute;
    right: 20px;
}

#parallax-dots li {
    background: none repeat scroll 0 0 #7cbaaa;
    height: 7px;
    width: 7px;
    line-height: 0;
    list-style: none outside none;
    margin: 26px 2px;
    vertical-align: top;
    float: left;
    border-radius: 50%;
}

#parallax-header h1 {
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#parallax-header .parallax-bg {
    background-size: cover;
    height: 170px;
    display: table;
    width: 100% !important;
}

#parallax-header .parallax-bg.project-bg {
    background: url('/img/v3/parallax-project.jpg');
}

#parallax-header .parallax-bg.contributor-bg {
    background: url('/img/v3/parallax-contributor.jpg');
}

#parallax-dots {
    position: relative;
    background: #2c3e50;
    width: 100%;
    height: 60px;
}

.contributor.parallax-links-gray #parallax-links li > a {
    opacity: 0.3;
}


.contributor-candidate {
    background-color: #FFFFFF;
    width: 99%;
    margin-top: 10px;
    border: 1px solid #DCDCDC;
    border-radius: 2px;
    padding: 15px;
    line-height: 1.6;
}

.contributor-candidate h3 {
    text-align: center;
    margin-top: 10px;
}

.contributor-avatar {
    display: block;
    float: left;
    position: relative;
}

.contributor-msg {
    clear: both;
    position: relative;
    display: block
}

.contributor-avatar a {
    position: relative;
}
.contributor-avatar img {
    width: 100%;
    max-width: 300px;
    height: auto;
}

.contributor-avatar .contributor-info-gradient {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(253,253,253,0) 1%, rgba(44,62,80,0.95) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,0) 1%,rgba(44,62,80,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(253,253,253,0) 1%,rgba(44,62,80,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#2c3e50',GradientType=0 ); /* IE6-9 */
}

.contributor-avatar .contributor-info-wraper {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 13px;
    width: 100%;
}

.contributor-avatar .contributor-info-wraper > .contributor-name {
    color: #FFFFFF;
    font-size: 15px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.contributor-avatar .contributor-info-wraper > .contributor-view-icon {
    display: inline-block;
    float: right;
    margin-top: 5px;
    height: 13px;
    padding-left: 23px;
    font-size: 16px;
    color: #595959;
    background: transparent url("/img/v3/icons/eye.png") no-repeat scroll;
    background-size: 23px 13px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.contributor-candidate .twocol .col.right,
.contributor-candidate .twocol .col.left {
    width: 100%;
}

.contributor-candidate .contributor-date,
.contributor-candidate .contributor-buttons {
    text-align: left;
    display: block;
}

.contributor-candidate .contributor-date {
    color: #b8b8b8;
    padding: 7px 0 13px 0;
}

.contributor-candidate .contributor-note {
    display: block;
    padding-bottom: 20px;
}

.contributor-candidate .contributor-note.decline {
    border: 1px solid #d8d8d8;
    background: #f8f6f5;
    padding: 15px;
}

.contributor-candidate .contributor-note a {
    color: #7cbaaa;
    font-weight: 600;
}

.contributor-candidate .contributor-note a:hover {
    text-decoration: underline;
}

.contributor-buttons a {
    padding: 0 50px !important;
}

.contributor-buttons .contributor-decline {
    /*margin-left: 10px;*/
    line-height: 43px !important;
}

.contributor-buttons .contributor-accept {
    margin-bottom: 10px;
}

.contributor-candidate #profile_btn_contact,
.contributor-buttons a {
    font-weight: 400;
    font-size: 14px;
    line-height: 45px !important;
    display: block !important;
    max-width: 300px !important;
}

.main_full.contributor .invite_contributor_link {
    line-height: 45px !important;
    font-size: 14px;

}

.contributor-candidate #profile_btn_contact {
    width: 100%;
    margin-top: 5px;
    padding: 0 25px !important;
}

.contributor-candidate #profile_btn_contact:after {
    background: none;
    display: none;
}

.contributor.requests section.main h2 {
    margin-top: 20px;
}

.main_full.contributor section.main {
    margin-top: 30px;
}

.contributor-management {
    text-align: center;
    margin: 20px 0;
}

.contributor-management h2 {
    color: #7cbaaa;
    margin-bottom: 15px;
    font-size: 36px;
}

.contributor-management p {
    font-size: 17px;
    margin-bottom: 30px;
}

.hideHeader .header_wrap {
    height: 0 !important;
    background: none !important;
}

/* feedback start here */
.feedback-wraper {
    border-bottom: 1px solid #e4e0e5;
    border-right: 1px solid #e4e0e5;
    margin-bottom: 5px;
    font-size: 105%;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 0;
}

.feedback-wraper .twocol {
    position: relative;
    padding: 10px;
}

.feedback-wraper .twocol .col {
    width: 100%;
}

.feedback-wraper span.profile-image {
    padding-right: 10px;
    width: 80px;
    height: 80px;
}

.feedback-wraper span.profile-image img {
    max-width: 80px;
    max-height: 80px;
}

.feedback-wraper span.title {
    font-weight: 600;
    font-size: 15px;
    color: #4d4d4d;
}

.feedback-wraper span.title > small {
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin: 10px 0;
    color: #606060;
}

.feedback-wraper span {
    display: table-cell;
    vertical-align: middle;
}

.feedback-wraper a.btn {
    line-height: 20px !important;
    padding: 0 10px;
}

.feedback-wraper a.btn.gen_grn {
    font-size: 13px;
    padding: 1px 10px !important;
    font-weight: 400;
}

.feedback-wraper .feedback-buttons {
    position: relative;
    padding-top: 10px;
}

.bFeedback section.main {
    padding-top: 30px;
}

.feedback-wraper div.balloon {display:none; }

.feedback-wraper div.balloon span.tip {
    height: 34px;
    width: 54px;
    display:block;
    position:absolute;
    bottom: -34px;
    right: 0;
    z-index: 10;
    background:url(../images/tip_downward.png) no-repeat;

}

.feedback-wraper div.balloon p {
    padding:10px;
    overflow:auto;
    border-radius: 5px 5px;
    line-height: 1.35em;
    max-height: 135px;
    margin: 2px;
}

.feedback-h2 {
    font-size: 30px;
    margin-top: 20px;
    text-align:center
}

.feedback-h2+p,
.fbform-success > p{
    font-size: 15px;
    text-align:center;
}

.feedback-project-images .portimg{
    display: inline-block;
    float: left;
    width: 100px;
    margin: 5px;
}

.feedback-project-images .portimg img {
    max-width: 100px;
    max-height: 100px;
}

section.side .details_wrap div.feedback-box {
    padding: 10px 0;
}
section.side .details_wrap div.feedback-box.first {
    padding-top: 25px;
}

section.side .details_wrap div.feedback-box:before {
    content: "Feedback";
    display: block;
    clear: both;
    float: left;
    padding: 2px 5px;
    color: #fff;
    background: #777;
    border-radius: 2px;
}
section.side .details_wrap div.feedback-box p,
section.side .details_wrap div.feedback-box fieldset {
    clear: both;
    margin-top: 10px !important;
}

section.side .details_wrap div.feedback-box fieldset {
    margin-bottom: 5px;
}

section.side .details_wrap div.feedback-box p.meta span {
    font-weight: 600;

}

a.underline_anchor {
    color: #777;
    font-weight: 400;
    text-decoration: underline;
}

.rating-wraper,
.feedback-project-images,
.fbform-rating-wraper {
    margin: 0 auto;
    position: relative;
    display: table;
}

.rating-title {
    clear: both;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #7cbaaa;
    font-weight: 600;
    margin-bottom: 10px;
    height: 16px;
}

.rating {
    border: none;
    float: left;
}

#feedbackform .rating-wraper .rating {
    width: 170px;
    margin: 0 auto;
    float: none;
}

.rating input { display: none; }
.rating label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: '\f005';
}
.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating label {
    color: #cdcdcd;
    float: right;
    font-size: 20px !important;
}

.bUserprofile .rating label {
    font-size: 18px !important;
}

.bUserprofile .rating label:before {
    margin: 0 5px 0 0;
}

.rating label.grn_star {
    color: #8ad1be
}

.rating label > span {
    display: none;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.bFeedback.bLeaveFeedback .rating input:checked ~ label, /* show green star when clicked */
.bFeedback.bLeaveFeedback .rating:not(:checked) label:hover, /* hover current star */
.bFeedback.bLeaveFeedback .rating:not(:checked) label:hover ~ label { color: #8ad1be; cursor: pointer; } /* hover previous stars in list */

.bFeedback.bLeaveFeedback .rating input:checked + label:hover, /* hover current star when changing rating */
.bFeedback.bLeaveFeedback .rating input:checked ~ label:hover,
.bFeedback.bLeaveFeedback .rating label:hover ~ input:checked ~ label, /* lighten current selection */
.bFeedback.bLeaveFeedback .rating input:checked ~ label:hover ~ label { color: #b9dfd5; cursor: pointer; }

.bAccount.main_full #candidate_date,
.bSubscription.main_full #candidate_date,
.bEmailoptions.bPrivacy #candidate_date {
    display: none;
}