/*
 * ----------------------------------------------------
 * Some general stuff
 * ----------------------------------------------------
 */
*
{
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 5px;
    padding: 0px;

    font-family: Trebuchet,"Bitstream Vera Sans",verdana,lucida,arial,helvetica,sans-serif;
    font-size: 70%;

    background-color: #e9e9e9;
}

/**
 * ----------------------------------------------------
 * Avoid scrolling problems for scroll-to by
 * using local scroll bars for wide content, applied
 * when needed.
 * ----------------------------------------------------
 */
pre
{
    overflow: auto;
}

/**
 * ----------------------------------------------------
 * Headlines
 * ----------------------------------------------------
 */
h1
{
    font-size: 20px;
    font-weight: bold;
}
h2
{
    font-size: 16px;
    font-weight: bold;
}
h3
{
    font-size: 14px;
    font-weight: bold;
}

/**
 * ----------------------------------------------------
 * The global anchor definitions
 * ----------------------------------------------------
 */
a
{
    color: #3d5376;
    text-decoration: none;
}
    a:hover
    {
        color: #3d5376;
        text-decoration: underline;
    }
    a:visited
    {
        color: #3d5376;
    }

/**
 * Global container for the page
 */
#container
{
    background-color: #e9e9e9;
}

/**
 * ----------------------------------------------------
 * The content section. Holds header, navigation, data, footer.
 * No direct need at the moment, maybe for future use.
 * ----------------------------------------------------
 */
#content
{
}

/**
 * ----------------------------------------------------
 * Headers
 * ----------------------------------------------------
 */
#header
{
    background-color: #dAA163;
    border: 1px solid #bbb;

    /*
        This is not 100% standard conform, but gives us
        rounded corners for CSS 3 and in some supporting browsers
        even before that. Will fall back to standard corners
        in all other browsers.
    */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    padding: 15px 10px 15px 15px;
}
    #header h1
    {
        font-size: 250%;
        font-weight: bold;

        color: #f9f9f9;
    }
    #header h2
    {
        font-size: 120%;
        font-weight: normal;
        text-align: left;
        color: #f9f9f9;
        padding-left:2px;
    }
        #header h2 a
        {
            color: #f9f9f9;
        }

/**
 * ----------------------------------------------------
 * The navigation that is places right upper corner.
 * ----------------------------------------------------
 */
#navigation
{
    position: fixed;
    top: 10px;
    right: 10px;
    width: 15em;

    border: 1px solid #aaa;
    font-size: 11px;
    padding: 5px;
    color: #333;
    background-color: White;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    z-index:100;
}
    #navigation h2
    {
        text-align: right;
        padding: 0px;
        color: #3D5376;
        font-size: 11px;
    }
    #navigation ul
    {
        margin: 5px;
        text-align: right;
    }
        #navigation ul li
        {
            list-style-type: none;
        }


/**
 * ----------------------------------------------------
 * Data Content section to hold all the reports and
 * data tables.
 * ----------------------------------------------------
 */
#data-content
{
    padding: 0px;
}

/**
 * ----------------------------------------------------
 * The footer.
 * ----------------------------------------------------
 */
#footer
{
    padding: 10px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align:center;
    font-size: 11px;

    border: 1px solid #aaa;
    background-color: #EAA163;
    color: #f9f9f9;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}
    #footer a
    {
        color: #f9f9f9;
    }

/**
 * ----------------------------------------------------
 * The most important data container, the table
 * with all these beautful numbers.
 * ----------------------------------------------------
 */
table
{
    width: 100%;
    border-spacing: 1px;

    /* get wide tables displayed nicely */
    overflow: scroll;
    
    empty-cells: show;
}
    table thead td, th
    {
        background-color: #F0DCA9;
        padding: 4px;
    }
    table tfoot td
    {
        background-color: #F0DCA9;
        padding: 4px;
    }
    table th
    {
        background-color: #f0dCa9;
    }
        table th.table-sortable
        {
            background: #f0dCa9 url(../images/01_unsorted.gif) right no-repeat;
        }
        table th.table-sorted-asc
        {
            background: #f0cCa9  url(../images/01_ascending.gif) right no-repeat;
        }
        table th.table-sorted-desc
        {
            background: #f0cCa9  url(../images/01_descending.gif) right no-repeat;
        }
    table td
    {
        background-color: #eeeed0;

        padding: 2px 4px;
        vertical-align: top;
    }
    	/* 
    		Hover effect for tables. Clean lines
    	 	It uses CSS 3 for the left and right border effect. 
    	 */
        table tr td
        {
			border-top: 1px solid transparent;
			border-bottom: 1px solid transparent;
        }
	        table tr td:first-child
	        {
				border-left: 1px solid transparent;
	        }
	        table tr td:last-child
	        {
				border-right: 1px solid transparent;
	        }

		/* 
			When hovering, it uses CSS 3 for the left and right border. 
		*/
        table tbody tr:hover td
        {
			border-top: 1px solid #aeae90;
			border-bottom: 1px solid #aeae90;
        }
	        table tbody tr:hover td:first-child
	        {
				border-left: 1px solid #aeae90;
	        }
	        table tbody tr:hover td:last-child
	        {
				border-right: 1px solid #aeae90;
	        }


        /* format total rows in bold */
        table tr.totals
        {
            font-weight: bold;
        }
        table tr.totals td.key
        {
            text-align: right;
        }

        table tr.odd td
        {
            background-color: #f5f5f0;
        }

        table td.key
        {
            text-align: left;
			white-space: nowrap;
        }
            table td.key div.cluetip-data
            {
                display: none;
            }
        table td.value
        {
            text-align: right;
        }
        table td.text
        {
            text-align: left;
        }
        table td.centeredtext
        {
            text-align: center;
        }
		table td.number
        {
            text-align: right;
        }
        table td.link
        {
            text-align: center;
        }
        table td.error
        {
            color: Red;
        }
        table td.event
        {
            color: #cc6600;
        }
        /* Style the directory entry in the error table */
        table td.directory
        {
            white-space: nowrap;
        }

/**
 * ----------------------------------------------------
 * The data within a specific reporting topic
 * ----------------------------------------------------
 */
.section
{
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: White;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #bbb;

    padding: 5px;
}
    .section h2
    {
        background-color: White;
        border-bottom: 2px solid #2F4782;
        padding: 5px 10px 2px 5px;
        color: #2F4782;
    }

    .section h3
    {
		border-bottom: 1px dashed #2F4782;
        margin: 20px 0px 5px 0px;
        padding: 2px 5px;
        color: #3D5376;
    }
        .section .description h3
        {
            display: none;
        }

    .section p
    {
        margin: 5px 0px;
        padding: 2px 5px;

        text-align: justify;
    }

.subsection
{
    margin-top: 8px;
    margin-bottom: 8px;
}

/**
 * ----------------------------------------------------
 * The chart area, usually as tabs, but sometimes standalone.
 * You find the tab stuff below.
 * ----------------------------------------------------
 */
.charts
{
    text-align: center;
    margin: 10px 50px;
}
    .charts .chart
    {

        text-align: center;
    }
        .charts .chart img
        {
            border: 1px solid #bbb;
        }

/**
 * ----------------------------------------------------
 * The tool tips and their styling
 * ----------------------------------------------------
*/
#cluetip
{
    width: auto !important;
    font-size: 10px;
    max-width: 95%;
}
    #cluetip #cluetip-inner
    {
        padding: 2px;
        overflow: hidden;

        border: 1px solid #bbb;

        background-color: White;
    }
    #cluetip h4
    {
        font-size: 10px;
        background-color:#f0cca9;
        padding: 5px 5px;
    }
    #cluetip ul.urls
    {
        padding:0px;
        margin: 0px;
    }
        #cluetip li
        {
            padding: 2px 5px;
            list-style-type: none;
        }
        #cluetip li.even
        {
            background-color: #e9e9d2;
        }
        #cluetip li.odd
        {
        }


/**
 * ----------------------------------------------------
 * Tabs
 * ----------------------------------------------------
 */
.ui-tabs
{
    margin: 5px 0px;
    padding: 10px;
}
    .ui-tabs .ui-tabs-nav
    {
        text-align: left;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
        .ui-tabs .ui-tabs-nav ul
        {
            list-style: none;
            padding: 5px;
            margin: 0;
        }
        .ui-tabs .ui-tabs-nav li
        {
            display: inline;
            cursor: pointer;
            position: relative;
            z-index: 0;
            border: 1px solid #bbb;
            margin: 0 5px -1px 0;
            padding: 5px 0px 0px 0px;
            background-color: #e9e9e9;

            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -khtml-border-top-right-radius: 4px;
            -khtml-border-top-left-radius: 4px;
        }
            .ui-tabs .ui-tabs-nav li a
            {
                text-decoration: none;
                padding: 0px 20px;
            }
            .ui-tabs .ui-tabs-nav li.ui-tabs-selected
            {
                padding-bottom: 1px;
                border-bottom-width: 0;
                background-color: White;
            }
        .ui-tabs .ui-tabs-panel
        {
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -khtml-border-radius: 4px;

            border-top-left-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -webkit-border-top-left-radius: 0px;
            -khtml-border-top-left-radius: 0px;

            padding: 5px;
            border: 1px solid #bbb;
            background-color: White;
        }

        .ui-tabs .ui-tabs-hide
        {
            display: none !important;
        }


/**
 * ----------------------------------------------------
 * Diff report color coding
 * ----------------------------------------------------
 */
.p0                                                        { background-color: rgb(245,245,245) !important; }
.p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8, .p9                { background-color: rgb(248,250,248) !important; }
.p10, .p11, .p12, .p13, .p14, .p15, .p16, .p17, .p18, .p19 { background-color: rgb(241,246,241) !important; }
.p20, .p21, .p22, .p23, .p24, .p25, .p26, .p27, .p28, .p29 { background-color: rgb(226,236,226) !important; }
.p30, .p31, .p32, .p33, .p34, .p35, .p36, .p37, .p38, .p39 { background-color: rgb(212,227,212) !important; }
.p40, .p41, .p42, .p43, .p44, .p45, .p46, .p47, .p48, .p49 { background-color: rgb(197,217,197) !important; }
.p50, .p51, .p52, .p53, .p54, .p55, .p56, .p57, .p58, .p59 { background-color: rgb(183,208,183) !important; }
.p60, .p61, .p62, .p63, .p64, .p65, .p66, .p67, .p68, .p69 { background-color: rgb(168,198,168) !important; }
.p70, .p71, .p72, .p73, .p74, .p75, .p76, .p77, .p78, .p79 { background-color: rgb(154,189,154) !important; }
.p80, .p81, .p82, .p83, .p84, .p85, .p86, .p87, .p88, .p89 { background-color: rgb(139,179,139) !important; }
.p90, .p91, .p92, .p93, .p94, .p95, .p96, .p97, .p98, .p99 { background-color: rgb(125,170,125) !important; }
.p100                                                      { background-color: rgb(110,160,110) !important; }

.n0                                                        { background-color: rgb(245,245,245) !important; }
.n1, .n2, .n3, .n4, .n5, .n6, .n7, .n8, .n9                { background-color: rgb(253,248,248) !important; }
.n10, .n11, .n12, .n13, .n14, .n15, .n16, .n17, .n18, .n19 { background-color: rgb(250,242,242) !important; }
.n20, .n21, .n22, .n23, .n24, .n25, .n26, .n27, .n28, .n29 { background-color: rgb(244,228,228) !important; }
.n30, .n31, .n32, .n33, .n34, .n35, .n36, .n37, .n38, .n39 { background-color: rgb(239,215,215) !important; }
.n40, .n41, .n42, .n43, .n44, .n45, .n46, .n47, .n48, .n49 { background-color: rgb(233,201,201) !important; }
.n50, .n51, .n52, .n53, .n54, .n55, .n56, .n57, .n58, .n59 { background-color: rgb(228,188,188) !important; }
.n60, .n61, .n62, .n63, .n64, .n65, .n66, .n67, .n68, .n69 { background-color: rgb(222,174,174) !important; }
.n70, .n71, .n72, .n73, .n74, .n75, .n76, .n77, .n78, .n79 { background-color: rgb(217,161,161) !important; }
.n80, .n81, .n82, .n83, .n84, .n85, .n86, .n87, .n88, .n89 { background-color: rgb(211,147,147) !important; }
.n90, .n91, .n92, .n93, .n94, .n95, .n96, .n97, .n98, .n99 { background-color: rgb(206,134,134) !important; }
.n100                                                      { background-color: rgb(200,120,120) !important; }

.added    { color: #888 !important;}
.removed  { color: #888 !important;}
.infinity { background-color: rgb(200,120,120) !important;}