/*
 * This stylesheet is only functional for this applications
 * Its not for exchange between projects like reset.css, datalist.css or forms.css
 */



/*
 * common elements
 */
body { /* fond color, font size and background */
    background-color: #fff;
}
a {
    color: #f00;
    font-weight: 700;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/*
 * areas and ids
 */
#pagebody {
}

#header {
    color: #eee;
    height: 6em;
    background-color: #000;
    margin: 0 0 1em 0;
    border-bottom: 1em solid #f00;
    box-shadow: 0 0 2px 0 #000;
}

#header #appname {
    position: absolute;
    left: 2em;
    top: 1em;
    font-size: 180%;
    font-weight: bold;
}

#header #archive {
    position: absolute;
    left: 6em;
    top: 2.75em;
    font-size: 140%;
    font-weight: bold;
}

#header #appname a,
#header #archive a {
    color: inherit;
}

#header #session {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #333;
    border-bottom-left-radius: 1em;
    padding: 1em 2em;
}

#header #session a {
    margin-right: 2em;
    color: #aaa;
}
#header #session a:last-child {
    margin-right: 0;
}

#header #session a:hover {
    color: #fff;
    text-decoration: none;
}

#content {
    margin: 0 auto;
    max-width: 120em;
    background-color: #eee;
}

#content #menubar {
    padding: 1em 0.5em;
    width: 14em; /* 15 - 0.5 - 0.5 */
    float: left;
    background-color: #EEEEEE;
    margin-bottom: 2em;
}

#content #menubar hr {
    border: 0;
    border-top: 1px solid #aaa;
}

#content #menubar hr:last-child {
    display: none;
}

#content #main {
    padding: 1em 0.5em;
    margin-left: 15em;
    margin-right: 0;
    background-color: #fff;
}

#content #menubar a {
    display: block;
    color: #666;
    padding: 0.5em 1em;
}

#content #menubar a:hover {
    color: #000;
    background-color: #eee;
    text-decoration: none;
}

#footer {
    clear: both;
    margin: 2em auto;
    max-width: 120em;
    padding: 2em 4em 0 4em;
    color: #666;
    border-top: 1px solid #666;
}

#footer #localeslist {
    float: right;
}

#footer #localeslist a {
    color: #660000;
    border-left: 1px solid #000;
    margin-left: 1em;
    padding-left: 1em;
}

#footer #localeslist a:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}
#main-login {
    width: 300px;
    margin: 4em auto;
}

/*
 * common classes
 */

div.InnerDialog .InnerDialogBody {
    min-height: 5em;
}

.spinner { /* mootools class */
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
    font-size: 90%;
}

.spinner-img {
	background: url(spinner.gif) no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}

.tip {
    font-style: italic;
    font-size: 90%;
}

div.tip {
    margin: 0 5px 10px 5px;
}

.center {
    text-align: center;
}

/* forms
 * complement and override what is defined in forms.css
*/

.buttonsbar {
    /* background-color: #eee; */
}

.buttonsbar button {
    margin: 0.25em;
}

.errormessage {
    border: 2px solid #f66;
    background-color: #fdd;
    color: #000;
    padding: 1em 2em;
}

.errormessage:empty {
    display: none;
}