/* 
================================
Skin styles for DotNetNuke
================================
*/

body
{
    background-color: #507cd1;
    background-image: url(page-gradient.jpg);
    background-repeat: repeat-x;
    background-position: top left; /* This sets IE5,5.5/Win to the correct size */
    font: x-small verdana, tahoma, arial, helvetica, sans-serif;
    voice-family: "\"}\"";
    voice-family: inherit; /* This size is for all other browsers, including IE6+ */
    font: small verdana, tahoma, arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #603913;
}

.pagemaster
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.pageheader
{
    background-image: url(images/skin/Header-gradient.jpg);
    background-repeat: repeat-x;
    height: 196px;
    padding: 0px;
    margin: 0px;
}

.pagemenuheader
{
    background-image: url(images/skin/Menu-page-repeatgradient.jpg);
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
}
.pageuppergradient
{
    background-image: url(images/skin/main-pagebg-gradient.jpg);
    background-repeat: repeat-x;
    padding: 0px 16px 0px 16px;
}

.skinmaster
{
    background-color: transparent;
}
.skinheader
{
    background-image: url(images/skin/Planet-LogoHeader.jpg);
    background-repeat: no-repeat;
    height: 196px;
    padding: 0px 40px 0px 40px;
    margin: 0px;
}
.skinsearch
{
    padding: 0px 40px 0px 40px;
}
.skinlogin
{
    padding: 15px 0px 0px 0px;
}
.skinmenu-end
{
    width: 24px;
}


.skinmenu
{
    background-image: url( 'images/skin/menubar-repeatslice.jpg' );
    background-repeat: repeat-x; /*background-color: #00ffff;*/
    padding: 0px 16px 0px 50px;
    width: 973px;
    height: 62px;
    text-align: left;
    color: White;
    font-size: 120%;
}

.MasterLinks
{
    color: White;
    text-decoration: none;
    padding-right: 30px;
}

.MasterLinks A:link
{
    color: White;
    text-decoration: none;
}

.MasterLinks A:visited
{
    color: White;
    text-decoration: none;
}

.MasterLinks A:hover
{
    color: Yellow;
    text-decoration: underline;
}

.MasterLinks A:active
{
    color: White;
    text-decoration: none;
}
.skinmenu-shadow
{
    background-image: url(images/skin/menubar-shadowrepeat.jpg);
    background-repeat: repeat-x;
    background-color: #fbedd0;
    padding: 0px;
}

.date-table
{
    padding: 0px 25px 0px 25px;
}

.date-table-leftshadow
{
    background-image: url(images/skin/bodyshadow-upperleft.jpg);
    background-repeat: repeat-y;
    width: 24px;
}

.date-table-rightshadow
{
    background-image: url(images/skin/bodyshadow-upperright.jpg);
    background-repeat: repeat-y;
    width: 24px;
}

.content-table
{
    padding: 0px 15px 0px 15px;
    width: 973px;
}
.content-table-leftshadow
{
    background-image: url(images/skin/body-left-shadow-repeat.jpg);
    background-repeat: repeat-y;
    width: 24px;
}
.content-table-rightshadow
{
    background-image: url(images/skin/body-right-shadow-repeat.jpg);
    background-repeat: repeat-y;
    width: 24px;
}

.skinfooter
{
    background-image: url(images/skin/footernav.png);
    background-repeat: no-repeat;
    height: 32px;
}

.skinfooter-shadow
{
    background-image: url(images/skin/footernav-shadow.png);
    background-repeat: no-repeat;
    height: 10px;
}
.SkinItem
{
    color: #507cd1;
    font-weight: normal;
    font-size: 70%;
}

A.SkinItem:link
{
    color: #507cd1;
    text-decoration: none;
}

A.SkinItem:visited
{
    color: #507cd1;
    text-decoration: none;
}

A.SkinItem:hover
{
    color: yellow;
    text-decoration: underline;
}

A.SkinItem:active
{
    color: #507cd1;
    text-decoration: none;
}


.ControlPanel
{
    background-color: #4873c5;
    padding: 6px;
    border: solid 3px #002157;
    width: 1021px;
}


.toppane
{
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

.toppanese
{
    background-color: transparent;
    padding: 0px 0px 0px 40px;
    color: Silver;
    font-size: 90%;
}
.toppanese H1
{
    color: Silver;
    font-size: 90%;
}
.leftpane
{
    width: 200px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.contentpane
{
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.rightpane
{
    width: 200px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.bottompane
{
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

.bottom-menumain
{
    background-image: url(images/skin/bottom-gradient-repeat.jpg);
    background-repeat: repeat-x;
}

.bottom-menumain-corner
{
    width: 10px;
}

.bottom-menumain-corner-shadow
{
    width: 24px;
}

.bottom-menumain-shadow
{
    background-image: url(images/skin/bottom-gradient-repeatshadow.jpg);
    background-repeat: repeat-x;
    color: #fbedd0;
    font-size: 60%;
    font-weight: 200;
}


.BottomLinkBar
{
    background-image: url(images/skin/bottom-gradient-repeat.jpg);
    background-repeat: repeat-x;
    text-decoration: none;
}

.BottomLinks
{
    color: White;
    font-weight: normal;
    font-size: 80%;
    text-decoration: none;
}
A.BottomLinks:link
{
    color: White;
    text-decoration: none;
}

A.BottomLinks:visited
{
    color: White;
    text-decoration: none;
}

A.BottomLinks:hover
{
    color: yellow;
    text-decoration: underline;
}

A.BottomLinks:active
{
    color: White;
    text-decoration: none;
}

.TinyLight
{
    color: #fbedd0;
    font-size: 50%;
    font-weight: 200;
}

.SilverHeading
{
    color: Silver;
    font-size: 80%;
    font-weight: normal;
}

A.SilverHeading:link
{
    color: Silver;
    text-decoration: none;
}

A.SilverHeading:visited
{
    color: Silver;
    text-decoration: none;
}

A.SilverHeading:hover
{
    color: yellow;
    text-decoration: underline;
}

A.SilverHeading:active
{
    color: Silver;
    text-decoration: none;
}

.main_dnnmenu_container
{
    background-color: transparent;
}
.main_dnnmenu_bar
{
    cursor: pointer;
    cursor: hand;
    height: 16px;
    background-color: Transparent;
}
.main_dnnmenu_item td
{
    /*TD if menu option for using tables is on*/
    cursor: pointer;
    cursor: hand;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    font-family: Tahoma, Arial, Helvetica;
    white-space: nowrap; /*Word wrapping menu item now optional*/
    padding: 1px 3px 3px 1px;
}

.main_dnnmenu_rootitem
{
    /*TD if menu option for using tables is on*/
    cursor: pointer;
    cursor: hand;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    font-family: Tahoma, Arial, Helvetica;
    white-space: nowrap; /*Word wrapping menu item now optional*/
    padding: 0px 12px 0px 5px; /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover
{
    background-color: #8da4d3;
}

.main_dnnmenu_itemhover td
{
    background-color: #8da4d3;
}


.main_dnnmenu_icon
{
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 100%;
}
.main_dnnmenu_submenu
{
    background-color: #cad5ea;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    filter: progid:DXImageTransform.Microsoft.Shadow(color= '#696969' , Direction=135, Strength=3);
    padding: 1px 1px 1px 1px; /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break
{
    height: 1px;
    font-size: 1px;
}

.main_dnnmenu_arrow
{
    border-right: #cad5ea 1px solid;
    border-bottom: #cad5ea 1px solid;
    border-top: #cad5ea 0px solid;
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.main_dnnmenu_rootmenuarrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.StandardButton
{
    background: #7994cb none;
    color: #ffffff;
    font-family: verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu
{
    width: 175px;
    background-color: #dfe5f2;
    border-right: #7994cb 1px solid;
    border-top: #7994cb 1px solid;
    border-left: #7994cb 1px solid;
    border-bottom: #7994cb 1px solid;
}
.TreeViewMenu_Header
{
    background-image: url(gradient_LtBlue.jpg);
}

/* GENERIC */
H1
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 145%;
    font-weight: normal;
    color: #603913;
}

H2
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 135%;
    font-weight: normal;
    color: #603913;
}

H3
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 120%;
    font-weight: normal;
    color: #603913;
}

H4
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 100%;
    font-weight: normal;
    color: #603913;
}

H5, DT
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 90%;
    font-weight: bold;
    color: #603913;
}

H6
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 90%;
    font-weight: bold;
    color: #603913;
}

/* style for module titles */
.Head
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 135%;
    font-weight: normal;
    color: #241301;
}

/* style of item titles on edit and admin pages */
.SubHead
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 90%;
    font-weight: bold;
    color: #241301;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 90%;
    font-weight: bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 80%;
    font-weight: normal;
    line-height: 1.5;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 90%;
    font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 100%;
    font-weight: bold;
    color: #ff0000;
}