#titleW3CMWI .titleW3C {
  display: block; position: absolute; top: 12px; left: 10px; width: 87px; height: 43px; border-right: 2px #777 solid;
}

#titleW3CMWI .titleMWI {
  display: block; position: absolute; top: 12px; left: 105px; width: 157px; height: 65px; 
}

#titleW3CMWI .titleW3C span.text, #titleW3CMWI .titleMWI	 span.text {
	display: none;
}

/* -- end title --  */

#main {margin-top:8em}

div#main h1 {
  color:#0B5B9D;
  font-style:italic;
  background: #E2EDFE;
  font-size:1.2em;
}


#sidebar {top:9em}
#sidebar ul li ol li ul, #sidebar ul li ol li ul li {background-color:#E2EDFE; list-style-image: url('http://w3.org/Mobile/color_key_4')}


h2 {
  background: #fff url('http://www.w3.org/2005/11/MWI-Icons/MWI-favicon') no-repeat 99% 50%;
  clear:both;
}

td {padding:0.3em}

/* Register now links */

p.register {text-align:right; font-size:1.5em;}
td.register {text-align:center; height:3em; width:10em}
.register a, div.online {border: 2px solid black;
  padding:0.3em 35px 0.3em 0.3em; 
  background: #0B5B9D url('http://w3.org/Mobile/color_keys') no-repeat 99% 50%;
  color:#fff; 
  white-space:nowrap;
}

/* Floating Images */

div.imgRight, div.imgLeft {
  width:150px;
  font-size:smaller; 
  text-align:center;
  border:2px solid black;
  padding: 0.2em;
}

div.imgRight {float:right; margin-left:0.5em}
div.imgLeft {float:left; margin-right: 0.5em}

.register a, div.online, div.imgLeft, div.imgRight {border-top-color:#666; border-left-color:#666}

/* Navigation links */

#sidebar li.sectionTitle a.moodle {
  background-image:url(http://www.w3.org/2009/04/MobiWeb102/moodle.png); 
  background-repeat:no-repeat;
  padding-left: 1.5em;
}

#sidebar li.reg {
  background-image:url(http://www.w3.org/2005/11/MWI-Icons/MWI-favicon); 
  background-repeat:no-repeat;
  background-position: 2% 50%;
  padding-left:1.5em;
}

div.online {
  width:4em; 
  float:right;
  background-image:none;
  color: #fff;
  padding-right: 0.3em;
  text-align:center;
  font-weight: bold;
  font-style:italic;
  font-size:bigger;
}

.topper {text-align:right; font-style:italic}

.pink {border-left-color:#F05A89;}
.green {border-left-color:#8CC63F;}
.purple {border-left-color:#AB208E;}
.blue {border-left-color:#598DCA;}
.black {border-left-color:#000;}
.yellow {border-left-color:#FFC20E;}
.red {border-left-color:#CE171E;}
.gold {border-left-color:#F68B1F;}

div.pseudolist ul li {
  border-left-width: 1em; 
  border-left-style:solid; 
  padding-left: 1em; 
  list-style-type:none;
  margin:0.2em 0;
}

div.testimonials p {
  border-left-width: 1em; 
  border-left-style:solid; 
  padding-left: 0.5em;
}

.scream {
  border:2px solid red;
  border-left-color:#f66;
  border-top-color:#f66;
  padding:0.2em;
  background-color:#0B5B9D;
  color:white;
  font-size:larger;
}

.scream a {
  color:white;
  text-decoration:underline;
}