@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/bootstrap/5/3/bootstrap_min.css");

/*= SitePublish Styles
-------------------------------------*/
.ptl_page { text-align: left; !important}
#ctl00_PublishedLinkMenu1_tdMyApps { white-space:pre-line;}
.grid_row, .grid_row_alt{ text-align:left;}
#navbar { clear: both; height: 0px;}
#publinks { clear:both; margin: 5px auto; text-align: right;}
.PublishedLinkMenu li { display: inline; float: none; margin-right: 20px;}
#publinks a{background-color:#336699; border-radius:.25em;color:#FFF;font-size:100%;line-height:2em;padding:.2em .6em .3em;text-decoration:none}
.tbl, .tbl_top, .tbl_noborder { width: 100%;}
td { color: inherit; font-family: inherit; font-size: inherit;}
#page-body { clear:both; padding: 10px;}
.search-container { padding: 0px; margin: 5px; float:right; width: 250px;}
.search-container img { margin-left: -5px;}
.search-container label { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.divSearchBox .SearchButton { border: 0 none; margin: 0 0 4px; padding: 0; vertical-align: middle;}
.bannerContainer { margin: 0 auto;}
#ctl00_ContentPlaceHolder1_ctl03_ctl00_tblEdit .tbl, .tbl_top, .tbl_noborder { width: 100%;}
.reDropDownBody { text-align: left;}
.ptl_portlet_vertical { min-height:12px; max-width: 96%; margin: 0 0 15px; padding: 0px;}
.ctl00_ContentPlaceHolder1_ctl03_divChangToPublish table { -moz-box-sizing: content-box;}
.table-responsive > .table > tbody > tr > td { white-space: normal;}

/************ END of SitePublish Styles ************/

/*************** Custom Styles   *****************************/
* {  margin: 0;}
html, body, form {  height: 100%;}
body {text-align: left  !important; background-color: #FFF; font-family: Helvetica, Arial, sans-serif;}
a, a:visited, a:hover, a:active { font-family: inherit; font-size: inherit;}
.container {text-align: left;  width: auto; /*  max-width: 680px;*/ padding: 0 15px;}
h1, .h1 { font-size: 28px; font-family: 'Lato', sans-serif; padding-bottom: 10px;}
h2, .h2 { font-size: 24px;}
h3, .h3 { font-size: 18px; text-decoration: underline;}
h4, .h4 { font-size: 14px; font-weight: bold;}
#wrap  { background-color: #FFF; width: 100%; min-height: 100%; height: auto !important; margin: 0 auto -175px;}
  /* Negative indent footer by its height Pad bottom by footer height?? padding: 0 0 250px;*/
#header { height: auto; margin-bottom: 15px; padding: 5px;}
/*background: linear-gradient(to left, #3F578C 30%, #1B2C4A 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
#header .navbar { margin-bottom: 0px; min-height: 0px;}
.sitename { background: #7799bb; margin: 0 -15px; padding: 25px; text-align: center; }
.site-title { max-width: 600px; float: left; color: #FFFFFF; font-size: 16px; margin: 10px; padding: 5px;}
.page-title { float: right; color: #111111; font-size: 20px; margin: 10px; padding: 5px;}
.ptl_page { border: 0 none; margin: 0 auto; overflow: visible; width: 98%;}
#page-content { margin: 0 auto; width: 95%;}
.nav-pills > li > a { padding: 10px; color: white; font-size: 13px; font-weight: normal; border-radius: 0;}
.nav-pills > li > a:hover {  background-color: #111/*21557f*/;}
.navbar { background-color: #FFFFFF; padding-left: 0px; padding-right: 0px;}
.navbar-fixed-top { border-bottom: 1px solid #CCC;}
.navbar-fixed-top, .navbar-fixed-bottom { z-index: /*2030*/ 99} 
.navbar-custom { background: #fafafa; min-height: 30px;}
#crumbtrail { margin-top: 10px;}
#crumbtrail, #crumbtrail a { font-size: 12px;}
.nav-pills > li > a { color: #111;}
.nav-pills > li > a:hover { background-color: #CCCCCC;}
#side-menubar .nav-stacked { background-color: /*#2F6895#ECECEC;#fcf8e3*/ #91B795;}
#side-menubar .nav-stacked > li > a { border-top: 1px solid #FFF;}
#side-menubar .nav-stacked .header_sel > li > a { background-color: #FECA65; color: #111;}
#side-menubar .nav-stacked > li > a:hover, #side-menubar .nav-stacked > li > a:active, #side-menubar .nav-stacked > li > a:focus { color: #111; background-color: #CCC;}
.sitename a, .sitename a:visited, .sitename a:active, .sitename a:hover { color: #FFF; font-family: 'Source Sans Pro', sans-serif; font-size: 30px; font-weight: normal; margin: 0 auto; padding: 5px; text-decoration: none;}
.theme { height: auto;}


/*************** Responsive Menu   *****************************/
li.mobile_menu { display:none;}
input#mobile_menu { display: none;}
label.mobile_menu span { margin-left: 10px; color: white; display: none;}
#menubar { background: #336699; height: 40px; margin-top: 0px; position: relative; text-align: left; /*top: -26px;*/ width: 100%; z-index: 95;}
.inner-bar{ /*padding-left: 15px;*/ margin:0 auto;}
.dropdown-menu { left:auto; }
.telerik_main_menu .rmRootGroup a span { color: #72AD07; font-weight: normal; text-decoration: none;}
.telerik_main_menu .rmGroup a { background: none repeat scroll 0 0 #336699;}
.telerik_main_menu .rmGroup a span { background: none repeat scroll 0 0 #336699; color: #FFF;}
.telerik_main_menu .rmRootGroup a:hover span, .telerik_main_menu .rmRootGroup  a.rmFocused span { background-color: #1B2C4A; padding: 5px;}
.telerik_main_menu .rmRootGroup a:hover, .telerik_main_menu .rmRootGroup a.rmFocused { background-color: /*#7CB92A;*/ #1B2C4A; padding: 5px;}

/************ END of Menu ************/


/*************** Footer  *****************************/

#footer, .push { height: 175px;}
#footer {  bottom:0; width:100%; background: #CCC; color: #111; border-top: 1px solid #003; clear:both;}
#footer ul li { list-style-type: none;}
#footer ul li a { color: #FFF;}
#footer address { line-height: .80; padding: 15px 0 0;}
.copyright { margin: 5px 0 10px;}
.copyright, .copyright a { color: #111;}
.copyright a { text-decoration: underline;}

/*========== END FOOTER ==========*/

/* End custom styles */

@media print {
 .navbar { display: block;}
 #wrap { margin: 0; width: 100%;}
#ctl00_ContentPlaceHolder1_ctl00_ctl00_menu { display: none;}
#publinks { display: none;}
}

/*==========  Non-Mobile First Method MEDIA QUERIES ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
#page-content, .inner-bar {width: 1200px;}
}

/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) and (max-width : 1200px) {
#page-content, .inner-bar {width: 992px;}
}

@media only screen and (max-width: 992px) {
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
#page-content, .inner-bar {width: 768px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.ptl_col_1_2, .ptl_col_1_3, .ptl_col_1_4, .ptl_col_2_3, .ptl_col_3_4  { min-width: 100%;}
li.mobile_menu { display:inline;}
label.mobile_menu span { display: inline;}
label.mobile_menu { position: relative; display: block; width: 100%; background-color: #022a5a; padding: 10px 0; border-bottom: 1px solid white;}
#mobile_menu:checked+.nav-1 { display: block}
label.mobile_menu:after { position: absolute; top:-10px; right: 10px; content: "\2261"; font-size: 35px; color: white;}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {
#page-content, .inner-bar {width: 480px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.search-container .input-group {  margin: 0 auto;}
.sitemap_container .sitemap_column { border:none;}
#ctl00_ContentPlaceHolder1_divGeneralSearch { max-width: 70%; overflow: hidden;}
}

@media only screen and (min-width : 320px) and (max-width : 479px) {
#page-content, .inner-bar {width: 320px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
#page-content {width: 100%;}
}
/*========== END MEDIA QUERIES ==========*/

.label_skin_corporation {
	font-size: inherit;
}
.skip-nav {
display: none;
}