/*  This is primarily deprecated; currently only used for the 'realtime' 
    example slide.  Needs to be changed anyway. */

.picker-arrow-top {
    margin-left: 95px;
}
.picker-arrow {
    margin-left: 104px;
}
#picker-top {
    width: 100%;
}

#picker-body {
    width: 100%;
    background-color: #e7e6e6;
    border: 1px solid #c3c1c1;
    padding: 10px;
}

#picker-body .event-wrapper {
    margin-top: 10px;
}

#picker-body .description {
    font-size: 11px; 
    color: #9F9C9C; 
    display: inline;
}

.percent-up {
    color: green;
}

.percent-down{
    color: red;
}

.search {
    font-size: 14px;
    font-weight: bold;
}

.searchbox {
    width: 97%;
    margin: 6px 0 10px 0;
}

.event-title {
    font-size: 14px;
    font-weight: bold;
    color: #4E74A1;
}
.picker-event {
    background-color: #dad8d8;
    padding: 10px;
    margin: 6px 0 12px 0;
}

.picker-event h2 {
    font-size: 1.15em;
    margin-top: 10px;
}

.picker-event .expand {
    font-size: 13px;
}

.picker-event .expand ul {
    margin-bottom: 0px;
}

.picker-event .expand ul li{
    color: #294B73;
    margin-left: -20px;
    
}
.view-button {
    float: right;
}

a#overview-link {
    color: #4E74A1 ! important;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 0 12px;
    display: inline;
}