/* -------------------------------------------------------
Arturo CSS: WhoIsWho
Authors:  Papaya Software GmbH (AC, MK)
Contact:  info@papaya-cms.de
Version:  8 Feb 2006
------------------------------------------------------- */

/*    =Global & Viewer
------------------------------------------------------- */
button[name="del"] {
  width: 78px !important;
  margin-left: 15px !important;
}

table  {
  border: none;
}

img.img {
  border: 1px solid black;
}

table td {

}

div.whoiswho {
  padding-bottom: 10px;
}

div.whoiswho a.selected {
  font-weight: bold;
}

div.whoiswho b.header {
  font-weight: bold;
  font-size: 12px;
}

a.filter:link, a.filter:visited, a.filter:hover, a.filter:active {
  float: left;
  color: #DC2775 !important;
  margin-left: 40px;
}

a.viewer:link, a.viewer:visited, a.viewer:hover, a.viewer:active {
  float: right;
  color: #DC2775 !important;
}

a.clickable:link, a.clickable:visited, a.clickable:hover, a.clickable:active {
  background-image: url(pics/btn_plus_pink.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 10px;
}

a.clickableOpen:link, a.clickableOpen:visited, a.clickableOpen:hover, a.clickableOpen:active {
  background-image: url(pics/btn_minus_pink.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 10px;
}

div.whoiswho input.searchText {
  border: 1px solid #FF079D;
  width: 210px;
  font-size: 11px;
  padding-left: 3px;
  border: 1px solid #FF079D;
  vertical-align: middle;
  font-weight: normal;
  font-size: 11px;
}

div.whoiswho form div.searchfield input.submitbutton {
  width: 13px;
  vertical-align: middle;
  background-image: url(pics/doublegt.jpg);
  background-color: white;
  border: 1px solid #D7196E;
  text-align: left;
  padding-left: 3px;
  font-size: 11px;
  background-repeat: no-repeat;
  background-position: right;
}

div.whoiswho form div {
  text-align: left;
  padding: 0px;
}

div.whoiswho form div.line {
  margin: 0;
  padding: 0;
}

div.whoiswho form div.line div.input {
  margin: 0;
  padding: 0;
  float: left;
}

div.whoiswho form div.line label {
  float: left;
  width: 200px;
  margin: 0;
  padding: 0;
}

div.whoiswho div.searchfield {
  padding-top: 13px;
  background-color: transparent;
  border: none;
}

div.whoiswho div.contentData {
  clear: both;
  padding-left: 12px;
  padding-bottom: 5px;
}

div.whoiswho div.contentNavigation {
  clear: both;
  text-align: left;
  font-size: 11px;
  padding-top: 20px;
  font-weight: bold;
}

div.whoiswho table.teaserTable {
  clear: both;
  width: 100%;
  margin-top: 1.3em;
}

div.whoiswho table.teaserTable td {
  padding-bottom: 1em;
}


div.whoiswho table.teaserTable td.image {
  width: 115px;
}

div.whoiswho table.teaserTable p {
  margin: 0;
  padding: 0;
  margin-bottom: 0.4em;
}

div.whoiswho table.teaserTable a:link,
div.whoiswho table.teaserTable a:visited,
div.whoiswho table.teaserTable a:hover,
div.whoiswho table.teaserTable a:active {
  font-weight: bold;
}

div.whoiswho table.teaserTable ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.whoiswho table.teaserTable ul li {
  text-align: left;
  font-weight: bold;
  font-size: 11px;
}

div.whoiswho table.teaserTable ul li.info {
  font-weight: normal;
}

div.whoiswho table.contentNavigation {
  clear: both;
  width: 100%;
  margin-top: 20px;
}

div.whoiswho table.contentNavigation td {
  background-image: url(pics/btn_pfeil_schwarz.gif);
  text-align: left;
  padding-left: 10px;
  font-weight: bold;
  font-size: 11px;
  background-repeat: no-repeat;
  background-position: left;
}

div.whoiswho table.contentNavigation td.empty {
  background-image: none;
}

div.whoiswho table.twoColumn td {
  width: 50%;
}

div.whoiswho table.groupNavigation {
  clear: both;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
}

div.whoiswho table.groupNavigation td {
  background-image: url(pics/btn_pfeil_schwarz.gif);
  text-align: left;
  padding-left: 10px;
  font-weight: normal;
  font-size: 12px;
  background-repeat: no-repeat;
  background-position: left;
}

div.whoiswho table.groupNavigation td.empty {
  background-image: none;
}

div.whoiswho div.groupbar {
  /* */
}

div.whoiswho div.groupbareditor {
  padding-bottom: 14px;
}

div.whoiswho hr {
  margin-top: 7px;
  margin-bottom: 7px;
  border: none;
}

div.whoiswho hr.bottom {
  margin-bottom: 15px;
}

div.whoiswho div.groupbareditor ul.grouplisteditor {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.whoiswho div.groupbareditor ul.grouplisteditor li a {
  color: #D7196E;
}

div.whoiswho div.groupbareditor ul.grouplisteditor li {
  display: block;
  float: left;
  color: #000;
  font-weight: bold;
  font-size: 12px;
  padding-left: 18px;
  background-image: url(pics/doublegtblack.gif);
  background-repeat: no-repeat;
  background-position: left;
}

div.whoiswho div.groupbareditor ul.grouplisteditor li.functionButton {
  border: 1px solid #D7196E;
  background-color: white;
  font-weight: bold;
  font-size: 11px;
  color: #D7196E;
  padding-right: 4px;
  margin-right: 8px;
  margin-bottom: 8px;
}


div.whoiswho div.groupbar ul.grouplist {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  background-color: #D8D8D8;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.whoiswho div.groupbar ul.grouplist li a {
  color: #D7196E;
}

div.whoiswho div.groupbar ul.grouplist li {
  display: inline;
  color: #000;
  font-weight: bold;
  font-size: 11px;
  padding-left: 11px;
  background-image: url(pics/btn_pfeil_schwarz.gif);
  background-repeat: no-repeat;
  background-position: left;
}

.name {
  color: #D7196E;
  font-weight: bold;
  font-size: 12px;
}

.profession {
  color: #000;
  font-weight: bold;
  font-size: 12px;
}

h2, h2.datagroup, h2.fieldgroup, h2.skillgroup {
  margin: 10px 0px 2px 0;
  padding: 0;
  font-size: 100%;
}

h2.datagroup {
  padding-left: 12px;
  background-image: url(pics/btn_pink.gif);
  background-repeat: no-repeat;
  background-position: left;
}

h2.legend {
  margin: 4px 0 7px;
}

div.skillgroup {
  margin: 0;
  margin-left: 10px;
  padding: 0;
}

div.columnLine {
  width: 50%;
  float: left;
}

div.columnLine div.input {
  float: left;
  padding-right: 5px;
}

div.columnLine label {
  float: left;
  padding-top: 1px;
}

div.datagroup {
  margin: 0;
  margin-left: 10px;
  padding: 0;
}

/* data table */
div.whoiswho table.data {
  border-collapse: collapse;
  border: none;
}

div.whoiswho table.data th.group {
  text-align: left;
  vertical-align: top;
}

div.whoiswho table.data td.group {
  text-align: left;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;
  background-image: url(pics/btn_pfeil_schwarz.gif);
  background-repeat: no-repeat;
  background-position: left;
}

div.whoiswho table.data th.field {
  text-align: left;
  font-size: 11px;
  vertical-align: top;
  padding: 2px 0px 2px 10px;
}

div.whoiswho table.data td.field {
  text-align: left;
  font-size: 11px;
  vertical-align: top;
  padding: 2px 0px 2px 10px;
}

div.whoiswho table.data td {
  text-align: left;
  font-size: 11px;
  vertical-align: top;
  padding: 6px 0px 6px 0px;
}

div.whoiswho div.images {
  float: none;
  text-align: left;
  padding: 4px 10px 4px 0px;
}

div.whoiswho div.imagesFloat {
  float: left;
  text-align: left;
  padding: 0 0 10px 0;
}

div.whoiswho div.images img {
  border: 1px solid black;
}

div.error {
  background: #eee;
  border: 2px solid #c00;
  margin: 1em 0;
  padding: 12px;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
}

div.message {
  background: #eee;
  border: 2px solid #0d0;
  padding: 12px;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
}

div.error a:hover {
  color: black;
}

/* whoiswho edit */

div.whoiswho form .error {
  border: 1px solid red;
}
div.whoiswho form select.error {
  background-color: red;
}
div.whoiswho form label.error {
  border: none;
  color: red;
  font-weight: bold;
}

div.whoiswho form div.buttonline {
  text-align: right;
  width: 342px;
  margin-top: 20px;
}

div.whoiswho form a:link {
  color: #000;
  text-decoration: none;
}

div.whoiswho form a:visited {
  color: #000;
  text-decoration: none;
}

div.whoiswho form a:active {
  color: #000;
  text-decoration: none;
}

div.whoiswho form a:hover {
  color: #000;
  text-decoration: none;
}


div.whoiswho form input.form_button_filter {
  border: 1px solid #D7196E;
  background-color: white;
  font-weight: bold;
  font-size: 11px;
  color: #D7196E;
  background-image: url(pics/doublegt.gif);
  text-align: left;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right;
}

div.whoiswho form div.buttonline a input.form_button {
  border: 1px solid #D7196E;
  background-color: white;
  font-weight: bold;
  font-size: 11px;
  color: #D7196E;
  background-image: url(pics/doublegt.gif);
  width: 83px;
  text-align: left;
  padding-left: 3px;
  background-repeat: no-repeat;
  background-position: right;
}

div.whoiswho form div.buttonline input.form_button {
  border: 1px solid #D7196E;
  background-color: white;
  font-weight: bold;
  font-size: 11px;
  color: #D7196E;
  background-image: url(pics/doublegt.gif);
  width: 83px;
  text-align: left;
  padding-left: 3px;
  background-repeat: no-repeat;
  background-position: right;
}

div.whoiswho form div a button {
  border: 1px solid #D7196E;
  background-color: white;
  font-weight: bold;
  font-size: 11px;
  color: #D7196E;
  background-image: url(pics/doublegt.gif);
  width: 88px;
  text-align: left;
  padding-left: 3px;
  background-repeat: no-repeat;
  background-position: right;
}

div.whoiswho table.datagrid {
  clear: both;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
}

div.whoiswho table.datagrid td {
  display: table-cell;
  vertical-align: top;
  background-color: transparent;
}

div.whoiswho table.datagrid th {
  vertical-align: top;
  font-size: 11px;
  text-align: left;
}

div.whoiswho table.datagrid tr.first th,
div.whoiswho table.datagrid tr.first td {
  padding-top: 7px;
  border-top: 1px solid #fff;
}

div.whoiswho table.datagrid tr.last th,
div.whoiswho table.datagrid tr.last td {
  padding-bottom: 7px;
}

div.whoiswho table.datagrid th.group {
  font-size: 11px;
  text-align: left;
  vertical-align: top;
}

div.whoiswho form.msgdialog {
  width: 390px;
  margin: 0 0 20px 0;
  padding: 0 0 0 8px;;
  clear: both;
  font-weight: bold;
  text-align: right;
  background-color: #FFF;
  border: 1px solid #D7196E;
}

div.whoiswho form.msgdialog p {
  font-size: 11px;
  text-align: left;
  float: left;
}

div.whoiswho form.msgdialog input.btn {
  border: 1px solid #D7196E;
  background-color: white;
  font-weight: bold;
  font-size: 11px;
  color: #D7196E;
  background-image: url(pics/doublegt.gif);
  width: 68px;
  text-align: left;
  padding-left: 3px;
  background-repeat: no-repeat;
  background-position: right;
}

div.whoiswho div.contentNavigationButtons {
  clear: both;
  text-align: center;
  text-decoration: none;
}

div.editpic {
  text-align: center;
  margin: 0px 5px 10px 0px;
}

#content div.whoiswho div.contentNavigationButtons a {
  display: block;
  border: 1px solid #004880;
  background-color: #FFFAF0;
  font-weight: bold;
  color: black;
  text-decoration: none;
  width: 175px;
  float: left;
}

div.whoiswho div.recordLine {
  padding-left: 15px;
}

div.whoiswho div.recordLine h4 {
  font-size: 0.9em;
  margin: 0.6em 0 0.1em 0;
  padding-left: 10px;
  background-image: url(pics/btn_pfeil_schwarz.gif);
  background-repeat: no-repeat;
  background-position: left;
}

div.whoiswho div.recordLine p {
  margin: 0em 0 0.6em 0;
  padding-left: 10px;
  font-size: 90%;
}

/* multi columns details */
div.whoiswho table.multiColumnsDetails {
  margin-left: 10px;
}

div.whoiswho table.multiColumnsDetails td {
  vertical-align: top;
}

div.whoiswho table.multiColumnsDetails div.picture {
  text-align: center;
}

div.whoiswho table.multiColumnsDetails div.picture img {
  margin: 0 12px 0 0;
  border: none;
}

div.whoiswho table.multiColumnsDetails div.picture p {
  margin: 0;
  padding: 0;
  font-size: 90%;
}

div.whoiswho table.multiColumnsDetails div.file {
  padding-left: 10px;
  background-image: url(pics/btn_pfeil_schwarz.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  width: 227px;
  padding-bottom: 5px;
}



/*    =Editor
------------------------------------------------------- */
#editorArea {
  width: 514px;
}

#dataGrid {
  margin: 15px 0 0 0;
  width: 410px;
}

#editorArea p.header{
  font-weight: bold;
}

#editorArea form .line {
  width: 380px;
  margin-top: 4px;
}

#editorArea form label {
  display: block;
  float: left;
  width: 130px;
  color: #000;
  font-size: 11px;
}

#editorArea form div.line div.input {
  float: right;
  width: 240px;
  margin: 0;
  padding: 0;
}

#editorArea form div.line div.input input.form_input,
#editorArea form div.line div.input input.form_imagefile,
#editorArea form div.line div.input input.form_file,
#editorArea form div.line div.input input.form_image {
  vertical-align: middle;
  padding-left: 3px;
  border: 1px solid #D7196E;
  font-weight: normal;
  font-size: 11px;
}

#editorArea form div.line div.input input.form_input,
#editorArea form div.line div.input input.form_image {
  width: 240px;
}

#editorArea form div.line div.input input.form_imagefile,
#editorArea form div.line div.input input.form_file {
  float: left;
}

#editorArea form div.line div.input input.form_url {
  vertical-align: middle;
  width: 200px;
  padding-left: 3px;
  font-size: 12px;
  border: 1px solid #D7196E;
  font-weight: normal;
  font-size: 11px;
}

#editorArea form div.line div.input input.form_radio {
  border: none;
  width: 138px;
  float: left;
}

#editorArea form div.line div.input select.form_combobox {
  border: 1px solid #D7196E;
  width: 245px;
  border: 1px solid #D7196E;
  font-weight: normal;
  font-size: 11px;
}

#editorArea form div.line div.input textarea.form_textarea {
  vertical-align: middle;
  width: 243px;
  font-size: 12px;
  border: 1px solid #D7196E;
  font-weight: normal;
  font-size: 11px;
  height: 100px;
}

#editorArea form div.line div.input input.form_image {
  font-weight: normal;
  font-size: 12px;
  border: 1px solid #D7196E;
  background-color: white;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}

#editorArea form div.line div.input input.checkbox {
  border: none;
  width: 138px;
  float: left;
}

#editorArea form div.line div.input input.checkboxes {
  border: none;
  width: 138px;
  float: left;
}

#editorArea div.skillgroup label {
  width: 115px;
}

#editorArea div.skillgroup div.line div.input {
  padding-right: 15px;
}

#editorArea form .buttonline {
  text-align: right;
  width: 385px;
  margin-top: 10px;
  margin-bottom: 20px;
}

#editorArea form .buttonline .submitButton {
  border: 1px solid #D7196E;
  background-color: white;
  font-weight: bold;
  font-size: 11px;
  color: #D7196E;
  background-image: url(pics/doublegt.gif);
  width: 68px;
  text-align: left;
  padding-left:3px;
  background-repeat: no-repeat;
  background-position: right;
}

.clear {
  clear: both;
  margin: 0;
  padding: 0;
}

#editorArea .error {
  font-weight: bold;
  color: red;
}

#editorArea .warning {
  font-weight: bold;
  color: red;
}