/* RESETS */
html {
    /* force the vertical scrollbar*/
    height:100.1%;
    overflow-y:scroll;
    overflow: -moz-scrollbars-vertical;
}
html, body {
    font-size: 12px;
    /*color: #1B1818;*/
    color: #333;
    margin: 0;
    padding: 0;
    font-family: Arial,sans-serif;
    line-height:1.5em;
}
a { color: #0E4B82; text-decoration:none; }
a:hover { color:#F26724; }
img { border:0; }
text, textarea { font-size:12px; font-family:Arial, sans-serif; }
/*h1 { font-size: 22px; margin:1em 0; }*/
h1 { font-size: 18px; font-family:Arial;color:#000;}
h2 { font-size: 15px; margin:1em 0; }
h3 { font-size: 14px; margin:1em 0 0.25em;}
h4,h5 {margin:1em 0 0.25em;}
p { padding:0;margin:1em 0; }
fieldset {border:0}
/* END RESETS */

/* For compatibility with blueprint */
.container { width:950px; margin:0 auto; }

.hidden { display: none; }

/*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;
    }

    #logo span {
        background: url('/images/oneOffs/logo_smile.gif') no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 29px;
        opacity: 0;
        zoom: 1;  /*opacity fix for IE*/
        filter: alpha(opacity=0);
    }

    #logo:hover span {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Fade()"; /*IE8+*/
         -moz-transition: all 0.5s ease-out;   /*FF4+*/
           -o-transition: all 0.5s ease-out;   /*Opera 10.5+*/
      -webkit-transition: all 0.5s ease-out;   /*Saf3.2+, Chrome*/
          -ms-transition: all 0.5s ease-out;   /*IE10?*/
              transition: all 0.5s ease-out;
    }

/* 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; }

    ul#menu li a span.accountIco { background-position: 0 0;}
    ul#menu li a:hover span.accountIco { background-position: 0 -19px;}
    ul#menu li.here a span.accountIco { background-position: 0 -38px;}
    ul#menu li a span.freelancerIco { background-position: 0 -57px;}
    ul#menu li a:hover span.freelancerIco { background-position: 0 -76px;}
    ul#menu li.here a span.freelancerIco { background-position: 0 -95px;}
    ul#menu li a span.homeIco { background-position: 0 -114px;}
    ul#menu li a:hover span.homeIco { background-position: 0 -133px;}
    ul#menu li.here a span.homeIco { background-position: 0 -152px;}
    ul#menu li a span.howitworksIco { background-position: 0 -171px;}
    ul#menu li a:hover span.howitworksIco { background-position: 0 -190px;}
    ul#menu li.here a span.howitworksIco { background-position: 0 -209px;}
    ul#menu li a span.jobsIco { background-position: 0 -228px;}
    ul#menu li a:hover span.jobsIco { background-position: 0 -247px;}
    ul#menu li.here a span.jobsIco { background-position: 0 -266px;}
    ul#menu li a span.postajobIco { background-position: 0 -285px;}
    ul#menu li a:hover span.postajobIco { background-position: 0 -304px;}
    ul#menu li.here a span.postajobIco { background-position: 0 -323px;}


/* 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; }

.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;}

.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: 8px;
    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 */

.clear { clear: both; }

/*Admin Filter Menu Starts*/
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; }

/*Menu Ends*/
/*header css ends*/

/*middle css starts*/
#middlediv {width:958px;text-align:left;z-index:1;float:left;margin:15px 0 0 0;min-height:500px;}
#midcon {width:958px;text-align:left;z-index:1;float:left;}
.mleftdiv {float:left;text-align:left;display:inline;width:698px;padding-right:7px;}
.mcdiv {width:698px;float:left;text-align:justify;}
.greenh1 {color:#617A3A;}

.greenimg, .greenimg1 {
    float:right;
    text-align:center;
    width:84px;
    color:#000000;
    height:150px;
    padding-right:45px;
    padding-top:30px;
}
.greenimg { padding-left:16px; }
.greenimg a {color:#014A91;font-weight:bold;text-decoration:none;}
.greenimg a:hover {color:#F26724;}

.orangeh1 {color:#604F2B;}
.mcdiv1 {width:698px;float:left;text-align:justify;margin-top:7px;}
.mlcon {float:left;text-align:left;width:380px;display:inline;}
.mlcon1 {float:left;text-align:left;width:311px;margin-left:7px;}
* html .mlcon1 {padding: 0; width: 280px;}

/* Short blue */
.bluecon1 {float:left;text-align:left;width:311px;}
* html .bluecon1 {width: 280px; }
.q-barcen2 {width:186px;height:27px;float:left;text-align:left;color:#1B1818;font-size:14px;line-height:18px;background-color:#ECF5FC;font-weight:bold;padding-top:6px;padding-left:5px;}
.barcen3 {width:86px;height:26px;float:left;text-align:right;background-color:#ECF5FC;padding-top:7px;padding-right:10px;color:#014A91;}
.barcen3 a {color:#014A91;text-decoration:none;}
.barcen3 a:hover {color:#F68A57;text-decoration:none;}
.freelisting {width:280px;height:44px;float:left;text-align:left;border-bottom: 1px solid #ECECEC; font-size: 12px; padding: 15px;}
* html .freelisting {width: 260px; padding: 15px 0 15px 0;}
.freeimg {padding-right: 15px;float:left;border: 0;}
.freelisting a {font-size:12px;color:#014A91;text-decoration:none;font-weight:bold;}
.freelisting a:hover {font-size:12px;color:#F68A57;text-decoration:none;font-weight:bold;}
.proneedsdiv {float:left;text-align:left;width:380px;}

/* Long blue */
.bluecon, .blueconCategory { float:left; text-align:left; width:380px; }
.blueconCategory { width:675px; }
.barcen, .barcenshort { width:250px; height:27px; float:left; text-align:left; color:#1B1818; font-size:18px; line-height:18px; padding-top:6px; }
.barcenshort { width:200px; }
.barcen1 {width:80px;height:26px;float:right;text-align:right;padding-top:9px;color:#014A91;}
.barcen1 a {color:#014A91;text-decoration:none;}
.barcen1 a:hover {color:#F68A57;}
.bcondiv {margin-left:22px;margin-right:22px;float:left;margin-top:10px;font-size:12px;}
.bcondivcat {margin-left:22px;margin-right:5px;float:left;margin-top:10px;font-size:12px; height:25px;}
#cat {  color:#000000;  text-decoration:none;   display:block;  background-image:url(images/menu.gif);  width:175px;    height:19px;    font-weight:normal; padding-left:17px;  padding-top:1px;    background-repeat: no-repeat;}
#cat a, #country a:visited {    color:#000000;  text-decoration:none;   display:block;  background-image:url(images/menu.gif);  width:175px;    height:19px;    font-weight:bold;   padding-left:17px;  padding-top:1px;    background-repeat: no-repeat;}
#cat a:hover {  color:#F26724;  background-image:url(images/menu-ho.gif);   text-decoration:none;}
#subcat { height:13px;}
#subcat a{ color:#0E4B82; font-size: 11px; padding-left:25px; background-image:none; font-weight:normal;}
#subcat a:hover {   color:#F26724;  text-decoration:none;}

.bcondiv1 {margin-left:15px;margin-right:15px;float:left;font-size:12px;width:350px;color:#000000;background-image:url(/images/line.gif);height:50px;}
.listproject {float:left;text-align:left;line-height:18px;height:36px;padding:7px;}
.listproject a {font-size:12px;color:#014A91;text-decoration:none;font-weight:bold;}
.listproject a:hover {font-size:12px;color:#F68A57;text-decoration:none;font-weight:bold;}
.listprojectawarded {float:left;text-align:left;line-height:18px;height:20px;padding:7px;width:239px;}
.pbbutton {float:left;text-align:left;line-height:20px;height:36px;padding:7px;width:83px;}
.bluetext {color:#0E4B82;font-weight:bold;}
.mrightdiv {float:right;text-align:left;width:253px;}
.mrcon {float:left;text-align:left;width:253px;}
.mrmid{float:left;text-align:left;width:213px;padding-left:20px;padding-right:20px;background-color:#E6E8EA;}
.mrcen {width:213px;float:left;height:20px;background-color:#E6E8EA;}
#grayh1 {font-size:18px;color:#0E4B82;font-weight:normal;text-decoration:none;}
#grayh1:hover {font-size:18px;color:#FF922A;font-weight:normal;text-decoration:none;}
* html #grayh1 {padding-left: 20px;}

.howitworks, .howitworks1, .howitworks2, .howitworks3 {
    background-position:top left;
    background-repeat:no-repeat;
    width:183px;
    text-align:left;
    margin-bottom:1px;
    padding-bottom:5px;
    font-size:12px;
    padding-left:30px;
}
.howitworks1, .howitworks2, .howitworks3 {
    border-bottom:1px solid #FAFAFB;
    width:200px;
    text-align:justify;
    margin-bottom:10px;
    padding-bottom:10px;
}
.howitworks2 {
    width:220px;
    padding-left:0;
}
.howitworks3 {
    width:230px;
}
* html .howitworks {margin-left: 10px;}
* html .howitworks1, * html .howitworks2, * html .howitworks3 {padding-left: 20px;}

#one {background-image:url(/images/one.gif)}
#one a, #two a, #three a, #four a {color:#0E4B82;font-weight:bold;text-decoration:none;line-height:18px;font-size:12px;}
#one a:hover, #two a:hover, #three a:hover, #four a:hover {color:#F68A57;font-weight:bold;text-decoration:none;font-size:12px;}
#two {background-image:url(/images/two.gif)}
#three {background-image:url(/images/three.gif)}
#four {background-image:url(/images/four.gif);border-bottom:1px solid #FAFAFB; height:23px;}

.aboutright {width:55px;float:right;text-align:right;height:27px;color:#014A91;padding-top:5px;font-size:11px;}
.aboutright a {font-size:11px;color:#014A91;text-decoration:none;}
.aboutright a:hover {font-size:11px;color:#F68A57;text-decoration:none;}

.newsconSort {  width:620px;    float:left; text-align:justify; border-bottom:1px solid #FAFAFB;    font-size:11px; margin: 10px;   padding: 10px;}
.newsconSort a {font-size:12px;color:#014A91;text-decoration:none;}
.newsconSort a:hover {font-size:12px;color:#F68A57;text-decoration:none;}

/*Project & Provider Detail Page CSS*/
.igreencon1 {width:958px;float:left;text-align:left;background: url(/images/fat-green.jpg) no-repeat; height: 105px;position:relative;}
.igreencon {width:958px;float:left;text-align:left;background:url(/images/top_bar.jpg) no-repeat; height: 55px;position:relative;}
.headercon1 {width:940px;height:22px;padding-top:4px;float:left;padding-right:18px;text-align:right;}
.bactoprolink {font-size: 13px;color: #0E4B82;line-height:18px;text-decoration:none;}
.bactoprolink:hover {font-size: 13px;color: #F26724;line-height:18px;text-decoration:none;}
.btn {position:absolute; top:25px; right: 25px; text-align:center;font-size: 11px;color: #000000;line-height:20px;text-decoration:none;}
.arrow {position:absolute; top:25px; left: 25px;line-height:18px;height:68px;width: 240px;}
.arrow a {font-size:16px;color:#0E4B82;text-decoration:none;font-weight:bold;}
.arrow a:hover {font-size:16px;color:#F26520;text-decoration:none;}
.successimg {float:right; padding-bottom:2px; background-color:#fff;}
.imgr {margin-right:5px;}
.imleftdiv {float:left;text-align:left;display:inline;width:570px;padding-top:10px;}
.imrightdiv {float:left;text-align:left;width:388px;padding-top:10px;}
.prohead  {margin:0;padding:5px 0 5px 0;width:570px;font-size:18px;color:#000;}
.middlecon1 {width:958px;text-align:left;float:left;}
.middleleftdiv {float:left;width:575px;}
* html .middleleftdiv {width: 570px; }
.mleft1 {width:562px;float:left;padding-left:13px;}
* html .mleft1 {padding: 0;}
.mleft-top {width:562px;float:left;padding-top:5px;padding-left:22px;font-size:16px;color:#1B1818;font-weight:bold;}
.midcon-top h1 {max-width:770px;padding-top:5px;font-size:16px;color:#1B1818;font-weight:bold;line-height:18px;}
.midcon-top h1.starJob,
.midcon-top h1.unstarJob {cursor:pointer;}
.midcon-top h1.starJob:after {content:url('/images/mystars/mystars_open_small.png');margin-left:10px;position:relative;z-index:2;}
.midcon-top h1.unstarJob:after {content:url('/images/mystars/mystars_selected_small.png');margin-left:10px;position:relative;z-index:2;}
.midcon-top div {margin-left:13px;padding-left:22px;clear:left;}
.midcon-top img {margin-top:5px;margin-right:15px;vertical-align:middle;}
.midcon-top a.rtoplink {float:right;padding-right:20px;vertical-align:middle;}
.mleftbordiv {width:562px;float:left;}
.mleftbordiv-m {width:536px;float:left;padding-left:12px;padding-right:12px;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
* html .mleftbordiv-m {padding: 0 2px 0 12px; }
.mleftbordiv-mm {width:536px;float:left;}
.mleftbordiv-mr {width:12px;float:left;border-right:1px solid #E1E1E1;}
.mmbgdiv {width:536px;float:left;}
.mmbgdivtop {width:536px;float:left;}
.mmbgdivtop-m {width:526px;height:33px;padding-left:10px;float:left;background-color:#F3F1F2;font-size:18px;color:#000;font-weight:normal;line-height:33px;}
.mmbgdivtop-m h2 {margin:0;font-size:18px;font-weight:normal;}
.mmbgdivbot {width:515px;float:left;padding-left:18px;padding-right:18px;padding-top:10px;margin-bottom:15px;font-size:13px;color:#1B1818;font-weight:normal;text-align:justify;}
.mmbgdivbanner {width:516px;float:left;padding-left:20px;padding-top:10px;margin-bottom:15px; height:150px;}
.mmbgdivb-l {width:230px;height:132px;float:left;border:1px solid #E1E1E1;}
.mmbgdivb-lt {width:225px;height:22px;float:left;padding-left:5px;background-color:#F3F1F2;font-size:13px;color:#000;font-weight:normal;line-height:18px;}
.mmbgdivb-lb {width:225px;padding-left:5px;padding-top:8px;height:102px;float:left;}
.mmbgdivb-r {width:230px;margin-left:25px;height:132px;float:left;border:1px solid #E1E1E1;}
.byer-cont { display: inline-block; }
.buyer-cont .buyer {font-size:13px;color:#0A4D82;font-weight:normal;line-height:18px;text-decoration:underline;}
.buyer-cont .star { display: inline-block;}
.byer:hover {font-size:13px;color:#F26724;font-weight:normal;line-height:18px;text-decoration:underline;}
.middleright {float:right;width:383px;}
* html .middleright {float:right; width:372px;}
.mright1 {width:370px;float:left;padding-left:13px;}
* html .mrigt1 {padding: 0;}
.mright-top {width:350px;}
.rtoplink {font-size:13px;color:#0E4B82;font-weight:normal;text-decoration:none;}
.rtoplink:hover {font-size:13px;color:#F26724;font-weight:normal;text-decoration:none;}
.jobdescr-title { float: left; position:relative; }
.reportjob-link { float:right; position:relative; margin-right: 10px; }
.reportjob-link a { background: url('/images/mystars/flag_grey.png') no-repeat right center transparent; padding-right: 20px; }
.reportjob-link a:hover { background: url('/images/mystars/flag_hover.png') no-repeat right center transparent; }
.mright-bot {width:370px;text-align:left;}
.mright-bo-tm {width:368px;float:left;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
.mrightt-bg {width:343px;float:left;padding-left:12px;padding-right:12px;}
.mrightt-bgb {width:324px;float:left;padding-top:6px;padding-left:10px;font-size:13px;color:#000000;font-weight:normal;line-height:20px;}
 .rtext {font-size:15px;color:#000000;font-weight:bold;line-height:20px;}
.password {width:333px;float:left;padding-top:10px;}
.forgetpas {font-size:13px;color:#0A4D82;font-weight:normal;line-height:20px;text-decoration:none;}
.forgetpas:hover {font-size:13px;color:#F26724;font-weight:normal;line-height:20px;text-decoration:none;}
.mright2 {width:370px;float:left;margin-top:5px;padding-left:13px;}
* html .mright2 {padding: 0;}
.lmright2 {width:270px;float:left;margin-top:18px;padding-left:13px;}
* html .lmright2 {padding: 0;}
.mright2_t {width:443px;float:left;}
.mright2_m {width:336px;height:58px;float:left;background-color:#F3F1F2;font-size:14px;font-weight:bold;line-height:56px;padding-left: 10px;margin-top: 3px;text-align:center}
.bor {border-bottom:1px solid #E1E1E1;}
.tablink {font-size:13px;color:#0A4D82;font-weight:bold;line-height:20px;text-decoration:none;}
.tablink:hover {font-size:13px;color:#F26724;font-weight:bold;line-height:20px;text-decoration:none;}
.middlebotdiv {width:662px;float:left; padding-left:13px;margin-top:15px;}
.middlebotdiv-mid {width:536px;float:left;padding-left:12px;padding-right:12px;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
.middlebotdiv-midtext {width:636px;float:left;padding-top:10px;font-size:13px;color:#000000;font-weight:normal;line-height:20px;text-decoration:none;}
.boardtext {font-size:18px;color:#000000;font-weight:normal;line-height:20px;text-decoration:none;}

.client-profile-page td > .title { display: inline-block; }
.client-profile-page td > .title > div { display: inline-block; float: left; height: 25px; line-height: 25px; }
.client-profile-page td > .title > .text {  font-size:18px;color:#000000;font-weight:normal; }
.client-profile-page .starTag-item { height: 18px; line-height: 18px; }
.middlebotdiv-to-bot {width:536px;float:left;padding-top:6px;}
.midbot-1 {width:636px;float:left;height:13px;}
.midbot-m {width:634px;float:left;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;}
.mid-bdiv {width:634px;float:left;}
.mid-bdiv-m {width:495px;height:30px;float:left;background:url(images/long-light-grn-head.gif) left bottom no-repeat;font-size:18px;color:#000000;font-weight:normal;line-height:30px;padding-left: 10px;margin-left: 15px;margin-top: 3px;}
.mid-bdiv-cl {width:635px;float:left; padding-left:1px;}
.mid-bdiv-clm {width:635px;height:55px;float:left;background:url(images/clarification_notice.png) left bottom no-repeat;font-size:13px;color:#000000;font-weight:bold;line-height:25px;margin-top:10px;}
.mid-bdiv1 {width:616px;float:left;margin-top:2px;padding-left:3px;}
.mid-bdiv1-l {float:left;}
.in {border:1px solid #E1E1E1;}
.mid-bdiv1-r {width:344px;float:left;}
.mid-bdiv2 {width:616px;float:left;padding-left:3px;padding-top:6px;font-size:13px;color:#AB0000;font-weight:normal; padding-bottom:4px;}
.input {margin-top:8px;}
.input1 {width:70px;margin-top:15px;margin-left:60px;}
.input2 {margin-top:10px;}
.bottext {width:680px;float:left;padding-top:8px;font-size:13px;color:#000000;font-weight:normal;text-align:center; height:25px;}
.bottextlast {width:562px;float:left;}
.bottextlast-l, .bottextlast-r {width:270px;float:left;font-size:14px;color:#5A6781;font-weight:normal;text-align:center;}
.prelink {font-size:14px;color:#5A6781;font-weight:normal;text-decoration:none;}
.prelink:hover {color:#F26724;}
.arrowtext, .arrowtext1 { float:left;width:187px;padding-top:10px;line-height:18px;font-size:18px;color:#1B1818;font-weight:normal;line-height:20px;}
.arrowtext1 { width:300px; }
.successimg1, .successimg2 { float:left;width:241px;padding-left:10px;height:31px;margin-top:5px;font-size:13px;color:#1B1818;font-weight:normal;line-height:25px; }
.successimg2 { width:300px; }

.imglinkmenu {
    width:948px;
    height:30px;
    padding-left:10px;
    float:left;
    text-align:left;
    border-bottom:1px solid #C7C7C7;
}
.imglinkmenu img {
    vertical-align: bottom;
}
a.imgmenu_link, a.imgmenu_link_orange {
    font-size:14px;
    color:#0E4B82;
    font-weight:bold;
    line-height:20px;
    text-decoration:none;
    padding-right: 15px;
}
a.imgmenu_link_orange {
    color:#F26724;
}
a.imgmenu_link:hover {
    color:#F26724;
}

.middiv {width:958px;float:left;margin-top:15px;}
.midleftdiv {width:691px;float:left;}
.mleft_main {width:691px;float:left;padding-bottom:10px;}
.mleft_main1 {width:691px;float:left; height:630px;}
.mleftbot-top-m {width:691px;height:37px;float:left;background:url(images/light-blue-vlong.gif) left top no-repeat; ;font-size:18px;color:#1B1818;font-weight:normal;line-height:37px;}
.mlb_text {font-size:12px;color:#1B1818;font-weight:normal;line-height:20px;}
.midrightdiv {width:267px;float:left;}
.righlink{font-size:12px;color:#0E4B82;font-weight:bold;line-height:20px;text-decoration:none;}
.righlink:hover {font-size:12px;color:#F26724;font-weight:bold;line-height:20px;text-decoration:none;}

/*Project Detail Page ends*//*find Providers Detail Page css*/
.pmiddlecon {width:958px;float:left;}
.pmidleftdiv {width:230px;float:left;padding-right:24px;padding-left:14px;}
.pinput {width:120px;margin-top:10px;}
.seinput {width:70px;margin-top:10px;margin-bottom:10px;}
#pmidlink {margin:0;padding:0 0 0 25px;font-size:12px;color:#0E4B82;text-decoration:none;font-weight:normal;line-height:25px;text-align:left;position:relative;}
#pmidlink li {display:list-item;margin:0;padding:0;}
#pmidlink li a {font-size:12px;color:#0E4B82;text-decoration:none;font-weight:normal;line-height:25px;text-align:left;}
#pmidlink li a:hover {font-size:12px;color:#F26724;text-decoration:none;font-weight:normal;text-align:left;line-height:25px;}
.here1 {font-size:14px;color:#183673;text-decoration:none;font-weight:bold;line-height:20px;text-align:left;}
.pmidrightdiv {width:690px;float:right; vertical-align:top;}
.pmidrightdiv-wide {width:750px;float:right;vertical-align:top;}
.pmidrightdiv-wide h1 {margin:0;}
.pmidrightdivnews-wide {width:750px; vertical-align:top; margin-top:10px;}
.pmidrightdivnews-wide h1 {margin:0;}
.pmrdiv-ttext {font-size:12px;color:#1B1818;font-weight:normal;line-height:20px;text-decoration:none;}
.pmrdiv-t1 {width:690px;float:left;}
.pmrdiv-t1-l {width:340px;float:left;padding-top:10px;padding-left:10px;font-size:13px;line-height:20px;}
.pmrdiv-t1-r {width:320px;float:right;padding-bottom:5px;padding-right:20px;font-size:13px;line-height:12px;text-align:right;}
.regislink {font-size:15px;color:#0E4B82;font-weight:bold;line-height:22px;text-decoration:none;}
.regislink:hover {font-size:15px;color:#F26724;font-weight:bold;line-height:22px;text-decoration:none;}
.pmrdiv-box {width:690px;float:left;margin-top:15px;background-image:url(images/pmr-rbg.gif);background-repeat:repeat-x;background-position:bottom;}
.pmrdiv-box-l {width:43px;float:left;padding-top:35px;padding-left:20px;}
.pmrdiv-box-r {width:627px;float:left;}
.pmrdiv-box-rl {width:80px;float:left;}
.pmrdiv-box-rr {width:532px;float:left;padding-left:15px;font-size:12px;line-height:18px;}
.simentext, .simentext a {font-size:12px;color:#0E4B82;font-weight:bold;line-height:18px;}
.simentext a {text-decoration:none;}
.simentext a:hover {color:#F26724;}
.morelink {font-size:12px;color:#0E4B82;font-weight:normal;line-height:18px;}
.morelink:hover {color:#F26724;}
.pr-bottom {width:690px;float:left;margin-top:20px;text-align:center;font-size:12px;color:#5A6781;font-weight:bold;line-height:20px;}
.pr-top1 {width:690px;float:left;padding-top:5px;}
.pr-top1-1 {width:219px;float:left;height:19px;text-align:right;padding-right:10px;}
.pr-top1-m {width:230px;float:left;height:19px;text-align:center;border-left:1px solid #B1A7A4;border-right:1px solid #B1A7A4;}
#numlink {margin:0px;padding:0px;list-style-type:none;}
#numlink li {display:inline;}
#numlink li a {font-size:12px;color:#5A6781;font-weight:bold;text-decoration:none;padding-left:8px;padding-right:8px;background:transparent;}
#numlink li a:hover {font-size:12px;color:#fff;font-weight:bold;text-decoration:none;padding-left:8px;padding-right:8px;background:url(images/nu-icon.gif) no-repeat top;}
#numlink li a.hereh {font-size:12px;color:#fff;font-weight:bold;line-height:20px;text-decoration:none;background:url(images/nu-icon.gif) no-repeat top;}
.pr-top1-r {width:219px;float:left;height:19px;text-align:left;padding-left:10px;}
.botlink {font-size:12px;color:#5A6781;font-weight:normal;line-height:20px;text-decoration:none;}
.botlink:hover {font-size:12px;color:#F26724;font-weight:normal;line-height:20px;text-decoration:none;}
/*find Providers Detail Page ends css*/


#pmiddlediv {width:958px;float:left;display:inline;text-align:left;}
.pmiddlediv {width:958px;height:98px;float:left;text-align:left;background-image:url(images/p-top-bg.gif);background-repeat:repeat-x;}
.pmiddleft {width:652px;float:left;height:83px;padding-left:10px;padding-top:15px;}
.pltext {font-size:14px;color:#000000;line-height:18px;font-weight:bold;}
.pltext1 {font-size:15px;color:#D8D8D8;line-height:18px;font-weight:bold;}
.plheading {font-size:27px;color:#F15F19;font-weight:normal;}
.pmiddright {width:281px;float:left;height:64px;margin-top:28px;padding-top:6px;padding-left:15px;background-image:url(images/p-img.jpg);background-repeat:no-repeat;font-size:13px;color:#ffffff;line-height:18px;}
.pmidbot {width:956px;float:left;border:1px solid #E1E1E1;}
.pmidb-t {width:946px;height:24px;margin-top:15px;padding-left:10px;padding-top:3px;float:left;background-image:url(images/p-bt-bg.gif);background-repeat:repeat-x;font-size:15px;color:#000102;line-height:20px;font-weight:bold;}
.pmidred {width:941px;float:left;padding-top:10px;padding-left:15px;font-size:12px;color:#FF0000;line-height:16px;}
.pmidtfield {width:956px;float:left;padding-top:10px;}
.pmidtfield-l {width:200px;float:left;padding-left:10px;font-size:12px;}
.pmidtfield-r {width:736px;float:left;padding-left:10px;font-size:12px;}
.helplink {font-size:11px;color:#0A4D82;line-height:16px;text-decoration:none;}
.helplink:hover {font-size:11px;color:#ff6500;line-height:16px;text-decoration:none;}
.sttext {font-size:12px;color:#FF0000;line-height:16px;}
.checkbox {width:104px;float:left;padding-left:10px;font-size:12px;}
.checkbox1 {width:632px;float:left;font-size:12px;}
.fieldbox {width:590px;float:left;padding-left:10px;}
.fieldbox1 {width:146px;float:left;font-size:12px;}
.pmidtfield-2 {width:190px;float:left;padding-left:20px;font-size:12px;}
.pmidb-t1 {float:left;width:946px;height:24px;margin-top:20px;padding-left:10px;padding-top:3px;background-image:url(images/p-bt-bg.gif);background-repeat:repeat-x;font-size:15px;color:#000102;line-height:20px;font-weight:bold;}
.pmidb-t1-m {width:160px;float:left;padding-left:10px;font-size:12px;}
.pmidb-t1-r {width:566px;float:left;font-size:12px;}
.bidtext {font-size:13px;color:#8B8777;line-height:18px;font-weight:normal;padding-left:5px;}
.pmidtfield-b {width:956px;float:left;padding-top:15px;}
.pmidtfield-box {width:694px;float:left;padding-top:10px;padding-left:130px;padding-right:130px;}
.pmidtfield-boxt {width:694px;float:left;border:1px solid #C3C3C3;}
.pmidtfield-boxt-l {width:327px;float:left;font-size:13px;padding-left:20px;padding-top:10px;padding-bottom:10px;}
.pmidtfield-boxt-r {width:347px;float:left;padding-top:10px;padding-bottom:10px;background-color:#E5E5E5;}
.cont {float:left;text-align:left; padding-left:220px;width:736px;height:29px; padding-bottom:10px; margin-top:10px;margin-bottom:15px;}
.prmid {width:948px;float:left;height:83px;padding-left:10px;padding-top:15px;padding-bottom:10px;background-image:url(images/p-top-bg.gif);background-repeat:repeat-x;}
.prmiddiv {width:958px;float:left;}
.prmid-l {width:478px;float:left;padding-bottom:15px;border:1px solid #E1E1E1;}
.prmid-lt {width:463px;padding-left:15px;padding-top:10px;font-size:12px;float:left;}
.prheading {font-size:15px;color:#000000;line-height:20px;font-weight:bold;}
.leftbg {width:463px;height:24px;padding-top:3px;margin-top:15px;padding-left:15px;font-size:12px;float:left;background-image:url(images/p-bt-bg.gif);background-repeat:repeat-x;font-size:15px;color:#000102;line-height:20px;font-weight:bold;}
.prmid-r {width:466px;float:left;margin-left:10px;padding-bottom:15px;border:1px solid #E1E1E1;border-top:0px;}
.logNewFrm {    width:440px;    float:left; margin-left:10px;   padding-bottom:15px;    border-top:0px; margin-top: 15px;}
.prmid-rt {float:left;width:456px;height:29px;padding-top:5px;padding-left:10px;background-image:url(images/pr-r-bg.gif);background-repeat:repeat-x;font-size:18px;color:#000102;line-height:20px;font-weight:normal;}
.prmid-rb {float:left;width:456px;padding-top:15px;padding-left:10px;font-size:12px;}
.prmid-rb-l {float:left;width:200px;font-size:12px;}
.prmid-rb-m {float:left;width:128px;font-size:12px;}
.prmid-rb-r {float:left;width:128px;font-size:12px;}
.submit {float:left;text-align:center;width:456px;padding-top:0px;padding-left:10px;font-size:12px;}
.edit {float:left;width:223px;}
.edit1 {float:left;width:213px;padding-right:10px;text-align:right;}
.editlink {font-size:12px;color:#0E4B82;line-height:18px;font-weight:bold;text-decoration:none;}
.editlink:hover {font-size:12px;color:#ff6660;line-height:18px;font-weight:bold;text-decoration:none;}
#footerdiv {width:958px;text-align:left;z-index:1;float:left;margin:30px 0 0 0px;padding:0px;}
.fcon {float:left;text-align:center;}
.fcon a {color:#0E4B82;text-decoration:none;font-weight:normal;}
.fcon a:hover {color:#F26724;text-decoration:none;font-weight:normal;}
.fcen {float:left;width:958px;height:26px;padding:10px 0 0 0;text-align:center;color:#0E4B82; font-size:11px;font-weight:bold;background-color:#E6E8EA;}
.fcen a {color:#0E4B82;text-decoration:none;margin-left:10px;margin-right:10px;font-weight:bold;}
.fcen a:hover {color:#F26724;text-decoration:none;font-weight:bold;}
#smLine{border-bottom:1px solid #FAFAFB;}
.proCompleft {width:250px;float:left;text-align:left;height:32px;font-size:18px;color:#0E4B82;line-height:25px;}
.proCompleft a {font-size:18px;color:#0E4B82;line-height:25px;text-decoration:none;}
.proCompleft a:hover {font-size:18px;color:#FF922A;line-height:25px;text-decoration:none;}
.pollleft {width:250px;float:left;text-align:left;height:32px;font-size:18px;color:#000000;line-height:25px;}
#pollchk{   line-height:25px;   vertical-align:middle;padding-left:10px;}
.mrconMsg {float:left;text-align:left;}
.cornerMsg {float:left;width:20px;height:20px;text-align:left;}
.mrcenMsg {width:595px;float:left;height:20px;background-color:#E6E8EA;}
.mrmidMsg{float:left;text-align:left;width:635px;padding-left:0px;padding-right:0px;background-color:#E6E8EA;}
.mrconRe {float:right;text-align:left;width:550px;}
.cornerRe {float:left;width:20px;height:20px;text-align:left;}
.mrcenRe {width:510px;float:left;height:20px;background-color:#E6E8EA;}
.mrmidRe{float:left;text-align:left;width:510px;padding-left:20px;padding-right:20px;background-color:#E6E8EA;}
.bottomline{ border-bottom:1px solid #999999;}
.tblbdr { border: 1px ridge #E1E1E1;}
.toptitle-tl{background-image:url(images/top-l.jpg)}
.toptitle-tm{background-image:url(images/top-m.jpg);padding-left:20px;}
.toptitle-tr{background-image:url(images/top-r.jpg)}
.toptitle1-tl{background-image:url(images/r-b2-l.gif)}
.toptitle1-tm{background-image:url(images/r-b2-m.gif);padding-left:20px;}
.toptitle1-tr{background-image:url(images/r-b2-r.gif)}
.smallbox-tl{background-image:url(images/m-b-left.gif);height:27px;}
.smallbox-tm{background-image:url(images/m-b-mid.gif);padding-left:2px;font-size:14px;color:#000000;font-weight:bold;}
.smallbox-tr{background-image:url(images/m-b-right.gif);height:27px;}
.titletop{background-image:url(images/p-bt-bg.gif);padding-left:20px;font-size:12px;font-weight:bold;height:25px;}
.toptitle2-tm{background-image:url(images/b-lbg-m.gif);padding-left:10px;}
.reg-tl{background-image:url(images/m-m-b-left.gif)}
.reg-tm{background-image:url(images/m-m-bot-mid.gif);padding-left:20px;}
.reg-tr{background-image:url(images/m-m-b-right.gif)}
.sub-title-l{background-image:url(images/p-mid-t-lbg.gif)}
.sub-title-m{background-image:url(images/p-mid-t-mbg.gif);padding-left:15px;font-size:12px;font-weight:bold;}
.sub-title-r{background-image:url(images/p-mid-t-rbg.gif)}
.silverbar{background-color:#E2E2E2;}
.leftline{  border-left:1px solid #D1D1D1;}
.rightline{ border-right:1px solid #D1D1D1;}
.leftpad{   padding-left:10px;}
.mrconPort {float:none;text-align:left;width:950px;}
.cornerPort {float:left;width:20px;height:20px;text-align:left;}
.mrcenPort {width:900px;float:left;height:20px;background-color:#E6E8EA;}
.mrmidPort{float:left;text-align:left;width:900px;padding-left:20px;padding-right:20px;background-color:#E6E8EA;}
.bluebg-tl{background-image:url(images/ml-bot-l.gif);width:12px;}
.bluebg-tm{background-image:url(images/ml-bot-m.gif);padding-left:20px;height:33px;}
.bluebg-tr{background-image:url(images/ml-bot-r.gif);width:12px;}
.middlebotdiv-to-botnetwork {width:916px;padding-top:6px;}
.blueconhead {float:left;text-align:left;width:380px; background: url('images/light-blue-long.gif') left center no-repeat;}
.blueh1 {font-size:18px;color:#0E4B82;font-weight:normal;text-decoration:none;}
.blueh1:hover {color:#FF922A;}
* html .blueh1 {margin-left: 20px; width: 180px;}

.grn-wdgt-top, .blue-wdgt-top, .grn-wdgt-top-fat, .grn-wdgt-top-small {
    width: 210px;
    height: 32px;
    line-height: 32px;
    background-color: #EFEFEF;
    font-size:18px;
    color:#1B1818;
    padding: 0 10px 0 10px;
}
.blue-wdgt-top {
    background: url(images/blue-wdgt-top1.gif) no-repeat;
}
.grn-wdgt-top-fat {
    height: 64px;
    background: url(images/grn-wdgt-top-fat.gif) no-repeat;
}
.grn-wdgt-top-small {
    width: 170px;
    background: url(images/grn-wdgt-top-s.gif) no-repeat;
}

.wdgt-pad {padding: 15px 5px 0 20px;}
.wdgt-pad1 {padding-left: 20px;}
.wdgt-pad2 {padding: 0 10px 0 10px;}
#divTitle {font-size: 12px; float: right;}
#divTitle a {text-decoration: none;}
.grn-sub-cat {padding-left: 10px;}
.details {padding-top: 15px;}
.srvc-main {padding-left: 40px;}
.srvc-float {width:30%; float: left;margin-right: 5px;}
.srvc-head {background: url(images/srvc-head.gif) no-repeat; height: 34px; line-height: 34px; font-size: 18px;padding-left: 10px;}

/* Left MENU small */
.public-nav-header {background-color:#F3F1F2;height: 32px;line-height: 32px;font-size: 15px;color: #1B1818;padding: 0 10px 0 10px;}

.pmidleftdtop-s, .pmidleftdtop-m, .pmidrightdtop-m {
    width: 180px;
    float: left;
    line-height: 18px;
    background: url(images/grn-wdgt-side-s.gif) repeat-y;
    margin-bottom: 14px;
}
/* Left MENU medium */
.pmidleftdtop-m, .pmidrightdtop-m {
    width: 230px;
    background: none;
    background-color:#FAFAFA;
    padding-bottom: 5px;
}
/* Right MENU medium */
.pmidrightdtop-m {
    float: right;
}

.prvdr-pic { float: right; }

/* currently only used in titles in showprovider.php */
.mleftbot-top-2 {
    width:693px; /* this is the size of the background image */
    height:37px;
    float:left;
    background:url(images/light-blue-vlong.gif) left top no-repeat;
    font-size:18px;
    line-height:37px;
    padding-left:10px;
    margin-top:20px;
    margin-bottom: 20px;
}
.mleftbot-top-2 h3 {
    float:left;
    width:200px;
    font-size: 18px;
    font-weight: normal;
    padding:0px;
    margin:0px;
}
.mleftbot-top-2 .editLink {width:200px; float:right; font-size:12px; text-align:right;padding:7px 20px 0 0}

.mlefttop-rheading {font-size: 14px; font-weight:bold;}
.div-padding {padding: 0 40px 0 40px; text-align: justify; }
.prvdr {margin-bottom: 10px; height: 70px;}
.priority{ background-image:url(images/priority-project.png); background-repeat:no-repeat; height:50px; width:50px;}
.prority-text{padding-top:25px; padding-left:11px; padding-right:16px; padding-bottom:5px;}
.smalltxt{  font-size:10px;}
/* added for categories home page -- Suresh */
#menu1 {float:left; padding-left:15px; margin-top: 5px; width:175px; margin-right: 25px; margin-bottom: 0; margin-left: 0;}
* html #menu1 {float:left; width:150px; padding-left:10px; margin-top: 5px; margin-right: 10px; margin-bottom: 0;   margin-left: 0;}
#menu1 dl { padding: 0;}
#menu1 dd {margin:0; padding:0; font-size: 11px;}
/* added for suppliers -- Suresh */
.supply1 {padding-top:4px; margin-left:20px; margin-top:2px; width: 45px; height:42px; float:left; background:url(images/arrow_top_bar.gif); cursor:pointer;}
.supply2 {padding-top:4px; margin-right:20px; margin-top:3px; width: 220px; height:42px; float:right; background:url(images/post_project_now.gif); cursor:pointer;}
.supply3 {width:200px; margin-left:150px; margin-top:4px; height:31px; float:left;}
* html .supply3 { margin-left:130px; }
.supply {float:left; padding-top:8px; margin-left:15px; width: 150px;}
.supply a, .supply a:hover {font-size:14px;color:#0E4B82;text-decoration:none;font-weight:bold;}
.supply a:hover {color:#F26520;}
.button-link{float:right; width:180px; height:30px; margin-top:5px; margin-right:85px;}

.freelancer_profile_title_box {
    width:948px;
    background-color: #eafac9;
    border: 1px solid #d4e6aa;
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
    position:relative;
    padding: 5px 0 5px 10px;
    margin-bottom: 10px;
}
.freelancer_profile_title_box h1 {margin:5px 0;font-size: 20px;}
h1.nomargin {margin:0;}
.freelancer_profile_title_box h2 {margin: 5px 0 0;font-size: 16px;font-weight:normal}

.barcen2 {width:95px;height:26px;float:right;text-align:right;padding-top:9px;color:#014A91; padding-right:6px;}
.barcen2 a {color:#014A91;text-decoration:none;}
.barcen2 a:hover {color:#F68A57;text-decoration:none;}
.summary-brdr { border-left:1px solid #D1D1D1; border-right:1px solid #D1D1D1; border-top:1px solid #D1D1D1;}
.advertise {height:30px; float:left; width:225px;}
* html .advertise { margin-left:10px;}
.googleAds { width:710px; float:left; padding-top:15px;}
* html .googleAds { width:690px;}
.txtgreen16 {font-size:16px; color:green; font-weight: bold; }
.feedbackRating {width:75px;height:14px;background:transparent url('images/starMeter.gif') no-repeat 0 0;}
.earningsRating {width:118px;height:10px;background:transparent url('images/earningsScore.png') no-repeat 0 0;}
.topRankedBadge_150x110 {width:150px;height:110px;background:transparent url('/images/TopFreelancerbadge_150x110.png') no-repeat 0 0;position:relative;color:#ff7400;font-weight:bold;text-shadow: 0.1em 0.1em #333;text-align:center;font-size:12px;}
.topRankedBadge_150x110 p {position:relative;top:68px;margin:0;}
.topRankedBadge_100x73 {width:100px;height:73px;background:transparent url('/images/TopFreelancerbadge_100x73.png') no-repeat 0 0;position:relative;color:#ff7400;font-weight:bold;text-shadow: 0.1em 0.1em #333;text-align:center;font-size:12px;}
.topRankedBadge_100x73 p {position:relative;top:31px;}
.topRankedBadge_50x37 {width:50px;height:37px;background:transparent url('/images/TopFreelancerbadge_50x37.png') no-repeat 0 0;position:relative;color:#ff7400;font-weight:bold;text-shadow: 0.1em 0.1em #333;text-align:center;font-size:8px}
.topRankedBadge_50x37 p {position:relative;top:12px;}

/* BEGIN ICONS */
/*** create a single sprite as soon as possible ***/
/* Style the jQuery form validation plugin errors*/
label.error, .uploadKO, .validationError {font-size: 90%; color: red; display: block; padding-left: 16px; background:url("images/icons/errorMark.gif") no-repeat center left;}
.showMore {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/add.png") no-repeat center left;}
.showRemove {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/delete.png") no-repeat center left;}
.showRefresh {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/refresh.png") no-repeat center left;}
.showBin {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/bin.png") no-repeat center left;}
.showUpgrade {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/upgrade.jpg") no-repeat center left;}
.showUserAdd {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/user_add.png") no-repeat center left;}
.showEdit {color: #0E4B82; text-decoration:none; padding: 1px 0 1px 18px; background:url("images/icons/wrench.png") no-repeat center left;}
.showMoney {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/money.png") no-repeat center left;}
.showEye {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("images/icons/eye.png") no-repeat center left;}
.showEyeSmall {color: #0E4B82; text-decoration:none; font-size:12px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("images/icons/eye.png") no-repeat center left;}
.showExclamation {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/exclamation.png") no-repeat center left;}
.showGood, .uploadOK, .showAccept {padding-left: 18px; background:url("images/icons/accept.png") no-repeat center left;}
.showSentMsg {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/email_go.png") no-repeat center left;}
.showOpenMsg {color: #0E4B82; text-decoration:none; padding: 2px 0 1px 18px; background:url("images/icons/email_open.png") no-repeat center left;}
.showNewMsg {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/email_add.png") no-repeat center left;}
.showEditMsg {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("images/icons/email_edit.png") no-repeat center left;}
.showEmail {color: #0E4B82; text-decoration:none; padding-left: 18px; background:url("/images/icons/email.png") no-repeat center left;}
.showAcceptBid {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/acceptBid.png") no-repeat center left;}
.showAcceptedBid {color: #000000; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/acceptBid.png") no-repeat center left;}
.showAcceptBidSmall {color: #0E4B82; text-decoration:none; font-size:12px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/acceptBid.png") no-repeat center left;}
.showWatch {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/addBid.png") no-repeat center left;}
.showWatchSmall {color: #0E4B82; text-decoration:none; font-size:12px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/addBid.png") no-repeat center left;}
.showReject {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/reject.png") no-repeat center left;}
.showInbox {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/message.png") no-repeat center left;}
.showCompose {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/messages.png") no-repeat center left;}
.showTel {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/telephone.jpg") no-repeat center left;}
.showPortFolio {color: #0E4B82; text-decoration:none; padding-left: 20px; background:url("/images/icons/portfolio_icon.png") no-repeat center left;}
.showBidReport {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/reportBid.png") no-repeat center left;}
.showReportVio {color: #0E4B82; text-decoration:none; font-size:12px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/reportBid.png") no-repeat center left;}
.showRetractedBid {color: #000000; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/reject.png") no-repeat center left;}
.showEditBid {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/icons/report.png") no-repeat center left;}
.showFeedback {color: #0E4B82; text-decoration:none; font-size:14px; font-weight:bold; line-height:22px; padding: 2px 0 1px 25px; background:url("/images/star.gif") no-repeat center left;}
.showLuck {color: #0E4B82; text-decoration:none; font-size:12px; font-weight:bold; line-height:22px; padding: 2px 0 1px 20px; background:url("/images/icons/lock.png") no-repeat center left;}
.showEmail:hover, .showEditMsg:hover, .showNewMsg:hover, .showOpenMsg:hover, .showSentMsg:hover, .showAccept:hover, .showExclamation:hover, .showEye:hover, .showMoney:hover, .showEdit:hover, .showUserAdd:hover, .showBin:hover, .showRefresh:hover, .showRemove:hover, .showMore:hover, .showAcceptBid:hover, .showWatch:hover, .showReject:hover, .showInbox:hover, .showCompose:hover, .showPortFolio:hover, .showBidReport:hover, .showReportVio:hover, .showEditBid:hover, .showFeedback:hover, .showLuck.hover  {color:#F26724; cursor: pointer;}
.showFProj {padding-left: 18px; background:url("/images/icons/featureIcon.png") no-repeat center left;}
.showInfo {padding-left: 18px; background:url("/images/icons/info.png") no-repeat center left;}
.showPause {padding-left: 18px; background:url("/images/icons/pauseIcon.png") no-repeat center left;}
.showNotePad {padding-left: 18px; font-size:14px; background:url("/images/icons/report.png") no-repeat center left;}
.icon_pdf {padding-left: 18px; background:url("/images/icons/page_white_acrobat.png") no-repeat center left;}

.icons0 {
    background: url("/images/icons/filetypes.png") no-repeat -842px -135px;
    width: 120px;
    height: 135px;
    display: block;
    margin: 0 auto;
}
.icons0.swf { background-position: -835px 0px; }
.icons0.ppt { background-position: -635px 0px; }
.icons0.pdf { background-position: -435px 0px; }
.icons0.xls { background-position: -235px 0px; }
.icons0.doc { background-position: -40px 0px; }
.icons0.wmv { background-position: -642px -135px; }
.icons0.wma { background-position: -435px -135px; }
.icons0.mov { background-position: -235px -135px; }
.icons0.mp3 { background-position: -40px -135px; }

/* END ICONS */

.spacedList ol { margin:0px;padding:0px;}
.spacedList li { padding-bottom:5px;}
.spacedList li:last-child { padding-bottom:0px; }
.content {width:894px;float:left;margin:7px;padding:0px 25px;border:1px ridge #E1E1E1;min-height:200px;}
table#bidsTable {border-collapse: collapse;}
table#bidsTable tr.firstrow td { padding-top:10px; }
table#bidsTable tr.lastrow td { padding-bottom:10px; border-bottom:1px solid #999999;}

/* image in Profile (who we are) *** not reusable *** */
.imgInP {float:right;text-align:center;padding:30px 5px 0 10px;}
/* image in News *** not reusable *** */
.imgInN {float:left;text-align:center;padding:15px 5px 0 10px;}

.inFloat h1 {float:left;width:600px;}
.inFloat p { font-size: 12px; text-align:justify;margin:10px 0;}

.navList {margin-left: 10px; padding: 5px 0;}
.navListBox {margin-bottom:15px;background-color:#FAFAFA;font-size:11px}
.navList {margin-left: 10px; padding: 5px 0;}
.navList ul {margin: 0; padding: 0;}
.navList li {list-style:none;padding:3px 0 0 15px;font-size:1.2em;}
.navList li.current a {color:#F26724;}
.navListArrow li.current {background:url("/images/icons/pointer.png") no-repeat center left;}

.numberedHeader td { vertical-align:middle;font-size: 1.5em;font-weight: bold;}
.caseStudy {width:500px;margin-left: auto;margin-right: auto;}
.caseStudy h3 em {font-size:1.2em;font-style:normal;text-decoration:none;font-weight:bold;}
.caseStudy a {float:right;}
.caseStudy img {float:left;}
.caseStudy div.profilePic {float:left;margin:20px 5px 0 0;}
.caseStudy div.profileDiv {float:left;width:395px;}
.testimonialBubble {margin:8px;padding:10px 30px 10px 30px;border:2px solid #cbcbcb;}
.testimonialBubble h4 {margin:0;padding:0;}

#howItWorks ul {margin-top:2px;margin-left: 25px; padding: 0;}
#howItWorks li {padding-bottom: 4px;}
#howItWorks div.faq {float:left;width:300px;background-color:#e6e8ea;margin:0px;padding:10px;}


/* BEGIN FLOAT / CLEAR */
.left {float: left;}
.right {float: right;}
.clearBoth {clear: both;}
.clearfix:after, .clearAfter:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .clearAfter {zoom:100%}   /*IE6*/
/* END FLOAT / CLEAR */

.hidden{ overflow:hidden; }

/* icons */
.iconHelp {
    cursor: help;
}

#siteStats {margin-top:15px;}
#siteStats b {font-size:1.5em;color:#F26724;}
#siteStats a {font-size:1.2em;font-weight:bold;margin-left:5px;}
.faqsbggreen, .faqsbgpurple{ background-color:#E1F5CD; color:#000000;  font-size:18px; text-align:center;}
.faqsbggray { background-color:#F3F1F2; color:#000000;  font-size:18px; text-align:center;}
.faqsbgpurple{ background-color:#EEDCF1;}
.actionList{margin:0;list-style:none; padding:0px 0px 0px 20px;}
.actionList li{padding:1px 0;}
.topbox {background-image:url("/images/bid_box.jpg"); background-repeat:no-repeat;}
.nolink {color:#1B1818;}
.acTitle{ font-size:20px; font-weight:bold;}
.keyHead{color:#FF6600; }
.key{color:#000000; }
.blueTickList li {list-style:none;background:url("/images/bluetick.gif") no-repeat center left;padding:5px 0 5px 20px;margin:0;font-size:1.2em;}

table#proSchemeComparison {border-collapse: collapse;font-weight: bold;}
table#proSchemeComparison td {border:1px solid #cbcbcb;padding:10px;text-align:center;}
div.infoBox {margin:10px auto;width:605px;padding: 5px 15px;border:2px solid #7056cc;background-color:#ffcc99;font-size:1.2em;}
div.infoBoxdual {padding: 5px 15px;border:2px solid #7056cc;background-color:#ffcc99;font-size:1.3em;}
.tbbg-head {background: #EFEFEF;font-size:12px;font-weight:bold;line-height:20px;}
.tbbg-subhead {background: #EFEFEF;font-size:14px;font-weight:bold;line-height:20px;}
.invite-head{font-weight:bold;height:30px; text-align:left; padding:20px;}
.invite-head h1{ font-size:18px;display:inline;font-weight:bold; padding-left:10px;}
.invite-head span{ font-size:14px;font-weight:bold;}
#invitecontinueBut {float:left;padding:5px 10px 5px 10px;margin-right:10px;font-size:12px;background-color:#62A51E; height:15px; border-top:1px solid #ACACAC;border-right:1px solid #ACACAC;border-left:1px solid #ACACAC;}
#invitecontinueBut a {color:#FFFFFF;font-weight:bold;}
#invitecontinueBut a:hover{color:#F26724;}
#postlisting {float:left;padding:5px 5px 5px 5px;font-size:14px;background-color:#62A51E; height:15px; border-top:2px solid #9C9C9C;border-right:2px solid #9C9C9C;border-left:2px solid #9C9C9C;}
#postlisting a {color:#FFFFFF;font-weight:bold;}
#postlisting a:hover{color:#F26724;}
.free-head{ font-size:14px;}
.free-head span{ font-size:14px; font-weight:bold;}
.free-head h6{ font-size:14px; font-weight:bold;}
.invite-head-gradient {
    background-image: url(/images/gradient.jpg);
    background-repeat: repeat-x;
    background-position: center top;
}

/* BEGIN BUTTONS */
/*** all this mess of buttons needs a cleanup ***/
.buttonSmaller, .buttonSmall, .buttonMedium, .buttonMedium2,  .buttonBig { text-align:center; margin:0; font-weight:bold;font-size:12px;cursor:pointer;}
.buttonSmall { font-size:15px;  }
.buttonMedium, .buttonMedium2 { font-size:15px; }
.buttonBig { font-size:25px; line-height: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; }

.buttonGrey {background-color: #CECECE;border: 1px solid #000000; color:#000;}
.buttonGrey a {border-top: 1px solid #000000}
.buttonGrey a:hover, input.buttonGrey:hover { color: #F26724; }

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

.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 { color: #333; }
.buttonGeneric a:hover, input.buttonGeneric:hover { color: #F26724; }

/* deprecated buttons underneath */
.continueButton, .cancelButton, .backButton, .setupAccount, .payViaPPHButton, .payViaCCButton, .payViaPaypalButton, .submitButton, .postProjectButton, .postAProjectButton, .joinNowButton, .registerNowButton, .cancelSubscriptionButton, .backToBuyerAccountButton, .getReferredNowButton, .upgradeMembershipButton, .purchaseBiddingCreditsButton, .uploadButton, .importFeedbackButton, .growYourNetworkButton, .proceedWithoutRegButton  {
  display: block;height: 32px;border: none;cursor:pointer;
}
.continueButton:hover, .cancelButton:hover, .backButton:hover, .setupAccount:hover, .payViaPPHButton:hover, .payViaCCButton:hover, .payViaPaypalButton:hover, .submitButton:hover, .postProjectButton:hover, .postAProjectButton:hover, .joinNowButton:hover, .registerNowButton:hover, .cancelSubscriptionButton:hover, .backToBuyerAccountButton:hover, .getReferredNowButton:hover, .upgradeMembershipButton:hover, .purchaseBiddingCreditsButton:hover, .uploadButton:hover, .importFeedbackButton:hover, .growYourNetworkButton:hover, .proceedWithoutRegButton:hover {
  background-position: 0 -32px;
}
.continueButton span, .cancelButton span, .backButton span, .setupAccount span, .payViaPPHButton span, .payViaCCButton span, .payViaPaypalButton span, .submitButton span, .postProjectButton span, .postAProjectButton span, .joinNowButton span, .registerNowButton span, .cancelSubscriptionButton span, .backToBuyerAccountButton span, .getReferredNowButton span, .upgradeMembershipButton span, .purchaseBiddingCreditsButton span, .uploadButton span, .importFeedbackButton span, .growYourNetworkButton span, .proceedWithoutRegButton span {
  display: none;
}
.continueButton {width: 132px; background: url("/images/continueButton_CssRollover.png") no-repeat 0 0;}
.cancelButton {width: 105px; background: url("/images/cancelButton_CssRollover.png") no-repeat 0 0; }
.backButton {width: 95px; background: url("/images/backButton_CssRollover2.png") no-repeat 0 0; }
.setupAccount {width: 206px; background: url("/images/setupButton_CssRollover.png") no-repeat 0 0; }
.payViaPPHButton {width: 345px; background: url("/images/payViaPPHButton_CssRollover.png") no-repeat 0 0; }
.payViaCCButton {width: 260px;background: url("/images/payViaCreditCardButton_CssRollover.png") no-repeat 0 0;}
.payViaPaypalButton {width: 220px;background: url("/images/payViaPaypalButton_CssRollover.png") no-repeat 0 0;}
.submitButton {width: 132px;background: url("/images/continueButton_CssRollover.png") no-repeat 0 0;}
.postAProjectButton {width: 185px;background: url("/images/buttons/postAProjectButton_CssRollover.png") no-repeat 0 0;}
.postProjectButton {width: 170px;background: url("/images/buttons/postProjectButton_CssRollover.png") no-repeat 0 0;}
.joinNowButton {width: 150px;background: url("/images/buttons/joinNowButton_CssRollover.png") no-repeat 0 0;}
.registerNowButton {width: 180px;background: url("/images/buttons/registerNowButton_CssRollover.png") no-repeat 0 0;}
.cancelSubscriptionButton {width: 231px;background: url("/images/buttons/cancelSubscritionButton_CssRollover.png") no-repeat 0 0;}
.backToBuyerAccountButton {width: 165px;background: url("/images/buttons/myAccountButton_CssRollover.png") no-repeat 0 0;}
.getReferredNowButton {width: 220px;background: url("/images/buttons/getReferredNowButton_CssRollover.png") no-repeat 0 0;}
.upgradeMembershipButton {width: 250px;background: url("/images/buttons/upgradeMembershipButton_CssRollover.png") no-repeat 0 0;}
.purchaseBiddingCreditsButton {width: 283px;background: url("/images/buttons/purchaseBiddingCreditsButton_CssRollover.png") no-repeat 0 0;}
.uploadButton {width: 130px; background: url("/images/buttons/uploadButton_CssRollover.png") no-repeat 0 0;}
.importFeedbackButton {width: 210px; background: url("/images/buttons/importFeedbackButton_CssRollover.png") no-repeat 0 0;}
.growYourNetworkButton {width: 215px; background: url("/images/buttons/growYourNetworkButton_CssRollover.png") no-repeat 0 0;}
.proceedWithoutRegButton {width: 310px; background: url("/images/buttons/proceedWithoutRegButton_CssRollover.png") no-repeat 0 0;}

/* END BUTTONS */

.bidbox {
    text-align:left;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    background-color: #FFCC99;
}
.bidrefundbox img {
    float: right;
    margin: 0;
}
.bidproviderbox {
    text-align:left;
    padding: 5px 5px 5px 5px;
    width:320px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    background-color: #E6E6E6;
}
.contactColor{
    color:#80572E;
}
.viewbidheder{
    font-size:16px;
    font-weight:bold;
}
/* Align the star near the star member icon near the freelancer name */
.viewbidheder a {
    display: block;
    float: left;
}

/* image styles */
img.floatLeft { margin: 0 5px 5px 0; float: left; }

/* TEXT CONTAINERS */
/***
 * The idea is to create different text containers that can be easly reused across the site
 * where the html tags can be re-defined without adding classes or inline styles or even create a css specific to a single page
***/
.container1 { }
.container1 h3 {
    margin: 2.3em 0 1em;
}

/* a two column container */
.containerTwoCol {
    padding: 1em 0 1.3em;
}
.containerTwoCol div {
    float: left;
    width: 49%;
    margin-right: 0.8%;
}
.bidInfoBorderedSpace{
    text-align:left;
    border:3px solid #999999;
    background-color:#FFFFCC;
}
.bidInfoBorderedSpaceTips{
    text-align:left;
    border:1px solid #999999;
    background-color:#ffffec;
}
.inviteBidSuccessMsg{
    font-size:16px;
    font-weight:bold;
    color:#F00;
}
.inviteBidInvitedMsg{
    font-size:14px;
    font-weight:bold;
}
.inviteBidAvailableMsg{
    font-size:12px;
    font-weight:bold;
}
.inviteBidAvailableMsg a {cursor:help; margin-left:5px;}
.bidMessageByText{
    color: #999999;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* 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;
}
.tick_green {
    background: url(/images/icons/tick-success.png) left center  no-repeat;
    padding-left:30px;
    list-style: none;
    font-size:13px;
    background-color:#EEEEEE;
}
.freelancerCommentInfoBox{
    text-align:left;
    border:3px solid #999999;
    background-color:#FFFFCC;
    font-size:14px;
    line-height:15px;
    padding:10px 10px 20px 5px;
}
.freelancerComment{
    background-color:#F7F7F7;
}
.freelancerComment > div {
    display: none;
    padding-bottom: 1em;
}
.freelancerComment h2{
    background-color:#EEF3FA;
    margin: 0 0 0 0;
    cursor: pointer;
    position: relative;
    color: #0E4B82;
    font-size:14px;
    padding-top:5px;
    padding-bottom:5px;
    border: 1px ridge #E1E1E1;
}
.freelancerComment h2:hover {
    color: #F26724;
}
.freelancerComment h2 span{
    padding-left:15px;
}
.freelancerComment h2 .more{
    padding-left:2px;
}
.comentBody{
    padding-left:15px;
    padding-bottom:30px;
}
.freelancerMsgTxt{
    font-size:15px;
    font-style:italic;
}
#networkTip {
background-color: #FAFAC2;
border: 3px solid #B2B2B2;
padding: 5px;
}
#networkTip p {
color:#FF0000;
font-weight:bold;
margin: 5px;
}
.infoYellowBox{
    text-align:left;
    border:3px solid #999999;
    background-color:#FFFFCC;
    padding:5px 5px 5px 10px;
}
.bidKeyMargin{
    margin-left:5px;
}

.getStartedHeader{
    color:#444444;
    text-align:left;
    font-weight:900;
    font-size:14px;
}
.getStartedHeader span{
    color:#F26724;
}
.getStartedBox{
    float:right;
    width:190px;
    margin:0 0 25px 0;
    padding-bottom:10px;
}
.topline{ border-top:1px solid #D5D5D5;}
.grayinboxtext {
    color: gray;
    line-height:20px;
    vertical-align:middle;
}
.currentMarker{
    display: inline-block;
    padding: 1px 10px 1px 10px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    background-color: #7181BC;
}

.outsidePPHComsWarning {color: #CC3300;font-style:italic;margin-top: 15px; padding-left:25px; background:url('/images/icons/reportBid.png') no-repeat center left;}

/* common site footer */
#container_tail {clear: both; margin-top: 10px; 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;}

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; }

.tblbdrPeriod { border: 2px solid #D1D1D1;}
.txtPeriod{ color:#FFF; font-size:18px; font-weight:bold;}

.videobox, .videoboxSmall { padding:10px;background-color:#F1F1F1;position:relative; }
.videoboxSmall { padding: 0px; }
.videoboxSmall img { margin: 10px; }

.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;}

.yellowHeader { background-color:#FFFFE1; padding:8px 2px 8px 2px; margin:5px 0px 5px 0px; font-size:14px;}
.paymentSuccessMsg { font-size:14px; color:#62A537; font-weight:bold;}
.topBottomPading{ padding:10px 0px 10px 0px;}

.share-container a { float: left; margin: 4px 2px; }

/*---This below style is for disabling standard gray button same as html button disabled...------*/
.buttonDisableGeneric { background-color: #F5F4EA; border: 1px solid #C9C7BA; color: #333; }
.buttonDisableGeneric a { color: #ACA899; }
.buttonDisableGeneric a:hover, input.buttonDisableGeneric:hover { color: #ACA899; }

/* Top-right Community drop-down menus */
div.topnavWrap {
    z-index:1000;
    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:2000;
    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:3000;
    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:3000;
    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:10000;
    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:10000;
    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:10000;
    background:url('/images/dropdown_orange.png') 0px 7px no-repeat;
}

ul.topnav > li.ntab:hover {
    zoom:1;
    z-index:30000;
    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:10000;
    padding-bottom: 5px;
}

ul.topnav > li.ntab ul.subMenu{
    zoom:1;
    z-index:2000;
    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:5000;
    position:relative;
    list-style:none;
    padding:0px 10px 2px 5px;
    width:110%;
}

ul.topnav > li.ntab ul.subMenuNC {
    zoom:1;
    z-index:4000;
    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:5000;
    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 common.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 > 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 a.pIcon {
    display:block;
    margin: 1px 5px 0 5px;
    width: 16px;
    height: 16px;
}
.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: 0;
}
/* 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;
}

.pWord_wrap{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
/*--------------------------------------------------------------**
* Woohoo Connection bar on Top
**--------------------------------------------------------------*/
div.connectionTopBarContainer {
    background:url('/images/connections/banner_gradient.png') top left repeat-x;
    width: 100%;
    height: 40px;
    border-bottom: #C0D16E solid 1px;
    position: relative;
}
div.topBarMain {
    width: 700px;
    margin: auto;
}
div.topBarNew {
    background:url('/images/connections/new.png') top left no-repeat;
    width: 34px;
    height: 16px;
    margin-top: 10px;
    margin-right: 12px;
    float: left;
}
div.topBarText {
    font-size: 17px;
    font-weight: bold;
    color: #264406;
    padding-top: 12px;
    padding-right: 20px;
    float: left;
    letter-spacing:0.5px
}
div.topBarButton{
    padding-top: 6px;
    float: left;
}
div.topBarClose{top:14px;right:10px;position: absolute;}
/* /NEW HEADER */