body{background: #eee url('images/bg_body.png');  color: #444; font-family: arial; margin: 0;}
*{font-size: 12px;}

/* ---------------------------------------------------------------------- 
   menu bar
   ---------------------------------------------------------------------- */
#divmenu{padding: 10px 2% 10px 1%;
    width: 97%;
    z-index: 10000;
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.2);
    background:#f8f8f8 url('images/bg_menu.png'); 
    border-bottom: 3px solid #def;
    
    margin: 0; text-align: left; color: #888;
    
    border-radius: 0px; 
    position: fixed;
    
    }
    
    #divmenu select{background:#ddd; background:linear-gradient(#ccc, #eee, #f0f0f0); border: 0px;}
    #divmenu option{background:#eee; padding-left: 15px;}

    #divmenu option.group{font-weight: bold; background:#aae; 
          padding-left: 5px;
          border: 1px solid #ccc;
          border-bottom: 0px;
    }
    #divmenu option.active{font-style: italic;}
    input.button{border-radius: 5px; border: 1px solid #aaa;
          background:linear-gradient(#eee, #fff, #ddd); 
    }
    #divmenu #h3menu{
		position: absolute; display: none;
		right: 2em; top: 3em;
		padding: 0.5em; 
		background: #f0f8ff;
		border: 2px solid #eee; border-radius: 0.5em;
	}
    #divmenu #h3menu a{display: block;color:#58a}
    #divmenu #h3menu a:hover{text-decoration: underline;}
    
    #checkversion .version-uptodate{color:#393;}
    #checkversion .version-updateavailable *{color:#ca2;}
    #checkversion .version-updateerror{color:#822;}
    
    h1.title{font-size:150%; color:#7ac; margin: 0; padding: 0px; }     
    h1.title span{color:#c55;}
 
/* ---------------------------------------------------------------------- 
   tiles bar
   ---------------------------------------------------------------------- */
#divtiles{
    padding-left: 1%; height: 75px;
    border-bottom: 0px solid #999;
    padding-top: 75px;
    position: relative;
    }
    

    .tile{float: left; height: 50px; padding: 5px; 
        background:#ddf url('images/bg_tile.png');
        margin: 5px 10px 0 0; 
        text-align: center;
        color:#68c;
        border: 2px solid #fff;
        box-shadow: 3px 3px 5px #ddd;
        border-radius: 5px; 
    }
    .tile .counter{font-weiht: bold; font-size: 160%; color:#69c;
    text-shadow: 1px 1px 0px #eef, 2px 2px 1px #abc;}

/* ---------------------------------------------------------------------- 
   logs
   ---------------------------------------------------------------------- */

    .logs{background:#fec; padding: 3px 3px 1px; margin: 10px 2%; border-radius: 10px;}
    .logs .type{display: none;}
    .logs .warning{color:#a86;}
    .logs .error{color:#c00; margin-bottom: 3px; background:#ecc; border-left: 13px solid #c00; padding-left: 5px;
        border-radius: 10px;
    }
    .logs .info{color:#888; }

        
        
/* ---------------------------------------------------------------------- 
   content
   ---------------------------------------------------------------------- */

    #divmainbody{width: 97%; margin-left: 1%; margin-top: 10px; clear: both;
        border-top: 0px;
        }
    #divmaincontent{background: #fff; padding: 10px; clear: both;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 5px 10px #aaa;
        min-height: 400px;
    }

    /* tabbed menu */
    ul.tabs {
            margin: 0 ;
            padding: 0;
            float: left;
            list-style: none;
            height: 27px; /*--Set height of tabs--*/
            border-bottom: 1px solid #ddd;
            width: 100%;
    }
    ul.tabs li {
            float: left;
            margin: 0 3px 0 0;
            padding: 0;
            height: 26px; /*--Subtract 1px from the height of the unordered list--*/
            line-height: 26px; /*--Vertically aligns the text within the tab--*/
            border: 1px solid #ddd;
            border-bottom: 0px;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            margin-bottom: -1px; /*--Pull the list item down 1px--*/
            overflow: hidden;
            position: relative;
            background: #e8e8e8;
            background-image: linear-gradient(to bottom, #e0e0e0, #f0f0f0);
            /* background-image: linear-gradient(to bottom, #f8f8f8, #e4e4e4, #f8f8f8);*/
    }
    ul.tabs li a {
            text-decoration: none;
            color: #aaa;
            display: block;
            font-size: 1.2em;
            padding: 0 20px;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
            outline: none;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;

    }
    ul.tabs li a:hover {
            color: #888;
            background: #fff;
    }
    html ul.tabs li.active{
            background: #fff;
            border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
            border-top: 2px solid #fd8; /*--Makes the active tab look like it's connected with its content--*/
    }
    html ul.tabs li.active, html ul.tabs li.active a{ /*--Makes sure that the active tab does not listen to the hover properties--*/
            color: #69c;
            font-weight: bold;
    }
    
    .export ul{float: left; list-style: none; margin: 0; padding: 0;}
    .export ul li {float: left; margin: 0; border-right: 1px dotted #ccc; padding: 0 ;}
    .export ul li a{padding: 0 10px; color: #58a;}
    .export ul li a:hover{background: #eff;}

    /* headlines */   
    h2{font-size:200%; color:#88e; margin: 0px 0 10px; padding: 5px; 
                       text-shadow: 1px 1px 0px #fff, 2px 2px 3px #ccc;
                       }
    h3{        
        font-size:120%; color:#58a;margin: 5px 0; padding: 5px; background: #eef url('images/bg_h3.png');
        border-radius: 5px;
        border: 2px solid #fff;
        box-shadow: 3px 3px 5px #ddd;
        text-shadow: 1px 1px 1px #eee;
        
    }
    h4{background: #fff8d0; padding: 5px; color:#88a; border-radius: 5px;}


    /* boxes below headlines */

    div.h2 {margin-left: 0px; margin-bottom: 30px; }
    div.h3 {margin-left: 10px; margin-bottom: 30px; padding-left: 10px; padding: 5px 5px 15px; border-left: 0px dotted #aaa; border-bottom: 0px dotted #aaa; border-bottom-left-radius: 10px;
        box-shadow: -1px 1px 3px rgba(0,0,0,0.1);
    }
    div.h4 {margin-left: 10px; margin-bottom: 10px; padding-left: 10px; border-left: 1px dotted #ccc; border-bottom: 1px dotted #ccc; border-bottom-left-radius: 10px;}


    .hintbox{background: #fcfcd8 url('images/bg_hint.png'); 
            border: 2px solid #fff;
            box-shadow: 3px 3px 5px #eee;
            border-radius: 5px; 
            padding: 10px; margin: 10px 20px 10px 0 ;
            color:#a96;
    }


    /* Links */   

    a{text-decoration: none; color:#22f;}


    /* pre */   
    pre{font-size: 80%; display: inline-block;}

    /* tables */   

    table{border-spacing: 1px;}
    table *{font-size: 11px;}
    table a{color: #000; background: none !important;}
    table a:hover{text-decoration: underline;}
    tr{
        border-bottom: 1px solid #888;
    }

    .dataTables_wrapper {
        min-height: 0;
    }
    .dataTables_wrapper table{border: 2px solid #fff; border-radius: 6px;
        box-shadow: 0 0 3px #ccc;
        margin: 10px 0;
    }
    .dataTables_wrapper th{padding: 5px 20px 5px 5px; border-bottom: 2px solid #aaa; 
        border-radius: 5px 5px 0 0;
    }

    .dataTables_filter {
        width: auto;
        float: none;
        text-align: left;
    }
    .dataTables_filter input{
        width: 200px; border: 1px solid #ddd; border-radius:5px; padding: 2px;
        background: #fff;
        background: linear-gradient(#eee, #fff, #fff);
        color:#b30;
    }
    .dataTables_filter a{
        border: 1px solid #daa;
        border-radius: 4px;
        background: #fcc;
        background: linear-gradient(#fcc, #fee, #fcc);
        color: #daa;
        padding: 0px 4px;
        margin-left: 3px;
        font-weight: bold;
    }
    .dataTables_filter a:hover{
        border: 1px solid #caa;
        color: #c88;
        background: #fee;
    }
    
    .dataTables_length {
        float: left;
        width: 15%;
    }    
.sorting_asc {
	background: #cce url('../../javascript/datatables/media/images/sort_asc.png') no-repeat center right;
	background-image: url('../../javascript/datatables/media/images/sort_asc.png'), linear-gradient(to bottom, #ddf, #bbd);
        border-left: 1px solid #fff;
        border-right: 1px solid #aaa;
}

.sorting_desc {
	background: #cce url('../../javascript/datatables/media/images/sort_desc.png') no-repeat center right;
	background-image: url('../../javascript/datatables/media/images/sort_desc.png'), linear-gradient(to bottom, #bbd, #f0f0f8);
        border-left: 1px solid #fff;
        border-right: 1px solid #aaa;
}

.sorting {
	background: #e8e8e8 url('../../javascript/datatables/media/images/sort_both.png') no-repeat center right;
        border-left: 1px solid #fff;
        border-right: 1px solid #ddd;
}

.sorting_asc_disabled {
	background: url('../../javascript/datatables/media/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../../javascript/datatables/media/images/sort_desc_disabled.png') no-repeat center right;
}

/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	/* background-color: #D3D6FF; */
	background-color: #f0f0f8;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	/* background-color: #EAEBFF;*/
	background-color: #e8e8f8;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
        background-image: linear-gradient(to bottom, #f8f8f8, #ddd, #f8f8f8);
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers a.paginate_active {
        background-image: linear-gradient(to bottom, #f8f8f8, #bbe, #f8f8f8);
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


.dataTables_info {
	width: 17%;
	float: none;
}

.dataTables_paginate {
	width: 50px;
	text-align: left;
        float: left;
}

    /* bars in the worker table */
    .barTotal{background:#ccc !important; border: 1px solid #aaa; height: 7px;}
    .barBusyWorker{background:#9f9 !important; height: 7px; float: left;}
    .barValue{background:#9f9 !important; height: 7px; float: left;}
    .barIdleWorker{background:#999 !important; height: 7px;float: left;}

    /* colors for http action */
    .methodoptions{background:#f0f0f0; color: #888;}
    .methodhead{background:#ddf;}
    .methodpost{background:#bfb; color: #333;}
    .methodpropfind{background:#ddf;}
    .methodget, .methodget *{background:#dfd; color: #333;}


    /* colors for request method
    "_" Waiting for Connection, "S" Starting up, "R" Reading Request,
    "W" Sending Reply, "K" Keepalive (read), "D" DNS Lookup,
    "C" Closing connection, "L" Logging, "G" Gracefully finishing,
    "I" Idle cleanup of worker, "." Open slot with no current process
    */
    .actdot,         .actdot * {background:#ddd; color: #aaa;}
    .actunderscore,  .actunderscore *{background:#eee; color: #666;}
    .actS,           .actS * {background:#f8fff8;}
    .actR,           .actR * {background:#cfc;}
    .actW,           .actW * {font-weight: bold; }
    .actK, .actK * {}
    .actD, .actD * {}
    .actC, .actC * {background:#fdd;}
    .actL, .actL * {}
    .actG, .actG * {background:#fdd;}
    .actI, .actI * {background:#fcc;}

    /* colors for long running requests */
    .exectimewarn,     .exectimewarn * {color:#f55;}
    .exectimecritical, .exectimecritical * {color:#f00; font-weight: bold;}


/* go top div */

#divgotop{
    background: #333;
    background: rgba(0,0,0,0.6);
    color:#eee;
    position: fixed;
    bottom: 10px; left: 0px;
    padding: 10px 20px 10px 10px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
    #divgotop a {color:#eee; padding: 15px 5px 15px 5px;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }
    #divgotop a span { display: none; }
    #divgotop a:hover span { display: inline;}


/* footer */

#divfooter{text-align: center; margin: 50px 10% 0; padding: 20px; border-top: 1px solid #ace; background: #def; border-radius: 5px;
       background-image: linear-gradient(to bottom, #def, #fff);
       border-radius: 15px;
       width: 80%;
}

    #divfooter ul {margin: 0;}
    #divfooter ul li{ list-style: none; }
    #divfooter ul li a{ color:#888;}
    #divfooter ul li a:hover{ text-decoration: underline;}

    
/* dump */
.ok{}
.miss{background: #fcc;}