html {
    /* force the vertical scrollbar*/
    height:100%;
    overflow-y:scroll;
    overflow: -moz-scrollbars-vertical;
}
body {
    line-height:1.5em;
    height: 100%;
}
/* tg redefinition and Blueprintcss overrides */
a { color: #0E4B82; text-decoration:none; outline: 0; }
a:hover { color:#F26724; cursor: pointer; }
h1 { font-size: 18px; color:#000; margin-bottom: 10px; }
h2 { font-size: 15px; color:#000;}
h3, .h3 { font-size: 14px; margin-bottom:0.25em;}
h4,h5 {margin-bottom:0.25em;}
h1 img{vertical-align: middle; }
p { margin: 0px 0px 1em;}
p img.left { margin: 0 1.5em 1em 0;}
label { font-weight: normal; }
label em { color: #FF0000 }
blockquote { margin:0; }
input[type=text], input[type=password] {padding:3px;}
textarea {padding:3px; resize: vertical;}
/*Compensation due Blueprint using strict doctype vs PPH transitional*/
input[type="submit"] { margin: .5em 0; }
input[disabled="disabled"], input[disabled] { background: #EEEEEE; }

.colborder{border-color: #ccc;}
.border {border-color: #ccc;}

/* Forms */
form .info_content { padding: .5em 0; }

/* typography ... to move eventually in a different file */
.orangetxt, .txtorange, .selected { font-weight: bold; color: #FF6600;}
.comment, .important, span.required { font-style: italic; color: #FF0000; }
.greentxt { font-weight: bold; color: #060; }
.greentxt-normal { color: #060; }
.redtxt { font-weight: bold; color: #FF0000; }
.redtxt-normal { color: #FF0000; }
.larger { font-size:1.2em; }
.line-through { text-decoration: line-through; }
.strong { font-weight: bold; }
.page_note { font-size:smaller;font-style: italic;}
input[type="text"].large {
    height: 32px;
}
/* typography - END*/
/* utilities */
.disabled, .disabled * {
    opacity: 0.5;
    cursor: default;
}
.left {float: left;}
.right {float: right;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.textjustify {text-align:justify;}
.spacedlines {line-height: 30px;}
hr.large.space { height:200px;}

img.floatLeft {float: left;margin: 0 5px 5px 0;}
.showgrid {background:url(/css/backgrounds/grid.png);}

.boxmodelfix {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*header css starts*/
    .headercon {
        position: relative;
        padding: 10px 0;
        line-height:15px;
    }
        .topdiv {
            text-align: right;
            padding: 10px 0;
            position: absolute;
            top: 0;
            right: 0;
        }
        .topdiv span { margin: 0 15px; }
        .topdiv a { font-weight:bold; }

    #logo {
        position: relative;
        display: inline-block;
    }

/* Main Top Navigation Menu */
.pph_navigation {
    height:32px;
    background-color: #e1f1ff;
    font-size:15px;
    font-weight:bold;
    line-height: 1em;
    margin-bottom:30px;
}
.menu_beak {border:0;margin:0;padding:0;vertical-align:top;}

ul#menu {height:38px;list-style:none;padding:0;margin:0;}
    ul#menu li { float: left; margin: 3px 12px 0 0; text-align:center;}
    ul#menu a { display:block; padding: 0 10px;text-decoration: none;}
    ul#menu a:hover { background-color:#f0f8ff;}
    ul#menu li.here a { color:white; background-color:#f26724;}

    ul#menu li a span.label {display: inline-block;height: 18px;margin:6px 0 2px;vertical-align:top;cursor:pointer;}
    ul#menu .ico { display: inline-block; margin:4px 0; height: 16px; position:relative; }

/* Account sub-navigation icons */

#pph_sub_navigation {margin: 0 0 20px 0;}
#nav_sub_menu {padding: 0;margin: 0;list-style: none;font-size: 12px;}
#nav_sub_menu a { color: #6C6C6C; }
#nav_sub_menu a:hover, #nav_sub_menu a.current { color: #F26724; }
#nav_sub_menu li { float: left; width: 85px; display:block; margin: 0; text-align:center;}

.navProfileContainer { float:left;width:170px;font-size:10px;line-height:1.5em; }
.navProfileContainer .name {color:#0E4B82;font-size:13px;line-height:13px;}
.navProgressBarContainer { width: 160px; height: 12px; clear: both; border:1px solid #CCC; }
.navProgressBarContainer .bar { background-color: #F26724; height: 100%; float: left; }

.pphSubNavStat {position:absolute;top:-8px;right:-7px;width:17px;height:16px;font-size:10px;color:white;background: url(/images/bubbles/statCounterBubble_17x16px.png) no-repeat top left;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
#nav_sub_menu .thickstat {width:24px;background: url(/images/bubbles/statCounterBubble.png) no-repeat top left;}

/* begin css tabs */
#tab-nav-container {
    border-bottom: 1px solid #B3B3B3;
    margin-bottom: 10px;
    clear:both;
}

#tabs {
    margin-bottom: -1px;
    background: transparent;
    border: none;
}

#tab-nav {
    display:block;
    padding-left: 10px;
    margin : 0;
    font-size:15px;
    background: transparent;
    border: none;
}

    #tab-nav ul, #tab-nav li    {
        display : inline;
        list-style-type : none;
        margin : 0;
        padding : 0;
        background: transparent;
        border: none;
        font-weight: bold;
    }

    #tab-nav a:link, #tab-nav a:visited   {
        background : #e9e9e9;
        border : 1px solid #ccc;
        color : #104596;
        float : left;
        font-size : small;
        line-height : 1em;
        margin-right : 8px;
        padding : 8px 15px 8px 15px;
        text-decoration : none;
    }

    #tab-nav a:link.active, #tab-nav a:visited.active {
        background : #fff;
        border-bottom : 1px solid #fff;
        color : #104596;
    }
    #tab-nav .ui-tabs-selected a, #tab-nav a:hover   {
        color : #f16724;
        background : #fff;
        border-bottom: 1px solid #fff;
    }

    #tab-nav ul a:hover {
        color : #f00 !important;
    }
/* end css tabs */


/* Filter Menu - only used in Admin*/
ul#menuFilter {
    height: 2.3em;
    list-style: none;
    margin:0 0 0 0;
    padding: 0;

}
    ul#menuFilter li { float: left;margin: 0 3px 0 0; }
    ul#menuFilter a { background: url(/images/tab2.jpg);color: #2F394C;display: block;float: left;height: 2.3em;padding-left: 12px;text-decoration: none;font-weight:bold;font-size:14px;position:relative; top:2px; z-index: 1; }
    ul#menuFilter a:hover { font-weight:bold;color: #F26724;font-size:14px; }
    ul#menuFilter li.here a { background-position: 0 -32px; }
    ul#menuFilter li.here span { background-position: 100% -32px; }
    ul#menuFilter span { background: url(/images/tab2.jpg) 100% 0;display: block;line-height: 2.3em;padding-right: 12px; }


/* the standard boxes */
.standard_box, .standard_box_alt {
    border: 1px solid #E1E1E1;
    margin-bottom: 10px;
}
    .standard_box h3, .content_box h3 {
        background-color: #F3F1F2;
        font-weight: bold;
        margin: 0;
        padding: 5px 10px;
    }
    .standard_box .box_content, .standard_box .box_content_large, .standard_box_alt .box_content, .content_box .box_content {
        margin: 10px;
    }
    .standard_box .box_content_large, .content_box .box_content_large {
        font-size: 1.2em;
    }

        .standard_box .box_content ul {
            list-style-type: none;
            padding: 0px;
            margin: 0px;
        }

        .standard_box .box_content ul li {
            background-image: url('/images/icon_bullet1.gif');
            background-repeat: no-repeat;
            background-position: 0px 5px;
            padding-left: 14px;
        }

        .standard_box .box_content ol {
            list-style-position:inside;
            padding-left: 0px;
            margin-left: 0px;
            margin-bottom: 0px;
        }

    .standard_box_alt h3 {
        background-color: #eee;
        line-height: 40px;
        font-size:18px;
        margin:0;
        padding-left:10px;
    }
    .standard_box_alt h3 .securePaymentNote {line-height:40px;}

.alert_box, .danger_box, .info_box, .success_box, .success_box_large, .confirmation_box {
    border: 1px solid #772F28;
    background: #FEFEC2;
    margin-bottom: 1em;
    padding: 5px 10px;
    position: relative;
}
    .danger_box .close, .info_box .close, .success_box .close, .success_box_large .close, .confirmation_box .close {
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .danger_box .message, .success_box_large .message{
        color: #772F28;
        background: url(/images/icons/exclamation.png) no-repeat top left;
        padding-left: 2em;
        font-size: 12px;
        min-height: 35px;
    }

.danger_box {
    background: #EDCDCB;
    border: none;
}
    .danger_box .message{
        background: url(/images/icons/big/exclamation.png) no-repeat scroll left 3px transparent;
        padding-left: 3em;
    }

.info_box {
    border: 1px solid #E1E1E1;
}
    .info_box .message{
        background: url(/images/icons/info.png) no-repeat top left;
        padding-left: 2em;
    }

.alert_box {
    border: 1px solid red;
}
    .alert_box .message{
        background: url(/images/icons/exclamation.png) no-repeat top left;
        padding-left: 2em;
    }

.infoRoundBubbleBox {
    display: block;
    text-align: left;       /* used to counter float related IE thingy */
    border: 1px solid #cccccc;
    background-color: #f6f6f6;
    padding: 10px 80px 10px 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.infoRoundBubbleBox h3 {
    margin: 0px 0px 4px;
    padding: 0;
    font-weight: bold;
}

.infoRoundBubbleBox p {
    margin: 0;
    padding: 2px 0;
    font-size: 12px;
}

.success_box {
    border: 1px solid #C6D880;background:#E6EFC2;color:#264409;
}
    .success_box .message{
        background: url(/images/icons/tick.png) no-repeat top left;
        padding-left: 2em;
    }

.success_box_large {
    border: 1px solid #C6D880;
    background:#E6EFC2;
    padding: 2px 10px;
}
    .success_box_large .message{
        background: url(/images/icons/big/success.png) no-repeat scroll left 3px transparent;
        padding-left: 40px;
        color:black;
    }
    .oneline .message {
        font-size: 12px;
        line-height:35px;
    }
    .oneline .message strong{font-size:14px;}
    .oneline .message .small{font-size:11px;}

.confirmation_box {
    border:none;
    padding:8px 2px;
    margin:5px 0px;
}
    .confirmation_box .message, .confirmation_box .message-long {
        background: transparent url(/images/icons/big/success.png) no-repeat center left;
        padding: 5px 0px 5px 35px;
        font-size:1.5em;
        color:#62A537;
        font-weight:bold;
    }
    .confirmation_box .message-long{
        font-size:1.3em;
    }
    .securePaymentNote {color: #0E4B82; text-decoration:none; font-size:12px; font-weight:bold; line-height:22px; padding: 2px 10px 1px 20px; background:url("/images/icons/lock.png") no-repeat center left; cursor: help}

.quote-box { padding-left: 25px; margin-bottom: 0.5em; }
    blockquote.quote-box .ico.quote-start { padding-left: 25px; margin-left: -25px; zoom:100%; }
    blockquote.quote-box .ico.quote-end { margin-left: 10px; zoom:100%; }

.edit_box {
    position: relative;
    background-color: #E9E9E9;
    font-size: 12px; line-height: 1.5em;
    font-weight: normal;
    padding: 20px;
    color: #000000;
}
    .edit_box button[name=cancel] {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        background: transparent;
        border: none;
        cursor: pointer;
    }
    /* form styles for the edit_box */
    .edit_box input[type="text"], .edit_box input[type="password"], .edit_box input.text, .edit_box select {
        width: 200px;
    }
    .edit_box input.long {
        width: 560px;
    }
    .edit_box textarea {
        height: 130px;
        width: 550px;
    }
    .edit_box label.validationError { display: block; padding-top: 2px; padding-bottom: 2px; margin: -5px 0 10px; }

/* buttons */

.buttonSmaller, .buttonSmall, .buttonMedium, .buttonMedium2, .buttonBig { text-align:center; text-transform: capitalize; margin:0; font-weight:bold;cursor:pointer;}
.buttonSmall { font-size:15px;line-height:15px}
.buttonMedium, .buttonMedium2 { font-size:15px; }
.buttonBig { font-size:25px; }

.buttonBig span { display:block; font-size:14px; font-weight:normal;  padding-top:2px; } /* ?? what is this? please fix the html and remove this! */

.buttonSmaller a, .buttonSmall a, .buttonBig a, .buttonMedium a, .buttonMedium2 a { display:block }
div.buttonSmaller a, input.buttonSmaller { padding:0 3px;}
div.buttonSmall a, input.buttonSmall { padding:2px 10px; }
div.buttonMedium a, input.buttonMedium { padding:6px; }
div.buttonMedium2 a, input.buttonMedium2 { padding:3px; }
div.buttonBig a, input.buttonBig { padding:3px; }

.buttonGreen { background-color: #62A51E; border: 1px solid #39701d; color:#FFF;}
.buttonGreen a { border-top: 1px solid #90c279; color: #FFF; }
.buttonGreen a:hover, input.buttonGreen:hover { color: #F26724; }

.buttonRed { background-color: #FF0000; border: 1px solid #39701d; color:#FFF;}
.buttonRed a { border-top: 1px solid #F44; color: #FFF; }
.buttonRed a:hover, input.buttonRed:hover  { color: #000; }

.buttonPurple { background-color: #9744AB; border: 1px solid black; color:#FFF;}
.buttonPurple a { border-top: 1px solid gray; color: #FFF; }
.buttonPurple a:hover, input.buttonPurple:hover { color: #F26724; }

.buttonGeneric { background-color: #DDD; border: 1px solid #333; color: #333; }
.buttonGeneric a { border-top: 1px solid #fff; color: #333; }
.buttonGeneric a:hover, input.buttonGeneric:hover { color: #F26724; }

/* Forms */

.access-form-cont { border: 1px solid #E7E7E7; padding: 12px 7px; width: 936px;}
.access-form-cont input { margin: 1px 0; }
.access-form-cont .radio-text { margin-left: 5px; }
.access-form-cont input[type=text], .access-form-cont input[type=password], .access-form-cont select { width: 150px; }
.access-form-cont .errorContainer { height: 16px; }
.access-form-cont .or-keyword { color: #F26724; font-size: 1.5em; font-weight: bold; }

/* Icons */

.iconHelp {
    cursor: help;
    vertical-align: middle;
}
a.fileAttachToggle {
    padding-left: 15px;
    background: url(/css/icons/icon_attach.png) left center no-repeat
    }
a.footerSocialIcons {
    padding: 0 5px 0 0;
    background: url('/images/icons/footerSocialIcons.png') no-repeat top left;
    display: inline-block;
}
    a.footerSocialIcons.facebook { background-position: 0 0; width: 32px; height: 32px; }
    a.footerSocialIcons.facebook:hover { background-position: 0 -33px; width: 32px; height: 32px; }
    a.footerSocialIcons.linkedin { background-position: 0 -66px; width: 32px; height: 32px; }
    a.footerSocialIcons.linkedin:hover { background-position: 0 -99px; width: 32px; height: 32px; }
    a.footerSocialIcons.twitter { background-position: 0 -132px; width: 32px; height: 32px; }
    a.footerSocialIcons.twitter:hover { background-position: 0 -165px; width: 32px; height: 32px; }

/** pphSocial icons */
.pphSocial {
    background: url(/images/icons/pphSocial.png) no-repeat top left;
    display: inline-block;
    position: relative;
}
.pphSocial.facebook16 { background-position: 0 -66px; width: 16px; height: 16px;  }
.pphSocial.linkedin16 { background-position: 0 -362px; width: 16px; height: 16px; }
.pphSocial.twitter16  { background-position: 0 -658px; width: 16px; height: 16px; }
.pphSocial.facebook32 { background-position: 0 -214px; width: 32px; height: 32px; }
.pphSocial.linkedin32 { background-position: 0 -510px; width: 32px; height: 32px; }
.pphSocial.twitter32  { background-position: 0 -806px; width: 32px; height: 32px; }

.pphSocial.facebook-signup { background: url(/images/buttons/facebook_signup_btn.png) no-repeat top left; width: 151px; height: 22px; }
.pphSocial.linkedin-signup { background: url(/images/buttons/linkedin_signup_btn.png) no-repeat top left; width: 141px; height: 22px; }

/* sub-menu navigation icons - used in user account pages */
.pphSubNavIcons {
    position:relative;
    background: url(/images/icons/pphIcons.png) no-repeat top left;
    display: inline-block;
    width: 32px;
    height: 32px;
    cursor:pointer;
}
    .pphSubNavIcons.bids{ background-position: 0 0;}
    a:hover .pphSubNavIcons.bids{ background-position: 0 -66px;}
    a.current .pphSubNavIcons.bids{ background-position: 0 -33px;}
    .pphSubNavIcons.dashboard{ background-position: 0 -99px;}
    a:hover .pphSubNavIcons.dashboard{ background-position: 0 -165px;}
    a.current .pphSubNavIcons.dashboard{ background-position: 0 -132px;}
    .pphSubNavIcons.feedback{ background-position: 0 -198px;}
    a:hover .pphSubNavIcons.feedback{ background-position: 0 -264px;}
    a.current .pphSubNavIcons.feedback{ background-position: 0 -231px;}
    .pphSubNavIcons.jobs{ background-position: 0 -297px;}
    a:hover .pphSubNavIcons.jobs{ background-position: 0 -363px;}
    a.current .pphSubNavIcons.jobs{ background-position: 0 -330px;}
    .pphSubNavIcons.messages{ background-position: 0 -396px;}
    a:hover .pphSubNavIcons.messages{ background-position: 0 -462px;}
    a.current .pphSubNavIcons.messages{ background-position: 0 -429px;}
    .pphSubNavIcons.payments{ background-position: 0 -495px;}
    a:hover .pphSubNavIcons.payments{ background-position: 0 -561px;}
    a.current .pphSubNavIcons.payments{ background-position: 0 -528px;}
    .pphSubNavIcons.profile{ background-position: 0 -594px;}
    a:hover .pphSubNavIcons.profile{ background-position: 0 -660px;}
    a.current .pphSubNavIcons.profile{ background-position: 0 -627px;}
    .pphSubNavIcons.settings{ background-position: 0 -693px;}
    a:hover .pphSubNavIcons.settings{ background-position: 0 -759px;}
    a.current .pphSubNavIcons.settings{ background-position: 0 -726px;}
    .pphSubNavIcons.network{ background-position: 0 -792px;}
    a:hover .pphSubNavIcons.network{ background-position: 0 -858px;}
    a.current .pphSubNavIcons.network{ background-position: 0 -825px;}

.ico { padding-left: 19px; background: url(/images/icons/pphMainNavIcons.png) no-repeat top left;}
    .ico.accountIco { background-position: 0 -1px;}
    a:hover .ico.accountIco { background-position: 0 -20px;}
    .here a .ico.accountIco { background-position: 0 -40px;}
    .ico.freelancerIco { background-position: 0 -59px;}
    a:hover .ico.freelancerIco { background-position: 0 -78px;}
    .here a .ico.freelancerIco { background-position: 0 -97px;}
    .ico.homeIco { background-position: 0 -116px;}
    a:hover .ico.homeIco { background-position: 0 -135px;}
    .here a .ico.homeIco { background-position: 0 -154px;}
    .ico.howitworksIco { background-position: 0 -173px;}
    a:hover .ico.howitworksIco { background-position: 0 -192px;}
    .here a .ico.howitworksIco { background-position: 0 -211px;}
    .ico.jobsIco { background-position: 0 -229px;}
    a:hover .ico.jobsIco { background-position: 0 -248px;}
    .here a .ico.jobsIco { background-position: 0 -268px;}
    .ico.postajobIco { background-position: 0 -286px;}
    a:hover .ico.postajobIco { background-position: 0 -305px;}
    .here a .ico.postajobIco { background-position: 0 -324px;}

    .ico.quote-start { background-position: 0 -395px; }
    .ico.quote-end { background-position: 0 -378px; }
    .ico.go-down { background-position: 0 -340px; }
    .ico.go-right { background-position: 0 -352px; }
    .ico.go-up { background-position: 0 -364px; }
    .ico.editIco { background-position: 0 -437px; padding-left: 16px; }
    .ico.commentIco { background-position: 0 -409px; padding-left: 16px; }
    .ico.addIco { background-position: 0 -450px; padding-left: 14px; }
    .ico.removeIco { background-position: 0 -423px; padding-left: 10px; }

.ico.categ { padding-left: 16px; background: url(/images/icons/categoriesIcons.png) no-repeat top left;}
    .ico.categ.databases { background-position: 4px 0px; }
    .ico.categ.mobile { background-position: 6px -13px; }
    .ico.categ.computer { background-position: 3px -51px; }
    .ico.categ.custom { background-position: 4px -168px; }
    .ico.categ.language { background-position: 4px -39px; }
    .ico.categ.programming { background-position: 3px -65px; }
    .ico.categ.writing { background-position: 5px -26px; }
    .ico.categ.networking { background-position: 3px -78px; }
    .ico.categ.sales { background-position: 5px -90px; }
    .ico.categ.design { background-position: 5px -103px; }
    .ico.categ.accounting { background-position: 5px -116px; }
    .ico.categ.secretarial { background-position: 5px -130px; }
    .ico.categ.operation { background-position: 5px -143px; }
    .ico.categ.management { background-position: 4px -156px; }


/* deprecated: we need a sprite! */
.popup_icon {background: url('/images/icons/popup.gif') no-repeat 100% 50%;padding-right: 13px;}
.icon_success {padding-left: 18px; background:url("/images/icons/tick.png") no-repeat center left;}
.icon_money {padding-left: 19px; background:url("/images/icons/money.png") no-repeat center left;}
.icon_refund {padding-left: 19px; background:url("/images/icons/sagepayRefundPartial.png") no-repeat center left;}
.icon_repeat {padding-left: 19px; background:url("/images/icons/sagepayRepeat.png") no-repeat center left;}
.icon_refresh {padding-left: 19px; background:url("/images/icons/refresh.png") no-repeat center left;}
.icon_email {padding-left: 18px; background:url("/images/icons/email.png") no-repeat center left;}
.icon_info {padding-left: 18px; background:url("/images/icons/info.png") no-repeat center left;}
.icon_delete {padding-left: 18px; background:url("/images/icons/bin.png") no-repeat center left;}
.icon_client {padding-left: 18px; background:url("/images/icons/user_client.png") no-repeat center left;}
.icon_freelancer {padding-left: 18px; background:url("/images/icons/user_freelancer.png") no-repeat center left;}
.icon_dual {padding-left: 18px; background:url("/images/icons/user_dual.png") no-repeat center left;}
.icon_validationError {padding-left: 16px; background:url("/images/icons/errorMark.gif") no-repeat center left;}
.icon_add {padding-left: 18px; background:url("/images/icons/add.png") no-repeat center left;}
.icon_exclamation {padding-left: 18px; background:url("/images/icons/exclamation.png") no-repeat center left;}
.icon_pdf {padding-left: 18px; background:url("/images/icons/page_white_acrobat.png") no-repeat center left;}
.icon_inactivatejob {padding-left: 18px; background:url("/images/icons/inactivateJob.png") no-repeat center left;}
.icon_inactivateclient {padding-left: 18px; background:url("/images/icons/inactivateClient.png") no-repeat center left;}
.icon_markfraud {padding-left: 18px; background:url("/images/icons/markClientFraudulent.png") no-repeat center left;}
.icon_connected_with {padding-left: 18px; background:url("/images/icons/connected_wall_icon.png") no-repeat center left;}
.icon_job_bid {padding-left: 18px; background:url("/images/icons/bid_wall_icon.png") no-repeat center left;}
.icon_job_win {padding-left: 18px; background:url("/images/icons/job_wall_icon.png") no-repeat center left;}
.icon_fundstransfer {padding-left: 18px; background:url("/images/icons/fundstransfer.png") no-repeat center left;}
.icon_withdrawal {padding-left: 18px; background:url("/images/icons/withdrawal.png") no-repeat center left;}
.icon_tooltip {display: inline-block; height: 13px;padding-left: 18px; background:url("/images/icons/tooltip.png") no-repeat center left;}
.icon_edit { padding-left: 18px; background:url("/images/icons/wrench.png") no-repeat center left; }
.icon_invite { padding-left: 18px; background:url("/images/icons/user_add.png") no-repeat center left; }
.icon_pause { padding-left: 18px; background:url("/images/icons/pauseIcon.png") no-repeat center left; }
/* badges */
.topRankedBadge {
    background: url(/images/badges/csg-4cffa876effca.png) no-repeat top left;
    position:relative;
    color:#ff7400;
    font-weight:bold;
    text-shadow: 0.1em 0.1em #333;
    text-align:center;
    font-size:12px;
}
    .badge_big {
        width:150px;
        height:110px;
        background-position: 0 -283px; width: 150px; height: 110px;
    }
    .badge_big span { position:relative; top:68px; }

    .badge_medium {
        width:100px;
        height:73px;
        background-position: 0 -160px; width: 100px; height: 73px;
    }
    .badge_medium span { position:relative; top:31px; }

    .badge_small {
        width:50px;
        height:37px;
        background-position: 0 -430px; width: 65px; height: 49px;
    }
    .badge_small span { position:relative; top:28px; font-size: 9px; }

.membershipBadge {
    /* convert the existing way of getting the image! */
}
    .mt_small { width: 50px; }

/* the social bookmark box */
#socialBookmarkBox { border: 1px solid #E1E1E1; padding: 10px; }
#socialBookmarkBox img { vertical-align: middle; margin: 0 5px 0 0; }
#socialBookmarkBox a { margin: 0 5px 0 0; }
#socialBookmarkBox > div { margin-top: 10px; }

/* the login box */
#loginBox { border: 1px solid #E1E1E1; padding: 10px 50px; width: 380px; text-align: center; }
#loginBox div > label { display: block; width: 100px; text-align: right; float: left; line-height: 24px; margin-right: 10px; font-weight: bold; }
#loginBox div > input { display: block; float: left; text-align: left; width: 180px; }
#loginBox div { clear: both; }

/* the registration form */
input[type=radio].mem_type { margin: 0 0 10px 0; }
span.radio-text { display: inline-block; margin-bottom: 8px; }
.select-acc-type { margin-bottom: 5px; }

/* social buttons in login box */
.login-form-cont { position: relative; }
.social-btns-cont { position: absolute; left: 185px; bottom: 3px; padding-left: 15px; width: 110px; left: 205px; }
.social-btns-cont .or-keyword { position: absolute; left: 0; bottom: 0; font-size: 1.5em; font-weight: bold; height: 32px; line-height: 32px; display: block; }
/*social buttons for login PopUps */
.social-button{display: block; width:189px; height:41px;background: url('/css/backgrounds/social_buttons.png') no-repeat;}
.social-button.facebook{background-position: 0 -42px;}
.social-button.linkedIn{background-position: 0 0;}

/* article list / search result styles*/
#results { float:left; width:710px; margin:0; padding:0; }
.proInResults { width:710px;border:1px solid white;border-bottom: 1px solid #E1E1E1;padding-top:5px; }

/* comments */
.commentRow { padding: 10px 5px 0; }
.commentRow > img { margin: 0 10px 10px 0; float: left; }

/* common site footer */
#container_tail {clear: both; margin-top: 60px; padding: 30px 0; background-color:#F3F3F3; width:100%;}
#footerContainer {width:950px; margin: 0 auto;}
#footerContainer ul{ margin:0; padding:0;text-align:left;list-style:none;float:left; width:160px;}
ul#socialFooter { float:right; width: 120px}
#footerContainer li{ font-size:14px; font-weight: bold; color:#4E4E4E}
#footerContainer li a{ font-size:12px; font-weight:normal; color:#2A4B90; text-decoration:none;}
#footerContainer li a:hover{  color:#F26724}
.footerHeading {margin-bottom:3px;}
#copyright{clear:both;font-size:10px;color:#4E4E4E;padding-top:20px;text-align:left;}

/* BEGIN LISTS */
/* ticklist */
ul.ticklist {
    padding: 0px;
    margin: 0px;
}
ul.ticklist > li {
    background: url(/images/icons/tick.png) left top no-repeat;
    padding-left:25px;
    margin: 5px 0;
    list-style: none;
}
ul.nobullets {margin:0;padding:0}
.nobullets > li {list-style:none}
ul.compact, ol.compact {margin:0;padding:0 0 0 2em;}
/* END LISTS */

/* specials */

.feedbackRating {width:75px;height:14px;background:transparent url('/images/icons/stars.png') no-repeat 0 0;}
.earningsRating {width:118px;height:10px;background:transparent url('/images/earningsScore.png') no-repeat 0 0;}

/* Form validation errors */
form .error, form .success {padding:0;margin-bottom:0;border:0;background:transparent}
label.error, label.success {border:0;background:transparent}
input.error, input.success {padding:3px}
span.validationError, label.validationError, a.validationError, div.validationError, div.errorMessage {font-size: 90%; color: red;padding-left: 18px; background:url("/images/icons/errorMark.gif") no-repeat center left; display: block;}
input.validationError, textarea.error, input.error, select.error {border: 2px solid red;}

/* Top-right Community drop-down menus */
div.topnavWrap {
    z-index:930;
    border:1px solid red;
    height:30px;
}
div.topnavWrap ol {margin:0;padding:0;border:0;}
div.topnavWrap ul {margin:0;padding:0;border:0;}
div.topnavWrap li {margin:0;padding:0;border:0;}
ul.topnav {
    padding:0px; margin:0px; list-style:none; z-index:940;
    text-align:left;
}
ul.topnav > li {
    background: transparent url(/images/icons/horiz-menu-vert-div.jpg) no-repeat 100% 2px;
    list-style:none;
    z-index:950;
    float:left;
    position:relative;
    display:block;
    zoom:1;
    border:1px solid white;
    margin:0px 4px;
    height: 21px;
}
ul.topnav > li.login { background: none; padding-right: 0; }
ul.topnav > li.facebook { width: 16px; padding-right: 5px; }
ul.topnav > li.linkedin { background: transparent url(/images/icons/horiz-menu-vert-div.jpg) no-repeat 100% 2px; padding-right: 15px; width: 16px; }
.topnav > li.social-icon a {
   background: url('/images/icons/headerSocialIcons.png') no-repeat top left;
   display: inline-block;
   width: 16px; height: 16px;
   position: absolute;top: 1px;
}
.topnav > li.social-icon.facebook a { background-position: 0 -17px; }
.topnav > li.social-icon.linkedin a { background-position: 0 -50px; }

ul.topnav > li.ntab {
    background: transparent url(/images/icons/horiz-menu-vert-div.jpg) no-repeat 100% 2px;
    list-style:none;
    z-index:950;
    float:left;
    position:relative;
    display:block;
    zoom:1;
    border:1px solid white;
    padding: 0;
    margin:0px 4px;
}
ul.topnav > li.ntab.last { background: none;  }
ul.topnav > li span.navtext {
    padding:1px 4px 1px 2px;
    z-index:990;
    display:inline-block;
    position:relative;
    cursor:pointer;
    margin:0px;
    padding-right: 10px;
    height: 16px;
}

ul.topnav > li.ntab span.navIco {
    padding:0px 2px 0px 0px;
    margin:0px;
    display:inline-block;
    position:relative;
    z-index:990;
    background:url('/images/dropdown_blue.png') 0px 7px no-repeat;
    width:12px;
}

ul.topnav > li.ntab:hover span.navIco {
    margin:0px;
    display:inline-block;
    position:relative;
    z-index:990;
    background:url('/images/dropdown_orange.png') 0px 7px no-repeat;
}

ul.topnav > li.ntab:hover {
    zoom:1;
    z-index:995;
    border:1px solid #808080;
    border-bottom:none;
    position:relative;
    list-style:none;
    display:block;
    background: white;
    -moz-box-shadow:0 3px 10px #888888;
    -webkit-box-shadow: 0 3px 10px #888888;
    box-shadow:0 3px 10px #888888;
}

ul.topnav > li.ntab:hover span.navtext {
    background-color: white;
    z-index:990;
    padding-bottom: 5px;
}

ul.topnav > li.ntab ul.subMenu{
    zoom:1;
    z-index:940;
    position:relative;
    display:none;
    padding:0px 0px;
    margin:0px;
    font-size:12px;
    background: white;
    text-align: left;
    -moz-box-shadow:0 6px 10px #888888;
    -webkit-box-shadow: 0 6px 10px #888888;
    box-shadow:0 6px 10px #888888;
}

ul.topnav > li.ntab:hover ul.subMenu {
    /* extra space to the right for the submenu - expansion of right border of submenu visible */
    padding:4px 20px 0px 0px;
    margin:0px;
    zoom:1;
    display:block;
    position:absolute;
    left:-1px;
    top:19px;
    border:1px solid #808080;
    width:100%;
}

ul.topnav > li.ntab ul.subMenu li {
    z-index:970;
    position:relative;
    list-style:none;
    padding:0px 10px 2px 5px;
    width:110%;
}

ul.topnav > li.ntab ul.subMenuNC {
    zoom:1;
    z-index:960;
    position:relative;
    display:none;
    padding:0px;
    margin:0px;
    font-size:12px;
    background: white;
    text-align: left;
    -moz-box-shadow:0 6px 10px #888888;
    -webkit-box-shadow: 0 6px 10px #888888;
    box-shadow:0 6px 10px #888888;
}

ul.topnav > li.ntab ul.subMenuNC li {
    z-index:970;
    position:relative;
    list-style:none;
    padding:0px 10px 2px 5px;
    width:110%;
}

ul.topnav > li.ntab:hover ul.subMenuNC {
    /* extra space to the right for the submenu - expansion of right border of submenu visible */
    padding:4px 0px 0px 0px;
    margin:0px;
    zoom:1;
    display:block;
    position:absolute;
    left:-1px;
    top:19px;
    border:1px solid #808080;
    width:100%;
    z-index:100;
}

/* New top right nav bar - Another copy of the following code is on style.css */

/* NEW HEADER */
/*--------------------------------------------------------------**
* Metrics - Header Navigation
**--------------------------------------------------------------*/
.headercon{
    margin-bottom:25px;
}
.pHeader {
    width:950px;
    margin:0 auto;
}
.pHeaderNavigation {
    text-align: right;
    padding: 10px 0;
    position: absolute;
    top: 0;
    right: 0;
}
.pHeaderNavigation > ul {
    padding:0px;
    margin:0;
    list-style:none;
    text-align:left;
    z-index:940;
}
.pHeaderNavigation > ul > li {
    zoom:1;
    list-style:none;
    float:left;
    position:relative;
    display:block;
    border:1px solid white;
    padding: 0;
    margin:0px;
    height: 21px;
    z-index:950;
    border-left:0;
}

.pHeaderNavigation a.pHeaderNavigationLink {
    margin:1px -1px 6px 0px;
    z-index:990;
    display:inline-block;
    position:relative;
    cursor:pointer;
    padding:0 10px 1px 9px;
    height: 15px;
    line-height:15px;
    overflow:hidden;
    border-right:1px solid white;
    vertical-align: top;
}
.pHasSubmenu a.pHeaderNavigationLink{
    padding:0 10px 1px 21px;
}
.pHasSubmenu:hover .pHeaderNavigationLink{
    padding-right:9px;
}
.pHeaderMyAcc a.pHeaderNavigationLink{
    padding:0 9px 1px 16px;
    background-position:3px 7px;
}
.pHeaderMyAcc:hover .pHeaderNavigationLink{
    padding:0 8px 1px 16px;
}
.pHeaderNavigation a.pSeparated {
    border-right:1px solid #174B81;
}
.pHeaderNavigation a.pFullSeparated {
    border-right:1px solid #174B81;
    border-left:1px solid #174B81;
    padding-left: 9px;
}
.pHeaderNavigation > ul > li.pHasSubmenu {
    padding-left:0px;
}
.pHeaderNavigation > ul > li.pHasSubmenu:hover {
    zoom:1;
    z-index:995;
    border:1px solid #b8b8b8;
    border-bottom:none;
    position:relative;
    left:-1px;
    display:block;
    padding-top:5px;
    top:-5px;
    -moz-box-shadow:0 3px 10px #888;
    -webkit-box-shadow: 0 3px 10px #888;
    box-shadow:0 3px 10px #888;
}
.pHeaderNavigation > ul > li.pHasSubmenu:hover a.pHeaderNavigationLink{
    border-right:1px solid #b8b8b8;
    padding-bottom: 4px;
}
.pHeaderNavigation > ul > li.pHasSubmenu > ul{
    zoom:1;
    z-index:940;
    list-style:none;
    position:relative;
    display:none;
    padding:0px 0px;
    margin:0px;
    text-align:left;
    -moz-box-shadow:0 6px 10px #888;
    -webkit-box-shadow: 0 6px 10px #888;
    box-shadow:0 6px 10px #888;
}
.pHeaderNavigation > ul li.pHasSubmenu:hover ul{
    /* extra space to the right for the submenu - expansion of right border of submenu visible */
    padding:10px;
    min-width:123%;
    margin:0px;
    zoom:1;
    display:block;
    position:absolute;
    left:-1px;
    top:19px;
    border:1px solid #b8b8b8;
    margin-top:5px;
}
.pHeaderNavigation > ul li.pHasSubmenu:hover ul li {
    display: block;
    z-index:970;
    padding-left: 12px;
    position:relative;
    list-style:none;
}
.pHeaderNavigation > ul li.pHeaderMyAcc.pHasSubmenu:hover ul li {
    padding-left:25px;
}
.pHeaderNavigation a.pIcon {
    display:block;
    margin: 1px 5px 0 5px;
    width: 16px;
    height: 16px;
}
.pHeaderNavigation > ul > li.pHasSubmenu a.pHeaderNavigationLink span.pIcon.pDropDownBeak {
    display:block;
    float:left;
    margin-top:7px;
    width: 8px;
    height: 4px;
    margin-right: 6px;
}
.pHeaderNavigation .pHeaderPostJob {
    position: relative;
    margin-left: -1px;
}
.pHeaderNavigation .pHeaderPostJob img {
    margin-top:-2px;
}
.pHeaderNavigation > ul > li.pHeaderMyAcc:hover > ul{
    min-width: 100%;
    width: 159px;
}
.pHeaderNavigation > ul > li.pHasSubmenu a.pHeaderNavigationLink{
    max-width: 270px;
    white-space: nowrap;
}
.pHeaderNavigation li.pHeaderMyAcc span {
    display: block;
    float: left;
    height: 15px;
    padding-bottom: 5px;
    padding-left:4px;
    margin-top:-1px;
    border-bottom:1px solid #fff;
    position: relative;
    width: 15px;
    z-index: 990;
}
.pHeaderNavigation .pHeaderMyStars a.pHeaderNavigationLink {
    margin-top: -1px;
    padding-bottom: 1px;
    padding-left: 33px;
    padding-top: 2px;
}
.pHeaderNavigation a.pIcon.pFacebook{
    margin-left:0;
}
.pHeaderNavigation a.pIcon.pLinkedin {
    margin-left:3px;
    margin-right:10px;
}
.pHeaderSeperator {
    background-color: #EBF6FF;
    height: 1px;
    left: 0;
    margin-top: 50px;
    position: absolute;
    top: 0;
    width: 100%;
}
/*--------------------------------------------------------------*
 * My Stars submenu
 *--------------------------------------------------------------*/

/* Logged-in  or WITH    any starred members */
.pHeaderNavigation > ul > li.pHeaderMyStars:hover > ul {
    width: 105px;
}
.pHeaderNavigation > ul li.pHasSubmenu.pHeaderMyStars:hover ul li {
    padding-left: 23px;
}
.pHeaderNavigation .pHeaderMyStars a.pHeaderNavigationLink {
    margin-top: -1px;
    padding-bottom: 1px;
    padding-left: 33px;
    padding-top: 2px;
}
.pHeaderNavigation .pHeaderMyStars a span{
    float:right;
    padding-right: 0px;
}
/* Logged-out or WITHOUT any starred members */
.pHeaderNavigation > ul > li.pHeaderMyStars.loggedOut:hover > ul {
    width: 200px;
}
.pHeaderNavigation > ul > li.pHeaderMyStars.loggedOut:hover > ul > li {
    background: url('/images/icons/tick.png') no-repeat 5px top transparent;
    font-size: 12px;
    margin-bottom: 4px;
    padding-left: 30px;
    text-align: justify;
}
.pHeaderNavigation > ul > li.pHeaderMyStars.loggedOut > ul > li.header {
    background: none;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 5px;
    text-transform: inherit;
}
.pHeaderNavigation > ul > li.pHeaderMyStars.loggedOut > ul > li.title {
    background: none;
    padding-left: 5px;
}
.pHeaderNavigation > ul > li.pHeaderMyStars.loggedOut > ul > li.header span {
    color: #F05D18;
    font-size: 12px;
    position: absolute;
    left: 75px;
    top: -7px;
}

/*--------------------------------------------------------------**
* Icons & Backgrounds - Header Navigation
**--------------------------------------------------------------*/
.pHeaderNavigation a.pIcon.pFacebook, .pHeaderNavigation a.pIcon.pLinkedin { background: url('/images/icons/headerSocialIcons.png') no-repeat top left; }
.pHeaderNavigation a.pIcon.pFacebook{ background-position: 0 -17px; }
.pHeaderNavigation a.pIcon.pLinkedin{ background-position: 0 -50px; }
.pHeaderNavigation > ul > li.pHasSubmenu a.pHeaderNavigationLink span.pIcon.pDropDownBeak { background:url('/images/dropdown_blue.png') 0 0 no-repeat; }
.pHeaderNavigation > ul > li.pHasSubmenu:hover a.pHeaderNavigationLink span.pIcon.pDropDownBeak { background:url('/images/dropdown_orange.png') 0 0 no-repeat; }
.pHeaderNavigation > ul > li.pHasSubmenu:hover a.pHeaderNavigationLink { background-color: white; }
.pHeaderNavigation > ul > li.pHasSubmenu > ul { background: white; }
.pHeaderNavigation li.pHeaderMyAcc span { background: url('/images/icons/homepage_sprite.png') no-repeat scroll 7px -3px #fff; }
.pHeaderNavigation .pHeaderMyAcc:hover span { background-position: 7px -23px; }
.pHeaderNavigation .pHeaderMyStars a.pHeaderNavigationLink { background: url('/images/icons/homepage_sprite.png') no-repeat scroll 11px -45px #fff; }
.pHeaderNavigation li.pHeaderMyAcc ul li.pHeaderSelected{background: url('/images/icons/homepage_sprite.png') no-repeat scroll 10px -74px transparent;}
.pHasSubmenu a.pHeaderNavigationLink{background:url("/images/dropdown_blue.png") no-repeat 9px 7px #fff;}
.pHasSubmenu:hover .pHeaderNavigationLink{background-image:url("/images/dropdown_orange.png");}
.pHasSubmenu.pHeaderMyAcc a.pHeaderNavigationLink{background-position:4px 7px;}
/*--------------------------------------------------------------**
* Typografy - Header Navigation
**--------------------------------------------------------------*/
.pHeaderNavigation a {
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
}
.pHeaderNavigation > ul > li.pHasSubmenu a.pHeaderNavigationLink{
    color:#0E4B82;
}
.pHeaderNavigation > ul > li.pHasSubmenu:hover a.pHeaderNavigationLink{
    color:#F26724;
}
.pHeaderNavigation > ul > li.pHasSubmenu > ul{
    font-size:12px;
}
.pHeaderNavigation .pHeaderMyStars a span{
    font-weight:normal;
}
.pHeaderNavigation .pHeaderMyStars a.pHeaderNavigationLink {
    font-weight: normal;
    font-size:0.9em;
}

.navCurrencies a {
    font-weight: normal;
}

.navCurrencies a img {
    vertical-align: -1px;
    margin-right: 3px;
}

.pHeaderNavigation > ul > li.navCurrencies ul {
    width: 140px;
}

.inline { display: inline; }

/* /NEW HEADER */
.videobox, .videoboxSmall { padding:10px;background-color:#F1F1F1;position:relative; }
.videoLabel, .videoLabel3, .videoLabel4, .videoLabel5, .videoLabel6 { color:#444; font-size:1.2em; position:absolute; left:11px; background:#666; color:#fff; padding:5px; font-weight:bold; opacity:0.9; }
.videoLabel { top: 10px; }
.videoLabel2, .videoLabel2:hover { bottom:65px; color:#000000; font-size:1.1em; left:20px; position:absolute; }
.videoLabel3 { bottom: 38px;}
.videoLabel4 { font-size: 1em; bottom: 32px;}
.videoLabel5 { bottom: 28px; font-size: 1em;}
.videoLabel6 { top: 10px; font-size: 1em;}


/*  ####################################################################
    ####################################################################
    ####################################################################
    ####################################################################
    ####################################################################
    ##                                                                ##
    ##                                                                ##
    ##        THE FOLLOWING CLASSES WERE CUT/PASTED FROM pph.css     ##
    ##                                                                ##
    ##                                                                ##
    ####################################################################
    ####################################################################
    ####################################################################
    ####################################################################
    ####################################################################
*/


/************************************************************************
 *  GENERIC STYLES
 *
 *  Styles in this file will be reused across the complete site. So only
 *  put very generic styles here. All classnames should be prefixed with "p".
 *
 *  See Wiki - YiiCss#a1.Genericclasses
 */

/*--------------------------------------------------------------**
**--------------------------------------------------------------**
* Page Content
**--------------------------------------------------------------**
**--------------------------------------------------------------*/

/* This is defined on the parent container of pSideBar in order to have it stretch to the full container height */
.pSeparator {background: url("/css/backgrounds/vertical_line_176px.gif") repeat-y top left transparent;}
.container .pSeparator3Cols {background: url("/css/backgrounds/vertical_line_176_776px.gif") repeat-y top left transparent;}

.pLeftBorder{
    padding-left: 25px;
}

/* Must fit in span-5 last + Gutter - i.e. 175px (note: We brake Blueprint Rules here to gain some space for left column (only!) ) */
.pSideBar {
    width: 175px;
    float:left;
}

.pSideBarBlock {
    position:relative;
    border-bottom: 1px dotted #CCC;
    margin: 10px 0;
    padding-bottom: 15px;
    word-wrap: break-word;
}

.pSideBarBlock.pFirst {
    margin-top: 0;
}
.pSideBarBlock.pLast {
    border-bottom: 0;
}
.pSideBarBlock ul.pBullets {
    padding-left:20px;
    margin: 0px;
}
/**
 * LISTS
 */
.pList {
    margin-bottom: 25px;
}
.pList h1 {
    background: #F3F1F2;
    margin: 0;
    padding: 6px 10px;
}
.pList h1 .subtitle {
    font-size: 15px;
}
.pList span.empty {
    display: block;
    padding: 14px 10px;
}

.pSideContentBlock .pList {
    background: transparent;
    position:relative;
    width: 100%;
    float:right;
}
.pList .pPagination{
    display:block;
    width: 100%;
    float:right;
    margin-top: 30px;
}
.pListRow{
    border: 1px solid white;
    z-index: 100;
}
.pListRow.pSeparated{
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
}
.pSideContentBlock .pListRow.last-item,
.pSideContentBlock .pForumTopic .pListRow.last-item,
.pListRow.last-item {
    border-bottom: 0;
}
.pSideContentBlock .pListRow.first-item {
    border-top: 1px dotted #CCC;
}
.pSideContentBlock .pListHeader, .pSideContentBlock .pListRow{
    position:relative;
    padding: 9px;
    float:right;
    width: 730px;
    position:relative;
    float:left;
}
.pSideContentBlock .pForumTopic .pListRow {
    border-bottom: 1px dotted #ccc;
}
.pSideContentBlock .pListHeader {
    border: 1px solid #F3F1F2;
    background: #F3F1F2;
    font-weight: 700;
    font-size: 12px;
    z-index: 110;
}
.pInnerContent .pBox .pSubBox.pJobMain{
    width:557px;
    border-right: 1px solid #CCC;
    overflow:hidden;
}
.pSideContentBlock .pListColumn {
    position:relative;
    float:left;
    word-wrap: break-word;
}
.pSideContentBlock .pListColumn.pSeparated {
    margin-left: -1px;
    border-left: 1px solid #E8E8E8;
    padding-left: 9px;
    border-right: 1px solid #E8E8E8;
    padding-right: 9px;
}
.pSideContentBlock .pListColumn.pSeparated.pFirst {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
}
.pSideContentBlock .pListColumn.pSeparated.pLast {
    border-right: 0;
    padding-right: 0;
}
span.pSortedIcon {
    display: inline-block;
    float:right;
    background:transparent;
    width:10px;
    height:10px;
    margin-top:4px;
    margin-left:4px;
}
.pListColumn.sSortedAsc span.pSortedIcon, .pListColumn.sSortedDesc span.pSortedIcon{
    background:url('/css/images/new_arrows.png') no-repeat;
}
.pListHeader .pListColumn.sSortedAsc a,.pListHeader .pListColumn.sSortedDesc a {
    display: inline-block;
}
.pListHeader .pListColumn.sSortedAsc a span.pSortedIcon {
    background-position: 0 0px;
}
.pListHeader .pListColumn.sSortedDesc a span.pSortedIcon {
    background-position: 0 -10px;
}
.pListHeader .pListColumn.sSortedAsc a:hover span.pSortedIcon {
    background-position: 0 -40px;
}
.pListHeader .pListColumn.sSortedDesc a:hover span.pSortedIcon {
    background-position: 0 -51px;
}
.pListHeader > a {
    float:left;
    line-height:11px;
    margin-top:5px;
    margin-left:10px;
    font-size: 11px;
    font-weight: 400;
}
/**
 * ICONS
 */
.pIcon {
    display: inline-block;
    background: none no-repeat scroll 0 0 transparent;
    overflow:hidden;
    position: relative;
    vertical-align: top;
}
.starHidden.pIcon.favouritesStar {
    visibility: hidden;
}
.pIcon.favouritesStar {
    height: 16px;
    width: 15px;
}
.pIcon.favouritesStar.medium {
    height: 20px;
    width: 20px;
}
.pIcon.favouritesStar.large {
    height: 25px;
    width: 26px;
}
.pIcon.favouritesStar.selected {
    background-image: url("/css/icons/mystars_star_selected.png");
}
.pIcon.favouritesStar.unselected {
    background-image: url("/css/icons/mystars_star_open.png");
}
.pIcon.favouritesStar.selected.medium {
    background-image: url("/css/icons/shortlist_selected_medium.png");
}
.pIcon.favouritesStar.unselected.medium {
    background-image: url("/css/icons/shortlist_open_medium.png");
}
.pIcon.favouritesStar.selected.large {
    background-image: url("/css/icons/mystars_selected_large.png");
}
.pIcon.favouritesStar.unselected.large {
    background-image: url("/css/icons/mystars_open_large.png");
}
/**
 * ICONS - Status specific
 */
.pIcon.status-job-urgent {
    width:59px;
    height:16px;
    background: url("/css/icons/status-job-urgent.png") no-repeat left top transparent;
}
.pIcon.status-job-private {
    width:12px;
    height:16px;
    background: url("/css/icons/status-job-private.png") no-repeat left top transparent;
}
.pIcon.status-job-featured{
    width:78px;
    height:23px;
    background: url("/css/icons/status-job-featured.png") no-repeat left top transparent;
}

/**
 * ICONS - Generic
 */
.pIcon.pMemberSince {
    margin-right:5px;
    height: 19px;
    width: 20px;
    background:url("/css/images/member_since.jpg") no-repeat left top transparent;
}
.pIcon.pContributions {
    margin-right:5px;
    height: 17px;
    width: 20px;
    background:url("/css/images/contributions.jpg") no-repeat left top transparent;
}
.pIcon.positive {
    width:17px;
    height:18px;
    background: url("/css/icons/icon-generic-thumb_up.png") no-repeat left top transparent;
}
.pIcon.negative {
    width:17px;
    height:18px;
    background: url("/css/icons/icon-generic-thumb_down.png") no-repeat left top transparent;
}

/**
 * Icons - flaggable
 */
.pIcon.flaggable {
    width:17px;
    height:18px;
    background: url("/css/icons/flag_grey.png") no-repeat left top transparent;
}
.pIcon.flaggable.flagged, .pIcon.flaggable:hover {
    width:17px;
    height:18px;
    background: url("/css/icons/flag_hover.png") no-repeat left top transparent;
}
/*--------------------------------------------------------------**
**--------------------------------------------------------------**
* Page Content
**--------------------------------------------------------------**
**--------------------------------------------------------------*/

.pMain h1,.pMain h2,.pMain div {
    word-wrap: break-word;
}
.pSideContentBlock {
    word-wrap: break-word;
    background: transparent;
    position:relative;
    width: 100%;
    float:right;
    border: 1px solid white;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.pSideContentBlock > h1{
    display:inline-block;
    float:left;
    margin-right:10px;
}
.pSideContentBlock > h2{
    display:inline-block;
    float:left;
}
.pSideContentBlock a.pNavigationLink > span{
    display:inline-block;
    background:url('/css/images/new_arrows.png') no-repeat;
    background-position: 0 -30px;
    width:10px;
    height:10px;
}
.pSideContentBlock a.pNavigationLink:hover > span{
    background-position: 0 -70px;
}
.pSideContentBlock .pNavigationLink {
    margin-top: 5px;
    display:inline-block;
    float:left;
    line-height:9px;
}
/*--------------------------------------------------------------**
**--------------------------------------------------------------**
*  Social icons/ buttons.pPortalIframe:before
**--------------------------------------------------------------**
**--------------------------------------------------------------*/
.social-share-icons{margin-right: 10px; display:block;width:32px;height:30px;background:url('/css/backgrounds/icons-social-share.png') left center no-repeat}
.social-share-icons.fb{background-position: 0 0;}
.social-share-icons.twitter{background-position: -41px 0;}
.social-share-icons.linkedIn{background-position: -83px 0;}

/* ------ */
/*--------------------------------------------------------------**
**--------------------------------------------------------------**
*  Bubbles
**--------------------------------------------------------------**
**--------------------------------------------------------------*/
.pBubble .pBubbleContent {
    border: 1px solid #efefef;
    overflow: hidden;
    padding: 10px;
    position: relative;
}
.pBubble .arrow-up-right {
    position: absolute;
    z-index:10000;
    top: -9px;
    right: 5px;
    width:14px;
    height: 10px;
    background: url("/css/backgrounds/bubble-arrow-up.png");
}


/*--------------------------------------------------------------**
**--------------------------------------------------------------**
*  Context menu
**--------------------------------------------------------------**
**--------------------------------------------------------------*/
.pContextMenu{
    position: absolute;
    min-width: 100px;
    background: #fff;
}
.pContextMenu ul {
    -webkit-user-select: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pContextMenu li {
    margin: 0 0 0 0;
    padding: 1px;
    background-repeat: no-repeat;
}

/*--------------------------------------------------------------**
**--------------------------------------------------------------**
*  Buttons
**--------------------------------------------------------------**
**--------------------------------------------------------------*/

/* new Button*/
input.p2Button,input[type='submit'].p2Button,a.p2Button,button.p2Button{
    background: url('/css/backgrounds/p2ButtonBg.png') right center no-repeat;
    text-shadow: #6f9717 1px 1px 1px;
    border:1px solid #75a414;
    border-radius:3px;
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 3px; /* FF1-3.6 */
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
}
input.p2Button.no-arrow,input[type='submit'].p2Button.no-arrow,a.p2Button.no-arrow,button.p2Button.no-arrow{
    background: url('/css/backgrounds/p2ButtonBg.png') left center no-repeat;
}
input.p2Button.no-arrow.gray,input[type='submit'].p2Button.no-arrow.gray,a.p2Button.no-arrow.gray,button.p2Button.no-arrow.gray{
    background: url('/css/backgrounds/p2ButtonGrayBg.png') left center no-repeat;
}
input.p2Button.gray,input[type='submit'].p2Button.gray,a.p2Button.gray,button.p2Button.gray{
    background: url('/css/backgrounds/p2ButtonGrayBg.png') right center no-repeat;
    color: #333;
    border:1px solid #aaa;
    text-shadow: #fff 1px 1px 1px;
}

a.p2Button.gray:hover,a.p2Button.gray:active,a.p2Button.gray:focus,
input[type='submit'].p2Button.gray:active,input[type='submit'].p2Button.gray:hover,input[type='submit'].p2Button.gray:focus,button.p2Button.gray:focus,
input.p2Button.gray:hover, input.p2Button.gray:active, input.p2Button.gray:focus {
    color: #000;
    border-color: #000;

}

a.p2Button:hover,a.p2Button:active,a.p2Button:focus,
input[type='submit'].p2Button:active,input[type='submit'].p2Button:hover,input[type='submit'].p2Button:focus,button.p2Button:focus,
input.p2Button:hover, input.p2Button:active, input.p2Button:focus{
    cursor: pointer;
    color: #f8f8f8;
    border-color:#516b2a;
    cursor: pointer;
}

a.p2Button.span-12{width:468px}
a.p2Button.span-6{width:228px}
a.p2Button.span-5{width:188px}
.p2Button{line-height: 38px;}
.p2Button:hover,a.p2Button:active,a.p2Button:focus,
input.p2Button:hover, input.p2Button:active, input.p2Button:focus{
    cursor: pointer;
    color: #f8f8f8;
    border-color:#516b2a;
    cursor: pointer;
}
a.p2Button{height:38px;line-height: 40px; display:inline-block; padding-left: 10px; padding-right:10px;}

/* small p2Buttons*/
.p2Button.small{
    height: 32px;
    line-height: 28px;
    font-size: 13px;
    background-position: center left;
    margin-bottom: 0;
}
a.p2Button.small{line-height: 32px;height: 30px;}
.p2Button.small:hover{
    background: url('/css/backgrounds/p2Button_BG_small.png') right center repeat-x;
}
.p2Button[disabled="disabled"],.p2Button.disabled,
.p2Button[disabled="disabled"]:hover,.p2Button.disabled:hover,
.p2Button[disabled="disabled"]:active,.p2Button.disabled:active{
    opacity:0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    cursor:default;
    color:#eee;
    background: url('/css/backgrounds/p2ButtonBg.png') left center no-repeat;
    border-color: #ccc;
}
.p2Button.span-12{width:468px}
.p2Button.span-6{width:228px}
.p2Button.span-5{width:188px}

input[type="submit"].pButton,  button.pButton{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#D6D6D6');
    background: linear-gradient(top,  #EEEEEE,  #D6D6D6);
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#D6D6D6));
    background: -moz-linear-gradient(top,  #EEEEEE,  #D6D6D6);
    cursor: pointer;
    display: inline;
    font-size: 15px;
    margin: 0;
    overflow: visible;
    width:auto;
    border: 1px solid #BABABA;
    height:26px;
    line-height:22px;
    padding: 0 15px 4px;
    font-weight: normal;
    vertical-align:middle;
}
input[type="submit"].pButton:hover ,  button.pButton:hover{
    border: 1px solid black;
}
input[type="submit"].pButton.pRegister, input[type="submit"].pButton.pSave {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58A90D', endColorstr='#3A690B');
    background: linear-gradient(top,  #58A90D,  #3A690B);
    background: -webkit-gradient(linear, left top, left bottom, from(#58A90D), to(#3A690B));
    background: -moz-linear-gradient(top,  #58A90D,  #3A690B);
    border: 1px solid #4B7E17;
    color:white;
}
input[type="submit"].pButton.pRegister[disabled], input[type="submit"].pButton.pSave[disabled] {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD48A', endColorstr='#649136');
    background: linear-gradient(top,  #ADD48A,  #649136);
    background: -webkit-gradient(linear, left top, left bottom, from(#ADD48A), to(#649136));
    background: -moz-linear-gradient(top,  #ADD48A,  #649136);
    /* Emulate IE disabled button*/
    color: grey;
    text-shadow: 1px 1px white;
    cursor: default;
}
input[type="submit"].pButton.pRegister:hover, input[type="submit"].pButton.pSave:hover {
    border: 1px solid black;
}
input[type="submit"].pButton.pRegister[disabled]:hover, input[type="submit"].pButton.pSave[disabled]:hover  {
    border: 1px solid #4B7E17;
}

button.pButton.pRegister, button.pButton.pSave {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58A90D', endColorstr='#3A690B');
    background: linear-gradient(top,  #58A90D,  #3A690B);
    background: -webkit-gradient(linear, left top, left bottom, from(#58A90D), to(#3A690B));
    background: -moz-linear-gradient(top,  #58A90D,  #3A690B);
    border: 1px solid #4B7E17;
    color:white;
}
button.pButton.pRegister:hover, button.pButton.pSave:hover {
    border: 1px solid black;
}

/* Simple Button */
.simpleButton{
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    line-height: 44px;
    height: 44px;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color:#0d4b81;
    border-radius:3px;
}
a.simpleButton{
    line-height: 46px;
    height:42px;
}
.simpleButton:hover{
    cursor: pointer;
    background: #f0f0f0;
    color:#0d4b81;
}
.simpleButton:active{
    background: #dedede;
    color:#0d4b81;
}


/*--------------------------------------------------------------**
**--------------------------------------------------------------**
* Forms
**--------------------------------------------------------------**
**--------------------------------------------------------------
.pMain textarea, .pMain input {
    padding:0;
    outline: none;
}
.pMain input[type=text], .pMain input[type=password], .pMain textarea {
    padding:3px;
    font-size:12px;
}
*/
.pSideContent input[type="radio"].pRadio {
    margin:0;
    border:0;
    padding:0;
    position:static;
    vertical-align:middle;
}
.pSideContent input[type="checkbox"].pCheckbox {
    margin:0;
    border:0;
    padding:0;
    position:static;
    vertical-align:middle;
}
.pSideContent select.pSelect {
    position:static;
    width: 165px;
}
.pSideContent label.pLabel {
}
.pSideContent label.pLabel.pCheckbox, .pSideContent label.pLabel.pRadio{
    margin-left:5px;
}
/*--------------------------------------------------------------**
**--------------------------------------------------------------**
*  Generic Elements
**--------------------------------------------------------------**
**--------------------------------------------------------------*/
.pQuestions {
    margin-left:5px;
}
.pInField {
    position: relative;
}
.pInField > label{
    position: absolute;
    top: 8px;
    left: 5px;
}
.pInField > label.error,.pInField > label.error a, .pInField.error {
    border:0;
    margin-bottom:0;
}
.pInField input[type=text].error, .pInField input[type=password].error, .pInField textarea.error, .pInField select.error {
    padding-top:1px;
    padding-bottom:1px;
}
.pInField.error, .pInField.error a {
    padding:0;
    color:black;
    background:transparent;
}
.pHover:hover { background: #F3F1F2; }
/*--------------------------------------------------------------**
**--------------------------------------------------------------**
*  jQuery UI
**--------------------------------------------------------------**
**--------------------------------------------------------------*/
.ui-widget-content a { color: #0E4B82; }
.ui-widget-content a:hover { color: #F26724; }
.ui-menu a#ui-active-menuitem:hover { color: #fff; }
.pNew {
    color:#f45d18;
    margin-left:5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
    float:right;
    margin-top:-20px;
}
ul.pTickList {
    list-style: none;
    margin-left: 0px;
    padding-left:0px;
    font-size: 1.1em;
    color:#222;
}
.pTickList li {
    background: transparent url('/images/icons/tick.png') no-repeat 5px 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
}

.pInfo {
    background:transparent url("/images/icons/info.png") no-repeat 10px 10px;
    padding:10px;
    padding-left: 30px;
}
.pInfo.blue {
    background-color:#dde5f0;
}
/*--------------------------------------------------------------**
**--------------------------------------------------------------**
*  QTip Tooltip Styles
**--------------------------------------------------------------**
**--------------------------------------------------------------*/
.pMemberTooltip {
    padding: 5px;
    padding-left: 50px;
    word-wrap: break-word;
    width: 170px;
    min-height: 60px;
}
    .pMemberTooltip .pMemberTooltipInfo {
        width: 149px;
        float: left;
    }
    .pMemberTooltip img {
        float:left;
        margin-left:-49px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .pMemberTooltip h2 {
        margin-bottom: 5px;
    }
    .pMemberTooltip p.pJobTitle {
        color:#000;
        font-size:1.2em;
        margin-bottom: 4px;
    }
    .pMemberTooltip p.pLocation {
        color:#777;
        font-size:1.2em;
    }
    .pMemberTooltip p {
        color:#777;
        margin-bottom: 8px;
    }
/* Core qTip styles */
.ui-tooltip, .qtip{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;

    max-width: 320px;
    min-width: 50px;

    font-size: 10.5px;
    line-height: 12px;

    z-index: 15000;
}

    /* Fluid class for determining actual width in IE */
    .ui-tooltip-fluid{
        display: block;
        visibility: hidden;
        position: static !important;
        float: left !important;
    }

    .ui-tooltip-content{
        position: relative;
        padding: 5px 9px;
        overflow: hidden;

        border-width: 1px;
        border-style: solid;

        text-align: left;
        word-wrap: break-word;
        overflow: hidden;
    }

    .ui-tooltip-titlebar{
        position: relative;
        min-height: 14px;
        padding: 5px 35px 5px 10px;
        overflow: hidden;

        border-width: 1px 1px 0;
        border-style: solid;

        font-weight: bold;
    }

    .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

        /*! Default close button class */
        .ui-tooltip-titlebar .ui-state-default{
            position: absolute;
            right: 4px;
            top: 50%;
            margin-top: -9px;

            cursor: pointer;
            outline: medium none;

            border-width: 1px;
            border-style: solid;
        }

        * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

        .ui-tooltip-titlebar .ui-icon,
        .ui-tooltip-icon .ui-icon{
            display: block;
            text-indent: -1000em;
        }

        .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .ui-tooltip-icon .ui-icon{
                width: 18px;
                height: 14px;

                text-align: center;
                text-indent: 0;
                font: normal bold 10px/13px Tahoma,sans-serif;

                color: inherit;
                background: transparent none no-repeat -100em -100em;
            }

/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
    border-color: #ccc;
    background-color: #fff;
    color: #555;
    padding-bottom: 0;
}

    .ui-tooltip-default .ui-tooltip-titlebar{
        background-color: #fff;
    }

    .ui-tooltip-default .ui-tooltip-icon{
        border-color: #CCC;
        background: #F1F1F1;
        color: #777;
    }

    .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
        border-color: #AAA;
        color: #111;
    }

 /**
 * Payments Tooltip styling (for PPH 1.6 only!)
 */
.ui-tooltip.payment-tip{margin:-5px 5px;box-shadow:0px 2px 3px 1px #DFE2F1; border:1px solid #D1D4DB; background:#fff;}
.ui-tooltip.payment-tip .ui-tooltip-tip{}
.ui-tooltip.payment-tip .ui-tooltip-titlebar,
.ui-tooltip.payment-tip .ui-tooltip-content{color:#333;border:none;}
.ui-tooltip.payment-tip .ui-tooltip-titlebar{margin:1px 1px 0 1px; background:#DFE2F1;color:#333;font-weight: bold;font-size: 13px;line-height: 13px;padding:8px 10px}
.ui-tooltip.payment-tip .ui-tooltip-content{margin:0px 1px 1px 1px; padding:10px;}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
    margin: 0 auto;
    margin-top: 10px;
    overflow: hidden;

    background: transparent !important;
    border: 0px dashed transparent !important;
    z-index: 10;
}

    .ui-tooltip .ui-tooltip-tip,
    .ui-tooltip .ui-tooltip-tip *{
        position: absolute;

        line-height: 0.1px !important;
        font-size: 0.1px !important;
        color: #123456;

        background: transparent;
        border: 0px dashed transparent;
    }

    .ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
}

    .ui-tooltip-shadow .ui-tooltip-titlebar,
    .ui-tooltip-shadow .ui-tooltip-content{
        filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
        -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

        _margin-bottom: -3px; /* IE6 */
        .margin-bottom: -3px; /* IE7 */
    }

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}



/* Tipped style */
.ui-tooltip-tipped{

}

    .ui-tooltip-tipped .ui-tooltip-titlebar,
    .ui-tooltip-tipped .ui-tooltip-content{
        border: 3px solid #959FA9;

        filter: none; -ms-filter: none;
    }

    .ui-tooltip-tipped .ui-tooltip-titlebar{
        background: #3A79B8;
        background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

        color: white;
        font-weight: normal;
        font-family: serif;

        border-bottom-width: 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

    .ui-tooltip-tipped .ui-tooltip-content{
        background-color: #F9F9F9;
        color: #454545;

        -moz-border-radius: 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

    .ui-tooltip-tipped .ui-tooltip-icon{
        border: 2px solid #285589;
        background: #285589;
    }

        .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
            background-color: #FBFBFB;
            color: #555;
        }

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
    filter: none;
    -ms-filter: none;
}

/* jQuery UI dialogs custom styling */
.popUpForm h1{
    margin-bottom: 5px;
}

.popUpForm input {
    padding: 5px
    }

.popUpForm select {
    padding: 3px
}

.popUpForm label, .popUpForm {
    color: #444;
    font-size:1.1em;
}

.popUpForm textarea {
    height: 35px;
    resize: none;
    padding: 5px
    }

.popUpForm #Hourlie_title {
    width: 518px
    }

.popUpForm .priceField {
    width: 50px
    }

.popUpForm #Hourlie_requirements {
    margin-bottom: 15px
    }

.popUpForm #Hourlie_delivery_days {
    width: 30px
    }

.pDottedSeparator {
    margin: 0 0 10px;
    border-bottom: 1px dotted #acacac
    }

.pPopupCaption {
    color: #444;
    line-height: 1.3em;
    padding-bottom: 5px;
    font-size:1.3em;
    margin-bottom: 10px;
    }

.popUpForm input[type="text"], .popUpForm textarea, .popUpForm select {
    -webkit-transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, -moz-box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, -o-box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px
    }

.popUpForm input[type="text"]:focus, .popUpForm textarea:focus, .popUpForm select:focus, .popUpForm-focused {
    border-color: rgba(82, 168, 236, 0.8) !important;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0px 0 2px rgba(31, 70, 145, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0px 0 2px rgba(31, 70, 145, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0px 0 2px rgba(31, 70, 145, 0.2);
    outline: 0 none;
    background: #FFFDFB
    }

.popUpForm textarea {
    resize: vertical
    }

.popUpForm div.errorMessage {
    /* background: url("/images/icons/errorMark.gif") no-repeat scroll left center transparent;
position:fixed; */
    }

.popUpForm div.row {
    margin-bottom: 15px
    }

.customUiDialog.ui-dialog {
    border: 1px solid #999;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
    }

.customUiDialog .ui-widget-header {
    background: none;
    border: none;
    padding: 8px 0 0 8px;
    line-height: normal
    }

.customUiDialog .ui-dialog-title {
    font-size: 18px;
    margin: 0;
    font-weight: normal
    }

.customUiDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    margin: -10px 5px 0;
    height: 18px;
    padding: 1px;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 19px
    }

.customUiDialog .ui-dialog-content {
    padding: 0 0.7em;
    overflow: visible;
    }

.customUiDialog .ui-widget-overlay {
    position: fixed
    }

.customUiDialog .ui-icon-closethick {
    background: transparent url(/css/icons/close_x.gif) top right no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6
    }

.customUiDialog .ui-icon-closethick:hover {
    background-image: none;
    background: transparent url(/css/icons/close_x.gif) top right no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
    }

.customUiDialog .ui-state-hover, .customUiDialog .ui-widget-content .ui-state-hover, .customUiDialog .ui-widget-header .ui-state-hover, .customUiDialog .ui-state-focus, .customUiDialog .ui-widget-content .ui-state-focus, .customUiDialog .ui-widget-header .ui-state-focus {
    background: none;
    border: none
    }

#pop_bt_test_hourly {display:none;}
.pPrepend-top-10{
    margin-top:10px;
}
.pPrepend-top-20{
    margin-top:20px;
}

/* new Button*/
.newButton {
    background: #4C8C0C;
    background: -webkit-gradient(linear,center top,center bottom,from(#5DBF03),to(#4C8C0C));
    background: -moz-linear-gradient(top,#5DBF03, #4C8C0C);border: 1px solid #459A00;
    border-radius: 0.2em;
    box-shadow: 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 0 0.2em rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.3);
    color: white !important;
    cursor: pointer;
    display: inline-block;
    font-size: 1.15em;
    font-weight: bold;
    line-height: 1em;
    min-height: 1em;
    min-width: 3em;
    padding: 0.5em 1em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}
.newButton:hover {
    background: #4AA400;
    background: -webkit-gradient(linear,center top,center bottom,from(#5CCD00),to(#4AA400));
    background: -moz-linear-gradient(top,#5CCD00,#4AA400);
    border: 1px solid #aaa;
}

.newButton.tag {
    background: #ababab;
    background: -webkit-gradient(linear,center top,center bottom,from(#4E9018),to(#56A417));
    background: -moz-linear-gradient(top,#ccc,#ababab);
    border: 1px solid #aaa;
    line-height: 1.6em;
    min-height: 1.6em;
    padding: 0 0.4em;
    min-width: 2em;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 3px;
}

.newButton.tag:hover {
    background: #ababab;
    background: -webkit-gradient(linear,center top,center bottom,from(#ababab),to(#9a9a9a));
    background: -moz-linear-gradient(top,#ababab,#9a9a9a);
    border: 1px solid #aaa;
}

/*  qtip form error validation*/

/*! Dark tooltip style */
.ui-tooltip-validationError{
    background:#000 url('/css/icons/icon_valdationError.png') 10px center no-repeat;
    opacity:0.8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-tooltip-validationError .ui-tooltip-titlebar,
.ui-tooltip-validationError .ui-tooltip-content{
    border:none;
    color: #f3f3f3;
    padding:10px 10px 10px 35px;
}
.ui-tooltip-validationError .ui-tooltip-content{
background-color: transparent;
}

.ui-tooltip-validationError .ui-tooltip-titlebar{
    background: transparent;
}

.ui-tooltip-validationError .ui-tooltip-icon{
    border-color: #444;
}

.ui-tooltip-validationError .ui-tooltip-titlebar .ui-state-hover{
    border-color: #303030;
}

/* Landing Pages*/
.topOrangeBar{height:2px; background:#f76800; }

.ui-tooltip-info .ui-tooltip-content {
    padding:15px;
    font-size:14px;
    line-height: 16px;
    background-color:#FFFFEC !important;
    padding-bottom:25px;
}

.ui-tooltip-info .ui-tooltip-close {
    position: absolute;
    right: 5px;
    top:5px;
    font-weight: bold;
}

.ui-tooltip-info .ui-tooltip-content h4 {
    font-size: 1.4em;
    font-weight:bold;
    color: #f66724;
}

.pDottedSeparator {
    margin: 0 0 10px;
    border-bottom: 1px dotted #acacac
    }

.pPopupCaption {
    color: #444;
    line-height: 1.3em;
    padding-bottom: 5px;
    font-size:1.3em;
    margin-bottom: 10px;
    }

#loginSignUpDiv .loginSignup ,
#jsModuleLoginSignup #loginDiv,
#jsModuleLoginSignup #signupDiv {
    background:#FFF url('/css/backgrounds/signin_background.png') repeat-x top center;
    border:1px solid #d5e2e5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}
#jsModuleLoginSignup #signupDiv .errorPlaceholder,
#jsModuleLoginSignup #loginDiv .errorPlaceholder,
#loginSignUpDiv .errorPlaceholder {
/*    border:1px red solid;*/
    display: block;
    min-height: 18px;
}

#jsModuleLoginSignup #signupDiv .signup.row,
#jsModuleLoginSignup #loginDiv .signup.row,
#loginSignUpDiv .signup.row  {
    margin-bottom: 0px;
}

.fakePopup {
    border:0;
    text-align: inherit;
}

 #jsModuleLoginSignup #loginDiv,
 #jsModuleLoginSignup #signupDiv {
    border: 0;
}


#loginSignUpDiv .loginSignup h2,
#jsModuleLoginSignup #loginDiv h2,
#jsModuleLoginSignup #signupDiv h2{
    color : #333333;
    font-size: 28px;
    font-weight: 600;
    margin:50px 0 3px;
    font-family: "Open Sans",tahoma,verdana;
}

#loginSignUpDiv .loginSignup .forgotPasswordDiv .row {
    padding-left: 30px;
}

 #jsModuleLoginSignup #loginDiv h2,
 #jsModuleLoginSignup #signupDiv h2 {
    margin:0px 0 3px;
}



#loginSignUpDiv .loginSignup .subtitle,
#jsModuleLoginSignup #loginDiv .subtitle,
#jsModuleLoginSignup #signupDiv .subtitle {
    text-align: center;
    font-size: 13px;
    line-height: 23px;
    font-family: "Open Sans",tahoma,verdana;
    margin-top: 10px;
    color:#868686;
}

#loginSignUpDiv .loginSignup .facebook {
    margin-right: 10px;
}

#loginSignUpDiv .loginSignup .linkedIn {
    margin-left: 10px;
}

#loginSignUpDiv .loginSignup .social ,
#jsModuleLoginSignup #loginDiv .social,
#jsModuleLoginSignup #signupDiv .social{
    margin-top: 55px;
}

#jsModuleLoginSignup #signupDiv .social-button.facebook,
#jsModuleLoginSignup #loginDiv .social-button.facebook {
    margin-right: 10px;
}

#jsModuleLoginSignup #signupDiv .social-button.linkedIn,
#jsModuleLoginSignup #loginDiv .social-button.linkedIn {
    margin-left: 10px;
}


#loginSignUpDiv .loginSignup label,
#jsModuleLoginSignup #loginDiv label,
#jsModuleLoginSignup #signupDiv label {
    font-family: "Open Sans",tahoma,verdana;
    font-size: 13px;
    font-weight: 450;
}

#loginSignUpDiv .loginSignup .rememberMe,
#jsModuleLoginSignup #loginDiv .rememberMe{
    font-family: "Open Sans",tahoma,verdana;
    color:#222222;
    font-weight: 400;

}

#loginSignUpDiv .loginSignup input[type='checkbox'],
#jsModuleLoginSignup #loginDiv input[type='checkbox']{
    top:0;
}

#loginSignUpDiv .loginSignup a.forgotPassword,
#jsModuleLoginSignup #loginDiv a.forgotPassword ,
#jsModuleLoginSignup #signupDiv a.forgotPassword {
    font-family: "Open Sans",tahoma,verdana;
    font-size: 11px;
    color:#8a8a8a;
    margin-top: 0px;

}
#loginSignUpDiv .loginSignup a.forgotPassword{
    padding-right: 22px;
}

#loginSignUpDiv .loginSignup a.forgotPassword:hover,
#jsModuleLoginSignup #loginDiv a.forgotPassword:hover ,
#jsModuleLoginSignup #signupDiv a.forgotPassword:hover {
    color:#F26724
}

#loginSignUpDiv .loginSignup .buttonRow,
#jsModuleLoginSignup #loginDiv .buttonRow,
#jsModuleLoginSignup #signupDiv .buttonow {
    margin-bottom: 35px;
    text-align: center;
}

#loginSignUpDiv .loginSignup .formFields,
#jsModuleLoginSignup #loginDiv .formFields,
#jsModuleLoginSignup #signupDiv .formFields {
    margin-left: 20px;
}

#loginSignUpDiv .loginSignup input[type="text"],
#loginSignUpDiv .loginSignup input[type="password"],
#loginSignUpDiv .loginSignup textarea,
#loginSignUpDiv .loginSignup select {
    font-family: tahoma,verdana;
    padding: 7px;
    width: 233px;
}

#loginSignUpDiv .loginSignup input[type="text"].error,
#loginSignUpDiv .loginSignup input[type="password"].error,
#loginSignUpDiv .loginSignup textarea.error,
#loginSignUpDiv .loginSignup select.error {
    font-family: "Open Sans",tahoma,verdana;
    border:1px solid  #ff0000;
    margin-bottom: 7px;
}

#loginSignUpDiv .loginSignup select {
    width: 250px;
    height:36px;
}


#loginSignUpDiv .loginSignup .orSeparator,
#jsModuleLoginSignup #loginDiv .orSeparator,
#jsModuleLoginSignup #signupDiv .orSeparator{
    background: url('/css/backgrounds/orBackground.png') top center no-repeat;
    text-align: center;
    font-size: 15px;
    color: #a8a8a8;
    margin-top: 25px;
    padding-bottom: 15px;
}

#jsModuleLoginSignup #loginDiv .orSeparator ,
#jsModuleLoginSignup #signupDiv .orSeparator {
    padding-bottom: 0;
}

#loginSignUpDiv .loginSignup .col1 {
   margin-left: 50px;
}

#loginSignUpDiv .loginSignup .p2Button.noArrow,
#jsModuleLoginSignup #loginDiv .p2Button.noArrow,
#jsModuleLoginSignup #signupDiv .p2Button.noArrow{
    background: url("/css/backgrounds/p2ButtonBg.png") no-repeat 0 0 transparent;
}

#loginSignUpDiv .loginSignup .p2Button.noArrow.margin-20,
#jsModuleLoginSignup #loginDiv .p2Button.noArrow.margin-20,
#jsModuleLoginSignup #signupDiv .p2Button.noArrow.margin-20 {
    margin-left: 20px;
}

#loginSignUpDiv .signin .row {
    margin-left: 10px;
}

#loginSignUpDiv label.error {
    color:#222222;
}

select#Members_mem_type option {
    padding: 4px 0 4px 0;
}


select#Members_mem_type {
    white-space: nowrap;
    overflow: hidden;
}

.ui-autocomplete {
    z-index:100 !important
}

.newForm.useOpenSans input[type="text"],.newForm.useOpenSans input[type="password"], .newForm.useOpenSans textarea, .newForm.useOpenSans select {
font-family: "Open Sans",tahoma,verdana;
}
.fakePopup ui-widget input[type="text"],.fakePopup .ui-widget input[type="password"], .fakePopup .ui-widget select, .fakePopup .ui-widget textarea,.fakePopup  .ui-widget button,
.newForm input[type="text"],.newForm input[type="password"], .newForm textarea, .newForm select {

    background: #fbfbfb;
    border-color:#b2b2b2;
    -webkit-transition: border 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s;
    transition: border 0.2s linear 0s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    padding:5px;
   /* line-height: 25px;*/
}
.newForm input[type="text"],.newForm input[type="password"]{
    height:19px;
}
.newForm select {
    height: 32px;
}
.newForm input[disabled='disabled'], .newForm input[disabled='disabled']:active,
.newForm input[disabled='disabled']:focus, .newForm select[disabled='disabled'],
.newForm select[disabled='disabled']:active, .newForm select[disabled='disabled']:focus{
    border-color:#efefef;
    background-color: #fbfbfb;
    color:#aeaeae;
    font-size: 13px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

.newForm input[type="text"]:focus,.newForm input[type="password"]:focus, .newForm textarea:focus, .newForm select:focus, .newForm-focused,
    .newForm input[type="text"]:active, .newForm textarea:active, .newForm select:active{
    border-color: rgba(82, 168, 236, 0.8) !important;
    outline: 0 none;
    background: #fbfbfb;
    }
:-moz-placeholder, -webkit-input-placeholder{font-style: italic; font-weight: normal;font-family: "Open Sans",tahome,verdana;color:#ababab;}
:-webkit-input-placeholder, -webkit-input-placeholder{font-style: italic; font-weight: normal;font-family: "Open Sans",tahome,verdana;color:#ababab;}
:-ms-input-placeholder{font-style: italic; font-weight: normal;font-family: "Open Sans",tahome,verdana;color:#ababab;}
.placeholder /* Jquery placeholder plagin styling*/{font-style: italic; font-weight: normal;font-family: "Open Sans",tahome,verdana;color:#ababab;}
.newForm textarea {
    resize: vertical
    }
.newForm div.row {
    margin-bottom: 15px
    }
.newForm label {
    /*color: #434343;*/
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    }
.newForm label.normal{
    /*color: #434343;*/
    font-size: 13px;
    font-weight: normal;
    }
.newForm .comment, .important, span.required {font-style: normal; color: #FF0000; }
/* Custom Design for Jquery UI dialog */

.ui-widget-overlay { background: #000; opacity: .70;filter:Alpha(Opacity=70); }
.customUiDialog {
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.customUiDialog .ui-widget-header {
    background: none;
    border: none;
    padding: 8px 0 0 8px;
    line-height: normal
    }

.customUiDialog .ui-dialog-title {
    font-size: 18px;
    margin: 0;
    font-weight: normal
    }
    .customUiDialog.noTitle .ui-dialog-titlebar{
        display: none;
}
.customUiDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    margin: -10px 5px 0;
    height: 18px;
    padding: 1px;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 19px
    }
.customUiDialog .ui-dialog-content {
    padding: 0 0.7em;
    overflow: visible;
    border: none;
    }
.customUiDialog .ui-dialog-content h2{
    color:#f76800;
    font-size: 23px;
    line-height: 23px;
    font-weight: normal;
    margin:0 0 3px;
}
.customUiDialog .ui-dialog-content .closeButton{
    margin:-5px 0 0 0;
}
.customUiDialog .ui-widget-overlay {
    position: fixed
    }

.customUiDialog .ui-icon-closethick {
    background: transparent url(/css/icons/close_x.gif) top right no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.3
    }

.customUiDialog .ui-icon-closethick:hover {
    background-image: none;
    background: transparent url(/css/icons/close_x.gif) top right no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 0.55
    }

.customUiDialog .ui-state-hover, .customUiDialog .ui-widget-content .ui-state-hover, .customUiDialog .ui-widget-header .ui-state-hover, .customUiDialog .ui-state-focus, .customUiDialog .ui-widget-content .ui-state-focus, .customUiDialog .ui-widget-header .ui-state-focus {
    background: none;
    border: none
    }

.customUiDialog.fakePopup .ui-dialog-content .closeButton{
    position: relative;
    top:10px;
}
.customUiDialog.fakePopup .widget-jsModuleLoginSignup .closeButton{
    display: none;
}

.fakePopup{
            background:#fff;
            width:486px;
            margin:20px auto;
            padding:15px 10px;
        }
#pop_bt_test_hourly {display:none;}
.pPrepend-top-10{
    margin-top:10px;
}
.pPrepend-top-20{
    margin-top:20px;
}

/*  qtip form error validation*/

/*! Dark tooltip style */
.ui-tooltip-validationError{
    background:#000 url('/css/icons/icon_valdationError.png') 10px center no-repeat;
    opacity:0.8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-tooltip-validationError .ui-tooltip-titlebar,
.ui-tooltip-validationError .ui-tooltip-content{
    border:none;
    color: #f3f3f3;
    padding:10px 10px 10px 35px;
}
.ui-tooltip-validationError .ui-tooltip-content{
background-color: transparent;
}

.ui-tooltip-validationError .ui-tooltip-titlebar{
    background: transparent;
}

.ui-tooltip-validationError .ui-tooltip-icon{
    border-color: #444;
}

.ui-tooltip-validationError .ui-tooltip-titlebar .ui-state-hover{
    border-color: #303030;
}

/* Popup shiv */
.pPortalIframe, .pPortalIframe iframe{
    z-index:15010;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.pPortalIframe:before{
    content:'';
    display:block;
    position: fixed;
    top:0;
    left:0;
    background:url('/css/backgrounds/transparent_70.png');
    width:100%;
    height:100%;
    z-index:15009;
}

/* Landing Pages*/
.topOrangeBar{height:2px; background:#f76800; }

/* Custom Slider (ie: for budget selection on job post form)*/
.sliderContainer{width:195px;margin:10px 13px 0 5px;}
.customSlider.ui-slider{width:200px;}
.customSlider.ui-slider-horizontal{height:10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px;background: #FBFBFB;}
.customSlider.ui-slider .ui-slider-range{padding:0;background:#768EC1 url('/css/backgrounds/slider_bg.png') top left repeat-x; border:1px solid #42649E;border-top-color: #6E8CBF;height:8px}
.customSlider.ui-slider a.ui-slider-handle{top:-2px;border-color: #aaa;height:12px;width:12px;-webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius:12px;cursor: pointer}
.customSlider.ui-slider a.ui-slider-handle:before {
    background: none repeat scroll 0 0 #AAAAAA;
    -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 4px; /* FF1-3.6 */
    border-radius: 4px;
    content: " ";
    display: block;
    width: 6px;
    height: 6px;
    left: 3px;
    position: relative;
    top: 3px;
}
.customSlider.ui-slider a.ui-slider-handle:hover,
.customSlider.ui-slider a.ui-slider-handle:active,
.customSlider.ui-slider.ui-widget-content .ui-state-default,
.customSlider.ui-slider.ui-widget-content .ui-state-hover,
.customSlider.ui-slider.ui-widget-content .ui-state-focus{
    color:#eee;background:#eee;border:1px solid #aaa;
}
.customSlider.ui-slider a.ui-slider-handle.ui-state-active:focus{

    cursor: move;
}

.pphSubNavIcons.payments.beta-label:after {
    content: "BETA";
    display: block;
    width: 26px;
    height: 11px;
    padding: 0;
    background-color: #f26724;
    color: #fff;
    line-height: 11px;
    font-size: 8px;
    font-weight: bold;
    position: absolute;
    left: 22px;
    top: 25px;
    vertical-align: top;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

/* beta */
.switch-payments .old-payments-logo, .switch-payments .new-payments-logo { margin-left: 18px; text-indent: -9999em; display: inline-block; background: transparent url('/css/sprites/payments_beta.png') no-repeat 0 0; }
.switch-payments .old-payments-logo { margin-top: 8px; background-position: -2px -59px; width: 80px; height: 12px; }
.switch-payments .new-payments-logo { background-position: -25px -22px; width: 57px; height: 20px; }
.switch-payments .old-payments-logo:hover { background-position: -111px -59px; }
.switch-payments .new-payments-logo:hover { background-position: -134px -22px; }
.switch-payments .switch-title { display: inline-block; float: left; margin: 5px 2px 0 0; }
.switch-payments { font-size: 10px; color: #999; line-height: 15px; vertical-align: bottom; margin-top: 6px; }
.switch-payments .old-payments-logo:before, .switch-payments .new-payments-logo:before {
    content: " "; display: block; width: 9px; height: 6px; background: transparent url('/css/sprites/payments_beta.png') no-repeat -72px 0;
    position: absolute; margin-left: -15px;
}
.switch-payments .old-payments-logo:before { margin-top: 2px; }
.switch-payments .new-payments-logo:before { margin-top: 10px; }

.sliderContainer #budget .notSure {
    width:100%;
    text-align: center;
}


ul.pFacet {
  list-style: none;
  padding-left: 0px;
}

    ul.pFacet li {
        display:block;
        padding-top:5px;
        padding-bottom: 5px;
        border-bottom: #eee dashed 1px;
    }
    ul.pFacet li:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
/**
* For the new error messages to be compatible with the old site
*/
.shout-container {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 15101;
}
.shout-container > .shout {
    display:none;
    padding: 10px;
    font-weight: bold;
    position: relative;
}
.shout-container > .shout > div {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.shout-container > .shout h5 {font-weight: bold; margin-bottom: 5px;font-size:15px; padding: 0 10px; margin: 0;display: inline-block; vertical-align: middle;line-height: 20px;}
.shout-container > .shout p {font-weight: normal; margin: 0 10px; display: inline-block; vertical-align: middle; line-height: 20px;}
.shout-container > .shout a {font-weight: bold;}
.shout-container > .shout a:hover {text-decoration: underline;}
.shout-container > .shout a.close {
    color: white;
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -10px;
}
.shout-container > .shout.error, .shout-container > .shout.notice, .shout-container > .shout.success { margin-bottom: 0; }

span.stars {
    width:75px;
    height: 13px;
    background: transparent url(/images/icons/stars.png) no-repeat;
    display:block;
    text-indent: -999999px;
    margin-bottom: 5px;
}
span.zero.stars {
    background-position: -75px 0;
}
span.one.stars {
    background-position: -60px -13px;
}
span.two.stars {
    background-position: -60px 0;
}
span.three.stars {
    background-position: -45px -13px;
}
span.four.stars {
    background-position: -45px 0;
}
span.five.stars {
    background-position: -30px -13px;
}
span.six.stars {
    background-position: -30px 0;
}

span.seven.stars {
    background-position: -15px -13px;
}
span.eight.stars {
    background-position: -15px 0;
}
span.nine.stars {
    background-position: 0 -13px;
}
span.ten.stars {
    background-position: 0 0;
}