/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
#Site Styles
#Page Styles
#Media Queries
#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */
.NSEPSearch {clear: both;}


/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
#logobox {width: 10%;}
#maroonBar {clear: both;}
.logIn table {max-width: 99%;}
.loading embed, .loading iframe {max-width: 99%;}
.resDataTable.largeTable table {width: 100%;}
.resDataTable.largeTable td {display: block; border: none; }
.resDataTable.largeTable tr {border-top: 1px solid #666; padding: 5px 0px;}
.resDataTable.largeTable table tbody td:before {content: attr(data-th); display: block; font-weight: bold; text-decoration: underline;}
.resDataTable.largeTable thead {display: none;}
#tabs {padding-left: 15px;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) #1 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.videoOptions { width: 99%;}
.courseListDescription-wrap {width: 60%;}
  }

/* All Mobile Sizes (devices and browser) #2 */
@media only screen and (max-width: 767px) {
.NSEPSearch {float: left; clear: none;  margin-top: 5px; margin-bottom: 5px;}
#maroonBar {display: none;}
#topmainmenu  { display: none; }
#topmainmenuQuicklinks {display: block; padding: 0px 0px 10px 0px; text-align:center;}
#topmainmenuQuicklinks select {padding: 2px 10px; width: 75%; background: #ccc; border: none; border-radius: 5px;font-weight: 500; font-size: 18px; color: #000;}
.commentLink {display: none;}
#headerbox {text-align: center;}
#maincontent img {clear: all; text-align:center; margin: 10px auto;}
.course_page_image, .course_page_image_left {clear: all; width: 99%; text-align:center; margin: 10px auto;}
  .course_page_image img,   .course_page_image_left img  {width: 100%;}
#topnavigation {background: #fff;}
#headerbox img {padding: 0px;}
.videoOptions { width: 98%; font-size: 85%;}
#mobile-coursenav {display: block;}
#full-leftnav {display: none;}
#leftNav ul {border-right: none;}
#takeQuizButton {text-align: center;}
.startButton {margin-left: auto; margin-right: auto;}
.searchContainer {min-height: 200px; padding: 10px;}
.contentText {padding: 10px;}
#courseContents {min-height: 200px;}
.textColumn {padding: 10px; max-width: 100%;}
.transcriptList {border: none;}
.transcriptOptions {padding: 0px 0px 5px 0px; margin: 10px 0px;}
.transcriptOptions img {padding: 0px 5px;}
.logIn td {padding: 0px;}
.authWrap {padding: 10px 5px; }
#mainContent h3 {text-align: center;}
.footerLogos {text-align: center;}
#logo3 {float: none;}
.mobile {display: block;}
#logoBar {display: none;}
#loginSearchBar {background: #500000;}
#nsep_header {padding: 10px;}
.nsspilink {background: #333; padding: 5px 10px;}
.authMenu {margin-right: 0px; }
.quote-box {width: 90%; margin: 10px 0px 20px 0px; }
.resDataTable table {width: 100%;}
.resDataTable td {display: block; border: none; }
.resDataTable tr {border-top: 1px solid #666; padding: 5px 0px;}
.resDataTable table tbody td:before {content: attr(data-th); display: block; font-weight: bold; text-decoration: underline;}
.resDataTable thead {display: none;}
  .courseListImage {display: none;}
.courseListDescription-wrap {width: 100%;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) #3 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.loading embed {max-width: 400px; height: 320px;}
.logIn table {width: 350px;}
.profileEditorTitle {width: 350px;}
.profileEditor {width: 330px;}
.authRegister {width: 400px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) #4 */
@media only screen and (max-width: 479px) {
    .nsepSearchIcon {display: none;}
.loading embed {max-width: 280px; height: 224px;}
.logIn table {width: 280px; margin:0px;}
.logIn table tr td table {width: 250px; margin:0px;}
.profileEditorTitle {width: 250px;}
.profileEditor {width: 230px;}
#contour input.text, #contour textarea {  width: 175px !important;  padding: 5px;}
.authRegister {width: 280px;}
#loginSearchBar input {display: none;}
#loginSearchBar input.searchButton {display: inline;}
}


/* #Font-Face
================================================== */
/* This is the proper syntax for an @font-face file
Just create a "fonts" folder at the root,
copy your FontName into code below and remove
comment brackets */

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('eot'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/





































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */