/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* 729 */
/* FONTS */
h1, h2, h3, h4, footer.submitted {
  /* font-family: "Helvetica Neue", helvetica, arial, sans-serif; */
  font-family: "Roboto Condensed", arial, sans-serif;
  letter-spacing: 0.05px;
}

h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3 { font-size: 21px; } 
h4 { font-size: 17px; } 
h5 { font-size: 15px; } 
h6 { font-size: 13px; }

div.content {
  font-family: Open Sans, Georgia, Cambria, serif;
}
/* FONTS END */
/* SUPERFISH */
.sf-menu.sf-style-default a.active {
  background: #dddddd;
}
.sf-menu.sf-style-default a, .sf-menu.sf-style-default a:visited {
  color: #000000;
  font-family: "Roboto Condensed", arial, sans-serif;
}
.sf-menu.sf-style-default a {
  border-left: none;
  border-right: 1px solid white;
  border-top: none;
  padding: 0.75em 1em;
  color: black;
  text-decoration: none;
}
.sf-menu.sf-style-default li, .sf-menu.sf-style-default.sf-navbar {
  /* background: #bdd2ff; */
  background: #bbbbbb;
  font-size: 16px;
}
.sf-menu.sf-style-default li:hover, .sf-menu.sf-style-default li.sfHover, .sf-menu.sf-style-default a:focus, .sf-menu.sf-style-default a:hover, .sf-menu.sf-style-default a:active {
    background: none repeat scroll 0% 0% #dddddd;
}
/* SUPERFISH END */

div#region-branding {
}

div#region-footer-first {
  margin-top: 2em;
  border-top: 1px solid black;
}
div#region-footer-first p {
  text-align: center; 
}


div.block-superfish-1, div.block-superfish-2 {
  display: inline;
}
div#region-menu {
}

.sf-menu.sf-style-default {
  margin-bottom: 0em;
}

aside#region-sidebar-first, aside#region-sidebar-second {
  padding-top: 7px;
}

section#section-content {
  margin-top: 0.5em;
}

h1, h2, h3, h4 {
  margin-bottom: 5px ! important;
}


div.book-navigation {
  margin-top: 1em;
  margin-bottom: 1em;
}

h1#page-title {
  padding: 0px; 
  margin: 0px;
}

div#region-content {
  padding-top: 0;
}

footer.submitted {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 10px;
}

div#block-search-form {
  float: right;
  padding: 4px 0px 0px 0px;
}

.caption {
  font-family: "Roboto Condensed", arial, sans-serif;
  font-size: 14px;
}
.credit {
  font-family: Georgia, Cambria, serif;
  font-style: italic;
  font-size: 14px;
}

.theme-default .nivoSlider {
    box-shadow: none;
}

aside ul.menu {
  padding-left: 15px;
  list-style-position: inside;
  list-style-type: none;
  background: #dddddd;
}

/* MJG8 mjg8 on 2014.01.22 */

aside .block-inner .content { 
  background: #dddddd;
}
aside .block-inner .content p { 
  font-family: Verdana,sans-serif ! important;
  font-size: 11px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
aside .block-inner .content form {
  padding-top: 5px;
  padding-left: 10px;
  font-family: Open Sans, Verdana,sans-serif ! important;
}

/* END OF mjg8 MJG8 STUFF */

/*
ul.menu li.expanded a, 
ul.menu li.first a, 
ul.menu li.active-trail, 
ul.menu li.collapsed, 
ul.menu li.active {
*/

section ul.menu {
  padding-bottom: 5px;
}

section ul.menu li a {
  list-style-type: none ! important;
  text-decoration: none ! important;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

aside ul.menu li a:link,
aside ul.menu li a:active,
aside ul.menu li a:visited {
  text-decoration: none;
}

aside ul.menu li a:hover {
  text-decoration: underline;
}

table {
  border-collapse: collapse;
}

thead th, th {
  background: #eeeeee;
  border: 1px solid black;
}

thead th, th {
  font-weight: bold;
  text-align: center;
}
thead th[scope="row"], th[scope="row"] {
  font-weight: bold;
  text-align: left;
}

tbody td, td {
  border: 1px solid black;
  text-align: left;
}

ul.menu a.node_is_hidden, .node_is_hidden {
  text-decoration: line-through ! important;
}

.node_is_hidden, .node_is_hidden *, a.node_is_hidden, a.node_is_hidden:link, a.node_is_hidden:active {
    opacity: 1 ! important;
}

div.book-navigation ul li a {
  font-family: Georgia, Cambria, serif;
  font-size: 14px;
}

.book-navigation .menu {
  margin: 1em 0em 1.2em 0em;
}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
 
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
 
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
 
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}
 
sup {
  /* Move the superscripted text up */
  top: -0.5em;
}
 
sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}



section#block-menu-block-1,
section#block-menu-block-2,
section#block-system-navigation,
section#block-system-user-menu
{
  margin-bottom: 5px;
}

ul.menu li {
  margin: 0px;
}


section ul.menu li {
  margin: 0px 0px 0px 5px;
}


dd {
    padding-left: 1em;
    font-size: 0.9em;
    font-style: normal;
    margin-bottom: 1em;
    margin-top: .2em;
}

/* media query to make slider go away when mobile */

/* the CSS selector is #zone-header-wrapper or #zone-headr */

/* Mobile */

@media handheld, only screen and ( max-width: 467px ) {
  #zone-header-wrapper { display: none; }
}


div.imgnofloat {
    width: 620px;
    margin: 0px auto;
    border: medium none;
    padding: 20px;
    margin-bottom:25px;
    text-align: center;
}


.caption {
    font-family: roboto condensed, arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    text-align:left;
    width: 620px;
    padding-top:10px;
}


.credit {
    font-family: roboto condensed, arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    padding-top:10px;
    text-align:left;
    font-weight:normal;
    font-style:normal;
}

h1#page-title {
    margin: 0;
    padding: 0;
    line-height: 40px;
}









/**************************************************/
/* Styles for transitional courses                */
/* Carl Schaad  ces111@psu.edu                    */
/**************************************************/

 
 
 
/**************************************************/
/* COMMENTS                                       */
/**************************************************/

#comments div.user-picture > img	{ height:50px; float:left; padding: 0px 15px 15px 0px }
#comments p:first-child				{ clear:both; }
#comments .comment-submitted		{ }
#comments .username					{ font-weight:bold; background:#fdfedc; }
#comments .vud-widget-upanddown		{ margin-bottom: 30px; }
#comments .comment-thread-expand	{ text-transform: uppercase; font-size: 90%; font-weight: bold; }
#comments article					{ margin-bottom: 20px; }
#comments .indented					{ margin-left: 35px; }
#comments img						{ max-width:100%; }
#comments p:empty					{ display: none; }



/**************************************************/
/* HEADERS                                        */
/**************************************************/

h1, h2, h3, h4, h5, h6	{ color: #666666; font-weight: bold; letter-spacing: 0em;}
h1						{ font-size: 30px; color: #3476cc; }
h2						{ font-size: 22px; }
h3						{ font-size: 18px; }
h4						{ font-size: 16px; }
h5						{ font-size: 16px; }
h6						{ font-size: 16px; }

h3						{ margin-bottom: 5px; }
h4 + table, h4 + ul		{ margin-top: -5px; }
h3 + h4					{ margin-top: 15px; }
h4 + p					{ margin-top: -5px; }

.box-reading-required h2, .box-reading-optional h2, 
.box-note h2, .box-activity-required h2, .box-activity-optional h2,
.box-image-left h2, .box-psu-ad h2, .box-other h2
	{ margin-bottom: 10px; color:#666;}

.box-reading-required h3, .box-reading-optional h3, 
.box-note h3, .box-activity-required h3, .box-activity-optional h3,
.box-image-left h3, .box-psu-ad h3, .box-other h3
	{ margin-bottom: 20px; color:#666;}
	
.box-reading-required h4, .box-reading-optional h4, 
.box-note h4, .box-activity-required h4, .box-activity-optional h4,
.box-image-left h4, .box-psu-ad h4, .box-other h4
	{ margin-bottom: 10px; color:#666;}



/**************************************************/
/* BOXES                                          */
/**************************************************/

.box-reading-required, .box-reading-optional, .box-note, .box-activity-required, 
.box-activity-optional, .box-image-left, .box-psu-ad, .box-other
	{ background: #e4e4e4; margin: 20px 0px; padding: 25px; }

.box-reading-required p:last-child, .box-reading-optional p:last-child, 
.box-note p:last-child, .box-activity-required p:last-child, .box-activity-optional p:last-child,
.box-image-left p:last-child, .box-psu-ad p:last-child, .box-other p:last-child
	{ margin-bottom: 0px; }

.box-reading-required ul:last-child, .box-reading-optional ul:last-child, 
.box-note ul:last-child, .box-activity-required ul:last-child, .box-activity-optional ul:last-child,
.box-image-left ul:last-child, .box-psu-ad ul:last-child, .box-other ul:last-child
	{ margin-bottom: 0px; }

div.box-psu-ad .imgleft		{ padding-bottom: 30px; }

.box-bibliography			{ margin-bottom: 15px; padding-left: 25px; text-indent: -25px; }

.text-left  	{ text-align: left; }
.text-right		{ text-align: right; }
.text-center	{ text-align: center; }


/**************************************************/
/* BOX LINKS                                      */
/**************************************************/

.box-reading-required a:link, .box-reading-optional a:link, 
.box-note a:link, .box-activity-required a:link, .box-activity-optional a:link,
.box-image-left a:link, .box-psu-ad a:link, .box-other a:link
	{ color: #0062a0; }

.box-reading-required a:visited, .box-reading-optional a:visited, 
.box-note a:visited, .box-activity-required a:visited, .box-activity-optional a:visited,
.box-image-left a:visited, .box-psu-ad a:visited, .box-other a:visited
	{ color: #0062a0; }

.box-reading-required a:hover, .box-reading-optional a:hover, 
.box-note a:hover, .box-activity-required a:hover, .box-activity-optional a:hover,
.box-image-left a:hover, .box-psu-ad a:hover, .box-other a:hover
	{ color: #000000; }

.box-reading-required a:active, .box-reading-optional a:active, 
.box-note a:active, .box-activity-required a:active, .box-activity-optional a:active,
.box-image-left a:active, .box-psu-ad a:active, .box-other a:active
	{ color: #000000; }

.box-math 			{ vertical-align:baeline;border:0px solid #000;float: left; text-align: center; width: 86%; }
.box-math-caption 	{ vertical-align:baeline;border:0px solid #000;text-align:right; display: block !important; margin: 1em 0; float: right; width: 13%; font-size: 90%; }
.box-math-clear		{ clear: both; }
.box-math p {margin-bottom:0px;}


/**************************************************/
/* LISTS                                          */
/**************************************************/

div.fielditem > p > ol 	{ margin-bottom: 100px; }
dd > ol, dd > ul 		{ margin: 10px 0px 10px 0px; }
div.field-item li > ul	{ margin-left: 10px; }
ol li					{ margin-left: 15px; }
li						{ margin-bottom: 5px; }
.field-item ul			{ margin-left: 20px; }
ul li.leaf				{ list-style: disc; }
div.field-item ul ul	{ list-style: circle; }

p + ul, p + ol			{ margin-top: -5px; }

dt						{ color: #3476cc; font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 5px; }
dd						{ font-size: 14px; font-style: normal; }

div#zone-menu ul 		{ text-transform: uppercase; }
li > div.image-center 	{ margin-top: 20px; margin-bottom: 20px; }

ul.menu > li.active, ul.menu > li.active > a.active, ul.menu > li.active > a:link, ul.menu > li.active > a:visited, ul.menu > li.active > ul.menu, 
ul.menu > li.active > ul.menu > li > a.active, ul.menu > li.active > ul.menu > li > a:link, ul.menu > li.active > ul.menu > li > a:visited
	{ color: #666666; text-decoration: none; }

li.dhtml-menu-open > a.active, li.dhtml-menu-open > a:link, li.dhtml-menu-open > a:visited
	{ color: #666; font-style: normal; text-decoration: none; }

ul.menu ul.menu li.leaf, ul.menu ul.menu li.leaf a:link, ul.menu ul.menu li.leaf a:visited, ul.menu ul.menu li.leaf a:active	
	{ color: #666; font-style: normal; text-decoration: none; }




/**************************************************/
/* SIDEBAR - needed?                              */
/**************************************************/

aside#region-sidebar-first section .block-title	{ color: #565656; font-size: 18px; font-weight: normal; line-height: 21px; }

aside#region-sidebar-first section h2,
aside#region-sidebar-first div div.block h2		{ font-weight: normal; margin-bottom: 8px; margin-top: 2px; }

aside.region-sidebar-first ul					{ font-size: 13px; line-height: 18px; padding-left: 15px; }
aside.region-sidebar-first li 					{ font-size: 11px; line-height: 18px; }

.region-sidebar-first-inner > div:first-child > div:first-child > div:first-child > p:first-child 				
	{ color: #565656; font-family: aleo regular !important; font-size: 16px !important; font-weight: normal; line-height: 22px !important; }

aside .block-inner a:link { text-decoration:none; }

#region-sidebar-first .content p { margin-bottom: 10px; }



/**************************************************/
/* IMAGES                                         */
/**************************************************/

.image-center, .img-center											{ border: 1px solid #ccc; margin-bottom: 20px; width: 100%; }
.image-center img											{ max-width: 98%; padding: 10px 0px; display:inline!important; }
.img-center img											{ max-width: 98%; padding: 10px 0px; display:inline!important; }

.image-center, .image-caption, .image-credit				{ font-family: open sans, helvetica, arial, sans-serif; text-align: center; }
.imagecaption												{ font-family: open sans, helvetica, arial, sans-serif; font-size: 12px; line-height: 15px; }
.image-credit												{ padding: 10px 10px 10px 10px; }
.image-caption												{ padding: 10px 10px; }
.image-caption, .image-credit								{ background: #eee; padding: 7px 0px; }

.image-caption												{ font-size: 13px; font-weight: bold; line-height: 16px; }
.image-copy													{ font-size: 13px; font-weight: normal; line-height: 16px; }
.image-credit												{ font-size: 12px; font-style: italic; line-height: 14px }

.imgleft													{ float: left; padding: 0px 20px 20px 0px; font-family: aleo regular, helvetica, arial; font-size: 11px; }
.imgright 													{ width:auto; float: right; padding: 0px 0px 20px 20px; font-family: aleo regular, helvetica, arial; font-size: 11px; }




img.fullwidth 												{ max-width: 98%; padding: 10px 0px; }


.img-right													{ border: 1px solid #ccc; float: right; margin: 0px 0px 20px 20px; max-width: 100%; }
.img-left													{ border: 1px solid #ccc; float:  left; margin: 0px 20px 20px 0px; max-width: 100%; }

	/******************************/
	/* Legacy                     */
	/******************************/

	.img-credit		{ font-family: open sans, helvetica, arial, sans-serif; text-align: center; }
	.img-credit		{ padding: 10px 10px 10px 10px; }
	.img-credit		{ background: #eee; padding: 7px 0px; }
	.img-credit		{ font-size: 12px; font-style: italic; line-height: 14px }


	#page div.caption, 
	#page div.credit			{ background: #eee; font-family: open sans, helvetica, arial, sans-serif; padding: 7px 0px; text-align: center!important; }

	#page div.caption 			{ font-size: 13px; font-weight: bold;  line-height: 16px; padding: 10px 10px; }
	#page div.credit 			{ font-size: 12px; font-style: italic; line-height: 14px; padding: 10px 10px 10px 10px; }

	#page .imgnofloat			{ border: 1px solid #ccc; font-family: open sans, helvetica, arial, sans-serif; margin-bottom: 20px; text-align: center; width: 100%; }
	#page .imgnofloat img		{ max-width: 98%;  }


#page .img-center				{ border: 1px solid #ccc; margin-bottom: 15px; width: 100%; }
#page .img-center	img			{ max-width:98%; }

#page div.img-center,
#page div.img-caption,
#page div.img-credit			{ font-family: open sans, helvetica, arial, sans-serif; text-align: center; }


#page div.img-caption,
#page div.img-credit			{ padding: 5px 10px; }

#page div.img-center img		{ padding: 7px 0px; }

#page .img-caption,	
#page .img-credit				{ background: #eee; padding: 7px 0px; }

#page .img-caption				{ font-size: 13px; font-weight: bold; line-height: 16px; }
#page .img-copy					{ font-size: 13px; font-weight: normal; line-height: 16px; }
#page .img-credit				{ font-size: 12px; font-style: italic; line-height: 14px }

#page .img-center ul {text-align:left;padding-top:5px;}
div[aria-label="additional content"] {padding-top:10px;}
div[aria-label="additional content"] ul li ul {margin-bottom:5px;}
#page .img-center ol {text-align:left;padding-top:5px;}
div[aria-label="additional content"] ul li ol {margin-bottom:5px;}
div[aria-label="additional content"] ol li ol {margin-bottom:5px;}
div[aria-label="additional content"] ol li ul {margin-bottom:5px;}






/**************************************************/
/* TABLES                                         */
/**************************************************/

.fullwidth-noborder 					{ border: 0px; margin: 10px 0px; width: 100%; }
.fullwidth-noborder td					{ font-size: 16px; }
.fullwidth-noborder img					{ border: 1px solid #333; margin-bottom: 5px; max-width:100%; }

.basictable 							{ border: 0px; margin: 10px 0px; width: 100%; }
.basictable td, table.basictable th		{ border: 1px solid #333; font-family: open sans, helvetica, arial, sans-serif; font-size: 13px; padding: 5px; }
.basictable th							{ background: #e4e4e4; font-weight: bold; }
.basictable img							{ border: 1px solid #333; margin-bottom: 5px; }
.basictable caption						{ font-family: open sans, helvetica, arial, sans-serif; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
.basictable .center						{ text-align: center; }
.basictable .empty						{ background: #f2f2f2; }


.twoimagetable							{ width: 100% ! important; margin-top: 10px ! important; margin-bottom: 10px ! important; }
.twoimagetable .leftimage				{ float: left ! important; width: 49% ! important; margin-bottom: 10px ! important;}
.twoimagetable .leftimage img			{ max-width: 100% ! important; padding-bottom: 0px ! important margin-bottom: 0px ! important;}
.twoimagetable .rightimage				{ float: right ! important; width: 49% ! important; }
.twoimagetable .rightimage img			{ max-width: 100% ! important; padding-bottom: 0px ! important; margin-bottom: 0px ! important;}
.twoimagetable + ul 					{ clear: both !important; }
.twoimagetable + h3 					{ clear: both !important; }


.table-checklist caption 				{ font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
.table-checklist, .table-checklist ul, .table-checklist li, .table-checklist th, .table-checklist td		
										{ font-family: open sans, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px; }
.table-checklist td, th 				{ border: 1px solid #7f7f7f; padding: 7px; vertical-align: top; }
.table-checklist						{ background: #fff; }
.table-checklist th						{ background: #aaa; color: #fff; font-weight: bold; }
.table-checklist 						{ border: 1px solid  #333; }
.table-checklist th 					{ border: 1px dotted #666; }
.table-checklist td 					{ border: 1px dotted #666; }
.table-checklist th[scope=col] 			{ border-bottom: 1px solid #333; border-right: 1px solid #333; }
.table-checklist th[scope=row]			{ border-right: 1px solid #333; background: #ccc; color: #000; }
.table-checklist th+th[scope=col]		{ border-right: 1px dotted #666; }
.table-checklist > thead > tr > th[scope=row]
										{ border-right: 1px solid #333; border-bottom: 1px solid #333; background: #aaa; color: #fff; }


.table-data caption 					{ font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
.table-data, .table-data ul, .table-data li, .table-data th, .table-data td
										{ font-family: open sans, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px; }
.table-data td, th 						{ border: 1px solid #7f7f7f; padding: 7px; vertical-align: top; }
.table-data								{ background: #fff; }
.table-data th							{ background: #aaa; color: #fff; font-weight: bold; }
.table-data th[scope=col] 				{ border-bottom: 1px solid #333; border-right: 1px solid #333; }
.table-data th[scope=row]				{ border-right: 1px solid #333; background: #ccc; color: #000; }
.table-data th+th[scope=col]			{ border-right: 1px dotted #666; }
.table-data > thead > tr > th[scope=row]
										{ border-right: 1px solid #333; border-bottom: 1px solid #333; background: #aaa; color: #fff; }
.table-data tbody tr:nth-child(odd) 	{ background-color: #eee; }


.table-data > thead > tr > th[scope=col] { background-color: #888; }
.table-data > thead > tr > th[scope=row] { background-color: #888; }


.table-schedule caption 				{ text-align:left;border-left: 1px solid #7f7f7f; border-right: 1px solid #7f7f7f; border-top: 1px solid #7f7f7f; font-weight: bold; margin-bottom: 0px; margin-top: 10px; background:#c5c5c5;padding:5px;}
.table-schedule, .table-schedule ul, .table-schedule li, .table-schedule th, .table-schedule td			
										{ font-family: open sans, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px; }
.table-schedule td, th 					{ border: 1px solid #7f7f7f; padding: 7px; vertical-align: top; }
.table-schedule							{ background: #fff; }
.table-schedule th						{ background: #aaa; color: #fff; font-weight: bold; }
.table-schedule th[scope=col] 			{ border-bottom: 1px solid #333; border-right: 1px solid #333; }
.table-schedule th[scope=row]			{ border-right: 1px solid #333; background:#ecebeb; color: #000; }
.table-schedule th+th[scope=col]		{ border-right: 1px dotted #666; }
.table-schedule > thead > tr > th[scope=row]
										{ border-right: 1px solid #333; border-bottom: 1px solid #333; background: #aaa; color: #fff; }

table.table-lettergrade  { width: auto!important; }
table.table-lettergrade caption { font-weight: bold; margin-bottom: 5px; margin-top: 10px; white-space:nowrap;}

table.table-lettergrade,
table.table-lettergrade ul,
table.table-lettergrade li,
table.table-lettergrade th,		
table.table-lettergrade td		{ font-family: open sans, helvetica, arial, sans-serif; font-size: 14px; line-height: 17px; }

table.table-lettergrade td, 
table.table-lettergrade th 	{ text-align:center; border: 1px solid #7f7f7f; padding: 7px; vertical-align: top; }
table.table-lettergrade		{ background: #fff; }
table.table-lettergrade th	{ background: #aaa; color: #fff; font-weight: bold; }


table.table-lettergrade th[scope=col] 					{ border-bottom: 1px solid #333; border-right: 1px solid #333; }
table.table-lettergrade th[scope=row]					{ border-right: 1px solid #333; background: #ccc; color: #000; }

table.table-lettergrade th+th[scope=col]				{ border-right: 1px dotted #666; }

table.table-lettergrade > thead > tr > th[scope=row]	{ border-right: 1px solid #333; border-bottom: 1px solid #333; background: #aaa; color: #fff; }



table.table-lettergrade tbody tr:nth-child(odd) {
   background-color: #eee;
}


.week th								{ text-align: center; width: 14%; }


table.table-checklist th.right,
table.table-checklist td.right,
table.table-data      th.right,		
table.table-data      td.right,
table.table-number    th.right,		
table.table-number    td.right,
table.table-numeric   th.right,		
table.table-numeric   td.right,
table.table-schedule  th.right,		
table.table-schedule  td.right
  { text-align:right; }

table.table-checklist th.left,
table.table-checklist td.left,
table.table-data      th.left,		
table.table-data      td.left,
table.table-number    th.left,		
table.table-number    td.left,
table.table-numeric   th.left,		
table.table-numeric   td.left,
table.table-schedule  th.left,		
table.table-schedule  td.left
  { text-align:left; }



/**************************************************/
/* VIDEO                                          */
/**************************************************/

video																{ width: 100% !important; height: auto !important; }
.video-wrapper 														{ position: relative !important; padding-bottom: 56.25% !important; padding-top: 25px !important; height: 0 !important; margin-bottom: 15px; }
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed	{ position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; min-height: 100% !important; }
.video-center														{ border: 0; margin-bottom: 20px; width: 100%; text-align:center; }

h3 + div.video-center 												{ margin-top: 20px; }
div.video-center + h3 												{ margin-top: 30px; }




/**************************************************/
/* PRE                                            */
/**************************************************/

pre, code, .code, .pre {
	background:		#fdfedc;
	font-family: 	Inconsolata,Lucida Console,Courier,Courier New,monospace !important;
	font-size:		105%;
	line-height:	130%;
	margin:			0px 0px 20px 0px;
	padding:		0px;
	max-width:		100%; 
	overflow:		auto; 
	white-space:	pre-wrap;
	word-spacing:	normal; 
	word-wrap:		break-word;
}
.pre { font-weight: bold; }

pre { padding: 5px; }




/**************************************************/
/* COURSE TITLE - Needed?                         */
/**************************************************/

#page .region-branding .course-title	{ color: #4d4d4d; font-family: open sans,helvetica,arial; font-size: 18px; }
#page .region-branding .course-name		{ color: #4d4d4d; font-family: open sans,helvetica,arial; font-size: 24px; font-variant:small-caps; font-weight: 600; line-height: 28px; padding-top: 2px; }
#coursetitleright						{ margin-bottom: 10px; }
.coursenumber							{ font-family: open sans, helvetica, arial; }
.coursetitle							{ font-family: open sans, helvetica, arial; font-weight:600; }





/**************************************************/
/* MISCELLANEOUS                                  */
/**************************************************/

.region-inner				{ margin-bottom: 0px; }
.page-links 				{ margin-bottom: 10px; }
.print-link 				{ font-size: 12px; margin-top: -45px; display:block; float:right; }
.file-icon					{ border: 0px; padding-left: 4px; }
hr							{ background: none repeat scroll 0 0 #666666; border: medium none; height: 1px; padding: 0px; }
.hidden						{ display: none; }
.faq-with-rules li 			{ border-bottom: 1px solid #ccc; padding: 10px 0px; }
.link-top 					{ display: block; font-size: 80%; text-align: right; }
div.feed-icon				{ margin-bottom: 20px; }
#course_footer .cc-img 		{ float: right; margin: 0px 0px 15px 15px; }
.instructorphoto			{ height: 200px; width: 200px; }

#page p.highlight, #page span.highlight {font-weight:bold;color:#cc0000;}

span.ext	{ background: none; width: 0px; height: 0px; padding-right: 0px; text-decoration: none; }

blockquote				{ clear:both; border-left: 15px solid #eeeeee; color: #333333; font-style: italic; line-height: 24px; margin: 30px; padding-left: 15px; }
blockquote.steplist		{ border-left: 15px solid #eeeeee; color: #333333; font-style: normal; line-height: 22px; margin: 30px; padding-left: 15px; }

blockquote + h3, blockquote + div.box-note { clear:both;}

div.book-navigation .menu 			{ padding: 10px 0 20px 20px; color: #555; }
div.book-navigation .menu a			{ text-decoration:none; }
div.book-navigation .page-links		{ font-family: aleo regular, helvetica, arial; font-size: 12px; color: #555; }
div.book-navigation .page-links	a	{ text-decoration:none; }

.book-navigation { clear: both; }

.clear	{ clear: both; }

.toggler {
    background: #ebebeb none repeat scroll 0 0;
    padding: 2px 5px;
	text-align:center;
	cursor: pointer;
}

.toggler:hover {
    color: blue;
    text-decoration: underline;
	cursor: pointer;
	text-align:center;
}


div.toggler + div {
	text-align:left!important;
}
div.toggler + div p {
	text-align:left!important;
}



.clicktip {
    color: #0062a0;
    font-style: italic;
    text-align: left;
    margin-bottom: 15px;
}

.clicktip .image-center {border:none!important;}


sub, sup  { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup       { top: -0.5em; }
sub       { bottom: -0.25em; }


/* formatting for transcript in img-caption with aria labeling */
.img-caption ul li, .img-caption p, .image-caption ul li, .image-caption p	
	{ text-align:left!important; }

.img-caption h3, .img-caption h4, .image-caption h3, .image-caption h4	
	{ text-align:left!important;margin-top:10px; }

div[aria-label="additional content"] p	{ margin-left:10px;margin-right:10px;font-weight:normal;margin-bottom:0px;margin-top:5px;text-align:left; }


div[aria-label="additional content"] > p	{ margin-top:10px; }



#form-builder-wrapper { margin-top: 30px; }


/**************************************************/
/* BA850                                          */
/**************************************************/


.image-right-45 { float: right; margin: 0px 0px 20px 20px; width:45%; }
.image-left-45	 { float:  left; margin: 0px 20px 20px 0px; width:45%; }

.image-right-45 img, .image-left-45 img { max-width:100%; }


.image-right-45 .image-credit {text-align:right;padding-right:15px;}
.image-left-45 .image-credit {text-align:left;padding-left:15px;}

.box-quote-statement { font-weight: bold; font-size:16px; margin-bottom:20px; }

.image-decorative-100 {width:100%;max-wdith:100%;border:0px;}

.box-emphasis { background: #e4e4e4; margin: 20px 0px; padding: 25px; font-weight:bold;font-size:14px; }


/* added by Marty on 2015.08.26 for EARTH 103 */

div#breadcrumb {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* GLOSSARY STUFF - currently MATSE 259 */

body.page-taxonomy-term #block-system-main > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) {
  display: none;
}


.list-alpha-lower	{ list-style-type: lower-alpha; }
.list-alpha-upper	{ list-style-type: upper-alpha; }
.list-roman-lower	{ list-style-type: lower-roman; }
.list-roman-upper	{ list-style-type: upper-roman; }