/* 
    Document   : JQUERY.wrappers
    Created on : Jul 15, 2009, 11:39:43 AM
    Author     : andrew
    Description:
        This stylesheet is used by script "jquery.wrappers.js".
*/


/*
These groups make rouned engles.
*/
/*
This group for two-color border(darker)
*/
.rounded-dark-l{
    background: url(../../images/rounded_l.gif) repeat-y top left;
    float: left;
    display: inline;
}
.rounded-dark-r{
    background: url(../../images/rounded_r.gif) repeat-y top right;
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
}
.rounded-dark-bl{
    background: url(../../images/rounded_bl.gif) no-repeat bottom left;
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
}
.rounded-dark-br{
    background: url(../../images/rounded_br.gif) no-repeat bottom right;
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
}
.rounded-dark-tl{
    background: url(../../images/rounded_tl.gif) no-repeat top left;
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
}
.rounded-dark-tr{
    background: url(../../images/rounded_tr.gif) no-repeat top right;
    float: left;
    display: inline;    
}

/*
This group for one-color border(lighter)
*/
.rounded-light-l{
    background: url(../../images/rounded_light_l.gif) repeat-y top left;
    float: left;
    display: inline;
}
.rounded-light-r{
    background: url(../../images/rounded_light_r.gif) repeat-y top right;
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
}
.rounded-light-bl{
    background: url(../../images/rounded_light_bl.gif) no-repeat bottom left;
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
}
.rounded-light-br{
    background: url(../../images/rounded_light_br.gif) no-repeat bottom right;
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
}
.rounded-light-tl{
    background: url(../../images/rounded_light_tl.gif) no-repeat top left;
    float: left;
    display: inline;
    width: 100%;
    height: 100%;
}
.rounded-light-tr{
    background: url(../../images/rounded_light_tr.gif) no-repeat top right;
    float: left;
    display: inline;
}

/*for element with effect in double rectangular border*/
.rect-inner-wrapper {
    border: #fff solid 1px;
    background: transparent;
    float: left;
    display: inline;
}

/*Styles for gradient background*/
.wrap-it-with-grad-bg,
.grad-bg {
    background: url(../../images/gradient_bg.gif) repeat;
}

.wrap-it-with-sgrad-bg,
.sgrad-bg{
    background: url(../../images/gradient_short_bg.gif) repeat;
}