﻿


html{height:100%;margin:0;padding:0;}
#Body{height:100%;font-family:Helvetica, Arial, sans-serif;color:#333;margin:0;padding:0;}
#Form{height:100%;}
a{outline:0;border:0;overflow-wrap: break-word;}
p, ul, ol{margin:0;padding:0 0 1em 0;}

h1{font-size:26px; margin:0 0 10px 0;}
h2, .Head{font-size:22px; margin:0 0 10px 0;}
h3{font-size:18px; margin:0 0 10px 0;}

/* Fonts */
/*.Normal{font-size:12px;line-height:16px;}*/
.Normal{font-size:inherit;}
.SubHead{color:#333;}

ul li, ul li li
{
	/*list-style-type: disc;*/
}

#navigation ul li, #navigation ul li li
{
	list-style: none;
}

/*Layout */


/*Admin Menu Fixes for display in Banner Area*/
#banner ul.dnnActionMenuBody {
	min-width: 888px;
}

#banner ul.dnnActionMenuBody li {
	clear: none;
	float: left;
	width: 290px;
}

#banner ul.dnnActionMenuBody li ul li {
	min-width: 120px;
	width: 120px;
}

/*Justin adding for login module */
@charset "UTF-8";
@import url('./bootstrap/css/bootstrap.min.css');

/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
/*#login {
    float: right;
}*/


.containerLoggedIn
{
position: relative;
    width: 980px;
    height: 33px;
    margin: 0 auto;
  background: #050505 url(/admin/controlpanel/controlbarimages/ControlBar_bg.jpg) repeat-x 0 0;
   background-position: 0 -8px;
   font-family:Arial;
}

    #login .registerGroup,
    #login .registerGroup *,
    #login .loginGroup,
    #login .loginGroup * {
        display: block;
    }

    #login .registerGroup,
    #login .loginGroup {
        float: right;
        padding: 0;
        margin: 0;
    }

        #login .registerGroup li:first-child:hover {
            border-left: #222;
        }

        /* Register Group Styles */
        #login .registerGroup li {
            float: left;
        }

        #login .registerGroup .buttonGroup {
            margin-right: 0;           
            margin-top: 0;
        }

        #login .registerGroup a,
        #login .loginGroup a {
            display: block;
            position: relative;
            height: 25px;
            min-width: 12px;
            padding: 7px 15px 0 15px;
            color: #999;
            font-size: 13px;
            vertical-align: middle;
            text-decoration:none;
        }

            #login .registerGroup a:hover,
            #login .loginGroup a:hover {
                background: rgb(45,45,45); /* Old browsers */
                background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
                color: #ddd;
                text-shadow: 0px -1px 0px #333333;
            }

            #login .registerGroup a:active,
            #login .loginGroup a:active {
                color: #fff;
                text-shadow: 0px -1px 0px #333333;
            }

            #login .registerGroup a:hover,
            #login .loginGroup a:hover {
                text-decoration: none;
            }

            #login .registerGroup a strong,
            #login .loginGroup a strong {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                overflow: hidden;
                font-size: 11px;
                text-indent: -9999px;
            }

    #login .userMessages a,
    #login .userNotifications a 
    {
          border-top: 1px solid #5b5b5b;
  border-right: 1px solid #111;
  border-left:1px solid #333;   
        /*background-color: #333;*/
    }

    #login .userMessages strong {
        height: 100%;
        background: url('images/icon_message.png') no-repeat center center;
    }

    #login .userNotifications {
       /* border-right: 1px solid #CCC;*/
    }

        #login .userNotifications strong {
            height: 100%;
            background: url('images/icon_notification.png') no-repeat center center;
        }

    #login .registerGroup a span {
        display: inline-block;
        position: absolute;
        right: 2px;
        top: -9px;
        min-width: 7px;
        margin-right: 3px;
        background: rgb(59,150,182); /* Old browsers */
        text-align: center;
        font-size: 11px;
        color: #fff;
        text-shadow: 0px 1px 0px #333333;
    }

    #login .registerGroup .userProfileImg a {
        min-width: 25px;
        min-height: 32px;
        padding: 0;
        background: none;
    }

    #login .registerGroup a img {
        height: 32px;
        width: 32px;
        background: #333;
    }

    /* Login Group Styles */
    #login .loginGroup {
        /*border-right: 1px solid #CCC;*/
    }



    /* Number of message next to the message icon*/
    #login .userMessages a span,
    #login .userNotifications a span {
        display: inline-block;
        margin-top: 9px;
        margin-right: 0px;
        background-color: transparent;
        font-size: 10px;
    }
    
    