@import url(/s/resources/css/appstyles.css);
@import url(//fonts.googleapis.com/css?family=Oswald);

/* General Styles
---------------------------------------------*/
form,body,html{height:100%;width:100%;margin:0;padding:0;}
body{}
pre { white-space: pre-wrap; }
img {max-width: 100%; height: auto;}
* { -webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing:border-box;}

/*section img, #ContentMiddle img {max-width:100%;height:auto!important;}*/
section img, #ContentMiddle img {height:auto!important;}

.imod_eventDetails .imod_eventButtons input {font-size: 21px; -webkit-appearance: inherit; font-weight: normal; background: transparent; outline: none; border: 1px solid #ccc; border-radius: 10px; padding: 5px 15px; cursor: pointer;}

/* Helpful Classes
---------------------------------------------*/
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}
.group:after, .container:after, .imod-guest-list-details li:after {content: "";clear: both;display: table;}

img.left{float:left;margin:0 7px 7px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}
img.hero {max-width:100%!important;height:auto!important;}

.invisibleButAccessible{display:none;}

header {position:relative;z-index:1000;}
section, footer {position:relative;z-index:100;}

/* form fix example page: 275 */
.MemberFieldsWidget td, 
.WidgetContainer td{vertical-align:top;}

/* MTLinksContainer */
div.MTLinkscontainer {display:none;}

/* User roles */
/*****************************************************************************************************************************/
#ContentRole {width:35%;margin-top:50px;clear:both;text-align:left;}
#ContentRoleBorders {border:3px double #ccc;padding:15px;margin-bottom:20px;}
#ContentRoleBorders h2,
#ContentRoleBorders h3 {color:#fff;}
#iModulesKey {font-size:85%;}
#iModulesKey strong {text-transform:uppercase;}

/****************************************************************************************************************************/


/*** Custom styles ***/
/********************************************/
.pictureleft {margin:0px 7px 0px 0px;}
.pictureright {margin:0px 0px 0px 7px;}
.pictureborder {border:1px solid #6a737b;}
/********************************************/

.cleaR {clear:both;}

body {font: 12px Arial, Helvetica, sans-serif;background: url(images/classes/bg-tile.gif) repeat;margin:0px;padding:0px;line-height:18px;color:#666666;}

#structWrapper {text-align:center;}
#structBorder {border-bottom:300px solid #d21033;position:absolute;top:0;left:0; width:100%;}
#structContainer {margin-top:0px;text-align:left;position:relative;}

#color {display:none;}

/* HEADER 
******************************************************/
#structHeaderWrapper.headerContent {height:157px;position:relative;text-align:center;*z-index:99999!important;}
.headerContent #structHeader {height:157px;position:relative;text-align:left;}

.headerContent #topWrapper {background-color:#333;height:39px;}
.headerContent #ContentMemberTools {float:left;clear:both;margin:0px 0px 0px 0px;margin:9px 0px 0px 5px;}
.headerContent #ContentMemberTools ul {margin:0px;padding:0px 0px 0px 0px;}
.headerContent #ContentMemberTools li {list-style-type:none;float:left;}
.headerContent #ContentMemberTools li a{display:block;color:#fff;text-decoration:none;font-size:12px;padding:2px 8px;font-weight:normal;background:url(images/classes/mt-divider.gif) right center no-repeat;}
.headerContent #ContentMemberTools li a:hover {text-decoration:underline;}
.headerContent #ContentMemberTools li.last a {background:none;}


.headerContent #ContentSearch {;float:right;height:19px;margin:10px 10px 0px 0px;position:relative;}
.headerContent .searchbx {width:192px;width:189px;height:100%;margin-left:3px;margin-right:0px;border:1px solid #fff;color:#777;}
.headerContent #ContentSearch > div > img {display:none;}
.headerContent #ContentSearch span.SearchModuleSpacer {padding:0px;*padding:0px;}
/* Search bar button*/

#ContentSearch img {
	position:absolute;
	bottom:0;
	right:0;
	background: #d21034;
	padding:2px;
}

#Print {display:block;width:16px;height:16px;position:absolute;top:17px;right:0px; display: none;}


.headerContent #logoWrapper {/*height:71px;*/margin-top:7px;margin-bottom:7px;}
.logoBlock {vertical-align:middle;height:100%;padding:10px 0;}
.logoBlock img {max-height:50px;}
.headerContent #ContentstructLogo {/*height:30px;*/float:left;margin:20px 0px 0px 0px;padding:4px 0px 0px 0px;}
.headerContent #ContentstructLogo h2 {color:#fff;font-size:34px;text-transform:uppercase;margin:0px;padding:0px;line-height:34px}
.headerContent #ContentstructLogo h2 span {padding-right:10px;margin-right:3px;background: url(images/classes/background-border-span.gif) right center no-repeat;}
.headerContent #ContentstructLogo h2 span a {color:#fff;text-decoration:none;}
.headerContent #ContentstructLogo h2 span a:hover {color:#333;}
.headerContent #ContentstructLogo .leftText {width:80px;border-right:1px solid #fff;float:left;padding-right:10px;}
.headerContent #ContentstructLogo .leftText h3 {color:#fff;font-size:16px;font-weight:bold;margin:0px;padding:0px;text-align:right;line-height:14px;text-transform:uppercase;}
.headerContent #ContentstructLogo .leftText h3 a {color:#fff;text-decoration:none;}
.headerContent #ContentstructLogo .leftText h3 a:hover {}
.headerContent #ContentstructLogo .leftText h4 {color:#fff;font-size:14px;margin:0px;padding:0px;text-align:right;line-height:14px;text-transform:uppercase;font-weight:normal;}
.headerContent #ContentstructLogo .commName {float:left;padding-left:10px;}
.headerContent #ContentstructLogo .commName h2{color:#fff;font-size:34px;margin:0px;padding:0px;line-height:34px;margin-top:-4px;}
.headerContent #ContentstructLogo a{color:#fff;}
.headerContent #ContentstructLogo a:hover{color:#333;text-decoration:none;}
.headerContent #ContentstructLogo .longtitle {margin-left:5px;}
.headerContent #ContentstructLogo .longtitle h2 {line-height:32px;padding:0px;padding-right:10px;margin:0px;margin-right:10px;background: url(images/classes/background-border-span.gif) right center no-repeat;display:block;width:60px;float:left;}
.headerContent #ContentstructLogo .longtitle h4 {display:block;float:left;width:400px;font-size:16px;margin:0px;padding:0px;line-height:16px;}

.sloan .headerContent #logoWrapper {width:100%;height:71px;margin:7px 0px 7px 0px;}

.sloan .headerContent img.sloanLogoTop {float:left;margin:4px 5px 0px 10px;}
.sloan .headerContent #ContentstructLogo {width:650px;height:30px;float:left;margin:20px 0px 0px 0px;padding:4px 0px 0px 0px;}
.sloan .headerContent #ContentstructLogo h2 {color:#fff;font-size:34px;text-transform:uppercase;margin:0px;padding:0px;line-height:34px}
.sloan .headerContent #ContentstructLogo h2 span {padding-right:10px;margin-right:3px;background: url(images/classes/background-border-span.gif) right center no-repeat;}
.sloan .headerContent #ContentstructLogo h2 span a {color:#fff;text-decoration:none;}
.sloan .headerContent #ContentstructLogo h2 span a:hover {color:#333;}
.sloan .headerContent #ContentstructLogo .leftText {width:100px;border-right:1px solid #fff;float:left;padding-right:10px;}
.sloan .headerContent #ContentstructLogo .leftText h3 {color:#fff;font-size:16px;font-weight:bold;margin:0px;padding:0px;text-align:right;line-height:14px;text-transform:uppercase;}
.sloan .headerContent #ContentstructLogo .leftText h3 a {color:#fff;text-decoration:none;}
.sloan .headerContent #ContentstructLogo .leftText h3 a:hover {}
.sloan .headerContent #ContentstructLogo .leftText h4 {color:#fff;font-size:14px;margin:0px;padding:0px;text-align:right;line-height:14px;text-transform:uppercase;font-weight:normal;}
.sloan .headerContent #ContentstructLogo .commName {float:left;padding-left:10px;}
.sloan .headerContent #ContentstructLogo .commName h2{color:#fff;font-size:34px;margin:0px;padding:0px;line-height:34px;margin-top:-4px;}
.sloan .headerContent #ContentstructLogo a{color:#fff;}
.sloan .headerContent #ContentstructLogo a:hover{color:#333;text-decoration:none;}

.headerContent #ContentClassClubBlock {/*width:222px;height:70px;*/float:right;}

/* hide spacer in header by logo & club block */
#ContentstructLogo img[src="/images/spacer.gif"], #ContentClassClubBlock img[src="/images/spacer.gif"]{display:none;}

.classClubBlock img {max-height:5.5em;}



/* Header NAV
/*************/
.headerContent #ContentToplinks {clear:both;/*position:absolute;*/bottom:0px;left:0px;width:978px;background-color:#515151;*z-index:999;}
.headerContent #ContentToplinks ul {padding:0; margin:0px; margin-top:0px; list-style-type:none;width:auto;float:left;/*z-index:2;*//* z-index is for IE6 */}
.headerContent #ContentToplinks li { padding:0; margin:0;float:left;}
.headerContent #ContentToplinks li a {display:block; font:18px Georgia, "Times New Roman", Serif; color:#fff;  padding:6px 15px 6px 10px; text-decoration:none;}
.headerContent #ContentToplinks li:hover a, #ContentToplinks li.sfHover a{ }
	/* IE 7 keeps menus static
	****************************************/
.headerContent #ContentToplinks li:hover, #ContentToplinks li.hover {
		position: static;
	}	
	
	/* Second Level Groups */
.headerContent #ContentToplinks li ul {z-index:999; position: absolute; left: -999999px; margin:0; float:none; width:200px;border:none;border-top:4px solid #d21033;background-color:#333;}
.headerContent #ContentToplinks li li { width: 200px;}
.headerContent #ContentToplinks li li a { text-align:left;text-transform:none!important;padding:5px 10px;font-weight:normal;color:#fff;font-size:12px;}
.headerContent #ContentToplinks li li a:hover, #ContentToplinks li li.sfHover a{ background-color: #515151;color:#fff;}
.headerContent #ContentToplinks li.last ul{/*position:absolute;right:0px;*/}	

	/* Third Level Groups */
.headerContent #ContentToplinks li li ul { margin:-20px 0 0 200px}
	
	/* The Magic */
.headerContent #ContentToplinks li:hover ul ul,
.headerContent #ContentToplinks li:hover ul ul ul,
.headerContent #ContentToplinks li.sfhover ul ul,
.headerContent #ContentToplinks li.sfhover ul ul ul { left: -999em;}
	
.headerContent #ContentToplinks li:hover ul,
.headerContent #ContentToplinks li li:hover ul,
.headerContent #ContentToplinks li li li:hover ul,
.headerContent #ContentToplinks li.sfhover ul,
.headerContent #ContentToplinks li li.sfhover ul,
.headerContent #ContentToplinks li li li.sfhover ul { left: auto;}

/* BODY CONTENT 
******************************************************/
#structMidWrapper.bodyContent {background-color:#f1ede3;min-height:500px;margin-bottom:25px;padding:20px 0;}
.twoColumn #structMidWrapper.bodyContent {padding:0;}


.bodyContent #ContentLeftNavCC li {display:none;}
.bodyContent #ContentLeftNavCC li.selected{display:block;}
.bodyContent #ContentLeftNavCC li.selected li,
.bodyContent #ContentLeftNavCC li.selected li li {display:block;}

.bodyContent #ContentLeftNavCC {}
.bodyContent #ContentLeftNavCC ul{margin:0px;padding:0px;}
.bodyContent #ContentLeftNavCC li{list-style-type:none;}
.bodyContent #ContentLeftNavCC ul#nav1 li a{display:block;padding:8px 0px 8px 0px;color:#6a737b;text-decoration:none;font:14px Arial, Verdana, Helvetica, sans-serif;}
.bodyContent #ContentLeftNavCC li a:hover {text-decoration:underline;}
.bodyContent #ContentLeftNavCC li.selected a {color:#c6c6c6;font-weight:bold;text-decoration:none;border-bottom:6px solid #D21033;}

.bodyContent #ContentLeftNavCC ul#nav2 {background-color:#f5f2eb;border:1px solid #e3ded3;}
.bodyContent #ContentLeftNavCC ul#nav2 li {border-top:1px solid #e0e5e9;}
.bodyContent #ContentLeftNavCC ul#nav2 li a {border-bottom:none!important;padding:8px;font-weight:normal;}
.bodyContent #ContentLeftNavCC ul#nav2 li a:hover {background-color:#fff;color:#990033!important;text-decoration:underline;}

.bodyContent #ContentLeftNavCC li ul#nav3 {padding-bottom:8px;}
.bodyContent #ContentLeftNavCC li ul#nav3 li{border:none;}
.bodyContent #ContentLeftNavCC li ul#nav3 li a{padding:3px 10px 3px 30px!important;font-size:12px;}
.bodyContent #ContentLeftNavCC li ul#nav3 li.selected a{color:#c6c6c6!important;font-weight:bold!important;text-decoration:none;}

/*.bodyContent #ContentBreadCrumbs {position:absolute;top:180px;right:10px;}
.bodyContent #ContentBreadCrumbs ul{padding:0;margin:0 0 0 0;list-style:none;float:left;}
.bodyContent #ContentBreadCrumbs li{padding:0;margin:0;float:left;list-style-type:none;}
.bodyContent #ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:12px;padding:2px 6px 2px 8px;background:url(images/bcArw.png) no-repeat center left;color:#fff;}
.bodyContent #ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;color:#fff;}
.bodyContent #ContentBreadCrumbs li.navselected a{font-weight:bold;color:#b9daec;}
*/

.bodyContent h1#ContentpageName {margin:0px 0px 15px 0px;color:#4f4e4c;font:24px Georgia, "Times New Roman", Times, serif;padding:8px 0px 6px 0px;display:block;border-bottom:6px solid #d21033;width:100%;}
.bodyContent #imodDefault {clear:both;}
.bodyContent #ContentMiddle {}
.bodyContent #ContentMiddle img {max-width: 100%;}

.layoutNews table, .layoutFeature table {table-layout: fixed;}

/* FOOTER CONTENT
**************************************************************/

#structFooterWrapper.footerContent  {clear:both;color:#fff;border-top:10px solid #d21033;}

.footerContent #structFooterWrapper2 {margin-left:auto;margin-right:auto;padding:15px 0px;position:relative;}
.footerContent #structFooterWrapper a {color:#fff;text-decoration:underline;}
.footerContent #ContentFooter {text-align:left;margin:0px 0px 0px 0px;clear:both;padding:15px 0px;float:left;}

.footerContent .mitaaLogo {float:left;}
.footerContent .mitaaLogo a{display:block;width:85px;height:60px;background:url(images/classes/mit-logo-bottom-left.png) no-repeat;text-indent:-9999em;}

.footerContent .footText {float:left;line-height:13px;margin-left:12px;}

.footerContent #ContentFooterNav {text-align:left;margin:0px 0px 0px 0px;padding:0px;font-size:12px;}
.footerContent #ContentFooterNav ul{margin:0px;padding:0px;float:left;width:100%;}
.footerContent #ContentFooterNav li{list-style-type:none;display:inline;}
.footerContent #ContentFooterNav li a{color:#fff;text-decoration:none;font-family:Arial, Verdana, Sans-serif;}
.footerContent #ContentFooterNav li a:hover{text-decoration:underline;}
.footerContent #ContentFooterNav li.first a {background:url(images/classes/footernav-divider.gif) right center no-repeat;padding-right:9px;margin-right:5px;}
.footerContent #ContentFooterNav li.mitLogo {position:absolute;right:0px;}
.footerContent #ContentFooterNav li.mitLogo a{display:block;background: url(images/classes/mit-logo-rt-corner.gif) no-repeat;width:47px;height:24px;text-indent:-99999em;}

.sloan .footerContent #ContentFooterNav ul{margin:0px;padding:0px;float:left;width:80%;}
.sloan .footerContent #ContentFooterNav .mitLogo {position:absolute;right:0px;}
.sloan .footerContent #ContentFooterNav .mitLogo a{display:block;background: url(images/classes/mit-logo-rt-corner.gif) no-repeat;width:47px;height:24px;text-indent:-99999em;}

.sloan .sloanLogoFoot {float:left;width:43px;height:51px;padding-right:15px;}
.sloan .footerContent .mitaaLogo {float:left;margin-top:15px;}
.sloan .footerContent .mitaaLogo a{display:block;width:125px;height:24px;background:url(images/classes/mit-logo-bottom-left.gif) no-repeat;text-indent:-9999em;}
.sloan .footerContent .footText {float:left;line-height:13px;margin:15px 0 0 12px;}

/**************************************************************************************/
/*** Interior (2 Column) Template ***/

.twoColumn .bodyContent .structColumn1 {clear:both;padding:20px 0 20px 10px;}
.twoColumn .bodyContent .structColumn2 {padding:20px 10px;background:#fff;min-height:550px;}

.twoColumn #structMidWrapper.bodyContent {}

/**************************************************************************************/
/*** Interior 3 Column Template ***/

.threeColumn .bodyContent .structColumn1 {padding:0 0 0 10px;/*clear:both;float:left;margin-left:39px;width:190px;margin:27px 0px 0px 20px;*/}
.threeColumn .bodyContent .structColumn2 {/*width:460px;float:left;margin:27px 0px 0px 40px;*/position:relative;}
.threeColumn .bodyContent .structColumn3 {padding:0 10px 0 0;/*width:210px;padding:20px 0px;margin:21px 20px 0px 0px;float:right;*/}

.threeColumn #structMidWrapper.bodyContent {background: #fff url(images/classes/left-bg-int.gif) top left repeat-y;}

/**************************************************************************************/
/*** Start Template ***/

.start .bodyContent .structColumn1 {padding-left:10px;/*clear:both;float:left;width:210px;margin:20px 0px 0px 20px;position:relative;*/}
.start .bodyContent .structColumn2 {/*width:460px;float:left;margin:20px 0px 0px 20px;*/}
.start .bodyContent .structColumn3 {padding-right:10px;/*width:210px;padding:0px 0px;margin:20px 20px 0px 0px;float:right;*/}

.start .bodyContent h2 {border-bottom:4px solid #D21033;padding:4px 0px 7px 0px;margin:0px;text-transform:uppercase;font-size:16px;}

.start .bodyContent .rtBox {background-color:#f5f2eb;border:1px solid #e3ded3;padding:12px 16px;}

.seventythirty .bodyContent .structColumn2 {padding-left:10px;}

/* column 1
*****************************************/
.start .bodyContent #ContentSocial {margin:20px 0px;}
.start .bodyContent #ContentSocial ul{margin:.5em 0;padding:0;float:left;}
.start .bodyContent #ContentSocial li {list-style-type:none;float:left;}
.start .bodyContent #ContentSocial li h3 {margin:0px;line-height:33px;font-size:18px;font-family:Georgia, "Times New Roman", Serif;font-weight:normal;margin-right:8px;}
.start .bodyContent #ContentSocial li a {display:block;width:32px;height:32px;text-indent:-9999em;margin-right:10px;}
.start .bodyContent #ContentSocial li.we a {background: url(images/gid106/editor/sub-tn-we.jpg) no-repeat;background-size:contain;}
.start .bodyContent #ContentSocial li.fb a {background: url(images/tn-fb.gif) no-repeat;}
.start .bodyContent #ContentSocial li.in a {background: url(images/tn-in.gif) no-repeat;}
.start .bodyContent #ContentSocial li.tw a {background: url(images/tn-tw.gif) no-repeat;}
.start .bodyContent #ContentSocial li.youtube a {background: url(images/tn-youtube.png) no-repeat;}
.start .bodyContent #ContentSocial li.google a {background: url(images/tn-google.gif) no-repeat;}
.start .bodyContent #ContentSocial li.cleaR {display:block;}
.start .bodyContent #ContentSocial .Socialicons .header {width:100%;}

.start .bodyContent .layoutStart02 {margin:20px 0px;}
.start .bodyContent .layoutStart02 ul{margin:.5em 0;padding:0;float:left;}
.start .bodyContent .layoutStart02 li {list-style-type:none;float:left;}
.start .bodyContent .layoutStart02 li h3 {margin:0px;line-height:33px;font-size:18px;font-family:Georgia, "Times New Roman", Serif;font-weight:normal;margin-right:8px;}
.start .bodyContent .layoutStart02 li a {display:block;width:32px;height:32px;text-indent:-9999em;margin-right:10px;}
.start .bodyContent .layoutStart02 li.we a {background: url(images/gid106/editor/sub-tn-we.jpg) no-repeat;background-size:contain;}
.start .bodyContent .layoutStart02 li.fb a {background: url(images/tn-fb.gif) no-repeat;}
.start .bodyContent .layoutStart02 li.in a {background: url(images/tn-in.gif) no-repeat;}
.start .bodyContent .layoutStart02 li.tw a {background: url(images/tn-tw.gif) no-repeat;}
.start .bodyContent .layoutStart02 li.youtube a {background: url(images/tn-youtube.png) no-repeat;}
.start .bodyContent .layoutStart02 li.google a {background: url(images/tn-google.gif) no-repeat;}
.start .bodyContent .layoutStart02 li.cleaR {display:block;}
.start .bodyContent .layoutStart02 .Socialicons .header {width:100%;}

/* Column 2
*****************************************/
.start .bodyContent #ContentMiddleLayoutFeature {}
.start .bodyContent #ContentMiddleLayoutFeature {margin:0px;padding:0px;}
.start .bodyContent #ContentMiddleLayoutFeature strong:first-child {color:#4f4e4c;font-size:26px;display:block;line-height:26px;font-family:Georgia, "Times New Roman", Serif;font-weight:normal;text-transform:none;margin:0px;padding:0px;}
.start .bodyContent #ContentMiddleLayoutFeature p {padding:0px 0px 30px 220px;margin:0px 0px 0px 0px;font-size:12px;}
.start .bodyContent #ContentMiddleLayoutFeature p img {margin-left:-220px;float:left;}
/* no image style */
.start .bodyContent #ContentMiddleLayoutFeature p.nopicture {padding:0px 0px 30px 0px}

.start .bodyContent #ContentMiddleLayoutNews {font-size:12px;line-height:18px;}
.start .bodyContent #ContentMiddleLayoutNews h2 {margin-bottom:15px;}
.start .bodyContent #ContentMiddleLayoutNews span.imodTools {display:block;float:right;}
.start .bodyContent #ContentMiddleLayoutNews span.imodDate {display:block;}
.start .bodyContent #ContentMiddleLayoutNews span.imodLink {display:block;color:#990033;}
.start .bodyContent #ContentMiddleLayoutNews span.imodLink a{text-decoration:none;display:block;}
.start .bodyContent #ContentMiddleLayoutNews span.imodLink a:hover{text-decoration:underline;}
.start .bodyContent #ContentMiddleLayoutNews span.imodPreview {display:block;margin-bottom:15px;}

/* Column 3 
*****************************************/

.start .bodyContent .structColumn3 {}
.start .bodyContent .structColumn3 .rtBox ul {margin:0px;padding:0px;}
.start .bodyContent .structColumn3 .rtBox li {list-style-type:none;}
.start .bodyContent .structColumn3 .topSpace {padding-top:20px;}
.start .bodyContent .structColumn3 .btmSpace {margin-bottom:20px;}


/* twitter feed overwrite */
#ContentMiddleLayoutBlock1 {position:relative;}
#ContentMiddleLayoutBlock1 .twtr-ft,
#ContentMiddleLayoutBlock1 .twtr-hd,
#ContentMiddleLayoutBlock1 .twtr-hd h3,
#ContentMiddleLayoutBlock1 .twtr-hd h4,
#ContentMiddleLayoutBlock1 .twtr-hd h4 a {background-color:#dbd8cf!important;color:#767676!important;}
#ContentMiddleLayoutBlock1 .twtr-hd {color:#dbd8cf!important;}
#ContentMiddleLayoutBlock1 .twtr-bd {background-color:#e0e5e9!important;}

#ContentMiddleLayoutBlock1 .twtr-ft a{color:#767676!important;}
#ContentMiddleLayoutBlock1 .twtr-tweet-text {color:#666!important;}
/* links will be changed by the class associated with the template. the css can be found below*/

#ContentMiddleLayoutBlock1 .twtr-doc {}
#ContentMiddleLayoutBlock1 #twtr-widget-1 {position:relative;}
/**/
	

/***********************************************************************************/
/* COLORS */

/*
red = Default
.blue = #0188c8
.tan = #e0d17c
.lime = #b2bd01
.teal = #4f8d98
.brick = #922020
.purple = #704165
.green = #0a8834
.orange = #ed8000
*/

/***********************************************************************************/
/**** BLUE ******/
/***********************************************************************************/

.blue #structBorder {border-bottom:300px solid #0188c8;}
.start .blue .bodyContent h2 {border-bottom:4px solid #0188c8;}
.blue .bodyContent #ContentLeftNavCC li.selected a {border-bottom:6px solid #0188c8;}
.blue .headerContent #ContentToplinks li ul {border-top:4px solid #0188c8;}
.blue .bodyContent h1#ContentpageName {border-bottom:6px solid #0188c8;}
.blue #structFooterWrapper.footerContent  {border-top:10px solid #0188c8;}

/* twitter*/
.blue #ContentMiddleLayoutBlock1 p a.twtr-hyperlink, 
.blue #ContentMiddleLayoutBlock1 p em a.twtr-timestamp,
.blue #ContentMiddleLayoutBlock1 p em a.twtr-reply,
.blue #ContentMiddleLayoutBlock1 p a.twtr-hashtag,
.blue #ContentMiddleLayoutBlock1 p a.twtr-atreply {color:#990033!important;}

/***********************************************************************************/
/**** TAN ******/
/***********************************************************************************/

.tan #structBorder {border-bottom:300px solid #e0d17c;}
.start .tan .bodyContent h2 {border-bottom:4px solid #e0d17c;}
.tan .bodyContent #ContentLeftNavCC li.selected a {border-bottom:6px solid #e0d17c;}
.tan .headerContent #ContentToplinks li ul {border-top:4px solid #e0d17c;}
.tan .bodyContent h1#ContentpageName {border-bottom:6px solid #e0d17c;}
.tan #structFooterWrapper.footerContent  {border-top:10px solid #e0d17c;}

/* twitter*/
.tan #ContentMiddleLayoutBlock1 p a.twtr-hyperlink, 
.tan #ContentMiddleLayoutBlock1 p em a.twtr-timestamp,
.tan #ContentMiddleLayoutBlock1 p em a.twtr-reply,
.tan #ContentMiddleLayoutBlock1 p a.twtr-hashtag,
.tan #ContentMiddleLayoutBlock1 p a.twtr-atreply {color:#990033!important;}

/***********************************************************************************/
/**** LIME ******/
/***********************************************************************************/

.lime #structBorder {border-bottom:300px solid #b2bd01;}
.start .lime .bodyContent h2 {border-bottom:4px solid #b2bd01;}
.lime .bodyContent #ContentLeftNavCC li.selected a {border-bottom:6px solid #b2bd01;}
.lime .headerContent #ContentToplinks li ul {border-top:4px solid #b2bd01;}
.lime .bodyContent h1#ContentpageName {border-bottom:6px solid #b2bd01;}
.lime #structFooterWrapper.footerContent  {border-top:10px solid #b2bd01;}

/* twitter*/
.lime #ContentMiddleLayoutBlock1 p a.twtr-hyperlink, 
.lime #ContentMiddleLayoutBlock1 p em a.twtr-timestamp,
.lime #ContentMiddleLayoutBlock1 p em a.twtr-reply,
.lime #ContentMiddleLayoutBlock1 p a.twtr-hashtag,
.lime #ContentMiddleLayoutBlock1 p a.twtr-atreply {color:#990033!important;}

/***********************************************************************************/
/**** TEAL ******/
/***********************************************************************************/

.teal #structBorder {border-bottom:300px solid #4f8d98;}
.start .teal .bodyContent h2 {border-bottom:4px solid #4f8d98;}
.teal .bodyContent #ContentLeftNavCC li.selected a {border-bottom:6px solid #4f8d98;}
.teal .headerContent #ContentToplinks li ul {border-top:4px solid #4f8d98;}
.teal .bodyContent h1#ContentpageName {border-bottom:6px solid #4f8d98;}
.teal #structFooterWrapper.footerContent  {border-top:10px solid #4f8d98;}

/* twitter*/
.teal #ContentMiddleLayoutBlock1 p a.twtr-hyperlink, 
.teal #ContentMiddleLayoutBlock1 p em a.twtr-timestamp,
.teal #ContentMiddleLayoutBlock1 p em a.twtr-reply,
.teal #ContentMiddleLayoutBlock1 p a.twtr-hashtag,
.teal #ContentMiddleLayoutBlock1 p a.twtr-atreply {color:#990033!important;}

/***********************************************************************************/
/**** BRICK ******/
/***********************************************************************************/

.brick #structBorder {border-bottom:300px solid #922020;}
.start .brick .bodyContent h2 {border-bottom:4px solid #922020;}
.brick .bodyContent #ContentLeftNavCC li.selected a {border-bottom:6px solid #922020;}
.brick .headerContent #ContentToplinks li ul {border-top:4px solid #922020;}
.brick .bodyContent h1#ContentpageName {border-bottom:6px solid #922020;}
.brick #structFooterWrapper.footerContent  {border-top:10px solid #922020;}

/* twitter*/
.brick #ContentMiddleLayoutBlock1 p a.twtr-hyperlink, 
.brick #ContentMiddleLayoutBlock1 p em a.twtr-timestamp,
.brick #ContentMiddleLayoutBlock1 p em a.twtr-reply,
.brick #ContentMiddleLayoutBlock1 p a.twtr-hashtag,
.brick #ContentMiddleLayoutBlock1 p a.twtr-atreply {color:#990033!important;}

/***********************************************************************************/
/**** PURPLE ******/
/***********************************************************************************/

.purple #structBorder {border-bottom:300px solid #704165;}
.start .purple .bodyContent h2 {border-bottom:4px solid #704165;}
.purple .bodyContent #ContentLeftNavCC li.selected a {border-bottom:6px solid #704165;}
.purple .headerContent #ContentToplinks li ul {border-top:4px solid #704165;}
.purple .bodyContent h1#ContentpageName {border-bottom:6px solid #704165;}
.purple #structFooterWrapper.footerContent  {border-top:10px solid #704165;}

/* twitter*/
.purple #ContentMiddleLayoutBlock1 p a.twtr-hyperlink, 
.purple #ContentMiddleLayoutBlock1 p em a.twtr-timestamp,
.purple #ContentMiddleLayoutBlock1 p em a.twtr-reply,
.purple #ContentMiddleLayoutBlock1 p a.twtr-hashtag,
.purple #ContentMiddleLayoutBlock1 p a.twtr-atreply {color:#990033!important;}

/***********************************************************************************/
/**** GREEN ******/
/***********************************************************************************/

.green #structBorder {border-bottom:300px solid #0a8834;}
.start .green .bodyContent h2 {border-bottom:4px solid #0a8834;}
.green .bodyContent #ContentLeftNavCC li.selected a {border-bottom:6px solid #0a8834;}
.green .headerContent #ContentToplinks li ul {border-top:4px solid #0a8834;}
.green .bodyContent h1#ContentpageName {border-bottom:6px solid #0a8834;}
.green #structFooterWrapper.footerContent  {border-top:10px solid #0a8834;}

/* twitter*/
.green #ContentMiddleLayoutBlock1 p a.twtr-hyperlink, 
.green #ContentMiddleLayoutBlock1 p em a.twtr-timestamp,
.green #ContentMiddleLayoutBlock1 p em a.twtr-reply,
.green #ContentMiddleLayoutBlock1 p a.twtr-hashtag,
.green #ContentMiddleLayoutBlock1 p a.twtr-atreply {color:#990033!important;}

/***********************************************************************************/
/**** ORANGE ******/
/***********************************************************************************/

.orange #structBorder {border-bottom:300px solid #ed8000;}
.start .orange .bodyContent h2 {border-bottom:4px solid #ed8000;}
.orange .bodyContent #ContentLeftNavCC li.selected a {border-bottom:6px solid #ed8000;}
.orange .headerContent #ContentToplinks li ul {border-top:4px solid #ed8000;}
.orange .bodyContent h1#ContentpageName {border-bottom:6px solid #ed8000;}
.orange #structFooterWrapper.footerContent  {border-top:10px solid #ed8000;}

/* twitter*/
.orange #ContentMiddleLayoutBlock1 p a.twtr-hyperlink, 
.orange #ContentMiddleLayoutBlock1 p em a.twtr-timestamp,
.orange #ContentMiddleLayoutBlock1 p em a.twtr-reply,
.orange #ContentMiddleLayoutBlock1 p a.twtr-hashtag,
.orange #ContentMiddleLayoutBlock1 p a.twtr-atreply {color:#990033!important;}




/***********************************************************************************/

/****** App Styles *****/


/* div {padding:10px;border:1px solid #000;}temporary during setup */
form#MainForm {
	width: 100%;
	height:auto!important;
	height:100%; /* IE6: treated as min-height*/
	min-height:100%;
}

a {text-decoration: none;color:#990033;}
a:hover{color:#990033;text-decoration: underline;}
#ContentMiddle a:visited {color:#000;}
a:focus {  outline: none; }

.structColumn2 a:visited,
.start .bodyContent a:visited {text-decoration: none;color:#990033!important;}

img {border: none;}
textarea {width:350px;}

h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {
    color:#4f4e4c;
	}




.PageTitleHeader {display:none;}

/* new - as of 4/27 */
.idbmsBreadcrumbSeparator {color:#c6c6c6!important;}

.expand img {
	background-color: #c6c6c6;
	float: none;
	display: block;
}
.expand {
	background-color: #c6c6c6;
}
/* block - prevents NS/SAFARI info box stuff */
.instructions, .error, .success, .profile, .filelibfiledetails, .eventsheader, .campaignsheader, .donationpaymentamount, table.profile,  .MessageBoardsDataGridHeader, .FileLibraryFileList{
	display:block;
}

/* box settings */
.DataGridHeader, .EventsHeader, .EventDonationDetail, .CampaignsHeader, td.PageManagerHeader, tr.PageManagerHeader, .Profile {
	padding: 2px 5px 2px 5px;
	border: 1px solid #CCCCCC;
}
.instructions {}


.DataGridHeader {}
.EventDonationDetail {width:250px;}
	
/*  core */
.HelpButton {

	color: #ffffff;
	background-color: #8E9296;
	border: solid;
	border-width: 1px;

	border-color: #ffffff;
	padding: 2px;
	font-weight: bold;
	width: 48px;
	text-align: center;
}
.Error, .error {
	display: block;
	padding: 5px 0 5px 25px;
	color:  #BF0000;
	background-color: #FFE8E8;
	background-image: url(/images/icons/v2/common/exclamation.gif);
	background-repeat: no-repeat; 
	background-position: 2px;
	border: 1px solid #BF0000;
}
.Error,.error {width:auto!important}
.Success, .success {
	display: block;
	padding: 5px 0 5px 25px;
	color:  #008000;
	background-color: #D0E8D0;
	background-image: url(/images/icons/v2/common/accept.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	border: 1px solid #008000;
}
.DataGridAltItem {background: #e8e8e8;}
.DataGridPager {
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 20px;
	text-align: right;
}

/*profile */
.ProfileHeader {
	font-weight : bold;
}
.ProfilePageTabHeadings {
	font-weight:bold;
}

/* search */
.SearchResultsDataGridAltItem {
	background: #e8e8e8;
}
.SearchResultsDataGridPager {
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 50px;
}

/* message boards */
table.HotTopics {
	width:250px;
}
.MsgItem {
	background-color: #cccccc;
}
.MsgItemSubject {
	background-color: #cccccc;
}
.MsgItemInverse {
	background-color: #e8e8e8;
}
.MsgItemSubjectInverse {
	background-color: #e8e8e8;
}	
.LastPostingText {
	font-style: italic;
	color: #6B6B6B;
}
.BadWordHighlight {
	font-weight: bold;
	color: #c42830;
}
.MsgsReplyText {}
.MsgsDates {}

/* file library */
.FileLibFileDetails {
	background-color: #BCB8B8;
	width: 250px;
	padding: 2px 5px 2px 5px;
}
.FileLibraryFileList {
	background-color: #E4E4E4;
	width: 250px;
	padding: 2px 5px 2px 5px;
}
/* news */
/* events */
td.StoreItemHeader {
	border-color: #666666;
}

/* donations */
.DonationPaymentAmount {
	background-color: #E4E4E4;
	border: solid;
	border-width: 1px;
	padding: 2px 5px 2px 5px;
	border-color: #0057F;
}

/* pagemanager */
table.PageManager {
	border: solid;
	border-width : 0px;
	border-color : #002963;
}
/* photo albums */
/* communications utility */
table.CommUtil {
	/*width: 560px;*/
}
td.CommUtilHeader {
	background-color:#CCCCCC;
	color:#FFFFFF;
}
/* community specific */

/* hiding find all members checkbox*/
#cid_41_SearchGUI_ctl01, #cid_40_cbRemember  {display:none;}

/* Event details layout */
#ContentMiddle .imod_eventDetails .imod_eventContact {display:block;}
.imod_eventDetails iframe {max-width:100%;}


/* CALENDAR OVERWRITES
**************************************************************/
#ContentMiddle .TableLayout_Default td {/*max-width:98px;*/}
#ContentMiddle .TableLayout_Default td a {height:auto; padding:0;}
#ContentMiddle .radCalHover_Default, 
#ContentMiddle .radCalSelect_Default, 
#ContentMiddle .radCalWeekendSelect_Default {padding:1px 3px;}
#ContentMiddle .radCalSelect_Default a, 
#ContentMiddle .radCalWeekendSelect_Default a {width:auto!important;}
.CalendarContentItem,
td.innerCellBody_Default,
td.innerCellBody_Default > div {max-width:98px;}

/* calendar in "groups" overwrites 
http://mit.imodules.com/s/1314/clubs-classes-interior.aspx?sid=1314&gid=216&nid=1295&cid=20590&pgid=11345&action=add*/

.DES_CalControl {background-color:#fff;border-style:none;border:1px solid #ccc;padding:15px!important;}



/* Fix Application Defaults
---------------------------------------------*/
.idbmsBreadcrumbSeparator {color:#000000!important;}
.expand img {background-color: #000000!important; min-width: 16px;}
.expand {background-color: #000000!important;}
.Error,.error {width:auto!important}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

.mastWrap img[src="/images/spacer.gif"] {display:none;}

#ContentMiddle .tabstrip ul li {padding:0; background: none;}
#ContentMiddle .TabsPlacement ul li {padding:0; background: none;}
#cid_283_pnlHelp  tr {
display: block!important;
}

.imod-guest-list-details li {margin:10px 0!important;}
.imod-guest-list-details ul li div:first-child {margin-right:15px!important;}




/*MOBILE MENU*/
.m-pikabu-left {background:#333;padding:20px 0;}
.m-pikabu-nav-close {color:#fff;font-size:35px!important;margin-left:20px;}
.m-pikabu-overlay {-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}

.mobileNav ul {margin:0;padding:0;list-style-type:none;display:none;}
.mobileNav>ul {display:block;margin:20px;}
.mobileNav li {border-top:1px solid #484848;position:relative;}
.mobileNav li:first-of-type {border-top:none;}
.mobileNav>ul>li>a {font-size:16px;font-family:Georgia, serif;color:#fff;display:block;padding:10px 0;cursor:pointer;text-decoration:none;margin-right: 30px;}
.mobileNav>ul>li>a:hover {}
.mobileNav>ul>li>em {position:absolute;top:0;right:0;width:30px;text-align:center;display:block;color:#fff;font-size:1.5em;padding:.5em 0;}
.mobileNav>ul>li>em.fa-chevron-up {display:none;}
.mobileNav>ul>li>ul {margin:0 0 10px 10px;}
.mobileNav>ul>li>ul>li>a {font-size:14px;color:#fff;display:block;padding:7px 0 7px 5px;text-decoration:none;margin-right:20px;}
.mobileNav>ul>li>ul>li>em {position:absolute;top:0;right:0;width:20px;text-align:center;display:block;color:#fff;font-size:1.2em;padding:.5em 0;}
.mobileNav>ul>li>ul>li>em.fa-angle-up {display:none;}
.mobileNav>ul>li>ul>li>ul>li>a { color: #fff; display: block; padding: 5px 5px 5px 15px; }

.mobileMemberTools {padding:10px 20px;background:#3d3d3d;}
.mobileMemberTools ul {margin:0;padding:0;list-style-type:none;}
.mobileMemberTools a {font-size:14px;color:#fff;display:block;padding:5px 0;cursor:pointer;text-decoration:none;}

.mobileLeftNav {margin:20px;background:#f5f2eb;border:1px solid #e3ded3;}
.mobileLeftNav ul {margin:0;padding:0;list-style-type:none;}
.mobileLeftNav a {color:#4f4e4c;display:block;}
.mobileLeftNav>ul {padding:10px;}
.mobileLeftNav>ul>li {display:none;}
.mobileLeftNav>ul>li.selected {display:block;}
.mobileLeftNav>ul>li>a {font-family:Oswald,sans-serif;font-size:18px;text-transform:uppercase;text-decoration:none;display:block;cursor:pointer;}
.mobileLeftNav>ul>li>a:after {font-family:fontawesome;content:'\f107';float:right;font-size:30px;}
.mobileLeftNav>ul>li.active>a:after {font-family:fontawesome;content:'\f106';}
.mobileLeftNav>ul>li>ul {display:none;margin-top:10px;font-size:16px;}
.mobileLeftNav>ul>li>ul>li {padding:8px 0;border-top:1px solid #e3ded3;}
.mobileLeftNav>ul>li>ul>li>ul {margin:10px 0 0 15px;font-size:14px;}
.mobileLeftNav>ul>li>ul>li>ul>li {padding:5px 0;}

	
	.headerContent #ContentstructLogo>h2 {margin-left:10px;}

.IMOD24652 div[id$="divEditorTool"] { position: inherit!important; }

div[id*="EditorTool"] {position:static!important;}

.sloan .headerContent #ContentstructLogo .leftText h3 br{display:none;}

/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Desktop Only
   ========================================================================== */

@media only screen and (min-width: 1001px) {
}

/* =============================================================================
   768px Grid
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 1001px){
	textarea {width:100%;}
	
	.headerContent #ContentClassClubBlock {width:176px;height:54px;margin-top:10px;}
	.headerContent #ContentToplinks {width:752px;min-height:33px;}
	.headerContent #ContentToplinks li a {font:16px Georgia, "Times New Roman", Serif;}

	.headerContent #ContentClassClubBlock img {margin-top: -22px;}
	
	.headerContent #ContentstructLogo>h2 {font-size:22px;margin-left:5px;}
	
	
	.threeColumn #structMidWrapper.bodyContent {background: #fff url(images/classes/left-bg-int.gif) -46px 0 repeat-y;}
	.sloan .headerContent #ContentstructLogo{width:65%;}
}

/* =============================================================================
   Less than 768px / iPhone landscape / android portrait
   ========================================================================== */
@media only screen and (max-width: 767px) and (min-width: 480px) {
}

/* =============================================================================
   480px / iphone landscape
   ========================================================================== */
@media only screen and (max-width: 767px) {	
	.imod-guest-list-details ul li div:first-child {margin-right:0!important;float:none!important;}
	textarea, input[type="file"] {width: 100%;}
	
	.mobileButtons {background:#515151;padding:10px 20px;}
	.mobileButtons .fa, .mobileButtons a .fa {font-size:36px;color:#fff;text-decoration:none;cursor:pointer;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);}
	.mobileButtons .active {opacity:0.7;}
	
	.headerContent #ContentstructLogo {width:83%;}
	
	.headerContent #logoWrapper, .headerContent #ContentstructLogo {height:auto;}
	#topWrapper {display:none;padding:10px 0;}
	.logoBlock .structLogo {display:inline-block!important;}
	.structLogo {margin-top:15px!important;}
	#structHeaderWrapper.headerContent, .headerContent #structHeader {height:auto;}
	
	.headerContent #ContentstructLogo>h2 {font-size:22px;margin-left:5px;margin-top:-13px;}
	.headerContent #ContentstructLogo .leftText {width:60px;padding-right:6px;}
	.headerContent #ContentstructLogo .leftText h3 {font-size:13px;}
	.headerContent #ContentstructLogo .leftText h4 {font-size:11px;line-height:12px;}
	.headerContent #ContentstructLogo .commName {padding-left:8px;width:74%;}
	.headerContent #ContentstructLogo .longtitle h2 {width:64px;}
	.headerContent #ContentstructLogo .longtitle h4 {width:66%;}
	.headerContent #ContentstructLogo .longtitle br {display:none;}
	.headerContent #ContentstructLogo .commName h2 {font-size:22px;line-height:22px;}
	.logoBlock img {max-height:44px;}

    .sloan .headerContent #logoWrapper{height:auto;}
    .sloan .headerContent #logoWrapper .logoBlock{display:none;}
	.sloan .headerContent #ContentstructLogo{height:auto; width:100%;}
	.sloan .headerContent #ContentstructLogo .commName{width:58%;}
	.sloan .headerContent #ContentstructLogo .commName h2{font-size:26px; line-height:1;}
	.sloan .headerContent #ContentstructLogo .leftText{width:70px;}
	.sloan .headerContent #ContentstructLogo .leftText h3 br{display:inline;}
	
	.headerContent #ContentstructLogo .commName h2{margin-top:0;}

	.headerContent #ContentClassClubBlock {display: block !important; position: absolute; right: 0;}
	.headerContent #ContentClassClubBlock img {max-width: 160px; margin-top: -10px; height: auto !important;}
	
	.headerContent #ContentSearch {float:none;width:220px;margin:0 auto;}
	
	#structMidWrapper.bodyContent {padding:20px;}
	
	.start .bodyContent .structColumn1 {padding-left:0;}
	.start .bodyContent .structColumn3 {padding-right:0;}
	.start .structColumn1, .start .structColumn3 {margin-top:30px;padding-top:30px;border-top:1px solid #ccc;}
	.twoColumn .bodyContent .structColumn2 {padding:20px;}
	
	
	.threeColumn #structMidWrapper.bodyContent {background: #fff;}
	
	.threeColumn .bodyContent .structColumn3 {margin-top:30px;padding-top:30px;border-top:1px solid #ccc;}
	.seventythirty .bodyContent .structColumn2 {padding-left:0;}
	
	.footerContent #ContentFooterNav {position:relative;top:190px;}
	.footerContent #ContentFooter {position:relative;top:-110px;}
	.footerContent #ContentFooterNav li.mitLogo {display:block;padding:10px;text-align:center;width:100%;}
	.footerContent #ContentFooterNav li.mitLogo a {margin:0 auto;}
	.footerContent #ContentFooterNav {padding-bottom:50px;}
	.footerContent #ContentFooterNav ul {float:none;text-align:center;}
	.footerContent #ContentFooterNav ul li {display:inline-block;}
	
	.footerContent #ContentFooter {text-align:center;float:none;}
	.footerContent .mitaaLogo {float:none;margin:30px 0;text-align:center;}
	.footerContent .mitaaLogo a {margin:0 auto;}
	.footerContent .footText {float:none;margin:0;line-height:15px;}
}

/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
	.start .bodyContent #ContentMiddleLayoutFeature p {padding:0px 0px 30px 0px;}
	.start .bodyContent #ContentMiddleLayoutFeature p img {float:none;display:block;margin:0 auto 20px auto;}
	.headerContent #ContentClassClubBlock img {max-width: 100px !important; margin-top: 3px !important;}
}

/* =============================================================================
   Retina Display 
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}