@media screen and (min-width: 800px) { 
/* 
this media query must stay here, or else the CSS will stick and override the narrow view.
Any major changes made here must also be made in ie.css. This defeats the purpose of responsive
design, but IE 8 and lower does not process media queries at all and would therefore only 
display global.css styles. --RCD */

/* This file will hold styles that are loaded using the same media query as the normal grid. */

html { max-width:100%; }

body {
max-width:100%;
font-family: helvetica,arial,sans-serif;
background: #012d6b; /* Old browsers */
background: -moz-linear-gradient(top, #012d6b 0%, #00a7e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#012d6b), color-stop(100%,#00a7e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #012d6b 0%,#00a7e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #012d6b 0%,#00a7e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #012d6b 0%,#00a7e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #012d6b 0%,#00a7e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012d6b', endColorstr='#00a7e5'); overflow:auto;/* IE6-9 -- see separate ie.css stylesheet! */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#012d6b', endColorstr='#00a7e5')";
background-attachment:fixed;
background-repeat:no-repeat;
}
a,
a:link,
a:visited { text-decoration: none; }
/* Copied original global.css to here for normal screen size */
.container-12 {
  /*  box-shadow: 0px 3px 5px #999999, 0px -3px 5px #999999;*/
}
#user-login-form div { margin: 0 3px 0 0; float: left; }
#user-login-form{ /*width: 960px;*/ max-width:960px; }
#user-login-form label,  #user-login-form input {
    float: left; margin-right: 15px; font-size: 100%; }
#user-login-form .item-list{ font-size: 100%; }
#user-login-form .form-required  { display: none; }
#user-login-form .item-list ul li { float: left; margin: 0; margin-right: 0; padding: 0; }
#block-user-login { margin-top: 2px; }
#block-user-login h2 { display: none; }
/* css for user login ends */
#page { font-size: 100%; }
#zone-user-wrapper { background:transparent; }
#zone-user {
background-color: #FFF;
/*width: 960px;*/ max-width:960px;
}
#region-user-first { background-color: #FFF; }
#region-user-second { background-color: #FFF; }
#region-header-first { margin: 10px 0 10px 0; }
#region-header-second { margin: 10px 0 10px 0; }

/* Styles for print header black and white logos*/
.header-img img.header-screen {
        display: block;
}

.header-img{width: 100%;}
.header-img img.header-print {
        display: none;
}
#mobile-header {
    display:none;
}

/* Ends styles for print header black and white logos*/

.zone { padding:0 30px; }
#zone-branding-wrapper {
/*background:transparent;*/
}
#zone-branding {
/*max-width:960px;
    background-repeat:repeat-x;
    background-color:#00a7e5;*/
} 
.region-branding img {
margin-left:-40px;
margin-bottom:-6px;
max-width:1000px;
}
#region-branding {
}
#zone-branding-second-wrapper { background:transparent; }
#region-branding-second {
}
#zone-header-wrapper { background:transparent; }
#zone-header { background-color: #FFF;
/*width: 960px;*/ max-width:960px; }
#region-header-first { background-color: #FFF; width: 460px; display: block; }
#region-header-second { background-color: #FFF; width: 400px; display: block; }
#zone-preface-wrapper { background:transparent; }
#zone-preface { background-color: #FFF; /*width: 960px;*/ max-width:960px; }
#region-preface-first { background-color: #FFF; }
#zone-content1 { padding-top:35px; }
#region-preface-second { background-color: #FFF; width: 100%; }
#region-preface-third { background-color: #FFF; width: 100%; }
#zone-content { background-color: #FFF; /*width: 960px;*/ max-width:960px; }

#region-content {
background-color: #FFF; z-index: 100;
width: 640px; padding-bottom: 10px; margin: 0 0 0 0; }

/* superfish menu ------------------------------------------------------------------------------------------------------------------------*/
#block-search-form { clear: right; float:right; }
#search-block-form {
position:relative; margin:6px 0 7px 0;
float: right; padding: 0; }
#zone-menu-wrapper { background:transparent; }
#region-menu {}
#zone-menu { max-width:960px; }
.sf-menu { margin-top:4px; }
ul#superfish-2 li.sf-depth-1 a.sf-with-ul { /* Find, Services, etc only*/
        margin-bottom:-4px; }
ul#superfish-2 li.sf-depth-1 a.sf-with-ul:hover, ul#superfish-2 li.sf-depth-1 a.sf-with-ul:active {
        border-top:3px solid #012d6b;
        margin-top:-3px;
}
form.form-search input.search-query { /* search form in menu bar*/
    background-color:#eee;
    color:#aaa;
    margin-top: -15px;
    height: 15px;
    padding: 6px;
}
form.form-search input.search-query:focus {
    background-color:#fff;
    color:#000;
}
 /* quicktabs ------------------------------------------------------------------------------------------------------------------*/
#quicktabs-tab-homepage_tab_menu-0, 
#quicktabs-tab-homepage_tab_menu-1, 
#quicktabs-tab-homepage_tab_menu-2, 
#quicktabs-tab-homepage_tab_menu-3, 
#quicktabs-tab-homepage_tab_menu-4 {
   font-size: 15px;
}
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-0, 
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-1, 
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-2, 
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-3, 
ul.quicktabs-tabs.quicktabs-style-zen li.active a#quicktabs-tab-homepage_tab_menu-4 {
    background:none;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-0:hover,
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-1:hover,
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-2:hover,
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-3:hover,
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-4:hover {
    background:none;
}
/* colored tabs (very washed out on burned-out dell monitors) */
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-0{
    background-color:#f0efe9;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-1{
    background-color:#f1f6e7;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-2{
    background-color:#e7f6fd;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-3{
    background-color:#e5e4ec;
}

/* looks garish on mac, ok on burned-out dell monitors
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-0{
    background-color:#ece8cb;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-1{
    background-color:#d8e8be;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-2{
    background-color:#b2dff1;
}
ul.quicktabs-tabs.quicktabs-style-zen li a#quicktabs-tab-homepage_tab_menu-3{
    background-color:#c7c2d6;
}*/

.item-list .quicktabs-tabs a,
.item-list .quicktabs-tabs a:link,
.item-list .quicktabs-tabs a:visited { text-decoration: none; }
.item-list .quicktabs-tabs { text-align: center; }
/* mobile ------------------------------------------------------------------------------------------------------------------------*/

#mobile-menu { display:none; }


/* slideshow on front page --------------------------------------------------------------------------------------------*/
.views-slideshow-cycle-main-frame {  }
/*.views-field-field-slider-image .field-content { border: 1px solid #c0c0c0; height:293px; }
*/
.views-field-field-slider-image .field-content {margin-top:6px; z-index: 1;}
.views-field-field-slider-image .field-content img {
    border:1px solid silver; margin: 12px 8px 5px 0px; max-width:420px; max-height:220px;
    height:auto; border-radius:4px; }
.slider_caption { padding: 0 8px 4px 14px; width: 85%; }
.views-field-field-image-link { margin:5px 20px 0 20px; text-align:center; }
.views-field-field-image-link a { color:#777; }

.vscc-controls {
	text-align: right; margin-right: 35px;
	position: relative; margin-top: -35px; z-index: 10000; }

.vscc_controls_previous vscc-previous-processed { display: inline-block; }

.vscc_controls_pause vscc-pause-processed { display: inline-block; }
.vscc_controls_next vscc-next-processed { display: inline-block; }


/* various elements -------------------------------------------------------------------------------------*/
#messages { background-color: #66FF66; }
span#pos_ddcuny { padding: 5px; }
span#pos_ddcuny select.options { font-size: 100%; width: 225px; }
.formdescription { margin-bottom: 10px; }
.firstform p { text-align: center; padding-top: 10px; }
.secondform p { text-align:center; padding-top: 10px; }
.firstform select { width: 215px; }
.firstform .btn { margin-left: 8px; }
.secondform select { width: 228px; }
.secondform .btn { margin-left: 8px; }
#helpcontact { line-height:300%; }
.views-table th { font-weight:bold; border:1px; }
.directory-table .view-content table { width:940px; }
.views-field-field-subjects { width: 120px; }
.block-database-subjects-block { margin: 20px 0; }
.block-database-subjects-block .content {}
#region-sidebar-first { margin-top:100px; }
.region-sidebar-second-inner { float:right; margin-top: 10px; width: 100%; }
#region-sidebar-second { background-color: #FFF; }
#region-sidebar-second .block-title {
font-size: 14px; background-color:#01AEF0;
text-align:center; font-family: helvetica; }
.views-field-field-lib-hours .field-content{text-align: center;}
/* Style for workshop schedule display------------------------- */
.ws-table {
width: 400px; margin-left:auto; margin-right:auto; display: block; }
.ws-rows { display: block; clear: both; }
.ws-rows span.date-display-single{ 
display:block; text-align: right; padding: 12px 0 0 0; }
.ws-rows span span.date-display-start{
display:inline; width: 80px;
margin-left: 10px; text-align: right; }
.ws-rows span span.date-display-end { width: 80px; display: inline; }
td.views-field-field-workshop-time-1, td.views-field views-field-field-workshop-time-2 { /* sidebar workshop calendars */
    min-width:65px;
}
/* Style for specific sidebar tables ---------------------- */
.view-id-library_hours_week_, .workshops-table { font-size:13px; }
.front .workshops-table { /*front pg workshops*/  font-size:15px; }
/* super pages - eg About ----------------------------------------*/
.superpage_box {
    width:95%; margin:10px 10px 10px 0; float:left; clear:both; }
.superpage_text { /* goes inside the box */
    float:left; margin:0 0 0 2%; width:78%; }
.superpage_text h5 { margin-top:0; padding-top:0; }
/* bottom of page --------------------------------------------------*/

#zone-postscript-wrapper { background:transparent; }
#zone-postscript {background-color: #FFF; max-width:960px; }
#region-postscript-first { background-color: #FFF; }
#region-postscript-second { background-color: #FFF; }
#region-postscript-third { background-color: #FFF; }
#region-postscript-fourth { background-color: #FFF; }
#zone-footer-wrapper { background:transparent; }
#zone-footer { background-color: #012D6B; max-width:960px; }
#region-footer-first {
height: 10px; background:transparent; width: 100%;
margin: 0; padding: 0; }
.lib-footer p{ /* center the footer text */
text-align: center; }
.footer-links {
	display: block;
}
/* Styles for print footer cuny blue and white logo*/

.footer-img img.print {
	display: none;
}
.footer-img img.screen {
	display: block;
}

/* Ends styles for print footer cuny blue and white logo*/

/* footer links styled in global */
}
/* Ends original global.css */

/* css for library-calendar-printable */
/* to comment out when not needed */
.calendar-calendar td { width: 14%; height: 30px; border: 1px solid #000; color: #000; }
.calendar-calendar td.date-box div.day a:link,
.calendar-calendar td.date-box div.day a:visited,
.calendar-calendar td.date-box div.day a:hover,
.calendar-calendar td.date-box div.day a:active {  color: #000; }
.calendar-calendar th.days { color: #000; background-color: #fff; border: 2px solid #000; }
.calendar-calendar .month-view .full tr td.today,
.calendar-calendar .month-view .full tr.odd td.today,
.calendar-calendar .month-view .full tr.even td.today {
  border-left: 1px solid #000; border-right: 1px solid #000; }
.calendar-calendar .month-view .full td,
.calendar-calendar .week-view .full td,
.calendar-calendar .day-view  td { vertical-align: bottom; padding: 1px 2px 0 2px; }

.calendar-calendar .month-view .full td.date-box.today {
  border-width: 1px 1px 0px 1px; 
  border-style: solid; border-color: #000; }
.calendar-calendar .month-view .full tr td.single-day.today {
  border-bottom: 1px solid #000; }
.calendar-calendar td.empty { background: #ccc; border-color: #000; }

.library-calendar-printable table.full { border: 2px solid #000; }
.library-calendar-printable table thead {
border-bottom: 2px solid #000; border-left: 2px solid #000; }
.library-calendar-printable table thead .days { font-size: 18px; color: #000; }
.library-calendar-printable table tbody tr.date-box div.day { font-size: 16px; color: #000; line-height: 40px; }
.library-calendar-printable table tbody tr.single-day div.field-content {
font-size: 12px; color: #000; background-color: #fff; }
.library-calendar-printable table tbody tr.multi-day div.monthview {
font-size: 12px; color: #000; background-color: #fff; }
.library-calendar-printable table tbody tr.multi-day div.monthview div.contents{
background-color: #fff; padding: 0; margin: 0; vertical-align: bottom; }

.library-calendar-printable table tbody tr.multi-day div.field-content span.date-display-single{
font-size: 12px; color: #000; background-color: #fff; padding: 0; margin: 0; }

.library-calendar-printable li.date-prev,
.library-calendar-printable  li.date-next {/* display: none; */}

header h2.page-title {
	padding: 0;
	margin: 20px 0;
}

ul.breadcrumb li.depth-3 .odd {
	color: #fff;
}
.library-calendar-printable h2.page-title {
	display: none; 
}
.library-calendar-printable .view-header h2{
	padding: 0;
	margin: 0;
	font-size: 22px;
}
/* end to comment out when not needed */

/* database title for database type */
.database-title {
    font-size:28px;
    font-weight:bold;
}

/* libraryh3lp chat widget */
.libraryh3lp {
    font-family:helvetica,arial,sans-serif;
    display:inline;
}
.needs-js {
    color:#C0C0C0;
    font-size:0.7em;
    display:inline;
}
.libraryh3lp #title {
    font-family:helvetica,arial,sans-serif;
}