/* buttons */
/* adapted from http://kailoon.com/css-sliding-door-using-only-1-image/ */


/* base button */
div.btn {
	display:inline;
	float:none;	
	text-align:center;
	cursor: pointer;
	
}
    div.btn a
    {
        display:inline;    
	    float: right; /* dan: changed from left for rtl compatibility */
	    text-decoration:none;
	    text-align:center;

        /*overridden sometimes at sons: */	
	    color: White;
	    font: 14px "Arial", Helvetica, sans-serif;  
    }
        div.btn a span 
        {
            display: block;
	        float: left;	
        }
    div.btn a:hover
    {
        color: white;
        text-decoration: underline;
    }
        div.btn a:hover span
        {
        }



/* cyan */
div.btn.cyan a
{
    font: 600 17px "Arial", Helvetica, sans-serif;  
    padding: 7px 25px 0 0px;
    background: url(../images/buttons/cyan.png) no-repeat top right;
}
    div.btn.cyan a span
    {
        height: 38px;
        padding-left: 25px;
        margin-left: -25px;
        margin-top: -7px;
        
        background: url(../images/buttons/cyan.png) no-repeat top left;
    }
    
div.btn.sml_cyan a
{
    padding: 1px 5px 0 0px;
    background: url(../images/buttons/sml_cyan.png) no-repeat top right;
}
    div.btn.sml_cyan a span
    {
        height: 38px;
        padding-left: 5px;
        margin-left: -5px;
        margin-top: -1px;
        
        background: url(../images/buttons/sml_cyan.png) no-repeat top left;
    }
    
/* green */
div.btn.green
{
}
div.btn.green a
{
    color:White;
    padding: 0px 5px 0 4px;
    background: url(../images/buttons/green.png) no-repeat top right;
    text-decoration:none;
}
    div.btn.green a span
    {
        height: 17px;
        padding-left: 5px;
        margin-left: -5px;
        margin-top: 0px;
        
        background: url(../images/buttons/green.png) no-repeat top left;
    }

/* new green - replaces old one */
div.btn.new_green
{
    
}

div.btn.new_green a
{
    padding: 0px 6px 0 4px;
    background: url(../images/buttons/pratim_on.png) no-repeat top right;
}
    div.btn.new_green a span
    {
        height: 17px;
        padding-left: 6px;
        margin-left: -6px;
        margin-top: 0px;

        background: url(../images/buttons/pratim_on.png) no-repeat top left;
    }
    div.btn.new_green a:hover
    {
        text-decoration:none;
    }


/* BIG ORANGE/GREEN BUTTONS: used for multi line captions + headers */
div.btn.big_green a,
div.btn.big_orange a
{
    color: White;
    font: 12px "Arial", Helvetica, sans-serif;  
    padding: 7px 10px 0 0;
    margin-right: 8px;
    margin-left: 10px;
    max-width: 200px;
}
    div.btn.big_green a:hover,
    div.btn.big_orange a:hover
    {
        font-weight:bold;
        text-decoration:none;
    }   
    div.btn.big_green a:hover h3,
    div.btn.big_orange a:hover h3
    {
        text-decoration: underline;
    }
    

    div.btn.big_green a h3,
    div.btn.big_orange a h3
    {
        font-size: 16px;
        margin-bottom: 4px;
    }
    div.btn.big_green a span,
    div.btn.big_orange a span
    {
        height: 78px;
        padding-right: 10px;
        margin-top: -7px;
        margin-left: -10px;
    }
    
    
div.btn.big_green a
{
    background: url(../images/buttons/big_green.png) no-repeat top right;
}
    div.btn.big_green a span
    {
        background: url(../images/buttons/big_green.png) no-repeat top left;
    }
div.btn.big_orange a
{
    background: url(../images/buttons/big_orange.png) no-repeat top right;
}
    div.btn.big_orange a span
    {
        background: url(../images/buttons/big_orange.png) no-repeat top left;
    }



/* shadowed buttons - small */
div.btn.shadowed_sml_green a,
div.btn.shadowed_sml_red a
{
    color: White;
    font: 14px "Arial", Helvetica, sans-serif;  
    padding: 0px 10px 0 0;
    margin-right: 8px;
    margin-left: 10px;
}
    div.btn.shadowed_sml_green a span,
    div.btn.shadowed_sml_red a span
    {
        height: 35px;
        padding-right: 10px;
        margin-top: -0px;
        margin-left: -10px;
    }
div.btn.shadowed_sml_green a
{
    background: url(../images/buttons/shadowed_sml_green.png) no-repeat top right;
}
    div.btn.shadowed_sml_green a span
    {
        background: url(../images/buttons/shadowed_sml_green.png) no-repeat top left;
    }
div.btn.shadowed_sml_red a
{
    background: url(../images/buttons/shadowed_sml_red.png) no-repeat top right;
}
    div.btn.shadowed_sml_red a span
    {
        background: url(../images/buttons/shadowed_sml_red.png) no-repeat top left;
    }


/* shadowed buttons - medium */
div.btn.shadowed_med_green a,
div.btn.shadowed_med_red a
{
    color: White;
    font: 14px "Arial", Helvetica, sans-serif;  
    padding: 1px 15px 0 0;
    margin-right: 8px;
    margin-left: 10px;
}
    div.btn.shadowed_med_green a span,
    div.btn.shadowed_med_red a span
    {
        height: 35px;
        padding-right: 15px;
        margin-top: -1px;
        margin-left: -10px;
    }
div.btn.shadowed_med_green a
{
    background: url(../images/buttons/shadowed_med_green.png) no-repeat top right;
}
    div.btn.shadowed_med_green a span
    {
        background: url(../images/buttons/shadowed_med_green.png) no-repeat top left;
    }
div.btn.shadowed_med_red a
{
    background: url(../images/buttons/shadowed_med_red.png) no-repeat top right;
}
    div.btn.shadowed_med_red a span
    {
        background: url(../images/buttons/shadowed_med_red.png) no-repeat top left;
    }

/* shadowed buttons - big */
div.btn.shadowed_black a,
div.btn.shadowed_grey a,
div.btn.shadowed_green a
{
    color: White;
    font: 14px "Arial", Helvetica, sans-serif;  
    padding: 4px 15px 0 0;
    margin-right: 8px;
    margin-left: 10px;
}
    div.btn.shadowed_black a span,
    div.btn.shadowed_grey a span,
    div.btn.shadowed_green a span
    {
        height: 35px;
        padding-right: 15px;
        margin-top: -4px;
        margin-left: -10px;
    }
/* green */
div.btn.shadowed_green a
{
    background: url(../images/buttons/shadowed_green.png) no-repeat top right;
}
    div.btn.shadowed_green a span
    {
        background: url(../images/buttons/shadowed_green.png) no-repeat top left;
    }
/* black */
div.btn.shadowed_black a
{
    background: url(../images/buttons/shadowed_black.png) no-repeat top right;
}
    div.btn.shadowed_black a span 
    {
        background: url(../images/buttons/shadowed_black.png) no-repeat top left;
    }
/* grey (disabled) */
div.btn.shadowed_grey a
{
    cursor: default;
    color: #A8A8A8;
    background: url(../images/buttons/shadowed_grey.png) no-repeat top right;
}
    div.btn.shadowed_grey a:hover
    {
        color: #A8A8A8;
        cursor: default;
        text-decoration:none;
    }
    div.btn.shadowed_grey a span 
    {
        background: url(../images/buttons/shadowed_grey.png) no-repeat top left;
    }
    
div.btn.shadowed_big_green a
{
    color: White;
    font: 15px "Arial", Helvetica, sans-serif;  
    font-weight:bold;
    padding: 5px 20px 0 0;
    margin-right: 13px;
    margin-left: 15px;
    background: url(../images/buttons/shadowed_big_green.png) no-repeat top right;
}
    
    div.btn.shadowed_big_green a span
    {
        height: 50px;
        padding-right: 20px;
        margin-top: -5px;
        margin-left: -15px;
        background: url(../images/buttons/shadowed_big_green.png) no-repeat top left;
    }