/* DTML instructions to set caching headers. */






/* BASIC ELEMENTS ------------------------------ */

html {
scrollbar-face-color: #F0F0EB;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #F0F0EB;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
font-family: arial, helvetica, sans-serif;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: arial, helvetica, sans-serif;
color: #5e5e5e;
background-color: #e2e2c5;
font-size: 11px;
text-decoration: none;
background: url(bground.gif);
background-color: white;
scrollbar-face-color: #DDDDDD;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #DDDDDD;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #000000;
width: 757px;
}

a:link, a:visited {
color: #336600;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #75D705;
text-decoration: none;
font-weight: bold;
}

img {
  border: 0;
}

h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
color: #336600;
padding-top: 4px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
/* background-image: url(bground_h1.jpg); */
letter-spacing: +3px;
text-align: right;
text-indent: +5px;
}

h2 {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;
padding-left: 19px;
font-size: 12px;
letter-spacing: +2px;
color: #336600;
font-weight: bold;
background-image: url(fleche.gif);
background-repeat: no-repeat;
background-position: 5px;
}

h3 {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;
font-size: 12px;
letter-spacing: +1px;
color: #75D705;
font-weight: bold;
}

ol, ul {
  padding: 0;
  margin: 0;
}
ul a, ol a {
  text-decoration: underline;
}

dt {
  font-weight: bold;
}
dt a {
  text-decoration: none;
}

dd {
  line-height: 1.5em;
  margin-bottom: 1em;
}

legend {
  background: white;
  padding: 0.5em;
}

form {
  margin: 0;
}

form.workflow dl {
  font-weight: bold;
}

form.workflow dd {
  margin-left: 0;
}

form.workflow textarea {
  width: 100%;
}

dl.form {
  margin: 0;
  padding: 1em;
}
                                                                        
dl.form dt {
  width: 30%;
  float: left;
  margin: 0;
  padding: 0 0.5em 0.5em 0;
  text-align: right;
}

/* hack de commentaire avec un antislash pour ie5 mac \*/
dl.form dt { clear: both; }
/* end hack */
                                                                        
dl.form dd {
  width: 60%;
  float: left;
  margin: 0;
  padding: 0 0.5em;
}

form .buttonArea {
  clear: both;
  margin: 0.5em 0.5em 0.5em 33%;
}

textarea {
  color: #5E5E5E;
  background-color: white;
  font: Arial, Helvetica, sans-serif;
}
input {
  font: Arial, Helvetica, sans-serif;
  color: #5E5E5E;
  background-color: white;
  vertical-align: middle;
}
select {
  font: Arial, Helvetica, sans-serif;
  vertical-align: top;
}
abbr, acronym, .explain {
  color: #5E5E5E;
  background-color: transparent;
}
q, blockquote {
  font-style: italic;
  font-size: 11px;
  color: #75D705;
}
code {
  font-size: 12px;
  color: #5E5E5E;
  background-color: transparent;
}
pre {
  font-size: 11px;
  padding: 1em;
  border: 1px #666666 dotted;
  color: #5E5E5E;
  background-color: transparent;
}


/* COLUMNS ------------------------------ */
#left {
  position: absolute;
  top: 150px;
  left: 0px;
  width: 169px;
  margin-top: 0px;
  padding-right: 0px;
  overflow: hidden;
  background: transparent;
}
#left p, #left ul, #left ol, #left table {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 5px;
  margin-bottom: 5px;
  line-height: 1.7em;
  text-align: right;
}
#main {
  position: absolute;
  top: 150px;
  left: 169px;
  width: 583px;
  margin-top: 0px;
  margin-right: 0px;
  padding-left: 5px;
  padding-right: 0px;
  border-left: 1px #666666 dotted;
  overflow: hidden;
  background: transparent;
}
#main h1 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 3px;
  margin-right: 0;
  background-image: url(bground_h1.gif);
}
#main p, #main ul, #main ol, #main table {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.7em;
} 
#main ul {
  margin-top: 1em;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 45px;
  border-top: 1px #333333 solid;
  border-bottom: 1px #333333 solid;
  background-image: url(bground_li.gif);
  list-style-image: url(carre_fleche.gif);
}
#main ol {
  margin-top: 1em;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 45px;
  border-top: 1px #333333 solid;
  border-bottom: 1px #333333 solid;
}
#right {
  position: absolute;
  top: 150px;
  left: 765px;
  width: 200px;
  margin-top: 0px;
  padding-left: 0px;
  overflow: hidden;
}
#right p, #right ul, #right ol, #right table {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  margin-bottom: 5px;
  line-height: 1.7em;
  text-align: left;
}

/* . ------------------------------ */
#idioma p {
  margin-top: 0;
}

.logo {
  margin: 0;
  padding: 0;
}

.note {
  font-size: smaller;
}

.even {
  background-color: #EEEEEE;
}

.odd {
  background-color: white;
}

.pending {
  font-weight: bold;
  color: #FFA500;
}

.work {

}

.published {
  color: #22A522;
}

.deferred {
  font-weight: bold;
  color: #FF6600;
}

.expired {
  font-weight: bold;
  color: #FF0033;
}

.url {
  color: #006600
}

input.standalone {
  background: #EEEEEE url(linkOpaque.png) 4px 4px no-repeat;
  background-image: none;
  color: Black;
}

input.context {
  background: transparent url(linkOpaque.png) 4px 4px no-repeat;
  background-image: none;
  color: Black;
}

input.destructive {
  background: #FFCE7B url(linkOpaque.png) 4px 4px no-repeat;
  background-image: none;
  color: Black;
}

button {
  font: Arial, Helvetica, sans-serif;
  background: #EEEEEE url(linkOpaque.png) 4px 4px no-repeat;
  color: Black;
  background-image: none;
  vertical-align: middle;
}

/* DIVs ------------------------------ */
div.batchLayout {
  text-align: right;
  background-color: #EEEEEE;
}

div.pageNavigationLayout {
  text-align: center;
  background-color: #EEEEEE;
}

#footer {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px #75D705 dashed;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.7em;
  color: #C2C2C2;
  text-align: center;
  font-style: normal;
}
#footer p,#footer ul,#footer ol,#footer table, #footer address {
  color: #C2C2C2;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  line-height: 1.7em;
  font-style: normal;
}

#footer a:link, #footer a:visited {
  font-size: 11px;
  color: #75D705;
  font-weight: lighter;
}

#footer a:hover, #footer a.current {
font-size: 11px;
color: #e2e2c5;
font-weight: lighter;
}

div.message {
  background: #e2e2c5;
  color: #5E5E5E;
  font: bold Arial, Helvetica, sans-serif;
  margin: 1em 0;
  padding: 0.5em 1em;
  vertical-align: middle;
}

div.message a {
  background: #e2e2c5;
  color: #5E5E5E;
  text-decoration: underline;
}

div.description {
  font: Arial, Helvetica, sans-serif;
  display: block;
  margin-bottom: 0.5em;
  line-height: 1.5em;
}

div.documentActions {
  float: right;
  margin-top: 1em;
}

div.searchBox {
  width: 100%;
  /* float: left; */
  text-align: left;
  padding: 0;
  margin: 0em 1em 0em 0em;
  margin-left: 1em;
 /* clear: right; */
  background-color: red;
}

div.headerActions {
  float: right;
  text-align: right;
  margin-bottom: 1em;
  margin-right: 1em;
}

div.headerActions li {
  display: inline;
}

div.pathBar {
  padding: 1px 1em 1px 1em;
  text-transform: none;
}

div.row {
  clear: both;
}

div.label {
  font-weight: bold;
}

div.field {
  padding: 0em 0em 0em 0em; text-align: left;
}

span.legend {
  font-weight: bold;
}

div.popupImg {
  padding: 10px;
  text-align: center;
}

.error {
}

.hidden {
  display: none;
}

.hiddenItem {
    background-color: #EEEEEE;
}

div.contentTabs {
  padding: 0 0 0 1em;
  margin: 0;
}
div.contentTabs a {
  background-color: transparent;
  color: #578308;
  font-weight: normal;
}
div.contentTabs a.selected {
  background-color: #75D705;
  color: #578308;
  font-weight: normal;
}


/* BOX ---------------------------------------- */
table.box tr.title {
  color: Black; /* ! font color is hardcoded in box_lib */
  background-color: transparent;
}
table.box tr.odd {
  background: white;
}
table.box tr.even {
  background: #EEEEEE;
}


div.box {
  margin: 0 0 1em 0;
}
#right div.box {
  border: thin solid #666666;
}
div.box .title {
  font-weight: bold;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  background-image: url(bground_h1.gif);
}
div.box .title2 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  background-image: url(bground_title.gif);
}
div.box a.close {
  border: 0;
}
div.box .body {
}
div.box .content {
  padding-top: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 1em;
}
div.box ul {
  margin-left: 0;
  padding: 0;
}
div.box a.selected {
  background: #e2e2c5;
}

.workspace {
  background: #CDE2A7;
}

div.rssExport {
  text-align: right;
  font-size: 80%;
  font-weight: bold;
}

div.rssExport a {
  color: #006600;
}

.conformanceStatement {
  text-align: center;
}

.conformanceStatement li {
  display: inline;
}

.conformanceStatement img {
  margin: 1em;
}

/* CMF Calendar */
div.CalendarBox {
}

.CalendarArrow {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

.CalendarTitle {
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #000000;
}

table.calendar td {
  white-space: nowrap;
  background-color: white;
  width: 1.5em;
}

table.calendar a {
  text-decoration: none;
  color: black;
}

table.calendar td.event {
  background-color: #EEEEEE;
  text-decoration: none;
}

table.calendar td.todayevent {
  background-color: #EEEEEE;
}

table.calendar td.weekdays {
  background-color: #EEEEEE;
}

table.calendar th {
  background-color: #EEEEEE;
  white-space: nowrap;
}

table.localRoleForm th {
  text-align:left;
}