/* Theme Styles */
/* Color KEY */
/* Directory: Light Orange: fad3B2 */
/* VideoArchive pages (node-tvlink ) -- line #672*****/


body.thrColFixHdr {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #fff url('images/header-bg-classic.gif') repeat-x;
}

.wrap {	width: 1024px; margin: 0 auto;}
.picture img {width:140px;}

/* #################################### */.spotlights_photo_caption
/* VideoArchive pages (node-tvlink )*****/
/* #################################### */
.taxonomyright { display:block; width:100%; text-transform:Capitalize;}
.taxonomyright ul.links li {margin-right:10px;}
.taxonomyright ul li{ float:right; border-left: none; border-right: 1px solid #ccc;}


a.videolink, a.videolink:link {  font-size:14px;text-decoration:none;}
a.videolink:visited { color:#666;text-decoration:none;}
a.videolink:hover  { color:#4097C5; text-decoration:none;}
hr.videolink { width:100%; float:left; color:red;}
img.videolink_thumb{ border:1px solid gray; height:60px; max-width: 80px; float:left; margin:0 10px 0 0;}
img.videolink_arrow {border:1px solid gray; margin:33pt 10px 0pt -20pt; height: 20px; float:left;}

/* landing page */
img.videoarchive_video{ border:3px solid #666; height:300px; width: 535px; text-align:center; margin:0; padding:0; border-bottom: 35px solid #333; text-align:center;}
img.videoarchive_play_btn {border:1px solid gray; float:left; height:60px; width:70px; margin:130px 0 0 230px; position:absolute;} 
a.videoarchive_title, a.videoarchive_title:link, a.videoarchive_title:visited {color: #E1E1E1; top: -30px; text-align:center; text-transform:capitalize; position:relative; text-decoration:none; font-size:12px; letter-spacing: 0.3px;}
a.videoarchive_title:hover                                                    {color: #cc0000; top: -30px; text-align:center; text-transform:capitalize; position:relative; text-decoration:none; font-size:12px; letter-spacing: 0.3px;}

/** left menu */


#block-menu-menu-videoarchive ul.menu li{margin-bottom:5px;}
#block-menu-menu-videoarchive ul.menu li ul{margin-top:5px;}


.thrColFixHdr #container { 
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.thrColFixHdr #header { 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0;
	height: 142px;
	width: 1024px;
}

/* ANCHOR TAG */
	a, a:link, a:visited {
		font-weight: normal;
		text-decoration: underline;
		color: #296894;
	}
	
	a:visited {
		color: #666;
	}
	
	a:hover {
		color: #4097c5;
	}
	
#header #logo {
	padding: 21px 47px 0 28px;
	float: left;
	}
	
#header #logoLinux {
	margin: 21px 47px 0 28px;
	float: left;
	}	
	
#header #slogan {
	margin: 21px 0 10px 16px;
	float: left;
	font-size: 11px;
	color: #678697;
	text-transform: uppercase;
	}
/** style for "calendar.csail.mit.edu" */
#header #mrbscalendarslogan {
	margin: 21px 0 30px 16px;
	float: left;
	font-size: 11px;
	color: #678697;
	text-transform: uppercase;
	}

#header #rightside {
	float: left;
	text-align: left;
	 margin: 16px 0 0; /** margin: 16px 27px 0 170px; */
	color: #678697;
	text-transform: uppercase;
	 float: right;

	}

#rightside a {
	color: #678697;
	font-weight: normal;
}

#rightside .toplinks .block {margin:0; padding:0; border:none;}
#rightside .toplinks h2.title {display: none;}
#rightside .toplinks a, .toplinks a:visited , .toplinks a:link {
	color: #678697;
	font-weight: bold;
	text-decoration:none;
	font-size:9px;
	margin: 0;
}

#rightside .toplinks a:hover  { color: #3399CC;}

#rightside p {
	margin: 0 0 8px 0;
	padding: 0;
	}
	


#header #topnav {
	float: left;
	margin-top: 23px;
	width: 800px;
	border: none;
	background: none;
	}


.nice-menu {
	padding: 0;
	margin: 0;
	float: left;
	font-weight: bold;
	}

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
}

#sidebar1 .block-nice_menus, #sidebar1 .block-user {margin-top: 30px;}
#sidebar1 ul.nice-menu li {background:none; border:none; line-height: 20px;  text-transform: capitalize; padding:0;}
#sidebar1 ul.nice-menu li.licalendar {line-height: 28px; padding-left: 3px;}
#sidebar1 ul.nice-menu li a.active {color:#000;}



#topnav .content {
	border: none;
	}

#topnav .nice-menu li {
	float: left;
	list-style: none;
	color: #000;
	border: none;
	background-color: #; /** #d8e5e8;*/
	padding:10px;
	border-top-left-radius:7px;
	border-top-right-radius: 7px;
	margin-right:10px;	}

	#topnav .nice-menu li a { padding: 0; font-weight:bold; text-transform:uppercase; font-size:11px;}
#topnav ul.nice-menu-down li.menuparent, #topnav ul.nice-menu-down li.menu-path-node-95 { background:none;  border:1px solid transparent;}
#topnav ul.nice-menu-down li.menuparent:hover, ul.nice-menu li:hover,   #topnav ul.nice-menu-down li.menu-path-node-95:hover { background:#E6EDEF; border:1px solid #b7cbd0;} /** b7cbd0 dark*/
/** #topnav ul.nice-menu-down li.menuparent.active-trail { background:#f1f6f7; border:1px solid #b7cbd0;}  active menu links */

#topnav .nice-menu li ul{
	margin-top: 22px;
	border: none;
  border-top: solid 2px #d8e5e8;
}

#topnav .nice-menu li ul li {
	float: left;
	list-style: none;
	padding: 0 10px;
	color: #000;
	margin: 0;
	line-height: 30px;
	border-radius:0px;
	}
#topnav ul.nice-menu-down li ul li.last { border-bottom-left-radius:7px;  border-bottom-right-radius: 7px; }
#topnav ul.nice-menu-down li ul li.first {border-top-right-radius: 7px; }
#topnav ul.nice-menu-down li ul li { background:#f1f6f7; border:1px solid #b7cbd0;} /** E6EDEF */
#topnav ul.nice-menu-down li ul li:hover { background:#E6EDEF;}
#topnav ul.nice-menu-down li ul li a {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
    text-transform: capitalize;
}


.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 184px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0; /* padding keeps the content of the div away from the edges */
}

#sidebar {  background-color: red;
}

#sidebar1 .indent {
	padding: 0 0 20px 0;
	font-size: 13px;
	}

.thrColFixHdr #sidebar1 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width:100%;
	color: #666;
}
.thrColFixHdr #sidebar1 ul  li{ width:100%;}
#sidebar1 .block-nice_menus ul {margin-bottom:20px;} 
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 298px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0; /* padding keeps the content of the div away from the edges */
	line-height: 15px;
	color: #666;
}

#sidebar2 .indent {
	padding: 38px 0 0 12px;
	font-size: 11px;
	}

.blue- #sidebar2 .indent {
	padding: 0 78px 0 12px;
	}

#sidebar2 h3 {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}
	
/* csail spotlights pages  */
.thrColFixHdr #channelAbout #container #mainContentMedium .indent #featured-csailtitle { width:600px; height:50px; margin:30px 0 0 0; color:#E6B300;font-size: 23px; text-transform:capitalize;font-family:Geneva, Arial, Helvetica, sans-serif;line-height:30px;}
/* CSAIL Spotlights blocks:left sidebar block & csailspotlights page block */
#sidebar1 #block-views-menu_spotlights-block_2  .views-field-title,  #block-views-menu_spotlights-block_1  .views-field-title{ padding: 5px 0 10px 8px; }

.thrColFixHdr #mainContent, .thrColFixHdr #mainContentWide, .thrColFixHdr #mainContentMedium { 
	margin: 0; /* No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0; 
	float: left;
	line-height: 17px;
	color: #000;
}

.thrColFixHdr #mainContent { width: 542px;}

.thrColFixHdr #mainContentWide { 
	width: 820px; /** ? 780px */
}

.thrColFixHdr #mainContentMedium { 
	width: 820px; 
}

#mainContent .block, #mainContentWide .block {margin-top: -1.5em;}

#mainContent h6, #mainContentWide h6 {
	font-size: 13px;
	font-weight: normal;
	line-height: 19px;
	color: #333;
	border-bottom: solid 1px #fc0;
	padding: 10px 0;
	margin: 0;
	}
	
.thrColFixHdr #footer, #mainContentMedium #footer  { 
	margin: 50px 0 0 0;
	width:1024px;
	
} 

.thrColFixHdr #footer.footwide {
	margin: 10px 0 20px 0;
}


.thrColFixHdr #footer p, .thrColFixHdr #blue-footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.indent {
	padding: 0px 16px 16px 16px;
	}

.nobreak { white-space: nowrap; }

.navParent {
	margin: 12px 0 12px 0;
	font-size: 80%;
	text-transform: uppercase;
}

.nice-menu li a {
	color: #000;
	text-decoration: none;
	}



ul.nice-menu ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu ul {
  top: 12px;
  left: 0;
  border: none;
  margin-right: 0;
}

/* Override for Garland header. */
#header-region ul.nice-menu ul {
  top: 12px;
}

.topnav .nice-menu {
	background: #d8e5e8;
	}

ul.nice-menu ul li {
  width: 200px;
}

#header-region ul.nice-menu-down li ul li ul {
  left: 200px;
  top: -10px;
}

.nice-menu ul li ul {
	visibility: hidden;
	}

ul.nice-menu-down li li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent {
  background: none;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent:hover,
#header-region ul.nice-menu-down li li.over {
  background: none;
}


#footer, #blue-footer {
	background: none;
	border-top: solid 1px #ccc;
	width: 500px;
	}

#footer.footwide {
	width: 730px;
}

#footer.footmedium {
	width: 630px;
}

.blue- #footer {
	background: none;
	border-top: none;
	width: 510px;
	}


#search label {
	display: none;
	}

#search input.form-text {
	border: 1px solid #cfdde0;
	border-right:none;
	background: #edf4f6;
	width: 180px;
	color: #4f5252;
	font-size: 9px;
	padding: 5px 10px;
	 border-bottom-left-radius: 8px; border-top-left-radius: 8px;
	/* box-shadow: 1px 1px 5px 2px #cfdde0; */
	}

#search input.form-submit {
	border: 1px solid #cfdde0;
	
	border-left:none;
	border-bottom-right-radius: 8px;  border-top-right-radius: 8px;
	  box-shadow: 1px 1px 5px 2px #cfdde0; 
	background: #edf4f6;
	color: #85979b;
	font-size: 9px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 5px;
	height: 25px;
	}
	



h1 {
	font-size: 19px;
	color: #333;
	line-height: 22px;
	}

.nice-menus {
	height: 30px;
	}

.block {
	border-bottom: none;
	}

/* */
.book-navigation { display:none; }


/* #################################### */
/* Left Menu default list styles -none */
/* #################################### */
ul.menu li.leaf {list-style-image:none;list-style-type:none;}

/* #################################### */
/* CUSTOM MODULE STYLES ONLY BELOW HERE */
/* #################################### */

/* GENERIC */
		.paddingLeftTD, .paddingRightTD { padding:0 10px;}
		
		/* @csail: remove this style when new user module is created */
		#user-login-form { text-align: left; }
		
		.csailloginBlock { margin: -10px 0 20px 200px; }
		
		.bgodd { background-color: #F3F4EE; border-bottom:1px #ccc solid;}		
		.bgeven { background-color: #fff;  border-bottom:1px #ccc solid; }

	/* CUSTOM MODULES */
		.studentspotlightdetail_picture, csailnewssmall_picture{
			float: left;
			margin: 2px 20px 10px 0;
			font-style:italic;
		}
		
		.studentspotlight_photo_caption, .csailnewsPhotoCaption {
			font-size: .8em;
			width: 300px;
		}
		
		.csailnewsPhotoCredit {
			font-size: 0.8em;
		}
		
		.studentspotlight_photo_credit, .csailnewsPhotoCredit {
			font-size: .8em;
		}
		
		.studentspotlight_img, .csailnewssmall_img {
			width: 230px;
			border:1px solid #666;
		}
		

    li.odd {
    	padding: 8px; background-color: #fff;  padding: 8px;  border: 1px solid #fff;
 }
    
    li.even, li.views-row-even { background-color: #e9e9e9;  padding: 8px;  border: 1px solid #ccc;}

    
  /* CSAIL SEARCH */
    .searchResults li {
      margin-left: 8px;
      padding-left: 8px;
    }
	
		


/* ANYTHING IN THE RIGHT COLUMN */		
		.rColBlock {
			margin-bottom: 10px;
		}

		.rColBlock ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		.rColBlock li {
			margin-bottom: 8px;
		}
		
		hr {
			height: 1px; 
			border: none; 
			margin: 14px 0 14px 0;
			border-top: 1px solid #666666;			
		}

			
		.readMore {
			font-size: 80%;
			text-transform: uppercase;
			font-weight: normal;
		}
		
		
    
    /* LANDING PAGE */
			.csailnewsFeatured h2 {
				margin-bottom: 1px;
			}

			.csailnewsFeatured .byline {
				margin-bottom: 8px;
			}

			.csailnewsFeatured .photo {
				float: left;
				margin-right: 8px;
			}
			
			.csailnewsFeatured img {
				max-width: 300px;
				border: 0;
			}

			
			img.csailnewsPhotoSize {width: 300px; }
			
			.csailnewsFeatured ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
			.csailnewsFeatured li {
				margin-bottom: 8px;
			}
			
			
			.clear {
				clear: left;
			}

			
			.studentspotlight_feature_include_img {
				max-width: 175px;
				float: left;
				margin-right: 8px;
			}
			.studentspotlight_feature_include_name {
				font-weight: bold;
			}
			
			ul.csailnewsMoreNewsList {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
		/* ARCHIVE PAGE */
			ul.csailnews_all li, .view-media .item-list ul li,  .view-menu-spotlights .item-list ul li, .view-Jobs .item-list ul li, .view-urop-view .item-list ul li  {
				padding:20px 20px 20px 20px;
				border-radius:10px;
				list-style: none;
				list-style-position: outside;
				list-style-type: none;
			
			} 
			
			ul.csailnews_all{
				margin: 0;
				padding: 0;}
			ul.csailnews_all li {margin:10px 0;  min-height:110px;  overflow: hidden; /**background-color:#eee;border: 1px solid #ccc;*/}
	        ul.csailnews_all li.even:hover,  ul.csailnews_all li.odd:hover {background-color:#e9e9e9;border: 1px solid #999;}
		
			.view-media .item-list ul li, .view-media .item-list ul, .view-menu-spotlights .item-list ul, .view-menu-spotlights .item-list ul li, .view-Jobs .item-list ul li, .view-Jobs .item-list ul, .view-urop-view .item-list ul, .view-urop-view .item-list ul li {margin:0; overflow:auto; overflow-y: auto; overflow-x:hidden;}
			
			.view-media .item-list ul, .view-menu-spotlights .item-list ul, .view-Jobs .item-list ul, .view-urop-view .item-list ul {padding:0;}

			ul.csailnews_all a, .view-media ul li a, .view-menu-spotlights ul li a, .view-Jobs .item-list ul li a, .view-urop-view .item-list ul li a, a.csailnewstermstitle{
				font-weight: normal;
				font-size: 14px;
				color: #01527A;
				text-decoration: none;
				margin-bottom:5px; text-shadow:1px 3px 3px #fff;
			}
			/**.view-menu-spotlights ul li a {text-shadow:1px 3px 3px #999;} */
			.articleDate, .date, .articleDate a {font-size:0.9em; margin-top:5px; font-style:italic; text-decoration:none; color:#999;}
			.notopmargin {margin-top:0;}
			
			.view-menu-spotlights img.csailnews_img { width: 150px; border: 1px solid #333; float:left; margin:0 20px 10px 0;}
			.view-menu-spotlights .taxonomyright {float:right; margin:10px 0;}
/* DETAIL PAGE */
			ul.csailnews_meta {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
			ul.csailnews_meta li {
				font-style:italic;
			}

		/* AWARDS PAGE */
			.csailawardLanding {
				margin-top: 12px;
			}
			
			.csailawardLanding a, .csailawardLanding a:link, .csailawardLanding a:visited {text-decoration: none; color:#296894;}
			.csailawardLanding a:hover {text-decoration: underline; color:#3399CC;}
			
			.csailawardLanding table {
				width: 100%;
			}
			
			.csailawardLanding .filters {
				text-align: right;
			}
		.csailawardLanding td{ font-size:12px; padding:5px;}
			
			table.featuredAwards {
				margin-bottom: 12px;
			}
				

	/* HOME PAGE NEWS & EVENTS MODULE HOOKS */
		.homeRightCol {
			margin-top: 30px;
			margin-left: 2px;
			padding: 0;
		}
		
		.homeRightCol h6 {
			font-size: 11px;
			text-transform: uppercase;
			color: #e0771c;
			margin: 0 0 12px 0;
			padding: 0;
			margin-top: 0;
		}
		
		ul.homeRecentNews, .homeEvents ul {
			margin: 0 0 20px 0;
			padding: 0 0 0 0;
			list-style: none; font-weight: normal; font-size: 11px;
		}
		
		.homeRecentNews li, .homeEvents li {
			margin-bottom: 12px;
		}
				
		.homeRecentNews .date, .homeRecentNews .byline, .homeEvents .eventDateTime {
			font-weight: bold;
		}
		
		.homeRecentNews li, .homeRecentNews .date, .homeRecentNews .byline, .homeEvents li, .homeEvents .eventDateTime, .eventInformation .byline   {
			color: black;
		}
		
		.view-menu-spotlights ul.homeRecentNews li a, .homeEvents a { font-weight: normal; font-size: 11px; color:#333; text-decoration:none; }
		.view-menu-spotlights ul.homeRecentNews li a:hover, .homeEvents a:hover {color:#296894;}
		ul.homeRecentNews li.even, ul.homeRecentNews li.views-row-even {border:none; background-color:#fff; padding:0;}


/* Tabular View Styles */

table.content tr th {
     background: #fad3b2;
     padding: 2px 12px;
     border: none;}

table.control tr td {
     border: none;}

table.content tr th a {
     color: #000;}

table.content tr th a.asc {
     padding-right: 14px;
/**     background: url('/National_Library/20161130034600oe_/http://www.csail.mit.edu/csail/images/arrowSm-o-d.gif') no-repeat right; */}

table.content tr th a.desc {
     padding-right: 14px;
  /**   background: url('/National_Library/20161130034600oe_/http://www.csail.mit.edu/csail/images/arrowSm-o-u.gif') no-repeat right;*/} 

table.content tr td {
     background: #f2f2f2;
     padding: 6px 12px;}

table.content tr.rowOdd td,

.paginationLinks {
  margin-top: 12px;
}
     
table.content, 
table.control {
     width: 100%;
     }

table.control tr td.alignR {
     text-align: right;
     padding-top: 10px;
     }


/* ############################################################################################## */
/* CHANNEL SPECIFIC COLORS AND OPTIONS : see page.tpl.php for placement and information
/* ############################################################################################## */

	h1, h1.title {
		text-transform: uppercase;
		padding-bottom: 7px;
		margin-bottom: 7px; /** G added */
		border-bottom: 1px solid;
		font-size: 19px;
		color: #333;
	}
	
	h2, .block h2.title {
		font-size: 12px;
	}
	
	h3 { 
	 font-size: 11px;
	 margin-bottom: 2px;
	}

	
	.node ul {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}
	
	.breadcrumb {
		margin-top: 4px;
		font-size: 11px;
	}
	
	.breadcrumb a {
		color: #666;
		text-decoration: none;
	}

  #sidebar1 strong {
    color: black;
  }

	#sidebar1 h2 {
		color: black;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	#sidebar1 a {
		text-decoration: none;
		color: #999;
	}
	
	#sidebar1 a:hover {
		text-decoration: underline;
	}
	
	.submitted {
		display: none;
	}
	
	.submitted_blog {
	color:#999999;
	font-size:0.9em;
	}
	
	#comments .submitted {
	  display: block;
	}


/* set defaults for all channels */
	#sidebar1 h2, #sidebar1 h2.title, #sidebar2 h2.title {
		color: black;
		text-transform: uppercase;
		font-size: 11px;
	}
	
	.spacer {
	  margin-bottom: 25px;
	}
	
	p.pageIntro {
		font-size: 14px;
		padding-bottom: 11px;
		line-height: 20px;
		color: #666666;
	}

/* home page */
	#channelHome #sidebar2 {
		margin-top: -25px;
	}
	
	#mainContentLeft {width: 710px;}
	#mainContentLeft .homecontent {margin:0; overflow: hidden;}
	#mainContentLeft .homecontent node {display: none;}
	#mainContentLeft .homecontent block {margin:0; padding:0;}
	#mainContentLeft .homecontent img.homepage {width:710px; height:300px; border:1px solid #999; display:block; border-radius:10px 10px 0 0;}
	#mainContentLeft .homecontent img.homeimagebackground {height: 80px; width: 710px; border: none; margin-top: -80px;}
	#mainContentLeft .homecontent h2.homepage {margin: -70px 20px 5px 20px;}
	#mainContentLeft .homecontent h2.homepage a {color: #7aa2bd; font-size: 11px; font-weight: bold; letter-spacing: 2px; /** text-transform: uppercase; */ text-shadow: #000  1px 1px 1px;}
	#mainContentLeft .homecontent .homepagetext {margin:-10px 0 0 0; color:#eee; font-size:1,2em; letter-spacing:2px; font-weight:normal; text-transform: uppercase; background: #333; border:#999 1px solid; border-radius: 0 0 10px 10px; border-top: none; padding:20px;}
	#mainContentLeft .homecontent .homepagetext a {color:#eee; text-decoration:none;}
	#mainContentLeft .homecontent a:hover, #mainContentLeft .homecontent h2.homepage a:hover {color:orange;}
	#mainContentLeft .homecontent .more {margin:-10px 0 0 600px;}
	#mainContentLeft .homecontent .more a {color: #7aa2bd; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; text-decoration:none; position:absolute; top:458px;}
	
	#mainContentLeft .leftcontent {
		float: left;
		margin: 30px 20px 20px 20px;
		width: 300px;
	}

	#mainContentLeft .rightcontent {
		float: right;
		margin: 30px 0 0;
		width: 350px;
	}
	
	.leftcontent h2.title, .rightcontent h2.title{display:none;}
	
	 a.homepagetitles {color:#3C636D; font-size:11px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
	a.homepagetitles:hover {color:#39c;}
	
/* about */
	#channelAbout p.pageIntro {
		border-bottom: solid 1px #e6b300;
	}
	
	#channelAbout #mainContentWide h2 {
		color: #e6b300;
	}
	
	a.spotlightLink {
    color: #e6b300;
    font-size: 12px; 
    font-weight: bold;
    margin-bottom: 0px;
	}
	
	h2.spotlight {
	  margin: 0 0 0 0;
	}
	
	#channelAbout hr {
		border-color: #e6b300;
	}
	
	#channelAbout h1.title {
		border-color: #e6b300;
	}
	
/**	#channelAbout #header {
  	background: url('images/header-bg-classic.gif') repeat-x;
	}	*/

/* channel admin */
	#channelAdmin #header {
	  background: url('f') repeat-x;
	}	
	
	#channelAdmin .indent {
	  padding-top: 10px;
	}




/* other -- things like search results, etc. */
	#channelOther hr {
		border-color: #296894;
	}
	
	#channelOther h1.title {
		border-color: #296894;
	}
	
	#channelOther td, #channelOther th {
	  padding: 4px;
	}
	
	#channelOther th {
	  background-color: #d8e5e8;
	  font-weight: normal;
	}
	
	#channelOther h2 {
	  font-size: 14px;
	  margin: 18px 0 0 0;
	}
	
	#channelOther ul {
	  margin-top: 2px;
	}
	
  .searchResultsDirectory table {
	  width: 100%;
	}

/* section: Directory*/
		table.directory_exhibit td {
			vertical-align: top;
		}

    .profile td, .profile th {
      padding: 4px;
    }		
      
    .profile th {
      background-color: #fad3B2;
      font-weight: normal;
    }

    .profile th a, .profile th a:hover, .profile th a:visited {
      color: black;
    }
    

		
		.profile .profilePicture {
			margin-right: 8px;
			max-width: 140px;
		}
		
		.profile .profile ul {
			margin: 0 0 25px 0;
			padding: 0;
			list-style: none;
			width: 300px;
		}
		
		.profile ul.tags {
      display: inline;
      list-style: none;
      margin-bottom: 30px;
    }
		
		.profile table.profile td {
		  vertical-align: top;
		}
		
		 .profile li {
			margin: 0 0 5px 0;
			padding: 0;
			line-height: 16px;
		}
		
	   .profile .profileList li {
		  margin-bottom: 0px;
		  padding-bottom: 0px;
		}

	.profile h1.title {
		border-color: #eb6e00;
	}
	
	.profile .profile h3 {
		text-transform: uppercase;
		font-weight: bold;
		border-bottom: 0;
		margin: 0;
	}

/**	.profile #header {
	  background: url('images/header-bg-classic.gif') repeat-x;
	}*/
	
	.profile #sidebar1 {
	 padding-top: 23px;
	}
	.profile pre {background-color:transparent; width:100%; border:none;display: inline; padding:0; margin:0;
	font:inherit; 
	white-space: pre-wrap;                 /* CSS3 browsers  */
    white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
    white-space: -pre-wrap;                /* Opera 4 thru 6 */
    white-space: -o-pre-wrap;              /* Opera 7 and up */
    word-wrap: break-word;      }
	


/** CSAIL Award module */

#block-csailawards-1, #block-csailawards-0, #block-csailawards-2 {
	border: 1px solid #CCCCCC; background:#e1e1e1; padding: 20px; border-radius:5px;}

#block-csailawards-1 .title, #block-csailawards-0 .title, #block-csailawards-2.title  {text-transform:uppercase; color:#333;}
#block-csailawards-1 .form-item label, #block-csailawards-0 .form-item label, #block-csailawards-2 .form-item label {color:#666; margin:5px 0; font-weight:normal;}
#block-csailawards-1 .form-item .description,   #block-csailawards-0  .form-item .description, #block-csailawards-2 .form-item .description{color:#666;}

/* research */
	#channelResearch h2 {
		color: #3C636D ; font-weight: normal;
	}
	
  #channelResearch p.pageIntro {
		border-bottom: solid 1px #ec0f0f;
	}

	
	#channelResearch hr {
		border-color: #ec0f0f;
	}

/**	#channelResearch #header {
	background: url('images/header-bg-classic.gif') repeat-x;
	}
*/
	

	.play-page #mainContentMedium {
		width: 675px;
		padding-top: 6px;
		}
	
	.play-page #sidebar1 .indent {
		padding-top: 20px;}
	
	.play-page h1.title {
		border-color: #ec0f0f;
	}
	
	.play-page .content p {
		line-height: 17px;
		}
	
	.play-page .content .pageIntro {
		padding-bottom: 0;
		font-size: 11px;}
	
	.play-page .content .download {
		float: right;
		position: relative;
		margin-bottom: 20px;
		height: 24px;}
	
	.play-page .content .section-header {
		border-top: solid 1px #ec0f0f;
		padding: 10px 0;
		width: 100%;
		position: relative;
		height: 25px;
		clear: both;
		}
	
	.play-page .content .right {
		float: right;
		position: relative;
		height: 24px;}
	
	.play-page .content .left {
		line-height: 17px;
		font-size: 13px;
		font-weight: bold;
		float: left;
		position: relative;
		height: 24px;}
	
	.play-page .content .left a {
		font-size: 13px;
		font-weight: bold;
		}
	
	.play-page .content h4 {
		font-size: 13px;
		font-weight: bold;
		color: #ec0f0f;
		}
	

/* resources */
	#channelResources hr {
		border-top: 1px solid #93bd2e;
	}
	
	#channelResources h1 {
		border-color: #93bd2e;
		color: black;
	}
	
	#channelResources h3 {
	  color: black;
	}
	
  #channelResources p.pageIntro {
		border-bottom: solid 1px #93bd2e;
	}
	
	
	#channelResources .node h2 {
		color: #000;
		font-weight: bold;
	}
	
	th {
		padding: 6px 0 6px 0;
	}
	
	th a {
		text-decoration: none;
	}
	
	th a:hover {
		text-decoration: underline;
	}
	
	
/* REPLACE DEFAULT TABS STYLES */
/*
** Tab navigation
*/
ul.primary {
  padding: 0;
  white-space: nowrap;
  list-style: none;
  margin: 2px 0 0 0;
  border: 0;
}
ul.primary li {
  display: inline;
  text-transform: uppercase;
 	font-size: 9px;
}
ul.primary li a {
	border: 0;
  background-color: white;
  padding: 0;
  margin: 0 8px 0 0;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 0;
}
ul.primary li a:hover {
	font-weight: bold;
	background-color: white;
}

	/* EXHIBIT CONTROLS */
	  .exhibit-collectionView-header-sortControls {
	    display: none;
	  }
	  
	
		.exhibitFilterBox {
			padding: 4px;
			background-color: white; /** #e5e5e5; */
			margin-bottom: 2px;
		}
		
		#sidebar1 .exhibitFilterBox a {
			color: black;
			text-transform: uppercase;
			font-weight: normal;
			display: block;
			font-size: 10px;
		}
	
		#sidebar1 .exhibitFilterBox a:hover {
			text-decoration: none;
		}

    .exhibit-thumbnailView-itemContainer {
      width: 145px; position: relative;  height: 250px;
    }
    
    .exhibit-ui-protection .exhibit-thumbnailView-itemContainer-IE {
      width: 145px;
      position: relative;
      display: block;
    }
    
    .exhibit-thumbnailView-itemContainer img  {
      width: 20px; 
    }

.person-thumbnail {
	width: 150px;
	margin-bottom: 38px;
	font-size: 11px;
}
.person-thumbnail .name {
	font-weight: bold; font-size: 11px;
}
 .exhibit-thumbnailView-itemContainer .person-thumbnail img.pi_list_thumbnail {width: 140px; height: 140px; border:solid 1px #999; border-radius:5px;} 
/**.pi_list_thumbnail {width: 140px; height: 140px;}*/

.person-thumbnail a {
	font-weight: normal;
}

.exhibit-facet-header {
	display: none;
}

.exhibitViewPanel .exhibit-thumbnailView-itemContainer .position { min-height:40px; }
.exhibitViewPanel .exhibit-thumbnailView-itemContainer .position, .exhibitViewPanel .exhibit-thumbnailView-itemContainer .office, .exhibitViewPanel .exhibit-thumbnailView-itemContainer .name, .exhibitViewPanel .exhibit-thumbnailView-itemContainer .email { margin:0 4px; }

.exhibitViewPanel .exhibit-thumbnailView-itemContainer .email { font-size: 0.8em;}

/* FEATURES */

.feature-page h1.title {
		border: none;
	}

.feature-page #mainContentWide {
	width: 632px;
	}

.feature-page #floating-right {
	float: right;
	position: relative;
	margin-right: -160px;
	padding: 16px;
	}

a.more {
	text-transform: uppercase;
	font-size: 11px;
	}

span.spotTitle a {
	color: #ebbb00;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	}

span.spotTitle a:hover {
	text-decoration: underline;
	}

/* SEARCH RESULTS */
  .searchResults ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
  }
  
  .searchResults li {
    margin-bottom: 6px;
  }

/* PLAIN TEMPLATE FOR FORMS */
  .basicHead {
    text-align: left;
    width: 300px;
    padding-left: 10px;
    font-size: 11px;
  }
  
  .basicHead h1 {
    font-size: 12px;
    border-bottom: none;
  }
  
/* home page icons */
.photo_icon {
	float:left;
  position: relative;
  top: +2px;
  margin:0 5px 0 0;
}

.video_icon {
  position: relative;
  top: +1px;  
}


/* MRBS Stuff */

td.cream {
  background-color: #d8e5e8;}
  
 a.icons, a.icons:link, a.icons:visited, a.icons:hover  { text-decoration:none; text-transform:capitalize; line-height:20px; font-size: 10px;}
 .icons  img {margin:0 5px -5px 0; border: 1px solid #999;width:20px; height:20px;}

 
 /* FEEDS */
 
 a.feed-icon {float:right;}

/* csail spotlights */
a.featured-csailtitle, a:visited.featured-csailtitle, a:hover.featured-csailtitle , a:link.featured-csailtitle 
{
color:#E6B300;
font-size:14px;
/* font-weight:bold; */
line-height:24px;
text-decoration:none;
}

/* Fix for title bug jayg 061008 */
.nice-menu-hide-title {
	display: none;
}

#tagcloud { display:none;}

/* People Profiles  **/

/* #edit-pass-wrapper, #edit-mail-wrapper .form-item {visibility:hidden; display:none;}*/

#field-photo-slideshow-items .description p{
background:#EEEEEE; font-size:0.85em; width:335px; padding: 0 0 0 5px;
}

/** Michael Dertouzos memorial subsite */
body#memorial_pages {width:100%; max-width:1500px; min-width: 1000px; font-size: 14px; color:#666666; font-family:"Times New Roman",Georgia,Serif; background:#3F3F33;}
#memorial_pages_frame {margin:50px; background:#fff; padding:20px; border:solid 5px #999; z-index: 0; }
body#memorial_pages  .node .content {line-height:23px;}

body#memorial_pages  .node .content p {margin-bottom:1.5em;}

#memorial_pages_frame h2 {margin:0 0 20px 400px; color:#000; font-weight:normal;}
 
#mission, .node .content, .comment .content {
    line-height: 1.4em;
}

img#logo_white {vertical-align:top; margin: 5px 10px 0 5px;}

div#memorialheader{ height:140px; margin:auto; text-align:center; }

div#memorialheader img#DLSname {width:500px;}
div#memorial_menu{
    height: 37px;
    margin: 0;
    padding: 0 0 0 90px;
width: 650px;
margin:auto;
  font-weight:bold;
  text-transform: uppercase;
  font:	12px Georgia, "Times New Roman", Times, serif;

}


#memorial_menu a{
	float:					left;
	display:				block;
	margin:					0px 1px 0 0px;
	padding:				3px 5px;
	margin: 0 5px;
	color:					#666;
	border:					1px solid #999;
	border-top:				none;
	border-right-color: #CCC;
	background:				#F3F3F3 /*#F2ECE4; */ ;
	vertical-align:			text-bottom;  text-decoration:none;
}

#memorial_menu a:hover{ color: #333;  border-color:#666; background:#CCC; }
#mainContent_memorial {margin:0 40px;}

#memorial_pages_frame .block .views-field-title a, #mainContent_memorial h2 {font-size:1.2em; text-decoration:none; text-transform: uppercase; color: #333;}

#memorial_pages_frame  .views-field-field-author-value, #memorial_pages_frame  .views-field-created ,  #mainContent_memorial .field-field-author{font-size:.9em; text-align:right; margin-right: 100px;}

#memorial_pages #mainContent_memorial img { border:solid 2px #333; margin: 0 5px;}

 tbody {border:none;}

#memorial_pages_frame  #block-views-DLS_memorial_tribute-block_1  {padding:3em  5em 5em 5em;  width: 660px; margin:auto; border:dashed 1px #ccc; background: #fff url(/National_Library/20161130034600oe_/http://www.csail.mit.edu/sites/default/files/rememrances_bg.jpg) repeat left top; font-family:cursive; font-size:1.1em;}
/** #memorial_pages_frame .block {margin:0 60px;}  */

#memorial_pages_frame  #block-views-DLS_memorial_tribute-block_1 .item-list {margin:30px 0 0 0; font-size: .9em;}
#memorial_pages_frame  #block-views-DLS_memorial_tribute-block_1 .item-list a {color: #3F3F33;}

/** DLS rememberances pages */
#block-views-DLS_memorial_tribute-block_2 {margin-right:50px; text-align: justify;}
.view-id-DLS_memorial_tribute .views-row {margin-bottom:30px;}
.view-id-DLS_memorial_tribute .views-field-view-node {font-size:0.8em; }


/**  headder images  */

.right_img {padding: 0pt; margin: 0;  position: absolute; top:0; right:0;}

/** spotlights */

.view-menu-spotlights .thmbimg{width: 350px; height:149px; margin: 10px 20px 35px 0; border:1px solid #999;}

/** research centers pages */

.research_centers_thb {width:60px; height:60px; margin:0 10px 10px 0; float:left; border:1px solid #999; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px;  border-top-left-radius: 35px; border-top-right-radius: 35px;}


 .research_centers_thb  table {border:none; margin-top:20px; }
 .research_centers_thb thead, .view-data-centers  thead {display:none;}
 
 a.reserchblockfrontpagetitle, a:visited.reserchblockfrontpagetitle, a:link.reserchblockfrontpagetitle {font-weight:bold; text-decoration:none; text-transform:capitalize; font-size:12px; color:#333;}
 
 a:hover.reserchblockfrontpagetitle, h6  a:hover {color:#3399CC;}
tr.even {
    background-color: #fff; border: none;} 
    
tr.odd {
    background-color: #e7e7e7; border:none;}
.rightcontent tr.odd {background-color:transparent;}


tr.even td, tr.odd td {padding:20px;}
.rightcontent tr.even td, .rightcontent tr.odd td {padding:0 0 20px 0;}
img.research {height:150px; width:250px; border:solid 2px #ccc; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  border-top-left-radius: 10px; border-top-right-radius: 10px; }

/** top landing pages image and sidemenu with topimgae layout*/
.topimgae { position:relative; z-index:1; margin-top:-100px; background-color:transparent;}
.topimgaeblock {margin-top:-7px;}

a.subtitle { font-size: 1.1em; text-transform: capitalize;  text-decoration:none;}

/** news research */

.research_list, .research-list { font-size:13px; line-height:20px; float: left; color:#666; overflow:hidden; background-color: #EEEEEE; border:solid 15px #eee;
border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  border-top-left-radius: 10px; border-top-right-radius: 10px; height: 350px; width: 210px;
margin: 10px; padding: 0; box-shadow:0px 0px 1px 1px #CCCCCC;}

.research_list_long { font-size:13px; line-height:20px; float: left; color:#666; overflow:hidden; background-color: #EEEEEE; border:solid 15px #eee;
border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  border-top-left-radius: 10px; border-top-right-radius: 10px;  width: 100%;
margin: 10px 10px 20px 10px; padding: 0; box-shadow:0px 0px 1px 1px #CCCCCC;}
 a .research_list_long, {text-decoration:none; color: 666;}

 
.thmbimg_780 { float: left; width: 780px; height:250px; margin: 0 0 20px 0; border:1px solid #999; border-radius:10px; }

div.researchnewstitle, div.researchnewstitle a {margin-bottom:20px; font-size:14px; color: #296894; text-shadow:1px 1px 5px #fff; text-decoration:none;}
 div.researchnewstitle, div.researchnewstitle a:hover{color:#4097c5;}

 .research_list_long .researchnewstitle {margin-bottom:20px; font-size:14px; color: #296894; text-shadow:1px 1px 5px #fff; font-weight:normal; text-transform:uppercase;}
 
div.research_list hr {border-color:#999; margin: 0 0 14px 0; } 
a.researchnewstitle, p.pageIntro a {color:#165176; /**text-transform:uppercase;*/ text-decoration:none; /** text-shadow: 1px 1px 1px #ccc; */}
.thmbimg, .view-menu-spotlights img.thmbimg210 { float: left; width: 210px; margin: 0 0 5px 0; border:1px solid #999;  border-radius:10px;}
.csailnews_all .thmbimg, .view-menu-spotlights .csailnews-all img.csailnewsspotlights  {width: 150px; margin: 0 20px 5px 0;border:1px solid #999; float: left; border-radius:10px;}
p.pageIntroresearch {padding:20px; border:1px solid #ccc; background-color: #EEEEEE; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  border-top-left-radius: 10px; border-top-right-radius: 10px; margin:0 20px 20px 10px;}
p.pageIntro a { font-size: 13px; padding:0 0 0 20px;}
a:hover .research_list, a:hover .research_list_long {background-color: #f1f1f1; border:solid 15px #f1f1f1; box-shadow:0 0 15px 1px #ccc;}

.view-menu-spotlights ul.homeRecentNews li .newsblockfrontpagetitle a{ display: block; font-weight:bold; color:#000;  margin-bottom:0;/**letter-spacing: 1px;  font-size:12px; line-height: 12px;*/}
.text, .view-menu-spotlights ul li a.text {color:#333; text-shadow:none; display: block; line-height:12px;}
.view-menu-spotlights ul.homeRecentNews li .newsblockfrontpagetitle a:hover {color:#3399CC;}
 .view-menu-spotlights ul li a.text:hover {color:#333;}

hr.dotted {border:1px dotted #ccc; display:none;}

a .iap_block, a:link .iap_block, a:visited .iap_block {padding: 20px; color:333; text-decoration:none;  background-color: #e9eeef;  border: 1px solid #ccc; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  border-top-left-radius: 10px; border-top-right-radius: 10px; }
a:hover .iap_block{box-shadow:0 0 15px 1px #ccc;}

/** news */

/* news */

.csailnewssmall_photo_caption, .csailnewssmall_photo_credit {font-size: .8em;}
.csailnewssmall_picture, .csailnewssmall_picture .csailnewssmall_photo_caption, .csailnewssmall_picture .csailnewssmall_photo_credit, .csailnewssmalldetail_picture { width: 230px; float: left; margin: 0 20px 10px 0;}

	#channelNews h1, #channelNews h2 {
		border-color: #35a3de;
	}
	
.csailnews_photo_caption {font-size:1.1em; margin:50px 10px 0 20px; color:#666; line-height:1.5em;}
.csailnews_photo_credit {font-size: .9em; margin:20px 10px 0 20px; color:#666;}

.csailnews_main_photo_caption {font-size:1,1em; margin:50px 10px 0 20px; color:#666; line-height:1.3em;}
	
	#channelNews hr {
		color: #35a3de;
		border-top: 1px solid #a3d3e7;	
	}
	
	#channelNews th {
		background-color: #87c6e1;
		font-weight: normal;
		color: black;
	}
	
	#channelNews th a {
		text-decoration: none;
		font-weight: normal;
		color: black;
	}
	
	#channelNews ul.menu,
	#channelAbout ul.menu
	{
		margin-left: 3px;
		padding-left: 2px;
		line-height: 14px;
	}
	
	#channelNews ul.menu li,
	#channelAbout ul.menu li {
		margin: 0 0 5px 0;
		list-style: none;
	}
	

.csailnewsdetail_body {width:550px; margin: 20px 20px 20px 0; }
.csailnewsdetailfullpage_body {width:800px; margin: 20px 0 0 0;}
.csailnewsdetailfullpage_body img, .csailnewsdetail_body img {width: 200px; height: 100%; float: left; margin: 0 10px 5px 0;} /** delete this line if images in the future and other browsers are  destroyed */
.related{ border: 1px solid #ccc; border-radius: 5px;  padding:0;  overflow: hidden; width: 230px; margin-top:30px;}
.related .title {font-size: 11px; font-weight: bold; margin:20px; }
.related hr {border:1px dashed #ccc; margin:10px;}
.related_news_links { margin: 20px;}
	
div.newstable, div.spotlightstable {background:#e7e7e7; margin:0; padding:0; width:800px; max-height:350px; overflow:hidden; color:#000; border:1px solid #666; border-radius:10px; vertical-align:bottom;}
div.spotlightstable {max-height:550px; position: relative; margin-bottom: 30px;}
div.newstopimage, div.spotlightstopimage  {background:#ccc; margin:0; padding:0; }
div.newstopimage img {float:left; }

.csailnews_img { border: 1px solid rgb(102, 102, 102); max-width:550px; max-height:350px; }
.spotlights_img { border: 1px solid rgb(102, 102, 102); max-width:800px; max-height:350px; }

.newstext {font-size: 1em; padding:0; max-height:350px; overflow:hidden;}

.csailnewsdetail_picture { max-width: 550px; max-height: 350px; overflow: hidden; float:left; }

.articleAuthor {color: #333; font-size: 14px; font-style: italic; margin-bottom: 20px;}

table#field_press_mentions_values {width:800px;}

.spotlights_photo_caption {font-size:1.1em; padding:30px; color:#666; line-height:1.5em;}

.spotlights_photo_caption i { display:block; font-size: 0.8em; color:#999; padding-top: 20px; }

/** Twitter */
#block-block-32 {margin-top:-15px;}

/** popped up CSS press release box on news pages -->
*/
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0,0,0, .9);
  transition: opacity .25s ease;
  z-index:5000;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
  z-index: 3000;
}

.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal__inner {
-webkit-transition:  top .25s ease;
  -moz-transition:  top .25s ease;
  -o-transition:  top .25s ease; 
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: 50%;
}

.modal_200 {
  webkit-transition:  top .25s ease;
  -moz-transition:  top .25s ease;
  -o-transition:  top .25s ease; 
  transition: top .25s ease;
    position: absolute;  
    bottom: 0;
    right: 0;
    top: -20%;
	    left: 0;
		width: 300px;
	    margin: auto;
		overflow: auto;
	    background: #fff;
	    border-radius: 5px;
	    padding: 1em 2em;
	    height: 200px;
}

.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	
  .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}


/* Other
 * =============================== */


.btn {
  cursor: pointer;
  background: #999;
  display: inline-block;
  padding: .5em 1em;
  color: #fff;
  border: 1ps soild #333;
  border-radius: 3px;
}

.btn:hover,
.btn:focus {
  background: #666;
}

.btn:active {
  background: #666;
}

 img.press {
  height: 100px;
  width: auto;
  float: left;
  margin: 0 1em 1em 0;
  border: 1px solid #333;
    border-radius: 5px; 
}

/** addthis */

#addthis {width:150px; height:17px;}
#at_hover.atm-s a#atic_amazonwishlist, .atm-s a#atic_amazonwishlist, #atic_amazonwishlist {display: none;}
#at15pf {display: none;}