/* DTML instructions to set caching headers. */
















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



body {

  font: 70% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

  background: #FFFFFF;

  color: Black;

  margin: 0;

  padding: 0;

}



a {

  text-decoration: none;

  color: #436976;

  background-color: transparent;

}



a.strong {

  font-weight: bold;

}



img {

  border: 0;

}



p {

  margin: 0.5em 0 1em 0;

  line-height: 1.2em;

}

p a {

  text-decoration: underline;

}

p a:visited {

  color: Purple;

  background-color: transparent;

}

p a:active {

  color: Red;

  background-color: transparent;

}

a:hover {

  text-decoration: none;

}

p img {

  border: 0;

  margin: 0;

}



h1, h2, h3, h4, h5, h6 {

  color: Black;

  background-color: transparent;

  font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

  font-weight: bold;

  margin: 0;

  padding-top: 0.5em;

}

h1 {

  font-size: 160%;

  margin-top: 0.5em;

  margin-bottom: 0.5em;

}

h2 {

  font-size: 140%;

  margin-bottom: 1em;

}

h3 {

  font-size: 130%;

}

h4 {

  font-size: 110%;

}

h5 {

  font-size: 100%;

}

h6 {

  font-size: 80%;

}



ol, ul {

  padding: 0;

  margin: 0;

  line-height: 1.2em;

}

ul a, ol a {

  text-decoration: underline;

}



dt {

  font-weight: bold;

}

dt a {

  text-decoration: none;

}



dd {

  line-height: 1.2em;

  margin-bottom: 1em;

}



legend {

  background: #FFFFFF;

  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: Black;

  background-color: white;

  font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

}

input {

  font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

  color: Black;

  background-color: white;

  vertical-align: middle;

}

select {

  font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

  vertical-align: top;

}

abbr, acronym, .explain {

  color: Black;

  background-color: transparent;

}

q, blockquote {

  font-style: italic;

  font-size: 120%;

}

code {

  font-size: 120%;

  color: Black;

  background-color: #eeeeee;

}

pre {

  font-size: 100%;

  padding: 1em;

  border: 1px solid #29287B;

  color: Black;

  background-color: #eeeeee;

}





/* COLUMNS ------------------------------ */



table.columns {

  width: 100%;

}

table.columns td.left {

  vertical-align: top;

  padding-top: 1em;

  background: #9CB2CD;

}

table.columns td.main {

  vertical-align: top;

  padding-top: 1em;

}

table.columns td.right {

  vertical-align: top;

  padding-top: 1em;

  background: #EEEEEE;

}





/* . ------------------------------ */

#idioma p {

  margin-top: 0;

}



.logo {

  margin: 0.2em 0em 0.3em 1em;

  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: White 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: 100% 'Lucida Grande', Verdana, Geneva, Lucida, 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;

}



.contact {

  text-align: center;

  margin: 0;

  padding: 1px 0 1px 0;

}



div.message {

  background: #FFCA31;

  color: Black;

  font: bold 80% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

  margin: 1em 0;

  padding: 0.5em 1em;

  vertical-align: middle;

}



div.message a {

  background: #FFCA31;

  color: Black;

  text-decoration: underline;

}



div.description {

  font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;

  display: block;

  margin-bottom: 0.5em;

  line-height: 1.2em;

}



div.documentActions {

  float: right;

  margin-top: 1em;

}



div.searchBox {

  float: right;

  text-align: right;

  padding: 0;

  margin: 0em 1em 0em 0em;

  clear: right;

}



div.headerActions {

  float: right;

  text-align: right;

  margin-top: 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: 0 0 0 0;

  text-align: left;

}



span.legend {

  font-weight: bold;

}



div.popupImg {

  padding: 10px;

  text-align: center;

}



.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: #29287b;

  color: #578308;

  font-weight: normal;

}





/* BOX ---------------------------------------- */

table.box tr.title {

  color: white; /* ! font color is hardcoded in box_lib */

  background-color: #29287B;

}

table.box tr.odd {

  background: white;

}

table.box tr.even {

  background: #EEEEEE;

}





div.box {

  margin: 0 0 1em 0;

}

div.box .title {

  font-weight: bold;

  text-transform: none;

}

div.box .title2 {

  font-size: 120%;

  font-weight: bold;

}

div.box a.close {

  border: 0;

}

div.box .content {

  padding: 0.7em;

}

div.box ul {

  margin-left: -1em;

  padding: 0;

}

div.box a.selected {

  background: #FFCA31;

}



.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 */



.CalendarArrow {

  font-weight: bold;

  text-decoration: none;

  color: #000000;

}



.CalendarTitle {

  font-weight: bold;

  text-decoration: none;

  text-align: center;

  color: #000000;

}



p.help {

  font-style: italic;

}



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;

}