/** Place custom overrides and new styles here. **/
/** This file will not be overwritten by the Deploy process. **/

/** Loads HelveticaNeue Roman font **/
@font-face {
	font-family: "helvetica";
	src: url("../../fonts/helveticaneuew01-55roman-webfont.woff") format("woff"), url("../../fonts/helveticaneuew01-55roman-webfont.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

/** Loads HelveticaNeue Light font **/
@font-face {
	font-family: "helvetica";
	src: url("../../fonts/helveticaneuew01-45light-webfont.woff") format("woff"), url("../../fonts/helveticaneuew01-45light-webfont.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

/** Loads HelveticaNeue Medium font **/
@font-face {
	font-family: "helvetica";
	src: url("../../fonts/helveticaneuew01-65medium-webfont.woff") format("woff"), url("../../fonts/helveticaneuew01-65medium-webfont.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

/** Loads HelveticaNeue Bold font **/
@font-face {
	font-family: "helvetica";
	src: url("../../fonts/helveticaneuew01-75bold-webfont.woff") format("woff"), url("../../fonts/helveticaneuew01-75bold-webfont.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}

/** Sets global font size, font face, font color, and background color **/
body {
	font-size: 100%;
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	line-height: 1.2;
	color: #606060;
	background: #f3f3f5;
}

/** Sets global font face for all divs **/
div {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

/** Sets global link colors as dark red **/
a {
	color: #a1212b;
	text-decoration: none;
}

/** Sets global link colors as dark red **/
A:LINK {
	color: #a1212b;
	text-decoration: none;
}

/** Sets strong and bold tags to a 500 font weight, which displays the HelveticaNeue Medium font. **/
strong, b {
	font-weight: 500;
}

/** Horizontally aligns the title div (containing hamburger menu) with the table below, and adds vertical whitespace **/
#TITLE {
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	width: 97%;
}

/** Aligns hamburger menu to the left and removes table padding, spacing, etc **/
#TITLE table {
	border: 0;
	cell-padding: 0;
	cell-spacing: 0;
	border-spacing: 0;
	width: 100%;
	empty-cells: show;
	text-align: left;
	padding: 4px 0;
}

/** Aligns hamburger menu to the left and removes table padding, spacing, etc **/
#TITLE table td {
	text-align: left;
	padding: 4px 0;
}

/** Aligns the third column of TITLE table (containing the Sign On link) to the right **/
#TITLE table td:nth-child(3) {
	text-align: right;
	padding: 4px 0;
}

/** Sets font properties for the page's title. **/
#TITLE-NAME {
	color: #666;
	font-family: 'helvetica', 'Arial';
	font-size: 14pt;
	font-weight: normal;
	font-style: normal;
}

/** Sets font properties for the "Sign On" text to the right of the title. **/
#TITLE-PERSON {
	color: #a1212b;
	font-family: 'helvetica', 'Arial';
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
}

/** Sets properties for all tables with "grid" class. Attempting to target the course list tables, but there are other "grid" tables affected. **/
table.grid {
	border: 0px solid #fff;
	background: #fff;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

/** Sets properties for "griddata" columns and "gridheader" columns for all tables with "grid" class. **/
table.grid td.griddata, table.grid td.gridheader {
	border: 0px solid #fff;
	padding: 7px 10px 4px 10px;
	height: 19px;
	vertical-align: middle;
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

/** Sets font properties for all columns for all tables with "grid" class. **/
table.grid td {
	font-size: 13px;
	color: #606060;
	line-height: normal;
}

/** Sets background color for all rows for all tables with "grid" class. **/
table.grid tr {
	background: #fff;
}

/** Sets background color for even-numbered rows only for all tables with "grid" class. **/
table.grid tr:nth-child(even) {
	background: #f2f2f2;
}

/** Sets background color for "gridheader" columns for all tables with "grid" class. **/
table.grid td.gridheader {
	background: #e0e0e0;
	background: -moz-linear-gradient(top, #e8e8e8 0%, #e3e3e3 66%, #e0e0e0 100%);
	background: -webkit-linear-gradient(top, #e8e8e8 0%, #e3e3e3 66%, #e0e0e0 100%);
	background: linear-gradient(to bottom, #e8e8e8 0%, #e3e3e3 66%, #e0e0e0 100%);
}

/** Sets font properties for "gridheader" columns for all tables with "grid" class. **/
table.grid td.gridheader {
	font-size: 14px;
	font-weight: 500 !important;
	line-height: normal;
	color: #606060;
}

/** Ensuring table header links are dark red **/
table.grid td.gridheader a:link {
	color: #a1212b;
}

/** Ensuring table header links are dark red **/
table.grid td.gridheader a:visited {
	color: #a1212b;
}

/** Sets font properties for "griddata" columns for all tables with "grid" class. **/
table.grid td.griddata {
	font-size: 13px;
	font-weight: 400 !important;
	line-height: 1.2;
	color: #606060;
}

/** Sets background color all horizonal rules **/
hr {
	background: #f0f0f0 !important; 
}

/** Adds padding below "FOR REGISTRATION INFORMATION CLICK HERE" **/
.ccstatusandaction {
	padding-bottom: 16px;
}

/** Removes padding to the left of "FOR REGISTRATION INFORMATION CLICK HERE". Horizontally aligns text with table below and text above. Sets font to light. **/
.ccstatusandaction .action {
	padding-left: 0;
	font-weight: 300;
}

/** Removes padding to the left of "Your status in the course is:". Horizontally aligns text with table below and text above. Sets font to light. **/
.ccstatusandaction .status-section {
	padding-left: 0;
	vertical-align: middle;
}

/** Set font size and weight for "Your status in the course is:" text. **/
.ccstatusandaction .status-section .status-item {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	font-style: normal;
}

/** Vertically aligns the "Add to favorites", "Continue Course" and "Restart Course" link to middle. Also sets font properties. **/
.cando-links, .new-cando-link {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	vertical-align: middle !important;
	line-height: 1.0;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
}

/** Aligns the star/play/rewind icon next to the "Add to favorites", "Continue Course" and "Restart Course" link. **/
.cando-links img, .new-cando-link img {
	vertical-align: top !important;
	margin-right: 8px;
}

/** Increasing the line height moves the text down to the center of "Menu/Recent/Favorites" tab on the hamburger menu and "Course Detail/Course Content" tabs. **/
.tabset-tab {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	line-height: 1.5;
}

/** Sets font weight of the selected "Menu/Recent/Favorites" tab on the hamburger menu and sets the font weight for the "Course Detail/Course Content" tabs. This is to remove blurriness of font "bolding" by LMS. Setting to 500 somehow adds a bottom border to the tab. **/
.tabset-tab a.tabset-tab-selected {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 400;
}

/** Sets margin for "Outcomes and Objectives / Credits Information" buttons on the course detail pages. Increases vertical whitespace. **/
#INFO {
	margin-bottom: 15px;
	margin-top: 10px;
}

/** Sets font weight of the selected "Outcomes and Objectives / Credits Information" buttons on the course detail pages. This is to remove blurriness of font "bolding" by LMS. **/
#INFO-LINKS .infolink {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: 400 !important;
}

/** Sets background color and padding for "Outcomes and Objectives / Credits Information" buttons on the course detail pages. **/
#INFO-LINKS .hoverlink {
	background: #f3f3f5;
	padding: 6px 8px;
}

/** Sets font properties for "course description" heading in the Course Detail tab. **/
#INFO-CAPTION {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
}

/** Sets font properties for text underneath "course description" heading in the Course Detail tab. **/
#INFO-TEXT {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	line-height: 1.5;
	font-size: 14px !important;
	font-weight: 300;
	font-style: normal;
}

/** Sets font properties for "course details" heading in the Course Detail tab. **/
.dataentry .basetitlefont {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	text-align: left;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
}

/** Sets font properties for "course details" text in the Course Detail tab. **/
.dataentry .dataentryfield, .dataentry .dataentrylabel {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
}

/** Removes box shadow from table in Workshop Details iframe that lists instructors. Box shadow is due to parent CSS from table styling above. **/
.dataentry table.grid {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
}

/** Changes background color of table rows to white in Workshop Details iframe that lists instructors/faculty. Otherwise, they'll attempt to alternate between grey and white due to parent CSS from table styling above. **/
.dataentry table.grid tr {
	background: #fff;
	background-color: #fff;
}

/** Sets font and margin properties for hamburger menu titles. **/
.mainmenu-popup-section1 {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 15px;
	font-weight: 400 !important;
	color: #fff;
	margin-bottom: 6px;
	margin-top: 10px;
}

/** Sets padding and vertical alignment properties for hamburger menu titles. **/
.mainmenu-popup-sectionlabel1 {
	padding: 6px 10px 4px 10px;
	vertical-align: middle;
}

/** Sets font properties for profile popup menu at top-right when logged in. **/
.mainmenu-popup-link a {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 15px;
	font-weight: 400 !important;
}

/** Set properties for "Here is more information about this course:" text. **/
#PAGE-DESC {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	color: #666;
	vertical-align: middle !important;
	line-height: 1.0;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
}

/** Hide trail links. **/
#TRAIL {
	display: hidden !important;
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

/** Hide trail links. **/
#TRAIL-LINKS {
	display: hidden !important;
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

/** Make Sign On box white instead of transparent **/
.dataentryfields-border {
	background: #fff;
	background-color: #fff;
}

/** Set font properties for 'Your ID' and 'User Password' label text at Sign On page, and for all label text on Profile page. **/
.dataentrylabel {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	vertical-align: bottom;
}

/** Set font properties for OK and Cancel type buttons  **/
#dataentrybutton0, #dataentrybutton1, #dataentrybutton2 {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.0;
}

/** Set font properties for 'tips' section when entering data, such as requesting User ID or Password **/
.dataentrytitle-embedded {
	font-family: "helvetica", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	line-height: 1.0;
}


/** To edit/fix the titles for LMS Popup Boxes that contain "Outcomes and Objectives" and "Credits Information", open file InfoSection.htm in SSTPUB. Edit lines 40-44. Should look like this:

        sTitleLine = link.getHTML("style='float: right; margin: 10px 10px 0 0;'");
        sTitleLine += '</div>\n';
        sTitleLine += '<div style="margin: 0 auto; font-weight: 400; font-size: 28px; text-align: center; padding: 10px 40px 0px 40px;">' + HtmlEncode(PD.sDisplayName);
        //sTitleLine += '</div>\n';
        outerDiv = '<DIV>';

**/

/** To edit the gradient header color for LMS Popup Boxes that contain "Outcomes and Objectives" and "Credits Information", open file stcTop.htm in SSTPUB. Edit lines 19-28. Should look like this:

        .ui-widget-header {
            color: #ffffff;
            background: #cacaca;
            background: -moz-linear-gradient(left, #cacaca, #dddddd );
            background: -webkit-linear-gradient(left, #cacaca, #dddddd );
            background: -o-linear-gradient(left, #cacaca, #dddddd );
            background: -ms-linear-gradient(left, #cacaca, #dddddd );
            background: linear-gradient(left, #cacaca, #dddddd );
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#cacaca', endColorstr='#dddddd');
        }

**/

/** To fix the background color for the "Workshop Details" iframe for Live Events and Live Webinars, open file ClassDetailIDDataDisplay.htm in SSTPUB. After line 35, add:

	<style>
		body {
			background: #fff;
			background-color: #fff;
		}
	</style>

**/

/** To fix the background color for the "Course Details" iframe for Recorded Webinars, open file CourseDetailIDDataDisplay.htm in SSTPUB. After line 31, add:

	<style>
		body {
			background: #fff;
			background-color: #fff;
		}
	</style>

**/

/** To fix the background color for the "Course Content" iframe for Online Courses, open file eCourseDetailDisplay.htm in SSTPUB. After lines 508, 516, and 2315 (it didn't want to listen the first time), add:

	<style>
		body {
			background: #fff !important;
			background-color: #fff !important;
		}
	</style>

**/
/* Change the appearance of tabs in this Learning Center */
 
 
a.tabset-tab {
  background-color: #f0f0f0;
  border: solid 1px black;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-right: 3px;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
 
 
a.tabset-tab-selected {
  border-bottom: solid 1px white;
  border-top: solid 3px;
  background-color: unset;
}
 
#_tabContainer + div {
  border-top: solid 1px black !important;
}
 
 
.mainmenu-popup-container a.tabset-tab {
  margin-right: 0px;
}
 
 
.mainmenu-popup-container #_tabContainer + div {
  border-top: none !important;
}