/******************************************************************************/
/* general tags */
html {
    font-size: 82%;
}

input, select, textarea {
    font-size: 1em;
}


body {
    font-family:        sans-serif;
    padding:            0;
    margin:             0.5em;
    color:              #444;
    background:         #fff;
}

textarea, tt, pre, code {
    font-family:        monospace;
}
h1 {
    font-size:          140%;
    font-weight:        bold;
}

h2 {
    font-size:          2em;
    font-weight:        normal;
    text-shadow:		0px 1px 0px #fff;
    padding:			10px 0 10px 3px;
    color:				#777;
}
/* Hiding icons in the page titles */

h3 {
    font-weight:        bold;
}

a, a:link,
a:visited,
a:active {
    text-decoration:    none;
    color:              #235a81;
    cursor:             pointer;
    outline: none;
}

a:hover {
    text-decoration:    underline;
    color:              #235a81;
}

dfn {
    font-style:         normal;
}

dfn:hover {
    font-style:         normal;
    cursor:             help;
}

th {
    font-weight:        bold;
    color:              #000000;
    background:         #f3f3f3;
    background-image: url(./svgFFFCCC.svg);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
    background: -o-linear-gradient(top,  #ffffff,  #cccccc);
    }

a img {
    border:             0;
    max-width:		100%;
}

hr {
    color:              #000000;
    background-color:   #000000;
    border:             0;
    height:             1px;
}

form {
    padding:            0;
    margin:             0;
    display:            inline;
}

input[type=text]{
	border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;

    box-shadow:0 1px 2px #ddd;
    -moz-box-shadow:0 1px 2px #ddd;
    -webkit-box-shadow:0 1px 2px #ddd;

    background:url(./input_bg.gif);
    border:1px solid #aaa;
    color:#555555;
    padding:4px;
    margin:6px;

}

input[type=password]{
	border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;

    box-shadow:0 1px 2px #ddd;
    -moz-box-shadow:0 1px 2px #ddd;
    -webkit-box-shadow:0 1px 2px #ddd;

	background:url(./input_bg.gif);
    border:1px solid #aaa;
    color:#555555;
    padding:4px;
    margin:6px;

}

input[type=submit]{
    font-weight:bold;
    margin-left:14px;
	border: 1px solid #aaa;
	padding: 3px 7px;
	color: #111;
	text-decoration: none;
	background: #ddd;

    border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;

	text-shadow: 0px 1px 0px #fff;

    background-image: url(./svgFFFCCC.svg);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
    background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
    background: -o-linear-gradient(top,  #ffffff,  #cccccc);
    }

input[type=submit]:hover{	position: relative;
    background-image: url(./svgCCCDDD.svg);
    background-size: 100% 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
    background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
    background: -o-linear-gradient(top,  #cccccc,  #dddddd);
        cursor:pointer;
}

input[type=submit]:active{	position: relative;
	top: 1px;
	left: 1px;
}
textarea {
    overflow:           visible;
    height:             18em;
}

fieldset {
    margin-top:         1em;
    border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    padding:5px;
    border:             #aaa solid 1px;
    padding:            1.5em;
    background:         #eee;
    text-shadow:0 1px 0 #fff;
	-moz-box-shadow: 1px 1px 2px #fff inset;
    -webkit-box-shadow: 1px 1px 2px #fff inset;
    box-shadow: 1px 1px 2px #fff inset;
}


fieldset legend {
    font-weight:        bold;
    color:              #444;
    padding:5px 10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border:1px solid #aaa;
    background-color:   #fff;
    -moz-box-shadow:3px 3px 15px #bbb;
    -webkit-box-shadow:3px 3px 15px #bbb;
    box-shadow:3px 3px 15px #bbb;
}

/* buttons in some browsers (eg. Konqueror) are block elements,
   this breaks design */
button {
    display:            inline;
}


/* 3.4 */
table{border-collapse:collapse;}
th{border-right:1px solid #fff; text-align:left;}


img,
input,
select,
button {
    vertical-align:     middle;
}

select{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;

    -moz-box-shadow:0 1px 2px #ddd;
	-webkit-box-shadow:0 1px 2px #ddd;
    box-shadow:0 1px 2px #ddd;

    border:1px solid #aaa;
    color:#333333;
    padding:3px;
    background:url(./input_bg.gif)
}


/******************************************************************************/
/* classes */


fieldset.tblFooters {
    margin-top:         0;
    margin-bottom:      0.5em;
    /* avoid a thick line since this should be used under another fieldset */
    border-top:         0;
    text-align:         right;
    float:              none;
    clear:              both;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    border-radius: 0 0 4px 5px;
}

/* leave some space between icons and text */
.icon {
    vertical-align: -3px;
    margin-right:       0.3em;
    margin-left:        0.3em;
}

/* message boxes: error, confirmation */

div.notice {
    margin:             0.5em 0 1.3em 0;
    border:             1px solid;
        background-repeat:  no-repeat;
            background-position: 10px 50%;
    padding:            10px 10px 10px 25px;
            
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    -moz-box-shadow: 0 1px 1px #fff inset;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow:  0 1px 1px #fff inset;
}

.tblFooters {
    font-weight:        normal;
    color:              #000000;
    background:         #D3DCE3;
}

div.success,
div.notice,
div.error,
div.footnotes {
    margin:             0.5em 0 1.3em 0;
    border:             1px solid;
        background-repeat:  no-repeat;
            background-position: 10px 50%;
    padding:            10px 10px 10px 25px;
            
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    -moz-box-shadow: 0 1px 1px #fff inset;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow:  0 1px 1px #fff inset;
}

.success  a{text-decoration:underline;}
.notice a{text-decoration:underline;}
.error a{text-decoration:underline;}
.footnotes a{text-decoration:underline;}

.success {
    color:              #000000;
    background-color:   #ebf8a4;
}
h1.success,
div.success {
    border-color:       #a2d246;
        background-image:   url(./s_success.png);
    background-repeat:  no-repeat;
            background-position: 5px 50%;
            }
.success h1 {
    border-color:       #00FF00;
}

.notice, .footnotes {
    color:              #000;
    background-color:   #e8eef1;
}
h1.notice,
div.notice,
div.footnotes {
    border-color:       #3a6c7e;
        background-image:   url(./s_notice.png);
    background-repeat:  no-repeat;
            background-position: 5px 50%;
            }
.notice h1 {
    border-color:       #ffb10a;
}

.error {
	border:1px solid maroon !important;
    color: #000;
    background:pink;
}

h1.error,
div.error {
    border-color:       #333;
        background-image:   url(./s_error.png);
    background-repeat:  no-repeat;
            background-position: 5px 50%;
            }
div.error h1 {
    border-color:       #ff0000;
}

/**
 * login form
 */
body h1,
body a.logo {
    display: block;
    text-align: center;
}

body {
    text-align: center;
}

body div.container {
    text-align: left;
    width: 30em;
    margin: 0 auto;
}

form.login label {
    float: left;
    width: 10em;
    font-weight: bolder;
}

#enum_editor_output {
    margin-top: 50px;
}


div.notice {
    margin:             0.5em 0 1.3em 0;
    border:             1px solid;
        background-repeat:  no-repeat;
            background-position: 10px 50%;
    padding:            10px 10px 10px 25px;
            
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    -moz-box-shadow: 0 1px 1px #fff inset;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow:  0 1px 1px #fff inset;
}



.notice {
    color:              #000;
    background-color:   #e8eef1;
}
div.notice {
    border-color:       #3a6c7e;
        background-image:   url(./s_notice.png);
    background-repeat:  no-repeat;
            background-position: 5px 50%;
            }


.impressum
{
  display:block; width:100%; text-align:center; font-size:9pt; padding:7px;
}