html, body {
	background: #ffffff;
	color: #000;
}
div.commands {
	padding: 1em; border: solid thin; margin: 1em 0;
	background: #ddd
}
html, body, h2, h3, h4, div, p, ul, li, input {
	font-family: Arial, Helvetica, sans-serif;
}
/*a:link {*/
	/*background: #fff;*/
	/*color: #037;*/
	/*text-decoration: none;*/
/*}*/
a:visited {
	background: #fff;
	color: #636;
}
a:active {
	background: #CE164A;
	color: #900;
	text-decoration: none;
}
dt {
	font-size: 11pt;
}
dd {
	font-style: italic;
}
div.render {
	padding: 1em;
	margin: 1em 0;
	font-size: 12pt;
	color: blue;
}
div.slogan {
	font-size: 12pt;
	color: blue;
}
table.closed {
	border-style: hidden;
	border-spacing: 0px;
	display: block; /* allows the image concatenation, at least for konqueror */
	margin: 0px;
	line-height: 0px;
	vertical-align: 0px;
}
table.widthFixed {
	table-layout: fixed;
}
table.visible {
	border-width:1px;
	border-style:solid;
	border-color:black;
	border-collapse: collapse;
}
td.visible {
	border-width:1px;
	border-style:solid;
	border-color:black;
}


/* Table with orange rounded corners */
table.roundedCorners { 
	border: 1px solid DarkOrange;
	border-radius: 13px; 
	border-spacing: 0;
}
table.roundedCorners td, 
table.roundedCorners th { 
	border-bottom: 1px solid DarkOrange;
	padding: 10px; 
}
table.roundedCorners tr:last-child > td {
	border-bottom: none;
}
code {
	color: DarkOrange;
}

/* Below this line, there is temporary items */
/*	disabling it since it triggers errors.
img.closed {
	hspace: 0;
	vspace: 0;
}
*/

body {
    background: #fff;
    color:      #000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
}

@media screen {
    body {
        margin:     0;
        padding:    1em;
    }

    h1 {
        color:      #223;
        font-size:  140%;
    }

    h2 {
        color:      #335;
        font-size:  120%;
    }

    h3 {
        color:      #446;
        font-size:  100%;
    }

    div {
	    opacity:	1;
	    transition:	opacity 500ms;
    }
    div.invisible {
	    opacity:	0;
    }

    #message {
        border:     1px solid #fc0;
        background: #fec;
        padding:    1em;
    }

    #logged {
        float:      right;
        display:    inline;
        margin:     0;
    }

    #menu {
        list-style: none;
        margin:     -1.25em -1.25em 1em;
        padding:    0;
        height:     2em;
        font-size:  80%;
        background-color: #e0e7ee;
    }

    #menu li {
        display:    inline;
        padding:    0;
    }

    #menu a {
        padding:    0.3em 1em 0;
        height:     1.7em;
        display:    block;
        float:      left;
    }

    #menu a:hover {
        background-color: #8ab;
        color:      #000;
        text-decoration:        none;
    }

    #menu form {
        display:    inline;
        float:      right;
    }

    #menu input {
        /*background: #fff '/bg-search.png' no-repeat 100% 50%;*/
	background-image: url("/bg-search.png");
	background-position: right;
	background-repeat: no-repeat;
	background-color: #fff;
        color: #333;
        font-family: 'DejaVu Sans Mono','Liberation Mono',monospaced;
    }

}

#logged li {
    display:    inline;
    background: #eee;
    border:     1px solid #ccc;
    padding:    0.1em 0.5em;
}

#errors {
    background: #fdc;
    border:     1px solid #c00;
}

dd textarea {
    width:  100%;
    height: 25em;
}

#preview_area {
    border: 1px solid #900;
    margin-top: 1em;
    padding: 1em;
    background: #eee;
    display: none;
}

#preview_link {
    color:      #656;
    text-decoration: none;
    border-bottom: 1px dashed #878;
}

#delete_link {
    color:      #900;
    float:      right;
}

@media print {
    body {
        font-family: serif;
    }

    #logged, #message, #menu {
        display: none;
    }
}