html, body, div, span, applet, object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, caption, article,
aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark,
audio, video {
margin: 0; padding: 0; border: 0; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: ''; content: none;
}

blockquote
{
	padding-left: 2em;
  font-size: 1em;
}


html, body{
  background-color: #000000;
  height: 100%;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0; 
}

ul,ol,h1,h2,h3,h4,h5{
 margin: 0;
 padding: 0; 
}

h1,h2,h3,h4,p,ul{
  margin-bottom: 20px;
}

h5,h6{
  margin-bottom: 10px; 
}


h1{ font-size: 2em; color: #000000; }
h2{ font-size: 1.7em; color: #b10710; }
h3{ font-size: 1.5em; color:#570507; }
h4{ font-size: 1.4em; color: #b10710; }
h5{ font-size: 1.3em; color:#570507; }
h6{ font-size: 1.2em; color: #b10710; }

div#news.news-events-front div.region div#block-views-news-and-headlines-block.block div.content div.view div.view-content div.views-row div.views-field span.field-content a
{
   color: #800000;
   font-size: 1.3em;
}

.color-yellow, a.color-yellow{color: #ffcc00; }
.color-red-light, a.color-red-light{color: #e2383f;}
.color-red-dark, a.color-red-dark{color: #b10710;}
.color-333, a.color-333{color:#333333;}
.color-777, a.color-777{color:#777777;}

a, a:hover{ color:#b10710; }
a.link-list, .link-list a{ display: block; padding:1px 0; }

a.arrow-red{
  padding-left: 15px;
  background: url('../images/a.arrow-red.png') left 7px no-repeat transparent; 
}

a.arrow-white{
  display:block;
  color: #e2383f;
  padding-left:20px;
  line-height:15px;
  margin: 25px 0;
  background: url('../images/a.arrow-white.png') left center no-repeat transparent; 
}

a.arrow-yellow{
}

a.alert-red{
  padding-left: 22px;
  background: url('../images/a.alert-red.png') left center no-repeat transparent; 
}

a.alert-yellow{
  padding-left: 22px;
  background: url('../images/a.alert-yellow.png') left center no-repeat transparent; 
}

a.alert-green{
  padding-left: 22px;
  background: url('../images/a.alert-green.png') left center no-repeat transparent; 
}

.breadcrumb, .breadcrumb a,
.breadcrumbs, .breadcrumbs a{
  font-size: .875em;
  color: #999999; 
  /*text-transform: capitalize;*/
  background-color: transparent;
  padding: 0; margin:0;
}


.page-wrapper{
  position:relative;
  display:block;
  width: 100%;
}

.page-wrapper.open {
  position: fixed;
  left: 260px;
  box-shadow:-3px 0 8px rgba(0, 0, 0, .2);
}

.page{
  background-color: #ffffff;
}

.content-wrapper{
  min-height: 400px; 
  height:auto !important; 
  height: 400px;
  padding: 35px 0;
}



/** Site Header */
#site-header{
  background: url('../images/Background1280x220test2.png') top center repeat-x #f5f5f5;
  padding-top: 25px;
}

.main-logo img{
  width: 280px;
  height: auto; 
}

.tagline{
  font-size:1.25em;
  padding: 5px 0;
  margin-bottom: 0px;
}




/**  Page Search   */
.search p#search-box{
 border: 2px solid #E0E0E0;
 background-color: #ffffff;
 height: 2.5em;
 padding: .25em;
 margin: 0;
}

#site-header .search{
  margin-top: 10px;
}

.search.input-highlight{
 border-color: #92bce2; 
}

.search input{
 float:left;
 font: italic 1.25em 'Lato', sans-serif;
 padding: 0 8px;
 margin: 0;
 border: none;
 background-color: transparent;
 outline:none;
}

.search label{
 float:left;
 font-size:.8em;
 font-weight:normal;
 padding: 5px 24px 0 0;
 margin: 0;
 border: none;
 background-color: transparent;
 outline:none;
}

.search input[type=text]{
 border-right: none;
 /*text-transform: uppercase;*/
 color: #999999;
}

.search input[type=radio]{
 margin-right:3px;
}

.search input[type=submit]{
 margin-right: 10px;
 float: right;
 width: 30px;
 background: url('../images/search-icon.png') center center no-repeat #ffffff; 
}




/** Application Bar */
#application-bar{
  background-color: #333333;
  color: #ffffff; 
  padding: 10px 15px;
}

#application-bar a{
  color: #ffffff;
  text-transform: uppercase;
  font: normal .75em/1em sans-serif;
}



/** Main Site Navigation  */
#main-menu{
}

#main-menu ul{ list-style-type: none; margin-bottom: 0; }
.main-navigation {
    display:table;
    width:100%;
    position:relative;
    z-index:7000;
}

.main-navigation li {
  display:table-cell;
  position:relative;
}

.main-navigation > li {
  width:12%;
}

.main-navigation > li > a { height: 60px;}

.main-navigation > li > a.active {
  border-top:2px solid #e2383f;
  border-bottom: 5px solid #e2383f;
  height: 62px;
}

.main-navigation a {
   display:block;
   text-decoration:none;
   color: #b10710;
   font: bold .875em/1em 'Lato';
   text-transform: uppercase;
   padding: 1.5em;
   /*text-align: center;*/
   vertical-align: middle;
}


.main-navigation ul{
    padding: 20px 0;
    display: none;
    background:#fff; 
    background-color:#b10710; 
    list-style:none;
    position:absolute;
    box-shadow:0 2px 2px rgba(0, 0, 0, .5);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    /* left:-9999px; */  
}

.main-navigation ul li{
   float:none;
   display: block;
}

.main-navigation ul a {
  text-align: left;
  display: block;
  padding: 10px 20px;
  text-transform: none; 
  font: bold 1em/1em 'Lato';
  width: 180px;
}

.main-navigation li:hover > ul{ display: block;}
.main-navigation li:hover a { color:#ffffff;}
.main-navigation li:hover > ul li:hover > a { background-color:#800000;}
.main-navigation > li:hover { background-color:#e2383f;}

/* Level 3 */
.main-navigation ul ul {
  display: none;
	position: absolute;
  left: 100%;
  top:0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/* End Level 3 */

.mobile-navigation {
  display: block;
  background-color: #eee;
  width: 260px; 
  overflow-y: scroll;
  position: absolute;
  top: 64px;
  bottom:0;
  left: -260px;
  /* height: 100%; */
}

.mobile-navigation.open{
  left:0px;
}


.mobile-nav, .mobile-nav a{
  font-size: 1em;
  font-weight: bold;
  line-height: 2em;
}

.mobile-nav li a{
  padding-left:25px;
}

.mobile-nav > li{
  padding: 20px 0;
  border-bottom: solid 1px #ddd;
}

.mobile-nav ul li a{
  color: #333;
  margin-left: 15px;
  display: block;
}


.mobile-trigger{
  padding: 10px;
  background-color: #000;  
}

.mobile-trigger button{
 color: #fff; 
 background-color: #333333;
 border: none;
 padding: 5px;
 
}




/**
 *   Marquee / Carousel / Hero
 */

#site-marquee{
 border-top: solid 1px #E0E0E0; 
}

.item img{
  width: 100%;
  height: auto;
}

.carousel-inner, .carousel-control{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.carousel-indicators {
  position: absolute;
  bottom: 12px;
  right: 30px;
  z-index: 15;
  padding-left: 0;
  list-style: none;
  left:auto;
  width:auto;
}

.carousel-caption{
  position: absolute;
  bottom: 1px;
  z-index: 10;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  left: 0px;
  right:0px;
  margin:0;
  padding:10px 30px;
  text-align: left;
  font-style: italic;
  font-size: 1.25em;
}
.carousel-caption h3{
  margin:0;
  color:#ffffff;
}


/**
 *   Feedback Bar
 */

#feedback-bar{
  color: #ffffff;
  background-color: #b10710;
  padding: 10px 0;
  font: bold italic 1.25em 'Lato',sans-serif;
}

#feedback-bar a{
 color: #ffcc00; 
}

#feedback-bar .feedback-request{
  line-height: 30px; 
}

#feedback-bar .social-icon{
  margin: 0 10px; 
  text-decoration: none;
}

#feedback-bar .social-icon img{
  height:30px;
  width: 30px;
}

#mobile-social{
  padding:20px; 
}

#mobile-social a {
  text-align:center;
}

#mobile-social a img{
  width: 50%;
  height: auto;
}

/**
 *   Footer
 */

#footer-menu{
  color: #ffffff;
  background-color: #333333; 
  padding: 10px 0px 0px 0px;
}


#footer-menu ul{
  list-style-type:none; display: table; width: 100% 
}

#footer-menu li{
  display:table-cell; width:20%;
}

#footer-menu li h5, #footer-menu li h5 a{
  color: #ffcc00; 
  text-transform:uppercase;
}

#footer-menu li a{
  color: #ffffff;
  text-decoration:none;
  text-transform: none;
  display:block;
}

#footer-legal{
 background-color: #000000;
 padding: 5px 0;
 color: #ffffff;
 font-size: .75em; 
}

.footer-link, .footer-link:hover {
  color: #ffcc00;
}



/** 
 *   Page Content 
 **/
#main-content{
 border-top: solid 1px #E0E0E0; 
}

/* Left Column */
.left-menu, .sidebar-widget{
  padding-right: 20px; 
}

.left-menu-header, .widget-title{
  font: bold 1em 'Lato', sans-serif;
  border-bottom: 1px solid #cccccc; 
  margin-bottom: 8px;
  text-transform: uppercase; 
}

.right-menu-header, .widget-title{
  font: bold 1em 'Lato', sans-serif;
  border-bottom: 1px solid #cccccc; 
  margin-bottom: 8px;
  text-transform: capitalize; 
}


.left-menu-links, .left-menu-links ul{
  list-style-type: none;
}

.left-menu-links > li {
    font-weight:bold;
}

.left-menu-submenu > li {
    font-weight:normal;
}

.left-menu-links a{
  color: #000000;
  line-height: 1em;
  display:block;
  padding: .35em 0;
}

.left-menu-links ul a{
 color: #666666;
 padding-left:14px;  
}

.left-menu-links a.active{
  color: #800000;
  font-weight:bold;
}

.left-menu-links ul a.active{
 padding-left:28px;
 margin-left: -14px;
 background: url('../images/a.arrow-red.png') 14px .7em no-repeat transparent;  
}


#sidebar-left .contextual-links-region h2 {
  font: bold 1em 'Lato', sans-serif;
  border-bottom: 1px solid #cccccc; 
  margin-bottom: 8px;
  text-transform: uppercase;
  color: #333333;
}

#sidebar-left .menu li.leaf {
  list-style-type: none;
  list-style-image: none;
}

#sidebar-left .menu > li {
    font-weight:bold;
    padding: 0;
    margin: 0;
}

#sidebar-left .menu a{
  color: #000000;
  line-height: 1em;
  display:block;
  padding: .35em 0;
}

#sidebar-left .menu ul a{
 color: #666666;
 padding-left:14px;  
}

#sidebar-left .menu a.active{
  color: #800000;
  font-weight:bold;
}


#featured-info{
  padding-top: 25px;
  padding-bottom: 0px;
}

#top-content a{
  display: block;
  background: url('../images/a.arrow-yellow.png') 13px center no-repeat #b10710;
  color: #ffffff;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 10px;
  padding: 15px;
  padding-left: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

a.service-catalog-for{
  display: block;
  background: url('../images/a.arrow-yellow.png') 13px center no-repeat #b10710;
  color: #ffffff;
  font-weight: normal;
  font-size: 1.1em;
  margin-bottom: 10px;
  padding: 15px;
  padding-left: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}



#news{
}

.news-events-front{
}

.news-events-front h3{
  margin:0;
  padding:0;
  margin-bottom: 25px; 
  color: #777;
  /*font: bold italic 1.25em 'Lato', sans-serif;
  text-transform:uppercase;*/
}

.news-events-front h4{
  margin:0;
  padding:0;
  color:#800000;
}

#events{
}

.events-front-body{
  margin-left: 70px; 
}

.events-date{
  text-align: center;
  background-color:#f3f3f3;
  float: left;
  padding: 5px 0;
  width: 55px;
  color: #333333;
  font: normal 1.5em 'Lato', sans-serif;
  border: solid 1px #dbdbdb;
  border-bottom-width: 2px;
  margin-top: 2px;
}

.events-date > span{
  display: block;
  color:#e2383f;
  font: normal .5em 'Lato', sans-serif;
  text-transform:uppercase;
}


#triptych-home{
  background-color: #fff8e8;
  padding: 10px 0px 0px 0px;
}


.service-catalog-category{
 margin-bottom: 20px; 
}

.service-catalog-head{
  cursor:pointer;
}

.service-catalog-head img{
  float: left;
}

.service-catalog-head p{
 margin: 0 0 0 60px !important;
}

.sc-header{
 font: bold 1em 'Lato', sans-serif;
 color: #b10710; 
}



/**
 *  Additional Responsive   
 */




@media (max-width: 767px) { 
  body {
      padding-right: 0 !important;
      padding-left: 0 !important;
  }
  
  #mobile-social a img{
    width: 90%;
    height: auto;
  }
  
  .item img{
    width: auto !important;
    max-width: none !important;
    height: 250px !important;
  }
  
  div.service-catalog-category {
    clear:both;
  }
}


@media (min-width: 768px) {
  div.service-catalog-category {
    clear:both;
  }
}

@media (min-width: 768px) and (max-width: 991px) { 
}

@media(max-width: 991px) { 
  .mobile-hidden{ display: none; }
  .block-mobile{
    margin: 15px;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  
  .container{
    width: auto !important;
  }
  
  

  #site-header{
    text-align: center;
  }
  
  #feedback-bar{
    text-align: center
  }
  
  #featured-info{
    padding-bottom: 0;
  }
  
  #news,#events{
    background-color: #f6f6f6;
  }
  
  #triptych-home{
   background-color: transparent;
   padding:0; 
  }
  
  #trip-left,#trip-center,#trip-right, .sidebar-widget{
   background-color:#fff8e8;
  }
  
  #content{
    padding: 0 30px 30px;
  }
  
  #footer-legal div{
    text-align: center;
    padding-bottom:5px;
  }
  
  #footer-menu .contact{
    padding-top: 60px;
    text-align: center; 
  }
  
  
}

@media (min-width: 992px) { 
  .mobile-visible{ display: none;}
  
  .page-wrapper.open {
    position: fixed;
    left: 0;
    box-shadow:-3px 0 8px rgba(0, 0, 0, .2);
  }
  
  .mobile-navigation.open{
    left:-260px;
  }
  
  div.service-catalog-category {
    clear:both;
  }
}


/* Tablet */
@media (min-width: 992px) and (max-width: 1199px) { 

}

/* Phone */
@media (min-width: 1200px) { 

}



#sidebar-right .block-views h2, #sidebar-right .block h2, #sidebar-right .block-block h2 {
  font: bold 1em 'Lato', sans-serif;
  border-bottom: 1px solid #cccccc; 
  margin-bottom: 8px;
  text-transform: capitalize;
  color: #333;
}

.region-sidebar-right .block {
    margin-bottom: 2em;
}


/* Service Catalog specific styles */
.sc-bullet-list {
    list-style-type: disc;
	margin: 0 0 1.5em 25px;
	padding: 0 0 0 10px;
}
.node-teaser {
    margin-bottom: 20px;
}
.node-teaser > h2 {
     margin-bottom:0;
}
.node-readmore {
    margin: 0 -0.5em;
}
div.service-catalog-category {
	margin: 0 10px 15px -35px;
	padding: 0;
    width: 100%;
}
h2.service-catalog-category {
	margin-bottom: 0;
}

img.service-catalog-category {
	height: 65px;
	max-height: 65px;
	width: 65px;
	max-width: 65px;
	float: left;
	display: table-cell;
	margin: 0 7px 7px 0;
	border: 0;
}
div.service-catalog-summary {
    overflow:hidden;
}
div.sc-block-links {
	display: none;
}

/* General theming */
ul.bullet > li {
	list-style-type: disc;
	margin: 0 0 0 25px;
	padding: 0 0 0 10px;
}

form#views-exposed-form-service-catalog-search-page-1 div#edit-combine-wrapper {
  margin-right: 0;
  padding-right:0;
  width: 65%;
}


form#views-exposed-form-service-catalog-search-page-1 input#edit-combine {
  width:100%;
  padding: 4px 0;
  margin-right: 0;
  line-height: 1.3em;
}

form#views-exposed-form-service-catalog-search-page-1 .views-submit-button {
  padding-right: 0;
  width:25%;
}

#edit-submit-service-catalog-search {
    margin-top: 0;
    background-color:#fff;
    color:#b10710;
    border:1px solid #CCC;
    border-left: 0;
    line-height: 1.3em;
    padding:6px;
    font-weight: bold;
}

a.sc-block {
	cursor: pointer;
}

#content-title .title {
    /*text-transform:capitalize;*/
}

.node-service-catalog-item p.first {
    margin:0;
}

.node-service-catalog-item.node-teaser p {
  margin-bottom:0;
}

.node-service-catalog-item h5 {
    margin-top:2em;
    margin-bottom: 0;
    font-weight: bold;
}

.webform-client-form label {
  display: block;
}

.webform-client-form .webform-container-inline label {
  display: inline;
}

.webform-client-form #edit-actions input {
  margin-right: 10px;
}

.statistics_counter {
  display:none;
}

#backups-cost-calculator-form label {
  width: 200px;
  float: left;
  display: block;
}

#backups-cost-calculator-form label.option {
  display: inline;
  margin-left: 10px;
  width: 75px;
}

#backups-cost-calculator-form .form-radios div {
  float: left;
}

#backups-cost-calculator-form .form-radios div .form-radio {
  float: left;
}

#backups-cost-calculator-form .form-submit {
  clear: both;
  display: block;
}

.view-workflow-summary table th, .view-workflow-summary table td, table.sticky-enabled th, table.sticky-enabled td {
  padding: 7px;
}

#emergency-alert {
  text-align:left; color:#990000; border:1px solid #990000; background-color:#FFF6F6; margin:10px 0 0 0;
}

#emergency-alert p:last-child {
  margin-bottom:0;
}

.view .date-nav-wrapper .date-heading {
  text-align: left;
  color: #b10710;
  line-height: normal;
}

.view .date-nav-wrapper .date-prev {
  right: 80px;
}

.date-nav {
  padding-bottom: 0;
}

.calendar-calendar th.days {
  background-color:#999999;
  color: #333;
}

.calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview {
  background-color: #53AE4B;
  color: #fff;
}

.calendar-calendar td a {
  color: #fff;
  font-weight: normal;
  font-size: 1.2em;
}




/* root element for tabs  */
div#content-body ul.tabs { 
    float: left;
    height: 30px;
    list-style: none outside none;
    margin: 0 !important;
    padding-left: 341px;
    width: 550px;
}

/* single tab */
div#content-body ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding-left:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image. updated to only look at body-content. messes with editing tabs. */
div#content-body ul.tabs a { 
	background: url('/sites/it.umd.edu/files/images/blue.png') no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
}

div#content-body ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
div#content-body ul.tabs a:hover {
	background-position: -420px -32px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
div#content-body ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
div#content-body ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
div#content-body ul.tabs a.s:hover 	{ background-position: -553px -31px; }
div#content-body ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
div#content-body ul.tabs a.l 			{ background-position: -247px -0px; width:174px; }
div#content-body ul.tabs a.l:hover 	{ background-position: -247px -31px; }
div#content-body ul.tabs a.l.current  { background-position: -247px -62px; }


/* width 3 */
div#content-body ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
div#content-body ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
div#content-body ul.tabs a.xl.current { background-position: 0 -62px; }

p#print-friendly { text-align:right; margin-top:-20px; }
p#print-friendly > a { font-size: .9em; }


/* Different widths for classroom images */
img.classrm {
    width: 100px;
}
img.classrm:hover {
    width: 400px;
}