/*@@@@@ 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; }

/* z-index overrides for admin.css */
.dnnEditState .actionMenu {	z-index: inherit;}
form .actionMenu ul {	z-index: inherit !important;}

/*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; }
body { background: url("resources/img/body.jpg") top center repeat-x #e7dbcd; }
.nopad { padding-left: 0; padding-right: 0; }
.menu { position: relative; }
.menu::after { height: 5px; width: 100%; background-color: #980000; }
a, a:visited, a:link { color: #003366; text-decoration:underline}
a:hover { text-decoration: none; text-decoration:none; }
a:focus { text-decoration: none; }
.skin-top-row { padding-top: 15px; }
.skin-top-row-pane { background: url("resources/img/panebg.gif"); padding-top: 15px; }
.skin-blue-pane { background-color: #E8E9F0; margin-bottom: -99999px; padding-bottom: 99999px; }
.skin-special-row { display: inline-block; width: 100%; }

/*@@@@@ header */
.skin-header-background { 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; }
}

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

.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 #9F978A; }
.skin-search a, .skin-search a:visited, .skin-search a:link { color: #6d0000; }
.skin-search a:hover { color: #292823; }
.mobile-search { padding-right: 10px; padding-top: 14px; }
.mobile-search .search-icon.open:before { content: "\f00d"; padding: 10px; }
.mobile-search .search-icon.closed:before { content: "\f002"; padding: 10px; }
.mobile-search-popup { position: absolute; right: 20px; background: #6d0000; /* Old browsers */ background: -moz-linear-gradient(top, #6d0000 0%, #980000 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0000), color-stop(99%,#980000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6d0000 0%,#980000 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6d0000 0%,#980000 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6d0000 0%,#980000 99%); /* IE10+ */ background: linear-gradient(to bottom, #6d0000 0%,#980000 99%); /* W3C */ border-radius: 5px; border: 1px ridge #292823; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0000', endColorstr='#980000',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; }
.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: #980000; 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: #36332c; /* Old browsers */ background: -moz-linear-gradient(top, #36332c 0%, #252420 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36332c), color-stop(99%,#252420)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #36332c 0%,#252420 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #36332c 0%,#252420 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #36332c 0%,#252420 99%); /* IE10+ */ background: linear-gradient(to bottom, #36332c 0%,#252420 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36332c', endColorstr='#252420',GradientType=0 ); /* IE6-9 */ }
.nav-main { width: 100%; }
.nav-main .hover { display: inline-table; }
/* default.css override for left nav margin */
.nav-main ul{ margin-left:0px}
/* all levels*/
.otnav li:hover > ul { /*   display: inline-table;*/ }

/* 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 { color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 12px; padding-top: 13px; }
.otnav li li a { color: black; text-transform: none; text-decoration: none; font-weight: normal; }
/* second level*/
.otnav li li { float: none; }
.otnav li.parent, .otnav .active.top-level /*.otnav li a:focus, */ { background: #6d0000; /* Old browsers */ background: -moz-linear-gradient(top, #6d0000 0%, #980000 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0000), color-stop(99%,#980000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6d0000 0%,#980000 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6d0000 0%,#980000 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6d0000 0%,#980000 99%); /* IE10+ */ background: linear-gradient(to bottom, #6d0000 0%,#980000 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0000', endColorstr='#980000',GradientType=0 ); /* IE6-9 */ color: #fff; }
/* Top Level Menu Hover Color Transition */
.otnav ul li a:hover > span, .otnav ul li a:hover + ul > li.dropdown > a > span { color: #555; }
.otnav ul li a > span, .otnav ul li a + ul > li.dropdown > a > span { /*    color: #E7E4D7;*/ }

.dropdown-menu > li { margin-left: 10px; }

/* Bootstrap active dropdown override */
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #c11820; background-color: transparent; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav > li > a:focus { background-color: transparent; }
.dropdown-menu.hang-left { left: auto; right: 0 }
.dropdown-menu.hang-left-sub { left: auto; right: 100% }
.otnav ul ul { background-color: #f3f2eb; 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 { color: #c11820; }
.otnav ul ul li a span { position:absolute;right:10px; }
.otnav ul ul li:hover { color: #c11820; }
@media (max-width: 992px) {
    .otnav li a { font-size: 11px; padding: 10px 5px 10px 5px; }
}
@media (min-width: 767px) {
    .otnav ul li:hover, .otnav ul li a:hover { background: #f3f2eb; color: #000; }
    .otnav ul li:hover.top-level > a { color: #c11820; background: #f3f2eb;}
}

@media (max-width: 767px) {
    li.active, li.dropdown.active, li.parent /*.otnav li a:focus, */ { background-color: transparent; color: #fff; }
    /* Top Level Menu Hover Color Transition */
    .otnav ul li a:hover, li.dropdown.active.top-level { background-color: transparent; color: #fff; }
    .otnav { background: #2e2c26; }
    /* all levels*/
    .otnav li a { font-size: 13px; }
    .otnav li li a { color: white; }
    .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 { float: none; clear: both; position: relative; background: #2e2c26; padding: 0; }

    /* second+ levels*/
    .otnav ul ul li a:hover { color: white; }
    .otnav ul ul li:hover { color: white; }
    .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: #afa879; }
    .otnav ul li a:hover > span, .otnav ul li a:hover + ul > li.dropdown > a > span { color: #fff; }

}

/* breadcrumbs */
.skin-breadcrumb-container { margin: 0px 0px 5px 10px; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #a09e95; }
.skin-breadcrumb { text-transform: uppercase; font-weight: bold; font-size: 12px; }
.skin-breadcrumb-separator { color: #9C0906; padding: 0px 6px; }
.skin-border { display: block; background-color: #e7e4d7; box-shadow: 1px 1px 18px 0px black; }
.skin-carousel{box-shadow: 1px 1px 18px 0px black; background-color: #e7e4d7}
.skin-addpad .skin-breadcrumb-container { margin-left: 0px; }
.skin-addpad::after { height: 22px; width: inherit; margin-left: -15px; margin-right: -30px; background-image: url("resources/img/bottom.gif"); background-repeat: repeat-x; }
.skin-breadcrumb-container a, .skin-breadcrumb-container a:visited, .skin-breadcrumb-container a:link, .skin-breadcrumb-container a:hover{ color:#9C0906 }

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

/* Footer */
.footer { padding: 25px 15px 15px 15px; color: #4e4e4e; font-family: Myriad Web Pro, Trebuchet MS}
.footer .row{ height:40px}
.footer .logo {background: url("resources/img/smalllogo.png") left center no-repeat; width:32px;height:30px;float:left;margin-right:15px;;display:inline-block}
.footer a { color: #4e4e4e; text-decoration: none; font-weight: normal; padding: 0 2px; background-color: transparent; }
.footer .title{ padding-top:5px;display:inline-block;vertical-align:top}
.footer .links{padding-top:5px}
.fleft { float: left; }
.fright { float: right; }
@media (max-width: 767px) {
    .footer .logo { float:none;}
    .footer .links{padding-bottom:10px}
    .footer{ text-align:center;font-size:16px}
}

/************** Corps Highlights *******************/
.CorpsHighlights { padding-top: 10px; color: #404040; }
actul .CorpsHighlights .box { }
.CorpsHighlights ul.box { margin: 0 0 0 0px; padding: 0px; width: 33%; }
.CorpsHighlights ul.box li { margin: 0px; padding: 0px; list-style: none; background: url(resources/img/li.gif) 0 6px no-repeat; padding: 0px 2px 6px 13px; }
.CorpsHighlights ul.box li a { color: #4e4e4e; font-size: 12px; text-decoration: none; }
.CorpsHighlights ul.box li a:hover { /* color:#013466;*/ text-decoration: underline; }

/************************ Publications ***********************************/
.Publication { color: #404040; margin: 2px 0 20px 0; }
actul .Publication h2.pTitle { height: 40px; text-align: left; padding: 0px; margin: 0px; line-height: 40px; padding-left: 10px; font-size: 14px; }
.Publication .Content { background: #D5D3C3 url(resources/img/pubheader.png) 0px 0px no-repeat; padding: 10px 10px 10px 10px; }
.Publication .box { }
.Publication .Content .line { padding-left: 10px; padding-bottom: 10px; margin: 15px 0 0px 10px; border-bottom: 1px dotted #a09e95; }
.Publication ul.box { margin: 0 0 0 0px; padding: 0 10px 0 5px; }
.Publication ul.box li { margin: 0px; padding: 0px; list-style: none; background: url(resources/img/RedArrowClr.png) 0 7px no-repeat; padding: 0px 2px 4px 13px; }
.Publication ul.box li a { color: #4e4e4e; font-size: 14px; text-decoration: none; text-transform: uppercase; }
.Publication ul.box li a:hover { text-decoration: underline; }

.PublicationLinks { background: url(resources/img/greyhead.gif) 0 0 repeat-x; color: #404040; display:inline-block; width:100% }
actul .PublicationLinks .plTitle { height: 40px; /* text-align:left; padding:0px; margin:0px;  margin-left:45px; */ }
.PublicationLinks .plLogo { background: url(resources/img/dodlinks.png) 10px 10px no-repeat; height: 50px; padding: 14px 0 0 45px; vertical-align: middle; color: #fff; font-size: 14px; font-weight: bold; }
.PublicationLinks .Airforce { background: url(resources/img/airforcelogo.jpg) 0 0px no-repeat; padding-left: 68px;  }
.PublicationLinks .Army { background: url(resources/img/armylogo.jpg) 0 0px no-repeat; padding-left: 68px;  }
.PublicationLinks .Marines { background: url(resources/img/marinelogo.jpg) 0 0px no-repeat; padding-left: 68px;  }
.PublicationLinks .Navy { background: url(resources/img/Navylogo.jpg) 0 0px no-repeat; padding-left: 68px;  }
.PublicationLinks .DOD { background: url(resources/img/DODlogo.jpg) 0 0px no-repeat; padding-left: 68px;  }
.PublicationLinks .box { }
.PublicationLinks ul.box { margin: 0 0 0 0px; padding: 13px 0px 20px 0px; }
.PublicationLinks ul.box li { margin: 0px; list-style: none; background: url(resources/img/RedArrowClr.png) 0 3px no-repeat; padding: 0px 2px 6px 13px; }
.PublicationLinks ul.box li a { color: #4e4e4e; font-size: 11px; text-decoration: none; }
.PublicationLinks ul.box li a:hover { text-decoration: underline; }

.ContactInfo { background: #D5D3C3 url(resources/img/greyhead.gif) 0 0 repeat-x; color: #404040; }
actul .ContactInfo .cTitle { height: 40px; text-align: left; padding: 0px; margin: 0px; line-height: 40px; padding-left: 10px; }
.ContactInfo .clogo { background: url(resources/img/contactlogo.png) 10px 10px no-repeat; height: 40px; padding: 14px 0 0 45px; vertical-align: middle; color: #fff; font-size: 14px; font-weight: bold; }
.ContactInfo .box { }
.ContactInfo ul.box { margin: 0 0 0 0px; padding: 0 15px 0 5px; }
.ContactInfo ul.box .line { padding-left: 10px; padding-bottom: 10px; margin: 15px 0 0px 10px; border-bottom: 1px dotted #a09e95; }
.ContactInfo ul.box .noline { padding-left: 10px; padding-bottom: 10px; margin: 15px 0 0px 10px; }
.ContactInfo ul.box li { margin: 0px; padding: 0px; list-style: none; background: url(resources/img/RedArrowClr.png) 0 3px no-repeat; padding: 0px 2px 4px 13px; font-weight: bold; }
.ContactInfo ul.box li a { color: #4e4e4e; text-decoration: none; }
.ContactInfo ul.box li a:hover { text-decoration: underline; }
.ContactInfo .cHelp { background: url(resources/img/important.png) 10px 0px no-repeat; padding: 0px 0 50px 50px; }
.ContactInfo .cHelp a { color: #990000; text-decoration: none; }
.ContactInfo .cHelp a:hover { text-decoration: underline; }
.kb-open { color: #c11820 !important; background: #f3f2eb !important;}