@charset "utf-8";
/* CSS Document */

.demo {
  margin:0;
  padding:10px;
  position:relative;
  overflow:hidden
}
.demo .cheading {
font: bold 18px Arial, Helvetica, sans-serif; color:#666666; display:block;
padding:10px 0 5px 0;
}
.collapse{background:#FFF; font: normal 14px Arial, Helvetica, sans-serif; color:#333; margin-bottom:10px;}

.collapse p {padding:20px; background:#FFF; font: normal 14px Arial, Helvetica, sans-serif; color:#333;}

.collapse p span {font: bold 14px Arial, Helvetica, sans-serif; color:#333; display:block;}

.collapse ul
{
    margin:0;
    padding:0;
    padding-left:50px;
    background:#FFF;
    padding-bottom:5px;
}
.collapse ul li
{
    margin:0;
    padding:0;
    font: normal 14px Arial, Helvetica, sans-serif; color:#333;
    padding-bottom:8px;
}


/* --- Headings  --- */

.expand
{
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#909;
}




.expand{padding-bottom:.75em}

/* --- Links  --- */
.expand a:link {
  text-decoration:none;
  color:#414241;

}
.expand a:visited {
  
  text-decoration:none;
  background:#F00;
}
.expand a:hover, a:active, a:focus {
   background-color:#fff;
  outline:0 none
}
.expand a:active, a:focus {
  color:red;

}
.expand a {
  display:block;
  padding:6px 10px;
  font:normal 16px Arial, Helvetica, sans-serif;
    color:#414241;
    text-decoration:none;
}
.expand a:link, .expand a:visited {
  border-width:1px;
  border:2px solid #f2f2f2;
  background-position:98% 50%;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;  
}

.expand a:hover, .expand a:active, .expand a:focus {
  text-decoration:none;
  color:#3c96d9;
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#eee url(img/arrow-up.gif) no-repeat 98% 50%;
  color:#3c96d9;

}