/*@@@@@ DNN styles */
.Normal { font-size: 14px; line-height: 1.428; }

.dnnSortable.ui-sortable, .dnnSortable.ui-droppable { padding: 0 15px 0 15px; }
/* styling for the Edit Profile and My Account links in User Profiles */
.dnnActions { display: inline-block; }

.dnnActions li { margin-right: 5px; list-style: none; float: left; }
/*override for dnnLabels in the bootstrap */
.form-group .dnnLabel { text-align: left; width: auto; }

.dnnLabel + span { white-space: normal; }

ul.dnnAdminTabNav { height: 45px; border-radius: 0 !important; }

.dnnFormMessage { max-width: none; }
/* admin */
#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after { -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box !important; /* Firefox, other Gecko */ box-sizing: content-box !important; /* Opera/IE 8+ */ }

.dnnPrimaryAction:link, .dnnPrimaryAction:visited { color: #fff; }
/* fix for DNN dropdown lists being cut off*/
.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a { height: 35px !important; }
/* fix for coloring on DNN Check boxes */
.dnnCheckbox .mark { background: none; }

/* override style for default dnn button */
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { background: #818181; background: -moz-linear-gradient(top, ##818181 0%, #656565 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#656565)); background: -webkit-linear-gradient(top, ##818181 0%,#656565 100%); background: linear-gradient(top, ##818181 0%,#656565 100%); border-radius: 3px; border-color: #fff; font-weight: bold; text-decoration: none; color: #fff; text-shadow: 0px 1px 1px #000; }

.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover { border-color: #fff; background: #4E4E4E; background: -moz-linear-gradient(top, #4e4e4e 0%, #282828 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#282828)); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4E4E4E), color-stop(100%,#282828)); background: -webkit-linear-gradient(top, #4e4e4e 0%,#282828 100%); background: linear-gradient(top, #4e4e4e 0%,#282828 100%); color: #fff; }

.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span { border: none; }

/*implement box sizing for DNN digital assets selection toolbar.*/
#dnnModuleDigitalAssetsSelectionToolbar, #dnnModuleDigitalAssetsListViewToolbar, #dnnModuleDigitalAssetsListContainer, .dnnModuleDigitalAssetsGrid > table > thead > tr {
    box-sizing: content-box;
}

/*@@@@@ bootstrap styles */
a.btn-info, a.btn-info:visited, a.btn-info:link, a.btn-primary, a.btn-primary:visited, a.btn-primary:link { color: #fff; }

/*@@@@@ body */
.wrapper { margin: 0 auto; max-width: 1170px; }

.nopad { padding-left: 0; padding-right: 0; }
.menu { position: relative; }

/*.menu::after
{
    height: 5px;
    width: 100%;
    background-color: #5d5735;
}*/

a, a:visited, a:link { color: #003366; text-decoration: underline; }
a:hover { text-decoration: none; color: #333; }
a:focus { text-decoration: none; }
h1,h2,h3,h4,h5,h6 {
    display: block;
    color: #333;
    font-weight: bold
}

.skin-top-row { padding-bottom: 15px; /*margin-left: -30px;
    margin-right: -30px;*/ }

.skin-blue-pane { background-color: #E8E9F0; margin-bottom: -99999px; padding-bottom: 99999px; }
.skin-blue-pane-inner { padding: 10px 0px; }

.skin-special-pane { margin: 0px; padding: 0px; }

.skin-special-row { display: inline-block; width: 100%; }

/*@@@@@ header */
.skin-header-background { /*background: url("resources/img/header-back.png") no-repeat left top !important; margin-top: -10px;*/ background: transparent; }
/* logo */
.skin-logo { float: left; padding: 6px 0 6px 0; }

@media (max-width: 767px) {
    .skin-logo { height: 49px; }
    .skin-logo img { max-height: 38px; }
}
/* title */
@media(min-width:767px) {
    .skin-title { display: none; /*float: left;
        padding-top: 30px;
        padding-left: 20px;
        font-variant:small-caps;*/ }
}

@media (max-width: 767px) {
    .skin-title { display: none; /*float: left;
        padding-top: 8px;
        padding-left: 10px;
        font-variant:small-caps;*/ }
}

.skin-title a, .skin-title a:hover { text-decoration: none; }

.skin-title .title-text { font-family: 'Times New Roman', Times, serif; font-size: 32px; color: #335d8b; }

.skin-title .withsub { line-height: 32px; }
.skin-title .title-text .title-text-small { font-size: 22px; }

.skin-title .subtitle-text { font-family: 'Times New Roman', Times, serif; font-size: 20px; color: #3399cc; line-height: 20px; display: block; }
/* search */
.skin-search { float: right; }

.skin-search-input { border-radius: 4px; width: 170px; font-size: .9em; padding: 6px 12px; height: 34px; margin: 0; border: solid 2px #dbe1e7; }

.skin-search a, .skin-search a:visited, .skin-search a:link { color: #5d5735; }

.skin-search a:hover { color: #807749; }

.mobile-search { padding-right: 10px; padding-top: 14px; }

.mobile-search .search-icon.open:before { content: "\f00d"; /*background-color: #f5f3ec;*/ padding: 10px; }

.mobile-search .search-icon.closed:before { content: "\f002"; padding: 10px; }

.mobile-search-popup { position: absolute; right: 20px; background: #807749; /* Old browsers */ background: -moz-linear-gradient(top, #807749 0%, #5d5735 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#807749), color-stop(99%,#5d5735)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #807749 0%,#5d5735 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #807749 0%,#5d5735 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #807749 0%,#5d5735 99%); /* IE10+ */ background: linear-gradient(to bottom, #807749 0%,#5d5735 99%); /* W3C */ border-radius: 5px; border: 1px ridge #292823; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807749', endColorstr='#5d5735',GradientType=0 ); /* IE6-9 */ padding: 15px 20px 15px 20px; z-index: 100; display: none; }

.desktop-search { float: right; padding-top: 38px; padding-right: 20px; }

@media(max-width:767px) {
    .desktop-search { float: right; padding-top: 13px; padding-right: 20px; }
}

.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;  width: 1px;}

/*@@@@@ footer */
.skin-footer-background { background: transparent; }
/*social links*/
.skin-social .social-item { float: left; width: 32px; text-align: center; /*margin-bottom: 10px;*/ }
.skin-social h3 { display: block; left: 5px; position: relative; text-transform: uppercase; font-size: 1.6em; font-family: "Times New Roman",Times,serif; color: #7a7a7a; font-weight: normal; }

.skin-social { display: inline-block; position: absolute; right: 0; top: 1px; }

#footer .skin-social { position: relative; text-align: center; width: 100%; }

#footer .skin-social .social-item { float: none; display: inline-block; }



.social-item span { font-size: 1.1em; background: #827646; color: #fff; width: 25px; height: 25px; border-radius: 15px; text-align: center; padding-top: 12%; margin-top: 6px; transition: all .2s ease-in-out; }

/* site links */
.skin-site-links { display: inline-block; font-size: .8em; line-height: 1.8em; }

.skin-site-links ul { padding: 20px 20px 0px 0; float: left; }

.skin-site-links li { list-style-type: none; }

.skin-site-links a, .skin-site-links a:link, .skin-site-links a:visited { color: #404040; }

.skin-site-links a:hover { color: #000; }

/*@@@@@ user bar */
.skin-login { font-size: 12px; background-color: #555; color: #fff; width: 100% !important; }

.skin-login.fail { background-color: #900; }

.skin-login-inner { margin: 0 auto; max-width: 1100px; padding-top: 5px; }

.skin-login a { font-size: 12px; }

.skin-login a:hover { text-decoration: none; color: #0f0; }

.skin-login .skin-last-login { padding-top: 4px; }

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

.skin-login .registerGroup, .skin-login .loginGroup { float: right; padding: 0; margin: 0; }
/* Register Group Styles */
.skin-login .registerGroup { border-right: 1px solid #eee; }

.skin-login .registerGroup li { float: left; }

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

.skin-login .registerGroup a, .skin-login .loginGroup a { display: block; position: relative; height: 25px; min-width: 12px; padding: 5px 15px 0 15px; vertical-align: middle; }
.skin-login .registerGroup .userNotifications a, .skin-login .registerGroup .userMessages a { color: #555; }
.skin-login.fail .registerGroup .userNotifications a, .skin-login.fail .registerGroup .userMessages a { color: #900; }

.skin-login .registerGroup a:hover, .skin-login .loginGroup a:hover, .skin-login .registerGroup a:active, .skin-login .loginGroup a:active { color: #555; }

.skin-login .registerGroup a strong, .skin-login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; height: 100%; }

.skin-login .userMessages strong:hover:after { color: #888; }

.skin-login .userMessages strong:after { font-family: FontAwesome; content: ""; position: absolute; top: 0; left: 4px; color: #fff; font-size: 18px; text-align: center; }

.skin-login .userNotifications { border-right: 1px solid #eee; }

.skin-login .userNotifications strong:hover:after { color: #888; }

.skin-login .userNotifications strong:after { font-family: FontAwesome; content: ""; position: absolute; top: 0; left: 4px; color: #fff; font-size: 18px; text-align: center; }
/* Login Group Styles */
/* Number of message next to the message icon*/
.skin-login .userMessages a span, .skin-login .userNotifications a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-top: 9px; font-size: 10px; z-index: 100; background-color: #a00; border-radius: 3px; padding: 1px 2px 1px 2px; font-weight: bold; color: #fff; }

.skin-login .userDisplayName a, .skin-login .loginGroup a { color: #fff; }

.skin-login .userDisplayName a:hover, .skin-login .loginGroup a:hover { color: #888; }


/*@@@@ navigation */
.skin-nav-toggle { background-color: #36332c; padding: 6px 8px 6px 8px; color: #fff; }

.otnav { background: #807849; /* Old browsers */ background: -moz-linear-gradient(top, #807849 46%, #5b521e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #807849 46%,#5b521e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #807849 46%,#5b521e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807849', endColorstr='#5b521e',GradientType=0 ); /* IE6-9 */ background-color: transparent; color: #fff; }

.nav-main { width: 100%; }
.nav-main .hover { display: inline-table; }

/* all levels*/

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus { color: white; background-color: transparent; }

/*.dropdown-menu > .active > a:hover { color: #fff; background-color: #797450; }*/
.dropdown-menu > .active > a:hover { color: #fff; background-color: #797450; }
.dropdown-menu.hang-left { left: auto; right: 0 }
.dropdown-menu.hang-left-sub { left: auto; right: 100% }
@media (max-width: 767px) {
    .dropdown-menu.hang-left-sub{right:auto;}
}

/* top level*/
.otnav li { position: relative; float: left;}

.otnav li a span { padding-left: 5px; color: #E7E4D7; margin-top: -2px; }

.otnav li li a span { padding-left: 5px; color: #E7E4D7; margin-top: 0; }

.otnav li a { font-family: Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-weight: bold; line-height: 1.4em; font-size: 12px; background: url(Resources/img/submenu.gif) right top no-repeat; }

.otnav li li a { color: white; text-transform: none; text-decoration: none; font-weight: normal; background: none; }

/* second level*/
.otnav li li { float: none; }

.otnav li a:focus, .otnav ul li a:hover, .otnav ul li:hover, .otnav ul li:active, li.dropdownactive, li.parent { background-color: transparent; color: #333333; }

.otnav ul ul { background-color: #5b521e; margin: 0; border: 0; padding: 5px; border-top-left-radius: 0; border-top-right-radius: 0;  }

.otnav ul ul li a { padding: 8px 30px 8px 5px; margin: 0 3px 0 3px;}

/* third+ levels*/
.otnav ul ul ul { left: 100%; top: 0; margin: -5px 0 0 0; }

/* second+ levels*/
.otnav ul ul li a:hover { background-color: #797450; color: #fff; }

.otnav ul ul li a span { position:absolute;right:10px }

.otnav ul ul li:hover { background-color: #797450; color: #fff; }

@media (max-width: 1200px) {
.otnav li a { padding: 10px 9px }
}
@media (max-width: 992px) {
    .otnav li a { font-size: 10px; padding: 10px 5px }
    .nav-main{ margin-left:0px}
}

@media (max-width: 767px) {
    .otnav { background: #2e2c26; }

    /* all levels*/
    .otnav li a { color: #fff; font-size: 13px; }

    .otnav li { clear: both; float: none; border-bottom: solid 1px #262521; }

    .otnav li:last-child { border-bottom: none; }

    .otnav ul li:hover > ul { display: none; }

    .otnav ul { margin: 0; padding: 20px; }

    .otnav ul ul { margin-left: 20px; float: none; clear: both; position: relative; background-color: transparent; padding: 0; }

    .otnav ul ul ul { top: 0; left: 0; background-color: transparent; margin-left: 20px; }

    .otnav a span, .otnav ul li li a span, .otnav ul li li li a span, .otnav li a span { position: absolute; right: 0; top: 0; padding: 15px; z-index: 1001; font-size: 24px; margin-top: -8px; }

    .container > .navbar-collapse { margin: 0; }

    .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; padding: 0; }

    .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; }

    .otnav ul ul li:hover a, .otnav ul ul li:hover { background-color: transparent; }

    .otnav ul li:hover > a { color: #fff; }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff; }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; background-color: #797450; }
}

/* Top Nav Menu (marines unit only) */
.topnav { background: #4a4a4a; /* Old browsers */ background: -moz-linear-gradient(top, #4a4a4a 0%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4a4a4a 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4a4a4a 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

@media (max-width: 767px) {
    .topnav { display: none; }
}

#topnav { height: 41px; margin: 0px; padding: 0px; }

#topnav li { float: left; margin: 0px; list-style-type: none; position: relative; margin: 0; }

#topnav li a { display: block; color: #fff; line-height: 41px; font-size: 12px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-shadow: #000000 1px 1px 1px; margin: 0px; padding: 0 14px 0 16px; }

#topnav li a:hover { color: #afa164; }

#topnav li.current a { background: #5b521e; /* Old browsers */ background: -moz-linear-gradient(top, #5b521e 0%, #7a7242 54%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #5b521e 0%,#7a7242 54%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #5b521e 0%,#7a7242 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b521e', endColorstr='#7a7242',GradientType=0 ); /* IE6-9 */ }

#topnav li.current a { /*background: #83784a repeat-x;*/ }
/* breadcrumbs */
.skin-breadcrumb-container { margin: 5px 0px 5px 15px; }
a.skin-breadcrumb, a.skin-breadcrumb:link, a.skin-breadcrumb:hover, a.skin-breadcrumb:visited { text-transform: uppercase; font-weight: bold; font-size: 12px; color: #7C7A7B; text-decoration: none; }
.skin-breadcrumb-separator { color: #7C7A7B; padding: 0px 6px; }
a.skin-breadcrumb:hover { color: #7C7A7B; }

.skin-addpad { /*background: url(Resources/img/panebg.gif) 0 0 repeat #fff;*/ /*padding-left:30px;
    padding-right:30px;*/ display: block; background-color: #fff; /*box-shadow: 0px 5px 8px 0px black;*/ }

.TopPane { background: url(Resources/img/toppane.jpg) 0 0 repeat-x #fff; min-height: 133px; width: 100%; }

.shade-pane { background: url(Resources/img/panebg.gif) 0 0 repeat #fff; background-color: #f5f3ec; }
.shade-pane-content { background-color: #fff; }
.shade-pane-right { margin-top: 15px; }
/*.skin-addpad::after {
    height:22px;
    width:inherit;
    /*background-color: #5d5735;
    background: repeating-linear-gradient(
        135deg,
        #dddbd2,
        #dddbd2 2px,
        #f5f3ec 2px,
        #f5f3ec 4px
    );
    margin-left: -30px;
    margin-right: -30px;
    background-image:url("resources/img/bottom.gif");
    background-repeat: repeat-x;
}*/

@media (max-width: 767px) {
    .skin-addpad { padding-left: 15px; padding-right: 15px; }
}

/* Footer */
#footer { background: url("resources/img/footer.gif") 0 0 repeat-x #040404 !important; padding: 20px 0; color: #4e4e4e; min-height: 200px; /*max-width: 1170px;*/ }

#dnnfooterbox { margin-right: auto; margin-left: auto; }
#dnnfooterbox .siteinfo { overflow-x: hidden; padding-left: 16px; display: inline-block; }
#dnnfooterbox .smalllogo { padding-top: 10px; padding-right: 19px; padding-left: 19px; display: inline-block; }
#dnnfooterbox .line { border: none; border-bottom: 1px #5c5d58 solid; height: 12px; margin-bottom: 6px; overflow: hidden; }
#dnnfooterbox .links { color: #888; padding-left: 16px; }
#dnnfooterbox .links a { color: #888; text-decoration: none; font-size: 10px; font-weight: bold; text-shadow: #000000 1px 1px 1px; text-transform: uppercase; }
#dnnfooterbox .links span.spacer { font-size: 9px; padding: 0 3px 0 5px; }

@media (min-width: 360px) {
    .siteinfo { width: 250px; }
    .largelogo { width: 230px; height: auto; }
}

@media (min-width: 608px) {
    .siteinfo { width: 500px; }
    .largelogo { width: 360px; height: 30px; }
}

@media (min-width: 768px) {
    #dnnfooterbox { width: 750px; }
    .siteinfo { width: 600px; }
}

@media (min-width: 992px) {
    #dnnfooterbox { width: 970px; }
    .siteinfo { width: 800px; }
}

@media (min-width: 1200px) {
    #dnnfooterbox { width: 1200px; }
    .siteinfo { width: 940px; }
}

.clr { clear: both; }

#Copyright { padding: 6px 0; background: url("resources/img/smalllogo.png") left center no-repeat; font-family: Myriad Web Pro, Trebuchet MS; margin: 0 19px; }

#Copyright a { color: #4e4e4e; text-decoration: none; font-weight: normal; padding: 0 2px; font-size: 12px; }

#Copyright .fleft { padding-left: 31px; }
.fleft { float: left; }

.fright { float: right; }