@import url(http://fonts.googleapis.com/css?family=Oswald|Roboto);
#container.expanded .expander {
    padding-left: 13px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image:url(images/expanded.gif);
}

#container.collapsed .expander {
    padding-left: 13px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(images/collapsed.gif);
}


 .content {display:none;}
            
            #demo-with-image .expander.expanded {
                padding-left: 13px;
                background-position: left center;
                background-repeat: no-repeat;
                background-image: url(images/expanded.gif);
            }
        
            #demo-with-image .expander.collapsed {
                padding-left: 13px;
                background-position: left center;
                background-repeat: no-repeat;
                background-image: url(images/collapsed.gif);
            }        


            #demo3.expanded .expander {
                font-weight:bold;
                font-size:55%;
            }
                
            #demo3.expanded .content {
                display:inherit;
            }
        
            #demo3.collapsed .content {
                display:none;
            }
            
            #demo-nesting-sub1 {
                margin-left: 20px;
            }
            
            #demo-nesting-sub2 {
                margin-left: 40px;
            }       
			
			
.demo-frame {
      /*border: 1px solid #84878A;*/
      padding: 10px;
      background-color:#2363ad;
	  color:#FFF;
	  font-family: 'Oswald', sans-serif;
	  font-size:16px;
      width:90%;
      box-shadow: 0 0 10px rgba(0,0,0,.1);
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;      
}

p{
      /*border: 1px solid #84878A;*/
      padding: 10px;
	  color:#FFF;
	  font-family: 'Roboto', sans-serif;
	  text-decoration:none;
	  font-size:14px;
	  text-transform:capitalize;
} 

ul {
    color:#FFF;
	  font-family: 'Roboto', sans-serif;
	  text-decoration:none;
	  font-size:14px;
}

ul li {
    color:#FFF;
	  font-family: 'Roboto', sans-serif;
	  text-decoration:none; 
	  font-size:14px;
}

.demo-frame a{
      /*border: 1px solid #84878A;*/
      padding: 10px;
	  color:#FFF;
	  font-family: 'Oswald', sans-serif;
	  text-decoration:none;
	  font-size:16px;  
} 

.demo-frame a:hover{
      /*border: 1px solid #84878A;*/
      padding: 10px;
	  color:#FFED00;
	  font-family: 'Oswald', sans-serif;
	  text-decoration:none;
	  font-size:16px;
}