/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html {overflow-Y: scroll; }
html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*==============================
	MY STYLES
==============================*/
body {
background: #ffffff url("/50/images/bg-map.jpg") top center repeat;
font-family: arial;
font-size: 15px;
line-height: 28px;
padding: 0;
margin: 0;
text-rendering: optimizeLegibility;
}


/* use full screen width */
#content {margin: 0 20px;}

.container p, .content p, .container div.copy, li, table td, .modal p {
    font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px; 
}

/*general styles */
.imgshadow_light { /* Better style on light background */
	background:#FFFFFF;
	padding:1px;
	/*border:1px solid #777777;*/
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { width:auto; float:left; margin:2px 15px 15px 0; }
.img_right { width:auto; float:right; margin:2px 0 15px 15px; }
.img_caption {font-size: 10px !important; line-height: 12px !important; color:#333 !important; background-color:#ebebeb; margin:-10px 0 0 !important; padding: 3px;}
.img_thumb {width:85px !important; height:85px !important;}


.sideBar-grey {background:#eeeeee; border: 1px solid #E4E4E4;}

.sideBar-callout {
	background:#ffffff;
	border: 5px solid #999;
    box-shadow: 0 0 5px #CCC;
	width: 180px;
	float: right;
	margin: 10px 0 10px 10px;
	padding: 10px;
}





.container ul {margin-bottom: 20px; }
ul.add-margin li {margin-bottom: 10px;}
ul.add-sm-margin li {margin-bottom: 6px; }
.container ul.no-margin li, .container .sideBar-callout ul li {margin-bottom:0; }
.indent {margin-left:10px;}

 a { color:#B31B1B; text-decoration: none; }
 a:hover { color:#f00; text-decoration: underline; }
 a:selected { outline:none; }

 a.grey {	color:#333; text-decoration: none;}
 a.grey:hover {color:#f00; text-decoration: underline;}

.container .tile {background:#ffffff;padding:10px !important;}
.container .tile.bg {background:url(/images/map-sm.png) top center no-repeat; color:#b31b1b; font-weight:bold; font-size: 16px; text-align:center;}
.container .tile:hover {background:#eeeeee;cursor:pointer;}

.container .right {float:right;margin-left: 20px;}
.container .left {float:left;margin-right: 20px;}
.container .center {margin: 0 auto; text-align:center;}



.nolink:hover {text-decoration:none !important; }

.padded-all {padding:20px; }
.padded-both {padding: 0 20px; }
.padded-left {padding: 0 0 20px 20px;}
.padded-right {padding: 0 20px 20px 0;}
.padded-bottom {padding-bottom: 20px;}
.padded-sm {padding:10px;}
.remove-top-spacing {padding-top: 0 !important; margin-top: 0 !important;}

.table {background:#ffffff; border:1px solid #e4e4e4; font-size:12px;}
.table thead, .table tfoot {background:#cccccc; font-size:14px; font-weight:bold;}

/* for more/less hide/show functionality */		
.hide {display:none;}
.read-more,.read-less {font-size:14px; font-weight:normal !important; }
.read-less {display:block; margin-bottom: 20px;}
	
	
/* searchbox - top right of several pages */
#searchbox {position:relative; float:right; margin-top:10px;}

#search, #submitButton
{
	float: left;
}

#search
{
	padding: 5px 20px 5px 9px;
	height: 23px;
	width: 234px;
	border: 1px solid #ccc;
	font: italic 13px 'trebuchet MS', arial, helvetica;
	background: #f1f1f1;
	
	-moz-border-radius: 5px 0 0 5px;
	 border-radius: 5px 0 0 5px;    
}

#search:active{background:#fff;}

#clearButton {
	position: absolute;
	z-index: 200;
	right: 40px;
	top: 8px;
	width:23px;
	height:23px;
	background: url('/images/icons/clear-icon.png') no-repeat center;
	cursor: pointer;
	display: none;
}

/* ----------------------- */

#submitButton
{		
	background: url('/images/icons/search-icon.gif') #fff no-repeat 5px 5px;	
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	
	border: 1px solid #ccc;
	border-left: none !important;
	
	height: 35px;
	width: 35px;
	margin: 0;
	padding: 0;	
	cursor: pointer;
}

#submitButton:hover
{		
	background: url('/images/icons/search-icon-hover.gif') #fff no-repeat 5px 5px;
}	

#submitButton:active
{		
	outline: none;		
	 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submitButton::-moz-focus-inner
{
	   border: 0;  /* Small centering fix for Firefox */
}	

	
#barSortPage {
	position: relative;
	font: italic 12px 'trebuchet MS', arial, helvetica; 
	color: #666;
	margin-top: 20px;
}
a.active {color:#FF0000; text-decoration:underline;}

.disabled { margin: 0 5px; color: #e3e3e3; display: inline; text-decoration: none; }
#barSortPage #leftSort { position: absolute; left: 10px; }
#barSortPage #centerRecordCount { position: absolute; width: 120px; left: 50%; margin-left: -60px; }
#barSortPage #rightPage { position: absolute; right: 10px; }

.odd {background:#fff; border-bottom: 1px solid #e3e3e3; padding: 30px 10px;}
.even {background:#f3f2ee; border-bottom: 1px solid #e3e3e3; padding: 30px 10px;}

select option.nonselect {color:#333;}
select option.ind {text-indent:20px;}

/* classic side menu for older pages */
#side-menu {padding: 0;}
#side-menu h4 {padding: 10px; line-height:normal;}
#side-menu h5 {padding: 0 10px; line-height: normal; text-shadow: 1px 1px 1px #FFFFFF;}
#side-menu ul li {margin:0 !important;}
#side-menu ul li a {color:#666666; display:block;padding:5px 5px 5px 20px;}
#side-menu ul li a:hover {background-color:#b31b1b;color:#ffffff;text-decoration:underline;}
#side-menu ul li a.selected {background:#b31b1b url(/images/arrow-right.png) right 5px no-repeat;color:#ffffff;}

/* button style/jquery mobile style for newer pages, some using full screen width */
ul.sub-nav {margin:0;padding:0;max-width: 200px;}
ul.sub-nav li{margin:0;}
/*side nav - long vertically*/
ul.side-nav li a {display:block; padding:10px;}
ul.side-nav li a.first{
	-moz-border-radius:5px 5px 0 0 ;
    -webkit-border-radius:5px 5px 0 0  ;
    -khtml-border-radius:5px 5px 0 0 ;
    border-radius:5px 5px 0 0  ;
}
ul.side-nav li a.last{
	-moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -khtml-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}
ul.side-nav li a.stand-alone{
	-moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    -khtml-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
}
/*top nav - long horizontally*/
ul.top-nav li {display:inline;}
ul.top-nav li a {display:inline-block; padding:10px;}
ul.top-nav li a.first {
	-moz-border-radius:5px 0 0 5px ;
    -webkit-border-radius:5px 0 0 5px ;
    -khtml-border-radius:5px 0 0 5px ;
    border-radius:5px 0 0 5px ;
}
ul.top-nav li a.last {
	-moz-border-radius:0 5px 5px 0;
    -webkit-border-radius:0 5px 5px 0;
    -khtml-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
}
ul.sub-nav li a.active{
	background:#b31b1b !important;
	color: #ffffff;
}
ul.sub-nav li a{
	background:#c13440;
	color:#eeeeee;
}
ul.sub-nav li a:hover {
	background:#b31b1b;
	color: #ffffff;
	text-decoration: underline;
}

ul.sub-nav li.twitter a {background: #ddd url("/images/buttons/twitter-btn.png") no-repeat scroll top 0px right 0px; color:#999;text-decoration:none; margin:10px 0; }
ul.sub-nav li.twitter a:hover {background: #ccc url("/images/buttons/twitter-btn.png") no-repeat scroll top -5px right -5px;}

ul.callout {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
ul.callout li {text-indent:-15px;}
ul.callout .red {color: #b31b1b; font-size: 26px; font-weight:bold;}
ul.callout .grey {color: #666666; font-size: 26px; line-height: 30px !important;}
ul.callout li.small {font-size: 20px; line-height: 18px; color: #666666; }

h1{color:#ffffff; background-color:#b9ba38; font-size:24px; line-height:26px; padding:12px; margin-top:0; margin-bottom: 20px; font-weight:normal; text-shadow: 2px 2px 3px #90911C;}
.image-overlay {position:relative; overflow:hidden;}
.image-overlay  h1 {position:absolute; left:80px; bottom:8px; display:block; }

p.caption {
	color: #999;
    display: block;
    font-size: 10px !important;
	line-height: 12px !important;
	padding: 10px auto 10px !important;
}

.image-overlay .bottom {
	margin-top: -10px;
}
.image-overlay .right {
	position:absolute;
	right:0;
	top:0;
}
h1.alt{color:#b9ba38; background-color:transparent; display:inline-block; font-size:30px; line-height:26px; padding:0; margin-top:12px; margin-bottom: 20px; font-weight:normal; text-shadow: 2px 2px 3px #e2e2e2; }
h2.alt{color:#b9ba38; background-color:transparent; display:inline-block; font-size:20px; line-height:22px; padding:0; margin-top:12px; margin-bottom: 20px; font-weight:normal; text-shadow: 2px 2px 3px #e2e2e2; }
h3 {font-size: 18px; line-height: 20px; color: #b9ba38; }
h5 {font-weight:normal !important;}
h6 {display: inline; }
h3.block {display:block !important;}
h3.headline {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	line-height:26px;
	font-weight:bold;
	text-transform:uppercase;
	color:#eeeeee;
	background-color:#b9ba38; 
	padding:3px 8px;
	margin:0 0 12px 0;
	display:inline-block;
}
div.headline-alt {
	background-color:#c13440;
	height:22px;
	margin: 0 0 12px 0;
	padding: 5px 8px;
	display: inline-block;
}

.modal {
	background:#eeeeee;
	padding:10px;
}

h6.alt {font-size:18px; font-weight:300; margin-bottom:10px;}

.date {color: #999;}

.news {min-height:75px;}
.news .datetime {
	width:50px;
	float:left;
	margin:-5px 14px 5px 0;
}
.news .datetime .dt-icon {
	background:url(/images/icons/icon-calendar-day-gray.png) right 5px no-repeat;
	height:62px;
	text-align:center;	
}
.news .month {margin-top:16px; font-size: 11px;line-height:10px;text-transform: uppercase;display:inline-block;color:#fff;}
.news .day {
	margin-top: 5px; 
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	display: block;
}
.news .time {margin-top:5px; font-size: 11px;line-height:10px;text-transform: uppercase;display:inline-block;color:#333;}

/* event calendars */

.event .fade {opacity: 0.6;}
.event .datetime {
	background:#b9ba38;
	width:60px;
	height:60px;
	float: left;
	margin: 0 10px 10px 0;
	-moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
    -khtml-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
	text-align:center;
}
.event .month, .event .year {font-size: 12px;line-height:12px;text-transform: uppercase;display:inline-block;color:#ffffff;}
.event .day {
	font-size: 30px;
	font-weight: bold;
	display: block;
	color: #ffffff;
}

h6.upper, .event .time, .event .location {font-size: 14px;text-transform: uppercase;display:inline-block;}
.event .time {color:#858c48;font-weight:bold;}
.event h4, .event h6 {text-transform: uppercase; line-height:normal !important;}



hr {border: none; border-top-width: thin; border-top-style: solid; border-top-color: #e2e2e2; width:100%; }

hr.dark {border-top-color: #ccc;}
 
	
.tabs { border-bottom: 3px #666 solid}
.tabs li { display: inline; list-style: none outside none; }
.tabs li a { background: none repeat scroll 0 0 #e2e2e2; display: inline-block; padding: 5px 10px; text-decoration: none; color:#b31b1b; }
.tabs li.active a{ background: none repeat scroll 0 0 #666; color: #fff; }


/* collapsible blocks - open/close */
.collapsible {
	margin: 0;
    padding: 3px 10px;
 
    border-top:#e2e2e2 1px solid;
    /*background: #eeeeee;*/

    text-decoration:none;
    color: #b31b1b;
	cursor:pointer;
}
.block {
	padding: 20px 30px;
}

.collapse-open {
	color:#666;
}

.collapse-open span.arrow {
    display:block;
    float:left;
	background: url(/images/arrow_grey_down.png) center 6px no-repeat ;
	padding:10px;
}

.collapse-close span.arrow {
    display:block;
    float:left;
    background:url(/images/arrow_grey_right.png) center 6px no-repeat;
    padding:10px;
}

/*.collapse-open span.arrow:hover .collapse-close span.arrow:hover {
	cursor:pointer;
}*/

.collapsible span.location {
	float: right;
	color:#666;
	font-size: 0.8em;
}


.container a.button, a.button {
	color:#b31b1b;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.container a.button:hover, a.button:hover {
	background:#b31b1b;
	border:1px solid #b31b1b;
	color:#ffffff !important;
}
.container a.button:visited, a.button:visited {
	color:#b31b1b;
}

ul.with-bullets li{
    background: url("/images/bullet.gif") no-repeat scroll 18px 0.65em transparent;
    list-style: none outside none;
    padding: 0 0 0 30px;
}
ul.tags li{
	display:inline;
    padding: 0 3px;
	border-right: 1px solid #CCC;
}
ul.tags li:first-child{
	padding: 0 3px 0 0;
}
ul.tags li:last-child{
	border-right:none;
}

ul.icons li{
    background: url("/images/icons/blank.png") no-repeat scroll left -.5em;
    list-style: none outside none;
    padding: 0 0 0 27px;
	margin:0 0 8px 0;
	color: #999;
}

.icons li.email {background: url("/images/icons/icon-email-sm.png") no-repeat scroll left; height: 22px; padding-top: 3px;}
.icons li.link {background: url("/images/icons/icon-external-link-sm.png") no-repeat scroll left; height: 22px; padding-top: 3px;}
.icons li.tv {background: url("/images/icons/icon-tv.png") no-repeat scroll left; height: 22px; padding-top: 3px;}
.icons li.doc {background: url("/images/icons/icon-doc-alt.png") no-repeat scroll left -0.1em; height: 22px; padding-top: 3px;}
.icons li.date {background: url("/images/icons/icon-calendar-sm.png") no-repeat scroll left -0.1em; height: 22px; padding-top: 3px;}
.icons li.globe {background: url("/images/icons/world.png") no-repeat scroll left -0.1em; height: 22px; padding-top: 3px;}
.icons li.external-link {background: url("/images/icons/external-link-red.png") no-repeat scroll left; height: 22px; padding-top: 3px;}

/*.icons li.photo {background: url("../images/icons/icon-camera.png") no-repeat scroll left; height: 22px; padding-top: 2px;}
.icons li.radio {background: url("/images/icons/icon-loudspeaker.png") no-repeat scroll left; height: 22px; padding-top: 3px;}
*/


/* photo gallery */
.photo {
	width:260px;
	margin:20px;
}

.photo-title {
font-size: 30px;
margin-bottom: -30px;
}

.photo img {
padding: 0;
float: left;
width: 260px;
-moz-box-shadow:0px 0px 5px #666666;
-webkit-box-shadow:0px 0px 5px #666666;
box-shadow:0px 0px 5px #666666;
}

.photo img:hover {
z-index: 500;
width: 110%;
margin-left: -10px;
margin-top: -10px;
cursor: pointer;
}

.corner-stamp {
	float: right;
	width: 522px;
	height: 248px;
	padding: 10px;
}


/**** Isotope Filtering ****/
/*		 
.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}*/
 
/**** Isotope CSS3 transitions ****/
/*
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}
 
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:         top, left, opacity;
		  transition-property:         transform, opacity;
}
*/


/**** disabling Isotope CSS3 transitions ****/
 /*
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}
*/

/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}


.full-menu{display: block; }
.mobile-menu {display: none;}
#footer {display: block;}
#mobile-footer {display:none;}

/*styles for screens smaller than our grid */
@media only screen and (max-width: 959px) {
	
	#full-menu {display: block; }
	.mobile-menu,  {display: none; }
	#footer {display: block;}
	#mobile-footer {display:none;}
	#search-form {
		position: absolute;
		top: 18px;
		right: 20px;
		margin-right:0px;
	}
}
/* screen is smaller than our corner-stamp box*/
@media only screen and (max-width: 500px) {
	
	/*#search-form{display:none;}
	#ipcals-logo{background-image:none !important;}*/
	.full-menu {display: none;}
	.mobile-menu {display: block; width: 100%;}
}

/* styles for small screens/narrow browser */
@media only screen and (max-width: 640px) {
	#search-form{display:none;}
	a#search-link { display:block; }
	#ipcals-logo{background-image:none !important; max-height:100px !important;}
	#ipcals-logo img {max-height: 100px; }
	#cu-logo  {background: url(/cuwebbanner/images/cornell45.gif) no-repeat left top !important;}
	#cu-identity, #cu-logo, #cu-logo a { height:45px !important; }
	#footer {display:none;}
	#mobile-footer {display: block;}
}

/* "retina" cu-signatures 45 (iphone,hi res android)*/
@media all and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 640px),
all and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 640px),
all and (min-device-pixel-ratio: 1.5) and (max-width: 640px)
	   {

		#cu-logo  {
			background: url(/cuwebbanner/images/cornell-45retina45.png) no-repeat;
			-moz-background-size: 169px 45px;
			-o-background-size: 169px 45px;
			-webkit-background-size: 169px 45px;
			background-size: 169px 45px;
			height:45px;
		}
		#cu-logo a { height:45px; }
		
	   }
	   
/* "retina" cu-signatures 75 (ipad, hi res tablets)*/
@media 
all and (-webkit-min-device-pixel-ratio: 1.5) and (min-device-width: 768px) and (min-device-height: 1024px),
all and (-moz-min-device-pixel-ratio: 1.5) and (min-device-width: 768px) and (min-device-height: 1024px),
all and (min-device-pixel-ratio: 1.5) and (min-device-width: 768px) and (min-device-height: 1024px) 
{	

	#cu-logo  {
		background: url(/cuwebbanner/images/cornell-75retina75.png) no-repeat;
		-moz-background-size: 240px 75px;
		-o-background-size: 240px 75px;
		-webkit-background-size: 240px 75px;
		background-size: 240px 75px;
	}
	#cu-logo { height:150px; }
}