/* Midnight skin container default styles */

*
{
    margin: 0;
    padding: 0;
}

P
{
    line-height: 200%;
    font-size: 13px;
}

a
{
    color: Aqua;
}

body
{
    margin-top: 220px;
    background: #000000 url(images/Midnight.jpg) no-repeat center top;
    font: normal small Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
}

h1, h2, h3
{
    color: #ffffff;
}

h2
{
    color: #FFCC00;
    font-size: 16px;
}

h3
{
}

ul
{
    margin-left: 3em;
}

ul li
{
    line-height: 200%;
    font-size: 13px;
}

ol
{
    margin-left: 3em;
}

ol li
{
    line-height: 200%;
    font-size: 13px;
}

/*DNN Styles to override */
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .NormalBold, .NormalRed
{
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
}

.NormalDisabled
{
    color: Silver;
}

.NormalBold
{
    font-weight: bold;
}

.NormalRed
{
    font-weight: bold;
    color: #ff0000;
}

h1, h2, h3, h4, h5, h6, .Head
{
}

.Head
{
    font-size: 20px;
    font-weight: normal;
    padding: 10px 0;
    color: #FFFFFF;
}

.SubHead
{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
}

.SkinItem
{
    font-size: 90%;
    text-transform: uppercase;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */

A.CommandButton:link
{
    color: #ffff33;
}

A.CommandButton:visited
{
    color: #ff6600;
}

A.CommandButton:hover
{
}

A.CommandButton:active
{
}

/*target dnn ids to style search button */
#dnn_dnnSEARCH_cmdSearch
{
    font-size: 130%;
    padding: 2px 10px;
    background: #f0f0f0;
    border: 1px solid #b0b0b0;
}

#dnn_dnnSEARCH_txtSearch
{
    margin-bottom: 6px;
}

/* Midnight theme */

.legal
{
    font-size: x-small;
    color: #FFFFFF;
}

.links
{
    font-size: x-small;
    color: #FFFFFF;
}

/* Header */

#header
{
    height: 61px;
    background: url(images/img02.gif) repeat-x;
}

/* Header > Logo */

#logo
{
    width: 800px;
    height: 19px;
    margin: 0 auto;
    padding: 6px 0 0 0;
}

#logo h1, #logo h2
{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
}

#logo h1
{
    float: left;
}

#logo h2
{
    float: right;
}

#logo a
{
    text-decoration: underline;
    color: #FFFFFF;
}

/* Header > Menu */

#menu, #menuIE7
{
    width: 800px;
    height: 27px;
    margin: 0 auto; /* line-height: 1; */
}

#menu ul, #menuIE7 ul
{
    margin: 0;
    padding: 7px 0 0 0;
    list-style: none; /* line-height: 1; */
    margin-bottom: 20px;
    line-height: 22px;
}

#menu ul li a, #menuIE7 ul li a
{
    display: block;
    float: left;
    height: 25px;
    margin: 0 5px 0px 0;
    padding: 2px 25px 0 25px;
    background: url(images/img03.gif) repeat-x;
    border: 1px solid #222222;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    color: #FFFFFF;
}

#menu ul ul li a, #menuIE7 ul ul li a
{
    height: 20px;
    margin: 0px 0px 0px 0px;
    width: 125px;
    padding: 0px 0px 0px 15px;
    text-align: left;
    margin-bottom: 0;
}

#menu ul ul ul li a, #menu ul ul ul ul li a, #menu ul ul ul ul ul li a, #menuIE7 ul ul ul li a, #menuIE7 ul ul ul ul li a, #menuIE7 ul ul ul ul ul li a
{
    height: 20px;
    margin: 0px 0px 0px 0px;
    width: 125px;
    padding: 0px 0px 0px 15px;
    text-align: left;
}

#menu a:hover, #menuIE7 a:hover
{
    background-image: url(images/img04.gif);
    text-decoration: none;
}

#menu .active a, #menuIE7 .active a
{
    background-image: url(images/img05.gif);
}

#menu li, #menuIE7 li
{
    display: inline;
    float: left;
}

/* First level drop down */
#menu li ul
{
    position: absolute;
    width: 100px;
    left: -999em;
    text-indent: 0;
    top: auto;
    margin: 22px 0 0 0px;
    width: 125px;
}

/* First level drop down */
#menuIE7 li ul
{
    position: absolute;
    width: 100px;
    left: -999em;
    text-indent: 0;
    top: auto;
    margin: 19px 0 0 -88px;
    width: 125px;
}

/* Second, Third and Fourth level drop downs */
#menu li ul ul, #menu li ul ul ul, #menu li ul ul ul ul, #menuIE7 li ul ul, #menuIE7 li ul ul ul, #menuIE7 li ul ul ul ul
{
    margin: 0 0 0 140px;
    position: absolute;
    width: 100px;
    left: -999em;
}

/* Four level drop down */
#menu li:hover, #menu li.sfhover, #menuIE7 li:hover, #menuIE7 li.sfhover
{
    left: 0;
    top: 100%;
    z-index: 100; /* background-position: 0 0; */
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul, #menuIE7 li:hover ul ul, #menuIE7 li:hover ul ul ul, #menuIE7li:hover ul ul ul ul, #menuIE7 li.sfhover ul ul, #menuIE7 li.sfhover ul ul ul, #menuIE7 li.sfhover ul ul ul ul
{
    left: -999em;
}

/* First level drop down */
#menu li:hover ul, #menu li.sfhover ul, #menuIE7 li:hover ul, #menuIE7 li.sfhover ul
{
    left: auto;
    background-position: 0 0;
}

/* Second level drop down */
#menu li li:hover ul, #menu li li.sfhover ul, #menuIE7 li li:hover ul, #menuIE7 li li.sfhover ul
{
    left: 0;
}

/* Third level drop down */
#menu li li li:hover ul, #menu li li li.sfhover ul, #menuIE7 li li li:hover ul, #menuIE7 li li li.sfhover ul
{
    left: 0;
}

/* Fourth level drop down */
#menu li li li li:hover ul, #menu li li li li.sfhover ul, #menuIE7 li li li li:hover ul, #menuIE7 li li li li.sfhover ul
{
    left: 0;
}

/* Wrapper */

#wrapper
{
    background: url(images/img06.gif) repeat-x;
}

/* Content */

#content
{
    width: 800px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

/* BottomPane */

#bottom
{
    width: 800px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

/* Footer */

#footer p
{
    width: 800px;
    margin: 0 auto;
    font-size: x-small;
    color: #FFFFFF;
}
/* Footer */
#footer
{
    clear: both;
    padding: 20px 50px;
    border-top: 4px solid #393F4D;
    background: #444C5D;
    margin-top: 20px;
}

#footer a
{
    text-decoration: underline;
    color: #FFFFFF;
}

#footer a:hover
{
    text-decoration: underline;
}

/* Footer > Legal */

#legal
{
}

/* Footer > Links */

#links
{
}

/* Blog module custom settings */

.blog_title
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: #ffff33; /* font-size: 18px; */
    padding-top: 20px;
}

.blog_title a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: #ffff33; /* font-size: 18px; */
    text-decoration: none;
}

.blog_body
{
    font-family: Arial, Helvetica, sans-serif; /* font-size: 13px; */
    font-weight: normal; /* line-height: 25px; */
}

.blog_body p a
{
    color: Aqua;
}

.blog_more_link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: normal;
    line-height: 20px;
}

.blog_footer
{
    height: 15px;
}

.blog_footer a
{
    color: Red;
}

/* Calendar Styles */

.Blog_Archive_DayHeader
{
    font-size: 10px;
    line-height: normal;
}

.Blog_Archive_Day
{
    font-size: 10px;
    line-height: normal;
}

.Blog_Archive_Day a
{
}

.Blog_Archive_NextPrev
{
}

.Blog_Archive_OtherMonth
{
    font-size: 10px;
    line-height: normal;
    background-color: #ffcccc;
}

.Blog_Archive_SelectedDay
{
    font-size: 10px;
    line-height: normal;
}

.Blog_Archive_Selector
{
}

.Blog_Archive_Title
{
    font-size: 10px;
    line-height: normal;
    color: #000000;
}
.Blog_Archive_TodayDay
{
    font-size: 10px;
    line-height: normal;
}

.Blog_Archive_WeekendDay
{
    font-size: 10px;
    line-height: normal;
}

.ControlPanel
{
    position: fixed;
    top: 0;
    left: 0;
}

.ControlPanel A.CommandButton:link
{
    color: Black;
}

.ControlPanel .SubHead
{
    color: Black;
}