@font-face {
    font-family: 'icomoon';
    src:url('https://www.tjems232.org/m/shared/fonts/icomoon/icomoon.eot');
    src:url('https://www.tjems232.org/m/shared/fonts/icomoon/icomoon.eot#iefix') format('embedded-opentype'),
        url('fonts/icomoon/icomoon.woff') format('woff'),
        url('https://www.tjems232.org/m/shared/fonts/icomoon/icomoon.ttf') format('truetype'),
        url('https://www.tjems232.org/m/shared/fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; word-wrap: break-word; line-height: 1.5em; background: #FFFFFF; }
body img { max-width: 100%; max-height: 100%; }
body.noscroll { position: fixed; overflow: hidden; width: 100%; }

/*** Need to be more specific */
body { color: #666666; }
/******************************/
.ariaLiveOffscreen {position:absolute; left:-9999px; top:0;  }
header#header { clear: both; margin: 0; padding: 0; border: 0; min-height: auto; position: fixed; top: 0; right: 0; left: 0; z-index: 5; box-shadow: 0 1px 4px #888888; border-radius:1px; }

header#header.show-nav {  top: 0; left: 0; right: 0; bottom: 0;  }
header#header nav { z-index:10; position: fixed; right: 14px; top: 18px; background:none;}
body.accessibility-toolbar-on.noscroll header#header nav {right: 29px;}
header#header.show-nav nav .nav, 
header#header.show-nav nav .nav ul[aria-hidden='false'] { display:block; }
header#header nav .nav { padding: 16px; margin: 0; position: fixed; background-color: rgba(32,32,32,0.9); top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 2; overflow-x: hidden; overflow-y: scroll; font-size: 1.20em; }
header#header nav .nav ul { display: none; list-style: none; list-style-type: none; list-style-image: none; margin: 0 0 0 12px; padding: 0; clear: both; }
header#header nav .nav ul li { padding: 0; list-style-type: none; list-style-image: none; padding: 6px 4px; margin: 8px 0; position: relative; }
header#header nav .nav ul li span.nav_icon { color: yellow; margin-right: 8px;  }
header#header nav .nav ul li a { white-space: nowrap; text-decoration: none; color: #FFFFFF; }
header#header nav .nav ul#nav_items_0 { margin-left: 0; margin-right: 48px; display: block; }
header#header nav .nav ul.expand { display: block; }
header#header nav button#nav-icon { position:relative; z-index:120; } 

header#header .enicon,
main section.content ul#hp-items.hp-grid li a span { font-family: 'icomoon'; display: block; vertical-align: middle; background-color: #EDE9E4; border: 2px solid #DDDDDD; border-radius: 4px; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; text-align: center; color: #000000; -webkit-font-smoothing: antialiased; text-decoration: none; background: none; border: none; }

header#header .enicon { font-size: 1.8em; z-index: 3; color: #444444; }
header#header div.quick-links { position: absolute; right: 12px; top: 72px; z-index: 110; width: 48px; }
body.accessibility-toolbar-on.noscroll header#header div.quick-links { right: 27px; }
header#header div.quick-links .enicon { float: left; margin-bottom: 8px; display: none; position: relative; }
header#header div.quick-links .enicon span { position: absolute; font-size: 12px; line-height: 13px; left: 0; top: 44px; right: 0; text-align: center; text-rendering: optimizeLegibility; display: none; }
header#header div.quick-links span#nav-icon,
header#header div.quick-links button#nav-icon,
header#header nav button#nav-icon { display: block; float: none; background: none; border: 0; font-size: 1.8em; width: 48px; height: 48px; line-height: 48px; color: #000000; margin-bottom: 24px; }

header#header a#school, header#header a#school h1 { display: block; padding: 0; height: 80px; text-decoration: none; background: #FFFFFF; }
header#header a#school img, header#header a#school h1 img { display: none; max-width: 100%; }
header#header a#school span, header#header a#school h1 span { display: block; text-decoration: none; padding: 26px 60px 0 12px; font-size: 22px; line-height: 1.2em; font-weight: 700; font-family: "Open Sans"; color: #000000; }

header#header a#school span.three-line, header#header a#school h1 span.three-line { padding-top: 10px; font-size: 18px; }
header#header a#school span.small-text, header#header a#school h1 span.small-text { padding-top: 16px; font-size: 19px; }
header#header a#school span.multi-line, header#header a#school span.multi-line { padding-top: 10px; }

@media screen and (device-aspect-ratio: 2/3), screen and (device-aspect-ratio: 40/71) {
	header#header a#school span.three-line { font-size: 17px; }
	header#header a#school span.small-text { padding-top: 10px; font-size: 18px; }
	header#header a#school span.multi-line,
		header#header a#school span.no-iphone-mod-small-text { padding-top: 16px; font-size: 19px; }
	header#header a#school span.no-iphone-mod-multi-line { padding-top: 10px; font-size: 22px; }
	header#header a#school span.small-text-iphone-only { padding-top: 16px; }
}

header#header a#school.logo img { display: block; }
header#header a#school.logo span { display: none; }
header#header.show-nav div.quick-links .enicon { display: block; background: #333333; border: 1px solid #666666; color: #EFEFEF; }

header#header.show-nav div.quick-links span#nav-icon,
header#header.show-nav nav button#nav-icon,
header#header nav button#nav-icon  { background-color: rgba(237,233,228,0.5); color: #000000; }
header#header.show-nav nav { display: block; }

header#header div.quick-links a#fullsite-icon { height: 76px; }
header#header div.quick-links a#fullsite-icon span { display: block; }

body.no-nav header#header.show-nav div.quick-links { left: 4px; width: auto; text-align: center; }
body.no-nav header#header div.quick-links span#nav-icon,
body.no-nav header#header nav button#nav-icon { margin: 0 0 48px auto; border-radius: 4px; }

body.no-nav header#header .enicon, 
	body.no-nav main section.content ul#hp-items.hp-grid li a span,
	body.no-nav header#header div.quick-links a#fullsite-icon,
	body.no-nav header#header.show-nav div.quick-links .enicon { width: 120px; height: 120px; border-radius: 16px; line-height: 96px; font-size: 2.7em; margin: 14px; float: none; }
body.no-nav header#header.show-nav div.quick-links .enicon { display: inline-block; }
body.no-nav header#header div.quick-links .enicon span { display: block; font-size: 13px; top: 84px; }


main { clear: both; margin-top: 80px; display: block; }
main img { max-width: 100%; float: none; }
main a, main a:link, main a:visited { color: #0050a4; }
main section.content { display: block; position: relative; margin: 0; border-radius: 0; border: 0; }
main section.hp-image { text-align: center; }
main section.hp-image img { width: 100%; max-width: 540px; }

main section.customJSP { padding-bottom: 20px; }
main section.customJSP * { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-weight: normal !important; font-style: normal !important; font-size: 14px !important; line-height: 1.5em !important; color: #000000 !important; background: none !important; margin: 0 0 20px 0; padding: 0; text-align: left !important; float: none !important; }
main section.customJSP ul { margin-left: 20px !important; }
main section.customJSP img { max-width: 100%; float: none; }
main section.customJSP >* { padding: 0 20px; }
main section.customJSP div.pageTitle,
main section.customJSP h1.pageTitle { padding: 0 !important; } 
main section.customJSP div.pageTitle a,
main section.customJSP h1.pageTitle { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; display: block !important; text-decoration: none !important;  padding: 24px 20px 16px 20px !important; font-size: 20px !important;  font-style: normal !important; line-height: 1.2em !important; margin: 0 !important;  font-weight: bold !important; text-align: left !important; float: none !important; }


/** Homepage Views: list and grid */
main section.content ul#hp-items { list-style: none; margin: 0; padding: 20px 0 20px 0; clear: both; }

main section.content ul#hp-items.hp-list { border-radius: 8px; color: #FFFFFF; font-size: 1.1em; text-rendering: optimizelegibility !important; font-weight: bold; list-style: none; margin: 0 10px 30px 10px; padding: 20px 0 0 0; border: 0; }
main section.content ul#hp-items.hp-list li { position: relative; border-top: 1px solid #FFFFFF; padding:2px; box-sizing:border-box; }
main section.content ul#hp-items.hp-list li:first-child { border: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
main section.content ul#hp-items.hp-list li:last-child { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
main section.content ul#hp-items.hp-list li a { text-decoration: none; color: #FFFFFF; display: block; padding: 10px; text-shadow: 0 0 1px #000000; }
main section.content ul#hp-items.hp-list li a span { display: none; }
main section.content ul#hp-items.hp-list li a p { margin: 0 20px 0 0; padding: 0; }
main section.content ul#hp-items.hp-list li div.arrow { position: absolute; top: 15px; right: 12px; width: 9px; height: 13px; background: transparent url('https://www.tjems232.org/m/pics/arrows.png') no-repeat; }		
main section.content ul#hp-items.hp-list li div.arrow.white { background-position: left top; }
main section.content ul#hp-items.hp-list li div.arrow.black { background-position: left bottom; }

main section.content ul#hp-items.hp-list-disconnected li { position: relative; border-top: 1px solid #FFFFFF; border-radius: 8px; margin-bottom: 6px; }

main section.content ul#hp-items.hp-list li#view-full-site { background: none; border: 1px solid rgba(0,0,0,0.4); margin-top:10px; }
main section.content ul#hp-items.hp-list li#view-full-site a p { color: black; text-shadow: none; }

main section.content ul#hp-items.hp-grid li { float: left; text-align: center; width: 33%; margin: 0 0 2em 0; white-space: nowrap; overflow: hidden; }
main section.content ul#hp-items.hp-grid li.multi-word { margin-bottom: 0; }
main section.content ul#hp-items.hp-grid li a { display: block; padding: 0.8em 0 0.4em 0; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; text-decoration: none; margin: 0 auto; border-radius: 6px; }
main section.content ul#hp-items.hp-grid li a span { margin: 0 auto; font-size: 2.0em; }
main section.content ul#hp-items.hp-grid li a p { background: none; border-radius: 8px; display: inline-block; color: #FAFAFA; text-shadow: 1px 1px 2px #333333; font-weight: 500; margin: 4px 2px 0 2px; padding: 0; font-size: 0.8em; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; }
main section.content ul#hp-items.hp-grid li a p { color: #000000; text-shadow: 0 0 0 #666666; font-size: 0.84em; letter-spacing: 1px; font-family: tahoma; }
main section.content ul#hp-items.hp-grid li div.arrow { display: none; }
@media screen and (orientation: landscape) {
	main section.content ul#hp-items.hp-grid li { width: 25%; }
}

/** Page Title */
main section.content div.pageTitle a,
main section.content h1.pageTitle { display: block; text-decoration: none; padding: 24px 20px 16px 20px; font-size: 20px; line-height: 1.2em; font-weight: 700; }
main section.content div.pageTitle span.settings,
main section.content h1.pageTitle span.settings { font-family: 'icomoon'; font-size: 1.3em; -webkit-font-smoothing: antialiased; height: auto; vertical-align: middle; text-align: center; float: right; line-height: 32px; z-index: 1; cursor: pointer; display: inline-block; text-decoration: none; padding: 10px 22px 6px 22px; }
main section.content div.pageTitle p,
main section.content h1.pageTitle p { margin: 4px 0 0 0; padding: 4px 0 0 0; font-size: 0.64em; line-height: 1.5em; color: #666666; text-transform: none; border-top: 1px dashed #EEEEEE; }

main section.content select.subnavigation { width: 99%; background: #FFFFFF; border: 1px solid #DADADA; border-radius: 0; margin: 0; padding: 0; font-size: 1.1em; line-height: 1.4em; font-weight: bold; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #000000; text-rendering: optimizelegibility; min-height: 36px; white-space: normal; }

/** Common stuff for views */
/*
main section.content div.view .datetime { display: block; line-height: 1.5em; padding-left: 18px; margin-top: 4px; color: rgba(0,0,0,.5); background: url('../pics/clock.png') center left no-repeat; }
main section.content div.view .location { display: block; line-height: 1.5em; padding-left: 18px; margin-top: 4px; color: rgba(0,0,0,.5); background: url('https://www.tjems232.org/m/pics/location.png') 0 5px no-repeat; }
main section.content div.view .staff { display: block; line-height: 1.5em; padding-left: 18px; margin-top: 4px; color: rgba(0,0,0,.5); background: url('https://www.tjems232.org/m/pics/user.png') 0 5px no-repeat; }
main section.content div.view .classes { display: block; line-height: 1.5em; padding-left: 18px; margin-top: 4px; color: rgba(0,0,0,.5); background: url('https://www.tjems232.org/m/pics/classes.png') 0 5px no-repeat; }
main section.content div.view .homework { display: block; line-height: 1.5em; padding-left: 18px; margin-top: 4px; color: rgba(0,0,0,.5); background: url('https://www.tjems232.org/m/pics/homework.png') 0 5px no-repeat; }
main section.content div.view .code { display: block; line-height: 1.5em; padding-left: 18px; margin-top: 4px; color: rgba(0,0,0,.5); background: url('https://www.tjems232.org/m/pics/code.png') 0 5px no-repeat; }
main section.content div.view .tags { display: block; line-height: 1.5em; padding-left: 18px; margin-top: 4px; color: rgba(0,0,0,.5); background: url('https://www.tjems232.org/m/pics/tag.png') 0 5px no-repeat; }
main section.content div.view .autosubs { display: block; line-height: 1.5em; padding-left: 18px; margin-top: 4px; color: rgba(0,0,0,.5); background: url('https://www.tjems232.org/m/pics/signup.png') 0 5px no-repeat; }
main section.content div.view .star { display: block; line-height: 1.5em; padding-left: 18px; margin-top: 4px; color: rgba(0,0,0,.5); background: url('https://www.tjems232.org/m/pics/star.png') 0 5px no-repeat; }
main section.content div.view { overflow: hidden; }
main section.content div.view .datetime,
main section.content div.view .location { display: block; line-height: 1.3em; margin-top: 4px; color: #666666; }
*/
main section.content div.view span.msg-alert { display: block; font-weight: normal !important; font-size: 1em; text-align: center; padding: 10px 0; margin-bottom: 20px; color: red; background: #FFFAD0; }


main section.content div.view span.empty { display: block; font-weight: normal !important; font-size: 1em; color: #888888; text-align: center; padding: 60px 0 80px 0; font-style: oblique; }
main section.content div.view >span { display: block; }

main section.content div.view div.date-badge { position: absolute; left: 20px; top: 20px; border-radius: 4px; width: 44px; height: 44px; color: #FFFFFF; text-transform: uppercase; font-weight: bold; text-align: center; padding: 4px 0; overflow: hidden; }
main section.content div.view div.date-badge span { margin: 0; display: block; }
main section.content div.view div.date-badge span.date-week { font-size: 0.64em; line-height: 1.4em; }
main section.content div.view div.date-badge span.date-day { font-size: 1.2em; line-height: 1.3em; }
main section.content div.view div.date-badge span.date-month { font-size: 0.56em; line-height: 1.4em; }

main section.content div.list-view ul.items.has-thumb-img li a { margin-left: 60px; min-height: 42px; }
main section.content div.list-view ul#items li a div.profile-img { position: absolute; left: 20px; top: 19px; padding: 1px; }
main section.content div.list-view ul#items li a div.profile-img img { display: block; margin: 0; width: 40px; height: 40px; border: 0; }
main section.content div.list-view ul#items li a div.profile-img-round { border-radius: 40px; border: 1px solid #EFEFEF; }
main section.content div.list-view ul#items li a div.profile-img-round img { border-radius: 40px; }

/** List view */
main section.content div.list-view span.empty { display: none; }

main section.content div.list-view ul.items { list-style: none; list-style-type: none; list-style-image: none; padding: 0; margin: 0; }
main section.content div.list-view ul.items li { list-style-type: none; list-style-image: none; padding: 0; margin: 0; border-bottom: 1px solid #DCDCDC; position: relative;}
main section.content div.list-view ul.items.unlinked li { border-bottom:0;}
main section.content div.list-view ul.items li:last-child { border-bottom: 0; }
main section.content div.list-view ul.items li a, 
	main section.content div.list-view ul.items li a:link, 
	main section.content div.list-view ul.items li a:visited,
	main section.content div.list-view ul.items li >div { text-decoration: none; color: #333333; }
main section.content div.list-view ul.items li a,
main section.content div.list-view.en-food-menu ul.items li > div, 
main section.content div.list-view ul.items.unlinked > li { display: block; padding: 20px 40px; }
main section.content div.list-view ul.items.unlinked li a { padding:20px 0; }
main section.content div.list-view ul.items.unlinked > li h2,
main section.content div.list-view ul.items li a h2,
main section.content div.list-view ul.items li a h3,
	main section.content div.list-view ul.items li div h3 { font-weight: bold !important; text-rendering: optimizelegibility !important; font-size: 1.1em !important; line-height: 1.4em !important; color: #000000 !important; padding: 0; margin: 0; }
main section.content div.list-view ul.items li a h3 b,
	main section.content div.list-view ul.items li div h3 * { font-weight: bold !important; }
main section.content div.list-view ul.items li a h3 *, 
	main section.content div.list-view ul.items li div h3 * { padding: 0 !important; margin: 0 !important; }

main section.content div.list-view  ul#items.unlinked li > ul.items { margin: 20px 10px 0 0; }
main section.content div.list-view  ul#items.unlinked li ul.items li p { margin: 0 0 20px 18px; }
main section.content div.list-view ul.items.unlinked > li p { margin: 10px 0 0 0; }

main section.content div.list-view ul.items li a img { display: none; margin: 10px 10px 10px 0; border: 1px solid #CCCCCC; max-width: 100%; height: auto; }
main section.content div.list-view ul.items li a >img { display: block; }
main section.content div.list-view ul.items li a p,
main section.content div.list-view.en-food-menu ul.items li > div p { line-height: 1.5em; margin: 10px 0 0 0; padding: 0; }
main section.content div.list-view ul.items li a p * { font-family: Arial, sans-serif !important; font-weight: normal !important; font-size: 15px !important; line-height: 1.5em !important; color: #666666 !important; padding: 0; margin: 0; }
/* main section.content div.list-view ul.items li a .read-more { display: block; line-height: 1.5em; padding-left: 0; margin-top: 12px; color: rgba(0,0,0,.5); background: none; clear: both; } */

main section.content div.list-view ul.items li.disabled-item a * { color: #AFAFAF !important; }

main section.content div.list-view div.loading { background: #EEEEEE; padding: 16px 0 10px 0; text-align: center; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; display: none; margin: 0 auto; }
main section.content div.list-view .auxillary-link { cursor:pointer; cursor:hand;  background: #EEEEEE; padding: 20px 0; text-align: center; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; display: block; margin: 0 auto; text-decoration: none; color: #666666; }
main section.content div.list-view .auxillary-link:hover, main section.content div.list-view .auxillary-link:focus { color: #EEEEEE; background: #666666; }
main section.content div.list-view .auxillary-link:active { color: #EEEEEE; background: #454545; }
main section.content div.list-view.empty span.empty { display: block; }
main section.content div.list-view.empty * { display: none; }
main section.content div.list-view.empty div.loader { display: none; }
main section.content div.list-view.loading div.loading { display: block; }
main section.content div.list-view.loading .auxillary-link { display: none; }
main section.content div.list-view.no-more div.loading { display: none; }
main section.content div.list-view.no-more .auxillary-link { display: none; }

/** Item view */
main section.content div.item-view  { display: block; text-decoration: none; padding: 20px; color: #000000; position: relative; }
main section.content div.item-view h3,
main section.content div.item-view h1 { font-weight: 600!important; text-rendering: optimizelegibility !important; font-size: 1.1em !important; line-height: 1.4em !important; color: #000000 !important; padding: 0; margin: 0; }
main section.content div.item-view h3 * { font-weight: bold !important; }
main section.content div.item-view img { vertical-align: top; margin: 10px 10px 10px 0; border: 1px solid #CCCCCC; max-width: 100%; height: auto; }
main section.content div.reset-styling  >p { line-height: 1.6em !important; margin: 10px 0 !important; padding: 0 !important; color: #000000 !important; background: none !important; text-align: left !important; text-indent: 0 !important; float: none !important; }
main section.content div.item-view  p *,
	main section.content div.reset-styling  p *,
	main section.content div.reset-styling font,
	main section.content div.reset-styling font *, 
	main section.content div.reset-styling span *,
	main section.content div.reset-styling ul *,
	main section.content div.reset-styling div * { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-weight: normal !important; font-style: normal !important; font-size: 14px !important; line-height: 1.5em !important; color: #000000 !important; background: none !important; margin: 0; padding: 0; text-align: left !important; text-indent: 0 !important; float: none !important; }
main section.content div.item-view  p b,
	main section.content div.reset-styling  p b,
	main section.content div.reset-styling font b, 
	main section.content div.reset-styling span b,
	main section.content div.reset-styling ul b,
	main section.content div.reset-styling div b,
	main section.content div.item-view  p strong,
	main section.content div.reset-styling  p strong,
	main section.content div.reset-styling font strong, 
	main section.content div.reset-styling span strong,
	main section.content div.reset-styling ul strong,
	main section.content div.reset-styling div strong,
	main section.content div.item-view  p em,
	main section.content div.reset-styling  p em,
	main section.content div.reset-styling font em, 
	main section.content div.reset-styling span em,
	main section.content div.reset-styling ul em,
	main section.content div.reset-styling div em { font-weight: bold !important; }

main section.content div.reset-styling ul, 
	main section.content div.reset-styling ol { margin: auto 20px !important; padding: 0 !important; }

main section.content div.item-view  a.ext-link { display: block; padding: 10px 0; }
main section.content div.item-view  ul.fbList { margin: 0; padding: 0 0 0 40px; }
main section.content div.item-view  ul.fbList li { margin: 0; padding: 10px 0; }
main section.content div.item-view  span.sourceAndDate { display: block; line-height: 1.5em; margin-top: 10px; clear: both; }
main section.content div.item-view .auxillary-links { margin-top: 20px; }
main section.content div.item-view .auxillary-link { background: #F4F4F4; padding: 10px 0; font-weight: bold; border: 0; border-radius: 8px; text-align: center; display: block; margin: 4px auto; text-decoration: none; color: #666666; }

main section.content div.item-view p.contact { border-radius: 8px; padding: 10px 10px 10px 52px; background: url('https://www.tjems232.org/m/pics/contact.png') 10px 12px no-repeat; background-color: #F4F4F4; min-height: 36px; margin: 4px auto; }
main section.content div.item-view p.contact span { display: block; }

.waInputText { width: 98%; max-width: 340px; }
main section.content div.item-view form label span { display: block; font-weight: 500; }
main section.content div.item-view form label input, 
	main section.content div.item-view form label textarea { display: block; margin: 4px 0 20px 0; }

/** Photo Album */
div#albumsWrapper.narrow { position: relative; }
div#albumsWrapper.narrow #albumNavToggle { display: none; }
div#albumsWrapper.narrow br.br_mobile { display: none; }
div#albumsWrapper.narrow div#albums { display: none; }
div#albumsWrapper div#album, 
	div#albumsWrapper.narrow div#album { border: 0; padding: 0; margin: 0; }
div#albumsWrapper div#album h2, 
	div#albumsWrapper.narrow div#album h2 { display: block; text-decoration: none; padding: 24px 20px 16px 20px; font-size: 20px; line-height: 1.2em; font-weight: 700; }

div#albumsWrapper.narrow #albumSubAlbums { width: auto !important; margin: 0; max-height: none !important; }
div#albumsWrapper.narrow #albumSubAlbums table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
div#albumsWrapper.narrow #albumSubAlbums table tr td { border-bottom: 1px solid #DCDCDC; padding: 0; position: relative; }
div#albumsWrapper.narrow #albumSubAlbums table tr:last-child td { border: 0; }

div#albumsWrapper.narrow #albumSubAlbums .item { width: auto; padding: 20px; margin: 0; margin-left: 86px; }
div#albumsWrapper.narrow #albumSubAlbums .imgWrapper { position: absolute; left: 20px; top: 12px; height: 54px; width: 76px; }
div#albumsWrapper.narrow #albumSubAlbums img { height: 40px; width: 60px; }
div#albumsWrapper.narrow #albumSubAlbums .albumOverlay { background-size: 75px; background: url(https://www.tjems232.org/m/pics/album/album_overlay_mobile.gif) no-repeat; }
div#albumsWrapper.narrow #albumSubAlbums .item:hover .albumOverlay { background: url(https://www.tjems232.org/m/pics/album/album_overlay_mobile_hover.gif) no-repeat; }
div#albumsWrapper.narrow #albumSubAlbums .folder .albumOverlay { background-size: 60px; background: url(https://www.tjems232.org/m/pics/album/folder_mobile.png) no-repeat 5px 4px; }
div#albumsWrapper.narrow #albumSubAlbums .folder:hover .albumOverlay { background: url(https://www.tjems232.org/m/pics/album/folder_mobile.png) no-repeat 5px 4px; }
div#albumsWrapper.narrow #albumSubAlbums h1.albumName  { font-weight: bold !important; text-rendering: optimizelegibility !important; font-size: 16px !important; line-height: 1.4em !important; color: #000000 !important; padding: 0; margin: 0px 0 0 0; }
div#albumsWrapper.narrow #albumSubAlbums .folder h1.albumName { margin-top: 2px; }
div#albumsWrapper.narrow #albumSubAlbums h3 { color: #333333; font-size: 14px; line-height: 1.5em; padding: 0; }

div#albumsWrapper p#numItems, 
div#albumsWrapper.narrow p#numItems, 
div#albumsWrapper p#albumDesc, 
div#albumsWrapper.narrow p#albumDesc { margin: 0 20px 10px 20px; color: #333333; font-size: 14px; line-height: 1.5em; padding: 0; padding: 0; }

div#albumsWrapper.narrow #albumPhotos { width: auto !important; margin: 20px 10px; max-height: none !important; }
div#albumsWrapper.narrow #albumPhotos table { margin: 0 auto; }
div#albumsWrapper.narrow #albumPhotos table tr td a { margin: 0 auto; }
div#albumsWrapper #albumPhotos { width: auto !important; margin: 20px 10px; max-height: none !important; }
div#albumsWrapper #albumPhotos table { margin: 0 auto; }

ul[role='menu'].fbList { padding:0 0 0 14px; }
ul[role='menu'].fbList li { list-style-type:none; }
.fbList span.icon { height:15px; width:15px; display:inline-block; vertical-align:middle; margin-right:12px; }
.fbList span.icon-pdf { background:url(../../apps/pics/pdf_icon.gif); }
.fbList span.icon-doc { background:url(../../apps/pics/doc_icon.gif); }
.fbList span.icon-xls { background:url(../../apps/pics/xls_icon.gif); }
.fbList span.icon-ppt { background:url(../../apps/pics/ppt_icon.gif); } 
.fbList span.icon-txt { background:url(https://www.tjems232.org/apps/pics/txt_icon.gif); } 
.fbList span.icon-wav { background:url(https://www.tjems232.org/apps/pics/wav_icon.gif); }
.fbList span.icon-mp3 { background:url(https://www.tjems232.org/apps/pics/mp3_icon.gif); }
.fbList span.icon-wmv { background:url(https://www.tjems232.org/apps/pics/wmv_icon.gif); }
.fbList span.icon-mov { background:url(https://www.tjems232.org/apps/pics/mov_icon.gif); }
.fbList span.icon-file { background:url(https://www.tjems232.org/apps/pics/file_icon.gif); } 

#googleTranslate { position: fixed; top: 30px; right: 155px; }

html.translated-ltr #googleTranslate,
html.translated-rtl #googleTranslate { margin-top: 39px; }

html.translated-ltr header#header,
html.translated-rtl header#header { margin-top: 39px; }

html.translated-ltr body.accessibility-toolbar-on .en-accessibility-toolbar,
html.translated-rtl body.accessibility-toolbar-on .en-accessibility-toolbar { margin-top: 39px; }

html.translated-ltr header#header nav,
html.translated-rtl header#header nav { margin-top: 39px; }

html.translated-ltr header#header nav .nav,
html.translated-rtl header#header nav .nav { margin-top: 39px; }