/*
 * Rounded corners.
 * Base styles.
 */

 /* Common stuff first (put into a shared stylesheet) */
 /* Whole container is wrapped with t->tb */

 /* Gradient background across the top (outermost wrapper) */
 /* No top and bottom margin, so that must be provided by the page. */
 .t {
    background: url(images/t_grad.gif) 0 0 repeat-x;
    /*background-color: #E7E8E9;*/ /* Fallback grey-blue TODO this just to go on the header */
    margin-bottom: 8px;
}

/* Left and right side lines, and the line at the bottom. */
/* It's a bit hacky drawing them with one-pixel GIFs, but it's what we have to play with for now. */
.l {background: url(images/dot.gif) 0 0 repeat-y;}
.r {background: url(images/dot.gif) 100% 0 repeat-y;}
.b {background: url(images/dot.gif) 0 100% repeat-x;}

/* Top left and top right (tl, tr) wrap around the header strip */
/* Graphics for top cornders provided here */
.tl {background: url(images/tl_grad.gif) 0 0 no-repeat;}
.tr {background: url(images/tr_grad.gif) 100% 0 no-repeat;}

/* The final span in the tr provides padding for the title text. */
/* This span is provided by the DNN module, not the containder. */
.tr span.Head {
    display: block;
    padding: 6px 8px 0 12px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
}

.bl {background: url(images/bl2.gif) 0 100% no-repeat;}
.br {background: url(images/br2.gif) 100% 100% no-repeat}

/* Main content pane wrapper */
.r2 {
    position:relative;
    padding: 4px;
}

/* r3 is for the actions (edit options in the footer of the container) */
.r3 {
    clear: both;
    /*margin: 4px;*/
}



/* The blocks on the home have a fixed height. They are either 4, 6 or 8 grid units wide */

.HomePageBlock  {
    /*padding-bottom: 10px;*/
    margin: 0;
}
.HomePageBlock .t {
    border-bottom: 1px solid #ffffff; /* Again, to stop IE collapsing vertically. */
}
.HomePageBlock .r2 {
    height: 170px;
    overflow: auto;
}
.HomePageBlock .tr span {
    color: #336699;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

/* The blue-topped blocks on the RHS style the title differently. */

.BlueTopBlock {
    margin: 0;
}
.BlueTopBlock  .tr span {
    color: #ffffff;
}
.BlueTopBlock .tb {
    background-color: #336699;
}
div.BlueTopBlock div.t {
    background-image: none;
    background-color: #f8f8f8;
    margin-bottom: 10px;
    border-bottom: 1px solid #ffffff; /* Border required to prevent IE double-size bug */
}
.BlueTopBlock .tl {
    background-image: url(images/tl.gif);
}
.BlueTopBlock .tr {
    background-image: url(images/tr.gif);
}

/* Grey-topped blocks with blue topped blocks attributes for Homepage. */

.BlueGreyTopBlock {
    margin: 0;
}
.BlueGreyTopBlock  .tr span {
    color: #ffffff;
}
.BlueGreyTopBlock .tb {
    background-color: #CCCCCC;
} 
div.BlueGreyTopBlock div.t {
    background-image: none;
    background-color: #f8f8f8;
    margin-bottom: 10px;
    border-bottom: 1px solid #ffffff; /* Border required to prevent IE double-size bug */
}
.BlueGreyTopBlock .tl {
    background-image: url(images/tl.gif);
}
.BlueGreyTopBlock .tr {
    background-image: url(images/tr.gif);
}