.flex-caption{max-height: 150px; bottom: 25px;}
#contentWrapper{margin: 0px auto; padding: 4% 0px 40px; text-align: left; position: relative;}
#contentDiv{width: 75%; float:left;}
#contentDiv.calendar {width:100%; float:none;}
#contentDiv table {max-width: 100% !important;}
#rightFeed, .rightFeed {width: 32%; float:right; padding: 0px 0px 30px 0%; border-left: 2px solid #ccc; clear:right;}
#rightFeed.itemTitle {display:block; padding:5px 0px 5px 6%;}
#rightFeed .itemTitleTop {display:block; font-size:20px; font-size:1.25rem;  line-height:24px; line-height:1.5rem; padding:5px 0px 5px 6%; color:#004d86; font-weight:bold;}
#rightFeed iframe {width:100% !important;}
.feedItem {padding:0px 0px 10px;}
#rightFeed .storiesLink {display:block; width:100%; position:relative; max-height:300px; overflow:hidden;}
.story-title {position:absolute; bottom:0px; left:0px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size:20px; font-size:1.25rem;  line-height:24px; line-height:1.5rem; padding:9px 0px 9px 6%; color:#004d86; text-transform:uppercase; width:94%; background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0; }
#rightFeed .longDesc {max-height:600px; overflow:hidden;}

#rightFeed p {padding:0px 0px 0px 6%; font-size:15px; font-size:.9375rem;}

#rightFeed .eventItem {
        margin: 9px 0px 9px 10px;
}

#rightFeed .eventDate {
    min-height: 90px;
}

#contentDiv .eventItem {
    clear: none;
    float: left;
    margin: 0 3% 18px 0;
    width: 47%;
    height:100px;
}

#contentDiv .eventDate {
    min-height: 100px;
}
#rightFeed img {height:auto;}
#rightContent{width: 20%; float:right; padding: 0px 0px 30px 2%; border-left: 2px solid #ccc;}
#rightContent.full-calendar {width:100%; float:none; border:0px;}
.rightFeed.apply-now {
    background: url("https://www.unk.edu/_files/redesign/images/apply-bg.jpg") #ebebeb center top no-repeat;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px; font-size:2.125rem;
    line-height: 50px; line-height:3.125rem;
    padding: 10px 1%;
    text-align: center;
    text-transform: uppercase;
    width:30%;
}
.rightFeed.apply-now .gold-bracket {
    color: #ce8901;
    font-size: 41px; font-size: 2.5625rem;
    line-height: 50px; line-height:3.125rem;
    padding: 0 3px;
    display:none;
}
.rightFeed.apply-now a:link, .rightFeed.apply-now a:visited, .rightFeed a:link, .rightFeed a:visited {
    color:#004d86;
    text-decoration:none;}
.rightFeed.apply-now a:hover, .rightFeed.apply-now a:active, .rightFeed.apply-now a:focus {
    color:#004d86; text-decoration:underline;}
#parentHeader{font-family:'Roboto Condensed', sans-serif; font-size: 26px; font-size: 1.625rem; line-height: 32px; line-height:2rem; text-transform: uppercase; color: #ce8901; padding: 8px 0px 4px; border-bottom: 2px solid #ccc; display:none;}
#pageHeader, .pageHeader{font-family:'Roboto Condensed', sans-serif; font-size: 21px; font-size: 1.3125rem; line-height: 27px; line-height:1.6875rem; color: #004d86; padding: 4px 0px 11px; text-transform: uppercase;}
#breadcrumb{text-align: left; margin-top: -2%; padding-bottom: 4%; font-family:'Roboto Condensed', sans-serif; font-size: 16px; font-size: 1rem; color: #004d86;}
#breadcrumb a:link, #breadcrumb a:visited{color: #231f20; text-decoration: none; border-bottom:#231f20 1px dotted;}
#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a:focus{color: #004d86; text-decoration: none; border-bottom:#231f20 0px dotted;}
#rightFeed .pageHeader {padding:5px 0px 5px 0%; background:#004d86; color:#ffffff; width:100%; text-align:center;}
#rightFeed .pageHeader a:link, #rightFeed .pageHeader a:visited {color:#ffffff; text-decoration:none;}
#rightFeed .pageHeader a:hover, #rightFeed .pageHeader a:active, #rightFeed .pageHeader a:focus {color:#ffffff; text-decoration:underline;}



/* --- MENU --- */
.nav-collapse ul {margin: 0 !important; padding: 0 !important; width: 100%; display: block; list-style: none;}
.nav-collapse li {margin: 0 !important; width: 100%; display: block; font-family:'Roboto Condensed', sans-serif; font-weight: 300; padding: 0px 0px 12px 0px; font-size: 19px; font-size: 1.1875rem; line-height: 19px; line-height:1.1875rem; text-decoration: none; color: #231f20;}
.nav-collapse li a:link, .nav-collapse li a:visited {color: #231f20; text-decoration: none; padding: 0px;}
.nav-collapse li a:hover, .nav-collapse li a:active, .nav-collapse li a:focus {color: #004d86; text-decoration: underline;}
.js .nav-collapse {clip: rect(0 0 0 0); position: absolute; display: block; overflow: hidden; zoom: 1;}
.nav-collapse.opened {max-height: 9999px; background-color: #dbdfe1; padding: 6px 0px;}
.nav-collapse.opened li {padding:6px 0px;}

a.nav-toggle{width: 100%; color: transparent !important; text-decoration: none !important;}
.nav-toggle {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nav-toggle::after {content: ''; position: absolute; top: 0px; right: 0; display: block; width: 20px; height: 3px; border-top: 2px solid #004d86; border-bottom: 2px solid #004d86;}
.nav-toggle::before {content: ''; position: absolute; top: 10px; right: 0; display: block; width: 20px; height: 3px; border-top: 2px solid #004d86; border-bottom: 2px solid #004d86;}

@media screen and (min-width: 831px) {
  .js .nav-collapse {position: relative;}
  .js .nav-collapse.closed {max-height: none;}
  .nav-toggle {display: none;}
  .nav-collapse.opened {max-height: 9999px; background-color: transparent; padding: 0px;}
  .nav-collapse.opened li {padding: 0px 0px 12px 0px;}
}



/* --- BIOS --- */
.bioLand{float: left; width: 29%; padding-right: 4%; margin: 15px 0px; min-height:375px;}
.bioLand img.bioImg{max-width: 100%; border: 1px solid #ccc;}
.bioLand h3{font-size: 24px; font-size: 1.5rem; line-height: 30px; line-height:1.875rem; margin: 12px 0px 0px;}
.clearBio{clear: both;}

.bioLand a:link, .bioLand a:visited {text-decoration: none;}
.bioLand p a:link, .bioLand p a:visited {text-decoration:underline;}
.bioLand a:hover{text-decoration: none;}
.bioLand a:hover h3{text-decoration: underline;}

.bioContact{margin: 10px 0px 20px;}
.bioImgWrap{float: right; margin: 10px 0px 15px 20px; max-width: 350px;}
.bioImgWrap img.bioImg{max-width: 100%;}

.categoryLand {min-height:0px;}

/* ----- profile list -------*/

.profile_pic {float:left; width:25%; height:375px; margin-right:5%;}
.profile_pic img {width:100%; height:auto; max-width:100%;}
.profile-list {margin-bottom:30px;}


/* ---TABS --- */
.clear_all{clear: both;}
#tabs{margin: 0;}
#tab_buttons{background: none transparent; margin: 0px 0px 5px;}
#tab_buttons ul{margin: 0; padding: 0 !important; display:table; border-bottom:1px solid #ddd; width:100%;}
#tab_buttons ul li{float: left; font-family:'Roboto Condensed', sans-serif; font-size: 22px; font-size: 1.375rem; line-height: 25px; line-height:1.5625rem; list-style-type: none; width: auto; margin: 0px 0px -1px;}
#tab_buttons ul li a:link, #tab_buttons ul li a:visited{border: none; background: none transparent; color: #004d86; display: block; margin: 0px 2px 0px 0px; overflow: hidden; padding: 8px 12px; text-align: center; text-decoration: none; border:1px solid transparent; border-radius: 4px 4px 0px 0px;}
#tab_buttons ul li.firsttab{border: none;}
#tab_buttons ul li.firsttab a{margin-left: 0px;}
#tab_buttons ul li.ui-tabs-active a:link, #tab_buttons ul li.ui-tabs-active a:visited, #tab_buttons ul li.ui-state-active a:link, #tab_buttons ul li.ui-state-active a:visited{background: #fff; border-color:#ddd #ddd transparent; color: #333; text-decoration: none;}
#tab_buttons ul li a:hover, #tab_buttons ul li a:active{background: #eee; border-color:#eee #eee #ddd; color: #004d86; text-decoration: none;}
#tab_content{border: none; padding: 0px;}



/* --- ACCORDION --- */
.accordion_wrapper{width: 100%;}
.accordion_wrapper h2, a.accordionButton, a.accordionButton:link, a.accordionButton:visited{font-family:'Roboto Condensed', sans-serif; font-size: 24px; font-size: 1.5rem; line-height: 30px; line-height:1.875rem; color: #004d86; margin: 20px 0px 5px 0px; text-decoration: none; position: relative;}
a.accordionButton:hover, a.accordionButton:active, a.on{color: #004d86; text-decoration: underline; cursor: pointer;}
a.accordionButton::before{content: '+'; position: absolute; top: -2px; left: -20px; display: block; font-size: 24px; font-size: 1.5rem;}
a.accordionButton {left:20px;}
a.on::before{content: '-'; font-size: 28px; font-size: 1.75rem; left: -17px;}

.accordionContent{background: none transparent; padding: 0px 0px 10px 20px;}

/*-------- Forms --*/
.required-red {color:#b01212;}
table.form_page td {padding:0 0 10px !important; vertical-align:top;}
table.form_page td textarea, table.form_page td input[type=text] {width:98%; padding:2px; font-size:15px; font-size:.9375rem;}
table.form_page td input[type=submit], table.form_page td input[type=reset], table.form_page td select {width:100%; height:35px; font-size:15px; font-size:.9375rem;}
table.form_page td input[type=submit] {border:0px; background:#ededed; text-transform:uppercase; border: 1px solid #cccccc;}
table.form_page tr:nth-of-type(2n+2) {background-color:#ffffff !important;}
table.form_page td p, #contentWrapper table.form_page td {font-size:15px; font-size:.9375rem; line-height: 20px; line-height:1.25rem;}

/*--------- Tables -----------*/

/*-------- #contentWrapper table {border:0px !important;} -------*/
table thead td {background-color: #004d86 !important; color: #ffffff !important; text-align: left !important; vertical-align: top !important; padding:10px !important; }
table thead td p, #contentWrapper table thead td {color:#ffffff !important; text-align:left !important;}
table tr:nth-of-type(2n+2) {background-color: #f2f2f2 !important;}
table td {vertical-align: top !important; padding:10px !important; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all;}
table td p, #contentWrapper table td {text-align:left;}
table td img {max-width:100% !important; height:auto;}
caption {text-align:left;}

.highslide-container table td, .gsc-control-cse table td {
    padding: 0px !important;
}

.highslide-container table tr:nth-of-type(2n+2) {
    background: none !important;
}

/*------------ Forms and Captcha -------------*/

#captcha_code {display:none;}

/*------- Policy Columns --------*/

.policy_col {float: left; padding-right: 1%; width: 48%;}

/*------ Admin page styles -----------*/

.admin_box {background: none repeat scroll 0 0 #eeeeee; border: 2px solid #cccccc; float: left; font-size: 11px; font-size: .6875rem; margin: 0 0.5% 10px 0; max-width: 500px; min-height: 350px; min-width: 150px; padding: 20px 1%; text-align: center; width: 21.5%;}
.chancellor {float: none; margin: 0 10px 0 0; width: 200px;}

.orgsync-widget {display:block !important;}


/*----------- Emergency Notification Homepage -------------*/

#notification .alert-date {
    padding:5px;
    background:#e7e7e7;
    border:1px solid #d6d6d6;
}

/*-------- support popup form button -----------*/

#freshwidget-button {font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}

.freshwidget-button a {
    color: #ffffff !important;
    font-size: 18px; font-size: 1.125rem;
    font-weight: normal;
    outline: 0 none;
    position: fixed;
    white-space: nowrap;
}

/* --- RESPONSIVE --- */
@media all and (max-width: 900px) {
    #contentWrapper{min-height: 250px;}
    .flex-caption{max-height: 125px; bottom: 25px;}
    .bioLand{min-height:375px;}
    .categoryLand {min-height:0px;}
    .admin_box { min-height: 350px;}
    table.form_page td.field-label {width:30% !important;}
    table.form_page td.field-value {width:65% !important;}
}

@media all and (max-width: 830px) {
    #contentDiv{width: 100%;}
    #rightContent{width: auto; top: -5px; padding: 0px; border-left: none; clear:both;}
    #parentHeader{display: none;}
    #pageHeader{padding: 0px 30px 0px 0px;}
    #breadcrumb{margin-top: 0px;}
    #sideMenu{position: absolute; top: 5px; right: 0px; width: 100%; min-width:200px;}
    .nav-collapse {max-height: 9999px; background-color: #dbdfe1; padding: 6px 0px;}
    .nav-collapse li {padding: 6px 12px;}
    .nav-collapse li a:link, .nav-collapse li a:visited {padding: 0px 12px; display:block;}
    a.nav-toggle{display: block;}
    .bioLand{min-height:375px;}
    .categoryLand {min-height:0px;}
    .js .nav-collapse {max-height:0;}
    #rightContent {position:absolute; float:none; right:0px;}
    #rightFeed {width:100%; padding:10px 0px; border:0px;}
    table.form_page td.field-label {width:25% !important;}
    table.form_page td.field-value {width:70% !important;}
    #rightFeed.apply-now {
    padding: 10px 0%;
    width:100%;}

#rightFeed p, #rightFeed .itemTitleTop, #rightFeed.itemTitle {
    padding: 5px 4% 5px 4%;
    width: 92%;
}
.story-title { 
    padding: 9px 0 9px 4%;
    width: 96%;}
    
    .rightFeed.apply-now {
    padding: 10px 0px;
    width:100%;
    border-left:0px;
}
}

.international-btn {background:#004d86; border-top:3px solid #e4a115; color:#fff; padding:10px 0px; text-align:center; text-transform:uppercase;}

.international-btn a:link, .international-btn a:visited {color:#fff; text-decoration:none; display:block;}
.international-btn a:hover, .international-btn a:active, .international-btn a:focus {color:#fff; text-decoration:underline; display:block;}

/*------- Calendar -------------*/

.date {
    background: none;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    float: left;
    width: 65px;
    border: 2px solid #004d86;
    margin-right: 35px;
}

.month {
    float: none;
    background: #004d86;
    text-align: center;
    color:#ffffff;
}

.internal .month {
color:#ffffff;  
}

.day {
float: none;
    padding: 2px;
    text-align: center;
    color: #000000;
    background: #ffffff;
    font-size: 30px; font-size: 1.875rem;
}


span.gold {
color:#f4cc7e;  
}

a:link span.gold, a:visited span.gold {
   color:#f4cc7e; 
   text-decoration:underline;
}

a:hover span.gold, a:active span.gold, a:focus span.gold {
   color:#f4cc7e; 
   text-decoration:none;
}


.song {
padding: 10px 0px 10px;
    border-top: 1px #333 dotted;
}

.internal .song {

    border-bottom: 1px #cccccc dotted;
border-top:0px;
}

.song_title {
float:left; 
width:70%;
}

.composer {
float:left; 
width:25%;
padding-left:5%;
}

.performer {
    font-style:italic;
}

.event_desc {
    width: 80%;
    float: left;
    margin-bottom: 20px;
}

/*--------- Bio Page Styles ------------*/

.bio_image {
    width: 27%;
    text-align: center;
    margin: 0px 0px;
    padding: 0px;
    float: left;
}


.bio_image img {
    padding: 4%;
    background: #ffffff;
    -moz-box-shadow: 0px 0px 5px #666666;
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;

    width: 92%;
    max-width: 275px;
}


.bio_details {
    width: 70%;
    float: left;
    margin: 0px 0px 0px 3%;
}

@media all and (max-width: 650px) {
    #contentWrapper{padding-top: 7%;}
    .bioLand{width: 46%; padding-right: 4%;}
    .bioImgWrap{float: none; margin: 10px auto 15px; max-width: 350px; text-align: center;}
    .policy_col {padding-right: 0; width: 100%;}
    .bioLand{min-height:330px;}
    .categoryLand {min-height:0px;}
    .admin_box { min-height: 350px;}
    #pageHeader {line-height: 23px; line-height:1.4375rem;}
    #contentDiv .eventItem {
    margin: 0 0% 18px 0;
    width: 100%;}
    .profile_pic {float:none; height:auto;}
.profle-list .employee_contact_info {float:none;}



}

@media all and (max-width: 700px) {
.event_desc {
    width: 70%;
}
}

@media all and (max-width: 525px) {
    .flex-caption{height:125px !important;}
    #breadcrumb {margin-top: 20px;}
    table.form_page td.field-label {width:35% !important;}
    table.form_page td.field-value {width:60% !important;}
    .event_desc {
    width: 100%;
}
.month {
    float:left;
    font-size: 30px; font-size: 1.875rem;
    line-height: 31px; line-height:1.9375rem;
}
.day {
    float: left;
    padding: 0px 0px 0px 5px;
    color: #ffffff;
        font-size: 30px; font-size: 1.875rem;
    line-height: 31px; line-height:1.9375rem;
    background:none;
}
.date {
    background: #004d86;
    padding: 5px;
    text-transform: uppercase;
    width:100%;
    margin:0px;
    border:0px;
}
}

@media all and (max-width: 450px) {
    #contentWrapper{padding-top: 10%;}
    .bioLand{float: none; width: 99%; padding-right: 0px; margin: 15px 0px 35px;}
    .bioLand{min-height:auto;}
    .categoryLand {min-height:0px;}
    .flex-caption{height:150px !important;} 
    table.form_page td.field-label {width:40% !important;}
    table.form_page td.field-value {width:55% !important;}
.bio_image {
    width: 100%;
    text-align: center;
    margin: 0px 0px;
    padding: 0px;
}


.bio_details {
    width: 100%;
}
}

@media all and (max-width: 375px) {
.flex-caption{height:175px !important;}  
#pageHeader {font-size: 17px; font-size: 1.0625rem;}
.admin_box { min-height: 100px; width:97%;}

}



/* --- IE 8 --- */
.ie8.js .nav-collapse {display: inline; max-height: 9999px;}
.ie8 a.nav-toggle{display: none;}