/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

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

/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

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


/* = clearfix */

/*
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* some webkit fixes */
body { -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}


/*------------------------------------*\
  MAIN
\*------------------------------------*/

html {
    overflow-y: scroll;
}

body {
    background: url(/images/body-gradient.png) top repeat-x #eee;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.3;
}

div#app-container {
    width: 960px;
    /*height: 600px;*/
    margin: 0 auto;
    /*border: 1px solid #DE107A;*/
    /*background: url(/images/snapshot2.jpg) top center no-repeat;*/
    /*font-family: 'Lato', Helvetica,Arial,sans-serif;*/
    font-family: Helvetica,Arial,sans-serif;
    min-height: 700px;
    
}

div#app-container.full {
    height: auto;
   
}

a {
    text-decoration: none;
    color: #6D87AA;
}

a:hover {
    color: #641545;
    /*text-decoration: underline;*/
}

#app-header {
    height: 55px;
    /* background: url(/images/snapshot2.jpg) top center no-repeat; */
    position: relative;
}

#app-header.free {
    margin: 0 auto;
    width: 960px;
}

/* eparachute and app logo */

#app-header #logo {
    width: 145px;
    height: 35px;
    position: absolute;
    left: 0;
    padding: 6px 5px;

}

/* App tag line */

#app-header h1 {
    position: absolute;
    left: 190px;
    font-family: verdana, arial, san-serif;
    height: 40px;
    padding: 10px 0;
    line-height: 44px;
    font-size: 16px;
    color: #944575;
    margin-bottom: 0;
    font-style: italic;
}


/* secondary navigation including user and help links */

#app-header nav.secondary {
    
    position: absolute;
    right: 20px;

}

ul.menu-tabs, .ask-experts .dashboard  .experts-banner ul {
    display: inline;
    float: left;
    overflow: hidden;
}


#app-header nav.secondary ul, aside #source-selector ul, .work-data nav ul {
   overflow: visible;
   padding: 0px 0 0 8px;
} 

ul.menu-tabs li, .ask-experts .dashboard  .experts-banner ul li {
    display: inline;
    float: left;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    /*white-space: nowrap;*/
}



.work-data nav {
    width: 100%;
    height: 33px;
}

.work-data nav ul,
aside #source-selector ul {
    padding: 0;
}

ul.menu-tabs li, .ask-experts .dashboard  .experts-banner ul li {
    display: inline;
    float: left;
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    /*white-space: nowrap;*/
}


#profile-container header .return, #profile-container header .sharing {
    float:right;
    margin: 0px -80px 0 10px;
    font-size: 15px;
}

#profile-container header .sharing-noprint {
    float:right;
    margin: 0px -149px 0 10px;
    font-size: 15px;
}

#profile-container header .return, #profile-container header .sharing-print {
    float:right;
    margin: 52px -157px; /* 0 10px;*/
    font-size: 15px;
}

#profile-container header .sharing-print-only {
    float:right;
    margin: 52px 0px; /* 0px; 10px; */
    font-size: 15px;
}


#profile-container nav ul.menu-tabs, #landing-container nav ul.menu-tabs {
    margin-bottom: -1px;
}

#profile-container nav ul.menu-tabs li, #landing-container nav ul.menu-tabs li, .skill-groups nav ul.menu-tabs li  {
    overflow: hidden;
    padding-right: 3px;
    margin-top: 9px;
}

#profile-container nav ul.menu-tabs li a, #landing-container nav ul.menu-tabs li a, .skill-groups nav ul.menu-tabs li a {
    background: none repeat scroll 0 0 #9DB7DA;
    border: 1px solid #9DB7DA;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    line-height: 25px;
    padding: 0 15px;
    font-variant: small-caps;
    border-radius: 4px 4px 0 0;
}

#profile-container nav ul.menu-tabs li a:hover, #landing-container nav ul.menu-tabs li a:hover {
    background-color: #1B93DD;
    border-color: #1B93DD;
}

#profile-container nav ul.menu-tabs li.current a, #landing-container nav ul.menu-tabs li.current a, .skill-groups nav ul.menu-tabs li.current a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #CCCCCC #FFFFFF;
    color: #333333;
    font-weight: bold;
}

.dashboard  {
    min-height:435px;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 0 4px rgba(212, 212, 212, 0.5);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    position:relative;
    z-index: 1;
}

.dashboard #sidebar, .dashboard #controls {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 40px;
    width: 240px;
}

.dashboard #sidebar .title {
    color: #777;
    display: block;
    font-size: 13px;
    margin-bottom: 4px;
    font-variant: small-caps;
    padding-left: 8px;
}

.dashboard #main, .dashboard #explorer, .dashboard #profile {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 40px;
    width: 600px;
}

.dashboard #explorer, .dashboard #profile {
    padding-right: 0;
    padding-left: 10px;
    width: 630px;
}

.dashboard  #sidebar .subnav {
    width: 220px;
    margin: 0 auto;
}

.explore-work .work-data {
    height: auto;
    min-height: 200px;
}

.explore-work .match, .explore-work .work-data .inner {
    background:#eee;
    padding: 4px 6px;
    border-radius:6px;
    border: 1px solid #ccc;
    background-image: -webkit-linear-gradient( top, #e7e7e7, #f7f7f7); 
    background-image: -moz-linear-gradient( top, #e7e7e7, #f7f7f7);
} 

.explore .work-data .inner {
    border-radius: 0 0 6px 6px;
    padding: 3px 8px;
}

.work-data .data {
    font-size: 14px;
    padding: 6px 0;
}

.work-data .data li, .disc li, .dot li {
    margin-bottom: 8px;
    margin-left: 16px;
    list-style: disc;
}

.work-data .data li span {
    font-weight: bold;
}

.work-data nav li {
    margin: 0 6px 0 0;
}

aside #source-selector li {
    border-right: 1px solid #ccc;
}

aside #source-selector li:last-child {
    border-right: none;
}

.menu-2nd {
    border-right: 1px solid #DDDDDD;
    height: 55px;
}

.menu-2nd:last-child {
    border-right: none;
}

#app-header #menu-2nd-profile {
   /* margin-left: 180px;*/
}

#menu-2nd-about strong, #app-header #menu-2nd-signup a, #app-header #menu-2nd-login a {
    font-variant: normal;
    line-height: 32px;
}

#app-header nav.secondary .menu-2nd a, aside #source-selector a, .work-data nav a {
    display: block;
    /*line-height: 55px;*/
    line-height: 16px;
    padding: 12px 18px;
    font-size: 15px;
}

.menu-2nd strong {
    display:block;
    font-weight:normal;
}

.menu-2nd strong {
    display:block;
}

.menu-2nd sub, #menu-2nd-about strong {
    color: #666;
}

#menu-2nd-about.current strong {
    color: #641545;
} 

.menu-2nd sub {
    font-size: 13px;
}

#app-header nav.secondary a:hover {
    /*text-shadow: 0 0 2px #944575;*/
    color: #641545;
}

#app-header nav.secondary a:hover img {
    box-shadow: 0 0 8px #944575;
}

#app-header nav.secondary li.current{
    background-color: #eee;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-image: -webkit-linear-gradient( bottom, #eee, #fafafa); 
    background-image: -moz-linear-gradient( bottom, #eee, #fafafa);
    background-image: -ms-linear-gradient(top, #eeeeee, #fafafa);
    background-image: -o-linear-gradient(top, #eeeeee, #fafafa);
    background-image: linear-gradient(top, #eeeeee, #fafafa);
    margin-left: -1px;
    height: 56px;
}

#app-header nav.secondary li.current a {
    color: #641545;
}

#app-header #menu-2nd-profile a {
    padding: 0 15px;
}

#app-header #menu-2nd-profile .me {
    line-height:55px;
    color: #222;
}

#menu-2nd-profile #me-avatar {
    /*border: 1px solid #FFFFFF;*/
    display: inline;
    float: left;
    height: 40px;
    width: 40px;
    margin: 8px 10px 7px 0;
    border-radius: 10px;
}

#app-header .secondary #menu-2nd-help a {
    background-color: #DE107A;
    display: block;
    color: #fff;
    width: 30px;
    line-height: 40px;
    margin: 7px 0;
    /*padding: 18px 8px;*/
    padding: 0 5px;
    border-radius: 20px;
    text-decoration: none;
    font-family: arial;
    text-align: center;
    opacity: .6;
}

#app-header .secondary #menu-2nd-help a:hover {
    box-shadow: 0 0 6px #944575;
    opacity: 1;
}

#menu-2nd-profile #me-avatar img, .profileBox .small {
    height: 39px;
    width: 39px;
    border-radius: 10px;
}

#app-header nav.secondary figure.user {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    font-weight: bold;
    padding: 4px 0;
}

.icon-dropdown {
    background: url(/images/drop-down.png) no-repeat top;
    height: 9px;
    width: 9px;
    display: inline-block;
}

#app-header nav.secondary figure.user img {
    max-height: 40px;
    max-width: 40px;
    border-radius: 12px;
    margin: 0 auto;
}

#app-header nav.secondary figure.user a:hover img {
    box-shadow: 0 0 6px #FC9A33;
}

nav.secondary li.last {
    border-right: none !important;; 
}

#app-nav {
    height: 70px;
    list-style: none;
    font-family: arial, verdana, san-serif;
    font-weight: normal;
    padding: 3px 10px 0 10px;
    margin-top: 10px;
    line-height: 1;
}

#app-nav li {
    float: left;
    font-size: 24px;
    margin-right: 15px;
    opacity: .8;
}

#app-nav li.current {
    height: 70px;
    opacity: 1;
}

#app-nav li a {
        display: block;
        padding: 4px 15px 4px 25px;
        text-decoration: none;
        color: white;
        text-align: center;
        width: 136px;
        z-index: 20;
        border-radius: 16px;
        position: relative;
        overflow: hidden;
        -webkit-border-radius: 16px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;

}

#app-nav li.current a, #app-nav li a:hover  {
    box-shadow: 1px 2px 2px #aaa;
}

#app-nav li.disabled a {
    opacity: .4;
}

#app-nav li a .num {
    position: absolute;
    background: rgba(255,255,255,.5);
    display: block;
    width: 15px;
    height: 100%;
    left: -1px;
    top: 0;
    line-height: 56px;
    font-size: 16px;
    padding: 0 5px;
    border-radius: 15px 0 0 15px;
    box-shadow: 0 0 2px white inset;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

}

#app-nav li.explore a .num {
    font-size: 18px;
}

#app-nav li a:hover {
    opacity: 1;
    text-shadow: 0 0 6px #fff;
}

#app-nav li.inactive:hover {
    opacity: .6;
}

.last {
    margin-right: 0 !important;
}

/* main nav current item indicator */
#app-nav li div.arrow {
    height: 14px;
    opacity: 0;
    width: 24px;
    -webkit-box-shadow: 3px 0 3px -3px #999;
    -moz-box-shadow: 3px 0 3px -3px #999;
    box-shadow: 3px 0 3px -3px #999;
    margin: 0 auto;
    z-index: 22; 
    position: relative;
    /*background: url(/images/arrow-sprites.png) 0 100%;*/
}

#app-nav li.work div.arrow {
    background-position: 0px 100%;
}

#app-nav li.fields div.arrow {
    background-position: 289px 100%;
}

#app-nav li.skills div.arrow {
    background-position: 578px 100%;
}

#app-nav li.prioritize div.arrow, #app-nav li.people div.arrow  {
    background-position: 867px 100%;
}

#app-nav li.explore div.arrow {
    background-position: 1156px 100%;
}

#app-nav li.current div.arrow {
    opacity: 1;
}

#app-nav li a span, .settings-block h2 {
    font-size: 16px;
}

#sidetabs{
    position: absolute;
    top:144px;
    right:-18px;
}

/* side tabs */
.sidetab {
    width: 16px;
    height: 80px;
    /*text-indent: -9999em;*/
    display: block;
    background: #666;
    border-radius: 0 8px 8px 0;
    border: 2px solid #aaa;
    border-left-width: 0;
    color: white;
    opacity: .7;
    -webkit-transition: background-color .1s ease-out;
    -moz-transition: background-color .1s ease-out;
    -o-transition: background-color .1s ease-out;
    -ms-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out;
}

.sidetab span {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin: 20px auto;
    display: block;
    font-size: 16px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sidetab:hover, .sidetab.active {
    opacity: 1;
    background-color: #555;
    box-shadow: 1px 1px 1px #AAAAAA;
    color: white;
}

#help-tab {
    background: url("/images/help-bg.jpg") no-repeat scroll -2px 0 transparent;
    box-shadow: 1px 1px 2px 1px #666666;
    text-indent: -9999em;
    border-color: sienna;
    opacity: 1;
} 

#feedback-tab {
    background: url("/images/feedback-bg.jpg") no-repeat scroll -2px 0 transparent;
    box-shadow: 1px 1px 2px 1px #666666;
    text-indent: -9999em;
    border-color: #99c;
    opacity: 1;
    height: 100px;
    margin-top: 4px;
}

#help-tab:hover, #help-tab.active, #feedback-tab:hover, #feedback-tab.active {
    background-position: -22px 0;
}  

.sliding {
    display: none;
    border-style: solid;
    border-width: 3px;
    border-color: #aaa;
    height:452px;
    position: absolute;
    border-radius: 16px;
    background: rgba(255,255,255,.8);
    z-index: 28;
    top: -1px;
    right: 0px;
    padding: 4px;
    width:926px;
    overflow: hidden;
}

.sliding > .inner {
    background: rgba(255,255,255,.8);
    padding: 10px;
    width: 900px;
    height: 434px;
    border-radius: 8px;
}

.sliding img.btn-close {
    margin: 2px -10px 0 0;
    opacity: .8;
    height: 24px;
    width: 24px;
}

.sliding a.close:hover img {
    opacity: 1;
}

.sliding#help-panel {
    z-index: 29;
    width: 600px;
    border-color: #ab1010;
    box-shadow: 1px 1px 2px 1px #666666;
    background-color: #fcc;
    
}

.sliding#help-panel > .inner {
    width: 580px;
    height: 432px;
}

#help-panel h1, #help-panel .tips li {
    margin-bottom: 8px;
}

.help-example {
    text-align: center;
}

.help-example img {
    box-shadow: 0 0 6px #aaa;
}

li .help-example img {
    margin: 8px;
}

.sliding .checklist {
    margin-top: 8px;
}

#help-panel .tips ul, ul.disc {
    list-style: disc;
    padding-left: 12px;
    padding-right: 36px;
    margin: 12px;
}

ul.dot {
    list-style: disc;
    margin: 12px 0;
}

#help-panel .tips li img {
    vertical-align: bottom;
}

.slide-effect {
    -webkit-transform: translateZ(0);
}

#app-container .container {
    /*height: 464px;*/
    padding: 0 10px 10px 10px;
}

#profile-container, #landing-container {
    margin: 0px auto;
    position: relative;
    padding: 0;
}

#app-work-window {
    height: 100%;
    width: 100%;
    border-radius: 16px;
    box-shadow: 1px 2px 2px #AAAAAA;
    position: relative;
}

.main {
    border-style: solid;
    border-width: 6px;
    /*height: 452px;*/
    background-color: #fff;
    border-radius: 16px;
}

.main.padded {
    padding: 8px 10px;
    height: 436px;
}

.main.exercise {
    overflow: hidden;
    background: #f7f7f7;
}

.main h1, header.dashboard-banner h1, #landing-container h1, #app-feedback-panel h1 {
    font-size: 28px;
    line-height: 1.33333; 
}

#landing-container h1 {
    color: #30ADB1;
    margin-bottom: 10px;
}

#landing-container .cover h1 {
    color: #000;
    margin-bottom: 0;
}

.dream h1, h1.modal-title {
    font-size: 24px;
    margin-top: 10px;
    color: #641545;
}

header.dashboard-banner  {
    padding: 10px 20px 10px 20px;
    position: relative;
    z-index: 2;
}

header.dashboard-banner h1, #landing-container header h1, #landing-container .beta-invite h1  {
    color: #944575;
    line-height: 1.3; 
}

header.dashboard-banner h1 {
    font-weight: bold;
}

.subheading {
    color: #666666;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
}

.subheading .divider {
    color: #bbb;
}

#profile-container header .subheading a, #landing-container header .subheading a {
    border-bottom: 1px solid #D3D3D3;
    color: #666666;
    padding-bottom: 2px;
}

#profile-container header .subheading a:hover, #landing-container header .subheading a:hover {
    border-bottom-color: #999;
    color: #333;
    cursor: help;
}

.help-link {
    border-bottom: 1px solid #D3D3D3;
    cursor: help;
}

#profile-container header h1 span, #landing-container header h1 span {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    font-style: italic;
}

#learn-more .learn-body {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    width: 820px;
}

#learn-more .point {
    display: inline;
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    width: 280px;
}

#learn-more .point p.text {
    font-size: 13px;
    line-height: 17px;
    color: #666;
}

#learn-more #personal-advice.point, #learn-more #identify.point {
    margin-left: 0;
}

#learn-more #profile-privacy.point {
    width: 220px;
    margin-right: 0;
}

#learn-more #identify.point {
    margin-right: 25px;
    width: 220px;
}

#learn-more #recommendations.point {
    margin-right: 20px;
    width: 265px;
}

#learn-more #feedback.point {
    width: 270px;
    margin-right: 0;
}

#learn-more h2 { 
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.main aside {
    width: 330px;
    height: 100%;
}

.main .widget {
    width: 574px;
    min-height: 450px;
    /*height: 100%;*/
}

.main .widget.no-aside {
    width: 100% !important;
    margin: 0 auto !important;
}

#app-work-window.work .widget,
#app-work-window.fields .widget,
#app-work-window.skills .widget,
#app-work-window.explore .widget,
#app-work-window .left .widget {
    margin-left: 340px; 
}

#app-work-window .right .widget {
    margin-right: 340px; 
}

#app-work-window.work aside,
#app-work-window.fields aside,
#app-work-window.skills aside,
#app-work-window.explore aside,
#app-work-window .left aside {
    float:left;
}

#app-work-window .right aside, span.right {
    float:right;
}

aside figure.instruct {
    width: 300px;
    margin: 20px auto;
    text-align:center;
}

aside figure.instruct p, aside figure.instruct ul {
    text-align:left;
}

#app-work-window.work .main {
    border-color: #DE107A;
}

#app-nav li.work .spacer div, #app-nav li.work a,
#app-nav li.work div.arrow  {
    background-color: #DE107A;
}

#app-nav li.work a, .ui-dialog .ui-dialog-titlebar, #app-container .button.signup, #front-container .button.signup, #go-button {
    background-image: -webkit-linear-gradient( top, #C70066, #DE107A); 
    background-image: -moz-linear-gradient( top, #C70066, #DE107A);
    background-image: -ms-linear-gradient(top, #C70066, #DE107A);
    background-image: -o-linear-gradient(top, #C70066, #DE107A);
    background-image: linear-gradient(top, #C70066, #DE107A);
}

#app-container .work .widget h2, .work .overview-page .banner h1 {
    color: #DE107A;
}

#app-work-window.skills .main, .skills .deck input[type="checkbox"]:checked + label.card {
    border-color: #1b93dd;
}

input[type="checkbox"]:checked + label.card, #profile .card.holland {
    border-color: #fff !important;
}

#app-nav li.skills .spacer div, #app-nav li.skills a,
#app-nav li.skills div.arrow,
.skills .counter-tab span  {
    background-color: #1b93dd;
}

#app-nav li.skills a {
    background-image: -webkit-linear-gradient( top, #088EC0, #1b93dd); 
    background-image: -moz-linear-gradient( top, #088EC0, #1b93dd);
    background-image: -ms-linear-gradient(top, #088EC0, #1b93dd);
    background-image: -o-linear-gradient(top, #088EC0, #1b93dd);
    background-image: linear-gradient(top, #088EC0, #1b93dd);
}


#app-container .skills .widget h2, #app-work-window .prioritize .rank.skills h2, .skill-family span.selected,
.skills .overview-page .banner h1 {
    color: #1b93dd;
}

#app-work-window.fields .main, .fields .deck input[type=checkbox]:checked + label.card  {
    border-color: #24913F;
}

#app-nav li.fields .spacer div, 
#app-nav li.fields a,
#app-nav li.fields div.arrow,
.fields .counter-tab span {
    background-color: #24913F;
}

#app-nav li.fields a {
    background-image: -webkit-linear-gradient( top, #10772A, #24913F); 
    background-image: -moz-linear-gradient( top, #10772A, #24913F);
    background-image: -ms-linear-gradient(top, #10772A, #24913F);
    background-image: -o-linear-gradient(top, #10772A, #24913F);
    background-image: linear-gradient(top, #10772A, #24913F);
}

#app-container .fields .widget h2, #app-work-window .prioritize .rank.fields h2,
.fields .overview-page .banner h1 {
    color: #24913F;
}

#app-work-window.prioritize .main, #app-work-window.people .main  {
    border-color: #FC9A33;
}

#app-nav li.prioritize .spacer div, 
#app-nav li.prioritize a,
#app-nav li.prioritize div.arrow,
#app-nav li.people .spacer div, 
#app-nav li.people a,
#app-nav li.people div.arrow  {
    background-color: #FC9A33;
} 

#app-nav li.prioritize a, #app-nav li.people a, .side-group a.box-button.mark.favorites {
    background-image: -webkit-linear-gradient( top, #EC8A23, #FC9A33); 
    background-image: -moz-linear-gradient( top, #EC8A23, #FC9A33);
    background-image: -ms-linear-gradient(top, #EC8A23, #FC9A33);
    background-image: -o-linear-gradient(top, #EC8A23, #FC9A33);
    background-image: linear-gradient(top, #EC8A23, #FC9A33);
}


#app-container .prioritize .widget h2,
#app-container .people .widget h2, .people .overview-page .banner h1 {
    color: #FC9A33;
}

#app-container .explore .widget h2 {
    color: #944575;
}

#app-work-window.explore .main {
    border-color: #944575;
}

#app-nav li.explore .spacer div, 
#app-nav li.explore a,
#app-nav li.explore div.arrow  {
    background-color: #944575;
}

#app-nav li.explore a {
    background-image: -webkit-linear-gradient( top, #7D2E5E, #944575); 
    background-image: -moz-linear-gradient( top, #7D2E5E, #944575);
    background-image: -ms-linear-gradient(top, #7D2E5E, #944575);
    background-image: -o-linear-gradient(top, #7D2E5E, #944575);
    background-image: linear-gradient(top, #7D2E5E, #944575);
}

#app-container .explore .widget h2 {
    color: #944575;
}

#app-nav .inactive {
    opacity: .3;
    box-shadow: none;
}

.widget section {
    position: relative;
}

/* vertical scroll class */
.vscroll {
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    height: inherit;
    -webkit-overflow-scrolling: touch;   
}

/* fade effect for iOS devices which don't actively show a scroll bar */
.vscroll.fade {

    /*-webkit-mask-image: -webkit-gradient(linear, left 75%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
}

.widget li {
    margin: 2px 2px 14px 2px;
} 

.widget .fields-select ul li,
.widget .skills-select ul li {
    padding-left: 32px;
    text-indent: -32px;
}

.widget .fields-select ol li,
.widget .skills-select ol li {

}

.widget li input[type="checkbox"] {
    height: 18px;
    width: 18px;
    margin-right: 8px;
    vertical-align: middle;
}


.form-li,
.work .job-history .job,
.work #dream-job .job, 
.work-history-review .job,
.widget .job-history .panel,
.widget .fields-select .panel,
.widget .skills-select .panel {
    border: 1px solid #ccc;
    box-shadow: 0 0 3px #CCCCCC inset;
    padding: 2px 0;
}

.job:nth-child(even) {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(left top, #e7e7e7, #f7f7f7); 
    background-image: -moz-linear-gradient(left top, #e7e7e7, #f7f7f7);
    background-image: -ms-linear-gradient(top, #e7e7e7, #f7f7f7);
    background-image: -o-linear-gradient(top, #e7e7e7, #f7f7f7);
    background-image: linear-gradient(top, #e7e7e7, #f7f7f7);
}

.job:nth-child(odd), .form-li {
    background-color: #eee;
    background-image: -webkit-linear-gradient(left top, #f7f7f7, #e7e7e7); 
    background-image: -moz-linear-gradient(left top, #f7f7f7, #e7e7e7);
    background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image: linear-gradient(top, #f7f7f7, #e7e7e7);
}

.work .job-history .job, 
.work #dream-job .job,
.work-history-review .job,
.profile .work-history-review .job,
.form-li {
    margin: 5px 5px 15px 0;
    padding: 4px 12px;
    position: relative;
    border-radius: 8px;
    -webkit-transform: translate3d(0, 0, 0);
    font-size: 16px;
}


.work-history-review .job {
    margin-right: 12px;
    font-size: 14px;
    line-height: 1.2;
}

.work #dream-later {
    width: 60%;
}

.widget .skills-select .panel input,
.widget .fields-select .panel input {
    margin-right: 6px;
} 

.widget .skills-select .panel,
.widget .fields-select .panel {
    padding: 0 6px;
}

.widget .panel .vscroll,
.list .vscroll {
    padding: 0px 8px;
}

.vscroll ul, .vscroll ol {
    padding: 6px 0 10px 0;
}

.vscroll aside ul, .vscroll aside ol {
    padding: 0;
}


.widget .fields-select .panel,
.widget .skills-select .panel {
    height: 275px;
} 

.widget .job-history .panel .vscroll, 
.widget .job-history .panel {
    height: 330px;
}

.work .widget .dream .vscroll {
    height: 420px;
}

.widget .job-history .company {
    font-size: 14px;
}

.work .widget .dream .title,
.widget .job-history .title,
.widget .job-history .company,
.work-history-review .company,
.work-history-review .title  {
    font-weight: bold;
}

.widget .job-history .industry,
.work-history-review .industry {
    font-size: 12px;
    color: #666;
}

.widget .job-history .period-location {
    font-size: 14px;
    color: #333;
}

.work .widget .dream .detail,
.widget .job-history .detail,
.work-history-review .job .detail {
    margin-top: 6px;
}


.widget h2 {
    font-weight: bold;
    margin-bottom: 6px;
}


.widget.explore a:hover {
    text-decoration: underline;
}

.widget .actions {
    margin: 10px 0;
    text-align: center;
}

.widget .actions li {
    margin: 10px 0;
}

a.back:before {
    content: "\2190";
    display: inline-block;
    width: 1.2em;
    text-align: left;
    margin-left: -1.2em;
}

a.next:after {
    content: "\2192";
    display: inline-block;
    width: 1.2em;
    text-align: right;
}

.widget .instruct {
    
}

.instruct {
    color: #641545;
    font-style: italic;
}

.prioritize .widget .panel,
.prioritize .widget .vs {
    background-color: #eee;
    padding: 12px;
    width: 540px;
    height: 410px;
    margin: 0 auto;
    border-radius: 16px;
    /*border: 1px solid #ccc;
    box-shadow: 0 0 4px #ccc inset;*/
    background-image: -webkit-linear-gradient(top, #e4e4e4, #eee); 
    background-image: -moz-linear-gradient(top, #e4e4e4, #eee);
    background-image: -ms-linear-gradient(top, #e4e4e4, #eeeeee);
    background-image: -o-linear-gradient(top, #e4e4e4, #eeeeee);
    background-image: linear-gradient(top, #e4e4e4, #eeeeee);
    
}

#app-work-window .widget .vs h2 {
    line-height: 1.5;
    font-weight: normal;
}


.settings-block h2 {
    padding-left: 6px;
    font-weight: bold;
    font-variant: small-caps;
}

.meta-controls {
    float: right;
    margin: 0 0px 10px 10px;
    width: 100px;
}

.box-group .meta-controls {
    margin-right: -10px;
    min-height: 140px;
}

.featured-idea.box-group .meta-controls {
    min-height: 200px;
}       

.explorer div.detail-group:nth-of-type(2) {
    /*margin-right: 130px;*/
}

.explorer .course.detail div.detail-group {
    margin-right: 0;

}

.detail > .meta-controls {
    position: relative;
    background: white;
    min-height: 240px;
    margin-top: 5px;
    z-index: 5;
}

.course.detail .meta-controls {
    min-height: 0;
}

.detail .meta-controls .favorite:nth-of-type(2) {
    margin-top: 10px;
}


.explorer .overview {
    position: relative;
}

.explorer .idea.detail .overview {
    min-height: 210px;
}

.explorer .overview p:first-child {
    width: 500px;
}

.explorer .course .overview {
    min-height: 120px;
}

.explorer .job-history .overview {
    padding-right: 20px;
    border-right: 1px solid #ccc;
    width: 500px;
}

.explorer .course-group .sub-group .overview {
    width: 500px;
}

.explorer .detail > .overview > p{
    font-size: 18px;
    line-height: 1.2;
    font-weight: 200;
}

.scores {
    margin: 0px 10px 5px 10px;
    width: 80px;
    height: 100px;
}

.score, .currently-showing .favorite, .currently-showing .icon, .meta-controls .badge {
    font-size: 13px;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    color: #666;
    text-transform: capitalize;
}

.currently-showing .favorite, .currently-showing .icon {
    width: 76px;
}

.meta-controls .favorite {
    margin: 10px auto;
}

.meta-controls .badge {
    margin: 10px auto;
}

.detail > .meta-controls .badge img {
    opacity: 0;
}
 
.meta-controls .favorite span, .score > span {
    color: #ccc;
    font-size: 13px;
}

#mark-favorite, .favorite-control {
    background-image: url(/images/favorite-icon-bg.png);
}

#mark-archive {
    background-image: url(/images/hidden-icon-bg.png);
}

#mark-archive, #mark-favorite, .favorite-control {
    background-repeat: no-repeat;
    background-position: center top;
}

.toc {
    font-size: 13px;
    padding: 4px 6px;
    margin-bottom: 12px;
}

.toc .box-button {
    padding: 4px 5px;
    margin: 0 4px;
    background: #f0f0f0;
    margin: 0 2px;
    color: #6D87AA;
}

.toc .box-button:hover {
    background: lavender;
}

.toc a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 5px 0 6px;
}

.toc img {
    height: 40px;
}

.detail.hidden .detail-group, .detail.hidden .overview  {
    opacity: .3;
}

.hidden-message {
    display: none;
}

.detail .hidden-message {
    padding: 5px 10px;
    margin-bottom: 2em;
    font-size: 13px;
    color: #DE107A;
    text-align: center;
}

.detail.hidden .hidden-message {
    display: block;
}

.quality, .relevance {
    width: 32px;
    height: 24px;
    font-size:16px;
    line-height: 24px;
    margin: 5px auto;
    text-align: center;
    padding: 4px; 
        box-shadow: 0 0 4px #666;
    }
    
.quality {
    width: 24px;
    color: white;
    border-radius: 16px;

   
}

.quality.good, .quality.Good, .quality.Excellent, .relevance {
    background-color: #24913F;
}

.quality.Matched {
    background-color: #0099dd;
}

.quality.Decent {
    background-color: #EC8A23;
}

.quality.Like  {
    background-color: #1B93DD;
    border-radius: 8px;
}

.quality.importance {
    border-radius: 20%;
}

.relevance {
    color: white;
    font-size: 14px;
    line-height: 1;
    height: 28px;
    width: 36px;
    border-radius: 8px;
}

.explore-work .scores {
    float: right;
}

#app-work-window .widget.explore {
    margin-left:330px;
    width: 598px;

}

.ease-out {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.detail.featured-idea .badge.featured img, .detail.favorited .badge.favorite img, .detail.hidden .badge.hidden img, .detail .badge.course img {
    opacity: 1;
}

.box-group .badge {
    opacity: 0;
    max-height: 0;
}

.detail .badge.favorite span, .detail .badge.hidden span {
    color: #ccc;
}

.detail.favorited .badge.favorite span, .detail.hidden .badge.hidden span,
.detail .badge.favorite:hover span, .detail .badge.hidden:hover span
 {
    color: #666;
}

.favorited .badge.favorite, .hidden .badge.hidden, .featured-idea .badge.featured, .badge.visible {
    opacity: 1;
    max-height: 60px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.favorited .badge.favorite span, .hidden .badge.hidden span, .featured-idea .badge.featured span, .detail .badge.visible span {
    color: #666;
}

.explorer .box-group.job.hidden, .explorer .box-group.job.contra {
    opacity: 0;
    height: 0;
    display: none;
}

.explorer .box-group.contra.hidden, .box-group.job.contra.favorited {
    opacity: 1;
    height: auto;
    display: block;
}


.score > span {
    color: #666;
}

.badge span.result, .hidden .badge.hidden span.action {
    display: none;
}

.hidden .badge.hidden span.result {
    display: inline;
}

.likes:before {
    content: '\2713';
    margin-right: 4px;
}

.listings:before {
    content: '\2666';
    margin-right: 4px;
}

.endorse figure {
    display: inline-block;
    width: 77px;
    font-size: 12px;
    color: #666;
    margin: 5px 5px;
    text-align: center;
    vertical-align: top;
}

.endorse figure {
    position: relative;
}

.endorse figure .expert {
    position: absolute;
    height: 13px;
    padding-top: 1px;
    top: 53px;
    left:5px;
    color: white;
    background-color: #EC8A23;
    border-radius: 0 0 8px 8px;
    font-size: 11px;
    font-variant: small-caps;
}

.endorse figure .expert,
.endorse img {
    width: 65px;
    border: 1px solid #ccc;
}

.endorse img{
    height: 65px;
    border-radius: 8px;
    margin: 2px 0px;
}

.endorse p {
    font-size:14px;margin:6px 0; width:90%;
}


.endorse figure span {
    word-wrap: break-word;
}

.social-button {
    height: 32px;
    width: 32px;
    background: url(/images/social-icons.png) no-repeat;
    text-indent: -9999em;
    display: inline-block;
    margin: 4px;
}

.social-button:hover {
    box-shadow: 0 0 4px #abc;
}

.social-button.fb {
    background-position: 0 0;
}

.social-button.in {
    background-position: -64px 0;
}

.social-button.tw {
    background-position: -32px 0;
}

.social-button.email {
    background-position: -96px 0;
}


/* Styles for prioritizing grid comparisons */

[unselectable] {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.prioritize .vs form {
    height: 230px;
}

.prioritize .vs-text {
    height: 150px;
    text-align: center;
    float: left;
    width: 40px;
    line-height: 150px;
    margin: 30px 0;
    font-size: 18px;
    padding: 8px 0;
}

.prioritize .vs-button {
    width: 208px;
    height: 158px;
    text-align: center;
    float: left;
    margin: 30px 17px;
    border: 4px solid;
    border-radius: 8px;
    display: table;
    position: relative;
}


.prioritize .vs-button input {
    display: none;
}
.prioritize .vs-button label {
    padding: 6px;
    color: #666;
    height: 100%;
    width:100%;
    vertical-align: middle;
    color: white;
    display: table-cell;   
}

#app-work-window .prioritize .vs-button a {
    padding: 6px;
    color: #666;
    vertical-align: middle;
    color: white;
    display: table-cell;
    color: white;
    font-size: 18px;
    overflow: hidden;
    border-radius: 3px;
    position: static;
    -webkit-transition: background-color .1s ease-out, box-shadow .1s ease-out;
    -moz-transition: background-color .1s ease-out, box-shadow .1s ease-out;
    -o-transition: background-color .1s ease-out, box-shadow .1s ease-out;
    -ms-transition: background-color .1s ease-out, box-shadow .1s ease-out;
    transition: background-color .1s ease-out, box-shadow .1s ease-out;
}

#app-work-window .prioritize .vs-button a span {

}

.prioritize .fields .vs-text {
    color: rgba(52, 145, 48, .5);
}

.prioritize .skills .vs-text {
    color: rgba(39,146,227, .5);
}

.prioritize .fields .vs-button{
    border-color: rgba(52, 145, 48, .5);
} 

.prioritize .skills .vs-button {
    border-color: rgba(39,146,227, .5);
}

#app-work-window .prioritize .fields .vs-button a,
.prioritize .fields .vs-button.selected a {
    background-color: rgba(52, 145, 48, .5);  
    -webkit-tap-highlight-color: rgba(52, 145, 48, 0.1);
}

#app-work-window .prioritize .skills .vs-button a {
    background-color: rgba(39,146,227, .5);
    -webkit-tap-highlight-color: rgba(39,146,227, 0.1);
}

#app-work-window .prioritize .vs-button a img.signal {
    position: absolute;
    width: 26px;
    height: 26px;
    bottom: 0%;
    display: none;
    left: 50%;
    margin-left: -15px;
    margin-bottom: 10%;
    text-align: center;
    padding: 0px 2px 4px 2px;
    border-radius: 15px;
}

#app-work-window .prioritize .vs-button.selected img.signal {
    display: block;
}

#app-work-window .prioritize .fields .vs-button a.hover,
#app-work-window .prioritize .fields .vs-button.selected a {
      
    background: #349130;
}

#app-work-window .prioritize .skills .vs-button a.hover,
#app-work-window .prioritize .skills .vs-button.selected a {
    background-color: rgba(39,146,227, 1);
    
}

#app-work-window .prioritize .vs-button a.hover {
    text-shadow: 0 0 6px #fff;
    box-shadow: 0 0 24px #000;
}

#app-work-window .prioritize .vs-button a.hover {
    box-shadow: 0 0 24px 8px #000;
}

.prioritize .vs .progress {
    text-align: center;
}

.prioritize .vs .progress p, footer.toggler {
    font-size: 12px;
    color: #666;
}

.prioritize .vs .progress p span {
    font-size: 16px;
}

.prioritize .vs .progress progress {
    width: 60%;
    margin: 10px 0;
}

#mask {
    position:fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    
    left: 0;
    display: none;
    z-index:203;
    top: 0;
    filter: alpha(opacity=75);
}

.modal-dialog {
    display:none;
    padding: 10px;  
    border: 2px solid #999;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 204;
    box-shadow: 0px 0px 30px lavender; /* CSS3 */
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    border-radius:6px 6px 6px 6px;
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */

    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d7d7d7));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #d7d7d7);
    background-image: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
    background-image: -ms-linear-gradient(top, #f0f0f0, #d7d7d7);
    background-image: -o-linear-gradient(top, #f0f0f0, #d7d7d7);
    background-image: linear-gradient(top, #f0f0f0, #d7d7d7);
}

img.btn-close { 
    float: right; 
    margin: -28px -28px 0 0;
}

.job a {
    opacity: .88;
}

.job a:hover {
    opacity: 1;
}

.review-panel .job a.delete {
    display: none;
}

.job img.btn-close {
    margin: 0 -10px 0 0;
    height: 24px;
    width: 24px;
}

.job .ribbon {

}



.modal-dialog .add-form {
    width: 550px;
}

.modal-dialog .help-info {
    background-color: white;
    border: 1px dashed #999999;
    border-radius: 4px 4px 4px 4px;
    padding: 10px;
    width: 620px;
}

.modal-dialog .help-info h2 {
    color: #641545;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
}

.modal-dialog form input[type="text"], .modal-dialog form textarea, 
.form-li input[type="text"], .form-li textarea, .confirm-invite form input[type="text"],
form.user input[type="text"], form.user input[type="password"] {
    width: 100%;
    margin-bottom: 4px;
    padding: 3px 0 3px 3px;
    border: 1px solid #ccc;
    font-size: 16px;
    box-shadow: 0 0 2px #ccc inset;
}


form.user label {
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

form.user .agree {
    font-size: 14px;
    font-variant: small-caps;
}

form.user fieldset {
    margin-bottom: 10px;
}

div.user-fields {
  text-align: left; 
}

div.user-fields p.email-address {
    font-size:16px;
    color:#666;
}

.form-li textarea  {
    line-height: 1.3;
}

.form-li {
    margin: 0 10px 10px 10px;
}

.form-li p.title {
    margin: 0 0 2px 2px;
}

.form-li .subheading {
    float: left;
    font-size: 14px;
    margin-left:  5px;
}

.add-form h3 {
    margin: 0px 4px 6px 4px;
    font-size: 18px;
}

.collapse:target { display:block;}

.inline-wrapper {
    display: inline-block;
    text-align: left;
}

.collapse {
    display: none;
    margin: 10px 0;
}

#app-work-window aside figure img {
    border-radius: 10px;
    max-height: 275px;
}

strong {
    font-weight: bold;
}

/* buttons */

.buttons {
    font-size: 12px;
    text-align: center;
}

.buttons.primary {
    font-size: 14px;
}

.button
{        
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
    background-image: -webkit-linear-gradient(top, #eee, #aaa);
    background-image: -moz-linear-gradient(top, #eee, #aaa);
    background-image: -ms-linear-gradient(top, #eee, #aaa);
    background-image: -o-linear-gradient(top, #eee, #aaa);
    background-image: linear-gradient(top, #eee, #aaa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#aaaaaa');
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    /*font: bold 1em/2em Lucida Grande, Lucida Sans, Arial, Helvetica;*/
    font-weight: bold;
    font-size: 1em;
    line-height: 2em;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
    -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);

    
}

.button:hover
{
    background-color: #ddd;        
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#bbb));
    background-image: -webkit-linear-gradient(top, #fafafa, #bbb);
    background-image: -moz-linear-gradient(top, #fafafa, #bbb);
    background-image: -ms-linear-gradient(top, #fafafa, #bbb);
    background-image: -o-linear-gradient(top, #fafafa, #bbb);
    background-image: linear-gradient(top, #fafafa, #bbb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#bbbbbb');    
    box-shadow: 0 0 1px #944575 inset;   
    
}

.widget .button:hover {
    text-decoration: none; 
}

.button:active
{
    -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button:focus
{
    outline: 0;
    background: #eee;
}    

.button:before
{
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    -moz-border-radius: .15em 0 0 .15em;
    -webkit-border-radius: .15em 0 0 .15em;
    border-radius: .15em 0 0 .15em;
        pointer-events: none; 
    font-style: normal;   
    font-family: "Courier New";   
}

.button.secondary {
    color: #444 !important;
}


.icon-16-button img {
  vertical-align: middle;
  padding-bottom: .3em;
  padding-right: 1em;
}

.icon-16-button {
  padding-left: 1em;
  padding-right: 1em;
}

#app-container .buttons a.button,  #app-container .buttons button {
    color: #641545;
}

#app-container form .buttons a.button, #app-container form .buttons button  {
    color: #333;
}

/* Hexadecimal entities for the icons */

.add:before
{
    content: "\271A";
}

.edit:before
{
    content: "\270E";        
}

.remove:before
{
    content: "\2718";        
}

.redo:before
{
    content: "\21BB";
}

.save:before
{
    content: "\2714";        
}

.email:before
{
    content: "\2709";        
}

.like:before
{
    content: "\2764";        
}

.forward:before
{
    content: "\25BA";
}

.button.forward {
    box-shadow: 0 0 10px;
}

#app-container .widget .button.call, .button.call {
    box-shadow:  0 0 2px 1px rgba(0, 0, 0, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.4);   
    color: #641545; 
}

.backward:before {
    content: "\25C4";
}

.star:before
{
    content: "\2605";
}

.spark:before
{
    content: "\2737";
}

.play:before
{
    content: "\25B6";
} 

  
/* profile styles */


#site-footer {
    position: relative;
}

textarea#address-box, textarea#personal-note {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    resize: none;
    margin: 4px 0 12px 0;
}



nav a:hover {
    text-decoration: none;
} 

#profile-container .share #main header, .invites {
    padding: 0 8px;
}

#profile-container .ask-experts #main header  {
    padding: 0;
}

#profile-container .share #main header h1,
#work-ideas .recommendation h2, .quote {
    font-size: 18px;
}

#work-ideas .recommendation h2 {
    color: #944575;
}

#profile-container .buttons {
    text-align: left;
}

#profile-container .buttons button, #profile-container .buttons a,
#profile-container form .buttons button, #profile-container form .buttons a
{
    color: #641545;
}

h2.form-caption {
    margin-top: 8px;
}

.dashboard .contact-type {
    float:right;
}

.dashboard .add-div {
    padding:10px; border: 1px solid #ccc;
}

form .error,
form input.error::-webkit-input-placeholder, form textarea.error::-webkit-input-placeholder {
    color: crimson;
}

form div.error {
  color: crimson;
}

form input.error, form textarea.error {
    margin-bottom: 0 !important;
    box-shadow: 0 0 4px inset !important;
}


form label.error {
    font-size: 14px;
    line-height: 24px;
    color: darkred;
}

form label.error:before {
content: "\2737";
font-size: 12px;
position: relative;
top: -4px;
}

.add-form label.error, #dream-job label.error {
    
}

form .success
{
  color: limegreen;
}

.dashboard  #sidebar .group {
    margin-bottom: 16px;
}

.dashboard #sidebar form .checkbox, .dashboard #sidebar form label {
    display: inline;
    float: left;
}

.dashboard #sidebar form input.checkbox {
    margin-left: 8px;
}

.dashboard #sidebar .subnav li a, .dashboard #sidebar .socials, .dashboard #sidebar p {
    padding: 0 8px;
}

.dashboard #sidebar form label, .dashboard #sidebar p, .dashboard #sidebar ul.notes li {
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px;
    color: #666;
} 

.dashboard #sidebar ul.notes li {
    overflow: visible;
    margin-left: 25px;
}

.dashboard #sidebar form label, .dashboard #sidebar p, .dashboard #sidebar ul.notes {
    width: 205px;
    display: block;
}

.dashboard #sidebar ul.notes {
    list-style: disc;
    width: 190px;
}

.dashboard #sidebar  p {
    margin-left: 0;
}

.dashboard #sidebar .subnav li a {
    line-height: 22px;
    display: block;
    border-radius: 3px;
}

.dashboard #sidebar ul.notes li a {
    display: inline;
    padding: 0;
}

.dashboard #sidebar li {
    margin-bottom: 1px;
    overflow: hidden;
}

.dashboard #sidebar .subnav li a:hover, 
.dashboard #sidebar .subnav li.current a {
    background: Lavender;
} 

#profile-container .dashboard nav.contact-type ul.menu-tabs li,
#landing-container .dashboard nav.contact-type ul.menu-tabs li, 
.skill-groups nav ul.menu-tabs li {
    margin-top: 0;
}

#profile-container .dashboard nav.contact-type ul.menu-tabs li a,
#landing-container .dashboard nav.contact-type ul.menu-tabs li a {
    line-height: 23px;
}

ul.menu-tabs li.inactive, .social-button.inactive {
    display: none;
}

#user-menu {
    display: none;
    z-index: 30;
    position: absolute;
    right: 0;
    top: 55px;
    width: 200px;
    padding: 10px;
}

.drop-down.active #user-menu {
    display: block;
}

#user-menu a.disabled {
  opacity: .4;
}

#app-header nav.secondary .drop-down-child ul {
    padding: 0;
}

#app-header nav.secondary .drop-down-child li {
    display: block;
    float: none;
    margin-bottom: 6px;
}

#app-header nav.secondary li .drop-down-child {
    border-radius: 0 0 8px 8px;
}

#app-header nav.secondary li .drop-down-child a {
    line-height: 1.2;
    padding: 4px 0;
    border-bottom: 1px dotted #ccc;
}

#app-header nav.secondary li .drop-down-child a:hover {
    color: #7D97BA;
}

#app-header nav.secondary li .drop-down-child a, #user-menu, #app-header nav.secondary li.active a,
#app-header #menu-2nd-profile.active a .me {
    color: white;
}

#user-menu, #app-header nav.secondary li.active, #app-header nav.secondary li.active.current {
    background: #7D2E5E;
    border-color: #7D2E5E;
}


#app-header nav.secondary li.active.current .icon-dropdown, #app-header nav.secondary li.active .icon-dropdown {
    background-position: 0 -9px; 
}

figure.user-photo {
    height: 60px;
    width: 60px;
    float: left;
    margin-right: 10px;
    margin-top: -5px ;
}

figure.user-photo img {
    max-height: 60px;
    max-width: 60px;
    border-radius: 12px;

}

#profile-container .friends-feedback .dashboard {
    padding-top: 10px;
    height: 475px;
    -webkit-transform: translateZ(0);
}

.friends-feedback .dashboard header {
    background-color: #7D97BA;
    padding: 10px;
    color: white;
}

.friends-feedback .dashboard.ugc header {
    background-color: #24913F;
}

.friends-feedback .dashboard header h2 {
    font-size: 16px;
}

#work-ideas {
    position: relative;
    width: 860px; /* width: 660px; */
    height: 310px;
    margin: 10px auto;
    /*-webkit-transition: width .15s ease-out;
    -moz-transition: width .15s ease-out;
    -o-transition: width .15s ease-out;
    -ms-transition: width .15s ease-out;
    transition: width .15s ease-out;*/
    -webkit-backface-visibility: hidden;
    
}

.friends-feedback .dashboard .instructions {
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.5;
    -webkit-backface-visibility: hidden;
    
}

.friends-feedback .dashboard .instructions ol, ol.count {
    list-style: decimal;
    margin-left: 20px;
}

.friends-feedback .dashboard .instructions ul {
    list-style: circle;
    margin-left: 20px;
}

.friends-feedback .dashboard .instructions li, ol.count li {
    margin-left: 10px;

}


#work-ideas .recommendation {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    border: 10px solid #ccc;
    height: 300px;
    padding: 5px 75px;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    background: url(/images/feedback-panel-bg.png) repeat-y top;
}

#work-ideas .recommendation.current {
    opacity: 1;
    visibility: visible;
}

#work-ideas .control {
    position: absolute;
    top: 100px;
    text-indent: -9999em;
    height: 90px;
    width: 40px;
    background-image: url(/images/arrows-default-2.png);
}

#work-ideas .control.inactive {
    display: none;
}

#work-ideas .nextButton {
    right: -50px;
    background-position: 0px -30px;
}

#work-ideas .nextButton:hover {
    background-position: 0px -180px;
}

#work-ideas .previousButton {
    left: -50px;
    background-position: -61px -30px;
}

#work-ideas .previousButton:hover {
    background-position: -61px -180px;
}

.recommendation .detail p {
    font-size: 15px;
    line-height: 1.2;
    padding: 10px 20px 10px 5px;
}

.recommendation figure.user-photo {
    height: 100px;
    width: 100px;
    margin-top: 5px;
}

.recommendation figure.user-photo img {
    max-width: 80px;
    max-height: 80px;
    box-shadow: 0 0 2px 1px #999;
}

#work-ideas .like-button {
    width: 32px;
    height: 32px;
    margin: 10px auto;
    padding: 4px;
    border-radius: 8px;
    border: 1px solid;

    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;

    text-align: center;
}

#work-ideas .like-button a {
    display: block;
    height: 32px;
    width: 32px;
    background: url(/images/thumb-white-32.png) no-repeat;
    text-indent: -9999em;
}

#work-ideas .like-button p {
    font-size: 12px;
    width: 160px;
    margin-left: -60px;
    margin-top: 12px;

    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;

}

#work-ideas .like-button p, #work-ideas .like-button.inactive:hover p  {
    opacity: 1;
}

#work-ideas .like-button.inactive p {
    opacity: 0;
}

#work-ideas .like-button.inactive {
    background: #ccc;
    border-color: #999;
    box-shadow: none;
}

#work-ideas .like-button, #work-ideas .like-button:active {
    box-shadow: 0 0 4px #1480c9;
    background: #1480c9;
    border-color: #333;
}

.recommendation .inner {
    margin-left: 110px;
}

.recommendation .inner .detail {
    height: 185px;
    margin-top: 5px;
    margin-bottom: 10px;
    min-width: 580px;
}

#work-ideas .like-button:active a {
    opacity: .6;
}

#work-ideas .count {
    text-align: center;
    font-size: 12px;
    position: absolute;
    right: 0px;
    bottom: -25px;
    width: 100%;
}

.instruct-container {
    height: 110px;
}

.instruct-block {
    display: none;
}

.instruct-block.current {
    display: block;
}

.ugc #work-ideas, #work-ideas.wide {
    width: 860px;
}
   
.ribbon {
    position: absolute;
    z-index: 25;
    text-indent: -9999em;
}

.friends-feedback .ribbon {
    right: 0;
    top: 0;
    background: url(/images/preview-ribbon.png) no-repeat;
    height: 75px;
    width: 75px;
}

.public-profile.preview .ribbon {
    right: 0;
    top: 100px;
    background: url(/images/preview-ribbon-2.png) no-repeat;
    height: 80px;
    width: 80px;
}

.public-profile header.dashboard-banner h1 {
    color: #333;
}

header.dashboard-banner .indicator {
    position: absolute;
    right: 20px;
    top: 20px;
}

.prioritize-review .ribbon {
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    background: url(/images/ranked-ribbon.png) no-repeat;
}

.card .ribbon.suggested {
    top: -3px;
    left: -3px;
    height: 60px;
    width: 60px;
    background: url(/images/suggested-ribbon.png) no-repeat;
}

.ribbon.early-access, .ribbon.access-499 {
    right: 0;
    top: 0px;
    background: url(/images/early-access-ribbon.png) no-repeat;
    height: 150px;
    width: 150px;
}

.ribbon.access-499 {
    background: url(/images/access-ribbon-499.png) no-repeat;
}

.review-panel .job.dream-position .ribbon {
    bottom: 0;
    right: 0;
    top: auto;
}

.explore .ribbon {
    right: 6px;
    top: 6px;
    background: url(/images/sample-ribbon.png) no-repeat;
    height: 100px;
    width: 100px;
}

.dream-position .ribbon {
    bottom: 0;
    right: 0;
    height: 40px;
    width: 40px;
    background: url(/images/dream-ribbon-lr.png) no-repeat;
    position: absolute; 
}

#work-ideas .recommendation.ugc {
    padding: 0;
    height: 310px;
    background: none;
}

#work-ideas .recommendation h2.endorse {
    font-size: 22px;
    text-align: center;
    padding-top: 5px;
    border-top: 1px solid #ddd;
    color: #7D97BA;
}

.recommendation.ugc .user-input, .recommendation.ugc .favorites {
    /*-webkit-transition: all .36s ease-out;
    -moz-transition: all .36s ease-out;
    -o-transition: all .36s ease-out;
    -ms-transition: all .36s ease-out;
    transition: all .3 x6s ease-out;*/
    font-size: 14px;
}


#expert-review.current .work-history-review {
    border-left: 1px solid #CCCCCC;
    box-shadow: 0 0 3px #CCCCCC inset;
    height: 311px;
    padding: 0 0 0 10px;
    width: 445px;
}

.work-history-review > p {
    font-size: 14px;
    height: 14px;
    margin-bottom: 1px;
    padding-top: 9px;
    border-bottom: 1px solid #ccc;
}

.work-history-review ul {
    height: 284px;
    margin-bottom: 1px;
}

.recommendation.ugc .user-input, .recommendation.ugc .favorites {
    float: left;
    width:290px;
    border-radius: 0;
    margin: 0px auto 5px auto;
    padding: 5px 10px 8px 8px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;    
}

.recommendation.ugc.current .user-input, .recommendation.ugc.current .favorites, #expert-review .work-history-review {
    opacity: 1;
    visibility: visible;
    height: 292px; /* height: 277px; */
    width: 350px; /* width: 300px; */
    overflow: visible;
    border-width: 0 0 0 1px;
}



.recommendation.ugc.current .user-input {
    height: 292px; /* height: 272px; */
    padding-top: 10px;
    width: 393px; /* width: 350px; */
    padding: 10px 16px 8px 12px;
}

.recommendation.ugc.current .favorites {
    width:400px;
}

#expert-review.recommendation.current .favorites {
    width: 366px;
}

.recommendation.ugc .favorites .detail {
    height:100px;
    padding-top: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.friends-feedback .favorites .c1, .friends-feedback .favorites .c2 {
    width: 47%;
    margin-right: 4%;
    float: left;
}

.friends-feedback .favorites .c2 {
    margin-right: 0;
}

.friends-feedback .favorites li, .invites li {
    list-style: disc;
    margin: 4px 0 4px 16px;
    line-height: 1.3;
}

.invites li {
}

.switcher-content {
    display: none;
}

.switcher-content.current {
    display: block;
}

#preview-message .inner  {
    width: 520px;
    margin: 0px;
    padding: 8px;
    border: 1px solid #999;
    border-radius: 6px;
    background: #fff;
    font-size: 12px;
}

#preview-message p {
    margin-bottom: .5em;
}

.explore .ajax-div {
    height: 100%;
}

.explore-work .intro {
    padding: 10px;
    font-size: 18px;
    line-height: 1.3;
    color: #333;
}

.explore-work .intro .bulb {
    width: 120px;
    float: left;
}

.explore-work .intro .bulb img {
    width: 120px;
    height: 136px;
}

.explore-work .intro .summary {
    display: table;
    height: 136px;
    margin-left: 140px;
    width: 360px;
}

.explore-work .intro .summary h1 {
    display: table-cell;
    vertical-align: middle;
    color: #944575;
}

.explore-work .intro .detail {
    margin-left: 30px;
}

.explore-work .intro .detail ul li {
    margin-bottom: 4px;
}

.explore-work .intro .detail ul li:first-child {
    border-bottom: 1px dashed #AAAAAA;
    font-size: 22px;
    margin-bottom: 20px;
    width: 80%;
}

.left-arrow:before {
    content: url('/images/e-logo-24.png');
}

.favorite-item:before {
    content: url('/images/icons/icon-favorite-24.png');
}

.eparachute:before 
{
    content: url(/images/e-logo-24.png);
}

.linkedin:before {
    content: url("/images/linkedin-30x30.png");
    height: 30px;
    line-height: 0;
    margin: 0 10px 0 -24px;
    padding: 2px 4px 2px 8px;
    width: 30px;
}

.linkedin.button {
    height: 34px;
    line-height: 34px;
}

.social-login, .signup-panel .disclaimer {
    padding: 10px 20px 30px 20px;
    text-align: center;
    margin: 0 -50px 20px -60px;
    position: relative;
    background: #f7f7f7;
}

.social-login {
    border-bottom: 1px solid #ccc;
}

.signup-panel .disclaimer {
    border-top: 1px solid #ccc;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.social-login .button {
    margin-bottom: 5px;
}

.social-login .or {
    position: absolute;
    background: #f7f7ff;
    padding: 7px 9px;
    bottom: -20px;
    left: 48%;
    border-radius: 50%;
    font-size: 18px;
    border-top: 1px solid #999;
}

#register-user .signup-panel .user-fields {
    margin-left: 10%;
}

#register-user h1 .subheading {
    display: block;
    font-size: 16px;
    color: #000;
    margin-top: 5px;
}

.ask-friends, .ask-ep-experts, .favorite-item, .left-arrow, .start-over {
    line-height: 32px;
}

.ask-friends:before, .ask-ep-experts:before,  .favorite-item:before, .left-arrow:before, .start-over:before
{
    height: 24px;
    padding: 4px 8px 4px 6px;
    vertical-align: top;
}

.ask-friends:before {
    content: url(/images/icons/icon-friends-24-3.png);
}

.ask-ep-experts:before {
    content: url(/images/icons/icon-experts-24.png);
}

.start-over:before {
    content: url('/images/icons/icon-redo-24.png');
}

#app-container .highlighter-control, .highlighter-control, #app-container .explore a.highlighter-control {
    color: inherit;
    cursor: help; 
}

#app-container .highlighter-control:hover, .highlighter-control:hover, #app-container .explore a.highlighter-control:hover {
    text-decoration: none;
}

.highlighted {
    box-shadow: 0 0 6px 2px #944575 inset, 0 0 2px 1px #944575;
    color: #944575;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#app-nav a.highlighted {
    color: goldenrod;
}

.explore-work .intro .favorite.highlighted {
    opacity: 1;
    visibility: visible;
    box-shadow: none;
}
  
.ask-experts .dashboard  .experts-banner {
    width: 221px;
    margin-top: 5px;
}

.ask-experts .dashboard  .experts-banner figure {
    height: 110px;
    width: 110px;
    text-align: center;
    font-size: 12px;
}

.ask-experts .dashboard  .experts-banner figure img {
    max-height: 80px;
    max-width: 80px;
    margin: 0 10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px #ccc;
    margin-bottom: 5px; 
    
}  

.dashboard #sidebar .experts-banner li {
    margin-bottom: 10px;
}

.dashboard #main p, .dashboard #main li  {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 12px;
}

.dashboard #main .checklist li, .instruct .checklist li, .sliding .checklist li, #import-choice .checklist li,
.checklist li {
    background: url("/images/icons/check-box-1.png") no-repeat scroll 0 0 transparent;
    padding-left: 32px;
    margin-left: 12px;
    line-height: 32px;
    margin-bottom: 6px;
}

.checklist li.del {
    background: url("/images/remove_x_26.png") no-repeat scroll 0 0 transparent;
}

.checklist li.plus {
    background: url("/images/add_plus_26.png") no-repeat scroll 0 0 transparent;
}

.instruct .checklist li, #import-choice .checklist li {
    margin-top:8px;
    line-height: 20px;
    padding-top: 5px;
}

#import-choice .checklist li {
    margin-top: 4px;
}

em {
    font-style: italic;
}

#profile-container h1.vp, #profile-container #main header h1.vp,
#landing-container h1.vp, #landing-container #main header h1.vp {
    font-size:24px; 
    font-weight: bold; 
    color:#666;
}

.info {
    font-size: 14px;
    position: absolute;
    bottom: 10px;
}

#main.confirm-invite {
    float: none; 
    margin:0 auto;
    display:block;
    float:none;
    padding: 0;
    width: 720px;
}

#main.confirm-invite p {
    margin: 4px 0 4px 0;
}

.confirm-invite form input[type="text"] {
    padding: 4px;
    width: 98%;
}

.terms-box {
    margin: 10px auto;
    border: 1px solid #666;
    background: #eee;
    padding: 15px 10px;
    height: 260px;
}

.terms-box .inner {
    border: 1px solid #666;
    height: 90%;
    margin-bottom: 10px;
    background: white;
}

#main .terms-box .inner p, #main .terms-box li {
    padding: 0 5px;
    font-size: 14px;
    font-family: monospace, courier;
    color: #333;
}

.terms-box ol {
    list-style: disc;
}

#landing-container .terms-box li {
    margin-left: 32px;
}

#landing-container .dashboard {
    min-height:480px;
    box-shadow: 0 0 0 4px rgba(212, 212, 212, 0.5), 0 0 100px #fff5f5 inset;
}

.intro-page #intro-container {
    height:100%;
    position: relative;
}

.intro-section .justify-container, .about .justify-container, #intro.intro-section .works-questions{
    width: 840px;
    margin: 10px auto;
}

.intro-section .buttons, .beta-invite .buttons {
    width: 100%;
    font-size: 20px;
}

.intro-page .board {
    background: none repeat scroll 0 0 #E7E7E7;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding-top: 10px;
}

.beta-invite .buttons {
    font-size: 18px;
}

.intro-box {
    height:242px;
    width:230px;
    border-radius:20px;
     padding:5px;
     text-align:center;
     box-shadow: 0 0 2px #666;
}

.intro-box p {
    font-size: 14px;
}

.intro-box .cover p {
    margin-bottom: 0;
    line-height: 1;
}

.intro-box img {
    padding: 10px 45px;
    background: white;
    border-radius: 0 0 12px 12px;
    width:140px;
    height: 148px;
    margin-top: 5px;
    box-shadow: 0 0 2px #666 inset;
}

#identify.intro-box {
    background-color: #DE107A;
    border: 2px solid #BE005A;
}

#prioritize.intro-box {
    background-color: #FC9A33;
    border: 2px solid #DC7A13;
}

#explore.intro-box {
    background-color: #944575;
    border: 2px solid #7D2E5E;
}

.justify-container {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;    
}

.justify-object {
    display:inline-block;
}

.raquo {
    font-size: 36px;
    vertical-align: 100px;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.intro-page .question {
    width: 420px;
}

.intro-page .question:first-child {
    text-align: right;
}
.cover {
    background: rgba(255,255,255,.75);
    border-radius: 12px 12px 0 0;
    padding-bottom: 2px;
    
}

.intro-box h1, .intro-box p strong {
    font-variant: small-caps;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.intro-section {
    display: none;
}

.intro-section.current {
    display: block;
}

.intro-section > header h1 {
    color:#944575;
}

.import-choice {
    width: 200px;
    height: 170px;
    text-align: center;
    font-size: 18px;
    display:inline-block;
    margin: 30px 30px 0 30px;
}

.import-choice img {
    width: 120px;
    margin: 10px 40px; 
    height: 120px;
    border-radius: 12px;
    box-shadow: 0 0 2px 1px #666;
    opacity: .8;
}

.import-choice a:hover img {
    box-shadow: 0 0 4px 2px #666, 0 0 12px #944575;
    opacity: 1;
}

section.register {
  width: 280px;
  display:inline-block; 
}

#register-user section.account-settings
{
  width: 540px;
  display:inline-block;

}

#edit-user > div {
    width: 540px; 
    padding: 0 20px;
} 

#edit-user > div {
    float: left;
} 

.settings-block {
    margin-bottom: 20px;
    float: left;
    font-size: 14px;
}

#edit-user  .settings-block {
    margin: 0;
}

.settings-block > div section {
    padding: 10px 18px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#register-user > div section {
    width: 320px;
}


.settings-block > div section {
    border: 1px solid #ccc;
    background-color: #eee;
    border-radius: 4px;
    background-image: -webkit-linear-gradient( top, #e7e7e7, #f7f7f7); 
    background-image: -moz-linear-gradient( top, #e7e7e7, #f7f7f7);
    background-image: -ms-linear-gradient(top, #e7e7e7, #f7f7f7);
    background-image: -o-linear-gradient(top, #e7e7e7, #f7f7f7);
    background-image: linear-gradient(top, #e7e7e7, #f7f7f7);
    box-shadow: 0 0 2px #ccc;
    position: relative;
}

.settings-block .info {
    top: 5px;
    right: 5px;
}

#register-user form.user-image > figure,
#edit-user form.user-image > figure {
    float: left;
    width: 158px;
}



.settings-2nd-button {
    font-size: 11px;
}

#register-user form.user-image > figure div,
#edit-user form.user-image > figure div {
    height:150px;width:150px;background: url(/images/no_avatar.gif) no-repeat;border: 4px double #ccc;box-shadow:0 0 2px #999, 0 0 2px #999 inset ;
}

#register-user form.user-image > figure div img,
#edit-user form.user-image > figure div img {
    height: 150px;
    width: 150px;
    background-color: white;
}


footer.bottom {
    position: absolute;
    width: 100%;
    bottom: 20px;        
}

.social-rec .endorse {
    width:230px; border-top:1px solid #ccc;float:right;margin-top:10px;padding-left:10px;
}

.social-rec .endorse > div {
    width:150px;float:left;font-size:14px;height:65px;margin-top:5px;
}

.social-rec .endorse figure {
    margin:5px 0 0 0;
}

.splash {
    text-align: center;
    margin: 30px auto;
    width: 90%;
    min-width:640px;
}

.splash h1 {
    font-size: 36px;
    margin: 12px auto;
    padding-left: 24px;
    font-family: arial, sans-serif;
    color: #944575;
    text-shadow: 0 0 1px #999;
}

.splash h2 {
    font-size: 18px;
    margin: 12px auto;
    padding-left: 24px;
    font-family: arial, sans-serif;
    color: #944575;
    text-shadow: 0 0 1px #999;
}

.overview-page .banner {
    height: 220px;
    padding: 20px 0 10px 0;
}

.overview-page .banner img {
    max-height: 200px;
    vertical-align: middle;
}

.overview-page .banner h1 {
    font-size: 120px;
    margin-top: 20px;
    text-shadow: 2px 2px 2px #ccc;
}

.review .banner .report {
    text-align: left;
    width: 400px;
}

.review .overview-page .banner figure, .review .overview-page .banner .report {
    display: inline-block;
}

.report .checklist > li:first-child {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dashed #CCCCCC;
    font-size: 24px;
    margin-top: 30px;
    padding-left: 24px;
    padding-right: 24px;
    font-weight: bold;
}

.report .checklist > li:first-child, .report .checklist > li:last-child {
    background: none repeat scroll 0 0 transparent;
    font-weight: bold;
}

.report .checklist > li:first-child {
    border-bottom: 1px dashed #CCCCCC;
    font-size: 24px;
    margin-top: 10px;
}

.report .checklist > li:last-child  {
    border-top: 1px dashed #ccc;
}

.review .overview-page .banner figure {
    position: relative;
    vertical-align: top;
    margin-right: 10px;
}

.review .overview-page .banner .holder {
    background: url(/images/e-logo-holder.png) no-repeat;
    height: 233px;
    width: 200px;
    margin-right:0;
}

.banner .holder img {
    position: absolute;
    max-width: 80px;
    max-height: 80px;
    left: 90px;
    bottom: 60px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.overview-page header {
    padding-bottom: 5px;
    margin-bottom: 10px;
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 0 24px #ccc;
}

.overview-page header h1, .overview-page header h2 {
    color: #333 !important;
    margin: 6px auto;
    font-weight: normal;
}


.hoverable {
    position: relative;
}

.hoverable:active {
    top: auto;   
}

.splash .hover-pad {
    bottom: -30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    color: #944575;
    font: bold 1em/2em Lucida Grande, Lucida Sans, Arial, Helvetica; 
}


.splash .buttons {
    margin-bottom: 2.5em;
}

.splash .quote {
    line-height: 1.3;
    width: 500px;
    color: #333;    
    vertical-align: bottom;
    margin-top: 80px; 
}

body#splash {
    background-position: 0 -60px;
}

#splash .dashboard {
    padding-top:60px;
    height: 500px;
}

.dashboard.vscroll {
    height: 435px;
    padding-right: 5px;
}

.network {
    width: 80px;
    margin-right: 20px;
    display: inline-block;
    text-align: right;
}

#connected-networks li {
    margin-bottom: 12px;
}

.edit-settings .dashboard #sidebar {
    width: 320px;
    margin: 0 0 0 20px;
}

.edit-settings .dashboard #sidebar .settings-block {
    width: 300px;
}

section.account-settings div.user-fields {
  margin-left: 180px;
  min-height: 10em;
}

#add-item, #app-feedback-panel {
    overflow: hidden;
    border-color: #ccc;
}

#add-item {
    padding: 0;
    right: 4px;
    top: 4px;
    width: 928px;
    
}

#app-feedback-panel > .inner, #dream-help > .inner, #sharing-dialog > .inner {
   width: 700px;
   padding: 10px 40px;
   line-height: 1.2;
   font-size: 18px;
   background-color: white;
}

#sharing-dialog > .inner {
    width: 600px;
    padding: 10px 20px;
    min-height: 240px;
}

#sharing-dialog aside figure {
    float: right;
    margin: 10px 0 10px 10px;
}

#sharing-dialog aside figure img {
    box-shadow: 0 0 6px #ccc;
}

#sharing-dialog p {
    margin: .5em 0;
}

#sharing-dialog .button {
    font-size: 13px;
    margin: 4px 2px;
}

#app-feedback-panel footer {
    font-size: 16px;
}

.fields #add-item {
    background: #76aa83; /*rgba(118,170,131,1);*/
    box-shadow: 6px 6px 16px 4px #333;
}

.skills #add-item {
    background: #80b0cb; /*rgba(128, 176, 203, 1); */
    box-shadow: 6px 6px 16px 4px #333;
}


#add-item footer, #add-item header {


    padding: 2px 15px 2px 10px;
}

#add-item header {
    height: 28px;
     border-bottom: 2px solid #ccc;

}

#add-item footer {
    position: relative;
    bottom: 0;
    height: 42px;
    border-top: 2px solid #ccc;
}

#add-item header h1 {
    margin-top: 4px;
    font-size: 18px;
    color: white;
}

#add-item .wrapper {
    background: white;
    padding: 2px 0;
}

#add-item section {
    padding: 0px 10px 8px 10px;
    height: 360px;    
}

#add-item .select-list li {
    display: block;
    padding: 8px;
    border-bottom: 2px solid #ccc;

}

#add-item li .detail {
    width: 800px;
}

#add-item li p {
    padding: 6px 12px;
}

#add-item li:first {
    padding-top: 0;
}

.ask li {
    margin: 0;
}

.uncheck {
    font-size: .9em;
    position: relative;
    top: -.4em;
}

.skill-family span {
    display: inline-block;
    margin: 10px;
    width: 150px;
}

#add-item .skill-grouping {
    margin-top: 24px;
    height: 70px;
    color: #666;
    display: table;
    width: 100%;
    padding: 0 0 5px 0;
}

#add-item .skill-grouping > div {
    margin: 0 10px;
    display: table-cell;
    vertical-align: middle;
}

#add-item .skill-grouping h2 {
    font-size: 18px;
    font-variant: small-caps;
    font-weight: bold;
}

#add-item .skill-grouping:first-child {
    margin-top: 0;
}

#add-item .skill-grouping img {
    height: 60px;
    float:left;
    margin: 5px 10px 5px 10px;
    display: table-cell;
    vertical-align: middle;
}

#add-item .skill-family {
    padding: 8px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#add-item .skill-family:nth-child(even) {
    background-color: #f7f7f7;

}

#add-item .skill-family:nth-child(odd), .form-li {
    background-color: #eee;
    
}

.notice-tooltip {
    font-weight: bold;
    background: LightGoldenRodYellow  !important;
    width: 200px;
}

.vblock:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; 
}

.middled {
  display: inline-block;
  vertical-align: middle;
}

.hiddenItem {
    display:none;
}

h2.imper {
    font-size: 22px;
    margin-top: 8px;
    margin-bottom: 0;
}

.count-title {
    display: none;
}

.checkbox-wrapper {
    height: 15px;
    width: 15px;
    display: inline-block;
}

.skill-groups {
    margin-top: 10px;
}

.skill-groups nav {
    padding-left: 15px;
}

.skill-groups nav h2 {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    line-height: 20px;
    padding-top: 8px;
    font-variant: small-caps;
    color: #666;
}   

.skill-groups nav ul {
    padding: 0;
}

.skill-groups .inner {
    padding: 10px 15px 15px 15px;
    border: 1px solid #999;
    border-radius: 12px;
    margin-bottom: 10px; 
}

#add-item .skill-groups nav ul li a {
    font-size: 24px;
    padding: 5px 15px 0 15px;
    border-bottom-color: #999;
    box-shadow: 0 0 2px inset;
    border-radius: 6px 6px 0 0;
}

#add-item .skill-groups nav ul.menu-tabs {
    margin-bottom: -1px;
}

#add-item .skill-groups nav ul li.current a {
    border-color: #999999 #999999 #FFFFFF;
    box-shadow: none;
    text-shadow: 0 0 4px #9DB7DA;
}

#job-listings {
    font-size:12px;
    border-bottom: 1px solid #ccc;
    padding:4px 0 12px 0;
}

.subtext {
    font-size: 12px;
    margin-top: 10px;
}

#what-is-imported {
text-align:left;width: 260px; margin:0 auto;height: 110px;
}

footer#site-footer {
    height: 240px;
    background-color: #641545;
    background-image: -webkit-linear-gradient( top , #641545, #944575); 
    background-image: -moz-linear-gradient(top, #641545, #944575);
    background-image: -ms-linear-gradient(top, #641545, #944575);
    background-image: -o-linear-gradient(top, #641545, #944575);
    background-image: linear-gradient(top, #641545, #944575);
    border-top: 3px solid #ccc;
    padding: 10px 0;
}

/* Site Footer styles */

#site-footer .inner {
    width: 900px;
    margin: 0 auto;
    color: white;
    padding: 20px;
    font-size: 14px;
    line-height: 1.3;
}

#site-footer td.c1 {
    width: 220px
}

#site-footer td.c2 {
    width: 320px
}

#site-footer .blog-feature {
    text-align:center;
    border-left: 1px solid plum;
    border-right: 1px solid plum;
    padding: 0 30px;
    width: 150px;
}

#site-footer .blog-feature  img {
    max-width:150px;
    max-height: 100px;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,.6);
}

#site-footer .blog-feature p {
    font-size: 14px;
}

#site-footer .social {
    vertical-align: middle;
    width: 180px;
    line-height:0;
}

#site-footer .social a {
    display: inline-block;   
    opacity: .8;

}

#site-footer .social a:hover {
    opacity: 1;
}

#site-footer .social img {
    vertical-align: bottom;
    height: 40px;
    width: 40px;
}

#site-footer a {
    color: white;
}

#site-footer a:hover {
    text-decoration: underline;
} 

#site-footer h2 {
    font-size: 18px;
    margin-bottom: 12px;
    text-transform: uppercase;
    text-shadow: 0 0 4px #eef;
}

#site-footer li {
    margin-bottom: 6px;
}

#site-footer img {

}


/* Styling for data-grid tables */ 

table.data-grid {
    width: 100%;
}

table.data-grid, table.data-grid th, table.data-grid td { 
    border: 1px solid black;
}

.stat-block table.data-grid {
    font-size: 14px;
}

.stat-block table.data-grid th {
    font-variant: small-caps;
}

table.data-grid td, table.data-grid th { 
    padding: 6px;
    text-align:left;
}

table.data-grid th { 
    font-weight: bold;
}
table.data-grid td.rowlink {
  border: none;
}

table.data-grid td.spacer {
  background-color: #EEEEEE;
}

.confirmation-container {
    margin-top:30px;
}

.confirmation-container .message {
    width: 50%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.3;
}

.confirmation-container .message.with-image {
    width: 80%;
    padding-top:30px;
    margin: 0;    
}

.confirmation-container .message p {
    margin-bottom: 1em;
}
    
.onet-logo, .onet-version, .footer-link {
    float: right;
}

.footer-link {
    margin: 5px 10px 5px 0;
    line-height: 20px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}
.onet-version {
    color: #666666;
    font-family: helvetica;
    font-size: 11px;
    font-variant: small-caps;
    padding: 4px 0 0 6px;

}

.betaSignUp input[type="text"] {
    font-size: 16px;
    width: 240px;
    padding: 2px;
}

.betaSignUp fieldset, fieldset.subgroup {
    border: 1px solid #999;
    padding: 2px 0 4px 0;
    margin-bottom: 12px;
    
}

.betaSignUp legend, fieldset.subgroup legend {
    margin-left: 12px;
    text-align:left;
}

#profile fieldset p, #profile fieldset ul, #profile fieldset ol {
    padding: 5px 10px;
}

.betaSignUp fieldset input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
}

.filters fieldset.subgroup input[type="checbox"] {
    margin-top: -1px;
}

.filters .right {
    margin-top: 18px;
}

.filters .right a {
    font-size: 12px;
    text-transform: uppercase;
    border-right: 2px solid #999;
    padding: 3px 6px;
}

.filters .right a:last-child {
    border-right-width: 0;
}

.betaSignUp legend, .betaSignUp label, fieldset.subgroup legend {
    font-weight: bold;
    font-size: 14px;
}

.betaSignUp fieldset label, fieldset.subgroup label {
    line-height: 16px;
    margin: 0 4px 0 2px;
    font-weight: normal;
}

.signup-page {
    padding-top:30px;
    margin-top: 0;
}
.signup-box {
    margin: 10px 0 10px -20px;
    background: none repeat scroll 0 0 lavender;
    background-image: -webkit-linear-gradient( top , #E6E6FA, #D6D6EA); 
    background-image: -moz-linear-gradient(top, #E6E6FA, #D6D6EA);
    background-image: -ms-linear-gradient(top, #E6E6FA, #D6D6EA);
    background-image: -o-linear-gradient(top, #E6E6FA, #D6D6EA);
    background-image: linear-gradient(top, #E6E6FA, #D6D6EA);
    border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #CCCCCC;
    padding: 10px 20px;
    width: 420px;
    text-align:center;
}

.signup-page .signup-box {
    margin: 0 0 0 -20px;
    padding: 10px 40px;
}

.signup-box img {
    width: 390px;
    height: 81px;
    margin-bottom: 15px;
}

#preview-sharing {
    width: 944px;
    height: 488px;
}


.explorer header.profile figure {
    float: left;
    margin-right: 10px;
}

.explorer header.profile img.user-avatar {
    height: 80px;
    border-radius: 8px;
    box-shadow: 0 0 2px #aaa;
}

.explorer header.profile {
    height: 80px;
}

#profile-container  header.profile .return  {
    margin-top: 61px;
}

#profile-container .explorer header .sharing {
    margin-top: 33px;
}

#profile-container .explorer header .sharing-noprint
{
  padding-top: 9px;
  margin-top: 33px;
}

#profile-container .profile header .sharing, #profile-container .profile header .sharing-noprint {
    margin-top: 52px;
}

div.invite-icons {
  display: inline-block;
}

div.invite-icons #share-print
{
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-right: 2px;
  background-image: url(/images/icons/print.png);
  background-position: -5px -3px;
}

.sharing-print #share-print a, .sharing-print-only #share-print a
{
    display: block;
    height: 24px;
    width: 24px;
    text-indent: -9999em;
    overflow: hidden;
    border: none;
    box-shadow: none;
}

.coupon
{
  float:right;
}

div.invite-icons img {
  vertical-align: bottom;
  height: 24px;
}

.sharing span,.sharing-print span, .sharing-noprint span, .sharing-print-only span {
    vertical-align: middle;
    font-size: 14px;
    color: #666;
}

.sharing .share-button, .sharing-noprint .share-button, .sharing-print-only .share-button {
    height: 24px;
    width: 24px;
    display: inline-block;
    margin-right: 2px;
    background-image: url(/images/social-icons-24-five.png);
}

.sharing .share-button a, .sharing-noprint .share-button a,.explorer .sharing .share-button img,.explorer .sharing-noprint .share-button img  {
    display: block;
    height: 24px;
    width: 24px;
    text-indent: -9999em;
    overflow: hidden;
    border: none;
    box-shadow: none;
}

#google-share.share-button {
    background-position: 0 0;
}

#facebook-share.share-button {
    background-position: -24px 0;
}

#twitter-share.share-button {
    background-position: -48px 0;
}

#linkedin-share.share-button {
    background-position: -72px 0;
}

#email-share.share-button {
    background-position: -96px 0;
}

.explorer .dashboard {
    height: auto;
}


.explorer .job {
    border: 1px solid #CCCCCC;
    list-style: none outside none;
    margin: 8px 2px;
    padding: 4px;
}

.explorer .job .title, .job .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;
}

.explorer .job .title a {
    color: #641545;
}

.explorer .job .matched-detail {
    border-top:1px solid #ccc;
    padding-top:5px;
}

.explorer .currently-showing {
    display: table;
    width: 100%;
}

.explorer .currently-showing .inner {
    display: table-row;
}

.explorer .currently-showing .inner .count {
    border-right: 1px solid #FFFFFF;
    font-weight: bold;
    padding-right: 20px;
    white-space: nowrap;
    width: 15%;
    text-align: center;
}

.explorer .currently-showing .inner .current-filters {
    border-left: 1px solid #E8E8E8;
    padding-left: 20px;
    line-height: 1.1;
}

.explorer .currently-showing .description{
    min-width: 400px;
}

.explorer .currently-showing .inner .count, .explorer .currently-showing .inner .current-filters, .explorer .currently-showing .inner .toggle, .explorer .currently-showing .inner .space {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    display: table-cell;
    font-size: 13px;
    height: 100%;
    padding: 10px 12px;
    vertical-align: middle;
}

.explorer .currently-showing .message {
    display: table-cell;
    vertical-align: middle;
}

.explorer .currently-showing .inner .space {
    width: 80px;
}

.explorer .currently-showing .inner .toggle {
    text-align: right;
    text-decoration: none;
    white-space: nowrap;
}

#profile .currently-showing .toggle {
    padding-right: 35px;
    padding-left: 5px;
}

.explorer .currently-showing .inner .button {
    min-width: 60px;
}

.detail .action-box {
    height: 30px;
    width: 100%;
    padding: 6px 10px;
    margin-bottom: 10px;
    opacity: .5;
    box-shadow: 0 0 1px #CCCCCC;
    background: #F7F7FF;
    font-variant: small-caps;
    text-align: right;
    border-radius: 8px;
}

.detail .action-box:hover {
    opacity: 1;
    box-shadow: 0 0 1px 1px #e8e8e8;
}

.detail .action-box > span {
    margin-right: 10px;
    float: left;
    line-height: 30px;
}

.box-group {
    border-radius: 6px 6px 6px 6px;
}

.box-group.light {
    background: none repeat scroll 0 0 #f7f7ff;
    border: 1px solid #E8E8E8;
}

.box-group.public {
    background: none repeat scroll 0 0 #ffffee;
    border: 1px solid #E8E8E8;
}

.box-group.private {
    background: none repeat scroll 0 0 #fff0f0;
    border: 1px solid #E8E8E8;
}

.box-group.job {
    padding: 8px;
    margin: 0 0 16px 0;
    
}

.course-group .family h2 {
    font-weight: bold;
    background-color: #ddd;
    padding: 8px;
    margin: -8px;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}

.course-group .family:nth-child(even) h2 {
    background-color: #d7d7d7;
} 

.course-group .meta-controls {
    min-height: 0;
}

ul.sub-group {
    margin-left: 32px;
}

.course-group .ep-button a {
    font-size: 14px;
    opacity: 1;
}

.course-group .sub-group {
    display: none;
}

.course-group .sub-group .sub-sub-group {
    display: none;
}

.course-group .show-sub-group {
    font-size: 18px;
    
}

.course-group .sub-group > li:before{
   content: "\00BB";
   margin-left: -32px;
   float:left;
   font-size: 18px;
   line-height: 18px;
}

.course-group .sub-sub-group > li:before{
   content: "\00BB";
   margin-left: 10px;
   font-size: 16px;
   line-height: 16px;
   padding-right: 10px;
}

.course-group .sub-sub-group > li
{
   padding: 2px;
}

.course-group .sub-sub-group 
{
  padding-top: 6px;
}

.box-group.job .quality {
    font-size: 14px;
}

aside .box-group {
    padding: 10px;
    font-size: 15px;
    line-height: 1;
}

.side-group .box-group {
    border-radius: 0;
    border-top: 0;
    box-shadow: 0 -1px 0 #EBEBEB;
    font-weight: 200;
}

.side-group .box-group a {
    color: black;
}

.side-group .box-group.title {
    font-weight: bold;
}

.side-group .current {
    font-weight: normal;
}

.side-group .box-group:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.side-group .box-group:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.box-group.profileBox img, .box-group.accountSettings img {
    vertical-align: middle;
    border: 1px solid #999;
    background: #EEEEEE;
    border-color: #CCCCCC;
    height: 28px;
    margin: 0 6px;
    width: 28px;
    border-radius: 10px;
}

.box-group.explore img {
    vertical-align: middle;
    margin: 0 7px;
    
}

.side-group .box-group.nav {
    background-color: #f0f0f0;
    font-style: italic;
}

.side-group  .box-group.nav:hover {
    background-color: #ddd;
}

.box-group.nav img {
    vertical-align: middle;
    height: 24px;
    width: 24px;
}

.side-group.book .title {
    background: #05AABD;    
}

.side-group .box-group.image {
    overflow:hidden;
    padding:0;
}

.side-group .box-group.signup {
    box-shadow: 0 0 3px 3px #e8e8e8;
}

.side-group .box-group.signup a {
    display: block;
    text-align: center;
    color: white;
    background-color: #e80a8c; /*#DE107A;*/
    padding: 10px 0;
    font-size: 16px;
    opacity: .8;
}

.side-group .box-group.signup a:hover {
    opacity: 1;
}

.side-group .box-group.image img {
    vertical-align: bottom;
}

.box-group.profileBox, .box-group.accountSettings, .box-group.explore, .box-group.nav  {
    padding: 5px 10px;
}

.explorer .filters {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    background: #f5f5ff;
    border-top: 1px solid #E9E9E9;
    display: none;
    margin: 10px 0;
    padding: 15px;
}

.explorer .filters .filter {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    float: left;
    width: 100%;
}

.subgroup.filter li, .subgroup.trait li {
    display: inline-block;
    margin: 2px 5px;
}

.explorer .exercises {
    float: right;
}

.explorer .exercises .exercise {
    border: 1px solid #666;
    border-radius: 8px;
    display: inline;
    font-size: 18px;
    line-height: 55px;
    margin-left: 24px;
    padding: 6px 12px 4px 24px;
    background: #ccc;
    color: white;
}

.explorer .exercise.people {
    background: rgba(252, 154, 51, 0.8);
}

.explorer .exercise.fields {
    background: rgba(52, 145, 48, 0.8);
}

.explorer .exercise.skills {
    background: rgba(39,146,227, .8);
}

.box-group.sub h2:before {
    content: '- ';
}

.box-group.item.complete h2:after, .side-group .counter, .side-group .box-button.marked:after,
.side-group a.box-button:hover:after {
    float: right;
    line-height: 1;
}

.box-group.item.complete h2:after, .side-group .counter {
    background-color: #ccc;
    color: #641545;
    margin-top: -2px;
}

.box-group.item.complete h2:after, .subgroup.trait .set:after {
    content: '\2713';
    margin-left: 5px;
}

.subgroup.trait li {
    padding: 6px 8px 2px 8px;
    margin-bottom: 6px;
    border-radius: 4px; 
}

.box-group.item.complete h2:after {
    border-radius: 10px 10px 10px 10px;
    
    padding: 3px 3px 1px 4px;
    font-size: 16px;
}

.side-group .counter {
    border-radius: 4px;
    padding: 2px;
    font-size: 14px; /*font-size: 13px;*/
    line-height: 15px;
    margin-left: 2px;
}

.side-group .search {
    /*background-color: seashell;*/
    background-image: url("/images/icons/search-icon-1.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    
}

.sidegroup #title-search input {
    font-size: 11px;
}

.side-group input.search-term {
    width: 141px;
}

.side-group .search:hover, .side-group .search.current {
    /*background-color: oldlace !important;*/
} 

.side-group .current, .side-group .box-group.linkable.item:hover,.profileBox:hover, .box-group.nav:hover {
    background-color: lavender;
    box-shadow: 0 0 2px #ccc inset;
}

.linkable {
    cursor: pointer;
}


#slider-range {
    margin: 5px 20px;
    border: 1px solid #ccc;
    
}

#slider-range .ui-widget-header {
    background: none repeat scroll 0 0 #EEEEEE;
}

.filter #amount {
    margin: 0 10px;
    border: 0;
    font-weight: bold;
    font-size: 12px;
    background: transparent;
}

.filter li, .trait li {
    padding: 2px 3px;
}

.filter li:hover, .filter li.selected {
    text-shadow: 0 0 2px #aaa;
}

.filter li label {
    vertical-align: middle;
}

.filter li label .index {
    font-size: 14px;
    line-height: 16px;
    margin-left: 4px;
}

.job .match {
    font-size: 13px;
    color: #666;
}

.job .match span {
    margin-right: 14px;
    display: inline-block;
    line-height: 1.2;
}

.filters form .button {
    font-size: 12px;
}

.card-pane {
    z-index: 1;
}

.group-pane {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    z-index: 5
}

.counter-tab {
    position: fixed;
    top:160px;
    width: 954px;
    text-align: right;
    display:none;
}

.counter-tab span {
    display: inline-block;
    padding: 8px 4px 8px 0;
    width: 20px;
    color:white;
    background: #ccc;
    border-radius: 0 50% 50% 0;
    text-align: center;
    box-shadow: 2px 0 4px -2px #aaa;
}

.deck {
    min-height: 380px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-top:1px solid #ccc;
    background: white;
    box-shadow: 0 0 40px lavender;
    counter-reset: cards;
}

.deck input[type=checkbox] {
  display: none;
   
}

.cards .control, .cards .counter {
    position: absolute;
    top: 30px; 
    z-index: 2;
}

.group-pane .cards .control, .group-pane .cards .counter {
    z-index: 6;
}

.cards .counter {
    top: 10px;
    width: 120px;
    text-align: center;
    font-size: 15px;
}

.cards .toggle {
    top: 10px;
    /*font-weight: 200;*/
    font-size: 15px;
    line-height: 1.5;
}

.cards .toggle input {
    position: relative;
    vertical-align: middle;
    bottom: 2px;
}

.cards .control .button {
    font-size: 15px;
}

.card-pane .control .button, .backRefine {
    font-size: 13px;
}

.backRefine {
    float: left;
}

.widget.cards .control li {
    font-weight: 200;
    padding-right: 5px;
    display: inline;
}

.cards .right {
    right: 15px;
}

.cards .left {
    left: 15px;
}

.cards aside .right {
    right: 5px;
}

.cards aside .left {
    left:5px;
}

.card {
    box-shadow: 0 0 4px #ccc;
    border: 2px solid #ccc;
    border-radius: 12px;
    background: #ccc;
    text-align: center;
    display: inline-block;
    margin: 0 8px;
    height: 156px;
    width: 134px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#profile .card, .party .deck .card  {
    height: 120px;
    width: 120px;
    font-size: 18px;
    padding: 0;
    font-family: times, serif;
}

.party .deck.room {
    background: white url(/images/party-room.png) no-repeat;
    height: 440px;
}

.party .room .card {
    position: absolute;
    margin: 0;
}

.room .card.r {
    top: 80px; 
    left: 60px;
}

.room .card.i {
    top: 10px; 
    left: 240px;
}

.room .card.a {
    top: 80px; 
    right: 60px;
}

.room .card.c {
    bottom: 80px; 
    left: 60px;
}

.room .card.e {
    bottom: 10px; 
    left: 240px;
}

.room .card.s {
    bottom: 80px; 
    right: 60px;
}

.party .deck .card figure, #profile .card figure {
    line-height: 75px;
    height: 65px;
    margin-top: 10px;
}

.party .info-pane {
    border: 1px solid #ccc;
    box-shadow: 0 0 6px #ccc inset;
    height: 150px;
    padding: 5px;
}

.deck .card {
    margin: 9px 9px 9px 10px;
    padding: 0 5px;
    font-size: 15px;
    border-width: 3px;
    width: 146px;
    text-shadow: 0 0 1px lavender;
    cursor: pointer;
    position: relative;
    vertical-align:top;
}

.deck .card figure {
    margin-top: 5px;
    height: 95px;
    opacity: .5;
}

.card.group-T figure, .card.group-P figure, .card.group-D figure {
    margin-top: 0;
}

.deck.groups div p {
    background: none repeat scroll 0 0 #CCE5F8;
    font-size: 18px;
    font-variant: small-caps;
    margin: 0 5px;
    padding: 4px 6px 2px;
    color: #333;
}

.card .info, .vs-button .info {
    top:5px;
    right:5px;
    width:20px;
    height: 20px;
    opacity: .5;
}

.vs-button .info {
    top: 10px;
    right: 10px;
    display:table-cell;
}

.no-touch .card .info {
    display: none;
}

.card .checkmark {
    position:absolute;
    opacity: 0;
    top: 5px;
    left: 5px;
}

.card .back {
    display: none;   
}

.card:hover .info {
    display: block;
}

.vs-button .info:hover {
    opacity: .8;
}

.card.group-T:after, .card.group-P:after, .card.group-D:after {
    position: absolute;
    width: 100%;
    bottom: 5px;
    left: 0;
    font-size:13px;
    font-variant: small-caps;
    color: #666;
    display: none; /*display: block;*/
    text-align: center;
}

.card.numbered:before {
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 18px;
   width: 18px;
   font-size:15px;
   padding: 5px;
   color: #666;
   font-weight: 200;
   
}

.card.group-T:after {
    content: '(Physical)';
}

.card.group-P:after {
    content: '(Interpersonal)';
}

.card.group-D:after {
    content: '(Mental)';
}

.fields .card.numbered:nth-of-type(-n+3):before,
.skills .card.numbered:nth-of-type(-n+3):before {
    font-weight: normal;
    background: url('/images/top-ribbon.png') no-repeat 0px 0px;
    height: 32px;
    margin: 2px;
    width: 20px;
    
}

.fields .review .deck .card.numbered:nth-of-type(-n+3),
.skills .review .deck .card.numbered:nth-of-type(-n+3) {
    box-shadow: 0 0 6px #641545;
    font-weight: bold;
    margin-bottom: 24px;
}

.card.numbered:before {
    counter-increment: cards;
    content: counter(cards);
    font-family: helvetica, sans-serif;
}

.deck .card figure img {
    height: 90px;
    padding: 0px 10px;
    margin-top: 5px;
}

.fields-select .card figure img {
    height: 80px;
    padding: 5px;
}

.card .center-block {
    height: 60px; /*height: 40px;*/
}

.center-block {
    display: table;
    width: 100%;
}

.center-block > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#profile fieldset.subgroup, .detail fieldset.subgroup    {
    border: 3px double #ccc;
    box-shadow: 1px 3px 2px -2px #ccc;
    border-radius: 6px;
}

#profile .subgroup .button {
    font-size: 14px;
}

#profile .subgroup .button:hover {
    color: #944575;
}

#profile .card.holland {
    border: 3px solid #fff;
}

.card.holland.selected {
    cursor: default;
    opacity: .3;
}

.card figure {
    height: 120px;
    width: 120px;
    font-size: 60px;
    line-height: 120px;
    margin: 0 auto;
}

ol.attributes {
    list-style-position:inside;  
    list-style-type: decimal;
}

#explorer h1.title {
    font-size: 26px;
    /*color: #641545;*/
    line-height: 1.1;
    margin-bottom: 12px;
}

#explorer > h2.title {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    text-transform: capitalize;
}


#explorer > h2.title .sortby {
    font-weight: normal;
    font-size:14px;
    line-height: 18px;    
    color: #666;
    display: inline-block;
}

.sortby .option {
    font-weight: 200;
}

.box-group.sortby {
    padding: 4px;
    margin-right: -2px;
    margin-top: -4px;
    background: #eee;
}

.sortby .option.selected, .sortby .option:hover {
    color: #641545;
}

.sortby .option.selected {
    font-weight: normal;
    text-decoration: underline;
}

.attribute {
    background: #ccc;
    margin: 5px;
    padding: 8px 12px 4px 12px;
    border-radius: 8px;
    /*box-shadow: 0 0 4px #ccc;*/  
    font-size: 18px;  
    border: 1px solid #ccc;
}

.detail .attribute {
    font-size: 14px;
    display: inline-block;
    padding: 0 12px;
}

.detail .attribute .extra {
    padding-left: 8px;
    padding-top:0;
    height: 32px;
    margin-left: 8px;
    border-left: 1px solid;
    color: #000;
    font-size: 16px;
}

.detail .attribute .extra img {
    vertical-align: middle;
    margin-top: 2px;
}

.detail .attribute span {
    line-height: 28px;
    display:inline-block;
    padding-top: 4px;
}

.detail .fields, .detail .skills, .detail .groups, .detail .holland {
    margin-top: 4px;
    padding: 0 6px;
}

.detail .groups .job .overview {
    width: 470px;
}

li.action {
    list-style-type: none;
    text-align: right;
}

.attribute.field, .fields .attribute, .fields .attribute .extra {
    border-color: #999; /*#24913F;*/
}

.attribute.skill, .skills .attribute, .skills .attribute .extra  {
    border-color: #999; /*#1B93DD;*/
}

.attribute > a {
    color:black;
}

.attribute.set {
    font-weight: bold;
}

.attribute .extra {
    font-size: 14px;
    float: right;
    line-height: 16px;
    color: #666;
}

.attribute .extra img {
    vertical-align: middle;
}

.card, .attribute {
    background: #EEEEEE;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(bottom right, #EEEEEE 0%, #CCCCCC 100%);

    background-image: -webkit-linear-gradient(bottom right, #eee, #ccc);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to top left, #EEEEEE 0%, #CCCCCC 100%); 

}


.fields .attribute.set, .attribute.field, .fields .deck input[type="checkbox"]:checked + label.card,
.fields .overview-page header {
    background: #CDE4D0;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(bottom right, #EEEEEE 0%, #CDE4D0 100%);

    background-image: -webkit-linear-gradient(bottom right, #eee, #CDE4D0);

    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to top left, #EEEEEE 0%, #CDE4D0 100%);  
    
}

.skills .attribute.set, .attribute.skill, .skills .deck input[type="checkbox"]:checked + label.card,
.skills .overview-page header {

    background: #CCE5F8;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(bottom right, #EEEEEE 0%, #CCE5F8 100%);

    background-image: -webkit-linear-gradient(bottom right, #eee, #CCE5F8); 
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to top left, #EEEEEE 0%, #CCE5F8 100%);  
    
}

.holland .attribute.set, #profile .card.holland, .deck .card.holland.selected, .party .deck input[type="checkbox"]:checked + label.card,
.people .overview-page header {
    background: #F0DDB0;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(bottom right, #FEEDD8 0%, #F0DDB0 100%);
    
    background-image: -webkit-linear-gradient(bottom right, #FEEDD8, #F0DDB0); 
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to left top, #FEEDD8 0%, #F0DDB0 100%); 
    
}

.attribute .define {
    font-size: 15px;
    display: none;
}


.attribute .define a {
    display: block;
    text-align: right;
}

.work .overview-page header {
    
    background: #e7ccdd;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(bottom right, #EEEEEE 0%, #E0B7D0 100%);
    
    background-image: -webkit-linear-gradient(bottom right, #EEEEEE, #E0B7D0); 
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to left top, #EEEEEE 0%, #E0B7D0 100%); 
}

.card:hover, .attribute:hover, .deck input[type=checkbox]:checked + label.card {
    box-shadow: 0 0 6px #333;
}

.deck input[type=checkbox]:checked + label.card figure, .deck input[type=checkbox]:checked + label.card .info, .card .info:hover, .deck input[type=checkbox]:checked + label.card .checkmark {
    opacity: 1;
}

#app-work-window .party .card-pane aside.content, #app-work-window .review .card-pane aside.content {
    float: right;
    padding: 10px;
    width: 300px;
}

.party .deck, .review .deck {
    margin: 0;
    width: 600px;
    border-top-width: 0;
    border-right: 1px solid #ccc;
    position: relative;
}

.review .deck {
    text-align: center;
    padding-top: 10px;
    /*height: 430px;*/
    padding-bottom: 10px;
}

.party.review .deck {
    padding-top: 100px;
    min-height: 340px;
}

.review .job-history .deck {
    text-align: left;
    float: right;
    border-right: none;
    border-left: 1px solid #ccc;
}

.review .job-history .deck, .skills .review .deck, .fields .review .deck {
    min-height: 430px;
}


#app-work-window .review .job-history aside.content {
    float: left;
    padding: 10px 0 10px 20px;
}

#app-work-window .review .job-history aside .controls {
    text-align: center;
}

.job-history aside.content figure img {
    max-width: 250px;
}

.deck #job-history, .deck #dream-job {
    padding: 10px 10px 10px 20px;
}

.party .content h2, .review .content h2 {
    font-size: 24px;
}

.card-pane aside .controls {
    /*font-size: 13px;*/
    font-size: 14px;
    position: relative;
}


ul.collapsed-list, ol.collapsed-list {
    margin: 12px 16px;
    font-weight: 200;
}

ul.collapsed-list {
    list-style: disc;
}


ul.collapsed-list.attributes {
    list-style: none;
    margin: 8px 0 12px 0;
}

.groups ul.collapsed-list.attributes {
    padding-bottom: 8px;
    border-bottom: 1px dashed #ccc;
}


ol.collapsed-list li, ul.collapsed-list li {
    margin: 0 0 8px 16px;
}

ol.collapsed-list li {
    margin-left: 18px;
}

.collapsed-list li.attribute {
    margin: 5px;
}

.collapsed-list li.list-control {
    list-style: none;
    clear: both;
}

.collapsed-list .list-item {
    display: none;
}

.collapsed-list .list-item.two-column {
    width:47%;
    float:left;
}

.collapsed-list .list-item:nth-child(-n+6) {
    display: list-item;
}

.collapsed-list .list-item.attribute:nth-child(-n+6) {
    display: inline-block;
}

.collapsed-list.inline .list-item:nth-child(-n+5) {
    display: inline;
}

.collapsed-list.inline .list-item:after {
   content: ', '; 
}

.collapsed-list.inline .list-item:nth-child(5):after {
    content: ' ';
}

.collapsed-list.open .list-item {
    display: list-item;
}

.collapsed-list.open .list-item.attribute {
    display: inline-block;
}

.collapsed-list.open.inline .list-item {
    display: inline;
}

.collapsed-list.open.inline .list-item:nth-child(5):after {
    content: ', ';
}

.collapsed-list.inline .list-item:nth-last-child(3):after {
   content: '.'; 
}

.collapsed-list.open .toggle-open, .collapsed-list .toggle-close {
    display: none;
}

.collapsed-list.open .toggle-close {
    display: inline;
}

.detail ul.groups {
    margin: 15px 12px 5px 12px;
    font-weight: 200;
}

.lay-titles {
    margin: 5px;
}

.lay-titles span {
    margin: 8px 8px 4px 2px;
}

.explorer .detail {
    font-size: 16px;
    line-height: 1.1;
}

.explorer .job .detail {
    font-weight: 200;
    line-height: 1.2;
}

.explorer .detail .detail-group {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding-bottom: 6px;
}

.explorer .detail .detail-group footer {
    margin-top: 6px;
    margin-bottom: -6px;
    border-radius: 0 0 6px 6px;
    padding: 6px 0;
    font-weight: 200;
    border-top: 1px solid #ccc;
    background-color: #f7f7f7;
}

.explorer .detail .detail-group footer strong {
    font-weight: normal;
}

.explorer .detail p {
    margin-left: 4px;
    margin-right: 4px;
}

.explorer .detail .detail-group > h2, .explorer .detail .detail-group .jobroll h2, .explorer .detail .course-occs > h2 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 4px;
    font-size: 18px;    
    padding: 4px 6px;    
}

.explorer .detail .detail-group > h2, .explorer .detail .detail-group .jobroll h2 {
    background-color: #eee;
    border-radius: 6px 6px 0 0;
    margin-bottom: 8px;
}

.explorer .detail .course-occs > h2 {
    
}

.detail-group > p em, .course-occs > p em {
    font-weight: 200;
}

.course-occs > p {
    margin-bottom: 12px;
}

.course-occs .degree-group {
    padding: 10px 0px;
    text-align: center;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /*background: #f7f7f7;*/
    font-style: italic;
    color: #666;
}

.detail #indeed_link {
    padding: 0 2px 0 6px;
    margin-top: 7px;
}

.detail #indeed_widget_wrapper {
    border-radius: 6px;
    overflow: visible;
}

.course .detail-group .job h2 {
    border-bottom-width: 0;
}

.course .course-occs .subheading {
    margin-bottom: 10px;
}

.detail-group .detail-icon {
    float:left;
    margin-top: -14px;
    margin-right: 4px;
    margin-left: -8px;
}

h2 span.extra, h3 span.extra {
    float: right;
    margin-right: 5px;
}

.explore-work h3 span.extra {
    font-weight: 200;
    font-size: 14px;
}

.jobroll {
    position: relative;
}



.side-group a.box-button {
    display: block;
    padding: 8px;
    text-decoration: none;
    margin-bottom: 4px;
    font-weight: normal;
    font-size: 15px;
    font-variant: small-caps;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

.box-button {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 5px 8px;
}

.box-button {
    display: inline-block;
    margin-right: 8px;
    background: #ffffff; /* Old browsers */  
    background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* W3C */  
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px;  
    border-radius: 4px;  
    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.5); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.5);  

    
    overflow: hidden;
    vertical-align: middle;
}

.box-group.favorited .ep-button.favorite a:after, .box-group.hidden .ep-button.archive a:after {
    padding-left: 4px;
    content: '\2713';
}

.contra.favorited .ep-button.favorite a:after, .contra.hidden .ep-button.archive a:after {
    content: none;
}

.box-group.favorited .ep-button.archive, .box-group.hidden .ep-button.favorite,
.detail.favorited .markOccupation.archive, .detail.hidden .markOccupation.favorites
{
    display: none;
}

.rate {
    vertical-align: middle;
    font-size: 13px;
    clear: both;
    margin-top: 12px;
    padding: 4px 0 8px 0;
    border-top: 1px dotted #ccc;
}

.contra .rate {
    padding-top: 12px;
}

.text-search .rate {
    border-top: none;
    margin-top: 0;
}

.archived-page .rate, .favorites-page .rate {

}

.rate span {
    margin-right: 8px;
}

.action-box .box-button {
    font-size: 14px;
}

.ep-button {  
    margin: 4px;  
}  

.ep-button button {
    border: none;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
    display: inline;
    overflow: visible;
}

.ep-button.with-img button {
    margin-top: 12px;
}

.ep-button a, .ep-button button {  
    font-family: arial, sans-serif;
    font-size: 12px;  
    color: #777;
    text-shadow: 1px 1px 0px white;
    background: #ffffff; /* Old browsers */  
    background: -moz-linear-gradient(top, #ffffff 0%, #d7d7d7 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #ffffff 0%,#d7d7d7 100%); /* W3C */  
    border: 1px solid #e7e7e7;
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px;  
    border-radius: 4px;  
    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.7); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.7); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.7);  
    padding: 6px 12px;  
    opacity: 1;
}  

.ep-button.feedback a {
    padding: 4px 10px;
}

.ep-button a:hover, .ep-button button:hover {  
    background: #ffffff; /* Old browsers */  
    background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* IE10+ */  
    background: linear-gradient(top, #ffffff 0%,#e7e7e7 100%); /* W3C */  
    border-color: #f7f7f7;
    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);  
}  

.ep-button a:active {  
    background: #dfdfdf; /* Old browsers */  
    background: -moz-linear-gradient(top, #dfdfdf 0%, #f1f1f1 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #dfdfdf 0%,#f1f1f1 100%); /* W3C */  

    -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);
    -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);  
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2) inset, 0px 1px 1px 0 rgba(255,255,255,1);  

}

.ep-button a > img, .ep-button button > img  {  
    padding-right: 8px;  
    position: relative;  
    top: 2px;  
    height: 32px;
    opacity: .8;
}  

.ep-button.feedback a > img {
    height: 28px;
}

.ep-button button > img {
    float: left;
    top: -18px;
    margin-bottom: -18px;
}

.ep-button a:hover img, .ep-button button:hover img {
    opacity: 1;
}

.box-group.people img {
    float: left;
    width: 50px;
    height: 50px;
    background: #eee;
    box-shadow: 0 0 1px #ccc;
    border-radius: 6px;
    text-indent: -9999em;
    margin-right: 6px;
}

.box-group.people div {
    float: left;
    width: 160px;
}

.box-group.people span {
    font-size: 12px;
}

/* settings-dialog-panel */

.settings-dialog-panel {
        
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #944575;
    text-shadow: 0 0 1px #999;
    width: 41em;
    margin: 0px auto;
    margin-top: 5em;
    text-align: center;
    position: relative;
    display: block;
    vertical-align: top;
        
}

.settings-dialog-panel h2 {
  font-size: 20px;
  margin-bottom: 2em;  
}

.settings-dialog-panel label {
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    font-family: arial, sans-serif;
    color: #944575;
    text-shadow: 0 0 1px #999;
    display: inline-block;
    min-width: 12em;
    text-align: right;
    float: left;
    clear: both;
    margin-right: 3px;
}

.settings-dialog-panel input {

    min-width: 25em;
    align: left;
    display: inline-block;
    margin-left: 3px;
    float: none;
    clear: none;
}

.settings-dialog-panel input[type="text"] {
    width: 20em;
    margin-bottom: 4px;
    margin-right: 0px;
    padding: 3px 0 3px 3px;
    border: 1px solid #ccc;
    font-size: 12px;
    box-shadow: 0 0 2px #ccc inset;
    font-family: arial, verdana, sans-serif;
}

.settings-dialog-panel li {
  display: inline-block;
}
.settings-dialog-panel input[type="password"] {
    width: 15em;
    margin-bottom: 4px;
    padding: 3px 0 3px 3px;
    border: 1px solid #ccc;
    font-size: 12px;
    box-shadow: 0 0 2px #ccc inset;
    font-family: arial, verdana, sans-serif;
}

.settings-dialog-panel .sc-webui-form-field {
  display: block;
}

.settings-dialog-panel .sc-form-button-bar {
  min-width: 12em;
  clear: both;
  display: block;
  align: center;
}

.settings-dialog-panel button {
    box-shadow: 0 0 8px #ccc inset;
    border: 1px solid #aaa;
}

.settings-dialog-panel div.error {
  color: #ff0000;
  clear:both;
  display:block;
}

.ui-tooltip.cardTooltip, .ui-tooltip.wideCardTooltip {
    max-width: 340px;
    border-color: #999;
    background: oldlace;
    line-height: 1.2;
    box-shadow: 0 0 6px #666;
}

.ui-tooltip.wideCardTooltip {
    max-width: 600px;
}

.no-touch .tip-arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.no-touch .tip-arrow.top {
    top: -16px;
    bottom: auto;
    
}

.no-touch .tip-arrow.left {
    
}

.no-touch .tip-arrow:after {
    border: 2px solid #999;
    background-color: #666;
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
}

.no-touch .tip-arrow.top:after {
    bottom: -20px;
    top: auto;
}

.deemph {
    font-weight: 200;
}


.box-button.locked {
    opacity: .25;
    cursor: default !important;
}

.empty {
    display:none;
}

.pager {
    margin: 15px 15px 2px 15px;
    height: 14px;
    font-size: 14px;
    color: #666;
}

.pager .showing {
    float: left;
}

.pager .index {
    float: right;
}

.pager .index span {
    font-size: 1.2em;
    line-height: 14px;
}

.explorer-footer {
    margin-top: 10px;
    padding: 10px 5px;
    text-align: right;
    border-top: 1px dashed #ccc;
    font-size: 11px;
}

.explorer .job-history > li:first-child {
    margin-top: 0;
}

.lower {
    text-transform: lowercase;
}

div.alert-box {
  background-color: #FFFF00;
  border-radius: 6px;
  border: 1px solid #EEEEEE;
  margin-top: 8px;
  padding: 4px 4px 4px 15px;
}

#front-container .login-page .disclaimer {
    font-size: 14px;
    width: 240px;
    padding: 0 8px;
    color: #666;
}

div.alert-box a {
  text-decoration: underline;
}

.pay-option .powered-by {
    margin-top: 10px;
}

.pay-option .powered-by .stripe {
    width: 100px;
    height: 22px;
    opacity: .5;
}

.pay-option .powered-by .stripe:hover {
    opacity: 1;
}

.pay-option {
    padding-bottom: 30px;
    border-bottom: 1px dashed #ccc;
    min-height: 150px;
}

.invite-panel {
  margin-top: 30px;
  width: 50%;
  margin: 30px auto 30px auto;
}

.invite-panel h2, .pay-option h2 {
  font-size: 20px;
  line-height: 1.333em;
  margin-bottom: 4px;

}

img.thank-you {
    margin: 10px;
}

.input-div {
    display:inline-block;
}

.button.go-button {
    font-size: 14px;
}

.invite-panel input[type="text"] {
    font-size: 15px;
    width: 200px;
}

.invite-panel form {
  margin-top: 10px;
}


.stepNavigation {
    height: 30px;
    text-align:left;
}

.stepNavigation li {
    height:30px;
    font-size: 14px;
    line-height: 30px;
    list-style:none;
    float:left;
    background-color:#EBEBEB;
    background-image: url(/images/navBtn.png);
    background-repeat: no-repeat;
    background-position: right top;
    font-family: verdana, san-serif;
}

.stepNavigation li.current{
    background-color:#30ADB1;
    background-image: url(/images/navCurrentBtn.png);
    color: white;
}

.stepNavigation li.lastDone{
    background-color:#9ccbcc;
    background-image: url(/images/navLastDoneBtn.png);
    color: white;
}

.stepNavigation li.done{
    background-color:#9ccbcc;
    background-image: url(/images/navDoneBtn.png);
    color: white;
}

.stepNavigation li a, .stepNavigation li a:link, .stepNavigation li a:visited, .stepNavigation li a:hover, .stepNavigation li a:active {
color:#ccc;
}

.stepNavigation li.lastDone a, .stepNavigation li.lastDone a:link, .stepNavigation li.lastDone a:visited, .stepNavigation li.lastDone a:hover, .stepNavigation li.lastDone a:active, .stepNavigation li.current a, .stepNavigation li.current a:link, .stepNavigation li.current a:visited, .stepNavigation li.current a:hover, .stepNavigation li.current a:active, .stepNavigation li.done a, .stepNavigation li.done a:link, .stepNavigation li.done a:visited, .stepNavigation li.done a:hover, .stepNavigation li.done a:active {
color:#fff;
}

.stepNavigation li.done a:hover, .stepNavigation li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

.stepNavigation li em{
/*width:150px;*/
display:block;
margin:0px 0 0 10px;
font-style:normal;
font-weight:200;
}

.stepNavigation li.current em {
    font-weight: bold;
}


.stepNavigation li.lastStep{
background-image:none;
}

/* .stepNavigation.fiveStep */
.stepNavigation.fiveStep li{width:182px;}
.stepNavigation.fiveStep li a{width:182px;}

/* .stepNavigation.fourStep */
.stepNavigation.fourStep li{width:232px;}
.stepNavigation.fourStep li.lastStep{width:229px;}
.stepNavigation.fourStep li a{width:227px;}

/* .stepNavigation.threeStep */
.stepNavigation.threeStep li{width:303px;}
.stepNavigation.threeStep li.lastStep{width:304px;}
.stepNavigation.threeStep li a{width:303px;}

/* .stepNavigation.twoStep */
.stepNavigation.twoStep li{width:455px;}
.stepNavigation.twoStep li a{width:455px;}

/* Login panel */

.login-page .panel {

}

#front-container .signup-panel .disclaimer {
    font-size: 14px;
    color: #666;
    padding: 0 8px;
    width: 240px;
}

.login-page .button {
    margin-left: 0;
}

.login-page .panel header {
    margin-bottom: 20px;
}

#front-container .login-page p{
    font-size: 16px;
    color: #666;
}

.login-page .dashboard {
    padding-top: 10px;
    box-shadow: 0 0 0 4px rgba(212, 212, 212, 0.5), 0 0 100px #fff5f5 inset;
}

.login-panel {
    width: 400px;   
    position: relative;
    display: block;
    vertical-align: middle;
    padding: 0 30px 0 60px;
    text-align: left;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#register-user .login-panel.info-panel  {
    border: none;
    width: 355px;
}

#register-user .info-panel ul.disc {
    padding-right: 12px;
}

#register-user .info-panel header {
    margin-bottom:23px;
}

#register-user .linkedin.button {

}

#register-user .create-account.button {
    margin-top: 0;
    margin-bottom: 15px;
}



#register-user .login-panel {
    padding-top: 0;
    padding-bottom: 0px;
    width: 350px;
    padding-right: 50px;
    min-height: 310px;
    position: relative;
}

#register-user .signup-panel.login-panel {
    background: #f7f7ff;
}

#register-user .signup-panel.single {
    width: 815px;
    border: none;
}

#register-user .signup-panel.single .user-fields {
    width: 320px;
    padding-left: 20px;
    margin: 0 auto;
}

#register-user .bounded {
    border: 1px solid #ccc;
    background-color: snow;
}

#register-user footer {
    padding: 20px 0;
    padding-left: 60px;
    border-top: 1px dashed #ccc;
    font-size: 14px;
    color: #666;
}

#register-user form input[type="text"],  #register-user form input[type="password"] {
    width: 85%;
}

#register-user .account-settings form input[type="text"] {
    margin-right: 14%;
}



.linkedin-login-panel, .login-panel {
    float: left;
    padding-top: 40px;
    padding-bottom: 40px;
}

.login-form-footer {
    float: right;
    padding: 20px 90px 0 0;
}

.linkedin-login-panel {
    width: 300px;
    padding-left: 60px;
}


.login-panel .text-row label, #front-container .rememberme p {
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    color: #944575;
    text-shadow: 0 0 1px #999;
    display: block;
    min-width: 12em;
    margin-left: 4px;
    margin-bottom: 0;
}

.login-panel .rememberme label, .login-panel .login-form-footer li {
    vertical-align: bottom;
    margin-left: 4px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
}

.login-panel input {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 2px #CCCCCC inset;
    font-family: arial,verdana,sans-serif;
    font-size: 18px;
    margin-bottom: 4px;
    padding: 3px 0 3px 3px;
    min-width: 16em;
    display: block;
    margin-left: 3px;
}

.login-panel input[type="checkbox"] {
  width: 13px;
  min-width: 13px;
  float: left;
  vertical-align: middle;
}

.login-panel form .error {
  margin: 5px;
  color: #FF4575;
}

.login-panel .sc-form-field {
    
}

.login-panel .sc-field-description {

  float: left;
  clear: none;
  vertical-align: top;
  display: inline-block;
  line-height: 18px;

}

.login-panel .sc-field-grid {
  display: block;
  list-style-type: none;
    
}

.login-panel .sc-field-row {
  display: block;
  margin: 0;
    
}

.login-panel .sc-form-button-bar {
        
}

.login-page footer {
    padding: 20px 0 30px 60px;
    padding-left: 60px;
    border-top: 1px dashed #ccc;
}

.login-page footer .signup {
    color: #FFFFFF;
    font-variant: small-caps;
    line-height: 2.5em;
    text-shadow: none;
}

#register-user .login-panel h2 {
    font-size: 21px;
    margin-top: 12px;
}

#register-user .login-panel h2, #register-user .login-panel p {
    line-height: 1.3;
}

#register-user .login-panel p {
    margin-bottom: 8px;
} 


#resale-window h2.table-title
{
    font-size: 18px;
    font-variant: small-caps;
    margin-bottom: 0;
    margin-left: 6px;
}


#resale-window .multi-invites {
    background: none repeat scroll 0 0 LavenderBlush;
    border: 1px solid black;
    padding: 10px;
}

.dashboard > ul.name-value li
{
  display: inline-block;
  margin-right: 15px;
  min-width: 100px;
}

.dashboard > ul.name-value 
{
  margin-left: 6px;
}

.dashboard > ul.name-value label
{
  font-size: 90%;
  font-variant: small-caps;
  display: block;
}

.dashboard > ul.name-value span.data 
{
  font-weight: bold;
  display: block;
}

.admin-panel table {
  width: 100%;
}
.admin-panel table a:link {
    /*color: #666;*/
    font-weight: bold;
    text-decoration:none;
}
.admin-panel table a:visited {
    /*color: #999999;*/
    font-weight:bold;
    text-decoration:none;
}
.admin-panel table a:active,
.admin-panel table a:hover {
    /*color: #bd5a35;*/
    text-decoration:underline;
}
.admin-panel table {
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:12px;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    margin-bottom:20px;
    border:#ccc 1px solid;

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

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
.admin-panel table th {
    padding:6px 10px 7px 10px;
    border-top:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    background: linear-gradient(top, #ededed, #ebebeb);
}
.admin-panel table th:first-child {
    text-align: left;
    padding-left:20px;
}
.admin-panel table tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.admin-panel table tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.admin-panel table tr {
    text-align: center;
    padding-left:20px;
}
.admin-panel table td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
.admin-panel table td {
    padding:12px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
    background: linear-gradient(top, #ededed, #ebebeb);
}
.admin-panel table tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
    background: linear-gradient(top, #ededed, #ebebeb);
}
.admin-panel table tr:last-child td {
    border-bottom:0;
}
.admin-panel table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.admin-panel table tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}
.admin-panel table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);  
    background: linear-gradient(top, #ededed, #ebebeb);
}




div.welcomeBackNoticePanel
{
  font-size: 14px;
}

div.welcomeBackNoticePanel div.caption
{
  font-style: italic;
  padding-top: 1em;
}

div.welcomeBackNoticePanel h2
{
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

div.welcomeBackNoticePanel ul
{
  list-style: none;
  margin-top: 1.5em;
}

div.welcomeBackNoticePanel li
{
  margin-left: 0;
}

div.welcomeBackNoticePanel li .content
{
  margin: 1em 0 2em 0;
  font-weight: normal;
}

div.welcomeBackNoticePanel h3
{
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.25em;
  color: #6D87AA;
}

#sharing-container
{
  font-size: 20px;
}

#sharing-container h1
{
    font-size: 24px;
    color: #DE107A;
    font-weight: bold;
    line-height: 1;
}

#sharing-container form
{
    margin-top: 10px;
}

#sharing-container form input[type="text"],textarea
{
    width: 97%;
    margin-bottom: 4px;
    padding: 3px 0 3px 3px;
    border: 1px solid #ccc;
    font-size: 16px;
    box-shadow: 0 0 2px #ccc inset;
    font-family: inherit;
}

#sharing-container form textarea
{
  height:120px;
}

#sharing-container form label 
{
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}

#sharing-container .sample-message 
{
     margin-top:20px;
     margin-bottom:20px;
     width: 97%;
}

#sharing-container .sc-form-button-bar
{
   margin-top:5px;
   margin-bottom:10px;
}

div.affiliateSignupMessage
{
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}

header.profile span.ok-status-label
{
  color: rgb(79,145,87);
}

header.profile span.warn-status-label
{
  color: rgb(220,160,0);
}

header.profile span.fail-status-label
{
  color: rgb(198,26,26);
}