/* this css is for the demo pages, not for the Responsive Tabs. Don't need to include it into your production pages. */


#demopage 
{
    background-color: rgba(47, 47, 47, 0.66);
    padding:25px 0; 
	max-width:600px;    
    margin:0 auto; /* This makes the page center aligned */
	margin-top:-14px;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid;
}
#demopage h1 {text-align:center;font:bold 24px Georgia;}
#demopage h2 {margin:5px 0;font:bold 20px Georgia;}
.code
{
    border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; font-family:"Courier New", Georgia;
    font-size:11px; margin:6px 0;overflow:auto; 
}

p#menu1 {text-align:center;margin-bottom:50px;}
p#menu1 a 
{
    display:inline-block; *display:inline; 
    padding:2px 6px; margin:0 8px;
    border:1px dotted #CCC;
    background:#EEE;
    text-decoration:none;
    color:#888;
}
p#menu1 a.active 
{
    background-color:white;    
}

.small {font-size:small;}