/*
    ===================================================================
    Style sheet to define some standards.
    ===================================================================
*/

/* ============================================================================= */
/* Rounded rectangle. */
/* ============================================================================= */
.rr
{
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

.rr .topleft
{
    width: 100%;
    float: left;
    height: 21px;
    text-indent: 0.5em;
}

html>body .rr .topleft
{
    height: 25px;
}

.rr .topright
{
    background-color: white;
    background-repeat: no-repeat;
    background-position: 100% 0;
    float: right;
    height: 21px;
    width: 14px;
}

html>body .rr .topright
{
    height: 25px;
}

.rr .midleft
{
    background-repeat: repeat-y;
    width: 100%;
    float: left;
}

.rr .midright
{
    background-repeat: repeat-y;
    background-position: 100% 0;
    width: 100%;
    height: 100%;
    float: right;    
}

.rr .bottomleft
{
    background-repeat: no-repeat;
    width: 100%;
    float: left;
}

.rr .bottomright
{
    background-color: white;
    background-repeat: no-repeat;
    background-position: 100% 0;
    float: right;
    width: 14px;
    height: 14px;
}

.rr .rrcont
{
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: top;
}

/* -------------------------------------------- */
/* White */
/* -------------------------------------------- */

.white .rr .topleft
{
    background-image: url(images/rr_white_topleft.gif);
}

.white .rr .topright
{
    background-image: url(images/rr_white_topright.gif);
}

.white .rr .midleft,
.paleblueonwhite .rr .midleft,
.yellowonwhite .rr .midleft
{
    background-image: url(images/rr_white_midleft.gif);
}

.white .rr .midright,
.paleblueonwhite .rr .midright,
.yellowonwhite .rr .midright
{
    background-image: url(images/rr_white_midright.gif);
}

.white .rr .bottomleft,
.paleblueonwhite .rr .bottomleft,
.yellowonwhite .rr .bottomleft
{
    background-image: url(images/rr_white_bottomleft.gif);
}

.white .rr .bottomright,
.paleblueonwhite .rr .bottomright,
.yellowonwhite .rr .bottomright
{
    background-image: url(images/rr_white_bottomright.gif);
}

/* -------------------------------------------- */
/* Pale blue */
/* -------------------------------------------- */

.paleblue .rr .topleft,
.paleblueonwhite .rr .topleft 
{
    background-image: url(images/rr_paleblue_topleft.gif);
}

.paleblue .rr .topright,
.paleblueonwhite .rr .topright 
{
    background-image: url(images/rr_paleblue_topright.gif);
}

.paleblue .rr .midleft
{
    background-image: url(images/rr_paleblue_midleft.gif);
}

.paleblue .rr .midright
{
    background-image: url(images/rr_paleblue_midright.gif);
}

.paleblue .rr .bottomleft
{
    background-image: url(images/rr_paleblue_bottomleft.gif);
}

.paleblue .rr .bottomright
{
    background-image: url(images/rr_paleblue_bottomright.gif);
}

/* -------------------------------------------- */
/* 2 shaes of yellow */
/* -------------------------------------------- */

.yellow2shades .rr .topleft,
.yellowonwhite .rr .topleft
{
    background-image: url(images/rr_yellow2shades_topleft.gif);
}

.yellow2shades .rr .topright,
.yellowonwhite .rr .topright
{
    background-image: url(images/rr_yellow2shades_topright.gif);
}

.yellow2shades .rr .midleft
{
    background-image: url(images/rr_yellow2shades_midleft.gif);
}

.yellow2shades .rr .midright
{
    background-image: url(images/rr_yellow2shades_midright.gif);
}

.yellow2shades .rr .bottomleft
{
    background-image: url(images/rr_yellow2shades_bottomleft.gif);
}

.yellow2shades .rr .bottomright
{
    background-image: url(images/rr_yellow2shades_bottomright.gif);
}

/* -------------------------------------------- */
/* Widths */
/* -------------------------------------------- */

.rr100pc .rr
{
    display: block;
    width: 100%;
    padding-bottom: 10px;
}

.rr96pc .rr
{
    display: block;
    width: 96%;
    margin-top: 20px;
}

.rr90pc .rr
{
    display: block;
    width: 90%;
    margin-top: 20px;
}

/* -------------------------------------------- */
/* Spacer */
/* -------------------------------------------- */
img.spacer
{
    width: 100%;
    float: none;
    padding: none;
    clear: both;
    height: 4px;
}