body {
  background-color:
    #FFF;
  color:
    #000;
  margin:
    0;
  padding:
    0;
  background-image:
    URL("./../img/mcx_background.jpg");
  background-repeat:
    repeat-x;
  text-align:
    center;

}

strong {
  font-weight:
    bold;
}

a {
  color:
    #EA3B0E;
  text-decoration:
    none;
}

a img {
  border:
    none;
}

a img.anchor {
  vertical-align:
    baseline;
}

a:hover {
  /*
  text-decoration:
    underline;
  */
  color:
    #333;
}

acronym {
  border-bottom:
    1px
    dotted
    #999;
  cursor:
    help;
}

#main {
  text-align:
    left;
  background-color:
    #FFF;
  margin:
    auto;
  width:
    760px;
}

#header {
  background-color:
    none;
  padding:
    1em;
  padding-top:
    1.7em;
  padding-bottom:
    1.7em;
  background-repeat:
    no-repeat;
  background-position:
    570px
    7px;
}

#header h1 {
  margin:
    0;
  padding:
    0;
}

#header h1 img {
  display:
    inline;
  margin:
    0;
  padding:
    0;
  vertical-align:
    middle;
}

#nav {
  /*
  border-top:
    1px
    solid
    #CCC;
  */
  vertical-align:
    middle;
  line-height:
    1.2em;
  clear:
    both;
}

#nav ul {
  margin:
    0;
  padding:
    0;
  list-style-type:
    none;
  line-height:
    1.2em;
}

#nav li {
  float:
    left;
  display:
    block;
  width:
    20%;
  text-align:
    center;
  line-height:
    1.2em;
}
#nav a {
  width:
    100%;
  display:
    block;
  font-size:
    1em;
  font-family:
    "Tw Cen MT Condensed", sans-serif;
  text-decoration:
    none;
  text-transform:
    uppercase;
  padding-top:
    0.1em;
  padding-bottom:
    0.2em;
  margin-top:
    0.2em;
  color:
    #EA3B0E;
}

#nav a:hover {
  background-color:
    #EA3B0E;
  color:
    #FFF;
}

#nav a.actual {
  margin-top:
    0em;
  color:
    #FFF; /* #8FBF45; */
  background-color:
    #AFDF65;
  padding-top:
    0.2em;
  padding-bottom:
    0.3em;
}

#nav a.actual:hover {
  background-color:
    #AFDF65;
}

#nav a.follow {
  background-image:
    URL("./../img/mcx_nav.jpg");
  background-repeat:
    no-repeat;
  background-position:
    left
    middle;
}

#nav a.follow:hover {
  background-image:
    none;
}

h2 {
  height:
    1em;
  line-height:
    1em;
  clear:
    both;
  margin:
    0;
  padding:
    0.5em;
  font-family:
    "Tw Cen MT Condensed", sans-serif;
  font-size:
    1.6em;
  color:
    #FFF;
  background-color:
    #AFDF65;
  vertical-align:
    bottom;
  text-transform:
    uppercase;
}

h2 .div {
  color:
    #EA3B0E;
}

h2 .sub {
  font-weight:
    normal;
}

h2 .subsub {
  font-weight:
    normal;
  font-size:
    0.7em;
}

#tools {
  vertical-align:
    middle;
  line-height:
    0.9em;
}

#tools ul {
  margin:
    0;
  padding:
    0;
  list-style-type:
    none;
  line-height:
    1.2em;
}

#tools li {
  float:
    right;
  display:
    block;
  text-align:
    center;
  line-height:
    1.2em;
  width:
    15%;
}

#tools a {
  display:
    block;
  font-size:
    0.8em;
  font-family:
    "Tw Cen MT Condensed", sans-serif;
  text-decoration:
    none;
  padding:
    2%;
  color:
    #EA3B0E;
  text-transform:
    uppercase;
}

#tools a:hover {
  background-color:
    #EEE;
}

#tools a.actual {
  color:
    #8FBF45;
}

#content {
  /*
  background-image:
    URL("./../img/mcx_div.jpg");
  background-repeat:
    no-repeat;
  */
  clear:
    both;
  border-top:
    1px
    solid
    #CCC;
  padding:
    1em;
  font-size:
    0.7em;
  line-height:
    1.5em;
  font-family:
    "Lucida Sans Unicode", sans-serif;
}

#content .shot {
  text-align:
    center;
  margin-bottom:
    0.5em;
}

#content .img {
  text-align:
    center;
  margin-bottom:
    0.5em;
}

#content .float {
  float:
    left;
  margin-right:
    1em;
}

#content p {
  margin:
    0;
  padding:
    0;
  margin-bottom:
    1.5em;
}

#content ul {
  margin-bottom:
    1.5em;
  list-style-type:
    square;
}

#content h3 {
  font-family:
    "Tw Cen MT Condensed", sans-serif;
  font-size:
    175%;
  margin-top:
    0.5em;
  margin-bottom:
    0.25em;
  color:
    #8FBF45;
  clear:
    both;
}

#content h3.first {
  margin-top:
    0;
}

#content h3 a {
  color:
    #8FBF45;
  text-decoration:
    none;
}

#content h4 {
  font-family:
    "Tw Cen MT Condensed", sans-serif;
  font-size:
    140%;
  margin-top:
    0.5em;
  margin-bottom:
    0.25em;
  color:
    #666666;
  clear:
    both;
}

#content h4 a {
  color:
    #666666;
  text-decoration:
    none;
}

#content kbd {
  font-size:
    120%;
}

#content #back {

}

#document {
  width:
    62%;
  float:
    left;
}

#livedemo {
  margin-bottom:
    1.5em;
  padding:
    0.5em;
  text-align:
    center;
  text-decoration:
    none;
  font-size:
    140%;
  font-family:
    "Tw Cen MT Condensed", sans-serif;
  text-decoration:
    none;
  text-transform:
    uppercase;
  color:
    #EA3B0E;
  font-weight:
    bold;
}

#sidebar {
  padding:
    2%;
  padding-top:
    0;
  padding-bottom:
    0;
  margin-bottom:
    3em;
  width:
    33%;
  float:
    right;
  color:
    #666;
  font-size:
    90%;
  line-height:
    1.5em;
  font-family:
    "Lucida Sans Unicode", sans-serif;
}

#sidebar ul {
  list-style-type:
    none;
}

#sidenav .sidebar {
  padding-top:
    0;
  padding-bottom:
    0;
  margin:
    0;
  color:
    #666;
  font-size:
    90%;
  line-height:
    1.5em;
  font-family:
    "Lucida Sans Unicode", sans-serif;
}

#sidebar p, #sidenav .sidebar p {
  margin:
    0;
  padding:
    0;
  margin-bottom:
    1.5em;
}

#sidebar h3, #sidenav .sidebar h3 {
  font-family:
    "Tw Cen MT Condensed", sans-serif;
  font-size:
    160%;
  color:
    #666;
  margin-top:
    1.5em;
  margin-bottom:
    0.5em;
  padding-top:
    0;
  border:
    none;
}

.toc {
  font-weight:
    normal;
  font-size:
    0.7em;
}

#sidenav {
  padding:
    2%;
  padding-top:
    0;
  padding-bottom:
    0;
  margin-bottom:
    3em;
  width:
    33%;
  float:
    right;
  color:
    #666;
  line-height:
    1.5em;
  font-family:
    "Lucida Sans Unicode", sans-serif;
}

#sidenav ul {
  margin:
    0;
  padding:
    0;
  list-style-type:
    none;
  margin-bottom:
    1.5em;
  background-color:
    #EEE;
}

#sidenav li {
  padding:
    0.5em;
  border-bottom:
    1px
    solid
    #FFF;
}

#sidenav li#toc {
}

#sidenav .sidebar ul {
  background-color:
    #FFF;
  list-style-type:
    none;
}

#sidenav .sidebar li {
  padding:
    0;
  border:
    none;
}

#sidenav .sidebar ul.screenshots li {
  float:
    left;
  border:
    1px
    solid
    #CCC;
  margin-right:
    1em;
  margin-bottom:
    1em;
}

#sidenav .sidebar ul.screenshots li.zoomable {
  border:
    1px
    solid
    #EA3B0E;
}

#sidenav p {
  margin:
    0;
  padding:
    0;
  margin-bottom:
    1.5em;
  font-size:
    90%;
}

#sidenav h3 {
  font-family:
    "Tw Cen MT Condensed", sans-serif;
  font-size:
    175%;
  color:
    #CCC;
  padding-top:
    0;
  margin-top:
    0;
  margin-bottom:
    0.25em;
}

.network {
  margin:
    0;
  padding:
    0;
  list-style-type:
    none;
  line-height:
    1.2em;
  background-color:
    #FFF;
}

.network li {
  overflow:
    hidden;
  white-space:
    nowrap;
  clear:
    both;
  margin-bottom:
    1.5em;
  color:
    #999;
}

.network img {
  margin-right:
    0.75em;
  display:
    inline;
  float:
    left;
}

.network .institution {
  color:
    #333;
}

.network .contact {
  color:
    #666;
}

.network img.anchor {
  margin:
    0;
  float:
    none;
}

.partners {
  color:
    #666;
  margin-top:
    1em;
}

.partners li {
  float:
    left;
  width:
    47%;
  margin-right:
    1em;
  clear:
    none;
}

.partners li:hover {
  background-color:
    #EEE;
}

.partners li.nofloat {
  clear:
    both;
  width:
    100%;
}

.partners li .network_logo {
  float:
    none;
  height:
    40px;
  border-bottom:
    1px
    dashed
    #CCC;
  background-color:
    #FFF;
  padding-left:
    0.5em;
}

.partners li .network_data {
  padding:
    0.5em;
}

.partners li.economy {
  height:
    160px;
}

.partners li.economy img {

}

.partners li.economy img.anchor {
  margin-bottom:
    0;
}

.resources {
  margin:
    0;
  padding:
    0;
  list-style-type:
    none;
  line-height:
    1.2em;
  background-color:
    #FFF;
}

.resources li {

}

.resources li a, .resources li a:hover {
  overflow:
    hidden;
  white-space:
    nowrap;
  clear:
    both;
  margin-bottom:
    1.5em;
  color:
    #999;
  text-decoration:
    none;
  display:
    block;
}

.resources li a:hover {
  background-color:
    #EEE;
}

.resources img {
  margin-right:
    0.75em;
  display:
    inline;
  float:
    left;
}

.resources .title {
  color:
    #666;
}

.resources .details {
  color:
    #666;
}

/*
.teaser {
  display:
    block;
  line-height:
    1.2em;
  float:
    left;
  margin:
    0.5em;
  padding:
    0;
  margin-top:
    0;
  margin-left:
    0;
  font-size:
    2em;
  color:
    #666;
  font-family:
    sans-serif;
}
*/
#footer {
  clear:
    both;
  border-top:
    1px
    dashed
    #CCC;
  padding:
    0.5em;
  color:
    #999;
  font-size:
    0.6em;
  line-height:
    1.5em;
  font-family:
    "Lucida Sans Unicode", sans-serif;
  margin-bottom:
    0.5em;
}

#footer ul {
  margin:
    0;
  padding:
    0;
  list-style-type:
    none;
}

#footer li {
  float:
    right;
  display:
    block;
  text-align:
    center;
  margin-left:
    2em;
  margin-bottom:
    0.5em;
}

#footer #top {
  font-weight:
    bold;
}

#footer #copy {
  float:
    left;
}

#content .items {
  margin:
    0;
  margin-top:
    1em;
  padding:
    0;
  list-style-type:
    none;
  line-height:
    1.2em;
  clear:
    both;
}

#content .items li {
  clear:
    both;
  display:
    block;
  margin-bottom:
    1em;
  color:
    #000;
  margin-right:
    1em;
  line-height:
    1.5em;
}

#content .items li.multi {
  float:
    left;
  width:
    47%;
  clear:
    none;
}

#content .items li.multi img {
  display:
    inline;
  float:
    left;
}

#content .items h4 {
  border-bottom:
    1px
    dashed
    #CCC;
  padding-bottom:
    0.25em;
}

#content .items img {
  display:
    none;
}

#content .items h4 {
  color:
    #666;
  font-weight:
    bold;
  display:
    block;
  margin-bottom:
    0.25em;
  margin-top:
    0;
}

#content .items p {
  margin:
    0;
  padding:
    0;
  margin-bottom:
    0.5em;
}

#content .items li ul {
  margin:
    0;
  padding:
    0;
  list-style-type:
    none;
  margin-bottom:
    1em;
}

#content .items li ul li {
  margin:
    0;
  padding:
    0;
  margin-bottom:
    0.25em;
}

#valid {
  clear:
    both;
  border-top:
    1px
    solid
    #CCC;
  text-align:
    center;
  padding:
    1em;
  color:
    #999;
  font-size:
    0.6em;
  line-height:
    1.5em;
  font-family:
    "Lucida Sans Unicode", sans-serif;
  background-image:
    URL("./../img/mcx_div.jpg");
  background-repeat:
    no-repeat;
}

.person_reference {
  font-variant:
    small-caps;
}

#news {
  margin-bottom:
    2em;

}

#news h3 {
  display:
    none;
}

#news ul {
  list-style-type:
    none;
  margin:
    0;
  padding:
    0;
}

#news ul li {
  margin:
    0;
  background-image:
    URL("./../img/icon_event.gif");
  background-repeat:
    no-repeat;
  background-position:
    0.25em
    0.25em;
  padding:
    0.5em;
  padding-left:
    36px;
  border-bottom:
    1px
    solid
    #FFF;
  background-color:
    #EEE;
}

#news ul li h4 {
  font-size:
    1em;
  margin:
    0;
  font-family:
    "Lucida Sans Unicode", sans-serif;
  color:
    #333;
  margin-bottom:
    0.25em;
  margin-top:
    0.25em;
}

#news ul li h4 .date {
  font-weight:
    normal;
}

#news ul li p {
  padding:
    0;
  margin:
    0;
  margin-bottom:
    0.25em;
}

.press {
  margin:
    0;
  padding:
    0;
  list-style-type:
    none;
  line-height:
    1.2em;
  background-color:
    #FFF;
}

.press li {
  overflow:
    hidden;
  white-space:
    nowrap;
  clear:
    both;
  margin-bottom:
    1.5em;
  color:
    #999;
}

.press img {
  margin-right:
    0.75em;
  display:
    inline;
  float:
    left;
}

.press .publisher {
  color:
    #666;
}

.press img.anchor {
  margin:
    0;
  float:
    none;
}

.solution_focus {
  margin:
    0;
  padding:
    0;
  list-style-type:
    none;
  line-height:
    1.2em;
  background-color:
    #FFF;
  line-height:
    1.5em;
}

.solution_focus li {
  clear:
    both;
  margin-bottom:
    1.5em;
  color:
    #666;
}

.solution_focus img {
  margin-right:
    0.75em;
  display:
    inline;
  float:
    left;
}

.solution_focus img.anchor {
  margin:
    0;
  float:
    none;
}

.main_focus {
  border:
    1px
    dashed
    #CCC;
  background-position:
    left
    center;
  background-repeat:
    no-repeat;
  margin-bottom:
    1.5em;
  padding:
    0.5em;
  padding-left:
    16em;
}

.main_focus p {
  text-align:
    left;
  width:
    24em;
}

#flash_container {
  width:
    100%;
  text-align:
    center;
  margin-top:
    0.5em;
}

.wrapper {
  clear:
    both;
}