/* basic */
@media screen {
  body {
    background-image: url(/img/background.gif);
  }
}

html {
  height: 100.01%;
}

p {
  margin-top:      8px;
  margin-bottom:   8px;
}

/* navigation level 1 */
.level1,
.header_box {
  color:           #ffffff;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-size:       10px;
  text-decoration: none;

}
.header2_box {
  color:           #ffffff;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-size:       10px;
  text-decoration: none;
}

.level1_sel {
  background:      #666666;
}
.level1_sel_cale {
  background:      #777777;
}


/* navigation level 2 & 3 */
.level23 {
  color:           #000000;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-weight:     bold;
  font-size:       10px;
  line-height:     150%;
  text-decoration: none;
}

.level23_sel {
  color:           #5a3c26;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-weight:     bold;
  font-size:       10px;
  line-height:     150%;
  text-decoration: none;
}

.level23:hover {
  color:           #5a3c26;
}


/* page header */
.breadcrumbs {
  color:           #666666;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-size:       11px;
}


/* links */
a, .link {
  color:           #5a3c26;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-size:       11px;
  text-decoration: none;
}

.search-results a,
.search-result-box a {
  color:           #5a3c26;
  text-decoration: underline;
}

a:hover, .link:hover {
  text-decoration: underline;
}


.margin-box {
  font-family:      verdana, helvetica, arial, sans-serif;
  font-size:        10px;
  background-color: #dddddd;
  padding:          2px;
  font-weight:      bold;
}

.margin-box,
.left-navigation {
  color:            #000000;
}

.search-result-box,
.product-order-box {
  font-family:      verdana, helvetica, arial, sans-serif;
  font-size:        10px;
  padding:          2px;
}

.search-result-box td {
  background-color: #dddddd;
}
.product-order-box th {
  background-color: #dddddd;
}
.product-order-box td {
  background-color: #eeeeee;
}

.search-result-label {
  font-family:      verdana, helvetica, arial, sans-serif;
  font-size:        10px;
  color:	    #555555;
}

.content-table {
  table-layout:    fixed;
}

/* titles */
.title {
  color:           #000000;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-size:       18px;
  line-height:     140%;
}

.subtitle {
  color:           #000000;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-size:       12px;
  line-height:     120%;
}

.caption {
  color:           #000000;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-weight:     bold;
  font-size:       10px;
  line-height:     120%;
}

.info {
  color:           #888888;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-size:       9px;
  line-height:     120%;
}

.body {
  color:           #000000;
  font-family:     verdana, helvetica, arial, sans-serif;
  font-size:       10px;
  line-height:     140%;
  text-decoration: none;
}

.attribute-name {
  font-weight:     bold;
  padding-top:     1px;
  padding-bottom:  1px;
}

.attribute-value {
  padding-top:     1px;
  padding-bottom:  1px;
}


/* Forms and Response */

div.forms-and-response-text-0,
div.forms-and-response-text-1,
div.forms-and-response-text-2,
div.forms-and-response-text-3,
div.forms-and-response-text-4,
div.forms-and-response-text-5,
div.forms-and-response-selection-0, 
div.forms-and-response-selection-1,
div.forms-and-response-selection-2,
div.forms-and-response-selection-3,
div.forms-and-response-selection-4,
div.forms-and-response-selection-5,
div.forms-and-response-attachment-0, 
div.forms-and-response-attachment-1,
div.forms-and-response-attachment-2,
div.forms-and-response-attachment-3,
div.forms-and-response-attachment-4,
div.forms-and-response-attachment-5 {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 10px;
}

div.forms-and-response-text-0 p,
div.forms-and-response-text-1 p,
div.forms-and-response-text-2 p,
div.forms-and-response-text-3 p,
div.forms-and-response-text-4 p,
div.forms-and-response-text-5 p,
div.forms-and-response-selection-0 p, 
div.forms-and-response-selection-1 p,
div.forms-and-response-selection-2 p,
div.forms-and-response-selection-3 p,
div.forms-and-response-selection-4 p,
div.forms-and-response-selection-5 p,
div.forms-and-response-attachment-0 p, 
div.forms-and-response-attachment-1 p,
div.forms-and-response-attachment-2 p,
div.forms-and-response-attachment-3 p,
div.forms-and-response-attachment-4 p,
div.forms-and-response-attachment-5 p {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  margin-bottom: 3px;
  padding-bottom: 0;
  font-size: 10px;
}

div.forms-and-response-text-result-label {
  margin-bottom: 2px;
}

div.forms-and-response-text-result-label p {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0;
}

div.forms-and-response-text-result-value {
  margin-bottom: 2px;
}

div.forms-and-response-text-result-value p {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  margin: 0;
}


div.forms-and-response-selection-result-label {
  margin-bottom: 2px;
}

div.forms-and-response-selection-result-label p {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0;
}

div.forms-and-response-selection-result-value {
  margin-bottom: 2px;
}

div.forms-and-response-selection-result-value p {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  margin: 0;
}

div.forms-and-response-selection-result-value ul li {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  padding: 2px;
}

div.forms-and-response-selection-result-value ul {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

div.forms-and-response-attachment-result-label {
  margin-bottom: 2px;
}

div.forms-and-response-attachment-result-label p {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 0;
}

div.forms-and-response-attachment-result-value {
  margin-bottom: 2px;
}

div.forms-and-response-attachment-result-value p {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  margin: 0;
}

div.forms-and-response-view-error-msg {
  margin-bottom: 10px;
}

div.forms-and-response-view-title {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
}

div.forms-and-response-view-result {
  margin-bottom: 5px;
}

/* Forum component */

    div.forum-component,
    table.forum-forums,
    table.forum-subscribed-forums,
    table.forum-threads,
    table.forum-active-threads,
    table.forum-subscribed-threads,
    table.forum-message-list {
      width:		390px;
      clear:		both;
    }

    div.forum-component {
      margin:           16px 0;
    }

    div.forum-component p {
      clear:		left;
    }

    div.forum-forum-top {
      margin-bottom:	8px;
    }

    div.forum-forum-nav {
      float:		left;
      margin-bottom:	7px;
    }

    div.forum-new-thread {
      margin-bottom:	7px;
      clear:		left;
    }

    div.forum-forum-admin {
      text-align:	right;
    }

    div.forum-header {
      font-weight:	bold;
      margin-bottom:	8px;
      clear:		left;
    }
    
    table.forum-message-list {
      border-collapse:	collapse;
      margin-top:	5px;
      margin-bottom:	10px;
    }

    table.forum-message-list tr td {
      border:		1px solid #dee2eb;
      padding:		2px 4px;
      text-align:	left;
      vertical-align:	top;
    }

    table.forum-message-list tr th.subject,
    table.forum-message-list tr th.posted-by,
    table.forum-message-list tr th.date {
      border:		1px solid #dee2eb;
      font-size:	80%;
      font-weight:	bold;
      background-color:	#dee2eb;
    }

    table.forum-message-list tr.message th.header-subject {
      width:		120px;
    }

    table.forum-message-list tr.message th.header-posted-by {
      width:		160px;
    }

    table.forum-message-list tr.message td.date,
    table.forum-message-list tr.message td.date-selected {
      width:		110px;
    }

    table.forum-message-list tr.message td.date-selected,
    table.forum-message-list tr.message td.posted-by-selected,
    table.forum-message-list tr.message td.subject-selected {
      background-color:	#f0f1f5;
    }

    table.forum-forums,
    table.forum-active-threads,
    table.forum-subscribed-threads,
    table.forum-subscribed-forums,
    table.forum-threads {
      border-collapse:	collapse;
      margin-bottom:	10px;
    }

    table.forum-forums tr td,
    table.forum-forums tr th,
    table.forum-subscribed-forums tr th,
    table.forum-subscribed-forums tr td,
    table.forum-subscribed-threads tr td,
    table.forum-subscribed-threads tr th,
    table.forum-active-threads tr td,
    table.forum-active-threads tr th,
    table.forum-threads tr td,
    table.forum-threads tr th {
      text-align:	left;
      vertical-align:	top;
      border-style:	solid;
      border-width:	1px;
      border-color:	#dee2eb;
      padding:		2px 4px;
    }
    
    table.forum-forums tr th,
    table.forum-subscribed-forums tr th,
    table.forum-active-threads tr th, 
    table.forum-subscribed-threads tr th, 
    table.forum-threads tr th {
      font-size:        80%;
      font-weight:	bold;
      background-color:	#dee2eb;
    }

    table.forum-forums tr td.name,
    table.forum-subscribed-forums tr td.name {
      width:		180px;
    }

    table.forum-forums tr th.description,
    table.forum-subscribed-forums tr th.description {
      width:		200px;
    }

    table.forum-active-threads tr.thread td.subject, 
    table.forum-subscribed-threads tr.thread td.subject, 
    table.forum-threads tr.thread td.subject {
      width:		190px;
    }

    table.forum-active-threads tr.thread td.forum, 
    table.forum-subscribed-threads tr.thread td.forum, 
    table.forum-threads tr.thread td.author {
      width:		190px;
    }

    table.forum-active-threads tr.thread td.messages, 
    table.forum-subscribed-threads tr.thread td.messages, 
    table.forum-threads tr.thread td.messages {
      width:		80px;
    }

    div.forum-search-all-forums, 
    div.forum-search-thread, 
    div.forum-search-forum {
      clear:		left;
    }

    div.forum-search-all-forums span,
    div.forum-search-forum span,
    div.forum-search-thread span {
      margin-right:	10px;
    }

    div.forum-new-forum div.name div.label,
    div.forum-new-forum div.description div.label,
    div.forum-new-forum div.moderators div.label {
      float:		left;
      width:		70px;
    }

    div.forum-new-forum div.submit {
      padding-left:	70px;
    }

    div.forum-new-thread div.label,
    div.forum-edit-thread div.label {
      float:		left;
      width:		100px;
    }

    div.forum-new-thread div.name,
    div.forum-new-thread div.subject,
    div.forum-new-thread div.message,
    div.forum-new-thread div.attachments,
    div.forum-new-thread div.add-file,
    div.forum-new-thread div.post,
    div.forum-new-thread div.preview,
    div.forum-edit-thread div.name,
    div.forum-edit-thread div.subject,
    div.forum-edit-thread div.message,
    div.forum-edit-thread div.attachments,
    div.forum-edit-thread div.add-file,
    div.forum-edit-thread div.post {
      clear:		left;
    }

    div.forum-new-thread div.attachments div.attachments-listing div.attachment div.filename,
    div.forum-edit-thread div.attachments div.attachments-listing div.attachment div.filename {
      width:		300px;
      float:		left;
      clear:		left;
    }

    div.forum-new-thread div.attachments div.attachments-listing,
    div.forum-new-thread div.add-file div.inputs,
    div.forum-edit-thread div.attachments div.attachments-listing,
    div.forum-edit-thread div.add-file div.inputs {
      float:		left;
    }

    div.forum-new-thread div.post,
    div.forum-new-thread div.preview,
    div.forum-edit-thread div.post {
      padding-left:	100px;
    }

    div.forum-new-thread div.preview {
      margin-bottom:	5px;
      padding-top:	5px;
    }

    div.forum-message div.subject,
    div.forum-message div.posted-by,
    div.forum-message div.date,
    div.forum-message div.message {
      clear:		left;
    }

    div.forum-message div.subject div.label,
    div.forum-message div.posted-by div.label,
    div.forum-message div.date div.label {
      float:		left;
      width:		80px;
      background-color:	#dee2eb;
      padding:		2px;
      padding-left:	4px;
      padding-top:      4px;
      margin-right:	3px;
      border-bottom:	1px solid #dee2eb;
      font-size:	80%;
      font-weight:	bold;
    }

    div.forum-message div.subject div.content,
    div.forum-message div.posted-by div.content,
    div.forum-message div.date div.content {
      padding:		2px;
      border-left:	1px solid;
      border-right:	1px solid;
      border-color:	#dee2eb;
    }
    
    div.forum-message div.subject div.content,
    div.forum-message div.posted-by div.content {
      border-top-style:	solid;
      border-width:	1px;
    }

    div.forum-message div.date div.content {
      border-bottom-style: solid;
      border-top-style:	solid;
      border-width:	1px;
    }

    div.forum-message div.message {
      padding:		8px;
      background-color:	#f0f1f5;
      border-left:	1px solid;
      border-right:	1px solid;
      border-color:	#dee2eb;
    }


    div.forum-message-actions-verbose,
    div.forum-message-actions-compact {
      padding-left:	4px;
      padding-bottom:	3px;
      padding-top:	3px;
      clear:		left;
      background-color:	#dee2eb;
    }

    div.forum-message-actions-verbose span.disabled,
    div.forum-message-actions-compact span.disabled {
      color:		#88a;
    }

    div.forum-message-actions-verbose {
      margin-bottom:	5px;
    }

    div.forum-message-actions-verbose a,
    div.forum-message-actions-compact a,
    div.forum-message-actions-verbose span.disabled,
    div.forum-message-actions-compact span.disabled {
      display:		block;
      float:		left;
      font-weight:	bold;
      font-size:	80%;
      border-right:	1px solid #aaa;
      padding-right:	6px;
      margin-left:	3px;
      margin-right:	3px;
    }
    div.forum-message-actions-verbose a.last,
    div.forum-message-actions-compact a.last,
    div.forum-message-actions-verbose span.last,
    div.forum-message-actions-compact span.last {
      border-right:	none;
    }
    
    div.forum-quote {
      border:		1px solid black; 
      margin-left:	10px; 
      padding:		5px;
    }

    div.forum-page-navigation {
      text-align:	center;
      margin-bottom:	10px;
    }

    span.forum-forbidden-word {
      font-weight:	bold;
      color:		red;
    }