/* 
    Document   : editor
    Created on : 27 November 2003, 12:22
    Author     : pete
    Description:
        Formats the website editor
*/

body {
  margin : 0px;
}

table.editorlayout td.editorcontent {
  border        : black 4px solid;
  padding       : 0px;
}

table.editorlayout {
  margin        : 0px;
  width         : 100%;
}

table.editorlayout td.editcontrols {
  border            : black 1px solid;
  background-color  : white;
  padding           : 5px;
}

table.editorlayout td.editcontrols p {
  font-size         : 9pt;
  font-family       : arial, helvetica, sans-serif;
}

table.editorlayout td.editcontrols * {
  font-family       : arial, helvetica, sans-serif;
}

table.editorlayout td.editcontrols p * {
  font-size         : 9pt;
}


table.editorlayout td.editheader {
  border            : black 1px solid;
  background-color  : rgb(200,100,0);
  font-family       : arial, helvetica, sans-serif;
  font-weight       : bold;
  font-size         : 12pt;
  color             : white;
}


td.editcontrols a {
  color  : rgb(255,200,100);
}

td.editcontrols p.normalText {
  margin-bottom: 5px;
}

div.status {
  width             : 100%;
  background-color  : rgb(255,200,100);
  font-size         : 11pt;
  padding           : 3px;
  font-family       : arial, helvetica, sans-serif;
}

div.banner {
  width             : 100%;
  background-color  : rgb(255,150,50);
  font-size         : 11pt;
  padding           : 3px;
  font-weight       : bold;
  font-family       : arial;
}


span.statusname {
  font-weight       : bold;
  margin-right      : 8px;
  font-size         : 10pt;
}

span.statusvalue {
  margin-right      : 16px;
  font-size         : 10pt;
}


div.tabs {
  width             : 100px;
  font-size         : 10pt;
  border-right      : 8px rgb(200,100,20) solid;
  padding           : 0;
}

span.tab {
  font-family       : arial;
  background-color  : rgb(255,200,100);
  display           : block;
  padding-top       : 20px;
  padding-bottom    : 20px;
  margin-bottom     : 15px;
  text-align        : center;
  font-size         : 10pt;
}

span.tab a {
  color             : rgb(100,100,100);
  font-weight       : normal;
  text-decoration   : none;
}

span.tab a:visited {
  text-decoration   : none;
}

span.tabselected a:visited {
  text-decoration   : none;
}

span.tab a:hover {
  text-decoration   : underline;
}

span.tabselected {
  font-family       : arial;
  font-size         : 10pt;
  background-color  : rgb(200,100,20);
  display           : block;
  padding-top       : 20px;
  padding-bottom    : 20px;
  margin-bottom     : 15px;
  text-decoration   : none;
  text-align        : center;
}

span.tabselected a {
  color             : white;
  font-weight       : normal;
}



div.toptabs {
  width             : 100%;
  font-size         : 10pt;
  margin-top        : 6px;
}

span.toptab {
  font-family       : arial;
  background-color  : rgb(255,170,80);
  margin-right      : 8px;
  padding           : 4px;
}

span.toptabselected {
  font-family       : arial;
  background-color  : rgb(200,100,20);
  margin-right      : 8px;
  padding           : 4px;
}

span.toptab a {
  color             : rgb(100,100,100);
  font-weight       : normal;
}

span.toptabselected a:visited {
  color             : white;
  font-weight       : normal;
}


span.toptabselected a {
  color             : white;
  font-weight       : normal;
}


td.editcontrols h2 {
  font-family      : arial;
  font-size        : 12pt;
}

td.editcontrols a {
  text-decoration  : none;
  color            : rgb(100,50,0);
}

td.editcontrols a:hover {
  text-decoration  : underline;
}




td.editcontrols table.contentCardTable {
  background-color   : rgb(255,255,200);
  border             : rgb(255,200,100) 1px solid;
  margin-bottom      : 10px;
}

td.editcontrols table.contentCardTable th {
  font-size    : 10pt;
  text-align   : right;
}

td.editcontrols table.contentCardTable td {
  font-size    : 9pt;
}

td.editcontrols table.contentCardTable tr.header {
  font-size    : 9pt;
  font-weight  : bold;
  color        : white;
  background-color : rgb(200,100,0);
}


td.editcontrols table.contentDataTable {
  empty-cells      : show;
  border-collapse  : collapse;
}

td.editcontrols table.contentDataTable th {
  background-color : rgb(255,200,100);
  font-family      : arial;
  font-weight      : bold;
  font-size        : 10pt;
  text-align       : left;
  color            : black;
  padding          : 2px;
  border           : 1px solid black;
}

td.editcontrols table.contentDataTable td.oddDataRow {
  background-color : white;
  font-family      : arial;
  font-size        : 9pt;
  text-align       : left;
  color            : black;
  padding          : 2px;
  border           : 1px solid black;
}

td.editcontrols table.contentDataTable td.oddDataRow a {
  color            : rgb(200,100,0);
}

td.editcontrols table.contentDataTable td.evenDataRow {
  background-color : white;
  font-family      : arial;
  font-size        : 9pt;
  text-align       : left;
  color            : black;
  border           : 1px solid black;
  padding          : 2px;
}

td.editcontrols table.contentDataTable td.evenDataRow a {
  color            : rgb(200,100,0);
}



td.editcontrols .thumbnail * {
  text-align : center;
}


td.editcontrols p.listitem {
  margin      : 0px;
  padding     : 0px;
}

td.editcontrols .error {
  color       : red;
}

td.editcontrols .warn {
  color       : rgb(200,50,50);
}

td.editcontrols form {
  margin      : 0px;
}