.side-nav {
    margin-bottom: 24px;
}

.side-nav h3 {
    background: url(/images/boxed_wrapper/boxed-sidebar-header.png) top left no-repeat;    
    /*  the remaining styles are inherited from the "boxed_content.css" file, as the appearance should be the same to all other .boxed items */
    margin-bottom: 0;
}

.side-nav ul {
    margin: 0;
}

.side-nav li {
    
    list-style: none;

    width: 206px;
    height: 42px;
    line-height: 42px;
}    

.side-nav li a {
    color: #6a6a6a;
    background: url(/images/side-nav-inactive.png) no-repeat top right;        
    font-size: 14px;
    width: 206px;
    height: 42px;
    line-height: 42px;
    display: block;   
    padding-left: 17px; 
}


.side-nav li a:hover {
    background: url(/images/side-nav-hover.png) no-repeat top right;                
    color: #333;
}
 
.side-nav li.current a {
    color: #fff;
    background: url(/images/side-nav-current.png) no-repeat top right;                
}
        
/* --------- */

#side-column .boxed ul {
    margin: 0 5px 0 5px;
}

#side-column .boxed ul li {
    list-style: none;
    color: #333;
    font-size: 12px;
    border-top: 1px solid #eee;
    padding: 4px 0 4px 12px;
}

#side-column .boxed ul li label {
    font-size: 10px;
    color: #999;    
}

#side-column .boxed p.bottom-link {
    clear: both;
    text-align: right;
    border-top: 1px solid #e6e6e6;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 0px;
    padding-top: 1px;
    padding-bottom: 7px;
    overflow: auto;
}

#side-column .boxed p.bottom-link a {
    color: #4188a1;
    font-size: 11px;
}
        
/* --------- */

.side-profile .avatar {
    float: right;

}

.side-profile p.user-intro {
    font-size: 9px;
    margin-bottom: 8px;
    overflow: hidden;
}

    .side-profile p.user-intro strong {
        font-size: 12px;
        display: block;
        padding: 7px 0;
    }

/* ----- */

#add_utility_link {
    background: url(/images/button-add-utility.png) no-repeat;
    width: 216px;
    height: 0px;
    overflow: hidden;
    padding-top: 43px;
    display: block;
    margin-left: 6px;
    margin-bottom: 24px;
}

/* ------- Blog & news Sidecolumns ----- */

#side-column .boxed ul.recent-items {
    margin: 0 12px;
}

#side-column .boxed ul.recent-items li {
    padding: 5px 2px;
    font-size: 11px;
    color: #555;
}

/*#side-column .coming-soon {
    background: url(/images/boxed_wrapper/boxed-sidebar-bg-dull.png) no-repeat bottom left;
}

#side-column .coming-soon h3 {
    background: url(/images/boxed_wrapper/boxed-sidebar-header-dull.png) top left;
    color: #bbb;
}

#side-column .coming-soon p,
#side-column .coming-soon ul li,
#side-column .coming-soon ul li label,
#side-column .coming-soon p.bottom-link a,
#side-column .coming-soon a {
    color: #ccc;
}*/

span.coming-soon {
    color: #d4d4d4;
    text-transform: uppercase;
    font-weight: bold;
}

#side-column .boxed ul.icon-legend li {
    color: #444;
}

ul.icon-legend li img {
    vertical-align: middle;
}   


a.sidebar-button {
    margin-left: 5px; 
    margin-bottom: 13px;
    display: block;
    outline: none;
}

a.sidebar-button-minor {
    color: #4188a1;
    font-size: 12px;
    background: url(/images/progress-arrow.png) 97% 50% no-repeat;
    padding: 6px 14px 6px 0;    
    margin-left: 5px;
    width: 202px;
    display: block;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
}

.sidebar-button a {
    outline: none;
}

/* --------- Projected Earnings ----------- */

.projected-earnings h3 {
    margin-bottom: 0;
}

#side-column .projected-earnings {
    overflow: hidden;
}

#side-column .projected-earnings ul {
    margin-bottom: 0;
}

#side-column .projected-earnings ul li {
    padding: 2px 0 2px 8px;
    font-size: 11px;
    overflow: hidden;
    border: 0;
    color: #393939;
}

#side-column .projected-earnings ul li.even {
    background: #F3F5F0 url(/images/boxed_wrapper/proj-col-bg.gif) no-repeat; }

#side-column .projected-earnings ul li.subheader {
    background: #f4f4f4;
    text-transform: uppercase;
    font-size: 9px;
    color: #777;
    border-bottom: 1px solid #e1e1e1;
    line-height: 10px;
    padding-top: 4px;
    font-weight: bold;
    height: auto;
}

    #side-column .projected-earnings ul li.subheader span {
        font-size: 7px;
        font-weight: normal;
    }

.projected-earnings .proj_3col_1,
.projected-earnings .proj_3col_2,
.projected-earnings .proj_3col_3,
.projected-earnings .proj_2col_1,
.projected-earnings .proj_2col_2,
.projected-earnings .proj_4col_1,
.projected-earnings .proj_4col_2,
.projected-earnings .proj_4col_3, 
.projected-earnings .proj_4col_4 {
   float: left;
   display: block;
   white-space: nowrap;
   overflow: hidden;   
}

.projected-earnings .proj_4col_1,
.projected-earnings .proj_4col_2,
.projected-earnings .proj_4col_3, 
.projected-earnings .proj_4col_4 {
    height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.projected-earnings .proj_3col_1 {  width: 98px;    margin-right: 7px;  }
.projected-earnings .proj_3col_2 {  width: 53px;    margin-right: 7px;  }
.projected-earnings .proj_3col_3 {  width: 38px;                        }

.projected-earnings .proj_2col_1 {  width: 92px;   margin-right: 12px;  }
.projected-earnings .proj_2col_2 {  width: 99px;    color: #666;        }

.projected-earnings .proj_4col_1 {  width: 24px;    margin-right: 7px; vertical-align: middle;  } .projected-earnings .proj_4col_1 img { height: 20px; line-height: 24px; display: block;}
.projected-earnings .proj_4col_2 {  width: 63px;    margin-right: 7px;  } .projected-earnings .proj_4col_2 span {font-size: 8px; color: #888;}
.projected-earnings .proj_4col_3 {  width: 63px;    margin-right: 7px;  } .projected-earnings .proj_4col_3 span {font-size: 8px; color: #888;}
.projected-earnings .proj_4col_4 {  width: 32px;      text-align: right; padding-right: 5px; }

.projected-earnings .earnings-positive {
    color: #f62727;
}

.projected-earnings .earnings-negative {
    color: #31a001;
}

.projected-earnings .proj-bottom-alt {
    height: 6px;
}

.boxed .centered-feature {
    text-align: center;
    font-size: 11px;
    border-top: 1px solid #ddd;
    padding-top: 4px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 6px;    
}

.centered-feature span {
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
}

/* ---------- Side Form -------------- */

#side-column .boxed ul.side-form {
    margin: 0;
    padding: 0;
}

#side-column .boxed ul.side-form li {
    margin: 0 15px 0 0;
    padding: 3px 0 7px 0;
    overflow: hidden;
}

#side-column .boxed ul.side-form li label {
    display: block;
    padding-bottom: 0px;
}

#side-column .boxed p.submit-button {
    padding-top: 7px;
    padding-bottom: 0;
    margin-right: 15px;
    border-top: 1px solid #eee;
}

li.float-my-dropdown label {
    float: left;
}

li.float-my-dropdown select {
    float: right;
}

/* ------ Progress Indicator ---- */

#progress-indicator {
    width: 858px;
    padding: 0 3px 5px 3px;
    margin: 0 0 24px 0;    
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7;
}

#progress-indicator li {
    list-style: none;
    float: left;
    display: block;
    color: #434343;
    font-size: 12px;
    background: url(/images/progress-arrow.png) right 6px no-repeat;
    padding-right: 12px;
    margin-right: 8px;
}

#progress-indicator li.step3 {
   background: none;
}

#progress-indicator li span {
    color: #558c9b;
}

.form-page-1 #progress-indicator li.step1,
.form-page-2 #progress-indicator li.step2,
.form-page-3 #progress-indicator li.step3 { 
    font-weight: bold; 
}

.form-page-1 #progress-indicator li.step2,
.form-page-1 #progress-indicator li.step3,
.form-page-2 #progress-indicator li.step3 { 
    color: #cacaca;
}

.form-page-1 #progress-indicator li.step2 span,
.form-page-1 #progress-indicator li.step3 span,
.form-page-2 #progress-indicator li.step3 span { 
    color: #afd4da;
}

.form-page-2 #progress-indicator li.step1,
.form-page-3 #progress-indicator li.step1,
.form-page-3 #progress-indicator li.step2 { 
    color: #737373;
    font-style: italic;
}