#event_content {
    padding: 0px 20px;
    color: #545454;
}

#graph_icons {
    margin-bottom: 6px;
}
#graph_icons .graph_icon {
    padding: 4px;
    float: right;
}

#graph_info #graph_title {
    background-color: #4e74a1;
    color: #FFFFFF;
    padding: 7px;
}

#graph_info #graph_title h1 {
    float: left;
    font-size: 14px;
    margin: 0px;
    padding-top: 3px;
}

#graph_info #graph_title h1 .more_info {
    font-size: 12px;
    font-weight: normal;
}

#graph_info #graph_title #time_type {
    float: right;
    font-size: 12px;
}

#graph_info #graph_title #time_type .dropdown_label {
    font-weight: bold;
    padding-bottom: 3px;
}

#graph_info #graph_title #time_type #time_dropdown {
    padding-left: 10px;
}

#graph_info #graph_description {
    background-color: #f2f1a6;
    color: #545454;
    padding: 4px 7px;
}

#graph_info #graph_menu {
    float: right;
    margin: 4px 0;
}

.dropdown .dropdown_wrapper {
    position: relative;
}

#graph_info #graph_menu .dropdown {
    color: #545454;
    padding: 4px 10px;
}

#graph_info #graph_menu .dropdown_label{
    font-weight: bold;
    border-left: solid #dcdcdc 1px;
    padding-left: 10px;
    padding-bottom: 5px;
}

#graph_info #graph_menu .dropdown_label:first-child {
    border-left: none;
}


.outer_border {
    border: solid 1px #dcdcdc;
    padding: 1px;
}

#graph {
    padding: 0px;
    min-height: 250px;
    position: relative;
}

#graph .loader {
    text-align: center;
    padding-top: 100px;
}

.nodata {
    font-size: 16px;
    padding: 20px;
}
#properties {
    border: solid #dcdcdc 1px;
    display: none;
    margin-bottom: 12px;
}
#properties #properties_header {
}

#properties h2 {
    float: left;
    background-color: #dcdcdc;
    padding: 7px;
    width: 150px;
    font-size: 16px;
}

#properties #properties_header img {
    margin: -5px 8px 0 0;
    cursor: pointer;
}

#properties #prop_description {
    padding: 7px;
    margin-left: 170px;
}

#properties #prop_load_img {
    text-align: center;
    margin: 22px;
}

#properties #prop_table {
    min-height: 76px;
    max-height: 119px;
    display: none;
    white-space: nowrap; 
    overflow: auto;
}

#properties #prop_table table {
    border-spacing: 15px;
}

#properties #prop_table .prop_table_item {
    cursor: pointer;
    padding: 10px;
    background-color: #EBEBEB;
    margin: 10px;
    width: 100px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
}

#properties #prop_table .prop_table_item:hover {
    background-color: #D1D1D1;
}

#properties #prop_table .prop_table_item.selected {
    color: #FFFFFF;
    background-color: #4E74A1;
}



#events_wrapper {
}

#events_wrapper .event_pulldown {
    background-color: #ebebeb;
    width: 294px;
    padding: 8px;
    float: left;
    margin-left: 6px;
}

#events_wrapper #event_analysis_type {
    margin-left: 190px;
    width: 423px;
}

#events_wrapper #event_retention {
    padding-right: 22px;
}

#events_table_outer_wrapper {
    position: relative;
    width: 956px;
}

#events_table_inner_wrapper {
    margin-top: 37px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}

#events_table {
    border-collapse: collapse;
    margin-right: -16px;
    width: 956px;
}

#events_table thead {
    position: absolute;
    top: 0;
}

#events_table .event{
    cursor: pointer;
}

#events_table th {
    background-color: #4e74a1;
    color: #FFFFFF;
    text-align: right;
    font-weight: normal;
    border-bottom: #688cb6;
    padding: 10px 0 10px 10px;
    white-space: nowrap;
}

#events_table th div {
    background-image: none;
    background-repeat: no-repeat;
    display: inline-block;
    height: 7px;
    margin-right: 5px;
    width: 9px;
}

#events_table th:first-child div {
    margin: 0 0 0 5px;
}

#events_table th.ascending.sorted div, #events_table th.ascending:hover div {
    background-image: url('/site_media/images/reports/events/ascending.png');
}

#events_table th.descending.sorted div, #events_table th.descending:hover div {
    background-image: url('/site_media/images/reports/events/descending.png');
}

#events_table th:first-child, #events_table td:first-child {
    width: 168px;
    text-align: left;
    padding: 10px;
}

#events_table th, #events_table td {
    padding: 3px;
    width: 95px;
}

#events_table th.last_child {
    padding-right: 26px;
}

#events_table td.last_child {
    padding-right: 26px;
}

#events_table td {
    text-align: right;
    border-bottom: 1px solid #dcdcdc;
}

#events_table .sparkline {
    text-align: center;
    padding-left: 40px;
    width: 96px;
}

#events_table tr:last-child td {
    border-bottom: none;
}

#events_table td:first-child {
    background-color: #ebebeb;
    color: #41638d;
}

#events_table td:first-child:hover {
    background-color: #D1D1D1;
}

#events_table tr:hover {
    background-color: #FFFFE8;
}

/* Specific stuff for the unique/total/average tab, top left of events table */

#event_analysis_type .menu_label{
    background: url('/site_media/images/reports/down_arrow_dark.png') no-repeat center right;
    padding-right: 25px;
    cursor: pointer;
}

.event_pulldown .dropdown_label {
    white-space: nowrap;
    font-size: 1.2em;
    font-weight: bold;
}

.event_pulldown .dropdown {
    width: 100%;
    background-color: inherit ! important;
}

.event_pulldown .current {
    padding-bottom: 0px ! important;
}

/* retention chart */
.retention .percent {
    cursor: pointer;
}

.retention .percent:hover span.red {
    color: #954141;
}

.retention .percent:hover span.green {
    color: #446123;
}

.retention .percent:hover span.blue {
    color: #3e5979;
}

#retention-chart-wrapper {
    display: none;
    padding: 25px 25px 0;
}

#retention-chart-header {
    font-size: 16px;
    background-color: #4E74A1;
    color: white;
    padding: 7px;
}

#retention-chart-desc {
    background-color: #F2F1A6;
    color: #545454;
    padding: 4px 7px;
}

#retention-chart .loader {
    margin-top: 184px;
    text-align: center;
}

/* Retention table formatting */
#graph table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 1px;
}

#graph td:first-child {
    background-color: #e7e6e6;
    border-top: 1px solid #c3c1c1;
    border-bottom: 1px solid #c3c1c1;
    padding: 10px;
    min-width: 110px;
    white-space: nowrap;
}

#graph th {
    text-align: right;
    width: 90px;
    background-color: #e7e6e6;
    border-top: 1px solid #c3c1c1;
    border-bottom: 1px solid #c3c1c1;
    padding: 10px;
}

#graph td {
    text-align: right;
    border-top: 1px solid #c3c1c1;
    border-bottom: 1px solid #c3c1c1;
    width: 120px;  
    padding: 5px;
}

#graph td:first-child:hover {
    background-color: #D1D1D1;
}

#graph tr:hover {
    background-color: #FFFFE8;
}