@import url(/mmbase/style/css/mmxf.css);
html { 
  background-color : #333333; /*042134;*/
  color: black;
}
body {
  text-align:center;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
}
#frame {
  width: 850px;
  min-height: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  background-repeat: repeat-y;
  background-image: url(images/back.jpg);
  background-color: #f0a968;
}
#menu {
  position: relative;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 22px;
  background-color: black;
  border-bottom: 3px solid #9c9c9c;
  color: white;
  font-size: 11pt;
  font-weight: bold;
}
#menu a {
  padding-left: 1ex;
  padding-right: 1ex;
  margin-right: 15px; 
  color: white;
  font-weight: bold;
}
#menu a.sub {
  line-height: 1.7;
}
#menu div a { 
  display: block;
  margin-right: 0ex;
  padding-right: 2ex;
  font-weight: bold;
}
#menu a:hover { 
  background-color: #dae4e4;
  color: #000000;
  text-decoration : none; 
}
#menu div {
  font-size: 8pt;
  font-weight: bold;
  font-weight: bold;
  text-decoration : none;
  background-color: #ee994d;
  position: absolute;
}
#menu div a { 
  display: block;
}
#menu a {
  padding-left:2px;
}
#login {
  margin-left: 760px;
  font-size: 12px;
  margin-top: 3px;
  width: 60px;
  height: 16px;
  background-color: #ee994d;
  border-style: solid;
  border-width: thin;
  text-align:center;
}
.login {
}
#login a {
  color: #333333;
  font-weight: bold;
}
#logo {
  height: 153px; /*32px;*/
  /*width:735px;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 15px 0px;
  text-align: right;
  background-color: #000000;
}
#logo img {
  border: none;
}
.errors {
	border: solid 1px red;
	font-size: small;
}
#content {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 25px;
  /*width: 705px;*/
  min-height: 907px;
  background-repeat: no-repeat;
  background-image: url(images/back_cnt.png);
}
/* seems to be needed for IE: */
#content p {
  padding-top: 0ex;
}
#content table {
}
.mmxf a {
  color: #ff6600;
}
.mmxf a:hover {
  color: #ff6600;
}
table.layout td {
 padding-left: 2ex;
 padding-top: 0px;
}
#content table.plain tr td {
  border: none;
  color: #000000; /*#FFFFFF;*/
}
.mmxf table tr td {
  padding-right: 2ex !important;
  padding-left: 0ex !important;
}
#content img {
  margin: 3px 5px 0px 0px;
  border: none;
  float: left;
  /*border: solid 2px #557C95;*/
}
#content img.icon { 
  background-color: transparent;
  float: none;
  border: 1px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#content img.inline { 
  float: none;
}
#content img.image-right {
  float: right;
}
#content a.navigate { 
  white-space: nowrap;
  color: #FF6600;
  font-weight: bold;
}
.block, #registerFrm{ 
  padding-top: 0px;
  width: 335px; /* 351 + 20 is half of frame with */
  color: black;
  float: left;
  margin-left: 10px;
  margin-right: 0px;
  clear: left;
  margin-top: 0px;
  display: inline; /* should be ignored (because of float), but work around bug in IE */
}
#registerFrm {
	width: 500px;
}
#content .genres h1 {
  font-size: 20px;
  color: #666666;
  font-weight: bold;
  text-transform: uppercase;
}
.right {
  margin-right: 0px;
  margin-left: 0px;
  float: right;
  clear: right; 
}
.rightalign {
   text-align: right;
}
.left {
  margin-top: 0px;
}
.helpIE {
  float: left !important;
}
.titel {
  height: 30px;
  color: #fff;
  font-weight: bold;
  font-size: 11pt;
}
.duration {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 9px;
  color: #FFFFFF;
  padding: 1px 1px 1px 1px;
  background-color: #000000;
  vertical-align: top;
}
.icon_duration {
  display:block;
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 0px;
  float: right;
}
.icon_duration img.icon {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  vertical-align: top;
}
.intro p, .outtro p {
  font-size : 9pt;
  clear: both;
  margin-top: 0px;
}
.outro p { 
}
#search {
  clear: none;
  padding-top: 8px;
  width: 250px;
  float: right;
}
#search form {
  display: block;
}
#searchform a:hover {
  background-color: #000;
}
#searchform {
  clear: none;
  width: 250px;
  display: inline;
  border: none;
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
}
#search p { 
  border: none;
  display: block;
  padding: 0px 0px 0px 0px;
  white-space: nowrap;
}
#search input, #searchform input { 
  top: 0px;
  width: 100px;
  margin-top: 0px;
  padding-top: 0px;
}
#search img.icon, #searchform img.icon { 
  border: none;
  margin-left: 3px;
  margin-right: 0px;
  vertical-align: top;
}
#bottom{
  padding: 10px 0px 0px 0px;
  width: 743px;
  height: 20%;
  font-size: 12pt;
  line-height: 2ex;
  color: white;
}
#content h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size : 10pt;
  color: #000000;
  font-weight: bold;
}
#content h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12pt;
  padding-left: 0px;
  color: #000000;
  font-weight: bold;
}
#content p {
  font-size : 8pt;
}
#content td {
  margin-top: 2px;
  font-size : 8pt;
}
#content .genres h2 { 
  font-size: 10pt;
  color: #000000;
  font-weight: bold;
  vertical-align: top;
  border-bottom: none;
  padding: 0 0 0 0;
}
.genres, .article, .search {
  width: 680px;
  color: #000000;
  font-size : 9pt;
}
.article .intro {
  padding-left: 2px;
}
.article h1 {
  padding-left: 2px;
}
p {
  line-height: 14px;
}
#content .genres h2 a {
  padding: 1px 1px 1px 1px;
  font-size: 9px;
  color: #fff;
  font-weight: bold;
}
.genres h2 a:hover{
  text-decoration: none;
}
table td { 
  vertical-align: top;
}
table td p {
  margin-left: 0ex; 
}
table td img {
  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px !important;
}
table td img.icon {
  margin-right: 1ex !important;
}
.fields {
  width: 343px;
  padding: 0px 0px 0px 0px !important;
}
.fields p { 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  font-size: 10pt;
}
.fields p.field {
  min-height: px;
  font-weight: bold;
  display: block;
  padding-left: 4px;
  background-color : #dae4e4;
  margin-top: 5px ! important;
}
.fields td {
  padding-top: 5px;
}
p.fieldback {
  font-weight: bold;
  color: #ff6600;
  display: block;
  padding-left: 4px;
  background-color : #dae4e4;
  margin-top: 5px ! important;
}
.fieldback a {
  color: #ff6600;
}
.fieldback a:hover {
  color: #ff6600;
}
.fields p.field img {
  float: none !important;
  display: inline !important;
  vertical-align:middle;
}
.fields p.field a {
  color: black;
}
.fields p.image {
  padding: 0px;
  padding-top: 0ex;
}
.fields img {
  float: none;
  display: block !important;
  margin-top: 1ex !important;
}
.fields h2 { 
  font-style: italic;
  border-bottom: none !important;
}
span.field {
  /*background-color: #dae4e4; */
  color : #000000;
  padding-left: 0px; 
  font-weight: normal;
  text-transform: capitalize;
}
.people table { 
  width: 100%;
}
.people table td {
  /*background-color : black;*/
  padding: 0px 15px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 10pt;
}
.people .specialization { 
  font-style: italic;
}
.people a {
  color: #ff6600;
  font-weight: bold;
  font-size: 10pt;
}
.people a:hover {
  color: #ff6600;
}
.people p {
  padding: 0px 0px 0px 0px;
}
a{
  color :#9FC3E5;
  text-decoration: none;
}
a:hover{
  color :#9FC3E5;
  text-decoration: underline;
}
h1 {
  font-size: 10pt;
  color: #fff;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  clear: both;
}
.listitem { 
  line-height: 14px;
  padding-top: 0px;
  padding-bottom: 15px;
  padding-right: 0px;
  float: left;
  clear: both;
  width: 335px;
  border-bottom: 1px solid #FDD4BC;
}
.listitem h2 {
  padding-bottom: 0ex;
}
.genreitem {
  padding-bottom: 7px;
  padding-top: 5px;
  margin-bottom: 9px;
  border-bottom: 1px solid #FDD4BC;
  width:500px;
}
.genreitem p {  
  border: none;
  margin-top: 0px;
  padding-top: 0px;
}
.genreitem h2 {
  border: none; 
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.genreitem img {
  padding-top: 4px;
  padding-bottom: 7px;
}
/*.genreitem img.icon{
  margin-top: -20px;
  padding: 2px;
  float: right;
}*/
.highlight {
  width: 335px;
  clear: both;
  padding: 0px 0px 0px 0px;
  /*margin-bottom: 5ex;*/
}
.highlight p {
  border-bottom: 1px solid #FDD4BC;
}
/* debug: give import block a color, so you can easily see where they stop and start */
/*
.people {
  background-color: yellow;
}
.thiscategory {
  background-color: green;
}
.texts {
  background-color: red;
}
.article {
  background-color: yellow;
}
.fields {
  background-color: green;
}
#search {
  background-color: blue;
}
.helpIE {
  background-color: purple;
}
*/
#end-of-page {
 float: left;
 height: 1px; 
 width: 100%;
}
.highlight-category {
 margin-bottom: 2ex;
}
.fields p.distributor {
 background-color: yellow;
 display: none;
}
#register h1 {
}
#register .nb {
	font-size: 7pt;
}
#register .fieldName {
	font-size: 10pt;
}
#register .field {
font-size: 10pt;
}
.productTypes {
}
#register, .products {
	float: left;
	margin-left: 10px;
}