/*entonbiba-cityoftoronto*/
b, strong, th {font-weight: 600;}
#loading{position: absolute; display: block; top: auto; left: 0; width: 100%; text-align: center; font-size: 1.4em; font-weight: bold; padding-top: 20px;}
#loadtime{left: 0; right: 0; width: px; height: 4px; margin-top: 50px; background: #e5e9eb;}
#loadtime .percload{width: 0%; height: 4px; background: #4cd964;}
#updatebrowser{display: none; height: 100%; width: 100%; background: #F9F9FA; border: 1px solid #eee; z-index: 9; font-size: 30px; text-align: center; padding: 10px;}
#updatebrowser a{padding: 0px !important;}
#maincontent a[href^="http"]{background: none !important;}
#mapModal{overflow-y: hidden;}
a.btn, a.btn span{background: none !important;}
.input-group[class*="col-"]{float: left !important;}
.gm-style-iw{width: auto !important; line-height: 1.35; overflow: hidden; white-space: nowrap; overflow:hidden !important;}
.gm-style .gm-style-iw{width: auto !important; height: auto !important; left: 8px !important; top: 0px !important;}
.gm-style .gm-style-iw div{width: auto !important; overflow: hidden !important;}
.gfix{line-height:1.35; overflow:hidden; white-space:nowrap;}
.multiselect .caret{position: absolute; float: right; margin-top: 9px; right: 9px;}
#maincontent ul{list-style-type:none !important};
/*#loading{width: 100%; padding: 10px; text-align: center; font-size: 22px; color: #fff; background: #4783BA; border-bottom: 3px solid #fff;}*/
#loading_blank{position: absolute; height: 100%; width: 100%; background: #fff; z-index: 9; opacity: 0.7;}
.todayis{background: #009ACD; color: white;}
#togglebox{float: left; width: 140px;}
.toggleHome, .toggleFavs, .menuFavs{background: #fff; cursor: pointer; margin: 5px; padding: 5px; border: 1px solid #ccc; float: left; display: block; position: absolute;}
#menuReset{background: #fff; cursor: pointer; margin: 5px; padding: 5px; border: 1px solid #ccc; display: block;}
#menuFavs{opacity: 0;}
.menuFavs2{top:0px !important; left: 0px !important;}
#toggleFavs{top: 30px !important; left: 0px !important;}
#toggleHome{top: 60px !important; left: 0px !important;}
#sideFavs,#sideMyPrograms{position: fixed; top: 0; left: -280px; display: block; background: #f4f4f4; width: 279px; height: 100%; z-index: 9999; -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -ms-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out;}
.sideFavsopen,.sideMyProgramsopen{left: 0px !important; -webkit-box-shadow: 4px 0px 5px -4px rgba(0,0,0,0.85); -moz-box-shadow: 4px 0px 5px -4px rgba(0,0,0,0.85); box-shadow: 4px 0px 5px -4px rgba(0,0,0,0.85); -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; transition: left 0.2s ease-in-out;}
#sideFavs .headfavs,#sideMyPrograms .headfavs{font-size: 2em; padding: 4px 8px!important; border-bottom: 2px solid #ddd; background: #f7f7f7;}
#sideFavs .headfavs span.glyphicon,#sideMyPrograms .headfavs span.glyphicon{font-size: 0.7em;}
#sideFavs .closeFavs,#sideMyPrograms .closeFavs{margin-top: 1px; cursor: pointer; font-size: 1em !important;}
.closeFavs:focus {color: #000;}
#sideFavs .favbar,#sideMyPrograms .MyProgramsbar{}
#sideFavs .favlist,#sideMyPrograms .MyProgramslist{height: calc(100% - 80px);overflow: auto;float:left;width: 100%;}
#sideFavs .favdiv,#sideMyPrograms .favdiv{position: relative;}
#sideFavs .nifilters,#sideMyPrograms .nifilters{position: absolute; padding: 5px 2px; display: none; z-index: 9; height: 100%; padding-top: 14px; overflow: hidden; font-weight: bold; background: rgb(255, 255, 255) transparent; background: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#f7f7f7f7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#f7f7f7f7)";}
#sideFavs .nifilters.hinif,#sideMyPrograms .nifilters.hinif{display: inline-block;}
#topbarfav{width: 100%; height: 45px; display: block; background: #eee; border-bottom: 3px solid #ccc; opacity: 0;}
.sitefooter{z-index: 9001}
.hide, .pshow, .registeredlist-print, .dropinlist-print{display:none;}
hr{opacity: 0;}


#maincontent header h1{margin-top: 15px!important;}
.componentTitle{margin-bottom: 10px!important;}
p{line-height: 1.5;}
#breadcrumb-bar{font-size: 16px;}
.r1.region .input-group{margin-bottom: initial;}
.r1.region .input-group-btn{width: 1px;}
.logo{text-align: center;}


.addprgtofav,.addprgtofav,.viewmyprograms{background: #71B900;color: #fff;padding: 2px 5px;}
.viewmyprograms{margin-right: 10px!important;}
.remprg{background: #DB3A4E;color: #fff;padding: 2px 5px;}
.locationlink{cursor: pointer;}
.locationlink:hover{text-decoration: underline;}



#menuMyPrograms{border-bottom: 4px solid #444!important;background: #71B900;color: #fff;margin-top: 10px;margin-left: 10px;}


.input-no-spinner::-webkit-outer-spin-button, .input-no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.agebox{
  width: 100%;
  height: 35px;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
.agebox .agefilter{
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  border: 1px solid #ccc;
  padding: 5px 17px;
  padding-right: 4px;
  width: 70px;
  height: 33px;
}
.agebox .agefilter:focus{
  outline: none;
}
.agebox span{
  font-weight: bold;
  height: 35px;
  color: #555;
  display: inline-block;
  margin-left: 10px;
  position: relative;
}
.agebox span span{
  position: absolute;
  right: 0;
  padding: 0;
  width: 20px;
  height: 34px;
  cursor: pointer;
}
.agebox span span .ageup{
  font-size: 13.5px;
  float: right;
  padding: 1px;
  margin-top: 1px;
  margin-right: 1px;
  background: #eee;
  border-left: 1px solid #ddd;
}
.agebox span span .agedown{
  font-size: 13.5px;
  float: right;
  padding: 1px;
  margin-right: 1px;
  background: #eee;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}




.whenhighlight{background: #f7f7f7;border: 1px solid #ddd;border-bottom: 1px solid rgba(45, 86, 118, 0.5);}

.distance {
    font-size: 1em;
    color: #444;
    font-weight: bold;
    margin-left: 20px;
    background: #eee;
    border-left: 3px solid #ccc;
    padding-left: 5px;
    padding-right: 5px;
    opacity: 0;
}

/* GENERIC STYLES */
.multiselect-container>li>a{text-decoration: none;}
.multiselect-container>li.multiselect-group label{padding-left: 7px !important;}
#maincontent a{text-decoration: none;}
#maincontent .btn-group {width: 100%;}
#maincontent .btn-group button {width: 100% !important;}
#maincontent .row {margin-bottom: 5px;}
.input-group-addon.small {max-width:35px;}
.input-group-addon  {min-width:140px; }
.input-group { width: 100%; margin-bottom:3px; }
#maincontent select {margin:0;}
#maincontent .input-group {padding: 0px;}
#maincontent .btn-primary {background-color: #009EE0; border: 1px solid black; color: white; }
#maincontent .btn-primary:hover {text-decoration: none;}
#textAge { display:none; resize: none; overflow: auto; height:26px; width:31px;}
#maincontent input-group-addon{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
#maincontent .btn-group button.multiselect.dropdown-toggle.btn.btn-default{border-top-left-radius: 3px; border-top-right-radius: 3px;}
#maincontent .btn-group.open button.multiselect.dropdown-toggle.btn.btn-default{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
ul.multiselect-container.dropdown-menu{border-top-left-radius: 0px; border-top-right-radius: 0px; /*max-height: 220px !important;*/}
.dropdown-menu>li>a {white-space: normal;}
span.input-group-addon{text-align: right; background-color: transparent; border: none;}
.linkto-mapview, .linkto-listview{padding: 5px; display: inline-block; text-align: center; width: 100%;}
.linkto-mapview:focus, .linkto-listview:focus{outline: none;}
.multiselect-container li a{padding: 0px !important; height: auto;}
#filterbtn{margin-top: 4px; background: #f8f8f8; width: 100%; border-radius: 0px; opacity: 0;}
#filters{background: #f7f7f7; padding-top: 3px; padding-left: 19px; padding-right: 19px; padding-bottom: 4px; margin-bottom: 0px !important;
opacity: 0;}
/*.collapse{display: none !important;}*/

.filbtnsrch{display: none; position: absolute; right: 0px; margin-right: 20px; margin-top: 4px; height: 20px; padding: 0px 4px; background: #E6ECF1; border-right: 5px solid #DCE5EC;}
.filbtnsrch i.clfil, .filbtnsrch i.shfil{padding: 3px; float: right; cursor: pointer; color: #000; text-shadow: 0 1px 0 #fff; opacity: .3; filter: alpha(opacity=30);}
.filbtnsrch i.clfil{display: none;}
.filbtnsrch i.clfil:hover, .filbtnsrch i.clfil:focus, .filbtnsrch i.shfil:hover, .filbtnsrch i.shfil:focus{color: #000; text-decoration: none; cursor: pointer; opacity: .7; filter: alpha(opacity=70);}

@-moz-document url-prefix() {
    .multiselect-container > li > a{
        padding: 0px !important;
        height: 25px;
    }
}

/* SEARCH BOX */
.srchfindme{width: 74.999999% !important;}
.usingfindme{position: absolute; text-align: center; width: 160px; background: #f7f7f7; padding: 4px; margin: 34%; margin-top: 10px; border-radius: 20px; text-align: center; border: 1px dashed #ccc; opacity: 0.2;}
.usingfindme:hover{opacity: 1;}
#findmenow{border-top-left-radius: 8px; float: left; width: 10%; height: 50px; padding-top:3px; text-align: center; cursor: pointer; background-color: #fafafa; border: 1px solid #d1d1d1; border-bottom: 4px solid #ddd; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; opacity: 0;}
#findmenow span{display: block; padding-top: 3px;}
#findmenow:hover{font-weight:bold; border-bottom: 4px solid #2d5676; border-top: 0px; border-left: 0px;}
#findmenow:active{border-bottom: #427fad !important; background: #427fad !important; color: #fff;}
#findmenow:active{color: #fff;}
#findmenow i{font-size: 1.2em;}
#searchTextField{margin-bottom: 0px; width: 84.999999%; height: 50px; float: left; font-size: 1.22em; border-radius: 0px; border: 1px solid #d1d1d1; border-bottom: 4px solid #ddd; background-color: #fafafa; border-right: 0px; outline: none; opacity: 0;}
#searchTextField:focus{color: #000; border-bottom: 4px solid #2d5676;}
#locationsearch_btn{float: left; height: 50px; font-size: 20px; line-height: 20px; width: 15%; border-radius: 0px; border: 0px !important; background: #346488 !important; color: #fff !important; text-align: center; border-bottom: 4px solid #2d5676 !important; opacity: 0;}
#locationsearch_btn:hover{border-bottom: #427fad !important; background: #427fad !important; text-decoration:none !important;}
#locationsearch_btn:active{border-bottom: #427fad !important; background: #346488 !important; text-decoration:none !important;}
.success{border-bottom: 4px solid #A2E839;}
.error{border-bottom: 4px solid #C30;}

/* MAP STYLES */
#maincontent #mapBox {height: 500px; width: 80%; text-align: center; float: left; border: 3px solid #eee; border-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; opacity: 0;}
#maincontent #map-favs {height: 500px; width: 19.99999%; float: left; border: 3px solid #eee; border-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
#maincontent #map-favs .favheader{margin-top: 0px !important; margin-bottom: 4px !important; padding: 8px 4px; text-align: center; border-bottom: 4px solid #1C5174;}
#maincontent #map-favs #myfavs{width: 100%; padding: 0px 4px; background: #F0F0F0;}
#maincontent #map-favs #myfavs span{display: block; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #ddd;}
#maincontent #map-favs #myfavs span a.rem-fav{background: #39A2E8; color: white; text-align: center; padding: 2px 5px; margin-right: 4px; cursor: pointer; text-decoration: none;}
#maincontent #map-favs #myfavs span a.rem-fav:hover{background: #DF3F3F; color: white; text-decoration: none;}
#maincontent #mapBox #map_topmenu {position: absolute; top: 0px; left: 0px; z-index: 9; padding: 5px; background: #eee;}
#mapBox img {max-width:none;}

/* LIST STYLES */
.media-body{min-height: 10px !important; height: auto !important;}
#registeredlist, #dropinlist{height: 500px; overflow-y: auto; position: relative; opacity: 0;}
.di_row {height: auto; width: 100%; display: inline-block; min-height: 100px; margin-bottom: 4px; padding: 2px 8px; border: 1px dashed #f7f7f7; clear: both;}
.btn-selected{padding: 6px 6px !important; background-color: #179DD6 !important; color: #fff !important; border: 1px solid #5792AB !important; font-weight: bold;}
.btn-selected:hover{background-color: #5CBAE2 !important; color: #fff;}
.btn-selected:focus, .btn-selected:active{background-color: #179DD6 !important; color: #fff !important;}
.di_row:nth-child(odd) {background: #F7F7F7;}
.di_row:nth-child(even) {background: #fafafa;}
.di_row .feat{text-align: center; margin-top: 15px;}
.di_address .label, .di_phone .label{font-size: 99%; background: #E9E9E9; color: #000; padding: .2em .4em .3em;}
.di_location {cursor: pointer; color: #2b5a83; font-size: 1.3em;}
.di_address{padding: 3px 5px;}
.di_phone{padding: 3px 5px;}
img.recimg {width: 100%; height: 80px; padding: 2px; border-bottom: 4px solid rgb(221, 221, 221); cursor: pointer;}
.rhead{float: left; width: 100%;}
.prgtypes{display: inline-block; margin-top:5px; margin-bottom: 5px;}
.ptype{float: left; margin: 0px 4px; padding: 2px; background: #fdfdfd;}
.l_arts{margin: 0px 4px; background: #9AC2C9;}
.l_camps{margin: 0px 4px; background: #92AD9F;}
.l_general{margin: 0px 4px; background: #779988;}
.l_fitness{margin: 0px 4px; background: #2f97c1;}
.l_skating{margin: 0px 4px; background: #5C7180;}
.l_sports{margin: 0px 4px; background: #8cc540;}
.l_swimming{margin: 0px 4px; background: #0C8ABF;}
.l_other{margin: 0px 4px; background: #F0F0F0;}

/* REGISTERED COURSES */
button.close{font-size: 30px;}
#clabels{/*margin: 0px 0px 5px 0px;*/ padding: 10px 8px; background: #F0F0F0;}
span#all_label, span#arts_label, span#gen_label, span#fitness_label, span#skating_label, span#sports_label, span#swim_label{cursor: pointer; margin: 0px 5px; color: #333;}
span#all_label.selfil, span#arts_label.selfil, span#gen_label.selfil, span#fitness_label.selfil, span#skating_label.selfil, span#sports_label.selfil, span#swim_label.selfil{cursor: pointer; background: #2299FF; color: #fff !important;}
span#arts_label.notav, span#gen_label.notav, span#fitness_label.notav, span#skating_label.notav, span#sports_label.notav, span#swim_label.notav{cursor: pointer; color: #ccc !important;}
span#all_label:hover, span#arts_label:hover, span#gen_label:hover, span#fitness_label:hover, span#skating_label:hover, span#sports_label:hover, span#swim_label:hover{color: #fff !important; cursor: pointer; background: #1B7ACC;}
.modal-header{float:left;width:100%;min-height: 50px;max-height: 60px;}
.modal-header h3{margin-top: 0px !important; margin-bottom: 0px !important;}
.modal-header h3 .ltitle{display: inline-block; float: left;}
.modal-header h3 .locsmshare{display: inline-block; padding-left: 10px; padding-top: 1px; margin-right:15px;}
.modal-header h3 .locsmshare a{float: left;}
.modal-header small{font-size: 75%;}
.modal-body{padding: 4px; font-weight: normal;}
.infobg{display: table; font-weight: normal; position: relative; background: #F9F9F9; padding: 5px; padding-bottom: 15px;}
.searchprogramsbox{margin-top:10px; margin-bottom: 10px;}
.whendate{padding: 5px; text-align: center; margin-top:10px; margin-bottom: 10px;}
#searchprograms{width: 100%; height: 30px; padding: 5px; outline: none; border: 1px solid #eee; border-bottom: 3px solid rgba(45, 86, 118, 0.5); border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}
#searchprograms:focus{width: 100%; height: 30px; padding: 5px; outline: none; border: 1px solid #eee; border-bottom: 3px solid #2d5676; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}
.modal-content{border-radius: 0px;}
.modal-content hr{margin-top: 0px !important; margin-bottom: 0px !important;}
.addresslabel{padding: 4px 8px;    margin-bottom:8px;}
.ttclink{color: #a94442;}
.feat{text-align: center;}
.feat img{margin: 0px !important;}
.feat .label, .addresslabel .label{font-size: 99%; background: #E9E9E9; color: #000; padding: .2em .4em .3em;}
.feat .yes{background:#9DD078 !important; color: #fff;}
.feat .fully{background: #003E89 !important; color: #fff;}
.feat .no{background: #F05252 !important; color: #fff;}
.feat .some{background: #E5CB31 !important; color: #fff;}
.panel-group .panel{border-radius: 0px;}
.modal-body{height: auto; max-height: 400px; overflow: auto;}
.modal-footer{margin-top: 0px}


#ditable{margin: 0px !important; width: 100%; height: auto;}
#ditable td:nth-child(odd) {background: #F7F7F7;}
#ditable td:nth-child(even) {background: #fafafa;}
#ditable th{width:90px !important;}
#ditable th, .coursename{text-align: center !important;}
.coursename{background: #fff !important;}
.coursename small{color: #333; font-size: 12px;}
#ditable .coursename{width: 125px; padding-left: 4px !important; padding-right: 4px !important;}
#ditable td{text-align:center !important; padding: 4px 4px !important;}
#ditable td b{display: none;}
#ditable tbody tr td:hover{background:#fff; padding-left: 0px !important; padding-right: 0px !important;}
#ditable tbody tr td.coursename:hover{border:1px solid #ddd !important; font-weight:normal !important; padding-left: 4px !important; padding-right: 4px !important;}
#ditable tbody tr td span:hover{font-weight:bold;}
#ditable td span{margin-top: 1px; margin-bottom: 5px; display: inline-block;}

.spday {width: 23px; height: 20px; float: left; text-align:center; overflow: hidden; margin: -4px; margin-right: 2px; background: #cbe737; font-weight: bold; font-size: 11px; border-bottom-right-radius: 6px;}
.modal-footer .spday{height: 18px !important;}
.modal-footer .pdf_prg{margin-top: 10px;}
.familyday{background: #00aced; color: #fff;}
.marchbreak{background: #74AA15; color: #fff;}


/* */
.btn-add {display: block; clear: both; cursor: pointer; background-color: #51A3C9 !important; border: none; color: white; padding: 2px 4px !important; margin: 0px !important; height: auto !important; text-decoration: none !important; border-radius: 0 !important;}
.btn-add:hover {background-color: #009EE0 !important; color: white; text-decoration: none !important;}
.btn-add:active {border-radius: 4px !important;}

.favsopen,.MyProgramsopen{-webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -ms-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out;}


#prgresultsnofound, .prgresultsnofound{display: none; padding: 10px; text-align: center;}
#locresultsnofound{display: none; padding: 10px; text-align: center; opacity: 0;}
#locmresultsnofound{display: inline-block; position: absolute; left: 0; background: #f9f9f9; width: 100%; margin-top: 20%; padding: 15px; text-align: center; z-index: 9; opacity: 0;}

.showlocinfo{display: none;}





.downloadtext {
    cursor: default;
    width: 40%;
}
.downloadMyProgramsEXCEL, .downloadMyProgramsPDF, .downloadtext {
    background: #eee;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    float: left;
}
.downloadMyProgramsEXCEL, .downloadMyProgramsPDF {
    cursor: pointer;
    width: 30%;
}






@media all and (min-width: 768px) {
    .modal-lg{width: 768px !important; margin: 5px auto 5px auto; max-height: 100vh;}
    #ditable td span{border-bottom: 1px solid #eee;}
    #ditable td span:last-of-type{border: none;}
    #ditable > tbody > tr > td > span:last-of-type{border: none;}

	.table-bordered{border: 0px;}

	/*#ditable tr.filteredprg td small, #ditable tr.filteredprg td.coursename{ color:#fff; background-color: #165788 !important; }*/
	#ditable tr.filteredprg td.coursename{ background: #E6ECF1 !important; border-right: 5px solid #DCE5EC !important; font-weight: bold; }
	#ditable tr.filteredprg td.coursename:hover{ border-right: 5px solid #DCE5EC !important; font-weight: bold !important; }
	#ditable tr.filteredprg{ border: 1px solid #ddd !important; }
	#ditable tr.filteredprg td:nth-of-type(1n+2){ border-left: 1px solid #ddd !important; }

}
@media screen and (max-height: 800px) {
	.modal-lg{max-height: calc(100vh * 1); overflow-y: inherit; overflow-x: hidden;}
	.modal-body{max-height: calc(90vh * 0.7); overflow-y: auto;}
}

@media all and (min-width: 992px) {
	span.input-group-addon{min-width: 115px;}
	#locmresultsnofound{margin-top: 23% !important;}
	.infobg{display: table !important;}
}
@media all and (min-width: 1100px) {
	.favsopen,.MyProgramsopen{left: 280px !important;}
}
@media all and (min-width: 1200px) {
	.favsopen,.MyProgramsopen{left: 280px !important;}
	.favsopen .modal-lg,.MyProgramsopen .modal-lg{width: 920px !important;}
	span.input-group-addon{min-width: 140px;}
	#locmresultsnofound{margin-top: 20% !important;}
}
@media screen and (max-width: 991px){
	#locmresultsnofound{margin-top: 30% !important;}
	.infobg{display: table !important;}
}
@media screen and (max-width: 768px){
    .media-body{min-height: 10px !important; height: auto !important;}
    #mapModal{overflow-y: auto;}
    .modal-lg{margin: 0px;}
    .modal-content{border-radius: 0px;}
    span.input-group-addon:first-child {
        display: block;
        width: 100%;
        text-align: center;
    }

    #ditable {margin: 0px; width: 100%; height: auto;}
    #ditable tbody{height: auto; overflow:auto;}
    #ditable table, #ditable thead, #ditable tbody, #ditable th, #ditable td, #ditable tr { display: block; }

    #ditable thead tr { position: absolute; top: -9999px; left: -9999px; }

    #ditable tr { border: 1px solid #ccc; margin-bottom:8px; /*display: inherit !important;*/ }
    #ditable td { width: 100%; border: none; border-bottom: 3px solid #eee !important; position: relative; white-space: normal; padding: 5px !important; height: 30px !important;}
    #ditable td { height: 30px !important; display: inline-table !important; }
    #ditable td br { display:none; }
    #ditable td b{ width: 50px; border-left: none; display: block; float: left;    }

	#ditable tr.filteredprg td small, #ditable tr.filteredprg td.coursename{ color:#fff; background-color: #165788 !important; }
	#ditable tr.filteredprg{ border: 1px solid #165788 !important; }

    #ditable tbody tr td:hover{ border: none !important; padding-left: 8px !important; padding-right: 8px !important; }
    #ditable .coursename{ background: #fff !important; width: 100%; border-bottom: 4px solid #DDD !important; font-weight: bold !important; }
    #ditable tbody tr td.coursename:hover{border-bottom: 4px solid #DDD !important; font-weight: bold !important;}
    #ditable td span{
        margin-top: 0px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block;
    }
    .di_row .feat{text-align: center; margin-top: 0px;}

    #ditable td span{padding-left: 14px; border-left: 1px solid #eee;}
    #ditable td span:last-of-type{border: none;}
    #ditable > tbody > tr > td > span:last-of-type{border: none;}

	#findmenow{width: 10% !important;}
	#findmenow b{font-size: 1.6em; margin-top: 5px;}
	#findmenow span{font-size: 0.9em;}
	.srchfindme{width: 74.999999% !important;}

	.modal-header h3 .ltitle{display: block;}
	.modal-header h3 .locsmshare{display: inline-block; padding-left: 10px; padding-top: 1px; margin-right:15px;}

	#locmresultsnofound{margin-top: 30% !important;}




  legend{
        font-size: 0!important;
    }
    .siteIcon{
        width: 100%;
        max-width: 230px;
    }

    .sitenav .navbar-header{
        float: right;
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px;
        text-align: center;
    }
    #logo{
        text-align: center;
    }
    .r1.region .container-fluid{
        padding:0px;
    }
    .r1.region #siteSearchGSA legend{
        display: none;
    }
    .r1.region .navbar-collapse{
        overflow-y: hidden;
    }

    
}
@media all and (max-width: 700px) {
	#findmenow i{margin-top: 5px;}
	#findmenow span{display: none;}
}
@media all and (max-width: 580px) {
	.locsmshare{width: 100%; margin-top: 20px; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-right:15px;}
	.ltitle{float: initial !important;}
	#locmresultsnofound{margin-top: 40% !important;}
	.modal-header h3 .locsmshare{ margin-bottom: 10px; margin-right:15px;}
	.printpdfbtn{margin-bottom: 0px;}
	.showlocinfo{ position: absolute; right: 10px; display: none; }
	.infobg{display: none;}
}
@media all and (max-width: 460px) {
    .feat{
        width: 100%;
        margin-bottom: 20px;
    }


    #sideMyPrograms.sideMyProgramsopen{
      width: 100%;
    }

    #sideMyPrograms.sideMyProgramsopen.closeFavs{
      margin-right: 10px;
      margin-top: 8px;
    }

    #sideMyPrograms .ttclink{
      width: 100%;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
    }

	#sideFavs.sideFavsopen{
		width: 100%;
	}

	#sideFavs.sideFavsopen.closeFavs{
		margin-right: 10px;
		margin-top: 8px;
	}

	#sideFavs .ttclink{
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.modal-content .ttclink{
		width: 100%;
		display: block;
		margin: 8px 10px 4px 10px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}

	.spday{ margin: 0px; }
	#findmenow span{display: none;}
	#locmresultsnofound{margin-top: 50% !important;}

	.container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left: 0px !important; padding-right: 0px !important;}
	.row{margin-left: 0px; margin-right: 0px;}
	.r6.col-xs-12.col-sm-12.col-md-8.region{margin-left: 1px !important; margin-right: 1px !important;}
	#maincontent{padding: 2px !important;}
	#maincontent .btn-group{padding: 0px 8px !important;}
	.disclaimer{padding: 0px 4px !important;}

	.modal-content .col-xs-1, .modal-content .col-sm-1, .modal-content .col-md-1, .modal-content .col-lg-1, .modal-content .col-xs-2, .modal-content .col-sm-2, .modal-content .col-md-2, .modal-content .col-lg-2, .modal-content .col-xs-3, .modal-content .col-sm-3, .modal-content .col-md-3, .modal-content .col-lg-3, .modal-content .col-xs-4, .modal-content .col-sm-4, .modal-content .col-md-4, .modal-content .col-lg-4, .modal-content .col-xs-5, .modal-content .col-sm-5, .modal-content .col-md-5, .modal-content .col-lg-5, .modal-content .col-xs-6, .modal-content .col-sm-6, .modal-content .col-md-6, .modal-content .col-lg-6, .modal-content .col-xs-7, .modal-content .col-sm-7, .modal-content .col-md-7, .modal-content .col-lg-7, .modal-content .col-xs-8, .modal-content .col-sm-8, .modal-content .col-md-8, .modal-content .col-lg-8, .modal-content .col-xs-9, .modal-content .col-sm-9, .modal-content .col-md-9, .modal-content .col-lg-9, .modal-content .col-xs-10, .modal-content .col-sm-10, .modal-content .col-md-10, .modal-content .col-lg-10, .modal-content .col-xs-11, .modal-content .col-sm-11, .modal-content .col-md-11, .modal-content .col-lg-11, .modal-content .col-xs-12, .modal-content .col-sm-12, .modal-content .col-md-12, .modal-content .col-lg-12{padding-left: 8px !important; padding-right: 8px !important;}
}
@media all and (max-width: 320px) {
	#locmresultsnofound{margin-top: 60% !important;}
}

.printpdfbtn{margin-bottom: 12px; padding-bottom: 10px; text-align: center;}
#print{margin: 0px 3px; background: #E83C45; border: #E34048; color: #fff; padding: 3px 10px; cursor: pointer;}
#print:hover{background: #E01B25; border: #E34048;}
#downloadpdf, #downloadfavpropdf{display: inline-block;}
.downloadpdfie{cursor: none; background: inherit; border: none; margin: 0px 3px;}
.downloadpdfie2{cursor: none; background: inherit; border: none; margin: 0px 3px; padding: 0px;}
.downloadpdf{margin: 0px 3px; background: #85D847; border: #78DC0A; color: #fff; padding: 3px 10px; cursor: pointer;}
.downloadpdf:hover{background: #77C23F; border: #78DC0A; color: #fff;}
#print .glyphicon, #downloadpdf .glyphicon{margin-right: 5px;}

.addtofavs{background: #0099FF; color: #fff; border: #56AFCC; cursor: pointer; padding: 3px 10px;}
.addtofavs:hover{background: #32ADD6; color: #fff; border: #2D9BC0; cursor: pointer;}

.rem-fav{background: #B23232; color: #fff; padding: 3px 10px; cursor: pointer;}
.rem-fav:hover{background: #8E2828; color: #fff;}

.favd{-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.favd .favicon{color: #E9E60D; background: #D83A39; padding: 4px; width: auto; border-radius: 12px; font-size: 12px;}

.favdiv{margin-bottom: 2px; padding: 4px 8px; padding-bottom: 10px; border-bottom: 3px solid #eee;}
.favbar{padding: 3px; border-bottom: 1px solid #ccc; text-align: center;}
.favdiv img{margin-bottom: 0px;}
.fully {background: #003E89 !important; color: #fff;}
.some {background: #E5CB31 !important; color: #fff;}

.addtocal{cursor: pointer; opacity: 0.5;}
.addtocal:hover, .addtocal:focus, .addtocal:active{opacity: 1;}

.listentome{position: absolute; margin-top: -2px; margin-left: 20px; margin-right: 4px; background: #fff; padding: 2px; border-radius: 10px; cursor: pointer; z-index: 9;}
.listentome:hover, .listentome:active{color: green;}
.listentomeh{display: none !important;}

#findmenow, #findmenow i, #findmenow span, #filters, #topbarfav, .filbtnsrch{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}

.hideinfobg{display: none;}

#resetMap{margin-top: 10px;}
footer.sitefooter ul.hidden-print li, .sitefooter li{margin: 10px !important;}
.multiselect-container>li>a>label{padding: 3px 0px 3px 28px;}