/* 
================================
 Container Styles for DotNetNuke
================================
*/   


.containermasterblack
{
    width: 100%;
    background-color: #000000;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    color: #ffffff;
    font-family: Verdana;
    font-size: small;
}

.containermastergray
{
    width: 100%;
    background-color: #dcdcdc;
    border-right: #000000 0px solid;
    border-top: #000000 0px solid;
    border-left: #000000 0px solid;
    border-bottom: #000000 0px solid;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    color: black;
    font-family: Verdana;
    font-size: small;
}

.containermasterwhite
{
    width: 100%;
    background-color: #ffffff;    
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    color: #000000;
    font-family: Verdana;
    font-size: small;
}

/* define special attributes for the black container*/

.containerblackcontent a:active, .containerblackcontent a:link, .containerblackcontent a:visited
{
    color: #ffffff;
    font-weight: normal;
}

.containerblackcontent a:hover
{
    color: #ff9900;
    text-decoration: none;
    font-weight: normal;
}

.containerblackcontent img
{
    border-right: #dcdcdc thin solid;
    border-top: #dcdcdc thin solid;
    border-left: #dcdcdc thin solid;
    border-bottom: #dcdcdc thin solid;
}

.containerblackcontent a:hover img
{
    border-right: #ffffff thin solid;
    border-top: #ffffff thin solid;
    border-left: #ffffff thin solid;
    border-bottom: #ffffff thin solid;
}

/* define for gray container*/

.containergraycontent a:hover
{
    color: #ff9900;
    text-decoration: none;
    font-weight: normal;
}

.containergraycontent img
{
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
}

.containergraycontent a:hover img
{
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
}


/* for the white container*/



/*  only for the black container. The dnn has to be configured to allow themes and apply the style  */
/*  the rest headers get their style from the .header style in skin.css   */


.Headerblack
{
    color: #ffffff;
    font-weight: bold;
    font-size: 9pt;
}

.Headergray
{
    color: #000000;
    font-weight: bold;
    font-size: 9pt;
}

.containerrow1black
{
    background-color: #000000;
    
}

.containerrow1gray
{
    background-color: #dcdcdc;
}

containerrow1white
{
    background-color: #ffffff;
}

.ModuleTitle_MenuItem
{
    /*override borders*/
    border-right: red 0px solid;
    border-top: red 0px solid;
    border-left: red 0px solid;
    border-bottom: red 0px solid;
}


.ModuleTitle_MenuItem TD
{
    /*TD if menu is using tables*/
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    height: 21px;
    white-space: nowrap; /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;
}


.ModuleTitle_MenuIcon
{
    cursor: pointer;
    cursor: hand;
    background-color: #dcdcdc;
    width: 15px;
    height: 100%; /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu
{
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #dcdcdc;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=  'DimGray' , Direction=135, Strength=3);
    padding: 1px 1px 1px 1px; /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak
{
    background-color: #dcdcdc;
    font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel
{
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: #C1D2EE;
}