/* 
    Document   : ffr-style
    Created on : Aug 4, 2014, 10:50:57 AM
    Author     : Prajwol
    Description: Stytling the table
*/

table.hleTable th.col3,
table.hleTable th.col4{
    width: 20%;
}

span.value{ 
    width: 40%;
    /*text-align:left;*/ 
    display: -webkit-inline-box; 
    display: inline-block;}
span.arrow-up { 
    background: url("../img/arrow-up.gif") no-repeat 0px 60%;
    padding-left:10px;
    padding-right:5px;
}
span.arrow-down { 
    background: url("../img/arrow-down.gif") no-repeat 0px 60%;
    padding-left:10px;
    padding-right:5px;
}

p.disclaimer{
    font-style: italic;
    font-size: 13px;
    line-height: 15px;
}

@media only screen and (max-width: 1024px){
    table.hleTable th.col3,
    table.hleTable th.col4{
        width: 30%;
    }

    span.value{ 
        width: 45%;
    }

    p.disclaimer{
        font-size: 11px;
        line-height: 13px;
    }

}
@media only screen and (max-width: 479px){
    span.value{ width: 65%;}

    p.disclaimer{
        font-size: 10px;
        line-height: 12px;
    }
}
@media only screen and (max-width: 390px){
    span.value{ width: 72%;}

}