/* Copyright (c) 2002-2008 Open2b Software Snc */

body, td, th {
    font-family: 'trebuchet ms', arial, verdana, helvetica, sans-serif;
    font-size: 12px;
    color: black;
}

html>body, html>body td, html>body th { font-size: 12px; }

body.dialog { background: #f4f4ed; margin: 0; padding: 1em; }
body.dialog h1 { font-size: 100%; margin-top: 0; padding-top: 0; font-weight: bold; }

a { color: #215dc6; }
a:visited { color: #215dc6; }
a:link { color: #215dc6 }
a:hover { color: #00f; text-decoration: none; }

img { border: 0; }

.header { background: url('../images/header_bg.png') repeat-x; clear: left; }

.logo { margin-bottom: 20px; float: left; }

table.separator { margin: 1em 0; }
td.separatorLegend { white-space: nowrap; }
td.separatorLine { background: url(../images/separator.png) repeat-x center; }

/* login */

body#login { background: url('../images/header_bg.png') repeat-x #fff; color: #333; }

/* logout */

.logout { float: right; margin: 5px; white-space: nowrap; }
.logout a {
    background: url('../images/logout.png') right no-repeat;
    color: black;
    padding-right: 20px;
    text-decoration: none;
}
.logout a:hover { background: url('../images/logout_on.png') right no-repeat; }
.logout a:visited { color: black; }

#nav {
    position: absolute;
    top: 0.5em;
    right: 1em;
}

#menu-list {
    padding: 0.3em 0.8em;
    background: white;
    border-bottom: 1px solid #ccc;
}

#menu-selected {
    text-decoration: none;
    color: white;
    background: #666;
    text-align: center;
    padding: 0.3em 0.8em;
    margin: 0;
    border-top: #aaa solid 1pt;
}

.menu {
    text-decoration: none;
    background: #f8f7f3;
    text-align: center;
    padding: 0.3em 0.8em;
    margin: 0;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

#menu-list a { color: black; text-decoration: none; }
#menu-list a:visited {  }
#menu-list a:link {  }
#menu-list a:hover {  }
#menu-list span { color: black; background: #c1d2ed; padding: 4px; border: 1px solid #316ac5; }

#sub-menu { background: white; border-bottom: #ccc solid 1px; padding: 4px; padding-left: 1em; }
#sub-menu span { color: #666; }
#sub-menu a { color: #333; text-decoration: none; padding: 3px 8px 4px 8px; }
#sub-menu a:hover { border-bottom: 2px solid #ffc73c; padding-bottom: 2px; }
#sub-menu .sectionSelected { color: #000; border-bottom: 2px solid #ffc73c; padding-bottom: 2px; }

#content { margin: 5px; }

#footer {
    margin-top: 3em;
    padding-top: 1em;
    padding-bottom: 3em;
    border-top: #aaa 1pt solid;
}

#demoMessage { color: blue;  }

.buttons button { margin-left: 0.5em; margin-right: 0.5em; width: 8em; }

.buttons { text-align: center; margin-top: 1em; margin-bottom: 1em; }
.buttons input { margin-left: 0.5em; margin-right: 0.5em; width: 8em; }

.buttons-wizard { text-align: right; margin-top: 1em; margin-bottom: 1em; padding-top: 0.5em; padding-bottom: 0.5em; border-top: #aaa solid 1px; }
input.button-cancel { margin-left:2em; }

/* table */

table { font-size: 12px; }

/* header and paragraph */

h1 { font-size: medium; font-weight: normal; margin-top: 0.5em; margin-bottom: 0.5em; }

h2 { font-size: small; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.2em; }

h2.fieldset { color: #333; border-bottom: 1px solid #ccc; margin-bottom: 1em; }

p { margin-left: 5pt; }

.title-bar { background: white; margin: 3pt; padding:3pt; border: 1pt solid #999; }

/* errors and warnings */

.error { color: red; }
.errorsummary { color: red; text-align: center; margin: 1em; font-weight: bold; }

/* fieldset */

fieldset { margin: 0.5em; }

/* table list */

table.list { background-color: #ddd; margin-top: 0.5em; }
th.list-header { background:#eee; color:white; font-weight: normal; border-top:1px solid white; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
th.list { font-weight: normal; background-color: #ebeadb; }
th.list-group { font-weight: normal; background-color: #ebeadb; }
th.list-total { font-weight: bold; background-color: #ebeadb; }
th.list a { display: block; width: 100%; color: black; text-decoration: none; border-bottom: 2px solid #e2decd; }
th.list a:visited { color: black; }
th.list a:link { color: black; }
th.list a:hover { background: #faf8f3; border-bottom: 2px solid #ffc73c; text-decoration: none; color: black; }
td.list { background-color: white; padding: 0.3em; }
td.list-key { background:#f3f2f7; }
td.list-total { background-color: white; font-weight: bold; }
td.list-footer { background-color: #ebeadb; border-bottom: 1px solid #c4c2b6; text-align: right; }
tr.list:hover { background-color: red; }

/* menuBox */

.menuBox { border-top: white solid 1px; border-left: white solid 1px; border-right: #ccc solid 1px; border-bottom: #ccc solid 1px; background: white; margin-bottom: 1em; white-space: nowrap; }
.menuBox h2 { color: white; font-size: 100%; margin: 0; padding: 0.5em 7em 0.5em 0.5em; }
.menuBox ul { line-height: 1.4em; list-style: none; margin-left: 5px; margin-right: 10px; padding-left: 5px; white-space: nowrap; }
.menuBox ul span { color: #666; font-style: italic; }
.menuBox a { text-decoration: none; }

/* grid */

table.grid { border-bottom: 1px solid #c5c1b1; border-collapse:collapse; }
th.gridHeader { border-bottom: 1px solid #e2decd; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #999; font-weight: normal; }
td.gridTitle { color: white; font-weight: bold; padding-left: 1em; padding-right: 3em; }
th.grid { background: #ebeadb; font-weight: normal; padding-top: 1px; }
th.gridIcon { background: #ebeadb; border-bottom: 2px solid #e2decd; border-left: 1px solid white; }
th.gridSelect { border-left: 1px solid #c7c5b2; border-right: 1px solid #c7c5b2; }
th.gridSelect div { background: #ebeadb; border-bottom: 2px solid #e2decd; border-left: 1px solid white; }
th.grid div { border-left: 1px solid #c7c5b2; }
th.grid a, th.grid div div { border-bottom: 2px solid #e2decd; border-left: 1px solid white; padding-top: 1px; }
th.grid a { color: black; text-decoration: none; display: block; width: 100%; }
th.grid a:visited { color: black; }
th.grid a:link { color: black; }
th.grid a:hover { background: #faf8f3; border-bottom: 2px solid #faa900; color: black; text-decoration: none; }

tr.grid0 td, tr.grid1 td { background-color: white; border-top: 1px solid #ddd; cursor: pointer; padding: 3px 5px 0 5px; }
td.gridDelete { cursor: auto; }
tr.grid0 td.gridOrdered, tr.grid1 td.gridOrdered { background-color: #f2f2f6; border-top: 1px solid #ddd; cursor: pointer; padding: 3px; white-space: nowrap; }
td.gridFooter { background-color: #ebeadb; border-bottom: 1px solid #d9d6c0; border-top: 1px solid #d7d4c5; border-left: 1px solid #dad9ca; border-right: 1px solid #dad9ca; text-align: right; }
td.gridNoRowsMessage { background-color: white; padding: 0.3em; font-style: italic; }

/* DataList */

div.DataList { border: #ccc solid 1px; background: white; margin-bottom: 1em; padding: 0.5em; }
div.DataListTitle { border-bottom: 1px solid #ccc; margin-bottom: 2px; font-size:120%; font-weight: bold; }
div.DataListRow { padding: 0.2em; }

/* required */

.required { color: red; }

.required-message { font-size: 85%; text-align: center; margin: 0.5em 0 0.5em 0; }

/* forum smiles */

.smile { padding: 2pt; }

/* copyright */

#copyright { text-align: center; }


/* tab */

.tabList {
    border-bottom: 1px solid #999;
    padding: 3px 0 4px 3px;
    margin: 0;
    clear: left;
}

.tabOn {
    background: white;
    padding: 3px 10px 4px 10px;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 3px solid #ffc73c;
    border-bottom: 1px solid #fcfcfe;
    margin: 0;
    margin-right: 1px;
    color: black;
}

.tabOff {
    background: url('../images/tab_bg.png');
    padding: 3px 10px 4px 10px;
    margin: 0;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    margin-right: 1px;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

a.tabOff:visited { color: black; }
a.tabOff:link { color: black; }
a.tabOff:hover { border-top: 3px solid #ffc73c; color: black; padding-top: 2px; } /* CSS2 */

span.tabDisabled {
    background: url('../images/tab_bg.png');
    padding: 3px 10px 4px 10px;
    margin: 0;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    margin-right: 1px;
    color: #666;
    text-decoration: none;
}

.tabContent {
    background: url('../images/dialog_bg.png') repeat-x #f4f3ee;
    border: 1px solid #999;
    border-top: 0;
    padding: 1em;
    margin: 0;
}

.lineNumber { background: #eee; color: #333; padding: 0 0.5em; margin-right: 1em; border-right: 1px solid #ccc; }

/* Language Flags */

.flagIT { background: url(../images/flags/it.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagEN { background: url(../images/flags/en.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagFR { background: url(../images/flags/fr.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagES { background: url(../images/flags/es.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagDE { background: url(../images/flags/de.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagUS { background: url(../images/flags/us.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagPT { background: url(../images/flags/pt.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagSK { background: url(../images/flags/sk.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagPL { background: url(../images/flags/pl.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagHU { background: url(../images/flags/hu.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }
.flagSL { background: url(../images/flags/sl.png) no-repeat center; padding-left: 0.9em; padding-right: 0.9em; }

/* Box */

.box {
    border: #ccc solid 1px;
    background: url('../images/dialog_bg.png') repeat-x #f4f3ee;
    margin-bottom: 1em;
    padding: 1em;
}

/* Text Editor */

.mceContentBody { background-color: white; }

/*
 * Browser Corrections
 */

/* Mozilla */

textarea { font-family: "trebuchet ms", arial, verdana, helvetica, sans-serif; font-size: 12px; }
input { font-family: "trebuchet ms", arial, verdana, helvetica, sans-serif; font-size: 12px; }
button { font-family: "trebuchet ms", arial, verdana, helvetica, sans-serif; font-size: 12px; }
select { font-family: "trebuchet ms", arial, verdana, helvetica, sans-serif; font-size: 12px; }
pre { font-size: 12px; }

/* Internet Explorer */

form { display: inline; }

/* demo */

.demoTag {
    
    border-top: 1px solid #999;
    border-bottom: 1px solid #333;
    height: 36px;
    padding: 0;
    margin: 0;
}
.demoBuy { float: left; padding: 5px 0 0 5px; }
.demoHome { float: right; padding: 5px 5px 0 0; }

/* Dialog */

#Dialog {
    border-top: 0;
}

#DialogTitleBar {
    color: white;
    font-weight: bold;
    padding: 4px;
}