 /*v2.0*/
    /*fixed suggestion descr box layout problem, added shadow to sugg descr box and results */
    
    /* standard layout options */
    body{
        font-family:"Arial", sans-serif;
        font-size: 11pt;
        text-align:center;
    }
    
    a {
        text-decoration:none;
        color:#02008d;
    }
    
    a.keyword {
        color:#000839;
       
        /*font-weight:bold;*/
    }
    
    /*results layout */
    #results {
        box-shadow: 1px 1px 1px #eee;
        font-size:10pt;
        background-color:#eeeeff;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width: 33%;
        position:absolute;
        top:154px;
        left:0px;
        text-align:center;
        margin:10px;
        padding-left: 10px;
        padding-right: 10px; 
        display: block;
        margin-left: 5;
        margin-top:15px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
        /*results layout */
    #title {
        /*background-color:#eeeeff;*/
        /*-moz-border-radius: 5px;
        border-radius: 5px;*/
        width: 364px;
        margin-top:28px;
        margin-bottom:10px;
        opacity:.7;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*margin-top:5px;
        margin-bottom:5px;
        text-align: left;*/
        font-size:19pt;
        /*padding-left:15px;
        padding-top:20px;
        color:#000839;
        border-width:1px;
        border-style:solid;
        border-color:#ddd;
                    box-shadow: 1px 1px 1px #eee;*/

    }
    
    /* semantic results box */
    #semanticresults {
            box-shadow: 2px 2px 2px #eee;
        font-size:10pt;
        width:30%;
        position:absolute;
        top:149px;
        left:35%;
        text-align:center;
        margin:20px;
        padding-left: 10px;
        padding-right: 10px; 
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color:#ffe1ca;
        /*text-align:center;*/
    }
    
    /* suggestion description box */
    #semanticresultsdescription {
            box-shadow: 1px 1px 1px #eee;
        font-size:10pt;
        width:25%;
        min-width:250px;
        position:absolute;
        top:169px;
        left:70%;
        /*text-align:left;*/
        /*border-style:dashed;
         border-width:1px;*/
        /*margin:20px;*/
        padding-left: 10px;
        padding-right: 10px; 
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color:#eeeeee;
        text-align:center;
    }

    #language
    {
        /*left: 10px;*/
        top: 10px;
        /*left: 10px;
        position:absolute;*/
        width: 370px;
        padding-top: 0px;
        padding-bottom: 2px;
        margin-top:0px;
        margin-bottom:0px;
        height: 21px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /*background-color:#eeeeff;*/
        opacity:.8;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    #language:hover
    {
        opacity:1;
    }
    
    .search
    {
        border: 1px solid #000000;
        /*background: #eeeeee;
         color: #000000;*/
        font-size: 1.1em;
        -moz-border-radius: 5px;
        border-radius: 5px;
        height: 21px;
        width: 282px;
        /*top:5px;*/
               border-width:1px;
        border-style:solid;
        border-color:#dddddd;
        box-shadow: 1px 1px 1px #eee;
    }
    
    .searchbutton
    {
        border: 1px solid #000000;
        background: #eeeeff;
        color: #000000;
        font-size: 1.1em;
        text-align:center;
        -moz-border-radius: 5px;
        border-radius: 5px;
        height: 25px;
        margin-left: 3px;
               border-width:1px;
        border-style:solid;
        border-color:#dddddd;
                box-shadow: 1px 1px 1px #eee;
        
    }
    
    .searchbutton:hover {
        opacity:.5;
        filter:alpha(opacity=50); /* For IE8 and earlier */
        box-shadow: 1px 1px 1px #eee;
    }
    

    /* related searches image mouseover behavior */
    img.relatedsearches {
        opacity:0.4;
        filter:alpha(opacity=40); /* For IE8 and earlier */
    }
    
    img.relatedsearches:hover {
        opacity:1.0;
        filter:alpha(opacity=100); /* For IE8 and earlier */
    }
    
    /* ddc logo */
    img.logo {
        opacity:.9;
        /*display: block;
        margin-left: auto;
        margin-right: auto;*/
        margin-top:10px;
    }
    
    /* table with Dewey results */
    table.table_results {
        width: 500;
        text-align:left;
        font-size:13px;
    }
    
    /* table with DBpedia results */
    table.dbpedia_results {
        font-size:13px;
    }
    
    /* general image layout and mouseover behavior */
    img {
        opacity:0.8;
        filter:alpha(opacity=80); /* For IE8 and earlier */
        /*background-color:#fff;*/
        border-width:0px;
        border-style:solid;
        border-bottom-color:#aaa;
        border-right-color:#aaa;
        border-top-color:#ddd;
        border-left-color:#ddd;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
    }
    img:hover {
        opacity:1.0;
        filter:alpha(opacity=100); /* For IE8 and earlier */
    }
    
    img.selectedflag {
        opacity:1;
        border-width:1px;
        border-style:solid;
        border-color:#dddddd;
    }
    
    img.deselectedflag {
        opacity:.3;
        border-width:1px;
        border-style:solid;
        border-color:#ededed;
    }
    
    img.deselectedflag:hover {
        opacity:1;
        border-width:1px;
        border-style:solid;
        border-color:#dddddd;
    }
    
    img.icon {
    
    }
    
    p {
        text-align:left;
    }
    
    p.indent {
        margin-left: 1.5em;
    }
    
    p.indent_bold {
        margin-left: 1.5em;
        font-weight: bold;
    }
    
    </style>