body {
   background: #E88A27;
   font-family: arial, helvetica, verdana;
}
#content {
   margin-left: 40px;
   margin-right: 40px;
   margin-top: 20px;
   margin-bottom: 20px;
   border: 1px solid #9471D6;
   background: #E4D9F7;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-top: 20px;
}

.visualClear {
	clear: both;
}

#footer {
   border: 1px solid #97D8A1;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   margin-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-top: 10px;
   background: #E3F9E6;
}

#bodyContent a.external {
	background: url(external.png) center right no-repeat;
	padding: 0 13px;
}
h1#title {
   both: float;
}
p.code, pre.code {
   font-family: courier;
   display: block;
   background: #F4EDC6;
   margin-left: 10px;
   margin-right: 15px;
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 15px;
   padding-right: 15px;
}

/* root element for tabs  */
ul.css-tabs {  
        margin:0 !important; 
        margin-left: 30px !important; 
        margin-right: 30px !important;
        margin-bottom: 0 !important;
        padding:0;
        height:30px;
        border-bottom:1px solid #666;           
}

/* single tab */
ul.css-tabs li {  
        float:left;      
        padding:0; 
        margin:0;  
        list-style-type:none;   
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
        float:left;
        font-size:13px;
        display:block;
        padding:5px 30px;       
        text-decoration:none;
        border:1px solid #666;  
        border-bottom:0px;
        height:18px;
        background-color:#efefef;
        color:#777;
        margin-right:2px;
        position:relative;
        top:1px;        
        outline:0;
        -moz-border-radius:4px 4px 0 0; 
}

ul.css-tabs a:hover {
        background-color:#F7F7F7;
        color:#333;
}
        
/* selected tab */
ul.css-tabs a.current {
        background-color:white;
        border-bottom:1px solid #ddd;   
        color:black;     
        cursor:default;
}

        
/* tab pane */
.css-panes div {
        display:none;
        border:1px solid #666;
        border-width:0 1px 1px 1px;
        min-height:150px;
        /* padding:15px 20px;
        background-color:#ddd; */
   background: white;
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-topright: 20px;
   -webkit-border-top-left-radius: 20px;
   -webkit-border-top-right-radius: 20px;
   border: 1px solid #97D8A1;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
   margin-top: 0 !important;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-top: 10px;
}

        /* alternate colors: skin2 */
        ul.skin2 a {
                background-color:#89a;
                color:#fff !important;
        }
        
        /* mouseover state */
        ul.skin2 a:hover {
                background-color:#678;
        }
        
        /* active tab */
        ul.skin2 a.current {
                /* background-color:#4F5C6A;
                border-bottom:2px solid #4F5C6A; */
                background-color: white;
                border-bottom: 2px solid white;
                font-weight: bold !important;
                color: darkblue !important;
        }
        
        /* tab pane with background gradient */
        div.skin2 div {
                min-height:200px;
                /* color:#fff;     */
                /* background:#234 url(http://static.flowplayer.org/img/global/gradient/h300.png) repeat-x scroll 0 -50px; */
                
                /* IE6 does not support PNG24 images natively */
                /* _background:#4F5C6A; */       }