body           { padding-right:    0px;
                     background-color: #99CCCC; }

    .logo          { color:            #003366;
                     font-size:        24px;
                     line-height:      1em;
                     margin-top:       0em;
                     margin-bottom:    0em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      bold;
                     text-decoration:  none; }

	.logo0 		{ color:            #003366;
                     font-size:        18px;
                     line-height:      1em;
                     margin-top:       0em;
                     margin-bottom:    0em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      bold;
                     text-decoration:  none;
}
    .logo1          { color:            #FFFFFF;
                     font-size:        18px;
                     line-height:      1.0em;
                     margin-top:       0.0em;
                     margin-bottom:    0.0em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      bold;
                     text-decoration:  none; }

    .logo2          { color:            #304090;
                     font-size:        16px;
                     line-height:      1.0em;
                     margin-top:       0.0em;
                     margin-bottom:    0.0em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      bold;
                     text-decoration:  none; }

    .logo3          { color:            #FFFFFF;
                     font-size:        24px;
                     line-height:      1em;
                     margin-top:       0em;
                     margin-bottom:    0em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      bold;
                     text-decoration:  none; }

    .headline      { width:            100%;
		     vertical-align:   middle;
                     text-align:       left;
		     color:            #f7f7f7;
                     font-size:        14px;
		     letter-spacing:   1px;
                     line-height:      1em;
                     padding-top:      0.8em;
                     padding-bottom:   0.8em;
                     padding-left:     1em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      bold; }

    h1             { color:            #FFFFFF;
                     font-size:        28px;
                     line-height:      1.2em;
                     margin-top:       0.5em;
                     margin-bottom:    0.0em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      bold;
                     text-decoration:  none; }
    h2             { color:            #FFFFFF;
                     font-size:        18px;
                     line-height:      1.2em;
                     margin-top:       1.0em;
                     margin-bottom:    0.0em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      bold;
                     text-decoration:  none; }
    h3             { color:            #FFFFFF;
                     font-size:        14px;
                     line-height:      1.2em;
                     margin-top:       1.3em;
                     margin-bottom:    0.0em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      bold;
                     text-decoration:  none; }
    p           { color:            #003366;
                     font-size:        11px;
                     line-height:      1.4em;
                     margin-top:       0.6em;
                     margin-bottom:    0.6em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }
    th           { 
                     font-size:        11px;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }
    .normal           { color:            #003366;
                     font-size:        11px;
                     margin-top:       0.0em;
                     margin-bottom:    0.0em;
                     line-height:      1.0em;
                     text-indent:      0em;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }
    .p-tabelle-hell          { color:            #003366;
                     font-size:        11px;
                     line-height:      1.4em;
                     margin-top:       0.6em;
                     margin-bottom:    0.6em;
                     font-family:      Verdana,Arial, Helvetica,Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }
    .p-tabelle-dunkel          { color:            #FFFFFF;
                     font-size:        11px;
                     line-height:      1.4em;
                     margin-top:       0.6em;
                     margin-bottom:    0.6em;
                     font-family:      Verdana,Arial, Helvetica,Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }

    li           {
	color:            #003366;
	font-size:        11px;
	line-height:      1.4em;
	margin-top:       0.3em;
	margin-bottom:    0.3em;
	text-indent:      0em;
	font-family:      Verdana,Arial,Helvetica,Swiss;
	font-weight:      normal;
	text-decoration:  none;
	list-style-type: none;
	list-style-image: url(/images/arrow-r-small.gif);
}
    input          { color:            #5f5f5f;
                     font-size:        11px;
                     margin-top:       0.1em;
                     margin-bottom:    0.1em;
                     text-indent:      0em;
                     font-family:      Helvetica,Swiss,Arial;
                     font-weight:      normal;
                     text-decoration:  none; }
    select,option  { color:            #5f5f5f;
                     font-size:        11px;
                     margin-top:       0.1em;
                     margin-bottom:    0.1em;
                     text-indent:      0em;
                     font-family:      Helvetica,Swiss,Arial;
                     font-weight:      normal;
                     text-decoration:  none; }
    td             { color:            #000000;
                     font-size:        11px;
                     line-height:      1.4em;
                     padding-left:     10px;
                     padding-right:    10px;
                     margin-left:      1.0em;
                     margin-top:       0.2em;
                     margin-bottom:    0.2em;
                     text-indent:      0em;
		     text-align:       left;
		     vertical-align:   top;
                     font-family:      Verdana,Arial,Helvetica,Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }

    a               { color:           #990000;
                     font-size:        11px;
                     line-height:      1.3em;
                     text-indent:      0em;
                     font-family:      Verdana, Arial, Helvetica, Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }
    a:active       { }
    a:link         { }
    a:visited      { }
    a:hover        { color: #FFFFFF; }

    .menu          { color:            #003366;
                     font-size:        11px;
                     line-height:      1.6em;
                     font-family:      Verdana,Arial, Helvetica,Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }
    .menu:active   { }
    .menu:link     { }
    .menu:visited  { }
    .menu:hover    { color:            #990000; }

    .menu2         { color:            #990000;
                     font-size:        11px;
                     line-height:      1.6em;
                     font-family:      Verdana, Arial, Helvetica, Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }
    .menu2:active  { }
    .menu2:link    { }
    .menu2:visited { }
    .menu2:hover   { color: #FFFFFF; }

    .menu3         { color:            #000000;
                     font-size:        11px;
                     line-height:      1.6em;
                     font-family:      Verdana, Arial, Helvetica, Swiss;
                     font-weight:      normal;
                     text-decoration:  none; }
    .menu3:active  { }
    .menu3:link    { }
    .menu3:visited { }
    .menu3:hover   { color: #FFFF66; }

    SPAN.hint
    {
        BORDER-RIGHT: black 1px solid;
        PADDING-RIGHT: 2px;
        BORDER-TOP: black 1px solid;
        PADDING-LEFT: 2px;
        FONT-WEIGHT: normal;
        LEFT: 0px;
        VISIBILITY: hidden;
        PADDING-BOTTOM: 2px;
        TEXT-TRANSFORM: none;
        BORDER-LEFT: black 1px solid;
        WIDTH: 400px;
        COLOR: black;
        PADDING-TOP: 2px;
        BORDER-BOTTOM: black 1px solid;
        FONT-STYLE: normal;
        FONT-FAMILY: Arial;
        POSITION: absolute;
        TOP: 0px;
        BACKGROUND-COLOR: oldlace;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none
    }
    SPAN.hint HR
    {
        WIDTH: 80%;
        COLOR: black;
        HEIGHT: 1px
    }
.tabelle-hell {
	background-color: #99CCCC;
	font-family: Verdana, Arial, Helvetica, Swiss;
}
.tabelle-dunkel {

	background-color: #77AAAA;
	font-family: Verdana, Arial, Helvetica, Swiss;
}

/*
 * W  E  B  A  L  I  Z  E  R
 * 
 * 
 * 
 * Shared Classes
 */
pre.details_pre {font-size: 8pt; margin-left: 5px; text-align: left;}
p.note_p {margin: auto 30px; color: #606060; font: 8pt Arial, sans-serif; text-align: left;}
td.spammer, span.spammer {color: red;}

/*
 * Page Header & Footer Classes
 */
div.page_header_div {background-color: #99CCCC; border-bottom: 1px solid #333333; margin: 0; padding: .5em; text-align: left;}
div.usage_summary_div {font-size: 8pt; margin: 0;}
div.usage_summary_div em {font-size: 10pt; font-weight: bold; font-style: normal;}

/* 
 * Highlight the row under the mouse pointer (IE doesn't support this) 
 */
tbody.summary_data_tbody tr:hover th, 
tbody.summary_data_tbody tr:hover td, 
tbody.totals_data_tbody tr:hover th, 
tbody.totals_data_tbody tr:hover td,
tbody.stats_data_tbody tr:hover td, 
tbody.stats_data_tbody tr:hover th {background-color: #77AAAA;}
tbody tr.group_shade_tr:hover td,
tbody tr.group_shade_tr:hover th {background-color: #77AAAA;}

/*
 * Graph Holders
 */
div.graph_holder {margin: 1em ; padding: 0; border: 1px solid #333333; background-color: #E3E3E3;}
div#monthly_summary_graph, div#daily_usage_graph, div#hourly_usage_graph, div#country_usage_graph {width: 512px;}

/*
 * Colorized Header Cells (Hits, Pages, Visits, etc)
 */
th.counter_th 	{background-color: #C0C0C0;}
th.hits_th		{background-color: #008040;}
th.files_th		{background-color: #0080FF;}
th.pages_th		{background-color: #00E0FF;}
th.visits_th	{background-color: #FFFF00;}
th.duration_th {background-color: #FFD700;}
th.sites_th		{background-color: #FF8000;}
th.kbytes_th	{background-color: #FF2F2F;} 
th.time_th		{background-color: #66A1FF;}
th.errors_th	{background-color: #FFD700;}
th.count_th		{background-color: #FFD700;}
th.item_th		{background-color: #00E0FF;}
th.method_th	{background-color: #8FBC8F;}
th.dlname_th	{background-color: #8FBC8F;}


/*
 * Report table base classes
 */
table.report_table {border-collapse: collapse; background-color: #99CCCC; margin: 1em ; border-spacing: 1px;}
table.report_table thead {background-color: #CCC;}
table.report_table th,
table.report_table td {padding: 2px 4px; border: 1px solid #888;}
table.report_table thead th {border-color: #333;}
table.report_table tr.table_title_tr {text-align: center; font-size: 12pt; background-color: #DDD;}
table.report_table tr.table_footer_tr {background-color: #DDD;}
table.report_table tr.all_items_tr {background-color: #D8D9E6;}
table.report_table th.small_font_th {font-size: 7pt;}
table.report_table tr.group_shade_tr {background-color: #D8D9E6;}

/*
 * Monthly Summary Table
 */
table.monthly_summary_table {width: 600px;}
table.monthly_summary_table tbody.summary_data_tbody {text-align: right;}
table.monthly_summary_table tbody.summary_data_tbody th {text-align: left; font-weight: normal; white-space: nowrap;}
table.monthly_summary_table tbody.summary_footer_tbody td {text-align: right; font-weight: bold;}
table.monthly_summary_table tbody.summary_footer_tbody th {text-align: left;}

/*
 * Monthly Totals Table
 */
table.monthly_totals_table {width: 510px;}
table.monthly_totals_table tbody.totals_data_tbody th {text-align: left; font-weight: normal;}
table.monthly_totals_table tbody.totals_data_tbody td {text-align: right; font-weight: bold;}
table.monthly_totals_table tbody.totals_header_tbody {background-color: #DDD;}
table.monthly_totals_table tbody.totals_header_tbody td {text-align: right; font-weight: bold;}
table.monthly_totals_table col.totals_data_col {width: 65px;}

/*
 * Daily and Hourly Totals Tables
 */
table.totals_table {width: 510px;}
table.totals_table tbody.totals_data_tbody td {text-align: right; font-weight: bold;}
table.totals_table tbody.totals_data_tbody td.totals_data_percent_td {font-size: 7pt; font-weight: normal;}

/*
 * Stats Table
 */
table.stats_table {width: 510px;}
table.stats_table tbody.stats_data_tbody td {text-align: right; font-weight: bold;}
table.stats_table tbody.stats_data_tbody td.stats_data_percent_td {font-size: 7pt; font-weight: normal;}
table.stats_table tbody.stats_data_tbody td.stats_data_item_td {font-weight: normal; text-align: left; white-space: nowrap;}
table.stats_table tbody.stats_footer_tbody td {text-align: center;}