*
{
    margin:                0px;
    padding:            0px;
}

body,html
{
    color:                #000;
    font-family:        arial,verdana,sans-serif;
    font-size:            12px;
    background:         #f1f6ff url(/analytics/images/analytics/bg-top.gif) repeat-x 0 0;
}

.left
{
    float: left;
}

.right
{
    float: right !important;
}

.clear
{
    clear: both;
}

a img
{
    border:         none;
}

a.blue
{
    color:          #005C9C !important;
}

.invisible, .hidden
{
    display:                none;
}

.invisible
{
    display:                none !important;
}

/* ======================== h tags ============================ */

h1, h1 a
{
    color:                    #333;
    font-size:                22px;
}

h1 a:hover
{
    text-decoration:        underline;
}

/* ------------------- system message -------------------- */
.info-message
{
    padding:                10px 0px;
    text-align:                left;
    font-family:            helvetica, verdana, arial, sans-serif;
    font-size:                14px;
    color:                    #666;
    border:                    1px solid #999999;
    background:                #eee;
    margin:                    10px auto 20px;
    position:               relative;
}

.system-message
{
    padding:                25px;
    text-align:                center;
    font-family:            helvetica, verdana, arial, sans-serif;
    font-size:                14px;
    color:                    #555;
    margin:                    10px auto 20px;
    border:                    1px solid #d99966;
    background:                #ffffdd;
    width:                  80%;
    position:               relative;
}

a.close-button
{
    position:               absolute;
    top:                    5px;
    right:                  5px;
    color:                  #888;
    font-size:              14px;
}

a:hover.close-button
{
    cursor:                 pointer;
    color:                  #333;
}

ul
{
    list-style-type:        none;
}

a {
    color:#005C9C;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
    cursor:         pointer;
}

.loading-wrapper
{
    background:        #fff;
    filter:            alpha(opacity=70);
    -moz-opacity:    0.7;
    opacity:         0.7;
    height:            100%;
    width:            100%;
    position:        absolute;
    z-index:        99;
    top:            0;
    left:            0;
}

.loading-animation
{
    background:        #fff url(/analytics/images/icons/ajax-loader.gif) no-repeat scroll 8px 10px;
    /*border:            1px solid #ccc;*/
    height:            30px;
    filter:            alpha(opacity=100);
    -moz-opacity:    1;
    opacity:         1;
    width:            30px;
    position:        absolute;
    left:            49%;
    top:            25%;
    padding:        10px;
    z-index:        100;
}

.data-error
{
    font-size:      14px;
    font-weight:    bold;
    color:          #444;
    height:         50px;
    line-height:    50px;
    width:          100%;
    text-align:     center;
}

/* --------------------- site filters ---------------------- */

table.sites
{

}

table.sites td
{
    padding:        15px 10px !important;
}

input[type=text].site
{
    padding:        3px;
    width:          80%;
    font-size:      14px;
}

/* --------------------- datepicker ------------------------ */

input[type=text].daterange
{
    font-size:        14px;
    border:            2px solid #86B5D9;
    padding:        3px 4px 2px 4px;
    width:            240px;
}

.page-container {
    margin:         0px auto;
    width:          98%;
    min-width:        984px;
}

#header {
    background:#fffff;
    float:left;
    margin:0 0 1em;
    width:100%;
}

#nav {
    padding-top:10px;
    text-align:right;
    width: 600px;
}

#nav ul{
    margin:0;
    padding:0;
    list-style:none;
}

#nav li{
    display:inline;
    margin:0;
    padding:0;
}

#content {
    float:right;
    width:81%;
}

#content h2, #content h3, #content p {
    padding:0 10px;
}

.content-container {
    border:         1px solid #ccc;
    float:          left;
    padding:        10px;
    width:          98%;
    background:         #fff;
}

.content-container .header
{
    margin:         12px 0;
}

.content-container .header input[type=text]
{
    /*float:          right;*/
    height:         16px;
    font-size:      12px;
    padding:        4px 2px;
}

.content-container .header .datepicker
{
    margin-left:    16px;
}

.datepicker
{
    line-height:    20px !important;
}


/* ----------------- sidebar ----------------- */

.sidebar {
    float:            left;
    width:            18%;
    margin-right:    0px;
}

.sidebar .module
{
    border:            1px solid #ccc;
    padding:        5px;
    background:     #fff;
    width:          auto;
    margin:         0 0 15px;
}

.sidebar .module h3
{
    padding:        0 0 2px;
    border-bottom:  1px solid #eee;
}

.sidebar .module ul.questions
{
/*    list-style-type:    square;*/
}

.sidebar .module ul.questions li
{
    margin:            10px 0 0 15px;
}

.sidebar h3, .sidebar p {
    padding:        0 10px 0 0;
}

.sidebar ul {
      list-style-type:none;
}

.sidebar ul a {
      display:        block;
      text-decoration:none;
}

.sidebar ul li {
    margin-top:     0px;
}

.sidebar ul li a
{
    color:          #333;
    letter-spacing: .05em;
    padding:        5px 5px 5px 35px;
    border-bottom:  1px solid #eee;
    font-size:      12px;
/*    height:         20px; */
    background-position:    5px 6px !important;
    line-height:            20px;
}

.sidebar ul li.selected a
{
    font-weight:    bold;
}

.sidebar ul li a.last
{
    border-bottom:  none;
}

.sidebar .info
{
    border:            1px solid #ccc;
    padding:        5px;
    background:     #fff;
    width:          auto;
    margin:         0 0 15px;
}

.sidebar .info ul li a
{
    color:          #333;
    letter-spacing: .05em;
    padding:        5px 5px 5px 5px;
    border-bottom:  1px solid #eee;
    font-size:      12px;
    height:         100%;
    background-position:    5px 6px !important;
    line-height:            20px;
}

.sidebar .info h3
{
    padding:        0 0 2px;
    border-bottom:  1px solid #eee;
}

.sidebar .info ul.questions
{
    /*list-style-type:    square;*/
}

.sidebar .info ul.questions li
{
    margin:            2px 0 0 3px;
}

/* --- set icons --- */

.sidebar ul li a.dashboard
{
    background:     url(/analytics/images/analytics/dashboard.png) no-repeat;
}

.sidebar ul li a:hover.dashboard, .sidebar ul li.selected a.dashboard
{
    background:     #eaf2f5 url(/analytics/images/analytics/dashboard.png) no-repeat;
}

.sidebar ul li a.analytics
{
    background:     url(/analytics/images/icons/track.gif) no-repeat;
}

.sidebar ul li a:hover.analytics, .sidebar ul li.selected a.analytics
{
    background:     #eaf2f5 url(/analytics/images/icons/track.gif) no-repeat;
}

.sidebar ul li a.reports
{
    background:     url(/analytics/images/icons/reports.gif) no-repeat;
}

.sidebar ul li a:hover.reports, .sidebar ul li.selected a.reports
{
    background:     #eaf2f5 url(/analytics/images/icons/reports.gif) no-repeat;
}

.sidebar ul li a.shortcuts
{
    background:     url(/analytics/images/icons/shortcuts.gif) no-repeat;
}

.sidebar ul li a:hover.shortcuts, .sidebar ul li.selected a.shortcuts
{
    background:     #eaf2f5 url(/analytics/images/icons/shortcuts.gif) no-repeat;
}

.sidebar ul li a.assets
{
    background:     url(/analytics/images/analytics/assets.png) no-repeat;
}

.sidebar ul li a:hover.assets, .sidebar ul li.selected a.assets
{
    background:     #eaf2f5 url(/analytics/images/analytics/assets.png) no-repeat;
}

.sidebar ul li a.syndicators
{
    background:     url(/analytics/images/analytics/syndicators.png) no-repeat;
}

.sidebar ul li a:hover.syndicators, .sidebar ul li.selected a.syndicators
{
    background:     #eaf2f5 url(/analytics/images/analytics/syndicators.png) no-repeat;
}

.sidebar ul li a.traffic
{
    background:     url(/analytics/images/analytics/reports.png) no-repeat;
}

.sidebar ul li a:hover.traffic, .sidebar ul li.selected a.traffic
{
    background:     #eaf2f5 url(/analytics/images/analytics/reports.png) no-repeat;
}

.sidebar ul li a.ads
{
    background:     url(/analytics/images/analytics/ads.png) no-repeat;
}

.sidebar ul li a:hover.ads, .sidebar ul li.selected a.ads
{
    background:     #eaf2f5 url(/analytics/images/analytics/ads.png) no-repeat;
}

.sidebar ul li a.settings
{
    background:     url(/analytics/images/analytics/nav/globe.gif) no-repeat;
}

.sidebar ul li a:hover.settings, .sidebar ul li.selected a.settings
{
    background:     #eaf2f5 url(/analytics/images/analytics/nav/globe.gif) no-repeat;
}

/* -- end set icons -- */

.sidebar ul li ul li a {
    background:     #FFFFFF;
    color:          #000;
    padding-left:   40px;
    font-size:      11px;
    border:         none;
    height:         auto;
    font-weight:    normal !important;
}

.sidebar ul li ul li a.selected,
.sidebar ul li ul li a:hover.selected
{
    background:     #FFFFFF url(/analytics/images/icons/right-arrow-black.gif) no-repeat 22px 11px !important;
}

.sidebar ul li ul li a.last
{
    border-bottom:  1px solid #eee;
    padding-bottom: 12px;
}

.sidebar ul li ul li a:hover {
    background:         none;
    text-decoration:    underline;
    /*background:     #aaa;*/
    /*border-left:    5px #000 solid;*/
    /*adding-left:   15px;*/
}


/* ----------------- toolbar ------------------- */

.toolbar {
    /*border:1px dotted #B5B5B5;*/
    background:             #D1242C;
    color:                 #464646;
    height:             25px;
    clear:                both;
    margin-bottom:        14px;
}

.toolbar ul.nav
{
    list-style-type:    none;
    line-height:        24px;
    padding:            0 0 0 12px;
}

.toolbar ul.nav li span.title
{
    color:              #eee;
    text-transform:     capitalize;
}

.toolbar ul.nav li
{
    float:                left;
    color:                #ddd;
    font-size:            11px;
    font-weight:        bold;
    padding:            0 0 0 4px;
}

.toolbar ul.nav li a
{
    color:                #fff;
    font-size:            11px;
    font-weight:        bold;
    letter-spacing:        .05em;
    padding:            0 4px 0 0;
    text-transform:     capitalize;
    float:              left;
}

.toolbar .dropdown
{
    margin:             2px 4px;
}

.tier .header .dropdown
{
    margin:             0;
}

.toolbar .dropdown label,
.tier .header .dropdown label
{
    color:              #fff;
    font-size:          11px;
    line-height:        20px;
    margin-right:       8px;
    font-weight:        bold;
}

/* ------------------ footer ------------------- */

#logo {
    padding:5px;
}

.footer
{
    padding:                10px;
    border-top:             1px dotted #b5b5b5;
    clear:                  both;
    text-align:             center;
    margin:                 20px 0 0;
}

.footer ul
{
    width:                  300px;
    margin:                 0px auto;
}

.footer ul li
{
    display:                inline;
    float:                  left;
}

.footer ul li a
{
    display:                block;
    padding:                0px 12px;
    border-right:           1px solid #ddd;
}

.footer ul li a.last
{
    border-right:           none;
}

.footer ul li a:hover
{
    text-decoration:        underline;
}

/* ----------------- box stuff ------------------ */

.toolbox
{
    background:     #eee;
    height:         25px;
    padding:        7px;
}

.toolbox .first
{
    margin-left:    0px !important;
}

.toolbox .last
{
    padding-right:  0px !important;
    border-right:   none !important;
}

.toolbox .tool
{
    /*border-right:   1px dotted #aaa;*/
    padding-right:  24px;
    margin-left:    24px;
    line-height:    27px;
}

.toolbox .tool label
{
    font-weight:    bold;
    color:          #888;
    font-size:      11px;
    margin-right:   12px;
}

.toolbox .tool input[type=radio]
{
    margin:         0 8px 0;
}

.toolbox .tool em
{
    font-style:     normal;
    padding:        4px;
    font-size:      11px;
}

/* ------- export list -------- */

.export li
{
    float:            left;
    dislay:            inline;
    color:            #555;
    font-weight:    bold;
    font-size:        11px;
}

.export li.first
{
    margin-right:    8px;
}

.export li a
{
    display:        block;
    margin-left:    6px;
}

.export li a img
{
    border:            none;
    padding:        5px;
}

/* ========================== box ======================== */

.box {
    border:         1px solid #ddd;
    width:          49%;
}

.large-box
{
    width:          99.5% !important;
}

.box .header
{
    background:     #444;
    color:          #fff;
    margin:         0px;
    padding:        5px 8px;
    position:       relative;
    font-weight:    bold;
    font-size:      14px;
}

.box .header .title
{
    margin-right:    30px;
}

.box .header a.corner
{
    background:     url(/analytics/images/buttons/expand-collapse.gif) no-repeat 0 -20px;
    display:        block;
    width:          20px;
    height:         20px;
}

.box .header a.closed
{
    text-decoration:        none;
    background-position:    0 0;
}

.box .header label
{
    font-size:        11px;
    color:            #aaa;
    line-height:    19px;
}

.box .header span a, .box .header a
{
    color:            #fff !important;
}

.box th.header a
{
    color:          #005C9C !important;
    text-transform: lowercase !important;
    margin-left:    4px;
}

.box .header ul.controls li,
.pills ul.controls li
{
    float:            left;
    display:        inline;
    margin-left:    12px;
    background:        #666;
    line-height:    14px;
}

.box .header ul.controls li a,
.pills ul.controls li a
{
    color:            #fff;
    font-size:        11px;
    display:        block;
    padding:        3px 8px 1px;
}

.box .header ul.controls li a.customize,
.pills ul.controls li a.customize
{
    padding:        2px 8px;
}

.box .header ul.controls li a:hover,
.box .header ul.controls li:hover,
.pills ul.controls li:hover,
.pills ul.controls li a:hover
{
    text-decoration:none;
    background:        #999;
    cursor:         pointer;
}

.box .header ul.controls li.selected,
.box .header ul.controls li.selected a,
.pills ul.controls li.selected,
.pills ul.controls li.selected a
{
    background:        #86b5d9;

}

.box .pagination
{
    padding:        7px;
}

.box .pagination .prev, .box .pagination .next
{
    float:            left;
    width:            24px;
}

.box .pagination img:hover.prev, .box .pagination img:hover.next
{
    cursor:            pointer;
}

.box .pagination input
{
    float:            left;
    margin:            0 3px;
    height:            17px;
    border:            1px solid #ddd;
    font-size:        13px;
    padding:        3px;
    width:            40px;
    text-align:        center;
}

.box .pagination select
{
    float:            left;
    margin-left:    4px;
}

.box .data
{
    padding:        10px;
    position:        relative;
}

.box .has-map
{
    background:        #eaf7fe;
}

.box .has-player
{
    background:        #000;
}

.box .data .half
{
    width:          49%;
}

.box .data .quarter
{
    width:          25%;
}

.box .block
{
    clear:          both;
}

.box .block .details
{
    float:          left;
    margin:         35px 0 0 20px;
}

.box .block label
{
    float:          left;
    font-size:      28px;
    font-weight:    bold;
}

.box .block a
{
    font-size:      18px;
    line-height:    40px;
    margin:         0px 8px;
}

.box .footer
{
    background:     #eee;
    border-top:     none;
    padding:        5px;
    display:        block;
    height:         15px;
    margin:         0;
}

.box .footer a
{
    font-weight:    bold;
    float:          right;
}

/* ==================== special cases ===================== */

.earthmap
{
    background:        #64b4c8;
}

.map-wrapper
{
    background:        #eee;
    padding:        10px;
    width:            334px;
    margin:            0px auto;
}

.value {
    font-size: xx-large;
    font-weight: bold;
    padding: 10px;
}

.label {
    font-size: medium;
    font-weight: bold;
    padding: 10px;
}

.statistic {
    height: 75px;
    width: 400px;
}

.sparkline
{
    width:      400px;
    height:     300px;
}

/* ------------ tiers & modules ---------- */

.tier
{
    /*padding:   0 5px 0 5px;*/
    padding: 8px 5px;
}

.module
{

}

/* ---------------- plots ---------------- */

.large-plot
{
    width:          99%;
    height:         200px;
}

.small-plot
{
    width:          99%;
}

.spark-plot
{
    float:          left;
    width:          250px;
    height:         100px;
}

/* ------------ corner actions ------------ */

.corner
{
    position:       absolute;
}

.mr
{
    top:            8%;
    right:          5px;
}

/* ------------- pill list ------------- */

ul.pill-list
{
    display:            block;
}

ul.pill-list li
{
    background:         #cfe9f9;
    padding:            8px;
    float:              left;
    margin-right:       12px;
    display:            block;
}

/* ------------- stats list -------------- */

ul.stats-list  li
{
    color:              #555;
    font-size:          14px;
    float:              left;
    margin-right:       12px;
    display:            block;
}

ul.stats-list li em
{
    font-weight:        bold;
    font-size:          28px;
    font-family:        arial, sans-serif;
    color:              #000;
    font-style:         normal;
}

ul.stats-list li em span
{
    font-size:            16px;
}

/* ------------ control bar --------------- */

.control-bar
{
    margin-bottom:      16px;
}

.control-bar
{

}

/* ------------ footer controls ------------ */

.bottom-controls
{
    margin-top:         16px;
    border-top:         1px solid #ccc;
    padding:            12px;
}

/* ---------- table filters --------------- */

.table-filter
{
    border-bottom:        1px solid #ccc;
}

.table-filter .header
{
    background:            #aaa;
    color:                #333;
    height:                20px;
    line-height:        20px;
    padding:            3px;
}

/* --- nav --- */

.table-filter .nav
{
    background:            #888;
    width:                105px;
    border-right:        1px solid #ccc;
}

.table-filter .nav li
{

}

.table-filter .nav li a
{
    display:            block;
    height:                30px;
    padding:            0px 30px;
    line-height:        30px;
    font-size:            12px;
    color:                #fff;
    border-bottom:        1px solid #ccc;
    background:            #888;
}

.table-filter .nav li.selected
{
    background:            #eee;
    border-bottom:        1px solid #ccc;
}

.table-filter .nav li.selected a, .table-filter .nav li.selected a:hover
{
    background:            transparent url(/analytics/images/icons/nav-arrow.png) no-repeat scroll 100% 0;
    border-bottom:        none;
    color:                #555;
    width:                64px;
}

.table-filter .nav li a:hover
{
    background:            #999;
    text-decoration:    none;
}

.table-filter .nav li a:hover.selected
{
    background:            #eee url(/images/icons/nav-arrow.gif) no-repeat scroll 0 100%;
    color:                #000;
}

/* --- filters --- */

.table-filter .filters
{
    width:                78%;
    padding:            12px;
    margin:                10px 0 0 40px;
}

.table-filter .filters ul li
{
    display:            block;
    width:                20%;
    float:                left;
    height:                30px;
    line-height:        30px;
    margin-bottom:        10px;
}

.table-filter .filters ul li div
{
    /*background:            url(/analytics/images/icons/checkbox-sm-on.png) no-repeat;*/
    /*padding:            4px 4px 4px 40px;*/
    padding:                4px 4px 4px 20px;
    -moz-border-radius:     5px;
    -webkit-border-radius:     5px;
    background-position:    7px 7px;
    color:                    #000;
    letter-spacing:            .03em;
}

.table-filter .filters ul li div.selected
{
    /*background:                #fafafa url/analytics(/images/icons/checkbox-sm-off.png) no-repeat;*/
    background-position:    7px 7px;
    color:                    #888;
}

.table-filter .filters ul li div:hover.selected
{
    /*background:            #f7f7f7 url(/analytics/images/icons/checkbox-sm-off.png) no-repeat;*/
    background-position:    7px 7px;
    cursor:                pointer;
}

.table-filter .filters ul li div:hover
{
    /*background:            #eee url(/images/icons/checkbox-sm-on.png) no-repeat;*/
    background-position:    7px 7px;
    cursor:                pointer;
}

.table-filter .filters ul li div input
{
    margin-right:            8px;
    float:                  left;
}

.table-filter .filters ul li div .text
{
    float:                  left;
    line-height:            16px;
    width:                  65%;
    padding:                0;
}

/* -------------- filters ------------------ */

.control-bar
{
    border-bottom:  1px solid #ccc;
    padding:        12px;
}

.filters ul li
{
    display:        block;
    float:          left;
    margin-right:   30px;
    color:          #888;
    height:         30px;
    line-height:    30px;
}

.filters ul li a.filter
{
    padding:        0px 30px;
    font-weight:    bold;
    display:        block;
    background:     #eee;
}

.filters ul li a:hover.filter
{
    text-decoration:none;
    background:     #e8e8e8;
}

.filters ul li.green a
{
    color:          #319131;
}

.filters ul li.green a.selected
{
    color:          #fff;
    background:     #43a243;
}

.filters ul li.blue a
{
    color:          #0099ff;
}

.filters ul li.blue a.selected
{
    background:     #0099ff;
    color:          #fff;
}

.filters ul li.purple a
{
    color:          #913177;
}

.filters ul li.purple a.selected
{
    background:     #913177;
    color:          #fff;
}

/* -------------- bar chart ---------------- */

table.bar-chart
{

}

table.bar-chart td.frequency
{
    width:            30%;
}

table.bar-chart td.data
{
    width:            10%;
    background:        #eee;
}

table.bar-chart td.graph
{
    width:            60%;
}

table.bar-chart td.graph .wrapper
{
    width:            90%;
    float:            left;
    margin-right:    16px;
}

table.bar-chart td.graph .bar
{
    background:        #7fa1ed;
    height:            20px;
    float:            left;
    margin-right:    16px;
}

table.bar-chart td.graph span
{
    float:            left;
    line-height:    20px;
}

table.bar-chart tr:hover td
{
    background:        none !important;
}

table.bar-chart tr:hover td.data
{
    background:        #eee !important;
}

/* -------------- pie chart ---------------- */

table.has-pie-chart tr.strict-height
{
    height:            32px;
}

table.has-pie-chart td.drop-border
{
    border:         none;
}

table.has-pie-chart tr:hover td
{
    background:        none !important;
}

/* -------------- data table --------------- */

table.data-table
{
    width:          100%;
    clear:          both;
}

table.data-table th
{
    background:     #eee;
    font-size:      12px;
    color:          #666;
    padding:        5px 5px 5px 8px;
    border-right:   1px solid #ccc;
    border-bottom:  1px solid #ccc;
    text-align:     left;
    text-transform: capitalize;
}

table.data-table th.headerSortUp
{
    background-position:    95% -48px !important;
}

table.data-table th.headerSortDown
{
    background-position:    95% -20px !important;
}

table.data-table th.header
{
    background:     #eee url(/analytics/images/icons/sortable-arrows.gif) no-repeat 95% 8px;
    font-size:      11px;
    color:          #666 !important;
    padding:        5px 5px 5px 8px;
    overflow:        hidden;
}

table.data-table th:hover.header
{
    cursor:         pointer;
}

table.data-table th.green
{
    background:     #ddffdd url(/analytics/images/icons/sortable-arrows.gif) no-repeat 95% 8px;
}

table.data-table th.purple
{
    background:     #fadcff url(/analytics/images/icons/sortable-arrows.gif) no-repeat 95% 8px;
}

table.data-table th.blue
{
    background:     #ebf7ff url(/analytics/images/icons/sortable-arrows.gif) no-repeat 95% 8px;
}

table.data-table th.last
{
    border-right:   none;
}

table.data-table th.first, table.data-table td.first
{
    width:            40%;
    text-overflow:    ellipsis;
    overflow:        hidden;
    white-space:     nowrap;
}

table.data-table tr:hover td
{
    background:     #eaf2f5;
    cursor:         pointer;
}

table.data-table td.align-left
{
    text-align:     left;
}

table.data-table td
{
    text-align:     right;
    padding:        8px;
    border-right:   1px solid #ddd;
    border-bottom:  1px solid #ddd;
}

table.data-table td.last
{
    border-right:   none;
}

table.data-table td.gray
{
    background:     #eee;
    color:          #999;
}

.dashboard_modules {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}

.dashboard_module {
    margin:0 0 2em;
    position:relative;
    width:100%;
}

.dashboard_intro {
    margin:0 0 1em;
    width:100%;
}
.dashboard_module h2, .dashboard_intro h2 {
    background:#666666 none repeat scroll 0 0;
    border:1px solid #666666;
    color:#FFFFFF;
    font-size:120%;
    margin:0;
    padding:0;
    position:relative;
}

.dashboard_module h2 b, .dashboard_intro h2 b {
    background:#666666 none repeat scroll 0 0;
    border-top:1px solid #666666;
    display:block;
    margin:0;
    position:relative;
    top:-2px;
}

/* -------------------------- dashboard panel ---------------------- */

.dashboard-panel
{
    /*border:                1px solid #ccc;
    background:            #fafafa;
    width:                900px;
    margin:                25px auto;*/
}

.dashboard-panel .header
{
    background:            #333;
    color:                #fff;
    padding:            10px;
    margin:             0;
}

.dashboard-panel .header .title
{
    line-height:        25px;
}

.dashboard-panel .header a.add
{
    background:            #444;
    padding:            5px 12px;
    display:            block;
    color:                #ddd;
    text-decoration:    none;
}

.dashboard-panel .header a:hover.add
{
    background:            #86B5D9;
    color:                #fff;
    text-decoration:    none;
}

.dashboard-panel .body
{
    padding:            30px;
}

/* --------------------- analytics table ---------------------- */

.analytics-table
{
    width:                100%
}

.analytics-table tr th.first
{
    border-left:        1px solid #ccc;
}

.analytics-table tr th, .manage-labels-container .header-gray
{
    text-align:         left;
    background:         #eee;
    border:             1px solid #ccc;
    padding:            5px;
    font-size:          14px;
    text-transform:     capitalize;
}

.manage-labels-container .header-gray
{
    border:             none;
}

.analytics-table tr.all-videos td
{
    background:         #f7f7f7;
}

.analytics-table tr td.videos
{
    padding:            0 0 15px;
}

.analytics-table tr td.videos table
{
    width:              100%;
}

.analytics-table tr td.videos div.videos-container
{
    background:         #E7ECF1;
    position:           relative;
}

.analytics-table tr td.videos div.videos-container .control-row
{
    background:         #fff;
    height:             25px;
    position:           absolute;
    width:              99.8%;
    bottom:             0px;
    left:               0px;
    border:             1px solid #ddd;
    padding:            5px 0;
}

.analytics-table tr td.videos div.videos-container a.add-new-video,
.analytics-table tr td.videos div.videos-container a.add-existing-video
{
    background:         #444;
    color:              #fff;
    border-bottom:      none;
    display:            block;
    font-size:          12px;
    padding:            0 16px;
    line-height:        25px;
    height:             25px;
    float:              left;
    margin:             0 15px 0 5px;
    -moz-border-radius-topleft:         5px;
    -moz-border-radius-topright:        5px;
    -moz-border-radius-bottomleft:      5px;
    -moz-border-radius-bottomright:     5px;
    -webkit-border-top-left-radius:     5px;
    -webkit-border-top-right-radius:    5px;
    -webkit-border-bottom-left-radius:  5px;
    -webkit-border-bottom-right-radius: 5px;
}

.analytics-table tr td.videos div.videos-container a:hover.add-new-video,
.analytics-table tr td.videos div.videos-container a:hover.add-existing-video
{
    text-decoration:    none;
}

.analytics-table tr td.videos div.videos-container a.back
{
    line-height:        25px;
    font-size:          12px;
    float:              left;
}

.analytics-table tr td.videos table td
{
    padding:            2px 10px !important;
}


.analytics-table tr td
{
    padding:            10px;
}

.analytics-table tr td.open
{
    background:         #E7ECF1;
}

.analytics-table tr td.title
{
    font-size:            16px;
    font-weight:        bold;
    color:                #000;
    text-align:         left !important;
}

.analytics-table tr td.title a.small
{
    font-size:          10px;
}

.analytics-table tr td.title a.toggle
{
    display:            block;
    float:              left;
    border:             1px solid #eee;
    padding:            0px 4px;
    margin-right:       6px;
    background:         #fff;
    height:             16px;
    line-height:        18px;
}

.analytics-table tr td.title a:hover.toggle
{
    text-decoration:    none;
}

/*
.analytics-table tr.first td
{
    padding-top:        0px !important;
}
*/

.analytics-table tr.odd td
{
    border:                none;
    padding-top:        15px;
    padding-bottom:        10px;
}

.analytics-table tr.even td
{
    border:                1px solid #bbb;
    border-right:        none;
    background:            #fff;
    font-size:            12px;
    padding:            10px;
}

.analytics-table tr.even td.last
{
    border-right:        1px solid #ccc;
}

.analytics-table span.small
{
    font-size:            12px;
    color:                #666;
    margin-left:        8px;
    font-weight:        normal;
}

.analytics-table span.warning
{
    padding:            0 0 10px 35px;
    margin-right:       8px;
    background:         transparent url(/analytics/images/icons/warning.png) no-repeat;
}

.analytics-table span.collecting
{
    padding:            0 0 10px 35px;
    margin-right:       8px;
    background:         transparent url(/analytics/images/icons/check.png) no-repeat;
}

/* ------------ modules table ------------ */

.modules-table
{
    width:                100%;
    border:             1px solid #ccc;
}

.modules-table tr th
{
    padding:            10px;
    background:            #eee;
    text-align:            left;
    text-transform:     capitalize;
}

.modules-table tr td
{
    padding:            10px;
    background:            #fff;
    border-right:        1px solid #ccc;
    border-top:         1px solid #ccc;
}

.modules-table tr td.last
{
    border-right:        none;
}

.modules-table tbody tr td.center
{
    line-height:            20px;
}

.modules-table tbody tr td.center span
{
    line-height:            35px;
    margin:                    0 20px 0 150px;
}

/* ---------- next button ----------- */

a.button img
{
    border:                 none;
}

.next-button
{
    background:                #BF0721;
}

*:hover.next-button
{
    cursor:                 pointer;
}

.next-button input[type=submit],.next-button a
{
    background:                transparent url(/analytics/images/icons/right-arrow-white-on-red.gif) scroll 85% 52% no-repeat;
    padding:                8px 30px 8px 20px;
    font-size:                14px;
    color:                    #fff;
    border:                    none;
    border-collapse:        collapse;
}

.next-button a
{
    display:                block;
    text-decoration:        none;
    background-position:    90% 52%;
}

/* ============================================= downloads section ==================================================== */

.question-block
{
    margin:                    10px 5px;
}

.question-block h1
{
    font-size:                22px;
    color:                    #000;
}

.question-block h1 em
{
    font-size:                24px;
    color:                    #BF0721;
}

.question-block h1 span
{
    color:                    #999;
}

.question-block p
{
    color:                    #333333;
    font-size:                13px;
    line-height:            20px;
    padding:                15px;
    width:                    700px;
}

.question-block .next-button
{
    margin-top:                10px;
}

.yes-block
{
    position:                absolute;
    border:                    2px solid #a6bfcf;
    padding:                12px 50px;
    font-size:                24px;
    font-weight:            bold;
    background:                #dbf1ff;
    left:                    -70px;
    top:                    -20px;
    z-index:                100;
}

.no-block
{
    position:                absolute;
    border:                    2px solid #d74f62;
    padding:                12px 50px;
    font-size:                24px;
    font-weight:            bold;
    background:                #ffe7ea;
    left:                    -70px;
    top:                    -20px;
    z-index:                100;
}

.button-block
{
    border:                    2px solid #a6bfcf;
    padding:                12px 50px;
    font-size:                24px;
    font-weight:            bold;
    background:                #dbf1ff;
    z-index:                100;
}

.module
{
    width:                    600px;
    position:                relative;
    margin:                    20px 5px 0;
    padding:                1px;
}

.module .no
{
    background:                #ffe7ea;
    border:                    2px solid #d74f62;
}

.module label.error
{
    color:                    red;
    font-size:                14px;
    margin:                    10px 0px;
    width:                  90%;
}

div.error
{
    border:                    2px solid red;
}

div:hover.check-block, div:hover.togglebox
{
    cursor:                    pointer;
}

.yes-block .checkbox,
.no-block .checkbox,
.button-block .checkbox
{
    background:                transparent url(/analytics/images/icons/dotbox.gif) no-repeat;
    background-position:    0px -34px;
    height:                    35px;
    width:                    40px;
    position:                absolute;
    top:                    10px;
    left:                    10px;
}

.yes-block .checked,
.no-block .checked,
.button-block .checked
{
    background-position:    0px 0px;
}

.yes-block .text,
.no-block .text,
.button-block .text
{
    padding:                0px 0px 0px 16px;
    font-size:                22px;
}

.yes-block .text em,
.no-block .text em,
.button-block .text em
{
    font-style:                normal;
    font-weight:            normal;
    font-size:                18px;
}

.expanded-module
{
    background:                #f2f2f2;
    margin:                    0px;
}

.expanded-module .form
{
    padding:                20px 0px 20px 50px;
    width:                    340px;
    margin:                 0px !important;
}

.download-module
{
    border:                    1px solid #f2f2f2;
    margin:                    00px auto;
    width:                    580px;
    position:                relative;
    background:                #f2f2f2;
}

.download-module h2
{
    font-size:                18px;
    line-height:            26px;
    margin-bottom:            30px;
}

.download-module a.big-link
{
    font-size:                22px;
    text-decoration:        underline;
    font-weight:            bold;
    color:                    #BF0721;
}

.download-module a:hover.big-link
{
    color:                    #000;
    cursor:                    pointer;
}

.download-module .download-inset
{
    background:                #444;
    padding:                50px;
    margin:                    50px;
    text-align:                center;
    font-size:                22px;
    color:                    #bbb;
}

.download-module .download-inset a.big-link
{
    font-size:                22px;
    font-weight:            bold;
    color:                    #fff;
    text-decoration:        none;
}

.download-module .download-inset a:hover.big-link
{
    text-decoration:        underline;
}

.download-module .form
{
    padding:                20px 0px 20px 120px;
    width:                    340px;
}

/* -------------- create player form ----------------- */

.create-form
{
    width:                    720px;
    padding:                30px 50px;
    background:                #f7f7f7;
    margin:                    0px auto 20px;
    position:                relative;
    border-top:                8px solid #eee;
}

.form-control-row
{
    clear:                    both;
}

.above-radio
{
    margin-bottom:          10px;
}

.form-row
{
    clear:                    both;
}

.form-row .split
{
    float:                    left;
    width:                    30%;
    margin-bottom:            15px;
}

.form-row label
{
    clear:                    both;
    font-weight:            bold;
}

.form-row .radio-block
{
    width:                    250px;
    padding:                12px;
    border:                    1px solid transparent;
}

.form-row div:hover.radio-block,
.form-row .selected
{
    border:                    1px solid #ccc;
    background:                #fff;
    cursor:                    pointer;
    color:                    #000;
}

.form-row div:hover.radio-block label.radio,
.form-row div:hover.radio-block input[type=radio]
{
    cursor:                    pointer;
    color:                    #000;
}

.form-row label.radio
{
    color:                    #6396b7;
    font-size:                18px;
    line-height:            20px;
}

.form-row label.error, .form-row label.errortext,
{
    color:                    red !important;
    float:                    left;
    margin:                    2px 0 0;
}

label.error
{
    color:                    red !important;
    font-weight:            bold;
}

.form-row input[type=radio]
{
    margin:                    10px;
    margin:                 0;
}

/* ========================== download pages ============================ */

.info-box
{
    /*margin:                 45px 0 0;*/
    margin:                 5px 0 0;
}

.info-box .buttons
{
    float:                  left;
    margin:                 0 0 0 70px;
}

.info-box .buttons .loading
{
    background:             #fafafa;
    border:                 1px solid #eee;
    padding:                10px 10px 10px 0;
}

span.bg-loader
{
    background:             transparent url(/analytics/images/icons/ajax-loader.gif) scroll 15px 0px no-repeat;
    padding:                10px 0 5px 50px;
    height:                 30px;
    line-height:            30px;
}

.info-box h1
{
    margin:                 0 0 20px;
}

.info-box .next-button
{
    margin:                 0 0 10px;
}

.info-box p
{
    width:                  500px;
    padding:                0 !important;
    margin-top:             0;
}

.product-info-box
{
    padding:                40px 20px 20px;
    font-size:              12px;
    line-height:            18px;
}

.product-info-box p
{
    margin-bottom:          24px;
}

.product-info-box h1
{
    padding:                20px 0;
    border-bottom:          2px solid #999;
    border-top:             2px solid #999;
    margin:                 0 0 30px 0;
}

.product-info-box h3
{
    margin:                 0 40px 30px 0;
    border-bottom:          1px solid #bbb;
    padding:                10px 0 !important;
}

.product-info-box div.sub-item
{
    border:                 1px solid #ccc;
    padding:                10px 20px;
    font-weight:            bold;
    font-size:              16px;
    margin:                 0 10px;
}

.product-info-box .player
{
    padding:                10px;
    background:             #ddd;
    margin:                 0 30px 0 0;
}

.product-info-box .log
{
    padding:                10px;
    border:                 1px dotted #ccc;
    width:                  220px;
    height:                 240px;
}

.product-info-box .first-block
{
    width:                  400px;
}

.demo p
{
    width:                  285px;
    height:                 70px;
}

.codeblock
{
    padding:                20px;
    border:                 1px dotted #74D4F7;
    background:             #E6F6FB;
    margin:                 20px;
    font-family:            courier;
}

/* ========================= dark tabs ======================================= */

ul.darktabs
{
    width:                  100%;
    background:             #999;
    height:                 35px;
}

ul.darktabs li
{
    display:                inline;
    float:                  left;
    margin:                 0 6px;
}

ul.darktabs li a
{
    display:                block;
    margin-top:             8px;
    height:                 27px;
    background:             #aaa;
    color:                  #fff;
    padding:                0 16px;
    line-height:            30px;
}

ul.darktabs li a.selected, ul.darktabs li a:hover.selected
{
    color:                  #000;
    background:             #fff;
}

ul.darktabs li a:hover
{
    cursor:                 pointer;
    background:             #a0a0a0;
    text-decoration:        none;
}

/* ---------------------- std form ----------------------- */

.std-form
{
    width:                  600px;
    margin:                 20px 0 0 5px;
}

.std-form .form-row input
{
    margin-bottom:            10px !important;
}

.std-form .form-row label.errortext
{
    margin-bottom:            10px;
}

.std-form .form-row label
{
    color:                    #666;
}

/* ------------------------------------------------------- */

.form-row input[type=text],
.form-row input[type=password]
{
    float:                    left;
    width:                    94%;
    height:                    25px;
    padding:                10px 8px 3px;
    background:                #fafafa;
    border:                    1px solid #bbb;
    font-size:                16px;
    color:                    #444;
    margin:                    5px 0 20px;
}

.form-row input[type=text].short
{
    float:                    left;
    width:                    69%;
    height:                    25px;
    padding:                10px 8px 3px;
    background:                #fafafa;
    border:                    1px solid #bbb;
    font-size:                16px;
    color:                    #444;
    margin:                    1px 10px 20px 0px;
}

.form-row input[type=text]:focus,
.form-row input[type=password]:focus
{
    padding:                9px 7px 2px;
    background:                #fff;
    border:                    2px solid #a6bfcf;
    color:                    #111;
}

.form-row input[type=text].error,
.form-row input[type=password].error
{
    padding:                9px 7px 2px;
    border:                    2px solid red;
}

.form-row input[type=radio]
{
    margin:                    0;
    margin-right:           10px;
}

/* ======================== integration pages ======================== */

.stream
{
    border:                 1px solid #ccc;
    padding:                10px;
    width:                  200px;
    color:                  #333;
    margin:                 50px 0 0;
}

/* ============================= support block =========================== */

.support-block
{
    background:             #eee;
    border:                 1px solid #ccc;
    margin:                 10px 0 0 50px;
    padding:                10px;
    width:                  200px;
}

.support-block p
{
    margin:                 10px 0 0;
    line-height:            18px;
}

/* ---------------- random UL -------------------- */

ul.bullet-list
{
    list-style-type:        square;
    margin:                 0 0 20px 25px;
}

/* -- player analytics logs -- */

.logs
{
    border:                 1px solid #ccc;
    width:                  320px;
    padding:                9px;
    height:                 100px;
    overflow:               auto;
}

.events
{
    border:                 1px solid #ccc;
    border-left:            none;
    width:                  140px;
    padding:                9px;
    overflow:               auto;
}

/* ---------------- bar chart --------------------- */

table.barchart
{

}

table.barchart tr
{

}

table.barchart td, table.barchart th
{
    padding:                3px 6px 3px 3px;
    text-transform:         capitalize;
}

table.barchart td .fill
{
    background:             #7FA1ED;
    height:                 20px;
    float:                  left;
    width:                  0%;
}

table.barchart td .fill span
{
    color:                  #fff;
    padding:                2px;
}

/* ----------------- api events table --------------- */

table.api-events
{
    margin:                 15px;
}

table.api-events td
{
    padding:                4px;
    border:                 1px solid #ddd;
    width:                  250px;
}

/* ---------------- code highlighting -------------- */

.highlight-line
{
    background:             #fefa00;
    padding:                2px;
    margin:                 0 0 0 171px;
    font-family:            courier;
}

.highlight-text
{
    background:             #fefa00;
    padding:                2px;
    font-family:            courier;
}

.highlight-block
{
    margin:                 -16px 0 -16px 171px;
    background:             #fefa00;
    padding:                2px;
    float:                  left;
    font-family:            courier;
}

.js__highlight, .php__highlight, .jquery__highlight
{
    background:             #fefa00;
    color:                  #000;
    padding:                2px;
}

.twotabs
{

}

.threetabs
{
    margin-left:            139px;
}

.fourtabs
{

}

/* ------------------- manage labels --------------------- */

ul.checkbox-options
{
    font-size:          11px;
    margin:             10px 2px;
    height:             20px;
}

ul.checkbox-options li
{
    font-weight:        bold;
    float:              left;
    display:            inline;
}

ul.checkbox-options li a
{
    font-weight:        normal;
    display:            block;
    padding:            0 8px;
    border-right:       1px solid #ddd;
}

ul.checkbox-options li a.on
{
    font-weight:        bold;
}

ul.checkbox-options li a.last
{
    border-right:       none;
}

ul.checkbox-options li a:hover
{
    text-decoration:    underline;
}

.add-labels
{
    border-top:             1px solid #ddd;
    padding:                16px;
    position:               relative;
}

.add-labels input[type=text]
{
    border:                 1px solid #ccc;
    padding:                3px;
    width:                  120px;
    margin:                 1px 8px 8px 0;
}

.manage-labels-container a.button
{
    padding:                0 12px;
    height:                 24px;
    line-height:            24px;
    background:             #444;
    color:                  #fff;
    display:                block;
}

.manage-labels-container
{
    border:                 1px solid #ddd;
}

.manage-labels-container .header
{
    padding:                4px 4px 4px 8px;
    font-size:              12px;
    color:                  #fff;
    background:             #333;
    margin:                 0;
}

div.labels
{
    padding:                16px 25px 16px 16px;
    width:                  auto;
    position:               relative;
}

div.videos
{
    padding:                12px;
    height:                 500px;
    width:                  600px;
    overflow:               auto;
}

/* ----------------------- tables ----------------------- */

table.labels
{
    margin-bottom:          12px;
    padding-bottom:         6px;
    border-bottom:          1px dashed #d3d3d3;
    width:                  100%;
}

table.labels tr:hover, table.videos tr:hover
{
    cursor:                 pointer;
    background:             #edf4f9;
}

table.labels td, table.videos td
{
    padding:                0 0 0 3px;
}

table.labels td input
{
    margin-right:           5px;
}

table.videos tr td.labels
{
    padding-left:           20px;
    border-bottom:          1px dotted #d3d3d3;
}

table.videos
{
    width:                  100%;
    position:               relative;
}

table.videos td
{
    border-bottom:          1px dashed #d3d3d3;
    line-height:            30px;
}

table.videos td input
{
    margin-right:           8px;
}

table.videos td span.video
{
    font-size:              16px;
    color:                  #444;
}

table.videos td:hover.video, table.videos td span:hover.video
{
    cursor:                 pointer;
}

table.data-table td.label
{
    width:                  100px;
    text-align:             left;
}

table.data-table td.label .label-token
{
    margin:                 0 4px 0 0;
}

table.data-table td.label a
{
    font-weight:            normal !important;
    font-size:              12px;
}

input[type=text].video-search
{
    padding:                6px 6px 3px;
    height:                 22px;
    line-height:            22px;
    font-size:              14px;
    color:                  #333;
    border:                 2px solid #888;
    width:                  300px;
    margin:                 0;
}

.label-token
{
    font-size:              11px;
    padding:                4px 12px;
    margin:                 0 0 0 8px;
    line-height:            30px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    border:                 1px solid #ddd;
    background:             #fff;
}

.label-token a
{
    color:                  #ddd;
    margin:                 0 0 0 6px;
    font-size:              12px;
}

.red-label { color: #fff; background: #cc0000; border: none; }
.blue-label { color: #fff; background: #206cff; border: none; }
.orange-label { color: #fff; background: #ec7000; border: none; }
.light-blue-label { color: #777; background: #d5e3ff; }
.yellow-label { color: #000; background: yellow; }
.black-label { color: #fff; background: #000; }
.green-label { color: #fff; background: green; }

.labels-dialog
{
    border:                 1px solid #aaa;
    padding:                12px;
    position:               absolute;
    z-index:                100;
    -moz-border-radius-topleft:         6px;
    -moz-border-radius-topright:        6px;
    -moz-border-radius-bottomleft:      6px;
    -moz-border-radius-bottomright:     6px;
    -webkit-border-top-left-radius:     6px;
    -webkit-border-top-right-radius:    6px;
    -webkit-border-bottom-left-radius:  6px;
    -webkit-border-bottom-right-radius: 6px;
    background:             #777;
    color:                  #fff;
    border:                 3px solid #ddd;
    width:                  120px;
}

.labels-dialog .control-row
{
    margin:                 10px 0;
}

.labels-dialog .control-row a.button
{
    -moz-border-radius-topleft:         6px;
    -moz-border-radius-topright:        6px;
    -moz-border-radius-bottomleft:      6px;
    -moz-border-radius-bottomright:     6px;
    -webkit-border-top-left-radius:     6px;
    -webkit-border-top-right-radius:    6px;
    -webkit-border-bottom-left-radius:  6px;
    -webkit-border-bottom-right-radius: 6px;
    padding:                            6px 12px;
    color:                              #000;
    background:                         #fff;
    float:                              left;
    text-decoration:                    none;
    line-height:                        14px;
}

.labels-dialog li input[type=checkbox]
{
    width:                  16px;
    margin-right:           6px;
}

.labels-dialog a.cancel
{
    color:                  #fff;
    float:                  left;
    text-decoration:        underline;
    line-height:            26px;
    margin-left:            12px;
}

/* ------------------------- tabs & tab container ------------------------------ */

div.tabs
{
    height:                 40px;
    background:             #333;
    border-top:             1px solid #333;
}

div.tab-container
{
    background:             #fff;
    padding:                15px;
}

ul.tabs
{

}

ul.tabs li
{
    display:                inline;
    float:                  left;
    position:               relative;
}

ul.tabs li a
{
    display:                block;
    padding:                0px 24px;
    line-height:            40px;
    height:                 40px;
    background:             #333;
    color:                  #fff;
    border-right:           1px solid #777;
}

ul.tabs li a.last
{
    border-right:           none;
}

ul.tabs li a:hover
{
    background:             #666;
    text-decoration:        none;
    cursor:                 pointer;
}

ul.tabs li a.selected
{
    background:             #fff;
    color:                  #555;
}

ul.tabs li a:hover.selected
{
    text-decoration:        none;
    cursor:                 pointer;
}

ul.tabs li ul
{
    position:               absolute;
    z-index:                999;
    width:                  100%;
}

ul.tabs li ul li
{
    display:                block;
    float:                  none;
}

ul.tabs li ul li a
{
    display:                block;
    float:                  none;
}


.confirmation
{
    padding:                10px;
    margin:                 10px 0 0;
    font-size:              13px;
}

.success
{
    background:             #d1f0c8;
    border:                 1px solid #76c661;
    color:                  #4ba334;
    position:               relative;
}

.failure
{
    background:             #f5d1cd;
    border:                 1px solid #de5947;
    color:                  #c03c2a;
    position:               relative;
}

.pills
{
    margin:                 10px;
}

.pills ul.controls li a
{
    padding:                3px 10px;
}

.search-box
{
    margin:                 20px 0 20px;
}


/* ------------------------------------------ groups management ---- */

.management
{

}

.management .message
{
    margin:             20px;
    line-height:        20px;
    padding:            0px;
    font-size:          13px;
    letter-spacing:     .02em;
    background:         #e6f0f9;
    border:             1px solid #ddd;
    margin:             20px 30px 0;
    padding:            20px;
    position:           relative;
}

.management .message a.close,
.success a.close
{
    display:            block;
    position:           absolute;
    right:              0;
    top:                0;
    background:         #666;
    color:              #fff;
    font-size:          13px;
    font-weight:        bold;
    height:             20px;
    width:              20px;
    text-align:         center;
    line-height:        18px;
}

.management .message a:hover.close,
.success a:hover.close
{
    text-decoration:    none;
    background:         #000;
}

.management .header
{
    background:         #eee;
    color:              #333;
    font-weight:        bold;
    padding:            10px;
    margin:             0;
}

.management .buttons
{
    height:             40px;
    margin:             20px 0 0 30px;
}

.management .buttons li
{
    display:            inline;
    float:              left;
}

.management .body
{
    border:             1px solid #ddd;
    padding:            0;
    margin:             20px 30px;
}

.management .body .infobox
{
    margin:             30px 0 0 10px;
    border:             1px solid #ddd;
    background:         #eff6ff;
    padding:            20px;
}

.management .body .infobox li
{
    margin:             0 0 8px;
}

.management .body .infobox li label
{
    font-weight:        bold;
}

.management .body table
{
    background:         #fff;
    width:              100%;
}

.management .body table thead th
{
    text-align:         left;
    padding:            10px;
    background:         #eaeaea;
}

.management .body table tr
{
    height:             25px;
}

.management .body table tr.disabled
{
    color:              #aaa;
    background:         #f8f8f8;
}

.management .body table tr td
{
    font-size:          12px;
    padding:            9px 0 9px 10px;
    border-bottom:      1px solid #eee;
    letter-spacing:     .05em;
}

.management .body table tr td.actions a
{
    margin-right:       8px;
}

.management .body table tr td span
{
    display:            block;
    height:             16px;
    overflow:           hidden;
}

.management .body table tr td.subtle
{
    color:              #999;
}

.management .body table tr:hover td
{
    background:         #f8f8f8;
    cursor:             pointer;
}

.management .body table tr td input[type=checkbox]
{
    margin:             -1px 5px 0 0;
    display:            block;
    float:              left;
}

.management .body .control-row,
.management .body .tabs-row
{
    background:         #444;
    border-bottom:      1px solid #ddd;
    height:             30px;
    padding:            5px;
}

.management .body .control-row ul,
.management .body .tabs-row ul
{
    margin:             3px 0 0 0;
}

.management .body .control-row ul li,
.management .body .tabs-row ul li
{
    float:              left;
    display:            inline;
}

.management .body .control-row ul li a,
a.round-button
{
    display:            block;
    padding:            0 16px;
    line-height:        24px;
    height:             24px;
    color:              #fff;
    background:         #999;
    margin:             0 4px;
}

.management .body .control-row ul li a:hover,
a:hover.round-button,
.management .body .control-row ul li a.selected
{
    cursor:             pointer;
    background:            #86b5d9;
    text-decoration:    none;
}

.management .body .tabs-row ul li a
{
    display:            block;
    padding:            0 16px;
    line-height:        32px;
    height:             32px;
    color:              #fff;
    background:         #999;
    margin:             0 4px;
}

.management .body .tabs-row ul li a:hover
{
    cursor:             pointer;
    background:            #86b5d9;
    text-decoration:    none;
}

.management .body .tabs-row ul li a.selected
{
    background:         #fff;
    color:              #555;
    border-bottom:      1px solid #fff;
}

.management .form
{
    margin:             20px 10px;
}

.management .form .row
{
    margin:             0 0 10px;
}

.management .form .row label
{
    width:              120px;
    line-height:        25px;
    display:            block;
    float:              left;
}

.management .form .row label.error
{
    color:              red;
    font-weight:        bold;
    width:              auto;
    margin-left:        120px;
    float:              none;
    clear:              both;
}

.management .form .row input[type=text],
.management .form .row textarea
{
    width:              370px;
    border:             1px solid #ddd;
    background:         #fcfcfc;
    color:              #333;
    font-size:          14px;
    padding:            7px 3px 1px;
    height:             25px;
    font-family:        arial, verdana, sans-serif;
}

.management .form .row input[type=text].error,
.management .form .row textarea.error,
input[type=text].error
{
    border:             2px solid red;
}

.management .form .row textarea
{
    height:             80px;
    border:             none;
}

.management .form .row input[type=text].textboxlist-bit-editable-input,
.management .form .row input:focus[type=text].textboxlist-bit-editable-input
{
    border:             none;
    height:             auto;
    background:         none;
    padding:            0;
}

.management .form .row input:focus[type=text],
.management .form .row textarea:focus
{
    background:         #fff;
    border:             2px solid #bbb;
    padding:            6px 2px 0px;
}

.management .form .row a.cancel
{
    margin-right:       16px;
    line-height:        32px;
}

.management .form .row label.note
{
    margin:             0 0 0 120px;
    font-size:          11px;
    width:              auto;
    height:             auto;
    line-height:        auto;
    color:              #888;
    float:              none;
}

.management .form .row label.note strong
{
    color:              #444;
}

/* ------------------------------------- inline tabs ----- */

ul.inline-tabs
{
    border-bottom:      1px solid #ddd;
    height:             29px;
}

ul.inline-tabs li
{
    float:              left;
    display:            inline;
    margin:             0px 8px;
}

ul.inline-tabs li a
{
    display:            block;
    font-size:          12px;
    color:              #666;
    background:         #fafafa;
    border:             1px solid #eee;
    border-bottom:      1px solid #ddd;
    height:             28px;
    padding:            0 16px;
    line-height:        28px;
}

ul.inline-tabs li a:hover
{
    text-decoration:    none;
}

ul.inline-tabs li a.selected
{
    font-weight:        bold;
    background:         #fff;
    color:              #333;
    border:             1px solid #ddd;
    border-bottom:      none;
    height:             29px;
}

.inline-container
{
    border:             1px solid #ddd;
    border-top:         none;
    padding:            20px;
}

td span.negative
{
    background:         transparent url(/analytics/images/icons/red-down-arrow.gif) no-repeat 0 0;
    color:              #96383a;
    padding:            0 0 0 20px;
    font-weight:        bold;
}

td span.neutral
{
    background:         transparent url(/analytics/images/icons/orange-dot.png) no-repeat 0 ;
    color:              #e2911e;
    padding:            0 0 0 20px;
    font-weight:        bold;
}

td span.positive
{
    background:         transparent url(/analytics/images/icons/green-up-arrow.gif) no-repeat 0 ;
    color:              #3b942b;
    padding:            0 0 0 20px;
    font-weight:        bold;
}

table.signup
{
    margin:             30px auto;
    border:             1px solid #ddd;
    border-top:         none;
    width:              97%;
}

table.signup thead tr
{
    border-bottom:      1px solid #ddd;
}

table.signup thead th
{
    background:         #333;
    padding:            20px;
    border-right:       1px solid #ddd;
    width:              25%;
}

table.signup thead th.first
{
    text-align:         left;
    color:              #fff;
    font-size:          14px;
    background:         #777;
}

table.signup thead th.last
{
    border-right:       none;
}

table.signup thead th span.text
{
    color:              #ddd;
    line-height:        20px;
    font-size:          14px;
    margin:             0 0 0 6px;
}

table.signup thead th span.pill,
table.signup td span.pill
{
    color:              #fff;
    font-size:            14px;
    display:            block;
    padding:            3px 5px;
    background:            #86b5d9;
    margin:             0 0 12px 0px;
}

table.signup thead th div
{
    margin:             0px auto;
    width:              90%;
}

table.signup tbody tr.last td
{
    border-bottom:      none !important;
}

table.signup tbody td.first
{
    text-align:         left;
}

table.signup tbody td.last
{
    border-right:       none;
}

table.signup tbody td
{
    padding:            20px;
    text-align:         center;
    border-right:       1px solid #ddd;
    border-bottom:      1px solid #ddd;
    font-weight:        bold;
}

/* ----------------------------------------------------- demographics */

.demographics-block
{
    background:         #fff;
    height:             100px;
    width:              150px;
    margin:             0 0 4px;
}

table.demographics
{
    background:         #fff;
    padding:            10px;
    width:              100%;
    margin:             0 0 10px;
    text-align:         left;
}

table.demographics tr th
{
    font-size:          14px;
}

table.demographics tr td
{
    font-size:          12px;
    background:         #eee;
    padding:            3px 0;
}

table.demographics tr.data td
{
    background:         #fff;
}

/* ----------------------------------------------------- star rating */

.rating-block
{
    background:         #fff;
    padding:            40px 25px 60px;
    margin:             0 0 4px;
}

div.rating
{
    cursor:                        pointer;
    /*margin:                        2em;*/
    clear:                        both;
    display:                    block;
}

div.rating:after
{
    content:                    '.';
    display:                    block;
    height:                        0;
    width:                        0;
    clear:                        both;
    visibility:                    hidden;
}

div.cancel
{
    float:                        left;
    text-indent:                -999em;
    background:                    transparent;
    overflow:                    hidden;
}

div.star
{
    float:                        left;
    width:                        16px;
    height:                        15px;
    text-indent:                -999em;
    cursor:                        pointer;
    display:                    block;
    overflow:                    hidden;
    margin-right:                0;
}
div.cancel,div.cancel a
{
    background:url('/analytics/images/icons/delete.gif') no-repeat 0 -16px;
}

div.star,div.star a
{
    background:url('/analytics/images/icons/star-rating-gold.gif') no-repeat 0 0px;
}

div.cancel a,div.star a
{
    display:block;width:16px;height:100%;background-position:0 0px;border:0;
}

div.star_on a
{
    background-position:0 -15px!important;
}

div.star_hover a,div.star_live a:hover
{
    background-position:0 -30px;
}

/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover
{
    cursor:default !important;
}

/* Partial Star CSS */
div.star
{
    background:transparent!important;
    overflow:hidden!important;
}

/* ============================== scorecard ================================ */

.scorecard
{
    margin:         20px 0;
}

.scorecard .nav
{
    border-bottom:  2px solid #555;
    height:         20px;
}

.scorecard .nav span,
.scorecard td .titlebox span
{
    display:        block;
    background:     #555;
    color:          #fff;
    line-height:    20px;
    height:         20px;
    padding:        0 12px;
    float:          left;
}

.scorecard td.titlebox
{
    background:     #555;
    color:          #fff;
    padding:        0 20px;
    font-weight:    bold;
}

.scorecard td.titlebox a
{
    color:          #ddd;
    font-weight:    normal;
    font-size:      11px;
}

.scorecard td .titlebox span
{

}

.scorecard td .box
{
    border:         1px solid #ddd;
    border-top:     2px solid #555;
    border-right:   none;
    font-size:      11px;
    padding:        10px;
    width:          auto;
}

.scorecard td .last
{
    border-right:   1px solid #ddd;
}

.scorecard td .box span
{
    font-size:      18px;
    color:          #000;
    font-weight:    bold;
    display:        block;
}

/* -------- forum badge --------- */

a.forums
{
    background:     url(/analytics/images/icons/forum.png) no-repeat;
    display:        block;
    width:          150px;
    height:         25px;
}

/* ----------- API documentation ----------- */

.api
{

}

/* ------- api nav -------- */

.api .reference
{
    background:     #eee;
    padding:        10px;
    position:       fixed;
}

.api .reference label
{
    font-weight:    bold;
    font-size:      14px;
}

.api .reference ul
{
    margin:         0 0 12px 0;
}

.api .reference ul li
{

}

.api .reference ul li a
{

}

/* -------- functions ------- */

.api .functions
{
    margin:         0 0 0 150px;
    width:          75%;
}

.api .functions .item
{
    margin-bottom:  50px;
}

.api .functions .item h4
{
    font-weight:    bold;
    font-size:      18px;
    display:        block;
    padding:        12px;
    background:     #f2ffd9;
    border:         1px solid #bcdd79;
    color:          #333;
}

.api .functions .item p
{
    margin:         12px 0;
}

.api .functions .item .example
{

}

.api .functions .item .example label,
.api .functions .item .params label
{
    padding:        5px;
    margin:         10px 0;
    background:     #fafafa;
    border:         1px solid #ddd;
    font-weight:    bold;
    text-transform: uppercase;
    font-size:      11px;
    color:          #333;
    display:        block;
}

.api .functions .item .example .code
{
    background:     #E6F6FB;
    padding:        20px;
    width:          660px;
    overflow:       auto;
}

.api .functions .item .example .declaration
{
    background:     #ffeddc;
    padding:        0px;
    width:          700px;
    overflow:       auto;
}

.api .functions .item .params
{

}

.api .functions .item .params .parameters
{
    background:     #777;
    padding:        10px;
    width:          140px;
}

.api .functions .item .params .parameters li
{

}

.api .functions .item .params .parameters li a
{
    color:          #eee;
    font-weight:    bold;
    font-size:      11px;
    padding:        1px 5px;
    display:        block;
}

.api .functions .item .params .parameters li a.selected
{
    background:     #444;
    color:          #fff;
}

.api .functions .item .params .parameters li a span
{
    font-style:     italic;
    font-weight:    normal;
    color:          #ddd;
}

.api .functions .item .params .definitions
{
    margin:         0 0 0 20px;
    width:          478px;
}

.api .functions .item .params .definitions div
{
    padding:        20px;
    border:         1px solid #ddd;
    background:     #fff;
    width:          100%;
}