h1{text-align:right;font-size:2em;}

#demo {width:1000px; margin:0 auto}
#content{width:800px;float:right}
#sidebar{float:left;width:180px}
#sidebar ul{list-style:none;padding:0;margin:0}


.half{width:49%;margin-bottom:2%}
.colAA{width:68%;margin-bottom:2%}
.colC{width:30%;margin-bottom:2%}
.left{float:left}
.right{float:right}

.mf * {
  outline:none;
  -moz-user-select:none;
  -khtml-user-select:none;
  border:none;
  padding:0;
  margin:0
}
.mf.load {
  background:#000 url(../images/mooflow/ajax_loader.gif) no-repeat 50%;
}
.mf div.loader{
  position:absolute;
  text-align:center;
  z-index:110;
  margin:1em auto;
  top:55%;
  width:100%;
}
.mf div.caption {
  position:absolute;
  text-align:center;
  z-index:98;
  margin:1em auto;
  bottom:50px;
  width:100%;
}
.mf div.MooFlowNav{
  position:absolute;
  z-index:99;
  margin:0 auto;
  text-align:center;
  width:100%;
  bottom:20px;
  font-size:1px;
  line-height:1px;
  width:100%;
}
.mf div.autoPlayCon{
  float:left;
  width:10%;
  padding-left:3%;
  height:24px;
}
.mf a.play, .mf a.stop{
  width:27px;
  height:24px;
  float:left;
  cursor:pointer;
}
.mf a.play{background:url(../images/mooflow/play.gif) no-repeat;}
.mf a.stop{background:url(../images/mooflow/stop.gif) no-repeat;}
 
.mf div.resizeCon{
  float:right;
  width:10%;
  padding-right:3%;
  height:24px;
}
.mf a.resize{
  width:34px;
  height:24px;
  float:right;
  cursor:pointer;
  background:url(../images/mooflow/resize.gif) no-repeat;
}
.mf div.sliderCon{
  margin-top:5px;
  float:left;
  width:74%;
}
.mf div.slider{
  background:url(../images/mooflow/middle.gif) repeat-x;
  height:16px;
  position:relative;
  text-align:left;
  float:left;
}
.mf div.knob{
  height:16px;
  background:url(../images/mooflow/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
  background:url(../images/mooflow/left-slider.gif) repeat-x center;
  width:8px;
  height:16px;
}
.mf a.sliderNext{background:url(../images/mooflow/left.gif) no-repeat;}
.mf a.sliderPrev{background:url(../images/mooflow/right.gif) no-repeat;}
.mf a.sliderNext, a.sliderPrev{
  text-decoration:none;
  width:25px;
  height:16px;
  cursor:pointer;
  float:left;
}
/* MooFlowViewer */
.mf a.show {
  position:absolute;
  margin-left:-16px;
  width:32px;
  height:32px;
  top:70%;
  left:50%;
  z-index:100;
  cursor:pointer;
}
.mf a.show.image{
  background:url(../images/mooflow/open_image.png) no-repeat 50%;
}
.mf a.show.viewerload{
  background:url(../images/mooflow/loader.gif) no-repeat 50%;
}
.mf a.show.link{
  background:url(../images/mooflow/open_link.png) no-repeat 50%;
}
.mf div.tooltip{
  background:url(../images/mooflow/tooltip.png) no-repeat 50%;
  width:262px;
  margin-left:-151px;
  height:70px;
  padding:20px;
  position:absolute;
  z-index:101;
  top:0;
  left:50%;
  text-align:center;
}