/* 
    Document   : reviews.css
    Created on : 3-mrt-2009, 11:09:24
    Author     : thijsbuijs
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


#reviews {
    background-color: E3F2FF;
    margin: -16px 0px 0 0px;
}

#reviews table.table1 {
        border: 2px dotted #F96B07;
        width: 565px;
        align: center;
        padding-top: 10px;
        background-color:B5CAE3;
        border-spacing: 3px;
        margin: 0 0 0 0px;
}

#reviews table.table2 {
        width: 520px;
        padding-bottom: 5px;
        border: 1px;

}

#reviews img{
        height:9px;
        border:0;
}

#reviews img.foto{
        height:100px;
        border:0;
}



#reviews td { padding: 2px;
}

#reviews td.date { 
               
        padding: 5px 0 0 -5px;
        text-align: right;
        
}

#reviews td.remarks {
        padding-left: 5px;
        padding-bottom: 5px;
        width: 350px;        
}

.rating{
        -moz-border-radius: 8px;
        -webkit-border-radius: 50px;
        width:60px;
        text-align:center;
        background-color: F96B07;
        height:30px;
        margin-top:25px;
}

.ratinggem{
        -moz-border-radius: 8px;
        -webkit-border-radius: 50px;
        width:60px;
        text-align:center;
        background-color: F96B07;
        height:30px;        
}

#reviews div.top {
       
        background-color: B5CAE3;
        text-align: center;
        margin:38px 0 0 0px;
        border: 2px dotted #F96B07;
}
#reviews ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 1em }

#reviews li { margin-bottom: 10px }

#reviews a:link, #reviews a:visited, #reviews a, #reviews a:hover {
    font-size: 10px;
}

#reviews a.date {
    font-size: 8px;
    text-align: right;
}

#reviews a.small {
    font-size: 12px;
    }

#reviews b {
    font-weight:bold;
    font-size: 12px;
    color: #000000;
}

#reviews b.big {
    font-weight:bold;
    font-size: 13px;
    color: #000000;  
}

#reviews b.rating {
    font-weight:bold;
    font-size: 22px;
    color: 3E0074;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none}

a.info:hover{
    z-index:25;
    }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #F96B07;
    background-color:#B5CAE3; color:#000;
    text-align: center}