body {background-color:#ffffff; margin: 0; font-family:museo_sans_rounded, Trebuchet MS, Arial, Sans-Serif; font-style:normal; font-size: 13px; color: #000; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}

/*possible fix for disappearing parts of page (chrome bug)
body {-webkit-transform: translate3d(0,0,0);}*/

/*fix for rendering bug of custom google fonts in chrome*/
body {-webkit-animation-delay:0.1s; -webkit-animation-name:fontfix; -webkit-animation-duration:0.1s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:linear}
@-webkit-keyframes fontfix {from { opacity:1} to { opacity:1}}
/**/

td, div {font-style: normal; font-size:inherit; color:#000; text-align:left}
.dir {direction: ltr}
.ltr {direction: ltr; text-align:left}
.rtl {direction: rtl; text-align:right}
.unbold {font-weight:normal}
h1, h2, h3 {font-size:inherit; padding:0; font-weight:normal; margin:0}
img {border:none}

#headerResponsive {display:none}

.center {text-align:center}

/*custom fonts*/
.lobster {font-family: 'Lobster', KatsefetBlack, cursive, sans-serif;}

@font-face {
    font-family:KatsefetBlack;
    src: url("fonts/KatsefetBlack.ttf") format("truetype");
}

.KatsefetBlack {font-family:KatsefetBlack, Arial, sans-serif}

@font-face {
    font-family:Mont;
    src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family:RobotoThin;
    src: url("fonts/Roboto-Thin.ttf") format("truetype");
}

@font-face {
    font-family:RobotoLight;
    src: url("fonts/Roboto-Light.ttf") format("truetype");
}

/*

@font-face {
    font-family:OpenSans;
    src: url("fonts/OpenSansHebrew-Regular.ttf") format("truetype");
}
*/


@font-face {
    font-family: OpenSans;
    font-style: italic;
    font-weight: 300;
    src: url(fonts/opensanshebrew-lightitalic-webfont.eot);
    src: url(fonts/opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-lightitalic-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-lightitalic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/opensanshebrew-light-webfont.eot);
    src: url(fonts/opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-light-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-light-webfont.ttf) format('truetype');
}
@font-face {
    font-family: OpenSans;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/opensanshebrew-italic-webfont.eot);
    src: url(fonts/opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-italic-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-italic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/opensanshebrew-regular-webfont.eot);
    src: url(fonts/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-regular-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-regular-webfont.ttf) format('truetype');
}
@font-face {
    font-family: OpenSans;
    font-style: italic;
    font-weight: 700;
    src: url(fonts/opensanshebrew-bolditalic-webfont.eot);
    src: url(fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-bolditalic-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-bolditalic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/opensanshebrew-bold-webfont.eot);
    src: url(fonts/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-bold-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-bold-webfont.ttf) format('truetype');
}
@font-face {
    font-family: OpenSans;
    font-style: italic;
    font-weight: 800;
    src: url(fonts/opensanshebrew-extrabold-webfont.eot);
    src: url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 800;
    src: url(fonts/opensanshebrew-extrabold-webfont.eot);
    src: url(fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
    url(fonts/opensanshebrew-extrabold-webfont.woff) format('woff'),
    url(fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}

.mont {font-family:Mont, OpenSans, Arial, Sans-Serif}
.openSans {font-family:OpenSans, RobotoLight, Arial, Sans-Serif}
.robotoThin {font-family:RobotoThin, OpenSans, Arial, Sans-Serif}
.robotoLight {font-family:RobotoLight, OpenSans, Arial, Sans-Serif}
.georgia {font-family:Georgia, Times, 'Times New Roman', Serif}

.relative {position:relative}
.left {text-align:left}

tr.alternator:nth-child(odd)  {background-color:#f4f4f4; transition:all 0.2s ease}
tr.alternator:nth-child(even) {background-color:#fff; transition:all 0.2s ease}
div.alternator:nth-child(odd)  {background-color:#f4f4f4; transition:all 0.2s ease}
div.alternator:nth-child(even) {background-color:#fff; transition:all 0.2s ease}
/*div.alternator:nth-child(odd):hover {background-color:#ffc; transition:all 0.2s ease}*/
/*div.alternator:nth-child(even):hover {background-color:#ffc; transition:all 0.2s ease}*/
li.alternator:nth-child(odd)  {background-color:#f4f4f4; transition:all 0.2s ease}
li.alternator:nth-child(even) {background-color:#fff; transition:all 0.2s ease}

li.clean {list-style: none}

p.paraTitle {font-size:30px; color:#333; margin:30px 0 10px 0; text-shadow:0 1px 3px #ccc}
p.paraSectionTitle {font-size:18px; color:#333; margin:30px 0 10px 0; text-shadow:0 1px 3px #ccc}
p.paraBody {font-size:14px}
ol.paraBody, ul.paraBody {font-size:14px}
ol.paraBody li, ul.paraBody li {margin-bottom:10px}

.error {width:450px; border:solid 1px #EED3D7; background-color:#F2DEDE; color:#B94A48; font-size:10pt; padding:10px; margin:20px auto; text-shadow:0 1px #fff; font-weight:bold; border-radius:3px}
.errorFluid {border:solid 1px #EED3D7; background-color:#F2DEDE; color:#B94A48; font-size:10pt; padding:10px; margin:20px auto; text-shadow:0 1px #fff; font-weight:bold; border-radius:3px}
.info {border:solid 1px #BCE8F1; background-color:#D9EDF7; color:#3A87AD; font-size:10pt; padding:10px; margin:20px auto; text-shadow:0 1px #fff; font-weight:bold; border-radius:3px}
.success {border:solid 1px #D6E9C6; background-color:#DFF0D8; color:#468847; font-size:10pt; padding:10px; margin:20px auto; text-shadow:0 1px #fff; font-weight:bold; border-radius:3px}
.warn {width:450px; border:solid 1px #f1dacf; background-color:#f4e7db; color:#c88038; font-size:10pt; padding:10px; margin:20px auto; text-shadow:0 1px #fff; font-weight:bold; border-radius:3px}
.pay {width:450px; border:solid 1px #b9006d; background-color:#F8E8FF; color:#b9006d; font-size:10pt; padding:10px; margin:20px auto; text-shadow:0 1px #fff; font-weight:bold; border-radius:3px}

/*top margins*/
.mt5    {margin-top:5px}
.mt10   {margin-top:10px}
.mt15   {margin-top:15px}
.mt20   {margin-top:20px}
.mt25   {margin-top:25px}
.mt30   {margin-top:30px}
.mt40   {margin-top:40px}
.mt50   {margin-top:50px}
.mt100  {margin-top:100px}

.mt-5    {margin-top:-5px}
.mt-10   {margin-top:-10px}
.mt-15   {margin-top:-15px}
.mt-20   {margin-top:-20px}
.mt-25   {margin-top:-25px}
.mt-30   {margin-top:-30px}
.mt-40   {margin-top:-40px}
.mt-50   {margin-top:-50px}
.mt-100  {margin-top:-100px}

/*bottom margins*/
.mb5    {margin-bottom:5px}
.mb10   {margin-bottom:10px}
.mb15   {margin-bottom:15px}
.mb20   {margin-bottom:20px}
.mb25   {margin-bottom:25px}
.mb30   {margin-bottom:30px}
.mb40   {margin-bottom:40px}
.mb50   {margin-bottom:50px}
.mb100  {margin-bottom:100px}

.mb-5    {margin-bottom:-5px}
.mb-10   {margin-bottom:-10px}
.mb-15   {margin-bottom:-15px}
.mb-20   {margin-bottom:-20px}
.mb-25   {margin-bottom:-25px}
.mb-30   {margin-bottom:-30px}
.mb-40   {margin-bottom:-40px}
.mb-50   {margin-bottom:-50px}
.mb-100  {margin-bottom:-100px}


/*rounded corners*/
.radius2 {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.radius3 {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.radius5 {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
.radius10 {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.radius15 {border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px}
.radius25 {border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px}
.radius50 {border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px}
.radius100 {border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px}
.radius5right {border-bottom-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px}
.radius5left {border-bottom-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px}
.radius5top {border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px}
.radius5bottom {border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px}

a {color:#0091ee; text-decoration:none}
a:hover {color:#0091ee; text-decoration:underline}
a:active {color:#0091ee}
a:visited {color:#0091ee}

a.white {color:#fff; text-decoration:none}
a.white:hover {color:#fff; text-decoration:underline}
a.white:active {color:#fff}
a.white:visited {color:#fff}

a.red {color:#c00; text-decoration:none}
a.red:hover {color:#c00; text-decoration:underline}
a.red:active {color:#c00}
a.red:visited {color:#c00}

a.black {color:#000; text-decoration:none}
a.black:hover {color:#000; text-decoration:underline}
a.black:active {color:#c00}
a.black:visited {color:#000}

a.magenta {color:#b9006d; text-decoration:none}
a.magenta:hover {color:#b9006d; text-decoration:underline}
a.magenta:active {color:#b9006d}
a.magenta:visited {color:#b9006d}

a.pink {color:#eb456d; text-decoration:none}
a.pink:hover {color:#eb456d; text-decoration:underline}
a.pink:active {color:#eb456d}
a.pink:visited {color:#eb456d}


a.gray {color:#666; text-decoration:none}
a.gray:hover {color:#666; text-decoration:underline}
a.gray:active {color:#666}
a.gray:visited {color:#666}

a.medgreen {color:#80c740; text-decoration:none}
a.medgreen:hover {color:#80c740; text-decoration:underline}
a.medgreen:active {color:#80c740}
a.medgreen:visited {color:#80c740}

a.medblue {color:#0091ee; text-decoration:none}
a.medblue:hover {color:#0091ee; text-decoration:underline}
a.medblue:active {color:#0091ee}
a.medblue:visited {color:#0091ee}

a.orange {color:#c60; text-decoration:none}
a.orange:hover {color:#c60; text-decoration:underline}
a.orange:active {color:#c60}
a.orange:visited {color:#c60}

a.errorLink {color:#B94A48; text-decoration:none}
a.errorLink:hover {color:#B94A48; text-decoration:underline}
a.errorLink:active {color:#B94A48}
a.errorLink:visited {color:#B94A48}

a.redBubble {font-size:11px; background:#c00; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff}
a.redBubble:hover {text-decoration:none; background:#b00; color:#fff}
a.redBubble:active {color:#fff}
a.redBubble:visited {color:#fff}

a.blueBubble {font-size:11px; background:#1c94d8; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff}
a.blueBubble:hover {text-decoration:none; background: #1984c1; color:#fff}
a.blueBubble:active {color:#fff}
a.blueBubble:visited {color:#fff}

a.medGreenBubble {font-size:11px; background:#80c740; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff}
a.medGreenBubble:hover {text-decoration:none; background:#75b53a; color:#fff}
a.medGreenBubble:active {color:#fff}
a.medGreenBubble:visited {color:#fff}

a.orangeBubble {font-size:11px; background:#f16f01; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff}
a.orangeBubble:hover {text-decoration:none; background:#f16f01; color:#fff}
a.orangeBubble:active {color:#fff}
a.orangeBubble:visited {color:#fff}

a.pinkBubble {font-size:11px; background:#eb456d; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff}
a.pinkBubble:hover {text-decoration:none; background:#eb456d; color:#fff}
a.pinkBubble:active {color:#fff}
a.pinkBubble:visited {color:#fff}

a.grayBubble {font-size:11px; background:#bbb; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff}
a.grayBubble:hover {text-decoration:none; background:#bbb; color:#fff}
a.grayBubble:active {color:#fff}
a.grayBubble:visited {color:#fff}


.redBubble      {font-size:11px; background:#cc0000; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff; text-shadow:none; letter-spacing:normal; white-space:nowrap; line-height:25px}
.medGreenBubble {font-size:11px; background:#80c740; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff; text-shadow:none; letter-spacing:normal; white-space:nowrap; line-height:25px}
.orangeBubble   {font-size:11px; background:#f16f01; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff; text-shadow:none; letter-spacing:normal; white-space:nowrap; line-height:25px}
.pinkBubble     {font-size:11px; background:#eb456d; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff; text-shadow:none; letter-spacing:normal; white-space:nowrap; line-height:25px}
.grayBubble     {font-size:11px; background:#bbbbbb; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff; text-shadow:none; letter-spacing:normal; white-space:nowrap; line-height:25px}
.darkGrayBubble {font-size:11px; background:#888888; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff; text-shadow:none; letter-spacing:normal; white-space:nowrap; line-height:25px}
.blueBubble     {font-size:11px; background:#1c94d8; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff; text-shadow:none; letter-spacing:normal; white-space:nowrap; line-height:25px}
.magentaBubble  {font-size:11px; background:#b9006d; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff; text-shadow:none; letter-spacing:normal; white-space:nowrap; line-height:25px}
.goldBubble     {font-size:11px; background:#cc9800; text-transform:uppercase; padding:3px 5px; font-weight:bold; color:#fff; text-shadow:none; letter-spacing:normal; white-space:nowrap; line-height:25px}

.redBubbleClear      {font-size:13px; padding:1px 3px; border:solid 2px #cc0000; background:#fff; text-transform:uppercase; font-weight:bold; color:#cc0000; text-shadow:none; letter-spacing:normal}
.medGreenBubbleClear {font-size:13px; padding:1px 3px; border:solid 2px #80c740; background:#fff; text-transform:uppercase; font-weight:bold; color:#80c740; text-shadow:none; letter-spacing:normal}
.orangeBubbleClear   {font-size:13px; padding:1px 3px; border:solid 2px #f16f01; background:#fff; text-transform:uppercase; font-weight:bold; color:#f16f01; text-shadow:none; letter-spacing:normal}
.grayBubbleClear     {font-size:13px; padding:1px 3px; border:solid 2px #bbbbbb; background:#fff; text-transform:uppercase; font-weight:bold; color:#bbbbbb; text-shadow:none; letter-spacing:normal}
.darkGrayBubbleClear {font-size:13px; padding:1px 3px; border:solid 2px #888888; background:#fff; text-transform:uppercase; font-weight:bold; color:#888888; text-shadow:none; letter-spacing:normal}
.blueBubbleClear     {font-size:13px; padding:1px 3px; border:solid 2px #1c94d8; background:#fff; text-transform:uppercase; font-weight:bold; color:#1c94d8; text-shadow:none; letter-spacing:normal}
.magentaBubbleClear  {font-size:13px; padding:1px 3px; border:solid 2px #b9006d; background:#fff; text-transform:uppercase; font-weight:bold; color:#b9006d; text-shadow:none; letter-spacing:normal}
.goldBubbleClear     {font-size:13px; padding:1px 3px; border:solid 2px #cc9800; background:#fff; text-transform:uppercase; font-weight:bold; color:#cc9800; text-shadow:none; letter-spacing:normal}


/*count indicator bubbles*/
.countIndicator {cursor:pointer; color:#fff; background:#c00; width:20px; height:20px; padding:3px 2px 0 1px; font-size:14px; border-radius:50%; letter-spacing:-1px; position:absolute; right:-3px; top:-13px; z-index:10000; font-weight:bold; border:solid 2px #fff; text-align:center; vertical-align:middle; margin:0; box-shadow:-1px 1px 4px #ccc; transition:all 0.2s ease}
.countIndicator:hover {background:#b00; transition:all 0.2s ease}

.countIndicatorNav {cursor:pointer; color:#fff; background:#c00; width:20px; height:20px; padding:3px 2px 0 1px; font-size:14px; border-radius:50%; letter-spacing:-1px; position:absolute; right:-1px; top:-2px; z-index:10000; font-weight:bold; border:solid 2px #fff; text-align:center; vertical-align:middle; margin:0; box-shadow:-1px 1px 4px #ccc; text-shadow:0 2px 1px #900; transition:all 0.2s ease}
.countIndicatorNav:hover {background:#b00; transition:all 0.2s ease}


.countIndicatorGreen {cursor:pointer; color:#fff; background:#75c001; width:20px; height:20px; padding:3px 2px 0 1px; font-size:14px; border-radius:50%; letter-spacing:-1px; position:absolute; right:-3px; top:-13px; z-index:10000; font-weight:bold; border:solid 2px #fff; text-align:center; vertical-align:middle; margin:0; box-shadow:-1px 1px 4px #ccc; transition:all 0.2s ease}
.countIndicatorGreen:hover {background:#69ad00; transition:all 0.2s ease}



/*header & nav*/
.mainNavBorder {border-left: 1px solid #2c9dde;}
    /*start homepage override*/
#navBar {background:#1c94d8; height:40px; min-width:1000px;}
a.mainNav {height:30px; padding-top:10px; color:#fff; float:left; text-align:center; cursor:pointer; text-shadow:0 1px 1px #016ba7; text-align:center; font-size:15px; color:#fff; font-weight:bold; text-transform:uppercase}
a.mainNavOn {background:#0986cd; text-shadow:0 1px 1px #016ba7; text-decoration:none; height:30px; padding-top:10px; color:#fff; float:left; text-align:center; cursor:pointer; text-align:center; font-size:15px; color:#fff; font-weight:bold; text-transform:uppercase}
.mainNavSep {float:left; height:40px; background:#2c9dde; position:relative; z-index:1000}
#mainNavUser {float:left; height:24px; background:#fff; margin:5px 0 0 15px; padding:3px 15px; position:relative; z-index:1000}
#mainNavSearch {float:right; width:80px; background:#fff; margin:5px 10px 0 0; padding:3px 15px; position:relative; height:24px; z-index:10}
#subNav0 {width:400px; position:absolute; top:45px; left:0; border:solid 3px #016ba7; background:#fff; z-index:1000}
#subNav1 {width:330px; position:absolute; top:45px; left:0; border:solid 3px #e06700; background:#fff; z-index:1000}
#subNav2 {width:300px; position:absolute; top:45px; left:0; border:solid 3px #4c9f00; background:#fff; z-index:1000}
#subNav3 {width:300px; position:absolute; top:45px; left:0; border:solid 3px #b9006d; background:#fff; z-index:1000}
#subNav4 {width:307px; position:absolute; top:40px; left:-3px; border:solid 3px #1c94d8; background:#fff; z-index:1000}
    /*end homepage override*/

.headerDivTop {padding:10px 10px 0 10px; position:relative; z-index:100; width:200px}
.headerDivTop td {white-space:nowrap}
#socialBtns {text-align:left; direction:ltr; border:solid 1px #ddd; padding:10px 10px 3px 10px; background:#fff; width:120px; position:absolute; top:18px; right:0; z-index:2000}
#socialBtns div {text-align:left; direction:ltr}

#headerTop { position: relative; }

.tenYearsBar {background:#fff; color:#fff; text-align:center; padding:3px; position:relative; z-index:1000; border-bottom:solid 3px #1c94d8;}

.headerTopFacebookWrapper {width:200px; position:absolute; right:220px; top:-24px}

.header_cust_serv_wrapper {float:left; font-size:11px; color:#888; padding-top:10px; margin-left:15px; text-align:center}
.header_tel {color:#555}
.header_hrs {color:#aaa; margin-top:4px; text-align:center}

#mainNavSearch img {position:absolute; top:5px; left:10px}
#mainNavSearch input {color:#333; width:60px; border:none; outline:none; font-family:'Trebuchet MS',Sans-Serif; margin-left:20px}

.navUserCheck {position:absolute; left:8px; top:8px}
.navUserFreetrial {position:absolute; left:8px; top:7px}
.navUserGov {position:absolute; left:8px; top:7px}
.navUserFlag {position:absolute; left:-18px; top:1px}
.navUserDot {position:absolute; left:11px; top:8px}
.navUserName {color:#000; font-weight:bold; margin:3px 0 0 18px; font-weight:bold; font-size:12px}
.navUserLogin {color:#000; font-weight:bold; margin:3px 0 0 0; font-weight:bold;}

a.mainNavWidthOne    {width:70px}
a.mainNavWidthTwo    {width:146px}
a.mainNavWidthThree  {width:112px}
a.mainNavWidthFour   {width:116px}
a.mainNavWidthFive   {width:118px}

a.mainNav:hover {background:#0986cd; /*text-shadow:0 1px 1px #e36a03;*/ text-decoration:none; color:#fff /*border-right:solid 1px #f69400*/; transition:all 0.2s ease}
a.mainNav:active {color:#fff; transition:all 0.2s ease}
a.mainNav:visited {color:#fff}

a.mainNavOn:hover {background:#047abc; text-decoration:none; color:#fff; transition:all 0.2s ease}
a.mainNavOn:active {color:#fff; transition:all 0.2s ease}
a.mainNavOn:visited {color:#fff}


a.subNav1 {outline:none; background:none; color:#e06700; padding:8px 15px; font-size:16px; border-top:solid 1px #fff; border-bottom:solid 1px #e3e3e3; display:block; cursor:pointer; text-shadow:0 1px #f3f3f3}
a.subNav2 {outline:none; background:none; color:#4c9f00; padding:8px 15px; font-size:16px; border-top:solid 1px #fff; border-bottom:solid 1px #e3e3e3; display:block; cursor:pointer; text-shadow:0 1px #f3f3f3}
a.subNav3 {outline:none; background:none; color:#b9006d; padding:8px 15px; font-size:16px; border-top:solid 1px #fff; border-bottom:solid 1px #e3e3e3; display:block; cursor:pointer; text-shadow:0 1px #f3f3f3}
a.subNav4, a.subNav4Highlight {outline:none; background:none; color:#777; padding:5px 15px; font-size:13px; border-top:solid 1px #fff; border-bottom:solid 1px #e3e3e3; display:block; cursor:pointer; text-shadow:0 1px #f3f3f3}
a.subNav4Highlight {color:#e06700}
a.subNav1:hover, a.subNav2:hover, a.subNav3:hover, a.subNav4:hover, a.subNav4Highlight:hover {background:#ffc; text-decoration:none; text-shadow:0 1px #fff; border-bottom:solid 1px #ccc; font-weight:bold; transition:all 0.2s ease}
a.subNav4Highlight:hover {color:#e06700; transition:all 0.2s ease}
a.subNav1:active, a.subNav2:active, a.subNav3:active, a.subNav4:active, a.subNav4Highlight:active {color:#000; background:#ffa}
a.subNav4 .subNavCount, a.subNav4 .subNavCountGray, a.subNav4 .subNavCountGreen {margin-top:-3px}

.subNavCounter {font-size:8px; color:#bbb; margin:0 0 0 -10px; font-weight:normal}

.subNavArrow {vertical-align:-6px; margin:0 5px 0 -3px}
.subNavCount {background:#f16f01; color:#fff; border:solid 2px #fff; display:inline-block; font-weight:bold; text-align:center; font-size:12px; font-weight:bold; padding:0 4px; font-family:Arial, Sans-serif; text-shadow:1px 1px 0 #e74000; margin-top:8px; transition:all 0.2s ease}
.subNavCount:hover {background:#ca5d00; transition:all 0.2s ease}
.subNavDesc {color:#888; font-size:10px; margin-left:28px; text-shadow:none; font-weight:bold}

.subNavCountGray {background:#777; color:#fff; border:solid 2px #fff; display:inline-block; font-weight:bold; text-align:center; font-size:12px; font-weight:bold; padding:0 4px; font-family:Arial, Sans-serif; text-shadow:1px 1px 0 #333; margin-top:8px; transition:all 0.2s ease}
.subNavCountGray:hover {background:#555; transition:all 0.2s ease}

.subNavCountGreen {background:#4c9f00; color:#fff; border:solid 2px #fff; display:inline-block; font-weight:bold; text-align:center; font-size:12px; font-weight:bold; padding:0 4px; font-family:Arial, Sans-serif; text-shadow:1px 1px 0 #4da200; margin-top:8px; transition:all 0.2s ease}
.subNavCountGreen:hover {background:#3b7c00; transition:all 0.2s ease}

.subNavInEscrow {color:#b9006d; background:#fbedf5; padding:0 5px; border:solid 1px #b9006d; font-weight:normal}
.subNavValue {color:#0091ee; background:#fff; padding:0 5px; border:solid 1px #0091ee; font-weight:normal; margin-top:-2px}
.subNavValueWallet {color:#b9006d; background:#fff; padding:0 5px; border:solid 1px #b9006d; font-weight:normal; margin-top:-2px}
.subNavValueSubscription {color:#c00; background:#ffc; padding:0 5px; border:solid 1px #c00; font-weight:normal; margin-top:-2px; text-shadow:none}
.subNavValueProvider {color:#4c9f00; background:#fff; padding:0 5px; border:solid 1px #4c9f00; font-weight:normal; margin-top:-2px; text-shadow:none}
.subNavValuePending {color:#c00; background:#fff; padding:0 5px; border:solid 1px #c00; font-weight:normal; margin-top:-2px; text-shadow:none}
.subNavValueVerifiedBuyer {color:#f16f01; background:#fff; padding:0 5px; border:solid 1px #f16f01; font-weight:normal; margin-top:-2px; text-shadow:none}


.mainNavArrow {position:absolute; left:18px; top:-14px}
.navLoginError {font-size:13px; background:#F2DEDE; padding:5px 10px; margin:10px 0 0 0; color:#B94A48; border-top:solid 1px #EED3D7; border-bottom:solid 1px #EED3D7; text-shadow:0 1px #fff; font-weight:bold; text-align:center; border-radius:3px}
.navLoginFieldset {padding:10px 20px 20px 20px}
input[type=text].navLoginField, input.navLoginField[type=password] {padding:5px; font-size:18px; width:150px; border:solid 2px #ddd; direction:ltr; text-align:left; outline:none; color:#444}
.navLoginLabel {width:100px; color:#888; font-size:13px; display:inline-block;}
.navLoginJoin {font-size:13px; background:#e8e8e8; padding:5px 10px; margin:-10px 0 10px 0; text-align:center; transition:all 0.2s ease}
.navLoginJoin:hover {background:#fec; transition:all 0.2s ease}

.freeTrialPeelNav {position:absolute; top:12px; right:15px; height:35px; width:66px}

.mainOuter {text-align:center}
.mainInnerNoSidebar {width:1000px; margin:0 auto}
.mainInnerWithSidebar {width:750px; margin:0 auto}
.mainInnerNarrow {width:550px; margin:0 auto}
.mainInnerFluid {padding:15px}


/*box shadows*/
.boxShadowWhite {box-shadow:0 0 8px #fff; -moz-box-shadow:0 0 8px #fff; -webkit-box-shadow:0 0 8px #fff}
.boxShadowWhiteHard {box-shadow:0 0 20px 4px #fff; -moz-box-shadow:0 0 20px 4px #fff; -webkit-box-shadow:0 0 20px 4px #fff}
.boxShadowLight {box-shadow:5px 5px 10px #ccc; -moz-box-shadow:5px 5px 10px #ccc; -webkit-box-shadow:5px 5px 10px #ccc}
.boxShadowLightCenter {box-shadow:0 0 20px #ddd; -moz-box-shadow:0 0 20px #ddd; -webkit-box-shadow:0 0 20px #ddd}
.boxShadowTight {box-shadow:0 2px 1px #ddd; -moz-box-shadow:0 2px 1px #ddd; -webkit-box-shadow:0 2px 1px #ddd}
.boxShadowClose {box-shadow:0 2px 1px #bbb; -moz-box-shadow:0 2px 1px #bbb; -webkit-box-shadow:0 2px 1px #bbb}
.boxShadowInset {box-shadow:inset 1px 1px 2px #bbb; -moz-box-shadow:inset 1px 1px 2px #bbb; -webkit-box-shadow:inset 1px 1px 2px #bbb}
.boxShadowInsetLight {box-shadow:inset 0 1px 4px #ddd; -moz-box-shadow:inset 0 1px 4px #ddd; -webkit-box-shadow:inset 0 1px 4px #ddd}
.boxShadowNav {box-shadow:0 0 4px 0 #067fc3; -moz-box-shadow:0 0 4px 0 #067fc3; -webkit-box-shadow:0 0 4px 1px #067fc3}
.boxShadowInsetCenter {box-shadow:inset 0 0 10px #ccc; -moz-box-shadow:inset 0 0 10px #ccc; -webkit-box-shadow:inset 0 0 10px #ccc}


form {display:inline}
.bold {font-weight:bold}
.italic {font-style:italic}

a.smallHeader {color:#aaa; text-decoration:none; font-size:11px; transition:all 0.2s ease}
a.smallHeader:hover {color:#888; text-decoration:underline; font-size:11px; transition:all 0.2s ease}
a.smallHeader:active {color:#aaa; font-size:11px}
a.smallHeader:visited {color:#aaa; font-size:11px}

a.gray {color:#777; text-decoration:none}
a.gray:hover {color:#0091ee; text-decoration:underline}
a.gray:active {color:#000}
a.gray:visited {color:#777}

a.brown {color:#a86603; text-decoration:none}
a.brown:hover {color:#a86603; text-decoration:underline}
a.brown:active {color:#000}
a.brown:visited {color:#a86603}

a.white {color:#fff; text-decoration:none}
a.white:hover {color:#fff; text-decoration:underline}
a.white:active {color:#fff}
a.white:visited {color:#fff}

a.lightgray {color:#ccc; text-decoration:none}
a.lightgray:hover {color:#ccc; text-decoration:underline}
a.lightgray:active {color:#ccc}
a.lightgray:visited {color:#ccc}

a.pagingLink {color:#0091ee; text-decoration:none}
a.pagingLink:hover {color:#0091ee; text-decoration:none}
a.pagingLink:active {color:#0091ee}
a.pagingLink:visited {color:#0091ee}

a.nodeco, a.nodeco:hover {text-decoration:none}

.pipe {margin:0 15px; color:#ccc}
.headerPipe{width:10px; text-align:center; color:#ddd; padding:0 5px}
.pad_beg {padding-left: 10px}
.margin5_beg {margin-left:5px}
.margin5_end {margin-right:5px}
.margin10_beg {margin-left:10px}
.margin10_end {margin-right:10px}
.margin15_beg {margin-left:15px}
.margin15_end {margin-right:15px}
.margin20_beg {margin-left:20px}
.margin20_end {margin-right:20px}
.square {list-style-type: square}
.overflowclear {clear:left}
.overflowlist {float:left; list-style-type:none;}
.floatclear {clear:both}
.clear {clear:both}
.opposite {text-align: right}
.nopposite {text-align: left}
.navMain {font-size:11pt; }
.navBarCert {vertical-align:middle; margin:3px 10px 0 10px}
.navPipe {color:#fff; font-size:12pt; margin:0 15px; text-shadow:1px 1px #7d9dc3}
.navPipeStart {font-size:12pt; margin-left:15px; margin-right:0}
.blue {background-color: #0062A7}
.bubble_left {background-image: url("../images/en/bubble_left.gif"); background-repeat: repeat-y}
.bubblebg {background-color: #fbfbfb}
.bubble_right {background-image: url("../images/en/bubble_right.gif"); background-repeat: repeat-y}
.bubble_top {background-image: url("../images/bubble_top.gif");background-repeat: repeat-x}
.bubble_bottom {background-image: url("../images/bubble_bottom.gif"); background-repeat: repeat-x}
.darkbluebg {background-color:#1A2C47}
.darkgreenbg {background-color:#060}
.medgreenbg {background-color:#80c740}
.darkbluebgborderright {border-right:solid 1px #83A5D8;background-color:#1A2C47; text-align:center}
.medbluebgborderright {border-right:solid 1px #83A5D8;background-color:#4971AD}
.medbluenoborder {background-color:#4971AD}
.lightbluebgborderright {border-right:solid 1px #fff;background-color:#83A5D8}
.lightbluenoborder {background-color:#83A5D8}
.leftrightblueborder {border-right:solid 1px #369;border-left:solid 1px #369}
.leftblueborder {border-left:solid 1px #369}
.rightblueborder {border-right:solid 1px #369}
.graylines {background-image: url("../images/graylines.gif")}
.medblueborder {background-color:#4971AD;border-top: solid 1px #83A5D8;border-bottom: solid 1px #83A5D8}
.grayborder {background-color:#666;border-top: solid 1px #ccc;border-bottom: solid 1px #ccc}
.fullgrayborder {border: solid 1px #999}
.fulllightgrayborder {border: solid 1px #ddd}
.inset {background-color: #fff;border-right: solid 1px #ddd;border-left: solid 1px #999;border-top: solid 1px #999;border-bottom: solid 1px #ddd;padding: 1px}
.help {background-color:white;width: 220px;height: 80px;position: absolute;color: #fff}
.justify {text-align: justify}
.SPMain {width: 100%;padding: 0;background-image: none;margin: 0}
.SPMainBody {border:solid 3px #000; border-top:none}
.RatingOuterBorder {width: 100%;border-right: 3px solid #2C365A;border-left: 3px solid #A6B1DD;border-bottom: 3px solid #2C365A;border-top: 3px solid #A6B1DD;padding: 0;background-color: #fff;margin: 0}
.RatingGrayOuterBorder {width: 100%;border-right: 3px solid #666;border-left: 3px solid #aaa;border-bottom: 3px solid #666;border-top: 3px solid #aaa;padding: 0;background-color: #fff;margin: 0}
.SPTabActive {width: 150px;padding: 0;margin: 0;height: 40px;background-image: url("../images/green_lines1.gif"); background-repeat:no-repeat}
.SPTabPassive {width: 120px;padding: 0;margin: 0;height: 25px;background-image: url("../images/blue_line1.gif"); background-repeat:no-repeat}
.PastProjectsDetailed {width: 100%;padding: 2px;margin: 0;border: 1px solid #666;border-top-width: 3px;background-color: #E6E6E6}
.sendproject {padding:10px; background-color:#f9f9f9; border:1px solid #ccc}
.DetailedRating {width: 140px;padding: 1px;background-image: none;margin: 0}
.CategoryList {width: 200px;padding: 1px;background-image: none;margin: 0}
.bottomborder {border-bottom: solid 1px #000}
.projectinfo {width:550px; padding:0; background-image:none; margin:0}
.addportfolio {width: 500px;border: 3px solid #488748;border-bottom: none;padding: 10px;background-color: #E6F5E6}
.portfolioCloseWindow {position:absolute; right:0; top:0; text-align:center; padding:2px; width:18px; height:18px; background-color:#f9f9f9; border:solid 1px #666; font-size:11pt; font-weight:bold; color:#666; cursor:pointer; font-family:Verdana, Sans-Serif}
.fullborder {border: solid 1px #036}
.padding {padding: 3px}
.padding0 {padding: 0}
.padding7 {padding: 7px}
.padding10 {padding: 10px}
.padding20end {padding-right:20px; padding-left:0}
.note {background-color: #eee;margin: 0;padding: 0}
.rr {width: 400px;border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: #036;padding: 0;background-image: none;margin: 0}
.jobsmain {background-image: url("../images/jobs_main.jpg");border-style: solid;border-color: #999;border-width: 1px}
.jobspost {background-image: url("../images/jobs_post_main.jpg");border-style: solid;border-color: #999;border-width: 1px}
.thumbnail {border: solid 1px #666}
.regheader {border-style: solid;border-color: #384D64;border-width: 1px;background-color: #5D7999;color: White}
.justify {text-align: justify}
.vdot {border-right: dotted 1px #999}
.dots {border: 1px dotted #999}
.dashes {border: 1px dashed #999}
.bottomborderdashed {border-bottom: 1px dashed #ccc}
.bottomborderdots {border-bottom: 1px dotted #ccc}
.bottomborderwhite {border-bottom: 1px solid #fff}
.bottombordergreen {border-bottom: 1px solid #a1c46f}
.topborderdashed {border-top: 1px dashed #999}
.reg_top {border-top: solid 3px #2F5287}
.reg_bottom {border-bottom: 3px solid #2F5287}
.aboutsp {background-color: #EAEAEA;border: 1px solid #999;border-top: none;padding: 3px}
.dotrate {border-bottom: 1px dashed #ccc}
.darkredbg {background-color: #800}
.yellow {background-color: #FFFF99}
.NoTab {border-bottom: solid #036 3px}
.bidlist {border-bottom: solid 2px #999}
.lightbluebg {background-color: #D9E6F5}
.lightbluebggrad {background:#1c94d8; height:40px}
.medbluebg {background-color: #A3BCD8; color:#fff; font-size:14px}


/*seo layout*/
.pageTitleSEO {border-bottom:solid 5px #ccc; padding:15px; background-color:#f3f3f3; font-size:40px; color:#000; font-weight:bold; text-shadow:2px 2px 2px #ccc}
.pageSubTitleSEO {color:#555; font-size:20px; margin-top:5px; font-weight:normal; text-shadow:none}
.homepageSEOBtnReg {position:absolute; right:210px; top:20px}
.homepageIndBox {margin:30px 0; padding:20px 0; height:85px; width:236px; text-align:center; float:right}
.homepageIndName {white-space:nowrap; text-align:center; margin-bottom:0; font-weight:bold; font-size:18px}
.homepageIndView {overflow:hidden; font-size:14px; font-weight:normal; white-space:nowrap; text-align:center}
.homepageIndPost {text-align:center; color:#eb456d; border-radius:3px; font-size:14px; margin-top:-3px; font-weight:bold}


.pageHeader {color:#2a4b72; vertical-align:bottom; font-size:11pt; margin:0 10px}
.pageHeaderCert {color:#800; vertical-align:bottom; font-size:12pt; font-weight:bold; margin:0 10px}
.bluebgborder {border-top: solid #A6B1DD 2px;border-bottom: #2C365A 2px solid;border-left: solid #A6B1DD 2px;border-right: #2C365A 2px solid;background-color: #fff}
.greenbgborder {border: 2px #060 solid}
.limebg {background-color:#f5ffe4}
.limebgborder {background-color: #f5ffe4; border:solid 3px #a1c46f;}
.bluecolumn {background-color: #384D64;color: White}
.bluecolumnproj {background-color: #5A799C;border: solid 1px #fff;padding: 4px}
.xp {border-bottom: 1px #999 solid;background-image: url("../images/xpbg.gif")}
.xplight {border-bottom: 1px #eee solid;background-image: url("../images/xpbg_light.gif")}
.xp {border-bottom: 1px #999 solid;background-image: url("../images/xpbg.gif")}
.xp_darkred {border-bottom: 3px #800 solid;background-image: url("../images/xpbg.gif")}
.xp_medgreen {border-bottom: 3px #80c740 solid;background-image: url("../images/xpbg.gif")}
.xp_gray {border-bottom: 3px #666 solid;background-image: url("../images/xpbg.gif")}
.xp_blue {border-bottom: 3px #036 solid;background-image: url("../images/xpbg.gif")}
.xp_medblue {border-bottom: 3px #369 solid;background-image: url("../images/xpbg.gif")}
.fax {background-image: url("../images/outside_eval_fax.jpg")}
.header {border-bottom: solid 1px #036;background-color: #C6BBAD}
.faq {border-bottom: solid 2px #1A2C47;background-color: #E4E9F1}
.graybg {background-color: #ccc}
.projBorderGradBg {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); background:-moz-linear-gradient(top, #ffffff, #eeeeee);}
.ProjBorder {border: solid 1px #ccc;border-right: none;background-color: #fff}
.ProjBorderRight {border: solid 1px #ccc}
.MainHeader {border-bottom: #999 1px solid;background-color: #ddd}
.SapakBorderDark {border: solid 1px #999;background-color: #ddd}
.orangebg {background-color: #E38800}
.lightorangebgborder {background-color: #fff2df;border: solid 1px #eab15d; padding:10px}
.lightorangebg {background-color: #EFB45C}
.lightbluebgborder {background: #f7fbfe; border: solid 1px #78A6DD}
.sapakborderwhite {background-color: #fff;border: 1px solid #ccc}
.verylightbluebgwrap {background-color: #EFF3F8;border: solid 1px #78A6DD;border-right: none}
.verylightgreenbg {background-color: #F7FDF7}
.lightgreenbg {background-color: #E4F4E2}
.lightgreenbgborder {background-color:#fafff5; border:solid 1px #78BC6F}
.secure {background-color:#FFF6E5;border: solid 1px #e7c179}
.secure1 {background-color:#F6E2BC;border: solid 1px #9B5435}
.securebg {background-color:#FFF6E5}
.securebg1 {background-color:#F6E2BC}
.entryActions {padding:8px; background-color:#fffce4; margin:5px; border:solid 1px #ffe831}
.lightyellowbgborder {background-color:#FFFBCA;border: solid 1px #DBCF48}
.lightredbgborder {background-color:#fff5f5;border: solid 1px #d18282}
.sapakborderlight {border: solid 1px #999;background-color: #eee}
.sapakborderverylight {border: solid 1px #999;background-color: #f3f3f3}
.sapakborderverylightpad10 {border:solid 1px #ccc; background-color:#f9f9f9; padding:10px}
.sapakborderwhite {border: solid 1px #999;background-color: #fff}
.inline {display: inline}
.rebid {background-color: #eee}
.verylightgraybg {background-color: #f6f6f6}
.veryverylightgraybg {background-color: #fafafa}
.lightgraybg1 {background-color: #f6f6f6}
.lightgraybg2 {background-color: #eee}
.lightgraybg3 {background-color: #ccc}
.bottomborderpad {border-bottom: solid 1px #999;padding-top: 4px;padding-bottom: 4px}
.bottomborderthick {border-bottom:solid 3px #ddd}
.topborderthick {border-top:solid 3px #ddd}
.bottomborderpaddotted {border-bottom:solid 10px #fff; padding:10px}
.bottomborderbigpad {border-bottom: dashed 1px #ccc; padding:10px 5px}
.bottombordergray {border-bottom: solid 1px #ccc}
.topborderpad {border-top: solid 1px #999;padding-top: 4px;padding-bottom: 4px}
.bottomtopborderpad {border-top: solid 1px #999;border-bottom: solid 1px #999;padding-top: 4px;padding-bottom: 4px}
.bottomtoppad {padding-top: 4px;padding-bottom: 4px}
.navpad {padding: 2px}
.leftrightpad {padding-right: 4px;padding-left: 4px}
.bidareatop {border: solid #5A799C 3px;border-bottom: none;padding: 10px;background-color: #E4E9F1}
.bidarea {border: solid #5A799C 3px;padding: 10px}
.bidareamiddle {border: solid #5A799C;border-left-width: 3px;border-right-width: 3px;border-bottom-width: 1px;border-top: none;border-bottom-style: dashed;padding: 10px;background-color: #E4E9F1}
.bidareabottom {border: solid 3px #5A799C;border-style: solid;border-top: none;padding: 10px}
.leftborder {border-left: solid 1px #ccc;border-right: none}
.rightborder {border-right: solid 1px #ccc;border-left: none}
.bluetoprow {border-top: 1px #036 solid;border-left: 1px #036 solid;background-color: #6B718C;color: White;font-weight: bold}
.logoborder {border: solid 1px #ccc;border-right: none}
.bottomborder {border-bottom: solid 1px #000}
.topborder {border-top: solid 1px #000}
.topborder2 {border-top: solid 2px #000}
.bottomborder2 {border-bottom: solid 2px #000}
.borderrightwhite {border-right: solid 1px #fff;border-left: none}
.nowrap {white-space: nowrap}
.cat {font-size: 9pt;color: #fff;text-decoration: none;font-weight: bold}
.subcat {font-size: 8pt;color: #9CB6CE;text-decoration: none}

/********** BLUES **********/
.aqua7 {color: #1877FF;font-size: 7pt}
.aqua8 {color: #1877FF;font-size: 8pt}
.aqua9 {color: #1877FF;font-size: 9pt}

.aqua8bold {color: #1877FF;font-size: 8pt; font-weight:bold}
.aqua11bold {color: #1877FF;font-size: 11pt; font-weight:bold}

.reallylightblue8 {font-size: 8pt;color: #D4E2F3}
.reallylightblue9 {font-size: 9pt;color: #D4E2F3}

.lightblue7 {font-size: 7pt;color: #64A8DB}
.lightblue8 {font-size: 8pt;color: #64A8DB}
.lightblue9 {font-size: 9pt;color: #64A8DB}
.lightblue10 {font-size: 10pt;color: #64A8DB}
.lightblue11 {font-size: 11pt;color: #64A8DB}
.lightblue12 {font-size: 12pt;color: #64A8DB}
.lightblue14 {font-size: 14pt;color: #64A8DB}

.lightblue12bold {font-size: 12pt;color: #64A8DB;font-weight: bold}
.lightblue14bold {font-size: 14pt;color: #64A8DB;font-weight: bold}

.medBlueNav {color:#2a4b72}
.medblue7 {font-size: 7pt;color: #0091ee}
.medblue8 {font-size: 8pt;color: #0091ee}
.medblue9 {font-size: 9pt;color: #0091ee}
.medblue10 {font-size: 10pt;color: #0091ee}
.medblue11 {font-size: 11pt;color: #0091ee}
.medblue12 {font-size: 12pt;color: #0091ee}
.medblue13 {font-size: 13pt;color: #0091ee}
.medblue14 {font-size: 14pt;color: #0091ee}
.medblue16 {font-size: 16pt; color:#0091ee}
.medblue18 {font-size: 18pt;color: #0091ee}
.medblue20 {font-size: 20pt;color: #0091ee}
.medblue24 {font-size: 24pt;color: #0091ee}
.medblue26 {font-size: 26pt;color: #0091ee}
.medblue30 {font-size: 30pt;color: #0091ee}
.medblue40 {font-size: 40pt;color: #0091ee}

.medblue7bold {font-size: 7pt;color: #0091ee;font-weight: bold}
.medblue8bold {font-size: 8pt;color: #0091ee;font-weight: bold}
.medblue9bold {font-size: 9pt;color: #0091ee;font-weight: bold}
.medblue10bold {font-size: 10pt;color: #0091ee;font-weight: bold}
.medblue11bold {font-size: 11pt;color: #0091ee;font-weight: bold}
.medblue12bold {font-size: 12pt;color: #0091ee;font-weight: bold}
.medblue13bold {font-size: 13pt;color: #0091ee;font-weight: bold}
.medblue14bold {font-size: 14pt;color: #0091ee;font-weight: bold}
.medblue16bold {font-size: 16pt;color: #0091ee;font-weight: bold}
.medblue20bold {font-size: 20pt;color: #0091ee;font-weight: bold}
.medblue60bold {font-size: 60pt;color: #0091ee;font-weight: bold}
.medblue70bold {font-size: 70pt;color: #0091ee;font-weight: bold}
.medblue70bold:hover {font-size: 70pt;color: #004285;font-weight: bold}


.blue7 {font-size: 7pt;color: #036}
.blue8 {font-size: 8pt;color: #036}
.blue9 {font-size: 9pt;color: #036}
.blue10 {font-size: 10pt;color: #036}
.blue11 {font-size: 11pt;color: #036}
.blue12 {font-size: 12pt;color: #036}
.blue13 {font-size: 13pt;color: #036}
.blue14 {font-size: 14pt;color: #036}
.blue16 {font-size: 16pt;color: #036}
.blue20 {font-size: 20pt;color: #036}
.blue30 {font-size: 30pt;color: #036}

.blue7bold {font-size: 7pt;color: #036;font-weight: bold}
.blue8bold {font-size: 8pt;color: #036;font-weight: bold}
.blue9bold {font-size: 9pt;color: #036;font-weight: bold}
.blue10bold {font-size: 10pt;color: #036;font-weight: bold}
.blue11bold {font-size: 11pt;color: #036;font-weight: bold}
.blue12bold {font-size: 12pt;color: #036;font-weight: bold}
.blue13bold {font-size: 13pt;color: #036;font-weight: bold}
.blue14bold {font-size: 14pt;color: #036;font-weight: bold}
.blue16bold {font-size: 16pt;color: #036;font-weight: bold}
.blue20bold {font-size: 20pt;color: #036;font-weight: bold}

.linkblue8 {font-size: 8pt;color: #00c}
.linkblue9 {font-size: 9pt;color: #00c}
.linkblue10 {font-size: 10pt;color: #00c}
.linkblue11 {font-size: 11pt;color: #00c}
.linkblue12 {font-size: 12pt;color: #00c}
.linkblue20 {font-size: 20pt;color: #00c}

.linkblue10bold {font-size: 10pt;color: #00c;font-weight: bold}
.linkblue12bold {font-size: 12pt;color: #00c;font-weight: bold}

/********** PURPLES **********/
.purple8 {font-size: 8pt;color: #5D1E85}
.purple9 {font-size: 9pt;color: #5D1E85}

/********** BLACKS **********/
.black7 {font-size: 7pt;color: #000}
.black8 {font-size: 8pt;color: #000}
.black9 {font-size: 9pt;color: #000}
.black10 {font-size: 10pt;color: #000}
.black11 {font-size: 11pt;color: #000}
.black12 {font-size: 12pt;color: #000}
.black13 {font-size: 13pt;color: #000}
.black14 {font-size: 14pt;color: #000}
.black16 {font-size: 16pt;color: #000}
.black18 {font-size: 18pt;color: #000}
.black20 {font-size: 20pt;color: #000}
.black24 {font-size: 24pt;color: #000}
.black30 {font-size: 30pt;color: #000}
.black40 {font-size: 40pt;color: #000}

.black7bold {font-size: 7pt;color: #000;font-weight: bold}
.black8bold {font-size: 8pt;color: #000;font-weight: bold}
.black9bold {font-size: 9pt;color: #000;font-weight: bold}
.black10bold {font-size: 10pt;color: #000;font-weight: bold}
.black11bold {font-size: 11pt;color: #000;font-weight: bold}
.black12bold {font-size: 12pt;color: #000;font-weight: bold}
.black13bold {font-size: 13pt;color: #000;font-weight: bold}
.black14bold {font-size: 14pt;color: #000;font-weight: bold}
.black15bold {font-size: 15pt;color: #000;font-weight: bold}


/********** REDS **********/
.red7 {font-size: 7pt;color: #C00}
.red8 {font-size: 8pt;color: #C00}
.red9 {font-size: 9pt;color: #C00}
.red10 {font-size: 10pt;color: #C00}
.red11 {font-size: 11pt;color: #C00}
.red12 {font-size: 12pt;color: #C00}
.red13 {font-size: 13pt;color: #C00}
.red14 {font-size: 14pt;color: #C00}
.red18 {font-size: 18pt;color: #C00}
.red20 {font-size: 20pt;color: #C00}
.red30 {font-size: 30pt;color: #C00}

.red7bold {font-size: 7pt;color: #C00;font-weight: bold}
.red8bold {font-size: 8pt;color: #C00;font-weight: bold}
.red9bold {font-size: 9pt;color: #C00;font-weight: bold}
.red10bold {font-size: 10pt;color: #C00;font-weight: bold}
.red11bold {font-size: 11pt;color: #C00;font-weight: bold}
.red12bold {font-size: 12pt;color: #C00;font-weight: bold}
.red13bold {font-size: 13pt;color: #C00;font-weight: bold}
.red14bold {font-size: 14pt;color: #C00;font-weight: bold}
.red15bold {font-size: 15pt;color: #C00;font-weight: bold}
.red20bold {font-size: 20pt;color: #C00;font-weight: bold}


.darkred7 {font-size: 7pt;color: #800}
.darkred8 {font-size: 8pt;color: #800}
.darkred9 {font-size: 9pt;color: #800}
.darkred10 {font-size: 10pt;color: #800}
.darkred11 {font-size: 11pt;color: #800}
.darkred12 {font-size: 12pt;color: #800}
.darkred13 {font-size: 13pt;color: #800}
.darkred14 {font-size: 14pt;color: #800}
.darkred16 {font-size: 16pt;color: #800}
.darkred20 {font-size: 20pt;color: #800}
.darkred24 {font-size: 24pt;color: #800}

.darkred8bold {font-size: 8pt;color: #800;font-weight: bold}
.darkred9bold {font-size: 9pt;color: #800;font-weight: bold}
.darkred10bold {font-size: 10pt;color: #800;font-weight: bold}
.darkred11bold {font-size: 11pt;color: #800;font-weight: bold}
.darkred12bold {font-size: 12pt;color: #800;font-weight: bold}
.darkred13bold {font-size: 13pt;color: #800;font-weight: bold}
.darkred14bold {font-size: 14pt;color: #800;font-weight: bold}
.darkred20bold {font-size: 20pt;color: #800; font-weight:bold}

.red8BG {font-size: 8pt;color: #C00;background-color: #FF0}
.red16BG {font-size:16pt; color: #C00; background-color: #FF0}

.red8boldBG {font-size: 8pt;color: #C00;font-weight: bold;background-color: #FF0}
.red9boldBG {font-size: 9pt;color: #C00;font-weight: bold;background-color: #FF0}
.red10boldBG {font-size: 10pt;color: #C00;font-weight: bold;background-color: #FF0}

/********** GRAYS **********/
.gray7 {font-size: 7pt;color: #666}
.gray8 {font-size: 8pt;color: #666}
.gray9 {font-size: 9pt;color: #666}
.gray10 {font-size: 10pt;color: #666}
.gray11 {font-size: 11pt;color: #666}
.gray12 {font-size: 12pt;color: #666}
.gray13 {font-size: 13pt;color: #666}
.gray14 {font-size: 14pt;color: #666}
.gray16 {font-size: 16pt;color: #666}

.gray20 {font-size: 20pt;color: #666}

.gray8bold {font-size: 8pt;color: #666;font-weight: bold}
.gray9bold {font-size: 9pt;color: #666;font-weight: bold}
.gray10bold {font-size: 10pt;color: #666;font-weight: bold}
.gray11bold {font-size: 11pt;color: #666;font-weight: bold}

.lightgray7 {font-size: 7pt;color: #999}
.lightgray8 {font-size: 8pt;color: #999}
.lightgray9 {font-size: 9pt;color: #999}
.lightgray10 {font-size: 10pt;color: #999}
.lightgray11 {font-size: 11pt;color: #999}
.lightgray14 {font-size: 14pt;color: #999}
.lightgray18 {font-size: 18pt;color: #999}
.lightgray20 {font-size: 20pt;color: #999}
.lightgray24 {font-size: 24pt;color: #999}

.lightgray8bold {font-size: 8pt;color: #999;font-weight: bold}
.lightgray11bold {font-size: 11pt;color: #999;font-weight: bold}
.lightgray12bold {font-size: 12pt;color: #999;font-weight: bold}
.lightgray14bold {font-size: 14pt;color: #999;font-weight: bold}

/*********** MAGENTAS ******************/
.magenta {color:#b9006d}
.magenta8 {color:#b9006d; font-size:8pt}
.magenta14 {color:#b9006d; font-size:14pt}
.magenta24 {color:#b9006d; font-size:24pt}
.magenta30 {color:#b9006d; font-size:30pt}
.magenta40 {color:#b9006d; font-size:40pt}
.magenta50 {color:#b9006d; font-size:50pt}
.magenta8bold {color:#b9006d; font-size:8pt; font-weight:bold}
.magenta10bold {color:#b9006d; font-size:10pt; font-weight:bold}
.magenta11bold {color:#b9006d; font-size:11pt; font-weight:bold}
.magenta12bold {color:#b9006d; font-size:12pt; font-weight:bold}
.magenta16bold {color:#b9006d; font-size:16pt; font-weight:bold}


/*********** PINKS ******************/
.pink {color:#eb456d}
.pink8 {color:#eb456d; font-size:8pt}
.pink12 {color:#eb456d; font-size:12pt}
.pink14 {color:#eb456d; font-size:14pt}
.pink24 {color:#eb456d; font-size:24pt}
.pink30 {color:#eb456d; font-size:30pt}
.pink40 {color:#eb456d; font-size:40pt}
.pink50 {color:#eb456d; font-size:50pt}
.pink8bold {color:#eb456d; font-size:8pt; font-weight:bold}
.pink10bold {color:#eb456d; font-size:10pt; font-weight:bold}
.pink11bold {color:#eb456d; font-size:11pt; font-weight:bold}
.pink12bold {color:#eb456d; font-size:12pt; font-weight:bold}
.pink14bold {color:#eb456d; font-size:14pt; font-weight:bold}
.pink16bold {color:#eb456d; font-size:16pt; font-weight:bold}

/*********** PINKS ******************/
.pink {color:#de3871}
.pink11bold {color:#de3871; font-size:11pt; font-weight:bold}

/********** GREENS **********/
.lightgreen8bold {font-size: 8pt;color: #80c740;font-weight: bold}
.vlightgreen9bold {font-size: 9pt;color: #cf9;font-weight: bold}

.medgreen8 {font-size: 8pt;color: #80c740}
.medgreen9 {font-size: 9pt;color: #80c740}
.medgreen10 {font-size: 10pt;color: #80c740}
.medgreen11 {font-size: 11pt;color: #80c740}
.medgreen12 {font-size: 12pt;color: #80c740}
.medgreen13 {font-size: 13pt;color: #80c740}
.medgreen14 {font-size: 14pt;color: #80c740}
.medgreen16 {font-size: 16pt;color: #80c740}
.medgreen18 {font-size: 18pt;color: #80c740}
.medgreen20 {font-size: 20pt;color: #80c740}
.medgreen24 {font-size: 24pt;color: #80c740}
.medgreen30 {font-size: 30pt;color: #80c740}
.medgreen40 {font-size: 40pt;color: #80c740}

.medgreen8bold {font-size: 8pt;color: #80c740;font-weight: bold}
.medgreen9bold {font-size: 9pt;color: #80c740;font-weight: bold}
.medgreen10bold {font-size: 10pt;color: #80c740;font-weight: bold}
.medgreen11bold {font-size: 11pt;color: #80c740;font-weight: bold}
.medgreen12bold {font-size: 12pt;color: #80c740;font-weight: bold}
.medgreen13bold {font-size: 13pt;color: #80c740;font-weight: bold}
.medgreen14bold {font-size: 14pt;color: #80c740;font-weight: bold}

.green8 {font-size: 8pt;color: #060}
.green9 {font-size: 9pt;color: #060}
.green10 {font-size: 10pt;color: #060}
.green11 {font-size: 11pt;color: #060}
.green14 {font-size: 14pt;color: #060}
.green20 {font-size: 20pt;color: #060}

.green8bold {font-size: 8pt;color: #060;font-weight: bold}
.green9bold {font-size: 9pt;color: #060;font-weight: bold}
.green10bold {font-size: 10pt;color: #060;font-weight: bold}
.green11bold {font-size: 11pt;color: #060;font-weight: bold}
.green12bold {font-size: 12pt;color: #060;font-weight: bold}
.green13bold {font-psize: 13pt;color: #060;font-weight: bold}
.green14bold {font-size: 14pt;color: #060;font-weight: bold}

/********** BROWNS **********/
.lightbrown8 {font-size: 8pt;color: #a86603}
.lightbrown9 {font-size: 9pt;color: #a86603}
.lightbrown10 {font-size: 10pt;color: #a86603}
.lightbrown16 {font-size: 16pt;color: #a86603}
.lightbrown20 {font-size: 20pt;color: #a86603}
.lightbrown8bold {font-size: 8pt;color: #a86603; font-weight: bold}
.lightbrown10bold {font-size: 10pt;color: #a86603; font-weight: bold}
.lightbrown16 {font-size:16pt; color:#a86603}

.brown8 {font-size: 8pt;color: #574B3D}
.brown9 {font-size: 9pt;color: #574B3D}

/********** YELLOWS **********/
.yellow9bold {font-size: 9pt;color: #ff0; font-weight: bold}
.yellow12bold {font-size: 12pt;color: #ff0; font-weight: bold}

/********** ORANGES **********/
.orange7 {font-size: 7pt;color: #f90}
.orange8 {font-size: 8pt;color: #f90}
.orange9 {font-size: 9pt;color: #f90}
.orange10 {font-size: 10pt;color: #f90}
.orange18 {font-size: 18pt;color: #f90}
.orange20 {font-size: 20pt;color: #f90}
.orange40 {font-size: 40pt;color: #f90}

.orange8bold {font-size: 8pt;color: #f90;font-weight: bold}
.orange9bold {font-size: 9pt;color: #f90;font-weight: bold}
.orange10bold {font-size: 10pt;color: #f90;font-weight: bold}
.orange11bold {font-size: 11pt;color: #f90;font-weight: bold}
.orange12bold {font-size: 12pt;color: #f90;font-weight: bold}

.darkorange7 {font-size: 7pt;color: #c60}
.darkorange8 {font-size: 8pt;color: #c60}
.darkorange9 {font-size: 9pt;color: #c60}
.darkorange10 {font-size: 10pt;color: #c60}
.darkorange11 {font-size: 11pt;color: #c60}
.darkorange14 {font-size: 14pt;color: #c60}
.darkorange20 {font-size: 20pt;color: #c60}

.darkorange8bold {font-size: 8pt;color: #c60;font-weight: bold}
.darkorange9bold {font-size: 9pt;color: #c60;font-weight: bold}
.darkorange10bold {font-size: 10pt;color: #c60;font-weight: bold}
.darkorange11bold {font-size: 11pt;color: #c60;font-weight: bold}

/********** WHITES **********/
.white7 {font-size: 7pt; color: #fff}
.white8 {font-size: 8pt; color: #fff}
.white9 {font-size: 9pt; color: #fff}
.white10 {font-size: 10pt; color: #fff}
.white11 {font-size: 11pt; color: #fff}
.white12 {font-size: 12pt; color: #fff}
.white13 {font-size: 13pt; color: #fff}
.white14 {font-size: 14pt; color: #fff}
.white16 {font-size: 16pt; color: #fff}
.white18 {font-size: 18pt; color: #fff}
.white20 {font-size: 20pt; color: #fff}
.white24 {font-size: 24pt; color: #fff}
.white30 {font-size: 30pt; color: #fff}


.white8bold {font-size: 8pt; color: #fff; font-weight: bold}
.white9bold {font-size: 9pt; color: #fff; font-weight: bold}
.white10bold {font-size: 10pt; color: #fff; font-weight: bold}
.white11bold {font-size: 11pt; color: #fff; font-weight: bold}
.white12bold {font-size: 12pt; color: #fff; font-weight: bold}
.white13bold {font-size: 13pt; color: #fff; font-weight: bold}

.courier {font-family: courier new, Sans-Serif}

IMG.middle {vertical-align: middle}
IMG.top {vertical-align: top}
IMG.bottom {vertical-align: bottom}
IMG.baseline {vertical-align: baseline}
IMG.float_beg {float:left}
IMG.float_end {float:right}
.float_beg {float:left}
.float_end {float:right}
.absolute_beg {position:absolute; left:0}
.absolute_end {position:absolute; right:0}
.RawOver {background-color: #EFB45C; cursor:pointer}
.RawOut {}
.InsourceOver {background-color: #FFFAE3; cursor:pointer}
.InsourceOut {}
.pointer {cursor: pointer}
.lightgraybgpad {padding:2px; background-color: #f9f9f9}
.graybgpad {padding:2px; background-color: #ddd}
.yellowbg {padding:0; background-color: #FFFB84}
.whitebgpad {padding:2px; background-color: #fff}
.whitebg {background-color: #fff}
.redbg {background-color: #A20000; margin: 0; text-align: center; padding: 1px}
.input {font-size:17px; border:solid 2px #ccc; color:#555; padding:5px; vertical-align:middle; border-radius:5px; box-shadow:inset 0 2px 3px #eee}
textarea {font-size:10pt; border:solid 1px #999; color:#000; padding:3px}

input[type=reset],input[type=checkbox],input[type=radio],input[type=image],input[type=button],input[type=submit] {vertical-align: middle;font-family:Arial, Sans-Serif}
input.small {font-family: Arial, Sans-Serif;vertical-align: middle;font-size: 8pt;padding: 0}
ul {list-style-type: square}
li.marginbottom10 {margin-bottom: 10px}
.verdana {font-family: Verdana, Sans-Serif}

/* RAFFLE DEFINITIONS */
.raffle1 {text-align:center; padding:10px}
.raffle2 {margin:0 auto; width:600px}
.raffle3 {margin-bottom:20px}
.raffle4 {font-style:italic; font-size:24pt}
.raffle5 {font-size:12pt; margin-bottom:25px}
.raffle6 {float:left; width:265px}
.raffle7 {border-bottom:solid 1px #ccc; width:100%; height:1px; margin-bottom:15px; margin-top:15px}
.raffle8 {color:#888; text-align:center}
.raffle9 {color:#03c; font-size:8pt; font-weight:bold}
.raffle10 {color:#03c; font-size:14pt}
.raffle11 {color:#666; width:300px; text-align:center; float:right; padding:10px; border-left:solid 5px #ddd}
.raffle12 {margin-bottom:10px}

/* ADMIN STYLES */
.adminLogoBar {width:970px; text-align:left}
.adminButtonBarBorder {width:970px; border-top:solid 7px #a3bcd8; height:0; margin-bottom:-13px}
.adminButtonBar {width:970px; border-bottom:solid 7px #a3bcd8; padding-bottom:3px; background-color:#d9e6f5; padding-top:4px; margin-top:-4px}
.adminLoginWrapper {width:250px; border:solid 4px #a3bcd8; background-color:#d9e6f5; padding:20px}
.adminLoginCol1 {width:80px; margin-bottom:5px; font-size:11pt; color:#555}
.adminLoginCol2 {width:150px; margin-bottom:10px; text-align:right}
.adminLoginFieldWrapper {direction:ltr; width:304px; text-align:left; position:absolute; left:20px; top:20px}
.adminLoginField {font-size:50px; color:#4c74a1; border:solid 1px #a3bcd8; width:300px;}
.adminStar {width:16px; height:16px; display:inline-block; margin:0 auto; padding:0; background:url('../images/star_sprite.png') 0 0 no-repeat; cursor:pointer}

/*
.adminStarEmpty {width:16px; height:16px; display:inline-block; margin:0 auto; padding:0; background:url('../images/star_sprite.png') 0 0 no-repeat; cursor:pointer}
.adminStarHalf {width:16px; height:16px; display:inline-block; margin:0 auto; padding:0; background:url('../images/star_sprite.png') -16px 0 no-repeat; cursor:pointer}
.adminStarFull {width:16px; height:16px; display:inline-block; margin:0 auto; padding:0; background:url('../images/star_sprite.png') -32px 0 no-repeat; cursor:pointer}
.adminStarWarn {width:16px; height:16px; display:inline-block; margin:0 auto; padding:0; background:url('../images/star_sprite.png') -48px 0 no-repeat; cursor:pointer}
 */

.adminStarSelector {margin-bottom:5px}
.adminStarSelect {position:absolute; top:-7px; left:-7px; border:solid 2px #444; background:#fff; padding:5px}
.adminStarSortWrapper {font-size:10px; color:#555; cursor:pointer; position:relative; width:16px; height:16px; z-index:20}
.admin_comment_popup {border:solid 1px #444; background-color: #eee; margin: 0 60px; position: absolute; top:35px; left:-80px; text-align:left; z-index: 20; width:350px; box-shadow:0 0 50px #999; -moz-box-shadow:0 0 50px #999; -webkit-box-shadow:0 0 50px #999; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.company_details_popup {border:solid 1px #444; background:#fff; position: absolute; padding:10px 20px; left:60px; top:15px; text-align:left; z-index: 20; width:300px; box-shadow:0 0 50px #999; -moz-box-shadow:0 0 50px #999; -webkit-box-shadow:0 0 50px #999; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}

.admin_comment_img {width:32px;height:32px;display:block;background:url('/images/comment.png') 0 no-repeat;}
.admin_edit_img {width:24px;height:24px;display:block;background:url('/images/edit24x24.png') 0 no-repeat;}
.admin_comment_user {background:url('/images/comment_user.png') 0 no-repeat;}
.adminSeoUrl a {color:#0033ff; font-size:11px; direction:ltr; font-weight:bold}

.adminPostProjectLink {position:absolute; right:20px; top:85px}
.adminPostProjectDiv {display:none; width:600px; position:absolute; padding:20px; top:105px; right:20px; border:5px solid #0091ee; box-shadow:0 0 20px #aaa; background:#eee}
.adminPostProjectCloseX {position:absolute; right:5px; top:0}

/*HOT PROJECTS*/
.hotProjectWrapper {background-color:#fff3d5; border:solid 1px #f99d2a}
.hotProjectProjectTitle {background-color:#fff; border:solid 1px #999; border-left:none; border-right:none; padding:5px 0}
.projTypeHeader {color:#aaa; font-size:30px}
.projTypeUpgradeHeader {color:#999; font-size:20pt}
.projTypeTitleOff {background-color:#fff; padding:10px; font-size:14pt; font-weight:normal; border:solid 2px #ccc; cursor:pointer}
.projTypeTitleOn {background-color:#fff; padding:10px; font-size:14pt; font-weight:normal; border:solid 2px #000; cursor:pointer}
.projTypeTitleClick {background-color:#fffceb; padding:10px; font-size:14pt; font-weight:normal; border:solid 2px #000; cursor:pointer}
.projTypeQuestion {font-weight:normal; font-size:8pt; margin:-10px 0 0 188px}
.projTypeUpgradeQuestion {font-weight:normal; font-size:8pt; margin:-10px 0 0 162px}
.projTypeDesc {margin:10px 0 0 25px; background-color:#fff; border:solid 1px #ddd; -webkit-border-radius:6px; border-radius:10px; -moz-border-radius:6px; font-size:10pt; font-weight:normal}
.projTypeDescWrapper {cursor:default; width:696px; margin:15px}
.projTypeDescInner {padding:15px}
.projTypePrice {font-style:italic; color:#000}
.projTypeFree {font-size:15pt}
.projTypeVAT {margin-top:20px; color:#888; font-size:8pt; font-weight:normal}
.projTypeUpgradeVAT {margin-top:5px; color:#888; font-size:8pt; font-weight:normal}
.projTypeUpgradePriceDiff {font-size:10pt; font-style:italic; color:#000; font-weight:bold}
.projTypeUpgradeVertSpacer {height:20px}
.projTypeDescPara {margin-top:10px}
.projTypeDescParaBold {margin-top:10px; font-weight:bold}
.projTypeArrow {margin:0 10px 10px 0}
.projTypePriceUpgradePromoted {font-style:italic; color:#b68d00; font-size:14pt}
.projTypePriceUpgradeHot {font-style:italic; color:#cf5016; font-size:14pt}
.projTypeTitleUpgradeOn {background-color:#fffceb; padding:10px; font-size:14pt; font-weight:normal; border:solid 2px #000}
.projTypeUpgradeDesc {margin-top:10px; background-color:#fff; border:solid 1px #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:10px; font-size:10pt; font-weight:normal}
.projTypeUpgradePromotedMotto {font-size:15pt; color:#b68d00; font-style:italic}
.projTypeUpgradeHotMotto {font-size:15pt; color:#cf5016; font-style:italic}
.projTypeUpgradeLink {float:right; margin-top:15px}
.projTypeCol1 {width:20px}
.projTypeCol2 {width:150px}
.projTypeCol3 {width:400px}
.projTypeCol4 {width:126px}

/*Contact Info (Impressum)*/
.contactInfoCol1 {vertical-align:top; width:150px; padding:10px 5px; font-size:18px; color:#666; border-bottom:dashed 1px #eee}
.contactInfoCol2 {vertical-align:top; padding:10px 5px; color:#666; border-bottom:dashed 1px #eee; font-size:14px}
.contactInfoEmail {margin-right:20px}

.pageTitleMargin {margin-right:140px}
.buttonPostProject {background-image:url('/images/action_button.gif'); background-repeat:no-repeat; width:109px; height:32px; text-align:center; vertical-align:middle; padding-top:5px}

/*mouseover styles*/
.mouseOverHighlight {background-color:#ffc}
.mouseOutHighlight {background-color:#fff}

/*comparison table*/
.tableComparisonTitle {padding:5px; vertical-align:top; font-weight:bold; text-align:center; border:solid 1px #ccc; background-color:#f9f9f9}
.tableComparisonCellPay {padding:5px; vertical-align:top; border:solid 1px #ccc}
.tableComparisonCellPayValue {padding:5px; vertical-align:top; text-align:center; border:solid 1px #ccc}

.landingpageWrapperOuter {padding:20px; text-align:center}
.landingpageWrapperInner {margin:0 auto; width:550px; font-size:12pt}
.landingpageTitle {color:#000; font-size:26pt}
.landingpageDesc {margin:30px 0 30px 0}
.landingpageDescKeyword {font-size:16pt; font-style:italic}
.landingpageImage {vertical-align:top}
.landingpageButtons {vertical-align:top; width:225px}
.landingpagePODesc {font-size:11pt; padding:0 10px}
.landingpagePOButton {margin-top:5px; width:225px; height:140px; text-align:center; cursor:pointer; font-size:20pt; padding-top:10px; background-image:url('/images/post_in_bg.gif'); background-repeat:no-repeat; color:#fff}
.landingpageSPDesc {font-size:11pt; padding:0 10px; margin-top:-30px}
.landingpageSPButton {margin-top:5px; text-align:center; width:225px; height:140px; cursor:pointer; font-size:20pt; padding-top:10px; background-image:url('/images/post_out_bg.gif'); background-repeat:no-repeat; color:#fff}
.landingpageStatsTitle {font-size:11pt; margin-bottom:5px; margin-top:-25px; font-weight:bold}
.landingpageStatsTable {border:solid 1px #ccc; background-color:#f9f9f9; width:100%}
.landingpageStatsCell {width:50%; padding:10px}
.landingpageStatsRow1 {font-size:18pt; font-weight:bold; color:#555}
.landingpageStatsRow2 {margin:5px 0; font-size:11pt; font-weight:bold; color:#888}
.landingpageStatsRow3 {font-size:8pt; color:#888}


/*blurs*/
img#freeTrialPeel {transition:all 0.2s ease}
img#freeTrialPeel:hover {-webkit-filter: contrast(1.3) hue-rotate(130deg); transition:all 0.2s ease}

/*freetrial free trial*/
.freeTrialDisclaimerWrapper {background:#fff; border:solid 3px #666; margin:50px 0; text-shadow:none; padding:0}
img.freeTrialDisclaimerInfoImg {margin:17px 22px; float:left; -webkit-filter: grayscale(1)}
img.freeTrialDisclaimerInfoImg:hover {-webkit-filter: none;}
.freeTrialDisclaimerInner {background:#666; margin-left:110px; padding:15px 20px; color:#fff; font-size:16px}

/*buttons*/
.redBtn {
    margin:auto;
    cursor:pointer;
    padding:25px 15px;
    -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
    box-shadow:inset 0px 1px 0px 0px #f29c93;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
    background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background-color:#fe1a00;
    -webkit-border-top-left-radius:7px;
    -moz-border-radius-topleft:7px;
    border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-radius-topright:7px;
    border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -moz-border-radius-bottomright:7px;
    border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
    -moz-border-radius-bottomleft:7px;
    border-bottom-left-radius:7px;
    text-indent:0px;
    border:1px solid #d83526;
    display:inline-block;
    color:#ffffff;
    font-size:19px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #b23e35;
    transition:all 0.2s ease
}
.redBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
    background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
    background-color:#ce0100;
    color:#fff;
    text-decoration:none;
    transition:all 0.2s ease
}
.redBtn:active {
     position:relative;
     top:1px;
 }

.redBtn:visited {
    color:#ffffff;
}



.greenBtn {
    margin:auto;
    cursor:pointer;
    padding:25px 15px;
    -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
    background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
    background-color:#9dce2c;
    -webkit-border-top-left-radius:7px;
    -moz-border-radius-topleft:7px;
    border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-radius-topright:7px;
    border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -moz-border-radius-bottomright:7px;
    border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
    -moz-border-radius-bottomleft:7px;
    border-bottom-left-radius:7px;
    text-indent:0px;
    border:1px solid #83c41a;
    display:inline-block;
    color:#ffffff;
    font-size:19px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #689324;
    transition:all 0.2s ease
}
.greenBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
    background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
    background-color:#8cb82b;
    color:#fff;
    text-decoration:none;
    transition:all 0.2s ease
}
.greenBtn:active {
     position:relative;
     top:1px;
 }

.greenBtn:visited {
    color:#ffffff;
}



.grayBtn {
    margin:auto;
    cursor:pointer;
    padding:25px 15px;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color:#f9f9f9;
    -webkit-border-top-left-radius:7px;
    -moz-border-radius-topleft:7px;
    border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-radius-topright:7px;
    border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -moz-border-radius-bottomright:7px;
    border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
    -moz-border-radius-bottomleft:7px;
    border-bottom-left-radius:7px;
    text-indent:0px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-size:19px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
    transition:all 0.2s ease
}
.grayBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
    background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
    background-color:#e9e9e9;
    color:#666666;
    text-decoration:none;
    transition:all 0.2s ease
}

.grayBtn:active {
     position:relative;
     top:1px;
 }

.grayBtn:visited {
    color:#ffffff;
}


.blueBtn {
    margin:auto;
    cursor:pointer;
    padding:25px 15px;
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#79bbff;
    -webkit-border-top-left-radius:7px;
    -moz-border-radius-topleft:7px;
    border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-radius-topright:7px;
    border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -moz-border-radius-bottomright:7px;
    border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
    -moz-border-radius-bottomleft:7px;
    border-bottom-left-radius:7px;
    text-indent:0px;
    border:1px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-size:19px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #528ecc;
    transition:all 0.2s ease
}
.blueBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color:#378de5;
    color:#ffffff;
    text-decoration:none;
    transition:all 0.2s ease
}
.blueBtn:active {
     position:relative;
     top:1px;
 }

.blueBtn:visited {
    color:#ffffff;
}

.pinkBtn {
    margin:auto;
    cursor:pointer;
    padding:25px 15px;
    -moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
    box-shadow:inset 0px 1px 0px 0px #fbafe3;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d) );
    background:-moz-linear-gradient( center top, #ff5bb0 5%, #ef027d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
    background-color:#ff5bb0;
    -webkit-border-top-left-radius:7px;
    -moz-border-radius-topleft:7px;
    border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-radius-topright:7px;
    border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -moz-border-radius-bottomright:7px;
    border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
    -moz-border-radius-bottomleft:7px;
    border-bottom-left-radius:7px;
    text-indent:0px;
    border:1px solid #ee1eb5;
    display:inline-block;
    color:#ffffff;
    font-size:19px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #c70067;
    transition:all 0.2s ease
}
.pinkBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0) );
    background:-moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
    background-color:#ef027d;
    color:#ffffff;
    text-decoration:none;
    transition:all 0.2s ease
}
.pinkBtn:active {
     position:relative;
     top:1px;
 }

.pinkBtn:visited {
    color:#ffffff;
}


.purpleBtn {
    margin:auto;
    cursor:pointer;
    padding:25px 15px;
    -moz-box-shadow:inset 0px 1px 0px 0px #d197fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #d197fe;
    box-shadow:inset 0px 1px 0px 0px #d197fe;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );
    background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');
    background-color:#a53df6;
    -webkit-border-top-left-radius:7px;
    -moz-border-radius-topleft:7px;
    border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-radius-topright:7px;
    border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -moz-border-radius-bottomright:7px;
    border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
    -moz-border-radius-bottomleft:7px;
    border-bottom-left-radius:7px;
    text-indent:0px;
    border:1px solid #9c33ed;
    display:inline-block;
    color:#ffffff;
    font-size:19px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #7d15cd;
    transition:all 0.2s ease
}
.purpleBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );
    background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');
    background-color:#7c16cb;
    color:#ffffff;
    text-decoration:none;
    transition:all 0.2s ease
}

.purpleBtn:active {
     position:relative;
     top:1px;
 }

.purpleBtn:visited {
    color:#ffffff;
}


.orangeBtn {
    margin:auto;
    cursor:pointer;
    padding:25px 15px;
    -moz-box-shadow:inset 0px 1px 0px 0px #fed897;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
    box-shadow:inset 0px 1px 0px 0px #fed897;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #ee8600) );
    background:-moz-linear-gradient( center top, #f6b33d 5%, #ee8600 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#ee8600');
    background-color:#f6b33d;
    -webkit-border-top-left-radius:7px;
    -moz-border-radius-topleft:7px;
    border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    -moz-border-radius-topright:7px;
    border-top-right-radius:7px;
    -webkit-border-bottom-right-radius:7px;
    -moz-border-radius-bottomright:7px;
    border-bottom-right-radius:7px;
    -webkit-border-bottom-left-radius:7px;
    -moz-border-radius-bottomleft:7px;
    border-bottom-left-radius:7px;
    text-indent:0px;
    border:1px solid #eda933;
    display:inline-block;
    color:#ffffff;
    font-size:19px;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #cd8a15;
    transition:all 0.2s ease
}
.orangeBtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee8600), color-stop(1, #f6b33d) );
    background:-moz-linear-gradient( center top, #ee8600 5%, #f6b33d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee8600', endColorstr='#f6b33d');
    background-color:#ee8600;
    color:#ffffff;
    text-decoration:none;
    transition:all 0.2s ease
}

.orangeBtn:active {
     position:relative;
     top:1px;
 }

.orangeBtn:visited {
    color:#ffffff;
}


/*admin sytles*/
.adminNavMenu {width:250px; position:absolute; top:90px; left:5px; margin:0; text-align:left; padding:10px;}
.adminNavMenuHandle {position:absolute; top:50px; z-index:1000; left:10px; font-size:40px; color:#0062A7; cursor:pointer}
.adminNavBody {margin-left:300px; margin-right:auto}
.adminNavBodyWide {margin-left:30px; margin-right:auto}
.adminTable {border-collapse:collapse}
.adminTableHeader {border:solid 1px #eee; background-color:#f9f9f9; padding:3px 5px}
.adminTableCell {border:solid 1px #eee; padding:3px 5px}

.adminActionButtonsFixed {position:fixed; right:0; top:0; z-index:10000; text-align:right; padding:15px; white-space:nowrap}
.adminActionButtonsFixed input, .adminActionButtonsFixed button {font-size:13px !important; border:solid 1px #ccc; border-radius:3px; margin:0 !important; background:#eee; width: auto !important; box-shadow:0 0 5px 4px #01142e}

.adminActionButtonsFluid {position:fixed; left:15px; top:15px; text-align:left; width:200px}
.adminToApprove {position:absolute; top:-3px; right:-3px; background-color:#a00; color:#fff; font-size:12pt; font-weight:bold; padding:3px 6px; width:150px; text-align:center}
.adminLinksWrapper {text-align:left; padding:0 20px 20px 20px; border:solid 1px #ccc; font-size:11pt}
.adminLinksSectTitle {font-size:14pt; margin-top:20px; margin-bottom:10px; padding:5px; background-color:#f6f6f6; border-bottom:solid 1px #ddd}
.adminLinksCol1 {float:left; width:300px; margin:3px 0; margin-left:20px; overflow:hidden; white-space:nowrap}
.adminLinksCol2 {float:left; width:550px; margin:3px 0}
input.adminLinksUrl {width:500px; font-size:11pt; border:solid 1px #ccc; background-color:#fff; color:#00c; direction:ltr}

.adminTable .affiliateLogo {
    width: 40px;
    height: 40px;
}

.adminTable .aff-expires-at.valid {
    color: green;
}

.adminTable .aff-expires-at.expired {
    color: red;
    text-decoration: line-through;
}

.adminUserSearchFixed {position: fixed; top: 0; left: 0; z-index: 999; width: 100%; padding:10px; background:#1c3a64; margin-bottom:20px}
.adminUserSearchFixed input {font-size:15px; padding:10px; width:300px; border:solid 1px #fff; border-radius:4px; color:#1c3a64; font-weight:bold; font-family:Courier New, monospace, Serif; margin:0 25px 0 5px}
.adminUserSearchFixed button {font-size:15px; padding:10px; border-radius:4px; border:solid 1px #1c3a64; background:#fff; opacity:.7; vertical-align:-2px; cursor:pointer; margin:0 -30px}
.adminUserSearchBuffer {height:80px; width:100%}


/*category status styles*/
.catPending  {width:110px; padding:5px; border:solid 1px #ccc; color:#777; background-color:#fff}
.catApproved {width:110px; padding:5px; border:solid 1px #80c740; color:#80c740; background-color:#f2ffd2}
.catRejected {width:110px; padding:5px; border:solid 1px #b12323; color:#b12323; background-color:#ffdddd}
.catTitle {font-size:14pt; color:#000; padding:5px 10px}

/*course status styles*/
.coursePending  {width:70px; padding:3px; font-family:'Trebuchet MS', sans-serif; border:solid 3px #ccc; color:#fff; background-color:#555; text-align:center; font-size:11px}
.courseApproved {width:70px; padding:3px; font-family:'Trebuchet MS', sans-serif; border:solid 3px #e2ffb0; color:#fff; background-color:#690; text-align:center; font-size:11px}
.courseRejected {width:70px; padding:3px; font-family:'Trebuchet MS', sans-serif; border:solid 3px #ffcaca; color:#fff; background-color:#b12323; text-align:center; font-size:11px}

.catPerHourField {border:solid 1px #000; padding:5px; width:50px; font-weight:bold; text-align:left; height:28px}
.catDescField {border:solid 1px #000; width:380px; height:140px; font-size:8pt}

/*paging styles*/
.pagingTable            {font-size:8pt; margin:0 auto; border-collapse:separate}
.pagingCurrent          {font-size:8pt; padding:5px 7px; border:solid 1px #2e6ab1; background-color:#2e6ab1; color:#fff; font-weight:bold}
.pagingNonCurrent       {font-size:8pt; border:solid 1px #9aafe5; padding:5px 7px; background-color:#fff; color:#0091ee; cursor:pointer}
.pagingPreviousActive   {font-size:8pt; border:solid 1px #9aafe5; padding:5px 7px; background-color:#e7f2ff; font-weight:bold; color:#0091ee; cursor:pointer}
.pagingNextActive       {font-size:8pt; border:solid 1px #9aafe5; padding:5px 7px; background-color:#e7f2ff; font-weight:bold; color:#0091ee; cursor:pointer}
.pagingPreviousInactive {font-size:8pt; border:solid 1px #ccc; padding:5px 7px; background-color:#fff; color:#999}
.pagingNextInactive     {font-size:8pt; border:solid 1px #ccc; padding:5px 7px; background-color:#fff; color:#999}
.pagingEllipsis         {font-size:8pt; padding:5px 7px; color:#999}
.pagingResultsShown     {font-size:8pt; margin:0 auto 10px auto; color:#888; display:inline-block;}

/*login body styles*/
.loginPageTitle {width:900px; color:#999; margin-bottom:20px; font-size:16pt}
.loginPageTitleInner {padding:0 15px}
.loginTableMain {border-collapse:collapse; width:900px}

.loginRegShadowCell {background-color:#ddd; width:5px; vertical-align:top}
.loginSpacerCell {width:40px; vertical-align:top}
.loginShadowBottom {background-color:#ddd}

.loginRegCell {width:580px; border:solid 1px #8eb82b; vertical-align:top}
.loginRegTitle {margin:1px; background-color:#8eb82b; padding:10px; color:#fff; font-size:16pt}
.loginRegDesc {padding:15px; background-image:url('/images/grad_lightgreen_418.gif'); height:200px}
.loginRegDescTable {margin:0 10px}
.loginRegSubTitle {margin-bottom:20px; font-size:12pt; font-weight:bold}
.loginRegDescSP {vertical-align:top; padding-right:40px; width:50%}
.loginRegDescPO {vertical-align:top; padding-left:40px; width:50%}
.loginRegLink {margin-bottom:20px}
.loginRegListWrapper {font-size:10pt; color:#777}
.loginRegListItem {margin-bottom:10px}

.loginUserCell {width:270px; border:solid 1px #76a7d8; vertical-align:top}
.loginUserTitle {margin:1px; background-color:#76a7d8; padding:10px; color:#fff; font-size:16pt}
.loginUserDesc {padding:15px; background-image:url('/images/grad_lightblue_418.gif'); height:200px}
.loginUserNameLabel {margin-bottom:5px; font-size:11pt}
.loginUserInputField {width:232px; height:35px; direction:ltr; font-size:14pt; padding:3px}
.loginUserPassLabel {margin-top:25px; margin-bottom:5px; font-size:11pt}
.loginUserPassReminder {margin-top:3px; margin-right:5px}
.loginUserRememberLabel {margin-top:35px}
.loginUserRememberCheckbox {padding:0; margin:0; vertical-align:text-bottom}
.loginUserSubmitDiv {margin-top:25px}
.loginUserSubmitButton {font-size:14pt; width:90px}

.loginPartnerTitle {margin-top:50px; color:#999; font-size:12px; padding:0 15px}
.loginPartnerDesc {color:#778; font-size:10pt; margin-top:10px; padding:0 15px}
.loginPartnerWrapper {margin:10px auto -20px auto; height:90px; background-image:none; position:relative; padding:5px 15px 10px 15px}
.loginPartnerTable {border-collapse:collapse; margin:0 auto}
.loginPartnerCell {width:200px; vertical-align:top; padding-left:25px}
.loginPartnerAbout {width:170px; color:#888; font-size:8pt}
.loginPartnerEmailUs {color:#888; margin-top:10px; padding:0 15px; font-size:11px; text-align:center}

/*.loginPartnerClarizen {background-image:url('/images/solution_partner_logos.gif'); width:90px; height:45px; background-repeat:no-repeat; background-position:-4px 0; cursor:pointer}*/
.loginPartnerHub {background-image:url('/images/solution_partner_logos.gif'); width:90px; height:45px; background-repeat:no-repeat; background-position:-4px 0; cursor:pointer}
.loginPartnerKampyle {background-image:url('/images/solution_partner_logos.gif'); width:103px; height:45px; background-repeat:no-repeat; background-position:-98px 0; cursor:pointer}
.loginPartnerBinfire {background-image:url('/images/solution_partner_logos.gif'); width:139px; height:45px; background-repeat:no-repeat; background-position:-204px 0; cursor:pointer}
.loginPartnerYouLicense {background-image:url('/images/solution_partner_logos.gif'); width:100px; height:45px; background-repeat:no-repeat; background-position:-492px 0; cursor:pointer}
.loginPartnerExchangeEngine {background-image:url('/images/solution_partner_logos.gif'); width:150px; height:45px; background-repeat:no-repeat; background-position:-752px 0; cursor:pointer}

/*new login definisions*/
.loginJoin {font-size:18px; background:#eee; color:#fff; padding:5px 10px; margin:0 0 20px 0; text-align:center; transition:all 0.2s ease}
.loginJoin:hover {background:#fec; transition:all 0.2s ease}
.loginArrow {position:absolute; left:40px; top:-32px}


/*new category update page*/
.catUpdateWrapper {margin-top:30px}
.catUpgradeAccountMsg {width:780px; background-color:#fef0e3; border:solid 1px #ecceb3; font-size:11pt; margin-bottom:30px}
.catReviseDescriptionsMsg {width:780px; background-color:#fffad5; border:solid 1px #f0e06d; font-size:11pt; margin-bottom:30px}
.catMsgInner {padding:20px}
.catWrapperTable {border-collapse:collapse; width:980px}

.catAllTitleCell {width:690px; vertical-align:top}
.catAllTitleDiv {font-size:30px; color:#eb456d; padding-bottom:2px}
.catSpacerCell {width:30px; vertical-align:top}
.catMyTitleCell {width:260px; vertical-align:top}
.catMyTitleDiv {font-size:30px; color:#1c3a64; padding-bottom:2px}

.catCell {vertical-align:top}

.catAllOuterDiv {background-color:#eb456d; border-radius:5px}
.catAllInnerDiv {padding:20px}
.catAllIndDesc {font-size:20px; color:#fff; margin-bottom:5px}
.catAllIndOuter {background-color:#fff; border-radius:3px}
.catAllIndInner {padding:10px}
.catAllCatDesc {font-size:20px; color:#fff; margin:25px 0 2px 0}
.catAllCatOuter {background-color:#fff; border-radius:3px}
.catAllCatInner {padding:10px}

.catAllIndEntryOuter {width:310px;float:left}
.catAllIndEntryInner {padding:5px 0}
.catAllCatEntryOuter {width:310px;float:left}
.catAllCatEntryInner {padding:5px 0}
.catAllStarterImg {margin-right:3px; vertical-align:-2px}

.catMyCatsOuter {background-color:#1c3a64; border-radius:5px}
.catMyCatsInner {padding:20px}
.catMyCatsListWrapper {background-color:#fff; border-radius:3px}
.catMyCatsUpdateBtn {margin:10px 0 5px 0; text-align:right}
.catMyCatsDescLnk {text-align:right}

.catMyCatsListWrapperInner {padding:10px}
.catMyCatsEntryIndFirst {border-bottom:solid 1px #ddd; margin:0 0 10px 0; font-size:20px; color:#eb456d}
.catMyCatsEntryInd {border-bottom:solid 1px #ddd; margin:25px 0 10px 0; font-size:20px; color:#eb456d}
.catMyCatsEntryCat {font-weight:bold; margin-bottom:10px}
.catMyCatsEntryDeleteImg {margin-right:3px; cursor:pointer; vertical-align:-4px}
.catMyCatsEntryRevise {margin:2px 0 0 15px}
.catMyCatsEmptyOuter {padding:10px}
.catMyCatsEmptyInner {color:#888}

.catAllExceededOuter {margin:20px 0; border:solid 2px #c00; background-color:#fff; color:#c00; padding:10px}

/*price list*/
.priceListTable {width:720px; height:324px; background-image:url('/images/en/price_list_bg.gif'); background-repeat:no-repeat; padding:0; margin:0 auto}
/*.priceListTable td {border:solid 1px #000}*/
.priceListMinRowHeight {height:1px; padding:0; margin:0}
.priceListCell {vertical-align:top; width:130px}
.priceListCellMain {vertical-align:top; width:200px}
.priceListCellInnerMain {padding:8px; text-align:center}
.priceListCellInner {padding:8px 0; text-align:center}

/*price list main*/
.priceListPriceMain {font-size:42px; color:#444; font-weight:bold; margin:0; text-align:center; text-shadow:0 2px #ddd; padding:0; border:none; height:45px}
.priceListDurationMain {color:#888; font-size:14px; text-align:center; margin:0; padding:0; border:none; height:18px}
.priceListNoteMain {color:#d68321; font-weight:bold; font-size:15px; font-style:italic; margin-top:11px; text-align:center; border:none; height:20px}
.priceListBenefit1Main {height:18px; color:#125cee; font-size:16px; margin:8px 10px 0 10px; border-bottom:solid 1px #fff; padding:6px 0; font-weight:bold; text-align:center}
.priceListBenefit2Main {height:18px; font-size:15px; color:#666; border-bottom:solid 1px #fff; border-top:solid 1px #d7d7d7; padding:6px 0; margin:0 10px; text-align:center}
.priceListBenefit3Main {height:18px; font-size:15px; color:#666; border-bottom:solid 1px #fff; border-top:solid 1px #d7d7d7; padding:6px 0 10px 0; margin:0 10px; text-align:center}
.priceListBenefit4Main {height:18px; font-size:20px; color:#666; padding:6px 0 25px 0; margin:0 10px; text-align:center; border-top:solid 1px #d7d7d7}
.priceListGoogleDescMain {color:#666; font-size:13px; text-align:center}


/*price list norm*/
.priceListPrice     {height:35px; font-size:30px; color:#666; font-weight:bold; margin-top:17px; text-align:center; text-shadow:0 1px #ddd}
.priceListDuration  {height:15px; color:#999; font-size:11px; text-align:center; margin-top:-2px}
.priceListNote      {height:16px; color:#d68321; font-weight:bold; font-size:11px; margin-top:10px; text-align:center;}
.priceListBenefit1  {height:16px; color:#125cee; font-size:12px; margin:8px 10px 0 10px; border-bottom:solid 1px #fff; padding:6px 0; font-weight:bold; text-align:center}
.priceListBenefit2  {height:16px; font-size:13px; color:#666; border-bottom:solid 1px #fff; border-top:solid 1px #d7d7d7; padding:6px 0; margin:0 10px; text-align:center}
.priceListBenefit3  {height:16px; font-size:13px; color:#666; border-bottom:solid 1px #fff; border-top:solid 1px #d7d7d7; padding:6px 0; margin:0 10px; text-align:center}
.priceListBenefit4  {height:16px; font-size:13px; color:#666; padding:6px 0 14px 0; margin:0 10px 13px 10px; border-top:solid 1px #d7d7d7; text-align:center}
.priceListGoogleBenefit {color:#b00; font-weight:bold}
.priceListGoogleDesc {color:#666; font-size:11px; text-align:center; padding-top:3px}

.priceListNotePerBid     {height:16px; color:#666; font-weight:bold; font-size:11px; margin-top:10px; text-align:center}
.priceListBenefit1PerBid {height:16px; color:#125cee; font-size:13px; margin:8px 10px 0 10px; border-bottom:solid 1px #eee; padding:6px 0; font-weight:bold; text-align:center; white-space:nowrap}
.priceListBenefit2PerBid {height:16px; font-size:13px; color:#666; border-bottom:solid 1px #eee; border-top:solid 1px #fff; padding:6px 0; margin:0 10px; text-align:center}
.priceListBenefit3PerBid {height:16px; font-size:13px; color:#666; border-bottom:solid 1px #eee; border-top:solid 1px #fff; padding:6px 0; margin:0 10px; text-align:center}
.priceListBenefit4PerBid {height:16px; font-size:13px; color:#666; padding:6px 0; margin:0 10px; border-top:solid 1px #fff; text-align:center}

.priceListBenefitColor {color:#125cee}

/*price list button*/
.priceListButtonWrapperMain         {width:132px; height:51px; background-image:url('/images/en/button_price_list_main.gif'); background-repeat:no-repeat; margin:10px auto 0 auto; cursor:pointer}
.priceListButtonWrapper             {width:106px; height:42px; background-image:url('/images/en/button_price_list.gif'); background-repeat:no-repeat; margin:5px auto 0 auto; cursor:pointer}
.priceListButtonWrapperMainBlue     {width:132px; height:51px; background-image:url('/images/en/button_price_list_main_blue.gif'); background-repeat:no-repeat; margin:10px auto 0 auto; cursor:pointer}
.priceListButtonWrapperBlue         {width:106px; height:42px; background-image:url('/images/en/button_price_list_blue.gif'); background-repeat:no-repeat; margin:15px auto 0 auto; cursor:pointer}
.priceListButtonInnerMain           {padding:10px 0 0 11px; text-align:left; font-size:14px; color:#fff; text-shadow:0 1px #7f0000}
.priceListButtonInner               {padding:9px 0 0 10px; text-align:left; font-size:12pt; font-weight:bold; color:#fff; text-shadow:0 1px #7f0000}
.priceListFreeTrialButtonInner      {padding:9px 0 0 22px; text-align:left; font-size:12pt; font-weight:bold; color:#fff}
.priceListButtonWrapperOneTimeBid   {margin:28px auto 0 auto; font-weight:bold; font-size:13px; color:#333; text-align:center; padding:0 10px}

/*registration*/
.regMainDiv {margin-top:25px; text-align:center}
.regMainDivInner {margin:0 auto; width:780px; text-align:left}
.regTitleWrapper {width:780px; background-color:#f3f3f3; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; text-align:center}
.regTitleInner {padding:15px; position:relative; text-align:center}
.regTitle {color:#777; font-size:25px; text-shadow:#fff 1px 1px 1px; text-align:center}
.regSubTitle {color:#333; font-size:45px; text-shadow:#fff 1px 1px 1px; text-align:center}
.regPromo {margin:30px auto; color:#555; width:490px; padding:20px; font-style:italic; border-top:solid 2px #00a9ec; border-bottom:solid 2px #343a90}
.regSectionTitle {width:780px; font-size: 20pt;color: #999}
.regSectionBody {width:780px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-image:url('/images/grad_gray_400_reversed.gif'); margin-bottom:40px}
.regSectionBodyInner {padding:15px}
.regAccountTypeTable {width:100%; border-collapse:separate}
.regAccountTypeTableCell {cursor:pointer; width:50%; text-align:center; background-color:#fff; border:dotted 5px #ccc; padding:20px}
.regAccountTypeDesc {color:#666; font-size:10pt}
.regAccountTypeHint {font-size:12pt; color:#1c94d8; font-weight:bold; text-align:center}
.regAccountTypeTitle {font-size:26pt; color:#000; margin-bottom:15px; text-align:center}
.regFormTable {width:100%}
.regFormTableCell {padding:5px}
.regSectionWrapperCategoryTool {margin-bottom:40px}
.regFormTextField {width:300px; padding:5px; font-size:18pt; border:solid 2px #bbb}
.regFormTextFieldLTR {width:300px; padding:5px; font-size:18pt; border:solid 2px #bbb; text-align:left; direction:ltr}
.regFormUsernameAvailable {color:#78BC6F; font-weight:bold}
.regFormUsernameUnavailable {color:#c00; font-weight:bold}
.regFormUsernameTD {padding:5px; color:#666; font-size:8pt; direction:ltr; text-align:left}
.regFormUsernameDiv {font-size:11pt; font-weight:bold; color:#888; direction:ltr; width:530px; overflow:hidden; white-space:nowrap; padding:0; margin-left:160px}
.regFormUsernameSpan {font-weight:bold; color:#444}
.regFormUsernameLoadingImage {vertical-align:middle; margin:0}
.regLoginOuter {width:800px; position:relative; margin:0 auto; height:10px; z-index:100; text-align:center}
.regLoginInner {background:#1c94d8; position:absolute; right:20px; top:-49px; padding:10px 0 5px 0; text-align:center; width:180px; box-shadow:#a5d7f4 0 0 10px}
.regLoginQuestion {color:#fff; font-size:12px; text-align:center; margin-bottom:-3px}
.regRequired {font-size:12px; color:#c00; margin:15px 15px 0 15px; text-align:center}

/*billing*/
.billingFormTextField {width:220px; padding:5px; font-size:20px; border:solid 1px #000}
.billingFormTextFieldLTR {width:220px; padding:5px; font-size:20px; border:solid 1px #000; text-align:left; direction:ltr}
.billingFormSelectField {padding:5px; font-size:20px; border:solid 1px #000}
.billingFormTextFieldShortLTR {width:50px; padding:5px; font-size:20px; border:solid 1px #000; text-align:left; direction:ltr}

/*titles*/
.sectionTitleGrad {font-size:14pt; background-image:url('/images/grad_gray_70.gif'); border-bottom:solid 1px #ccc; padding:5px 10px; color:#333; margin-top:20px}

/*per bid messages*/
.perBidPaymentSuccessMsg {width:550px; text-align:center; color:#7ba900; font-size:14pt; background-color:#f5ffe4; border:solid 3px #a1c46f; margin-bottom:20px}
.perBidPaymentInvoice {font-size:10pt; margin-top:10px}

/*project page*/
.chooseProviderPlanProjectLink {width:720px; margin:50px auto 5px auto}

/*stats & reports*/
.statsDescWrapper {margin:25px 0 0 130px; text-align:left}
.statsDescInner {font-size:15px; color:#555; margin-top:20px}
.statsDescTxt {margin:10px 0; width:700px}
.statsTable {width:100%; border-collapse:collapse; margin-top:30px; font-size:11px}
.statsTableIndustryTitle {font-size:30px; color:#69c}
.statsTableIndustryTitle250Words {font-size:17px; margin-top:10px}
.statsTableHeader td {font-size:11px; font-weight:bold; text-align:center; border:solid 1px #ccc; padding:4px}
.statsTableRowEven td {background-color:#fff; padding:5px; text-align:center; font-size:12px; border:solid 1px #ccc}
.statsTableRowOdd td {background-color:#f3f3f3; padding:5px; text-align:center; font-size:12px; border:solid 1px #ccc}
.statsTableCatName {text-align:left !important}
.statsEntryPopupWrapper {border:solid 2px #000; background:#fff; position:absolute; left:-6px; top:19px; z-index:100; width:796px; height:315px; text-align:center}
.statsEntryPopupInner {padding:10px}
.statsLoadingIcon {margin-top:145px}
.statsRelativeWrapper {position:relative; display:inline-block; direction:inherit; text-align:inherit}
.statsPopupCloseX {position:absolute; top:-5px; right:-29px; width:30px}
td.statsCellAverage {background:#0091ee; color:#fff; font-size:12px; font-weight:bold; width:60px}
td.statsCellData {width:60px}
.statsIndLinksTable {border-collapse:collapse; margin-top:30px; width:100%}
.statsFacebookWrapper {margin-top:30px; text-align:center}

.statsIndTabActive, .statsIndTabInactive, .statsInTabSpacer {vertical-align:middle; text-align:center; padding:5px; font-size:12px}
.statsIndTabInactive a {display:block}
.statsIndTabActive {font-weight:bold; color:#0091ee; border:solid 1px #999; border-bottom:solid 3px #fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff'); background:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ffffff)); background:-moz-linear-gradient(top,  #f3f3f3,  #ffffff);}
.statsIndTabInactive {color:#888; border:solid 1px #ccc; border-bottom:solid 3px #999; cursor:pointer; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); background:-moz-linear-gradient(top,  #ffffff,  #f3f3f3);; transition:all 0.2s ease}
.statsIndTabInactive:hover {color:#444; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#ffffff'); background:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ffffff)); background:-moz-linear-gradient(top,  #f3f3f3,  #ffffff);; transition:all 0.2s ease}
.statsInTabSpacer {width:5px; padding:0; border-bottom:solid 3px #999}
.statsGraphBlurWrapper {margin-top:40px; position:relative}
.statsSignInWrapper {width:250px; position:absolute; padding:20px; font-size:18px; background:#fff; border:solid 5px #333; top:120px; left:50%; margin-left:-175px; border-radius:2px}
td.statsSignInCellWrapper {font-size:18px; text-align:center; background:#fec}
.statsSignInCellInner {width:250px; margin:0 auto}
.statsSignInPopupInner {background:#fec; width:250px; font-size:18px; border:solid 5px #333; box-shadow:#fff 0 0 5px; padding:30px; margin:100px auto 0 auto}
.statsIntroWrapper {font-size:17px; text-align:left; color:#333}
.statsIntroWrapper div {margin:25px 0}
.statsIntroFirst {font-size:20px}
.statsHeaderRibbon {position:absolute; right:-100px; top:8px; z-index:100}
.statsUpdatePriceLnk, .statsPostProjectLnk {background:#ffc; padding:4px; margin:0 20px; border:solid 1px #ccc; transition:all 0.2s ease}
.statsUpdatePriceLnk:hover, .statsPostProjectLnk:hover {border:solid 1px #aaa; transition:all 0.2s ease}
.statsContactUsWrapper {margin:5px 0 0 0; color:#555; text-align:center}

/*post project page*/
.postProjectUpsaleMsg {padding:10px; background-color:#fff4dc; border:solid 1px #efd9ab; font-size:9pt; font-weight:bold; color:#c00}
.postProjectUpsaleImg {vertical-align:-6px; margin-bottom:20px}

.postProjectStepWrapper {background:#fff; display:inline-block; border:solid 5px #f3f3f3; position:relative; z-index: 2}
.postProjectStepOuter {padding:1px; background:#fff; display:inline-block; border:none}
.postProjectStepCurrent {background:url('/images/grad_gray_70.gif'); border:solid 1px #78b8dd; color:#1c94d8; font-size:30px; display:inline-block; text-align:center; padding:0; width:40px; height:40px; text-shadow:0 2px 1px #fff}
.postProjectStepDone    {background:url('/images/grad_gray_70.gif'); border:solid 1px #a5d97b; color:#56bf02; font-size:30px; display:inline-block; text-align:center; padding:0; width:40px; height:40px; text-shadow:0 2px 1px #fff}
.postProjectStepNext    {background:url('/images/grad_gray_70.gif'); border:solid 1px #ccc; color:#bbb; font-size:30px; display:inline-block; text-align:center; padding:0; width:40px; height:40px; text-shadow:0 2px 1px #fff}
.postProjectStepBar {background:#eee; width:50px; height:15px; display:inline-block; margin:-1px -10px 1px -12px; position:relative; z-index:1; border-bottom:solid 1px #e4e4e4}

.postProjectTypeOn {padding:10px; border:solid 2px #333; margin-bottom:15px; background:#fff3db}
.postProjectTypeOff {padding:10px; border:solid 2px #ddd; margin-bottom:15px; background:#fff}
/*.postProjectTypeOff:hover {background:#fff8eb}*/

/*post project external*/
.postProjectExternalFormEntry{margin-bottom:10px}
.postProjectExternalFormLabel{color:#555; width:150px; margin-top:8px; font-size:15px; margin-right:15px}
.postProjectExternalFormValue{width:435px}

.postProjectFulltimeQuoteWrapper {
    position:absolute; top:35px; left:45px; padding:5px; border:solid 2px #ddd;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
    background:-webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
    background:-moz-linear-gradient(top, #eeeeee, #ffffff); transition:all 0.2s ease
}

.postProjectFulltimeQuoteWrapper:hover {
    border:solid 2px #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background:-moz-linear-gradient(top, #ffffff, #eeeeee); transition:all 0.2s ease
}
.postProjectFulltimeQuoteDesc {width:80px; text-align:center; line-height:11px}


/*fulltime project*/
.fulltimeResume {padding:10px; background:#fdf2f9; border:solid 1px #fff; margin-bottom:10px; transition:all 0.2s ease}
.fulltimeResume:hover         {background:#f9e3f0; border:solid 1px #b9006d; transition:all 0.2s ease}
.fulltimeResumeSelected {padding:10px; background:#f9e3f0; border:solid 1px #b9006d; margin-bottom:10px}

/*footer*/
.footerSitemapWrapper {margin-top:15px; text-align:center; background:#fff}
.footerSitemapHeader {color:#000; font-size:12px; font-weight:bold; margin-bottom:10px}
.footerSitemapEntry {margin-bottom:3px; white-space:nowrap}
.footerSitemapCol {padding:10px; vertical-align:top}
.footerSocialWrapper {text-align:center; margin:10px 0; padding-top:10px}
.footerEarth {background:url('/images/earth_repeat.gif') repeat-x; height:54px; margin-top:50px}

/*Facebook fb connect*/
.fbBtn, .fbBtnSm {cursor:pointer; position:relative; margin:20px auto 60px auto; border-radius:5px; border:solid 1px #142b5e; box-shadow:0 5px #2d4373; text-align:right; background:#3b5998; padding:15px; color:#fff; text-shadow:0 2px 0 #2d4373; font-weight:bold; font-size:26px; transition:all 0.2s ease}
.fbBtn:hover, .fbBtnSm:hover {text-shadow:0 0 5px #d0dcf7; box-shadow:0 1px #142b5e; margin:24px auto 56px auto; transition:all 0.2s ease}
.fbBtnIcon, .fbBtnIconSm{position:absolute; left:20px; bottom:-10px; width:30px}

.fbBtnSm {font-size:13px; padding:8px; box-shadow:0 2px #2d4373; transition:all 0.2s ease}
.fbBtnSm:hover {text-shadow:0 0 5px #d0dcf7; box-shadow:none; margin:22px auto 58px auto; transition:all 0.2s ease}
.fbBtnIconSm {position:absolute; left:4px; bottom:-8px; width:15px}

.fbSepWrapper {height:1px; border-top:solid 1px #ccc; background:#eee; margin:0 auto 70px auto; position:relative}
.fbSepOuter {display:table; width:50px; height:50px; position:absolute; left:50%; margin:-25px 0 0 -25px}
.fbSepInner {background:#fff; border:solid 1px #eee; box-shadow:0 2px 5px #eee; border-radius:50%; color:#999; font-size:15px; font-style:italic; text-align:center; display:table-cell; vertical-align:middle}

/*bitcoins*/
.btcAcceptedHere {display:inline-block; text-align:center; border-radius:8px; padding:8px; background:#f3f3f3; border:solid 1px #ccc}

/*icons*/
.iconFacebook {display:inline-block; background:url(/images/sprite.png) 0 0; width:32px; height:34px}
.iconYouTube {display:inline-block; background:url(/images/sprite.png) -96px 0; width:32px; height:34px}
.iconBlog {display:inline-block; background:url(/images/sprite.png) -128px 0; width:32px; height:34px}
.iconLinkedIn {display:inline-block; background:url(/images/sprite.png) -64px 0; width:32px; height:34px}
.iconTwitter {display:inline-block; background:url(/images/sprite.png) -32px 0; width:32px; height:34px}
.iconRSS {display:inline-block; background:url(/images/sprite.png) -160px 0; width:32px; height:34px}
.iconStats {display:inline-block; background:url(/images/sprite.png) -192px 0; width:32px; height:34px}
.iconFooterSpacing {margin:0 3px}

.iconFacebook_SM {float:left; margin-right:10px; background:url(/images/sprite.png) 0 -34px; width:16px; height:16px; vertical-align:-4px}
.iconTwitter_SM {float:left; margin-right:10px; background:url(/images/sprite.png) -16px -34px; width:16px; height:16px; vertical-align:-4px}
.iconLinkedIn_SM {float:left; margin-right:10px; background:url(/images/sprite.png) -32px -34px; width:16px; height:16px; vertical-align:-4px}
.iconYouTube_SM {float:left; margin-right:10px; background:url(/images/sprite.png) -48px -34px; width:16px; height:16px; vertical-align:-4px}
.iconBlog_SM {float:left; margin-right:10px; background:url(/images/sprite.png) -64px -34px; width:16px; height:16px; vertical-align:-4px}
.iconRSS_SM {float:left; margin-right:10px; background:url(/images/sprite.png) -80px -34px; width:16px; height:16px; vertical-align:-4px}
.iconStats_SM {float:left; margin-right:10px; background:url(/images/sprite.png) -96px -34px; width:16px; height:16px; vertical-align:-4px}

/*company info page*/
.companyInfoHireBtn {margin-bottom:7px; cursor:pointer; padding:15px 20px; width:190px; font-size:24px; color:#fff; background:url('/images/grad_orange_94.gif')}

/*testimonials*/
.testimonialsPeople {background:url(/images/sprite.png) 0 -590px; width:273px; height:360px}
.testimonialsEntry {border-bottom: 1px #eee solid;background-image: url("../images/xpbg_light.gif"); font-size:16px; padding:35px 20px 10px 10px; color:#444}

/*portfolio tabs*/
.portTableTabs {width:550px; border-collapse:separate; padding:0; margin:0 auto}
table.portTableBody {margin:0 auto; border-collapse:separate; border:solid 5px #ccc; border-top:none; background:#f8f8f8}
div.portTableBody {margin:0 auto; border-collapse:separate; border:solid 5px #ccc; border-top:none; background:#f8f8f8; padding:15px}
#portfolioNavTable, #portfolioNavTable tbody {direction:ltr}
td#portfolioNavPagePrev, td#portfolioNavPageNext {direction:ltr}

.portTabSpacer {width:1px; border-bottom:solid 5px #ccc; border-top:solid 5px #fff;}
.portTabActive {padding:2px 0; border:solid 5px #ccc; border-bottom:solid 5px #f8f8f8; background:#f8f8f8; font-weight:normal; font-size:16px; color:#000; text-align:center; cursor:default; width:100px; white-space:nowrap}
.portTabInactive {padding:2px 0; border:solid 5px #ccc; cursor:pointer; background:#fff; color:#777; font-size:16px; text-align:center; width:100px; white-space:nowrap}
.portTabSpacerEnd {border-bottom:solid 5px #ccc; width:auto; vertical-align:bottom}
.portTabInactive div {text-align:inherit; font-size:inherit; color:inherit}
.portTabActive div {text-align:inherit; font-size:inherit; color:inherit}

.portfolioVideoPlayIcon {opacity:.85; position:absolute; left:35%; top:39%; width:44px; transition:all 0.2s ease}
.portfolioVideoPlayIcon:hover {opacity:1; transition:all 0.2s ease}
.portfolioAudioIcon {opacity:.85; position:absolute; left:14%; top:14%; width:100px}
/*.portPlayIconOff {width:50px; height:34px; background:url('../images/play_icon.png') 0 0 no-repeat; background-size:100%; position:absolute; top:47px; left:33px; cursor:pointer}*/
/*.portPlayIconOn {width:50px; height:34px; background:url('../images/play_icon.png') 0 -57px no-repeat; position:absolute; background-size:80%; top:47px; left:33px; cursor:pointer}*/
.portYouTubeIconOff {width:32px; height:32px; background:url('../images/youtube_icon.png') 0 0; position:absolute; top:-18px; right:-18px}
.portYouTubeIconOn {width:32px; height:32px; background:url('../images/youtube_icon.png') 0 -32px; position:absolute; top:-18px; right:-18px}

/*portfolio*/
table.portfolioEntryTable td {padding:0; margin:0; border:0}
.browsePortfolioLikeWrapper {background:url('../images/portfolio_like_btn.png') no-repeat; width:163px; height:72px; margin-right:30px; text-align:left}
.browsePortfolioLikeInner {direction:ltr; text-align:left}
.browsePortfolioLikeTotal {font-size:40px; color:#0166b6; text-shadow:#fff 2px 2px 2px; margin:8px 0 0 18px; font-weight:bold; text-align:left}
.browsePortfolioLikeMore {margin:-8px 0 0 20px; font-size:10px; font-weight:bold; color:#0166b6; text-shadow:0 1px #fff; text-align:left}

/*new tri-color portfolio design*/
.portfolioUploadTabWrapper a.tabImageOn {font-family:OpenSans, Arial, Sans-Serif; position:relative; padding:5px 20px; text-align:center; background:#2c93ce; border-bottom:solid 5px #2c93ce; border-top:solid 5px #2c93ce; color:#fff; font-size:18px; width:150px; float:left; text-decoration:none; margin-right:5px}
.portfolioUploadTabWrapper a.tabVideoOn {font-family:OpenSans, Arial, Sans-Serif; position:relative; padding:5px 20px; text-align:center; background:#1d3a64; border-bottom:solid 5px #1d3a64; border-top:solid 5px #1d3a64; color:#fff; font-size:18px; width:150px; float:left; text-decoration:none; margin-right:5px}
.portfolioUploadTabWrapper a.tabAudioOn {font-family:OpenSans, Arial, Sans-Serif; position:relative; padding:5px 20px; text-align:center; background:#eb456d; border-bottom:solid 5px #eb456d; border-top:solid 5px #eb456d; color:#fff; font-size:18px; width:150px; float:left; text-decoration:none;}

.portfolioUploadTabWrapper a.tabImageOff {font-family:OpenSans, Arial, Sans-Serif; position:relative; padding:5px 20px; text-align:center; background:#fff; color:#2c93ce; font-size:18px; width:150px; border-bottom:solid 5px #fff; border-top:solid 5px #2c93ce; float:left; text-decoration:none; margin-right:5px}
.portfolioUploadTabWrapper a.tabVideoOff {font-family:OpenSans, Arial, Sans-Serif; position:relative; padding:5px 20px; text-align:center; background:#fff; color:#1d3a64; font-size:18px; width:150px; border-bottom:solid 5px #fff; border-top:solid 5px #1d3a64; float:left; text-decoration:none; margin-right:5px}
.portfolioUploadTabWrapper a.tabAudioOff {font-family:OpenSans, Arial, Sans-Serif; position:relative; padding:5px 20px; text-align:center; background:#fff; color:#eb456d; font-size:18px; width:150px; border-bottom:solid 5px #fff; border-top:solid 5px #eb456d; float:left; text-decoration:none;}

.portfolioUploadTabWrapper img {height:24px; position:absolute; top:4px; left:8px}

.portfolioUploadImageWrapper {background:#2c93ce; font-size:15px; min-width:700px}
.portfolioUploadVideoWrapper {background:#1d3a64; font-size:15px; min-width:700px}
.portfolioUploadAudioWrapper {background:#eb456d; font-size:15px; min-width:700px}

.inner {padding:30px; color:#fff; text-align:center}
.inner table {width:100%}
.inner .formWrapper {padding:20px; background:#fff; width:500px; border-radius:10px}
.formWrapper .col1 {float:left; width:130px; font-weight:bold}
.formWrapper .col2 {float:right; width:300px}
.inner td.icon {text-align:center; vertical-align:middle; padding-left:30px}
.inner img.icon {width:160px}



/*browse*/
.projectDataBox, .projectDataBoxHot {padding:10px; width:260px; margin:0 10px; position:relative; border:solid 1px #ccc; background:#fff}
.projectDataBoxHot {border:solid 1px #e1b664}

/*search*/
.searchWrapper {position:relative; width:247px; height:20px}
.searchDivBtn {width:50px; position:absolute; top:0; right:0; border:solid 1px #888 ; background:#f3f3f3; margin:0 -6px; padding:2px 10px; text-align:center; font-size:13px; color:#666; cursor:pointer}
.autocompleteInput {position:absolute; height:22px; top:0; left:0; font-family:arial, sans-serif; vertical-align:middle; width:152px; padding:3px; background-color:#fff; font-size:12px; border:solid 1px #ccc; color:#888}

/*header*/
.logoWrapper {width:200px; position:relative;}

/*outside evals*/
.outsideEvalListWrapper {margin-top:30px}
.outsideEvalListTitle {font-size:30px; color:#111}
.outsideEvalListTable {margin:0 auto}
.outsideEvalListHeader {background:#eee; color:#666; text-shadow:0 1px 1px #fff; font-size:18px; padding:10px}
.outsideEvalListCell1, .outsideEvalListCell2, .outsideEvalListCell3 {vertical-align:top; border-bottom:dashed 1px #ccc; padding:10px}
.outsideEvalListCell1 {width:120px; font-size:11px; color:#777}
.outsideEvalListCell2 {width:300px}
.outsideEvalListCell3 {width:280px}
.outsideEvalRaterName {font-size:17px; color:#222}
.outsideEvalProjectName {font-size:12px; color:#777}
.outsideEvalStatusComplete {font-size:12px; color:#fff; text-shadow:0 1px #6b9511; font-weight:bold; background:#8db92f; padding:3px 8px; display:inline-block}
.outsideEvalStatusInReview {font-size:12px; color:#fff; text-shadow:0 1px #b14d39; font-weight:bold; background:#922915; padding:3px 8px; display:inline-block}
.outsideEvalStatusPending {font-size:12px; color:#fff; text-shadow:0 1px #555; font-weight:bold; background:#888; padding:3px 8px; display:inline-block}
.outsideEvalResentOn {font-size:11px; color:#666; margin-top:5px}
.outsideEvalLoginBtnWrapper {margin:0 18px 15px 18px}

/*price plan B*/
.pricePlanBWrapper {text-align:center; margin-bottom:5px}
.pricePlanBTable {height:310px; border:none; width:734px; border-collapse:collapse}
.pricePlanBPrice3Months, .pricePlanBPrice6Months, .pricePlanBPrice12Months {text-shadow:#fff 2px 2px 1px; color:#222; margin-top:5px; cursor:pointer}
.pricePlanBPrice3Months, .pricePlanBPrice6Months {font-size:32px; color:#444; margin-top:50px}
.pricePlanBPrice12Months {font-size:40px; letter-spacing:-3px; margin-top:25px}

.pricePlanBDuration3Months, .pricePlanBDuration6Months, .pricePlanBDuration12Months {color:#000; margin-bottom:10px}
.pricePlanBDuration12Months {font-size:20px; height:24px}
.pricePlanBDuration3Months, .pricePlanBDuration6Months {font-size:16px; height:20px}

.pricePlanB12MonthNoteBottom {color:#666; font-size:11px; margin:0 0 10px 0; font-weight:bold}
.pricePlanB12MonthNote {font-style:italic; color:#125CEE; font-size:18px; margin:5px 0 10px 0; text-shadow:#fff 1px 0 0; display:inline-block; padding:3px 8px}
.pricePlanB12MonthSave {font-style:italic; color:#125CEE; font-size:15px; margin:-15px auto 10px auto; text-shadow:#fff 1px 0 0; width:200px; padding:3px 3px 8px 3px; border-bottom:2px dotted #ccc}

.pricePlanB6MonthNoteBottom, .pricePlanB3MonthNoteBottom {color:#888; font-size:11px; margin:0 0 10px 0; font-weight:bold}

.pricePlanBPerMonth {color:#999; font-size:11px; margin:-3px 0 3px 0}

.pricePlanBCell1off {width:225px; background:url('/images/plans_bg.jpg') -509px 0 no-repeat; text-align:center; vertical-align:top}
.pricePlanBCell2off {width:284px; background:url('/images/plans_bg.jpg') -225px 0 no-repeat; text-align:center; vertical-align:top}
.pricePlanBCell3off {width:225px; background:url('/images/plans_bg.jpg') 0 0 no-repeat; text-align:center; vertical-align:top}
.pricePlanBCell1on {width:225px; background:url('/images/plans_bg.jpg') -509px -315px no-repeat; text-align:center; vertical-align:top}
.pricePlanBCell2on {width:284px; background:url('/images/plans_bg.jpg') -225px -315px no-repeat; text-align:center; vertical-align:top}
.pricePlanBCell3on {width:225px; background:url('/images/plans_bg.jpg') 0 -315px no-repeat; text-align:center; vertical-align:top}
.pricePlanBBuyButton3, .pricePlanBBuyButton6, .pricePlanBBuyButton12 {cursor:pointer}
.pricePlanBBuyButton3 {margin:8px 0 0 2px}
.pricePlanBBuyButton6 {margin:8px -2px 0 0}
.pricePlanBBuyButton12 {}

#pricePlanB12MonthsAmt {height:24px; cursor:pointer}
#pricePlanB6MonthsAmt {height:20px; cursor:pointer}
#pricePlanB3MonthsAmt {height:20px; cursor:pointer}
#pricePlanB12MonthsTotalAmt {font-size:14px; height:19px; padding-top:5px; cursor:pointer}
#pricePlanB6MonthsTotalAmt {font-size:12px; height:17px; padding-top:3px; cursor:pointer}
#pricePlanB3MonthsTotalAmt {font-size:12px; height:17px; padding-top:3px; cursor:pointer}

.pricePlanBCheck {vertical-align:middle}

/*plan comparison table*/
table.planComparison {width:100%}
table.planComparison td.headerRow {font-weight:bold}
table.planComparison td {text-align:center; padding:3px 5px}
table.planComparison td {border-bottom:solid 1px #eee}
table.planComparison td.label {text-align:left; color:#222; font-size:13px; font-weight:bold}


/*silicon valley positions*/
.siliconValleyPositionEntry {
    position: relative;
    direction:ltr; text-align:left;
    margin:40px 0 20px 0; padding:20px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background:-moz-linear-gradient(top, #ffffff, #eeeeee);
}
.siliconValleyPositionEntry div {direction:ltr; text-align:left}

.siliconValleyPositionTitle {font-weight:bold; margin-bottom:10px; font-size:20px; border-bottom:solid 2px #eee}
.siliconValleyPositionDesc {color:#666; font-size:16px; margin-bottom:10px; border-bottom:solid 2px #ddd; padding:0 0 10px 70px}
.siliconValleyPositionCode {color:#c00; font-size:14px; margin-bottom:10px; font-weight: bold; float:right}
.siliconValleyPositionStatus {font-size:12px; margin-bottom:10px; color:#333; font-style:italic}
.siliconValleyPositionApply {font-size:12px; font-weight:bold}
.siliconValleyPositionFBLike {position: absolute; top:60px; left:25px}


.portfolio_likes_block {position: absolute; right:-10px; top:-50px; width:164px;}

.snapEngageWrapperReg {position:absolute; top:-90px; left:-100px; width:240px}
.snapEngageWrapper {text-align:center}
.snapEngageInner {margin:20px auto; border:solid 1px transparent}

.projectListBidded {background:url('/images/en/ribbon_bidded.png') no-repeat; width:65px; height:65px; position:absolute; top:-2px; right:-2px; cursor:pointer}

.dealsEntry {
    position: relative;
    margin:60px 0 20px 0; padding:20px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background:-moz-linear-gradient(top, #ffffff, #eeeeee);
}

.dealsTitle {font-weight:bold; margin-bottom:10px; font-size:20px; border-bottom:solid 2px #eee}
.dealsCouponCode {color:#c00; font-size:14px; margin-bottom:10px; font-weight: bold; float:right}
.dealsCouponWrapper {margin-top:25px; background:#ffd6bc; border:dashed 1px #ef7c32; padding:5px 20px; color:#ac4300; text-align:center; font-size:18px; width:140px}
.dealsCouponInner {padding:15px 20px 20px 20px; margin-right:60px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px}
.dealsEntryDesc {width:550px; color:#666; font-size:14px}
.dealsMoreInfo {background:#fff; padding:5px; margin:10px 0}
.dealCouponMsg {font-size:12px; margin:10px 0; color:#000}
.dealsCouponMsgInner {border-top:dashed 1px #fff; padding:10px 0}
.dealCouponCode {position:relative; font-size:18px; font-weight:bold; margin:10px 0; color:#000; font-family:'courier new',sans serif; padding:3px 10px; background:#fff; text-align:center}
.dealScissors {position:absolute; left:-10px; bottom:-10px;}
.dealIframeWrapper {margin:10px -170px 0 0; width:320px}

/*certification*/
.certReasonsTitle {font-size:30px; color:#333; margin:60px 0 20px 0}
.certTableWrapper {font-family:'Lucida Sans Unicode',sans-serif}
.certCharacterCell {padding:7px; vertical-align:middle; text-align:center; background:url('/images/grad_gray_400_reversed.gif')}
.certTextCell {padding:7px 7px 20px 7px; vertical-align:top; background:url('/images/grad_gray_400_reversed.gif')}
.certTextTitle {color:#444; font-size:30px; margin-bottom:20px}
.certTextDesc {font-size:16px; color:#777}
.certApplyLink {margin:10px 0; padding:3px 8px; background-color:#eee; border-radius:3px}
.certCompareCellLabel {font-size:18px}

/*contact us*/
.contactTypeWrapper {position:fixed; bottom:0; left:0; background:#fec; padding:10px 15px;}
.contactUsTable td {vertical-align: top; padding:5px}

/*share options*/
.shareOptionEmail {position:absolute; top:5px; left:260px; border:solid 1px transparent}
.shareOptionTwitter {position:absolute; top:5px; left:180px; border:solid 1px transparent}
.shareOptionGoogle {position:absolute; top:5px; left:105px; border:solid 1px transparent}
.shareOptionFB {position:absolute; top:5px; left:15px; border:solid 1px transparent}

/*share body*/
.shareItemDesc {margin:20px 0; padding:20px; background:#0058a2; opacity:0.9; filter:alpha(opacity=90); color:#fff; font-size:15px; border:solid 5px #d8eafa}
.shareOpenSoon {background:#000; padding:10px; font-size:13px; color:#fff; opacity:0.6; filter:alpha(opacity=60)}
.shareLookingForTitle {margin-bottom:15px; color:#555; font-size: 20px}

/*full page background*/
.headerWrapper {position:fixed;top:0; left:0; width:100%; background: rgba(0, 0, 0, 0.8);}
.footerWrapper {position:fixed; bottom:0; left:0; width:100%; background: rgba(0, 0, 0, 0.8); padding:8px; text-align:center; font-size:15px}
.headerPrimary {float:left; margin:23px 15px 0 15px; color:#eee; font-size:14px}
.headerSecondary {float:right; margin:10px 7px 0 7px; color:#444; font-size:11px}

/*browse cats*/
a.catName {font-size:11px; background:#f3f3f3; margin:0 2px 0 0; padding:2px 6px; border:solid 1px #ccc; white-space: nowrap; color:#333; transition:all 0.2s ease}
a.catName:visited {background:#fff; border:solid 1px #0091ee}
a.catName:hover {background:#0091ee; color:#fff; border:solid 1px #0091ee; transition:all 0.2s ease}

a.catNameLight {font-size:11px; background:#fff; margin:0 2px 0 0; padding:2px 6px; border:solid 1px #ccc; white-space: nowrap; color:#333; transition:all 0.2s ease}
a.catNameLight:visited {color:#333; background:#fff; border:solid 1px #ccc}
a.catNameLight:hover {background:#0091ee; color:#fff; border:solid 1px #ccc; transition:all 0.2s ease}

a.catNameRed {font-size:11px; background:#f3f3f3; margin:0 2px 0 0; padding:2px 6px; border:solid 1px #a00; white-space: nowrap; color:#333; transition:all 0.2s ease}
a.catNameRed:visited {background:#fff; border:solid 1px #a00}
a.catNameRed:hover {background:#a00; color:#fff; border:solid 1px #a00; transition:all 0.2s ease}

a.browseIndTypeProvider          {background:#1d3a64; color:#fff; font-size:11px; font-weight:bold; border:solid 1px transparent; padding:3px 6px; transition:all 0.2s ease}
a.browseIndTypePortfolio         {background:#1d3a64; color:#fff; font-size:11px; font-weight:bold; border:solid 1px transparent; padding:3px 6px; transition:all 0.2s ease}
a.browseIndTypeProject           {background:#1d3a64; color:#fff; font-size:11px; font-weight:bold; border:solid 1px transparent; padding:3px 6px; transition:all 0.2s ease}
a.browseIndTypeBlog              {background:#1d3a64; color:#fff; font-size:11px; font-weight:bold; border:solid 1px transparent; padding:3px 6px; transition:all 0.2s ease}
a.browseIndPostProject           {background:#eb456d; color:#fff; font-size:12px; font-weight:bold; border:solid 1px transparent; padding:3px 6px; transition:all 0.2s ease}
a.browseIndTypeProvider:hover    {color:#1d3a64; background:#fff; border:solid 1px #1d3a64; transition:all 0.2s ease}
a.browseIndTypePortfolio:hover   {color:#1d3a64; background:#fff; border:solid 1px #1d3a64; transition:all 0.2s ease}
a.browseIndTypeProject:hover     {color:#1d3a64; background:#fff; border:solid 1px #1d3a64; transition:all 0.2s ease}
a.browseIndTypeBlog:hover        {color:#1d3a64; background:#fff; border:solid 1px #1d3a64; transition:all 0.2s ease}
a.browseIndPostProject:hover     {color:#eb456d; background:#fff; border:solid 1px #eb456d; transition:all 0.2s ease}

/*company info page*/
.companyInfoActionsWrapper {font-size:11px; padding:10px; background:#f3f3f3; border-top:solid 3px #ccc; border-bottom:solid 3px #ccc}
.companyInfoCoursesWrapper {background-color:#f3f3f3; padding:10px; border:solid 3px #ccc; border-left:none; border-right:none; margin-top:25px}
.companyInfoNoAction {background:#fff; color:#999; border:solid 1px #fff; font-size:11px}
.companyInfoAction {background:#0091ee; color:#fff; padding:3px 7px; margin:0 7px 0 0; border:solid 2px #fff; font-size:11px; transition:all 0.2s ease}
.companyInfoAction:hover {background:#0080d2; transition:all 0.2s ease}
.companyInfoActionPost {background:#0080d2; color:#fff; padding:3px 7px; margin:0 7px 0 0; border:solid 2px #fff; font-size:11px; transition:all 0.2s ease}
.companyInfoActionPost:hover {background:#0091ee; transition:all 0.2s ease}
.companyInfoActionPay {background:#b9006d; color:#fff; padding:3px 7px; margin:0 7px 0 0; border:solid 2px #fff; font-size:11px; position:relative; transition:all 0.2s ease}
.companyInfoActionPay:hover {background:#A2005F; transition:all 0.2s ease}
.companyInfoStatsRating {padding:10px 20px; height:65px; background:#f6402d; color:#fff; margin:0 0 0 10px; border:solid 5px #eee; text-align:center}
.companyInfoStatsEvals {padding:10px 20px; height:65px; background: #3587c6; color:#fff; margin:0 0 0 10px; border:solid 5px #eee; text-align:center}
.companyInfoStatsEarnings {padding:10px 20px; height:65px; background:#aad450; color:#fff; margin:0 0 0 10px; border:solid 5px #eee; text-align:center}
.companyInfoStatsProfileViews {padding:10px 20px; height:65px; background:#333; color:#fff; margin:0 0 0 10px; border:solid 5px #eee; text-align:center; position:relative}
.companyInfoIconNew {position:absolute; left:-8px; top:-8px}
.companyInfoCourseEntry {margin:5px 0 5px 10px; text-align:center; width:104px; height:61px; cursor:pointer}
.companyInfoImageMain {margin:15px 0 15px 15px}
.companyInfoTextsTitle {margin-top:30px; font-size:22px; color:#000}
.companyInfoTextsDescs {margin:5px 0 30px 0; font-size:14px; color:#333}
#profileViewsHint {text-align:center; position:absolute; left:-30px; bottom:-77px; background:#000; color:#fff; width:120px; z-index:100; white-space:normal; padding:5px 7px}

.companyInfoIndustry1 {background:#4ebaff; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry2 {background:#f6402d; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry3 {background:#888; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry4 {background:#aad450; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry5 {background:#ff8a3c; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry6 {background:#ba924c; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry7 {background:#3e3e3e; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry8 {background:#9e69ab; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry9 {background:#d73737; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry10 {background:#6f9c0e; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry11 {background:#1370ab; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry12 {background:#7a571a; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry13 {background:#b7a911; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry14 {background:#e40c8b; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry15 {background:#4ebaff; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry16 {background:#f6402d; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry17 {background:#888; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry18 {background:#aad450; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry19 {background:#ff8a3c; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}
.companyInfoIndustry20 {background:#ba924c; padding:3px 10px; margin-top:20px; transition:all 0.2s ease}

.companyInfoIndustry1:hover {background:#2ea8f7; transition:all 0.2s ease}
.companyInfoIndustry2:hover {background:#e6200b; transition:all 0.2s ease}
.companyInfoIndustry3:hover {background:#666; transition:all 0.2s ease}
.companyInfoIndustry4:hover {background:#93bf34; transition:all 0.2s ease}
.companyInfoIndustry5:hover {background:#f06e18; transition:all 0.2s ease}
.companyInfoIndustry6:hover {background:#a97e34; transition:all 0.2s ease}
.companyInfoIndustry7:hover {background:#222; transition:all 0.2s ease}
.companyInfoIndustry8:hover {background:#884a97; transition:all 0.2s ease}
.companyInfoIndustry9:hover {background:#bb2727; transition:all 0.2s ease}
.companyInfoIndustry10:hover {background:#537902; transition:all 0.2s ease}
.companyInfoIndustry11:hover {background:#04598f; transition:all 0.2s ease}
.companyInfoIndustry12:hover {background:#664306; transition:all 0.2s ease}
.companyInfoIndustry13:hover {background:#9b8e04; transition:all 0.2s ease}
.companyInfoIndustry14:hover {background:#b9036e; transition:all 0.2s ease}
.companyInfoIndustry15:hover {background:#2ea8f7; transition:all 0.2s ease}
.companyInfoIndustry16:hover {background:#e6200b; transition:all 0.2s ease}
.companyInfoIndustry17:hover {background:#666; transition:all 0.2s ease}
.companyInfoIndustry18:hover {background:#93bf34; transition:all 0.2s ease}
.companyInfoIndustry19:hover {background:#f06e18; transition:all 0.2s ease}
.companyInfoIndustry20:hover {background:#a97e34; transition:all 0.2s ease}


/*workspace layout styles*/
.projectTimelineWrapper {width:550px; overflow:hidden}
.projectPaymentsWrapper {width:420px; overflow:hidden}
.projectPaymentsInner {background:#f7f7f7; border:solid 1px #e9e9e9; padding:25px 15px 15px 15px; font-family:"Trebuchet MS", Sans-Serif}

/*project workspace timeline*/
.timelineDate {color:#aaa; font-size:10px; position:absolute; top:7px; right:10px; padding:2px 4px; }
.timelineInnerWhite {font-size:14px; color:#555; padding:45px 15px 20px 15px; margin:0 0 0 75px; background:#fff}
.timelineInnerMessage {font-size:14px; color:#555; padding:20px 15px; margin:0 0 0 75px; background:#f1f1f1}
.timelineInnerOrange {font-size:14px; color:#555; padding:45px 15px 20px 15px; margin:0 0 0 75px; background:#fff3d3}
.timelineIntraComment {background:#f1f1f1; padding:10px; margin:10px 0}
.timelineIntraCommentWhite {background:#fff; padding:10px; margin:10px 0; color:#777}
.timelineIntraCommentLabel {margin:10px 0 -5px 0}
.timelineEntryButton {
    margin:10px 0 0 0; font-size:20px; padding:5px 10px 5px 35px; border:solid 1px #ccc; cursor:pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cccccc');
    background:-webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#cccccc));
    background:-moz-linear-gradient(top, #f3f3f3, #cccccc); transition:all 0.2s ease;
}
.timelineEntryButton:hover {
    border:solid 1px #888;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#f3f3f3');
    background:-webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#f3f3f3));
    background:-moz-linear-gradient(top, #cccccc, #f3f3f3); transition:all 0.2s ease;
}

.timelineEntryButtonLock {position:absolute; left:9px; top:16px}
.timelineAlert {font-size:13px; color:#000; background:#ff7; font-weight:bold; padding:8px 15px; margin:0 0 22px 0;}
.timelineAlertWrapper {margin:0 0 0 75px;}
.secureButton {background: url('/images/lock.svg') no-repeat 0 0; font-size:20px;}

.timelineBidAcceptedWrapper {position:relative; background:#ebffd9 url('https://s3.amazonaws.com/xplace/images/workspace_bid_accept_48x48.png') no-repeat; background-position:15px 50%; margin-bottom:20px}
.timelineBidAcceptedLabel {position:absolute; background:#80c740; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 7px; border:solid 2px #fff; left:64px; top:10px}
.timelineBidAcceptedBorder {border-left:solid 1px #80c740}

.timelineEvaluationWrapper {position:relative; background:#ebffd9 url('https://s3.amazonaws.com/xplace/images/workspace_thumbs_up_48x48.png') no-repeat; background-position:15px 50%; margin-bottom:20px}
.timelineEvaluationLabel {position:absolute; background:#80c740; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 7px; border:solid 2px #fff; left:64px; top:10px}
.timelineEvaluationBorder {border-left:solid 1px #80c740}

.timelineEscrowFundedWrapper {position:relative; background:#ededed url('https://s3.amazonaws.com/xplace/images/workspace_escrow_funded_48x48.png') no-repeat; background-position:15px 50%; margin-bottom:20px}
.timelineEscrowFundedLabel {position:absolute; background:#606060; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 7px; border:solid 2px #fff; left:64px; top:10px}
.timelineEscrowFundedBorder {border-left:solid 1px #606060}

.timelineEscrowReleasedWrapper {position:relative; background:#ededed url('https://s3.amazonaws.com/xplace/images/workspace_escrow_released_48x48.png') no-repeat; background-position:15px 50%; margin-bottom:20px}
.timelineEscrowReleasedLabel {position:absolute; background:#606060; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 7px; border:solid 2px #fff; left:64px; top:10px}
.timelineEscrowReleasedBorder {border-left:solid 1px #606060}

.timelineEscrowRequestWrapper {position:relative; background:#dcebf3 url('https://s3.amazonaws.com/xplace/images/workspace_escrow_request_48x48.png') no-repeat; background-position:15px 50%; margin-bottom:20px}
.timelineEscrowRequestLabel {position:absolute; background:#54a7d4; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 7px; border:solid 2px #fff; left:64px; top:10px}
.timelineEscrowRequestBorder {border-left:solid 1px #54a7d4}
.timelineEscrowRequestFooter {font-size:11px; color:#777; margin-top:15px}

.timelineDisputeStartWrapper {position:relative; background:#ffefc3 url('https://s3.amazonaws.com/xplace/images/workspace_dispute_start_54x54.png') no-repeat; background-position:11px 50%; margin-bottom:20px}
.timelineDisputeStartLabel {position:absolute; background:#eea32e; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 7px; border:solid 2px #fff; left:64px; top:10px}
.timelineDisputeStartBorder {border-left:solid 1px #eea32e}

.timelineDisputeResolvedWrapper {position:relative; background:#ffefc3 url('https://s3.amazonaws.com/xplace/images/workspace_dispute_resolve_48x48.png') no-repeat; background-position:15px 50%; margin-bottom:20px}
.timelineDisputeResolvedLabel {position:absolute; background:#eea32e; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 7px; border:solid 2px #fff; left:64px; top:10px}
.timelineDisputeResolvedBorder {border-left:solid 1px #eea32e}
.timelineDisputeAdminCommentLabel {margin:15px 0 -7px 0; font-weight:bold}

.timelineBonusWrapper {position:relative; background:#ebffd9 url('https://s3.amazonaws.com/xplace/images/workspace_bonus_54x44.png') no-repeat; background-position:15px 50%; margin-bottom:20px}
.timelineBonusLabel {position:absolute; background:#80c740; color:#fff; text-transform:uppercase; font-size:10px; font-weight:bold; padding:4px 7px; border:solid 2px #fff; left:64px; top:10px}
.timelineBonusBorder {border-left:solid 1px #80c740}

.timelineMessageWrapper {position:relative; background:#fff; background-position:15px 50%; margin-bottom:20px}
.timelineMessageBorder {border-left:solid 1px #ababab}
.timelineMessageTri {width:8px; height:13px; background:url('https://s3.amazonaws.com/xplace/images/workspace_message_tri_left_8x13.gif'); position:absolute; left:68px; top:22px}
.timelineAttachmentWrapper {background:#fff; padding:5px 15px; margin:15px 0 0 0; box-shadow:0 1px 1px #ccc; -moz-box-shadow:0 1px 1px #ccc; -webkit-box-shadow:0 1px 1px #ccc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:400px}
.timelineAttachmentImg {margin-right:5px}
.timelineMessageUserImg {position:absolute; left:10px; top:5px; width:45px}

/*workspace payments*/
.workspacePaymentEntryWrapper {padding:15px; background-color:#fff; overflow:hidden; margin-bottom:15px; position:relative}
.workspacePaymentEntryWrapper:last-child {margin-bottom:0}
.workspacePaymentHeader {color:#444; text-transform:uppercase; font-size:21px; margin-bottom:5px}
.workspacePaymentName {color:#000; font-size:13px; text-transform:uppercase; font-weight:bold; margin-top:11px; padding-bottom:4px; border-bottom:dotted 1px #ccc}
.workspacePaymentStatusReleased {margin-top:5px; color:#fff; background:#80c740; padding:0 6px; font-size:10px; text-transform:uppercase; font-weight:bold}
.workspacePaymentStatusCancelled {margin-top:5px; color:#fff; background:#999; padding:0 6px; font-size:10px; text-transform:uppercase; font-weight:bold}
.workspacePaymentStatusDisputed {margin-top:5px; color:#fff; background:#eea32e; padding:0 6px; font-size:10px; text-transform:uppercase; font-weight:bold}
.workspacePaymentStatusCurrent {margin-top:5px; color:#fff; background:#b9006d; padding:0 6px; font-size:10px; text-transform:uppercase; font-weight:bold}
.workspacePaymentStatusFailed {margin-top:5px; color:#fff; background:#a00; padding:0 6px; font-size:10px; text-transform:uppercase; font-weight:bold}
.workspacePaymentAmountReleased {position:absolute; top:10px; right:15px; font-size:30px; color:#80c740}
.workspacePaymentAmountCurrent {position:absolute; top:10px; right:15px; font-size:30px; color:#b9006d}
.workspacePaymentAmountCancelled {position:absolute; top:10px; right:15px; font-size:30px; color:#888}
.workspacePaymentAmountDisputed {position:absolute; top:10px; right:15px; font-size:30px; color:#eea32e}
.workspacePaymentCurrency {font-size:13px; font-weight:bold}
.workspacePaymentUserCommentLabel {color:#888; font-size:11px; margin:10px 0 -5px 0}
.workspacePaymentCloseX {font-size:30px; cursor:pointer; position:absolute; top:-6px; right:6px; color:#ccc}
.workspacePaymentError {font-size:13px; background:#F2DEDE; padding:5px 10px; margin:20px auto; color:#B94A48; border-top:solid 1px #EED3D7; border-bottom:solid 1px #EED3D7; text-shadow:0 1px #fff; font-weight:bold; text-align:center; border-radius:3px}
.workspacePaymentWhatis {text-transform:none; margin:10px 0 -10px 0}

/*workspace files*/
.workspaceFileEntryWrapper {margin-bottom:20px}
.workspaceFileName {color:#000; font-size:13px; font-weight:bold; margin-top:11px; padding-bottom:4px; white-space:nowrap; width:270px; text-overflow:ellipsis; overflow:hidden}
.workspaceFileLink {vertical-align:-5px}
.workspaceFileImg {margin:2px 5px -2px 0}
.workspaceFileSize {margin-top:-22px; color:#fff; background:#999; padding:0 6px; font-size:10px; text-transform:uppercase; font-weight:bold}
.workspaceFileDate {color:#bbb; font-size:10px; border-top:dotted 1px #ccc; padding-top:2px; margin-top:-2px}

.workspaceProjectNum {color:#888; background:#eee; margin-bottom:5px; font-size:10px; padding:0 5px}

.workspaceLoadMore {
    text-align:center; padding:10px; width:200px; border-radius:5px; margin:0 auto; border:solid 1px #eee; cursor:pointer; color:#777; text-shadow:1px 1px #fff; transition:all 0.2s ease;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.workspaceLoadMore:hover {
    box-shadow:2px 2px 2px #aaa; color:#e07e00; border:solid 1px #ddd; font-weight:bold; transition:all 0.2s ease;
}


/*wallet*/
.walletPageWrapper {width:750px; margin:0 auto; font-family:'Trebuchet MS',Sans-Serif}
.walletTitleWrapper {margin:20px auto; padding:0 0 10px 0; width:800px; text-align:center; font-size:50px; font-family:'Trebuchet MS',Sans-Serif; letter-spacing:-2px}
.walletTitleCurrency {font-size:20px}
.walletSummaryWrapper {padding:20px; width:750px; margin:0 auto}
.walletEntryWrapper {width:350px}
.walletTitleAmount_Available {font-size:40px; color:#b9006d}
.walletEntryAmountCurrency {color:#fff; padding:15px 0 0 0; font-size:16px}
.walletEntryDesc {color:#999; font-size:12px; margin-top:10px; padding-top:5px; border-top:dashed 1px #ddd}
.walletEntryWithdrawalButton {font-size:12px; font-weight:bold; color:#d78bb8; border:solid 2px #d78bb8; padding:3px 10px 3px 20px; background:#fff5fb; margin:20px 0 0 -17px; cursor:pointer; position:relative; z-index:0; transition:all 0.2s ease}
.walletEntryWithdrawalButton:hover {background:#fff; color:#b9006d; border:solid 2px #b9006d; margin-left:-13px; transition:all 0.2s ease}

.walletEntryTitle_Available {color:#b9006d; font-weight:bold; font-size:22px; padding:0 0 2px 0; text-transform:capitalize; font-style:italic}
.walletEntrySubtitle_Available {color:#d78bb8; font-size:17px}
.walletEntryAmount_Available {background:#b9006d; color:#fff; padding:5px 10px; font-size:30px; text-shadow:0 1px 1px #900055; position:relative; z-index:1}

.walletEntryTitle_Clearing {color:#4599B1; font-weight:bold; font-size:22px; padding:0 0 2px 0; text-transform:capitalize; font-style:italic}
.walletEntrySubtitle_Clearing {color:#8dc7d8; font-size:17px}
.walletEntryAmount_Clearing {background:#4599B1; color:#fff; padding:5px 10px; font-size:30px; text-shadow:0 1px 1px #187a96}

.walletEntryTitle_Withdrawn {color:#003B58; font-weight:bold; font-size:22px; padding:0 0 2px 0; text-transform:capitalize; font-style:italic}
.walletEntryAmount_Withdrawn {background:#003B58; color:#fff; padding:5px 10px; font-size:30px; text-shadow:0 1px 1px #002334}

.walletEntryTitle_Alltime {color:#97cb0a; font-weight:bold; font-size:22px; padding:0 0 2px 0; text-transform:capitalize; font-style:italic}
.walletEntryAmount_Alltime {background:#97cb0a; color:#fff; padding:5px 10px; font-size:30px; text-shadow:0 1px 1px #7ba801}

/*wallet transactions table*/
.walletType1 {background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Deposit*/
.walletType2 {background:#fff; position:relative; color:#b9006d; border:solid 2px #b9006d; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Funding Escrow*/
.walletType3 {background:#fff; position:relative; color:#80c740; border:solid 2px #80c740; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Project Payment*/
.walletType4 {background:#fff; position:relative; color:#eea32e; border:solid 2px #eea32e; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Escrow Release on Dispute*/
.walletType5 {background:#fff; position:relative; color:#eea32e; border:solid 2px #eea32e; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Escrow Refund*/
.walletType6 {background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Funding Escrow Revoked*/
.walletType7 {background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Deposit Revoked*/
.walletType8 {background:#fff; position:relative; color:#4599B1; border:solid 2px #4599B1; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Withdrawal*/
.walletType9 {background:#fff; position:relative; color:#eea32e; border:solid 2px #eea32e; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Dispute Fee*/
.walletType10{background:#fff; position:relative; color:#888888; border:solid 2px #cccccc; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Manual*/
.walletType11{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Fee Refund*/
.walletType12{background:#fff; position:relative; color:#80c740; border:solid 2px #80c740; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Bonus received*/
.walletType13{background:#fff; position:relative; color:#b9006d; border:solid 2px #b9006d; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Bonus paid*/
.walletType14{background:#fff; position:relative; color:#b9006d; border:solid 2px #b9006d; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Bonus paid*/
.walletType15{background:#fff; position:relative; color:#b9006d; border:solid 2px #b9006d; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Bonus paid*/

.walletType16{background:#fff; position:relative; color:#eea32e; border:solid 2px #eea32e; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Refund*/
.walletType17{background:#fff; position:relative; color:#eea32e; border:solid 2px #eea32e; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Refund*/
.walletType18{background:#fff; position:relative; color:#eea32e; border:solid 2px #eea32e; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Refund*/
.walletType19{background:#fff; position:relative; color:#eea32e; border:solid 2px #eea32e; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Refund*/


.walletType30{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Project Posting (nda/hot/urgent/fulltime)*/
.walletType31{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*REFUND FOR Project Posting (nda/hot/urgent/fulltime)*/
.walletType40{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Stats Access Behind Paywall*/
.walletType41{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Stats Access Behind Paywall*/
.walletType50{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Expert Subscription*/
.walletType51{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*REFUND FOR Expert Subscription*/
.walletType60{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Certified Subscription*/
.walletType61{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*REFUND FOR Certified Subscription*/
.walletType70{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*REFUND FOR Withdrawal Fee*/
.walletType80{background:#fff; position:relative; color:#555555; border:solid 2px #555555; text-transform:uppercase; font-size:10px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block} /*Project mamagement Fee*/

.walletShootingStar {position:absolute; top:-20px; left:-10px; z-index:20}

.walletTransactionsTH {border:solid 1px #ddd; background:#eee; color:#333; padding:5px 10px; font-size:13px}

tr.walletTransactions:nth-child(odd)  {background-color:#f4f4f4}
tr.walletTransactions:nth-child(even) {background-color:#fff}

.walletDetailsPopup {width:400px; position:absolute; top:0; left:0; background:#fff; border:solid 2px #333; padding:10px; z-index:100}
.walletDetailsInner {font-size:11px; color:#000; border-bottom:dashed 1px #ddd; margin-bottom:5px; padding-bottom:5px}
.walletTransactionsAmountIn {font-size:15px; width:150px; color:#55be00; font-weight:bold; text-align:right}
.walletTransactionsAmountOut {font-size:15px; width:150px; color:#f21c1c; font-weight:bold; text-align:right}
.walletTransactionsAmountBalance {font-size:15px; width:150px; color:#777; text-align:right}
.walletTransactionsAmountCleared {background:#ccc; color:#fff; padding:0 5px; font-size:10px; text-transform:uppercase; display:inline-block}
.walletTransactionsAmountClearing {background:#aaa; color:#fff; padding:0 5px; font-size:10px; text-transform:uppercase; display:inline-block}

table.walletTransactions {border-collapse:collapse; width:100%}
table.walletTransactions td {padding:10px; vertical-align:middle}

.walletWithdrawalAmount {background:#fff; position:relative; color:#80c740; border:solid 2px #80c740; text-transform:uppercase; font-size:34px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block; transition:all 0.2s ease}
.walletWithdrawalAmount:hover {background:#eef8e6; transition:all 0.2s ease}
.walletWithdrawalAmountRejected {background:#fff; position:relative; color:#aaa; border:solid 2px #aaa; text-transform:uppercase; font-size:24px; padding:0 4px; font-weight:bold; white-space:nowrap; display:inline-block; transition:all 0.2s ease}
.walletWithdrawalAmountRejected:hover {background:#f3f3f3; transition:all 0.2s ease}

.tableEmpty {text-align:center; font-size:18px; padding:30px; border-bottom:solid 1px #ccc}


.walletTabsTable {width:100%}
.walletTabSpacer {width:10px; border-bottom:solid 5px #ccc; border-top:solid 5px #fff;}
.walletTabActive {border:solid 5px #ccc; border-bottom:solid 5px #fff; background:#fff; font-weight:bold; font-size:16px; color:#000; text-align:center; cursor:default; width:150px}
.walletTabInactive {border:solid 5px #ccc; cursor:pointer; background:#f8f8f8; color:#aaa; font-size:16px; text-align:center; width:150px}
.walletTabSpacerEnd {border-bottom:solid 5px #ccc; width:auto}

/*withdrawal request */
.withdrawRequestCol1 {width:200px; font-size:15px; margin-bottom:30px; padding-top:0}
.withdrawRequestCol2 {width:300px; font-size:15px; margin-bottom:30px}
.withdrawBtn {font-size:34px; pading:5px 10px}
.withdrawAmtWrapper {display:inline-block; background:#f3ddea; padding:4px 5px; margin:0; border:solid 1px #fff}
.withdrawAmtCurrency {color:#b9006d; font-size:20px}
.withdrawAmtAvailable {display:inline-block; margin-top:5px; background:#fff; padding:3px 8px; color:#666; border:solid 1px #ddd; font-size:13px}

.withdrawSuccessEntryWrapper {border-bottom:dashed 1px #ddd; padding:0 0 10px 0; margin:10px 0; }
.withdrawSuccessCol1 {width:120px; font-size:13px; font-weight:bold}
.withdrawSuccessCol2 {width:500px; font-size:13px}

/*global page definitions*/
.pageTitle {margin:0 auto 15px auto; text-align:center; font-size:40px; letter-spacing:-1px; background:url('/images/grad_gray_350.gif') 20% 25%; padding:10px; color:#999; text-shadow:0 1px 0 #fff; border-bottom:solid 5px #ddd}
.pageSubTitle {font-weight:normal; text-align:center; color:#777; padding:0; margin:0 auto; text-shadow:none; font-size:16px; letter-spacing:normal; text-transform:none; max-width:750px}


/*provider invite on post project success page*/
.providerInviteEntryWrapper, .providerInviteEntryWrapperInviting, .providerInviteEntryWrapperCert {margin-bottom:18px; width:195px; border:solid 2px #1c94d8; vertical-align:top; border-radius:5px; padding:10px 20px; position:relative; transition:all 0.2s ease}
.providerInviteEntryWrapperInviting {background:#cde8b5}
.providerInviteEntryWrapperCert {margin-bottom:40px; width:20px; border:solid 5px #b00; vertical-align:top; border-radius:5px; padding:10px 20px; position:relative}
.providerInviteEntryWrapper:hover, .providerInviteEntryWrapperInviting:hover, .providerInviteEntryWrapperCert:hover {border:solid 2px #1c94d8; transition:all 0.2s ease}
.providerInviteCheckmark {position:absolute; bottom:10px; right:10px; z-index:60}
.providerInviteInfoWrapper {height:85px; position:relative}
.providerInviteLogo {display:inline-block; max-width:70px; max-height:70px; position:absolute; top:5px; left:-10px}
.providerInviteInfoInner {display:inline-block; width:130px; position:absolute; top:0; left:70px}
.providerInviteCompanyName {white-space:nowrap; overflow:hidden; width:130px; text-overflow:ellipsis; margin-bottom:5px}
.providerInviteActionWrapper {height:85px; left:0; position:absolute; top:0; padding:10px 20px; width:195px; background:#1c94d8; border-radius:2px}
.providerInviteActionInvite {color:#fff; font-size:40px; text-shadow:0 1px 1px #1c94d8; font-weight:bold; text-align:center; position:relative; margin-top:15px}
.providerInviteActionInviting {color:#fff; font-size:30px; text-shadow:0 1px 1px #1c94d8; font-weight:bold; text-align:center; padding-top:18px}
.inviteProviderPlus {box-shadow:0 1px 1px #1c94d8; color:inherit; border:solid 3px #fff; border-radius:50px; padding:0; margin:0; display:inline-block; height:24px; width:24px; line-height:20px}
.providerInviteCertIcon {position:absolute; right:-12px; top:-7px; z-index:50}
.inviteProviderViewProfile {position:absolute; bottom:-32px; right:-10px; text-shadow:none}
.inviteProviderTrippleColumn {margin-right:16px}
.inviteProvderDescPopup {background:#555; color:#fff; text-shadow:0 -1px 1px #000; border-radius:3px; width:250px; position:absolute; top:-27px; right:-318px; font-size:12px; font-weight:normal; z-index:1000; padding:7px 15px; overflow-x:hidden}
.inviteProviderDescPopupArrow {position:absolute; left:-14px; top:11px; opacity:0.67}

/*my tasks*/
#marketSidebar {position: relative}
.sidebarTitle {border-bottom:solid 5px #1c94d8; font-size:18px; color:#333; padding:0 5px; text-transform:uppercase; text-shadow:0 1px #fff}
.sidebarTitleTasks {border-bottom:solid 5px #c00; font-size:18px; color:#333; padding:0 5px; text-transform:uppercase; text-shadow:0 1px #fff}
.sidebarTitleProjects {border-bottom:solid 5px #80c740; font-size:18px; color:#333; padding:0 5px; text-transform:uppercase; text-shadow:0 1px #fff}
.sidebarBox {background:#fff; padding:15px; border:solid 1px #ccc; margin-bottom:30px}
.sidebarLink {margin-top:20px; padding:5px; background:#f3f3f3; transition:all 0.2s ease}
.sidebarLink:hover {background:#1c94d8; transition:all 0.2s ease}
.sidebarLink:hover a {color:#fff; transition:all 0.2s ease}
a.sidebarInd {background:#fff; padding:7px 10px; text-shadow:none; font-size:15px; color:#1c94d8; display:block; border-top:dashed 1px #eee; transition:all 0.2s ease}
a.sidebarInd:hover {background:#f3f3f3; color:#000; text-decoration:none; transition:all 0.2s ease}
a.sidebarCat {padding:5px 20px; background:#fff; display:block; color:#f16f01; font-size:11px; font-weight:bold; transition:all 0.2s ease}
a.sidebarCat:hover {text-decoration:none; background:#ffc; transition:all 0.2s ease}
a.sidebarPost {background:#faba19; padding:5px; color:#fff; text-shadow:0 2px 1px #ec8102; font-size:30px; text-align:center; display:block; box-shadow:0 2px 1px #ddd; -moz-box-shadow:0 2px 1px #ddd; -webkit-box-shadow:0 2px 1px #ddd; transition:all 0.2s ease}
a.sidebarPost:hover {background:#faad19; margin:2px 0 -2px 0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; text-shadow:0 1px 1px #ec8102; transition:all 0.2s ease}

.sidebarRecommendationPremium {margin:0 5px 0 0; padding:0 5px; color:#fff; background:#f7ab26; border:solid 3px #f9e2c1; text-transform:uppercase; font-weight:bold; font-size:10px}
.sidebarRecommendationHot {margin:0 5px 0 0; padding:0 5px; color:#fff; background:#c00; border:solid 3px #fddada; text-transform:uppercase; font-weight:bold; font-size:10px}

.sidebarRecommendationWrapper {text-overflow:ellipsis; position:relative; height:26px; border-bottom:solid 1px #ccc; padding:7px 5px 5px 5px}
.sidebarRecommendationInner {overflow:hidden; white-space:nowrap; width:225px; text-overflow:ellipsis; height:25px}
.sidebarRecommendationInnerLong {position:absolute; top:0; right:0; width:450px; height:25px; white-space:nowrap; z-index:100; background-color:#ffc; border:solid 1px #555; padding:7px 5px}

.sidebarRecommendationProj {width:330px; margin:2px 0 0 0; overflow:hidden; text-overflow:ellipsis}
.sidebarRecommendationRemove  {margin:5px 10px 0 0; font-size:9px !important;}
.sidebarRecommendationBid {margin:5px 0 0 0; font-size:9px !important;}

/*project recommendations page*/
.projectRecommendationEntry {padding:6px 10px; border-bottom:solid 1px #eee; position:relative}
.projectRecommendationOptions {position:absolute; right:10px; top:2px}

/*forms*/
.formTableHeader {font-size:30px; color:#aaa}
.formTableHeaderRequired {font-size:30px; color:#c00}
.formTable {background:#f7f7f7; border-radius:10px; border:solid 3px #ddd; padding:15px; margin-bottom:40px}
.formTableBlue {background:#ebf0f5; border-radius:10px; border:solid 5px #5A799C; padding:15px; margin-bottom:40px}

/*options page*/
table.optionsTable td {vertical-align:top}
table.optionsTable .formTableHeader {font-size:20px; padding:5px}

/*billing history*/
.billingStatusPaid      {color:#fff; text-align:center; padding:0; font-weight:bold; font-size:11px; text-transform:uppercase; text-shadow:0 1px #999999; background:#bbbbbb}
.billingStatusPending   {color:#fff; text-align:center; padding:0; font-weight:bold; font-size:11px; text-transform:uppercase; text-shadow:0 1px #1f7f9a; background:#4599B1}
.billingStatusRefund    {color:#fff; text-align:center; padding:0; font-weight:bold; font-size:11px; text-transform:uppercase; text-shadow:0 1px #4e990b; background:#80c740}
.billingStatusCurrent   {color:#fff; text-align:center; padding:0; font-weight:bold; font-size:11px; text-transform:uppercase; text-shadow:0 1px #740145; background:#b9006d}

/*empty desktop / my xplace*/
.emptyDeskEntry {margin-bottom:25px}
.emptyDeskArrow {padding:0; line-height:25px; font-size:100px; margin-bottom:60px}
.emptyDeskTitle {background:#f3f3f3; display:inline-block; padding:1px 10px}
#homeHint{position:absolute; left:6px; top:93px; background:#000; padding:10px; color:#fff; z-index:400; width:150px}
.homeHintArrowUp {position:absolute; top:-10px; left:15px}

/*project definitions*/
.projectActionsWrapper {margin-top:-15px; padding:10px; background:#fff; text-align:center; border-bottom:solid 2px #ddd}
.projectActionsWrapper span {margin:0 20px}

/*referrals*/
.referralEmailError {color:#fff; background:#c00; font-size:11px; padding:2px 5px; margin:0 3px 10px 3px; text-shadow:0 1px #a00; font-weight:bold; border-radius:3px; display:inline-block;}
.referralPaid           {border-radius:4px; background:#80c740; color:#fff; font-weight:bold; text-align:center; display:inline-block; font-size:12px; text-transform:uppercase}
.referralRegistered     {border-radius:4px; background:#4599B1; color:#fff; font-weight:bold; text-align:center; display:inline-block; font-size:12px; text-transform:uppercase}
.referralNotRegistered  {border-radius:4px; background:#bbbbbb; color:#fff; font-weight:bold; text-align:center; display:inline-block; font-size:12px; text-transform:uppercase}

/*project*/

.yazaminfo {border:5px solid #ccc; padding:3px}
table.projectinfo1 {border:5px solid #1A2C47; padding:0 ;margin:0}
table.projectinfo1 td {vertical-align:top}
.projectInfoFileOuter {margin-bottom:15px; background:#f3f3f3; padding:5px}
.projectInfoFileInner {display:inline-block; width:auto; position:relative}
.projectInfoFileIcon {vertical-align:-10px}
.projectInfoFileName {margin:0 10px; text-shadow:0 1px #fff}
.projectInfoFileSize {background:#fff; border:solid 1px #555; width:50px; color:#444; position:absolute; top:27px; right:-100px; text-align:center}
.projectInfoTitle {font-size:35px; color:#1A2C47; margin:5px 0 -5px 0; text-shadow:0 2px 1px #ddd}

/*bid*/

#bids_wrapper {padding:0 20px; margin-top:30px}
.bids_project_status {font-size:15px; margin-top:35px; white-space:nowrap}
.bids_count {font-size:45px; color:#333; padding:5px 15px; background:#eee; border-bottom:solid 5px #ccc}

.bidEntryWrapper {position:relative; border-bottom:solid 10px #333; padding-bottom:20px; margin-bottom:20px}
.bidEntryLeft {min-width:480px; max-width:480px; display:table-cell; text-align:center; position:relative; padding-bottom:20px}
.bidCommentWrapper {display:table-cell; vertical-align:top; padding-left:20px; min-height:400px; width:100%}
.bidCompanyLogo {position:relative; z-index:110; border-radius:50%; border:solid 5px #fff; box-shadow:-3px 3px 5px #ccc; margin:20px 0; width:100px; height:100px; vertical-align:middle}

.bidPrivateComment {line-height:30px; font-size:26px; font-family:RobotoLight, Arial, Sans-Serif; text-align:center; width:500px; position:relative; margin:55px auto}
.bidPrivateComment img {height:90px}

.bidConfirmWrapper {padding:5px 0; margin-bottom:10px}
.bidConfirmCol1 {float:left; width:200px; color:#000; padding-top:10px; font-size:16px; font-weight:bold}
.bidConfirmCol2 {float:right; width:480px; padding:10px; border:solid 2px #9CB6D3; background-color:#fff; border-radius:3px; font-size:15px}
.bidConfirmCol2Escrow {float:right; width:480px; padding:10px; border:solid 2px #b9006d; background-color:#f7eaf2; border-radius:3px}
img.bidConfirmIcon {float:right; margin:5px 10px; width:32px}
.bidTabWrapper {background:#eee; padding:15px 10px 0 10px; border-bottom:solid 3px #333; margin:20px 20px 0 20px}
.bidTabActive {float:left; font-size:20px; color:#000; margin:3px 5px -3px 5px; background:#fff; border:solid 3px #333; border-bottom:solid 3px transparent; text-align:center; padding:5px 15px}
.bidTabPassive {float:left; font-size:20px; color:#999; margin:7px 5px -7px 5px; background:#f9f9f9; border:solid 3px #bbb; border-bottom:none; text-align:center; padding:3px 15px; transition:all 0.2s ease}
.bidTabPassive:hover {background:#ffc; transition:all 0.2s ease}
.bidTabPassive a {text-shadow:0 1px #fff}
.bidActionAccept {background:#fff; border:solid 3px #399bcb; text-align:center; margin-bottom:10px; padding:10px; min-width:200px}
.bidEscrowInfo {margin-top:15px; padding:10px; background:#f3ddea; border:solid 1px #b9006d; color:#b9006d; position:relative; text-align:center; font-size:12px}
.bidEscrowHint {background:#000; font-weight:bold; padding:10px 15px; color:#fff; position:absolute; top:118px; left:225px; width:350px; font-size:11px; z-index:200}
.bidEscrowHintArrow {position:absolute; left:-10px; top:10px}
.bidEscrowAmount {color:#b9006d; font-size:20px; text-shadow:0 1px #fff; font-weight:bold; text-align:center}
.bidEscrowAmountSmall {color:#b9006d; font-size:11px; text-shadow:0 1px #fff; font-weight:bold; text-align:center}
.boardEscrowHint {background:#000; font-weight:bold; padding:10px 15px; color:#fff; position:absolute; top:-100px; left:205px; width:350px; font-size:11px; z-index:200}
.boardEscrowHintArrow {position:absolute; left:-10px; top:95px}


.bidActionButtonWrapper {white-space:nowrap; text-align:center; margin:35px 0}

.bidActionButtonOff:first-child {border-left:solid 1px #bababa; border-top-left-radius:5px; border-bottom-left-radius:5px}
.bidActionButtonOff:last-child {border-top-right-radius:5px; border-bottom-right-radius:5px}
.bidActionButtonOff:only-child {border:solid 1px #bababa; border-radius:5px}

.bidActionButtonOn:first-child {border-left:solid 1px #076aa9; border-top-left-radius:5px; border-bottom-left-radius:5px}
.bidActionButtonOn:last-child {border-top-right-radius:5px; border-bottom-right-radius:5px}
.bidActionButtonOn:only-child {border:solid 1px #076aa9; border-radius:5px}

.bidActionButtonOnlyChild {border:solid 1px #bababa !important; border-radius:5px !important}

.bidActionButtonOn {margin-left:-4px; position:relative; cursor:pointer; padding:8px 15px; background:#047ecc; border:solid 1px #076aa9; color:#fff; text-align:center; font-size:14px; font-weight:normal; display:inline-block; border-left:none; font-family:Trebuchet MS, Arial; transition:all 0.2s ease}
.bidActionButtonOn:hover {background:#047ecc; transition:all 0.2s ease}
.bidActionButtonOff {
    margin-left:-4px; position:relative; cursor:pointer; padding:8px 15px; background:#f3f3f3; border:solid 1px #bababa; color:#777; text-align:center; font-size:14px; display:inline-block; font-family:Trebuchet MS, Arial; border-left:none; transition:all 0.2s ease;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f1f1f1');
    background:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
    background:-moz-linear-gradient(top, #f8f8f8, #f1f1f1);
}
.bidActionButtonOff:hover {
    transition:all 0.2s ease;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e3e3e3');
    background:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e3e3e3));
    background:-moz-linear-gradient(top, #f8f8f8, #e3e3e3);
}
.bidActionButtonOn img {vertical-align:-3px}
.bidActionButtonOff img {vertical-align:-3px}
.bidActionButtonFirst {border-left:solid 1px #bababa; border-top-left-radius:5px; border-bottom-left-radius:5px}
.bidActionButtonLast {border-top-right-radius:5px; border-bottom-right-radius:5px}

.bidDeleteReasonOuterWrapper {padding:0 20px}
.bidDeleteReasonWrapper {background:#fff; padding:10px 0; margin:0 auto 10px auto; box-shadow:0 0 10px #ccc; font-size:14px; border-radius:5px; min-width:250px; max-width:480px}
.bidDeleteReason {margin:5px 15px}
.bidDeleteBtn {padding:10px; color:#fff; background:#057ecd; border:none; font-size:16px; cursor:pointer}
.bidDeleteDesc {margin:10px auto 20px auto; font-size:13px; color:#777; text-align:justify; padding:0 30px; min-width:250px; max-width:480px}
.bidDeleteButtonWrapper {font-size:14px; color:#000; padding:0 20px; margin:0 auto; min-width:250px; max-width:480px}

.bidCornerCertified {position:absolute; left:-4px; top:-4px; width:171px; height:171px; z-index:0}
.bidCorner {position:absolute; left:0; top:0; width:171px; height:171px; z-index:0}

.bidMetaInfo {padding:18px 0; font-size: 11px; color:#999; font-style:italic}
.bidMetaInfoEntry {margin-right:50px}

.bidNotesCounter {position:absolute; top:10px; right:15px; z-index:105; font-size:10px; color:#77c001; width:40px; text-align:center}
.bidNotesPopup {background:white; display:none; position:absolute; left:30px; top:115px; z-index:105; border:solid 5px #77c001; width:400px; box-shadow:#ccc 0 0 20px}
.bidNotesLink {text-align:center; font-weight:bold; color:#77c001; font-size:12px; margin-top:39px; line-height:12px}
.bidNotesEntry {padding:12px 0}
.bidNotesDate {font-size:10px; color:#aaa; font-style:italic}
.bidNotesText {color:#555; font-size:13px; font-weight:bold}
.bidNotesPopupInner {padding:15px 25px; position:relative}
.bidNotesCloseX {font-size:26px; color:#77bf03; position:absolute; top:-5px; right:2px; text-decoration:none}
.bidNotesTitle {color:#77bf03; font-size:18px; margin-bottom:10px}
.bidNotesTitle img {vertical-align:-1px}
.bidNotesTextarea {border:solid 1px #ccc; box-shadow:0 0 15px #ccc; width:343px; height:60px}
.bidNotesEntryWrapper {max-height:120px; overflow-y:auto}
.bidNotesCircleBottom {position:absolute; top:-5px; left:160px}

.bidStarRating {vertical-align:-3px; width:18px; height:18px}

.bidFavoriteSelectBtn {font-weight:bold; border-radius:5px; background:#fff; padding:10px 20px; border:solid 2px #057ecd; text-align:center; font-size:14px; display:inline-block; margin:8px auto 0 auto; transition:all 0.2s ease}
.bidFavoriteSelectBtn:hover {transition:all 0.2s ease}

.bidUnfavoriteDeleteBtn {font-weight:bold; border-radius:5px; background:#fff; padding:10px 20px; border:solid 2px #333; text-align:center; font-size:14px; display:inline-block; margin:15px auto 0 auto; transition:all 0.2s ease}
.bidFavoriteSelectBtn:hover {transition:all 0.2s ease}

.bidUnfavoriteX {position:absolute; top:-103px; left:-21px; font-size:220px; opacity:.1}
.bidUnfavoriteTitle {display:inline-block; width:75px; text-align:center; position:relative}
.bidUnfavoriteTrashIcon {width:16px; height:18px; vertical-align:-3px; margin:0 7px 0 0}

.bidHireConfirmBtnWrapper {text-align:center; margin-top:30px; position:relative}
.bidHireConfirmBtn {position:relative; z-index:200; border-radius:5px; display:block; padding: 10px 25px; color:#fff; background:#c701ba; max-width:400px; font-size:28px; margin:0 auto; text-align:center; box-shadow:0 0 10px #999}
.bidHireConfirmBtn img.finger {
    position:absolute; right:-55px; top:0; width:60px; z-index:300;
    transform:rotate(-30deg);
    -ms-transform:rotate(-30deg); /* IE 9 */
    -webkit-transform:rotate(-30deg); /* Opera, Chrome, and Safari */
}

.bidHireEscrow {padding:25px 50px; margin:-5px auto 0 auto; position:relative; max-width:450px; z-index:100; background:#fff; border-radius:5px; text-align:center; box-shadow:0 0 10px #bbb}
.bidHireEscrow img {position:absolute; left:15px; top:11px; width:30px}

.bidHireHelpTable {width:100%; margin:-25px auto 0 auto}
.bidHireHelpTableCell {background:#fff; width:50%; padding:15px 15px; text-align:center; color:#666; font-size:13px; border-radius:5px}

.bidDownloadCVBtn {padding:10px 20px; color:#fff;; max-width:350px; font-size:15px; border-radius:5px; box-shadow:0 0 5px #bbb; background:#c701ba; text-align:center; vertical-align:10px}
.bid_dialog_close_x {font-family:RobotoLight, OpenSans, Arial, Sans-Serif; padding:0 15px; font-size:50px; position:absolute; right:-5px; top:-12px}
div.bid_dialog {
    position:absolute;
    background: #f7f7f7;
    z-index:30;
    overflow:hidden;
    box-shadow:inset 0 0 30px #bbb; -moz-box-shadow:inset 0 0 30px #bbb; -webkit-box-shadow:inset 0 0 30px #bbb;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3');*/
    /*background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e3e3e3));*/
    /*background:-moz-linear-gradient(top, #ffffff, #e3e3e3);*/
}
.bid_delete_confirmation_wrapper {border:10px solid #ccc; position:absolute; z-index:10; background:#fff}

td.bid_dialog_close_handle {font-family:RobotoThin, OpenSans, Arial, Sans-Serif; padding:0; color:white; background-color:#888; font-size:90px; text-align:center; cursor:pointer; text-shadow:1px 1px 1px #555; vertical-align:middle; width:40px; min-width:40px; max-width:40px}
table.bid_dialog_table {width:100%; height:100%}

/*winning bid banner*/
.bid_winner_wrapper {text-align:center; position:relative; z-index:112; margin:-40px 0 15px 0; background:url('/images/banner_blue.svg') no-repeat 50% 50%; background-size:480px auto; padding:10px; height:50px}
.bid_winner_title {text-align:center; color:#fff; font-size:14px; font-weight:bold; text-shadow:0 1px 0 #005ca1; margin:6px 0 -2px 0}
.bid_winner_name_wrapper {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:370px; text-align:center; margin:auto; color:#fff}
.bid_winner_name_link {text-shadow:0 2px 0 #005ca1}

.bid_pilcrow_wrapper {position:absolute; top:0; right:0; align:left; direction:ltr}


.bidder_portfolio_wrapper {border:solid 5px #ccc; width:720px; padding:5px; white-space:nowrap; overflow:auto; border-radius:5px}
.bidder_portfolio_empty {white-space:nowrap; overflow-x:auto; width:550px}
.bidder_portfolio_empty div {box-shadow:inset 0 0 10px #555; color:#fff; font-weight:bold; font-size:14px; width:100px; height:100px; display:table-cell; vertical-align:middle; text-align:center; border:5px solid #fff; background:#b9006d; white-space:normal; padding:15px}
.bidder_portfolio_empty div:first-child {background:#ec8102; border-left:none}
.bidder_portfolio_empty div:nth-child(3) {background:#77bf03}
.bidder_portfolio_empty div:last-child {background:#057ecd}
.bidder_portfolio_empty div:nth-child(n+3) a {text-decoration:underline}

.bid_pm {background:#fff; padding:10px; border:solid 1px #ddd; box-shadow:inset 0 0 5px 2px #eee; width:350px; margin:auto; border-radius:3px; position:relative}
.bid_pm img {position:absolute; top:40px; left:15px; width:25px}
.bid_pm div {margin:5px 0}

.bids_empty {text-align:center; font-size:30px; color:#333; border-bottom:solid 5px #666; padding:50px 0 80px 0}

.chat_error {display:none}
.chat_error img {vertical-align:-3px}
.chat_history {overflow:auto; height:180px; background:#fff; width:550px; margin:50px auto; padding:20px}
.chat_last_message {text-align:center; margin:0; padding-bottom:25px; color:#777; font-style:italic}
.chat_submit_button {color:#fff; background:#057ecd; border:none; cursor:pointer; padding:5px 10px; font-size:15px; margin:-3px 0}
.chat_company_logo {width:70px; height:70px; border-radius:50%; border:solid 2px #fff; box-shadow:0 0 15px #999; margin:25px 0 5px 0}
.chat_input_area {width:415px; float:right}
.chat_textarea {width:405px; height:80px; font-size:13px; border:solid 2px #aaa; box-shadow:0 0 10px #ccc; font-family:'Courier New', Sans-Serif}
.chat_broadcast {margin:0 15px}

.chat_new_message_wrapper {width:500px; margin:0 auto}
.chat_message_wrapper {width:500px; margin:20px auto 50px auto}
.chat_message_wrapper:nth-last-child(2) {margin-bottom:20px}
.chat_message_wrapper .col1 {width:40px}
.chat_message_wrapper .col1 img {width:40px; height:40px; border-radius:50%; border:solid 2px #fff; box-shadow:0 0 7px #999; margin:-5px 0 5px 0}
.chat_message_wrapper .col2 {width:440px}


/*direct pay*/
.directPayWrapper {padding:6px 0}
.directPayCol1{float:left; width:130px; color:#666; text-transform:uppercase; font-size:12px}
.directPayCol2{float:left; width:370px; text-transform:uppercase; font-weight:bold; font-size:15px}
.directPayAmountWrapper {background:#f3ddea; padding:5px; display:inline-block}
.directPayAmount {border:solid 3px #b9006d; margin:0; width:100px; font-size:26px; color:#b9006d; font-weight:bold}
.directPayAmountCurrency {color:#b9006d; font-size:28px; vertical-align:-7px}
.directPayArrow {position:absolute; bottom:-58px; right:50px}

/*board*/
.boardMessageAddArrow {position:absolute; top:38px; left:-15px}
.boardProvidersTitle {text-transform:uppercase; color:#888; font-size:13px}
.boardProvidersWrapper {background:#f2f2f2; width:220px; padding:10px; padding-right:0}
.boardProviderOff {border:solid 1px transparent; padding:10px}
.boardProviderOn {padding:10px; background:#fff; border:solid 1px #ccc; border-right:none}

/*banned user*/
.bannedUserIcon {position:absolute; top:15px; right:20px}

/*terms*/
.termsTOCArrow {vertical-align:-5px; margin:0 5px 5px 0}
.termsEmbedded {width:665px; height:90px; overflow:auto; padding:20px; background:#fff}

/*fund escrow upon selecting bid*/
.fundEscrowCol1{float:left; width:200px; color:#666; text-transform:uppercase; font-size:12px}
.fundEscrowCol2{float:left; width:300px; text-transform:uppercase; font-weight:bold; font-size:15px}

/*webkit fixes for mac*/
input[type=submit] {-webkit-appearance:button; font-family:museo_sans_rounded, Trebuchet MS, Arial, Sans-Serif;}
input[type=button] {-webkit-appearance:button; font-family:museo_sans_rounded, Trebuchet MS, Arial, Sans-Serif;}
button {-webkit-appearance:button; font-family:museo_sans_rounded, Trebuchet MS, Arial, Sans-Serif;}

/*article*/
.articleEntryWrapper {padding:10px}
li.articleDynamic {list-style-type:disc; font-weight:bold; color:#aaa}
li.articleStatic {list-style-type:circle; font-weight:bold; color:#aaa}
.articlePostAbs {position:absolute; top:20px; right:20px}

/*nda*/
.ndaOL {list-style-type: upper-latin}
.ndaBidWrapperFalse {background:#eaf6d3; padding:10px 20px; color:#333; margin-bottom:20px; border:dashed 2px #80c740; border-radius:10px}
.ndaBidWrapperTrue {background:#e2f4be; padding:10px 20px; color:#333; margin-bottom:20px; border:solid 2px #80c740; border-radius:10px}
.ndaField {font-weight:bold; border-bottom:solid 2px #000; background:#ffb}
.projectNDABody div {margin:20px 0; line-height:175%; font-size:15px}
.projectNDABody div ol li {margin-bottom:15px}

/*recommended links*/
.recommendedLinksEntry {padding:15px 0}
.recommendedLinksDesc {font-size:13px; color:#555; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis}

/*we are hiring*/
.weAreHiringTitle {
    font-size:30px; color:#333; padding:5px 10px; border-radius:5px; direction:ltr; text-align:left;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background:-moz-linear-gradient(top, #ffffff, #eeeeee);
}
.weAreHiringEntry {padding:15px 0; margin-bottom:30px}
.weAreHiringDesc {direction:ltr; text-align:left; font-size:13px; color:#222; width:100%; padding:15px 0}
.weAreHiringDescCol1 {direction:ltr; width:110px; padding:5px 10px; font-size:13px; color:#fff; font-weight:normal; float:left; background:#465f71; min-height:120px; border-radius:3px; text-align:right}
.weAreHiringDescCol2 {direction:ltr; text-align:left; width:395px; padding:5px 10px; font-size:13px; color:#444; float:right; background:#edf1f3; border-radius:3px; min-height:120px}
.weAreHiringDescCol2 li {direction:ltr; text-align:left; list-style-position:inside}
.weAreHiringDivider {clear:both; height:3px}


/*FAQ*/
.faqEntryWrapper {padding:20px 0}
.faqEntryTitle {font-size:22px; color:#444; font-weight:bold; border-bottom:solid 2px #eee; padding-bottom:5px; margin-bottom:10px}
.faqCol1 {width:350px}
.faqCol2 {width:350px}
.faqTopSearch {margin-bottom:50px; border:solid 2px #eee; border-radius:5px; padding:20px; text-align:center}

/*gradients*/
.gradLightGrayTop {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
    background:-webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff));
    background:-moz-linear-gradient(top, #eeeeee, #ffffff);
}

.gradLightGrayBottom {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background:-moz-linear-gradient(top, #ffffff, #eeeeee);
}


.gradLightOrangeTop {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8bd', endColorstr='#ffffff');
    background:-webkit-gradient(linear, left top, left bottom, from(#ffe8bd), to(#ffffff));
    background:-moz-linear-gradient(top, #ffe8bd, #ffffff);
}

/*bid templates*/
.bidTemplateCol1 {width:200px; font-size:13px; font-weight:bold}
.bidTemplateCol2 {width:500px; background:#eee; padding:20px}


/*project/bid list-specific styles BE CAREFUL TO NOT CHANGE CLASS NAMES AS THEY ARE USED EXTENSIVELY IN JAVASCRIPT FUNCTIONS*/
a.default_sorting_link, a.active_sorting_link, a.inactive_sorting_link {display:inline-block; border-radius:3px; _borer-radius:none; font-size:16px; color:#fff; background:#c00; font-weight:normal; padding:3px 7px; white-space:nowrap}
a.active_sorting_link {background:#b00}
a.inactive_sorting_link {background:#77bf03}
a:hover.inactive_sorting_link {text-decoration:none}

.sorting_label {font-size:16px}
#sorting_menu {padding:14px; position:relative; background:#eee; border-bottom:solid 10px #333; margin-bottom:20px; font-size:12px; font-weight:bold; line-height:30px}
#sorting_menu a {margin:0 7px}
#sort_loading_icon {position:absolute; top:20px; right:15px}
.star_transfer, .star_transfer_full {background-image:url('/images/star_empty_gray.svg'); background-repeat:no-repeat; background-size:100%; z-index:999;}
.star_transfer_full {background-image:url('/images/star_full_orange.svg')}
.bid_comment {font-size:12px; color:#777; text-align:justify; text-justify:auto; cursor:pointer}
.bid_comment_open {color:#000; cursor:default; font-size:15px}
.popup_confirm {position:relative; background:#fff; padding:20px; width:auto; max-width:500px; margin:20px auto; border:solid 10px #000; border-radius:5px}



/*project mgmt plans from project_management_plans_body.jsp*/

.pm_plans {position:relative; width:750px; padding:0; margin:100px 0 50px 0; height:450px}

.pm_plan_1, .pm_plan_3 {border:solid 1px #fff; width:235px; height:415px; position:absolute; top:0; box-shadow:0 0 20px #ddd; background:#f4f4f4; z-index:40; border-radius:10px}

.pm_plan_2 {border:solid 1px #fff; width:300px; height:490px; position:absolute; top:-40px; left:222px; box-shadow:0 0 22px #fff; background:#f1f1f1; z-index:50; border-radius:10px}

.pm_plan_1 {left:0}
.pm_plan_3 {right:0}

.pm_plan_2 .top {background:#71b201; text-shadow:0 1px 1px #5c9100; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center; padding:0 0 10px 0; font-size:22px; font-weight:bold}
.pm_plan_2 .top .title {font-size:42px; color:#fff; text-align:center}
.pm_plan_2 .top .subtitle {font-size:15px; color:#fff; text-align:center; font-style:italic}

.pm_plan_1 .top, .pm_plan_3 .top {background:#86c617; text-shadow:0 1px 1px #6aa208; border-top-left-radius:10px; border-top-right-radius:10px; text-align:center; padding:0 0 10px 0; font-size:22px; font-weight:bold}
.pm_plan_3 .top {background:#639c00}

.pm_plan_1 .top .title, .pm_plan_3 .top .title {font-size:33px; color:#fff; text-align:center}
.pm_plan_1 .top .subtitle, .pm_plan_3 .top .subtitle {font-size:14px; color:#fff; text-align:center; font-style:italic}

.pm_plans .btnOuter {box-shadow:-2px 2px 1px #ccc; width:115px; border-radius:30px; margin:0 auto; cursor:pointer; position:absolute; bottom:20px}
.pm_plan_1 .btnOuter, .pm_plan_3 .btnOuter {left:60px}
.pm_plan_2 .btnOuter {left:95px}
.pm_plans .btnInner {
    border-radius:30px; width:80px; color:#fff; border:solid 2px #fff; background:#007ae1; box-shadow:inset 0 0 0 1px #005caa; text-shadow:0 1px 0 #005caa; text-align:center; padding:3px 15px; margin:auto; font-size:21px; font-weight:bold; letter-spacing:-.5px;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3098f0), color-stop(1, #007ae1) );
    background:-moz-linear-gradient( center top, #3098f0 5%, #007ae1 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3098f0', endColorstr='#007ae1');
    transition:all 0.2s ease;
}

.pm_plans .btnInner:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007ae1), color-stop(1, #3098f0) );
    background:-moz-linear-gradient( center top, #007ae1 5%, #3098f0 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ae1', endColorstr='#3098f0');
    transition:all 0.2s ease;
}

.pm_plans .price {color:#111; font-size:28px; text-align:center; margin:15px 0 -5px 0}

.pm_plans .desc, .pm_plans .desc_bold, .pm_plans .desc_color, .pm_plans .desc_big {text-align:center; color:#444; margin:17px 0; font-size:14px}
.pm_plans .desc:nth-child(3) {margin-top:15px}
.pm_plans .desc span {font-style:italic}
.pm_plans .desc_bold {font-weight:bold; color:#000}
.pm_plans .desc_color {font-weight:bold; color:#b9006d}
.pm_plans .desc_big {font-weight:bold; color:#000; font-size:18px}


/*what now?*/
.now_box {background:#fff; text-transform:uppercase; font-size:13px; font-weight:bold; vertical-align:middle; width:150px; border:solid 2px #057ecd; margin-right:18px; border-radius:5px; box-shadow:0 0 10px #99d1f5; padding:10px; text-align:center; float:left; transition:all 0.2s ease}
.now_box:nth-child(n+5) {margin:0}
.now_box:hover {background:#fec; box-shadow:0 0 10px #efca80; border:solid 2px #e59900; transition:all 0.2s ease}



/* White labeling */
#wl-overTopHeader {
    display: none;
}

#closeAffiliateHeaderX {
    position:absolute; top:0; right:12px; color:#ccc; font-size:35px; cursor:pointer; opacity:.5
}

/*message feed*/
.mf_wrapper {height:440px; overflow-y:auto; overflow-x:hidden}
.mf_entry, .mf_entry_read {padding:7px 10px; font-size:13px; border-bottom:solid 1px #ddd; cursor:pointer; transition:all 0.2s ease}
.mf_entry {background:#ffc; transition:all 0.2s ease}
.mf_entry_read {background:#f9f9f9; transition:all 0.2s ease}
.mf_entry:hover {background:#ff8; transition:all 0.2s ease}
.mf_entry_read:hover {background:#fff; transition:all 0.2s ease}
.mf_entry img.col1, .mf_entry_read img.col1 {margin:3px 10px 0 0; border-radius:50%}
.mf_entry_read img {opacity:1}
.mf_entry img.col1, .mf_entry_read img.col1 {float:left; box-shadow:0 0 5px #888}
.mf_entry .col2, .mf_entry_read .col2 {float:right; width:305px}
.mf_entry .name, .mf_entry_read .name {font-size:14px; color:#057ecd; width:256px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mf_entry .name {font-weight:bold}
.mf_entry_read .name {color:#64A8DB}
.mf_entry .snippet, .mf_entry_read .snippet {width:310px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#000; margin-top:3px}
.mf_entry_read .snippet {font-weight:normal; color:#888}
.mf_entry .snippet {font-weight:bold}
.mf_entry .date, .mf_entry_read .date {font-size:10px; margin-top:3px; color:#aaa}


/* responsive styles and fixes for diff. screen resolutions */

@media screen
and (max-width:1024px) {

    .chat_history {width:310px; margin-top:30px}
    .chat_input_area {width:290px; float:right}
    .chat_textarea {width:280px}
    .chat_company_logo {width:40px; height:40px}

    .chat_new_message_wrapper {width:350px; margin:0 auto}

    .chat_message_wrapper {width:300px; margin:20px auto 50px auto}
    .chat_message_wrapper:nth-last-child(2) {margin-bottom:20px}
    .chat_message_wrapper .col2 {width:240px}

    .bidder_portfolio_empty {width:480px}
    .bidder_portfolio_wrapper {width:460px}

}


/*password reset*/
.password_reset {margin:0 auto 30px auto; width:650px}
.password_reset .col1 {float:left; width:310px; font-size:20px; color:#222; font-style:italic}
.password_reset .col1 div {text-align:center; margin-top:20px}
.password_reset .col2 {float:right; width:280px; font-size:18px; padding:20px; border-radius:5px}
.password_reset .inputUsername, .password_reset .inputPassword {font-size:18px; width:250px; color:#333; padding:10px; border-radius:5px; box-shadow:3px 3px #ddd; direction:ltr; text-align:left}
.password_reset .inputUsername {border:solid 2px #383844}
.password_reset .inputPassword {border:solid 2px #c27c0e}
.password_reset .or {text-align:center; font-size:22px; font-style:italic; color:#777; margin:15px 0 10px 0}
.password_reset .submit {font-size:20px; padding:15px}
.password_reset .success, .password_reset .error {font-size:18px; margin-top:3px}

/* callme */

table.call_me_table {box-shadow:0 0 30px #ccc}
table.call_me_table td {vertical-align:top}
.call-me-super-title {padding:20px 20px 0 20px; font-weight:normal; font-size:40px; font-family:RobotoLight, Arial, Sans-Serif}
.call_me_number, .call_me_number_selected {border:solid 2px #eb456d; background:#fff; color:#eb456d; padding:10px 20px; margin:10px 20px; font-size:17px; border-radius:5px; display:inline-block; cursor:pointer}
.call_me_number_selected {border:solid 2px #eb456d; background:#eb456d; color:#fff}

input[type=text].call_me_phone {border:solid 3px #2d93cf; padding:10px; font-size:18px; font-family:inherit; border-radius:5px; color:#111; width:300px}

.call_me_form_col1 {font-size:16px; width:150px; padding-top:18px}
.call_me_form_col2 {font-size:18px; background:#e6e6e6; border:solid 1px #aaa; padding:10px 15px; border-radius:3px}

.call_me_about_title {font-family:RobotoLight, Sans-serif; font-size:18px; font-weight:bold; margin-top:20px; padding:10px 20px}
.call_me_text {margin:0 0 15px 0; color:#333; padding:0 20px; font-size:17px; text-align:justify}

/*payment method popup*/

.cc-wrapper {background:#fbfbfb; border:solid 1px #ccc; border-radius:10px; padding:30px; width:370px; margin:18px auto 0 auto; font-size:16px; color:#555; box-shadow:0 0 20px #ccc}
.cc-wrapper label, .cc-wrapper select, .cc-wrapper input {font-size:inherit}
.cc-wrapper label {padding-bottom:4px}
.cc-type, .cc-number, .cc-cvv, .cc-exp, .cc-id {float:left; text-transform:uppercase; font-size:15px !important; color:#888 !important; font-weight:bold}
.cc-type select, .cc-exp select, .cc-number input, .cc-cvv input, .cc-id input {color:#000; font-size:18px; border:solid 1px #bbb; background:#fff; padding:10px; letter-spacing:1px}
.cc-number input, .cc-cvv input, .cc-id input {font-weight:bold}
.cc-number input, .cc-cvv input, .cc-id input {text-align:left; direction:ltr}
.cc-cvv .cvv-ask {display:inline-block; border:solid 1px #bbb; padding:10px 5px; font-size:18px; color:#0091ee; background:#fcfcfc; border-left:none; cursor:pointer}
.cc-number {width:270px}
.cc-number input {width:220px}
.cc-exp select.year {width:80px; letter-spacing:0}
.cc-exp select.month {width:90px; letter-spacing:0}
.cc-cvv input {width:58px}
.cc-type {width:180px; }
.cc-type select {width:120px; letter-spacing:0}
.cc-id {width:200px; margin:0 auto 20px auto; float:none; text-align:left}
.cc-id input {font-family:'Courier New' , Monospace; color:#000; font-weight:bold; width:150px; border-radius:4px}
.cc-submit  {background:#0091ee; border:solid 1px #0091ee; border-radius:3px; color:#fff; cursor:pointer; font-size:32px; padding:8px 20px; font-family:RobotoLight, Arial, Sans-Serif !important}
.cc-submit:hover  {background: #008ce6}
.cc_security_msg_wrapper {width:550px; margin:10px auto 25px auto; position:relative; padding-left:70px; font-size:15px}
.cc_security_msg_wrapper img {width:50px; height:50px; position:absolute; left:0; top:0}

img.call_me_nav_arrow {vertical-align:-8px; margin-right:10px}
a.call_me_nav, a.call_me_nav_on {display:block; padding:15px 0 15px 15px}
a.call_me_nav_on {background-color:#fff}
a.call_me_nav:hover {background-color:#db2853}

/*WeWork*/
.call_me_intro_wrapper {text-align:center; padding:30px}
.call_me_intro_inner {width:900px; margin:0 auto}
.wework_intro_wide {width:650px}
.wework_intro_narrow {width:220px}
.wework_callnow {width:260px; background:#fff; border:none; margin:30px; font-size:35px; letter-spacing:-2px; border-radius:3px; color:#fff; cursor:pointer; padding:10px; text-align:center; float:right; font-family:Georgia, Times, "Times New Roman", serif}
.wework_button_hamra, .wework_button_hamra:hover {padding:8px 20px; border-radius:3px; cursor:inherit; width:260px; font-weight:normal; background:rgba(211, 84, 0,1.0); color:#fff; border:solid 1px rgba(211, 84, 0, 1.0); margin:75px 20px 0 20px; font-size:35px; letter-spacing:-2px}
.wework_button_mention_light {padding:3px 20px; border-radius:3px; cursor:inherit; font-size:15px; font-weight:normal; text-align:center; color:#fff; letter-spacing:0; margin-top:5px; font-family:OpenSans, Arial, Sans-Serif}
.wework_button_mention_dark {padding:3px 20px; border-radius:3px; cursor:inherit; font-size:15px; font-weight:normal; text-align:center; color:#333; letter-spacing:0; margin-top:5px; font-family:OpenSans, Arial, Sans-Serif}
.wework_super_title {padding:20px 20px 0 20px; font-weight:normal; font-size:40px; color:#fff; font-family:Georgia, Times, 'Times New Roman', Serif; letter-spacing:0}
.wework_super_duper_title {font-family:Georgia, Times, 'Times New Roman', Serif !important; letter-spacing:-3px; color:#fff; font-size:100px}
.wework_logo_under_btn {margin:0 -60px 0 60px}
img.wework_testimonial {margin:5px 15px 15px 0}
.wework_location_pin1 {position:absolute; top:164px; left:20px}
.wework_location_pin2 {position:absolute; top:265px; left:20px}
.wework_login_btn {background:#D35400; width:300px; height:80px; display:block; border-radius:3px; margin:0 auto; padding:15px 5px 5px 5px; margin-top:8px}
.wework_login_btn:hover {background: #bb4b00}


/*new registration form UI*/
.reg_type_wrapper {font-family:OpenSans, Arial, Sans-serif; color:#fff; position: relative; margin-top:15px}

.reg_type_wrapper img.sp {position:absolute; top:15px; left:20px; width:45px; height:45px;}
.reg_type_wrapper img.po {position:absolute; top:15px; left:420px; width:45px; height:45px;}

.reg_type_wrapper .subtitle {font-size:22px; text-align:center; color:#fff}

.reg_type_freelancer_wrapper {float:left; width:370px; cursor:pointer}
.reg_type_buyer_wrapper {float:right; width:370px;; cursor:pointer}

.reg_type_freelancer_wrapper .desc, .reg_type_buyer_wrapper .desc {font-size:15px; font-weight:bold; margin-top:20px; text-align:justify}
.reg_type_freelancer_wrapper .desc {color:#eb456d}
.reg_type_buyer_wrapper .desc {color:#1c3a64}

.reg_type_freelancer .title, .reg_type_buyer .title {text-align:center; font-size:40px; color:#fff; line-height:45px}
.reg_type_freelancer {background:#eb456d; padding:20px; border-radius:4px}
.reg_type_buyer      {background:#1c3a64; padding:20px; border-radius:4px}

.regSectionTitle {font-family:OpenSans, Arial, Sans-serif; margin-top:30px}
.regSectionBody {margin-bottom:50px}
.formTable {border:none; border-radius:4px; background:#f3f3f3}
input.regFormTextField, input.regFormTextFieldLTR {border:solid 1px #000; border-radius:2px}
.reg_form_label, .reg_form_label_req {font-family:OpenSans, Arial, Sans-serif; font-size:17px; color:#000; font-weight:bold}
.reg_form_label_req, .regRequired {color:#c00; font-weight:bold}

/*new sticky project title*/
.projectTitle {font-size:40px; color:#000; transition: all 0.4s ease;}
.sticky {font-size:25px; font-weight:normal; transition: all 0.4s ease}
#projectTypeHot, #projectTypePremium, #projectTypeGov, #projectTypeTagWrapper {border:solid 1px #f1b468; background-color:#fff5e9; width:600px; margin:5px auto 15px auto; padding:15px; font-size:15px; font-weight:bold; letter-spacing:normal}
#projectTypeGov {background:#fff; border:solid 1px #ccc}
#projectTypeTagWrapper {text-align:center; background:transparent; border:none; margin:0 auto}
#projectTypeHot img.fire {vertical-align:-15px}
.pageSubTitleSmall {font-size:12px}
.pageTitleFixed {position:fixed; top:0; left:0; width:100%; z-index:100}
a.bidBtn {transition: all 0.4s ease; text-shadow:none; padding:5px 12px 5px 40px; background:#eb456d; border-radius:4px; font-size:14px; text-align:center; position:absolute; top:20px; right:40px; letter-spacing:normal; color:#fff; text-decoration:none; font-weight:normal}
a.bidBtn img {width:30px; position:absolute; top:5px; left:5px; height:18px}


/*user image*/
.userLogo, .userLogoBig, .userLogoSmall {position:relative; z-index:110; border-radius:50%; border:solid 5px #fff; box-shadow:-3px 3px 5px #ccc; width:100px; height:100px; vertical-align:middle; min-width:100px; min-height:100px; max-width:100px; max-height:100px; margin-top:0}
.userLogoContainer, .userLogoContainerBig, .userLogoContainerSmall {position: absolute; width:100px; height:100px; background:rgba(0,0,0,0.4); z-index:111; cursor:pointer; color:#fff; font-size:80px; text-align:center; border-radius:50%; margin-left:5px; margin-right:5px; margin-top:5px;}

.userLogoBig {width:150px; height:150px; min-width:150px; min-height:150px; max-width:150px; max-height:150px}
.userLogoContainerBig {width:150px; height:150px; font-size:120px}

.userLogoSmall {width:70px; height:70px; min-width:70px; min-height:70px; max-width:70px; max-height:70px; box-shadow:none}
.userLogoContainerSmall {width:70px; height:70px; font-size:50px}