/*@@@@@ 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: 40px; 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; }
/*@@@@@ 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 { box-shadow: 10px 7px 14px 4px #ccc,-10px 7px 14px 4px #ccc; -webkit-box-shadow: 10px 7px 14px 4px #ccc,-10px 7px 14px 4px #ccc; background: #fff; margin: 0 auto; max-width: 1170px; }
.outer-wrapper { background-color: #eee; }
body { }
.nopad { padding-left: 0; padding-right: 0; }
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
   min-height:0px;
}
a, a:visited, a:link { color: #084476; }
a:hover { text-decoration: none; color: #B41019; }
a:focus { text-decoration: none; }
.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; }
/* logo */
.skin-logo { float: left; padding: 6px 0 6px 0; }

@media (max-width: 767px) {
    .skin-logo { height: 49px; padding: 12px 0 0 0; }
    .skin-header { height: 60px; }
}
/* title */
@media(min-width:767px) {
    .skin-title { float: left; padding-top: 30px; padding-left: 20px; }
}

@media (max-width: 767px) {
    .skin-title { float: left; padding-top: 8px; padding-left: 10px; }
}

.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 .title-text .title-text-small { font-size: 22px; }
/* 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: #486591; }
.skin-search a:hover { color: #dbe1e7; }
.mobile-search { padding-right: 10px; padding-top: 19px; }
.mobile-search .search-icon.open:before { content: "\f00d"; background-color: #b9c5d0; padding: 10px; }
.mobile-search .search-icon.closed:before { content: "\f002"; padding: 10px; }
.mobile-search-popup { position: absolute; right: 20px; background-color: #b9c5d0; 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; }
}
/*@@@@@ footer */
.skin-footer-background { background: #e1e5eb url("resources/img/footer-back.png") no-repeat left top; }
.skin-footer-padding{ padding:25px 30px 40px 30px}
/*links*/
footer ul { list-style: none; margin: 0; }
footer h3 { display: block; text-transform: uppercase; font-size: 22px; font-family: "Times New Roman",Times,serif; color: #7a7a7a; border-bottom: 1px solid #8da6b3; margin: 0 0 15px; padding: 0 0 10px; }
footer .seals ul { padding: 0 0 25px; }
footer .seals li { display:inline-block; margin: 0 7px 8px 0; }
footer .social li { display:inline-block; text-align: center; margin: 0 14px 5px 0; }
footer .social li span { font-size: 30px; color: #8ea8b4; text-align: center; transition: all .2s ease-in-out; }

footer .quick .col-1{ padding-left:15px}
footer .quick li { display:block;margin-bottom:4px;font-size: 14px;}
footer .quick a, footer .quick a:link, footer .quick a:visited { color: #084476; }
footer .quick a:hover { color: #B41019; }
@media(max-width:992px) {
    footer .social-links { padding-top: 25px; }
}

@media(max-width:767px) {
    footer .quick { width: 100%; border: 1px solid #ddd; display:block }
    footer .quick ul { background-color: #fff; margin:0;padding:0;display:none}
    footer .quick .quick-toggle {cursor:pointer; color: #333; background-color: #f5f5f5; display: block; border-color:#ddd; border-top-right-radius: 3px; border-top-left-radius:3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }
    footer .quick li{ border-top: 1px solid #ddd;margin:0;display:block;padding:10px 15px}
    footer .quick .col-0:first-child{ border-top: none}
    footer .quick a{ display:block}
}

/*@@@@@ 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: #486591; margin-top: 13px; color: #fff; height: 34px; padding-top: 6px; }
.otnav { background: #133C6A; /* Old browsers */ background: -moz-linear-gradient(top, #486591 0%, #123b69 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#486591), color-stop(99%,#123b69)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #486591 0%,#123b69 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #486591 0%,#123b69 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #486591 0%,#123b69 99%); /* IE10+ */ background: linear-gradient(to bottom, #486591 0%,#123b69 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486591', endColorstr='#123b69',GradientType=0 ); /* IE6-9 */ }
.nav-main { width: 100%; }
/* all levels*/
.otnav li a:focus { background-color: #417baf; }
.otnav li:hover > ul { display: inline-table; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: transparent; }
/* top level*/
.otnav li { position: relative; float: left; }
.otnav li a span { padding-left: 5px; color: #80aff5; margin-top: -2px; }
.otnav li li a span { padding-left: 5px; color: #80aff5; margin-top: 0; }
.otnav li a { color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 12px; }
.otnav li li a { color: #fff; text-transform: none; text-decoration: none; font-weight: normal; }
/* second level*/
.otnav li li { float: none; }
.otnav ul li a:hover, .otnav ul li:hover { background-color: #417baf; color: #fff; }
.otnav ul ul { background-color: #417baf; margin: 0; border: 0; padding: 5px; border-top-left-radius: 0; border-top-right-radius: 0; }
.otnav ul ul li a { color: #fff; 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: #133c6a; color: #fff; }
.otnav ul ul li a span { position:absolute; right:10px;  }
.otnav ul ul li:hover { background-color: #133c6a; color: #fff; }

@media (max-width: 992px) {
    .otnav li a { font-size: 11px; padding: 10px 5px 10px 5px; }
}

@media (max-width: 767px) {
    .otnav { background: #133C6A; }
    /* all levels*/
    .otnav li a { font-size: 13px; }
    .otnav li { clear: both; float: none; border-bottom: solid 1px #113052; }
    .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; }
    .otnav ul li a:hover, .otnav ul li:hover { background-color: transparent; }
    .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; }
    .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: transparent; }
}

/* breadcrumbs */
.skin-breadcrumb-container { margin: 5px 0px 5px 15px; }
.skin-breadcrumb { text-transform: uppercase; font-weight: bold; font-size: 12px; }
.skin-breadcrumb-separator { color: #80aff5; padding: 0px 6px; }
.skin-addpad { padding-left: 30px; padding-right: 30px; display: block; }
.skin-addpad .skin-breadcrumb-container { margin-left: 0px; }

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

/* home page */
.skin-inner-content { padding: 1px 30px 10px 30px; }

@media(max-width:767px) {
    .skin-inner-content { padding: 0px 15px 10px 15px; }
}