* {margin:0px;padding:0px;}

body
{
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 100.01%;
    color:#333;
    background:#fff;        
}

#playground {
    position:relative;       
}

a {text-decoration:none;color:#44f;}
a:hover {text-decoration:underline;}

h1 span {display:none;}

h1 {
    width:392px;
    height:120px;
    background: bottom left no-repeat url(images/fentino_logo.gif);
    position:absolute;
    top:20px;
    right:5px;
    z-index:5;
}

#footer {
    position:absolute;
    bottom:2px;
    left:3px;
    line-height:.9em;    
}

#footer span{    
    font-size:80%;
    background:#fff; /*ie opacity bug fix */    
}

#footer a {
    background:#fff; /*ie opacity bug fix */
}

h2 {    
    font-size:120%;
    margin-bottom:17px;
}

.token {    
    margin:20px;
}

.tokenbody {
    border-top:1px solid #88f;
    border-bottom:1px solid #88f;
/*
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
*/
    padding: 8px 15px;
    position:relative;   
}


h4 {
    font-size:80%;
    font-weight:normal;
    margin-bottom:5px;
    font-family:Arial, sans-serif;
}

h3.AccordToggler{
    cursor: pointer;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;    
    font-size:90%;    
}

.AccordElement {
    padding-left:20px;
}

em, strong {
    font-family:Georgia, serif;
}

.big {
    font-size:110%;
}

.small {
    font-size:70%;
    font-family:Arial, sans-serif;
}

.ref {
    font-size:70%;
    font-family:"courier new", sans-serif;
    color:#555;
}

p {
    padding-bottom:12px;
}

.shown {
    z-index:99;
    background-color:#fff;
    scolor:#ddd;
    padsding:25px 60px 33px 60px;    
    sbackground:center repeat-x url(images/grad_blue.jpg);
}


.shown h2 {
    colofr:#ddd;
}

#footer.noscript{
    display:none;
}

.part {
    float:left;
    padding:5px;
    /*border-left:1px dotted #bbb;
    border-bottom:1px dotted #bbb;
    */
    margin:2px;
    font-size:80%;
}

.part_end {
    clear:both;
}


.tool-tip {		
	z-index: 13000;		
}

.tool-title {
    
}

.tool-text {
    margin-top:10px;
    margin-left:5px;
    text-align:center;	
}



.shown .hideOnShown{
    display:none;
}

.showOnShown {
    display:none;
}

.shown .showOnShown {
    display:block !important;
}

.warning {   
    font-size:70%; 
    margin:5px;
    padding:5px;
    border:1px solid #f00;    
    position:fixed;
    width:200px;
    bottom:0px;
    right:0px;
}

.clickable {
    cursor:pointer;    
}

.left {    
    float:left;
    margin-right:20px;
}

.right {
    float:left;        
}


#imprint {
    margin:50px;
}

/*
#imprint a {
    color:#333;
}
*/
