﻿body 
{
    font-family: Arial;
    font-size: 14px;
    direction: rtl;
}

h1
{
    font-size: 20px;
    margin-bottom: 17px;
}
    h1.page_title
    {
        font-size: 24px;
        margin-top: 15px;
        
        /*margin-bottom: 17px; moved up to h1 */
    }
INPUT[type=text],
INPUT[type=password],
TEXTAREA,
SELECT
{
    background-color : White;
	border: 1px solid #D7D7D7;
}

TEXTAREA
{
    font-family: Arial;
}

a, a:visited
{
    color: #0c91cf;
    text-decoration:none;
}
a:hover, a:visited:hover
{
    color: #f7941d;
    /*text-decoration: underline;*/
    text-decoration:none;
}


.greyed
{
    color: #878787;
}


/* boxes */
/* box - commonly used */
.box
{
    direction:ltr;
    border: solid 1px #DEDEDE;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    
    background-image: url(../images/ui/grad_small.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    /*background-color: #ECECEC;*/
    background-color:White;
    
    z-index: 10;
}
.box_contents
{
    direction: rtl;
    text-align:right;
}

/* grey_box: distrib + confirm pages */
.grey_box
{
    direction:ltr;
    
    padding-top: 2px;

    height: 32px;
    clear:both;
    
    margin-top: 8px;
    margin-bottom: 13px;
    
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    
    background-color: #D6D6D6;    
}
    .grey_box a
    {
        position:absolute;
        top: 5px;
        left: 14px;
    }
    .grey_box h2
    {
        direction:rtl;
    
        padding-top: 5px;
        text-align:right;
        margin-right: 13px;
        color:White;
        font-size: 18px;

        
        right: 14px;    
    }


.blob_box
{
    background-image: url('../images/ui/blob_box.png');
    background-repeat: no-repeat;
    background-position: top left;
    
    height: 52px;
    width: 418px;
    
    position:relative;
}
    .blob_box.wide
    {
        background-image: url('../images/ui/blob_box_wide.png');
        width: 493px;
        
    }
    .blob_box_inner
    {
        height: 52px;
        padding: 1px 10px 0 0;
    }
    
        .blob_box .inner_links
        {
            position:absolute;
            top: 7px;
            left: 13px;
        }




/* tool tip */
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none}

a.tooltip:hover{z-index:25; background-color:#ff0}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    padding: 10px 10px 10px 10px ;
    top:10px; right:20px; width:20em;
    border:1px solid #eeeeee;
    background-color:#F7EB43; color:#575757;
    }
    
/* LAST ACTION */
.last_action
{
    padding: 0 0 0 0;
    margin: 0 0 0 0 ;
}
    .last_action .bad .grey_box
    {
        height: 60px;
    }
    .last_action h4
    {
        display:none !important;
    }

        .last_action .bad h4
        {
            direction: rtl;
            display:block !important;
            text-align:right;
            margin-top: 8px;
            margin-right: 17px;            
            margin-bottom: 0px;
        }

    .last_action .good
    {
        font-weight:bold;
        color: Green;
        margin-bottom: 4px;
    }
    .last_action .bad
    {
        color: Red;
        margin-bottom: 4px;
    }
    .last_action p
    {
        direction:rtl;
        padding-top: 8px;
        text-align:right;
        margin-right: 17px;
    }
    .last_action .bad p
    {
        margin-top: 0px;
    }

.play_btn
{
    display:inline-block;
    width: 17px;
    height: 17px;
    
    margin-left: 2px;

    background-image: url('../images/icons/round_play.png');
    background-repeat: no-repeat;
    background-position: top right;
}
    .play_btn.now_playing /*now_playing class shared between player links */
    {
        background-image: url('../images/icons/round_pause.png');
    }
    
.big_play_btn
{
    display:inline-block;
    width: 24px;
    height: 24px;
    
    margin-left: 2px;

    background-image: url('../images/icons/round_big_play.png');
    background-repeat: no-repeat;
    background-position: top right;
}
    .big_play_btn.now_playing /*now_playing class shared between player links */
    {
        background-image: url('../images/icons/round_big_pause.png');
    }
    
    