/* ===== Skin styles start ===== */
html, body {
  height: 100%;
  background: #c3d7be;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Open Sans', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
}
h2 {
    font-size: 175%; 
    font-weight: bold;
    color: #3D4E22;
}
h4 {
    font-weight: bold;
}
.HeaderPane {
    background: #214c17; /* Old browsers */
    background: -moz-linear-gradient(top, #214c17 0%, #9bca94 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#214c17), color-stop(100%,#9bca94)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #214c17 0%,#9bca94 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #214c17 0%,#9bca94 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #214c17 0%,#9bca94 100%); /* IE10+ */
    background: linear-gradient(to bottom, #214c17 0%,#9bca94 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214c17', endColorstr='#9bca94',GradientType=0 ); /* IE6-9 */
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    padding-bottom: 6px;
}

#main {
  font-family: 'Open Sans', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
  margin: 6px auto 0 auto;
}

/* correct DNN back to bootstrap font sizes */
.Normal, .Feedback_Comments {
    font-size: 120%;
    line-height: 1.6;
}
.Head {
    /*font-family: 'Open Sans', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;*/
    font-size: 130%; 
    font-weight: 600;
}

/*override for the bootstrap */
.form-group .dnnLabel {
    text-align: left;
    width: auto;
}
.dnnLabel + span {
    white-space: normal;
}
.dnnGrid img {min-width: 16px}
.mark {background-color: transparent}
#ControlBar .subNav {margin: 0 1px 0 0}
#main .dnnDropDownList > div > a {min-height: 36px}

.yogit-container {
    border-left: 1px solid black;
    border-right: 1px solid black;
}


/* Set Media Size */
img, object, embed, iframe, video { max-width:100% }

.headertop {}
.headertop a,.headertop a:link, .headertop a:visited, .headertop a:active {color: #fff; text-transform: uppercase; font-weight: 600; display: block; margin: 0 3%; float: left}
.headertop .LoginPane {padding: 10px}
.headertop .SearchContainer {text-align: right; padding: 0 18px 15px 0}
.headerbottom {text-align: right}
.SiteLogo {margin-top: 12px}
    .SiteSearch {text-align:right; position: relative; margin-top: 10px}
    .SiteSearch .searchInputContainer {
        border-radius: 5px; 
        padding: 2px 8px; 
        background: #ededed;
        border: 1px solid #aaa;
        width: 95%;
        position: relative;
        text-align: left;
    }
    .SiteSearch a {
        display:block; 
        position:absolute; 
        right:1px; 
        top:7px; 
        background:url(img/search.png) no-repeat center center; 
        width:18px; 
        height:17px; 
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
    .SiteSearch .searchInputContainer input {font-size: 115%;border: none;background: transparent; width: 90%}

.Copyright {font-style: italic}

#Content {
    position: relative;
}
.MainContent, .HomeContent, .AdminContent {
    background: #fff;
    min-height: 100px;
}

/* CUSA Differences */
.Normal p, .EDN_article_content p {
    text-align: justify;
}
.EDN_article_content p {
    font-size:14pt !important;
}
.ModDNNFeedbackC h2 {clear: both}
.FeedbackModeration .DataGrid_Container NormalBold td {
    font-size: 100%;
}
.FeedbackModeration .DataGrid_Container td, .FeedbackModeration .DataGrid_Container td .Normal {
    padding: 6px;
    font-size: 85%;
}

/* CUSA Containers */
.CUSA_PageImage .Normal p {
    line-height: normal;
    font-size: 90%;
}

/* Home Page Content */
.HomeContent .LeftContentPane, .MainContent .RightContentPane {
    background: #eff4e6;
    border: 1px solid #cbdc8f;
    border-radius: 5px;
    margin: 7px 0;
    background: #fff;
    min-height: 100px;
    padding: 0 3%;
}
.HomeContent .RightContentPane, .MainContent .LeftContentPane {
    background: #c0ddbb;
    margin: 7px 0;
    border-radius: 5px;
    border: 2px solid #2c6021;
    padding: 2%;
}
.ContainerWrapper {margin: 15px 15px 15px 0; padding: 11px}
.FooterPane {
    background: #42783a; /* Old browsers */
    background: -moz-linear-gradient(top, #42783a 0%, #35431e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42783a), color-stop(100%,#35431e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #42783a 0%,#35431e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #42783a 0%,#35431e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #42783a 0%,#35431e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #42783a 0%,#35431e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42783a', endColorstr='#35431e',GradientType=0 ); /* IE6-9 */
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    min-height: 31px;
}
.footer-content {text-align: center; margin-top: 4px; color: #fff; font-style:italic}
/*  Navigation */
.navbar-container {padding: 0;}
.navbar-yogit {
	border-color: #ffffff;
    background-image: none;
    border: none;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
    background: #418d30; /* Old browsers */
    background: -moz-linear-gradient(top, #418d30 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#418d30), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #418d30 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #418d30 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #418d30 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #418d30 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#418d30', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.navbar-yogit .navbar-brand {
	color: #fff;
}
.navbar-yogit .navbar-brand:hover, .navbar-yogit .navbar-brand:focus {
	color: #40715b;
}
.navbar-yogit .navbar-text {
	color: #fff;
}
.navbar-yogit .navbar-nav > li > a {
	color: #fff;
}
.navbar-yogit .navbar-nav > li > a:hover, .navbar-yogit .navbar-nav > li > a:focus {
	color: #40715b;
}
.navbar-yogit .navbar-nav > .active > a, .navbar-yogit .navbar-nav > .active > a:hover, .navbar-yogit .navbar-nav > .active > a:focus {
	color: #40715b;
	background-color: #b7cf91;
}
.navbar-yogit .navbar-nav > .open > a, .navbar-yogit .navbar-nav > .open > a:hover, .navbar-yogit .navbar-nav > .open > a:focus {
	color: #40715b;
	background-color: #b7cf91;
}
.navbar-yogit .navbar-toggle {
	border-color: #b7cf91;
}
.navbar-yogit .navbar-toggle:hover, .navbar-yogit .navbar-toggle:focus {
	background-color: #b7cf91;
}
.navbar-yogit .navbar-toggle .icon-bar {
	background-color: #4b856c;
}
.navbar-yogit .navbar-collapse,
.navbar-yogit .navbar-form {
	border-color: #4b856c;
}
.navbar-yogit .navbar-link {
	color: #4b856c;
}
.navbar-yogit .navbar-link:hover {
	color: #40715b;
}
.navbar-yogit .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #4b856c}

@media (max-width: 767px) {
	.navbar-yogit .navbar-nav .open .dropdown-menu > li > a {
		color: #4b856c;
	}
	.navbar-yogit .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-yogit .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #40715b;
	}
	.navbar-yogit .navbar-nav .open .dropdown-menu > .active > a, .navbar-yogit .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-yogit .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #40715b;
		background-color: #ffffff;
	}
}

.yogit-submenu {list-style: none;}
.dropdown-submenu > strong {display:block; padding: 3px 20px;}
/*.yogit-submenu li {white-space: nowrap; margin: 0 8px;}*/
.yogit-submenu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.yogit-submenu > li > a:hover,
.yogit-submenu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #40715b;
}
.yogit-submenu > .active > a,
.yogit-submenu > .active > a:hover,
.yogit-submenu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #40715b;
}
.yogit-submenu > .disabled > a,
.yogit-submenu > .disabled > a:hover,
.yogit-submenu > .disabled > a:focus {
  color: #999999;
}
.yogit-submenu > .disabled > a:hover,
.yogit-submenu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

/* 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+ */
}

/* Individual Modules */

/* ===== Media Queries ===== */
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}

/* ===== Non-Semantic Helper Classes ===== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ===== Print Styles ===== */
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}